From f104c9f1f6f1ab847daef7977633971de74867dc Mon Sep 17 00:00:00 2001 From: masoudmanson Date: Thu, 21 Sep 2023 22:13:14 +0000 Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20@=20chanzuck?= =?UTF-8?q?erberg/sci-components@e9d4df008e1cf92683c1672d5d9f88ac69f33d26?= =?UTF-8?q?=20=F0=9F=9A=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 1151.d2ebd2ba.iframe.bundle.js | 1 - 2138.317dda65.iframe.bundle.js | 1 - 2138.51558478.iframe.bundle.js | 1 + 9267.1436ca89.iframe.bundle.js | 1 + core-Autocomplete-index-stories.12139264.iframe.bundle.js | 1 - core-Autocomplete-index-stories.4f2e7528.iframe.bundle.js | 1 + ...core-ComplexFilter-index-stories.01f03e06.iframe.bundle.js | 2 +- core-Dropdown-index-stories.8e46cf2c.iframe.bundle.js | 1 + core-Dropdown-index-stories.d4710409.iframe.bundle.js | 1 - core-DropdownMenu-index-stories.a6964843.iframe.bundle.js | 1 - core-DropdownMenu-index-stories.c5fbe0b8.iframe.bundle.js | 1 + core-InputDropdown-index-stories.854f3d61.iframe.bundle.js | 1 - core-InputDropdown-index-stories.a1308c8a.iframe.bundle.js | 1 + core-MenuSelect-index-stories.45cfd6ea.iframe.bundle.js | 1 - core-MenuSelect-index-stories.ecef33d3.iframe.bundle.js | 1 + iframe.html | 4 ++-- ...835da84.iframe.bundle.js => main.f2200dde.iframe.bundle.js | 2 +- project.json | 2 +- ...iframe.bundle.js => runtime~main.ba71181c.iframe.bundle.js | 2 +- 19 files changed, 13 insertions(+), 13 deletions(-) delete mode 100644 1151.d2ebd2ba.iframe.bundle.js delete mode 100644 2138.317dda65.iframe.bundle.js create mode 100644 2138.51558478.iframe.bundle.js create mode 100644 9267.1436ca89.iframe.bundle.js delete mode 100644 core-Autocomplete-index-stories.12139264.iframe.bundle.js create mode 100644 core-Autocomplete-index-stories.4f2e7528.iframe.bundle.js rename core-ComplexFilter-index-stories.462c4a69.iframe.bundle.js => core-ComplexFilter-index-stories.01f03e06.iframe.bundle.js (53%) create mode 100644 core-Dropdown-index-stories.8e46cf2c.iframe.bundle.js delete mode 100644 core-Dropdown-index-stories.d4710409.iframe.bundle.js delete mode 100644 core-DropdownMenu-index-stories.a6964843.iframe.bundle.js create mode 100644 core-DropdownMenu-index-stories.c5fbe0b8.iframe.bundle.js delete mode 100644 core-InputDropdown-index-stories.854f3d61.iframe.bundle.js create mode 100644 core-InputDropdown-index-stories.a1308c8a.iframe.bundle.js delete mode 100644 core-MenuSelect-index-stories.45cfd6ea.iframe.bundle.js create mode 100644 core-MenuSelect-index-stories.ecef33d3.iframe.bundle.js rename main.a835da84.iframe.bundle.js => main.f2200dde.iframe.bundle.js (89%) rename runtime~main.af3a7360.iframe.bundle.js => runtime~main.ba71181c.iframe.bundle.js (84%) diff --git a/1151.d2ebd2ba.iframe.bundle.js b/1151.d2ebd2ba.iframe.bundle.js deleted file mode 100644 index 1ba832e19..000000000 --- a/1151.d2ebd2ba.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_czi_sds_monorepo=self.webpackChunk_czi_sds_monorepo||[]).push([[1151],{"./packages/components/src/common/utils.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>noop,m:()=>toKebabCase});var noop=function noop(){},toKebabCase=function toKebabCase(str){return str.replace(/[\s_]+/g,"-").toLowerCase()}},"./packages/components/src/core/DropdownMenu/GITHUB_LABELS.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{j:()=>GITHUB_LABELS});var _Tag__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/components/src/core/Tag/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),GITHUB_LABELS=[{name:"Status: can't reproduce",section:"name only"},{name:"Status: confirmed",section:"name only"},{count:3,name:"Status: duplicate",section:"name with count"},{count:5,name:"Status: needs information",section:"name with count"},{details:"This will not be worked on",name:"Status: wont do/fix",section:"name with details"},{details:"This is still in progress",name:"Status: work in progress",section:"name with details"},{details:"This will not be worked on",name:"Type: bug",sdsIcon:"bacteria",sdsIconProps:{className:"custom-class-name"},section:"With Icon"},{count:4,name:"Type: discussion",sdsIcon:"puzzlePiece",section:"With Icon"},{name:"Type: documentation",sdsIcon:"copy",section:"With Icon"},{name:"Type: enhancement",sdsIcon:"lightBulb",section:"With Icon"},{name:"Type: epic",sdsIcon:"list",section:"With Icon"},{name:"Type: feature request",sdsIcon:"treeVertical",section:"With Icon"},{name:"Type: question",sdsIcon:"search",section:"With Icon"},{component:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{children:["Available Labels:",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{style:{marginTop:10},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_0__.Z,{label:"bug",sdsStyle:"rounded",sdsType:"secondary",color:"error"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_0__.Z,{label:"feature",sdsStyle:"rounded",sdsType:"secondary",color:"warning"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_0__.Z,{label:"refactor",sdsStyle:"rounded",sdsType:"secondary",color:"gray"})]})]}),name:"Available labels",section:"custom component"}]},"./packages/components/src/core/MenuItem/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_Icon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/core/Icon/index.tsx"),_style__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/core/MenuItem/style.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}var _excluded=["children","column","disabled","isMultiSelect","sdsIcon","sdsIconProps","sdsStyle"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var MenuItem=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function MenuItem(props,ref){var children=props.children,_props$column=props.column,column=void 0===_props$column?null:_props$column,disabled=props.disabled,_props$isMultiSelect=props.isMultiSelect,isMultiSelect=void 0!==_props$isMultiSelect&&_props$isMultiSelect,sdsIcon=props.sdsIcon,sdsIconProps=props.sdsIconProps,_props$sdsStyle=props.sdsStyle,sdsStyle=void 0===_props$sdsStyle?"determinate":_props$sdsStyle,originalMenuItemProps=_objectWithoutProperties(props,_excluded),_ref$selected=originalMenuItemProps.selected,selected=void 0!==_ref$selected&&_ref$selected;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(_style__WEBPACK_IMPORTED_MODULE_2__.CM,_objectSpread(_objectSpread({},originalMenuItemProps),{},{disabled,ref,children:[isMultiSelect&&function selectionIcon(){return"determinate"===sdsStyle?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_style__WEBPACK_IMPORTED_MODULE_2__.Mv,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_style__WEBPACK_IMPORTED_MODULE_2__.ip,{className:"check-icon",selected,color:"primary",disabled})}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_style__WEBPACK_IMPORTED_MODULE_2__.Mv,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_style__WEBPACK_IMPORTED_MODULE_2__.UV,{className:"check-icon",selected,color:"primary",disabled})})}(),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(_style__WEBPACK_IMPORTED_MODULE_2__.vs,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(_style__WEBPACK_IMPORTED_MODULE_2__.OP,{selected,className:"primary-text",disabled,children:[sdsIcon&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_style__WEBPACK_IMPORTED_MODULE_2__.oS,{disabled,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_1__.Z,_objectSpread(_objectSpread({},sdsIconProps),{},{sdsType:"static",sdsIcon,sdsSize:"s"}))}),children]}),column&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_style__WEBPACK_IMPORTED_MODULE_2__.fh,{disabled,children:column})]})]}))}));const __WEBPACK_DEFAULT_EXPORT__=MenuItem;try{MenuItem.displayName="MenuItem",MenuItem.__docgenInfo={description:"",displayName:"MenuItem",props:{sdsStyle:{defaultValue:null,description:"",name:"sdsStyle",required:!1,type:{name:"enum",value:[{value:'"determinate"'},{value:'"indeterminate"'}]}},disabled:{defaultValue:{value:"false\nfalse"},description:"If `true`, the component is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},selected:{defaultValue:{value:"false"},description:"If `true`, the component is selected.",name:"selected",required:!1,type:{name:"boolean"}},column:{defaultValue:null,description:"",name:"column",required:!1,type:{name:"ReactNode"}},isMultiSelect:{defaultValue:null,description:"",name:"isMultiSelect",required:!1,type:{name:"boolean"}},sdsIcon:{defaultValue:null,description:"",name:"sdsIcon",required:!1,type:{name:"enum",value:[{value:'"list"'},{value:'"infoCircle"'},{value:'"table"'},{value:'"globe"'},{value:'"people"'},{value:'"search"'},{value:'"bacteria"'},{value:'"barChartHorizontal3"'},{value:'"checkCircle"'},{value:'"gear"'},{value:'"flagCheck"'},{value:'"download"'},{value:'"filter"'},{value:'"link"'},{value:'"document"'},{value:'"copy"'},{value:'"open"'},{value:'"loading"'},{value:'"edit"'},{value:'"lightBulb"'},{value:'"linesHorizontal"'},{value:'"xMark"'},{value:'"dotsHorizontal"'},{value:'"treeHorizontal"'},{value:'"barChartVertical3"'},{value:'"barChartVertical4"'},{value:'"check"'},{value:'"chevronDown"'},{value:'"chevronLeft2"'},{value:'"chevronLeft"'},{value:'"chevronRight2"'},{value:'"chevronRight"'},{value:'"chevronUp"'},{value:'"circlesOverlap"'},{value:'"exclamationMarkCircle"'},{value:'"eyeClosed"'},{value:'"eyeOpen"'},{value:'"flagOutline"'},{value:'"flagQuestionmark"'},{value:'"flagXmark"'},{value:'"house"'},{value:'"lifeRing"'},{value:'"linesDashed3Solid1"'},{value:'"lock"'},{value:'"lockCircle"'},{value:'"minus"'},{value:'"percentage"'},{value:'"person"'},{value:'"pin"'},{value:'"pinLocation"'},{value:'"plus"'},{value:'"plusCircle"'},{value:'"puzzlePiece"'},{value:'"refresh"'},{value:'"searchLinesHorizontal"'},{value:'"starburst"'},{value:'"trashCan"'},{value:'"treeVertical"'},{value:'"triangleDown"'},{value:'"triangleLeft"'},{value:'"triangleRight"'},{value:'"triangleUp"'},{value:'"xMarkCircle"'}]}},sdsIconProps:{defaultValue:null,description:"",name:"sdsIconProps",required:!1,type:{name:'Partial>'}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial & Partial>)"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},children:{defaultValue:null,description:"The content of the component.",name:"children",required:!1,type:{name:"ReactNode"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"SxProps"}},action:{defaultValue:null,description:"A ref for imperative actions.\nIt currently only supports `focusVisible()` action.",name:"action",required:!1,type:{name:"Ref"}},centerRipple:{defaultValue:{value:"false"},description:"If `true`, the ripples are centered.\nThey won't start at the cursor interaction position.",name:"centerRipple",required:!1,type:{name:"boolean"}},disableRipple:{defaultValue:{value:"false"},description:"If `true`, the ripple effect is disabled.\n\n⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure\nto highlight the element by applying separate styles with the `.Mui-focusVisible` class.",name:"disableRipple",required:!1,type:{name:"boolean"}},disableTouchRipple:{defaultValue:{value:"false"},description:"If `true`, the touch ripple effect is disabled.",name:"disableTouchRipple",required:!1,type:{name:"boolean"}},focusRipple:{defaultValue:{value:"false"},description:"If `true`, the base button will have a keyboard focus ripple.",name:"focusRipple",required:!1,type:{name:"boolean"}},focusVisibleClassName:{defaultValue:null,description:"This prop can help identify which element has keyboard focus.\nThe class name will be applied when the element gains the focus through keyboard interaction.\nIt's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).\nThe rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).\nA [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components\nif needed.",name:"focusVisibleClassName",required:!1,type:{name:"string"}},LinkComponent:{defaultValue:{value:"'a'"},description:"The component used to render a link when the `href` prop is provided.",name:"LinkComponent",required:!1,type:{name:"ElementType"}},onFocusVisible:{defaultValue:null,description:"Callback fired when the component is focused with a keyboard.\nWe trigger a `onFocus` callback too.",name:"onFocusVisible",required:!1,type:{name:"FocusEventHandler"}},TouchRippleProps:{defaultValue:null,description:"Props applied to the `TouchRipple` element.",name:"TouchRippleProps",required:!1,type:{name:"Partial"}},touchRippleRef:{defaultValue:null,description:"A ref that points to the `TouchRipple` element.",name:"touchRippleRef",required:!1,type:{name:"Ref"}},dense:{defaultValue:{value:"false"},description:"If `true`, compact vertical padding designed for keyboard and mouse input is used.\nThe prop defaults to the value inherited from the parent Menu component.",name:"dense",required:!1,type:{name:"boolean"}},disableGutters:{defaultValue:{value:"false"},description:"If `true`, the left and right padding is removed.",name:"disableGutters",required:!1,type:{name:"boolean"}},divider:{defaultValue:{value:"false"},description:"If `true`, a 1px light border is added to the bottom of the menu item.",name:"divider",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/MenuItem/index.tsx#MenuItem"]={docgenInfo:MenuItem.__docgenInfo,name:"MenuItem",path:"packages/components/src/core/MenuItem/index.tsx#MenuItem"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/core/MenuItem/style.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{CM:()=>StyledMenuItem,Mv:()=>StyledIconWrapper,OP:()=>TextWrapper,Tm:()=>DemoWrapper,UV:()=>StyledMinus,fh:()=>ColumnWrapper,ip:()=>StyledCheck,oS:()=>StyledMenuItemIcon,vs:()=>ContentWrapper});var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_mui_icons_material__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mui/icons-material/esm/Check.js"),_mui_icons_material__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mui/icons-material/esm/Remove.js"),_mui_material__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mui/material/MenuItem/MenuItem.js"),_mui_material__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@mui/material/MenuItem/menuItemClasses.js"),_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),_styles_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/components/src/core/styles/common/mixins/fonts.ts"),_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/core/styles/common/selectors/theme.ts");function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var fontBodyXs=(0,_styles_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_0__.oJ)("xs"),StyledMenuItem=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.ZP)(_mui_material__WEBPACK_IMPORTED_MODULE_2__.Z)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var selected=props.selected,colors=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.EC)(props),fontWeights=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.y2)(props),spacings=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.Gr)(props),primary=null==colors?void 0:colors.primary[400];return"\n padding: ".concat(null==spacings?void 0:spacings.xs,"px ").concat(null==spacings?void 0:spacings.s,"px !important;\n min-height: unset;\n opacity: 1;\n\n &.MuiAutocomplete-option {\n min-height: unset;\n }\n \n .primary-text {\n font-weight: ").concat(selected?null==fontWeights?void 0:fontWeights.semibold:null==fontWeights?void 0:fontWeights.regular,";\n }\n\n &.MuiButtonBase-root {\n background-color: transparent;\n opacity: 1;\n\n &:hover, &.").concat(_mui_material__WEBPACK_IMPORTED_MODULE_4__.Z.focusVisible," {\n background-color: ").concat(null==colors?void 0:colors.gray[100],';\n\n &[aria-selected="true"] {\n background-color: ').concat(null==colors?void 0:colors.gray[100],';\n }\n }\n }\n\n &.MuiMenuItem-root .MuiSvgIcon-root {\n align-self: flex-start;\n }\n\n &.MuiMenuItem-root .Mui-disabled {\n opacity: 1 !important;\n }\n\n &.MuiAutocomplete-option[aria-selected="true"] {\n &:hover {\n background-color: ').concat(null==colors?void 0:colors.gray[100]," !important;\n }\n\n svg.check-icon {\n color: ").concat(selected?primary:null==colors?void 0:colors.gray[500],';\n }\n }\n\n &.MuiAutocomplete-option[aria-disabled="true"] {\n opacity: 1;\n }\n\n &:hover {\n background-color: ').concat(null==colors?void 0:colors.gray[100],";\n svg.check-icon {\n color: ").concat(selected?primary:null==colors?void 0:colors.gray[500],";\n }\n }\n\n &.Mui-selected.MuiListItem-root.MuiListItem-button {\n background-color: white;\n &:hover {\n background-color: ").concat(null==colors?void 0:colors.gray[100],";\n }\n .primary-text {\n font-weight: ").concat(null==fontWeights?void 0:fontWeights.semibold,";\n }\n }\n\n &:active {\n svg.check-icon {\n color: ").concat(primary,";\n }\n\n &:active {\n svg.check-icon {\n color: ").concat(primary,";\n }\n\n .primary-text {\n font-weight: ").concat(null==fontWeights?void 0:fontWeights.semibold,";\n }\n }\n }\n ")})),ContentWrapper=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.ZP)("span")(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n width: 100%;\n"]))),disabledStyles=function disabledStyles(props){if(!props.disabled)return"";var colors=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.EC)(props);return"\n color: ".concat(null==colors?void 0:colors.gray[300],";\n cursor: default;\n ")},TextWrapper=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.ZP)("span")(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n ","\n\n ","\n\n ","\n"])),fontBodyXs,(function(props){var _palette$text,palette=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.XN)(props);return"\n color: ".concat(null==palette||null===(_palette$text=palette.text)||void 0===_palette$text?void 0:_palette$text.primary,";\n display: flex;\n white-space: pre-wrap;\n ")}),disabledStyles),StyledMenuItemIcon=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.ZP)("span")(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var disabled=props.disabled,spacings=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.Gr)(props),iconSizes=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.Dk)(props),colors=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.EC)(props);return"\n margin-right: ".concat(null==spacings?void 0:spacings.xs,"px;\n margin-top: ").concat(null==spacings?void 0:spacings.xxxs,"px;\n height: ").concat(null==iconSizes?void 0:iconSizes.s.height,"px;\n\n .MuiSvgIcon-root {\n ").concat(disabled?"color: ".concat(null==colors?void 0:colors.gray[300],";"):null,"\n }\n ")})),ColumnWrapper=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.ZP)("span")(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n ","\n\n text-align: right;\n color: black;\n margin-left: 10px;\n\n ","\n"])),fontBodyXs,disabledStyles),DemoWrapper=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.ZP)("div")(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n width: 250px;\n"]))),StyledIconWrapper=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.ZP)("span")(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var spacings=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.Gr)(props),iconSizes=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.Dk)(props);return"\n align-self: start;\n margin-right: ".concat(null==spacings?void 0:spacings.m,"px;\n margin-top: ").concat(null==spacings?void 0:spacings.xxxs,"px;\n height: ").concat(null==iconSizes?void 0:iconSizes.s.height,"px;\n ")})),StyledCheck=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.ZP)(_mui_icons_material__WEBPACK_IMPORTED_MODULE_5__.Z,{shouldForwardProp:function shouldForwardProp(prop){return"selected"!==prop}})(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var selected=props.selected,disabled=props.disabled,colors=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.EC)(props),iconSizes=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.Dk)(props),selectedColor=disabled?null==colors?void 0:colors.gray[300]:null==colors?void 0:colors.primary[400];return"\n color: ".concat(selected?selectedColor:"transparent",";\n padding: 0;\n height: ").concat(null==iconSizes?void 0:iconSizes.s.height,"px;\n width: ").concat(null==iconSizes?void 0:iconSizes.s.width,"px;\n\n &.MuiCheckbox-colorPrimary.Mui-checked:hover {\n background-color: transparent;\n }\n ")})),StyledMinus=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.ZP)(_mui_icons_material__WEBPACK_IMPORTED_MODULE_6__.Z,{shouldForwardProp:function shouldForwardProp(prop){return"selected"!==prop}})(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var selected=props.selected,disabled=props.disabled,colors=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.EC)(props),iconSizes=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.Dk)(props),selectedColor=disabled?null==colors?void 0:colors.gray[300]:null==colors?void 0:colors.primary[400];return"\n color: ".concat(selected?selectedColor:"transparent",";\n padding: 0;\n height: ").concat(null==iconSizes?void 0:iconSizes.s.height,"px;\n width: ").concat(null==iconSizes?void 0:iconSizes.s.width,"px;\n\n &.MuiCheckbox-colorPrimary.Mui-checked:hover {\n background-color: transparent;\n }\n ")}))},"./packages/components/src/core/Tag/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>core_Tag});var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,emotion_react_browser_esm=__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),colorManipulator=__webpack_require__("./node_modules/@mui/system/esm/colorManipulator.js"),Chip=__webpack_require__("./node_modules/@mui/material/Chip/Chip.js"),styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=2?colors[1]:null==themeColors?void 0:themeColors[intent][400],backgroundClicked:colors.length>=2?(0,colorManipulator._j)(colors[1],.3):null==themeColors?void 0:themeColors[intent][600],backgroundHover:colors.length>=2?(0,colorManipulator._j)(colors[1],.15):null==themeColors?void 0:themeColors[intent][500],iconColor:colors.length>2?colors[2]:"white",label:colors.length?colors[0]:"white"},secondary:{background:colors.length>=2?colors[1]:null==themeColors?void 0:themeColors[intent][200],backgroundClicked:colors.length>=2?(0,colorManipulator._j)(colors[1],.3):null==themeColors?void 0:themeColors[intent][600],backgroundHover:colors.length>=2?(0,colorManipulator._j)(colors[1],.15):null==themeColors?void 0:themeColors[intent][500],iconColor:colors.length>2?colors[2]:null==themeColors?void 0:themeColors[intent][400],label:colors.length?colors[0]:null==themeColors?void 0:themeColors[intent][600]}}[type];return(0,emotion_react_browser_esm.iv)(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n background-color: ",";\n position: relative;\n\n .MuiChip-label {\n color: ",";\n }\n\n svg {\n fill: ",";\n }\n\n &:hover,\n &:active,\n &:focus {\n .MuiChip-label {\n color: white;\n }\n\n svg {\n fill: white;\n }\n }\n\n &:hover {\n background-color: ",";\n }\n\n &:active {\n background-color: ",";\n }\n\n &:focus {\n background-color: ",";\n }\n\n &:focus:hover {\n background-color: ",";\n }\n\n &:focus:active {\n background-color: ",";\n }\n "])),typeColors.background,typeColors.label,typeColors.iconColor,typeColors.backgroundHover,typeColors.backgroundClicked,typeColors.background,typeColors.backgroundHover,typeColors.backgroundClicked)}var typeToCss={primary:function primary(props){return createTypeCss(props,"primary")},secondary:function secondary(props){return createTypeCss(props,"secondary")}},doNotForwardProps=["sdsType","sdsStyle","tagColor","hover"],StyledTag=(0,styled.ZP)(Chip.Z,{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n border: none;\n\n ","\n"])),(function(props){var _props$hover=props.hover,hover=void 0===_props$hover||_props$hover,sdsType=props.sdsType,sdsStyle=props.sdsStyle,icon=props.icon,isRounded="rounded"===sdsStyle,type=sdsType||"primary";return(0,emotion_react_browser_esm.iv)(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n ","\n ","\n ","\n ","\n "])),icon?function withIcon(props){var spacings=(0,styles.Gr)(props),iconSizes=(0,styles.Dk)(props);return(0,emotion_react_browser_esm.iv)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n height: unset;\n margin: 0 ","px ","px 0;\n\n .MuiChip-label {\n ","\n padding: 0;\n }\n\n .MuiSvgIcon-root {\n height: ","px;\n width: ","px;\n padding-right: ","px;\n margin: 0 0 0 -","px;\n }\n\n .MuiChip-deleteIcon {\n ","\n color: white;\n margin: 0 0 0 ","px;\n height: ","px;\n width: ","px;\n }\n "])),null==spacings?void 0:spacings.xxs,null==spacings?void 0:spacings.xs,(0,styles.$g)(props),null==iconSizes?void 0:iconSizes.l.height,null==iconSizes?void 0:iconSizes.l.width,null==spacings?void 0:spacings.xxs,null==spacings?void 0:spacings.xxxs,(0,styles.J5)(props),null==spacings?void 0:spacings.xxs,null==iconSizes?void 0:iconSizes.s.height,null==iconSizes?void 0:iconSizes.s.width)}(props):function withoutIcon(props){var spacings=(0,styles.Gr)(props),iconSizes=(0,styles.Dk)(props);return(0,emotion_react_browser_esm.iv)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n height: unset;\n margin: 0 ","px ","px 0;\n\n .MuiChip-label {\n ","\n padding: 0;\n }\n\n .MuiChip-deleteIcon {\n ","\n color: white;\n margin: 0 0 0 ","px;\n height: ","px;\n width: ","px;\n }\n "])),null==spacings?void 0:spacings.xxs,null==spacings?void 0:spacings.xs,(0,styles.aI)(props),(0,styles.J5)(props),null==spacings?void 0:spacings.xxs,null==iconSizes?void 0:iconSizes.s.height,null==iconSizes?void 0:iconSizes.s.width)}(props),typeToCss[type](props),isRounded?function rounded(props){var corners=(0,styles.DV)(props),spacings=(0,styles.Gr)(props),icon=props.icon;return(0,emotion_react_browser_esm.iv)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n border-radius: ","px;\n padding: ",";\n\n &:after {\n border-radius: ","px;\n }\n "])),null==corners?void 0:corners.l,icon?"".concat(null==spacings?void 0:spacings.xxs,"px ").concat(null==spacings?void 0:spacings.s,"px ").concat(null==spacings?void 0:spacings.xxs,"px ").concat(null==spacings?void 0:spacings.xs,"px"):"".concat(null==spacings?void 0:spacings.xxxs,"px ").concat(null==spacings?void 0:spacings.s,"px"),null==corners?void 0:corners.l)}(props):function square(props){var corners=(0,styles.DV)(props),spacings=(0,styles.Gr)(props),icon=props.icon;return(0,emotion_react_browser_esm.iv)(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n border-radius: ","px;\n padding: ",";\n\n &:after {\n border-radius: ","px;\n }\n "])),null==corners?void 0:corners.m,icon?"".concat(null==spacings?void 0:spacings.xxs,"px ").concat(null==spacings?void 0:spacings.s,"px"):"".concat(null==spacings?void 0:spacings.xxxs,"px ").concat(null==spacings?void 0:spacings.xs,"px"),null==corners?void 0:corners.m)}(props),hover?function withHover(){return(0,emotion_react_browser_esm.iv)(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n &:hover {\n cursor: pointer;\n }\n\n &:hover,\n &:focus-visible {\n color: white;\n }\n "])))}():"pointer-events: none;")})),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i> & Element)"}},disabled:{defaultValue:{value:"false"},description:"If `true`, the component is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial & Partial>)"}},tabIndex:{defaultValue:null,description:"@ignore",name:"tabIndex",required:!1,type:{name:"number"}},children:{defaultValue:null,description:"This prop isn't supported.\nUse the `component` prop if you need to change the children structure.",name:"children",required:!1,type:{name:"null"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"SxProps"}},variant:{defaultValue:{value:"'filled'"},description:"The variant to use.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"outlined"'},{value:'"filled"'}]}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},size:{defaultValue:{value:"'medium'"},description:"The size of the component.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'}]}},avatar:{defaultValue:null,description:"The Avatar element to display.",name:"avatar",required:!1,type:{name:"ReactElement>"}},clickable:{defaultValue:null,description:"If `true`, the chip will appear clickable, and will raise when pressed,\neven if the onClick prop is not defined.\nIf `false`, the chip will not appear clickable, even if onClick prop is defined.\nThis can be used, for example,\nalong with the component prop to indicate an anchor Chip is clickable.\nNote: this controls the UI and does not affect the onClick event.",name:"clickable",required:!1,type:{name:"boolean"}},deleteIcon:{defaultValue:null,description:"Override the default delete icon element. Shown only if `onDelete` is set.",name:"deleteIcon",required:!1,type:{name:"ReactElement>"}},onDelete:{defaultValue:null,description:"Callback fired when the delete icon is clicked.\nIf set, the delete icon will be shown.",name:"onDelete",required:!1,type:{name:"((event: any) => void)"}},skipFocusWhenDisabled:{defaultValue:{value:"false"},description:"If `true`, allows the disabled chip to escape focus.\nIf `false`, allows the disabled chip to receive focus.",name:"skipFocusWhenDisabled",required:!1,type:{name:"boolean"}},hover:{defaultValue:null,description:"",name:"hover",required:!1,type:{name:"boolean"}},sdsType:{defaultValue:null,description:"",name:"sdsType",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'}]}},sdsStyle:{defaultValue:null,description:"",name:"sdsStyle",required:!1,type:{name:"enum",value:[{value:'"rounded"'},{value:'"square"'}]}},tagColor:{defaultValue:null,description:"",name:"tagColor",required:!1,type:{name:"SdsTagColorType"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"SDSTheme"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/Tag/index.tsx#Tag"]={docgenInfo:Tag.__docgenInfo,name:"Tag",path:"packages/components/src/core/Tag/index.tsx#Tag"})}catch(__react_docgen_typescript_loader_error){}}}]); \ No newline at end of file diff --git a/2138.317dda65.iframe.bundle.js b/2138.317dda65.iframe.bundle.js deleted file mode 100644 index a52b58c85..000000000 --- a/2138.317dda65.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_czi_sds_monorepo=self.webpackChunk_czi_sds_monorepo||[]).push([[2138],{"./packages/components/src/core/Button/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>core_Button});var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,react=__webpack_require__("./node_modules/react/index.js"),warnings=__webpack_require__("./packages/components/src/common/warnings.ts"),Button=__webpack_require__("./node_modules/@mui/material/Button/Button.js"),styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var sdsPropNames=["isAllCaps","isRounded","sdsStyle","sdsType"],ButtonBase=(0,styled.ZP)(Button.Z,{shouldForwardProp:function shouldForwardProp(prop){return!sdsPropNames.includes(prop)}})(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n box-shadow: none;\n ","\n"])),(function(props){var variant=props.variant,colors=(0,styles.EC)(props),spacings=(0,styles.Gr)(props),containedPadding="".concat(null==spacings?void 0:spacings.xs,"px ").concat(null==spacings?void 0:spacings.l,"px"),outlinedPadding="".concat(((null==spacings?void 0:spacings.xs)||0)-1,"px ").concat(((null==spacings?void 0:spacings.l)||0)-1,"px"),padding="outlined"===variant?outlinedPadding:containedPadding,outlineBorder="outlined"===variant?"border-color: ".concat(null==colors?void 0:colors.primary[400],";"):"";return"\n ".concat(outlineBorder,"\n padding: ").concat(padding,";\n min-width: 120px;\n height: 34px;\n &:hover {\n color: white;\n background-color: ").concat(null==colors?void 0:colors.primary[500],";\n box-shadow: none;\n }\n &:focus-visible {\n outline: 5px auto Highlight;\n outline: 5px auto -webkit-focus-ring-color;\n }\n &:active {\n color: white;\n background-color: ").concat(null==colors?void 0:colors.primary[600],";\n box-shadow: none;\n }\n &:disabled {\n color: ").concat(null==colors?void 0:colors.gray[400],";\n background-color: ").concat(null==colors?void 0:colors.gray[300],";\n border-color: ").concat(null==colors?void 0:colors.gray[300],";\n }\n .MuiButton-startIcon {\n margin-right: ").concat(null==spacings?void 0:spacings.m,"px;\n }\n .MuiButton-endIcon {\n margin-left: ").concat(null==spacings?void 0:spacings.m,"px;\n }\n ")})),RoundedButton=(0,styled.ZP)(ButtonBase,{shouldForwardProp:function shouldForwardProp(prop){return!sdsPropNames.includes(prop)}})(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var corners=(0,styles.DV)(props);return"\n border-radius: ".concat(null==corners?void 0:corners.l,"px;\n ")})),SquareButton=ButtonBase,MinimalButton=(0,styled.ZP)(Button.Z,{shouldForwardProp:function shouldForwardProp(prop){return!sdsPropNames.includes(prop)}})(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n ","\n\n ","\n &:hover, &:focus-visible {\n background-color: transparent;\n }\n &:focus-visible {\n outline: 5px auto Highlight;\n outline: 5px auto -webkit-focus-ring-color;\n }\n"])),(function(props){var spacings=(0,styles.Gr)(props);return"\n padding: ".concat(null==spacings?void 0:spacings.xxs,"px 0;\n ")}),(function(props){return null!=props&&props.isAllCaps?styles.n$:""})),minimal=function minimal(props){var colors=(0,styles.EC)(props),spaces=(0,styles.Gr)(props);return"\n &:hover, &:focus-visible {\n color: ".concat(null==colors?void 0:colors.primary[500],";\n }\n &:active {\n color: ").concat(null==colors?void 0:colors.primary[600],";\n }\n &:disabled {\n color: ").concat(null==colors?void 0:colors.gray[400],";\n }\n\n .MuiButton-startIcon {\n margin-right: ").concat(null==spaces?void 0:spaces.xxs,"px;\n }\n ")},PrimaryMinimalButton=(0,styled.ZP)(MinimalButton)(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n ","\n"])),minimal),SecondaryMinimalButton=(0,styled.ZP)(MinimalButton)(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n ","\n color: #000;\n"])),minimal),StyledButton=(0,styled.ZP)(Button.Z,{shouldForwardProp:function shouldForwardProp(prop){return!sdsPropNames.includes(prop)}})(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n &:focus-visible {\n outline: 5px auto Highlight;\n outline: 5px auto -webkit-focus-ring-color;\n }\n ","\n"])),(function(props){if(!props.isRounded)return"";var corners=(0,styles.DV)(props),spacings=(0,styles.Gr)(props);return"\n border-radius: ".concat(null==corners?void 0:corners.l,"px;\n padding: ").concat(null==spacings?void 0:spacings.xs,"px ").concat(null==spacings?void 0:spacings.l,"px;\n min-width: 120px;\n height: 34px;\n ")})),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _mui_material__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mui/base/ClickAwayListener/ClickAwayListener.js"),_mui_material__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@mui/material/InputAdornment/InputAdornment.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),src_common_utils__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/components/src/common/utils.ts"),_ButtonIcon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/core/ButtonIcon/index.tsx"),_MenuItem__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/core/MenuItem/index.tsx"),_style__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/core/DropdownMenu/style.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i"}},keepSearchOnSelect:{defaultValue:null,description:"",name:"keepSearchOnSelect",required:!1,type:{name:"boolean"}},renderInput:{defaultValue:null,description:"",name:"renderInput",required:!1,type:{name:"((params: AutocompleteRenderInputParams) => ReactNode)"}},InputBaseProps:{defaultValue:null,description:"",name:"InputBaseProps",required:!1,type:{name:"Partial"}},PopperBaseProps:{defaultValue:null,description:"",name:"PopperBaseProps",required:!1,type:{name:"Partial"}},anchorEl:{defaultValue:null,description:"",name:"anchorEl",required:!0,type:{name:"HTMLElement | null"}},onClickAway:{defaultValue:null,description:"",name:"onClickAway",required:!0,type:{name:"(event: MouseEvent | TouchEvent) => void"}},ClickAwayListenerProps:{defaultValue:null,description:"",name:"ClickAwayListenerProps",required:!1,type:{name:"Partial"}},count:{defaultValue:null,description:"",name:"count",required:!1,type:{name:"number"}},hasSections:{defaultValue:null,description:"",name:"hasSections",required:!1,type:{name:"boolean"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactElement>"}},search:{defaultValue:null,description:"",name:"search",required:!1,type:{name:"boolean"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"SDSTheme"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/DropdownMenu/index.tsx#DropdownMenu"]={docgenInfo:DropdownMenu.__docgenInfo,name:"DropdownMenu",path:"packages/components/src/core/DropdownMenu/index.tsx#DropdownMenu"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/core/DropdownMenu/style.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{CF:()=>InputBaseWrapper,E$:()=>StyledAutocomplete,Mg:()=>StyledMenuInputSearch,Mt:()=>StyledPaper,V_:()=>StyledMenuItemDetails,kE:()=>StyledPopper,pA:()=>StyledMenuItemText,wl:()=>StyledHeaderTitle});var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_mui_material__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@mui/material/Autocomplete/Autocomplete.js"),_mui_material__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@mui/material/Popper/Popper.js"),_mui_material__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mui/material/Paper/Paper.js"),_mui_material_styles__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),_InputSearch__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/components/src/core/InputSearch/index.tsx"),_styles__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/core/styles/index.ts");function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var doNotForwardProps=["anchorEl","count","keepSearchOnSelect","search","InputBaseProps","hasSections","title","PopperBaseProps","onClickAway","ClickAwayListenerProps"],StyledAutocomplete=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_2__.ZP)(_mui_material__WEBPACK_IMPORTED_MODULE_3__.Z,{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n + .MuiAutocomplete-popper\n > .MuiAutocomplete-paper\n .MuiAutocomplete-groupLabel {\n ","\n }\n\n ","\n"])),_styles__WEBPACK_IMPORTED_MODULE_1__.vz,(function(props){var search=props.search,title=props.title,hasSections=props.hasSections,spacings=(0,_styles__WEBPACK_IMPORTED_MODULE_1__.Gr)(props),colors=(0,_styles__WEBPACK_IMPORTED_MODULE_1__.EC)(props),borders=(0,_styles__WEBPACK_IMPORTED_MODULE_1__.W0)(props);return"\n ".concat(!search&&"height: 0",";\n\n .MuiOutlinedInput-root.MuiInputBase-formControl.MuiInputBase-adornedEnd {\n padding: 0 ").concat(null==spacings?void 0:spacings.l,"px 0 0;\n\n .MuiAutocomplete-input {\n padding: ").concat(null==spacings?void 0:spacings.xs,"px ").concat(null==spacings?void 0:spacings.l,"px;\n }\n }\n\n & + .MuiAutocomplete-popper {\n position: relative !important;\n transform: none !important;\n width: 100% !important;\n }\n\n & + .MuiAutocomplete-popper > .MuiAutocomplete-paper {\n\n ").concat(search||title||hasSections?"padding-left: ".concat(null==spacings?void 0:spacings.s,"px !important;"):"","\n\n .MuiAutocomplete-listbox {\n max-height: 40vh;\n padding-top: 0;\n padding-bottom: 0;\n\n ").concat(search||title||hasSections?"padding-right: ".concat(null==spacings?void 0:spacings.s,"px;"):"","\n\n .MuiAutocomplete-option {\n min-height: unset;\n }\n\n .MuiAutocomplete-option.Mui-focused {\n background-color: ").concat(null==colors?void 0:colors.gray[100],';\n }\n\n .MuiAutocomplete-option[aria-selected="true"] {\n background-color: white;\n }\n\n .MuiAutocomplete-option[aria-disabled="true"] {\n opacity: 1;\n }\n\n .MuiAutocomplete-option[aria-selected="true"].Mui-focused {\n background-color: ').concat(null==colors?void 0:colors.gray[100],";\n }\n\n & > li:last-child .MuiAutocomplete-groupUl {\n border-bottom: none;\n margin-bottom: 0;\n }\n }\n\n .MuiAutocomplete-groupLabel {\n top: 0;\n color: ").concat(null==colors?void 0:colors.gray[500],";\n padding: ").concat(null==spacings?void 0:spacings.xxs,"px 0 ").concat(null==spacings?void 0:spacings.xxs,"px 0;\n }\n\n .MuiAutocomplete-groupUl {\n margin-bottom: ").concat(null==spacings?void 0:spacings.m,"px;\n position: relative;\n padding: 0 0 ").concat(null==spacings?void 0:spacings.xs,"px 0 0;\n border-bottom: ").concat(null==borders?void 0:borders.gray[200],";\n\n & li:last-of-type {\n position: relative;\n margin-bottom: ").concat(null==spacings?void 0:spacings.xxs,"px;\n }\n }\n ")})),InputBaseWrapper=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_2__.ZP)("div",{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n ","\n"])),(function(props){if(!props.search)return"\n border: 0;\n padding: 0;\n\n white-space: nowrap;\n\n clip-path: inset(100%);\n clip: rect(0 0 0 0);\n overflow: hidden;\n margin: 0;\n ";var spacings=(0,_styles__WEBPACK_IMPORTED_MODULE_1__.Gr)(props);return"\n margin: ".concat(null==spacings?void 0:spacings.s,"px;\n ")})),StyledMenuInputSearch=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_2__.ZP)(_InputSearch__WEBPACK_IMPORTED_MODULE_0__.Z,{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject3||(_templateObject3=_taggedTemplateLiteral(['\n margin: 0;\n .MuiInputBase-root {\n width: 100%;\n }\n /* (thuang): Works with attribute inputMode: "none" to hide mobile keyboard */\n caret-color: ',";\n"])),(function(_ref){return _ref.search?"auto":"transparent"})),StyledHeaderTitle=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_2__.ZP)("div",{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n ","\n\n ","\n"])),_styles__WEBPACK_IMPORTED_MODULE_1__.J5,(function(props){var search=props.search,typography=(0,_styles__WEBPACK_IMPORTED_MODULE_1__.cY)(props),spacings=(0,_styles__WEBPACK_IMPORTED_MODULE_1__.Gr)(props);return"\n font-family: ".concat(null==typography?void 0:typography.fontFamily,";\n color: black;\n padding-top: ").concat(null==spacings?void 0:spacings.xxs,"px;\n padding-right: ").concat(null==spacings?void 0:spacings.s,"px;\n padding-left: ").concat(null==spacings?void 0:spacings.s,"px;\n ").concat(search?"padding-bottom: 0px;":"padding-bottom: ".concat(null==spacings?void 0:spacings.xs,"px;"),"\n ")})),StyledPopper=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_2__.ZP)(_mui_material__WEBPACK_IMPORTED_MODULE_4__.Z,{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)||"anchorEl"===prop}})(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n .MuiAutocomplete-popperDisablePortal {\n position: relative;\n width: 100% !important;\n box-shadow: none;\n padding: 0;\n border: none;\n }\n\n ","\n"])),(function(props){var borders=(0,_styles__WEBPACK_IMPORTED_MODULE_1__.W0)(props),corners=(0,_styles__WEBPACK_IMPORTED_MODULE_1__.DV)(props),shadows=(0,_styles__WEBPACK_IMPORTED_MODULE_1__.tM)(props),spacings=(0,_styles__WEBPACK_IMPORTED_MODULE_1__.Gr)(props);return"\n background-color: white;\n border: ".concat(null==borders?void 0:borders.gray[100],";\n border-radius: ").concat(null==corners?void 0:corners.m,"px;\n box-shadow: ").concat(null==shadows?void 0:shadows.m,";\n padding: ").concat(null==spacings?void 0:spacings.xs,"px;\n box-sizing: border-box;\n z-index: 1400;\n ")})),StyledPaper=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_2__.ZP)(_mui_material__WEBPACK_IMPORTED_MODULE_5__.Z)(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n box-shadow: none;\n margin: 0;\n border-radius: 0;\n padding-top: 0;\n padding-bottom: 0;\n"]))),StyledMenuItemDetails=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_2__.ZP)("div")(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n ","\n ","\n"])),_styles__WEBPACK_IMPORTED_MODULE_1__.mA,(function(props){var colors=(0,_styles__WEBPACK_IMPORTED_MODULE_1__.EC)(props);return"\n color: ".concat(null==colors?void 0:colors.gray[500],";\n white-space: pre-wrap;\n ")})),StyledMenuItemText=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_2__.ZP)("div")(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n"])))},"./packages/components/src/core/InputDropdown/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>core_InputDropdown});__webpack_require__("./node_modules/react/index.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,_templateObject13,_templateObject14,_templateObject15,_templateObject16,_templateObject17,_templateObject18,Icon=__webpack_require__("./packages/components/src/core/Icon/index.tsx"),emotion_react_browser_esm=__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),Button=__webpack_require__("./packages/components/src/core/Button/index.tsx"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var labelFontBodyS=(0,styles.oJ)("s"),labelFontBodyXs=(0,styles.oJ)("xs"),doNotForwardProps=["intent","state","sdsStage","sdsType","isMinimal","shouldTruncateMinimalDetails","shouldPutAColonAfterLabel"],StyledInputDropdown=(0,styled.ZP)(Button.Z,{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n ","\n\n /* (thuang): in Minimal it's a different value */\n align-items: center;\n /* (thuang): in Minimal it's a different value */\n flex-direction: row;\n\n justify-content: space-between;\n\n ","\n"])),labelFontBodyXs,(function(props){var disabled=props.disabled,intent=props.intent,state=props.state,sdsStage=props.sdsStage,sdsStyle=props.sdsStyle;return(0,emotion_react_browser_esm.iv)(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n "])),function inputDropdownStyles(props){var _palette$text,_palette$text2,_palette$text3,colors=(0,styles.EC)(props),palette=(0,styles.XN)(props),spacings=(0,styles.Gr)(props),borders=(0,styles.W0)(props);return(0,emotion_react_browser_esm.iv)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n ","\n\n border: ",";\n color: ",";\n cursor: pointer;\n padding: ","px;\n justify-content: start;\n\n &.MuiButton-text {\n &:hover {\n color: #000;\n }\n\n .styled-label {\n margin-left: ","px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n svg {\n margin-right: ","px;\n margin-left: ","px;\n }\n }\n\n path {\n fill: ",";\n }\n\n &:hover {\n background-color: unset;\n border-color: black;\n color: ",";\n\n path {\n fill: black;\n }\n\n .styled-label {\n color: #000;\n }\n }\n\n &:active {\n border: ",";\n color: ",";\n\n path {\n fill: ",";\n }\n }\n\n &:focus {\n outline-offset: -1px;\n }\n "])),labelStyle(props),null==borders?void 0:borders.gray[400],null==palette||null===(_palette$text=palette.text)||void 0===_palette$text?void 0:_palette$text.primary,null==spacings?void 0:spacings.xs,null==spacings?void 0:spacings.s,null==spacings?void 0:spacings.s,null==spacings?void 0:spacings.l,null==colors?void 0:colors.gray[500],null==palette||null===(_palette$text2=palette.text)||void 0===_palette$text2?void 0:_palette$text2.primary,null==borders?void 0:borders.primary[400],null==palette||null===(_palette$text3=palette.text)||void 0===_palette$text3?void 0:_palette$text3.primary,null==colors?void 0:colors.primary[400])}(props),"minimal"===sdsStyle&&function minimal(props){var _palette$text4,colors=(0,styles.EC)(props),spacings=(0,styles.Gr)(props),palette=(0,styles.XN)(props);return(0,emotion_react_browser_esm.iv)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n ","\n\n /* this is needed to left align the label text */\n align-items: flex-start;\n border: none;\n flex-direction: column;\n padding: ","px ","px;\n\n /* Nesting to increase CSS specificity for style override */\n &.MuiButton-text {\n .styled-label {\n margin: 0;\n }\n }\n\n span {\n color: ",";\n }\n\n path {\n fill: ",";\n }\n\n &:hover {\n background-color: ",";\n border: none;\n color: ",";\n\n path {\n fill: black;\n }\n\n .styled-label {\n color: #000;\n }\n }\n\n &:active {\n background-color: ",";\n border: none;\n }\n\n &:focus {\n outline: none;\n }\n\n &:focus-visible {\n outline: 5px auto Highlight;\n outline: 5px auto -webkit-focus-ring-color;\n }\n\n &.MuiButton-root.MuiButton-text > span {\n ","\n margin-left: 0;\n }\n\n &.MuiButton-root.MuiButton-text svg {\n margin-left: ","px;\n margin-right: 0;\n }\n "])),labelStyle(props),null==spacings?void 0:spacings.xs,null==spacings?void 0:spacings.s,null==colors?void 0:colors.gray[500],null==colors?void 0:colors.gray[500],null==colors?void 0:colors.gray[100],null==palette||null===(_palette$text4=palette.text)||void 0===_palette$text4?void 0:_palette$text4.primary,null==colors?void 0:colors.gray[100],labelFontBodyS(props),null==spacings?void 0:spacings.xs)}(props),"square"===sdsStyle&&function square(props){var corners=(0,styles.DV)(props);return(0,emotion_react_browser_esm.iv)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n border-radius: ","px;\n height: 34px;\n min-width: 90px;\n "])),null==corners?void 0:corners.m)}(props),"rounded"===sdsStyle&&function rounded(props){var corners=(0,styles.DV)(props);return(0,emotion_react_browser_esm.iv)(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n border-radius: ","px;\n height: 34px;\n min-width: 90px;\n "])),null==corners?void 0:corners.l)}(props),"open"===state&&function isOpen(props){var _palette$text7,colors=(0,styles.EC)(props),palette=(0,styles.XN)(props);return(0,emotion_react_browser_esm.iv)(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n ","\n\n path {\n fill: ",";\n }\n\n border-color: ",";\n\n &:hover {\n path {\n fill: ",";\n }\n\n border-color: ",";\n }\n "])),"minimal"===props.sdsStyle?"& > span, &:hover > span { color: ".concat(null==palette||null===(_palette$text7=palette.text)||void 0===_palette$text7?void 0:_palette$text7.primary,"; }"):"",null==colors?void 0:colors.primary[400],null==colors?void 0:colors.primary[400],null==colors?void 0:colors.primary[400],null==colors?void 0:colors.primary[400])}(props),"userInput"===sdsStage&&function userInput(props){var _palette$text5,_palette$text6,palette=(0,styles.XN)(props);return(0,emotion_react_browser_esm.iv)(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n & .styled-label {\n color: ",";\n }\n\n &.MuiButton-text {\n .styled-label {\n color: ",";\n }\n }\n "])),null==palette||null===(_palette$text5=palette.text)||void 0===_palette$text5?void 0:_palette$text5.primary,null==palette||null===(_palette$text6=palette.text)||void 0===_palette$text6?void 0:_palette$text6.primary)}(props),"warning"===intent&&function warning(props){var colors=(0,styles.EC)(props),yellow=null==colors?void 0:colors.warning[400];return(0,emotion_react_browser_esm.iv)(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n border-color: ",";\n\n &:hover {\n border-color: ",";\n }\n\n &:active {\n border-color: ",";\n }\n "])),yellow,yellow,yellow)}(props),"error"===intent&&function error(props){var colors=(0,styles.EC)(props),red=null==colors?void 0:colors.error[400];return(0,emotion_react_browser_esm.iv)(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n border-color: ",";\n\n &:hover {\n border-color: ",";\n }\n\n &:active {\n border-color: ",";\n }\n "])),red,red,red)}(props),disabled&&function isDisabled(props){var colors=(0,styles.EC)(props),gray=null==colors?void 0:colors.gray[300];return(0,emotion_react_browser_esm.iv)(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n cursor: default;\n border-color: ",";\n\n span {\n color: ",";\n }\n\n &.MuiButton-text {\n .styled-label {\n color: ",";\n }\n }\n\n path {\n fill: ",";\n }\n "])),gray,null==colors?void 0:colors.gray[300],null==colors?void 0:colors.gray[300],null==colors?void 0:colors.gray[300])}(props))})),StyledDetail=(0,styled.ZP)("span",{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var colors=(0,styles.EC)(props),spaces=(0,styles.Gr)(props);return"\n color: ".concat(null==colors?void 0:colors.gray[500],";\n margin-left: ").concat(null==spaces?void 0:spaces.xs,"px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n ")})),StyledLabel=(0,styled.ZP)("span",{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject13||(_templateObject13=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var _palette$text8,details=props.details,counter=props.counter,sdsType=props.sdsType,colors=(0,styles.EC)(props),palette=(0,styles.XN)(props),fontWeights=(0,styles.y2)(props),labelColor=details||void 0!==counter?null==palette||null===(_palette$text8=palette.text)||void 0===_palette$text8?void 0:_palette$text8.primary:null==colors?void 0:colors.gray[500];return"\n color: ".concat(labelColor,";\n\n font-weight: ").concat("label"===sdsType?null==fontWeights?void 0:fontWeights.semibold:null==fontWeights?void 0:fontWeights.regular,";\n ")})),StyledCounter=(0,styled.ZP)("span",{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject14||(_templateObject14=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var colors=(0,styles.EC)(props),corners=(0,styles.DV)(props),spacings=(0,styles.Gr)(props);return"\n background-color: ".concat(null==colors?void 0:colors.gray[200],";\n color: ").concat(null==colors?void 0:colors.primary[400],";\n border-radius: ").concat(null==corners?void 0:corners.l,"px;\n padding: 0 ").concat(null==spacings?void 0:spacings.xs,"px;\n margin-left: ").concat(null==spacings?void 0:spacings.xs,"px;\n ")})),MinimalDetails=(0,styled.ZP)("div",{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject15||(_templateObject15=_taggedTemplateLiteral(["\n ","\n text-align: left;\n width: 100%;\n\n ","\n"])),labelFontBodyS,(function(_ref){if(_ref.shouldTruncateMinimalDetails)return"\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n "})),LabelWrapper=(0,styled.ZP)("span",{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject16||(_templateObject16=_taggedTemplateLiteral(["\n ","\n"])),(function(_ref2){var isMinimal=_ref2.isMinimal;return"\n align-items: ".concat(isMinimal?"center":void 0,";\n display: ").concat(isMinimal?"inline-flex":"contents",";\n justify-content: ").concat(isMinimal?"space-between":void 0,";\n width: 100%;\n ")})),IconWrapper=(0,styled.ZP)("span",{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject17||(_templateObject17=_taggedTemplateLiteral(["\n margin-left: auto;\n display: flex;\n align-items: center;\n"])));function labelStyle(props){var _palette$text9,colors=(0,styles.EC)(props),palette=(0,styles.XN)(props),labelColor="value"===props.sdsType?null==palette||null===(_palette$text9=palette.text)||void 0===_palette$text9?void 0:_palette$text9.primary:null==colors?void 0:colors.gray[500];return(0,emotion_react_browser_esm.iv)(_templateObject18||(_templateObject18=_taggedTemplateLiteral(["\n &.MuiButton-text {\n .styled-label {\n color: ",";\n }\n }\n "])),labelColor)}var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i) => void) & MouseEventHandler"}},state:{defaultValue:null,description:"",name:"state",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"open"'}]}},sdsStage:{defaultValue:null,description:"",name:"sdsStage",required:!0,type:{name:"enum",value:[{value:'"default"'},{value:'"userInput"'}]}},sdsStyle:{defaultValue:null,description:"",name:"sdsStyle",required:!1,type:{name:"enum",value:[{value:'"rounded"'},{value:'"square"'},{value:'"minimal"'}]}},sdsType:{defaultValue:null,description:"",name:"sdsType",required:!1,type:{name:"enum",value:[{value:'"label"'},{value:'"value"'}]}},multiple:{defaultValue:null,description:"",name:"multiple",required:!1,type:{name:"boolean"}},details:{defaultValue:null,description:"",name:"details",required:!1,type:{name:"ReactNode"}},counter:{defaultValue:null,description:"",name:"counter",required:!1,type:{name:"ReactNode"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"ReactNode"}},shouldTruncateMinimalDetails:{defaultValue:null,description:"",name:"shouldTruncateMinimalDetails",required:!1,type:{name:"boolean"}},shouldPutAColonAfterLabel:{defaultValue:null,description:"",name:"shouldPutAColonAfterLabel",required:!1,type:{name:"boolean"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"SDSTheme"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/InputDropdown/index.tsx#InputDropdown"]={docgenInfo:InputDropdown.__docgenInfo,name:"InputDropdown",path:"packages/components/src/core/InputDropdown/index.tsx#InputDropdown"})}catch(__react_docgen_typescript_loader_error){}}}]); \ No newline at end of file diff --git a/2138.51558478.iframe.bundle.js b/2138.51558478.iframe.bundle.js new file mode 100644 index 000000000..813c39486 --- /dev/null +++ b/2138.51558478.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_czi_sds_monorepo=self.webpackChunk_czi_sds_monorepo||[]).push([[2138],{"./packages/components/src/core/Button/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>core_Button});var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,react=__webpack_require__("./node_modules/react/index.js"),warnings=__webpack_require__("./packages/components/src/common/warnings.ts"),Button=__webpack_require__("./node_modules/@mui/material/Button/Button.js"),styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var sdsPropNames=["isAllCaps","isRounded","sdsStyle","sdsType"],ButtonBase=(0,styled.ZP)(Button.Z,{shouldForwardProp:function shouldForwardProp(prop){return!sdsPropNames.includes(prop)}})(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n box-shadow: none;\n ","\n"])),(function(props){var variant=props.variant,colors=(0,styles.EC)(props),spacings=(0,styles.Gr)(props),containedPadding="".concat(null==spacings?void 0:spacings.xs,"px ").concat(null==spacings?void 0:spacings.l,"px"),outlinedPadding="".concat(((null==spacings?void 0:spacings.xs)||0)-1,"px ").concat(((null==spacings?void 0:spacings.l)||0)-1,"px"),padding="outlined"===variant?outlinedPadding:containedPadding,outlineBorder="outlined"===variant?"border-color: ".concat(null==colors?void 0:colors.primary[400],";"):"";return"\n ".concat(outlineBorder,"\n padding: ").concat(padding,";\n min-width: 120px;\n height: 34px;\n &:hover {\n color: white;\n background-color: ").concat(null==colors?void 0:colors.primary[500],";\n box-shadow: none;\n }\n &:focus-visible {\n outline: 5px auto Highlight;\n outline: 5px auto -webkit-focus-ring-color;\n }\n &:active {\n color: white;\n background-color: ").concat(null==colors?void 0:colors.primary[600],";\n box-shadow: none;\n }\n &:disabled {\n color: ").concat(null==colors?void 0:colors.gray[400],";\n background-color: ").concat(null==colors?void 0:colors.gray[300],";\n border-color: ").concat(null==colors?void 0:colors.gray[300],";\n }\n .MuiButton-startIcon {\n margin-right: ").concat(null==spacings?void 0:spacings.m,"px;\n }\n .MuiButton-endIcon {\n margin-left: ").concat(null==spacings?void 0:spacings.m,"px;\n }\n ")})),RoundedButton=(0,styled.ZP)(ButtonBase,{shouldForwardProp:function shouldForwardProp(prop){return!sdsPropNames.includes(prop)}})(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var corners=(0,styles.DV)(props);return"\n border-radius: ".concat(null==corners?void 0:corners.l,"px;\n ")})),SquareButton=ButtonBase,MinimalButton=(0,styled.ZP)(Button.Z,{shouldForwardProp:function shouldForwardProp(prop){return!sdsPropNames.includes(prop)}})(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n ","\n\n ","\n &:hover, &:focus-visible {\n background-color: transparent;\n }\n &:focus-visible {\n outline: 5px auto Highlight;\n outline: 5px auto -webkit-focus-ring-color;\n }\n"])),(function(props){var spacings=(0,styles.Gr)(props);return"\n padding: ".concat(null==spacings?void 0:spacings.xxs,"px 0;\n ")}),(function(props){return null!=props&&props.isAllCaps?styles.n$:""})),minimal=function minimal(props){var colors=(0,styles.EC)(props),spaces=(0,styles.Gr)(props);return"\n &:hover, &:focus-visible {\n color: ".concat(null==colors?void 0:colors.primary[500],";\n }\n &:active {\n color: ").concat(null==colors?void 0:colors.primary[600],";\n }\n &:disabled {\n color: ").concat(null==colors?void 0:colors.gray[400],";\n }\n\n .MuiButton-startIcon {\n margin-right: ").concat(null==spaces?void 0:spaces.xxs,"px;\n }\n ")},PrimaryMinimalButton=(0,styled.ZP)(MinimalButton)(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n ","\n"])),minimal),SecondaryMinimalButton=(0,styled.ZP)(MinimalButton)(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n ","\n color: #000;\n"])),minimal),StyledButton=(0,styled.ZP)(Button.Z,{shouldForwardProp:function shouldForwardProp(prop){return!sdsPropNames.includes(prop)}})(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n &:focus-visible {\n outline: 5px auto Highlight;\n outline: 5px auto -webkit-focus-ring-color;\n }\n ","\n"])),(function(props){if(!props.isRounded)return"";var corners=(0,styles.DV)(props),spacings=(0,styles.Gr)(props);return"\n border-radius: ".concat(null==corners?void 0:corners.l,"px;\n padding: ").concat(null==spacings?void 0:spacings.xs,"px ").concat(null==spacings?void 0:spacings.l,"px;\n min-width: 120px;\n height: 34px;\n ")})),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _mui_material__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@mui/base/ClickAwayListener/ClickAwayListener.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_Autocomplete__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/core/Autocomplete/index.tsx"),_style__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/core/DropdownMenu/style.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}var _excluded=["anchorEl","id","InputBaseProps","open","PaperComponent","PopperComponent","PopperPlacement","PopperBaseProps","search","title","label","children","onClickAway","ClickAwayListenerProps"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var DropdownMenu=function DropdownMenu(props){var anchorEl=props.anchorEl,id=props.id,_props$InputBaseProps=props.InputBaseProps,InputBaseProps=void 0===_props$InputBaseProps?{autoFocus:!0,sx:{padding:"8px"}}:_props$InputBaseProps,_props$open=props.open,open=void 0!==_props$open&&_props$open,_props$PaperComponent=props.PaperComponent,PaperComponent=void 0===_props$PaperComponent?_style__WEBPACK_IMPORTED_MODULE_2__.Mt:_props$PaperComponent,_props$PopperComponen=props.PopperComponent,PopperComponent=void 0===_props$PopperComponen?_style__WEBPACK_IMPORTED_MODULE_2__.kE:_props$PopperComponen,_props$PopperPlacemen=props.PopperPlacement,PopperPlacement=void 0===_props$PopperPlacemen?"bottom-start":_props$PopperPlacemen,_props$PopperBaseProp=props.PopperBaseProps,PopperBaseProps=void 0===_props$PopperBaseProp?{}:_props$PopperBaseProp,_props$search=props.search,search=void 0!==_props$search&&_props$search,title=props.title,_props$label=props.label,label=void 0===_props$label?"Search":_props$label,children=props.children,onClickAway=props.onClickAway,ClickAwayListenerProps=props.ClickAwayListenerProps,rest=_objectWithoutProperties(props,_excluded),defaultPopperComponent=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((function(popperProps){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_style__WEBPACK_IMPORTED_MODULE_2__._d,_objectSpread({},popperProps))}),[]);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(PopperComponent,_objectSpread(_objectSpread({id,modifiers:[{name:"offset",options:{offset:[0,8]}}],open,anchorEl},PopperBaseProps),{},{placement:PopperPlacement,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_mui_material__WEBPACK_IMPORTED_MODULE_4__.Z,_objectSpread(_objectSpread({onClickAway},ClickAwayListenerProps),{},{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div",{children:[title&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_style__WEBPACK_IMPORTED_MODULE_2__.wl,{search,children:title}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Autocomplete__WEBPACK_IMPORTED_MODULE_1__.Z,_objectSpread(_objectSpread({label,search,InputBaseProps,PaperComponent:(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((function(paperComponentProps){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(PaperComponent,_objectSpread({search,title},paperComponentProps))}),[PaperComponent,search,title]),open},rest),{},{PopperComponent:defaultPopperComponent})),children]})}))}))};const __WEBPACK_DEFAULT_EXPORT__=DropdownMenu;try{DropdownMenu.displayName="DropdownMenu",DropdownMenu.__docgenInfo={description:"",displayName:"DropdownMenu",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref"}},keepSearchOnSelect:{defaultValue:null,description:"",name:"keepSearchOnSelect",required:!1,type:{name:"boolean"}},renderInput:{defaultValue:null,description:"",name:"renderInput",required:!1,type:{name:"((params: AutocompleteRenderInputParams) => ReactNode)"}},InputBaseProps:{defaultValue:null,description:"",name:"InputBaseProps",required:!1,type:{name:"Partial"}},PopperBaseProps:{defaultValue:null,description:"",name:"PopperBaseProps",required:!1,type:{name:"Partial"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string"}},anchorEl:{defaultValue:null,description:"",name:"anchorEl",required:!0,type:{name:"HTMLElement | null"}},PopperPlacement:{defaultValue:null,description:"",name:"PopperPlacement",required:!1,type:{name:"enum",value:[{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"top-start"'},{value:'"top-end"'}]}},onClickAway:{defaultValue:null,description:"",name:"onClickAway",required:!0,type:{name:"(event: MouseEvent | TouchEvent) => void"}},ClickAwayListenerProps:{defaultValue:null,description:"",name:"ClickAwayListenerProps",required:!1,type:{name:"Partial"}},count:{defaultValue:null,description:"",name:"count",required:!1,type:{name:"number"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactElement>"}},search:{defaultValue:null,description:"",name:"search",required:!1,type:{name:"boolean"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"SDSTheme"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/DropdownMenu/index.tsx#DropdownMenu"]={docgenInfo:DropdownMenu.__docgenInfo,name:"DropdownMenu",path:"packages/components/src/core/DropdownMenu/index.tsx#DropdownMenu"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/core/DropdownMenu/style.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Mt:()=>StyledPaper,_d:()=>StyledAutocompletePopper,kE:()=>StyledPopper,wl:()=>StyledHeaderTitle});var _templateObject,_templateObject2,_templateObject3,_templateObject4,_mui_material__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mui/material/Popper/Popper.js"),_mui_material__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@mui/material/Paper/Paper.js"),_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),_styles__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/components/src/core/styles/index.ts");function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var doNotForwardProps=["anchorEl","count","keepSearchOnSelect","search","InputBaseProps","title","PopperBaseProps","onClickAway","ClickAwayListenerProps"],StyledHeaderTitle=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.ZP)("div",{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n ","\n\n ","\n"])),_styles__WEBPACK_IMPORTED_MODULE_0__.J5,(function(props){var search=props.search,typography=(0,_styles__WEBPACK_IMPORTED_MODULE_0__.cY)(props),spacings=(0,_styles__WEBPACK_IMPORTED_MODULE_0__.Gr)(props);return"\n font-family: ".concat(null==typography?void 0:typography.fontFamily,";\n color: black;\n padding-top: ").concat(null==spacings?void 0:spacings.xxs,"px;\n padding-right: ").concat(null==spacings?void 0:spacings.s,"px;\n padding-left: ").concat(null==spacings?void 0:spacings.s,"px;\n ").concat(search?"padding-bottom: 0px;":"padding-bottom: ".concat(null==spacings?void 0:spacings.xs,"px;"),"\n ")})),StyledPopper=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.ZP)(_mui_material__WEBPACK_IMPORTED_MODULE_2__.Z,{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)||"anchorEl"===prop}})(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n .MuiAutocomplete-popperDisablePortal {\n position: relative;\n width: 100% !important;\n box-shadow: none;\n padding: 0;\n border: none;\n }\n\n ","\n"])),(function(props){var borders=(0,_styles__WEBPACK_IMPORTED_MODULE_0__.W0)(props),corners=(0,_styles__WEBPACK_IMPORTED_MODULE_0__.DV)(props),shadows=(0,_styles__WEBPACK_IMPORTED_MODULE_0__.tM)(props),spacings=(0,_styles__WEBPACK_IMPORTED_MODULE_0__.Gr)(props);return"\n background-color: white;\n border: ".concat(null==borders?void 0:borders.gray[100],";\n border-radius: ").concat(null==corners?void 0:corners.m,"px;\n box-shadow: ").concat(null==shadows?void 0:shadows.m,";\n padding: ").concat(null==spacings?void 0:spacings.xs,"px;\n box-sizing: border-box;\n z-index: 1400;\n ")})),StyledPaper=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.ZP)(_mui_material__WEBPACK_IMPORTED_MODULE_3__.Z,{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var title=props.title,spacings=(0,_styles__WEBPACK_IMPORTED_MODULE_0__.Gr)(props);return"\n box-shadow: none;\n margin: 0;\n border-radius: 0;\n padding-top: 0;\n padding-bottom: 0;\n ".concat(title?"padding-left: ".concat(null==spacings?void 0:spacings.s,"px !important;"):"","\n ")})),StyledAutocompletePopper=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.ZP)(_mui_material__WEBPACK_IMPORTED_MODULE_2__.Z)(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n position: relative !important;\n transform: none !important;\n width: 100% !important;\n box-shadow: none;\n padding: 0;\n border: none;\n"])))},"./packages/components/src/core/InputDropdown/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>core_InputDropdown});__webpack_require__("./node_modules/react/index.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,_templateObject13,_templateObject14,_templateObject15,_templateObject16,_templateObject17,_templateObject18,Icon=__webpack_require__("./packages/components/src/core/Icon/index.tsx"),emotion_react_browser_esm=__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),Button=__webpack_require__("./packages/components/src/core/Button/index.tsx"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var labelFontBodyS=(0,styles.oJ)("s"),labelFontBodyXs=(0,styles.oJ)("xs"),doNotForwardProps=["intent","state","sdsStage","sdsType","isMinimal","shouldTruncateMinimalDetails","shouldPutAColonAfterLabel"],StyledInputDropdown=(0,styled.ZP)(Button.Z,{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n ","\n\n /* (thuang): in Minimal it's a different value */\n align-items: center;\n /* (thuang): in Minimal it's a different value */\n flex-direction: row;\n\n justify-content: space-between;\n\n ","\n"])),labelFontBodyXs,(function(props){var disabled=props.disabled,intent=props.intent,state=props.state,sdsStage=props.sdsStage,sdsStyle=props.sdsStyle;return(0,emotion_react_browser_esm.iv)(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n "])),function inputDropdownStyles(props){var _palette$text,_palette$text2,_palette$text3,colors=(0,styles.EC)(props),palette=(0,styles.XN)(props),spacings=(0,styles.Gr)(props),borders=(0,styles.W0)(props);return(0,emotion_react_browser_esm.iv)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n ","\n\n border: ",";\n color: ",";\n cursor: pointer;\n padding: ","px;\n justify-content: start;\n\n &.MuiButton-text {\n &:hover {\n color: #000;\n }\n\n .styled-label {\n margin-left: ","px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n svg {\n margin-right: ","px;\n margin-left: ","px;\n }\n }\n\n path {\n fill: ",";\n }\n\n &:hover {\n background-color: unset;\n border-color: black;\n color: ",";\n\n path {\n fill: black;\n }\n\n .styled-label {\n color: #000;\n }\n }\n\n &:active {\n border: ",";\n color: ",";\n\n path {\n fill: ",";\n }\n }\n\n &:focus {\n outline-offset: -1px;\n }\n "])),labelStyle(props),null==borders?void 0:borders.gray[400],null==palette||null===(_palette$text=palette.text)||void 0===_palette$text?void 0:_palette$text.primary,null==spacings?void 0:spacings.xs,null==spacings?void 0:spacings.s,null==spacings?void 0:spacings.s,null==spacings?void 0:spacings.l,null==colors?void 0:colors.gray[500],null==palette||null===(_palette$text2=palette.text)||void 0===_palette$text2?void 0:_palette$text2.primary,null==borders?void 0:borders.primary[400],null==palette||null===(_palette$text3=palette.text)||void 0===_palette$text3?void 0:_palette$text3.primary,null==colors?void 0:colors.primary[400])}(props),"minimal"===sdsStyle&&function minimal(props){var _palette$text4,colors=(0,styles.EC)(props),spacings=(0,styles.Gr)(props),palette=(0,styles.XN)(props);return(0,emotion_react_browser_esm.iv)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n ","\n\n /* this is needed to left align the label text */\n align-items: flex-start;\n border: none;\n flex-direction: column;\n padding: ","px ","px;\n\n /* Nesting to increase CSS specificity for style override */\n &.MuiButton-text {\n .styled-label {\n margin: 0;\n }\n }\n\n span {\n color: ",";\n }\n\n path {\n fill: ",";\n }\n\n &:hover {\n background-color: ",";\n border: none;\n color: ",";\n\n path {\n fill: black;\n }\n\n .styled-label {\n color: #000;\n }\n }\n\n &:active {\n background-color: ",";\n border: none;\n }\n\n &:focus {\n outline: none;\n }\n\n &:focus-visible {\n outline: 5px auto Highlight;\n outline: 5px auto -webkit-focus-ring-color;\n }\n\n &.MuiButton-root.MuiButton-text > span {\n ","\n margin-left: 0;\n }\n\n &.MuiButton-root.MuiButton-text svg {\n margin-left: ","px;\n margin-right: 0;\n }\n "])),labelStyle(props),null==spacings?void 0:spacings.xs,null==spacings?void 0:spacings.s,null==colors?void 0:colors.gray[500],null==colors?void 0:colors.gray[500],null==colors?void 0:colors.gray[100],null==palette||null===(_palette$text4=palette.text)||void 0===_palette$text4?void 0:_palette$text4.primary,null==colors?void 0:colors.gray[100],labelFontBodyS(props),null==spacings?void 0:spacings.xs)}(props),"square"===sdsStyle&&function square(props){var corners=(0,styles.DV)(props);return(0,emotion_react_browser_esm.iv)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n border-radius: ","px;\n height: 34px;\n min-width: 90px;\n "])),null==corners?void 0:corners.m)}(props),"rounded"===sdsStyle&&function rounded(props){var corners=(0,styles.DV)(props);return(0,emotion_react_browser_esm.iv)(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n border-radius: ","px;\n height: 34px;\n min-width: 90px;\n "])),null==corners?void 0:corners.l)}(props),"open"===state&&function isOpen(props){var _palette$text7,colors=(0,styles.EC)(props),palette=(0,styles.XN)(props);return(0,emotion_react_browser_esm.iv)(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n ","\n\n path {\n fill: ",";\n }\n\n border-color: ",";\n\n &:hover {\n path {\n fill: ",";\n }\n\n border-color: ",";\n }\n "])),"minimal"===props.sdsStyle?"& > span, &:hover > span { color: ".concat(null==palette||null===(_palette$text7=palette.text)||void 0===_palette$text7?void 0:_palette$text7.primary,"; }"):"",null==colors?void 0:colors.primary[400],null==colors?void 0:colors.primary[400],null==colors?void 0:colors.primary[400],null==colors?void 0:colors.primary[400])}(props),"userInput"===sdsStage&&function userInput(props){var _palette$text5,_palette$text6,palette=(0,styles.XN)(props);return(0,emotion_react_browser_esm.iv)(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n & .styled-label {\n color: ",";\n }\n\n &.MuiButton-text {\n .styled-label {\n color: ",";\n }\n }\n "])),null==palette||null===(_palette$text5=palette.text)||void 0===_palette$text5?void 0:_palette$text5.primary,null==palette||null===(_palette$text6=palette.text)||void 0===_palette$text6?void 0:_palette$text6.primary)}(props),"warning"===intent&&function warning(props){var colors=(0,styles.EC)(props),yellow=null==colors?void 0:colors.warning[400];return(0,emotion_react_browser_esm.iv)(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n border-color: ",";\n\n &:hover {\n border-color: ",";\n }\n\n &:active {\n border-color: ",";\n }\n "])),yellow,yellow,yellow)}(props),"error"===intent&&function error(props){var colors=(0,styles.EC)(props),red=null==colors?void 0:colors.error[400];return(0,emotion_react_browser_esm.iv)(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n border-color: ",";\n\n &:hover {\n border-color: ",";\n }\n\n &:active {\n border-color: ",";\n }\n "])),red,red,red)}(props),disabled&&function isDisabled(props){var colors=(0,styles.EC)(props),gray=null==colors?void 0:colors.gray[300];return(0,emotion_react_browser_esm.iv)(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n cursor: default;\n border-color: ",";\n\n span {\n color: ",";\n }\n\n &.MuiButton-text {\n .styled-label {\n color: ",";\n }\n }\n\n path {\n fill: ",";\n }\n "])),gray,null==colors?void 0:colors.gray[300],null==colors?void 0:colors.gray[300],null==colors?void 0:colors.gray[300])}(props))})),StyledDetail=(0,styled.ZP)("span",{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var colors=(0,styles.EC)(props),spaces=(0,styles.Gr)(props);return"\n color: ".concat(null==colors?void 0:colors.gray[500],";\n margin-left: ").concat(null==spaces?void 0:spaces.xs,"px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n ")})),StyledLabel=(0,styled.ZP)("span",{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject13||(_templateObject13=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var _palette$text8,details=props.details,counter=props.counter,sdsType=props.sdsType,colors=(0,styles.EC)(props),palette=(0,styles.XN)(props),fontWeights=(0,styles.y2)(props),labelColor=details||void 0!==counter?null==palette||null===(_palette$text8=palette.text)||void 0===_palette$text8?void 0:_palette$text8.primary:null==colors?void 0:colors.gray[500];return"\n color: ".concat(labelColor,";\n\n font-weight: ").concat("label"===sdsType?null==fontWeights?void 0:fontWeights.semibold:null==fontWeights?void 0:fontWeights.regular,";\n ")})),StyledCounter=(0,styled.ZP)("span",{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject14||(_templateObject14=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var colors=(0,styles.EC)(props),corners=(0,styles.DV)(props),spacings=(0,styles.Gr)(props);return"\n background-color: ".concat(null==colors?void 0:colors.gray[200],";\n color: ").concat(null==colors?void 0:colors.primary[400],";\n border-radius: ").concat(null==corners?void 0:corners.l,"px;\n padding: 0 ").concat(null==spacings?void 0:spacings.xs,"px;\n margin-left: ").concat(null==spacings?void 0:spacings.xs,"px;\n ")})),MinimalDetails=(0,styled.ZP)("div",{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject15||(_templateObject15=_taggedTemplateLiteral(["\n ","\n text-align: left;\n width: 100%;\n\n ","\n"])),labelFontBodyS,(function(_ref){if(_ref.shouldTruncateMinimalDetails)return"\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n "})),LabelWrapper=(0,styled.ZP)("span",{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject16||(_templateObject16=_taggedTemplateLiteral(["\n ","\n"])),(function(_ref2){var isMinimal=_ref2.isMinimal;return"\n align-items: ".concat(isMinimal?"center":void 0,";\n display: ").concat(isMinimal?"inline-flex":"contents",";\n justify-content: ").concat(isMinimal?"space-between":void 0,";\n width: 100%;\n ")})),IconWrapper=(0,styled.ZP)("span",{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject17||(_templateObject17=_taggedTemplateLiteral(["\n margin-left: auto;\n display: flex;\n align-items: center;\n"])));function labelStyle(props){var _palette$text9,colors=(0,styles.EC)(props),palette=(0,styles.XN)(props),labelColor="value"===props.sdsType?null==palette||null===(_palette$text9=palette.text)||void 0===_palette$text9?void 0:_palette$text9.primary:null==colors?void 0:colors.gray[500];return(0,emotion_react_browser_esm.iv)(_templateObject18||(_templateObject18=_taggedTemplateLiteral(["\n &.MuiButton-text {\n .styled-label {\n color: ",";\n }\n }\n "])),labelColor)}var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i) => void) & MouseEventHandler"}},state:{defaultValue:null,description:"",name:"state",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"open"'}]}},sdsStage:{defaultValue:null,description:"",name:"sdsStage",required:!0,type:{name:"enum",value:[{value:'"default"'},{value:'"userInput"'}]}},sdsStyle:{defaultValue:null,description:"",name:"sdsStyle",required:!1,type:{name:"enum",value:[{value:'"rounded"'},{value:'"square"'},{value:'"minimal"'}]}},sdsType:{defaultValue:null,description:"",name:"sdsType",required:!1,type:{name:"enum",value:[{value:'"label"'},{value:'"value"'}]}},multiple:{defaultValue:null,description:"",name:"multiple",required:!1,type:{name:"boolean"}},details:{defaultValue:null,description:"",name:"details",required:!1,type:{name:"ReactNode"}},counter:{defaultValue:null,description:"",name:"counter",required:!1,type:{name:"ReactNode"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"ReactNode"}},shouldTruncateMinimalDetails:{defaultValue:null,description:"",name:"shouldTruncateMinimalDetails",required:!1,type:{name:"boolean"}},shouldPutAColonAfterLabel:{defaultValue:null,description:"",name:"shouldPutAColonAfterLabel",required:!1,type:{name:"boolean"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"SDSTheme"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/InputDropdown/index.tsx#InputDropdown"]={docgenInfo:InputDropdown.__docgenInfo,name:"InputDropdown",path:"packages/components/src/core/InputDropdown/index.tsx#InputDropdown"})}catch(__react_docgen_typescript_loader_error){}}}]); \ No newline at end of file diff --git a/9267.1436ca89.iframe.bundle.js b/9267.1436ca89.iframe.bundle.js new file mode 100644 index 000000000..a3d7588b1 --- /dev/null +++ b/9267.1436ca89.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_czi_sds_monorepo=self.webpackChunk_czi_sds_monorepo||[]).push([[9267],{"./packages/components/src/common/utils.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>noop,m:()=>toKebabCase});var noop=function noop(){},toKebabCase=function toKebabCase(str){return str.replace(/[\s_]+/g,"-").toLowerCase()}},"./packages/components/src/core/Autocomplete/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>core_Autocomplete});var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,Popper=__webpack_require__("./node_modules/@mui/material/Popper/Popper.js"),InputAdornment=__webpack_require__("./node_modules/@mui/material/InputAdornment/InputAdornment.js"),react=__webpack_require__("./node_modules/react/index.js"),utils=__webpack_require__("./packages/components/src/common/utils.ts"),ButtonIcon=__webpack_require__("./packages/components/src/core/ButtonIcon/index.tsx"),MenuItem=__webpack_require__("./packages/components/src/core/MenuItem/index.tsx"),Autocomplete=__webpack_require__("./node_modules/@mui/material/Autocomplete/Autocomplete.js"),Paper=__webpack_require__("./node_modules/@mui/material/Paper/Paper.js"),styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),InputSearch=__webpack_require__("./packages/components/src/core/InputSearch/index.tsx"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var doNotForwardProps=["count","keepSearchOnSelect","search","InputBaseProps"],StyledAutocomplete=(0,styled.ZP)(Autocomplete.Z,{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n + .MuiAutocomplete-popper\n > .MuiAutocomplete-paper\n .MuiAutocomplete-groupLabel {\n ","\n }\n\n ","\n"])),styles.vz,(function(props){var search=props.search,spacings=(0,styles.Gr)(props),colors=(0,styles.EC)(props),borders=(0,styles.W0)(props);return"\n ".concat(!search&&"height: 0",";\n\n .MuiOutlinedInput-root.MuiInputBase-formControl.MuiInputBase-adornedEnd {\n padding: 0 ").concat(null==spacings?void 0:spacings.l,"px 0 0;\n\n .MuiAutocomplete-input {\n padding: ").concat(null==spacings?void 0:spacings.xs,"px ").concat(null==spacings?void 0:spacings.l,"px;\n }\n }\n\n & + .MuiAutocomplete-popper > .MuiAutocomplete-paper {\n ").concat(search?"padding-left: ".concat(null==spacings?void 0:spacings.s,"px !important;"):"","\n\n .MuiAutocomplete-listbox {\n max-height: 40vh;\n padding-top: 0;\n padding-bottom: 0;\n padding-right: ").concat(null==spacings?void 0:spacings.s,"px;\n\n .MuiAutocomplete-option {\n min-height: unset;\n }\n\n .MuiAutocomplete-option.Mui-focused {\n background-color: ").concat(null==colors?void 0:colors.gray[100],';\n }\n\n .MuiAutocomplete-option[aria-selected="true"] {\n background-color: white;\n }\n\n .MuiAutocomplete-option[aria-disabled="true"] {\n opacity: 1;\n }\n\n .MuiAutocomplete-option[aria-selected="true"].Mui-focused {\n background-color: ').concat(null==colors?void 0:colors.gray[100],";\n }\n\n & > li:last-child .MuiAutocomplete-groupUl {\n border-bottom: none;\n margin-bottom: 0;\n }\n }\n\n .MuiAutocomplete-groupLabel {\n top: 0;\n color: ").concat(null==colors?void 0:colors.gray[500],";\n padding: ").concat(null==spacings?void 0:spacings.xxs,"px 0 ").concat(null==spacings?void 0:spacings.xxs,"px 0;\n }\n\n .MuiAutocomplete-groupUl {\n margin-bottom: ").concat(null==spacings?void 0:spacings.m,"px;\n position: relative;\n padding: 0 0 ").concat(null==spacings?void 0:spacings.xs,"px 0 0;\n border-bottom: ").concat(null==borders?void 0:borders.gray[200],";\n\n & li:last-of-type {\n position: relative;\n margin-bottom: ").concat(null==spacings?void 0:spacings.xxs,"px;\n }\n }\n }\n ")})),InputBaseWrapper=(0,styled.ZP)("div",{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n ","\n"])),(function(props){if(!props.search)return"\n border: 0;\n padding: 0;\n\n white-space: nowrap;\n\n clip-path: inset(100%);\n clip: rect(0 0 0 0);\n overflow: hidden;\n margin: 0;\n "})),StyledMenuInputSearch=(0,styled.ZP)(InputSearch.Z,{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject3||(_templateObject3=_taggedTemplateLiteral(['\n margin: 0;\n .MuiInputBase-root {\n width: 100%;\n }\n /* (thuang): Works with attribute inputMode: "none" to hide mobile keyboard */\n caret-color: ',";\n"])),(function(_ref){return _ref.search?"auto":"transparent"})),StyledPaper=(0,styled.ZP)(Paper.Z)(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var spacings=(0,styles.Gr)(props),borders=(0,styles.W0)(props),corners=(0,styles.DV)(props),shadows=(0,styles.tM)(props);return"\n padding: ".concat(null==spacings?void 0:spacings.s,"px 0 0 ").concat(null==spacings?void 0:spacings.s,"px ;\n background-color: white;\n border: ").concat(null==borders?void 0:borders.gray[100],";\n border-radius: ").concat(null==corners?void 0:corners.m,"px;\n box-shadow: ").concat(null==shadows?void 0:shadows.m,";\n box-sizing: border-box;\n ")})),StyledMenuItemDetails=(0,styled.ZP)("div")(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n ","\n ","\n"])),styles.mA,(function(props){var colors=(0,styles.EC)(props);return"\n color: ".concat(null==colors?void 0:colors.gray[500],";\n white-space: pre-wrap;\n ")})),StyledMenuItemText=(0,styled.ZP)("div")(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n"]))),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i"}},keepSearchOnSelect:{defaultValue:null,description:"",name:"keepSearchOnSelect",required:!1,type:{name:"boolean"}},renderInput:{defaultValue:null,description:"",name:"renderInput",required:!1,type:{name:"((params: AutocompleteRenderInputParams) => ReactNode)"}},InputBaseProps:{defaultValue:null,description:"",name:"InputBaseProps",required:!1,type:{name:"Partial"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},count:{defaultValue:null,description:"",name:"count",required:!1,type:{name:"number"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactElement>"}},search:{defaultValue:null,description:"",name:"search",required:!1,type:{name:"boolean"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"SDSTheme"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/Autocomplete/index.tsx#Autocomplete"]={docgenInfo:Autocomplete_Autocomplete.__docgenInfo,name:"Autocomplete",path:"packages/components/src/core/Autocomplete/index.tsx#Autocomplete"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/core/MenuItem/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_Icon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/core/Icon/index.tsx"),_style__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/core/MenuItem/style.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}var _excluded=["children","column","disabled","isMultiSelect","sdsIcon","sdsIconProps","sdsStyle"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var MenuItem=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function MenuItem(props,ref){var children=props.children,_props$column=props.column,column=void 0===_props$column?null:_props$column,disabled=props.disabled,_props$isMultiSelect=props.isMultiSelect,isMultiSelect=void 0!==_props$isMultiSelect&&_props$isMultiSelect,sdsIcon=props.sdsIcon,sdsIconProps=props.sdsIconProps,_props$sdsStyle=props.sdsStyle,sdsStyle=void 0===_props$sdsStyle?"determinate":_props$sdsStyle,originalMenuItemProps=_objectWithoutProperties(props,_excluded),_ref$selected=originalMenuItemProps.selected,selected=void 0!==_ref$selected&&_ref$selected;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(_style__WEBPACK_IMPORTED_MODULE_2__.CM,_objectSpread(_objectSpread({},originalMenuItemProps),{},{disabled,ref,children:[isMultiSelect&&function selectionIcon(){return"determinate"===sdsStyle?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_style__WEBPACK_IMPORTED_MODULE_2__.Mv,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_style__WEBPACK_IMPORTED_MODULE_2__.ip,{className:"check-icon",selected,color:"primary",disabled})}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_style__WEBPACK_IMPORTED_MODULE_2__.Mv,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_style__WEBPACK_IMPORTED_MODULE_2__.UV,{className:"check-icon",selected,color:"primary",disabled})})}(),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(_style__WEBPACK_IMPORTED_MODULE_2__.vs,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(_style__WEBPACK_IMPORTED_MODULE_2__.OP,{selected,className:"primary-text",disabled,children:[sdsIcon&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_style__WEBPACK_IMPORTED_MODULE_2__.oS,{disabled,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_1__.Z,_objectSpread(_objectSpread({},sdsIconProps),{},{sdsType:"static",sdsIcon,sdsSize:"s"}))}),children]}),column&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_style__WEBPACK_IMPORTED_MODULE_2__.fh,{disabled,children:column})]})]}))}));const __WEBPACK_DEFAULT_EXPORT__=MenuItem;try{MenuItem.displayName="MenuItem",MenuItem.__docgenInfo={description:"",displayName:"MenuItem",props:{sdsStyle:{defaultValue:null,description:"",name:"sdsStyle",required:!1,type:{name:"enum",value:[{value:'"determinate"'},{value:'"indeterminate"'}]}},disabled:{defaultValue:{value:"false\nfalse"},description:"If `true`, the component is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},selected:{defaultValue:{value:"false"},description:"If `true`, the component is selected.",name:"selected",required:!1,type:{name:"boolean"}},column:{defaultValue:null,description:"",name:"column",required:!1,type:{name:"ReactNode"}},isMultiSelect:{defaultValue:null,description:"",name:"isMultiSelect",required:!1,type:{name:"boolean"}},sdsIcon:{defaultValue:null,description:"",name:"sdsIcon",required:!1,type:{name:"enum",value:[{value:'"list"'},{value:'"infoCircle"'},{value:'"table"'},{value:'"globe"'},{value:'"people"'},{value:'"search"'},{value:'"bacteria"'},{value:'"barChartHorizontal3"'},{value:'"checkCircle"'},{value:'"gear"'},{value:'"flagCheck"'},{value:'"download"'},{value:'"filter"'},{value:'"link"'},{value:'"document"'},{value:'"copy"'},{value:'"open"'},{value:'"loading"'},{value:'"edit"'},{value:'"lightBulb"'},{value:'"linesHorizontal"'},{value:'"xMark"'},{value:'"dotsHorizontal"'},{value:'"treeHorizontal"'},{value:'"barChartVertical3"'},{value:'"barChartVertical4"'},{value:'"check"'},{value:'"chevronDown"'},{value:'"chevronLeft2"'},{value:'"chevronLeft"'},{value:'"chevronRight2"'},{value:'"chevronRight"'},{value:'"chevronUp"'},{value:'"circlesOverlap"'},{value:'"exclamationMarkCircle"'},{value:'"eyeClosed"'},{value:'"eyeOpen"'},{value:'"flagOutline"'},{value:'"flagQuestionmark"'},{value:'"flagXmark"'},{value:'"house"'},{value:'"lifeRing"'},{value:'"linesDashed3Solid1"'},{value:'"lock"'},{value:'"lockCircle"'},{value:'"minus"'},{value:'"percentage"'},{value:'"person"'},{value:'"pin"'},{value:'"pinLocation"'},{value:'"plus"'},{value:'"plusCircle"'},{value:'"puzzlePiece"'},{value:'"refresh"'},{value:'"searchLinesHorizontal"'},{value:'"starburst"'},{value:'"trashCan"'},{value:'"treeVertical"'},{value:'"triangleDown"'},{value:'"triangleLeft"'},{value:'"triangleRight"'},{value:'"triangleUp"'},{value:'"xMarkCircle"'}]}},sdsIconProps:{defaultValue:null,description:"",name:"sdsIconProps",required:!1,type:{name:'Partial>'}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial & Partial>)"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},children:{defaultValue:null,description:"The content of the component.",name:"children",required:!1,type:{name:"ReactNode"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"SxProps"}},action:{defaultValue:null,description:"A ref for imperative actions.\nIt currently only supports `focusVisible()` action.",name:"action",required:!1,type:{name:"Ref"}},centerRipple:{defaultValue:{value:"false"},description:"If `true`, the ripples are centered.\nThey won't start at the cursor interaction position.",name:"centerRipple",required:!1,type:{name:"boolean"}},disableRipple:{defaultValue:{value:"false"},description:"If `true`, the ripple effect is disabled.\n\n⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure\nto highlight the element by applying separate styles with the `.Mui-focusVisible` class.",name:"disableRipple",required:!1,type:{name:"boolean"}},disableTouchRipple:{defaultValue:{value:"false"},description:"If `true`, the touch ripple effect is disabled.",name:"disableTouchRipple",required:!1,type:{name:"boolean"}},focusRipple:{defaultValue:{value:"false"},description:"If `true`, the base button will have a keyboard focus ripple.",name:"focusRipple",required:!1,type:{name:"boolean"}},focusVisibleClassName:{defaultValue:null,description:"This prop can help identify which element has keyboard focus.\nThe class name will be applied when the element gains the focus through keyboard interaction.\nIt's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).\nThe rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).\nA [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components\nif needed.",name:"focusVisibleClassName",required:!1,type:{name:"string"}},LinkComponent:{defaultValue:{value:"'a'"},description:"The component used to render a link when the `href` prop is provided.",name:"LinkComponent",required:!1,type:{name:"ElementType"}},onFocusVisible:{defaultValue:null,description:"Callback fired when the component is focused with a keyboard.\nWe trigger a `onFocus` callback too.",name:"onFocusVisible",required:!1,type:{name:"FocusEventHandler"}},TouchRippleProps:{defaultValue:null,description:"Props applied to the `TouchRipple` element.",name:"TouchRippleProps",required:!1,type:{name:"Partial"}},touchRippleRef:{defaultValue:null,description:"A ref that points to the `TouchRipple` element.",name:"touchRippleRef",required:!1,type:{name:"Ref"}},dense:{defaultValue:{value:"false"},description:"If `true`, compact vertical padding designed for keyboard and mouse input is used.\nThe prop defaults to the value inherited from the parent Menu component.",name:"dense",required:!1,type:{name:"boolean"}},disableGutters:{defaultValue:{value:"false"},description:"If `true`, the left and right padding is removed.",name:"disableGutters",required:!1,type:{name:"boolean"}},divider:{defaultValue:{value:"false"},description:"If `true`, a 1px light border is added to the bottom of the menu item.",name:"divider",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/MenuItem/index.tsx#MenuItem"]={docgenInfo:MenuItem.__docgenInfo,name:"MenuItem",path:"packages/components/src/core/MenuItem/index.tsx#MenuItem"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/core/MenuItem/style.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{CM:()=>StyledMenuItem,Mv:()=>StyledIconWrapper,OP:()=>TextWrapper,Tm:()=>DemoWrapper,UV:()=>StyledMinus,fh:()=>ColumnWrapper,ip:()=>StyledCheck,oS:()=>StyledMenuItemIcon,vs:()=>ContentWrapper});var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_mui_icons_material__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mui/icons-material/esm/Check.js"),_mui_icons_material__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mui/icons-material/esm/Remove.js"),_mui_material__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mui/material/MenuItem/MenuItem.js"),_mui_material__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@mui/material/MenuItem/menuItemClasses.js"),_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),_styles_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/components/src/core/styles/common/mixins/fonts.ts"),_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/core/styles/common/selectors/theme.ts");function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var fontBodyXs=(0,_styles_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_0__.oJ)("xs"),StyledMenuItem=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.ZP)(_mui_material__WEBPACK_IMPORTED_MODULE_2__.Z)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var selected=props.selected,colors=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.EC)(props),fontWeights=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.y2)(props),spacings=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.Gr)(props),primary=null==colors?void 0:colors.primary[400];return"\n padding: ".concat(null==spacings?void 0:spacings.xs,"px ").concat(null==spacings?void 0:spacings.s,"px !important;\n min-height: unset;\n opacity: 1;\n\n &.MuiAutocomplete-option {\n min-height: unset;\n }\n \n .primary-text {\n font-weight: ").concat(selected?null==fontWeights?void 0:fontWeights.semibold:null==fontWeights?void 0:fontWeights.regular,";\n }\n\n &.MuiButtonBase-root {\n background-color: transparent;\n opacity: 1;\n\n &:hover, &.").concat(_mui_material__WEBPACK_IMPORTED_MODULE_4__.Z.focusVisible," {\n background-color: ").concat(null==colors?void 0:colors.gray[100],';\n\n &[aria-selected="true"] {\n background-color: ').concat(null==colors?void 0:colors.gray[100],';\n }\n }\n }\n\n &.MuiMenuItem-root .MuiSvgIcon-root {\n align-self: flex-start;\n }\n\n &.MuiMenuItem-root .Mui-disabled {\n opacity: 1 !important;\n }\n\n &.MuiAutocomplete-option[aria-selected="true"] {\n &:hover {\n background-color: ').concat(null==colors?void 0:colors.gray[100]," !important;\n }\n\n svg.check-icon {\n color: ").concat(selected?primary:null==colors?void 0:colors.gray[500],';\n }\n }\n\n &.MuiAutocomplete-option[aria-disabled="true"] {\n opacity: 1;\n }\n\n &:hover {\n background-color: ').concat(null==colors?void 0:colors.gray[100],";\n svg.check-icon {\n color: ").concat(selected?primary:null==colors?void 0:colors.gray[500],";\n }\n }\n\n &.Mui-selected.MuiListItem-root.MuiListItem-button {\n background-color: white;\n &:hover {\n background-color: ").concat(null==colors?void 0:colors.gray[100],";\n }\n .primary-text {\n font-weight: ").concat(null==fontWeights?void 0:fontWeights.semibold,";\n }\n }\n\n &:active {\n svg.check-icon {\n color: ").concat(primary,";\n }\n\n &:active {\n svg.check-icon {\n color: ").concat(primary,";\n }\n\n .primary-text {\n font-weight: ").concat(null==fontWeights?void 0:fontWeights.semibold,";\n }\n }\n }\n ")})),ContentWrapper=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.ZP)("span")(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n width: 100%;\n"]))),disabledStyles=function disabledStyles(props){if(!props.disabled)return"";var colors=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.EC)(props);return"\n color: ".concat(null==colors?void 0:colors.gray[300],";\n cursor: default;\n ")},TextWrapper=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.ZP)("span")(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n ","\n\n ","\n\n ","\n"])),fontBodyXs,(function(props){var _palette$text,palette=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.XN)(props);return"\n color: ".concat(null==palette||null===(_palette$text=palette.text)||void 0===_palette$text?void 0:_palette$text.primary,";\n display: flex;\n white-space: pre-wrap;\n ")}),disabledStyles),StyledMenuItemIcon=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.ZP)("span")(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var disabled=props.disabled,spacings=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.Gr)(props),iconSizes=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.Dk)(props),colors=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.EC)(props);return"\n margin-right: ".concat(null==spacings?void 0:spacings.xs,"px;\n margin-top: ").concat(null==spacings?void 0:spacings.xxxs,"px;\n height: ").concat(null==iconSizes?void 0:iconSizes.s.height,"px;\n\n .MuiSvgIcon-root {\n ").concat(disabled?"color: ".concat(null==colors?void 0:colors.gray[300],";"):null,"\n }\n ")})),ColumnWrapper=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.ZP)("span")(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n ","\n\n text-align: right;\n color: black;\n margin-left: 10px;\n\n ","\n"])),fontBodyXs,disabledStyles),DemoWrapper=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.ZP)("div")(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n width: 250px;\n"]))),StyledIconWrapper=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.ZP)("span")(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var spacings=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.Gr)(props),iconSizes=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.Dk)(props);return"\n align-self: start;\n margin-right: ".concat(null==spacings?void 0:spacings.m,"px;\n margin-top: ").concat(null==spacings?void 0:spacings.xxxs,"px;\n height: ").concat(null==iconSizes?void 0:iconSizes.s.height,"px;\n ")})),StyledCheck=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.ZP)(_mui_icons_material__WEBPACK_IMPORTED_MODULE_5__.Z,{shouldForwardProp:function shouldForwardProp(prop){return"selected"!==prop}})(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var selected=props.selected,disabled=props.disabled,colors=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.EC)(props),iconSizes=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.Dk)(props),selectedColor=disabled?null==colors?void 0:colors.gray[300]:null==colors?void 0:colors.primary[400];return"\n color: ".concat(selected?selectedColor:"transparent",";\n padding: 0;\n height: ").concat(null==iconSizes?void 0:iconSizes.s.height,"px;\n width: ").concat(null==iconSizes?void 0:iconSizes.s.width,"px;\n\n &.MuiCheckbox-colorPrimary.Mui-checked:hover {\n background-color: transparent;\n }\n ")})),StyledMinus=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.ZP)(_mui_icons_material__WEBPACK_IMPORTED_MODULE_6__.Z,{shouldForwardProp:function shouldForwardProp(prop){return"selected"!==prop}})(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var selected=props.selected,disabled=props.disabled,colors=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.EC)(props),iconSizes=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.Dk)(props),selectedColor=disabled?null==colors?void 0:colors.gray[300]:null==colors?void 0:colors.primary[400];return"\n color: ".concat(selected?selectedColor:"transparent",";\n padding: 0;\n height: ").concat(null==iconSizes?void 0:iconSizes.s.height,"px;\n width: ").concat(null==iconSizes?void 0:iconSizes.s.width,"px;\n\n &.MuiCheckbox-colorPrimary.Mui-checked:hover {\n background-color: transparent;\n }\n ")}))}}]); \ No newline at end of file diff --git a/core-Autocomplete-index-stories.12139264.iframe.bundle.js b/core-Autocomplete-index-stories.12139264.iframe.bundle.js deleted file mode 100644 index 93bb88a08..000000000 --- a/core-Autocomplete-index-stories.12139264.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_czi_sds_monorepo=self.webpackChunk_czi_sds_monorepo||[]).push([[5871],{"./node_modules/@mui/icons-material/esm/Clear.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _utils_createSvgIcon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mui/material/utils/createSvgIcon.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,_utils_createSvgIcon__WEBPACK_IMPORTED_MODULE_1__.Z)((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("path",{d:"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}),"Clear")},"./node_modules/@mui/material/SvgIcon/SvgIcon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>SvgIcon_SvgIcon});var esm_extends=__webpack_require__("./node_modules/@mui/material/node_modules/@babel/runtime/helpers/esm/extends.js"),objectWithoutPropertiesLoose=__webpack_require__("./node_modules/@mui/material/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js"),react=__webpack_require__("./node_modules/react/index.js"),clsx_m=__webpack_require__("./node_modules/clsx/dist/clsx.m.js"),composeClasses=__webpack_require__("./node_modules/@mui/utils/esm/composeClasses/composeClasses.js"),capitalize=__webpack_require__("./node_modules/@mui/material/utils/capitalize.js"),useThemeProps=__webpack_require__("./node_modules/@mui/material/styles/useThemeProps.js"),styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),generateUtilityClasses=__webpack_require__("./node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.js"),generateUtilityClass=__webpack_require__("./node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.js");function getSvgIconUtilityClass(slot){return(0,generateUtilityClass.Z)("MuiSvgIcon",slot)}(0,generateUtilityClasses.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const _excluded=["children","className","color","component","fontSize","htmlColor","inheritViewBox","titleAccess","viewBox"],SvgIconRoot=(0,styled.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(props,styles)=>{const{ownerState}=props;return[styles.root,"inherit"!==ownerState.color&&styles[`color${(0,capitalize.Z)(ownerState.color)}`],styles[`fontSize${(0,capitalize.Z)(ownerState.fontSize)}`]]}})((({theme,ownerState})=>{var _theme$transitions,_theme$transitions$cr,_theme$transitions2,_theme$transitions2$d,_theme$typography,_theme$typography$pxT,_theme$typography2,_theme$typography2$px,_theme$typography3,_theme$typography3$px,_palette$ownerState$c,_palette,_palette$ownerState$c2,_palette2,_palette2$action,_palette3,_palette3$action;return{userSelect:"none",width:"1em",height:"1em",display:"inline-block",fill:"currentColor",flexShrink:0,transition:null==(_theme$transitions=theme.transitions)||null==(_theme$transitions$cr=_theme$transitions.create)?void 0:_theme$transitions$cr.call(_theme$transitions,"fill",{duration:null==(_theme$transitions2=theme.transitions)||null==(_theme$transitions2$d=_theme$transitions2.duration)?void 0:_theme$transitions2$d.shorter}),fontSize:{inherit:"inherit",small:(null==(_theme$typography=theme.typography)||null==(_theme$typography$pxT=_theme$typography.pxToRem)?void 0:_theme$typography$pxT.call(_theme$typography,20))||"1.25rem",medium:(null==(_theme$typography2=theme.typography)||null==(_theme$typography2$px=_theme$typography2.pxToRem)?void 0:_theme$typography2$px.call(_theme$typography2,24))||"1.5rem",large:(null==(_theme$typography3=theme.typography)||null==(_theme$typography3$px=_theme$typography3.pxToRem)?void 0:_theme$typography3$px.call(_theme$typography3,35))||"2.1875rem"}[ownerState.fontSize],color:null!=(_palette$ownerState$c=null==(_palette=(theme.vars||theme).palette)||null==(_palette$ownerState$c2=_palette[ownerState.color])?void 0:_palette$ownerState$c2.main)?_palette$ownerState$c:{action:null==(_palette2=(theme.vars||theme).palette)||null==(_palette2$action=_palette2.action)?void 0:_palette2$action.active,disabled:null==(_palette3=(theme.vars||theme).palette)||null==(_palette3$action=_palette3.action)?void 0:_palette3$action.disabled,inherit:void 0}[ownerState.color]}})),SvgIcon=react.forwardRef((function SvgIcon(inProps,ref){const props=(0,useThemeProps.Z)({props:inProps,name:"MuiSvgIcon"}),{children,className,color="inherit",component="svg",fontSize="medium",htmlColor,inheritViewBox=!1,titleAccess,viewBox="0 0 24 24"}=props,other=(0,objectWithoutPropertiesLoose.Z)(props,_excluded),ownerState=(0,esm_extends.Z)({},props,{color,component,fontSize,instanceFontSize:inProps.fontSize,inheritViewBox,viewBox}),more={};inheritViewBox||(more.viewBox=viewBox);const classes=(ownerState=>{const{color,fontSize,classes}=ownerState,slots={root:["root","inherit"!==color&&`color${(0,capitalize.Z)(color)}`,`fontSize${(0,capitalize.Z)(fontSize)}`]};return(0,composeClasses.Z)(slots,getSvgIconUtilityClass,classes)})(ownerState);return(0,jsx_runtime.jsxs)(SvgIconRoot,(0,esm_extends.Z)({as:component,className:(0,clsx_m.Z)(classes.root,className),focusable:"false",color:htmlColor,"aria-hidden":!titleAccess||void 0,role:titleAccess?"img":void 0,ref},more,other,{ownerState,children:[children,titleAccess?(0,jsx_runtime.jsx)("title",{children:titleAccess}):null]}))}));SvgIcon.muiName="SvgIcon";const SvgIcon_SvgIcon=SvgIcon},"./packages/components/src/core/Autocomplete/index.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Test:()=>Test,__namedExportsOrder:()=>__namedExportsOrder,default:()=>index_stories});var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,react=__webpack_require__("./node_modules/react/index.js"),GITHUB_LABELS=__webpack_require__("./packages/components/src/core/DropdownMenu/GITHUB_LABELS.tsx"),TagFilter=__webpack_require__("./packages/components/src/core/TagFilter/index.tsx"),InputAdornment=__webpack_require__("./node_modules/@mui/material/InputAdornment/InputAdornment.js"),utils=__webpack_require__("./packages/components/src/common/utils.ts"),ButtonIcon=__webpack_require__("./packages/components/src/core/ButtonIcon/index.tsx"),MenuItem=__webpack_require__("./packages/components/src/core/MenuItem/index.tsx"),Autocomplete=__webpack_require__("./node_modules/@mui/material/Autocomplete/Autocomplete.js"),Paper=__webpack_require__("./node_modules/@mui/material/Paper/Paper.js"),styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),InputSearch=__webpack_require__("./packages/components/src/core/InputSearch/index.tsx"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var doNotForwardProps=["count","keepSearchOnSelect","search","InputBaseProps","hasSections"],StyledAutocomplete=(0,styled.ZP)(Autocomplete.Z,{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n + .MuiAutocomplete-popper\n > .MuiAutocomplete-paper\n .MuiAutocomplete-groupLabel {\n ","\n }\n\n ","\n"])),styles.vz,(function(props){var search=props.search,hasSections=props.hasSections,spacings=(0,styles.Gr)(props),colors=(0,styles.EC)(props),borders=(0,styles.W0)(props);return"\n ".concat(!search&&"height: 0",";\n\n .MuiOutlinedInput-root.MuiInputBase-formControl.MuiInputBase-adornedEnd {\n padding: 0 ").concat(null==spacings?void 0:spacings.l,"px 0 0;\n\n .MuiAutocomplete-input {\n padding: ").concat(null==spacings?void 0:spacings.xs,"px ").concat(null==spacings?void 0:spacings.l,"px;\n }\n }\n\n & + .MuiAutocomplete-popper > .MuiAutocomplete-paper {\n\n ").concat(search||hasSections?"padding-left: ".concat(null==spacings?void 0:spacings.s,"px !important;"):"","\n\n .MuiAutocomplete-listbox {\n max-height: 40vh;\n padding-top: 0;\n padding-bottom: 0;\n padding-right: ").concat(null==spacings?void 0:spacings.s,"px;\n\n .MuiAutocomplete-option {\n min-height: unset;\n }\n\n .MuiAutocomplete-option.Mui-focused {\n background-color: ").concat(null==colors?void 0:colors.gray[100],';\n }\n\n .MuiAutocomplete-option[aria-selected="true"] {\n background-color: white;\n }\n\n .MuiAutocomplete-option[aria-disabled="true"] {\n opacity: 1;\n }\n\n .MuiAutocomplete-option[aria-selected="true"].Mui-focused {\n background-color: ').concat(null==colors?void 0:colors.gray[100],";\n }\n\n & > li:last-child .MuiAutocomplete-groupUl {\n border-bottom: none;\n margin-bottom: 0;\n }\n }\n\n .MuiAutocomplete-groupLabel {\n top: 0;\n color: ").concat(null==colors?void 0:colors.gray[500],";\n padding: ").concat(null==spacings?void 0:spacings.xxs,"px 0 ").concat(null==spacings?void 0:spacings.xxs,"px 0;\n }\n\n .MuiAutocomplete-groupUl {\n margin-bottom: ").concat(null==spacings?void 0:spacings.m,"px;\n position: relative;\n padding: 0 0 ").concat(null==spacings?void 0:spacings.xs,"px 0 0;\n border-bottom: ").concat(null==borders?void 0:borders.gray[200],";\n\n & li:last-of-type {\n position: relative;\n margin-bottom: ").concat(null==spacings?void 0:spacings.xxs,"px;\n }\n }\n ")})),InputBaseWrapper=(0,styled.ZP)("div",{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n ","\n"])),(function(props){if(!props.search)return"\n border: 0;\n padding: 0;\n\n white-space: nowrap;\n\n clip-path: inset(100%);\n clip: rect(0 0 0 0);\n overflow: hidden;\n margin: 0;\n "})),StyledMenuInputSearch=(0,styled.ZP)(InputSearch.Z,{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject3||(_templateObject3=_taggedTemplateLiteral(['\n margin: 0;\n .MuiInputBase-root {\n width: 100%;\n }\n /* (thuang): Works with attribute inputMode: "none" to hide mobile keyboard */\n caret-color: ',";\n"])),(function(_ref){return _ref.search?"auto":"transparent"})),StyledPaper=(0,styled.ZP)(Paper.Z)(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var spacings=(0,styles.Gr)(props),borders=(0,styles.W0)(props),corners=(0,styles.DV)(props),shadows=(0,styles.tM)(props);return"\n padding: ".concat(null==spacings?void 0:spacings.s,"px 0 0 ").concat(null==spacings?void 0:spacings.s,"px ;\n background-color: white;\n border: ").concat(null==borders?void 0:borders.gray[100],";\n border-radius: ").concat(null==corners?void 0:corners.m,"px;\n box-shadow: ").concat(null==shadows?void 0:shadows.m,";\n box-sizing: border-box;\n ")})),StyledMenuItemDetails=(0,styled.ZP)("div")(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n ","\n ","\n"])),styles.mA,(function(props){var colors=(0,styles.EC)(props);return"\n color: ".concat(null==colors?void 0:colors.gray[500],";\n white-space: pre-wrap;\n ")})),StyledMenuItemText=(0,styled.ZP)("div")(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n"]))),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i"}},keepSearchOnSelect:{defaultValue:null,description:"",name:"keepSearchOnSelect",required:!1,type:{name:"boolean"}},renderInput:{defaultValue:null,description:"",name:"renderInput",required:!1,type:{name:"((params: AutocompleteRenderInputParams) => ReactNode)"}},InputBaseProps:{defaultValue:null,description:"",name:"InputBaseProps",required:!1,type:{name:"Partial"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},count:{defaultValue:null,description:"",name:"count",required:!1,type:{name:"number"}},hasSections:{defaultValue:null,description:"",name:"hasSections",required:!1,type:{name:"boolean"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactElement>"}},search:{defaultValue:null,description:"",name:"search",required:!1,type:{name:"boolean"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"SDSTheme"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/Autocomplete/index.tsx#Autocomplete"]={docgenInfo:Autocomplete_Autocomplete.__docgenInfo,name:"Autocomplete",path:"packages/components/src/core/Autocomplete/index.tsx#Autocomplete"})}catch(__react_docgen_typescript_loader_error){}function index_stories_typeof(obj){return index_stories_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},index_stories_typeof(obj)}var _Default$parameters,_Default$parameters2,_Test$parameters,_Test$parameters2;function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return index_stories_arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||index_stories_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function index_stories_ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function index_stories_objectSpread(target){for(var i=1;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i \n}'},null===(_Test$parameters2=Test.parameters)||void 0===_Test$parameters2||null===(_Test$parameters2=_Test$parameters2.docs)||void 0===_Test$parameters2?void 0:_Test$parameters2.source)})});var __namedExportsOrder=["Default","Test"]},"./packages/components/src/core/TagFilter/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>core_TagFilter});var _templateObject,_templateObject2,Clear=__webpack_require__("./node_modules/@mui/icons-material/esm/Clear.js"),emotion_react_browser_esm=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js")),styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts"),Tag=__webpack_require__("./packages/components/src/core/Tag/index.tsx");function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var StyledTag=(0,styled.ZP)(Tag.Z)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var spacings=(0,styles.Gr)(props);return(0,emotion_react_browser_esm.iv)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n padding: ","px ","px;\n\n &:after {\n display: none;\n }\n\n .MuiChip-label {\n ","\n }\n\n .MuiChip-deleteIcon,\n .MuiSvgIcon-root {\n margin-left: ","px;\n }\n\n .MuiChip-label,\n svg {\n z-index: auto;\n }\n "])),null==spacings?void 0:spacings.xxs,null==spacings?void 0:spacings.s,(0,styles.J5)(props),null==spacings?void 0:spacings.s)})),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var TagFilter=function TagFilter(props){return(0,jsx_runtime.jsx)(StyledTag,function _objectSpread(target){for(var i=1;i void"}},icon:{defaultValue:null,description:"Icon element.",name:"icon",required:!1,type:{name:"ReactElement>"}},disabled:{defaultValue:{value:"false"},description:"If `true`, the component is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial & Partial>)"}},tabIndex:{defaultValue:null,description:"@ignore",name:"tabIndex",required:!1,type:{name:"number"}},children:{defaultValue:null,description:"This prop isn't supported.\nUse the `component` prop if you need to change the children structure.",name:"children",required:!1,type:{name:"null"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"SxProps"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},size:{defaultValue:{value:"'medium'"},description:"The size of the component.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'}]}},avatar:{defaultValue:null,description:"The Avatar element to display.",name:"avatar",required:!1,type:{name:"ReactElement>"}},clickable:{defaultValue:null,description:"If `true`, the chip will appear clickable, and will raise when pressed,\neven if the onClick prop is not defined.\nIf `false`, the chip will not appear clickable, even if onClick prop is defined.\nThis can be used, for example,\nalong with the component prop to indicate an anchor Chip is clickable.\nNote: this controls the UI and does not affect the onClick event.",name:"clickable",required:!1,type:{name:"boolean"}},deleteIcon:{defaultValue:null,description:"Override the default delete icon element. Shown only if `onDelete` is set.",name:"deleteIcon",required:!1,type:{name:"ReactElement>"}},skipFocusWhenDisabled:{defaultValue:{value:"false"},description:"If `true`, allows the disabled chip to escape focus.\nIf `false`, allows the disabled chip to receive focus.",name:"skipFocusWhenDisabled",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/TagFilter/index.tsx#TagFilter"]={docgenInfo:TagFilter.__docgenInfo,name:"TagFilter",path:"packages/components/src/core/TagFilter/index.tsx#TagFilter"})}catch(__react_docgen_typescript_loader_error){}}}]); \ No newline at end of file diff --git a/core-Autocomplete-index-stories.4f2e7528.iframe.bundle.js b/core-Autocomplete-index-stories.4f2e7528.iframe.bundle.js new file mode 100644 index 000000000..a01795a9c --- /dev/null +++ b/core-Autocomplete-index-stories.4f2e7528.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_czi_sds_monorepo=self.webpackChunk_czi_sds_monorepo||[]).push([[5871],{"./node_modules/@mui/icons-material/esm/Clear.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _utils_createSvgIcon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mui/material/utils/createSvgIcon.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,_utils_createSvgIcon__WEBPACK_IMPORTED_MODULE_1__.Z)((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("path",{d:"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}),"Clear")},"./node_modules/@mui/material/SvgIcon/SvgIcon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>SvgIcon_SvgIcon});var esm_extends=__webpack_require__("./node_modules/@mui/material/node_modules/@babel/runtime/helpers/esm/extends.js"),objectWithoutPropertiesLoose=__webpack_require__("./node_modules/@mui/material/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js"),react=__webpack_require__("./node_modules/react/index.js"),clsx_m=__webpack_require__("./node_modules/clsx/dist/clsx.m.js"),composeClasses=__webpack_require__("./node_modules/@mui/utils/esm/composeClasses/composeClasses.js"),capitalize=__webpack_require__("./node_modules/@mui/material/utils/capitalize.js"),useThemeProps=__webpack_require__("./node_modules/@mui/material/styles/useThemeProps.js"),styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),generateUtilityClasses=__webpack_require__("./node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.js"),generateUtilityClass=__webpack_require__("./node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.js");function getSvgIconUtilityClass(slot){return(0,generateUtilityClass.Z)("MuiSvgIcon",slot)}(0,generateUtilityClasses.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const _excluded=["children","className","color","component","fontSize","htmlColor","inheritViewBox","titleAccess","viewBox"],SvgIconRoot=(0,styled.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(props,styles)=>{const{ownerState}=props;return[styles.root,"inherit"!==ownerState.color&&styles[`color${(0,capitalize.Z)(ownerState.color)}`],styles[`fontSize${(0,capitalize.Z)(ownerState.fontSize)}`]]}})((({theme,ownerState})=>{var _theme$transitions,_theme$transitions$cr,_theme$transitions2,_theme$transitions2$d,_theme$typography,_theme$typography$pxT,_theme$typography2,_theme$typography2$px,_theme$typography3,_theme$typography3$px,_palette$ownerState$c,_palette,_palette$ownerState$c2,_palette2,_palette2$action,_palette3,_palette3$action;return{userSelect:"none",width:"1em",height:"1em",display:"inline-block",fill:"currentColor",flexShrink:0,transition:null==(_theme$transitions=theme.transitions)||null==(_theme$transitions$cr=_theme$transitions.create)?void 0:_theme$transitions$cr.call(_theme$transitions,"fill",{duration:null==(_theme$transitions2=theme.transitions)||null==(_theme$transitions2$d=_theme$transitions2.duration)?void 0:_theme$transitions2$d.shorter}),fontSize:{inherit:"inherit",small:(null==(_theme$typography=theme.typography)||null==(_theme$typography$pxT=_theme$typography.pxToRem)?void 0:_theme$typography$pxT.call(_theme$typography,20))||"1.25rem",medium:(null==(_theme$typography2=theme.typography)||null==(_theme$typography2$px=_theme$typography2.pxToRem)?void 0:_theme$typography2$px.call(_theme$typography2,24))||"1.5rem",large:(null==(_theme$typography3=theme.typography)||null==(_theme$typography3$px=_theme$typography3.pxToRem)?void 0:_theme$typography3$px.call(_theme$typography3,35))||"2.1875rem"}[ownerState.fontSize],color:null!=(_palette$ownerState$c=null==(_palette=(theme.vars||theme).palette)||null==(_palette$ownerState$c2=_palette[ownerState.color])?void 0:_palette$ownerState$c2.main)?_palette$ownerState$c:{action:null==(_palette2=(theme.vars||theme).palette)||null==(_palette2$action=_palette2.action)?void 0:_palette2$action.active,disabled:null==(_palette3=(theme.vars||theme).palette)||null==(_palette3$action=_palette3.action)?void 0:_palette3$action.disabled,inherit:void 0}[ownerState.color]}})),SvgIcon=react.forwardRef((function SvgIcon(inProps,ref){const props=(0,useThemeProps.Z)({props:inProps,name:"MuiSvgIcon"}),{children,className,color="inherit",component="svg",fontSize="medium",htmlColor,inheritViewBox=!1,titleAccess,viewBox="0 0 24 24"}=props,other=(0,objectWithoutPropertiesLoose.Z)(props,_excluded),ownerState=(0,esm_extends.Z)({},props,{color,component,fontSize,instanceFontSize:inProps.fontSize,inheritViewBox,viewBox}),more={};inheritViewBox||(more.viewBox=viewBox);const classes=(ownerState=>{const{color,fontSize,classes}=ownerState,slots={root:["root","inherit"!==color&&`color${(0,capitalize.Z)(color)}`,`fontSize${(0,capitalize.Z)(fontSize)}`]};return(0,composeClasses.Z)(slots,getSvgIconUtilityClass,classes)})(ownerState);return(0,jsx_runtime.jsxs)(SvgIconRoot,(0,esm_extends.Z)({as:component,className:(0,clsx_m.Z)(classes.root,className),focusable:"false",color:htmlColor,"aria-hidden":!titleAccess||void 0,role:titleAccess?"img":void 0,ref},more,other,{ownerState,children:[children,titleAccess?(0,jsx_runtime.jsx)("title",{children:titleAccess}):null]}))}));SvgIcon.muiName="SvgIcon";const SvgIcon_SvgIcon=SvgIcon},"./packages/components/src/core/Autocomplete/index.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Test:()=>Test,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Default$parameters,_Default$parameters2,_Test$parameters,_Test$parameters2,react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_DropdownMenu_GITHUB_LABELS__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/core/DropdownMenu/GITHUB_LABELS.tsx"),_TagFilter__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/core/TagFilter/index.tsx"),_index__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/core/Autocomplete/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/react/jsx-runtime.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i \n}'},null===(_Test$parameters2=Test.parameters)||void 0===_Test$parameters2||null===(_Test$parameters2=_Test$parameters2.docs)||void 0===_Test$parameters2?void 0:_Test$parameters2.source)})});var __namedExportsOrder=["Default","Test"]},"./packages/components/src/core/DropdownMenu/GITHUB_LABELS.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{j:()=>GITHUB_LABELS});var _Tag__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/components/src/core/Tag/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),GITHUB_LABELS=[{name:"Status: can't reproduce",section:"name only"},{name:"Status: confirmed",section:"name only"},{count:3,name:"Status: duplicate",section:"name with count"},{count:5,name:"Status: needs information",section:"name with count"},{details:"This will not be worked on",name:"Status: wont do/fix",section:"name with details"},{details:"This is still in progress",name:"Status: work in progress",section:"name with details"},{details:"This will not be worked on",name:"Type: bug",sdsIcon:"bacteria",sdsIconProps:{className:"custom-class-name"},section:"With Icon"},{count:4,name:"Type: discussion",sdsIcon:"puzzlePiece",section:"With Icon"},{name:"Type: documentation",sdsIcon:"copy",section:"With Icon"},{name:"Type: enhancement",sdsIcon:"lightBulb",section:"With Icon"},{name:"Type: epic",sdsIcon:"list",section:"With Icon"},{name:"Type: feature request",sdsIcon:"treeVertical",section:"With Icon"},{name:"Type: question",sdsIcon:"search",section:"With Icon"},{component:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{children:["Available Labels:",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{style:{marginTop:10},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_0__.Z,{label:"bug",sdsStyle:"rounded",sdsType:"secondary",color:"error"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_0__.Z,{label:"feature",sdsStyle:"rounded",sdsType:"secondary",color:"warning"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_0__.Z,{label:"refactor",sdsStyle:"rounded",sdsType:"secondary",color:"gray"})]})]}),name:"Available labels",section:"custom component"}]},"./packages/components/src/core/Tag/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>core_Tag});var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,emotion_react_browser_esm=__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),colorManipulator=__webpack_require__("./node_modules/@mui/system/esm/colorManipulator.js"),Chip=__webpack_require__("./node_modules/@mui/material/Chip/Chip.js"),styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=2?colors[1]:null==themeColors?void 0:themeColors[intent][400],backgroundClicked:colors.length>=2?(0,colorManipulator._j)(colors[1],.3):null==themeColors?void 0:themeColors[intent][600],backgroundHover:colors.length>=2?(0,colorManipulator._j)(colors[1],.15):null==themeColors?void 0:themeColors[intent][500],iconColor:colors.length>2?colors[2]:"white",label:colors.length?colors[0]:"white"},secondary:{background:colors.length>=2?colors[1]:null==themeColors?void 0:themeColors[intent][200],backgroundClicked:colors.length>=2?(0,colorManipulator._j)(colors[1],.3):null==themeColors?void 0:themeColors[intent][600],backgroundHover:colors.length>=2?(0,colorManipulator._j)(colors[1],.15):null==themeColors?void 0:themeColors[intent][500],iconColor:colors.length>2?colors[2]:null==themeColors?void 0:themeColors[intent][400],label:colors.length?colors[0]:null==themeColors?void 0:themeColors[intent][600]}}[type];return(0,emotion_react_browser_esm.iv)(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n background-color: ",";\n position: relative;\n\n .MuiChip-label {\n color: ",";\n }\n\n svg {\n fill: ",";\n }\n\n &:hover,\n &:active,\n &:focus {\n .MuiChip-label {\n color: white;\n }\n\n svg {\n fill: white;\n }\n }\n\n &:hover {\n background-color: ",";\n }\n\n &:active {\n background-color: ",";\n }\n\n &:focus {\n background-color: ",";\n }\n\n &:focus:hover {\n background-color: ",";\n }\n\n &:focus:active {\n background-color: ",";\n }\n "])),typeColors.background,typeColors.label,typeColors.iconColor,typeColors.backgroundHover,typeColors.backgroundClicked,typeColors.background,typeColors.backgroundHover,typeColors.backgroundClicked)}var typeToCss={primary:function primary(props){return createTypeCss(props,"primary")},secondary:function secondary(props){return createTypeCss(props,"secondary")}},doNotForwardProps=["sdsType","sdsStyle","tagColor","hover"],StyledTag=(0,styled.ZP)(Chip.Z,{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n border: none;\n\n ","\n"])),(function(props){var _props$hover=props.hover,hover=void 0===_props$hover||_props$hover,sdsType=props.sdsType,sdsStyle=props.sdsStyle,icon=props.icon,isRounded="rounded"===sdsStyle,type=sdsType||"primary";return(0,emotion_react_browser_esm.iv)(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n ","\n ","\n ","\n ","\n "])),icon?function withIcon(props){var spacings=(0,styles.Gr)(props),iconSizes=(0,styles.Dk)(props);return(0,emotion_react_browser_esm.iv)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n height: unset;\n margin: 0 ","px ","px 0;\n\n .MuiChip-label {\n ","\n padding: 0;\n }\n\n .MuiSvgIcon-root {\n height: ","px;\n width: ","px;\n padding-right: ","px;\n margin: 0 0 0 -","px;\n }\n\n .MuiChip-deleteIcon {\n ","\n color: white;\n margin: 0 0 0 ","px;\n height: ","px;\n width: ","px;\n }\n "])),null==spacings?void 0:spacings.xxs,null==spacings?void 0:spacings.xs,(0,styles.$g)(props),null==iconSizes?void 0:iconSizes.l.height,null==iconSizes?void 0:iconSizes.l.width,null==spacings?void 0:spacings.xxs,null==spacings?void 0:spacings.xxxs,(0,styles.J5)(props),null==spacings?void 0:spacings.xxs,null==iconSizes?void 0:iconSizes.s.height,null==iconSizes?void 0:iconSizes.s.width)}(props):function withoutIcon(props){var spacings=(0,styles.Gr)(props),iconSizes=(0,styles.Dk)(props);return(0,emotion_react_browser_esm.iv)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n height: unset;\n margin: 0 ","px ","px 0;\n\n .MuiChip-label {\n ","\n padding: 0;\n }\n\n .MuiChip-deleteIcon {\n ","\n color: white;\n margin: 0 0 0 ","px;\n height: ","px;\n width: ","px;\n }\n "])),null==spacings?void 0:spacings.xxs,null==spacings?void 0:spacings.xs,(0,styles.aI)(props),(0,styles.J5)(props),null==spacings?void 0:spacings.xxs,null==iconSizes?void 0:iconSizes.s.height,null==iconSizes?void 0:iconSizes.s.width)}(props),typeToCss[type](props),isRounded?function rounded(props){var corners=(0,styles.DV)(props),spacings=(0,styles.Gr)(props),icon=props.icon;return(0,emotion_react_browser_esm.iv)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n border-radius: ","px;\n padding: ",";\n\n &:after {\n border-radius: ","px;\n }\n "])),null==corners?void 0:corners.l,icon?"".concat(null==spacings?void 0:spacings.xxs,"px ").concat(null==spacings?void 0:spacings.s,"px ").concat(null==spacings?void 0:spacings.xxs,"px ").concat(null==spacings?void 0:spacings.xs,"px"):"".concat(null==spacings?void 0:spacings.xxxs,"px ").concat(null==spacings?void 0:spacings.s,"px"),null==corners?void 0:corners.l)}(props):function square(props){var corners=(0,styles.DV)(props),spacings=(0,styles.Gr)(props),icon=props.icon;return(0,emotion_react_browser_esm.iv)(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n border-radius: ","px;\n padding: ",";\n\n &:after {\n border-radius: ","px;\n }\n "])),null==corners?void 0:corners.m,icon?"".concat(null==spacings?void 0:spacings.xxs,"px ").concat(null==spacings?void 0:spacings.s,"px"):"".concat(null==spacings?void 0:spacings.xxxs,"px ").concat(null==spacings?void 0:spacings.xs,"px"),null==corners?void 0:corners.m)}(props),hover?function withHover(){return(0,emotion_react_browser_esm.iv)(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n &:hover {\n cursor: pointer;\n }\n\n &:hover,\n &:focus-visible {\n color: white;\n }\n "])))}():"pointer-events: none;")})),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i> & Element)"}},disabled:{defaultValue:{value:"false"},description:"If `true`, the component is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial & Partial>)"}},tabIndex:{defaultValue:null,description:"@ignore",name:"tabIndex",required:!1,type:{name:"number"}},children:{defaultValue:null,description:"This prop isn't supported.\nUse the `component` prop if you need to change the children structure.",name:"children",required:!1,type:{name:"null"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"SxProps"}},variant:{defaultValue:{value:"'filled'"},description:"The variant to use.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"outlined"'},{value:'"filled"'}]}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},size:{defaultValue:{value:"'medium'"},description:"The size of the component.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'}]}},avatar:{defaultValue:null,description:"The Avatar element to display.",name:"avatar",required:!1,type:{name:"ReactElement>"}},clickable:{defaultValue:null,description:"If `true`, the chip will appear clickable, and will raise when pressed,\neven if the onClick prop is not defined.\nIf `false`, the chip will not appear clickable, even if onClick prop is defined.\nThis can be used, for example,\nalong with the component prop to indicate an anchor Chip is clickable.\nNote: this controls the UI and does not affect the onClick event.",name:"clickable",required:!1,type:{name:"boolean"}},deleteIcon:{defaultValue:null,description:"Override the default delete icon element. Shown only if `onDelete` is set.",name:"deleteIcon",required:!1,type:{name:"ReactElement>"}},onDelete:{defaultValue:null,description:"Callback fired when the delete icon is clicked.\nIf set, the delete icon will be shown.",name:"onDelete",required:!1,type:{name:"((event: any) => void)"}},skipFocusWhenDisabled:{defaultValue:{value:"false"},description:"If `true`, allows the disabled chip to escape focus.\nIf `false`, allows the disabled chip to receive focus.",name:"skipFocusWhenDisabled",required:!1,type:{name:"boolean"}},hover:{defaultValue:null,description:"",name:"hover",required:!1,type:{name:"boolean"}},sdsType:{defaultValue:null,description:"",name:"sdsType",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'}]}},sdsStyle:{defaultValue:null,description:"",name:"sdsStyle",required:!1,type:{name:"enum",value:[{value:'"rounded"'},{value:'"square"'}]}},tagColor:{defaultValue:null,description:"",name:"tagColor",required:!1,type:{name:"SdsTagColorType"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"SDSTheme"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/Tag/index.tsx#Tag"]={docgenInfo:Tag.__docgenInfo,name:"Tag",path:"packages/components/src/core/Tag/index.tsx#Tag"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/core/TagFilter/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>core_TagFilter});var _templateObject,_templateObject2,Clear=__webpack_require__("./node_modules/@mui/icons-material/esm/Clear.js"),emotion_react_browser_esm=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js")),styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts"),Tag=__webpack_require__("./packages/components/src/core/Tag/index.tsx");function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var StyledTag=(0,styled.ZP)(Tag.Z)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var spacings=(0,styles.Gr)(props);return(0,emotion_react_browser_esm.iv)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n padding: ","px ","px;\n\n &:after {\n display: none;\n }\n\n .MuiChip-label {\n ","\n }\n\n .MuiChip-deleteIcon,\n .MuiSvgIcon-root {\n margin-left: ","px;\n }\n\n .MuiChip-label,\n svg {\n z-index: auto;\n }\n "])),null==spacings?void 0:spacings.xxs,null==spacings?void 0:spacings.s,(0,styles.J5)(props),null==spacings?void 0:spacings.s)})),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var TagFilter=function TagFilter(props){return(0,jsx_runtime.jsx)(StyledTag,function _objectSpread(target){for(var i=1;i void"}},icon:{defaultValue:null,description:"Icon element.",name:"icon",required:!1,type:{name:"ReactElement>"}},disabled:{defaultValue:{value:"false"},description:"If `true`, the component is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial & Partial>)"}},tabIndex:{defaultValue:null,description:"@ignore",name:"tabIndex",required:!1,type:{name:"number"}},children:{defaultValue:null,description:"This prop isn't supported.\nUse the `component` prop if you need to change the children structure.",name:"children",required:!1,type:{name:"null"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"SxProps"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},size:{defaultValue:{value:"'medium'"},description:"The size of the component.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'}]}},avatar:{defaultValue:null,description:"The Avatar element to display.",name:"avatar",required:!1,type:{name:"ReactElement>"}},clickable:{defaultValue:null,description:"If `true`, the chip will appear clickable, and will raise when pressed,\neven if the onClick prop is not defined.\nIf `false`, the chip will not appear clickable, even if onClick prop is defined.\nThis can be used, for example,\nalong with the component prop to indicate an anchor Chip is clickable.\nNote: this controls the UI and does not affect the onClick event.",name:"clickable",required:!1,type:{name:"boolean"}},deleteIcon:{defaultValue:null,description:"Override the default delete icon element. Shown only if `onDelete` is set.",name:"deleteIcon",required:!1,type:{name:"ReactElement>"}},skipFocusWhenDisabled:{defaultValue:{value:"false"},description:"If `true`, allows the disabled chip to escape focus.\nIf `false`, allows the disabled chip to receive focus.",name:"skipFocusWhenDisabled",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/TagFilter/index.tsx#TagFilter"]={docgenInfo:TagFilter.__docgenInfo,name:"TagFilter",path:"packages/components/src/core/TagFilter/index.tsx#TagFilter"})}catch(__react_docgen_typescript_loader_error){}}}]); \ No newline at end of file diff --git a/core-ComplexFilter-index-stories.462c4a69.iframe.bundle.js b/core-ComplexFilter-index-stories.01f03e06.iframe.bundle.js similarity index 53% rename from core-ComplexFilter-index-stories.462c4a69.iframe.bundle.js rename to core-ComplexFilter-index-stories.01f03e06.iframe.bundle.js index f9b1ecc73..c8de3ce8d 100644 --- a/core-ComplexFilter-index-stories.462c4a69.iframe.bundle.js +++ b/core-ComplexFilter-index-stories.01f03e06.iframe.bundle.js @@ -1 +1 @@ -"use strict";(self.webpackChunk_czi_sds_monorepo=self.webpackChunk_czi_sds_monorepo||[]).push([[747],{"./node_modules/@mui/base/ClickAwayListener/ClickAwayListener.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_mui_utils__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mui/utils/esm/useForkRef.js"),_mui_utils__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@mui/utils/esm/useEventCallback.js"),_mui_utils__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@mui/utils/esm/ownerDocument.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");function mapEventPropToEvent(eventProp){return eventProp.substring(2).toLowerCase()}const __WEBPACK_DEFAULT_EXPORT__=function ClickAwayListener(props){const{children,disableReactTree=!1,mouseEvent="onClick",onClickAway,touchEvent="onTouchEnd"}=props,movedRef=react__WEBPACK_IMPORTED_MODULE_0__.useRef(!1),nodeRef=react__WEBPACK_IMPORTED_MODULE_0__.useRef(null),activatedRef=react__WEBPACK_IMPORTED_MODULE_0__.useRef(!1),syntheticEventRef=react__WEBPACK_IMPORTED_MODULE_0__.useRef(!1);react__WEBPACK_IMPORTED_MODULE_0__.useEffect((()=>(setTimeout((()=>{activatedRef.current=!0}),0),()=>{activatedRef.current=!1})),[]);const handleRef=(0,_mui_utils__WEBPACK_IMPORTED_MODULE_2__.Z)(children.ref,nodeRef),handleClickAway=(0,_mui_utils__WEBPACK_IMPORTED_MODULE_3__.Z)((event=>{const insideReactTree=syntheticEventRef.current;syntheticEventRef.current=!1;const doc=(0,_mui_utils__WEBPACK_IMPORTED_MODULE_4__.Z)(nodeRef.current);if(!activatedRef.current||!nodeRef.current||"clientX"in event&&function clickedRootScrollbar(event,doc){return doc.documentElement.clientWidth-1:!doc.documentElement.contains(event.target)||nodeRef.current.contains(event.target),insideDOM||!disableReactTree&&insideReactTree||onClickAway(event)})),createHandleSynthetic=handlerName=>event=>{syntheticEventRef.current=!0;const childrenPropsHandler=children.props[handlerName];childrenPropsHandler&&childrenPropsHandler(event)},childrenProps={ref:handleRef};return!1!==touchEvent&&(childrenProps[touchEvent]=createHandleSynthetic(touchEvent)),react__WEBPACK_IMPORTED_MODULE_0__.useEffect((()=>{if(!1!==touchEvent){const mappedTouchEvent=mapEventPropToEvent(touchEvent),doc=(0,_mui_utils__WEBPACK_IMPORTED_MODULE_4__.Z)(nodeRef.current),handleTouchMove=()=>{movedRef.current=!0};return doc.addEventListener(mappedTouchEvent,handleClickAway),doc.addEventListener("touchmove",handleTouchMove),()=>{doc.removeEventListener(mappedTouchEvent,handleClickAway),doc.removeEventListener("touchmove",handleTouchMove)}}}),[handleClickAway,touchEvent]),!1!==mouseEvent&&(childrenProps[mouseEvent]=createHandleSynthetic(mouseEvent)),react__WEBPACK_IMPORTED_MODULE_0__.useEffect((()=>{if(!1!==mouseEvent){const mappedMouseEvent=mapEventPropToEvent(mouseEvent),doc=(0,_mui_utils__WEBPACK_IMPORTED_MODULE_4__.Z)(nodeRef.current);return doc.addEventListener(mappedMouseEvent,handleClickAway),()=>{doc.removeEventListener(mappedMouseEvent,handleClickAway)}}}),[handleClickAway,mouseEvent]),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:react__WEBPACK_IMPORTED_MODULE_0__.cloneElement(children,childrenProps)})}},"./node_modules/@mui/icons-material/esm/Clear.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _utils_createSvgIcon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mui/material/utils/createSvgIcon.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,_utils_createSvgIcon__WEBPACK_IMPORTED_MODULE_1__.Z)((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("path",{d:"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}),"Clear")},"./packages/components/src/core/ComplexFilter/index.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,LivePreview:()=>LivePreview,Test:()=>Test,__namedExportsOrder:()=>__namedExportsOrder,default:()=>index_stories});var react=__webpack_require__("./node_modules/react/index.js"),utils=__webpack_require__("./packages/components/src/common/utils.ts"),GITHUB_LABELS=__webpack_require__("./packages/components/src/core/DropdownMenu/GITHUB_LABELS.tsx"),DropdownMenu=__webpack_require__("./packages/components/src/core/DropdownMenu/index.tsx"),core_InputDropdown=(__webpack_require__("./packages/components/src/core/DropdownMenu/style.ts"),__webpack_require__("./packages/components/src/core/InputDropdown/index.tsx")),TagFilter=__webpack_require__("./packages/components/src/core/TagFilter/index.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Chips=function Chips(_ref){var value=_ref.value,_ref$multiple=_ref.multiple,multiple=void 0!==_ref$multiple&&_ref$multiple,_onDelete=_ref.onDelete;if(!value)return null;if(!multiple){var name=value.name;return(0,jsx_runtime.jsx)(TagFilter.Z,{label:name,onDelete:_onDelete})}return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:value.map((function(item){var name=item.name;return(0,jsx_runtime.jsx)(TagFilter.Z,{label:name,onDelete:function onDelete(){return _onDelete(item)}},name)}))})};const components_Chips=Chips;try{Chips.displayName="Chips",Chips.__docgenInfo={description:"",displayName:"Chips",props:{value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"any"}},multiple:{defaultValue:{value:"false"},description:"",name:"multiple",required:!1,type:{name:"boolean"}},onDelete:{defaultValue:null,description:"",name:"onDelete",required:!0,type:{name:"(option: DefaultDropdownMenuOption) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/ComplexFilter/components/Chips/index.tsx#Chips"]={docgenInfo:Chips.__docgenInfo,name:"Chips",path:"packages/components/src/core/ComplexFilter/components/Chips/index.tsx#Chips"})}catch(__react_docgen_typescript_loader_error){}var _templateObject,_templateObject2,styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var Wrapper=(0,styled.ZP)("div")(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n min-width: 150px;\n"]))),StyledChipsWrapper=(0,styled.ZP)("div")(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var spacings=(0,styles.Gr)(props);return"\n margin-top: ".concat(null==spacings?void 0:spacings.s,"px;\n ")}));function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}var _excluded=["options","label","multiple","search","onChange","DropdownMenuProps","InputDropdownProps","value","PopperComponent","InputDropdownComponent","isTriggerChangeOnOptionClick"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var ComplexFilter=function ComplexFilter(_ref){var options=_ref.options,_ref$label=_ref.label,label=void 0===_ref$label?"":_ref$label,_ref$multiple=_ref.multiple,multiple=void 0!==_ref$multiple&&_ref$multiple,_ref$search=_ref.search,search=void 0!==_ref$search&&_ref$search,onChange=_ref.onChange,_ref$DropdownMenuProp=_ref.DropdownMenuProps,DropdownMenuProps=void 0===_ref$DropdownMenuProp?{}:_ref$DropdownMenuProp,_ref$InputDropdownPro=_ref.InputDropdownProps,InputDropdownProps=void 0===_ref$InputDropdownPro?{sdsStyle:"minimal"}:_ref$InputDropdownPro,propValue=_ref.value,PopperComponent=_ref.PopperComponent,_ref$InputDropdownCom=_ref.InputDropdownComponent,InputDropdownComponent=void 0===_ref$InputDropdownCom?core_InputDropdown.Z:_ref$InputDropdownCom,_ref$isTriggerChangeO=_ref.isTriggerChangeOnOptionClick,isTriggerChangeOnOptionClick=void 0!==_ref$isTriggerChangeO&&_ref$isTriggerChangeO,rest=_objectWithoutProperties(_ref,_excluded),isControlled=void 0!==propValue,_useState2=_slicedToArray((0,react.useState)(!1),2),open=_useState2[0],setOpen=_useState2[1],_useState4=_slicedToArray((0,react.useState)(null),2),anchorEl=_useState4[0],setAnchorEl=_useState4[1],_useState6=_slicedToArray((0,react.useState)(getInitialValue()),2),value=_useState6[0],setValue=_useState6[1],_useState8=_slicedToArray((0,react.useState)(getInitialValue()),2),pendingValue=_useState8[0],setPendingValue=_useState8[1];return(0,react.useEffect)((function(){onChange(value),setPendingValue(value)}),[value]),(0,react.useEffect)((function(){isControlled&&setValue(propValue)}),[propValue]),(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsxs)(Wrapper,_objectSpread(_objectSpread({},rest),{},{children:[(0,jsx_runtime.jsx)(InputDropdownComponent,_objectSpread({label,onClick:function handleClick(event){open?(multiple&&setValue(pendingValue),setOpen(!1),anchorEl&&anchorEl.focus(),setAnchorEl(null)):(multiple&&setPendingValue(value),setAnchorEl(event.currentTarget),setOpen(!0))},sdsStage:open?"userInput":"default"},InputDropdownProps)),(0,jsx_runtime.jsx)(StyledChipsWrapper,{children:(0,jsx_runtime.jsx)(components_Chips,{value,multiple,onDelete:function handleDelete(option){if(!multiple)return setValue(null);var newValue=(null==value?void 0:value.filter((function(item){return item!==option})))||null;setValue(newValue)}})})]})),(0,jsx_runtime.jsx)(DropdownMenu.Z,_objectSpread({anchorEl,open,onClose:function handleMenuSelectClose(event,reason){["escape","select-option"].includes(reason)&&handleClose()},search,multiple,value:multiple?pendingValue:value,onChange:function handleChange(_,newValue){if(multiple)return isTriggerChangeOnOptionClick?(setPendingValue(newValue),setValue(newValue)):setPendingValue(newValue);setValue(newValue),setOpen(!1)},disableCloseOnSelect:multiple,options,PopperComponent,PopperBaseProps:{sx:{minWidth:250}},onClickAway:handleClose},DropdownMenuProps))]});function handleClose(){open&&(setOpen(!1),multiple&&setValue(pendingValue))}function getInitialValue(){return isControlled?propValue:multiple?[]:null}};const core_ComplexFilter=ComplexFilter;try{InputDropdown.displayName="InputDropdown",InputDropdown.__docgenInfo={description:"",displayName:"InputDropdown",props:{disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},intent:{defaultValue:null,description:"",name:"intent",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"warning"'},{value:'"error"'}]}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void) & MouseEventHandler"}},state:{defaultValue:null,description:"",name:"state",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"open"'}]}},sdsStage:{defaultValue:null,description:"",name:"sdsStage",required:!0,type:{name:"enum",value:[{value:'"default"'},{value:'"userInput"'}]}},sdsStyle:{defaultValue:null,description:"",name:"sdsStyle",required:!1,type:{name:"enum",value:[{value:'"rounded"'},{value:'"square"'},{value:'"minimal"'}]}},sdsType:{defaultValue:null,description:"",name:"sdsType",required:!1,type:{name:"enum",value:[{value:'"label"'},{value:'"value"'}]}},multiple:{defaultValue:null,description:"",name:"multiple",required:!1,type:{name:"boolean"}},details:{defaultValue:null,description:"",name:"details",required:!1,type:{name:"ReactNode"}},counter:{defaultValue:null,description:"",name:"counter",required:!1,type:{name:"ReactNode"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"ReactNode"}},shouldTruncateMinimalDetails:{defaultValue:null,description:"",name:"shouldTruncateMinimalDetails",required:!1,type:{name:"boolean"}},shouldPutAColonAfterLabel:{defaultValue:null,description:"",name:"shouldPutAColonAfterLabel",required:!1,type:{name:"boolean"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"SDSTheme"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/ComplexFilter/index.tsx#InputDropdown"]={docgenInfo:InputDropdown.__docgenInfo,name:"InputDropdown",path:"packages/components/src/core/ComplexFilter/index.tsx#InputDropdown"})}catch(__react_docgen_typescript_loader_error){}try{StyledPopper.displayName="StyledPopper",StyledPopper.__docgenInfo={description:"",displayName:"StyledPopper",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},component:{defaultValue:null,description:"The component used for the root node.\nEither a string to use a HTML element or a component.",name:"component",required:!1,type:{name:"ElementType"}},components:{defaultValue:{value:"{}"},description:"The components used for each slot inside the Popper.\nEither a string to use a HTML element or a component.",name:"components",required:!1,type:{name:"{ Root?: ElementType; }"}},componentsProps:{defaultValue:{value:"{}"},description:"The props used for each slot inside the Popper.",name:"componentsProps",required:!1,type:{name:'{ root?: SlotComponentProps<"div", PopperRootSlotPropsOverrides, PopperOwnProps>; }'}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"SxProps"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/ComplexFilter/index.tsx#StyledPopper"]={docgenInfo:StyledPopper.__docgenInfo,name:"StyledPopper",path:"packages/components/src/core/ComplexFilter/index.tsx#StyledPopper"})}catch(__react_docgen_typescript_loader_error){}try{ComplexFilter.displayName="ComplexFilter",ComplexFilter.__docgenInfo={description:"",displayName:"ComplexFilter",props:{label:{defaultValue:{value:""},description:"",name:"label",required:!1,type:{name:"ReactNode"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"DefaultDropdownMenuOption[]"}},multiple:{defaultValue:{value:"false"},description:"",name:"multiple",required:!1,type:{name:"boolean"}},search:{defaultValue:{value:"false"},description:"",name:"search",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(options: Value) => void"}},DropdownMenuProps:{defaultValue:{value:"{}"},description:"",name:"DropdownMenuProps",required:!1,type:{name:"Partial<((props: DropdownMenuProps) => Element)> | undefined"}},InputDropdownProps:{defaultValue:{value:'{ sdsStyle: "minimal" }'},description:"",name:"InputDropdownProps",required:!1,type:{name:"Partial"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"DefaultDropdownMenuOption | DefaultDropdownMenuOption[] | null"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},PopperComponent:{defaultValue:null,description:"",name:"PopperComponent",required:!1,type:{name:'StyledComponent, "direction"> & { component?: ElementType; components?: { Root?: ElementType; } | undefined; componentsProps?: { ...; } | undefined; sx?: SxProps<...> | undefined; } & RefAttributes<...> & MUIStyledCommonProps<...>, {}, {}> | undefined'}},InputDropdownComponent:{defaultValue:null,description:"",name:"InputDropdownComponent",required:!1,type:{name:"((props: InputDropdownProps) => Element)"}},isTriggerChangeOnOptionClick:{defaultValue:{value:"false"},description:"",name:"isTriggerChangeOnOptionClick",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/ComplexFilter/index.tsx#ComplexFilter"]={docgenInfo:ComplexFilter.__docgenInfo,name:"ComplexFilter",path:"packages/components/src/core/ComplexFilter/index.tsx#ComplexFilter"})}catch(__react_docgen_typescript_loader_error){}var _Default$parameters,_Default$parameters2,_LivePreview$paramete,_LivePreview$paramete2,_Test$parameters,_Test$parameters2;function index_stories_typeof(obj){return index_stories_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},index_stories_typeof(obj)}function index_stories_ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function index_stories_objectSpread(target){for(var i=1;i \n}"},null===(_LivePreview$paramete2=LivePreview.parameters)||void 0===_LivePreview$paramete2||null===(_LivePreview$paramete2=_LivePreview$paramete2.docs)||void 0===_LivePreview$paramete2?void 0:_LivePreview$paramete2.source)})}),Test.parameters=index_stories_objectSpread(index_stories_objectSpread({},Test.parameters),{},{docs:index_stories_objectSpread(index_stories_objectSpread({},null===(_Test$parameters=Test.parameters)||void 0===_Test$parameters?void 0:_Test$parameters.docs),{},{source:index_stories_objectSpread({originalSource:"{\n parameters: {\n snapshot: {\n skip: true\n }\n },\n render: (args: Args) => \n}"},null===(_Test$parameters2=Test.parameters)||void 0===_Test$parameters2||null===(_Test$parameters2=_Test$parameters2.docs)||void 0===_Test$parameters2?void 0:_Test$parameters2.source)})});var __namedExportsOrder=["Default","LivePreview","Test"]},"./packages/components/src/core/TagFilter/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>core_TagFilter});var _templateObject,_templateObject2,Clear=__webpack_require__("./node_modules/@mui/icons-material/esm/Clear.js"),emotion_react_browser_esm=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js")),styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts"),Tag=__webpack_require__("./packages/components/src/core/Tag/index.tsx");function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var StyledTag=(0,styled.ZP)(Tag.Z)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var spacings=(0,styles.Gr)(props);return(0,emotion_react_browser_esm.iv)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n padding: ","px ","px;\n\n &:after {\n display: none;\n }\n\n .MuiChip-label {\n ","\n }\n\n .MuiChip-deleteIcon,\n .MuiSvgIcon-root {\n margin-left: ","px;\n }\n\n .MuiChip-label,\n svg {\n z-index: auto;\n }\n "])),null==spacings?void 0:spacings.xxs,null==spacings?void 0:spacings.s,(0,styles.J5)(props),null==spacings?void 0:spacings.s)})),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var TagFilter=function TagFilter(props){return(0,jsx_runtime.jsx)(StyledTag,function _objectSpread(target){for(var i=1;i void"}},icon:{defaultValue:null,description:"Icon element.",name:"icon",required:!1,type:{name:"ReactElement>"}},disabled:{defaultValue:{value:"false"},description:"If `true`, the component is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial & Partial>)"}},tabIndex:{defaultValue:null,description:"@ignore",name:"tabIndex",required:!1,type:{name:"number"}},children:{defaultValue:null,description:"This prop isn't supported.\nUse the `component` prop if you need to change the children structure.",name:"children",required:!1,type:{name:"null"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"SxProps"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},size:{defaultValue:{value:"'medium'"},description:"The size of the component.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'}]}},avatar:{defaultValue:null,description:"The Avatar element to display.",name:"avatar",required:!1,type:{name:"ReactElement>"}},clickable:{defaultValue:null,description:"If `true`, the chip will appear clickable, and will raise when pressed,\neven if the onClick prop is not defined.\nIf `false`, the chip will not appear clickable, even if onClick prop is defined.\nThis can be used, for example,\nalong with the component prop to indicate an anchor Chip is clickable.\nNote: this controls the UI and does not affect the onClick event.",name:"clickable",required:!1,type:{name:"boolean"}},deleteIcon:{defaultValue:null,description:"Override the default delete icon element. Shown only if `onDelete` is set.",name:"deleteIcon",required:!1,type:{name:"ReactElement>"}},skipFocusWhenDisabled:{defaultValue:{value:"false"},description:"If `true`, allows the disabled chip to escape focus.\nIf `false`, allows the disabled chip to receive focus.",name:"skipFocusWhenDisabled",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/TagFilter/index.tsx#TagFilter"]={docgenInfo:TagFilter.__docgenInfo,name:"TagFilter",path:"packages/components/src/core/TagFilter/index.tsx#TagFilter"})}catch(__react_docgen_typescript_loader_error){}}}]); \ No newline at end of file +"use strict";(self.webpackChunk_czi_sds_monorepo=self.webpackChunk_czi_sds_monorepo||[]).push([[747],{"./node_modules/@mui/base/ClickAwayListener/ClickAwayListener.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_mui_utils__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mui/utils/esm/useForkRef.js"),_mui_utils__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@mui/utils/esm/useEventCallback.js"),_mui_utils__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@mui/utils/esm/ownerDocument.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");function mapEventPropToEvent(eventProp){return eventProp.substring(2).toLowerCase()}const __WEBPACK_DEFAULT_EXPORT__=function ClickAwayListener(props){const{children,disableReactTree=!1,mouseEvent="onClick",onClickAway,touchEvent="onTouchEnd"}=props,movedRef=react__WEBPACK_IMPORTED_MODULE_0__.useRef(!1),nodeRef=react__WEBPACK_IMPORTED_MODULE_0__.useRef(null),activatedRef=react__WEBPACK_IMPORTED_MODULE_0__.useRef(!1),syntheticEventRef=react__WEBPACK_IMPORTED_MODULE_0__.useRef(!1);react__WEBPACK_IMPORTED_MODULE_0__.useEffect((()=>(setTimeout((()=>{activatedRef.current=!0}),0),()=>{activatedRef.current=!1})),[]);const handleRef=(0,_mui_utils__WEBPACK_IMPORTED_MODULE_2__.Z)(children.ref,nodeRef),handleClickAway=(0,_mui_utils__WEBPACK_IMPORTED_MODULE_3__.Z)((event=>{const insideReactTree=syntheticEventRef.current;syntheticEventRef.current=!1;const doc=(0,_mui_utils__WEBPACK_IMPORTED_MODULE_4__.Z)(nodeRef.current);if(!activatedRef.current||!nodeRef.current||"clientX"in event&&function clickedRootScrollbar(event,doc){return doc.documentElement.clientWidth-1:!doc.documentElement.contains(event.target)||nodeRef.current.contains(event.target),insideDOM||!disableReactTree&&insideReactTree||onClickAway(event)})),createHandleSynthetic=handlerName=>event=>{syntheticEventRef.current=!0;const childrenPropsHandler=children.props[handlerName];childrenPropsHandler&&childrenPropsHandler(event)},childrenProps={ref:handleRef};return!1!==touchEvent&&(childrenProps[touchEvent]=createHandleSynthetic(touchEvent)),react__WEBPACK_IMPORTED_MODULE_0__.useEffect((()=>{if(!1!==touchEvent){const mappedTouchEvent=mapEventPropToEvent(touchEvent),doc=(0,_mui_utils__WEBPACK_IMPORTED_MODULE_4__.Z)(nodeRef.current),handleTouchMove=()=>{movedRef.current=!0};return doc.addEventListener(mappedTouchEvent,handleClickAway),doc.addEventListener("touchmove",handleTouchMove),()=>{doc.removeEventListener(mappedTouchEvent,handleClickAway),doc.removeEventListener("touchmove",handleTouchMove)}}}),[handleClickAway,touchEvent]),!1!==mouseEvent&&(childrenProps[mouseEvent]=createHandleSynthetic(mouseEvent)),react__WEBPACK_IMPORTED_MODULE_0__.useEffect((()=>{if(!1!==mouseEvent){const mappedMouseEvent=mapEventPropToEvent(mouseEvent),doc=(0,_mui_utils__WEBPACK_IMPORTED_MODULE_4__.Z)(nodeRef.current);return doc.addEventListener(mappedMouseEvent,handleClickAway),()=>{doc.removeEventListener(mappedMouseEvent,handleClickAway)}}}),[handleClickAway,mouseEvent]),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:react__WEBPACK_IMPORTED_MODULE_0__.cloneElement(children,childrenProps)})}},"./node_modules/@mui/icons-material/esm/Clear.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _utils_createSvgIcon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mui/material/utils/createSvgIcon.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,_utils_createSvgIcon__WEBPACK_IMPORTED_MODULE_1__.Z)((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("path",{d:"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}),"Clear")},"./packages/components/src/core/ComplexFilter/index.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,LivePreview:()=>LivePreview,Test:()=>Test,__namedExportsOrder:()=>__namedExportsOrder,default:()=>index_stories});var react=__webpack_require__("./node_modules/react/index.js"),utils=__webpack_require__("./packages/components/src/common/utils.ts"),GITHUB_LABELS=__webpack_require__("./packages/components/src/core/DropdownMenu/GITHUB_LABELS.tsx"),DropdownMenu=__webpack_require__("./packages/components/src/core/DropdownMenu/index.tsx"),core_InputDropdown=(__webpack_require__("./packages/components/src/core/DropdownMenu/style.ts"),__webpack_require__("./packages/components/src/core/InputDropdown/index.tsx")),TagFilter=__webpack_require__("./packages/components/src/core/TagFilter/index.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),Chips=function Chips(_ref){var value=_ref.value,_ref$multiple=_ref.multiple,multiple=void 0!==_ref$multiple&&_ref$multiple,_onDelete=_ref.onDelete;if(!value)return null;if(!multiple){var name=value.name;return(0,jsx_runtime.jsx)(TagFilter.Z,{label:name,onDelete:_onDelete})}return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:value.map((function(item){var name=item.name;return(0,jsx_runtime.jsx)(TagFilter.Z,{label:name,onDelete:function onDelete(){return _onDelete(item)}},name)}))})};const components_Chips=Chips;try{Chips.displayName="Chips",Chips.__docgenInfo={description:"",displayName:"Chips",props:{value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"any"}},multiple:{defaultValue:{value:"false"},description:"",name:"multiple",required:!1,type:{name:"boolean"}},onDelete:{defaultValue:null,description:"",name:"onDelete",required:!0,type:{name:"(option: DefaultDropdownMenuOption) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/ComplexFilter/components/Chips/index.tsx#Chips"]={docgenInfo:Chips.__docgenInfo,name:"Chips",path:"packages/components/src/core/ComplexFilter/components/Chips/index.tsx#Chips"})}catch(__react_docgen_typescript_loader_error){}var _templateObject,_templateObject2,styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var Wrapper=(0,styled.ZP)("div")(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n min-width: 150px;\n"]))),StyledChipsWrapper=(0,styled.ZP)("div")(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var spacings=(0,styles.Gr)(props);return"\n margin-top: ".concat(null==spacings?void 0:spacings.s,"px;\n ")}));function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}var _excluded=["options","label","multiple","search","onChange","DropdownMenuProps","InputDropdownProps","value","PopperComponent","InputDropdownComponent","isTriggerChangeOnOptionClick"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var ComplexFilter=function ComplexFilter(_ref){var options=_ref.options,_ref$label=_ref.label,label=void 0===_ref$label?"":_ref$label,_ref$multiple=_ref.multiple,multiple=void 0!==_ref$multiple&&_ref$multiple,_ref$search=_ref.search,search=void 0!==_ref$search&&_ref$search,onChange=_ref.onChange,_ref$DropdownMenuProp=_ref.DropdownMenuProps,DropdownMenuProps=void 0===_ref$DropdownMenuProp?{}:_ref$DropdownMenuProp,_ref$InputDropdownPro=_ref.InputDropdownProps,InputDropdownProps=void 0===_ref$InputDropdownPro?{sdsStyle:"minimal"}:_ref$InputDropdownPro,propValue=_ref.value,PopperComponent=_ref.PopperComponent,_ref$InputDropdownCom=_ref.InputDropdownComponent,InputDropdownComponent=void 0===_ref$InputDropdownCom?core_InputDropdown.Z:_ref$InputDropdownCom,_ref$isTriggerChangeO=_ref.isTriggerChangeOnOptionClick,isTriggerChangeOnOptionClick=void 0!==_ref$isTriggerChangeO&&_ref$isTriggerChangeO,rest=_objectWithoutProperties(_ref,_excluded),isControlled=void 0!==propValue,_useState2=_slicedToArray((0,react.useState)(!1),2),open=_useState2[0],setOpen=_useState2[1],_useState4=_slicedToArray((0,react.useState)(null),2),anchorEl=_useState4[0],setAnchorEl=_useState4[1],_useState6=_slicedToArray((0,react.useState)(getInitialValue()),2),value=_useState6[0],setValue=_useState6[1],_useState8=_slicedToArray((0,react.useState)(getInitialValue()),2),pendingValue=_useState8[0],setPendingValue=_useState8[1];return(0,react.useEffect)((function(){onChange(value),setPendingValue(value)}),[value]),(0,react.useEffect)((function(){isControlled&&setValue(propValue)}),[propValue]),(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsxs)(Wrapper,_objectSpread(_objectSpread({},rest),{},{children:[(0,jsx_runtime.jsx)(InputDropdownComponent,_objectSpread({label,onClick:function handleClick(event){open?(multiple&&setValue(pendingValue),setOpen(!1),anchorEl&&anchorEl.focus(),setAnchorEl(null)):(multiple&&setPendingValue(value),setAnchorEl(event.currentTarget),setOpen(!0))},sdsStage:open?"userInput":"default"},InputDropdownProps)),(0,jsx_runtime.jsx)(StyledChipsWrapper,{children:(0,jsx_runtime.jsx)(components_Chips,{value,multiple,onDelete:function handleDelete(option){if(!multiple)return setValue(null);var newValue=(null==value?void 0:value.filter((function(item){return item!==option})))||null;setValue(newValue)}})})]})),(0,jsx_runtime.jsx)(DropdownMenu.Z,_objectSpread({anchorEl,open,onClose:function handleMenuSelectClose(event,reason){["escape","select-option"].includes(reason)&&handleClose()},search,multiple,value:multiple?pendingValue:value,onChange:function handleChange(_,newValue){if(multiple)return isTriggerChangeOnOptionClick?(setPendingValue(newValue),setValue(newValue)):setPendingValue(newValue);setValue(newValue),setOpen(!1)},disableCloseOnSelect:multiple,options,PopperComponent,PopperBaseProps:{sx:{minWidth:250}},onClickAway:handleClose},DropdownMenuProps))]});function handleClose(){open&&(setOpen(!1),multiple&&setValue(pendingValue))}function getInitialValue(){return isControlled?propValue:multiple?[]:null}};const core_ComplexFilter=ComplexFilter;try{InputDropdown.displayName="InputDropdown",InputDropdown.__docgenInfo={description:"",displayName:"InputDropdown",props:{disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},intent:{defaultValue:null,description:"",name:"intent",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"warning"'},{value:'"error"'}]}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void) & MouseEventHandler"}},state:{defaultValue:null,description:"",name:"state",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"open"'}]}},sdsStage:{defaultValue:null,description:"",name:"sdsStage",required:!0,type:{name:"enum",value:[{value:'"default"'},{value:'"userInput"'}]}},sdsStyle:{defaultValue:null,description:"",name:"sdsStyle",required:!1,type:{name:"enum",value:[{value:'"rounded"'},{value:'"square"'},{value:'"minimal"'}]}},sdsType:{defaultValue:null,description:"",name:"sdsType",required:!1,type:{name:"enum",value:[{value:'"label"'},{value:'"value"'}]}},multiple:{defaultValue:null,description:"",name:"multiple",required:!1,type:{name:"boolean"}},details:{defaultValue:null,description:"",name:"details",required:!1,type:{name:"ReactNode"}},counter:{defaultValue:null,description:"",name:"counter",required:!1,type:{name:"ReactNode"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"ReactNode"}},shouldTruncateMinimalDetails:{defaultValue:null,description:"",name:"shouldTruncateMinimalDetails",required:!1,type:{name:"boolean"}},shouldPutAColonAfterLabel:{defaultValue:null,description:"",name:"shouldPutAColonAfterLabel",required:!1,type:{name:"boolean"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"SDSTheme"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/ComplexFilter/index.tsx#InputDropdown"]={docgenInfo:InputDropdown.__docgenInfo,name:"InputDropdown",path:"packages/components/src/core/ComplexFilter/index.tsx#InputDropdown"})}catch(__react_docgen_typescript_loader_error){}try{StyledPopper.displayName="StyledPopper",StyledPopper.__docgenInfo={description:"",displayName:"StyledPopper",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},component:{defaultValue:null,description:"The component used for the root node.\nEither a string to use a HTML element or a component.",name:"component",required:!1,type:{name:"ElementType"}},components:{defaultValue:{value:"{}"},description:"The components used for each slot inside the Popper.\nEither a string to use a HTML element or a component.",name:"components",required:!1,type:{name:"{ Root?: ElementType; }"}},componentsProps:{defaultValue:{value:"{}"},description:"The props used for each slot inside the Popper.",name:"componentsProps",required:!1,type:{name:'{ root?: SlotComponentProps<"div", PopperRootSlotPropsOverrides, PopperOwnProps>; }'}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"SxProps"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/ComplexFilter/index.tsx#StyledPopper"]={docgenInfo:StyledPopper.__docgenInfo,name:"StyledPopper",path:"packages/components/src/core/ComplexFilter/index.tsx#StyledPopper"})}catch(__react_docgen_typescript_loader_error){}try{ComplexFilter.displayName="ComplexFilter",ComplexFilter.__docgenInfo={description:"",displayName:"ComplexFilter",props:{label:{defaultValue:{value:""},description:"",name:"label",required:!1,type:{name:"ReactNode"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"DefaultAutocompleteOption[]"}},multiple:{defaultValue:{value:"false"},description:"",name:"multiple",required:!1,type:{name:"boolean"}},search:{defaultValue:{value:"false"},description:"",name:"search",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(options: Value) => void"}},DropdownMenuProps:{defaultValue:{value:"{}"},description:"",name:"DropdownMenuProps",required:!1,type:{name:"Partial<((props: DropdownMenuProps) => Element)> | undefined"}},InputDropdownProps:{defaultValue:{value:'{ sdsStyle: "minimal" }'},description:"",name:"InputDropdownProps",required:!1,type:{name:"Partial"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"DefaultAutocompleteOption | DefaultAutocompleteOption[] | null"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},PopperComponent:{defaultValue:null,description:"",name:"PopperComponent",required:!1,type:{name:'StyledComponent, "direction"> & { component?: ElementType; components?: { Root?: ElementType; } | undefined; componentsProps?: { ...; } | undefined; sx?: SxProps<...> | undefined; } & RefAttributes<...> & MUIStyledCommonProps<...>, {}, {}> | undefined'}},InputDropdownComponent:{defaultValue:null,description:"",name:"InputDropdownComponent",required:!1,type:{name:"((props: InputDropdownProps) => Element)"}},isTriggerChangeOnOptionClick:{defaultValue:{value:"false"},description:"",name:"isTriggerChangeOnOptionClick",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/ComplexFilter/index.tsx#ComplexFilter"]={docgenInfo:ComplexFilter.__docgenInfo,name:"ComplexFilter",path:"packages/components/src/core/ComplexFilter/index.tsx#ComplexFilter"})}catch(__react_docgen_typescript_loader_error){}var _Default$parameters,_Default$parameters2,_LivePreview$paramete,_LivePreview$paramete2,_Test$parameters,_Test$parameters2;function index_stories_typeof(obj){return index_stories_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},index_stories_typeof(obj)}function index_stories_ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function index_stories_objectSpread(target){for(var i=1;i \n}"},null===(_LivePreview$paramete2=LivePreview.parameters)||void 0===_LivePreview$paramete2||null===(_LivePreview$paramete2=_LivePreview$paramete2.docs)||void 0===_LivePreview$paramete2?void 0:_LivePreview$paramete2.source)})}),Test.parameters=index_stories_objectSpread(index_stories_objectSpread({},Test.parameters),{},{docs:index_stories_objectSpread(index_stories_objectSpread({},null===(_Test$parameters=Test.parameters)||void 0===_Test$parameters?void 0:_Test$parameters.docs),{},{source:index_stories_objectSpread({originalSource:"{\n parameters: {\n snapshot: {\n skip: true\n }\n },\n render: (args: Args) => \n}"},null===(_Test$parameters2=Test.parameters)||void 0===_Test$parameters2||null===(_Test$parameters2=_Test$parameters2.docs)||void 0===_Test$parameters2?void 0:_Test$parameters2.source)})});var __namedExportsOrder=["Default","LivePreview","Test"]},"./packages/components/src/core/DropdownMenu/GITHUB_LABELS.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{j:()=>GITHUB_LABELS});var _Tag__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/components/src/core/Tag/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),GITHUB_LABELS=[{name:"Status: can't reproduce",section:"name only"},{name:"Status: confirmed",section:"name only"},{count:3,name:"Status: duplicate",section:"name with count"},{count:5,name:"Status: needs information",section:"name with count"},{details:"This will not be worked on",name:"Status: wont do/fix",section:"name with details"},{details:"This is still in progress",name:"Status: work in progress",section:"name with details"},{details:"This will not be worked on",name:"Type: bug",sdsIcon:"bacteria",sdsIconProps:{className:"custom-class-name"},section:"With Icon"},{count:4,name:"Type: discussion",sdsIcon:"puzzlePiece",section:"With Icon"},{name:"Type: documentation",sdsIcon:"copy",section:"With Icon"},{name:"Type: enhancement",sdsIcon:"lightBulb",section:"With Icon"},{name:"Type: epic",sdsIcon:"list",section:"With Icon"},{name:"Type: feature request",sdsIcon:"treeVertical",section:"With Icon"},{name:"Type: question",sdsIcon:"search",section:"With Icon"},{component:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{children:["Available Labels:",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{style:{marginTop:10},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_0__.Z,{label:"bug",sdsStyle:"rounded",sdsType:"secondary",color:"error"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_0__.Z,{label:"feature",sdsStyle:"rounded",sdsType:"secondary",color:"warning"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_0__.Z,{label:"refactor",sdsStyle:"rounded",sdsType:"secondary",color:"gray"})]})]}),name:"Available labels",section:"custom component"}]},"./packages/components/src/core/Tag/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>core_Tag});var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,emotion_react_browser_esm=__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),colorManipulator=__webpack_require__("./node_modules/@mui/system/esm/colorManipulator.js"),Chip=__webpack_require__("./node_modules/@mui/material/Chip/Chip.js"),styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=2?colors[1]:null==themeColors?void 0:themeColors[intent][400],backgroundClicked:colors.length>=2?(0,colorManipulator._j)(colors[1],.3):null==themeColors?void 0:themeColors[intent][600],backgroundHover:colors.length>=2?(0,colorManipulator._j)(colors[1],.15):null==themeColors?void 0:themeColors[intent][500],iconColor:colors.length>2?colors[2]:"white",label:colors.length?colors[0]:"white"},secondary:{background:colors.length>=2?colors[1]:null==themeColors?void 0:themeColors[intent][200],backgroundClicked:colors.length>=2?(0,colorManipulator._j)(colors[1],.3):null==themeColors?void 0:themeColors[intent][600],backgroundHover:colors.length>=2?(0,colorManipulator._j)(colors[1],.15):null==themeColors?void 0:themeColors[intent][500],iconColor:colors.length>2?colors[2]:null==themeColors?void 0:themeColors[intent][400],label:colors.length?colors[0]:null==themeColors?void 0:themeColors[intent][600]}}[type];return(0,emotion_react_browser_esm.iv)(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n background-color: ",";\n position: relative;\n\n .MuiChip-label {\n color: ",";\n }\n\n svg {\n fill: ",";\n }\n\n &:hover,\n &:active,\n &:focus {\n .MuiChip-label {\n color: white;\n }\n\n svg {\n fill: white;\n }\n }\n\n &:hover {\n background-color: ",";\n }\n\n &:active {\n background-color: ",";\n }\n\n &:focus {\n background-color: ",";\n }\n\n &:focus:hover {\n background-color: ",";\n }\n\n &:focus:active {\n background-color: ",";\n }\n "])),typeColors.background,typeColors.label,typeColors.iconColor,typeColors.backgroundHover,typeColors.backgroundClicked,typeColors.background,typeColors.backgroundHover,typeColors.backgroundClicked)}var typeToCss={primary:function primary(props){return createTypeCss(props,"primary")},secondary:function secondary(props){return createTypeCss(props,"secondary")}},doNotForwardProps=["sdsType","sdsStyle","tagColor","hover"],StyledTag=(0,styled.ZP)(Chip.Z,{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n border: none;\n\n ","\n"])),(function(props){var _props$hover=props.hover,hover=void 0===_props$hover||_props$hover,sdsType=props.sdsType,sdsStyle=props.sdsStyle,icon=props.icon,isRounded="rounded"===sdsStyle,type=sdsType||"primary";return(0,emotion_react_browser_esm.iv)(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n ","\n ","\n ","\n ","\n "])),icon?function withIcon(props){var spacings=(0,styles.Gr)(props),iconSizes=(0,styles.Dk)(props);return(0,emotion_react_browser_esm.iv)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n height: unset;\n margin: 0 ","px ","px 0;\n\n .MuiChip-label {\n ","\n padding: 0;\n }\n\n .MuiSvgIcon-root {\n height: ","px;\n width: ","px;\n padding-right: ","px;\n margin: 0 0 0 -","px;\n }\n\n .MuiChip-deleteIcon {\n ","\n color: white;\n margin: 0 0 0 ","px;\n height: ","px;\n width: ","px;\n }\n "])),null==spacings?void 0:spacings.xxs,null==spacings?void 0:spacings.xs,(0,styles.$g)(props),null==iconSizes?void 0:iconSizes.l.height,null==iconSizes?void 0:iconSizes.l.width,null==spacings?void 0:spacings.xxs,null==spacings?void 0:spacings.xxxs,(0,styles.J5)(props),null==spacings?void 0:spacings.xxs,null==iconSizes?void 0:iconSizes.s.height,null==iconSizes?void 0:iconSizes.s.width)}(props):function withoutIcon(props){var spacings=(0,styles.Gr)(props),iconSizes=(0,styles.Dk)(props);return(0,emotion_react_browser_esm.iv)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n height: unset;\n margin: 0 ","px ","px 0;\n\n .MuiChip-label {\n ","\n padding: 0;\n }\n\n .MuiChip-deleteIcon {\n ","\n color: white;\n margin: 0 0 0 ","px;\n height: ","px;\n width: ","px;\n }\n "])),null==spacings?void 0:spacings.xxs,null==spacings?void 0:spacings.xs,(0,styles.aI)(props),(0,styles.J5)(props),null==spacings?void 0:spacings.xxs,null==iconSizes?void 0:iconSizes.s.height,null==iconSizes?void 0:iconSizes.s.width)}(props),typeToCss[type](props),isRounded?function rounded(props){var corners=(0,styles.DV)(props),spacings=(0,styles.Gr)(props),icon=props.icon;return(0,emotion_react_browser_esm.iv)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n border-radius: ","px;\n padding: ",";\n\n &:after {\n border-radius: ","px;\n }\n "])),null==corners?void 0:corners.l,icon?"".concat(null==spacings?void 0:spacings.xxs,"px ").concat(null==spacings?void 0:spacings.s,"px ").concat(null==spacings?void 0:spacings.xxs,"px ").concat(null==spacings?void 0:spacings.xs,"px"):"".concat(null==spacings?void 0:spacings.xxxs,"px ").concat(null==spacings?void 0:spacings.s,"px"),null==corners?void 0:corners.l)}(props):function square(props){var corners=(0,styles.DV)(props),spacings=(0,styles.Gr)(props),icon=props.icon;return(0,emotion_react_browser_esm.iv)(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n border-radius: ","px;\n padding: ",";\n\n &:after {\n border-radius: ","px;\n }\n "])),null==corners?void 0:corners.m,icon?"".concat(null==spacings?void 0:spacings.xxs,"px ").concat(null==spacings?void 0:spacings.s,"px"):"".concat(null==spacings?void 0:spacings.xxxs,"px ").concat(null==spacings?void 0:spacings.xs,"px"),null==corners?void 0:corners.m)}(props),hover?function withHover(){return(0,emotion_react_browser_esm.iv)(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n &:hover {\n cursor: pointer;\n }\n\n &:hover,\n &:focus-visible {\n color: white;\n }\n "])))}():"pointer-events: none;")})),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i> & Element)"}},disabled:{defaultValue:{value:"false"},description:"If `true`, the component is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial & Partial>)"}},tabIndex:{defaultValue:null,description:"@ignore",name:"tabIndex",required:!1,type:{name:"number"}},children:{defaultValue:null,description:"This prop isn't supported.\nUse the `component` prop if you need to change the children structure.",name:"children",required:!1,type:{name:"null"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"SxProps"}},variant:{defaultValue:{value:"'filled'"},description:"The variant to use.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"outlined"'},{value:'"filled"'}]}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},size:{defaultValue:{value:"'medium'"},description:"The size of the component.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'}]}},avatar:{defaultValue:null,description:"The Avatar element to display.",name:"avatar",required:!1,type:{name:"ReactElement>"}},clickable:{defaultValue:null,description:"If `true`, the chip will appear clickable, and will raise when pressed,\neven if the onClick prop is not defined.\nIf `false`, the chip will not appear clickable, even if onClick prop is defined.\nThis can be used, for example,\nalong with the component prop to indicate an anchor Chip is clickable.\nNote: this controls the UI and does not affect the onClick event.",name:"clickable",required:!1,type:{name:"boolean"}},deleteIcon:{defaultValue:null,description:"Override the default delete icon element. Shown only if `onDelete` is set.",name:"deleteIcon",required:!1,type:{name:"ReactElement>"}},onDelete:{defaultValue:null,description:"Callback fired when the delete icon is clicked.\nIf set, the delete icon will be shown.",name:"onDelete",required:!1,type:{name:"((event: any) => void)"}},skipFocusWhenDisabled:{defaultValue:{value:"false"},description:"If `true`, allows the disabled chip to escape focus.\nIf `false`, allows the disabled chip to receive focus.",name:"skipFocusWhenDisabled",required:!1,type:{name:"boolean"}},hover:{defaultValue:null,description:"",name:"hover",required:!1,type:{name:"boolean"}},sdsType:{defaultValue:null,description:"",name:"sdsType",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'}]}},sdsStyle:{defaultValue:null,description:"",name:"sdsStyle",required:!1,type:{name:"enum",value:[{value:'"rounded"'},{value:'"square"'}]}},tagColor:{defaultValue:null,description:"",name:"tagColor",required:!1,type:{name:"SdsTagColorType"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"SDSTheme"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/Tag/index.tsx#Tag"]={docgenInfo:Tag.__docgenInfo,name:"Tag",path:"packages/components/src/core/Tag/index.tsx#Tag"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/core/TagFilter/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>core_TagFilter});var _templateObject,_templateObject2,Clear=__webpack_require__("./node_modules/@mui/icons-material/esm/Clear.js"),emotion_react_browser_esm=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js")),styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts"),Tag=__webpack_require__("./packages/components/src/core/Tag/index.tsx");function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var StyledTag=(0,styled.ZP)(Tag.Z)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var spacings=(0,styles.Gr)(props);return(0,emotion_react_browser_esm.iv)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n padding: ","px ","px;\n\n &:after {\n display: none;\n }\n\n .MuiChip-label {\n ","\n }\n\n .MuiChip-deleteIcon,\n .MuiSvgIcon-root {\n margin-left: ","px;\n }\n\n .MuiChip-label,\n svg {\n z-index: auto;\n }\n "])),null==spacings?void 0:spacings.xxs,null==spacings?void 0:spacings.s,(0,styles.J5)(props),null==spacings?void 0:spacings.s)})),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var TagFilter=function TagFilter(props){return(0,jsx_runtime.jsx)(StyledTag,function _objectSpread(target){for(var i=1;i void"}},icon:{defaultValue:null,description:"Icon element.",name:"icon",required:!1,type:{name:"ReactElement>"}},disabled:{defaultValue:{value:"false"},description:"If `true`, the component is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial & Partial>)"}},tabIndex:{defaultValue:null,description:"@ignore",name:"tabIndex",required:!1,type:{name:"number"}},children:{defaultValue:null,description:"This prop isn't supported.\nUse the `component` prop if you need to change the children structure.",name:"children",required:!1,type:{name:"null"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"SxProps"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},size:{defaultValue:{value:"'medium'"},description:"The size of the component.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'}]}},avatar:{defaultValue:null,description:"The Avatar element to display.",name:"avatar",required:!1,type:{name:"ReactElement>"}},clickable:{defaultValue:null,description:"If `true`, the chip will appear clickable, and will raise when pressed,\neven if the onClick prop is not defined.\nIf `false`, the chip will not appear clickable, even if onClick prop is defined.\nThis can be used, for example,\nalong with the component prop to indicate an anchor Chip is clickable.\nNote: this controls the UI and does not affect the onClick event.",name:"clickable",required:!1,type:{name:"boolean"}},deleteIcon:{defaultValue:null,description:"Override the default delete icon element. Shown only if `onDelete` is set.",name:"deleteIcon",required:!1,type:{name:"ReactElement>"}},skipFocusWhenDisabled:{defaultValue:{value:"false"},description:"If `true`, allows the disabled chip to escape focus.\nIf `false`, allows the disabled chip to receive focus.",name:"skipFocusWhenDisabled",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/TagFilter/index.tsx#TagFilter"]={docgenInfo:TagFilter.__docgenInfo,name:"TagFilter",path:"packages/components/src/core/TagFilter/index.tsx#TagFilter"})}catch(__react_docgen_typescript_loader_error){}}}]); \ No newline at end of file diff --git a/core-Dropdown-index-stories.8e46cf2c.iframe.bundle.js b/core-Dropdown-index-stories.8e46cf2c.iframe.bundle.js new file mode 100644 index 000000000..ab670e8d9 --- /dev/null +++ b/core-Dropdown-index-stories.8e46cf2c.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_czi_sds_monorepo=self.webpackChunk_czi_sds_monorepo||[]).push([[9991],{"./packages/components/src/core/Dropdown/index.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ControlledDropdown:()=>ControlledDropdown,Default:()=>Default,InsideModal:()=>InsideModal,LoadingResultsIndicator:()=>LoadingResultsIndicator,Test:()=>Test,__namedExportsOrder:()=>__namedExportsOrder,default:()=>index_stories});var _templateObject,_templateObject2,styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),Paper=__webpack_require__("./node_modules/@mui/material/Paper/Paper.js"),Dialog=__webpack_require__("./node_modules/@mui/material/Dialog/Dialog.js"),react=__webpack_require__("./node_modules/react/index.js"),utils=__webpack_require__("./packages/components/src/common/utils.ts"),Button=__webpack_require__("./packages/components/src/core/Button/index.tsx"),GITHUB_LABELS=__webpack_require__("./packages/components/src/core/DropdownMenu/GITHUB_LABELS.tsx"),LoadingIndicator=__webpack_require__("./packages/components/src/core/LoadingIndicator/index.tsx"),DropdownMenu=__webpack_require__("./packages/components/src/core/DropdownMenu/index.tsx"),core_InputDropdown=(__webpack_require__("./packages/components/src/core/DropdownMenu/style.ts"),__webpack_require__("./packages/components/src/core/InputDropdown/index.tsx")),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(0,styled.ZP)("div")(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n width: 150px;\n"])));var StyledButton=(0,styled.ZP)(Button.Z)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var spacings=(0,styles.Gr)(props);return"\n margin-top: ".concat(null==spacings?void 0:spacings.l,"px;\n margin-bottom: ").concat(null==spacings?void 0:spacings.s,"px;\n\n &:first-of-type {\n margin-left: ").concat(null==spacings?void 0:spacings.s,"px;\n margin-right: ").concat(null==spacings?void 0:spacings.m,"px;\n }\n\n &:last-child {\n margin-left: 0;\n margin-right: ").concat(null==spacings?void 0:spacings.s,"px;\n }\n ")})),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}var _excluded=["options","label","multiple","search","buttonPosition","buttons","closeOnBlur","onChange","onClose","DropdownMenuProps","InputDropdownProps","value","PopperComponent","InputDropdownComponent","isTriggerChangeOnOptionClick","disabled"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Dropdown=function Dropdown(_ref){var options=_ref.options,_ref$label=_ref.label,label=void 0===_ref$label?"":_ref$label,_ref$multiple=_ref.multiple,multiple=void 0!==_ref$multiple&&_ref$multiple,_ref$search=_ref.search,search=void 0!==_ref$search&&_ref$search,_ref$buttonPosition=_ref.buttonPosition,buttonPosition=void 0===_ref$buttonPosition?"right":_ref$buttonPosition,_ref$buttons=_ref.buttons,buttons=void 0!==_ref$buttons&&_ref$buttons,_ref$closeOnBlur=_ref.closeOnBlur,closeOnBlur=void 0===_ref$closeOnBlur?!buttons:_ref$closeOnBlur,onChange=_ref.onChange,onClose=_ref.onClose,_ref$DropdownMenuProp=_ref.DropdownMenuProps,DropdownMenuProps=void 0===_ref$DropdownMenuProp?{}:_ref$DropdownMenuProp,_ref$InputDropdownPro=_ref.InputDropdownProps,InputDropdownProps=void 0===_ref$InputDropdownPro?{sdsStyle:"minimal"}:_ref$InputDropdownPro,propValue=_ref.value,PopperComponent=_ref.PopperComponent,_ref$InputDropdownCom=_ref.InputDropdownComponent,InputDropdownComponent=void 0===_ref$InputDropdownCom?core_InputDropdown.Z:_ref$InputDropdownCom,_ref$isTriggerChangeO=_ref.isTriggerChangeOnOptionClick,isTriggerChangeOnOptionClick=void 0!==_ref$isTriggerChangeO&&_ref$isTriggerChangeO,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,rest=_objectWithoutProperties(_ref,_excluded);buttons&&!multiple&&console.warn("Warning: buttons are only supported for multiple select dropdowns.");var isControlled=void 0!==propValue,_useState2=_slicedToArray((0,react.useState)(null),2),anchorEl=_useState2[0],setAnchorEl=_useState2[1],_useState4=_slicedToArray((0,react.useState)((function getInitialValue(){if(isControlled)return propValue;return multiple?[]:null})),2),value=_useState4[0],setValue=_useState4[1],_useState6=_slicedToArray((0,react.useState)([]),2),pendingValue=_useState6[0],setPendingValue=_useState6[1];(0,react.useEffect)((function(){onChange(value)}),[onChange,value]),(0,react.useEffect)((function(){isControlled&&setValue(propValue)}),[isControlled,propValue]);var _useState8=_slicedToArray((0,react.useState)(!1),2),open=_useState8[0],setOpen=_useState8[1],shouldShowButtons=buttons&&!isTriggerChangeOnOptionClick&&multiple;return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(InputDropdownComponent,_objectSpread(_objectSpread({disabled,label,onClick:function handleClick(event){open?(multiple&&setValue(pendingValue),setOpen(!1),anchorEl&&anchorEl.focus()):(multiple&&setPendingValue(value),setAnchorEl(event.currentTarget),setOpen(!0))},sdsStage:open?"userInput":"default"},InputDropdownProps),rest)),(0,jsx_runtime.jsx)(DropdownMenu.Z,_objectSpread(_objectSpread({anchorEl,open,search,onClose:handleClose,multiple,value:multiple?pendingValue:value,onChange:function handleChange(_,newValue){if(multiple)return isTriggerChangeOnOptionClick?(setPendingValue(newValue),setValue(newValue)):setPendingValue(newValue);setValue(newValue),setOpen(!1)},disableCloseOnSelect:multiple,PopperComponent,PopperBaseProps:{sx:{minWidth:250}},options,onClickAway:function handleClickAway(){open&&(closeOnBlur&&!shouldShowButtons&&setOpen(!1),multiple&&setValue(pendingValue))}},DropdownMenuProps),{},{children:shouldShowButtons?(0,jsx_runtime.jsx)("div",{children:"left"===buttonPosition?(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(StyledButton,{onClick:handleClose,sdsStyle:"square",sdsType:"primary",children:"Apply"}),(0,jsx_runtime.jsx)(StyledButton,{onClick:handleCancel,sdsStyle:"square",sdsType:"secondary",children:"Cancel"})]}):(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(StyledButton,{onClick:handleCancel,sdsStyle:"square",sdsType:"secondary",children:"Cancel"}),(0,jsx_runtime.jsx)(StyledButton,{onClick:handleClose,sdsStyle:"square",sdsType:"primary",children:"Apply"})]})}):null}))]});function handleClose(_,reason){"toggleInput"!==reason&&(shouldShowButtons&&"blur"===reason||(multiple&&setValue(pendingValue),anchorEl&&anchorEl.focus(),closeOnBlur&&(null==onClose||onClose()),shouldShowButtons&&(null==onClose||onClose(),setOpen(!1))))}function handleCancel(){multiple&&setPendingValue(value),anchorEl&&anchorEl.focus(),null==onClose||onClose(),setOpen(!1)}};const core_Dropdown=Dropdown;try{InputDropdown.displayName="InputDropdown",InputDropdown.__docgenInfo={description:"",displayName:"InputDropdown",props:{disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},intent:{defaultValue:null,description:"",name:"intent",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"warning"'},{value:'"error"'}]}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void) & MouseEventHandler"}},state:{defaultValue:null,description:"",name:"state",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"open"'}]}},sdsStage:{defaultValue:null,description:"",name:"sdsStage",required:!0,type:{name:"enum",value:[{value:'"default"'},{value:'"userInput"'}]}},sdsStyle:{defaultValue:null,description:"",name:"sdsStyle",required:!1,type:{name:"enum",value:[{value:'"rounded"'},{value:'"square"'},{value:'"minimal"'}]}},sdsType:{defaultValue:null,description:"",name:"sdsType",required:!1,type:{name:"enum",value:[{value:'"label"'},{value:'"value"'}]}},multiple:{defaultValue:null,description:"",name:"multiple",required:!1,type:{name:"boolean"}},details:{defaultValue:null,description:"",name:"details",required:!1,type:{name:"ReactNode"}},counter:{defaultValue:null,description:"",name:"counter",required:!1,type:{name:"ReactNode"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"ReactNode"}},shouldTruncateMinimalDetails:{defaultValue:null,description:"",name:"shouldTruncateMinimalDetails",required:!1,type:{name:"boolean"}},shouldPutAColonAfterLabel:{defaultValue:null,description:"",name:"shouldPutAColonAfterLabel",required:!1,type:{name:"boolean"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"SDSTheme"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/Dropdown/index.tsx#InputDropdown"]={docgenInfo:InputDropdown.__docgenInfo,name:"InputDropdown",path:"packages/components/src/core/Dropdown/index.tsx#InputDropdown"})}catch(__react_docgen_typescript_loader_error){}try{StyledPaper.displayName="StyledPaper",StyledPaper.__docgenInfo={description:"",displayName:"StyledPaper",props:{children:{defaultValue:null,description:"The content of the component.",name:"children",required:!1,type:{name:"ReactNode"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial & Partial>)"}},elevation:{defaultValue:{value:"1"},description:"Shadow depth, corresponds to `dp` in the spec.\nIt accepts values between 0 and 24 inclusive.",name:"elevation",required:!1,type:{name:"number"}},square:{defaultValue:{value:"false"},description:"If `true`, rounded corners are disabled.",name:"square",required:!1,type:{name:"boolean"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"SxProps"}},variant:{defaultValue:{value:"'elevation'"},description:"The variant to use.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"elevation"'},{value:'"outlined"'}]}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},count:{defaultValue:null,description:"",name:"count",required:!1,type:{name:"number"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactElement>"}},search:{defaultValue:null,description:"",name:"search",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/Dropdown/index.tsx#StyledPaper"]={docgenInfo:StyledPaper.__docgenInfo,name:"StyledPaper",path:"packages/components/src/core/Dropdown/index.tsx#StyledPaper"})}catch(__react_docgen_typescript_loader_error){}try{StyledPopper.displayName="StyledPopper",StyledPopper.__docgenInfo={description:"",displayName:"StyledPopper",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},component:{defaultValue:null,description:"The component used for the root node.\nEither a string to use a HTML element or a component.",name:"component",required:!1,type:{name:"ElementType"}},components:{defaultValue:{value:"{}"},description:"The components used for each slot inside the Popper.\nEither a string to use a HTML element or a component.",name:"components",required:!1,type:{name:"{ Root?: ElementType; }"}},componentsProps:{defaultValue:{value:"{}"},description:"The props used for each slot inside the Popper.",name:"componentsProps",required:!1,type:{name:'{ root?: SlotComponentProps<"div", PopperRootSlotPropsOverrides, PopperOwnProps>; }'}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"SxProps"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/Dropdown/index.tsx#StyledPopper"]={docgenInfo:StyledPopper.__docgenInfo,name:"StyledPopper",path:"packages/components/src/core/Dropdown/index.tsx#StyledPopper"})}catch(__react_docgen_typescript_loader_error){}try{Dropdown.displayName="Dropdown",Dropdown.__docgenInfo={description:"",displayName:"Dropdown",props:{buttonPosition:{defaultValue:{value:"right"},description:"",name:"buttonPosition",required:!1,type:{name:"enum",value:[{value:'"right"'},{value:'"left"'}]}},buttons:{defaultValue:{value:"false"},description:"",name:"buttons",required:!1,type:{name:"boolean"}},closeOnBlur:{defaultValue:{value:"!buttons"},description:"",name:"closeOnBlur",required:!1,type:{name:"boolean"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},label:{defaultValue:{value:""},description:"",name:"label",required:!1,type:{name:"ReactNode"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"DefaultAutocompleteOption[]"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(options: Value) => void"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!1,type:{name:"(() => void)"}},multiple:{defaultValue:{value:"false"},description:"",name:"multiple",required:!1,type:{name:"boolean"}},search:{defaultValue:{value:"false"},description:"",name:"search",required:!1,type:{name:"boolean"}},DropdownMenuProps:{defaultValue:{value:"{}"},description:"",name:"DropdownMenuProps",required:!1,type:{name:"Partial>"}},InputDropdownProps:{defaultValue:{value:'{ sdsStyle: "minimal" }'},description:"",name:"InputDropdownProps",required:!1,type:{name:"Partial"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"DefaultAutocompleteOption | DefaultAutocompleteOption[] | null"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},PopperComponent:{defaultValue:null,description:"",name:"PopperComponent",required:!1,type:{name:'StyledComponent, "direction"> & { component?: ElementType; components?: { Root?: ElementType; } | undefined; componentsProps?: { ...; } | undefined; sx?: SxProps<...> | undefined; } & RefAttributes<...> & MUIStyledCommonProps<...>, {}, {}> | RenderFunctionTyp...'}},InputDropdownComponent:{defaultValue:null,description:"",name:"InputDropdownComponent",required:!1,type:{name:"((props: InputDropdownProps) => Element)"}},isTriggerChangeOnOptionClick:{defaultValue:{value:"false"},description:"",name:"isTriggerChangeOnOptionClick",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/Dropdown/index.tsx#Dropdown"]={docgenInfo:Dropdown.__docgenInfo,name:"Dropdown",path:"packages/components/src/core/Dropdown/index.tsx#Dropdown"})}catch(__react_docgen_typescript_loader_error){}var index_stories_templateObject,index_stories_templateObject2,_templateObject3,_Default$parameters,_Default$parameters2,_LoadingResultsIndica,_LoadingResultsIndica2,_InsideModal$paramete,_InsideModal$paramete2,_ControlledDropdown$p,_ControlledDropdown$p2,_Test$parameters,_Test$parameters2;function index_stories_typeof(obj){return index_stories_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},index_stories_typeof(obj)}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return index_stories_arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||index_stories_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function index_stories_slicedToArray(arr,i){return function index_stories_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function index_stories_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||index_stories_unsupportedIterableToArray(arr,i)||function index_stories_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function index_stories_unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return index_stories_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?index_stories_arrayLikeToArray(o,minLen):void 0}}function index_stories_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i\n },\n label: LABEL,\n onChange: noop,\n options: []\n },\n parameters: {\n snapshot: {\n skip: true\n }\n }\n}'},null===(_LoadingResultsIndica2=LoadingResultsIndicator.parameters)||void 0===_LoadingResultsIndica2||null===(_LoadingResultsIndica2=_LoadingResultsIndica2.docs)||void 0===_LoadingResultsIndica2?void 0:_LoadingResultsIndica2.source)})}),InsideModal.parameters=index_stories_objectSpread(index_stories_objectSpread({},InsideModal.parameters),{},{docs:index_stories_objectSpread(index_stories_objectSpread({},null===(_InsideModal$paramete=InsideModal.parameters)||void 0===_InsideModal$paramete?void 0:_InsideModal$paramete.docs),{},{source:index_stories_objectSpread({originalSource:'{\n parameters: {\n axe: {\n disabledRules: ["aria-dialog-name"]\n },\n snapshot: {\n skip: true\n }\n },\n render: function InsideModalComponent(): JSX.Element {\n const [value, setValue] = useState([GITHUB_LABELS[0], GITHUB_LABELS[1]]);\n const FullWidthDropdown = styled(RawDropdown)`\n width: 100%;\n `;\n return \n \n ;\n function handleChange(newValue: DefaultDropdownMenuOption | DefaultDropdownMenuOption[] | null) {\n setValue(newValue);\n }\n }\n}'},null===(_InsideModal$paramete2=InsideModal.parameters)||void 0===_InsideModal$paramete2||null===(_InsideModal$paramete2=_InsideModal$paramete2.docs)||void 0===_InsideModal$paramete2?void 0:_InsideModal$paramete2.source)})}),ControlledDropdown.parameters=index_stories_objectSpread(index_stories_objectSpread({},ControlledDropdown.parameters),{},{docs:index_stories_objectSpread(index_stories_objectSpread({},null===(_ControlledDropdown$p=ControlledDropdown.parameters)||void 0===_ControlledDropdown$p?void 0:_ControlledDropdown$p.docs),{},{source:index_stories_objectSpread({originalSource:"{\n args: {\n label: LABEL\n },\n parameters: {\n snapshot: {\n skip: true\n }\n },\n render: (args: Args) => \n}"},null===(_ControlledDropdown$p2=ControlledDropdown.parameters)||void 0===_ControlledDropdown$p2||null===(_ControlledDropdown$p2=_ControlledDropdown$p2.docs)||void 0===_ControlledDropdown$p2?void 0:_ControlledDropdown$p2.source)})}),Test.parameters=index_stories_objectSpread(index_stories_objectSpread({},Test.parameters),{},{docs:index_stories_objectSpread(index_stories_objectSpread({},null===(_Test$parameters=Test.parameters)||void 0===_Test$parameters?void 0:_Test$parameters.docs),{},{source:index_stories_objectSpread({originalSource:'{\n args: {\n buttonPosition: "left",\n label: LABEL,\n onChange: noop\n },\n parameters: {\n snapshot: {\n skip: true\n }\n },\n render: (args: Args) => \n}'},null===(_Test$parameters2=Test.parameters)||void 0===_Test$parameters2||null===(_Test$parameters2=_Test$parameters2.docs)||void 0===_Test$parameters2?void 0:_Test$parameters2.source)})});var __namedExportsOrder=["Default","LoadingResultsIndicator","InsideModal","ControlledDropdown","Test"]},"./packages/components/src/core/DropdownMenu/GITHUB_LABELS.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{j:()=>GITHUB_LABELS});var _Tag__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/components/src/core/Tag/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),GITHUB_LABELS=[{name:"Status: can't reproduce",section:"name only"},{name:"Status: confirmed",section:"name only"},{count:3,name:"Status: duplicate",section:"name with count"},{count:5,name:"Status: needs information",section:"name with count"},{details:"This will not be worked on",name:"Status: wont do/fix",section:"name with details"},{details:"This is still in progress",name:"Status: work in progress",section:"name with details"},{details:"This will not be worked on",name:"Type: bug",sdsIcon:"bacteria",sdsIconProps:{className:"custom-class-name"},section:"With Icon"},{count:4,name:"Type: discussion",sdsIcon:"puzzlePiece",section:"With Icon"},{name:"Type: documentation",sdsIcon:"copy",section:"With Icon"},{name:"Type: enhancement",sdsIcon:"lightBulb",section:"With Icon"},{name:"Type: epic",sdsIcon:"list",section:"With Icon"},{name:"Type: feature request",sdsIcon:"treeVertical",section:"With Icon"},{name:"Type: question",sdsIcon:"search",section:"With Icon"},{component:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{children:["Available Labels:",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{style:{marginTop:10},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_0__.Z,{label:"bug",sdsStyle:"rounded",sdsType:"secondary",color:"error"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_0__.Z,{label:"feature",sdsStyle:"rounded",sdsType:"secondary",color:"warning"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_0__.Z,{label:"refactor",sdsStyle:"rounded",sdsType:"secondary",color:"gray"})]})]}),name:"Available labels",section:"custom component"}]},"./packages/components/src/core/LoadingIndicator/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>core_LoadingIndicator});var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,Icon=__webpack_require__("./packages/components/src/core/Icon/index.tsx"),emotion_react_browser_esm=__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var fontBodyS=(0,styles.oJ)("s"),StyledText=(0,styled.ZP)("span")(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var spacings=(0,styles.Gr)(props),typography=(0,styles.cY)(props);return"\n margin: 0 ".concat(null==spacings?void 0:spacings.xs,"px;\n font-family: ").concat(null==typography?void 0:typography.fontFamily,";\n ")})),doNotForwardProps=["sdsStyle"],StyledLoadingIndicator=(0,styled.ZP)("div",{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var sdsStyle=props.sdsStyle,spacings=(0,styles.Gr)(props),style=(0,emotion_react_browser_esm.iv)(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n display: inline-flex;\n align-items: center;\n padding: ","px;\n "])),null==spacings?void 0:spacings.xxs);return(0,emotion_react_browser_esm.iv)(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n ","\n ","\n ","\n "])),style,"minimal"===sdsStyle&&function minimal(props){var colors=(0,styles.EC)(props),iconSizes=(0,styles.Dk)(props);return(0,emotion_react_browser_esm.iv)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n ","\n\n color: ",";\n\n svg {\n height: ","px;\n width: ","px;\n\n path {\n fill: ",";\n }\n }\n "])),fontBodyS(props),null==colors?void 0:colors.gray[500],null==iconSizes?void 0:iconSizes.s.height,null==iconSizes?void 0:iconSizes.s.width,null==colors?void 0:colors.gray[500])}(props),"tag"===sdsStyle&&function tag(props){var colors=(0,styles.EC)(props),corners=(0,styles.DV)(props);return(0,emotion_react_browser_esm.iv)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n ","\n\n background-color: ",";\n border-radius: ","px;\n color: ",";\n\n svg {\n path {\n fill: ",";\n }\n }\n "])),(0,styles.vz)(props),null==colors?void 0:colors.info[200],null==corners?void 0:corners.l,null==colors?void 0:colors.info[600],null==colors?void 0:colors.info[400])}(props))})),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),LoadingIndicator=function LoadingIndicator(_ref){var sdsStyle=_ref.sdsStyle;return(0,jsx_runtime.jsxs)(StyledLoadingIndicator,{sdsStyle,children:[(0,jsx_runtime.jsx)(Icon.Z,{sdsIcon:"loading",sdsSize:"l",sdsType:"static"}),(0,jsx_runtime.jsx)(StyledText,{children:"Loading"})]})};const core_LoadingIndicator=LoadingIndicator;try{LoadingIndicator.displayName="LoadingIndicator",LoadingIndicator.__docgenInfo={description:"",displayName:"LoadingIndicator",props:{sdsStyle:{defaultValue:null,description:"",name:"sdsStyle",required:!0,type:{name:"enum",value:[{value:'"minimal"'},{value:'"tag"'}]}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"SDSTheme"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/LoadingIndicator/index.tsx#LoadingIndicator"]={docgenInfo:LoadingIndicator.__docgenInfo,name:"LoadingIndicator",path:"packages/components/src/core/LoadingIndicator/index.tsx#LoadingIndicator"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/core/Tag/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>core_Tag});var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,emotion_react_browser_esm=__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),colorManipulator=__webpack_require__("./node_modules/@mui/system/esm/colorManipulator.js"),Chip=__webpack_require__("./node_modules/@mui/material/Chip/Chip.js"),styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=2?colors[1]:null==themeColors?void 0:themeColors[intent][400],backgroundClicked:colors.length>=2?(0,colorManipulator._j)(colors[1],.3):null==themeColors?void 0:themeColors[intent][600],backgroundHover:colors.length>=2?(0,colorManipulator._j)(colors[1],.15):null==themeColors?void 0:themeColors[intent][500],iconColor:colors.length>2?colors[2]:"white",label:colors.length?colors[0]:"white"},secondary:{background:colors.length>=2?colors[1]:null==themeColors?void 0:themeColors[intent][200],backgroundClicked:colors.length>=2?(0,colorManipulator._j)(colors[1],.3):null==themeColors?void 0:themeColors[intent][600],backgroundHover:colors.length>=2?(0,colorManipulator._j)(colors[1],.15):null==themeColors?void 0:themeColors[intent][500],iconColor:colors.length>2?colors[2]:null==themeColors?void 0:themeColors[intent][400],label:colors.length?colors[0]:null==themeColors?void 0:themeColors[intent][600]}}[type];return(0,emotion_react_browser_esm.iv)(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n background-color: ",";\n position: relative;\n\n .MuiChip-label {\n color: ",";\n }\n\n svg {\n fill: ",";\n }\n\n &:hover,\n &:active,\n &:focus {\n .MuiChip-label {\n color: white;\n }\n\n svg {\n fill: white;\n }\n }\n\n &:hover {\n background-color: ",";\n }\n\n &:active {\n background-color: ",";\n }\n\n &:focus {\n background-color: ",";\n }\n\n &:focus:hover {\n background-color: ",";\n }\n\n &:focus:active {\n background-color: ",";\n }\n "])),typeColors.background,typeColors.label,typeColors.iconColor,typeColors.backgroundHover,typeColors.backgroundClicked,typeColors.background,typeColors.backgroundHover,typeColors.backgroundClicked)}var typeToCss={primary:function primary(props){return createTypeCss(props,"primary")},secondary:function secondary(props){return createTypeCss(props,"secondary")}},doNotForwardProps=["sdsType","sdsStyle","tagColor","hover"],StyledTag=(0,styled.ZP)(Chip.Z,{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n border: none;\n\n ","\n"])),(function(props){var _props$hover=props.hover,hover=void 0===_props$hover||_props$hover,sdsType=props.sdsType,sdsStyle=props.sdsStyle,icon=props.icon,isRounded="rounded"===sdsStyle,type=sdsType||"primary";return(0,emotion_react_browser_esm.iv)(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n ","\n ","\n ","\n ","\n "])),icon?function withIcon(props){var spacings=(0,styles.Gr)(props),iconSizes=(0,styles.Dk)(props);return(0,emotion_react_browser_esm.iv)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n height: unset;\n margin: 0 ","px ","px 0;\n\n .MuiChip-label {\n ","\n padding: 0;\n }\n\n .MuiSvgIcon-root {\n height: ","px;\n width: ","px;\n padding-right: ","px;\n margin: 0 0 0 -","px;\n }\n\n .MuiChip-deleteIcon {\n ","\n color: white;\n margin: 0 0 0 ","px;\n height: ","px;\n width: ","px;\n }\n "])),null==spacings?void 0:spacings.xxs,null==spacings?void 0:spacings.xs,(0,styles.$g)(props),null==iconSizes?void 0:iconSizes.l.height,null==iconSizes?void 0:iconSizes.l.width,null==spacings?void 0:spacings.xxs,null==spacings?void 0:spacings.xxxs,(0,styles.J5)(props),null==spacings?void 0:spacings.xxs,null==iconSizes?void 0:iconSizes.s.height,null==iconSizes?void 0:iconSizes.s.width)}(props):function withoutIcon(props){var spacings=(0,styles.Gr)(props),iconSizes=(0,styles.Dk)(props);return(0,emotion_react_browser_esm.iv)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n height: unset;\n margin: 0 ","px ","px 0;\n\n .MuiChip-label {\n ","\n padding: 0;\n }\n\n .MuiChip-deleteIcon {\n ","\n color: white;\n margin: 0 0 0 ","px;\n height: ","px;\n width: ","px;\n }\n "])),null==spacings?void 0:spacings.xxs,null==spacings?void 0:spacings.xs,(0,styles.aI)(props),(0,styles.J5)(props),null==spacings?void 0:spacings.xxs,null==iconSizes?void 0:iconSizes.s.height,null==iconSizes?void 0:iconSizes.s.width)}(props),typeToCss[type](props),isRounded?function rounded(props){var corners=(0,styles.DV)(props),spacings=(0,styles.Gr)(props),icon=props.icon;return(0,emotion_react_browser_esm.iv)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n border-radius: ","px;\n padding: ",";\n\n &:after {\n border-radius: ","px;\n }\n "])),null==corners?void 0:corners.l,icon?"".concat(null==spacings?void 0:spacings.xxs,"px ").concat(null==spacings?void 0:spacings.s,"px ").concat(null==spacings?void 0:spacings.xxs,"px ").concat(null==spacings?void 0:spacings.xs,"px"):"".concat(null==spacings?void 0:spacings.xxxs,"px ").concat(null==spacings?void 0:spacings.s,"px"),null==corners?void 0:corners.l)}(props):function square(props){var corners=(0,styles.DV)(props),spacings=(0,styles.Gr)(props),icon=props.icon;return(0,emotion_react_browser_esm.iv)(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n border-radius: ","px;\n padding: ",";\n\n &:after {\n border-radius: ","px;\n }\n "])),null==corners?void 0:corners.m,icon?"".concat(null==spacings?void 0:spacings.xxs,"px ").concat(null==spacings?void 0:spacings.s,"px"):"".concat(null==spacings?void 0:spacings.xxxs,"px ").concat(null==spacings?void 0:spacings.xs,"px"),null==corners?void 0:corners.m)}(props),hover?function withHover(){return(0,emotion_react_browser_esm.iv)(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n &:hover {\n cursor: pointer;\n }\n\n &:hover,\n &:focus-visible {\n color: white;\n }\n "])))}():"pointer-events: none;")})),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i> & Element)"}},disabled:{defaultValue:{value:"false"},description:"If `true`, the component is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial & Partial>)"}},tabIndex:{defaultValue:null,description:"@ignore",name:"tabIndex",required:!1,type:{name:"number"}},children:{defaultValue:null,description:"This prop isn't supported.\nUse the `component` prop if you need to change the children structure.",name:"children",required:!1,type:{name:"null"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"SxProps"}},variant:{defaultValue:{value:"'filled'"},description:"The variant to use.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"outlined"'},{value:'"filled"'}]}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},size:{defaultValue:{value:"'medium'"},description:"The size of the component.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'}]}},avatar:{defaultValue:null,description:"The Avatar element to display.",name:"avatar",required:!1,type:{name:"ReactElement>"}},clickable:{defaultValue:null,description:"If `true`, the chip will appear clickable, and will raise when pressed,\neven if the onClick prop is not defined.\nIf `false`, the chip will not appear clickable, even if onClick prop is defined.\nThis can be used, for example,\nalong with the component prop to indicate an anchor Chip is clickable.\nNote: this controls the UI and does not affect the onClick event.",name:"clickable",required:!1,type:{name:"boolean"}},deleteIcon:{defaultValue:null,description:"Override the default delete icon element. Shown only if `onDelete` is set.",name:"deleteIcon",required:!1,type:{name:"ReactElement>"}},onDelete:{defaultValue:null,description:"Callback fired when the delete icon is clicked.\nIf set, the delete icon will be shown.",name:"onDelete",required:!1,type:{name:"((event: any) => void)"}},skipFocusWhenDisabled:{defaultValue:{value:"false"},description:"If `true`, allows the disabled chip to escape focus.\nIf `false`, allows the disabled chip to receive focus.",name:"skipFocusWhenDisabled",required:!1,type:{name:"boolean"}},hover:{defaultValue:null,description:"",name:"hover",required:!1,type:{name:"boolean"}},sdsType:{defaultValue:null,description:"",name:"sdsType",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'}]}},sdsStyle:{defaultValue:null,description:"",name:"sdsStyle",required:!1,type:{name:"enum",value:[{value:'"rounded"'},{value:'"square"'}]}},tagColor:{defaultValue:null,description:"",name:"tagColor",required:!1,type:{name:"SdsTagColorType"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"SDSTheme"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/Tag/index.tsx#Tag"]={docgenInfo:Tag.__docgenInfo,name:"Tag",path:"packages/components/src/core/Tag/index.tsx#Tag"})}catch(__react_docgen_typescript_loader_error){}}}]); \ No newline at end of file diff --git a/core-Dropdown-index-stories.d4710409.iframe.bundle.js b/core-Dropdown-index-stories.d4710409.iframe.bundle.js deleted file mode 100644 index b082c7d85..000000000 --- a/core-Dropdown-index-stories.d4710409.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_czi_sds_monorepo=self.webpackChunk_czi_sds_monorepo||[]).push([[9991],{"./packages/components/src/core/Dropdown/index.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ControlledDropdown:()=>ControlledDropdown,Default:()=>Default,InsideModal:()=>InsideModal,LoadingResultsIndicator:()=>LoadingResultsIndicator,Test:()=>Test,__namedExportsOrder:()=>__namedExportsOrder,default:()=>index_stories});var _templateObject,_templateObject2,styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),Paper=__webpack_require__("./node_modules/@mui/material/Paper/Paper.js"),Dialog=__webpack_require__("./node_modules/@mui/material/Dialog/Dialog.js"),react=__webpack_require__("./node_modules/react/index.js"),utils=__webpack_require__("./packages/components/src/common/utils.ts"),Button=__webpack_require__("./packages/components/src/core/Button/index.tsx"),GITHUB_LABELS=__webpack_require__("./packages/components/src/core/DropdownMenu/GITHUB_LABELS.tsx"),LoadingIndicator=__webpack_require__("./packages/components/src/core/LoadingIndicator/index.tsx"),DropdownMenu=__webpack_require__("./packages/components/src/core/DropdownMenu/index.tsx"),core_InputDropdown=(__webpack_require__("./packages/components/src/core/DropdownMenu/style.ts"),__webpack_require__("./packages/components/src/core/InputDropdown/index.tsx")),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(0,styled.ZP)("div")(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n width: 150px;\n"])));var StyledButton=(0,styled.ZP)(Button.Z)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var spacings=(0,styles.Gr)(props);return"\n margin-top: ".concat(null==spacings?void 0:spacings.l,"px;\n margin-bottom: ").concat(null==spacings?void 0:spacings.s,"px;\n\n &:first-of-type {\n margin-left: ").concat(null==spacings?void 0:spacings.s,"px;\n margin-right: ").concat(null==spacings?void 0:spacings.m,"px;\n }\n\n &:last-child {\n margin-left: 0;\n margin-right: ").concat(null==spacings?void 0:spacings.s,"px;\n }\n ")})),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}var _excluded=["options","label","multiple","search","buttonPosition","buttons","closeOnBlur","onChange","onClose","DropdownMenuProps","InputDropdownProps","value","PopperComponent","InputDropdownComponent","isTriggerChangeOnOptionClick","disabled"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Dropdown=function Dropdown(_ref){var options=_ref.options,_ref$label=_ref.label,label=void 0===_ref$label?"":_ref$label,_ref$multiple=_ref.multiple,multiple=void 0!==_ref$multiple&&_ref$multiple,_ref$search=_ref.search,search=void 0!==_ref$search&&_ref$search,_ref$buttonPosition=_ref.buttonPosition,buttonPosition=void 0===_ref$buttonPosition?"right":_ref$buttonPosition,_ref$buttons=_ref.buttons,buttons=void 0!==_ref$buttons&&_ref$buttons,_ref$closeOnBlur=_ref.closeOnBlur,closeOnBlur=void 0===_ref$closeOnBlur?!buttons:_ref$closeOnBlur,onChange=_ref.onChange,onClose=_ref.onClose,_ref$DropdownMenuProp=_ref.DropdownMenuProps,DropdownMenuProps=void 0===_ref$DropdownMenuProp?{}:_ref$DropdownMenuProp,_ref$InputDropdownPro=_ref.InputDropdownProps,InputDropdownProps=void 0===_ref$InputDropdownPro?{sdsStyle:"minimal"}:_ref$InputDropdownPro,propValue=_ref.value,PopperComponent=_ref.PopperComponent,_ref$InputDropdownCom=_ref.InputDropdownComponent,InputDropdownComponent=void 0===_ref$InputDropdownCom?core_InputDropdown.Z:_ref$InputDropdownCom,_ref$isTriggerChangeO=_ref.isTriggerChangeOnOptionClick,isTriggerChangeOnOptionClick=void 0!==_ref$isTriggerChangeO&&_ref$isTriggerChangeO,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,rest=_objectWithoutProperties(_ref,_excluded);buttons&&!multiple&&console.warn("Warning: buttons are only supported for multiple select dropdowns.");var isControlled=void 0!==propValue,_useState2=_slicedToArray((0,react.useState)(null),2),anchorEl=_useState2[0],setAnchorEl=_useState2[1],_useState4=_slicedToArray((0,react.useState)((function getInitialValue(){if(isControlled)return propValue;return multiple?[]:null})),2),value=_useState4[0],setValue=_useState4[1],_useState6=_slicedToArray((0,react.useState)([]),2),pendingValue=_useState6[0],setPendingValue=_useState6[1];(0,react.useEffect)((function(){onChange(value)}),[value]),(0,react.useEffect)((function(){isControlled&&setValue(propValue)}),[propValue]);var _useState8=_slicedToArray((0,react.useState)(!1),2),open=_useState8[0],setOpen=_useState8[1],shouldShowButtons=buttons&&!isTriggerChangeOnOptionClick&&multiple;return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(InputDropdownComponent,_objectSpread(_objectSpread({disabled,label,onClick:function handleClick(event){open?(multiple&&setValue(pendingValue),setOpen(!1),anchorEl&&anchorEl.focus()):(multiple&&setPendingValue(value),setAnchorEl(event.currentTarget),setOpen(!0))},sdsStage:open?"userInput":"default"},InputDropdownProps),rest)),(0,jsx_runtime.jsx)(DropdownMenu.Z,_objectSpread(_objectSpread({anchorEl,open,search,onClose:handleClose,multiple,value:multiple?pendingValue:value,onChange:function handleChange(_,newValue){if(multiple)return isTriggerChangeOnOptionClick?(setPendingValue(newValue),setValue(newValue)):setPendingValue(newValue);setValue(newValue),setOpen(!1)},disableCloseOnSelect:multiple,PopperComponent,PopperBaseProps:{sx:{minWidth:250}},options,onClickAway:function handleClickAway(){open&&(closeOnBlur&&!shouldShowButtons&&setOpen(!1),multiple&&setValue(pendingValue))}},DropdownMenuProps),{},{children:shouldShowButtons?(0,jsx_runtime.jsx)("div",{children:"left"===buttonPosition?(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(StyledButton,{onClick:handleClose,sdsStyle:"square",sdsType:"primary",children:"Apply"}),(0,jsx_runtime.jsx)(StyledButton,{onClick:handleCancel,sdsStyle:"square",sdsType:"secondary",children:"Cancel"})]}):(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)(StyledButton,{onClick:handleCancel,sdsStyle:"square",sdsType:"secondary",children:"Cancel"}),(0,jsx_runtime.jsx)(StyledButton,{onClick:handleClose,sdsStyle:"square",sdsType:"primary",children:"Apply"})]})}):null}))]});function handleClose(_,reason){"toggleInput"!==reason&&(shouldShowButtons&&"blur"===reason||(multiple&&setValue(pendingValue),anchorEl&&anchorEl.focus(),closeOnBlur&&(null==onClose||onClose()),shouldShowButtons&&(null==onClose||onClose(),setOpen(!1))))}function handleCancel(){multiple&&setPendingValue(value),anchorEl&&anchorEl.focus(),null==onClose||onClose(),setOpen(!1)}};const core_Dropdown=Dropdown;try{InputDropdown.displayName="InputDropdown",InputDropdown.__docgenInfo={description:"",displayName:"InputDropdown",props:{disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},intent:{defaultValue:null,description:"",name:"intent",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"warning"'},{value:'"error"'}]}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void) & MouseEventHandler"}},state:{defaultValue:null,description:"",name:"state",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"open"'}]}},sdsStage:{defaultValue:null,description:"",name:"sdsStage",required:!0,type:{name:"enum",value:[{value:'"default"'},{value:'"userInput"'}]}},sdsStyle:{defaultValue:null,description:"",name:"sdsStyle",required:!1,type:{name:"enum",value:[{value:'"rounded"'},{value:'"square"'},{value:'"minimal"'}]}},sdsType:{defaultValue:null,description:"",name:"sdsType",required:!1,type:{name:"enum",value:[{value:'"label"'},{value:'"value"'}]}},multiple:{defaultValue:null,description:"",name:"multiple",required:!1,type:{name:"boolean"}},details:{defaultValue:null,description:"",name:"details",required:!1,type:{name:"ReactNode"}},counter:{defaultValue:null,description:"",name:"counter",required:!1,type:{name:"ReactNode"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"ReactNode"}},shouldTruncateMinimalDetails:{defaultValue:null,description:"",name:"shouldTruncateMinimalDetails",required:!1,type:{name:"boolean"}},shouldPutAColonAfterLabel:{defaultValue:null,description:"",name:"shouldPutAColonAfterLabel",required:!1,type:{name:"boolean"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"SDSTheme"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/Dropdown/index.tsx#InputDropdown"]={docgenInfo:InputDropdown.__docgenInfo,name:"InputDropdown",path:"packages/components/src/core/Dropdown/index.tsx#InputDropdown"})}catch(__react_docgen_typescript_loader_error){}try{StyledPaper.displayName="StyledPaper",StyledPaper.__docgenInfo={description:"",displayName:"StyledPaper",props:{children:{defaultValue:null,description:"The content of the component.",name:"children",required:!1,type:{name:"ReactNode"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial & Partial>)"}},elevation:{defaultValue:{value:"1"},description:"Shadow depth, corresponds to `dp` in the spec.\nIt accepts values between 0 and 24 inclusive.",name:"elevation",required:!1,type:{name:"number"}},square:{defaultValue:{value:"false"},description:"If `true`, rounded corners are disabled.",name:"square",required:!1,type:{name:"boolean"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"SxProps"}},variant:{defaultValue:{value:"'elevation'"},description:"The variant to use.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"elevation"'},{value:'"outlined"'}]}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/Dropdown/index.tsx#StyledPaper"]={docgenInfo:StyledPaper.__docgenInfo,name:"StyledPaper",path:"packages/components/src/core/Dropdown/index.tsx#StyledPaper"})}catch(__react_docgen_typescript_loader_error){}try{StyledPopper.displayName="StyledPopper",StyledPopper.__docgenInfo={description:"",displayName:"StyledPopper",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},component:{defaultValue:null,description:"The component used for the root node.\nEither a string to use a HTML element or a component.",name:"component",required:!1,type:{name:"ElementType"}},components:{defaultValue:{value:"{}"},description:"The components used for each slot inside the Popper.\nEither a string to use a HTML element or a component.",name:"components",required:!1,type:{name:"{ Root?: ElementType; }"}},componentsProps:{defaultValue:{value:"{}"},description:"The props used for each slot inside the Popper.",name:"componentsProps",required:!1,type:{name:'{ root?: SlotComponentProps<"div", PopperRootSlotPropsOverrides, PopperOwnProps>; }'}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"SxProps"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/Dropdown/index.tsx#StyledPopper"]={docgenInfo:StyledPopper.__docgenInfo,name:"StyledPopper",path:"packages/components/src/core/Dropdown/index.tsx#StyledPopper"})}catch(__react_docgen_typescript_loader_error){}try{Dropdown.displayName="Dropdown",Dropdown.__docgenInfo={description:"",displayName:"Dropdown",props:{buttonPosition:{defaultValue:{value:"right"},description:"",name:"buttonPosition",required:!1,type:{name:"enum",value:[{value:'"right"'},{value:'"left"'}]}},buttons:{defaultValue:{value:"false"},description:"",name:"buttons",required:!1,type:{name:"boolean"}},closeOnBlur:{defaultValue:{value:"!buttons"},description:"",name:"closeOnBlur",required:!1,type:{name:"boolean"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},label:{defaultValue:{value:""},description:"",name:"label",required:!1,type:{name:"ReactNode"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"DefaultDropdownMenuOption[]"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(options: Value) => void"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!1,type:{name:"(() => void)"}},multiple:{defaultValue:{value:"false"},description:"",name:"multiple",required:!1,type:{name:"boolean"}},search:{defaultValue:{value:"false"},description:"",name:"search",required:!1,type:{name:"boolean"}},DropdownMenuProps:{defaultValue:{value:"{}"},description:"",name:"DropdownMenuProps",required:!1,type:{name:"Partial>"}},InputDropdownProps:{defaultValue:{value:'{ sdsStyle: "minimal" }'},description:"",name:"InputDropdownProps",required:!1,type:{name:"Partial"}},value:{defaultValue:null,description:"",name:"value",required:!1,type:{name:"DefaultDropdownMenuOption | DefaultDropdownMenuOption[] | null"}},style:{defaultValue:null,description:"",name:"style",required:!1,type:{name:"CSSProperties"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},PopperComponent:{defaultValue:null,description:"",name:"PopperComponent",required:!1,type:{name:'StyledComponent, "direction"> & { component?: ElementType; components?: { Root?: ElementType; } | undefined; componentsProps?: { ...; } | undefined; sx?: SxProps<...> | undefined; } & RefAttributes<...> & MUIStyledCommonProps<...>, {}, {}> | RenderFunctionTyp...'}},InputDropdownComponent:{defaultValue:null,description:"",name:"InputDropdownComponent",required:!1,type:{name:"((props: InputDropdownProps) => Element)"}},isTriggerChangeOnOptionClick:{defaultValue:{value:"false"},description:"",name:"isTriggerChangeOnOptionClick",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/Dropdown/index.tsx#Dropdown"]={docgenInfo:Dropdown.__docgenInfo,name:"Dropdown",path:"packages/components/src/core/Dropdown/index.tsx#Dropdown"})}catch(__react_docgen_typescript_loader_error){}var index_stories_templateObject,index_stories_templateObject2,_templateObject3,_Default$parameters,_Default$parameters2,_LoadingResultsIndica,_LoadingResultsIndica2,_InsideModal$paramete,_InsideModal$paramete2,_ControlledDropdown$p,_ControlledDropdown$p2,_Test$parameters,_Test$parameters2;function index_stories_typeof(obj){return index_stories_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},index_stories_typeof(obj)}function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return index_stories_arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||index_stories_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function index_stories_slicedToArray(arr,i){return function index_stories_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function index_stories_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||index_stories_unsupportedIterableToArray(arr,i)||function index_stories_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function index_stories_unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return index_stories_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?index_stories_arrayLikeToArray(o,minLen):void 0}}function index_stories_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i\n },\n label: LABEL,\n onChange: noop,\n options: []\n },\n parameters: {\n snapshot: {\n skip: true\n }\n }\n}'},null===(_LoadingResultsIndica2=LoadingResultsIndicator.parameters)||void 0===_LoadingResultsIndica2||null===(_LoadingResultsIndica2=_LoadingResultsIndica2.docs)||void 0===_LoadingResultsIndica2?void 0:_LoadingResultsIndica2.source)})}),InsideModal.parameters=index_stories_objectSpread(index_stories_objectSpread({},InsideModal.parameters),{},{docs:index_stories_objectSpread(index_stories_objectSpread({},null===(_InsideModal$paramete=InsideModal.parameters)||void 0===_InsideModal$paramete?void 0:_InsideModal$paramete.docs),{},{source:index_stories_objectSpread({originalSource:'{\n parameters: {\n axe: {\n disabledRules: ["aria-dialog-name"]\n },\n snapshot: {\n skip: true\n }\n },\n render: function InsideModalComponent(): JSX.Element {\n const [value, setValue] = useState([GITHUB_LABELS[0], GITHUB_LABELS[1]]);\n const FullWidthDropdown = styled(RawDropdown)`\n width: 100%;\n `;\n return \n \n ;\n function handleChange(newValue: DefaultDropdownMenuOption | DefaultDropdownMenuOption[] | null) {\n setValue(newValue);\n }\n }\n}'},null===(_InsideModal$paramete2=InsideModal.parameters)||void 0===_InsideModal$paramete2||null===(_InsideModal$paramete2=_InsideModal$paramete2.docs)||void 0===_InsideModal$paramete2?void 0:_InsideModal$paramete2.source)})}),ControlledDropdown.parameters=index_stories_objectSpread(index_stories_objectSpread({},ControlledDropdown.parameters),{},{docs:index_stories_objectSpread(index_stories_objectSpread({},null===(_ControlledDropdown$p=ControlledDropdown.parameters)||void 0===_ControlledDropdown$p?void 0:_ControlledDropdown$p.docs),{},{source:index_stories_objectSpread({originalSource:"{\n args: {\n label: LABEL\n },\n parameters: {\n snapshot: {\n skip: true\n }\n },\n render: (args: Args) => \n}"},null===(_ControlledDropdown$p2=ControlledDropdown.parameters)||void 0===_ControlledDropdown$p2||null===(_ControlledDropdown$p2=_ControlledDropdown$p2.docs)||void 0===_ControlledDropdown$p2?void 0:_ControlledDropdown$p2.source)})}),Test.parameters=index_stories_objectSpread(index_stories_objectSpread({},Test.parameters),{},{docs:index_stories_objectSpread(index_stories_objectSpread({},null===(_Test$parameters=Test.parameters)||void 0===_Test$parameters?void 0:_Test$parameters.docs),{},{source:index_stories_objectSpread({originalSource:'{\n args: {\n buttonPosition: "left",\n label: LABEL,\n onChange: noop\n },\n parameters: {\n snapshot: {\n skip: true\n }\n },\n render: (args: Args) => \n}'},null===(_Test$parameters2=Test.parameters)||void 0===_Test$parameters2||null===(_Test$parameters2=_Test$parameters2.docs)||void 0===_Test$parameters2?void 0:_Test$parameters2.source)})});var __namedExportsOrder=["Default","LoadingResultsIndicator","InsideModal","ControlledDropdown","Test"]},"./packages/components/src/core/LoadingIndicator/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>core_LoadingIndicator});var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,Icon=__webpack_require__("./packages/components/src/core/Icon/index.tsx"),emotion_react_browser_esm=__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var fontBodyS=(0,styles.oJ)("s"),StyledText=(0,styled.ZP)("span")(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var spacings=(0,styles.Gr)(props),typography=(0,styles.cY)(props);return"\n margin: 0 ".concat(null==spacings?void 0:spacings.xs,"px;\n font-family: ").concat(null==typography?void 0:typography.fontFamily,";\n ")})),doNotForwardProps=["sdsStyle"],StyledLoadingIndicator=(0,styled.ZP)("div",{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var sdsStyle=props.sdsStyle,spacings=(0,styles.Gr)(props),style=(0,emotion_react_browser_esm.iv)(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n display: inline-flex;\n align-items: center;\n padding: ","px;\n "])),null==spacings?void 0:spacings.xxs);return(0,emotion_react_browser_esm.iv)(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n ","\n ","\n ","\n "])),style,"minimal"===sdsStyle&&function minimal(props){var colors=(0,styles.EC)(props),iconSizes=(0,styles.Dk)(props);return(0,emotion_react_browser_esm.iv)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n ","\n\n color: ",";\n\n svg {\n height: ","px;\n width: ","px;\n\n path {\n fill: ",";\n }\n }\n "])),fontBodyS(props),null==colors?void 0:colors.gray[500],null==iconSizes?void 0:iconSizes.s.height,null==iconSizes?void 0:iconSizes.s.width,null==colors?void 0:colors.gray[500])}(props),"tag"===sdsStyle&&function tag(props){var colors=(0,styles.EC)(props),corners=(0,styles.DV)(props);return(0,emotion_react_browser_esm.iv)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n ","\n\n background-color: ",";\n border-radius: ","px;\n color: ",";\n\n svg {\n path {\n fill: ",";\n }\n }\n "])),(0,styles.vz)(props),null==colors?void 0:colors.info[200],null==corners?void 0:corners.l,null==colors?void 0:colors.info[600],null==colors?void 0:colors.info[400])}(props))})),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),LoadingIndicator=function LoadingIndicator(_ref){var sdsStyle=_ref.sdsStyle;return(0,jsx_runtime.jsxs)(StyledLoadingIndicator,{sdsStyle,children:[(0,jsx_runtime.jsx)(Icon.Z,{sdsIcon:"loading",sdsSize:"l",sdsType:"static"}),(0,jsx_runtime.jsx)(StyledText,{children:"Loading"})]})};const core_LoadingIndicator=LoadingIndicator;try{LoadingIndicator.displayName="LoadingIndicator",LoadingIndicator.__docgenInfo={description:"",displayName:"LoadingIndicator",props:{sdsStyle:{defaultValue:null,description:"",name:"sdsStyle",required:!0,type:{name:"enum",value:[{value:'"minimal"'},{value:'"tag"'}]}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"SDSTheme"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/LoadingIndicator/index.tsx#LoadingIndicator"]={docgenInfo:LoadingIndicator.__docgenInfo,name:"LoadingIndicator",path:"packages/components/src/core/LoadingIndicator/index.tsx#LoadingIndicator"})}catch(__react_docgen_typescript_loader_error){}}}]); \ No newline at end of file diff --git a/core-DropdownMenu-index-stories.a6964843.iframe.bundle.js b/core-DropdownMenu-index-stories.a6964843.iframe.bundle.js deleted file mode 100644 index d55661106..000000000 --- a/core-DropdownMenu-index-stories.a6964843.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_czi_sds_monorepo=self.webpackChunk_czi_sds_monorepo||[]).push([[1485],{"./node_modules/@mui/base/ClickAwayListener/ClickAwayListener.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_mui_utils__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mui/utils/esm/useForkRef.js"),_mui_utils__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@mui/utils/esm/useEventCallback.js"),_mui_utils__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@mui/utils/esm/ownerDocument.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");function mapEventPropToEvent(eventProp){return eventProp.substring(2).toLowerCase()}const __WEBPACK_DEFAULT_EXPORT__=function ClickAwayListener(props){const{children,disableReactTree=!1,mouseEvent="onClick",onClickAway,touchEvent="onTouchEnd"}=props,movedRef=react__WEBPACK_IMPORTED_MODULE_0__.useRef(!1),nodeRef=react__WEBPACK_IMPORTED_MODULE_0__.useRef(null),activatedRef=react__WEBPACK_IMPORTED_MODULE_0__.useRef(!1),syntheticEventRef=react__WEBPACK_IMPORTED_MODULE_0__.useRef(!1);react__WEBPACK_IMPORTED_MODULE_0__.useEffect((()=>(setTimeout((()=>{activatedRef.current=!0}),0),()=>{activatedRef.current=!1})),[]);const handleRef=(0,_mui_utils__WEBPACK_IMPORTED_MODULE_2__.Z)(children.ref,nodeRef),handleClickAway=(0,_mui_utils__WEBPACK_IMPORTED_MODULE_3__.Z)((event=>{const insideReactTree=syntheticEventRef.current;syntheticEventRef.current=!1;const doc=(0,_mui_utils__WEBPACK_IMPORTED_MODULE_4__.Z)(nodeRef.current);if(!activatedRef.current||!nodeRef.current||"clientX"in event&&function clickedRootScrollbar(event,doc){return doc.documentElement.clientWidth-1:!doc.documentElement.contains(event.target)||nodeRef.current.contains(event.target),insideDOM||!disableReactTree&&insideReactTree||onClickAway(event)})),createHandleSynthetic=handlerName=>event=>{syntheticEventRef.current=!0;const childrenPropsHandler=children.props[handlerName];childrenPropsHandler&&childrenPropsHandler(event)},childrenProps={ref:handleRef};return!1!==touchEvent&&(childrenProps[touchEvent]=createHandleSynthetic(touchEvent)),react__WEBPACK_IMPORTED_MODULE_0__.useEffect((()=>{if(!1!==touchEvent){const mappedTouchEvent=mapEventPropToEvent(touchEvent),doc=(0,_mui_utils__WEBPACK_IMPORTED_MODULE_4__.Z)(nodeRef.current),handleTouchMove=()=>{movedRef.current=!0};return doc.addEventListener(mappedTouchEvent,handleClickAway),doc.addEventListener("touchmove",handleTouchMove),()=>{doc.removeEventListener(mappedTouchEvent,handleClickAway),doc.removeEventListener("touchmove",handleTouchMove)}}}),[handleClickAway,touchEvent]),!1!==mouseEvent&&(childrenProps[mouseEvent]=createHandleSynthetic(mouseEvent)),react__WEBPACK_IMPORTED_MODULE_0__.useEffect((()=>{if(!1!==mouseEvent){const mappedMouseEvent=mapEventPropToEvent(mouseEvent),doc=(0,_mui_utils__WEBPACK_IMPORTED_MODULE_4__.Z)(nodeRef.current);return doc.addEventListener(mappedMouseEvent,handleClickAway),()=>{doc.removeEventListener(mappedMouseEvent,handleClickAway)}}}),[handleClickAway,mouseEvent]),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:react__WEBPACK_IMPORTED_MODULE_0__.cloneElement(children,childrenProps)})}},"./packages/components/src/core/DropdownMenu/index.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,LivePreview:()=>LivePreview,ScreenshotTest:()=>ScreenshotTest,Test:()=>Test,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _templateObject,_templateObject2,_Default$parameters,_Default$parameters2,_LivePreview$paramete,_LivePreview$paramete2,_ScreenshotTest$param,_ScreenshotTest$param2,_Test$parameters,_Test$parameters2,_mui_material__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_ButtonIcon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/core/ButtonIcon/index.tsx"),_InputDropdown__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/core/InputDropdown/index.tsx"),_Tag__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/core/Tag/index.tsx"),_GITHUB_LABELS__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/core/DropdownMenu/GITHUB_LABELS.tsx"),_index__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/components/src/core/DropdownMenu/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/jsx-runtime.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i span {\n font-size: 13px;\n }\n }\n"]))),StyledInputDropdownLive3=(0,_mui_material__WEBPACK_IMPORTED_MODULE_7__.ZP)(_InputDropdown__WEBPACK_IMPORTED_MODULE_2__.Z)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n position: relative !important;\n min-width: 160px;\n &.MuiButtonBase-root {\n margin: 0 !important;\n\n & > span {\n font-size: 13px;\n }\n }\n"]))),LIVE_PREVIEW_LABELS=[{name:"Menu Item 1",section:"Section 1"},{name:"Menu Item 2",section:"Section 1"},{name:"Menu Item 3",section:"Section 1"},{name:"Menu Item 4",section:"Section 2"},{name:"Menu Item 5",section:"Section 2"},{name:"Menu Item 6",section:"Section 2"}],LivePreviewDemo=function LivePreviewDemo(){var options=LIVE_PREVIEW_LABELS,_useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),2),anchorEl1=_useState6[0],setAnchorEl1=_useState6[1],_useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),2),anchorEl2=_useState8[0],setAnchorEl2=_useState8[1],_useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),2),anchorEl3=_useState10[0],setAnchorEl3=_useState10[1],_useState12=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),2),anchorEl4=_useState12[0],setAnchorEl4=_useState12[1],_useState14=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),open1=_useState14[0],setOpen1=_useState14[1],_useState16=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),open2=_useState16[0],setOpen2=_useState16[1],_useState18=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),open3=_useState18[0],setOpen3=_useState18[1],_useState20=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),open4=_useState20[0],setOpen4=_useState20[1],_useState22=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),2),value1=_useState22[0],setValue1=_useState22[1],_useState24=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),2),value2=_useState24[0],setValue2=_useState24[1],_useState26=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),2),pendingValue3=_useState26[0],setPendingValue3=_useState26[1],_useState28=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),2),pendingValue4=_useState28[0],setPendingValue4=_useState28[1];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div",{style:storyRow,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div",{style:{alignSelf:"end",gridArea:"1/1/2/2"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(StyledInputDropdownLive1,{"aria-describedby":"live1",onClick:function handleClick1(event){open1?(setOpen1(!1),anchorEl1&&anchorEl1.focus(),setAnchorEl1(null)):(setAnchorEl1(event.currentTarget),setOpen1(!0))},label:"Click Target",sdsStage:open1?"userInput":"default",sdsType:"label",multiple:!1,sdsStyle:"minimal"}),anchorEl1?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_index__WEBPACK_IMPORTED_MODULE_5__.Z,{anchorEl:anchorEl1,open:!!open1,onChange:function handleChange1(_,newValue){setOpen1(!1),setValue1(newValue)},disableCloseOnSelect:!1,options:options.slice(0,3),PopperBaseProps:{placement:"bottom-start",sx:{width:160}},search:!1,multiple:!1,hasSections:!1,value:value1,onClickAway:function handleClickAway1(){return open1&&setOpen1(!1)}}):null]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div",{style:{gridArea:"1/2/2/3"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_ButtonIcon__WEBPACK_IMPORTED_MODULE_1__.Z,{"aria-describedby":"live2","aria-label":"Open menu",onClick:function handleClick2(event){open2?(setOpen2(!1),anchorEl2&&anchorEl2.focus(),setAnchorEl2(null)):(setAnchorEl2(event.currentTarget),setOpen2(!0))},on:!1,sdsSize:"large",sdsType:"secondary",sdsIcon:"infoSpeechBubble"}),anchorEl2?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_index__WEBPACK_IMPORTED_MODULE_5__.Z,{anchorEl:anchorEl2,open:!!open2,search:!1,multiple:!1,onChange:function handleChange2(_,newValue){setOpen2(!1),setValue2(newValue)},disableCloseOnSelect:!1,options:options.slice(0,3),PopperBaseProps:{placement:"bottom-start",sx:{width:160}},value:value2,title:"Title Lorem Ipsum",onClickAway:function handleClickAway2(){return open2&&setOpen2(!1)}}):null]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div",{style:{gridArea:"1/3/2/4"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(StyledInputDropdownLive3,{"aria-describedby":"live3",onClick:function handleClick3(event){open3?(setOpen3(!1),anchorEl3&&anchorEl3.focus(),setAnchorEl3(null)):(setAnchorEl3(event.currentTarget),setOpen3(!0))},label:"Click Target",sdsStage:open3?"userInput":"default",sdsType:"label",multiple:!0,sdsStyle:"rounded"}),anchorEl3?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_index__WEBPACK_IMPORTED_MODULE_5__.Z,{anchorEl:anchorEl3,open:!!open3,search:!0,multiple:!0,onChange:function handleChange3(_,newValue){return setPendingValue3(newValue)},disableCloseOnSelect:!0,options,PopperBaseProps:{placement:"bottom-start",sx:{width:160}},value:pendingValue3,onClickAway:function handleClickAway3(){return open3&&setOpen3(!1)}}):null]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div",{style:{gridArea:"1/4/2/5"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(StyledInputDropdownLive3,{"aria-describedby":"live4",onClick:function handleClick4(event){open4?(setOpen4(!1),anchorEl4&&anchorEl4.focus(),setAnchorEl4(null)):(setAnchorEl4(event.currentTarget),setOpen4(!0))},label:"Click Target",sdsStage:open4?"userInput":"default",sdsType:"label",multiple:!0,sdsStyle:"square"}),anchorEl4?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_index__WEBPACK_IMPORTED_MODULE_5__.Z,{anchorEl:anchorEl4,open:!!open4,search:!1,multiple:!0,hasSections:!0,groupBy:function groupBy(option){return option.section},onChange:function handleChange4(_,newValue){return setPendingValue4(newValue)},disableCloseOnSelect:!0,options,PopperBaseProps:{placement:"bottom-start",sx:{width:160}},value:pendingValue4,onClickAway:function handleClickAway4(){return open4&&setOpen4(!1)}}):null]})]})},LivePreview={args:{keepSearchOnSelect:!0,multiple:!1,search:!1},parameters:{snapshot:{skip:!0}},render:function render(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(LivePreviewDemo,_objectSpread({},args))}},ScreenshotTestDemo=function ScreenshotTestDemo(props){var TITLE_OPTIONS=[void 0,"Sample title text"],SEARCH_OPTIONS=[!1,!0],GROUP_BY_OPTIONS=[!1,!0],SCREENSHOT_TEST_TAG_COMPONENT={component:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div",{children:["Available Labels:",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div",{style:{marginTop:10},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{label:"bug",sdsStyle:"rounded",sdsType:"secondary",color:"error"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{label:"feature",sdsStyle:"rounded",sdsType:"secondary",color:"warning"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{label:"refactor",sdsStyle:"rounded",sdsType:"secondary",color:"gray"})]})]}),name:"custom 2",section:"custom component"},SCREENSHOT_TEST_OPTIONS=LIVE_PREVIEW_LABELS.concat(SCREENSHOT_TEST_TAG_COMPONENT),DISPLAY_CONTENTS={display:"contents"},MID_LABEL={borderStyle:"solid none none none",gridColumn:"1 / 3",justifySelf:"stretch",paddingTop:10};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:TITLE_OPTIONS.map((function(title){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(DropdownMenuTitle,{title},title)}))});function DropdownMenuTitle(_ref){var title=_ref.title;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div",{style:{columnGap:"25px",display:"inline-grid",fontFamily:"sans-serif",marginLeft:"50px"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("p",{style:{fontSize:"2em",gridColumn:"1 / 3",marginBottom:10},children:["Title: ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("b",{children:title?"yes":"no"})]}),SEARCH_OPTIONS.map((function(search){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(DropdownMenuSearch,{title,search},String(search))}))]})}function DropdownMenuSearch(_ref2){var title=_ref2.title,search=_ref2.search,SEARCH_LABEL=_objectSpread(_objectSpread({},MID_LABEL),{},{borderWidth:"2px",fontSize:"1.17em",margin:0}),LEVEL_STYLE={margin:"0 300px 475px 0"},GROUP_BY_LABEL={fontSize:"0.67em",margin:"10px 0 475px"};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div",{style:DISPLAY_CONTENTS,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("p",{style:SEARCH_LABEL,children:["Search: ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("b",{children:search?"yes":"no"})]}),GROUP_BY_OPTIONS.map((function(groupBy){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div",{style:LEVEL_STYLE,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("p",{style:GROUP_BY_LABEL,children:["Grouped: ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("b",{children:groupBy?"yes":"no"})]}),(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(DropdownMenu,_objectSpread(_objectSpread({},props),{},{hasSections:!0,groupBy:groupBy&&function(option){return option.section},options:SCREENSHOT_TEST_OPTIONS,title,search,key:String(groupBy)}))]})},"level-".concat(String(groupBy)))}))]})}},ScreenshotTest={parameters:{axe:{timeout:1e4},controls:{exclude:["groupBy","keepSearchOnSelect","multiple","search","title","ClickAwayListenerProps","label"]},snapshot:{skip:!0}},render:function render(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(ScreenshotTestDemo,_objectSpread({},args))}},TestDemo=function TestDemo(props){var multiple=props.multiple,_props$options2=props.options,options=void 0===_props$options2?_GITHUB_LABELS__WEBPACK_IMPORTED_MODULE_4__.j:_props$options2,search=props.search,anchorRef=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),_useState30=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),2),anchorEl=_useState30[0],setAnchorEl=_useState30[1],_useState32=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(multiple?[]:null),2),value=_useState32[0],setValue=_useState32[1],_useState34=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),2),pendingValue=_useState34[0],setPendingValue=_useState34[1];return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){setAnchorEl(anchorRef.current)}),[]),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div",{style:{margin:"16px 0 0 24px"},ref:anchorRef,children:anchorEl?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_index__WEBPACK_IMPORTED_MODULE_5__.Z,_objectSpread({anchorEl,open:!0,search,multiple,value:multiple?pendingValue:value,onChange:function handleChange(_,newValue){multiple||setValue(newValue);return setPendingValue(newValue)},disableCloseOnSelect:multiple,options,onClickAway:function handleClickAway(){return multiple&&setValue(pendingValue)},groupBy:function groupBy(option){return option.section}},props)):null})},Test={args:{keepSearchOnSelect:!1,multiple:!0,search:!0,title:"Github Labels"},parameters:{snapshot:{skip:!0}},render:function render(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(TestDemo,_objectSpread({"data-testid":"dropdown-menu"},args))}};Default.parameters=_objectSpread(_objectSpread({},Default.parameters),{},{docs:_objectSpread(_objectSpread({},null===(_Default$parameters=Default.parameters)||void 0===_Default$parameters?void 0:_Default$parameters.docs),{},{source:_objectSpread({originalSource:'{\n args: {\n groupBy: groupByOptions[1],\n keepSearchOnSelect: true,\n multiple: true,\n search: true,\n title: "Github Labels"\n }\n}'},null===(_Default$parameters2=Default.parameters)||void 0===_Default$parameters2||null===(_Default$parameters2=_Default$parameters2.docs)||void 0===_Default$parameters2?void 0:_Default$parameters2.source)})}),LivePreview.parameters=_objectSpread(_objectSpread({},LivePreview.parameters),{},{docs:_objectSpread(_objectSpread({},null===(_LivePreview$paramete=LivePreview.parameters)||void 0===_LivePreview$paramete?void 0:_LivePreview$paramete.docs),{},{source:_objectSpread({originalSource:"{\n args: {\n keepSearchOnSelect: true,\n multiple: false,\n search: false\n },\n parameters: {\n snapshot: {\n skip: true\n }\n },\n render: (args: Args) => \n}"},null===(_LivePreview$paramete2=LivePreview.parameters)||void 0===_LivePreview$paramete2||null===(_LivePreview$paramete2=_LivePreview$paramete2.docs)||void 0===_LivePreview$paramete2?void 0:_LivePreview$paramete2.source)})}),ScreenshotTest.parameters=_objectSpread(_objectSpread({},ScreenshotTest.parameters),{},{docs:_objectSpread(_objectSpread({},null===(_ScreenshotTest$param=ScreenshotTest.parameters)||void 0===_ScreenshotTest$param?void 0:_ScreenshotTest$param.docs),{},{source:_objectSpread({originalSource:'{\n parameters: {\n axe: {\n timeout: 10 * 1000\n },\n controls: {\n exclude: ["groupBy", "keepSearchOnSelect", "multiple", "search", "title", "ClickAwayListenerProps", "label"]\n },\n snapshot: {\n skip: true\n }\n },\n render: (args: Args) => \n}'},null===(_ScreenshotTest$param2=ScreenshotTest.parameters)||void 0===_ScreenshotTest$param2||null===(_ScreenshotTest$param2=_ScreenshotTest$param2.docs)||void 0===_ScreenshotTest$param2?void 0:_ScreenshotTest$param2.source)})}),Test.parameters=_objectSpread(_objectSpread({},Test.parameters),{},{docs:_objectSpread(_objectSpread({},null===(_Test$parameters=Test.parameters)||void 0===_Test$parameters?void 0:_Test$parameters.docs),{},{source:_objectSpread({originalSource:'{\n args: {\n keepSearchOnSelect: false,\n multiple: true,\n search: true,\n title: "Github Labels"\n },\n parameters: {\n snapshot: {\n skip: true\n }\n },\n render: (args: Args) => \n}'},null===(_Test$parameters2=Test.parameters)||void 0===_Test$parameters2||null===(_Test$parameters2=_Test$parameters2.docs)||void 0===_Test$parameters2?void 0:_Test$parameters2.source)})});var __namedExportsOrder=["Default","LivePreview","ScreenshotTest","Test"]}}]); \ No newline at end of file diff --git a/core-DropdownMenu-index-stories.c5fbe0b8.iframe.bundle.js b/core-DropdownMenu-index-stories.c5fbe0b8.iframe.bundle.js new file mode 100644 index 000000000..beaec61f9 --- /dev/null +++ b/core-DropdownMenu-index-stories.c5fbe0b8.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_czi_sds_monorepo=self.webpackChunk_czi_sds_monorepo||[]).push([[1485],{"./node_modules/@mui/base/ClickAwayListener/ClickAwayListener.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_mui_utils__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mui/utils/esm/useForkRef.js"),_mui_utils__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@mui/utils/esm/useEventCallback.js"),_mui_utils__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@mui/utils/esm/ownerDocument.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js");function mapEventPropToEvent(eventProp){return eventProp.substring(2).toLowerCase()}const __WEBPACK_DEFAULT_EXPORT__=function ClickAwayListener(props){const{children,disableReactTree=!1,mouseEvent="onClick",onClickAway,touchEvent="onTouchEnd"}=props,movedRef=react__WEBPACK_IMPORTED_MODULE_0__.useRef(!1),nodeRef=react__WEBPACK_IMPORTED_MODULE_0__.useRef(null),activatedRef=react__WEBPACK_IMPORTED_MODULE_0__.useRef(!1),syntheticEventRef=react__WEBPACK_IMPORTED_MODULE_0__.useRef(!1);react__WEBPACK_IMPORTED_MODULE_0__.useEffect((()=>(setTimeout((()=>{activatedRef.current=!0}),0),()=>{activatedRef.current=!1})),[]);const handleRef=(0,_mui_utils__WEBPACK_IMPORTED_MODULE_2__.Z)(children.ref,nodeRef),handleClickAway=(0,_mui_utils__WEBPACK_IMPORTED_MODULE_3__.Z)((event=>{const insideReactTree=syntheticEventRef.current;syntheticEventRef.current=!1;const doc=(0,_mui_utils__WEBPACK_IMPORTED_MODULE_4__.Z)(nodeRef.current);if(!activatedRef.current||!nodeRef.current||"clientX"in event&&function clickedRootScrollbar(event,doc){return doc.documentElement.clientWidth-1:!doc.documentElement.contains(event.target)||nodeRef.current.contains(event.target),insideDOM||!disableReactTree&&insideReactTree||onClickAway(event)})),createHandleSynthetic=handlerName=>event=>{syntheticEventRef.current=!0;const childrenPropsHandler=children.props[handlerName];childrenPropsHandler&&childrenPropsHandler(event)},childrenProps={ref:handleRef};return!1!==touchEvent&&(childrenProps[touchEvent]=createHandleSynthetic(touchEvent)),react__WEBPACK_IMPORTED_MODULE_0__.useEffect((()=>{if(!1!==touchEvent){const mappedTouchEvent=mapEventPropToEvent(touchEvent),doc=(0,_mui_utils__WEBPACK_IMPORTED_MODULE_4__.Z)(nodeRef.current),handleTouchMove=()=>{movedRef.current=!0};return doc.addEventListener(mappedTouchEvent,handleClickAway),doc.addEventListener("touchmove",handleTouchMove),()=>{doc.removeEventListener(mappedTouchEvent,handleClickAway),doc.removeEventListener("touchmove",handleTouchMove)}}}),[handleClickAway,touchEvent]),!1!==mouseEvent&&(childrenProps[mouseEvent]=createHandleSynthetic(mouseEvent)),react__WEBPACK_IMPORTED_MODULE_0__.useEffect((()=>{if(!1!==mouseEvent){const mappedMouseEvent=mapEventPropToEvent(mouseEvent),doc=(0,_mui_utils__WEBPACK_IMPORTED_MODULE_4__.Z)(nodeRef.current);return doc.addEventListener(mappedMouseEvent,handleClickAway),()=>{doc.removeEventListener(mappedMouseEvent,handleClickAway)}}}),[handleClickAway,mouseEvent]),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:react__WEBPACK_IMPORTED_MODULE_0__.cloneElement(children,childrenProps)})}},"./packages/components/src/core/DropdownMenu/index.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,LivePreview:()=>LivePreview,ScreenshotTest:()=>ScreenshotTest,Test:()=>Test,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _templateObject,_templateObject2,_Default$parameters,_Default$parameters2,_LivePreview$paramete,_LivePreview$paramete2,_ScreenshotTest$param,_ScreenshotTest$param2,_Test$parameters,_Test$parameters2,_mui_material__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_ButtonIcon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/core/ButtonIcon/index.tsx"),_InputDropdown__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/core/InputDropdown/index.tsx"),_Tag__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/core/Tag/index.tsx"),_GITHUB_LABELS__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/core/DropdownMenu/GITHUB_LABELS.tsx"),_index__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./packages/components/src/core/DropdownMenu/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/jsx-runtime.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i span {\n font-size: 13px;\n }\n }\n"]))),StyledInputDropdownLive3=(0,_mui_material__WEBPACK_IMPORTED_MODULE_7__.ZP)(_InputDropdown__WEBPACK_IMPORTED_MODULE_2__.Z)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n position: relative !important;\n min-width: 160px;\n &.MuiButtonBase-root {\n margin: 0 !important;\n\n & > span {\n font-size: 13px;\n }\n }\n"]))),LIVE_PREVIEW_LABELS=[{name:"Menu Item 1",section:"Section 1"},{name:"Menu Item 2",section:"Section 1"},{name:"Menu Item 3",section:"Section 1"},{name:"Menu Item 4",section:"Section 2"},{name:"Menu Item 5",section:"Section 2"},{name:"Menu Item 6",section:"Section 2"}],LivePreviewDemo=function LivePreviewDemo(){var options=LIVE_PREVIEW_LABELS,_useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),2),anchorEl1=_useState6[0],setAnchorEl1=_useState6[1],_useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),2),anchorEl2=_useState8[0],setAnchorEl2=_useState8[1],_useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),2),anchorEl3=_useState10[0],setAnchorEl3=_useState10[1],_useState12=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),2),anchorEl4=_useState12[0],setAnchorEl4=_useState12[1],_useState14=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),open1=_useState14[0],setOpen1=_useState14[1],_useState16=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),open2=_useState16[0],setOpen2=_useState16[1],_useState18=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),open3=_useState18[0],setOpen3=_useState18[1],_useState20=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),open4=_useState20[0],setOpen4=_useState20[1],_useState22=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),2),value1=_useState22[0],setValue1=_useState22[1],_useState24=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),2),value2=_useState24[0],setValue2=_useState24[1],_useState26=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),2),pendingValue3=_useState26[0],setPendingValue3=_useState26[1],_useState28=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),2),pendingValue4=_useState28[0],setPendingValue4=_useState28[1];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div",{style:storyRow,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div",{style:{alignSelf:"end",gridArea:"1/1/2/2"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(StyledInputDropdownLive1,{"aria-describedby":"live1",onClick:function handleClick1(event){open1?(setOpen1(!1),anchorEl1&&anchorEl1.focus(),setAnchorEl1(null)):(setAnchorEl1(event.currentTarget),setOpen1(!0))},label:"Click Target",sdsStage:open1?"userInput":"default",sdsType:"label",multiple:!1,sdsStyle:"minimal"}),anchorEl1?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_index__WEBPACK_IMPORTED_MODULE_5__.Z,{anchorEl:anchorEl1,open:!!open1,onChange:function handleChange1(_,newValue){setOpen1(!1),setValue1(newValue)},disableCloseOnSelect:!1,options:options.slice(0,3),PopperBaseProps:{placement:"bottom-start",sx:{width:160}},search:!1,multiple:!1,value:value1,onClickAway:function handleClickAway1(){return open1&&setOpen1(!1)}}):null]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div",{style:{gridArea:"1/2/2/3"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_ButtonIcon__WEBPACK_IMPORTED_MODULE_1__.Z,{"aria-describedby":"live2","aria-label":"Open menu",onClick:function handleClick2(event){open2?(setOpen2(!1),anchorEl2&&anchorEl2.focus(),setAnchorEl2(null)):(setAnchorEl2(event.currentTarget),setOpen2(!0))},on:!1,sdsSize:"large",sdsType:"secondary",sdsIcon:"infoSpeechBubble"}),anchorEl2?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_index__WEBPACK_IMPORTED_MODULE_5__.Z,{anchorEl:anchorEl2,open:!!open2,search:!1,multiple:!1,onChange:function handleChange2(_,newValue){setOpen2(!1),setValue2(newValue)},disableCloseOnSelect:!1,options:options.slice(0,3),PopperBaseProps:{placement:"bottom-start",sx:{width:160}},value:value2,title:"Title Lorem Ipsum",onClickAway:function handleClickAway2(){return open2&&setOpen2(!1)}}):null]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div",{style:{gridArea:"1/3/2/4"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(StyledInputDropdownLive3,{"aria-describedby":"live3",onClick:function handleClick3(event){open3?(setOpen3(!1),anchorEl3&&anchorEl3.focus(),setAnchorEl3(null)):(setAnchorEl3(event.currentTarget),setOpen3(!0))},label:"Click Target",sdsStage:open3?"userInput":"default",sdsType:"label",multiple:!0,sdsStyle:"rounded"}),anchorEl3?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_index__WEBPACK_IMPORTED_MODULE_5__.Z,{anchorEl:anchorEl3,open:!!open3,search:!0,multiple:!0,onChange:function handleChange3(_,newValue){return setPendingValue3(newValue)},disableCloseOnSelect:!0,options,PopperBaseProps:{placement:"bottom-start",sx:{width:160}},value:pendingValue3,onClickAway:function handleClickAway3(){return open3&&setOpen3(!1)}}):null]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div",{style:{gridArea:"1/4/2/5"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(StyledInputDropdownLive3,{"aria-describedby":"live4",onClick:function handleClick4(event){open4?(setOpen4(!1),anchorEl4&&anchorEl4.focus(),setAnchorEl4(null)):(setAnchorEl4(event.currentTarget),setOpen4(!0))},label:"Click Target",sdsStage:open4?"userInput":"default",sdsType:"label",multiple:!0,sdsStyle:"square"}),anchorEl4?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_index__WEBPACK_IMPORTED_MODULE_5__.Z,{anchorEl:anchorEl4,open:!!open4,search:!1,multiple:!0,groupBy:function groupBy(option){return option.section},onChange:function handleChange4(_,newValue){return setPendingValue4(newValue)},disableCloseOnSelect:!0,options,PopperBaseProps:{placement:"bottom-start",sx:{width:160}},value:pendingValue4,onClickAway:function handleClickAway4(){return open4&&setOpen4(!1)}}):null]})]})},LivePreview={args:{keepSearchOnSelect:!0,multiple:!1,search:!1},parameters:{snapshot:{skip:!0}},render:function render(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(LivePreviewDemo,_objectSpread({},args))}},ScreenshotTestDemo=function ScreenshotTestDemo(props){var TITLE_OPTIONS=[void 0,"Sample title text"],SEARCH_OPTIONS=[!1,!0],GROUP_BY_OPTIONS=[!1,!0],SCREENSHOT_TEST_TAG_COMPONENT={component:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div",{children:["Available Labels:",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div",{style:{marginTop:10},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{label:"bug",sdsStyle:"rounded",sdsType:"secondary",color:"error"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{label:"feature",sdsStyle:"rounded",sdsType:"secondary",color:"warning"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_3__.Z,{label:"refactor",sdsStyle:"rounded",sdsType:"secondary",color:"gray"})]})]}),name:"custom 2",section:"custom component"},SCREENSHOT_TEST_OPTIONS=LIVE_PREVIEW_LABELS.concat(SCREENSHOT_TEST_TAG_COMPONENT),DISPLAY_CONTENTS={display:"contents"},MID_LABEL={borderStyle:"solid none none none",gridColumn:"1 / 3",justifySelf:"stretch",paddingTop:10};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:TITLE_OPTIONS.map((function(title){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(DropdownMenuTitle,{title},title)}))});function DropdownMenuTitle(_ref){var title=_ref.title;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div",{style:{columnGap:"25px",display:"inline-grid",fontFamily:"sans-serif",marginLeft:"50px"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("p",{style:{fontSize:"2em",gridColumn:"1 / 3",marginBottom:10},children:["Title: ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("b",{children:title?"yes":"no"})]}),SEARCH_OPTIONS.map((function(search){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(DropdownMenuSearch,{title,search},String(search))}))]})}function DropdownMenuSearch(_ref2){var title=_ref2.title,search=_ref2.search,SEARCH_LABEL=_objectSpread(_objectSpread({},MID_LABEL),{},{borderWidth:"2px",fontSize:"1.17em",margin:0}),LEVEL_STYLE={margin:"0 300px 475px 0"},GROUP_BY_LABEL={fontSize:"0.67em",margin:"10px 0 475px"};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div",{style:DISPLAY_CONTENTS,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("p",{style:SEARCH_LABEL,children:["Search: ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("b",{children:search?"yes":"no"})]}),GROUP_BY_OPTIONS.map((function(groupBy){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div",{style:LEVEL_STYLE,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("p",{style:GROUP_BY_LABEL,children:["Grouped: ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("b",{children:groupBy?"yes":"no"})]}),(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(DropdownMenu,_objectSpread(_objectSpread({},props),{},{groupBy:groupBy&&function(option){return option.section},options:SCREENSHOT_TEST_OPTIONS,title,search,key:String(groupBy)}))]})},"level-".concat(String(groupBy)))}))]})}},ScreenshotTest={parameters:{axe:{timeout:1e4},controls:{exclude:["groupBy","keepSearchOnSelect","multiple","search","title","ClickAwayListenerProps","label"]},snapshot:{skip:!0}},render:function render(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(ScreenshotTestDemo,_objectSpread({},args))}},TestDemo=function TestDemo(props){var multiple=props.multiple,_props$options2=props.options,options=void 0===_props$options2?_GITHUB_LABELS__WEBPACK_IMPORTED_MODULE_4__.j:_props$options2,search=props.search,anchorRef=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),_useState30=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),2),anchorEl=_useState30[0],setAnchorEl=_useState30[1],_useState32=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(multiple?[]:null),2),value=_useState32[0],setValue=_useState32[1],_useState34=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),2),pendingValue=_useState34[0],setPendingValue=_useState34[1];return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){setAnchorEl(anchorRef.current)}),[]),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div",{style:{margin:"16px 0 0 24px"},ref:anchorRef,children:anchorEl?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_index__WEBPACK_IMPORTED_MODULE_5__.Z,_objectSpread({anchorEl,open:!0,search,multiple,value:multiple?pendingValue:value,onChange:function handleChange(_,newValue){multiple||setValue(newValue);return setPendingValue(newValue)},disableCloseOnSelect:multiple,options,onClickAway:function handleClickAway(){return multiple&&setValue(pendingValue)},groupBy:function groupBy(option){return option.section}},props)):null})},Test={args:{keepSearchOnSelect:!1,multiple:!0,search:!0,title:"Github Labels"},parameters:{snapshot:{skip:!0}},render:function render(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(TestDemo,_objectSpread({"data-testid":"dropdown-menu"},args))}};Default.parameters=_objectSpread(_objectSpread({},Default.parameters),{},{docs:_objectSpread(_objectSpread({},null===(_Default$parameters=Default.parameters)||void 0===_Default$parameters?void 0:_Default$parameters.docs),{},{source:_objectSpread({originalSource:'{\n args: {\n groupBy: groupByOptions[1],\n keepSearchOnSelect: true,\n multiple: true,\n search: true,\n title: "Github Labels"\n }\n}'},null===(_Default$parameters2=Default.parameters)||void 0===_Default$parameters2||null===(_Default$parameters2=_Default$parameters2.docs)||void 0===_Default$parameters2?void 0:_Default$parameters2.source)})}),LivePreview.parameters=_objectSpread(_objectSpread({},LivePreview.parameters),{},{docs:_objectSpread(_objectSpread({},null===(_LivePreview$paramete=LivePreview.parameters)||void 0===_LivePreview$paramete?void 0:_LivePreview$paramete.docs),{},{source:_objectSpread({originalSource:"{\n args: {\n keepSearchOnSelect: true,\n multiple: false,\n search: false\n },\n parameters: {\n snapshot: {\n skip: true\n }\n },\n render: (args: Args) => \n}"},null===(_LivePreview$paramete2=LivePreview.parameters)||void 0===_LivePreview$paramete2||null===(_LivePreview$paramete2=_LivePreview$paramete2.docs)||void 0===_LivePreview$paramete2?void 0:_LivePreview$paramete2.source)})}),ScreenshotTest.parameters=_objectSpread(_objectSpread({},ScreenshotTest.parameters),{},{docs:_objectSpread(_objectSpread({},null===(_ScreenshotTest$param=ScreenshotTest.parameters)||void 0===_ScreenshotTest$param?void 0:_ScreenshotTest$param.docs),{},{source:_objectSpread({originalSource:'{\n parameters: {\n axe: {\n timeout: 10 * 1000\n },\n controls: {\n exclude: ["groupBy", "keepSearchOnSelect", "multiple", "search", "title", "ClickAwayListenerProps", "label"]\n },\n snapshot: {\n skip: true\n }\n },\n render: (args: Args) => \n}'},null===(_ScreenshotTest$param2=ScreenshotTest.parameters)||void 0===_ScreenshotTest$param2||null===(_ScreenshotTest$param2=_ScreenshotTest$param2.docs)||void 0===_ScreenshotTest$param2?void 0:_ScreenshotTest$param2.source)})}),Test.parameters=_objectSpread(_objectSpread({},Test.parameters),{},{docs:_objectSpread(_objectSpread({},null===(_Test$parameters=Test.parameters)||void 0===_Test$parameters?void 0:_Test$parameters.docs),{},{source:_objectSpread({originalSource:'{\n args: {\n keepSearchOnSelect: false,\n multiple: true,\n search: true,\n title: "Github Labels"\n },\n parameters: {\n snapshot: {\n skip: true\n }\n },\n render: (args: Args) => \n}'},null===(_Test$parameters2=Test.parameters)||void 0===_Test$parameters2||null===(_Test$parameters2=_Test$parameters2.docs)||void 0===_Test$parameters2?void 0:_Test$parameters2.source)})});var __namedExportsOrder=["Default","LivePreview","ScreenshotTest","Test"]},"./packages/components/src/core/DropdownMenu/GITHUB_LABELS.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{j:()=>GITHUB_LABELS});var _Tag__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/components/src/core/Tag/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),GITHUB_LABELS=[{name:"Status: can't reproduce",section:"name only"},{name:"Status: confirmed",section:"name only"},{count:3,name:"Status: duplicate",section:"name with count"},{count:5,name:"Status: needs information",section:"name with count"},{details:"This will not be worked on",name:"Status: wont do/fix",section:"name with details"},{details:"This is still in progress",name:"Status: work in progress",section:"name with details"},{details:"This will not be worked on",name:"Type: bug",sdsIcon:"bacteria",sdsIconProps:{className:"custom-class-name"},section:"With Icon"},{count:4,name:"Type: discussion",sdsIcon:"puzzlePiece",section:"With Icon"},{name:"Type: documentation",sdsIcon:"copy",section:"With Icon"},{name:"Type: enhancement",sdsIcon:"lightBulb",section:"With Icon"},{name:"Type: epic",sdsIcon:"list",section:"With Icon"},{name:"Type: feature request",sdsIcon:"treeVertical",section:"With Icon"},{name:"Type: question",sdsIcon:"search",section:"With Icon"},{component:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{children:["Available Labels:",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{style:{marginTop:10},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_0__.Z,{label:"bug",sdsStyle:"rounded",sdsType:"secondary",color:"error"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_0__.Z,{label:"feature",sdsStyle:"rounded",sdsType:"secondary",color:"warning"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_0__.Z,{label:"refactor",sdsStyle:"rounded",sdsType:"secondary",color:"gray"})]})]}),name:"Available labels",section:"custom component"}]},"./packages/components/src/core/Tag/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>core_Tag});var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,emotion_react_browser_esm=__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),colorManipulator=__webpack_require__("./node_modules/@mui/system/esm/colorManipulator.js"),Chip=__webpack_require__("./node_modules/@mui/material/Chip/Chip.js"),styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=2?colors[1]:null==themeColors?void 0:themeColors[intent][400],backgroundClicked:colors.length>=2?(0,colorManipulator._j)(colors[1],.3):null==themeColors?void 0:themeColors[intent][600],backgroundHover:colors.length>=2?(0,colorManipulator._j)(colors[1],.15):null==themeColors?void 0:themeColors[intent][500],iconColor:colors.length>2?colors[2]:"white",label:colors.length?colors[0]:"white"},secondary:{background:colors.length>=2?colors[1]:null==themeColors?void 0:themeColors[intent][200],backgroundClicked:colors.length>=2?(0,colorManipulator._j)(colors[1],.3):null==themeColors?void 0:themeColors[intent][600],backgroundHover:colors.length>=2?(0,colorManipulator._j)(colors[1],.15):null==themeColors?void 0:themeColors[intent][500],iconColor:colors.length>2?colors[2]:null==themeColors?void 0:themeColors[intent][400],label:colors.length?colors[0]:null==themeColors?void 0:themeColors[intent][600]}}[type];return(0,emotion_react_browser_esm.iv)(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n background-color: ",";\n position: relative;\n\n .MuiChip-label {\n color: ",";\n }\n\n svg {\n fill: ",";\n }\n\n &:hover,\n &:active,\n &:focus {\n .MuiChip-label {\n color: white;\n }\n\n svg {\n fill: white;\n }\n }\n\n &:hover {\n background-color: ",";\n }\n\n &:active {\n background-color: ",";\n }\n\n &:focus {\n background-color: ",";\n }\n\n &:focus:hover {\n background-color: ",";\n }\n\n &:focus:active {\n background-color: ",";\n }\n "])),typeColors.background,typeColors.label,typeColors.iconColor,typeColors.backgroundHover,typeColors.backgroundClicked,typeColors.background,typeColors.backgroundHover,typeColors.backgroundClicked)}var typeToCss={primary:function primary(props){return createTypeCss(props,"primary")},secondary:function secondary(props){return createTypeCss(props,"secondary")}},doNotForwardProps=["sdsType","sdsStyle","tagColor","hover"],StyledTag=(0,styled.ZP)(Chip.Z,{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n border: none;\n\n ","\n"])),(function(props){var _props$hover=props.hover,hover=void 0===_props$hover||_props$hover,sdsType=props.sdsType,sdsStyle=props.sdsStyle,icon=props.icon,isRounded="rounded"===sdsStyle,type=sdsType||"primary";return(0,emotion_react_browser_esm.iv)(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n ","\n ","\n ","\n ","\n "])),icon?function withIcon(props){var spacings=(0,styles.Gr)(props),iconSizes=(0,styles.Dk)(props);return(0,emotion_react_browser_esm.iv)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n height: unset;\n margin: 0 ","px ","px 0;\n\n .MuiChip-label {\n ","\n padding: 0;\n }\n\n .MuiSvgIcon-root {\n height: ","px;\n width: ","px;\n padding-right: ","px;\n margin: 0 0 0 -","px;\n }\n\n .MuiChip-deleteIcon {\n ","\n color: white;\n margin: 0 0 0 ","px;\n height: ","px;\n width: ","px;\n }\n "])),null==spacings?void 0:spacings.xxs,null==spacings?void 0:spacings.xs,(0,styles.$g)(props),null==iconSizes?void 0:iconSizes.l.height,null==iconSizes?void 0:iconSizes.l.width,null==spacings?void 0:spacings.xxs,null==spacings?void 0:spacings.xxxs,(0,styles.J5)(props),null==spacings?void 0:spacings.xxs,null==iconSizes?void 0:iconSizes.s.height,null==iconSizes?void 0:iconSizes.s.width)}(props):function withoutIcon(props){var spacings=(0,styles.Gr)(props),iconSizes=(0,styles.Dk)(props);return(0,emotion_react_browser_esm.iv)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n height: unset;\n margin: 0 ","px ","px 0;\n\n .MuiChip-label {\n ","\n padding: 0;\n }\n\n .MuiChip-deleteIcon {\n ","\n color: white;\n margin: 0 0 0 ","px;\n height: ","px;\n width: ","px;\n }\n "])),null==spacings?void 0:spacings.xxs,null==spacings?void 0:spacings.xs,(0,styles.aI)(props),(0,styles.J5)(props),null==spacings?void 0:spacings.xxs,null==iconSizes?void 0:iconSizes.s.height,null==iconSizes?void 0:iconSizes.s.width)}(props),typeToCss[type](props),isRounded?function rounded(props){var corners=(0,styles.DV)(props),spacings=(0,styles.Gr)(props),icon=props.icon;return(0,emotion_react_browser_esm.iv)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n border-radius: ","px;\n padding: ",";\n\n &:after {\n border-radius: ","px;\n }\n "])),null==corners?void 0:corners.l,icon?"".concat(null==spacings?void 0:spacings.xxs,"px ").concat(null==spacings?void 0:spacings.s,"px ").concat(null==spacings?void 0:spacings.xxs,"px ").concat(null==spacings?void 0:spacings.xs,"px"):"".concat(null==spacings?void 0:spacings.xxxs,"px ").concat(null==spacings?void 0:spacings.s,"px"),null==corners?void 0:corners.l)}(props):function square(props){var corners=(0,styles.DV)(props),spacings=(0,styles.Gr)(props),icon=props.icon;return(0,emotion_react_browser_esm.iv)(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n border-radius: ","px;\n padding: ",";\n\n &:after {\n border-radius: ","px;\n }\n "])),null==corners?void 0:corners.m,icon?"".concat(null==spacings?void 0:spacings.xxs,"px ").concat(null==spacings?void 0:spacings.s,"px"):"".concat(null==spacings?void 0:spacings.xxxs,"px ").concat(null==spacings?void 0:spacings.xs,"px"),null==corners?void 0:corners.m)}(props),hover?function withHover(){return(0,emotion_react_browser_esm.iv)(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n &:hover {\n cursor: pointer;\n }\n\n &:hover,\n &:focus-visible {\n color: white;\n }\n "])))}():"pointer-events: none;")})),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i> & Element)"}},disabled:{defaultValue:{value:"false"},description:"If `true`, the component is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial & Partial>)"}},tabIndex:{defaultValue:null,description:"@ignore",name:"tabIndex",required:!1,type:{name:"number"}},children:{defaultValue:null,description:"This prop isn't supported.\nUse the `component` prop if you need to change the children structure.",name:"children",required:!1,type:{name:"null"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"SxProps"}},variant:{defaultValue:{value:"'filled'"},description:"The variant to use.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"outlined"'},{value:'"filled"'}]}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},size:{defaultValue:{value:"'medium'"},description:"The size of the component.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'}]}},avatar:{defaultValue:null,description:"The Avatar element to display.",name:"avatar",required:!1,type:{name:"ReactElement>"}},clickable:{defaultValue:null,description:"If `true`, the chip will appear clickable, and will raise when pressed,\neven if the onClick prop is not defined.\nIf `false`, the chip will not appear clickable, even if onClick prop is defined.\nThis can be used, for example,\nalong with the component prop to indicate an anchor Chip is clickable.\nNote: this controls the UI and does not affect the onClick event.",name:"clickable",required:!1,type:{name:"boolean"}},deleteIcon:{defaultValue:null,description:"Override the default delete icon element. Shown only if `onDelete` is set.",name:"deleteIcon",required:!1,type:{name:"ReactElement>"}},onDelete:{defaultValue:null,description:"Callback fired when the delete icon is clicked.\nIf set, the delete icon will be shown.",name:"onDelete",required:!1,type:{name:"((event: any) => void)"}},skipFocusWhenDisabled:{defaultValue:{value:"false"},description:"If `true`, allows the disabled chip to escape focus.\nIf `false`, allows the disabled chip to receive focus.",name:"skipFocusWhenDisabled",required:!1,type:{name:"boolean"}},hover:{defaultValue:null,description:"",name:"hover",required:!1,type:{name:"boolean"}},sdsType:{defaultValue:null,description:"",name:"sdsType",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'}]}},sdsStyle:{defaultValue:null,description:"",name:"sdsStyle",required:!1,type:{name:"enum",value:[{value:'"rounded"'},{value:'"square"'}]}},tagColor:{defaultValue:null,description:"",name:"tagColor",required:!1,type:{name:"SdsTagColorType"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"SDSTheme"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/Tag/index.tsx#Tag"]={docgenInfo:Tag.__docgenInfo,name:"Tag",path:"packages/components/src/core/Tag/index.tsx#Tag"})}catch(__react_docgen_typescript_loader_error){}}}]); \ No newline at end of file diff --git a/core-InputDropdown-index-stories.854f3d61.iframe.bundle.js b/core-InputDropdown-index-stories.854f3d61.iframe.bundle.js deleted file mode 100644 index ac7ace4b7..000000000 --- a/core-InputDropdown-index-stories.854f3d61.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_czi_sds_monorepo=self.webpackChunk_czi_sds_monorepo||[]).push([[4664],{"./packages/components/src/core/InputDropdown/index.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,MinimalLivePreview:()=>MinimalLivePreview,RoundLivePreview:()=>RoundLivePreview,SquareLivePreview:()=>SquareLivePreview,Test:()=>Test,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _mui_material_styles__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),src_common_utils__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./packages/components/src/common/utils.ts"),_Callout__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/core/Callout/index.tsx"),_Callout_components_CalloutTitle__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/core/Callout/components/CalloutTitle/index.tsx"),_DropdownMenu__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/core/DropdownMenu/index.tsx"),_index__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/core/InputDropdown/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}var _templateObject,_Default$parameters,_Default$parameters2,_RoundLivePreview$par,_RoundLivePreview$par2,_SquareLivePreview$pa,_SquareLivePreview$pa2,_MinimalLivePreview$p,_MinimalLivePreview$p2,_Test$parameters,_Test$parameters2,_excluded=["disabled","label","sdsStyle","multiple","value","sdsType"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var StyledInputDropdown=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_6__.ZP)(_index__WEBPACK_IMPORTED_MODULE_4__.Z)(_templateObject||(_templateObject=function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["\n ","\n"])),(function(_ref){var width=_ref.width;return"\n width: fit-content;\n max-width: ".concat(width||250,"px;\n ")})),InputDropdown=function InputDropdown(props){var disabled=props.disabled,label=props.label,sdsStyle=props.sdsStyle,multiple=props.multiple,propValue=props.value,sdsType=props.sdsType,rest=_objectWithoutProperties(props,_excluded),_useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),2),anchorEl=_useState2[0],setAnchorEl=_useState2[1],_useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),open=_useState4[0],setOpen=_useState4[1],_useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("default"),2),sdsStage=_useState6[0],setSdsStage=_useState6[1],_useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),details=_useState8[0],setDetials=_useState8[1],_useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),counter=_useState10[0],setCounter=_useState10[1],_useState12=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),inputDropdownValue=_useState12[0],setInputDropdownValue=_useState12[1],_useState14=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),invalid=_useState14[0],setInvalid=_useState14[1],_useState16=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("Label"),2),storybookLabel=_useState16[0],setStorybookLabel=_useState16[1],_useState18=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(getInitialValue()),2),value=_useState18[0],setValue=_useState18[1],_useState20=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(getInitialValue()),2),pendingValue=_useState20[0],setPendingValue=_useState20[1],isControlled=void 0!==propValue;(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){isControlled&&setValue(propValue)}),[propValue,isControlled]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){setInvalid(!("value"!==sdsType||!multiple))}),[multiple,sdsType]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){setStorybookLabel("value"===sdsType?"Value":label)}),[label,sdsType]);function getInitialValue(){return isControlled?propValue:multiple?[]:null}return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div",{children:[invalid?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_Callout__WEBPACK_IMPORTED_MODULE_1__.Z,{autoDismiss:!1,intent:"error",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Callout_components_CalloutTitle__WEBPACK_IMPORTED_MODULE_2__.Z,{children:"Invalid props!"}),'When using the InputDropdown component, please note that the combination of setting the sdsType prop to "value" and the multiple prop to "true" is not allowed.']}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(StyledInputDropdown,_objectSpread({disabled,label:storybookLabel,onClick:function handleClick(event){setSdsStage("userInput"),open?(setOpen(!1),anchorEl&&anchorEl.focus(),setAnchorEl(null)):(setAnchorEl(event.currentTarget),setOpen(!0))},state:open?"open":"default",sdsStage,sdsStyle,sdsType,multiple,details,value:inputDropdownValue,counter,"data-testid":"InputDropdown"},rest)),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_DropdownMenu__WEBPACK_IMPORTED_MODULE_3__.Z,{open,anchorEl,onClose:function handleClose(){},onChange:function handleChange(_,newValue){multiple?(setPendingValue(newValue),setCounter(null==newValue?void 0:newValue.length.toString())):(setOpen(!1),setValue(newValue),setCounter(void 0),newValue&&!Array.isArray(newValue)?(setInputDropdownValue(newValue.name),null!=newValue&&newValue.details?setDetials(null==newValue?void 0:newValue.details):setDetials(void 0)):(setDetials(void 0),setInputDropdownValue(void 0)))},search:!1,multiple,disableCloseOnSelect:multiple,options:[{details:"Details",name:"Menu Item 1"},{details:"A very long Details for the second Menu Item",name:"Menu Item 2"},{name:"Menu Item 3"}],value:multiple?pendingValue:value,onClickAway:function handleClickAway(){open&&(setOpen(!1),(!value||Array.isArray(value)&&0===value.length)&&setSdsStage("default")),multiple&&setValue(pendingValue)}})]})};const __WEBPACK_DEFAULT_EXPORT__={argTypes:{counter:{control:{type:"number"}},details:{control:{type:"text"}},disabled:{control:{type:"boolean"}},intent:{control:{type:"radio"},options:["default","error","warning"]},label:{control:{type:"text"}},multiple:{control:{type:"boolean"}},sdsStage:{control:{type:"radio"},options:["default","userInput"]},sdsStyle:{control:{type:"select"},options:["square","rounded","minimal"]},sdsType:{control:{type:"radio"},options:["label","value"]},shouldPutAColonAfterLabel:{control:{type:"boolean"}},shouldTruncateMinimalDetails:{control:{type:"boolean"}},width:{control:{type:"number"}}},component:InputDropdown,title:"Inputs/InputDropdown"};var Default={args:{disabled:!1,label:"Label",sdsStyle:"square"}},storyRow={alignItems:"start",display:"flex"},LivePreviewDemo=function LivePreviewDemo(props){var sdsStyle=props.sdsStyle;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div",{style:storyRow,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(StyledInputDropdown,{disabled:!1,label:"Label",onClick:src_common_utils__WEBPACK_IMPORTED_MODULE_7__.Z,sdsStage:"default",sdsStyle,sdsType:"label",multiple:!1,"data-testid":"InputDropdown"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(StyledInputDropdown,{disabled:!1,label:"Label",onClick:src_common_utils__WEBPACK_IMPORTED_MODULE_7__.Z,sdsStage:"default",sdsStyle,sdsType:"value",value:"Value",multiple:!1,"data-testid":"InputDropdown",style:{marginLeft:80,marginRight:16}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(StyledInputDropdown,{disabled:!1,label:"Label",onClick:src_common_utils__WEBPACK_IMPORTED_MODULE_7__.Z,sdsStage:"default",sdsStyle,sdsType:"value",value:"Value",details:"Details",shouldPutAColonAfterLabel:!1,multiple:!1,"data-testid":"InputDropdown"})]})},RoundLivePreview={args:{fullWidth:!0,sdsStyle:"rounded"},parameters:{snapshot:{skip:!0}},render:function render(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(LivePreviewDemo,_objectSpread({},args))}},SquareLivePreview={args:{fullWidth:!0,sdsStyle:"square"},parameters:{snapshot:{skip:!0}},render:function render(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(LivePreviewDemo,_objectSpread({},args))}},MinimalLivePreviewDemo=function MinimalLivePreviewDemo(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div",{style:storyRow,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(StyledInputDropdown,{disabled:!1,label:"Label",onClick:src_common_utils__WEBPACK_IMPORTED_MODULE_7__.Z,sdsStage:"default",sdsStyle:"minimal",sdsType:"label",multiple:!1,"data-testid":"InputDropdown"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(StyledInputDropdown,{disabled:!1,label:"Label",onClick:src_common_utils__WEBPACK_IMPORTED_MODULE_7__.Z,sdsStage:"default",sdsStyle:"minimal",sdsType:"value",value:"Value",multiple:!1,"data-testid":"InputDropdown",style:{marginLeft:80,marginRight:16}})]})},MinimalLivePreview={args:{sdsStyle:"minimal"},parameters:{snapshot:{skip:!0}},render:function render(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(MinimalLivePreviewDemo,_objectSpread({},args))}},Test={args:{disabled:!1,label:"Label",multiple:!1,sdsStyle:"square"},parameters:{snapshot:{skip:!0}},render:function render(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(InputDropdown,_objectSpread({},args))}};Default.parameters=_objectSpread(_objectSpread({},Default.parameters),{},{docs:_objectSpread(_objectSpread({},null===(_Default$parameters=Default.parameters)||void 0===_Default$parameters?void 0:_Default$parameters.docs),{},{source:_objectSpread({originalSource:'{\n args: {\n disabled: false,\n label: "Label",\n sdsStyle: "square"\n }\n}'},null===(_Default$parameters2=Default.parameters)||void 0===_Default$parameters2||null===(_Default$parameters2=_Default$parameters2.docs)||void 0===_Default$parameters2?void 0:_Default$parameters2.source)})}),RoundLivePreview.parameters=_objectSpread(_objectSpread({},RoundLivePreview.parameters),{},{docs:_objectSpread(_objectSpread({},null===(_RoundLivePreview$par=RoundLivePreview.parameters)||void 0===_RoundLivePreview$par?void 0:_RoundLivePreview$par.docs),{},{source:_objectSpread({originalSource:'{\n args: {\n fullWidth: true,\n sdsStyle: "rounded"\n },\n parameters: {\n snapshot: {\n skip: true\n }\n },\n render: (args: Args) => \n}'},null===(_RoundLivePreview$par2=RoundLivePreview.parameters)||void 0===_RoundLivePreview$par2||null===(_RoundLivePreview$par2=_RoundLivePreview$par2.docs)||void 0===_RoundLivePreview$par2?void 0:_RoundLivePreview$par2.source)})}),SquareLivePreview.parameters=_objectSpread(_objectSpread({},SquareLivePreview.parameters),{},{docs:_objectSpread(_objectSpread({},null===(_SquareLivePreview$pa=SquareLivePreview.parameters)||void 0===_SquareLivePreview$pa?void 0:_SquareLivePreview$pa.docs),{},{source:_objectSpread({originalSource:'{\n args: {\n fullWidth: true,\n sdsStyle: "square"\n },\n parameters: {\n snapshot: {\n skip: true\n }\n },\n render: (args: Args) => \n}'},null===(_SquareLivePreview$pa2=SquareLivePreview.parameters)||void 0===_SquareLivePreview$pa2||null===(_SquareLivePreview$pa2=_SquareLivePreview$pa2.docs)||void 0===_SquareLivePreview$pa2?void 0:_SquareLivePreview$pa2.source)})}),MinimalLivePreview.parameters=_objectSpread(_objectSpread({},MinimalLivePreview.parameters),{},{docs:_objectSpread(_objectSpread({},null===(_MinimalLivePreview$p=MinimalLivePreview.parameters)||void 0===_MinimalLivePreview$p?void 0:_MinimalLivePreview$p.docs),{},{source:_objectSpread({originalSource:'{\n args: {\n sdsStyle: "minimal"\n },\n parameters: {\n snapshot: {\n skip: true\n }\n },\n render: (args: Args) => \n}'},null===(_MinimalLivePreview$p2=MinimalLivePreview.parameters)||void 0===_MinimalLivePreview$p2||null===(_MinimalLivePreview$p2=_MinimalLivePreview$p2.docs)||void 0===_MinimalLivePreview$p2?void 0:_MinimalLivePreview$p2.source)})}),Test.parameters=_objectSpread(_objectSpread({},Test.parameters),{},{docs:_objectSpread(_objectSpread({},null===(_Test$parameters=Test.parameters)||void 0===_Test$parameters?void 0:_Test$parameters.docs),{},{source:_objectSpread({originalSource:'{\n args: {\n disabled: false,\n label: "Label",\n multiple: false,\n sdsStyle: "square"\n },\n parameters: {\n snapshot: {\n skip: true\n }\n },\n render: (args: Args) => \n}'},null===(_Test$parameters2=Test.parameters)||void 0===_Test$parameters2||null===(_Test$parameters2=_Test$parameters2.docs)||void 0===_Test$parameters2?void 0:_Test$parameters2.source)})});var __namedExportsOrder=["Default","RoundLivePreview","SquareLivePreview","MinimalLivePreview","Test"]},"./packages/components/src/common/utils.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>noop,m:()=>toKebabCase});var noop=function noop(){},toKebabCase=function toKebabCase(str){return str.replace(/[\s_]+/g,"-").toLowerCase()}},"./packages/components/src/core/Callout/components/CalloutTitle/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>components_CalloutTitle});var _templateObject,AlertTitle=__webpack_require__("./node_modules/@mui/material/AlertTitle/AlertTitle.js"),styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");var fontBodyXs=(0,styles.oJ)("xs"),StyledCalloutTitle=(0,styled.ZP)(AlertTitle.Z)(_templateObject||(_templateObject=function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["\n ","\n\n ","\n"])),fontBodyXs,(function(props){var spacings=(0,styles.Gr)(props);return"\n margin: ".concat(null==spacings?void 0:spacings.xxxs,"px 0 ").concat(null==spacings?void 0:spacings.xs,"px;\n ")})),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),CalloutTitle=function CalloutTitle(_ref){var children=_ref.children;return(0,jsx_runtime.jsx)(StyledCalloutTitle,{children})};const components_CalloutTitle=CalloutTitle;try{CalloutTitle.displayName="CalloutTitle",CalloutTitle.__docgenInfo={description:"",displayName:"CalloutTitle",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/Callout/components/CalloutTitle/index.tsx#CalloutTitle"]={docgenInfo:CalloutTitle.__docgenInfo,name:"CalloutTitle",path:"packages/components/src/core/Callout/components/CalloutTitle/index.tsx#CalloutTitle"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/core/Callout/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>core_Callout});var _templateObject,Grow=__webpack_require__("./node_modules/@mui/material/Grow/Grow.js"),react=__webpack_require__("./node_modules/react/index.js"),ButtonIcon=__webpack_require__("./packages/components/src/core/ButtonIcon/index.tsx"),Icon=__webpack_require__("./packages/components/src/core/Icon/index.tsx"),Alert=__webpack_require__("./node_modules/@mui/material/Alert/Alert.js"),styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts"),defaultTheme=__webpack_require__("./packages/components/src/core/styles/common/defaultTheme.ts");var fontBodyXs=(0,styles.oJ)("xs"),doNotForwardProps=["calloutTitle","collapsed"],StyledCallout=(0,styled.ZP)(Alert.Z,{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject||(_templateObject=function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["\n ","\n ","\n"])),fontBodyXs,(function(props){var colors=(0,styles.EC)(props),spacings=(0,styles.Gr)(props),_props$severity=props.severity,severity=void 0===_props$severity?"success":_props$severity,corners=(0,styles.DV)(props),iconSizes=(0,styles.Dk)(props),iconColor=colors&&colors[severity][400]||"black",calloutColor=colors&&colors[severity][100]||"white",backgroundColor=colors&&colors[severity][100],titleBottomMargin=props.collapsed?"margin-bottom: 0;":"";return"\n background-color: ".concat(backgroundColor,";\n width: 360px;\n margin: ").concat(null==spacings?void 0:spacings.m,"px 0;\n border-radius: ").concat(null==corners?void 0:corners.m,"px;\n color: ").concat(defaultTheme.uH.palette.text.primary,";\n padding: ").concat(null==spacings?void 0:spacings.m,"px;\n background-color: ").concat(calloutColor,";\n\n .MuiAlert-icon {\n height: ").concat(null==iconSizes?void 0:iconSizes.l.height,"px;\n width: ").concat(null==iconSizes?void 0:iconSizes.l.width,"px;\n margin-right: ").concat(null==spacings?void 0:spacings.m,"px;\n padding: 0;\n path {\n fill: ").concat(iconColor,";\n }\n }\n\n .MuiAlert-message {\n padding: 0;\n margin-right: ").concat(null==spacings?void 0:spacings.m,"px;\n\n .MuiAlertTitle-root{\n margin-top: 0;\n ").concat(titleBottomMargin,"\n }\n }\n\n .MuiAlert-action {\n margin-right: 0;\n padding: 0;\n align-items: flex-start;\n margin-top: ").concat(null==spacings?void 0:spacings.xxs,"px;\n\n > button {\n padding: 0;\n }\n }\n ")})),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}var _excluded=["autoDismiss","children","dismissed","expandable","onClose","icon","intent","sdsStage"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Callout=function Callout(_ref){var _children$,autoDismiss=_ref.autoDismiss,children=_ref.children,dismissed=_ref.dismissed,expandable=_ref.expandable,onClose=_ref.onClose,icon=_ref.icon,intent=_ref.intent,sdsStage=_ref.sdsStage,rest=_objectWithoutProperties(_ref,_excluded),_useState2=_slicedToArray((0,react.useState)(dismissed),2),hide=_useState2[0],setHide=_useState2[1],_useState4=_slicedToArray((0,react.useState)(sdsStage||"closed"),2),stage=_useState4[0],setStage=_useState4[1];(0,react.useEffect)((function(){(setHide(dismissed),autoDismiss)&&setTimeout((function(){setHide(!0)}),"boolean"==typeof autoDismiss?8e3:autoDismiss)}),[dismissed,autoDismiss]);var calloutContent,handleClose=function handleClose(event){setHide(!0),onClose&&onClose(event)},collapsed=expandable&&"closed"===stage||!1,calloutTitle=children;if(Array.isArray(children)&&"CalloutTitle"===(null===(_children$=children[0])||void 0===_children$||null===(_children$=_children$.type)||void 0===_children$?void 0:_children$.name)){var _children=_toArray(children);calloutTitle=_children[0],calloutContent=_children.slice(1)}return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:(0,jsx_runtime.jsx)(Grow.Z,{in:!hide,children:(0,jsx_runtime.jsxs)(StyledCallout,_objectSpread(_objectSpread({onClose:onClose?handleClose:void 0,action:function getAction(collapsed){return expandable?(0,jsx_runtime.jsx)(ButtonIcon.Z,{"aria-label":collapsed?"open":"close",onClick:function onClick(){setStage(collapsed?"open":"closed")},sdsSize:"small",sdsType:"tertiary",sdsIcon:collapsed?"chevronDown":"chevronUp"}):onClose?(0,jsx_runtime.jsx)(ButtonIcon.Z,{"aria-label":"Dismiss",onClick:handleClose,sdsSize:"small",sdsType:"tertiary",size:"large",sdsIcon:"xMark"}):null}(collapsed),icon:function getIcon(){if(icon)return icon;switch(intent){case"success":return(0,jsx_runtime.jsx)(Icon.Z,{sdsSize:"l",sdsIcon:"checkCircle",sdsType:"static"});case"info":return(0,jsx_runtime.jsx)(Icon.Z,{sdsSize:"l",sdsIcon:"infoCircle",sdsType:"static"});default:return(0,jsx_runtime.jsx)(Icon.Z,{sdsSize:"l",sdsIcon:"exclamationMarkCircle",sdsType:"static"})}}(),severity:intent,collapsed:collapsed||!1},rest),{},{children:[calloutTitle,!collapsed&&calloutContent]}))})})};const core_Callout=Callout;try{Callout.displayName="Callout",Callout.__docgenInfo={description:"",displayName:"Callout",props:{square:{defaultValue:{value:"false"},description:"If `true`, rounded corners are disabled.",name:"square",required:!1,type:{name:"boolean"}},children:{defaultValue:null,description:"The content of the component.",name:"children",required:!1,type:{name:"ReactNode"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},elevation:{defaultValue:{value:"1"},description:"Shadow depth, corresponds to `dp` in the spec.\nIt accepts values between 0 and 24 inclusive.",name:"elevation",required:!1,type:{name:"number"}},autoDismiss:{defaultValue:null,description:"",name:"autoDismiss",required:!1,type:{name:"number | boolean"}},dismissed:{defaultValue:null,description:"",name:"dismissed",required:!1,type:{name:"boolean"}},expandable:{defaultValue:null,description:"",name:"expandable",required:!1,type:{name:"boolean"}},intent:{defaultValue:null,description:"",name:"intent",required:!0,type:{name:"enum",value:[{value:'"info"'},{value:'"success"'},{value:'"warning"'},{value:'"error"'}]}},sdsStage:{defaultValue:null,description:"",name:"sdsStage",required:!1,type:{name:"enum",value:[{value:'"open"'},{value:'"closed"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/Callout/index.tsx#Callout"]={docgenInfo:Callout.__docgenInfo,name:"Callout",path:"packages/components/src/core/Callout/index.tsx#Callout"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/core/MenuItem/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_Icon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/core/Icon/index.tsx"),_style__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/core/MenuItem/style.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}var _excluded=["children","column","disabled","isMultiSelect","sdsIcon","sdsIconProps","sdsStyle"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var MenuItem=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function MenuItem(props,ref){var children=props.children,_props$column=props.column,column=void 0===_props$column?null:_props$column,disabled=props.disabled,_props$isMultiSelect=props.isMultiSelect,isMultiSelect=void 0!==_props$isMultiSelect&&_props$isMultiSelect,sdsIcon=props.sdsIcon,sdsIconProps=props.sdsIconProps,_props$sdsStyle=props.sdsStyle,sdsStyle=void 0===_props$sdsStyle?"determinate":_props$sdsStyle,originalMenuItemProps=_objectWithoutProperties(props,_excluded),_ref$selected=originalMenuItemProps.selected,selected=void 0!==_ref$selected&&_ref$selected;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(_style__WEBPACK_IMPORTED_MODULE_2__.CM,_objectSpread(_objectSpread({},originalMenuItemProps),{},{disabled,ref,children:[isMultiSelect&&function selectionIcon(){return"determinate"===sdsStyle?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_style__WEBPACK_IMPORTED_MODULE_2__.Mv,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_style__WEBPACK_IMPORTED_MODULE_2__.ip,{className:"check-icon",selected,color:"primary",disabled})}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_style__WEBPACK_IMPORTED_MODULE_2__.Mv,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_style__WEBPACK_IMPORTED_MODULE_2__.UV,{className:"check-icon",selected,color:"primary",disabled})})}(),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(_style__WEBPACK_IMPORTED_MODULE_2__.vs,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(_style__WEBPACK_IMPORTED_MODULE_2__.OP,{selected,className:"primary-text",disabled,children:[sdsIcon&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_style__WEBPACK_IMPORTED_MODULE_2__.oS,{disabled,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_1__.Z,_objectSpread(_objectSpread({},sdsIconProps),{},{sdsType:"static",sdsIcon,sdsSize:"s"}))}),children]}),column&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_style__WEBPACK_IMPORTED_MODULE_2__.fh,{disabled,children:column})]})]}))}));const __WEBPACK_DEFAULT_EXPORT__=MenuItem;try{MenuItem.displayName="MenuItem",MenuItem.__docgenInfo={description:"",displayName:"MenuItem",props:{sdsStyle:{defaultValue:null,description:"",name:"sdsStyle",required:!1,type:{name:"enum",value:[{value:'"determinate"'},{value:'"indeterminate"'}]}},disabled:{defaultValue:{value:"false\nfalse"},description:"If `true`, the component is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},selected:{defaultValue:{value:"false"},description:"If `true`, the component is selected.",name:"selected",required:!1,type:{name:"boolean"}},column:{defaultValue:null,description:"",name:"column",required:!1,type:{name:"ReactNode"}},isMultiSelect:{defaultValue:null,description:"",name:"isMultiSelect",required:!1,type:{name:"boolean"}},sdsIcon:{defaultValue:null,description:"",name:"sdsIcon",required:!1,type:{name:"enum",value:[{value:'"list"'},{value:'"infoCircle"'},{value:'"table"'},{value:'"globe"'},{value:'"people"'},{value:'"search"'},{value:'"bacteria"'},{value:'"barChartHorizontal3"'},{value:'"checkCircle"'},{value:'"gear"'},{value:'"flagCheck"'},{value:'"download"'},{value:'"filter"'},{value:'"link"'},{value:'"document"'},{value:'"copy"'},{value:'"open"'},{value:'"loading"'},{value:'"edit"'},{value:'"lightBulb"'},{value:'"linesHorizontal"'},{value:'"xMark"'},{value:'"dotsHorizontal"'},{value:'"treeHorizontal"'},{value:'"barChartVertical3"'},{value:'"barChartVertical4"'},{value:'"check"'},{value:'"chevronDown"'},{value:'"chevronLeft2"'},{value:'"chevronLeft"'},{value:'"chevronRight2"'},{value:'"chevronRight"'},{value:'"chevronUp"'},{value:'"circlesOverlap"'},{value:'"exclamationMarkCircle"'},{value:'"eyeClosed"'},{value:'"eyeOpen"'},{value:'"flagOutline"'},{value:'"flagQuestionmark"'},{value:'"flagXmark"'},{value:'"house"'},{value:'"lifeRing"'},{value:'"linesDashed3Solid1"'},{value:'"lock"'},{value:'"lockCircle"'},{value:'"minus"'},{value:'"percentage"'},{value:'"person"'},{value:'"pin"'},{value:'"pinLocation"'},{value:'"plus"'},{value:'"plusCircle"'},{value:'"puzzlePiece"'},{value:'"refresh"'},{value:'"searchLinesHorizontal"'},{value:'"starburst"'},{value:'"trashCan"'},{value:'"treeVertical"'},{value:'"triangleDown"'},{value:'"triangleLeft"'},{value:'"triangleRight"'},{value:'"triangleUp"'},{value:'"xMarkCircle"'}]}},sdsIconProps:{defaultValue:null,description:"",name:"sdsIconProps",required:!1,type:{name:'Partial>'}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial & Partial>)"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},children:{defaultValue:null,description:"The content of the component.",name:"children",required:!1,type:{name:"ReactNode"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"SxProps"}},action:{defaultValue:null,description:"A ref for imperative actions.\nIt currently only supports `focusVisible()` action.",name:"action",required:!1,type:{name:"Ref"}},centerRipple:{defaultValue:{value:"false"},description:"If `true`, the ripples are centered.\nThey won't start at the cursor interaction position.",name:"centerRipple",required:!1,type:{name:"boolean"}},disableRipple:{defaultValue:{value:"false"},description:"If `true`, the ripple effect is disabled.\n\n⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure\nto highlight the element by applying separate styles with the `.Mui-focusVisible` class.",name:"disableRipple",required:!1,type:{name:"boolean"}},disableTouchRipple:{defaultValue:{value:"false"},description:"If `true`, the touch ripple effect is disabled.",name:"disableTouchRipple",required:!1,type:{name:"boolean"}},focusRipple:{defaultValue:{value:"false"},description:"If `true`, the base button will have a keyboard focus ripple.",name:"focusRipple",required:!1,type:{name:"boolean"}},focusVisibleClassName:{defaultValue:null,description:"This prop can help identify which element has keyboard focus.\nThe class name will be applied when the element gains the focus through keyboard interaction.\nIt's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).\nThe rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).\nA [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components\nif needed.",name:"focusVisibleClassName",required:!1,type:{name:"string"}},LinkComponent:{defaultValue:{value:"'a'"},description:"The component used to render a link when the `href` prop is provided.",name:"LinkComponent",required:!1,type:{name:"ElementType"}},onFocusVisible:{defaultValue:null,description:"Callback fired when the component is focused with a keyboard.\nWe trigger a `onFocus` callback too.",name:"onFocusVisible",required:!1,type:{name:"FocusEventHandler"}},TouchRippleProps:{defaultValue:null,description:"Props applied to the `TouchRipple` element.",name:"TouchRippleProps",required:!1,type:{name:"Partial"}},touchRippleRef:{defaultValue:null,description:"A ref that points to the `TouchRipple` element.",name:"touchRippleRef",required:!1,type:{name:"Ref"}},dense:{defaultValue:{value:"false"},description:"If `true`, compact vertical padding designed for keyboard and mouse input is used.\nThe prop defaults to the value inherited from the parent Menu component.",name:"dense",required:!1,type:{name:"boolean"}},disableGutters:{defaultValue:{value:"false"},description:"If `true`, the left and right padding is removed.",name:"disableGutters",required:!1,type:{name:"boolean"}},divider:{defaultValue:{value:"false"},description:"If `true`, a 1px light border is added to the bottom of the menu item.",name:"divider",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/MenuItem/index.tsx#MenuItem"]={docgenInfo:MenuItem.__docgenInfo,name:"MenuItem",path:"packages/components/src/core/MenuItem/index.tsx#MenuItem"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/core/MenuItem/style.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{CM:()=>StyledMenuItem,Mv:()=>StyledIconWrapper,OP:()=>TextWrapper,Tm:()=>DemoWrapper,UV:()=>StyledMinus,fh:()=>ColumnWrapper,ip:()=>StyledCheck,oS:()=>StyledMenuItemIcon,vs:()=>ContentWrapper});var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_mui_icons_material__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mui/icons-material/esm/Check.js"),_mui_icons_material__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mui/icons-material/esm/Remove.js"),_mui_material__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mui/material/MenuItem/MenuItem.js"),_mui_material__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@mui/material/MenuItem/menuItemClasses.js"),_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),_styles_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/components/src/core/styles/common/mixins/fonts.ts"),_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/core/styles/common/selectors/theme.ts");function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var fontBodyXs=(0,_styles_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_0__.oJ)("xs"),StyledMenuItem=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.ZP)(_mui_material__WEBPACK_IMPORTED_MODULE_2__.Z)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var selected=props.selected,colors=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.EC)(props),fontWeights=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.y2)(props),spacings=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.Gr)(props),primary=null==colors?void 0:colors.primary[400];return"\n padding: ".concat(null==spacings?void 0:spacings.xs,"px ").concat(null==spacings?void 0:spacings.s,"px !important;\n min-height: unset;\n opacity: 1;\n\n &.MuiAutocomplete-option {\n min-height: unset;\n }\n \n .primary-text {\n font-weight: ").concat(selected?null==fontWeights?void 0:fontWeights.semibold:null==fontWeights?void 0:fontWeights.regular,";\n }\n\n &.MuiButtonBase-root {\n background-color: transparent;\n opacity: 1;\n\n &:hover, &.").concat(_mui_material__WEBPACK_IMPORTED_MODULE_4__.Z.focusVisible," {\n background-color: ").concat(null==colors?void 0:colors.gray[100],';\n\n &[aria-selected="true"] {\n background-color: ').concat(null==colors?void 0:colors.gray[100],';\n }\n }\n }\n\n &.MuiMenuItem-root .MuiSvgIcon-root {\n align-self: flex-start;\n }\n\n &.MuiMenuItem-root .Mui-disabled {\n opacity: 1 !important;\n }\n\n &.MuiAutocomplete-option[aria-selected="true"] {\n &:hover {\n background-color: ').concat(null==colors?void 0:colors.gray[100]," !important;\n }\n\n svg.check-icon {\n color: ").concat(selected?primary:null==colors?void 0:colors.gray[500],';\n }\n }\n\n &.MuiAutocomplete-option[aria-disabled="true"] {\n opacity: 1;\n }\n\n &:hover {\n background-color: ').concat(null==colors?void 0:colors.gray[100],";\n svg.check-icon {\n color: ").concat(selected?primary:null==colors?void 0:colors.gray[500],";\n }\n }\n\n &.Mui-selected.MuiListItem-root.MuiListItem-button {\n background-color: white;\n &:hover {\n background-color: ").concat(null==colors?void 0:colors.gray[100],";\n }\n .primary-text {\n font-weight: ").concat(null==fontWeights?void 0:fontWeights.semibold,";\n }\n }\n\n &:active {\n svg.check-icon {\n color: ").concat(primary,";\n }\n\n &:active {\n svg.check-icon {\n color: ").concat(primary,";\n }\n\n .primary-text {\n font-weight: ").concat(null==fontWeights?void 0:fontWeights.semibold,";\n }\n }\n }\n ")})),ContentWrapper=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.ZP)("span")(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n width: 100%;\n"]))),disabledStyles=function disabledStyles(props){if(!props.disabled)return"";var colors=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.EC)(props);return"\n color: ".concat(null==colors?void 0:colors.gray[300],";\n cursor: default;\n ")},TextWrapper=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.ZP)("span")(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n ","\n\n ","\n\n ","\n"])),fontBodyXs,(function(props){var _palette$text,palette=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.XN)(props);return"\n color: ".concat(null==palette||null===(_palette$text=palette.text)||void 0===_palette$text?void 0:_palette$text.primary,";\n display: flex;\n white-space: pre-wrap;\n ")}),disabledStyles),StyledMenuItemIcon=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.ZP)("span")(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var disabled=props.disabled,spacings=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.Gr)(props),iconSizes=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.Dk)(props),colors=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.EC)(props);return"\n margin-right: ".concat(null==spacings?void 0:spacings.xs,"px;\n margin-top: ").concat(null==spacings?void 0:spacings.xxxs,"px;\n height: ").concat(null==iconSizes?void 0:iconSizes.s.height,"px;\n\n .MuiSvgIcon-root {\n ").concat(disabled?"color: ".concat(null==colors?void 0:colors.gray[300],";"):null,"\n }\n ")})),ColumnWrapper=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.ZP)("span")(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n ","\n\n text-align: right;\n color: black;\n margin-left: 10px;\n\n ","\n"])),fontBodyXs,disabledStyles),DemoWrapper=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.ZP)("div")(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n width: 250px;\n"]))),StyledIconWrapper=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.ZP)("span")(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var spacings=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.Gr)(props),iconSizes=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.Dk)(props);return"\n align-self: start;\n margin-right: ".concat(null==spacings?void 0:spacings.m,"px;\n margin-top: ").concat(null==spacings?void 0:spacings.xxxs,"px;\n height: ").concat(null==iconSizes?void 0:iconSizes.s.height,"px;\n ")})),StyledCheck=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.ZP)(_mui_icons_material__WEBPACK_IMPORTED_MODULE_5__.Z,{shouldForwardProp:function shouldForwardProp(prop){return"selected"!==prop}})(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var selected=props.selected,disabled=props.disabled,colors=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.EC)(props),iconSizes=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.Dk)(props),selectedColor=disabled?null==colors?void 0:colors.gray[300]:null==colors?void 0:colors.primary[400];return"\n color: ".concat(selected?selectedColor:"transparent",";\n padding: 0;\n height: ").concat(null==iconSizes?void 0:iconSizes.s.height,"px;\n width: ").concat(null==iconSizes?void 0:iconSizes.s.width,"px;\n\n &.MuiCheckbox-colorPrimary.Mui-checked:hover {\n background-color: transparent;\n }\n ")})),StyledMinus=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.ZP)(_mui_icons_material__WEBPACK_IMPORTED_MODULE_6__.Z,{shouldForwardProp:function shouldForwardProp(prop){return"selected"!==prop}})(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var selected=props.selected,disabled=props.disabled,colors=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.EC)(props),iconSizes=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.Dk)(props),selectedColor=disabled?null==colors?void 0:colors.gray[300]:null==colors?void 0:colors.primary[400];return"\n color: ".concat(selected?selectedColor:"transparent",";\n padding: 0;\n height: ").concat(null==iconSizes?void 0:iconSizes.s.height,"px;\n width: ").concat(null==iconSizes?void 0:iconSizes.s.width,"px;\n\n &.MuiCheckbox-colorPrimary.Mui-checked:hover {\n background-color: transparent;\n }\n ")}))}}]); \ No newline at end of file diff --git a/core-InputDropdown-index-stories.a1308c8a.iframe.bundle.js b/core-InputDropdown-index-stories.a1308c8a.iframe.bundle.js new file mode 100644 index 000000000..84a47caa8 --- /dev/null +++ b/core-InputDropdown-index-stories.a1308c8a.iframe.bundle.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_czi_sds_monorepo=self.webpackChunk_czi_sds_monorepo||[]).push([[4664],{"./packages/components/src/core/InputDropdown/index.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,MinimalLivePreview:()=>MinimalLivePreview,RoundLivePreview:()=>RoundLivePreview,SquareLivePreview:()=>SquareLivePreview,Test:()=>Test,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _mui_material_styles__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),src_common_utils__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./packages/components/src/common/utils.ts"),_Callout__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/core/Callout/index.tsx"),_Callout_components_CalloutTitle__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/core/Callout/components/CalloutTitle/index.tsx"),_DropdownMenu__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/core/DropdownMenu/index.tsx"),_index__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./packages/components/src/core/InputDropdown/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}var _templateObject,_Default$parameters,_Default$parameters2,_RoundLivePreview$par,_RoundLivePreview$par2,_SquareLivePreview$pa,_SquareLivePreview$pa2,_MinimalLivePreview$p,_MinimalLivePreview$p2,_Test$parameters,_Test$parameters2,_excluded=["disabled","label","sdsStyle","multiple","value","sdsType"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var StyledInputDropdown=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_6__.ZP)(_index__WEBPACK_IMPORTED_MODULE_4__.Z)(_templateObject||(_templateObject=function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["\n ","\n"])),(function(_ref){var width=_ref.width;return"\n width: fit-content;\n max-width: ".concat(width||250,"px;\n ")})),InputDropdown=function InputDropdown(props){var disabled=props.disabled,label=props.label,sdsStyle=props.sdsStyle,multiple=props.multiple,propValue=props.value,sdsType=props.sdsType,rest=_objectWithoutProperties(props,_excluded),_useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),2),anchorEl=_useState2[0],setAnchorEl=_useState2[1],_useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),open=_useState4[0],setOpen=_useState4[1],_useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("default"),2),sdsStage=_useState6[0],setSdsStage=_useState6[1],_useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),details=_useState8[0],setDetials=_useState8[1],_useState10=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),counter=_useState10[0],setCounter=_useState10[1],_useState12=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),2),inputDropdownValue=_useState12[0],setInputDropdownValue=_useState12[1],_useState14=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),2),invalid=_useState14[0],setInvalid=_useState14[1],_useState16=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("Label"),2),storybookLabel=_useState16[0],setStorybookLabel=_useState16[1],_useState18=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(getInitialValue()),2),value=_useState18[0],setValue=_useState18[1],_useState20=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(getInitialValue()),2),pendingValue=_useState20[0],setPendingValue=_useState20[1],isControlled=void 0!==propValue;(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){isControlled&&setValue(propValue)}),[propValue,isControlled]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){setInvalid(!("value"!==sdsType||!multiple))}),[multiple,sdsType]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){setStorybookLabel("value"===sdsType?"Value":label)}),[label,sdsType]);function getInitialValue(){return isControlled?propValue:multiple?[]:null}return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div",{children:[invalid?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)(_Callout__WEBPACK_IMPORTED_MODULE_1__.Z,{autoDismiss:!1,intent:"error",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Callout_components_CalloutTitle__WEBPACK_IMPORTED_MODULE_2__.Z,{children:"Invalid props!"}),'When using the InputDropdown component, please note that the combination of setting the sdsType prop to "value" and the multiple prop to "true" is not allowed.']}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(StyledInputDropdown,_objectSpread({disabled,label:storybookLabel,onClick:function handleClick(event){setSdsStage("userInput"),open?(setOpen(!1),anchorEl&&anchorEl.focus(),setAnchorEl(null)):(setAnchorEl(event.currentTarget),setOpen(!0))},state:open?"open":"default",sdsStage,sdsStyle,sdsType,multiple,details,value:inputDropdownValue,counter,"data-testid":"InputDropdown"},rest)),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_DropdownMenu__WEBPACK_IMPORTED_MODULE_3__.Z,{open,anchorEl,onClose:function handleClose(){},onChange:function handleChange(_,newValue){multiple?(setPendingValue(newValue),setCounter(null==newValue?void 0:newValue.length.toString())):(setOpen(!1),setValue(newValue),setCounter(void 0),newValue&&!Array.isArray(newValue)?(setInputDropdownValue(newValue.name),null!=newValue&&newValue.details?setDetials(null==newValue?void 0:newValue.details):setDetials(void 0)):(setDetials(void 0),setInputDropdownValue(void 0)))},search:!1,multiple,disableCloseOnSelect:multiple,options:[{details:"Details",name:"Menu Item 1"},{details:"A very long Details for the second Menu Item",name:"Menu Item 2"},{name:"Menu Item 3"}],value:multiple?pendingValue:value,onClickAway:function handleClickAway(){open&&(setOpen(!1),(!value||Array.isArray(value)&&0===value.length)&&setSdsStage("default")),multiple&&setValue(pendingValue)}})]})};const __WEBPACK_DEFAULT_EXPORT__={argTypes:{counter:{control:{type:"number"}},details:{control:{type:"text"}},disabled:{control:{type:"boolean"}},intent:{control:{type:"radio"},options:["default","error","warning"]},label:{control:{type:"text"}},multiple:{control:{type:"boolean"}},sdsStage:{control:{type:"radio"},options:["default","userInput"]},sdsStyle:{control:{type:"select"},options:["square","rounded","minimal"]},sdsType:{control:{type:"radio"},options:["label","value"]},shouldPutAColonAfterLabel:{control:{type:"boolean"}},shouldTruncateMinimalDetails:{control:{type:"boolean"}},width:{control:{type:"number"}}},component:InputDropdown,title:"Inputs/InputDropdown"};var Default={args:{disabled:!1,label:"Label",sdsStyle:"square"}},storyRow={alignItems:"start",display:"flex"},LivePreviewDemo=function LivePreviewDemo(props){var sdsStyle=props.sdsStyle;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div",{style:storyRow,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(StyledInputDropdown,{disabled:!1,label:"Label",onClick:src_common_utils__WEBPACK_IMPORTED_MODULE_7__.Z,sdsStage:"default",sdsStyle,sdsType:"label",multiple:!1,"data-testid":"InputDropdown"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(StyledInputDropdown,{disabled:!1,label:"Label",onClick:src_common_utils__WEBPACK_IMPORTED_MODULE_7__.Z,sdsStage:"default",sdsStyle,sdsType:"value",value:"Value",multiple:!1,"data-testid":"InputDropdown",style:{marginLeft:80,marginRight:16}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(StyledInputDropdown,{disabled:!1,label:"Label",onClick:src_common_utils__WEBPACK_IMPORTED_MODULE_7__.Z,sdsStage:"default",sdsStyle,sdsType:"value",value:"Value",details:"Details",shouldPutAColonAfterLabel:!1,multiple:!1,"data-testid":"InputDropdown"})]})},RoundLivePreview={args:{fullWidth:!0,sdsStyle:"rounded"},parameters:{snapshot:{skip:!0}},render:function render(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(LivePreviewDemo,_objectSpread({},args))}},SquareLivePreview={args:{fullWidth:!0,sdsStyle:"square"},parameters:{snapshot:{skip:!0}},render:function render(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(LivePreviewDemo,_objectSpread({},args))}},MinimalLivePreviewDemo=function MinimalLivePreviewDemo(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div",{style:storyRow,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(StyledInputDropdown,{disabled:!1,label:"Label",onClick:src_common_utils__WEBPACK_IMPORTED_MODULE_7__.Z,sdsStage:"default",sdsStyle:"minimal",sdsType:"label",multiple:!1,"data-testid":"InputDropdown"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(StyledInputDropdown,{disabled:!1,label:"Label",onClick:src_common_utils__WEBPACK_IMPORTED_MODULE_7__.Z,sdsStage:"default",sdsStyle:"minimal",sdsType:"value",value:"Value",multiple:!1,"data-testid":"InputDropdown",style:{marginLeft:80,marginRight:16}})]})},MinimalLivePreview={args:{sdsStyle:"minimal"},parameters:{snapshot:{skip:!0}},render:function render(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(MinimalLivePreviewDemo,_objectSpread({},args))}},Test={args:{disabled:!1,label:"Label",multiple:!1,sdsStyle:"square"},parameters:{snapshot:{skip:!0}},render:function render(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(InputDropdown,_objectSpread({},args))}};Default.parameters=_objectSpread(_objectSpread({},Default.parameters),{},{docs:_objectSpread(_objectSpread({},null===(_Default$parameters=Default.parameters)||void 0===_Default$parameters?void 0:_Default$parameters.docs),{},{source:_objectSpread({originalSource:'{\n args: {\n disabled: false,\n label: "Label",\n sdsStyle: "square"\n }\n}'},null===(_Default$parameters2=Default.parameters)||void 0===_Default$parameters2||null===(_Default$parameters2=_Default$parameters2.docs)||void 0===_Default$parameters2?void 0:_Default$parameters2.source)})}),RoundLivePreview.parameters=_objectSpread(_objectSpread({},RoundLivePreview.parameters),{},{docs:_objectSpread(_objectSpread({},null===(_RoundLivePreview$par=RoundLivePreview.parameters)||void 0===_RoundLivePreview$par?void 0:_RoundLivePreview$par.docs),{},{source:_objectSpread({originalSource:'{\n args: {\n fullWidth: true,\n sdsStyle: "rounded"\n },\n parameters: {\n snapshot: {\n skip: true\n }\n },\n render: (args: Args) => \n}'},null===(_RoundLivePreview$par2=RoundLivePreview.parameters)||void 0===_RoundLivePreview$par2||null===(_RoundLivePreview$par2=_RoundLivePreview$par2.docs)||void 0===_RoundLivePreview$par2?void 0:_RoundLivePreview$par2.source)})}),SquareLivePreview.parameters=_objectSpread(_objectSpread({},SquareLivePreview.parameters),{},{docs:_objectSpread(_objectSpread({},null===(_SquareLivePreview$pa=SquareLivePreview.parameters)||void 0===_SquareLivePreview$pa?void 0:_SquareLivePreview$pa.docs),{},{source:_objectSpread({originalSource:'{\n args: {\n fullWidth: true,\n sdsStyle: "square"\n },\n parameters: {\n snapshot: {\n skip: true\n }\n },\n render: (args: Args) => \n}'},null===(_SquareLivePreview$pa2=SquareLivePreview.parameters)||void 0===_SquareLivePreview$pa2||null===(_SquareLivePreview$pa2=_SquareLivePreview$pa2.docs)||void 0===_SquareLivePreview$pa2?void 0:_SquareLivePreview$pa2.source)})}),MinimalLivePreview.parameters=_objectSpread(_objectSpread({},MinimalLivePreview.parameters),{},{docs:_objectSpread(_objectSpread({},null===(_MinimalLivePreview$p=MinimalLivePreview.parameters)||void 0===_MinimalLivePreview$p?void 0:_MinimalLivePreview$p.docs),{},{source:_objectSpread({originalSource:'{\n args: {\n sdsStyle: "minimal"\n },\n parameters: {\n snapshot: {\n skip: true\n }\n },\n render: (args: Args) => \n}'},null===(_MinimalLivePreview$p2=MinimalLivePreview.parameters)||void 0===_MinimalLivePreview$p2||null===(_MinimalLivePreview$p2=_MinimalLivePreview$p2.docs)||void 0===_MinimalLivePreview$p2?void 0:_MinimalLivePreview$p2.source)})}),Test.parameters=_objectSpread(_objectSpread({},Test.parameters),{},{docs:_objectSpread(_objectSpread({},null===(_Test$parameters=Test.parameters)||void 0===_Test$parameters?void 0:_Test$parameters.docs),{},{source:_objectSpread({originalSource:'{\n args: {\n disabled: false,\n label: "Label",\n multiple: false,\n sdsStyle: "square"\n },\n parameters: {\n snapshot: {\n skip: true\n }\n },\n render: (args: Args) => \n}'},null===(_Test$parameters2=Test.parameters)||void 0===_Test$parameters2||null===(_Test$parameters2=_Test$parameters2.docs)||void 0===_Test$parameters2?void 0:_Test$parameters2.source)})});var __namedExportsOrder=["Default","RoundLivePreview","SquareLivePreview","MinimalLivePreview","Test"]},"./packages/components/src/core/Callout/components/CalloutTitle/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>components_CalloutTitle});var _templateObject,AlertTitle=__webpack_require__("./node_modules/@mui/material/AlertTitle/AlertTitle.js"),styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");var fontBodyXs=(0,styles.oJ)("xs"),StyledCalloutTitle=(0,styled.ZP)(AlertTitle.Z)(_templateObject||(_templateObject=function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["\n ","\n\n ","\n"])),fontBodyXs,(function(props){var spacings=(0,styles.Gr)(props);return"\n margin: ".concat(null==spacings?void 0:spacings.xxxs,"px 0 ").concat(null==spacings?void 0:spacings.xs,"px;\n ")})),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),CalloutTitle=function CalloutTitle(_ref){var children=_ref.children;return(0,jsx_runtime.jsx)(StyledCalloutTitle,{children})};const components_CalloutTitle=CalloutTitle;try{CalloutTitle.displayName="CalloutTitle",CalloutTitle.__docgenInfo={description:"",displayName:"CalloutTitle",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"Ref"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/Callout/components/CalloutTitle/index.tsx#CalloutTitle"]={docgenInfo:CalloutTitle.__docgenInfo,name:"CalloutTitle",path:"packages/components/src/core/Callout/components/CalloutTitle/index.tsx#CalloutTitle"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/core/Callout/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>core_Callout});var _templateObject,Grow=__webpack_require__("./node_modules/@mui/material/Grow/Grow.js"),react=__webpack_require__("./node_modules/react/index.js"),ButtonIcon=__webpack_require__("./packages/components/src/core/ButtonIcon/index.tsx"),Icon=__webpack_require__("./packages/components/src/core/Icon/index.tsx"),Alert=__webpack_require__("./node_modules/@mui/material/Alert/Alert.js"),styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts"),defaultTheme=__webpack_require__("./packages/components/src/core/styles/common/defaultTheme.ts");var fontBodyXs=(0,styles.oJ)("xs"),doNotForwardProps=["calloutTitle","collapsed"],StyledCallout=(0,styled.ZP)(Alert.Z,{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject||(_templateObject=function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["\n ","\n ","\n"])),fontBodyXs,(function(props){var colors=(0,styles.EC)(props),spacings=(0,styles.Gr)(props),_props$severity=props.severity,severity=void 0===_props$severity?"success":_props$severity,corners=(0,styles.DV)(props),iconSizes=(0,styles.Dk)(props),iconColor=colors&&colors[severity][400]||"black",calloutColor=colors&&colors[severity][100]||"white",backgroundColor=colors&&colors[severity][100],titleBottomMargin=props.collapsed?"margin-bottom: 0;":"";return"\n background-color: ".concat(backgroundColor,";\n width: 360px;\n margin: ").concat(null==spacings?void 0:spacings.m,"px 0;\n border-radius: ").concat(null==corners?void 0:corners.m,"px;\n color: ").concat(defaultTheme.uH.palette.text.primary,";\n padding: ").concat(null==spacings?void 0:spacings.m,"px;\n background-color: ").concat(calloutColor,";\n\n .MuiAlert-icon {\n height: ").concat(null==iconSizes?void 0:iconSizes.l.height,"px;\n width: ").concat(null==iconSizes?void 0:iconSizes.l.width,"px;\n margin-right: ").concat(null==spacings?void 0:spacings.m,"px;\n padding: 0;\n path {\n fill: ").concat(iconColor,";\n }\n }\n\n .MuiAlert-message {\n padding: 0;\n margin-right: ").concat(null==spacings?void 0:spacings.m,"px;\n\n .MuiAlertTitle-root{\n margin-top: 0;\n ").concat(titleBottomMargin,"\n }\n }\n\n .MuiAlert-action {\n margin-right: 0;\n padding: 0;\n align-items: flex-start;\n margin-top: ").concat(null==spacings?void 0:spacings.xxs,"px;\n\n > button {\n padding: 0;\n }\n }\n ")})),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}var _excluded=["autoDismiss","children","dismissed","expandable","onClose","icon","intent","sdsStage"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var Callout=function Callout(_ref){var _children$,autoDismiss=_ref.autoDismiss,children=_ref.children,dismissed=_ref.dismissed,expandable=_ref.expandable,onClose=_ref.onClose,icon=_ref.icon,intent=_ref.intent,sdsStage=_ref.sdsStage,rest=_objectWithoutProperties(_ref,_excluded),_useState2=_slicedToArray((0,react.useState)(dismissed),2),hide=_useState2[0],setHide=_useState2[1],_useState4=_slicedToArray((0,react.useState)(sdsStage||"closed"),2),stage=_useState4[0],setStage=_useState4[1];(0,react.useEffect)((function(){(setHide(dismissed),autoDismiss)&&setTimeout((function(){setHide(!0)}),"boolean"==typeof autoDismiss?8e3:autoDismiss)}),[dismissed,autoDismiss]);var calloutContent,handleClose=function handleClose(event){setHide(!0),onClose&&onClose(event)},collapsed=expandable&&"closed"===stage||!1,calloutTitle=children;if(Array.isArray(children)&&"CalloutTitle"===(null===(_children$=children[0])||void 0===_children$||null===(_children$=_children$.type)||void 0===_children$?void 0:_children$.name)){var _children=_toArray(children);calloutTitle=_children[0],calloutContent=_children.slice(1)}return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:(0,jsx_runtime.jsx)(Grow.Z,{in:!hide,children:(0,jsx_runtime.jsxs)(StyledCallout,_objectSpread(_objectSpread({onClose:onClose?handleClose:void 0,action:function getAction(collapsed){return expandable?(0,jsx_runtime.jsx)(ButtonIcon.Z,{"aria-label":collapsed?"open":"close",onClick:function onClick(){setStage(collapsed?"open":"closed")},sdsSize:"small",sdsType:"tertiary",sdsIcon:collapsed?"chevronDown":"chevronUp"}):onClose?(0,jsx_runtime.jsx)(ButtonIcon.Z,{"aria-label":"Dismiss",onClick:handleClose,sdsSize:"small",sdsType:"tertiary",size:"large",sdsIcon:"xMark"}):null}(collapsed),icon:function getIcon(){if(icon)return icon;switch(intent){case"success":return(0,jsx_runtime.jsx)(Icon.Z,{sdsSize:"l",sdsIcon:"checkCircle",sdsType:"static"});case"info":return(0,jsx_runtime.jsx)(Icon.Z,{sdsSize:"l",sdsIcon:"infoCircle",sdsType:"static"});default:return(0,jsx_runtime.jsx)(Icon.Z,{sdsSize:"l",sdsIcon:"exclamationMarkCircle",sdsType:"static"})}}(),severity:intent,collapsed:collapsed||!1},rest),{},{children:[calloutTitle,!collapsed&&calloutContent]}))})})};const core_Callout=Callout;try{Callout.displayName="Callout",Callout.__docgenInfo={description:"",displayName:"Callout",props:{square:{defaultValue:{value:"false"},description:"If `true`, rounded corners are disabled.",name:"square",required:!1,type:{name:"boolean"}},children:{defaultValue:null,description:"The content of the component.",name:"children",required:!1,type:{name:"ReactNode"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},elevation:{defaultValue:{value:"1"},description:"Shadow depth, corresponds to `dp` in the spec.\nIt accepts values between 0 and 24 inclusive.",name:"elevation",required:!1,type:{name:"number"}},autoDismiss:{defaultValue:null,description:"",name:"autoDismiss",required:!1,type:{name:"number | boolean"}},dismissed:{defaultValue:null,description:"",name:"dismissed",required:!1,type:{name:"boolean"}},expandable:{defaultValue:null,description:"",name:"expandable",required:!1,type:{name:"boolean"}},intent:{defaultValue:null,description:"",name:"intent",required:!0,type:{name:"enum",value:[{value:'"info"'},{value:'"success"'},{value:'"warning"'},{value:'"error"'}]}},sdsStage:{defaultValue:null,description:"",name:"sdsStage",required:!1,type:{name:"enum",value:[{value:'"open"'},{value:'"closed"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/Callout/index.tsx#Callout"]={docgenInfo:Callout.__docgenInfo,name:"Callout",path:"packages/components/src/core/Callout/index.tsx#Callout"})}catch(__react_docgen_typescript_loader_error){}}}]); \ No newline at end of file diff --git a/core-MenuSelect-index-stories.45cfd6ea.iframe.bundle.js b/core-MenuSelect-index-stories.45cfd6ea.iframe.bundle.js deleted file mode 100644 index 44e54d9ae..000000000 --- a/core-MenuSelect-index-stories.45cfd6ea.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_czi_sds_monorepo=self.webpackChunk_czi_sds_monorepo||[]).push([[1172],{"./node_modules/@mui/icons-material/ExpandMore.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__("./node_modules/@mui/icons-material/node_modules/@babel/runtime/helpers/interopRequireDefault.js");exports.Z=void 0;var _createSvgIcon=_interopRequireDefault(__webpack_require__("./node_modules/@mui/icons-material/utils/createSvgIcon.js")),_jsxRuntime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_default=(0,_createSvgIcon.default)((0,_jsxRuntime.jsx)("path",{d:"M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"}),"ExpandMore");exports.Z=_default},"./node_modules/@mui/icons-material/esm/Clear.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _utils_createSvgIcon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mui/material/utils/createSvgIcon.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,_utils_createSvgIcon__WEBPACK_IMPORTED_MODULE_1__.Z)((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("path",{d:"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}),"Clear")},"./node_modules/@mui/icons-material/node_modules/@babel/runtime/helpers/interopRequireDefault.js":module=>{module.exports=function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}},module.exports.__esModule=!0,module.exports.default=module.exports},"./node_modules/@mui/icons-material/utils/createSvgIcon.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _utils.createSvgIcon}});var _utils=__webpack_require__("./node_modules/@mui/material/utils/index.js")},"./node_modules/@mui/material/SvgIcon/SvgIcon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>SvgIcon_SvgIcon});var esm_extends=__webpack_require__("./node_modules/@mui/material/node_modules/@babel/runtime/helpers/esm/extends.js"),objectWithoutPropertiesLoose=__webpack_require__("./node_modules/@mui/material/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js"),react=__webpack_require__("./node_modules/react/index.js"),clsx_m=__webpack_require__("./node_modules/clsx/dist/clsx.m.js"),composeClasses=__webpack_require__("./node_modules/@mui/utils/esm/composeClasses/composeClasses.js"),capitalize=__webpack_require__("./node_modules/@mui/material/utils/capitalize.js"),useThemeProps=__webpack_require__("./node_modules/@mui/material/styles/useThemeProps.js"),styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),generateUtilityClasses=__webpack_require__("./node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.js"),generateUtilityClass=__webpack_require__("./node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.js");function getSvgIconUtilityClass(slot){return(0,generateUtilityClass.Z)("MuiSvgIcon",slot)}(0,generateUtilityClasses.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const _excluded=["children","className","color","component","fontSize","htmlColor","inheritViewBox","titleAccess","viewBox"],SvgIconRoot=(0,styled.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(props,styles)=>{const{ownerState}=props;return[styles.root,"inherit"!==ownerState.color&&styles[`color${(0,capitalize.Z)(ownerState.color)}`],styles[`fontSize${(0,capitalize.Z)(ownerState.fontSize)}`]]}})((({theme,ownerState})=>{var _theme$transitions,_theme$transitions$cr,_theme$transitions2,_theme$transitions2$d,_theme$typography,_theme$typography$pxT,_theme$typography2,_theme$typography2$px,_theme$typography3,_theme$typography3$px,_palette$ownerState$c,_palette,_palette$ownerState$c2,_palette2,_palette2$action,_palette3,_palette3$action;return{userSelect:"none",width:"1em",height:"1em",display:"inline-block",fill:"currentColor",flexShrink:0,transition:null==(_theme$transitions=theme.transitions)||null==(_theme$transitions$cr=_theme$transitions.create)?void 0:_theme$transitions$cr.call(_theme$transitions,"fill",{duration:null==(_theme$transitions2=theme.transitions)||null==(_theme$transitions2$d=_theme$transitions2.duration)?void 0:_theme$transitions2$d.shorter}),fontSize:{inherit:"inherit",small:(null==(_theme$typography=theme.typography)||null==(_theme$typography$pxT=_theme$typography.pxToRem)?void 0:_theme$typography$pxT.call(_theme$typography,20))||"1.25rem",medium:(null==(_theme$typography2=theme.typography)||null==(_theme$typography2$px=_theme$typography2.pxToRem)?void 0:_theme$typography2$px.call(_theme$typography2,24))||"1.5rem",large:(null==(_theme$typography3=theme.typography)||null==(_theme$typography3$px=_theme$typography3.pxToRem)?void 0:_theme$typography3$px.call(_theme$typography3,35))||"2.1875rem"}[ownerState.fontSize],color:null!=(_palette$ownerState$c=null==(_palette=(theme.vars||theme).palette)||null==(_palette$ownerState$c2=_palette[ownerState.color])?void 0:_palette$ownerState$c2.main)?_palette$ownerState$c:{action:null==(_palette2=(theme.vars||theme).palette)||null==(_palette2$action=_palette2.action)?void 0:_palette2$action.active,disabled:null==(_palette3=(theme.vars||theme).palette)||null==(_palette3$action=_palette3.action)?void 0:_palette3$action.disabled,inherit:void 0}[ownerState.color]}})),SvgIcon=react.forwardRef((function SvgIcon(inProps,ref){const props=(0,useThemeProps.Z)({props:inProps,name:"MuiSvgIcon"}),{children,className,color="inherit",component="svg",fontSize="medium",htmlColor,inheritViewBox=!1,titleAccess,viewBox="0 0 24 24"}=props,other=(0,objectWithoutPropertiesLoose.Z)(props,_excluded),ownerState=(0,esm_extends.Z)({},props,{color,component,fontSize,instanceFontSize:inProps.fontSize,inheritViewBox,viewBox}),more={};inheritViewBox||(more.viewBox=viewBox);const classes=(ownerState=>{const{color,fontSize,classes}=ownerState,slots={root:["root","inherit"!==color&&`color${(0,capitalize.Z)(color)}`,`fontSize${(0,capitalize.Z)(fontSize)}`]};return(0,composeClasses.Z)(slots,getSvgIconUtilityClass,classes)})(ownerState);return(0,jsx_runtime.jsxs)(SvgIconRoot,(0,esm_extends.Z)({as:component,className:(0,clsx_m.Z)(classes.root,className),focusable:"false",color:htmlColor,"aria-hidden":!titleAccess||void 0,role:titleAccess?"img":void 0,ref},more,other,{ownerState,children:[children,titleAccess?(0,jsx_runtime.jsx)("title",{children:titleAccess}):null]}))}));SvgIcon.muiName="SvgIcon";const SvgIcon_SvgIcon=SvgIcon},"./node_modules/@mui/material/utils/createChainedFunction.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__("./node_modules/@mui/utils/esm/createChainedFunction.js").Z},"./node_modules/@mui/material/utils/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{capitalize:()=>capitalize.Z,createChainedFunction:()=>createChainedFunction.Z,createSvgIcon:()=>createSvgIcon.Z,debounce:()=>debounce.Z,deprecatedPropType:()=>utils_deprecatedPropType,isMuiElement:()=>isMuiElement.Z,ownerDocument:()=>ownerDocument.Z,ownerWindow:()=>ownerWindow.Z,requirePropFactory:()=>utils_requirePropFactory,setRef:()=>utils_setRef,unstable_ClassNameGenerator:()=>unstable_ClassNameGenerator,unstable_useEnhancedEffect:()=>useEnhancedEffect.Z,unstable_useId:()=>useId.Z,unsupportedProp:()=>utils_unsupportedProp,useControlled:()=>useControlled.Z,useEventCallback:()=>useEventCallback.Z,useForkRef:()=>useForkRef.Z,useIsFocusVisible:()=>useIsFocusVisible.Z});var ClassNameGenerator=__webpack_require__("./node_modules/@mui/utils/esm/ClassNameGenerator/ClassNameGenerator.js"),capitalize=__webpack_require__("./node_modules/@mui/material/utils/capitalize.js"),createChainedFunction=__webpack_require__("./node_modules/@mui/material/utils/createChainedFunction.js"),createSvgIcon=__webpack_require__("./node_modules/@mui/material/utils/createSvgIcon.js"),debounce=__webpack_require__("./node_modules/@mui/material/utils/debounce.js");const utils_deprecatedPropType=function deprecatedPropType(validator,reason){return()=>null};var isMuiElement=__webpack_require__("./node_modules/@mui/material/utils/isMuiElement.js"),ownerDocument=__webpack_require__("./node_modules/@mui/material/utils/ownerDocument.js"),ownerWindow=__webpack_require__("./node_modules/@mui/material/utils/ownerWindow.js");const utils_requirePropFactory=function requirePropFactory(componentNameInError,Component){return()=>null};const utils_setRef=__webpack_require__("./node_modules/@mui/utils/esm/setRef.js").Z;var useEnhancedEffect=__webpack_require__("./node_modules/@mui/material/utils/useEnhancedEffect.js"),useId=__webpack_require__("./node_modules/@mui/material/utils/useId.js");const utils_unsupportedProp=function unsupportedProp(props,propName,componentName,location,propFullName){return null};var useControlled=__webpack_require__("./node_modules/@mui/material/utils/useControlled.js"),useEventCallback=__webpack_require__("./node_modules/@mui/material/utils/useEventCallback.js"),useForkRef=__webpack_require__("./node_modules/@mui/material/utils/useForkRef.js"),useIsFocusVisible=__webpack_require__("./node_modules/@mui/material/utils/useIsFocusVisible.js");const unstable_ClassNameGenerator={configure:generator=>{ClassNameGenerator.Z.configure(generator)}}},"./node_modules/@mui/material/utils/useId.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__("./node_modules/@mui/utils/esm/useId.js").Z},"./packages/components/src/core/MenuSelect/index.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,MultiSelect:()=>MultiSelect,MultiSelectWithSearch:()=>MultiSelectWithSearch,SingleSelectWithSearch:()=>SingleSelectWithSearch,__namedExportsOrder:()=>__namedExportsOrder,default:()=>index_stories});var _templateObject,_templateObject2,_templateObject3,_templateObject4,ExpandMore=__webpack_require__("./node_modules/@mui/icons-material/ExpandMore.js"),Popper=__webpack_require__("./node_modules/@mui/material/Popper/Popper.js"),ButtonBase=__webpack_require__("./node_modules/@mui/material/ButtonBase/ButtonBase.js"),styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),react=__webpack_require__("./node_modules/react/index.js"),GITHUB_LABELS=__webpack_require__("./packages/components/src/core/DropdownMenu/GITHUB_LABELS.tsx"),TagFilter=__webpack_require__("./packages/components/src/core/TagFilter/index.tsx"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts"),InputAdornment=__webpack_require__("./node_modules/@mui/material/InputAdornment/InputAdornment.js"),utils=__webpack_require__("./packages/components/src/common/utils.ts"),warnings=__webpack_require__("./packages/components/src/common/warnings.ts"),ButtonIcon=__webpack_require__("./packages/components/src/core/ButtonIcon/index.tsx"),Autocomplete=__webpack_require__("./node_modules/@mui/material/Autocomplete/Autocomplete.js"),inputBaseClasses=__webpack_require__("./node_modules/@mui/material/InputBase/inputBaseClasses.js"),InputSearch=__webpack_require__("./packages/components/src/core/InputSearch/index.tsx"),MenuItem=__webpack_require__("./packages/components/src/core/MenuItem/index.tsx");function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var StyledMenuItem=(0,styled.ZP)(MenuItem.Z)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n width: 100%;\n"]))),doNotForwardProps=["search","InputBaseProps","keepSearchOnSelect"],StyledAutocomplete=(0,styled.ZP)(Autocomplete.Z,{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n ","\n width: 100%;\n"])),(function(_ref){return!_ref.search&&"height: 0;"})),InputBaseWrapper=(0,styled.ZP)("div",{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n ","\n"])),(function(props){if(!props.search)return"\n border: 0;\n padding: 0;\n\n white-space: nowrap;\n\n clip-path: inset(100%);\n clip: rect(0 0 0 0);\n overflow: hidden;\n margin: 0;\n ";var spacings=(0,styles.Gr)(props);return"\n margin: ".concat(null==spacings?void 0:spacings.s,"px;\n ")})),StyledMenuInputSearch=(0,styled.ZP)(InputSearch.Z,{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n && {\n margin: 0;\n\n .",' {\n width: 100%;\n padding: 0;\n padding-right: 14px !important;\n }\n\n /* (thuang): Works with attribute inputMode: "none" to hide mobile keyboard */\n caret-color: ',";\n }\n"])),inputBaseClasses.Z.root,(function(_ref2){return _ref2.search?"auto":"transparent"})),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i"}},keepSearchOnSelect:{defaultValue:null,description:"",name:"keepSearchOnSelect",required:!1,type:{name:"boolean"}},renderInput:{defaultValue:null,description:"",name:"renderInput",required:!1,type:{name:"((params: AutocompleteRenderInputParams) => ReactNode)"}},InputBaseProps:{defaultValue:null,description:"",name:"InputBaseProps",required:!1,type:{name:"Partial"}},search:{defaultValue:null,description:"",name:"search",required:!1,type:{name:"boolean"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"SDSTheme"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/MenuSelect/index.tsx#MenuSelect"]={docgenInfo:MenuSelect.__docgenInfo,name:"MenuSelect",path:"packages/components/src/core/MenuSelect/index.tsx#MenuSelect"})}catch(__react_docgen_typescript_loader_error){}function index_stories_typeof(obj){return index_stories_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},index_stories_typeof(obj)}var index_stories_templateObject,index_stories_templateObject2,_Default$parameters,_Default$parameters2,_SingleSelectWithSear,_SingleSelectWithSear2,_MultiSelect$paramete,_MultiSelect$paramete2,_MultiSelectWithSearc,_MultiSelectWithSearc2;function index_stories_ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function index_stories_objectSpread(target){for(var i=1;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>core_TagFilter});var _templateObject,_templateObject2,Clear=__webpack_require__("./node_modules/@mui/icons-material/esm/Clear.js"),emotion_react_browser_esm=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js")),styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts"),Tag=__webpack_require__("./packages/components/src/core/Tag/index.tsx");function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var StyledTag=(0,styled.ZP)(Tag.Z)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var spacings=(0,styles.Gr)(props);return(0,emotion_react_browser_esm.iv)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n padding: ","px ","px;\n\n &:after {\n display: none;\n }\n\n .MuiChip-label {\n ","\n }\n\n .MuiChip-deleteIcon,\n .MuiSvgIcon-root {\n margin-left: ","px;\n }\n\n .MuiChip-label,\n svg {\n z-index: auto;\n }\n "])),null==spacings?void 0:spacings.xxs,null==spacings?void 0:spacings.s,(0,styles.J5)(props),null==spacings?void 0:spacings.s)})),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var TagFilter=function TagFilter(props){return(0,jsx_runtime.jsx)(StyledTag,function _objectSpread(target){for(var i=1;i void"}},icon:{defaultValue:null,description:"Icon element.",name:"icon",required:!1,type:{name:"ReactElement>"}},disabled:{defaultValue:{value:"false"},description:"If `true`, the component is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial & Partial>)"}},tabIndex:{defaultValue:null,description:"@ignore",name:"tabIndex",required:!1,type:{name:"number"}},children:{defaultValue:null,description:"This prop isn't supported.\nUse the `component` prop if you need to change the children structure.",name:"children",required:!1,type:{name:"null"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"SxProps"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},size:{defaultValue:{value:"'medium'"},description:"The size of the component.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'}]}},avatar:{defaultValue:null,description:"The Avatar element to display.",name:"avatar",required:!1,type:{name:"ReactElement>"}},clickable:{defaultValue:null,description:"If `true`, the chip will appear clickable, and will raise when pressed,\neven if the onClick prop is not defined.\nIf `false`, the chip will not appear clickable, even if onClick prop is defined.\nThis can be used, for example,\nalong with the component prop to indicate an anchor Chip is clickable.\nNote: this controls the UI and does not affect the onClick event.",name:"clickable",required:!1,type:{name:"boolean"}},deleteIcon:{defaultValue:null,description:"Override the default delete icon element. Shown only if `onDelete` is set.",name:"deleteIcon",required:!1,type:{name:"ReactElement>"}},skipFocusWhenDisabled:{defaultValue:{value:"false"},description:"If `true`, allows the disabled chip to escape focus.\nIf `false`, allows the disabled chip to receive focus.",name:"skipFocusWhenDisabled",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/TagFilter/index.tsx#TagFilter"]={docgenInfo:TagFilter.__docgenInfo,name:"TagFilter",path:"packages/components/src/core/TagFilter/index.tsx#TagFilter"})}catch(__react_docgen_typescript_loader_error){}}}]); \ No newline at end of file diff --git a/core-MenuSelect-index-stories.ecef33d3.iframe.bundle.js b/core-MenuSelect-index-stories.ecef33d3.iframe.bundle.js new file mode 100644 index 000000000..e3050a67f --- /dev/null +++ b/core-MenuSelect-index-stories.ecef33d3.iframe.bundle.js @@ -0,0 +1 @@ +(self.webpackChunk_czi_sds_monorepo=self.webpackChunk_czi_sds_monorepo||[]).push([[1172],{"./node_modules/@mui/icons-material/ExpandMore.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";var _interopRequireDefault=__webpack_require__("./node_modules/@mui/icons-material/node_modules/@babel/runtime/helpers/interopRequireDefault.js");exports.Z=void 0;var _createSvgIcon=_interopRequireDefault(__webpack_require__("./node_modules/@mui/icons-material/utils/createSvgIcon.js")),_jsxRuntime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_default=(0,_createSvgIcon.default)((0,_jsxRuntime.jsx)("path",{d:"M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"}),"ExpandMore");exports.Z=_default},"./node_modules/@mui/icons-material/esm/Clear.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _utils_createSvgIcon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mui/material/utils/createSvgIcon.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__=(0,_utils_createSvgIcon__WEBPACK_IMPORTED_MODULE_1__.Z)((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("path",{d:"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}),"Clear")},"./node_modules/@mui/icons-material/node_modules/@babel/runtime/helpers/interopRequireDefault.js":module=>{module.exports=function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}},module.exports.__esModule=!0,module.exports.default=module.exports},"./node_modules/@mui/icons-material/utils/createSvgIcon.js":(__unused_webpack_module,exports,__webpack_require__)=>{"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _utils.createSvgIcon}});var _utils=__webpack_require__("./node_modules/@mui/material/utils/index.js")},"./node_modules/@mui/material/SvgIcon/SvgIcon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>SvgIcon_SvgIcon});var esm_extends=__webpack_require__("./node_modules/@mui/material/node_modules/@babel/runtime/helpers/esm/extends.js"),objectWithoutPropertiesLoose=__webpack_require__("./node_modules/@mui/material/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js"),react=__webpack_require__("./node_modules/react/index.js"),clsx_m=__webpack_require__("./node_modules/clsx/dist/clsx.m.js"),composeClasses=__webpack_require__("./node_modules/@mui/utils/esm/composeClasses/composeClasses.js"),capitalize=__webpack_require__("./node_modules/@mui/material/utils/capitalize.js"),useThemeProps=__webpack_require__("./node_modules/@mui/material/styles/useThemeProps.js"),styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),generateUtilityClasses=__webpack_require__("./node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.js"),generateUtilityClass=__webpack_require__("./node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.js");function getSvgIconUtilityClass(slot){return(0,generateUtilityClass.Z)("MuiSvgIcon",slot)}(0,generateUtilityClasses.Z)("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const _excluded=["children","className","color","component","fontSize","htmlColor","inheritViewBox","titleAccess","viewBox"],SvgIconRoot=(0,styled.ZP)("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(props,styles)=>{const{ownerState}=props;return[styles.root,"inherit"!==ownerState.color&&styles[`color${(0,capitalize.Z)(ownerState.color)}`],styles[`fontSize${(0,capitalize.Z)(ownerState.fontSize)}`]]}})((({theme,ownerState})=>{var _theme$transitions,_theme$transitions$cr,_theme$transitions2,_theme$transitions2$d,_theme$typography,_theme$typography$pxT,_theme$typography2,_theme$typography2$px,_theme$typography3,_theme$typography3$px,_palette$ownerState$c,_palette,_palette$ownerState$c2,_palette2,_palette2$action,_palette3,_palette3$action;return{userSelect:"none",width:"1em",height:"1em",display:"inline-block",fill:"currentColor",flexShrink:0,transition:null==(_theme$transitions=theme.transitions)||null==(_theme$transitions$cr=_theme$transitions.create)?void 0:_theme$transitions$cr.call(_theme$transitions,"fill",{duration:null==(_theme$transitions2=theme.transitions)||null==(_theme$transitions2$d=_theme$transitions2.duration)?void 0:_theme$transitions2$d.shorter}),fontSize:{inherit:"inherit",small:(null==(_theme$typography=theme.typography)||null==(_theme$typography$pxT=_theme$typography.pxToRem)?void 0:_theme$typography$pxT.call(_theme$typography,20))||"1.25rem",medium:(null==(_theme$typography2=theme.typography)||null==(_theme$typography2$px=_theme$typography2.pxToRem)?void 0:_theme$typography2$px.call(_theme$typography2,24))||"1.5rem",large:(null==(_theme$typography3=theme.typography)||null==(_theme$typography3$px=_theme$typography3.pxToRem)?void 0:_theme$typography3$px.call(_theme$typography3,35))||"2.1875rem"}[ownerState.fontSize],color:null!=(_palette$ownerState$c=null==(_palette=(theme.vars||theme).palette)||null==(_palette$ownerState$c2=_palette[ownerState.color])?void 0:_palette$ownerState$c2.main)?_palette$ownerState$c:{action:null==(_palette2=(theme.vars||theme).palette)||null==(_palette2$action=_palette2.action)?void 0:_palette2$action.active,disabled:null==(_palette3=(theme.vars||theme).palette)||null==(_palette3$action=_palette3.action)?void 0:_palette3$action.disabled,inherit:void 0}[ownerState.color]}})),SvgIcon=react.forwardRef((function SvgIcon(inProps,ref){const props=(0,useThemeProps.Z)({props:inProps,name:"MuiSvgIcon"}),{children,className,color="inherit",component="svg",fontSize="medium",htmlColor,inheritViewBox=!1,titleAccess,viewBox="0 0 24 24"}=props,other=(0,objectWithoutPropertiesLoose.Z)(props,_excluded),ownerState=(0,esm_extends.Z)({},props,{color,component,fontSize,instanceFontSize:inProps.fontSize,inheritViewBox,viewBox}),more={};inheritViewBox||(more.viewBox=viewBox);const classes=(ownerState=>{const{color,fontSize,classes}=ownerState,slots={root:["root","inherit"!==color&&`color${(0,capitalize.Z)(color)}`,`fontSize${(0,capitalize.Z)(fontSize)}`]};return(0,composeClasses.Z)(slots,getSvgIconUtilityClass,classes)})(ownerState);return(0,jsx_runtime.jsxs)(SvgIconRoot,(0,esm_extends.Z)({as:component,className:(0,clsx_m.Z)(classes.root,className),focusable:"false",color:htmlColor,"aria-hidden":!titleAccess||void 0,role:titleAccess?"img":void 0,ref},more,other,{ownerState,children:[children,titleAccess?(0,jsx_runtime.jsx)("title",{children:titleAccess}):null]}))}));SvgIcon.muiName="SvgIcon";const SvgIcon_SvgIcon=SvgIcon},"./node_modules/@mui/material/utils/createChainedFunction.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__("./node_modules/@mui/utils/esm/createChainedFunction.js").Z},"./node_modules/@mui/material/utils/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{capitalize:()=>capitalize.Z,createChainedFunction:()=>createChainedFunction.Z,createSvgIcon:()=>createSvgIcon.Z,debounce:()=>debounce.Z,deprecatedPropType:()=>utils_deprecatedPropType,isMuiElement:()=>isMuiElement.Z,ownerDocument:()=>ownerDocument.Z,ownerWindow:()=>ownerWindow.Z,requirePropFactory:()=>utils_requirePropFactory,setRef:()=>utils_setRef,unstable_ClassNameGenerator:()=>unstable_ClassNameGenerator,unstable_useEnhancedEffect:()=>useEnhancedEffect.Z,unstable_useId:()=>useId.Z,unsupportedProp:()=>utils_unsupportedProp,useControlled:()=>useControlled.Z,useEventCallback:()=>useEventCallback.Z,useForkRef:()=>useForkRef.Z,useIsFocusVisible:()=>useIsFocusVisible.Z});var ClassNameGenerator=__webpack_require__("./node_modules/@mui/utils/esm/ClassNameGenerator/ClassNameGenerator.js"),capitalize=__webpack_require__("./node_modules/@mui/material/utils/capitalize.js"),createChainedFunction=__webpack_require__("./node_modules/@mui/material/utils/createChainedFunction.js"),createSvgIcon=__webpack_require__("./node_modules/@mui/material/utils/createSvgIcon.js"),debounce=__webpack_require__("./node_modules/@mui/material/utils/debounce.js");const utils_deprecatedPropType=function deprecatedPropType(validator,reason){return()=>null};var isMuiElement=__webpack_require__("./node_modules/@mui/material/utils/isMuiElement.js"),ownerDocument=__webpack_require__("./node_modules/@mui/material/utils/ownerDocument.js"),ownerWindow=__webpack_require__("./node_modules/@mui/material/utils/ownerWindow.js");const utils_requirePropFactory=function requirePropFactory(componentNameInError,Component){return()=>null};const utils_setRef=__webpack_require__("./node_modules/@mui/utils/esm/setRef.js").Z;var useEnhancedEffect=__webpack_require__("./node_modules/@mui/material/utils/useEnhancedEffect.js"),useId=__webpack_require__("./node_modules/@mui/material/utils/useId.js");const utils_unsupportedProp=function unsupportedProp(props,propName,componentName,location,propFullName){return null};var useControlled=__webpack_require__("./node_modules/@mui/material/utils/useControlled.js"),useEventCallback=__webpack_require__("./node_modules/@mui/material/utils/useEventCallback.js"),useForkRef=__webpack_require__("./node_modules/@mui/material/utils/useForkRef.js"),useIsFocusVisible=__webpack_require__("./node_modules/@mui/material/utils/useIsFocusVisible.js");const unstable_ClassNameGenerator={configure:generator=>{ClassNameGenerator.Z.configure(generator)}}},"./node_modules/@mui/material/utils/useId.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__("./node_modules/@mui/utils/esm/useId.js").Z},"./packages/components/src/core/MenuSelect/index.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,MultiSelect:()=>MultiSelect,MultiSelectWithSearch:()=>MultiSelectWithSearch,SingleSelectWithSearch:()=>SingleSelectWithSearch,__namedExportsOrder:()=>__namedExportsOrder,default:()=>index_stories});var _templateObject,_templateObject2,_templateObject3,_templateObject4,ExpandMore=__webpack_require__("./node_modules/@mui/icons-material/ExpandMore.js"),Popper=__webpack_require__("./node_modules/@mui/material/Popper/Popper.js"),ButtonBase=__webpack_require__("./node_modules/@mui/material/ButtonBase/ButtonBase.js"),styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),react=__webpack_require__("./node_modules/react/index.js"),GITHUB_LABELS=__webpack_require__("./packages/components/src/core/DropdownMenu/GITHUB_LABELS.tsx"),TagFilter=__webpack_require__("./packages/components/src/core/TagFilter/index.tsx"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts"),InputAdornment=__webpack_require__("./node_modules/@mui/material/InputAdornment/InputAdornment.js"),utils=__webpack_require__("./packages/components/src/common/utils.ts"),warnings=__webpack_require__("./packages/components/src/common/warnings.ts"),ButtonIcon=__webpack_require__("./packages/components/src/core/ButtonIcon/index.tsx"),Autocomplete=__webpack_require__("./node_modules/@mui/material/Autocomplete/Autocomplete.js"),inputBaseClasses=__webpack_require__("./node_modules/@mui/material/InputBase/inputBaseClasses.js"),InputSearch=__webpack_require__("./packages/components/src/core/InputSearch/index.tsx"),MenuItem=__webpack_require__("./packages/components/src/core/MenuItem/index.tsx");function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var StyledMenuItem=(0,styled.ZP)(MenuItem.Z)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n width: 100%;\n"]))),doNotForwardProps=["search","InputBaseProps","keepSearchOnSelect"],StyledAutocomplete=(0,styled.ZP)(Autocomplete.Z,{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n ","\n width: 100%;\n"])),(function(_ref){return!_ref.search&&"height: 0;"})),InputBaseWrapper=(0,styled.ZP)("div",{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n ","\n"])),(function(props){if(!props.search)return"\n border: 0;\n padding: 0;\n\n white-space: nowrap;\n\n clip-path: inset(100%);\n clip: rect(0 0 0 0);\n overflow: hidden;\n margin: 0;\n ";var spacings=(0,styles.Gr)(props);return"\n margin: ".concat(null==spacings?void 0:spacings.s,"px;\n ")})),StyledMenuInputSearch=(0,styled.ZP)(InputSearch.Z,{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n && {\n margin: 0;\n\n .",' {\n width: 100%;\n padding: 0;\n padding-right: 14px !important;\n }\n\n /* (thuang): Works with attribute inputMode: "none" to hide mobile keyboard */\n caret-color: ',";\n }\n"])),inputBaseClasses.Z.root,(function(_ref2){return _ref2.search?"auto":"transparent"})),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i"}},keepSearchOnSelect:{defaultValue:null,description:"",name:"keepSearchOnSelect",required:!1,type:{name:"boolean"}},renderInput:{defaultValue:null,description:"",name:"renderInput",required:!1,type:{name:"((params: AutocompleteRenderInputParams) => ReactNode)"}},InputBaseProps:{defaultValue:null,description:"",name:"InputBaseProps",required:!1,type:{name:"Partial"}},search:{defaultValue:null,description:"",name:"search",required:!1,type:{name:"boolean"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"SDSTheme"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/MenuSelect/index.tsx#MenuSelect"]={docgenInfo:MenuSelect.__docgenInfo,name:"MenuSelect",path:"packages/components/src/core/MenuSelect/index.tsx#MenuSelect"})}catch(__react_docgen_typescript_loader_error){}function index_stories_typeof(obj){return index_stories_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},index_stories_typeof(obj)}var index_stories_templateObject,index_stories_templateObject2,_Default$parameters,_Default$parameters2,_SingleSelectWithSear,_SingleSelectWithSear2,_MultiSelect$paramete,_MultiSelect$paramete2,_MultiSelectWithSearc,_MultiSelectWithSearc2;function index_stories_ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function index_stories_objectSpread(target){for(var i=1;iarr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>noop,m:()=>toKebabCase});var noop=function noop(){},toKebabCase=function toKebabCase(str){return str.replace(/[\s_]+/g,"-").toLowerCase()}},"./packages/components/src/core/DropdownMenu/GITHUB_LABELS.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{j:()=>GITHUB_LABELS});var _Tag__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/components/src/core/Tag/index.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),GITHUB_LABELS=[{name:"Status: can't reproduce",section:"name only"},{name:"Status: confirmed",section:"name only"},{count:3,name:"Status: duplicate",section:"name with count"},{count:5,name:"Status: needs information",section:"name with count"},{details:"This will not be worked on",name:"Status: wont do/fix",section:"name with details"},{details:"This is still in progress",name:"Status: work in progress",section:"name with details"},{details:"This will not be worked on",name:"Type: bug",sdsIcon:"bacteria",sdsIconProps:{className:"custom-class-name"},section:"With Icon"},{count:4,name:"Type: discussion",sdsIcon:"puzzlePiece",section:"With Icon"},{name:"Type: documentation",sdsIcon:"copy",section:"With Icon"},{name:"Type: enhancement",sdsIcon:"lightBulb",section:"With Icon"},{name:"Type: epic",sdsIcon:"list",section:"With Icon"},{name:"Type: feature request",sdsIcon:"treeVertical",section:"With Icon"},{name:"Type: question",sdsIcon:"search",section:"With Icon"},{component:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{children:["Available Labels:",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{style:{marginTop:10},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_0__.Z,{label:"bug",sdsStyle:"rounded",sdsType:"secondary",color:"error"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_0__.Z,{label:"feature",sdsStyle:"rounded",sdsType:"secondary",color:"warning"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_0__.Z,{label:"refactor",sdsStyle:"rounded",sdsType:"secondary",color:"gray"})]})]}),name:"Available labels",section:"custom component"}]},"./packages/components/src/core/MenuItem/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),_Icon__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/core/Icon/index.tsx"),_style__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/core/MenuItem/style.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}var _excluded=["children","column","disabled","isMultiSelect","sdsIcon","sdsIconProps","sdsStyle"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var MenuItem=(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((function MenuItem(props,ref){var children=props.children,_props$column=props.column,column=void 0===_props$column?null:_props$column,disabled=props.disabled,_props$isMultiSelect=props.isMultiSelect,isMultiSelect=void 0!==_props$isMultiSelect&&_props$isMultiSelect,sdsIcon=props.sdsIcon,sdsIconProps=props.sdsIconProps,_props$sdsStyle=props.sdsStyle,sdsStyle=void 0===_props$sdsStyle?"determinate":_props$sdsStyle,originalMenuItemProps=_objectWithoutProperties(props,_excluded),_ref$selected=originalMenuItemProps.selected,selected=void 0!==_ref$selected&&_ref$selected;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(_style__WEBPACK_IMPORTED_MODULE_2__.CM,_objectSpread(_objectSpread({},originalMenuItemProps),{},{disabled,ref,children:[isMultiSelect&&function selectionIcon(){return"determinate"===sdsStyle?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_style__WEBPACK_IMPORTED_MODULE_2__.Mv,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_style__WEBPACK_IMPORTED_MODULE_2__.ip,{className:"check-icon",selected,color:"primary",disabled})}):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_style__WEBPACK_IMPORTED_MODULE_2__.Mv,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_style__WEBPACK_IMPORTED_MODULE_2__.UV,{className:"check-icon",selected,color:"primary",disabled})})}(),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(_style__WEBPACK_IMPORTED_MODULE_2__.vs,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(_style__WEBPACK_IMPORTED_MODULE_2__.OP,{selected,className:"primary-text",disabled,children:[sdsIcon&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_style__WEBPACK_IMPORTED_MODULE_2__.oS,{disabled,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Icon__WEBPACK_IMPORTED_MODULE_1__.Z,_objectSpread(_objectSpread({},sdsIconProps),{},{sdsType:"static",sdsIcon,sdsSize:"s"}))}),children]}),column&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_style__WEBPACK_IMPORTED_MODULE_2__.fh,{disabled,children:column})]})]}))}));const __WEBPACK_DEFAULT_EXPORT__=MenuItem;try{MenuItem.displayName="MenuItem",MenuItem.__docgenInfo={description:"",displayName:"MenuItem",props:{sdsStyle:{defaultValue:null,description:"",name:"sdsStyle",required:!1,type:{name:"enum",value:[{value:'"determinate"'},{value:'"indeterminate"'}]}},disabled:{defaultValue:{value:"false\nfalse"},description:"If `true`, the component is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},selected:{defaultValue:{value:"false"},description:"If `true`, the component is selected.",name:"selected",required:!1,type:{name:"boolean"}},column:{defaultValue:null,description:"",name:"column",required:!1,type:{name:"ReactNode"}},isMultiSelect:{defaultValue:null,description:"",name:"isMultiSelect",required:!1,type:{name:"boolean"}},sdsIcon:{defaultValue:null,description:"",name:"sdsIcon",required:!1,type:{name:"enum",value:[{value:'"list"'},{value:'"infoCircle"'},{value:'"table"'},{value:'"globe"'},{value:'"people"'},{value:'"search"'},{value:'"bacteria"'},{value:'"barChartHorizontal3"'},{value:'"checkCircle"'},{value:'"gear"'},{value:'"flagCheck"'},{value:'"download"'},{value:'"filter"'},{value:'"link"'},{value:'"document"'},{value:'"copy"'},{value:'"open"'},{value:'"loading"'},{value:'"edit"'},{value:'"lightBulb"'},{value:'"linesHorizontal"'},{value:'"xMark"'},{value:'"dotsHorizontal"'},{value:'"treeHorizontal"'},{value:'"barChartVertical3"'},{value:'"barChartVertical4"'},{value:'"check"'},{value:'"chevronDown"'},{value:'"chevronLeft2"'},{value:'"chevronLeft"'},{value:'"chevronRight2"'},{value:'"chevronRight"'},{value:'"chevronUp"'},{value:'"circlesOverlap"'},{value:'"exclamationMarkCircle"'},{value:'"eyeClosed"'},{value:'"eyeOpen"'},{value:'"flagOutline"'},{value:'"flagQuestionmark"'},{value:'"flagXmark"'},{value:'"house"'},{value:'"lifeRing"'},{value:'"linesDashed3Solid1"'},{value:'"lock"'},{value:'"lockCircle"'},{value:'"minus"'},{value:'"percentage"'},{value:'"person"'},{value:'"pin"'},{value:'"pinLocation"'},{value:'"plus"'},{value:'"plusCircle"'},{value:'"puzzlePiece"'},{value:'"refresh"'},{value:'"searchLinesHorizontal"'},{value:'"starburst"'},{value:'"trashCan"'},{value:'"treeVertical"'},{value:'"triangleDown"'},{value:'"triangleLeft"'},{value:'"triangleRight"'},{value:'"triangleUp"'},{value:'"xMarkCircle"'}]}},sdsIconProps:{defaultValue:null,description:"",name:"sdsIconProps",required:!1,type:{name:'Partial>'}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial & Partial>)"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},children:{defaultValue:null,description:"The content of the component.",name:"children",required:!1,type:{name:"ReactNode"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"SxProps"}},action:{defaultValue:null,description:"A ref for imperative actions.\nIt currently only supports `focusVisible()` action.",name:"action",required:!1,type:{name:"Ref"}},centerRipple:{defaultValue:{value:"false"},description:"If `true`, the ripples are centered.\nThey won't start at the cursor interaction position.",name:"centerRipple",required:!1,type:{name:"boolean"}},disableRipple:{defaultValue:{value:"false"},description:"If `true`, the ripple effect is disabled.\n\n⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure\nto highlight the element by applying separate styles with the `.Mui-focusVisible` class.",name:"disableRipple",required:!1,type:{name:"boolean"}},disableTouchRipple:{defaultValue:{value:"false"},description:"If `true`, the touch ripple effect is disabled.",name:"disableTouchRipple",required:!1,type:{name:"boolean"}},focusRipple:{defaultValue:{value:"false"},description:"If `true`, the base button will have a keyboard focus ripple.",name:"focusRipple",required:!1,type:{name:"boolean"}},focusVisibleClassName:{defaultValue:null,description:"This prop can help identify which element has keyboard focus.\nThe class name will be applied when the element gains the focus through keyboard interaction.\nIt's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).\nThe rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).\nA [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components\nif needed.",name:"focusVisibleClassName",required:!1,type:{name:"string"}},LinkComponent:{defaultValue:{value:"'a'"},description:"The component used to render a link when the `href` prop is provided.",name:"LinkComponent",required:!1,type:{name:"ElementType"}},onFocusVisible:{defaultValue:null,description:"Callback fired when the component is focused with a keyboard.\nWe trigger a `onFocus` callback too.",name:"onFocusVisible",required:!1,type:{name:"FocusEventHandler"}},TouchRippleProps:{defaultValue:null,description:"Props applied to the `TouchRipple` element.",name:"TouchRippleProps",required:!1,type:{name:"Partial"}},touchRippleRef:{defaultValue:null,description:"A ref that points to the `TouchRipple` element.",name:"touchRippleRef",required:!1,type:{name:"Ref"}},dense:{defaultValue:{value:"false"},description:"If `true`, compact vertical padding designed for keyboard and mouse input is used.\nThe prop defaults to the value inherited from the parent Menu component.",name:"dense",required:!1,type:{name:"boolean"}},disableGutters:{defaultValue:{value:"false"},description:"If `true`, the left and right padding is removed.",name:"disableGutters",required:!1,type:{name:"boolean"}},divider:{defaultValue:{value:"false"},description:"If `true`, a 1px light border is added to the bottom of the menu item.",name:"divider",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/MenuItem/index.tsx#MenuItem"]={docgenInfo:MenuItem.__docgenInfo,name:"MenuItem",path:"packages/components/src/core/MenuItem/index.tsx#MenuItem"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/core/MenuItem/style.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{CM:()=>StyledMenuItem,Mv:()=>StyledIconWrapper,OP:()=>TextWrapper,Tm:()=>DemoWrapper,UV:()=>StyledMinus,fh:()=>ColumnWrapper,ip:()=>StyledCheck,oS:()=>StyledMenuItemIcon,vs:()=>ContentWrapper});var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_mui_icons_material__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mui/icons-material/esm/Check.js"),_mui_icons_material__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mui/icons-material/esm/Remove.js"),_mui_material__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mui/material/MenuItem/MenuItem.js"),_mui_material__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/@mui/material/MenuItem/menuItemClasses.js"),_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),_styles_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/components/src/core/styles/common/mixins/fonts.ts"),_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./packages/components/src/core/styles/common/selectors/theme.ts");function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var fontBodyXs=(0,_styles_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_0__.oJ)("xs"),StyledMenuItem=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.ZP)(_mui_material__WEBPACK_IMPORTED_MODULE_2__.Z)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var selected=props.selected,colors=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.EC)(props),fontWeights=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.y2)(props),spacings=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.Gr)(props),primary=null==colors?void 0:colors.primary[400];return"\n padding: ".concat(null==spacings?void 0:spacings.xs,"px ").concat(null==spacings?void 0:spacings.s,"px !important;\n min-height: unset;\n opacity: 1;\n\n &.MuiAutocomplete-option {\n min-height: unset;\n }\n \n .primary-text {\n font-weight: ").concat(selected?null==fontWeights?void 0:fontWeights.semibold:null==fontWeights?void 0:fontWeights.regular,";\n }\n\n &.MuiButtonBase-root {\n background-color: transparent;\n opacity: 1;\n\n &:hover, &.").concat(_mui_material__WEBPACK_IMPORTED_MODULE_4__.Z.focusVisible," {\n background-color: ").concat(null==colors?void 0:colors.gray[100],';\n\n &[aria-selected="true"] {\n background-color: ').concat(null==colors?void 0:colors.gray[100],';\n }\n }\n }\n\n &.MuiMenuItem-root .MuiSvgIcon-root {\n align-self: flex-start;\n }\n\n &.MuiMenuItem-root .Mui-disabled {\n opacity: 1 !important;\n }\n\n &.MuiAutocomplete-option[aria-selected="true"] {\n &:hover {\n background-color: ').concat(null==colors?void 0:colors.gray[100]," !important;\n }\n\n svg.check-icon {\n color: ").concat(selected?primary:null==colors?void 0:colors.gray[500],';\n }\n }\n\n &.MuiAutocomplete-option[aria-disabled="true"] {\n opacity: 1;\n }\n\n &:hover {\n background-color: ').concat(null==colors?void 0:colors.gray[100],";\n svg.check-icon {\n color: ").concat(selected?primary:null==colors?void 0:colors.gray[500],";\n }\n }\n\n &.Mui-selected.MuiListItem-root.MuiListItem-button {\n background-color: white;\n &:hover {\n background-color: ").concat(null==colors?void 0:colors.gray[100],";\n }\n .primary-text {\n font-weight: ").concat(null==fontWeights?void 0:fontWeights.semibold,";\n }\n }\n\n &:active {\n svg.check-icon {\n color: ").concat(primary,";\n }\n\n &:active {\n svg.check-icon {\n color: ").concat(primary,";\n }\n\n .primary-text {\n font-weight: ").concat(null==fontWeights?void 0:fontWeights.semibold,";\n }\n }\n }\n ")})),ContentWrapper=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.ZP)("span")(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n width: 100%;\n"]))),disabledStyles=function disabledStyles(props){if(!props.disabled)return"";var colors=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.EC)(props);return"\n color: ".concat(null==colors?void 0:colors.gray[300],";\n cursor: default;\n ")},TextWrapper=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.ZP)("span")(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n ","\n\n ","\n\n ","\n"])),fontBodyXs,(function(props){var _palette$text,palette=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.XN)(props);return"\n color: ".concat(null==palette||null===(_palette$text=palette.text)||void 0===_palette$text?void 0:_palette$text.primary,";\n display: flex;\n white-space: pre-wrap;\n ")}),disabledStyles),StyledMenuItemIcon=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.ZP)("span")(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var disabled=props.disabled,spacings=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.Gr)(props),iconSizes=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.Dk)(props),colors=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.EC)(props);return"\n margin-right: ".concat(null==spacings?void 0:spacings.xs,"px;\n margin-top: ").concat(null==spacings?void 0:spacings.xxxs,"px;\n height: ").concat(null==iconSizes?void 0:iconSizes.s.height,"px;\n\n .MuiSvgIcon-root {\n ").concat(disabled?"color: ".concat(null==colors?void 0:colors.gray[300],";"):null,"\n }\n ")})),ColumnWrapper=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.ZP)("span")(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n ","\n\n text-align: right;\n color: black;\n margin-left: 10px;\n\n ","\n"])),fontBodyXs,disabledStyles),DemoWrapper=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.ZP)("div")(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n width: 250px;\n"]))),StyledIconWrapper=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.ZP)("span")(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var spacings=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.Gr)(props),iconSizes=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.Dk)(props);return"\n align-self: start;\n margin-right: ".concat(null==spacings?void 0:spacings.m,"px;\n margin-top: ").concat(null==spacings?void 0:spacings.xxxs,"px;\n height: ").concat(null==iconSizes?void 0:iconSizes.s.height,"px;\n ")})),StyledCheck=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.ZP)(_mui_icons_material__WEBPACK_IMPORTED_MODULE_5__.Z,{shouldForwardProp:function shouldForwardProp(prop){return"selected"!==prop}})(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var selected=props.selected,disabled=props.disabled,colors=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.EC)(props),iconSizes=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.Dk)(props),selectedColor=disabled?null==colors?void 0:colors.gray[300]:null==colors?void 0:colors.primary[400];return"\n color: ".concat(selected?selectedColor:"transparent",";\n padding: 0;\n height: ").concat(null==iconSizes?void 0:iconSizes.s.height,"px;\n width: ").concat(null==iconSizes?void 0:iconSizes.s.width,"px;\n\n &.MuiCheckbox-colorPrimary.Mui-checked:hover {\n background-color: transparent;\n }\n ")})),StyledMinus=(0,_mui_material_styles__WEBPACK_IMPORTED_MODULE_1__.ZP)(_mui_icons_material__WEBPACK_IMPORTED_MODULE_6__.Z,{shouldForwardProp:function shouldForwardProp(prop){return"selected"!==prop}})(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var selected=props.selected,disabled=props.disabled,colors=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.EC)(props),iconSizes=(0,_styles_common_selectors_theme__WEBPACK_IMPORTED_MODULE_3__.Dk)(props),selectedColor=disabled?null==colors?void 0:colors.gray[300]:null==colors?void 0:colors.primary[400];return"\n color: ".concat(selected?selectedColor:"transparent",";\n padding: 0;\n height: ").concat(null==iconSizes?void 0:iconSizes.s.height,"px;\n width: ").concat(null==iconSizes?void 0:iconSizes.s.width,"px;\n\n &.MuiCheckbox-colorPrimary.Mui-checked:hover {\n background-color: transparent;\n }\n ")}))},"./packages/components/src/core/Tag/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>core_Tag});var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,emotion_react_browser_esm=__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),colorManipulator=__webpack_require__("./node_modules/@mui/system/esm/colorManipulator.js"),Chip=__webpack_require__("./node_modules/@mui/material/Chip/Chip.js"),styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts");function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i=2?colors[1]:null==themeColors?void 0:themeColors[intent][400],backgroundClicked:colors.length>=2?(0,colorManipulator._j)(colors[1],.3):null==themeColors?void 0:themeColors[intent][600],backgroundHover:colors.length>=2?(0,colorManipulator._j)(colors[1],.15):null==themeColors?void 0:themeColors[intent][500],iconColor:colors.length>2?colors[2]:"white",label:colors.length?colors[0]:"white"},secondary:{background:colors.length>=2?colors[1]:null==themeColors?void 0:themeColors[intent][200],backgroundClicked:colors.length>=2?(0,colorManipulator._j)(colors[1],.3):null==themeColors?void 0:themeColors[intent][600],backgroundHover:colors.length>=2?(0,colorManipulator._j)(colors[1],.15):null==themeColors?void 0:themeColors[intent][500],iconColor:colors.length>2?colors[2]:null==themeColors?void 0:themeColors[intent][400],label:colors.length?colors[0]:null==themeColors?void 0:themeColors[intent][600]}}[type];return(0,emotion_react_browser_esm.iv)(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n background-color: ",";\n position: relative;\n\n .MuiChip-label {\n color: ",";\n }\n\n svg {\n fill: ",";\n }\n\n &:hover,\n &:active,\n &:focus {\n .MuiChip-label {\n color: white;\n }\n\n svg {\n fill: white;\n }\n }\n\n &:hover {\n background-color: ",";\n }\n\n &:active {\n background-color: ",";\n }\n\n &:focus {\n background-color: ",";\n }\n\n &:focus:hover {\n background-color: ",";\n }\n\n &:focus:active {\n background-color: ",";\n }\n "])),typeColors.background,typeColors.label,typeColors.iconColor,typeColors.backgroundHover,typeColors.backgroundClicked,typeColors.background,typeColors.backgroundHover,typeColors.backgroundClicked)}var typeToCss={primary:function primary(props){return createTypeCss(props,"primary")},secondary:function secondary(props){return createTypeCss(props,"secondary")}},doNotForwardProps=["sdsType","sdsStyle","tagColor","hover"],StyledTag=(0,styled.ZP)(Chip.Z,{shouldForwardProp:function shouldForwardProp(prop){return!doNotForwardProps.includes(prop)}})(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n border: none;\n\n ","\n"])),(function(props){var _props$hover=props.hover,hover=void 0===_props$hover||_props$hover,sdsType=props.sdsType,sdsStyle=props.sdsStyle,icon=props.icon,isRounded="rounded"===sdsStyle,type=sdsType||"primary";return(0,emotion_react_browser_esm.iv)(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n ","\n ","\n ","\n ","\n "])),icon?function withIcon(props){var spacings=(0,styles.Gr)(props),iconSizes=(0,styles.Dk)(props);return(0,emotion_react_browser_esm.iv)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n height: unset;\n margin: 0 ","px ","px 0;\n\n .MuiChip-label {\n ","\n padding: 0;\n }\n\n .MuiSvgIcon-root {\n height: ","px;\n width: ","px;\n padding-right: ","px;\n margin: 0 0 0 -","px;\n }\n\n .MuiChip-deleteIcon {\n ","\n color: white;\n margin: 0 0 0 ","px;\n height: ","px;\n width: ","px;\n }\n "])),null==spacings?void 0:spacings.xxs,null==spacings?void 0:spacings.xs,(0,styles.$g)(props),null==iconSizes?void 0:iconSizes.l.height,null==iconSizes?void 0:iconSizes.l.width,null==spacings?void 0:spacings.xxs,null==spacings?void 0:spacings.xxxs,(0,styles.J5)(props),null==spacings?void 0:spacings.xxs,null==iconSizes?void 0:iconSizes.s.height,null==iconSizes?void 0:iconSizes.s.width)}(props):function withoutIcon(props){var spacings=(0,styles.Gr)(props),iconSizes=(0,styles.Dk)(props);return(0,emotion_react_browser_esm.iv)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n height: unset;\n margin: 0 ","px ","px 0;\n\n .MuiChip-label {\n ","\n padding: 0;\n }\n\n .MuiChip-deleteIcon {\n ","\n color: white;\n margin: 0 0 0 ","px;\n height: ","px;\n width: ","px;\n }\n "])),null==spacings?void 0:spacings.xxs,null==spacings?void 0:spacings.xs,(0,styles.aI)(props),(0,styles.J5)(props),null==spacings?void 0:spacings.xxs,null==iconSizes?void 0:iconSizes.s.height,null==iconSizes?void 0:iconSizes.s.width)}(props),typeToCss[type](props),isRounded?function rounded(props){var corners=(0,styles.DV)(props),spacings=(0,styles.Gr)(props),icon=props.icon;return(0,emotion_react_browser_esm.iv)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n border-radius: ","px;\n padding: ",";\n\n &:after {\n border-radius: ","px;\n }\n "])),null==corners?void 0:corners.l,icon?"".concat(null==spacings?void 0:spacings.xxs,"px ").concat(null==spacings?void 0:spacings.s,"px ").concat(null==spacings?void 0:spacings.xxs,"px ").concat(null==spacings?void 0:spacings.xs,"px"):"".concat(null==spacings?void 0:spacings.xxxs,"px ").concat(null==spacings?void 0:spacings.s,"px"),null==corners?void 0:corners.l)}(props):function square(props){var corners=(0,styles.DV)(props),spacings=(0,styles.Gr)(props),icon=props.icon;return(0,emotion_react_browser_esm.iv)(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n border-radius: ","px;\n padding: ",";\n\n &:after {\n border-radius: ","px;\n }\n "])),null==corners?void 0:corners.m,icon?"".concat(null==spacings?void 0:spacings.xxs,"px ").concat(null==spacings?void 0:spacings.s,"px"):"".concat(null==spacings?void 0:spacings.xxxs,"px ").concat(null==spacings?void 0:spacings.xs,"px"),null==corners?void 0:corners.m)}(props),hover?function withHover(){return(0,emotion_react_browser_esm.iv)(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n &:hover {\n cursor: pointer;\n }\n\n &:hover,\n &:focus-visible {\n color: white;\n }\n "])))}():"pointer-events: none;")})),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i> & Element)"}},disabled:{defaultValue:{value:"false"},description:"If `true`, the component is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial & Partial>)"}},tabIndex:{defaultValue:null,description:"@ignore",name:"tabIndex",required:!1,type:{name:"number"}},children:{defaultValue:null,description:"This prop isn't supported.\nUse the `component` prop if you need to change the children structure.",name:"children",required:!1,type:{name:"null"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"SxProps"}},variant:{defaultValue:{value:"'filled'"},description:"The variant to use.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"outlined"'},{value:'"filled"'}]}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},size:{defaultValue:{value:"'medium'"},description:"The size of the component.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'}]}},avatar:{defaultValue:null,description:"The Avatar element to display.",name:"avatar",required:!1,type:{name:"ReactElement>"}},clickable:{defaultValue:null,description:"If `true`, the chip will appear clickable, and will raise when pressed,\neven if the onClick prop is not defined.\nIf `false`, the chip will not appear clickable, even if onClick prop is defined.\nThis can be used, for example,\nalong with the component prop to indicate an anchor Chip is clickable.\nNote: this controls the UI and does not affect the onClick event.",name:"clickable",required:!1,type:{name:"boolean"}},deleteIcon:{defaultValue:null,description:"Override the default delete icon element. Shown only if `onDelete` is set.",name:"deleteIcon",required:!1,type:{name:"ReactElement>"}},onDelete:{defaultValue:null,description:"Callback fired when the delete icon is clicked.\nIf set, the delete icon will be shown.",name:"onDelete",required:!1,type:{name:"((event: any) => void)"}},skipFocusWhenDisabled:{defaultValue:{value:"false"},description:"If `true`, allows the disabled chip to escape focus.\nIf `false`, allows the disabled chip to receive focus.",name:"skipFocusWhenDisabled",required:!1,type:{name:"boolean"}},hover:{defaultValue:null,description:"",name:"hover",required:!1,type:{name:"boolean"}},sdsType:{defaultValue:null,description:"",name:"sdsType",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'}]}},sdsStyle:{defaultValue:null,description:"",name:"sdsStyle",required:!1,type:{name:"enum",value:[{value:'"rounded"'},{value:'"square"'}]}},tagColor:{defaultValue:null,description:"",name:"tagColor",required:!1,type:{name:"SdsTagColorType"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"SDSTheme"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/Tag/index.tsx#Tag"]={docgenInfo:Tag.__docgenInfo,name:"Tag",path:"packages/components/src/core/Tag/index.tsx#Tag"})}catch(__react_docgen_typescript_loader_error){}},"./packages/components/src/core/TagFilter/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>core_TagFilter});var _templateObject,_templateObject2,Clear=__webpack_require__("./node_modules/@mui/icons-material/esm/Clear.js"),emotion_react_browser_esm=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js")),styled=__webpack_require__("./node_modules/@mui/material/styles/styled.js"),styles=__webpack_require__("./packages/components/src/core/styles/index.ts"),Tag=__webpack_require__("./packages/components/src/core/Tag/index.tsx");function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var StyledTag=(0,styled.ZP)(Tag.Z)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n ","\n"])),(function(props){var spacings=(0,styles.Gr)(props);return(0,emotion_react_browser_esm.iv)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n padding: ","px ","px;\n\n &:after {\n display: none;\n }\n\n .MuiChip-label {\n ","\n }\n\n .MuiChip-deleteIcon,\n .MuiSvgIcon-root {\n margin-left: ","px;\n }\n\n .MuiChip-label,\n svg {\n z-index: auto;\n }\n "])),null==spacings?void 0:spacings.xxs,null==spacings?void 0:spacings.s,(0,styles.J5)(props),null==spacings?void 0:spacings.s)})),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return(key=function _toPropertyKey(arg){var key=function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(void 0!==prim){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}(arg,"string");return"symbol"===_typeof(key)?key:String(key)}(key))in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var TagFilter=function TagFilter(props){return(0,jsx_runtime.jsx)(StyledTag,function _objectSpread(target){for(var i=1;i void"}},icon:{defaultValue:null,description:"Icon element.",name:"icon",required:!1,type:{name:"ReactElement>"}},disabled:{defaultValue:{value:"false"},description:"If `true`, the component is disabled.",name:"disabled",required:!1,type:{name:"boolean"}},classes:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"classes",required:!1,type:{name:"(Partial & Partial>)"}},tabIndex:{defaultValue:null,description:"@ignore",name:"tabIndex",required:!1,type:{name:"number"}},children:{defaultValue:null,description:"This prop isn't supported.\nUse the `component` prop if you need to change the children structure.",name:"children",required:!1,type:{name:"null"}},sx:{defaultValue:null,description:"The system prop that allows defining system overrides as well as additional CSS styles.",name:"sx",required:!1,type:{name:"SxProps"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},size:{defaultValue:{value:"'medium'"},description:"The size of the component.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'}]}},avatar:{defaultValue:null,description:"The Avatar element to display.",name:"avatar",required:!1,type:{name:"ReactElement>"}},clickable:{defaultValue:null,description:"If `true`, the chip will appear clickable, and will raise when pressed,\neven if the onClick prop is not defined.\nIf `false`, the chip will not appear clickable, even if onClick prop is defined.\nThis can be used, for example,\nalong with the component prop to indicate an anchor Chip is clickable.\nNote: this controls the UI and does not affect the onClick event.",name:"clickable",required:!1,type:{name:"boolean"}},deleteIcon:{defaultValue:null,description:"Override the default delete icon element. Shown only if `onDelete` is set.",name:"deleteIcon",required:!1,type:{name:"ReactElement>"}},skipFocusWhenDisabled:{defaultValue:{value:"false"},description:"If `true`, allows the disabled chip to escape focus.\nIf `false`, allows the disabled chip to receive focus.",name:"skipFocusWhenDisabled",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["packages/components/src/core/TagFilter/index.tsx#TagFilter"]={docgenInfo:TagFilter.__docgenInfo,name:"TagFilter",path:"packages/components/src/core/TagFilter/index.tsx#TagFilter"})}catch(__react_docgen_typescript_loader_error){}}}]); \ No newline at end of file diff --git a/iframe.html b/iframe.html index c1d879b8e..172b5db92 100644 --- a/iframe.html +++ b/iframe.html @@ -348,8 +348,8 @@ window['DOCS_OPTIONS'] = {"defaultName":"Docs","autodocs":false}; \ No newline at end of file + import './main.f2200dde.iframe.bundle.js'; \ No newline at end of file diff --git a/main.a835da84.iframe.bundle.js b/main.f2200dde.iframe.bundle.js similarity index 89% rename from main.a835da84.iframe.bundle.js rename to main.f2200dde.iframe.bundle.js index 0f563fbc2..f88860b1d 100644 --- a/main.a835da84.iframe.bundle.js +++ b/main.f2200dde.iframe.bundle.js @@ -1 +1 @@ -(self.webpackChunk_czi_sds_monorepo=self.webpackChunk_czi_sds_monorepo||[]).push([[179],{"./.storybook/preview.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,decorators:()=>decorators,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _packages_components_src_core_styles__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/components/src/core/styles/index.ts"),_mui_material_styles__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mui/material/styles/ThemeProvider.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),decorators=[function(Story){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_mui_material_styles__WEBPACK_IMPORTED_MODULE_2__.Z,{theme:_packages_components_src_core_styles__WEBPACK_IMPORTED_MODULE_0__.uH,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Story,{})})}];const __WEBPACK_DEFAULT_EXPORT__={globalTypes:{pseudo:{}}};var __namedExportsOrder=["decorators"]},"./packages/components/src/core/styles/common/defaultTheme.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{GI:()=>defaultAppTheme,uH:()=>defaultTheme});var _mui_material__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mui/material/colors/common.js"),createThemeAdaptor=__webpack_require__("./node_modules/@mui/material/styles/createTheme.js").Z,common=_mui_material__WEBPACK_IMPORTED_MODULE_1__.Z,FontWeight=function(FontWeight){return FontWeight[FontWeight.bold=700]="bold",FontWeight[FontWeight.light=300]="light",FontWeight[FontWeight.medium=800]="medium",FontWeight[FontWeight.regular=400]="regular",FontWeight[FontWeight.semibold=600]="semibold",FontWeight}(FontWeight||{}),defaultAppTheme={colors:{beta:{100:"#F4F0F9",200:"#F0EBF6",400:"#7A41CE",500:"#703CBE",600:"#693BAC"},error:{100:"#FEF2F2",200:"#FBE8E8",400:"#DC132C",500:"#C61128",600:"#B70016"},gray:{100:"#F8F8F8",200:"#EAEAEA",300:"#CCCCCC",400:"#999999",500:"#767676",600:"#545454"},info:{100:"#EFF2FC",200:"#EBEFFC",400:"#3867FA",500:"#2B52CD",600:"#223F9C"},primary:{100:"#F8F9FE",200:"#EFF2FC",300:"#A9BDFC",400:"#3867FA",500:"#2B52CD",600:"#223F9C"},secondary:{400:"#9BC74E"},success:{100:"#ECF5F0",200:"#E6F7ED",400:"#3CB371",500:"#349A61",600:"#1C7F48"},warning:{100:"#FCF6EC",200:"#FFF3E1",400:"#F5A623",500:"#D8921F",600:"#946314"}},corners:{l:20,m:4,none:0,s:2},fontWeights:{bold:700,light:300,medium:800,regular:400,semibold:600},iconSizes:{input:{height:16,width:16},l:{height:22,width:22},s:{height:14,width:14},xl:{height:32,width:32},xs:{height:10,width:10}},shadows:{l:"0 2px 12px 0 rgba(0,0,0, 0.3)",m:"0 2px 4px 0 rgba(0,0,0, 0.15), 0 2px 10px 0 rgba(0,0,0, 0.15)",none:"none",s:"0 2px 4px 0 rgba(0,0,0, 0.25)"},spacing:{default:10,l:14,m:10,s:8,xl:22,xs:6,xxl:38,xxs:4,xxxs:2},typography:{fontFamily:"Open Sans",styles:{body:{button:{fontSize:13,fontWeight:FontWeight.semibold,letterSpacing:"0.3px",lineHeight:"20px",textTransform:"none"},l:{fontSize:18,fontWeight:FontWeight.regular,letterSpacing:"0.3px",lineHeight:"28px"},m:{fontSize:16,fontWeight:FontWeight.regular,letterSpacing:"0.3px",lineHeight:"26px"},s:{fontSize:14,fontWeight:FontWeight.regular,letterSpacing:"0.3px",lineHeight:"24px"},xs:{fontSize:13,fontWeight:FontWeight.regular,letterSpacing:"0.3px",lineHeight:"20px"},xxs:{fontSize:12,fontWeight:FontWeight.regular,letterSpacing:"0.3px",lineHeight:"18px"},xxxs:{fontSize:11,fontWeight:FontWeight.regular,letterSpacing:"0.3px",lineHeight:"16px"}},caps:{xxs:{fontSize:12,fontWeight:FontWeight.semibold,letterSpacing:"1.0px",lineHeight:"18px",textTransform:"uppercase"},xxxs:{fontSize:11,fontWeight:FontWeight.semibold,letterSpacing:"1.0px",lineHeight:"16px",textTransform:"uppercase"},xxxxs:{fontSize:10,fontWeight:FontWeight.semibold,letterSpacing:"1.0px",lineHeight:"14px",textTransform:"uppercase"}},header:{l:{fontSize:18,fontWeight:FontWeight.semibold,letterSpacing:"0.3px",lineHeight:"24px"},m:{fontSize:16,fontWeight:FontWeight.semibold,letterSpacing:"0.3px",lineHeight:"22px"},s:{fontSize:14,fontWeight:FontWeight.semibold,letterSpacing:"0.3px",lineHeight:"20px"},xl:{fontSize:22,fontWeight:FontWeight.semibold,letterSpacing:"0.3px",lineHeight:"30px"},xs:{fontSize:13,fontWeight:FontWeight.semibold,letterSpacing:"0.3px",lineHeight:"18px"},xxl:{fontSize:26,fontWeight:FontWeight.semibold,letterSpacing:"0.3px",lineHeight:"34px"},xxs:{fontSize:12,fontWeight:FontWeight.semibold,letterSpacing:"0.3px",lineHeight:"18px"},xxxs:{fontSize:11,fontWeight:FontWeight.semibold,letterSpacing:"0.3px",lineHeight:"16px"}}}}};defaultAppTheme.borders={error:{400:"1px solid ".concat(defaultAppTheme.colors.error[400])},gray:{100:"1px solid ".concat(defaultAppTheme.colors.gray[100]),200:"1px solid ".concat(defaultAppTheme.colors.gray[200]),300:"1px solid ".concat(defaultAppTheme.colors.gray[300]),400:"1px solid ".concat(defaultAppTheme.colors.gray[400]),500:"1px solid ".concat(defaultAppTheme.colors.gray[500]),dashed:"2px dashed ".concat(defaultAppTheme.colors.gray[400])},link:{dashed:"1px dashed",solid:"1px solid"},primary:{300:"1px solid ".concat(defaultAppTheme.colors.primary[300]),400:"1px solid ".concat(defaultAppTheme.colors.primary[400]),500:"1px solid ".concat(defaultAppTheme.colors.primary[500]),600:"1px solid".concat(defaultAppTheme.colors.primary[600]),dashed:"2px dashed ".concat(defaultAppTheme.colors.primary[400])},success:{400:"1px solid ".concat(defaultAppTheme.colors.success[400])},warning:{400:"1px solid ".concat(defaultAppTheme.colors.warning[400])}};var defaultTheme=createThemeAdaptor(function makeThemeOptions(appTheme){return{app:appTheme,components:{MuiButtonBase:{defaultProps:{disableRipple:!0}},MuiLink:{defaultProps:{underline:"hover"}},MuiTab:{defaultProps:{disableRipple:!0}}},palette:{divider:appTheme.colors.gray[200],error:{dark:appTheme.colors.error[600],light:appTheme.colors.error[200],main:appTheme.colors.error[400]},grey:{100:appTheme.colors.gray[100],200:appTheme.colors.gray[200],300:appTheme.colors.gray[300],400:appTheme.colors.gray[400],500:appTheme.colors.gray[500],600:appTheme.colors.gray[600]},info:{dark:appTheme.colors.info[600],light:appTheme.colors.info[200],main:appTheme.colors.info[400]},mode:"light",primary:{dark:appTheme.colors.primary[600],light:appTheme.colors.primary[300],main:appTheme.colors.primary[400]},secondary:{main:appTheme.colors.secondary[400]},success:{dark:appTheme.colors.success[600],light:appTheme.colors.success[200],main:appTheme.colors.success[400]},text:{disabled:appTheme.colors.gray[300],primary:common.black,secondary:appTheme.colors.gray[500]},warning:{dark:appTheme.colors.warning[600],light:appTheme.colors.warning[200],main:appTheme.colors.warning[400]}},shadows:[appTheme.shadows.none,appTheme.shadows.s,appTheme.shadows.s,appTheme.shadows.s,appTheme.shadows.s,appTheme.shadows.s,appTheme.shadows.s,appTheme.shadows.s,appTheme.shadows.s,appTheme.shadows.m,appTheme.shadows.m,appTheme.shadows.m,appTheme.shadows.m,appTheme.shadows.m,appTheme.shadows.m,appTheme.shadows.m,appTheme.shadows.m,appTheme.shadows.l,appTheme.shadows.l,appTheme.shadows.l,appTheme.shadows.l,appTheme.shadows.l,appTheme.shadows.l,appTheme.shadows.l,appTheme.shadows.l],shape:{borderRadius:appTheme.corners.m},spacing:[appTheme.spacing.default,appTheme.spacing.xxxs,appTheme.spacing.xxs,appTheme.spacing.xs,appTheme.spacing.s,appTheme.spacing.m,appTheme.spacing.l,appTheme.spacing.xl,appTheme.spacing.xxl],transitions:{duration:{complex:200,enteringScreen:20,leavingScreen:10,short:150,shorter:100,shortest:50,standard:200},easing:{easeIn:"cubic-bezier(0, 0, 0.2, 1)",easeInOut:"cubic-bezier(0, 0, 0.2, 1)",easeOut:"cubic-bezier(0.0, 0, 0.2, 1)",sharp:"cubic-bezier(0, 0.2, 0.6, 1)"}},typography:{body1:appTheme.typography.styles.body.xs,body2:appTheme.typography.styles.body.xxs,button:appTheme.typography.styles.body.button,caption:appTheme.typography.styles.body.xxxs,fontFamily:"".concat(appTheme.typography.fontFamily,", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif"),h1:appTheme.typography.styles.header.xxl,h2:appTheme.typography.styles.header.xl,h3:appTheme.typography.styles.header.l,h4:appTheme.typography.styles.header.m,h5:appTheme.typography.styles.header.s,h6:appTheme.typography.styles.header.xs,overline:appTheme.typography.styles.caps.xxxs,subtitle1:appTheme.typography.styles.body.xs,subtitle2:appTheme.typography.styles.header.xxs}}}(defaultAppTheme))},"./packages/components/src/core/styles/common/mixins/fonts.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{$g:()=>fontBodyXs,C5:()=>fontHeader,FT:()=>fontHeaderS,GW:()=>fontBodyS,J5:()=>fontHeaderXs,aI:()=>fontBodyXxxs,mA:()=>fontBodyXxs,n$:()=>fontCapsXxxs,oJ:()=>fontBody,vz:()=>fontCapsXxxxs,xO:()=>fontHeaderXl,yT:()=>fontBodyM,zm:()=>fontHeaderXxs});var _templateObject,_templateObject2,_emotion_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),_selectors_theme__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/components/src/core/styles/common/selectors/theme.ts");function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var fontBody=function fontBody(fontSize){return function(props){var typography=(0,_selectors_theme__WEBPACK_IMPORTED_MODULE_0__.cY)(props);return typography?themeToCss(typography.styles.body[fontSize]):null}},fontBodyM=(fontBody("l"),fontBody("m")),fontBodyS=fontBody("s"),fontBodyXs=fontBody("xs"),fontBodyXxs=fontBody("xxs"),fontBodyXxxs=fontBody("xxxs"),fontCaps=function fontCaps(fontSize){return function(props){var typography=(0,_selectors_theme__WEBPACK_IMPORTED_MODULE_0__.cY)(props);if(!typography)return null;var caps=typography.styles.caps;return(0,_emotion_react__WEBPACK_IMPORTED_MODULE_1__.iv)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n ","\n text-transform: uppercase;\n "])),themeToCss(caps[fontSize]))}},fontCapsXxxs=(fontCaps("xxs"),fontCaps("xxxs")),fontCapsXxxxs=fontCaps("xxxxs"),fontHeader=function fontHeader(fontSize){return function(props){var typography=(0,_selectors_theme__WEBPACK_IMPORTED_MODULE_0__.cY)(props);return typography?themeToCss(typography.styles.header[fontSize]):null}},fontHeaderXl=(fontHeader("xxl"),fontHeader("xl")),fontHeaderS=(fontHeader("l"),fontHeader("m"),fontHeader("s")),fontHeaderXs=fontHeader("xs"),fontHeaderXxs=fontHeader("xxs");fontHeader("xxxs");function themeToCss(fontTheme){return(0,_emotion_react__WEBPACK_IMPORTED_MODULE_1__.iv)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n font-size: ","px;\n line-height: ",";\n letter-spacing: ",";\n font-weight: ",";\n text-transform: ",";\n "])),fontTheme.fontSize,fontTheme.lineHeight,fontTheme.letterSpacing,fontTheme.fontWeight,fontTheme.textTransform)}},"./packages/components/src/core/styles/common/selectors/theme.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{DV:()=>getCorners,Dk:()=>getIconSizes,EC:()=>getColors,Gr:()=>getSpaces,W0:()=>getBorders,XN:()=>getPalette,cY:()=>getTypography,tM:()=>getShadows,y2:()=>getFontWeights});var getSpaces=function getSpaces(_ref){var _theme$app,theme=_ref.theme;return(null==theme||null===(_theme$app=theme.app)||void 0===_theme$app?void 0:_theme$app.spacing)||null},getTypography=function getTypography(_ref3){var _theme$app3,theme=_ref3.theme;return(null==theme||null===(_theme$app3=theme.app)||void 0===_theme$app3?void 0:_theme$app3.typography)||null},getPalette=function getPalette(_ref4){var theme=_ref4.theme;return null==theme?void 0:theme.palette},getColors=function getColors(_ref5){var _theme$app4,theme=_ref5.theme;return(null==theme||null===(_theme$app4=theme.app)||void 0===_theme$app4?void 0:_theme$app4.colors)||null},getShadows=function getShadows(_ref6){var _theme$app5,theme=_ref6.theme;return(null==theme||null===(_theme$app5=theme.app)||void 0===_theme$app5?void 0:_theme$app5.shadows)||null},getCorners=function getCorners(_ref7){var _theme$app6,theme=_ref7.theme;return(null==theme||null===(_theme$app6=theme.app)||void 0===_theme$app6?void 0:_theme$app6.corners)||null},getFontWeights=function getFontWeights(_ref8){var _theme$app7,theme=_ref8.theme;return(null==theme||null===(_theme$app7=theme.app)||void 0===_theme$app7?void 0:_theme$app7.fontWeights)||null},getIconSizes=function getIconSizes(_ref9){var _theme$app8,theme=_ref9.theme;return(null==theme||null===(_theme$app8=theme.app)||void 0===_theme$app8?void 0:_theme$app8.iconSizes)||null},getBorders=function getBorders(_ref10){var _theme$app9,theme=_ref10.theme;return(null==theme||null===(_theme$app9=theme.app)||void 0===_theme$app9?void 0:_theme$app9.borders)||null}},"./packages/components/src/core/styles/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{$g:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_1__.$g,C5:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_1__.C5,DV:()=>_common_selectors_theme__WEBPACK_IMPORTED_MODULE_2__.DV,Dk:()=>_common_selectors_theme__WEBPACK_IMPORTED_MODULE_2__.Dk,EC:()=>_common_selectors_theme__WEBPACK_IMPORTED_MODULE_2__.EC,FT:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_1__.FT,GI:()=>_common_defaultTheme__WEBPACK_IMPORTED_MODULE_0__.GI,GW:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_1__.GW,Gr:()=>_common_selectors_theme__WEBPACK_IMPORTED_MODULE_2__.Gr,J5:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_1__.J5,W0:()=>_common_selectors_theme__WEBPACK_IMPORTED_MODULE_2__.W0,XN:()=>_common_selectors_theme__WEBPACK_IMPORTED_MODULE_2__.XN,aI:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_1__.aI,cY:()=>_common_selectors_theme__WEBPACK_IMPORTED_MODULE_2__.cY,mA:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_1__.mA,n$:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_1__.n$,oJ:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_1__.oJ,tM:()=>_common_selectors_theme__WEBPACK_IMPORTED_MODULE_2__.tM,uH:()=>_common_defaultTheme__WEBPACK_IMPORTED_MODULE_0__.uH,vz:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_1__.vz,xO:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_1__.xO,y2:()=>_common_selectors_theme__WEBPACK_IMPORTED_MODULE_2__.y2,yT:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_1__.yT,zm:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_1__.zm});var _common_defaultTheme__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/components/src/core/styles/common/defaultTheme.ts"),_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/core/styles/common/mixins/fonts.ts"),_common_selectors_theme__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/core/styles/common/selectors/theme.ts")},"./packages/components/src lazy recursive ^\\.\\/.*$ include: (?:\\/packages\\/components\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./core/Accordion/index.stories":["./packages/components/src/core/Accordion/index.stories.tsx",9602,7507,257,8118,2679,8661],"./core/Accordion/index.stories.tsx":["./packages/components/src/core/Accordion/index.stories.tsx",9602,7507,257,8118,2679,8661],"./core/Alert/index.stories":["./packages/components/src/core/Alert/index.stories.tsx",9602,7507,257,5753,7404,3676],"./core/Alert/index.stories.tsx":["./packages/components/src/core/Alert/index.stories.tsx",9602,7507,257,5753,7404,3676],"./core/Autocomplete/index.stories":["./packages/components/src/core/Autocomplete/index.stories.tsx",9602,7507,257,2699,419,461,5265,5254,4155,4104,2679,7226,1151,5871],"./core/Autocomplete/index.stories.tsx":["./packages/components/src/core/Autocomplete/index.stories.tsx",9602,7507,257,2699,419,461,5265,5254,4155,4104,2679,7226,1151,5871],"./core/Banner/index.stories":["./packages/components/src/core/Banner/index.stories.tsx",9602,7507,2679,7335],"./core/Banner/index.stories.tsx":["./packages/components/src/core/Banner/index.stories.tsx",9602,7507,2679,7335],"./core/Button/index.stories":["./packages/components/src/core/Button/index.stories.tsx",9602,7507,5753,2679,7252],"./core/Button/index.stories.tsx":["./packages/components/src/core/Button/index.stories.tsx",9602,7507,5753,2679,7252],"./core/ButtonDropdown/index.stories":["./packages/components/src/core/ButtonDropdown/index.stories.tsx",9602,7507,5753,2679,6080],"./core/ButtonDropdown/index.stories.tsx":["./packages/components/src/core/ButtonDropdown/index.stories.tsx",9602,7507,5753,2679,6080],"./core/ButtonIcon/index.stories":["./packages/components/src/core/ButtonIcon/index.stories.tsx",9602,7507,2679,781],"./core/ButtonIcon/index.stories.tsx":["./packages/components/src/core/ButtonIcon/index.stories.tsx",9602,7507,2679,781],"./core/Callout/index.stories":["./packages/components/src/core/Callout/index.stories.tsx",9602,7507,257,5753,7499,7828,2679,7286],"./core/Callout/index.stories.tsx":["./packages/components/src/core/Callout/index.stories.tsx",9602,7507,257,5753,7499,7828,2679,7286],"./core/CellBasic/index.stories":["./packages/components/src/core/CellBasic/index.stories.tsx",9602,257,2699,1953,9816,2679,9095],"./core/CellBasic/index.stories.tsx":["./packages/components/src/core/CellBasic/index.stories.tsx",9602,257,2699,1953,9816,2679,9095],"./core/CellComponent/index.stories":["./packages/components/src/core/CellComponent/index.stories.tsx",9602,7507,257,2699,461,1953,7499,7087,5892,6150,9966,7762],"./core/CellComponent/index.stories.tsx":["./packages/components/src/core/CellComponent/index.stories.tsx",9602,7507,257,2699,461,1953,7499,7087,5892,6150,9966,7762],"./core/CellHeader/index.stories":["./packages/components/src/core/CellHeader/index.stories.tsx",9602,7507,257,2699,1953,2679,7337,4495],"./core/CellHeader/index.stories.tsx":["./packages/components/src/core/CellHeader/index.stories.tsx",9602,7507,257,2699,1953,2679,7337,4495],"./core/Chip/index.stories":["./packages/components/src/core/Chip/index.stories.tsx",9602,7507,5753,461,9444],"./core/Chip/index.stories.tsx":["./packages/components/src/core/Chip/index.stories.tsx",9602,7507,5753,461,9444],"./core/ComplexFilter/index.stories":["./packages/components/src/core/ComplexFilter/index.stories.tsx",9602,7507,257,2699,5753,419,461,5265,5254,4155,4104,2679,7226,1151,2138,747],"./core/ComplexFilter/index.stories.tsx":["./packages/components/src/core/ComplexFilter/index.stories.tsx",9602,7507,257,2699,5753,419,461,5265,5254,4155,4104,2679,7226,1151,2138,747],"./core/Dialog/index.stories":["./packages/components/src/core/Dialog/index.stories.tsx",9602,7507,257,5753,419,1483,2679,6682],"./core/Dialog/index.stories.tsx":["./packages/components/src/core/Dialog/index.stories.tsx",9602,7507,257,5753,419,1483,2679,6682],"./core/Dropdown/index.stories":["./packages/components/src/core/Dropdown/index.stories.tsx",9602,7507,257,2699,5753,419,461,5265,5254,4155,4104,6747,2679,7226,1151,2138,9991],"./core/Dropdown/index.stories.tsx":["./packages/components/src/core/Dropdown/index.stories.tsx",9602,7507,257,2699,5753,419,461,5265,5254,4155,4104,6747,2679,7226,1151,2138,9991],"./core/DropdownMenu/index.stories":["./packages/components/src/core/DropdownMenu/index.stories.tsx",9602,7507,257,2699,5753,419,461,5265,5254,4155,4104,2679,7226,1151,2138,1485],"./core/DropdownMenu/index.stories.tsx":["./packages/components/src/core/DropdownMenu/index.stories.tsx",9602,7507,257,2699,5753,419,461,5265,5254,4155,4104,2679,7226,1151,2138,1485],"./core/Icon/index.stories":["./packages/components/src/core/Icon/index.stories.tsx",9602,7507,257,419,5265,5254,4155,7057,2679,7226,2567],"./core/Icon/index.stories.tsx":["./packages/components/src/core/Icon/index.stories.tsx",9602,7507,257,419,5265,5254,4155,7057,2679,7226,2567],"./core/InputCheckbox/index.stories":["./packages/components/src/core/InputCheckbox/index.stories.tsx",9602,7507,7499,5701,6749],"./core/InputCheckbox/index.stories.tsx":["./packages/components/src/core/InputCheckbox/index.stories.tsx",9602,7507,7499,5701,6749],"./core/InputDropdown/index.stories":["./packages/components/src/core/InputDropdown/index.stories.tsx",9602,7507,257,2699,5753,419,461,5265,5254,4155,4104,2860,2679,7226,2138,4664],"./core/InputDropdown/index.stories.tsx":["./packages/components/src/core/InputDropdown/index.stories.tsx",9602,7507,257,2699,5753,419,461,5265,5254,4155,4104,2860,2679,7226,2138,4664],"./core/InputRadio/index.stories":["./packages/components/src/core/InputRadio/index.stories.tsx",9602,7507,7499,7087,3277],"./core/InputRadio/index.stories.tsx":["./packages/components/src/core/InputRadio/index.stories.tsx",9602,7507,7499,7087,3277],"./core/InputSearch/index.stories":["./packages/components/src/core/InputSearch/index.stories.tsx",9602,7507,257,419,5265,5254,4155,3911,2679,7226,4238],"./core/InputSearch/index.stories.tsx":["./packages/components/src/core/InputSearch/index.stories.tsx",9602,7507,257,419,5265,5254,4155,3911,2679,7226,4238],"./core/InputSlider/index.stories":["./packages/components/src/core/InputSlider/index.stories.tsx",9602,195,2145],"./core/InputSlider/index.stories.tsx":["./packages/components/src/core/InputSlider/index.stories.tsx",9602,195,2145],"./core/InputText/index.stories":["./packages/components/src/core/InputText/index.stories.tsx",9602,257,419,5265,5254,4673],"./core/InputText/index.stories.tsx":["./packages/components/src/core/InputText/index.stories.tsx",9602,257,419,5265,5254,4673],"./core/InputToggle/index.stories":["./packages/components/src/core/InputToggle/index.stories.tsx",9602,7507,9966,3482],"./core/InputToggle/index.stories.tsx":["./packages/components/src/core/InputToggle/index.stories.tsx",9602,7507,9966,3482],"./core/Link/index.stories":["./packages/components/src/core/Link/index.stories.tsx",9602,1079,6240],"./core/Link/index.stories.tsx":["./packages/components/src/core/Link/index.stories.tsx",9602,1079,6240],"./core/List/index.stories":["./packages/components/src/core/List/index.stories.tsx",9602,7507,5365,1971],"./core/List/index.stories.tsx":["./packages/components/src/core/List/index.stories.tsx",9602,7507,5365,1971],"./core/LoadingIndicator/index.stories":["./packages/components/src/core/LoadingIndicator/index.stories.tsx",9602,2679,2536],"./core/LoadingIndicator/index.stories.tsx":["./packages/components/src/core/LoadingIndicator/index.stories.tsx",9602,2679,2536],"./core/Menu/index.stories":["./packages/components/src/core/Menu/index.stories.tsx",9602,7507,257,5753,419,5265,2891,2679,8312,2922],"./core/Menu/index.stories.tsx":["./packages/components/src/core/Menu/index.stories.tsx",9602,7507,257,5753,419,5265,2891,2679,8312,2922],"./core/MenuItem/index.stories":["./packages/components/src/core/MenuItem/index.stories.tsx",9602,7507,5889,2679,2167],"./core/MenuItem/index.stories.tsx":["./packages/components/src/core/MenuItem/index.stories.tsx",9602,7507,5889,2679,2167],"./core/MenuSelect/index.stories":["./packages/components/src/core/MenuSelect/index.stories.tsx",9602,7507,257,2699,419,461,5265,5254,4155,4104,2679,7226,1151,1172],"./core/MenuSelect/index.stories.tsx":["./packages/components/src/core/MenuSelect/index.stories.tsx",9602,7507,257,2699,419,461,5265,5254,4155,4104,2679,7226,1151,1172],"./core/NavigationJumpTo/index.stories":["./packages/components/src/core/NavigationJumpTo/index.stories.tsx",9602,7507,8529,195,6408],"./core/NavigationJumpTo/index.stories.tsx":["./packages/components/src/core/NavigationJumpTo/index.stories.tsx",9602,7507,8529,195,6408],"./core/Notification/index.stories":["./packages/components/src/core/Notification/index.stories.tsx",9602,7507,257,5753,7499,2405,2679,7875],"./core/Notification/index.stories.tsx":["./packages/components/src/core/Notification/index.stories.tsx",9602,7507,257,5753,7499,2405,2679,7875],"./core/Pagination/index.stories":["./packages/components/src/core/Pagination/index.stories.tsx",9602,7507,257,419,5265,2891,2679,8312,6019],"./core/Pagination/index.stories.tsx":["./packages/components/src/core/Pagination/index.stories.tsx",9602,7507,257,419,5265,2891,2679,8312,6019],"./core/SegmentedControl/index.stories":["./packages/components/src/core/SegmentedControl/index.stories.tsx",9602,7507,257,2699,1953,4934,2679,129],"./core/SegmentedControl/index.stories.tsx":["./packages/components/src/core/SegmentedControl/index.stories.tsx",9602,7507,257,2699,1953,4934,2679,129],"./core/Table/index.stories":["./packages/components/src/core/Table/index.stories.tsx",9602,7507,257,2699,461,1953,7499,7087,2679,5892,7337,6150,7345],"./core/Table/index.stories.tsx":["./packages/components/src/core/Table/index.stories.tsx",9602,7507,257,2699,461,1953,7499,7087,2679,5892,7337,6150,7345],"./core/TableHeader/index.stories":["./packages/components/src/core/TableHeader/index.stories.tsx",9602,7507,257,2699,1953,2679,5892,7337,1039],"./core/TableHeader/index.stories.tsx":["./packages/components/src/core/TableHeader/index.stories.tsx",9602,7507,257,2699,1953,2679,5892,7337,1039],"./core/TableRow/index.stories":["./packages/components/src/core/TableRow/index.stories.tsx",9602,257,2699,1953,5892,7646],"./core/TableRow/index.stories.tsx":["./packages/components/src/core/TableRow/index.stories.tsx",9602,257,2699,1953,5892,7646],"./core/Tabs/index.stories":["./packages/components/src/core/Tabs/index.stories.tsx",9602,7507,461,8529,667],"./core/Tabs/index.stories.tsx":["./packages/components/src/core/Tabs/index.stories.tsx",9602,7507,461,8529,667],"./core/Tag/index.stories":["./packages/components/src/core/Tag/index.stories.tsx",9602,7507,461,2679,6386],"./core/Tag/index.stories.tsx":["./packages/components/src/core/Tag/index.stories.tsx",9602,7507,461,2679,6386],"./core/TagFilter/index.stories":["./packages/components/src/core/TagFilter/index.stories.tsx",9602,7507,5753,461,8038],"./core/TagFilter/index.stories.tsx":["./packages/components/src/core/TagFilter/index.stories.tsx",9602,7507,5753,461,8038],"./core/Tooltip/index.stories":["./packages/components/src/core/Tooltip/index.stories.tsx",9602,7507,257,2699,5753,1953,2679,2818],"./core/Tooltip/index.stories.tsx":["./packages/components/src/core/Tooltip/index.stories.tsx",9602,7507,257,2699,5753,1953,2679,2818],"./core/TooltipCondensed/index.stories":["./packages/components/src/core/TooltipCondensed/index.stories.tsx",9602,257,2699,1953,626,9142],"./core/TooltipCondensed/index.stories.tsx":["./packages/components/src/core/TooltipCondensed/index.stories.tsx",9602,257,2699,1953,626,9142],"./core/TooltipTable/index.stories":["./packages/components/src/core/TooltipTable/index.stories.tsx",9602,257,2699,1953,1079,97,9688],"./core/TooltipTable/index.stories.tsx":["./packages/components/src/core/TooltipTable/index.stories.tsx",9602,257,2699,1953,1079,97,9688]};function webpackAsyncContext(req){if(!__webpack_require__.o(map,req))return Promise.resolve().then((()=>{var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}));var ids=map[req],id=ids[0];return Promise.all(ids.slice(1).map(__webpack_require__.e)).then((()=>__webpack_require__(id)))}webpackAsyncContext.keys=()=>Object.keys(map),webpackAsyncContext.id="./packages/components/src lazy recursive ^\\.\\/.*$ include: (?:\\/packages\\/components\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$",module.exports=webpackAsyncContext},"./packages/data-viz/src lazy recursive ^\\.\\/.*$ include: (?:\\/packages\\/data-viz\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./core/HeatmapChart/index.stories":["./packages/data-viz/src/core/HeatmapChart/index.stories.tsx",9602,1605,2169],"./core/HeatmapChart/index.stories.tsx":["./packages/data-viz/src/core/HeatmapChart/index.stories.tsx",9602,1605,2169]};function webpackAsyncContext(req){if(!__webpack_require__.o(map,req))return Promise.resolve().then((()=>{var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}));var ids=map[req],id=ids[0];return Promise.all(ids.slice(1).map(__webpack_require__.e)).then((()=>__webpack_require__(id)))}webpackAsyncContext.keys=()=>Object.keys(map),webpackAsyncContext.id="./packages/data-viz/src lazy recursive ^\\.\\/.*$ include: (?:\\/packages\\/data-viz\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$",module.exports=webpackAsyncContext},"./storybook-config-entry.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var external_STORYBOOK_MODULE_GLOBAL_=__webpack_require__("@storybook/global"),external_STORYBOOK_MODULE_PREVIEW_API_=__webpack_require__("@storybook/preview-api"),external_STORYBOOK_MODULE_CHANNELS_=__webpack_require__("@storybook/channels");const importers=[async path=>{if(!/^\.[\\/](?:packages\/components\/src(?:\/(?!\.)(?:(?:(?!(?:^|\/)\.).)*?)\/|\/|$)(?!\.)(?=.)[^/]*?\.stories\.(js|jsx|ts|tsx))$/.exec(path))return;const pathRemainder=path.substring(26);return __webpack_require__("./packages/components/src lazy recursive ^\\.\\/.*$ include: (?:\\/packages\\/components\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$")("./"+pathRemainder)},async path=>{if(!/^\.[\\/](?:packages\/data-viz\/src(?:\/(?!\.)(?:(?:(?!(?:^|\/)\.).)*?)\/|\/|$)(?!\.)(?=.)[^/]*?\.stories\.(js|jsx|ts|tsx))$/.exec(path))return;const pathRemainder=path.substring(24);return __webpack_require__("./packages/data-viz/src lazy recursive ^\\.\\/.*$ include: (?:\\/packages\\/data-viz\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$")("./"+pathRemainder)}];const channel=(0,external_STORYBOOK_MODULE_CHANNELS_.createBrowserChannel)({page:"preview"});external_STORYBOOK_MODULE_PREVIEW_API_.addons.setChannel(channel),"DEVELOPMENT"===external_STORYBOOK_MODULE_GLOBAL_.global.CONFIG_TYPE&&(window.__STORYBOOK_SERVER_CHANNEL__=channel);const preview=new external_STORYBOOK_MODULE_PREVIEW_API_.PreviewWeb;window.__STORYBOOK_PREVIEW__=preview,window.__STORYBOOK_STORY_STORE__=preview.storyStore,window.__STORYBOOK_ADDONS_CHANNEL__=channel,window.__STORYBOOK_CLIENT_API__=new external_STORYBOOK_MODULE_PREVIEW_API_.ClientApi({storyStore:preview.storyStore}),preview.initialize({importFn:async function importFn(path){for(let i=0;iimporters[i](path),x());if(moduleExports)return moduleExports}var x},getProjectAnnotations:()=>(0,external_STORYBOOK_MODULE_PREVIEW_API_.composeConfigs)([__webpack_require__("./node_modules/@storybook/react/preview.js"),__webpack_require__("./node_modules/@storybook/addon-links/preview.js"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/docs/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/actions/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/backgrounds/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/measure/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/outline/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/highlight/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-interactions/preview.js"),__webpack_require__("./node_modules/@storybook/addon-a11y/preview.js"),__webpack_require__("./node_modules/@storybook/react/preview.js"),__webpack_require__("./node_modules/storybook-addon-pseudo-states/preview.js"),__webpack_require__("./.storybook/preview.js")])})},"@storybook/channels":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CHANNELS__},"@storybook/client-logger":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CLIENT_LOGGER__},"@storybook/core-events":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CORE_EVENTS__},"@storybook/global":module=>{"use strict";module.exports=__STORYBOOK_MODULE_GLOBAL__},"@storybook/preview-api":module=>{"use strict";module.exports=__STORYBOOK_MODULE_PREVIEW_API__}},__webpack_require__=>{__webpack_require__.O(0,[7196],(()=>{return moduleId="./storybook-config-entry.js",__webpack_require__(__webpack_require__.s=moduleId);var moduleId}));__webpack_require__.O()}]); \ No newline at end of file +(self.webpackChunk_czi_sds_monorepo=self.webpackChunk_czi_sds_monorepo||[]).push([[179],{"./.storybook/preview.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,decorators:()=>decorators,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _packages_components_src_core_styles__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/components/src/core/styles/index.ts"),_mui_material_styles__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/@mui/material/styles/ThemeProvider.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/jsx-runtime.js"),decorators=[function(Story){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_mui_material_styles__WEBPACK_IMPORTED_MODULE_2__.Z,{theme:_packages_components_src_core_styles__WEBPACK_IMPORTED_MODULE_0__.uH,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Story,{})})}];const __WEBPACK_DEFAULT_EXPORT__={globalTypes:{pseudo:{}}};var __namedExportsOrder=["decorators"]},"./packages/components/src/core/styles/common/defaultTheme.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{GI:()=>defaultAppTheme,uH:()=>defaultTheme});var _mui_material__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@mui/material/colors/common.js"),createThemeAdaptor=__webpack_require__("./node_modules/@mui/material/styles/createTheme.js").Z,common=_mui_material__WEBPACK_IMPORTED_MODULE_1__.Z,FontWeight=function(FontWeight){return FontWeight[FontWeight.bold=700]="bold",FontWeight[FontWeight.light=300]="light",FontWeight[FontWeight.medium=800]="medium",FontWeight[FontWeight.regular=400]="regular",FontWeight[FontWeight.semibold=600]="semibold",FontWeight}(FontWeight||{}),defaultAppTheme={colors:{beta:{100:"#F4F0F9",200:"#F0EBF6",400:"#7A41CE",500:"#703CBE",600:"#693BAC"},error:{100:"#FEF2F2",200:"#FBE8E8",400:"#DC132C",500:"#C61128",600:"#B70016"},gray:{100:"#F8F8F8",200:"#EAEAEA",300:"#CCCCCC",400:"#999999",500:"#767676",600:"#545454"},info:{100:"#EFF2FC",200:"#EBEFFC",400:"#3867FA",500:"#2B52CD",600:"#223F9C"},primary:{100:"#F8F9FE",200:"#EFF2FC",300:"#A9BDFC",400:"#3867FA",500:"#2B52CD",600:"#223F9C"},secondary:{400:"#9BC74E"},success:{100:"#ECF5F0",200:"#E6F7ED",400:"#3CB371",500:"#349A61",600:"#1C7F48"},warning:{100:"#FCF6EC",200:"#FFF3E1",400:"#F5A623",500:"#D8921F",600:"#946314"}},corners:{l:20,m:4,none:0,s:2},fontWeights:{bold:700,light:300,medium:800,regular:400,semibold:600},iconSizes:{input:{height:16,width:16},l:{height:22,width:22},s:{height:14,width:14},xl:{height:32,width:32},xs:{height:10,width:10}},shadows:{l:"0 2px 12px 0 rgba(0,0,0, 0.3)",m:"0 2px 4px 0 rgba(0,0,0, 0.15), 0 2px 10px 0 rgba(0,0,0, 0.15)",none:"none",s:"0 2px 4px 0 rgba(0,0,0, 0.25)"},spacing:{default:10,l:14,m:10,s:8,xl:22,xs:6,xxl:38,xxs:4,xxxs:2},typography:{fontFamily:"Open Sans",styles:{body:{button:{fontSize:13,fontWeight:FontWeight.semibold,letterSpacing:"0.3px",lineHeight:"20px",textTransform:"none"},l:{fontSize:18,fontWeight:FontWeight.regular,letterSpacing:"0.3px",lineHeight:"28px"},m:{fontSize:16,fontWeight:FontWeight.regular,letterSpacing:"0.3px",lineHeight:"26px"},s:{fontSize:14,fontWeight:FontWeight.regular,letterSpacing:"0.3px",lineHeight:"24px"},xs:{fontSize:13,fontWeight:FontWeight.regular,letterSpacing:"0.3px",lineHeight:"20px"},xxs:{fontSize:12,fontWeight:FontWeight.regular,letterSpacing:"0.3px",lineHeight:"18px"},xxxs:{fontSize:11,fontWeight:FontWeight.regular,letterSpacing:"0.3px",lineHeight:"16px"}},caps:{xxs:{fontSize:12,fontWeight:FontWeight.semibold,letterSpacing:"1.0px",lineHeight:"18px",textTransform:"uppercase"},xxxs:{fontSize:11,fontWeight:FontWeight.semibold,letterSpacing:"1.0px",lineHeight:"16px",textTransform:"uppercase"},xxxxs:{fontSize:10,fontWeight:FontWeight.semibold,letterSpacing:"1.0px",lineHeight:"14px",textTransform:"uppercase"}},header:{l:{fontSize:18,fontWeight:FontWeight.semibold,letterSpacing:"0.3px",lineHeight:"24px"},m:{fontSize:16,fontWeight:FontWeight.semibold,letterSpacing:"0.3px",lineHeight:"22px"},s:{fontSize:14,fontWeight:FontWeight.semibold,letterSpacing:"0.3px",lineHeight:"20px"},xl:{fontSize:22,fontWeight:FontWeight.semibold,letterSpacing:"0.3px",lineHeight:"30px"},xs:{fontSize:13,fontWeight:FontWeight.semibold,letterSpacing:"0.3px",lineHeight:"18px"},xxl:{fontSize:26,fontWeight:FontWeight.semibold,letterSpacing:"0.3px",lineHeight:"34px"},xxs:{fontSize:12,fontWeight:FontWeight.semibold,letterSpacing:"0.3px",lineHeight:"18px"},xxxs:{fontSize:11,fontWeight:FontWeight.semibold,letterSpacing:"0.3px",lineHeight:"16px"}}}}};defaultAppTheme.borders={error:{400:"1px solid ".concat(defaultAppTheme.colors.error[400])},gray:{100:"1px solid ".concat(defaultAppTheme.colors.gray[100]),200:"1px solid ".concat(defaultAppTheme.colors.gray[200]),300:"1px solid ".concat(defaultAppTheme.colors.gray[300]),400:"1px solid ".concat(defaultAppTheme.colors.gray[400]),500:"1px solid ".concat(defaultAppTheme.colors.gray[500]),dashed:"2px dashed ".concat(defaultAppTheme.colors.gray[400])},link:{dashed:"1px dashed",solid:"1px solid"},primary:{300:"1px solid ".concat(defaultAppTheme.colors.primary[300]),400:"1px solid ".concat(defaultAppTheme.colors.primary[400]),500:"1px solid ".concat(defaultAppTheme.colors.primary[500]),600:"1px solid".concat(defaultAppTheme.colors.primary[600]),dashed:"2px dashed ".concat(defaultAppTheme.colors.primary[400])},success:{400:"1px solid ".concat(defaultAppTheme.colors.success[400])},warning:{400:"1px solid ".concat(defaultAppTheme.colors.warning[400])}};var defaultTheme=createThemeAdaptor(function makeThemeOptions(appTheme){return{app:appTheme,components:{MuiButtonBase:{defaultProps:{disableRipple:!0}},MuiLink:{defaultProps:{underline:"hover"}},MuiTab:{defaultProps:{disableRipple:!0}}},palette:{divider:appTheme.colors.gray[200],error:{dark:appTheme.colors.error[600],light:appTheme.colors.error[200],main:appTheme.colors.error[400]},grey:{100:appTheme.colors.gray[100],200:appTheme.colors.gray[200],300:appTheme.colors.gray[300],400:appTheme.colors.gray[400],500:appTheme.colors.gray[500],600:appTheme.colors.gray[600]},info:{dark:appTheme.colors.info[600],light:appTheme.colors.info[200],main:appTheme.colors.info[400]},mode:"light",primary:{dark:appTheme.colors.primary[600],light:appTheme.colors.primary[300],main:appTheme.colors.primary[400]},secondary:{main:appTheme.colors.secondary[400]},success:{dark:appTheme.colors.success[600],light:appTheme.colors.success[200],main:appTheme.colors.success[400]},text:{disabled:appTheme.colors.gray[300],primary:common.black,secondary:appTheme.colors.gray[500]},warning:{dark:appTheme.colors.warning[600],light:appTheme.colors.warning[200],main:appTheme.colors.warning[400]}},shadows:[appTheme.shadows.none,appTheme.shadows.s,appTheme.shadows.s,appTheme.shadows.s,appTheme.shadows.s,appTheme.shadows.s,appTheme.shadows.s,appTheme.shadows.s,appTheme.shadows.s,appTheme.shadows.m,appTheme.shadows.m,appTheme.shadows.m,appTheme.shadows.m,appTheme.shadows.m,appTheme.shadows.m,appTheme.shadows.m,appTheme.shadows.m,appTheme.shadows.l,appTheme.shadows.l,appTheme.shadows.l,appTheme.shadows.l,appTheme.shadows.l,appTheme.shadows.l,appTheme.shadows.l,appTheme.shadows.l],shape:{borderRadius:appTheme.corners.m},spacing:[appTheme.spacing.default,appTheme.spacing.xxxs,appTheme.spacing.xxs,appTheme.spacing.xs,appTheme.spacing.s,appTheme.spacing.m,appTheme.spacing.l,appTheme.spacing.xl,appTheme.spacing.xxl],transitions:{duration:{complex:200,enteringScreen:20,leavingScreen:10,short:150,shorter:100,shortest:50,standard:200},easing:{easeIn:"cubic-bezier(0, 0, 0.2, 1)",easeInOut:"cubic-bezier(0, 0, 0.2, 1)",easeOut:"cubic-bezier(0.0, 0, 0.2, 1)",sharp:"cubic-bezier(0, 0.2, 0.6, 1)"}},typography:{body1:appTheme.typography.styles.body.xs,body2:appTheme.typography.styles.body.xxs,button:appTheme.typography.styles.body.button,caption:appTheme.typography.styles.body.xxxs,fontFamily:"".concat(appTheme.typography.fontFamily,", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif"),h1:appTheme.typography.styles.header.xxl,h2:appTheme.typography.styles.header.xl,h3:appTheme.typography.styles.header.l,h4:appTheme.typography.styles.header.m,h5:appTheme.typography.styles.header.s,h6:appTheme.typography.styles.header.xs,overline:appTheme.typography.styles.caps.xxxs,subtitle1:appTheme.typography.styles.body.xs,subtitle2:appTheme.typography.styles.header.xxs}}}(defaultAppTheme))},"./packages/components/src/core/styles/common/mixins/fonts.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{$g:()=>fontBodyXs,C5:()=>fontHeader,FT:()=>fontHeaderS,GW:()=>fontBodyS,J5:()=>fontHeaderXs,aI:()=>fontBodyXxxs,mA:()=>fontBodyXxs,n$:()=>fontCapsXxxs,oJ:()=>fontBody,vz:()=>fontCapsXxxxs,xO:()=>fontHeaderXl,yT:()=>fontBodyM,zm:()=>fontHeaderXxs});var _templateObject,_templateObject2,_emotion_react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),_selectors_theme__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/components/src/core/styles/common/selectors/theme.ts");function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var fontBody=function fontBody(fontSize){return function(props){var typography=(0,_selectors_theme__WEBPACK_IMPORTED_MODULE_0__.cY)(props);return typography?themeToCss(typography.styles.body[fontSize]):null}},fontBodyM=(fontBody("l"),fontBody("m")),fontBodyS=fontBody("s"),fontBodyXs=fontBody("xs"),fontBodyXxs=fontBody("xxs"),fontBodyXxxs=fontBody("xxxs"),fontCaps=function fontCaps(fontSize){return function(props){var typography=(0,_selectors_theme__WEBPACK_IMPORTED_MODULE_0__.cY)(props);if(!typography)return null;var caps=typography.styles.caps;return(0,_emotion_react__WEBPACK_IMPORTED_MODULE_1__.iv)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n ","\n text-transform: uppercase;\n "])),themeToCss(caps[fontSize]))}},fontCapsXxxs=(fontCaps("xxs"),fontCaps("xxxs")),fontCapsXxxxs=fontCaps("xxxxs"),fontHeader=function fontHeader(fontSize){return function(props){var typography=(0,_selectors_theme__WEBPACK_IMPORTED_MODULE_0__.cY)(props);return typography?themeToCss(typography.styles.header[fontSize]):null}},fontHeaderXl=(fontHeader("xxl"),fontHeader("xl")),fontHeaderS=(fontHeader("l"),fontHeader("m"),fontHeader("s")),fontHeaderXs=fontHeader("xs"),fontHeaderXxs=fontHeader("xxs");fontHeader("xxxs");function themeToCss(fontTheme){return(0,_emotion_react__WEBPACK_IMPORTED_MODULE_1__.iv)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n font-size: ","px;\n line-height: ",";\n letter-spacing: ",";\n font-weight: ",";\n text-transform: ",";\n "])),fontTheme.fontSize,fontTheme.lineHeight,fontTheme.letterSpacing,fontTheme.fontWeight,fontTheme.textTransform)}},"./packages/components/src/core/styles/common/selectors/theme.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{DV:()=>getCorners,Dk:()=>getIconSizes,EC:()=>getColors,Gr:()=>getSpaces,W0:()=>getBorders,XN:()=>getPalette,cY:()=>getTypography,tM:()=>getShadows,y2:()=>getFontWeights});var getSpaces=function getSpaces(_ref){var _theme$app,theme=_ref.theme;return(null==theme||null===(_theme$app=theme.app)||void 0===_theme$app?void 0:_theme$app.spacing)||null},getTypography=function getTypography(_ref3){var _theme$app3,theme=_ref3.theme;return(null==theme||null===(_theme$app3=theme.app)||void 0===_theme$app3?void 0:_theme$app3.typography)||null},getPalette=function getPalette(_ref4){var theme=_ref4.theme;return null==theme?void 0:theme.palette},getColors=function getColors(_ref5){var _theme$app4,theme=_ref5.theme;return(null==theme||null===(_theme$app4=theme.app)||void 0===_theme$app4?void 0:_theme$app4.colors)||null},getShadows=function getShadows(_ref6){var _theme$app5,theme=_ref6.theme;return(null==theme||null===(_theme$app5=theme.app)||void 0===_theme$app5?void 0:_theme$app5.shadows)||null},getCorners=function getCorners(_ref7){var _theme$app6,theme=_ref7.theme;return(null==theme||null===(_theme$app6=theme.app)||void 0===_theme$app6?void 0:_theme$app6.corners)||null},getFontWeights=function getFontWeights(_ref8){var _theme$app7,theme=_ref8.theme;return(null==theme||null===(_theme$app7=theme.app)||void 0===_theme$app7?void 0:_theme$app7.fontWeights)||null},getIconSizes=function getIconSizes(_ref9){var _theme$app8,theme=_ref9.theme;return(null==theme||null===(_theme$app8=theme.app)||void 0===_theme$app8?void 0:_theme$app8.iconSizes)||null},getBorders=function getBorders(_ref10){var _theme$app9,theme=_ref10.theme;return(null==theme||null===(_theme$app9=theme.app)||void 0===_theme$app9?void 0:_theme$app9.borders)||null}},"./packages/components/src/core/styles/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{$g:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_1__.$g,C5:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_1__.C5,DV:()=>_common_selectors_theme__WEBPACK_IMPORTED_MODULE_2__.DV,Dk:()=>_common_selectors_theme__WEBPACK_IMPORTED_MODULE_2__.Dk,EC:()=>_common_selectors_theme__WEBPACK_IMPORTED_MODULE_2__.EC,FT:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_1__.FT,GI:()=>_common_defaultTheme__WEBPACK_IMPORTED_MODULE_0__.GI,GW:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_1__.GW,Gr:()=>_common_selectors_theme__WEBPACK_IMPORTED_MODULE_2__.Gr,J5:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_1__.J5,W0:()=>_common_selectors_theme__WEBPACK_IMPORTED_MODULE_2__.W0,XN:()=>_common_selectors_theme__WEBPACK_IMPORTED_MODULE_2__.XN,aI:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_1__.aI,cY:()=>_common_selectors_theme__WEBPACK_IMPORTED_MODULE_2__.cY,mA:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_1__.mA,n$:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_1__.n$,oJ:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_1__.oJ,tM:()=>_common_selectors_theme__WEBPACK_IMPORTED_MODULE_2__.tM,uH:()=>_common_defaultTheme__WEBPACK_IMPORTED_MODULE_0__.uH,vz:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_1__.vz,xO:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_1__.xO,y2:()=>_common_selectors_theme__WEBPACK_IMPORTED_MODULE_2__.y2,yT:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_1__.yT,zm:()=>_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_1__.zm});var _common_defaultTheme__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./packages/components/src/core/styles/common/defaultTheme.ts"),_common_mixins_fonts__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./packages/components/src/core/styles/common/mixins/fonts.ts"),_common_selectors_theme__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./packages/components/src/core/styles/common/selectors/theme.ts")},"./packages/components/src lazy recursive ^\\.\\/.*$ include: (?:\\/packages\\/components\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./core/Accordion/index.stories":["./packages/components/src/core/Accordion/index.stories.tsx",9602,7507,257,8118,2679,8661],"./core/Accordion/index.stories.tsx":["./packages/components/src/core/Accordion/index.stories.tsx",9602,7507,257,8118,2679,8661],"./core/Alert/index.stories":["./packages/components/src/core/Alert/index.stories.tsx",9602,7507,257,5753,7404,3676],"./core/Alert/index.stories.tsx":["./packages/components/src/core/Alert/index.stories.tsx",9602,7507,257,5753,7404,3676],"./core/Autocomplete/index.stories":["./packages/components/src/core/Autocomplete/index.stories.tsx",9602,7507,257,2699,419,461,5265,5254,4155,4104,2679,7226,9267,5871],"./core/Autocomplete/index.stories.tsx":["./packages/components/src/core/Autocomplete/index.stories.tsx",9602,7507,257,2699,419,461,5265,5254,4155,4104,2679,7226,9267,5871],"./core/Banner/index.stories":["./packages/components/src/core/Banner/index.stories.tsx",9602,7507,2679,7335],"./core/Banner/index.stories.tsx":["./packages/components/src/core/Banner/index.stories.tsx",9602,7507,2679,7335],"./core/Button/index.stories":["./packages/components/src/core/Button/index.stories.tsx",9602,7507,5753,2679,7252],"./core/Button/index.stories.tsx":["./packages/components/src/core/Button/index.stories.tsx",9602,7507,5753,2679,7252],"./core/ButtonDropdown/index.stories":["./packages/components/src/core/ButtonDropdown/index.stories.tsx",9602,7507,5753,2679,6080],"./core/ButtonDropdown/index.stories.tsx":["./packages/components/src/core/ButtonDropdown/index.stories.tsx",9602,7507,5753,2679,6080],"./core/ButtonIcon/index.stories":["./packages/components/src/core/ButtonIcon/index.stories.tsx",9602,7507,2679,781],"./core/ButtonIcon/index.stories.tsx":["./packages/components/src/core/ButtonIcon/index.stories.tsx",9602,7507,2679,781],"./core/Callout/index.stories":["./packages/components/src/core/Callout/index.stories.tsx",9602,7507,257,5753,7499,7828,2679,7286],"./core/Callout/index.stories.tsx":["./packages/components/src/core/Callout/index.stories.tsx",9602,7507,257,5753,7499,7828,2679,7286],"./core/CellBasic/index.stories":["./packages/components/src/core/CellBasic/index.stories.tsx",9602,257,2699,1953,9816,2679,9095],"./core/CellBasic/index.stories.tsx":["./packages/components/src/core/CellBasic/index.stories.tsx",9602,257,2699,1953,9816,2679,9095],"./core/CellComponent/index.stories":["./packages/components/src/core/CellComponent/index.stories.tsx",9602,7507,257,2699,461,1953,7499,7087,5892,6150,9966,7762],"./core/CellComponent/index.stories.tsx":["./packages/components/src/core/CellComponent/index.stories.tsx",9602,7507,257,2699,461,1953,7499,7087,5892,6150,9966,7762],"./core/CellHeader/index.stories":["./packages/components/src/core/CellHeader/index.stories.tsx",9602,7507,257,2699,1953,2679,7337,4495],"./core/CellHeader/index.stories.tsx":["./packages/components/src/core/CellHeader/index.stories.tsx",9602,7507,257,2699,1953,2679,7337,4495],"./core/Chip/index.stories":["./packages/components/src/core/Chip/index.stories.tsx",9602,7507,5753,461,9444],"./core/Chip/index.stories.tsx":["./packages/components/src/core/Chip/index.stories.tsx",9602,7507,5753,461,9444],"./core/ComplexFilter/index.stories":["./packages/components/src/core/ComplexFilter/index.stories.tsx",9602,7507,257,2699,5753,419,461,5265,5254,4155,4104,2679,7226,9267,2138,747],"./core/ComplexFilter/index.stories.tsx":["./packages/components/src/core/ComplexFilter/index.stories.tsx",9602,7507,257,2699,5753,419,461,5265,5254,4155,4104,2679,7226,9267,2138,747],"./core/Dialog/index.stories":["./packages/components/src/core/Dialog/index.stories.tsx",9602,7507,257,5753,419,1483,2679,6682],"./core/Dialog/index.stories.tsx":["./packages/components/src/core/Dialog/index.stories.tsx",9602,7507,257,5753,419,1483,2679,6682],"./core/Dropdown/index.stories":["./packages/components/src/core/Dropdown/index.stories.tsx",9602,7507,257,2699,5753,419,461,5265,5254,4155,4104,6747,2679,7226,9267,2138,9991],"./core/Dropdown/index.stories.tsx":["./packages/components/src/core/Dropdown/index.stories.tsx",9602,7507,257,2699,5753,419,461,5265,5254,4155,4104,6747,2679,7226,9267,2138,9991],"./core/DropdownMenu/index.stories":["./packages/components/src/core/DropdownMenu/index.stories.tsx",9602,7507,257,2699,5753,419,461,5265,5254,4155,4104,2679,7226,9267,2138,1485],"./core/DropdownMenu/index.stories.tsx":["./packages/components/src/core/DropdownMenu/index.stories.tsx",9602,7507,257,2699,5753,419,461,5265,5254,4155,4104,2679,7226,9267,2138,1485],"./core/Icon/index.stories":["./packages/components/src/core/Icon/index.stories.tsx",9602,7507,257,419,5265,5254,4155,7057,2679,7226,2567],"./core/Icon/index.stories.tsx":["./packages/components/src/core/Icon/index.stories.tsx",9602,7507,257,419,5265,5254,4155,7057,2679,7226,2567],"./core/InputCheckbox/index.stories":["./packages/components/src/core/InputCheckbox/index.stories.tsx",9602,7507,7499,5701,6749],"./core/InputCheckbox/index.stories.tsx":["./packages/components/src/core/InputCheckbox/index.stories.tsx",9602,7507,7499,5701,6749],"./core/InputDropdown/index.stories":["./packages/components/src/core/InputDropdown/index.stories.tsx",9602,7507,257,2699,5753,419,461,5265,5254,4155,4104,2860,2679,7226,9267,2138,4664],"./core/InputDropdown/index.stories.tsx":["./packages/components/src/core/InputDropdown/index.stories.tsx",9602,7507,257,2699,5753,419,461,5265,5254,4155,4104,2860,2679,7226,9267,2138,4664],"./core/InputRadio/index.stories":["./packages/components/src/core/InputRadio/index.stories.tsx",9602,7507,7499,7087,3277],"./core/InputRadio/index.stories.tsx":["./packages/components/src/core/InputRadio/index.stories.tsx",9602,7507,7499,7087,3277],"./core/InputSearch/index.stories":["./packages/components/src/core/InputSearch/index.stories.tsx",9602,7507,257,419,5265,5254,4155,3911,2679,7226,4238],"./core/InputSearch/index.stories.tsx":["./packages/components/src/core/InputSearch/index.stories.tsx",9602,7507,257,419,5265,5254,4155,3911,2679,7226,4238],"./core/InputSlider/index.stories":["./packages/components/src/core/InputSlider/index.stories.tsx",9602,195,2145],"./core/InputSlider/index.stories.tsx":["./packages/components/src/core/InputSlider/index.stories.tsx",9602,195,2145],"./core/InputText/index.stories":["./packages/components/src/core/InputText/index.stories.tsx",9602,257,419,5265,5254,4673],"./core/InputText/index.stories.tsx":["./packages/components/src/core/InputText/index.stories.tsx",9602,257,419,5265,5254,4673],"./core/InputToggle/index.stories":["./packages/components/src/core/InputToggle/index.stories.tsx",9602,7507,9966,3482],"./core/InputToggle/index.stories.tsx":["./packages/components/src/core/InputToggle/index.stories.tsx",9602,7507,9966,3482],"./core/Link/index.stories":["./packages/components/src/core/Link/index.stories.tsx",9602,1079,6240],"./core/Link/index.stories.tsx":["./packages/components/src/core/Link/index.stories.tsx",9602,1079,6240],"./core/List/index.stories":["./packages/components/src/core/List/index.stories.tsx",9602,7507,5365,1971],"./core/List/index.stories.tsx":["./packages/components/src/core/List/index.stories.tsx",9602,7507,5365,1971],"./core/LoadingIndicator/index.stories":["./packages/components/src/core/LoadingIndicator/index.stories.tsx",9602,2679,2536],"./core/LoadingIndicator/index.stories.tsx":["./packages/components/src/core/LoadingIndicator/index.stories.tsx",9602,2679,2536],"./core/Menu/index.stories":["./packages/components/src/core/Menu/index.stories.tsx",9602,7507,257,5753,419,5265,2891,2679,8312,2922],"./core/Menu/index.stories.tsx":["./packages/components/src/core/Menu/index.stories.tsx",9602,7507,257,5753,419,5265,2891,2679,8312,2922],"./core/MenuItem/index.stories":["./packages/components/src/core/MenuItem/index.stories.tsx",9602,7507,5889,2679,2167],"./core/MenuItem/index.stories.tsx":["./packages/components/src/core/MenuItem/index.stories.tsx",9602,7507,5889,2679,2167],"./core/MenuSelect/index.stories":["./packages/components/src/core/MenuSelect/index.stories.tsx",9602,7507,257,2699,419,461,5265,5254,4155,4104,2679,7226,1172],"./core/MenuSelect/index.stories.tsx":["./packages/components/src/core/MenuSelect/index.stories.tsx",9602,7507,257,2699,419,461,5265,5254,4155,4104,2679,7226,1172],"./core/NavigationJumpTo/index.stories":["./packages/components/src/core/NavigationJumpTo/index.stories.tsx",9602,7507,8529,195,6408],"./core/NavigationJumpTo/index.stories.tsx":["./packages/components/src/core/NavigationJumpTo/index.stories.tsx",9602,7507,8529,195,6408],"./core/Notification/index.stories":["./packages/components/src/core/Notification/index.stories.tsx",9602,7507,257,5753,7499,2405,2679,7875],"./core/Notification/index.stories.tsx":["./packages/components/src/core/Notification/index.stories.tsx",9602,7507,257,5753,7499,2405,2679,7875],"./core/Pagination/index.stories":["./packages/components/src/core/Pagination/index.stories.tsx",9602,7507,257,419,5265,2891,2679,8312,6019],"./core/Pagination/index.stories.tsx":["./packages/components/src/core/Pagination/index.stories.tsx",9602,7507,257,419,5265,2891,2679,8312,6019],"./core/SegmentedControl/index.stories":["./packages/components/src/core/SegmentedControl/index.stories.tsx",9602,7507,257,2699,1953,4934,2679,129],"./core/SegmentedControl/index.stories.tsx":["./packages/components/src/core/SegmentedControl/index.stories.tsx",9602,7507,257,2699,1953,4934,2679,129],"./core/Table/index.stories":["./packages/components/src/core/Table/index.stories.tsx",9602,7507,257,2699,461,1953,7499,7087,2679,5892,7337,6150,7345],"./core/Table/index.stories.tsx":["./packages/components/src/core/Table/index.stories.tsx",9602,7507,257,2699,461,1953,7499,7087,2679,5892,7337,6150,7345],"./core/TableHeader/index.stories":["./packages/components/src/core/TableHeader/index.stories.tsx",9602,7507,257,2699,1953,2679,5892,7337,1039],"./core/TableHeader/index.stories.tsx":["./packages/components/src/core/TableHeader/index.stories.tsx",9602,7507,257,2699,1953,2679,5892,7337,1039],"./core/TableRow/index.stories":["./packages/components/src/core/TableRow/index.stories.tsx",9602,257,2699,1953,5892,7646],"./core/TableRow/index.stories.tsx":["./packages/components/src/core/TableRow/index.stories.tsx",9602,257,2699,1953,5892,7646],"./core/Tabs/index.stories":["./packages/components/src/core/Tabs/index.stories.tsx",9602,7507,461,8529,667],"./core/Tabs/index.stories.tsx":["./packages/components/src/core/Tabs/index.stories.tsx",9602,7507,461,8529,667],"./core/Tag/index.stories":["./packages/components/src/core/Tag/index.stories.tsx",9602,7507,461,2679,6386],"./core/Tag/index.stories.tsx":["./packages/components/src/core/Tag/index.stories.tsx",9602,7507,461,2679,6386],"./core/TagFilter/index.stories":["./packages/components/src/core/TagFilter/index.stories.tsx",9602,7507,5753,461,8038],"./core/TagFilter/index.stories.tsx":["./packages/components/src/core/TagFilter/index.stories.tsx",9602,7507,5753,461,8038],"./core/Tooltip/index.stories":["./packages/components/src/core/Tooltip/index.stories.tsx",9602,7507,257,2699,5753,1953,2679,2818],"./core/Tooltip/index.stories.tsx":["./packages/components/src/core/Tooltip/index.stories.tsx",9602,7507,257,2699,5753,1953,2679,2818],"./core/TooltipCondensed/index.stories":["./packages/components/src/core/TooltipCondensed/index.stories.tsx",9602,257,2699,1953,626,9142],"./core/TooltipCondensed/index.stories.tsx":["./packages/components/src/core/TooltipCondensed/index.stories.tsx",9602,257,2699,1953,626,9142],"./core/TooltipTable/index.stories":["./packages/components/src/core/TooltipTable/index.stories.tsx",9602,257,2699,1953,1079,97,9688],"./core/TooltipTable/index.stories.tsx":["./packages/components/src/core/TooltipTable/index.stories.tsx",9602,257,2699,1953,1079,97,9688]};function webpackAsyncContext(req){if(!__webpack_require__.o(map,req))return Promise.resolve().then((()=>{var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}));var ids=map[req],id=ids[0];return Promise.all(ids.slice(1).map(__webpack_require__.e)).then((()=>__webpack_require__(id)))}webpackAsyncContext.keys=()=>Object.keys(map),webpackAsyncContext.id="./packages/components/src lazy recursive ^\\.\\/.*$ include: (?:\\/packages\\/components\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$",module.exports=webpackAsyncContext},"./packages/data-viz/src lazy recursive ^\\.\\/.*$ include: (?:\\/packages\\/data-viz\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./core/HeatmapChart/index.stories":["./packages/data-viz/src/core/HeatmapChart/index.stories.tsx",9602,1605,2169],"./core/HeatmapChart/index.stories.tsx":["./packages/data-viz/src/core/HeatmapChart/index.stories.tsx",9602,1605,2169]};function webpackAsyncContext(req){if(!__webpack_require__.o(map,req))return Promise.resolve().then((()=>{var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}));var ids=map[req],id=ids[0];return Promise.all(ids.slice(1).map(__webpack_require__.e)).then((()=>__webpack_require__(id)))}webpackAsyncContext.keys=()=>Object.keys(map),webpackAsyncContext.id="./packages/data-viz/src lazy recursive ^\\.\\/.*$ include: (?:\\/packages\\/data-viz\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$",module.exports=webpackAsyncContext},"./storybook-config-entry.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var external_STORYBOOK_MODULE_GLOBAL_=__webpack_require__("@storybook/global"),external_STORYBOOK_MODULE_PREVIEW_API_=__webpack_require__("@storybook/preview-api"),external_STORYBOOK_MODULE_CHANNELS_=__webpack_require__("@storybook/channels");const importers=[async path=>{if(!/^\.[\\/](?:packages\/components\/src(?:\/(?!\.)(?:(?:(?!(?:^|\/)\.).)*?)\/|\/|$)(?!\.)(?=.)[^/]*?\.stories\.(js|jsx|ts|tsx))$/.exec(path))return;const pathRemainder=path.substring(26);return __webpack_require__("./packages/components/src lazy recursive ^\\.\\/.*$ include: (?:\\/packages\\/components\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$")("./"+pathRemainder)},async path=>{if(!/^\.[\\/](?:packages\/data-viz\/src(?:\/(?!\.)(?:(?:(?!(?:^|\/)\.).)*?)\/|\/|$)(?!\.)(?=.)[^/]*?\.stories\.(js|jsx|ts|tsx))$/.exec(path))return;const pathRemainder=path.substring(24);return __webpack_require__("./packages/data-viz/src lazy recursive ^\\.\\/.*$ include: (?:\\/packages\\/data-viz\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$")("./"+pathRemainder)}];const channel=(0,external_STORYBOOK_MODULE_CHANNELS_.createBrowserChannel)({page:"preview"});external_STORYBOOK_MODULE_PREVIEW_API_.addons.setChannel(channel),"DEVELOPMENT"===external_STORYBOOK_MODULE_GLOBAL_.global.CONFIG_TYPE&&(window.__STORYBOOK_SERVER_CHANNEL__=channel);const preview=new external_STORYBOOK_MODULE_PREVIEW_API_.PreviewWeb;window.__STORYBOOK_PREVIEW__=preview,window.__STORYBOOK_STORY_STORE__=preview.storyStore,window.__STORYBOOK_ADDONS_CHANNEL__=channel,window.__STORYBOOK_CLIENT_API__=new external_STORYBOOK_MODULE_PREVIEW_API_.ClientApi({storyStore:preview.storyStore}),preview.initialize({importFn:async function importFn(path){for(let i=0;iimporters[i](path),x());if(moduleExports)return moduleExports}var x},getProjectAnnotations:()=>(0,external_STORYBOOK_MODULE_PREVIEW_API_.composeConfigs)([__webpack_require__("./node_modules/@storybook/react/preview.js"),__webpack_require__("./node_modules/@storybook/addon-links/preview.js"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/docs/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/actions/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/backgrounds/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/measure/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/outline/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/highlight/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-interactions/preview.js"),__webpack_require__("./node_modules/@storybook/addon-a11y/preview.js"),__webpack_require__("./node_modules/@storybook/react/preview.js"),__webpack_require__("./node_modules/storybook-addon-pseudo-states/preview.js"),__webpack_require__("./.storybook/preview.js")])})},"@storybook/channels":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CHANNELS__},"@storybook/client-logger":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CLIENT_LOGGER__},"@storybook/core-events":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CORE_EVENTS__},"@storybook/global":module=>{"use strict";module.exports=__STORYBOOK_MODULE_GLOBAL__},"@storybook/preview-api":module=>{"use strict";module.exports=__STORYBOOK_MODULE_PREVIEW_API__}},__webpack_require__=>{__webpack_require__.O(0,[7196],(()=>{return moduleId="./storybook-config-entry.js",__webpack_require__(__webpack_require__.s=moduleId);var moduleId}));__webpack_require__.O()}]); \ No newline at end of file diff --git a/project.json b/project.json index 53ce0c70c..bab09f985 100644 --- a/project.json +++ b/project.json @@ -1 +1 @@ -{"generatedAt":1694725063434,"hasCustomBabel":true,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"monorepo":"Lerna","packageManager":{"type":"yarn","version":"1.19.0"},"features":{"buildStoriesJson":true,"emotionAlias":false},"preview":{"usesGlobals":true},"framework":{"name":"@storybook/react-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","storybookVersion":"7.4.1","storybookVersionSpecifier":"^7.4.1","language":"typescript","storybookPackages":{"@chanzuckerberg/axe-storybook-testing":{"version":"7.1.2"},"@storybook/addon-a11y":{"version":"7.4.1"},"@storybook/addon-actions":{"version":"7.4.1"},"@storybook/addon-essentials":{"version":"7.4.1"},"@storybook/addon-interactions":{"version":"7.4.1"},"@storybook/addon-links":{"version":"7.4.1"},"@storybook/addon-storyshots":{"version":"7.4.1"},"@storybook/addons":{"version":"7.4.1"},"@storybook/react":{"version":"7.4.1"},"@storybook/react-webpack5":{"version":"7.4.1"},"@storybook/test-runner":{"version":"0.13.0"},"@storybook/testing-library":{"version":"0.2.0"},"@storybook/theming":{"version":"7.4.1"},"eslint-plugin-storybook":{"version":"0.6.13"},"storybook":{"version":"7.4.1"},"storybook-addon-emotion-theme":{"version":"2.1.1"},"storybook-addon-pseudo-states":{"version":"2.1.1"}},"addons":{"$SNIP/node_modules/@storybook/addon-links":{"version":null},"$SNIP/node_modules/@storybook/addon-essentials":{"version":null},"$SNIP/node_modules/@storybook/addon-interactions":{"version":null},"$SNIP/node_modules/@storybook/addon-a11y":{"version":null},"$SNIP/node_modules/@storybook/react":{"version":null},"$SNIP/node_modules/storybook-addon-pseudo-states":{"version":null},"chromatic":{"version":"6.18.0","versionSpecifier":"^6.18.0"}}} +{"generatedAt":1695334267911,"hasCustomBabel":true,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"monorepo":"Lerna","packageManager":{"type":"yarn","version":"1.19.0"},"features":{"buildStoriesJson":true,"emotionAlias":false},"preview":{"usesGlobals":true},"framework":{"name":"@storybook/react-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","storybookVersion":"7.4.1","storybookVersionSpecifier":"^7.4.1","language":"typescript","storybookPackages":{"@chanzuckerberg/axe-storybook-testing":{"version":"7.1.2"},"@storybook/addon-a11y":{"version":"7.4.1"},"@storybook/addon-actions":{"version":"7.4.1"},"@storybook/addon-essentials":{"version":"7.4.1"},"@storybook/addon-interactions":{"version":"7.4.1"},"@storybook/addon-links":{"version":"7.4.1"},"@storybook/addon-storyshots":{"version":"7.4.1"},"@storybook/addons":{"version":"7.4.1"},"@storybook/react":{"version":"7.4.1"},"@storybook/react-webpack5":{"version":"7.4.1"},"@storybook/test-runner":{"version":"0.13.0"},"@storybook/testing-library":{"version":"0.2.0"},"@storybook/theming":{"version":"7.4.1"},"eslint-plugin-storybook":{"version":"0.6.13"},"storybook":{"version":"7.4.1"},"storybook-addon-emotion-theme":{"version":"2.1.1"},"storybook-addon-pseudo-states":{"version":"2.1.1"}},"addons":{"$SNIP/node_modules/@storybook/addon-links":{"version":null},"$SNIP/node_modules/@storybook/addon-essentials":{"version":null},"$SNIP/node_modules/@storybook/addon-interactions":{"version":null},"$SNIP/node_modules/@storybook/addon-a11y":{"version":null},"$SNIP/node_modules/@storybook/react":{"version":null},"$SNIP/node_modules/storybook-addon-pseudo-states":{"version":null},"chromatic":{"version":"6.18.0","versionSpecifier":"^6.18.0"}}} diff --git a/runtime~main.af3a7360.iframe.bundle.js b/runtime~main.ba71181c.iframe.bundle.js similarity index 84% rename from runtime~main.af3a7360.iframe.bundle.js rename to runtime~main.ba71181c.iframe.bundle.js index 05932cd4a..ddecd05cb 100644 --- a/runtime~main.af3a7360.iframe.bundle.js +++ b/runtime~main.ba71181c.iframe.bundle.js @@ -1 +1 @@ -(()=>{"use strict";var deferred,leafPrototypes,getProto,inProgress,__webpack_modules__={},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(void 0!==cachedModule)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,__webpack_require__.amdO={},deferred=[],__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(!chunkIds){var notFulfilled=1/0;for(i=0;i=priority)&&Object.keys(__webpack_require__.O).every((key=>__webpack_require__.O[key](chunkIds[j])))?chunkIds.splice(j--,1):(fulfilled=!1,priority0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority]},__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__,__webpack_require__.t=function(value,mode){if(1&mode&&(value=this(value)),8&mode)return value;if("object"==typeof value&&value){if(4&mode&&value.__esModule)return value;if(16&mode&&"function"==typeof value.then)return value}var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=2&mode&&value;"object"==typeof current&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach((key=>def[key]=()=>value[key]));return def.default=()=>value,__webpack_require__.d(ns,def),ns},__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.f={},__webpack_require__.e=chunkId=>Promise.all(Object.keys(__webpack_require__.f).reduce(((promises,key)=>(__webpack_require__.f[key](chunkId,promises),promises)),[])),__webpack_require__.u=chunkId=>(({129:"core-SegmentedControl-index-stories",667:"core-Tabs-index-stories",747:"core-ComplexFilter-index-stories",781:"core-ButtonIcon-index-stories",1039:"core-TableHeader-index-stories",1172:"core-MenuSelect-index-stories",1485:"core-DropdownMenu-index-stories",1971:"core-List-index-stories",2145:"core-InputSlider-index-stories",2167:"core-MenuItem-index-stories",2169:"core-HeatmapChart-index-stories",2536:"core-LoadingIndicator-index-stories",2567:"core-Icon-index-stories",2818:"core-Tooltip-index-stories",2922:"core-Menu-index-stories",3277:"core-InputRadio-index-stories",3482:"core-InputToggle-index-stories",3676:"core-Alert-index-stories",4238:"core-InputSearch-index-stories",4495:"core-CellHeader-index-stories",4664:"core-InputDropdown-index-stories",4673:"core-InputText-index-stories",5871:"core-Autocomplete-index-stories",6019:"core-Pagination-index-stories",6080:"core-ButtonDropdown-index-stories",6240:"core-Link-index-stories",6386:"core-Tag-index-stories",6408:"core-NavigationJumpTo-index-stories",6682:"core-Dialog-index-stories",6749:"core-InputCheckbox-index-stories",7252:"core-Button-index-stories",7286:"core-Callout-index-stories",7335:"core-Banner-index-stories",7345:"core-Table-index-stories",7646:"core-TableRow-index-stories",7762:"core-CellComponent-index-stories",7875:"core-Notification-index-stories",8038:"core-TagFilter-index-stories",8661:"core-Accordion-index-stories",9095:"core-CellBasic-index-stories",9142:"core-TooltipCondensed-index-stories",9444:"core-Chip-index-stories",9688:"core-TooltipTable-index-stories",9991:"core-Dropdown-index-stories"}[chunkId]||chunkId)+"."+{97:"3d8d8138",129:"45dd33fc",195:"8768e6a9",257:"2750c9d4",419:"dc888ad0",461:"980b821a",626:"e10d41f6",667:"e22dd5bb",747:"462c4a69",781:"450310cb",1039:"465d09ef",1079:"c103bf30",1151:"d2ebd2ba",1172:"45cfd6ea",1341:"7d14f7a8",1483:"0972485d",1485:"a6964843",1605:"9d351a6a",1729:"f49bda0a",1953:"9ed9d553",1971:"5a4407c1",2138:"317dda65",2145:"ada39350",2167:"0fc63158",2169:"a46998d2",2405:"829e58dd",2536:"ab1ecb6d",2567:"136fa22a",2679:"30927d81",2699:"a29bdb34",2818:"dabd3a64",2860:"5781f3ea",2891:"e69e07c2",2922:"35838cef",3277:"60d2dd87",3426:"932f7975",3482:"76b11e58",3676:"f6f35096",3911:"6c82d9e1",4051:"0e109372",4104:"b8b53e60",4155:"cd89bef1",4202:"d762fcbc",4238:"2dc0cd11",4495:"ec3e15ff",4664:"854f3d61",4673:"fbed81c5",4934:"e61cfb69",5254:"6e871f07",5265:"f18f63c7",5365:"05fde4c2",5701:"6a68d19f",5753:"ae8a1b79",5871:"12139264",5889:"d0bf1b7f",5892:"54dfad42",5950:"5a00248d",5970:"ed795edc",6019:"98417782",6080:"4f7ba80a",6150:"4da290c3",6240:"de89a149",6386:"6fe98169",6408:"a6285f07",6682:"3aec6390",6747:"834a70ed",6749:"30e0679d",7057:"e958ca5e",7087:"f67b694b",7226:"2bea99ab",7252:"b53c0f7e",7286:"7c49f0eb",7332:"95b62989",7335:"b4fbbcb1",7337:"57e83b2b",7345:"e8438fe9",7404:"ae2839fd",7499:"447f229d",7507:"d7fa8386",7646:"4f9acb5c",7762:"0ff23eed",7828:"7833731f",7875:"dd047da0",8038:"27a70ca7",8118:"053df750",8312:"918036c3",8529:"2de2a3df",8661:"f9d76c77",9095:"3b63c6ca",9115:"3d04fc64",9142:"6256f002",9444:"bf9bcb41",9602:"7f3db728",9688:"328be3d3",9816:"441a4547",9966:"c904d7a4",9991:"d4710409"}[chunkId]+".iframe.bundle.js"),__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),inProgress={},__webpack_require__.l=(url,done,key,chunkId)=>{if(inProgress[url])inProgress[url].push(done);else{var script,needAttach;if(void 0!==key)for(var scripts=document.getElementsByTagName("script"),i=0;i{script.onerror=script.onload=null,clearTimeout(timeout);var doneFns=inProgress[url];if(delete inProgress[url],script.parentNode&&script.parentNode.removeChild(script),doneFns&&doneFns.forEach((fn=>fn(event))),prev)return prev(event)},timeout=setTimeout(onScriptComplete.bind(null,void 0,{type:"timeout",target:script}),12e4);script.onerror=onScriptComplete.bind(null,script.onerror),script.onload=onScriptComplete.bind(null,script.onload),needAttach&&document.head.appendChild(script)}},__webpack_require__.r=exports=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children||(module.children=[]),module),__webpack_require__.p="",(()=>{var installedChunks={1303:0};__webpack_require__.f.j=(chunkId,promises)=>{var installedChunkData=__webpack_require__.o(installedChunks,chunkId)?installedChunks[chunkId]:void 0;if(0!==installedChunkData)if(installedChunkData)promises.push(installedChunkData[2]);else if(1303!=chunkId){var promise=new Promise(((resolve,reject)=>installedChunkData=installedChunks[chunkId]=[resolve,reject]));promises.push(installedChunkData[2]=promise);var url=__webpack_require__.p+__webpack_require__.u(chunkId),error=new Error;__webpack_require__.l(url,(event=>{if(__webpack_require__.o(installedChunks,chunkId)&&(0!==(installedChunkData=installedChunks[chunkId])&&(installedChunks[chunkId]=void 0),installedChunkData)){var errorType=event&&("load"===event.type?"missing":event.type),realSrc=event&&event.target&&event.target.src;error.message="Loading chunk "+chunkId+" failed.\n("+errorType+": "+realSrc+")",error.name="ChunkLoadError",error.type=errorType,error.request=realSrc,installedChunkData[1](error)}}),"chunk-"+chunkId,chunkId)}else installedChunks[chunkId]=0},__webpack_require__.O.j=chunkId=>0===installedChunks[chunkId];var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var moduleId,chunkId,[chunkIds,moreModules,runtime]=data,i=0;if(chunkIds.some((id=>0!==installedChunks[id]))){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i{"use strict";var deferred,leafPrototypes,getProto,inProgress,__webpack_modules__={},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(void 0!==cachedModule)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,__webpack_require__.amdO={},deferred=[],__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(!chunkIds){var notFulfilled=1/0;for(i=0;i=priority)&&Object.keys(__webpack_require__.O).every((key=>__webpack_require__.O[key](chunkIds[j])))?chunkIds.splice(j--,1):(fulfilled=!1,priority0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority]},__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__,__webpack_require__.t=function(value,mode){if(1&mode&&(value=this(value)),8&mode)return value;if("object"==typeof value&&value){if(4&mode&&value.__esModule)return value;if(16&mode&&"function"==typeof value.then)return value}var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=2&mode&&value;"object"==typeof current&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach((key=>def[key]=()=>value[key]));return def.default=()=>value,__webpack_require__.d(ns,def),ns},__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.f={},__webpack_require__.e=chunkId=>Promise.all(Object.keys(__webpack_require__.f).reduce(((promises,key)=>(__webpack_require__.f[key](chunkId,promises),promises)),[])),__webpack_require__.u=chunkId=>(({129:"core-SegmentedControl-index-stories",667:"core-Tabs-index-stories",747:"core-ComplexFilter-index-stories",781:"core-ButtonIcon-index-stories",1039:"core-TableHeader-index-stories",1172:"core-MenuSelect-index-stories",1485:"core-DropdownMenu-index-stories",1971:"core-List-index-stories",2145:"core-InputSlider-index-stories",2167:"core-MenuItem-index-stories",2169:"core-HeatmapChart-index-stories",2536:"core-LoadingIndicator-index-stories",2567:"core-Icon-index-stories",2818:"core-Tooltip-index-stories",2922:"core-Menu-index-stories",3277:"core-InputRadio-index-stories",3482:"core-InputToggle-index-stories",3676:"core-Alert-index-stories",4238:"core-InputSearch-index-stories",4495:"core-CellHeader-index-stories",4664:"core-InputDropdown-index-stories",4673:"core-InputText-index-stories",5871:"core-Autocomplete-index-stories",6019:"core-Pagination-index-stories",6080:"core-ButtonDropdown-index-stories",6240:"core-Link-index-stories",6386:"core-Tag-index-stories",6408:"core-NavigationJumpTo-index-stories",6682:"core-Dialog-index-stories",6749:"core-InputCheckbox-index-stories",7252:"core-Button-index-stories",7286:"core-Callout-index-stories",7335:"core-Banner-index-stories",7345:"core-Table-index-stories",7646:"core-TableRow-index-stories",7762:"core-CellComponent-index-stories",7875:"core-Notification-index-stories",8038:"core-TagFilter-index-stories",8661:"core-Accordion-index-stories",9095:"core-CellBasic-index-stories",9142:"core-TooltipCondensed-index-stories",9444:"core-Chip-index-stories",9688:"core-TooltipTable-index-stories",9991:"core-Dropdown-index-stories"}[chunkId]||chunkId)+"."+{97:"3d8d8138",129:"45dd33fc",195:"8768e6a9",257:"2750c9d4",419:"dc888ad0",461:"980b821a",626:"e10d41f6",667:"e22dd5bb",747:"01f03e06",781:"450310cb",1039:"465d09ef",1079:"c103bf30",1172:"ecef33d3",1341:"7d14f7a8",1483:"0972485d",1485:"c5fbe0b8",1605:"9d351a6a",1729:"f49bda0a",1953:"9ed9d553",1971:"5a4407c1",2138:"51558478",2145:"ada39350",2167:"0fc63158",2169:"a46998d2",2405:"829e58dd",2536:"ab1ecb6d",2567:"136fa22a",2679:"30927d81",2699:"a29bdb34",2818:"dabd3a64",2860:"5781f3ea",2891:"e69e07c2",2922:"35838cef",3277:"60d2dd87",3426:"932f7975",3482:"76b11e58",3676:"f6f35096",3911:"6c82d9e1",4051:"0e109372",4104:"b8b53e60",4155:"cd89bef1",4202:"d762fcbc",4238:"2dc0cd11",4495:"ec3e15ff",4664:"a1308c8a",4673:"fbed81c5",4934:"e61cfb69",5254:"6e871f07",5265:"f18f63c7",5365:"05fde4c2",5701:"6a68d19f",5753:"ae8a1b79",5871:"4f2e7528",5889:"d0bf1b7f",5892:"54dfad42",5950:"5a00248d",5970:"ed795edc",6019:"98417782",6080:"4f7ba80a",6150:"4da290c3",6240:"de89a149",6386:"6fe98169",6408:"a6285f07",6682:"3aec6390",6747:"834a70ed",6749:"30e0679d",7057:"e958ca5e",7087:"f67b694b",7226:"2bea99ab",7252:"b53c0f7e",7286:"7c49f0eb",7332:"95b62989",7335:"b4fbbcb1",7337:"57e83b2b",7345:"e8438fe9",7404:"ae2839fd",7499:"447f229d",7507:"d7fa8386",7646:"4f9acb5c",7762:"0ff23eed",7828:"7833731f",7875:"dd047da0",8038:"27a70ca7",8118:"053df750",8312:"918036c3",8529:"2de2a3df",8661:"f9d76c77",9095:"3b63c6ca",9115:"3d04fc64",9142:"6256f002",9267:"1436ca89",9444:"bf9bcb41",9602:"7f3db728",9688:"328be3d3",9816:"441a4547",9966:"c904d7a4",9991:"8e46cf2c"}[chunkId]+".iframe.bundle.js"),__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),inProgress={},__webpack_require__.l=(url,done,key,chunkId)=>{if(inProgress[url])inProgress[url].push(done);else{var script,needAttach;if(void 0!==key)for(var scripts=document.getElementsByTagName("script"),i=0;i{script.onerror=script.onload=null,clearTimeout(timeout);var doneFns=inProgress[url];if(delete inProgress[url],script.parentNode&&script.parentNode.removeChild(script),doneFns&&doneFns.forEach((fn=>fn(event))),prev)return prev(event)},timeout=setTimeout(onScriptComplete.bind(null,void 0,{type:"timeout",target:script}),12e4);script.onerror=onScriptComplete.bind(null,script.onerror),script.onload=onScriptComplete.bind(null,script.onload),needAttach&&document.head.appendChild(script)}},__webpack_require__.r=exports=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children||(module.children=[]),module),__webpack_require__.p="",(()=>{var installedChunks={1303:0};__webpack_require__.f.j=(chunkId,promises)=>{var installedChunkData=__webpack_require__.o(installedChunks,chunkId)?installedChunks[chunkId]:void 0;if(0!==installedChunkData)if(installedChunkData)promises.push(installedChunkData[2]);else if(1303!=chunkId){var promise=new Promise(((resolve,reject)=>installedChunkData=installedChunks[chunkId]=[resolve,reject]));promises.push(installedChunkData[2]=promise);var url=__webpack_require__.p+__webpack_require__.u(chunkId),error=new Error;__webpack_require__.l(url,(event=>{if(__webpack_require__.o(installedChunks,chunkId)&&(0!==(installedChunkData=installedChunks[chunkId])&&(installedChunks[chunkId]=void 0),installedChunkData)){var errorType=event&&("load"===event.type?"missing":event.type),realSrc=event&&event.target&&event.target.src;error.message="Loading chunk "+chunkId+" failed.\n("+errorType+": "+realSrc+")",error.name="ChunkLoadError",error.type=errorType,error.request=realSrc,installedChunkData[1](error)}}),"chunk-"+chunkId,chunkId)}else installedChunks[chunkId]=0},__webpack_require__.O.j=chunkId=>0===installedChunks[chunkId];var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var moduleId,chunkId,[chunkIds,moreModules,runtime]=data,i=0;if(chunkIds.some((id=>0!==installedChunks[id]))){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i