BreadcrumbItem-BreadcrumbItem-stories.36a07030.iframe.bundle.js

"use strict";(self.webpackChunkcommon_components=self.webpackChunkcommon_components||[]).push([[5120],{"./node_modules/@react-aria/breadcrumbs/dist/import.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{I:()=>$dafd15390222438a$export$452b38fce62c9384,i:()=>$848231d7a2b3998e$export$8cefe241bd876ca0});var $b91590b2dc47de39$exports;$b91590b2dc47de39$exports={breadcrumbs:"عناصر الواجهة"};var $55b0693b2cf3fe91$exports;$55b0693b2cf3fe91$exports={breadcrumbs:"Трохи хляб"};var $6ec1ed7729e948cc$exports;$6ec1ed7729e948cc$exports={breadcrumbs:"Popis cesty"};var $5a41bb2baa6861e4$exports;$5a41bb2baa6861e4$exports={breadcrumbs:"Brødkrummer"};var $f28bbea439e87eca$exports;$f28bbea439e87eca$exports={breadcrumbs:"Breadcrumbs"};var $b3eca51cb720961a$exports;$b3eca51cb720961a$exports={breadcrumbs:"Πλοηγήσεις breadcrumb"};var $0b39b205118db415$exports;$0b39b205118db415$exports={breadcrumbs:"Breadcrumbs"};var $f467c0ee7bfb0950$exports;$f467c0ee7bfb0950$exports={breadcrumbs:"Migas de pan"};var $ab711d2ffb4cdf3d$exports;$ab711d2ffb4cdf3d$exports={breadcrumbs:"Lingiread"};var $b63105d663e6f9d5$exports;$b63105d663e6f9d5$exports={breadcrumbs:"Navigointilinkit"};var $9d2ed7be7fcdc2a1$exports;$9d2ed7be7fcdc2a1$exports={breadcrumbs:"Chemin de navigation"};var $c5704294d85c7b5d$exports;$c5704294d85c7b5d$exports={breadcrumbs:"שבילי ניווט"};var $20c975671d6bbc63$exports;$20c975671d6bbc63$exports={breadcrumbs:"Navigacijski putovi"};var $2569ca3917233115$exports;$2569ca3917233115$exports={breadcrumbs:"Morzsamenü"};var $caa152f7f8e96c85$exports;$caa152f7f8e96c85$exports={breadcrumbs:"Breadcrumb"};var $cbc6af0cc98fad10$exports;$cbc6af0cc98fad10$exports={breadcrumbs:"パンくずリスト"};var $ad9be5d332b4d607$exports;$ad9be5d332b4d607$exports={breadcrumbs:"탐색 표시"};var $659de19a00ff9617$exports;$659de19a00ff9617$exports={breadcrumbs:"Naršymo kelias"};var $173e9fb4d14fe309$exports;$173e9fb4d14fe309$exports={breadcrumbs:"Atpakaļceļi"};var $d8e2640a066567a9$exports;$d8e2640a066567a9$exports={breadcrumbs:"Navigasjonsstier"};var $d71fd764236c0d12$exports;$d71fd764236c0d12$exports={breadcrumbs:"Broodkruimels"};var $f4ad3faf9f4aaec6$exports;$f4ad3faf9f4aaec6$exports={breadcrumbs:"Struktura nawigacyjna"};var $9703be9d55d8e9c2$exports;$9703be9d55d8e9c2$exports={breadcrumbs:"Caminho detalhado"};var $7e23baec8a14f309$exports;$7e23baec8a14f309$exports={breadcrumbs:"Categorias"};var $568f95594049d56e$exports;$568f95594049d56e$exports={breadcrumbs:"Miez de pâine"};var $625df06cecc70764$exports;$625df06cecc70764$exports={breadcrumbs:"Навигация"};var $b5a67525f3a2f594$exports;$b5a67525f3a2f594$exports={breadcrumbs:"Navigačné prvky Breadcrumbs"};var $16125922964febca$exports;$16125922964febca$exports={breadcrumbs:"Drobtine"};var $de104bf355206bcf$exports;$de104bf355206bcf$exports={breadcrumbs:"Putanje navigacije"};var $d5ab76bcbadc9c07$exports;$d5ab76bcbadc9c07$exports={breadcrumbs:"Sökvägar"};var $a6a1af5968159b55$exports;$a6a1af5968159b55$exports={breadcrumbs:"İçerik haritaları"};var $5204a30f0d17ffec$exports;$5204a30f0d17ffec$exports={breadcrumbs:"Навігаційна стежка"};var $8d15e736e12d3dfd$exports;$8d15e736e12d3dfd$exports={breadcrumbs:"导航栏"};var $f8c49dd804b75140$exports;$f8c49dd804b75140$exports={breadcrumbs:"導覽列"};var dist_import=__webpack_require__("./node_modules/@react-aria/link/dist/import.mjs"),utils_dist_import=__webpack_require__("./node_modules/@react-aria/utils/dist/import.mjs"),real_module=__webpack_require__("./node_modules/@react-aria/i18n/dist/real-module.mjs");function $parcel$interopDefault(a){return a&&a.__esModule?a.default:a}function $dafd15390222438a$export$452b38fce62c9384(props,ref){let{isCurrent,isDisabled,"aria-current":ariaCurrent,elementType="a",...otherProps}=props,{linkProps}=(0,dist_import.i)({isDisabled:isDisabled||isCurrent,elementType,...otherProps},ref),itemProps={};return/^h[1-6]$/.test(elementType)||(itemProps=linkProps),isCurrent&&(itemProps["aria-current"]=ariaCurrent||"page",itemProps.tabIndex=props.autoFocus?-1:void 0),{itemProps:{"aria-disabled":isDisabled,...itemProps}}}var $8229b34715874f89$exports={};function $848231d7a2b3998e$export$8cefe241bd876ca0(props){let{"aria-label":ariaLabel,...otherProps}=props,strings=(0,real_module.oe)($parcel$interopDefault($8229b34715874f89$exports),"@react-aria/breadcrumbs");return{navProps:{...(0,utils_dist_import.$X)(otherProps,{labelable:!0}),"aria-label":ariaLabel||strings.format("breadcrumbs")}}}$8229b34715874f89$exports={"ar-AE":$b91590b2dc47de39$exports,"bg-BG":$55b0693b2cf3fe91$exports,"cs-CZ":$6ec1ed7729e948cc$exports,"da-DK":$5a41bb2baa6861e4$exports,"de-DE":$f28bbea439e87eca$exports,"el-GR":$b3eca51cb720961a$exports,"en-US":$0b39b205118db415$exports,"es-ES":$f467c0ee7bfb0950$exports,"et-EE":$ab711d2ffb4cdf3d$exports,"fi-FI":$b63105d663e6f9d5$exports,"fr-FR":$9d2ed7be7fcdc2a1$exports,"he-IL":$c5704294d85c7b5d$exports,"hr-HR":$20c975671d6bbc63$exports,"hu-HU":$2569ca3917233115$exports,"it-IT":$caa152f7f8e96c85$exports,"ja-JP":$cbc6af0cc98fad10$exports,"ko-KR":$ad9be5d332b4d607$exports,"lt-LT":$659de19a00ff9617$exports,"lv-LV":$173e9fb4d14fe309$exports,"nb-NO":$d8e2640a066567a9$exports,"nl-NL":$d71fd764236c0d12$exports,"pl-PL":$f4ad3faf9f4aaec6$exports,"pt-BR":$9703be9d55d8e9c2$exports,"pt-PT":$7e23baec8a14f309$exports,"ro-RO":$568f95594049d56e$exports,"ru-RU":$625df06cecc70764$exports,"sk-SK":$b5a67525f3a2f594$exports,"sl-SI":$16125922964febca$exports,"sr-SP":$de104bf355206bcf$exports,"sv-SE":$d5ab76bcbadc9c07$exports,"tr-TR":$a6a1af5968159b55$exports,"uk-UA":$5204a30f0d17ffec$exports,"zh-CN":$8d15e736e12d3dfd$exports,"zh-TW":$f8c49dd804b75140$exports}},"./node_modules/@react-aria/link/dist/import.mjs":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{i:()=>$298d61e98472621b$export$dcf14c9974fe2767});var _react_aria_utils__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@react-aria/utils/dist/import.mjs"),_react_aria_focus__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/@react-aria/focus/dist/import.mjs"),_react_aria_interactions__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@react-aria/interactions/dist/import.mjs");function $298d61e98472621b$export$dcf14c9974fe2767(props,ref){let{elementType="a",onPress,onPressStart,onPressEnd,onClick:deprecatedOnClick,isDisabled,...otherProps}=props,linkProps={};"a"!==elementType&&(linkProps={role:"link",tabIndex:isDisabled?void 0:0});let{focusableProps}=(0,_react_aria_focus__WEBPACK_IMPORTED_MODULE_0__.Wc)(props,ref),{pressProps,isPressed}=(0,_react_aria_interactions__WEBPACK_IMPORTED_MODULE_1__.dD)({onPress,onPressStart,onPressEnd,isDisabled,ref}),domProps=(0,_react_aria_utils__WEBPACK_IMPORTED_MODULE_2__.$X)(otherProps,{labelable:!0,isLink:"a"===elementType}),interactionHandlers=(0,_react_aria_utils__WEBPACK_IMPORTED_MODULE_2__.v6)(focusableProps,pressProps),router=(0,_react_aria_utils__WEBPACK_IMPORTED_MODULE_2__.rd)();return{isPressed,linkProps:(0,_react_aria_utils__WEBPACK_IMPORTED_MODULE_2__.v6)(domProps,{...interactionHandlers,...linkProps,"aria-disabled":isDisabled||void 0,"aria-current":props["aria-current"],onClick:e=>{var _pressProps_onClick;null===(_pressProps_onClick=pressProps.onClick)||void 0===_pressProps_onClick||_pressProps_onClick.call(pressProps,e),deprecatedOnClick&&(deprecatedOnClick(e),console.warn("onClick is deprecated, please use onPress")),!router.isNative&&e.currentTarget instanceof HTMLAnchorElement&&e.currentTarget.href&&!e.isDefaultPrevented()&&(0,_react_aria_utils__WEBPACK_IMPORTED_MODULE_2__.sU)(e.currentTarget,e)&&(e.preventDefault(),router.open(e.currentTarget,e))}})}}},"./src/Components/BreadcrumbItem/BreadcrumbItem.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Current:()=>Current,Default:()=>Default,Disabled:()=>Disabled,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _index__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/Components/BreadcrumbItem/index.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Example/BreadcrumbItem",component:_index__WEBPACK_IMPORTED_MODULE_0__.A,tags:["autodocs"]},Default={args:{..._index__WEBPACK_IMPORTED_MODULE_0__.A.defaultProps,href:"home.html",children:"Home Page",onClick:e=>{e.preventDefault(),alert(`Navigating to ${e.target.innerText}`)}}},Current={args:{children:"Home Page",isCurrent:!0}},Disabled={args:{children:"Home Page",isDisabled:!0}};Default.parameters={...Default.parameters,docs:{...Default.parameters?.docs,source:{originalSource:"{\n  args: {\n    ...BreadcrumbItem.defaultProps,\n    href: 'home.html',\n    children: 'Home Page',\n    onClick: handleClick\n  }\n}",...Default.parameters?.docs?.source}}},Current.parameters={...Current.parameters,docs:{...Current.parameters?.docs,source:{originalSource:"{\n  args: {\n    children: 'Home Page',\n    isCurrent: true\n  }\n}",...Current.parameters?.docs?.source}}},Disabled.parameters={...Disabled.parameters,docs:{...Disabled.parameters?.docs,source:{originalSource:"{\n  args: {\n    children: 'Home Page',\n    isDisabled: true\n  }\n}",...Disabled.parameters?.docs?.source}}};const __namedExportsOrder=["Default","Current","Disabled"]},"./src/Components/BreadcrumbItem/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>Components_BreadcrumbItem});var react=__webpack_require__("../epi-systems-frontend/node_modules/react/index.js"),clsx=__webpack_require__("./node_modules/clsx/dist/clsx.mjs"),dist_import=__webpack_require__("./node_modules/@react-aria/breadcrumbs/dist/import.mjs"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),styles=__webpack_require__("./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Components/BreadcrumbItem/styles.scss"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(styles.A,options);styles.A&&styles.A.locals&&styles.A.locals;var jsx_runtime=__webpack_require__("../epi-systems-frontend/node_modules/react/jsx-runtime.js");const BreadcrumbItem=({className,isCurrent=!1,isDisabled=!1,href,...props})=>{let ref=(0,react.useRef)(),{itemProps}=(0,dist_import.I)({...props,elementType:"span"},ref);return(0,jsx_runtime.jsxs)("li",{className:(0,clsx.A)([className,"CC-breadcrumbItems",{"CC-breadcrumb--current":isCurrent},{"CC-breadcrumb--disabled":isDisabled}]),children:["Link"===props.children?.type?.displayName?props.children:(0,jsx_runtime.jsx)("a",{...itemProps,ref,href,children:props.children}),!isCurrent&&(0,jsx_runtime.jsx)("span",{"aria-hidden":"true",children:"›"})]})};BreadcrumbItem.displayName="BreadcrumbItem",BreadcrumbItem.propTypes={children:prop_types_default().string.isRequired,onClick:prop_types_default().func,href:prop_types_default().string,isCurrent:prop_types_default().bool,isDisabled:prop_types_default().bool,className:prop_types_default().string},BreadcrumbItem.defaultProps={isCurrent:!1,isDisabled:!1};const Components_BreadcrumbItem=BreadcrumbItem;BreadcrumbItem.__docgenInfo={description:"",methods:[],displayName:"BreadcrumbItem",props:{isCurrent:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},isDisabled:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},children:{description:"",type:{name:"string"},required:!0},onClick:{description:"",type:{name:"func"},required:!1},href:{description:"",type:{name:"string"},required:!1},className:{description:"",type:{name:"string"},required:!1}}}},"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Components/BreadcrumbItem/styles.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.CC-breadcrumbItems{display:inline-flex}.CC-breadcrumbItems a{color:#286fa8}.CC-breadcrumbItems :last-child{color:#333;padding:0 5px}.CC-breadcrumb--current a{pointer-events:none;text-decoration:none;font-weight:"bold";cursor:default;color:#333}.CC-breadcrumb--disabled>a{text-decoration:none;color:#767676;pointer-events:none;cursor:pointer}.CC-breadcrumb--disabled :last-child{color:#767676}',"",{version:3,sources:["webpack://./src/Components/BreadcrumbItem/styles.scss","webpack://./src/styles/variables.scss"],names:[],mappings:"AAEA,oBACE,mBAAA,CAEA,sBACE,aCcW,CDXb,gCACE,UAAA,CACA,aAAA,CAIJ,0BACE,mBAAA,CACA,oBAAA,CACA,kBAAA,CACA,cAAA,CACA,UCVa,CDcb,2BACE,oBAAA,CACA,aCfW,CDgBX,mBAAA,CACA,cAAA,CAEF,qCACE,aCpBW",sourcesContent:["@use '../../styles/variables';\n\n.CC-breadcrumbItems {\n  display: inline-flex;\n\n  a {\n    color: variables.$color-blue-3;\n  }\n  // last-child is the caret\n  & :last-child {\n    color: variables.$color-gray-1;\n    padding: 0 5px;\n  }\n}\n\n.CC-breadcrumb--current a {\n  pointer-events: none;\n  text-decoration: none;\n  font-weight: 'bold';\n  cursor: default;\n  color: variables.$color-gray-1;\n}\n\n.CC-breadcrumb--disabled {\n  & > a {\n    text-decoration: none;\n    color: variables.$color-gray-2;\n    pointer-events: none;\n    cursor: pointer;\n  }\n  & :last-child {\n    color: variables.$color-gray-2;\n  }\n}\n","// ********************* PATHS *********************\n$path-img: '/src/assets/images/';\n\n// ********************* COLORS *********************\n// lowest = darkest hue\n\n$color-white: #ffffff;\n$color-black: #000000;\n\n// Grays\n$color-gray-1: #333333; // Standard text color & color for all disabled text\n$color-gray-2: #767676; // Lightest allowable text; input placeholder text and helper text.\n$color-gray-3: #c4c4c4; // Form borders\n$color-gray-4: #ebebeb; // Disabled elements backgrounds\n$color-gray-5: #f6f7fb; // Page background & table zebra stripes\n$color-gray-6: #e0e6f2; // Alternative lighter color.\n\n// Blues\n$color-blue-1: #101168; // Darkerst blue\n$color-blue-2: #215295; // medium blue\n$color-blue-3: #286fa8; // lighest blue for header, footer, most headers, buttons, and links in text.\n\n// Other colors\n$color-red: #c7270f; // color for warnings, errors, or message notifications\n$color-green: #039d12; // color for finished / affirmative messages\n$color-yellow-1: #f1b33c; // active/rollover buttons or highlight location\n$color-yellow-2: #f6f0ea; // Highlight for selected rows in tables (accounting & ERVs pages)\n$color-yellow-3: #fae0aa; // tooltip bg color\n\n// the BG used for all modal overlays and the like\n$color-bg-modal: rgba(0, 0, 0, 0.75);\n\n// color for 508 focus around elements\n$color-focus: pink; // undecided. TODO: pick a color\n\n$color-divider: rgba(255, 255, 255, 0.25); //the semi-translucent dividers used in header & footer\n\n// ********************* BOX SHADOWS *********************\n$box-shadow-color-focus: 0px 0px 5px $color-focus;\n\n// ********************* BORDER RADIUS *********************\n$border-radius: 4px;\n$border-radius-forms: 0px;\n\n// ********************* STANDARD MARGINS *********************\n\n$margin-horz-desktop: 32px;\n$margin-horz-phone: 12px;\n\n$margin-vert-desktop: 24px;\n$margin-vert-phone: 12px;\n\n// ********************* VIEWPORTS FOR MEDIA QUERIES *********************\n$phone-width: 480px;\n$tablet-width: 768px;\n$desktop-width: 1024px;\n$giant-desktop-width: 1600px;\n\n// ********************* FONTS *********************\n$text-thin: 'roboto-thin', Roboto, sans-serif;\n$text-light: 'roboto-light', Roboto, sans-serif;\n$text-regular: 'roboto-regular', Roboto, sans-serif;\n$text-medium: 'roboto-medium', Roboto, sans-serif;\n$text-bold: 'roboto-bold', Roboto, sans-serif;\n\n// ********************* FORM ELEMENTS *********************\n$height-form-elements: 22px;\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);