diff --git a/iframe.html b/iframe.html index 53c6c528..38c03ea7 100644 --- a/iframe.html +++ b/iframe.html @@ -365,4 +365,4 @@ - window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"Introduction.stories.mdx","importPathMatcher":"^\\.[\\\\/](?:src\\/Introduction\\.stories\\.mdx)$"},{"titlePrefix":"","directory":"./src/guidelines","files":"*.stories.mdx","importPathMatcher":"^\\.[\\\\/](?:src\\/guidelines\\/(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"},{"titlePrefix":"","directory":"./src","files":"**/*.stories.mdx","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"}]; \ No newline at end of file + window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"Introduction.stories.mdx","importPathMatcher":"^\\.[\\\\/](?:src\\/Introduction\\.stories\\.mdx)$"},{"titlePrefix":"","directory":"./src/guidelines","files":"*.stories.mdx","importPathMatcher":"^\\.[\\\\/](?:src\\/guidelines\\/(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"},{"titlePrefix":"","directory":"./src","files":"**/*.stories.mdx","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"}]; \ No newline at end of file diff --git a/main.09c51aa7.iframe.bundle.js.map b/main.09c51aa7.iframe.bundle.js.map deleted file mode 100644 index 1845178d..00000000 --- a/main.09c51aa7.iframe.bundle.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"main.09c51aa7.iframe.bundle.js","sources":[],"mappings":";A","sourceRoot":""} \ No newline at end of file diff --git a/main.09c51aa7.iframe.bundle.js b/main.aff730b7.iframe.bundle.js similarity index 77% rename from main.09c51aa7.iframe.bundle.js rename to main.aff730b7.iframe.bundle.js index cce03e94..68654384 100644 --- a/main.09c51aa7.iframe.bundle.js +++ b/main.aff730b7.iframe.bundle.js @@ -1,3 +1,3 @@ -/*! For license information please see main.09c51aa7.iframe.bundle.js.LICENSE.txt */ -(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{"./.storybook/preview.tsx-generated-config-entry.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var preview_namespaceObject={};__webpack_require__.r(preview_namespaceObject);__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js"),client=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js")),themeprovider_storybook=__webpack_require__("./node_modules/themeprovider-storybook/index.js"),themes=__webpack_require__("./src/themes/index.ts"),PreviewGallery=__webpack_require__("./src/storybook/PreviewGallery.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");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 in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}Object(client.addDecorator)((function(story){return Object(jsx_runtime.jsx)(PreviewGallery.l,{children:story()})})),Object(client.addDecorator)(Object(themeprovider_storybook.withThemesProvider)(themes.a)),Object(client.addParameters)({viewMode:"docs"}),Object.keys(preview_namespaceObject).forEach((function(key){var value=preview_namespaceObject[key];switch(key){case"args":return Object(ClientApi.d)(value);case"argTypes":return Object(ClientApi.b)(value);case"decorators":return value.forEach((function(decorator){return Object(ClientApi.f)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return Object(ClientApi.g)(loader,!1)}));case"parameters":return Object(ClientApi.h)(function _objectSpread(target){for(var i=1;i\n\n# Name of the Component\n\n## Usage\n\n_Describe what problem the Component is supposed to solve_\n\n### General guidance\n\n_Describe when the Component should be used_\n_Describe each element on the component_\n\n## Playground\n\n\n \n {args => {\n return ;\n }}\n \n\n\n## Variation through arg1\n\n_Show all possible variations that allow user to have a better overview of the Component capabilities_\n\n\n \n {args => {\n return (\n <>\n \n Default\n \n \n Small\n \n \n );\n }}\n \n\n\n## Variation through arg2\n\n\n \n {args => {\n return (\n <>\n \n Default\n \n \n Arg2 activated\n \n \n );\n }}\n \n\n")),Object(esm.b)("h2",{id:"tests-guidelines"},"Tests guidelines"),Object(esm.b)("ul",null,Object(esm.b)("li",{parentName:"ul"},"Test should use ",Object(esm.b)("a",{parentName:"li",href:"https://jestjs.io/docs/en/getting-started",target:"_blank",rel:"nofollow noopener noreferrer"},"Jest")),Object(esm.b)("li",{parentName:"ul"},"Test should use ",Object(esm.b)("a",{parentName:"li",href:"https://testing-library.com/docs/react-testing-library/intro",target:"_blank",rel:"nofollow noopener noreferrer"},"React Testing Library"))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var Contributing_stories_excluded=["components"];function Contributing_stories_extends(){return Contributing_stories_extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e {\n return (\n <>\n \n {/* All your application*/}\n \n \n )\n};\n")),Object(esm.b)("p",null,"After you can include and render all needed components in your application:"),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-tsx"},"import { Badge } from 'akeneo-design-system'\n\nconst MyHomePage = () => (\n
\n Hello Word!\n
\n)\n")),Object(esm.b)("p",null,"To know the props of each component, visit the dedicated page of the component here: ",Object(esm.b)("a",{parentName:"p",href:"https://dsm.akeneo.com.",target:"_blank",rel:"nofollow noopener noreferrer"},"https://dsm.akeneo.com."),' You can edit all properties and click on "Show code" in the playground section available for each components.'),Object(esm.b)("h2",{id:"play-around-with-an-hello-world-react-app-example"},"Play around with an hello world react App example"),Object(esm.b)("p",null,"The ",Object(esm.b)("a",{parentName:"p",href:"https://github.com/akeneo/akeneo-design-system",target:"_blank",rel:"nofollow noopener noreferrer"},"DSM repository")," contains an example folder with a minimal React App already configured to be used with the Akeneo Design System."),Object(esm.b)("p",null,"Go into the example directory"),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-shell"},"cd example\n")),Object(esm.b)("p",null,"Install dependencies"),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-shell"},"npm install\n")),Object(esm.b)("p",null,"Run the dev server"),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-shell"},"npm run dev\n")),Object(esm.b)("p",null,"Feel free to adapt the ",Object(esm.b)("inlineCode",{parentName:"p"},"example/src/App.tsx")," file and integrate other components of the DSM."),Object(esm.b)("h2",{id:"contribution"},"Contribution"),Object(esm.b)("p",null,"This project has been automatically extracted from the following mono-repository: ",Object(esm.b)("a",{parentName:"p",href:"https://github.com/akeneo/pim-community-dev",target:"_blank",rel:"nofollow noopener noreferrer"},"https://github.com/akeneo/pim-community-dev"),".\nIf you want to contribute please create a pull request in this repository."),Object(esm.b)("h3",{id:"what-can-go-in-the-akeneo-design-system"},"What can go in the Akeneo Design System?"),Object(esm.b)("p",null,"This repository contains:"),Object(esm.b)("ul",null,Object(esm.b)("li",{parentName:"ul"},"Simple and complex (composition) components used several times in multiple products"),Object(esm.b)("li",{parentName:"ul"},"Illustrations used several times in multiple products"),Object(esm.b)("li",{parentName:"ul"},"Icons used by components in this repository"),Object(esm.b)("li",{parentName:"ul"},"Basic React hooks"),Object(esm.b)("li",{parentName:"ul"},"Specific themes of Akeneo products (PIM, Onboarder, Shared Catalogs)")),Object(esm.b)("h3",{id:"what-cannot-go-in-the-akeneo-design-system"},"What cannot go in the Akeneo Design System?"),Object(esm.b)("ul",null,Object(esm.b)("li",{parentName:"ul"},"Specific views: each project can specify specific components for specific UI logic."),Object(esm.b)("li",{parentName:"ul"},"Code relative to infrastructure (fetchers translation, routing, validation ...)"),Object(esm.b)("li",{parentName:"ul"},"Logic specific to the domain")),Object(esm.b)("h3",{id:"how-to-contribute"},"How to contribute?"),Object(esm.b)("p",null,"We have collected notes on how to contribute to this project in CONTRIBUTING.md."),Object(esm.b)("h2",{id:"testing-instructions"},"Testing instructions"),Object(esm.b)("p",null,"There is two type of tests, unit and visual tests."),Object(esm.b)("h3",{id:"unit-tests"},"Unit tests"),Object(esm.b)("p",null,"Unit tests can be launched with the following commands:"),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-shell"},"# Launch only one time\nnpm run test:unit:run\n\n# Launch in watch mode\nnpm run test:unit:watch\n")),Object(esm.b)("p",null,"Unit test should validate all component behaviors => coverage of 100% is required for component in this project.\nUnit tests are in the same directory of the component."),Object(esm.b)("h3",{id:"visual-tests"},"Visual tests"),Object(esm.b)("p",null,"All components in Storybook are automatically tested visually through snapshot comparison.\nNormally, stories should describe all possible states, adding manually visual test should be an exception."),Object(esm.b)("p",null,"Visual tests cannot be launched on your local computer, they are only launched by the continuous integration because the rendering is dependent on the platform.\nWhen you create a new story or you modify the visual of a component, continuous integration will automatically create and assign to you a pull request."))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var Introduction_stories_excluded=["components"];function Introduction_stories_extends(){return Introduction_stories_extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e * {\n position: relative;\n }\n"]))),RemainingAvatar=styled_components_browser_esm.default.span(Avatars_templateObject2||(Avatars_templateObject2=Avatars_taggedTemplateLiteralLoose(["\n height: 32px;\n width: 32px;\n color: ",";\n border: 1px solid;\n line-height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 15px;\n border-radius: 32px;\n"])),Object(theme_theme.a)("grey",120)),Avatars_Avatars=function Avatars(_ref){var max=_ref.max,_ref$maxTitle=_ref.maxTitle,maxTitle=void 0===_ref$maxTitle?10:_ref$maxTitle,children=_ref.children,rest=function Avatars_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function Avatars_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;rmaxTitle?remainingNames.concat("\n","..."):remainingNames}),[maxTitle,remainingChildren]);return Object(jsx_runtime.jsxs)(AvatarListContainer,Object.assign({title:rest.title||remainingUsersTitle},rest,{children:[remainingChildrenCount>0&&Object(jsx_runtime.jsxs)(RemainingAvatar,{children:["+",remainingChildrenCount]}),reverseChildren]}))};Avatars_Avatars.displayName="Avatars";try{Avatars_Avatars.displayName="Avatars",Avatars_Avatars.__docgenInfo={description:"",displayName:"Avatars",props:{max:{defaultValue:null,description:"",name:"max",required:!0,type:{name:"number"}},maxTitle:{defaultValue:{value:"10"},description:"",name:"maxTitle",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Avatar/Avatars.tsx#Avatars"]={docgenInfo:Avatars_Avatars.__docgenInfo,name:"Avatars",path:"src/components/Avatar/Avatars.tsx#Avatars"})}catch(__react_docgen_typescript_loader_error){}var Avatar_stories_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e {\n return ;\n}"}};var Avatar_stories_backgroundColors=function backgroundColors(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Albert",lastName:"Doe",username:"a"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Bertrand",lastName:"Doe",username:"b"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Chris",lastName:"Doe",username:"c"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Danny",lastName:"Doe",username:"d"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Elon",lastName:"Doe",username:"e"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Fred",lastName:"Doe",username:"f"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Gus",lastName:"Doe",username:"g"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Helen",lastName:"Doe",username:"h"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Isabel",lastName:"Doe",username:"i"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"John",lastName:"Doe",username:"j"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Kurt",lastName:"Doe",username:"k"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Leonard",lastName:"Doe",username:"l"})))};Avatar_stories_backgroundColors.storyName="Background colors",Avatar_stories_backgroundColors.parameters={storySource:{source:"args => {\n return <>\n \n \n \n \n \n \n \n \n \n \n \n \n ;\n}"}};var Avatar_stories_withImage=function withImage(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Avatar_Avatar,_extends({},args,{avatarUrl:"https://picsum.photos/seed/akeneo/32/32"})))};Avatar_stories_withImage.storyName="With image",Avatar_stories_withImage.parameters={storySource:{source:"args => {\n return <>\n \n ;\n}"}};var Avatar_stories_avatarList=function avatarList(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Avatars_Avatars,{max:5,maxTitle:5},Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Albert",lastName:"Doe",username:"a",avatarUrl:"https://picsum.photos/seed/akeneo/32/32"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Bertrand",lastName:"Doe",username:"b"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Chris",lastName:"Doe",username:"c",avatarUrl:"https://picsum.photos/seed/bkeneo/32/32"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Danny",lastName:"Doe",username:"d"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Elon",lastName:"Doe",username:"e",avatarUrl:"https://picsum.photos/seed/ckeneo/32/32"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Fred",lastName:"Doe",username:"f"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Gus",lastName:"Doe",username:"g"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Helen",lastName:"Doe",username:"h"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Isabel",lastName:"Doe",username:"i"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"John",lastName:"Doe",username:"j"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Kurt",lastName:"Doe",username:"k"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Leonard",lastName:"Doe",username:"l"}))))};Avatar_stories_avatarList.storyName="Avatar list",Avatar_stories_avatarList.parameters={storySource:{source:"args => {\n return <>\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n ;\n}"}};var Avatar_stories_avatarSize=function avatarSize(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Avatar_Avatar,_extends({},args,{size:"default"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{size:"big"})))};Avatar_stories_avatarSize.storyName="Avatar size",Avatar_stories_avatarSize.parameters={storySource:{source:"args => {\n return <>\n \n \n ;\n}"}};var componentMeta={title:"Components/Avatar",component:Avatar_Avatar,args:{firstName:"John",lastName:"Doe",username:"admin",avatarUrl:void 0,size:"default"},argTypes:{firstName:{control:{type:"text"}},lastName:{control:{type:"text"}},username:{control:{type:"text"}},avatarUrl:{control:{type:"text"}},size:{control:{type:"select",options:["default","big"]}}},includeStories:["standard","backgroundColors","withImage","avatarList","avatarSize"]},mdxStoryNameToKey={Standard:"standard","Background colors":"backgroundColors","With image":"withImage","Avatar list":"avatarList","Avatar size":"avatarSize"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Badge/Badge.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"level",(function(){return level}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_Badge_tsx__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/Badge/Badge.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e {\n return ;\n}"}};var level=function level(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Badge_tsx__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{level:"primary"}),"Primary"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Badge_tsx__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{level:"secondary"}),"Secondary"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Badge_tsx__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{level:"tertiary"}),"Tertiary"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Badge_tsx__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{level:"warning"}),"Warning"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Badge_tsx__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{level:"danger"}),"Danger"))};level.storyName="Level",level.parameters={storySource:{source:'args => {\n return <>\n \n Primary\n \n \n Secondary\n \n \n Tertiary\n \n \n Warning\n \n \n Danger\n \n ;\n}'}};var componentMeta={title:"Components/Badge",component:_Badge_tsx__WEBPACK_IMPORTED_MODULE_8__.a,args:{level:"primary",children:"Badge text"},argTypes:{level:{control:{type:"select"},options:["primary","secondary","tertiary","danger"]}},includeStories:["standard","level"]},mdxStoryNameToKey={Standard:"standard",Level:"level"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Badge/Badge.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Badge}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__),styled_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_theme_theme__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/theme/theme.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["level","children"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var BadgeContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.span(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n display: inline-flex;\n height: 18px;\n line-height: 16px;\n border: 1px solid;\n padding: 0 6px;\n border-radius: 2px;\n text-transform: uppercase;\n box-sizing: border-box;\n background-color: ",";\n font-size: ",";\n font-weight: normal;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n flex-shrink: 0;\n\n ","\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("white"),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.e)("small"),(function(_ref){var _ref$$level=_ref.$level,$level=void 0===_ref$$level?"primary":_ref$$level;return Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n color: ",";\n border-color: ",";\n "])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.c)($level,140),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.c)($level,100))})),Badge=react__WEBPACK_IMPORTED_MODULE_5___default.a.forwardRef((function(_ref2,forwardedRef){var _ref2$level=_ref2.level,level=void 0===_ref2$level?"primary":_ref2$level,children=_ref2.children,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;rr.length)&&(a=r.length);for(var e=0,n=Array(a);e {\n return ;\n}"}};var withoutActions=function withoutActions(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Block__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{title:"Block without action"})))};withoutActions.storyName="Without Actions",withoutActions.parameters={storySource:{source:'args => {\n return <>\n \n ;\n}'}};var withActions=function withActions(args){var _useState6=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_15__.useState)(!1),2),isOpen=_useState6[0],setOpen=_useState6[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Block__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{title:"Block with actions",isOpen:isOpen,onCollapse:setOpen,collapseButtonLabel:"Collapse",actions:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_IconButton_IconButton__WEBPACK_IMPORTED_MODULE_20__.a,{level:"danger",ghost:!0,size:"small",key:"remove",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_icons__WEBPACK_IMPORTED_MODULE_21__.a,null),title:"Remove",onClick:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_18__.action)("Remove block")}))})))};withActions.storyName="With Actions",withActions.parameters={storySource:{source:'args => {\n const [isOpen, setOpen] = useState(false);\n return <>\n \n } title=\'Remove\' onClick={action(\'Remove block\')} />\n } />\n ;\n}'}};var withRichTitle=function withRichTitle(args){var _useState8=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_15__.useState)(!1),2),isOpen=_useState8[0],setOpen=_useState8[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Block__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{title:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,"A Block with a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Link_Link__WEBPACK_IMPORTED_MODULE_22__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("b",null,"rich")," title")),isOpen:isOpen,onCollapse:setOpen,collapseButtonLabel:"Collapse",actions:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_IconButton_IconButton__WEBPACK_IMPORTED_MODULE_20__.a,{level:"danger",ghost:!0,size:"small",key:"remove",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_icons__WEBPACK_IMPORTED_MODULE_21__.a,null),title:"Remove",onClick:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_18__.action)("Remove block")}))})))};withRichTitle.storyName="With Rich Title",withRichTitle.parameters={storySource:{source:'args => {\n const [isOpen, setOpen] = useState(false);\n return <>\n A Block with a rich title} isOpen={isOpen} onCollapse={setOpen} collapseButtonLabel="Collapse" actions={<>\n } title=\'Remove\' onClick={action(\'Remove block\')} />\n } />\n ;\n}'}};var componentMeta={title:"Components/Block",component:_Block__WEBPACK_IMPORTED_MODULE_19__.a,args:{title:"I am a block",children:"I am the block content"},argTypes:{title:{control:{type:"text"}},children:{control:{type:"text"}}},includeStories:["standard","withoutActions","withActions","withRichTitle"]},mdxStoryNameToKey={Standard:"standard","Without Actions":"withoutActions","With Actions":"withActions","With Rich Title":"withRichTitle"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Block/Block.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Block}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,react__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_15___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_15__),styled_components__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_theme_theme__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/theme/theme.ts"),_icons_ArrowDownIcon__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/icons/ArrowDownIcon.tsx"),_icons_ArrowUpIcon__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/icons/ArrowUpIcon.tsx"),_IconButton_IconButton__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/components/IconButton/IconButton.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","actions","ariaDescribedBy","ariaLabel","ariaLabelledBy","isOpen","collapseButtonLabel","onCollapse","children"];function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _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 _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Block/Block.tsx#Block"]={docgenInfo:Block.__docgenInfo,name:"Block",path:"src/components/Block/Block.tsx#Block"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/BlockButton/BlockButton.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return BlockButton_stories_standard})),__webpack_require__.d(__webpack_exports__,"disabled",(function(){return BlockButton_stories_disabled})),__webpack_require__.d(__webpack_exports__,"withAnIconChildren",(function(){return BlockButton_stories_withAnIconChildren})),__webpack_require__.d(__webpack_exports__,"withDropdownAndBlocks",(function(){return BlockButton_stories_withDropdownAndBlocks}));__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),PreviewGallery=__webpack_require__("./src/storybook/PreviewGallery.tsx"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),theme=__webpack_require__("./src/theme/theme.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["icon","disabled","ariaDescribedBy","ariaLabel","ariaLabelledBy","children","onClick"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var Container=styled_components_browser_esm.default.button(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n box-sizing: border-box;\n width: 100%;\n padding: 14px 20px;\n border-style: solid;\n border-width: 1px;\n border-radius: 2px;\n height: 50px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-family: inherit;\n font-size: ",";\n font-weight: 400;\n outline-style: none;\n cursor: ",";\n white-space: nowrap;\n text-transform: uppercase;\n\n &:focus {\n box-shadow: 0 0 0 2px ",";\n }\n\n ","\n"])),Object(theme.e)("default"),(function(_ref2){return _ref2.disabled?"not-allowed":"pointer"}),Object(theme.a)("blue",40),(function getColorStyle(_ref){return _ref.disabled?Object(styled_components_browser_esm.css)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n border-color: ",";\n color: ",";\n "])),Object(theme.a)("grey",100),Object(theme.a)("grey",100)):Object(styled_components_browser_esm.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),Object(theme.a)("white"),Object(theme.a)("blue",100),Object(theme.a)("blue",100))})),ChildrenContainer=styled_components_browser_esm.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n"]))),ActionsContainer=styled_components_browser_esm.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"]))),BlockButton=Object(react.forwardRef)((function(_ref3,forwardedRef){var _icon$props$size,icon=_ref3.icon,_ref3$disabled=_ref3.disabled,disabled=void 0!==_ref3$disabled&&_ref3$disabled,ariaDescribedBy=_ref3.ariaDescribedBy,ariaLabel=_ref3.ariaLabel,ariaLabelledBy=_ref3.ariaLabelledBy,children=_ref3.children,onClick=_ref3.onClick,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r>"}},disabled:{defaultValue:{value:"false"},description:"Used when the user cannot proceed or until an input is collected.",name:"disabled",required:!1,type:{name:"boolean"}},onClick:{defaultValue:null,description:"Function called when the user clicks on the button or hit enter when focused.",name:"onClick",required:!1,type:{name:"((event: SyntheticEvent) => void)"}},ariaLabel:{defaultValue:null,description:"Accessibility label to describe shortly the button.",name:"ariaLabel",required:!1,type:{name:"string"}},ariaLabelledBy:{defaultValue:null,description:"Define which element is the label of this button for accessibility purposes. Expect a DOM node id.",name:"ariaLabelledBy",required:!1,type:{name:"string"}},ariaDescribedBy:{defaultValue:null,description:"Define what element is describing this button for accessibility purposes. Expect a DOM node id.",name:"ariaDescribedBy",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"Children of the button.",name:"children",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/BlockButton/BlockButton.tsx#BlockButton"]={docgenInfo:BlockButton.__docgenInfo,name:"BlockButton",path:"src/components/BlockButton/BlockButton.tsx#BlockButton"})}catch(__react_docgen_typescript_loader_error){}var ArrowDownIcon=__webpack_require__("./src/icons/ArrowDownIcon.tsx"),PlusIcon=__webpack_require__("./src/icons/PlusIcon.tsx"),CloseIcon=__webpack_require__("./src/icons/CloseIcon.tsx"),Block=__webpack_require__("./src/components/Block/Block.tsx"),IconButton=__webpack_require__("./src/components/IconButton/IconButton.tsx"),Dropdown=__webpack_require__("./src/components/Dropdown/Dropdown.tsx"),useBooleanState=__webpack_require__("./src/hooks/useBooleanState.ts"),icons=__webpack_require__("./src/icons/index.ts"),BlockButton_stories_excluded=["components"];function _toConsumableArray(r){return function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r)}(r)||function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(r)||_unsupportedIterableToArray(r)||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 _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||_unsupportedIterableToArray(r,e)||function _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 _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e"}}},disabled:{control:{type:"boolean"}},onClick:{action:"Clicked"},children:{control:{type:"text"}}},args:{children:"Add block",icon:"ArrowDownIcon"},mdxType:"Meta"}),Object(esm.b)("h1",{id:"blockbutton"},"BlockButton"),Object(esm.b)("h2",{id:"usage"},"Usage"),Object(esm.b)("p",null,"BlockButtons express what action will occur when the users clicks. BlockButtons are used to initialize an action, either in the background or foreground of an experience."),Object(esm.b)("h2",{id:"playground"},"Playground"),Object(esm.b)("p",null,"Use this playground to test the BlockButton component"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Standard",mdxType:"Story"},(function(args){return Object(esm.b)(BlockButton,_extends({},args,{icon:react_default.a.createElement(icons[args.icon]),mdxType:"BlockButton"}))}))),Object(esm.b)(dist_esm.b,{story:"Standard",mdxType:"ArgsTable"}),Object(esm.b)("h2",{id:"disabled"},"Disabled"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Disabled",mdxType:"Story"},(function(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(BlockButton,_extends({},args,{icon:Object(esm.b)(ArrowDownIcon.a,{mdxType:"ArrowDownIcon"}),mdxType:"BlockButton"}),"Default"),Object(esm.b)(BlockButton,_extends({},args,{disabled:!0,icon:Object(esm.b)(ArrowDownIcon.a,{mdxType:"ArrowDownIcon"}),mdxType:"BlockButton"}),"Disabled"))}))),Object(esm.b)("h2",{id:"with-an-icon-children"},"With an Icon (children)"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"With an Icon (children)",mdxType:"Story"},(function(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(BlockButton,_extends({},args,{icon:Object(esm.b)(ArrowDownIcon.a,{mdxType:"ArrowDownIcon"}),mdxType:"BlockButton"}),Object(esm.b)(PlusIcon.a,{mdxType:"PlusIcon"})," Before"),Object(esm.b)(BlockButton,_extends({},args,{icon:Object(esm.b)(ArrowDownIcon.a,{mdxType:"ArrowDownIcon"}),mdxType:"BlockButton"}),"After ",Object(esm.b)(PlusIcon.a,{mdxType:"PlusIcon"})))}))),Object(esm.b)("h2",{id:"with-dropdown-and-blocks"},"With Dropdown and Blocks"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"With Dropdown and Blocks",mdxType:"Story"},(function(args){var _useState2=_slicedToArray(Object(react.useState)([]),2),blockValues=_useState2[0],setBlockValues=_useState2[1],_useBooleanState2=_slicedToArray(Object(useBooleanState.a)(!1),3),isOpen=_useBooleanState2[0],open=_useBooleanState2[1],close=_useBooleanState2[2];return Object(esm.b)(PreviewGallery.k,{gap:10,mdxType:"SpaceContainer"},blockValues.map((function(blockValue){return Object(esm.b)(Block.a,{key:blockValue,action:Object(esm.b)(IconButton.a,{key:"remove",icon:Object(esm.b)(CloseIcon.a,{mdxType:"CloseIcon"}),title:"Remove",onClick:function onClick(){return setBlockValues(blockValues.filter((function(current){return current!==blockValue})))},mdxType:"IconButton"}),mdxType:"Block"},blockValue)})),Object(esm.b)(Dropdown.a,{mdxType:"Dropdown"},Object(esm.b)(BlockButton,_extends({},args,{onClick:open,disabled:3===blockValues.length,icon:Object(esm.b)(ArrowDownIcon.a,{mdxType:"ArrowDownIcon"}),mdxType:"BlockButton"}),"Add a block"),isOpen&&Object(esm.b)(Dropdown.a.Overlay,{onClose:close,fullWidth:!0},Object(esm.b)(Dropdown.a.Header,null,Object(esm.b)(Dropdown.a.Title,null,"Blocks")),Object(esm.b)(Dropdown.a.ItemCollection,null,["Block 1","Block 2","Block 3"].filter((function(blockValue){return!blockValues.includes(blockValue)})).map((function(option){return Object(esm.b)(Dropdown.a.Item,{key:option,onClick:function onClick(){setBlockValues((function(blockValues){return[].concat(_toConsumableArray(blockValues),[option])})),close()}},option)}))))))}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var BlockButton_stories_standard=function standard(args){return Object(esm.b)(BlockButton,_extends({},args,{icon:react_default.a.createElement(icons[args.icon])}))};BlockButton_stories_standard.displayName="standard",BlockButton_stories_standard.storyName="Standard",BlockButton_stories_standard.parameters={storySource:{source:"args => {\n return ;\n}"}};var BlockButton_stories_disabled=function disabled(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(BlockButton,_extends({},args,{icon:Object(esm.b)(ArrowDownIcon.a,null)}),"Default"),Object(esm.b)(BlockButton,_extends({},args,{disabled:!0,icon:Object(esm.b)(ArrowDownIcon.a,null)}),"Disabled"))};BlockButton_stories_disabled.storyName="Disabled",BlockButton_stories_disabled.parameters={storySource:{source:"args => {\n return <>\n }>\n Default\n \n }>\n Disabled\n \n ;\n}"}};var BlockButton_stories_withAnIconChildren=function withAnIconChildren(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(BlockButton,_extends({},args,{icon:Object(esm.b)(ArrowDownIcon.a,null)}),Object(esm.b)(PlusIcon.a,null)," Before"),Object(esm.b)(BlockButton,_extends({},args,{icon:Object(esm.b)(ArrowDownIcon.a,null)}),"After ",Object(esm.b)(PlusIcon.a,null)))};BlockButton_stories_withAnIconChildren.storyName="With an Icon (children)",BlockButton_stories_withAnIconChildren.parameters={storySource:{source:"args => {\n return <>\n }>\n Before\n \n }>\n After \n \n ;\n}"}};var BlockButton_stories_withDropdownAndBlocks=function withDropdownAndBlocks(args){var _useState4=_slicedToArray(Object(react.useState)([]),2),blockValues=_useState4[0],setBlockValues=_useState4[1],_useBooleanState4=_slicedToArray(Object(useBooleanState.a)(!1),3),isOpen=_useBooleanState4[0],open=_useBooleanState4[1],close=_useBooleanState4[2];return Object(esm.b)(PreviewGallery.k,{gap:10},blockValues.map((function(blockValue){return Object(esm.b)(Block.a,{key:blockValue,action:Object(esm.b)(IconButton.a,{key:"remove",icon:Object(esm.b)(CloseIcon.a,null),title:"Remove",onClick:function onClick(){return setBlockValues(blockValues.filter((function(current){return current!==blockValue})))}})},blockValue)})),Object(esm.b)(Dropdown.a,null,Object(esm.b)(BlockButton,_extends({},args,{onClick:open,disabled:3===blockValues.length,icon:Object(esm.b)(ArrowDownIcon.a,null)}),"Add a block"),isOpen&&Object(esm.b)(Dropdown.a.Overlay,{onClose:close,fullWidth:!0},Object(esm.b)(Dropdown.a.Header,null,Object(esm.b)(Dropdown.a.Title,null,"Blocks")),Object(esm.b)(Dropdown.a.ItemCollection,null,["Block 1","Block 2","Block 3"].filter((function(blockValue){return!blockValues.includes(blockValue)})).map((function(option){return Object(esm.b)(Dropdown.a.Item,{key:option,onClick:function onClick(){setBlockValues((function(blockValues){return[].concat(_toConsumableArray(blockValues),[option])})),close()}},option)}))))))};BlockButton_stories_withDropdownAndBlocks.displayName="withDropdownAndBlocks",BlockButton_stories_withDropdownAndBlocks.storyName="With Dropdown and Blocks",BlockButton_stories_withDropdownAndBlocks.parameters={storySource:{source:"args => {\n const [blockValues, setBlockValues] = useState([]);\n const [isOpen, open, close] = useBooleanState(false);\n return \n {blockValues.map(blockValue => } title=\"Remove\" onClick={() => setBlockValues(blockValues.filter(current => current !== blockValue))} />}>\n {blockValue}\n )}\n \n }>\n Add a block\n \n {isOpen && \n \n Blocks\n \n \n {['Block 1', 'Block 2', 'Block 3'].filter(blockValue => !blockValues.includes(blockValue)).map(option => {\n setBlockValues(blockValues => [...blockValues, option]);\n close();\n }}>\n {option}\n )}\n \n }\n \n ;\n}"}};var componentMeta={title:"Components/Buttons/BlockButton",component:BlockButton,args:{children:"Add block",icon:"ArrowDownIcon"},argTypes:{icon:{control:{type:"select"},options:Object.keys(icons),table:{type:{summary:"ReactElement"}}},disabled:{control:{type:"boolean"}},onClick:{action:"Clicked"},children:{control:{type:"text"}}},includeStories:["standard","disabled","withAnIconChildren","withDropdownAndBlocks"]},mdxStoryNameToKey={Standard:"standard",Disabled:"disabled","With an Icon (children)":"withAnIconChildren","With Dropdown and Blocks":"withDropdownAndBlocks"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Breadcrumb/Breadcrumb.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return Breadcrumb_stories_standard})),__webpack_require__.d(__webpack_exports__,"steps",(function(){return Breadcrumb_stories_steps}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),styled_components_browser_esm=(__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js")),theme=__webpack_require__("./src/theme/theme.ts"),Link=__webpack_require__("./src/components/Link/Link.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var Step=Object(styled_components_browser_esm.default)(Link.a)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n text-transform: uppercase;\n text-decoration: none;\n color: ",";\n"])),Object(theme.a)("grey",120));Step.displayName="Breadcrumb.Step";var BreadcrumbContainer=styled_components_browser_esm.default.nav(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n ",":last-child {\n color: ",";\n cursor: initial;\n }\n"])),Step,Object(theme.a)("grey",100)),Separator=styled_components_browser_esm.default.span(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n margin: 0 0.5rem;\n"]))),Breadcrumb_Breadcrumb=function Breadcrumb(_ref){var children=_ref.children,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r {\n return \n first\n second\n third\n ;\n}'}};var Breadcrumb_stories_steps=function steps(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Breadcrumb_Breadcrumb,args,Object(esm.b)(Breadcrumb_Breadcrumb.Step,{href:"#variation-on-steps"},"first"),Object(esm.b)(Breadcrumb_Breadcrumb.Step,null,"second")),Object(esm.b)(Breadcrumb_Breadcrumb,args,Object(esm.b)(Breadcrumb_Breadcrumb.Step,null,"Only one")))};Breadcrumb_stories_steps.storyName="Steps",Breadcrumb_stories_steps.parameters={storySource:{source:'args => {\n return <>\n \n first\n second\n \n \n Only one\n \n ;\n}'}};var componentMeta={title:"Components/Breadcrumb",component:Breadcrumb_Breadcrumb,argTypes:{children:{table:{type:{summary:"Breadcrumb.Step[]"}}}},includeStories:["standard","steps"]},mdxStoryNameToKey={Standard:"standard",Steps:"steps"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Button/Button.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"level",(function(){return level})),__webpack_require__.d(__webpack_exports__,"ghost",(function(){return ghost})),__webpack_require__.d(__webpack_exports__,"active",(function(){return active})),__webpack_require__.d(__webpack_exports__,"disabled",(function(){return disabled})),__webpack_require__.d(__webpack_exports__,"size",(function(){return size})),__webpack_require__.d(__webpack_exports__,"link",(function(){return link})),__webpack_require__.d(__webpack_exports__,"withAnIcon",(function(){return withAnIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_Button__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/Button/Button.tsx"),_icons__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/icons/ArrowDownIcon.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e {\n return \n \n \n \n \n ;\n}'}};var ghost=function ghost(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{ghost:!0,level:"primary"}),"Primary"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{ghost:!0,level:"secondary"}),"Secondary"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{ghost:!0,level:"tertiary"}),"Tertiary"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{ghost:!0,level:"warning"}),"Warning"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{ghost:!0,level:"danger"}),"Danger"))};ghost.storyName="Ghost",ghost.parameters={storySource:{source:'args => {\n return <>\n \n \n \n \n \n ;\n}'}};var active=function active(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{active:!0,level:"primary"}),"Primary"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{active:!0,level:"secondary"}),"Secondary"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{active:!0,level:"tertiary"}),"Tertiary"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{active:!0,level:"warning"}),"Warning"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{active:!0,level:"danger"}),"Danger"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("br",null),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{active:!0,ghost:!0,level:"primary"}),"Primary"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{active:!0,ghost:!0,level:"secondary"}),"Secondary"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{active:!0,ghost:!0,level:"tertiary"}),"Tertiary"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{active:!0,ghost:!0,level:"warning"}),"Warning"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{active:!0,ghost:!0,level:"danger"}),"Danger"))};active.storyName="Active",active.parameters={storySource:{source:'args => {\n return <>\n \n \n \n \n \n
\n \n \n \n \n \n ;\n}'}};var disabled=function disabled(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{disabled:!1}),"Default"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{disabled:!0}),"Disabled"))};disabled.storyName="Disabled",disabled.parameters={storySource:{source:"args => {\n return <>\n \n \n ;\n}"}};var size=function size(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{size:"default"}),"Default"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{size:"small"}),"Small"))};size.storyName="Size",size.parameters={storySource:{source:'args => {\n return <>\n \n \n ;\n}'}};var link=function link(args){return delete args.onClick,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{href:"https://google.com",target:"_blank"}),"I am a Link"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{disabled:!0,href:"https://google.com",target:"_blank"}),"I am a disabled Link"))};link.storyName="Link",link.parameters={storySource:{source:'args => {\n delete args.onClick;\n return <>\n \n \n ;\n}'}};var withAnIcon=function withAnIcon(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,{ghost:!1},"Dropdown button ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_icons__WEBPACK_IMPORTED_MODULE_9__.a,null)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,{ghost:!0},"Ghost ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_icons__WEBPACK_IMPORTED_MODULE_9__.a,null)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,{level:"secondary",size:"small"},"Small ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_icons__WEBPACK_IMPORTED_MODULE_9__.a,null)))};withAnIcon.storyName="With an Icon",withAnIcon.parameters={storySource:{source:'() => {\n return <>\n \n \n \n ;\n}'}};var componentMeta={title:"Components/Buttons/Button",component:_Button__WEBPACK_IMPORTED_MODULE_8__.a,args:{level:"primary",children:"Primary"},argTypes:{level:{control:{type:"select"},options:["primary","secondary","tertiary","warning","danger"]},ghost:{control:{type:"boolean"}},disabled:{control:{type:"boolean"}},active:{control:{type:"boolean"}},size:{control:{type:"select"},options:["default","small"]},onClick:{action:"Click on the button"},children:{control:{type:"text"}}},includeStories:["standard","level","ghost","active","disabled","size","link","withAnIcon"]},mdxStoryNameToKey={Standard:"standard",Level:"level",Ghost:"ghost",Active:"active",Disabled:"disabled",Size:"size",Link:"link","With an Icon":"withAnIcon"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Button/Button.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Button}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/index.js"),styled_components__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_theme_theme__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/theme/theme.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["level","ghost","disabled","active","size","href","ariaDescribedBy","ariaLabel","ariaLabelledBy","children","onClick","type"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var getColorStyle=function getColorStyle(_ref){var $level=_ref.$level,$ghost=_ref.$ghost,$active=_ref.$active,disabled=_ref.disabled;return $ghost?Object(styled_components__WEBPACK_IMPORTED_MODULE_7__.css)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n color: ",";\n background-color: ",";\n border-color: ",";\n\n &:hover:not([disabled]) {\n color: ",";\n background-color: ",";\n border-color: ",";\n }\n\n &:active:not([disabled]) {\n color: ",";\n border-color: ",";\n }\n "])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_8__.c)($level,disabled?80:$active?140:120),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_8__.a)("white"),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_8__.c)($level,disabled?60:$active?140:100),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_8__.c)($level,140),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_8__.c)($level,20),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_8__.c)($level,120),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_8__.c)($level,140),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_8__.c)($level,140)):Object(styled_components__WEBPACK_IMPORTED_MODULE_7__.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n color: ",";\n background-color: ",";\n border-color: ",";\n\n &:hover:not([disabled]) {\n background-color: ",";\n border-color: ",";\n }\n\n &:active:not([disabled]) {\n background-color: ",";\n border-color: ",";\n }\n "])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_8__.a)("white"),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_8__.c)($level,disabled?40:$active?140:100),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_8__.c)($level,disabled?40:$active?140:100),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_8__.c)($level,120),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_8__.c)($level,120),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_8__.c)($level,140),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_8__.c)($level,140))},ContainerAsButton=styled_components__WEBPACK_IMPORTED_MODULE_7__.default.button(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n display: inline-flex;\n align-items: center;\n gap: 10px;\n border-width: 1px;\n font-size: ",";\n font-weight: 400;\n text-transform: uppercase;\n border-radius: 16px;\n border-style: solid;\n padding: ",";\n height: ",";\n cursor: ",";\n font-family: inherit;\n transition: background-color 0.1s ease;\n outline-style: none;\n text-decoration: none;\n white-space: nowrap;\n\n &:focus {\n box-shadow: 0 0 0 2px ",";\n }\n\n ","\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_8__.e)("default"),(function(_ref2){return"small"===_ref2.$size?"0 10px":"0 15px"}),(function(_ref3){return"small"===_ref3.$size?"24px":"32px"}),(function(_ref4){return _ref4.disabled?"not-allowed":"pointer"}),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_8__.a)("blue",40),getColorStyle),ContainerAsLink=styled_components__WEBPACK_IMPORTED_MODULE_7__.default.a(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n display: inline-flex;\n align-items: center;\n gap: 10px;\n border-width: 1px;\n font-size: ",";\n font-weight: 400;\n text-transform: uppercase;\n border-radius: 16px;\n border-style: solid;\n padding: ",";\n height: ",";\n cursor: ",";\n font-family: inherit;\n transition: background-color 0.1s ease;\n outline-style: none;\n text-decoration: none;\n white-space: nowrap;\n\n &:focus {\n box-shadow: 0 0 0 2px ",";\n }\n\n ","\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_8__.e)("default"),(function(_ref5){return"small"===_ref5.$size?"0 10px":"0 15px"}),(function(_ref6){return"small"===_ref6.$size?"24px":"32px"}),(function(_ref7){return _ref7.disabled?"not-allowed":"pointer"}),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_8__.a)("blue",40),getColorStyle),Button=Object(react__WEBPACK_IMPORTED_MODULE_6__.forwardRef)((function(_ref8,forwardedRef){var _ref8$level=_ref8.level,level=void 0===_ref8$level?"primary":_ref8$level,_ref8$ghost=_ref8.ghost,ghost=void 0!==_ref8$ghost&&_ref8$ghost,_ref8$disabled=_ref8.disabled,disabled=void 0!==_ref8$disabled&&_ref8$disabled,_ref8$active=_ref8.active,active=void 0!==_ref8$active&&_ref8$active,_ref8$size=_ref8.size,size=void 0===_ref8$size?"default":_ref8$size,href=_ref8.href,ariaDescribedBy=_ref8.ariaDescribedBy,ariaLabel=_ref8.ariaLabel,ariaLabelledBy=_ref8.ariaLabelledBy,children=_ref8.children,onClick=_ref8.onClick,_ref8$type=_ref8.type,type=void 0===_ref8$type?"button":_ref8$type,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r) => void)"}},href:{defaultValue:null,description:"Url to go to if the button is clicked. This allow your button to open in a new tab in case of cmd/ctrl + click",name:"href",required:!1,type:{name:"string"}},ariaLabel:{defaultValue:null,description:"Accessibility label to describe shortly the button.",name:"ariaLabel",required:!1,type:{name:"string"}},ariaLabelledBy:{defaultValue:null,description:"Define which element is the label of this button for accessibility purposes. Expect a DOM node id.",name:"ariaLabelledBy",required:!1,type:{name:"string"}},ariaDescribedBy:{defaultValue:null,description:"Define what element is describing this button for accessibility purposes. Expect a DOM node id.",name:"ariaDescribedBy",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"Children of the button.",name:"children",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Button/Button.tsx#Button"]={docgenInfo:Button.__docgenInfo,name:"Button",path:"src/components/Button/Button.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Card/Card.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"selectable",(function(){return selectable})),__webpack_require__.d(__webpack_exports__,"withBadges",(function(){return withBadges})),__webpack_require__.d(__webpack_exports__,"withLinks",(function(){return withLinks})),__webpack_require__.d(__webpack_exports__,"cardGrid",(function(){return cardGrid})),__webpack_require__.d(__webpack_exports__,"size",(function(){return size})),__webpack_require__.d(__webpack_exports__,"smallStackedCard",(function(){return smallStackedCard})),__webpack_require__.d(__webpack_exports__,"bigStackedCard",(function(){return bigStackedCard}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/react/index.js"),_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_Card_tsx__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./src/components/Card/Card.tsx"),_components__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./src/components/Badge/Badge.tsx"),_components__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./src/components/Link/Link.tsx"),_excluded=["components"];function _toConsumableArray(r){return function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r)}(r)||function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(r)||_unsupportedIterableToArray(r)||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 _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||_unsupportedIterableToArray(r,e)||function _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 _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e {\n return \n \n ;\n}"}};var selectable=function selectable(args){var _useState24=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_18__.useState)(!1),2),firstSelected=_useState24[0],setFirstSelected=_useState24[1],_useState26=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_18__.useState)(!1),2),secondSelected=_useState26[0],setSecondSelected=_useState26[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.b,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{src:"https://picsum.photos/seed/akened/200",isSelected:firstSelected,onSelect:function onSelect(isSelected){return setFirstSelected(isSelected)}}),"Selectable card"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{src:"https://picsum.photos/seed/akenee/200",isSelected:secondSelected,onSelect:function onSelect(isSelected){return setSecondSelected(isSelected)}}),"Another one"))};selectable.displayName="selectable",selectable.storyName="Selectable",selectable.parameters={storySource:{source:'args => {\n const [firstSelected, setFirstSelected] = useState(false);\n const [secondSelected, setSecondSelected] = useState(false);\n return \n setFirstSelected(isSelected)}>\n Selectable card\n \n setSecondSelected(isSelected)}>\n Another one\n \n ;\n}'}};var withBadges=function withBadges(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.b,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{src:"https://picsum.photos/seed/akenea/200"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a.BadgeContainer,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{level:"danger"},"0%")),"Card not complete"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{src:"https://picsum.photos/seed/akeneb/200"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a.BadgeContainer,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{level:"warning"},"50%")),"Card almost complete"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{src:"https://picsum.photos/seed/akenec/200"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a.BadgeContainer,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{level:"primary"},"100%")),"Card complete"))};withBadges.displayName="withBadges",withBadges.storyName="With Badges",withBadges.parameters={storySource:{source:'args => {\n return \n \n \n 0%\n \n Card not complete\n \n \n \n 50%\n \n Card almost complete\n \n \n \n 100%\n \n Card complete\n \n ;\n}'}};var withLinks=function withLinks(args){var _useState28=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_18__.useState)(!1),2),firstSelected=_useState28[0],setFirstSelected=_useState28[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.b,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{src:"https://picsum.photos/seed/akeneaa/200"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{href:"https://www.youtube.com/watch?v=dQw4w9WgXcQ",target:"_blank"},"Card with Link")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{disabled:!0,src:"https://picsum.photos/seed/akeneba/200"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{href:"https://www.youtube.com/watch?v=dQw4w9WgXcQ",target:"_blank"},"Disabled Card with Link")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{isSelected:firstSelected,onSelect:function onSelect(isSelected){return setFirstSelected(isSelected)},src:"https://picsum.photos/seed/akeneca/200"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{href:"https://www.youtube.com/watch?v=dQw4w9WgXcQ",target:"_blank"},"Selectable Card with Link")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{disabled:!0,isSelected:!1,onSelect:function onSelect(){},src:"https://picsum.photos/seed/akenecb/200"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{href:"https://www.youtube.com/watch?v=dQw4w9WgXcQ",target:"_blank"},"Disabled selectable Card with Link")))};withLinks.displayName="withLinks",withLinks.storyName="With Links",withLinks.parameters={storySource:{source:'args => {\n const [firstSelected, setFirstSelected] = useState(false);\n return \n \n \n Card with Link\n \n \n \n \n Disabled Card with Link\n \n \n setFirstSelected(isSelected)} src="https://picsum.photos/seed/akeneca/200">\n \n Selectable Card with Link\n \n \n {}} src="https://picsum.photos/seed/akenecb/200">\n \n Disabled selectable Card with Link\n \n \n ;\n}'}};var cardGrid=function cardGrid(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.b,null,_toConsumableArray(new Array(5)).map((function(_,index){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{key:index,fit:"contain",onClick:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_21__.action)("Clicked"),src:"https://picsum.photos/seed/akeneo"+index+"/"+(index%2==0?200:120)+"/"+(index%2==0?120:200)}),"Card ",(index+1).toString())})))};cardGrid.displayName="cardGrid",cardGrid.storyName="CardGrid",cardGrid.parameters={storySource:{source:"args => {\n return \n {[...new Array(5)].map((_, index) => \n Card {(index + 1).toString()}\n )}\n ;\n}"}};var size=function size(args){var _useState30=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_18__.useState)(!1),2),firstSelected=_useState30[0],setFirstSelected=_useState30[1],_useState32=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_18__.useState)(!1),2),secondSelected=_useState32[0],setSecondSelected=_useState32[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.b,{size:"big"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{src:"https://picsum.photos/seed/akened/200"}),"This is a big Card"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{src:"https://picsum.photos/seed/akenee/200"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a.BadgeContainer,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{level:"primary"},"100%")),"This one even has a Badge"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{src:"https://picsum.photos/seed/akenef/200",isSelected:firstSelected,onSelect:function onSelect(isSelected){return setFirstSelected(isSelected)}}),"Selectable"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{src:"https://picsum.photos/seed/akeneg/200",isSelected:secondSelected,onSelect:function onSelect(isSelected){return setSecondSelected(isSelected)}}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a.BadgeContainer,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{level:"warning"},"75%")),"Badge & selectable 🤩"))};size.displayName="size",size.storyName="Size",size.parameters={storySource:{source:'args => {\n const [firstSelected, setFirstSelected] = useState(false);\n const [secondSelected, setSecondSelected] = useState(false);\n return \n \n This is a big Card\n \n \n \n 100%\n \n This one even has a Badge\n \n setFirstSelected(isSelected)}>\n Selectable\n \n setSecondSelected(isSelected)}>\n \n 75%\n \n Badge & selectable 🤩\n \n ;\n}'}};var smallStackedCard=function smallStackedCard(args){var _useState34=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_18__.useState)(!1),2),firstSelected=_useState34[0],setFirstSelected=_useState34[1],_useState36=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_18__.useState)(!1),2),secondSelected=_useState36[0],setSecondSelected=_useState36[1],_useState38=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_18__.useState)(!1),2),thirdSelected=_useState38[0],setThirdSelected=_useState38[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.b,{size:"small"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{stacked:!0,src:"https://picsum.photos/seed/akenec/200"}),"This is a small card"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{src:"https://picsum.photos/seed/akened/200"}),"This is a small card not stacked"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{stacked:!0,src:"https://picsum.photos/seed/akenee/200"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a.BadgeContainer,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{level:"primary"},"100%")),"This one even has a Badge"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{src:"https://picsum.photos/seed/akenef/200",isSelected:firstSelected,onSelect:function onSelect(isSelected){return setFirstSelected(isSelected)},stacked:!0}),"And this one is selectable"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{src:"https://picsum.photos/seed/akeneg/200",isSelected:secondSelected,onSelect:function onSelect(isSelected){return setSecondSelected(isSelected)},stacked:!0}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a.BadgeContainer,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{level:"warning"},"75%")),"Badge & selectable 🤩"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{src:"https://picsum.photos/seed/akeneh/200",isSelected:thirdSelected,onSelect:function onSelect(isSelected){return setThirdSelected(isSelected)}}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a.BadgeContainer,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{level:"warning"},"75%")),"Badge & selectable 🤩"))};smallStackedCard.displayName="smallStackedCard",smallStackedCard.storyName="SmallStackedCard",smallStackedCard.parameters={storySource:{source:'args => {\n const [firstSelected, setFirstSelected] = useState(false);\n const [secondSelected, setSecondSelected] = useState(false);\n const [thirdSelected, setThirdSelected] = useState(false);\n return \n \n This is a small card\n \n \n This is a small card not stacked\n \n \n \n 100%\n \n This one even has a Badge\n \n setFirstSelected(isSelected)} stacked>\n And this one is selectable\n \n setSecondSelected(isSelected)} stacked>\n \n 75%\n \n Badge & selectable 🤩\n \n setThirdSelected(isSelected)}>\n \n 75%\n \n Badge & selectable 🤩\n \n ;\n}'}};var bigStackedCard=function bigStackedCard(args){var _useState40=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_18__.useState)(!1),2),firstSelected=_useState40[0],setFirstSelected=_useState40[1],_useState42=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_18__.useState)(!1),2),secondSelected=_useState42[0],setSecondSelected=_useState42[1],_useState44=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_18__.useState)(!1),2),thirdSelected=_useState44[0],setThirdSelected=_useState44[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.b,{size:"big"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{stacked:!0,src:"https://picsum.photos/seed/akenec/200"}),"This is a big Card"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{src:"https://picsum.photos/seed/akened/200"}),"This is a big Card not stacked"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{stacked:!0,src:"https://picsum.photos/seed/akenee/200"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a.BadgeContainer,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{level:"primary"},"100%")),"This one even has a Badge"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{src:"https://picsum.photos/seed/akenef/200",isSelected:firstSelected,onSelect:function onSelect(isSelected){return setFirstSelected(isSelected)},stacked:!0}),"And this one is selectable"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{src:"https://picsum.photos/seed/akeneg/200",isSelected:secondSelected,onSelect:function onSelect(isSelected){return setSecondSelected(isSelected)},stacked:!0}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a.BadgeContainer,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{level:"warning"},"75%")),"Badge & selectable 🤩"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{src:"https://picsum.photos/seed/akeneh/200",isSelected:thirdSelected,onSelect:function onSelect(isSelected){return setThirdSelected(isSelected)}}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a.BadgeContainer,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{level:"warning"},"75%")),"Badge & selectable 🤩"))};bigStackedCard.displayName="bigStackedCard",bigStackedCard.storyName="BigStackedCard",bigStackedCard.parameters={storySource:{source:'args => {\n const [firstSelected, setFirstSelected] = useState(false);\n const [secondSelected, setSecondSelected] = useState(false);\n const [thirdSelected, setThirdSelected] = useState(false);\n return \n \n This is a big Card\n \n \n This is a big Card not stacked\n \n \n \n 100%\n \n This one even has a Badge\n \n setFirstSelected(isSelected)} stacked>\n And this one is selectable\n \n setSecondSelected(isSelected)} stacked>\n \n 75%\n \n Badge & selectable 🤩\n \n setThirdSelected(isSelected)}>\n \n 75%\n \n Badge & selectable 🤩\n \n ;\n}'}};var componentMeta={title:"Components/Card",component:_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,args:{src:"https://picsum.photos/seed/akeneo/200/140",children:"Card text"},includeStories:["standard","selectable","withBadges","withLinks","cardGrid","size","smallStackedCard","bigStackedCard"]},mdxStoryNameToKey={Standard:"standard",Selectable:"selectable","With Badges":"withBadges","With Links":"withLinks",CardGrid:"cardGrid",Size:"size",SmallStackedCard:"smallStackedCard",BigStackedCard:"bigStackedCard"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_20__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Card/Card.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Card})),__webpack_require__.d(__webpack_exports__,"b",(function(){return CardGrid}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,react__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_7__),styled_components__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_Checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/components/Checkbox/Checkbox.tsx"),_Link_Link__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/components/Link/Link.tsx"),_Image_Image__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/components/Image/Image.tsx"),_theme_theme__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/theme/theme.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["src","fit","loading","isSelected","onSelect","disabled","children","onClick","stacked"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var Stack=styled_components__WEBPACK_IMPORTED_MODULE_8__.default.div.attrs((function(){return{role:"none"}}))(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n ::before,\n ::after {\n content: ' ';\n position: absolute;\n top: 0;\n left: 0;\n width: 95%;\n height: 95%;\n box-sizing: border-box;\n border-style: solid;\n border-width: ","px;\n border-color: ",";\n background-color: ",";\n }\n\n ::before {\n transform: translate(6px, 6px);\n }\n\n ::after {\n transform: translate(3px, 3px);\n }\n"])),(function(_ref){return _ref.isSelected?2:1}),(function(_ref2){var isSelected=_ref2.isSelected;return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_12__.a)(isSelected?"blue":"grey",100)}),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_12__.a)("white")),CardGrid=styled_components__WEBPACK_IMPORTED_MODULE_8__.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(","px, 1fr));\n gap: ","px;\n\n ","\n"])),(function(_ref3){return"big"===_ref3.size?200:140}),(function(_ref4){return"big"===_ref4.size?40:20}),(function(_ref5){return"big"===_ref5.size&&Object(styled_components__WEBPACK_IMPORTED_MODULE_8__.css)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n "," {\n ::before {\n transform: translate(8px, 10px);\n }\n\n ::after {\n transform: translate(4px, 5px);\n }\n }\n "])),Stack)}));CardGrid.defaultProps={size:"normal"};var Overlay=styled_components__WEBPACK_IMPORTED_MODULE_8__.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n position: absolute;\n z-index: 2;\n top: 0;\n width: ",";\n height: ",";\n background-color: ",";\n opacity: 0%;\n transition: opacity 0.3s ease-in;\n"])),(function(_ref6){return _ref6.stacked?"95%":"100%"}),(function(_ref7){return _ref7.stacked?"95%":"100%"}),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_12__.a)("grey",140)),CardContainerAsDiv=styled_components__WEBPACK_IMPORTED_MODULE_8__.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n line-height: 20px;\n font-size: ",";\n color: ",";\n cursor: ",";\n text-decoration: none;\n\n img {\n position: absolute;\n top: 0;\n width: ",";\n height: ",";\n box-sizing: border-box;\n ","\n }\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_12__.e)("default"),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_12__.a)("grey",120),(function(_ref8){var actionable=_ref8.actionable;return _ref8.disabled?"not-allowed":actionable?"pointer":"auto"}),(function(_ref9){return _ref9.stacked?"95%":"100%"}),(function(_ref10){return _ref10.stacked?"95%":"100%"}),(function(_ref11){var isLoading=_ref11.isLoading,isSelected=_ref11.isSelected;return!isLoading&&Object(styled_components__WEBPACK_IMPORTED_MODULE_8__.css)(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(["\n border-style: solid;\n border-width: ","px;\n border-color: ",";\n "])),isSelected?2:1,Object(_theme_theme__WEBPACK_IMPORTED_MODULE_12__.a)(isSelected?"blue":"grey",100))})),CardContainerAsLink=styled_components__WEBPACK_IMPORTED_MODULE_8__.default.a(_templateObject7||(_templateObject7=_taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n line-height: 20px;\n font-size: ",";\n color: ",";\n cursor: ",";\n text-decoration: none;\n\n img {\n position: absolute;\n top: 0;\n width: ",";\n height: ",";\n box-sizing: border-box;\n ","\n }\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_12__.e)("default"),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_12__.a)("grey",120),(function(_ref12){var actionable=_ref12.actionable;return _ref12.disabled?"not-allowed":actionable?"pointer":"auto"}),(function(_ref13){return _ref13.stacked?"95%":"100%"}),(function(_ref14){return _ref14.stacked?"95%":"100%"}),(function(_ref15){var isLoading=_ref15.isLoading,isSelected=_ref15.isSelected;return!isLoading&&Object(styled_components__WEBPACK_IMPORTED_MODULE_8__.css)(_templateObject8||(_templateObject8=_taggedTemplateLiteralLoose(["\n border-style: solid;\n border-width: ","px;\n border-color: ",";\n "])),isSelected?2:1,Object(_theme_theme__WEBPACK_IMPORTED_MODULE_12__.a)(isSelected?"blue":"grey",100))})),ImageContainer=styled_components__WEBPACK_IMPORTED_MODULE_8__.default.div(_templateObject9||(_templateObject9=_taggedTemplateLiteralLoose(["\n position: relative;\n\n &::before {\n content: '';\n display: block;\n padding-bottom: 100%;\n }\n\n :hover "," {\n opacity: 50%;\n }\n"])),Overlay),CardLabel=styled_components__WEBPACK_IMPORTED_MODULE_8__.default.div(_templateObject10||(_templateObject10=_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-top: 7px;\n\n > :first-child {\n margin-right: 6px;\n }\n"]))),CardText=styled_components__WEBPACK_IMPORTED_MODULE_8__.default.span(_templateObject11||(_templateObject11=_taggedTemplateLiteralLoose(["\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n"]))),BadgeContainer=styled_components__WEBPACK_IMPORTED_MODULE_8__.default.div(_templateObject12||(_templateObject12=_taggedTemplateLiteralLoose(["\n position: absolute;\n z-index: 5;\n top: 10px;\n right: ",";\n"])),(function(_ref16){return _ref16.stacked?"20px":"10px"}));BadgeContainer.displayName="BadgeContainer",BadgeContainer.defaultProps={stacked:!1};var CardComponent=Object(react__WEBPACK_IMPORTED_MODULE_7__.forwardRef)((function(_ref17,forwardedRef){var src=_ref17.src,_ref17$fit=_ref17.fit,fit=void 0===_ref17$fit?"cover":_ref17$fit,_ref17$loading=_ref17.loading,loading=void 0===_ref17$loading?"eager":_ref17$loading,_ref17$isSelected=_ref17.isSelected,isSelected=void 0!==_ref17$isSelected&&_ref17$isSelected,onSelect=_ref17.onSelect,_ref17$disabled=_ref17.disabled,disabled=void 0!==_ref17$disabled&&_ref17$disabled,children=_ref17.children,onClick=_ref17.onClick,_ref17$stacked=_ref17.stacked,stacked=void 0!==_ref17$stacked&&_ref17$stacked,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r void)"}},stacked:{defaultValue:{value:"false"},description:"Add a visual representation of a collection for the same item",name:"stacked",required:!1,type:{name:"boolean"}},children:{defaultValue:null,description:"Children of the Card, contains the text to display below the image and can also contain a Badge component.",name:"children",required:!0,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Card/Card.tsx#BadgeContainer"]={docgenInfo:BadgeContainer.__docgenInfo,name:"BadgeContainer",path:"src/components/Card/Card.tsx#BadgeContainer"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Checkbox/Checkbox.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"state",(function(){return state})),__webpack_require__.d(__webpack_exports__,"disabled",(function(){return disabled})),__webpack_require__.d(__webpack_exports__,"animation",(function(){return animation}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_15___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_15__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_Checkbox_tsx__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/components/Checkbox/Checkbox.tsx"),_storybook_client_api__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/@storybook/addons/dist/esm/hooks.js"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;er.length)&&(a=r.length);for(var e=0,n=Array(a);e {\n const [{\n checked\n }, updateArgs] = useArgs();\n const toggleChecked = () => {\n updateArgs({\n checked: !checked\n });\n };\n return ;\n}"}};var state=function state(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Checkbox_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{checked:!0}),"Checkbox checked"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Checkbox_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{checked:"mixed"}),"Checkbox mixed"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Checkbox_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{checked:!1}),"Checkbox false"))};state.storyName="State",state.parameters={storySource:{source:'args => {\n return <>\n \n Checkbox checked\n \n \n Checkbox mixed\n \n \n Checkbox false\n \n ;\n}'}};var disabled=function disabled(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Checkbox_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{readOnly:!0,checked:!0}),"Checked disabled"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Checkbox_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{readOnly:!0,checked:"mixed"}),"Mixed disabled"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Checkbox_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{readOnly:!0,checked:!1}),"Unchecked disabled"))};disabled.storyName="Disabled",disabled.parameters={storySource:{source:'args => {\n return <>\n \n Checked disabled\n \n \n Mixed disabled\n \n \n Unchecked disabled\n \n ;\n}'}};var animation=function animation(args){var _useState4=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_15__.useState)(!0),2),checked=_useState4[0],setChecked=_useState4[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Checkbox_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{checked:checked,onChange:function onChange(newChecked){return setChecked(newChecked)}}))};animation.displayName="animation",animation.storyName="Animation",animation.parameters={storySource:{source:"args => {\n const [checked, setChecked] = useState(true);\n return setChecked(newChecked)} />;\n}"}};var componentMeta={title:"Components/Checkbox",component:_Checkbox_tsx__WEBPACK_IMPORTED_MODULE_18__.a,args:{checked:!0,children:"Checkbox"},argTypes:{readOnly:{control:{type:"boolean"}},checked:{control:{type:"select"},options:[!0,!1,"mixed"]},onChange:{action:"Checkbox component onChange"}},includeStories:["standard","state","disabled","animation"]},mdxStoryNameToKey={Standard:"standard",State:"state",Disabled:"disabled",Animation:"animation"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Checkbox/Checkbox.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Checkbox}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__),styled_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_theme_theme__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/theme/theme.ts"),_icons_CheckIcon__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/icons/CheckIcon.tsx"),_icons_CheckPartialIcon__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/icons/CheckPartialIcon.tsx"),_hooks_useId__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/hooks/useId.ts"),_hooks_useShortcut__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/hooks/useShortcut.ts"),_shared_key__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/shared/key.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["checked","onChange","readOnly","children","title","aria-label","tabIndex"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var checkTick=Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.keyframes)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n to {\n stroke-dashoffset: 0;\n }\n"]))),uncheckTick=Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.keyframes)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n to {\n stroke-dashoffset: 27px;\n }\n"]))),Container=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n display: flex;\n line-height: 20px;\n"]))),TickIcon=Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.default)(_icons_CheckIcon__WEBPACK_IMPORTED_MODULE_8__.a)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n animation: "," 0.2s ease-in forwards;\n opacity: 0;\n stroke-dasharray: 27px;\n stroke-dashoffset: 0;\n transition-delay: 0.2s;\n transition: opacity 0.1s ease-out;\n"])),uncheckTick),CheckboxContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n background-color: transparent;\n height: 20px;\n width: 20px;\n border: 1px solid ",";\n border-radius: 3px;\n overflow: hidden;\n background-color: ",";\n transition: background-color 0.2s ease-out;\n box-sizing: border-box;\n color: ",";\n flex-shrink: 0;\n\n ","\n\n ","\n\n ","\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey80"),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey20"),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("white"),(function(props){return props.checked&&Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(["\n background-color: ",";\n border-color: ",";\n\n "," {\n animation-delay: 0.2s;\n animation: "," 0.2s ease-out forwards;\n stroke-dashoffset: 27px;\n opacity: 1;\n transition-delay: 0s;\n }\n "])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("blue100"),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("blue100"),TickIcon,checkTick)}),(function(props){return props.checked&&props.readOnly&&Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject7||(_templateObject7=_taggedTemplateLiteralLoose(["\n background-color: ",";\n border-color: ",";\n "])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("blue20"),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("blue40"))}),(function(props){return!props.checked&&props.readOnly&&Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject8||(_templateObject8=_taggedTemplateLiteralLoose(["\n background-color: ",";\n border-color: ",";\n "])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey60"),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey100"))})),LabelContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.label(_templateObject9||(_templateObject9=_taggedTemplateLiteralLoose(["\n color: ",";\n font-weight: 400;\n font-size: ",";\n padding-left: 10px;\n\n ","\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey140"),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.e)("big"),(function(props){return props.readOnly&&Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject10||(_templateObject10=_taggedTemplateLiteralLoose(["\n color: ",";\n "])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey100"))})),Checkbox=react__WEBPACK_IMPORTED_MODULE_5___default.a.forwardRef((function(_ref,forwardedRef){var _ref$checked=_ref.checked,checked=void 0!==_ref$checked&&_ref$checked,onChange=_ref.onChange,_ref$readOnly=_ref.readOnly,readOnly=void 0!==_ref$readOnly&&_ref$readOnly,children=_ref.children,title=_ref.title,ariaLabel=_ref["aria-label"],tabIndex=_ref.tabIndex,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r) => void)"}},children:{defaultValue:null,description:"Label of the checkbox.",name:"children",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Checkbox/Checkbox.tsx#Checkbox"]={docgenInfo:Checkbox.__docgenInfo,name:"Checkbox",path:"src/components/Checkbox/Checkbox.tsx#Checkbox"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Collapse/Collapse.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"withPill",(function(){return withPill})),__webpack_require__.d(__webpack_exports__,"withBadge",(function(){return withBadge})),__webpack_require__.d(__webpack_exports__,"withContent",(function(){return withContent}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_17___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_17__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_client_api__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/@storybook/addons/dist/esm/hooks.js"),_Collapse_tsx__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./src/components/Collapse/Collapse.tsx"),_components__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./src/components/Pill/Pill.tsx"),_components__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./src/components/Badge/Badge.tsx"),_components__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./src/components/Button/Button.tsx"),_components__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("./src/components/Field/Field.tsx"),_components__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__("./src/components/Input/TextInput/TextInput.tsx"),_components__WEBPACK_IMPORTED_MODULE_27__=__webpack_require__("./src/components/Helper/Helper.tsx"),_components__WEBPACK_IMPORTED_MODULE_28__=__webpack_require__("./src/components/Link/Link.tsx"),_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_29__=__webpack_require__("./src/storybook/PreviewGallery.tsx"),_excluded=["components"];function _toConsumableArray(r){return function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r)}(r)||function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(r)||_unsupportedIterableToArray(r)||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 _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;er.length)&&(a=r.length);for(var e=0,n=Array(a);e {\n const [{\n isOpen\n }, updateArgs] = useArgs();\n const onCollapse = isOpen => updateArgs({\n isOpen\n });\n return ;\n}"}};var withPill=function withPill(args){var _useState14=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_17__.useState)(!1),2),isOpen=_useState14[0],setOpen=_useState14[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Collapse_tsx__WEBPACK_IMPORTED_MODULE_21__.a,_extends({},args,{isOpen:isOpen,onCollapse:setOpen,label:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment,null,"Complete content ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_components__WEBPACK_IMPORTED_MODULE_22__.a,{level:"primary"}))}))};withPill.displayName="withPill",withPill.storyName="With Pill",withPill.parameters={storySource:{source:'args => {\n const [isOpen, setOpen] = useState(false);\n return \n Complete content \n } />;\n}'}};var withBadge=function withBadge(args){var _useState16=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_17__.useState)(!1),2),isOpen=_useState16[0],setOpen=_useState16[1],_useState18=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_17__.useState)(["Child 0"]),2),children=_useState18[0],setChildren=_useState18[1],addChild=function addChild(){return setChildren((function(children){return[].concat(_toConsumableArray(children),["Child "+children.length])}))},removeChild=function removeChild(){return setChildren((function(children){return _toConsumableArray(children.slice(0,-1))}))};return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Collapse_tsx__WEBPACK_IMPORTED_MODULE_21__.a,_extends({},args,{isOpen:isOpen,onCollapse:setOpen,label:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment,null,"Numerable content ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{level:"secondary"},"42"))}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_29__.i,null,children.map((function(child){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("div",{key:child},child," ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{ghost:!0,level:"tertiary",size:"small",onClick:addChild},"Add")," ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{ghost:!0,level:"tertiary",size:"small",onClick:removeChild},"Remove"))}))))};withBadge.displayName="withBadge",withBadge.storyName="With Badge",withBadge.parameters={storySource:{source:'args => {\n const [isOpen, setOpen] = useState(false);\n const [children, setChildren] = useState([\'Child 0\']);\n const addChild = () => setChildren(children => [...children, `Child ${children.length}`]);\n const removeChild = () => setChildren(children => [...children.slice(0, -1)]);\n return \n Numerable content 42\n }>\n
\n {children.map(child =>
\n {child} \n  \n \n
)}\n
\n ;\n}'}};var withContent=function withContent(args){var _useState20=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_17__.useState)(!0),2),isFirstOpen=_useState20[0],setFirstOpen=_useState20[1],_useState22=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_17__.useState)(!1),2),isSecondOpen=_useState22[0],setSecondOpen=_useState22[1],_useState24=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_17__.useState)(!1),2),isThirdOpen=_useState24[0],setThirdOpen=_useState24[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_29__.k,{height:600},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Collapse_tsx__WEBPACK_IMPORTED_MODULE_21__.a,_extends({},args,{isOpen:isFirstOpen,onCollapse:setFirstOpen}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_29__.i,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{label:"Property"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_components__WEBPACK_IMPORTED_MODULE_26__.a,{placeholder:"Type your text here"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_components__WEBPACK_IMPORTED_MODULE_27__.a,{level:"info"},"This is just an info. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_components__WEBPACK_IMPORTED_MODULE_28__.a,{href:"https://www.youtube.com/watch?v=dQw4w9WgXcQ"},"Don't click here"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{label:"Format"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_components__WEBPACK_IMPORTED_MODULE_26__.a,{placeholder:"Type your text here"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{label:"Nice field"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_components__WEBPACK_IMPORTED_MODULE_26__.a,{invalid:!0,value:"This is wrong"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_components__WEBPACK_IMPORTED_MODULE_27__.a,{level:"error"},"Something bad happened.")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Collapse_tsx__WEBPACK_IMPORTED_MODULE_21__.a,_extends({},args,{label:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment,null,"Another one ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_components__WEBPACK_IMPORTED_MODULE_22__.a,null)),isOpen:isSecondOpen,onCollapse:setSecondOpen}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_29__.a,{height:200},"Content")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Collapse_tsx__WEBPACK_IMPORTED_MODULE_21__.a,_extends({},args,{label:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment,null,"Yet another one ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,null,"100%")),isOpen:isThirdOpen,onCollapse:setThirdOpen}),"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."))};withContent.displayName="withContent",withContent.storyName="With content",withContent.parameters={storySource:{source:'args => {\n const [isFirstOpen, setFirstOpen] = useState(true);\n const [isSecondOpen, setSecondOpen] = useState(false);\n const [isThirdOpen, setThirdOpen] = useState(false);\n return \n \n
\n \n \n \n This is just an info. Don\'t click here\n \n \n \n \n \n \n \n Something bad happened.\n \n
\n \n \n Another one \n } isOpen={isSecondOpen} onCollapse={setSecondOpen}>\n Content\n \n \n Yet another one 100%\n } isOpen={isThirdOpen} onCollapse={setThirdOpen}>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et\n dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex\n ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat\n nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit\n anim id est laborum.\n \n ;\n}'}};var componentMeta={title:"Components/Collapse",component:_Collapse_tsx__WEBPACK_IMPORTED_MODULE_21__.a,args:{isOpen:!1,label:"label",collapseButtonLabel:"Collapse",children:"Collapse content"},includeStories:["standard","withPill","withBadge","withContent"]},mdxStoryNameToKey={Standard:"standard","With Pill":"withPill","With Badge":"withBadge","With content":"withContent"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Collapse/Collapse.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Collapse}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,react__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_15___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_15__),styled_components__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_theme_theme__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/theme/theme.ts"),_IconButton_IconButton__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/components/IconButton/IconButton.tsx"),_icons_CheckPartialIcon__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/icons/CheckPartialIcon.tsx"),_icons_PlusIcon__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/icons/PlusIcon.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["label","collapseButtonLabel","isOpen","onCollapse","children"];function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _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 _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e void"}},children:{defaultValue:null,description:"Content of the Collapse.",name:"children",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Collapse/Collapse.tsx#Collapse"]={docgenInfo:Collapse.__docgenInfo,name:"Collapse",path:"src/components/Collapse/Collapse.tsx#Collapse"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Dropdown/Dropdown.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return Dropdown_stories_standard})),__webpack_require__.d(__webpack_exports__,"simpleItem",(function(){return Dropdown_stories_simpleItem})),__webpack_require__.d(__webpack_exports__,"noResult",(function(){return Dropdown_stories_noResult})),__webpack_require__.d(__webpack_exports__,"position",(function(){return Dropdown_stories_position})),__webpack_require__.d(__webpack_exports__,"searchPagination",(function(){return Dropdown_stories_searchPagination})),__webpack_require__.d(__webpack_exports__,"itemWithSelection",(function(){return Dropdown_stories_itemWithSelection})),__webpack_require__.d(__webpack_exports__,"withSection",(function(){return Dropdown_stories_withSection})),__webpack_require__.d(__webpack_exports__,"itemWithImage",(function(){return Dropdown_stories_itemWithImage})),__webpack_require__.d(__webpack_exports__,"surtitleItem",(function(){return Dropdown_stories_surtitleItem})),__webpack_require__.d(__webpack_exports__,"fullWidth",(function(){return Dropdown_stories_fullWidth}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),Dropdown=__webpack_require__("./src/components/Dropdown/Dropdown.tsx"),Button=__webpack_require__("./src/components/Button/Button.tsx"),Link=__webpack_require__("./src/components/Link/Link.tsx"),Search=__webpack_require__("./src/components/Search/Search.tsx"),Checkbox=__webpack_require__("./src/components/Checkbox/Checkbox.tsx"),Image=__webpack_require__("./src/components/Image/Image.tsx"),Badge=__webpack_require__("./src/components/Badge/Badge.tsx"),useBooleanState=__webpack_require__("./src/hooks/useBooleanState.ts");__webpack_require__("./node_modules/core-js/modules/web.timers.js");function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _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 _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e1&&void 0!==arguments[1]?arguments[1]:300,_useState2=_slicedToArray(Object(react.useState)(value),2),debouncedValue=_useState2[0],setDebouncedValue=_useState2[1];return Object(react.useEffect)((function(){var timer=setTimeout((function(){setDebouncedValue(value)}),delay);return function(){clearTimeout(timer)}}),[value,delay]),debouncedValue};__webpack_require__("./node_modules/core-js/modules/es.promise.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.async-iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.to-string-tag.js"),__webpack_require__("./node_modules/core-js/modules/es.math.to-string-tag.js"),__webpack_require__("./node_modules/core-js/modules/es.json.to-string-tag.js"),__webpack_require__("./node_modules/core-js/modules/es.object.create.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.array.reverse.js");function _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==typeof h&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(n,t,e,r,o,a,c){try{var i=n[a](c),u=i.value}catch(n){return void e(n)}i.done?t(u):Promise.resolve(u).then(r,o)}function _toConsumableArray(r){return function _arrayWithoutHoles(r){if(Array.isArray(r))return usePaginatedResults_arrayLikeToArray(r)}(r)||function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(r)||usePaginatedResults_unsupportedIterableToArray(r)||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 usePaginatedResults_slicedToArray(r,e){return function usePaginatedResults_arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function usePaginatedResults_iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||usePaginatedResults_unsupportedIterableToArray(r,e)||function usePaginatedResults_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 usePaginatedResults_unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return usePaginatedResults_arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?usePaginatedResults_arrayLikeToArray(r,a):void 0}}function usePaginatedResults_arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e2&&void 0!==arguments[2])||arguments[2],_useState2=usePaginatedResults_slicedToArray(Object(react.useState)(null),2),results=_useState2[0],setResults=_useState2[1],_useState4=usePaginatedResults_slicedToArray(Object(react.useState)(0),2),page=_useState4[0],setPage=_useState4[1],_useBooleanState2=usePaginatedResults_slicedToArray(Object(useBooleanState.a)(),3),isFetching=_useBooleanState2[0],startFetching=_useBooleanState2[1],stopFetching=_useBooleanState2[2],_useBooleanState4=usePaginatedResults_slicedToArray(Object(useBooleanState.a)(),3),isLastPage=_useBooleanState4[0],onLastPage=_useBooleanState4[1],notOnLastPage=_useBooleanState4[2],isMounted=function useIsMounted(){var isMountedRef=Object(react.useRef)(!0),isMounted=Object(react.useCallback)((function(){return isMountedRef.current}),[]);return Object(react.useEffect)((function(){return function(){isMountedRef.current=!1}}),[]),isMounted}();Object(react.useEffect)((function(){null!==results&&(setPage(0),notOnLastPage(),setResults(_toConsumableArray(results)))}),dependencies),Object(react.useEffect)((function(){if(!isFetching&&!isLastPage&&shouldFetch){var fetchResults=function(){var _ref=function _asyncToGenerator(n){return function(){var t=this,e=arguments;return new Promise((function(r,o){var a=n.apply(t,e);function _next(n){asyncGeneratorStep(a,r,o,_next,_throw,"next",n)}function _throw(n){asyncGeneratorStep(a,r,o,_next,_throw,"throw",n)}_next(void 0)}))}}(_regeneratorRuntime().mark((function _callee(){var newResults;return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,fetcher(page);case 2:if(newResults=_context.sent,isMounted()){_context.next=5;break}return _context.abrupt("return");case 5:0===newResults.length&&onLastPage(),setResults((function(currentResults){return 0===page||null===currentResults?newResults:[].concat(_toConsumableArray(currentResults),_toConsumableArray(newResults))})),stopFetching();case 8:case"end":return _context.stop()}}),_callee)})));return function fetchResults(){return _ref.apply(this,arguments)}}();startFetching(),fetchResults()}}),[page,results,shouldFetch]),Object(react.useEffect)((function(){shouldFetch||(setPage(0),setResults(null),notOnLastPage())}),[shouldFetch]);return[null!=results?results:[],function fetchNextPage(){isFetching||isLastPage||setPage((function(page){return page+1}))}]},PreviewGallery=__webpack_require__("./src/storybook/PreviewGallery.tsx"),useSelection=__webpack_require__("./src/storybook/hooks/useSelection.ts"),ArrowDownIcon=__webpack_require__("./src/icons/ArrowDownIcon.tsx"),LinkIcon=__webpack_require__("./src/icons/LinkIcon.tsx"),IconButton=__webpack_require__("./src/components/IconButton/IconButton.tsx"),addon_actions_dist_esm=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),GroupsIllustration=__webpack_require__("./src/illustrations/GroupsIllustration.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;er.length)&&(a=r.length);for(var e=0,n=Array(a);e {\n const [isOpen, open, close] = useBooleanState(true);\n return \n \n \n {isOpen && \n \n Elements\n \n \n Item 1\n Item 2\n Item 3\n Item 4\n \n }\n \n ;\n}"}};var Dropdown_stories_simpleItem=function simpleItem(args){var _useBooleanState30=Dropdown_stories_slicedToArray(Object(useBooleanState.a)(!0),3),isOpen=_useBooleanState30[0],open=_useBooleanState30[1],close=_useBooleanState30[2];return Object(esm.b)(PreviewGallery.k,{height:290},Object(esm.b)(Dropdown.a,null,Object(esm.b)(Button.a,{onClick:open},"Simple ",Object(esm.b)(ArrowDownIcon.a,null)),isOpen&&Object(esm.b)(Dropdown.a.Overlay,{verticalPosition:"down",onClose:close},Object(esm.b)(Dropdown.a.Header,null,Object(esm.b)(Dropdown.a.Title,null,"Elements")),Object(esm.b)(Dropdown.a.ItemCollection,null,Object(esm.b)(Dropdown.a.Item,null,"First item"),Object(esm.b)(Dropdown.a.Item,{isActive:!0},"Active item"),Object(esm.b)(Dropdown.a.Item,{onClick:Object(addon_actions_dist_esm.action)("Clicked")},"A very long item"),Object(esm.b)(Dropdown.a.Item,{onClick:Object(addon_actions_dist_esm.action)("Clicked"),disabled:!0},"This one is disabled"),Object(esm.b)(Dropdown.a.Item,null,Object(esm.b)(Link.a,{target:"_blank",href:"https://www.youtube.com/watch?v=dQw4w9WgXcQ"},"Item with a link")),Object(esm.b)(Dropdown.a.Item,{disabled:!0},Object(esm.b)(Link.a,{href:"https://www.youtube.com/watch?v=dQw4w9WgXcQ"},"Disabled link"))))))};Dropdown_stories_simpleItem.displayName="simpleItem",Dropdown_stories_simpleItem.storyName="Simple Item",Dropdown_stories_simpleItem.parameters={storySource:{source:'args => {\n const [isOpen, open, close] = useBooleanState(true);\n return \n \n \n {isOpen && \n \n Elements\n \n \n First item\n Active item\n A very long item\n \n This one is disabled\n \n \n \n Item with a link\n \n \n \n Disabled link\n \n \n }\n \n ;\n}'}};var Dropdown_stories_noResult=function noResult(args){var _useBooleanState32=Dropdown_stories_slicedToArray(Object(useBooleanState.a)(!0),3),isOpen=_useBooleanState32[0],open=_useBooleanState32[1],close=_useBooleanState32[2];return Object(esm.b)(PreviewGallery.k,{height:200},Object(esm.b)(Dropdown.a,args,Object(esm.b)(Button.a,{onClick:open},"Dropdown ",Object(esm.b)(ArrowDownIcon.a,null)),isOpen&&Object(esm.b)(Dropdown.a.Overlay,{verticalPosition:"down",onClose:close},Object(esm.b)(Dropdown.a.Header,null,Object(esm.b)(Dropdown.a.Title,null,"Elements")),Object(esm.b)(Dropdown.a.ItemCollection,{noResultIllustration:react_default.a.createElement(GroupsIllustration.a),noResultTitle:"Sorry, there is no results."}))))};Dropdown_stories_noResult.displayName="noResult",Dropdown_stories_noResult.storyName="No result",Dropdown_stories_noResult.parameters={storySource:{source:'args => {\n const [isOpen, open, close] = useBooleanState(true);\n return \n \n \n {isOpen && \n \n Elements\n \n \n }\n \n ;\n}'}};var Dropdown_stories_position=function position(args){var _useBooleanState34=Dropdown_stories_slicedToArray(Object(useBooleanState.a)(!1),3),isOpenTopLeft=_useBooleanState34[0],openTopLeft=_useBooleanState34[1],closeTopLeft=_useBooleanState34[2],_useBooleanState36=Dropdown_stories_slicedToArray(Object(useBooleanState.a)(!1),3),isOpenTopRight=_useBooleanState36[0],openTopRight=_useBooleanState36[1],closeTopRight=_useBooleanState36[2],_useBooleanState38=Dropdown_stories_slicedToArray(Object(useBooleanState.a)(!1),3),isOpenBottomLeft=_useBooleanState38[0],openBottomLeft=_useBooleanState38[1],closeBottomLeft=_useBooleanState38[2],_useBooleanState40=Dropdown_stories_slicedToArray(Object(useBooleanState.a)(!1),3),isOpenBottomRight=_useBooleanState40[0],openBottomRight=_useBooleanState40[1],closeBottomRight=_useBooleanState40[2];return Object(esm.b)(PreviewGallery.k,{height:600},Object(esm.b)(PreviewGallery.j,null,Object(esm.b)(Dropdown.a,null,Object(esm.b)(Button.a,{onClick:openTopLeft},"Down Right ",Object(esm.b)(ArrowDownIcon.a,null)),isOpenTopLeft&&Object(esm.b)(Dropdown.a.Overlay,{onClose:closeTopLeft,horizontalPosition:"right"},Object(esm.b)(Dropdown.a.Header,null,Object(esm.b)(Dropdown.a.Title,null,"Elements")),Object(esm.b)(Dropdown.a.ItemCollection,null,Object(esm.b)(Dropdown.a.Item,{onClick:Object(addon_actions_dist_esm.action)("Clicked")},"Item 1"),Object(esm.b)(Dropdown.a.Item,null,"Item 2"),Object(esm.b)(Dropdown.a.Item,null,"Item 3"),Object(esm.b)(Dropdown.a.Item,null,"Item 4")))),Object(esm.b)(Dropdown.a,null,Object(esm.b)(Button.a,{onClick:openTopRight},"Down Left ",Object(esm.b)(ArrowDownIcon.a,null)),isOpenTopRight&&Object(esm.b)(Dropdown.a.Overlay,{onClose:closeTopRight,horizontalPosition:"left"},Object(esm.b)(Dropdown.a.Header,null,Object(esm.b)(Dropdown.a.Title,null,"Elements")),Object(esm.b)(Dropdown.a.ItemCollection,null,Object(esm.b)(Dropdown.a.Item,{onClick:Object(addon_actions_dist_esm.action)("Clicked")},"Item 1"),Object(esm.b)(Dropdown.a.Item,null,"Item 2"),Object(esm.b)(Dropdown.a.Item,null,"Item 3"),Object(esm.b)(Dropdown.a.Item,null,"Item 4"))))),Object(esm.b)(PreviewGallery.k,{height:200}),Object(esm.b)(PreviewGallery.j,null,Object(esm.b)(Dropdown.a,null,Object(esm.b)(Button.a,{onClick:openBottomLeft},"Up Right ",Object(esm.b)(ArrowDownIcon.a,null)),isOpenBottomLeft&&Object(esm.b)(Dropdown.a.Overlay,{onClose:closeBottomLeft,verticalPosition:"up",horizontalPosition:"right"},Object(esm.b)(Dropdown.a.Header,null,Object(esm.b)(Dropdown.a.Title,null,"Elements")),Object(esm.b)(Dropdown.a.ItemCollection,null,Object(esm.b)(Dropdown.a.Item,{onClick:Object(addon_actions_dist_esm.action)("Clicked")},"Item 1"),Object(esm.b)(Dropdown.a.Item,null,"Item 2"),Object(esm.b)(Dropdown.a.Item,null,"Item 3"),Object(esm.b)(Dropdown.a.Item,null,"Item 4")))),Object(esm.b)(Dropdown.a,null,Object(esm.b)(Button.a,{onClick:openBottomRight},"Up Left ",Object(esm.b)(ArrowDownIcon.a,null)),isOpenBottomRight&&Object(esm.b)(Dropdown.a.Overlay,{onClose:closeBottomRight,verticalPosition:"up",horizontalPosition:"left"},Object(esm.b)(Dropdown.a.Header,null,Object(esm.b)(Dropdown.a.Title,null,"Elements")),Object(esm.b)(Dropdown.a.ItemCollection,null,Object(esm.b)(Dropdown.a.Item,{onClick:Object(addon_actions_dist_esm.action)("Clicked")},"Item 1"),Object(esm.b)(Dropdown.a.Item,null,"Item 2"),Object(esm.b)(Dropdown.a.Item,null,"Item 3"),Object(esm.b)(Dropdown.a.Item,null,"Item 4"))))))};Dropdown_stories_position.displayName="position",Dropdown_stories_position.storyName="Position",Dropdown_stories_position.parameters={storySource:{source:'args => {\n const [isOpenTopLeft, openTopLeft, closeTopLeft] = useBooleanState(false);\n const [isOpenTopRight, openTopRight, closeTopRight] = useBooleanState(false);\n const [isOpenBottomLeft, openBottomLeft, closeBottomLeft] = useBooleanState(false);\n const [isOpenBottomRight, openBottomRight, closeBottomRight] = useBooleanState(false);\n return \n \n \n \n {isOpenTopLeft && \n \n Elements\n \n \n Item 1\n Item 2\n Item 3\n Item 4\n \n }\n \n \n \n {isOpenTopRight && \n \n Elements\n \n \n Item 1\n Item 2\n Item 3\n Item 4\n \n }\n \n \n \n \n \n \n {isOpenBottomLeft && \n \n Elements\n \n \n Item 1\n Item 2\n Item 3\n Item 4\n \n }\n \n \n \n {isOpenBottomRight && \n \n Elements\n \n \n Item 1\n Item 2\n Item 3\n Item 4\n \n }\n \n \n ;\n}'}};var Dropdown_stories_searchPagination=function searchPagination(args){var _useBooleanState42=Dropdown_stories_slicedToArray(Object(useBooleanState.a)(!0),3),isOpen=_useBooleanState42[0],open=_useBooleanState42[1],close=_useBooleanState42[2],_useState4=Dropdown_stories_slicedToArray(Object(react.useState)(""),2),searchValue=_useState4[0],setSearchValue=_useState4[1],debouncedSearchValue=useDebounce_useDebounce(searchValue),_usePaginatedResults4=Dropdown_stories_slicedToArray(usePaginatedResults_usePaginatedResults((function(page){return Object(PreviewGallery.n)(page,debouncedSearchValue)}),[debouncedSearchValue],isOpen),2),items=_usePaginatedResults4[0],handleNextPage=_usePaginatedResults4[1];return Object(esm.b)(PreviewGallery.k,{height:500},Object(esm.b)(Dropdown.a,null,Object(esm.b)(Button.a,{onClick:open},"Simple ",Object(esm.b)(ArrowDownIcon.a,null)),isOpen&&Object(esm.b)(Dropdown.a.Overlay,{verticalPosition:"down",onClose:close},Object(esm.b)(Dropdown.a.Header,null,Object(esm.b)(Search.a,{onSearchChange:setSearchValue,placeholder:"Search",searchValue:searchValue,title:"Search"})),Object(esm.b)(Dropdown.a.ItemCollection,{onNextPage:handleNextPage,noResultIllustration:react_default.a.createElement(GroupsIllustration.a),noResultTitle:"Sorry, there is no results."},items.map((function(item,index){return Object(esm.b)(Dropdown.a.Item,{key:index},item.text)}))))))};Dropdown_stories_searchPagination.displayName="searchPagination",Dropdown_stories_searchPagination.storyName="Search & pagination",Dropdown_stories_searchPagination.parameters={storySource:{source:'args => {\n const [isOpen, open, close] = useBooleanState(true);\n const [searchValue, setSearchValue] = useState(\'\');\n const debouncedSearchValue = useDebounce(searchValue);\n const [items, handleNextPage] = usePaginatedResults(page => fakeFetcher(page, debouncedSearchValue), [debouncedSearchValue], isOpen);\n return \n \n \n {isOpen && \n \n \n \n \n {items.map((item, index) => {item.text})}\n \n }\n \n ;\n}'}};var Dropdown_stories_itemWithSelection=function itemWithSelection(args){var _useBooleanState44=Dropdown_stories_slicedToArray(Object(useBooleanState.a)(!0),3),isOpen=_useBooleanState44[0],open=_useBooleanState44[1],close=_useBooleanState44[2],firstSelection=Object(useSelection.a)(),secondSelection=Object(useSelection.a)(),thirdSelection=Object(useSelection.a)(),fourthSelection=Object(useSelection.a)();return Object(esm.b)(PreviewGallery.k,{height:200},Object(esm.b)(Dropdown.a,null,Object(esm.b)(Button.a,{onClick:open},"Selectable ",Object(esm.b)(ArrowDownIcon.a,null)),isOpen&&Object(esm.b)(Dropdown.a.Overlay,{verticalPosition:"down",onClose:close},Object(esm.b)(Dropdown.a.Header,null,Object(esm.b)(Dropdown.a.Title,null,"Elements")),Object(esm.b)(Dropdown.a.ItemCollection,null,Object(esm.b)(Dropdown.a.Item,null,Object(esm.b)(Checkbox.a,firstSelection)," Item 1"),Object(esm.b)(Dropdown.a.Item,null,Object(esm.b)(Checkbox.a,secondSelection)," Item 2"),Object(esm.b)(Dropdown.a.Item,{disabled:!0},Object(esm.b)(Checkbox.a,thirdSelection)," Item 3"),Object(esm.b)(Dropdown.a.Item,null,Object(esm.b)(Checkbox.a,fourthSelection)," Item 4")))))};Dropdown_stories_itemWithSelection.displayName="itemWithSelection",Dropdown_stories_itemWithSelection.storyName="Item with selection",Dropdown_stories_itemWithSelection.parameters={storySource:{source:'args => {\n const [isOpen, open, close] = useBooleanState(true);\n const firstSelection = useSelection();\n const secondSelection = useSelection();\n const thirdSelection = useSelection();\n const fourthSelection = useSelection();\n return \n \n \n {isOpen && \n \n Elements\n \n \n \n Item 1\n \n \n Item 2\n \n \n Item 3\n \n \n Item 4\n \n \n }\n \n ;\n}'}};var Dropdown_stories_withSection=function withSection(args){var _useBooleanState46=Dropdown_stories_slicedToArray(Object(useBooleanState.a)(!0),3),isOpen=_useBooleanState46[0],open=_useBooleanState46[1],close=_useBooleanState46[2];return Object(esm.b)(PreviewGallery.k,{height:200},Object(esm.b)(Dropdown.a,null,Object(esm.b)(Button.a,{onClick:open},"With section ",Object(esm.b)(ArrowDownIcon.a,null)),isOpen&&Object(esm.b)(Dropdown.a.Overlay,{verticalPosition:"down",onClose:close},Object(esm.b)(Dropdown.a.Header,null,Object(esm.b)(Dropdown.a.Title,null,"Elements")),Object(esm.b)(Dropdown.a.ItemCollection,null,Object(esm.b)(Dropdown.a.Section,null,"Section 1"),Object(esm.b)(Dropdown.a.Item,null,"Item 1"),Object(esm.b)(Dropdown.a.Item,null,"Item 2"),Object(esm.b)(Dropdown.a.Section,null,"Section 2"),Object(esm.b)(Dropdown.a.Item,null,"Item 3"),Object(esm.b)(Dropdown.a.Item,null,"Item 4")))))};Dropdown_stories_withSection.displayName="withSection",Dropdown_stories_withSection.storyName="With section",Dropdown_stories_withSection.parameters={storySource:{source:'args => {\n const [isOpen, open, close] = useBooleanState(true);\n return \n \n \n {isOpen && \n \n Elements\n \n \n Section 1\n Item 1\n Item 2\n Section 2\n Item 3\n Item 4\n \n }\n \n ;\n}'}};var Dropdown_stories_itemWithImage=function itemWithImage(args){var _useBooleanState48=Dropdown_stories_slicedToArray(Object(useBooleanState.a)(!0),3),isOpen=_useBooleanState48[0],open=_useBooleanState48[1],close=_useBooleanState48[2];return Object(esm.b)(PreviewGallery.k,{height:250},Object(esm.b)(Dropdown.a,null,Object(esm.b)(Button.a,{onClick:open},"With image ",Object(esm.b)(ArrowDownIcon.a,null)),isOpen&&Object(esm.b)(Dropdown.a.Overlay,{verticalPosition:"down",onClose:close},Object(esm.b)(Dropdown.a.Header,null,Object(esm.b)(Dropdown.a.Title,null,"Elements")),Object(esm.b)(Dropdown.a.ItemCollection,null,Object(esm.b)(Dropdown.a.Item,null,Object(esm.b)(Image.a,{src:"https://picsum.photos/seed/akeneo/200/140",alt:"The alt"}),"Item 1",Object(esm.b)(Badge.a,null,"100%")),Object(esm.b)(Dropdown.a.Item,{disabled:!0},Object(esm.b)(Image.a,{src:"https://picsum.photos/seed/akenep/200/140",alt:"The alt"}),"Item 2",Object(esm.b)(Badge.a,{level:"danger"},"8%")),Object(esm.b)(Dropdown.a.Item,{disabled:!0},Object(esm.b)(Image.a,{src:"https://picsum.photos/seed/akeneq/200/140",alt:"The alt"}),"A very long item Name that will be truncated",Object(esm.b)(Badge.a,null,"100%")),Object(esm.b)(Dropdown.a.Item,null,Object(esm.b)(Image.a,{src:"https://picsum.photos/seed/akener/200/140",alt:"The alt"}),Object(esm.b)(Link.a,{target:"_blank",href:"https://www.youtube.com/watch?v=dQw4w9WgXcQ"},"Item 4"),Object(esm.b)(Badge.a,null,"100%"))))))};Dropdown_stories_itemWithImage.displayName="itemWithImage",Dropdown_stories_itemWithImage.storyName="Item with image",Dropdown_stories_itemWithImage.parameters={storySource:{source:'args => {\n const [isOpen, open, close] = useBooleanState(true);\n return \n \n \n {isOpen && \n \n Elements\n \n \n \n The alt\n Item 1100%\n \n \n The alt\n Item 28%\n \n \n The altA very long item Name that\n will be truncated\n 100%\n \n \n The alt\n \n Item 4\n \n 100%\n \n \n }\n \n ;\n}'}};var Dropdown_stories_surtitleItem=function surtitleItem(args){var _useBooleanState50=Dropdown_stories_slicedToArray(Object(useBooleanState.a)(!0),3),isOpen=_useBooleanState50[0],open=_useBooleanState50[1],close=_useBooleanState50[2];return Object(esm.b)(PreviewGallery.k,{height:250},Object(esm.b)(Dropdown.a,{size:"big"},Object(esm.b)(Button.a,{onClick:open},"With Surtitle ",Object(esm.b)(ArrowDownIcon.a,null)),isOpen&&Object(esm.b)(Dropdown.a.Overlay,{verticalPosition:"down",onClose:close},Object(esm.b)(Dropdown.a.Header,null,Object(esm.b)(Dropdown.a.Title,null,"Elements")),Object(esm.b)(Dropdown.a.ItemCollection,null,Object(esm.b)(Dropdown.a.Item,{title:"Item 1"},Object(esm.b)(Image.a,{src:"https://picsum.photos/seed/akeneo/200/140",alt:"The alt"}),Object(esm.b)(Dropdown.a.Surtitle,{label:"Item 1 Annotation"},"Item 1"),Object(esm.b)(Badge.a,null,"100%"),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(LinkIcon.a,null),ghost:"borderless",level:"tertiary"})),Object(esm.b)(Dropdown.a.Item,{title:"Item 2"},Object(esm.b)(Image.a,{src:"https://picsum.photos/seed/akenep/200/140",alt:"The alt"}),Object(esm.b)(Dropdown.a.Surtitle,{label:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."},"Item 2"),Object(esm.b)(Badge.a,{level:"danger"},"50%"),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(LinkIcon.a,null),ghost:"borderless",level:"tertiary"})),Object(esm.b)(Dropdown.a.Item,{title:"Item 3"},Object(esm.b)(Image.a,{src:"https://picsum.photos/seed/akeneq/200/140",alt:"The alt"}),Object(esm.b)(Dropdown.a.Surtitle,{label:"Item 3 Annotation"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),Object(esm.b)(Badge.a,{level:"warning"},"80%"),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(LinkIcon.a,null),ghost:"borderless",level:"tertiary"}))))))};Dropdown_stories_surtitleItem.displayName="surtitleItem",Dropdown_stories_surtitleItem.storyName="Surtitle Item",Dropdown_stories_surtitleItem.parameters={storySource:{source:'args => {\n const [isOpen, open, close] = useBooleanState(true);\n return \n \n \n {isOpen && \n \n Elements\n \n \n \n The alt\n Item 1\n 100%\n } ghost="borderless" level="tertiary" />\n \n \n The alt\n \n Item 2\n \n 50%\n } ghost="borderless" level="tertiary" />\n \n \n The alt\n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut\n labore et dolore magna aliqua.\n \n 80%\n } ghost="borderless" level="tertiary" />\n \n \n }\n \n ;\n}'}};var Dropdown_stories_fullWidth=function fullWidth(args){var _useBooleanState52=Dropdown_stories_slicedToArray(Object(useBooleanState.a)(!0),3),isOpen=_useBooleanState52[0],open=_useBooleanState52[1],close=_useBooleanState52[2];return Object(esm.b)(PreviewGallery.k,{height:290},Object(esm.b)(Dropdown.a,null,Object(esm.b)(Button.a,{onClick:open},"Simple ",Object(esm.b)(ArrowDownIcon.a,null)),isOpen&&Object(esm.b)(Dropdown.a.Overlay,{verticalPosition:"down",onClose:close,fullWidth:!0},Object(esm.b)(Dropdown.a.Header,null,Object(esm.b)(Dropdown.a.Title,null,"Elements")),Object(esm.b)(Dropdown.a.ItemCollection,null,Object(esm.b)(Dropdown.a.Item,null,"First item"),Object(esm.b)(Dropdown.a.Item,{isActive:!0},"Active item"),Object(esm.b)(Dropdown.a.Item,{onClick:Object(addon_actions_dist_esm.action)("Clicked")},"A very long item"),Object(esm.b)(Dropdown.a.Item,{onClick:Object(addon_actions_dist_esm.action)("Clicked"),disabled:!0},"This one is disabled"),Object(esm.b)(Dropdown.a.Item,null,Object(esm.b)(Link.a,{target:"_blank",href:"https://www.youtube.com/watch?v=dQw4w9WgXcQ"},"Item with a link")),Object(esm.b)(Dropdown.a.Item,{disabled:!0},Object(esm.b)(Link.a,{href:"https://www.youtube.com/watch?v=dQw4w9WgXcQ"},"Disabled link"))))))};Dropdown_stories_fullWidth.displayName="fullWidth",Dropdown_stories_fullWidth.storyName="Full Width",Dropdown_stories_fullWidth.parameters={storySource:{source:'args => {\n const [isOpen, open, close] = useBooleanState(true);\n return \n \n \n {isOpen && \n \n Elements\n \n \n First item\n Active item\n A very long item\n \n This one is disabled\n \n \n \n Item with a link\n \n \n \n Disabled link\n \n \n }\n \n ;\n}'}};var componentMeta={title:"Components/Dropdown",parameters:{docs:{inlineStories:!1}},component:Dropdown.a,subcomponents:{"Dropdown.Header":Dropdown.a.Header,"Dropdown.Title":Dropdown.a.Title,"Dropdown.Overlay":Dropdown.a.Overlay,"Dropdown.ItemCollection":Dropdown.a.ItemCollection,"Dropdown.Item":Dropdown.a.Item},includeStories:["standard","simpleItem","noResult","position","searchPagination","itemWithSelection","withSection","itemWithImage","surtitleItem","fullWidth"]},mdxStoryNameToKey={Standard:"standard","Simple Item":"simpleItem","No result":"noResult",Position:"position","Search & pagination":"searchPagination","Item with selection":"itemWithSelection","With section":"withSection","Item with image":"itemWithImage","Surtitle Item":"surtitleItem","Full Width":"fullWidth"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Dropdown/Dropdown.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Dropdown_Dropdown}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),react_dom=(__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/react-dom/index.js")),key=__webpack_require__("./src/shared/key.ts"),usePosition=__webpack_require__("./src/hooks/usePosition.ts"),useShortcut=__webpack_require__("./src/hooks/useShortcut.ts"),useWindowResize=__webpack_require__("./src/hooks/useWindowResize.ts"),theme=__webpack_require__("./src/theme/theme.ts"),common=__webpack_require__("./src/theme/common.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["verticalPosition","horizontalPosition","dropdownOpenerVisible","fullWidth","parentRef","onClose","children"];function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _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 _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);eelementRect.height;return top=exceedsScreen?parentRect.bottom-elementRect.height+2:top,[top=exceedsScreen&&dropdownOpenerVisible?parentRect.top-elementRect.height:top,"left"===horizontalPosition?parentRect.right-elementRect.width:parentRect.left]}(overlayVerticalPosition,overlayHorizontalPosition,dropdownOpenerVisible,parentRef,overlayRef))}),[children,overlayVerticalPosition,overlayHorizontalPosition,parentRef,overlayRef,dropdownOpenerVisible]);var _overlayPosition=_slicedToArray(overlayPosition,2),top=_overlayPosition[0],left=_overlayPosition[1],parentWidth=null!==(_parentRef$current$ge=null==parentRef||null===(_parentRef$current=parentRef.current)||void 0===_parentRef$current||null===(_parentRef$current$ge2=_parentRef$current.getBoundingClientRect())||void 0===_parentRef$current$ge2?void 0:_parentRef$current$ge2.width)&&void 0!==_parentRef$current$ge?_parentRef$current$ge:null;return Object(react_dom.createPortal)(Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[Object(jsx_runtime.jsx)(Backdrop,{"data-testid":"backdrop",onClick:onClose}),Object(jsx_runtime.jsx)(Container,Object.assign({ref:overlayRef,visible:visible,top:top,left:left,fixedWidth:fullWidth?parentWidth:null},rest,{children:children}))]}),portalRef.current)};Overlay_Overlay.displayName="Overlay";try{Overlay_Overlay.displayName="Overlay",Overlay_Overlay.__docgenInfo={description:"",displayName:"Overlay",props:{verticalPosition:{defaultValue:null,description:"Vertical position of the overlay (forced).",name:"verticalPosition",required:!1,type:{name:"enum",value:[{value:'"up"'},{value:'"down"'}]}},horizontalPosition:{defaultValue:null,description:"Horizontal position of the overlay (forced)",name:"horizontalPosition",required:!1,type:{name:"enum",value:[{value:'"right"'},{value:'"left"'}]}},dropdownOpenerVisible:{defaultValue:{value:"false"},description:"When dropdown is open, it will keep the opener element displayed.",name:"dropdownOpenerVisible",required:!1,type:{name:"boolean"}},fullWidth:{defaultValue:{value:"false"},description:"When dropdown is open, it will take the full width of parent element.",name:"fullWidth",required:!1,type:{name:"boolean"}},onClose:{defaultValue:null,description:"What to do on overlay closing.",name:"onClose",required:!0,type:{name:"() => void"}},parentRef:{defaultValue:null,description:"@private",name:"parentRef",required:!1,type:{name:"RefObject"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Dropdown/Overlay/Overlay.tsx#Overlay"]={docgenInfo:Overlay_Overlay.__docgenInfo,name:"Overlay",path:"src/components/Dropdown/Overlay/Overlay.tsx#Overlay"})}catch(__react_docgen_typescript_loader_error){}var Surtitle_templateObject,Surtitle_templateObject2,Surtitle_templateObject3,Image=__webpack_require__("./src/components/Image/Image.tsx"),Checkbox=__webpack_require__("./src/components/Checkbox/Checkbox.tsx"),Link=__webpack_require__("./src/components/Link/Link.tsx"),LockIcon=__webpack_require__("./src/icons/LockIcon.tsx"),Surtitle_excluded=["label","children"];function Surtitle_taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var ItemLabel=styled_components_browser_esm.default.span(Surtitle_templateObject||(Surtitle_templateObject=Surtitle_taggedTemplateLiteralLoose(["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n flex: 1;\n"]))),SurtitleContainer=styled_components_browser_esm.default.div(Surtitle_templateObject2||(Surtitle_templateObject2=Surtitle_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n flex-grow: 1;\n line-height: normal;\n overflow: hidden;\n"]))),Title=styled_components_browser_esm.default.span(Surtitle_templateObject3||(Surtitle_templateObject3=Surtitle_taggedTemplateLiteralLoose(["\n color: ",";\n font-size: 10px;\n overflow: hidden;\n text-overflow: ellipsis;\n"])),Object(theme.a)("grey",100)),Surtitle_Surtitle=function Surtitle(_ref){var label=_ref.label,children=_ref.children,rest=function Surtitle_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function Surtitle_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r void) | RefObject | null"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Dropdown/Item/Item.tsx#ItemLabel"]={docgenInfo:Item_ItemLabel.__docgenInfo,name:"ItemLabel",path:"src/components/Dropdown/Item/Item.tsx#ItemLabel"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/es.array.filter.js");var ItemCollection_templateObject,ItemCollection_templateObject2,useAutoFocus=__webpack_require__("./src/hooks/useAutoFocus.ts"),usePagination=(__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./src/hooks/usePagination.ts")),Placeholder=__webpack_require__("./src/components/Placeholder/Placeholder.tsx"),ItemCollection_excluded=["children","onNextPage","noResultTitle","noResultIllustration"];function ItemCollection_taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var Header_templateObject,ItemCollectionContainer=styled_components_browser_esm.default.div(ItemCollection_templateObject||(ItemCollection_templateObject=ItemCollection_taggedTemplateLiteralLoose(["\n max-height: 320px;\n overflow-y: auto;\n overflow-x: hidden;\n"]))),NoResultPlaceholderContainer=Object(styled_components_browser_esm.default)(Placeholder.a)(ItemCollection_templateObject2||(ItemCollection_templateObject2=ItemCollection_taggedTemplateLiteralLoose(["\n margin: 10px 10px 20px 10px;\n & > div {\n font-size: ",";\n }\n"])),Object(theme.e)("default")),ItemCollection=react_default.a.forwardRef((function(_ref,forwardedRef){var children=_ref.children,onNextPage=_ref.onNextPage,noResultTitle=_ref.noResultTitle,noResultIllustration=_ref.noResultIllustration,rest=function ItemCollection_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ItemCollection_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r void)"}},children:{defaultValue:null,description:"The list of items.",name:"children",required:!1,type:{name:"ReactNode"}},noResultIllustration:{defaultValue:null,description:"The illustration displayed when no result was found.",name:"noResultIllustration",required:!1,type:{name:"ReactElement>"}},noResultTitle:{defaultValue:null,description:"The text displayed when no result was found.",name:"noResultTitle",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Dropdown/ItemCollection/ItemCollection.tsx#ItemCollection"]={docgenInfo:ItemCollection.__docgenInfo,name:"ItemCollection",path:"src/components/Dropdown/ItemCollection/ItemCollection.tsx#ItemCollection"})}catch(__react_docgen_typescript_loader_error){}var Title_templateObject,HeaderContainer=styled_components_browser_esm.default.div(Header_templateObject||(Header_templateObject=function Header_taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}(["\n box-sizing: border-box;\n border-bottom: 1px solid ",";\n height: 34px;\n line-height: 34px;\n margin: 0 20px 10px 20px;\n display: flex;\n justify-content: space-between;\n gap: 20px;\n & > * {\n flex-grow: 1;\n }\n"])),Object(theme.a)("brand",100)),Header=react_default.a.forwardRef((function(_ref,forwardedRef){var children=_ref.children;return Object(jsx_runtime.jsx)(HeaderContainer,{ref:forwardedRef,children:children})}));try{Header.displayName="Header",Header.__docgenInfo={description:"",displayName:"Header",props:{children:{defaultValue:null,description:"The content of the header.",name:"children",required:!0,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Dropdown/Header/Header.tsx#Header"]={docgenInfo:Header.__docgenInfo,name:"Header",path:"src/components/Dropdown/Header/Header.tsx#Header"})}catch(__react_docgen_typescript_loader_error){}var TitleContainer=styled_components_browser_esm.default.div(Title_templateObject||(Title_templateObject=function Title_taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}(["\n font-size: ",";\n text-transform: uppercase;\n color: ",";\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"])),Object(theme.e)("small"),Object(theme.a)("brand",100)),Title_Title=react_default.a.forwardRef((function(_ref,forwardedRef){var children=_ref.children;return Object(jsx_runtime.jsx)(TitleContainer,{ref:forwardedRef,children:children})}));try{Title_Title.displayName="Title",Title_Title.__docgenInfo={description:"",displayName:"Title",props:{children:{defaultValue:null,description:"The title of the dropdown.",name:"children",required:!0,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Dropdown/Header/Title.tsx#Title"]={docgenInfo:Title_Title.__docgenInfo,name:"Title",path:"src/components/Dropdown/Header/Title.tsx#Title"})}catch(__react_docgen_typescript_loader_error){}var Dropdown_templateObject,Dropdown_templateObject2,Dropdown_excluded=["children"];function Dropdown_taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var Section=styled_components_browser_esm.default.div(Dropdown_templateObject||(Dropdown_templateObject=Dropdown_taggedTemplateLiteralLoose(["\n background: ",";\n color: ",";\n height: 34px;\n line-height: 34px;\n padding: 0 20px;\n outline-style: none;\n white-space: nowrap;\n text-transform: uppercase;\n margin-top: 10px;\n"])),Object(theme.a)("white"),Object(theme.a)("grey",100)),DropdownContainer=styled_components_browser_esm.default.div(Dropdown_templateObject2||(Dropdown_templateObject2=Dropdown_taggedTemplateLiteralLoose(["\n position: relative;\n display: inline-flex;\n"]))),Dropdown_Dropdown=function Dropdown(_ref){var children=_ref.children,rest=function Dropdown_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function Dropdown_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;rr.length)&&(a=r.length);for(var e=0,n=Array(a);e {\n return \n \n ;\n}'}};var completeness=function completeness(args){var _useState4=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_15__.useState)(""),2),value=_useState4[0],setValue=_useState4[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Field_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{incomplete:!0}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_19__.a,{placeholder:"This field is required for completeness",value:value,onChange:function handleChange(newValue){return setValue(newValue)},characterLeftLabel:250-value.length+" characters left"}))};completeness.displayName="completeness",completeness.storyName="Completeness",completeness.parameters={storySource:{source:"args => {\n const [value, setValue] = useState('');\n const handleChange = newValue => setValue(newValue);\n return \n \n ;\n}"}};var channelAndLocale=function channelAndLocale(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Field_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{channel:"ecommerce"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_19__.a,{placeholder:"Type your text here"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Field_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{locale:"en_US"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_19__.a,{placeholder:"Type your text here"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Field_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{channel:"mobile",locale:"fr_FR"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_19__.a,{placeholder:"Type your text here"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Field_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{label:"私のフィールドラベル",channel:"モバイル",locale:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_20__.a,{code:"jp_JP",languageLabel:"日本人"})}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_19__.a,{placeholder:"ここにテキストを入力してください"})))};channelAndLocale.storyName="Channel and Locale",channelAndLocale.parameters={storySource:{source:'args => {\n return <>\n \n \n \n \n \n \n \n \n \n }>\n \n \n ;\n}'}};var helpers=function helpers(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Field_tsx__WEBPACK_IMPORTED_MODULE_18__.a,args,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_19__.a,{placeholder:"Type your text here"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{level:"info"},"This is just an info. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_22__.a,{href:"https://www.youtube.com/watch?v=dQw4w9WgXcQ"},"Don't click here"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Field_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{label:"Another one"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_19__.a,{invalid:!0,placeholder:"Type your text here"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{level:"error"},"But this is an error. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_22__.a,{href:"https://www.youtube.com/watch?v=dQw4w9WgXcQ"},"Link"))))};helpers.storyName="Helpers",helpers.parameters={storySource:{source:'args => {\n return <>\n \n \n \n This is just an info. Don\'t click here\n \n \n \n \n \n But this is an error. Link\n \n \n ;\n}'}};var actions=function actions(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Field_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({channel:"mobile",locale:"fr_FR",actions:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{level:"primary",size:"small",ghost:!0,onClick:function onClick(){}},"Create"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{level:"danger",size:"small",ghost:!0,onClick:function onClick(){}},"Delete"))},args),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_19__.a,{placeholder:"Type your text here"})))};actions.storyName="Actions",actions.parameters={storySource:{source:'args => {\n return <>\n \n \n \n } {...args}>\n \n \n ;\n}'}};var fullWidth=function fullWidth(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Field_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{fullWidth:!0}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_19__.a,{placeholder:"This field takes the full width of the parent container",value:"",onChange:function onChange(){},characterLeftLabel:"250 characters left"}))};fullWidth.displayName="fullWidth",fullWidth.storyName="Full width",fullWidth.parameters={storySource:{source:'args => {\n return \n {}} characterLeftLabel="250 characters left" />\n ;\n}'}};var block=function block(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Field_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{fullWidth:!0}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{title:"My label",actions:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{ghost:!0,level:"danger",onClick:function onClick(){},size:"small"},"Button"))}))};block.displayName="block",block.storyName="Block",block.parameters={storySource:{source:'args => {\n return \n } />\n ;\n}'}};var componentMeta={title:"Components/Field",component:_Field_tsx__WEBPACK_IMPORTED_MODULE_18__.a,args:{label:"My field label"},argTypes:{children:{table:{type:{summary:["Helper[]","Input"]}}},locale:{table:{type:{summary:["string","Locale"]}},type:"string"}},includeStories:["standard","completeness","channelAndLocale","helpers","actions","fullWidth","block"]},mdxStoryNameToKey={Standard:"standard",Completeness:"completeness","Channel and Locale":"channelAndLocale",Helpers:"helpers",Actions:"actions","Full width":"fullWidth",Block:"block"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Field/Field.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Field}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_6__),styled_components__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_Helper_Helper__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/Helper/Helper.tsx"),_Locale_Locale__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/components/Locale/Locale.tsx"),_Pill_Pill__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/components/Pill/Pill.tsx"),_Block_Block__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/components/Block/Block.tsx"),_hooks_useId__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/hooks/useId.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["label","locale","channel","incomplete","fullWidth","requiredLabel","children","actions"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var FieldContainer=styled_components__WEBPACK_IMPORTED_MODULE_7__.default.div(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n max-width: ",";\n"])),(function(_ref){return _ref.fullWidth?"100%":"460px"})),LabelContainer=styled_components__WEBPACK_IMPORTED_MODULE_7__.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n line-height: 16px;\n margin-bottom: 8px;\n gap: 5px;\n"]))),Label=styled_components__WEBPACK_IMPORTED_MODULE_7__.default.label(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n flex: 1;\n"]))),Channel=styled_components__WEBPACK_IMPORTED_MODULE_7__.default.span(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n text-transform: capitalize;\n"]))),HelperContainer=styled_components__WEBPACK_IMPORTED_MODULE_7__.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n margin-top: 5px;\n max-width: 460px;\n"]))),Field=react__WEBPACK_IMPORTED_MODULE_6___default.a.forwardRef((function(_ref2,forwardedRef){var label=_ref2.label,locale=_ref2.locale,channel=_ref2.channel,_ref2$incomplete=_ref2.incomplete,incomplete=void 0!==_ref2$incomplete&&_ref2$incomplete,_ref2$fullWidth=_ref2.fullWidth,fullWidth=void 0!==_ref2$fullWidth&&_ref2$fullWidth,requiredLabel=_ref2.requiredLabel,children=_ref2.children,actions=_ref2.actions,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r> | null"}},channel:{defaultValue:null,description:"The channel of the field.",name:"channel",required:!1,type:{name:"string | null"}},requiredLabel:{defaultValue:null,description:"The required label to display when field is required within the form.",name:"requiredLabel",required:!1,type:{name:"string"}},fullWidth:{defaultValue:{value:"false"},description:"Should the field input take the full width of the parent container.",name:"fullWidth",required:!1,type:{name:"boolean"}},children:{defaultValue:null,description:"Children of the Field, can only be an Input or Helpers, other children will not be displayed.",name:"children",required:!1,type:{name:"FieldChild"}},actions:{defaultValue:null,description:"Adds actions for this field.",name:"actions",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Field/Field.tsx#Field"]={docgenInfo:Field.__docgenInfo,name:"Field",path:"src/components/Field/Field.tsx#Field"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Helper/Helper.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"composition",(function(){return composition})),__webpack_require__.d(__webpack_exports__,"level",(function(){return level})),__webpack_require__.d(__webpack_exports__,"inline",(function(){return inline})),__webpack_require__.d(__webpack_exports__,"sticky",(function(){return sticky})),__webpack_require__.d(__webpack_exports__,"customIcon",(function(){return customIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_17___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_17__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_Helper__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/components/Helper/Helper.tsx"),_Link_Link__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./src/components/Link/Link.tsx"),_icons__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./src/icons/index.ts"),_icons__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./src/icons/BrokenLinkIcon.tsx"),_icons__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./src/icons/MegaphoneIcon.tsx"),_icons__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("./src/icons/UnviewIcon.tsx"),_icons__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__("./src/icons/MailIcon.tsx"),_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_27__=__webpack_require__("./src/storybook/PreviewGallery.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;er.length)&&(a=r.length);for(var e=0,n=Array(a);e"}}}},args:{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",level:"info",icon:void 0},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h1",{id:"helper"},"Helper"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h2",{id:"usage"},"Usage"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("p",null,"Allows to help the user by pushing contextual information."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h2",{id:"general-guidance"},"General guidance"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("p",null,"It informs the user about :"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("ul",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("li",{parentName:"ul"},"The features of the section."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("li",{parentName:"ul"},"The information expected in the field."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("li",{parentName:"ul"},"An alert on the information filled in by the user."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("li",{parentName:"ul"},"An error related to the information filled in by the user.")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h2",{id:"playground"},"Playground"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("p",null,"Use this playground to test the helper component"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.e,{name:"Standard",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{icon:void 0===_icons__WEBPACK_IMPORTED_MODULE_22__[args.icon]?void 0:react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_icons__WEBPACK_IMPORTED_MODULE_22__[args.icon]),mdxType:"Helper"}))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.b,{story:"Standard",mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h2",{id:"composition"},"Composition"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("p",null,"When more information can be found in another page, Helper is combined with Link component."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.e,{name:"Composition",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,{level:"info",mdxType:"Helper"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus.Suspendisse lectus tortor,\ndignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam.\nMaecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi,\nnon fermentum diam nisl sit amet erat. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Link_Link__WEBPACK_IMPORTED_MODULE_21__.a,{target:"_blank",href:"https://www.akeneo.com/",mdxType:"Link"},"Link to related lorem ipsum"))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h2",{id:"variation-on-level"},"Variation on level"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.e,{name:"Level",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{level:"info",mdxType:"Helper"}),"You might need to read this. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Link_Link__WEBPACK_IMPORTED_MODULE_21__.a,{href:"#",mdxType:"Link"},"Link")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{level:"warning",mdxType:"Helper"}),"There is a warning. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Link_Link__WEBPACK_IMPORTED_MODULE_21__.a,{href:"#",mdxType:"Link"},"Link")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{level:"error",mdxType:"Helper"}),"There is an error. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Link_Link__WEBPACK_IMPORTED_MODULE_21__.a,{href:"#",mdxType:"Link"},"Link")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{level:"success",mdxType:"Helper"}),"There is a success. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Link_Link__WEBPACK_IMPORTED_MODULE_21__.a,{href:"#",mdxType:"Link"},"Link")))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h2",{id:"inline"},"Inline"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.e,{name:"Inline",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{inline:!0,level:"info",mdxType:"Helper"}),"You might need to read this. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Link_Link__WEBPACK_IMPORTED_MODULE_21__.a,{href:"#",mdxType:"Link"},"Link")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{inline:!0,level:"warning",mdxType:"Helper"}),"There is a warning. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Link_Link__WEBPACK_IMPORTED_MODULE_21__.a,{href:"#",mdxType:"Link"},"Link")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{inline:!0,level:"error",mdxType:"Helper"}),"There is an error. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Link_Link__WEBPACK_IMPORTED_MODULE_21__.a,{href:"#",mdxType:"Link"},"Link")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{inline:!0,level:"success",mdxType:"Helper"}),"There is a success. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Link_Link__WEBPACK_IMPORTED_MODULE_21__.a,{href:"#",mdxType:"Link"},"Link")))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h2",{id:"sticky"},"Sticky"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.e,{name:"Sticky",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_27__.h,{height:300,mdxType:"Scrollable"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,{level:"warning",sticky:0,mdxType:"Helper"},"This is a sticky helper."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_27__.a,{height:500,mdxType:"Content"},"Some content"))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h2",{id:"with-custom-icon"},"With custom Icon"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.e,{name:"Custom Icon",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{level:"info",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_icons__WEBPACK_IMPORTED_MODULE_23__.a,null),mdxType:"Helper"}),"Info"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{level:"warning",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_icons__WEBPACK_IMPORTED_MODULE_24__.a,null),mdxType:"Helper"}),"Warning"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{level:"error",inline:!0,icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_icons__WEBPACK_IMPORTED_MODULE_25__.a,null),mdxType:"Helper"}),"Error level and inline"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{level:"success",inline:!0,icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_icons__WEBPACK_IMPORTED_MODULE_26__.a,null),mdxType:"Helper"}),"Success level and inline"))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h2",{id:"related-components"},"Related components"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("ul",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("li",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(LinkTo,{kind:"Components/Information",story:"Standard",mdxType:"LinkTo"},"Information")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("li",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(LinkTo,{kind:"Components/Link",story:"Standard",mdxType:"LinkTo"},"Link"))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var standard=function standard(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{icon:void 0===_icons__WEBPACK_IMPORTED_MODULE_22__[args.icon]?void 0:react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_icons__WEBPACK_IMPORTED_MODULE_22__[args.icon])}))};standard.displayName="standard",standard.storyName="Standard",standard.parameters={storySource:{source:"args => {\n return ;\n}"}};var composition=function composition(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,{level:"info"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus.Suspendisse lectus tortor,\ndignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam.\nMaecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi,\nnon fermentum diam nisl sit amet erat. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Link_Link__WEBPACK_IMPORTED_MODULE_21__.a,{target:"_blank",href:"https://www.akeneo.com/"},"Link to related lorem ipsum"))};composition.displayName="composition",composition.storyName="Composition",composition.parameters={storySource:{source:'args => {\n return \n {`Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus.Suspendisse lectus tortor,\ndignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam.\nMaecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi,\nnon fermentum diam nisl sit amet erat. `}\n \n Link to related lorem ipsum\n \n ;\n}'}};var level=function level(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{level:"info"}),"You might need to read this. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Link_Link__WEBPACK_IMPORTED_MODULE_21__.a,{href:"#"},"Link")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{level:"warning"}),"There is a warning. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Link_Link__WEBPACK_IMPORTED_MODULE_21__.a,{href:"#"},"Link")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{level:"error"}),"There is an error. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Link_Link__WEBPACK_IMPORTED_MODULE_21__.a,{href:"#"},"Link")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{level:"success"}),"There is a success. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Link_Link__WEBPACK_IMPORTED_MODULE_21__.a,{href:"#"},"Link")))};level.storyName="Level",level.parameters={storySource:{source:'args => {\n return <>\n \n You might need to read this. Link\n \n \n There is a warning. Link\n \n \n There is an error. Link\n \n \n There is a success. Link\n \n ;\n}'}};var inline=function inline(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{inline:!0,level:"info"}),"You might need to read this. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Link_Link__WEBPACK_IMPORTED_MODULE_21__.a,{href:"#"},"Link")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{inline:!0,level:"warning"}),"There is a warning. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Link_Link__WEBPACK_IMPORTED_MODULE_21__.a,{href:"#"},"Link")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{inline:!0,level:"error"}),"There is an error. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Link_Link__WEBPACK_IMPORTED_MODULE_21__.a,{href:"#"},"Link")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{inline:!0,level:"success"}),"There is a success. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Link_Link__WEBPACK_IMPORTED_MODULE_21__.a,{href:"#"},"Link")))};inline.storyName="Inline",inline.parameters={storySource:{source:'args => {\n return <>\n \n You might need to read this. Link\n \n \n There is a warning. Link\n \n \n There is an error. Link\n \n \n There is a success. Link\n \n ;\n}'}};var sticky=function sticky(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_27__.h,{height:300},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,{level:"warning",sticky:0},"This is a sticky helper."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_27__.a,{height:500},"Some content"))};sticky.displayName="sticky",sticky.storyName="Sticky",sticky.parameters={storySource:{source:'args => {\n return \n \n This is a sticky helper.\n \n Some content\n ;\n}'}};var customIcon=function customIcon(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{level:"info",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_icons__WEBPACK_IMPORTED_MODULE_23__.a,null)}),"Info"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{level:"warning",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_icons__WEBPACK_IMPORTED_MODULE_24__.a,null)}),"Warning"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{level:"error",inline:!0,icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_icons__WEBPACK_IMPORTED_MODULE_25__.a,null)}),"Error level and inline"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{level:"success",inline:!0,icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_icons__WEBPACK_IMPORTED_MODULE_26__.a,null)}),"Success level and inline"))};customIcon.storyName="Custom Icon",customIcon.parameters={storySource:{source:'args => {\n return <>\n }>\n Info\n \n }>\n Warning\n \n }>\n Error level and inline\n \n }>\n Success level and inline\n \n ;\n}'}};var componentMeta={title:"Components/Helper",component:_Helper__WEBPACK_IMPORTED_MODULE_20__.a,args:{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",level:"info",icon:void 0},argTypes:{children:{control:{type:"text"}},icon:{control:{type:"select"},options:[void 0].concat(_toConsumableArray(Object.keys(_icons__WEBPACK_IMPORTED_MODULE_22__))),table:{type:{summary:"ReactElement"}}}},includeStories:["standard","composition","level","inline","sticky","customIcon"]},mdxStoryNameToKey={Standard:"standard",Composition:"composition",Level:"level",Inline:"inline",Sticky:"sticky","Custom Icon":"customIcon"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Helper/Helper.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Helper}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__),styled_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_icons_CheckRoundIcon__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/icons/CheckRoundIcon.tsx"),_icons_DangerIcon__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/icons/DangerIcon.tsx"),_icons_InfoRoundIcon__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/icons/InfoRoundIcon.tsx"),_theme_theme__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/theme/theme.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["level","inline","icon","children"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var getIcon=function getIcon(level){switch(level){case"info":return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_icons_InfoRoundIcon__WEBPACK_IMPORTED_MODULE_9__.a,{});case"warning":case"error":return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_icons_DangerIcon__WEBPACK_IMPORTED_MODULE_8__.a,{});case"success":return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_icons_CheckRoundIcon__WEBPACK_IMPORTED_MODULE_7__.a,{})}},Container=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n display: flex;\n font-weight: 400;\n padding-right: 20px;\n color: ",";\n\n ","\n\n ","\n"])),(function(props){return function getFontColor(level,inline){switch(level){case"info":return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("grey",120);case"warning":return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)(inline?"grey":"yellow",120);case"error":return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("red",inline?100:120);case"success":return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)(inline?"grey":"green",120)}}(props.$level,props.$inline)}),(function(props){return!props.$inline&&Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n min-height: 44px;\n background-color: ",";\n "])),function getBackgroundColor(level){switch(level){case"info":return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("blue",10);case"warning":return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("yellow",10);case"error":return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("red",10);case"success":return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("green",10)}}(props.$level))}),(function(_ref){var sticky=_ref.sticky;return void 0!==sticky&&Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n position: sticky;\n top: ","px;\n z-index: 1;\n "])),sticky)})),IconContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.span(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n height: ",";\n margin: ",";\n color: ",";\n"])),(function(_ref2){return _ref2.$inline?"16px":"20px"}),(function(_ref3){return _ref3.$inline?"2px 0":"12px 10px"}),(function(props){return function getIconColor(level,inline){switch(level){case"info":return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("blue",100);case"warning":return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("yellow",inline?100:120);case"error":return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("red",inline?100:120);case"success":return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("green",inline?100:120)}}(props.$level,props.$inline)})),TextContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n padding-left: ",";\n white-space: break-spaces;\n flex: 1;\n\n a {\n color: ",";\n }\n\n ","\n"])),(function(_ref4){return _ref4.$inline?"4px":"10px"}),(function(_ref5){return function getLinkColor(level,inline){switch(level){case"info":return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("blue",100);case"warning":return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("yellow",120);case"error":return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("red",inline?100:120);case"success":return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("green",inline?100:120)}}(_ref5.$level,_ref5.$inline)}),(function(_ref6){var $inline=_ref6.$inline,$level=_ref6.$level;return!$inline&&Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(["\n margin: 12px 0;\n border-left: 1px solid ",";\n "])),function getSeparatorColor(level){switch(level){case"info":return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("grey",80);case"warning":return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("yellow",120);case"error":return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("red",120);case"success":return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("green",120)}}($level))})),Helper=react__WEBPACK_IMPORTED_MODULE_5___default.a.forwardRef((function(_ref7,forwardedRef){var _ref7$level=_ref7.level,level=void 0===_ref7$level?"info":_ref7$level,_ref7$inline=_ref7.inline,inline=void 0!==_ref7$inline&&_ref7$inline,icon=_ref7.icon,children=_ref7.children,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r>"}},children:{defaultValue:null,description:"The content of the component.",name:"children",required:!0,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Helper/Helper.tsx#Helper"]={docgenInfo:Helper.__docgenInfo,name:"Helper",path:"src/components/Helper/Helper.tsx#Helper"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/IconButton/IconButton.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"level",(function(){return level})),__webpack_require__.d(__webpack_exports__,"ghost",(function(){return ghost})),__webpack_require__.d(__webpack_exports__,"disabled",(function(){return disabled})),__webpack_require__.d(__webpack_exports__,"size",(function(){return size})),__webpack_require__.d(__webpack_exports__,"link",(function(){return link}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_6__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_links_react__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/@storybook/addon-links/react.js"),_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/components/IconButton/IconButton.tsx"),_icons__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/icons/index.ts"),_icons__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/icons/CloseIcon.tsx"),_icons__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./src/icons/DeleteIcon.tsx"),_icons__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./src/icons/ViewIcon.tsx"),_icons__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./src/icons/EditIcon.tsx"),_icons__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./src/icons/LinkIcon.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e"}}},ghost:{control:{type:"select"},options:[!1,!0,"borderless"]},onClick:{action:"Click on the icon button"}},args:{icon:"ActivityIcon",title:"Icon Button"},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)("h1",{id:"icon-button"},"Icon button"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)("h2",{id:"usage"},"Usage"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)("p",null,"The IconButton component is useful when your only need is to have a clickable Icon."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)("h2",{id:"playground"},"Playground"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.e,{name:"Standard",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(_icons__WEBPACK_IMPORTED_MODULE_11__[args.icon]),mdxType:"IconButton"}))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.b,{story:"Standard",mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)("h2",{id:"variation-on-level"},"Variation on level"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.e,{name:"Level",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(react__WEBPACK_IMPORTED_MODULE_6___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_12__.a,null),level:"primary",mdxType:"IconButton"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_13__.a,null),level:"secondary",mdxType:"IconButton"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_14__.a,null),level:"tertiary",mdxType:"IconButton"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_15__.a,null),level:"warning",mdxType:"IconButton"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_16__.a,null),level:"danger",mdxType:"IconButton"})))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)("h2",{id:"variation-on-ghost--border"},"Variation on ghost & border"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.e,{name:"Ghost",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(react__WEBPACK_IMPORTED_MODULE_6___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_12__.a,null),ghost:!1,mdxType:"IconButton"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_13__.a,null),ghost:!0,mdxType:"IconButton"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_14__.a,null),ghost:"borderless",mdxType:"IconButton"})))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)("h2",{id:"variation-on-disabled"},"Variation on disabled"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.e,{name:"Disabled",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(react__WEBPACK_IMPORTED_MODULE_6___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_12__.a,null),disabled:!1,mdxType:"IconButton"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_13__.a,null),disabled:!0,mdxType:"IconButton"})))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)("h2",{id:"variation-on-size"},"Variation on size"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.e,{name:"Size",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(react__WEBPACK_IMPORTED_MODULE_6___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_12__.a,null),size:"default",mdxType:"IconButton"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_13__.a,null),size:"small",mdxType:"IconButton"})))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)("h2",{id:"usage-with-href-prop"},"Usage with ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)("inlineCode",{parentName:"h2"},"href")," prop"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)("p",null,"If you want your button to act like a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_storybook_addon_links_react__WEBPACK_IMPORTED_MODULE_9__.a,{kind:"Components/Link",story:"Standard",mdxType:"LinkTo"},"Link"),' (with "open in a new tab" feature of cmd/ctrl + click), use the ',Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)("inlineCode",{parentName:"p"},"href")," prop to specify your link."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.e,{name:"Link",mdxType:"Story"},(function(args){return delete args.onClick,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(react__WEBPACK_IMPORTED_MODULE_6___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{href:"https://google.com",target:"_blank",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_12__.a,null),mdxType:"IconButton"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{disabled:!0,href:"https://google.com",target:"_blank",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_13__.a,null),mdxType:"IconButton"})))}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var standard=function standard(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(_icons__WEBPACK_IMPORTED_MODULE_11__[args.icon])}))};standard.displayName="standard",standard.storyName="Standard",standard.parameters={storySource:{source:"args => {\n return ;\n}"}};var level=function level(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(react__WEBPACK_IMPORTED_MODULE_6___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_12__.a,null),level:"primary"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_13__.a,null),level:"secondary"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_14__.a,null),level:"tertiary"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_15__.a,null),level:"warning"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_16__.a,null),level:"danger"})))};level.storyName="Level",level.parameters={storySource:{source:'args => {\n return <>\n } level="primary" />\n } level="secondary" />\n } level="tertiary" />\n } level="warning" />\n } level="danger" />\n ;\n}'}};var ghost=function ghost(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(react__WEBPACK_IMPORTED_MODULE_6___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_12__.a,null),ghost:!1})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_13__.a,null),ghost:!0})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_14__.a,null),ghost:"borderless"})))};ghost.storyName="Ghost",ghost.parameters={storySource:{source:'args => {\n return <>\n } ghost={false} />\n } ghost={true} />\n } ghost="borderless" />\n ;\n}'}};var disabled=function disabled(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(react__WEBPACK_IMPORTED_MODULE_6___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_12__.a,null),disabled:!1})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_13__.a,null),disabled:!0})))};disabled.storyName="Disabled",disabled.parameters={storySource:{source:"args => {\n return <>\n } disabled={false} />\n } disabled={true} />\n ;\n}"}};var size=function size(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(react__WEBPACK_IMPORTED_MODULE_6___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_12__.a,null),size:"default"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_13__.a,null),size:"small"})))};size.storyName="Size",size.parameters={storySource:{source:'args => {\n return <>\n } size="default" />\n } size="small" />\n ;\n}'}};var link=function link(args){return delete args.onClick,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(react__WEBPACK_IMPORTED_MODULE_6___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{href:"https://google.com",target:"_blank",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_12__.a,null)})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{disabled:!0,href:"https://google.com",target:"_blank",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_13__.a,null)})))};link.storyName="Link",link.parameters={storySource:{source:'args => {\n delete args.onClick;\n return <>\n } />\n } />\n ;\n}'}};var componentMeta={title:"Components/Buttons/Icon button",component:_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,args:{icon:"ActivityIcon",title:"Icon Button"},argTypes:{icon:{control:{type:"select"},options:Object.keys(_icons__WEBPACK_IMPORTED_MODULE_11__),table:{type:{summary:"ReactElement"}}},ghost:{control:{type:"select"},options:[!1,!0,"borderless"]},onClick:{action:"Click on the icon button"}},includeStories:["standard","level","ghost","disabled","size","link"]},mdxStoryNameToKey={Standard:"standard",Level:"level",Ghost:"ghost",Disabled:"disabled",Size:"size",Link:"link"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/IconButton/IconButton.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return IconButton}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__),styled_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_components_Button_Button__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/components/Button/Button.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["icon","size","ghost"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var IconButtonContainer=Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.default)(_components_Button_Button__WEBPACK_IMPORTED_MODULE_7__.a)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n padding: 0;\n width: ","px;\n border-style: ",";\n ",";\n"])),(function(_ref){return"small"===_ref.size?24:32}),(function(_ref2){var borderless=_ref2.borderless,ghost=_ref2.ghost;return!borderless&&ghost?"solid":"none"}),(function(_ref3){return _ref3.borderless&&Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n background: transparent;\n "])))})),getIconSize=function getIconSize(size){switch(size){case"small":return 16;case"default":return 20}},IconButton=react__WEBPACK_IMPORTED_MODULE_5___default.a.forwardRef((function(_ref4,forwardedRef){var icon=_ref4.icon,_ref4$size=_ref4.size,size=void 0===_ref4$size?"default":_ref4$size,ghost=_ref4.ghost,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r) => void)"}},level:{defaultValue:null,description:"Level of the button defining it's color and outline.\nPossible values are: primary, secondary, tertiary, warning & danger.",name:"level",required:!1,type:{name:"enum",value:[{value:'"warning"'},{value:'"tertiary"'},{value:'"primary"'},{value:'"secondary"'},{value:'"danger"'}]}},size:{defaultValue:{value:"default"},description:"Define the size of a button.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"default"'}]}},disabled:{defaultValue:null,description:"Used when the user cannot proceed or until an input is collected.",name:"disabled",required:!1,type:{name:"boolean"}},href:{defaultValue:null,description:"Url to go to if the button is clicked. This allow your button to open in a new tab in case of cmd/ctrl + click",name:"href",required:!1,type:{name:"string"}},active:{defaultValue:null,description:"Used to display the Button as active.",name:"active",required:!1,type:{name:"boolean"}},ariaLabel:{defaultValue:null,description:"Accessibility label to describe shortly the button.",name:"ariaLabel",required:!1,type:{name:"string"}},ariaLabelledBy:{defaultValue:null,description:"Define which element is the label of this button for accessibility purposes. Expect a DOM node id.",name:"ariaLabelledBy",required:!1,type:{name:"string"}},ariaDescribedBy:{defaultValue:null,description:"Define what element is describing this button for accessibility purposes. Expect a DOM node id.",name:"ariaDescribedBy",required:!1,type:{name:"string"}},ghost:{defaultValue:null,description:"When an action does not require primary dominance on the page. The IconButton can also be borderless.",name:"ghost",required:!1,type:{name:'boolean | "borderless"'}},icon:{defaultValue:null,description:"The Icon to display.",name:"icon",required:!0,type:{name:"ReactElement>"}},title:{defaultValue:null,description:"The title of the button.",name:"title",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/IconButton/IconButton.tsx#IconButton"]={docgenInfo:IconButton.__docgenInfo,name:"IconButton",path:"src/components/IconButton/IconButton.tsx#IconButton"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/IconCard/IconCard.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return IconCard_stories_standard})),__webpack_require__.d(__webpack_exports__,"readonly",(function(){return IconCard_stories_readonly})),__webpack_require__.d(__webpack_exports__,"withNoContent",(function(){return IconCard_stories_withNoContent})),__webpack_require__.d(__webpack_exports__,"iconCardGrid",(function(){return IconCard_stories_iconCardGrid}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),styled_components_browser_esm=(__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js")),theme=__webpack_require__("./src/theme/theme.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["icon","label","content","onClick","disabled"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var Container=styled_components_browser_esm.default.div(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n min-height: 80px;\n border: 1px "," solid;\n box-sizing: border-box;\n display: -ms-flexbox;\n display: inline-flex;\n opacity: ",";\n cursor: ",";\n background: ","\n}\n\n:hover {\n border-color: ",";\n background: ",";\n}\n\n:active {\n outline: none;\n background: ",";\n border-color: ",";\n}\n\n:focus:not(:active) {\n box-shadow: 0 0 0 2px ",";\n outline: none;\n}\n"])),Object(theme.a)("grey",40),(function(_ref){return _ref.disabled&&.5}),(function(_ref2){var disabled=_ref2.disabled,onClick=_ref2.onClick;return disabled?"not-allowed":void 0!==onClick?"pointer":"inherit"}),Object(theme.a)("white"),(function(_ref3){return!_ref3.disabled&&Object(theme.a)("grey",60)}),(function(_ref4){return!_ref4.disabled&&Object(theme.a)("grey",20)}),(function(_ref5){return!_ref5.disabled&&Object(theme.a)("grey",20)}),(function(_ref6){return!_ref6.disabled&&Object(theme.a)("grey",80)}),Object(theme.a)("blue",40)),IconContainer=styled_components_browser_esm.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n min-width: 80px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-right: 1px "," solid;\n margin: 10px 0;\n\n svg {\n color: ",";\n }\n"])),Object(theme.a)("grey",60),Object(theme.a)("grey",100)),ContentContainer=styled_components_browser_esm.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n margin: 15px;\n"]))),TruncableMixin=Object(styled_components_browser_esm.css)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n display: -webkit-box;\n -webkit-line-clamp: 2;\n line-clamp: 2;\n -webkit-box-orient: vertical;\n box-orient: vertical;\n overflow: hidden;\n word-break: break-word;\n"]))),Label=styled_components_browser_esm.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n color: ",";\n font-size: ",";\n margin-bottom: 2px;\n\n ",";\n"])),Object(theme.a)("brand",100),Object(theme.e)("big"),TruncableMixin),Content=styled_components_browser_esm.default.div(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(["\n color: ",";\n font-size: ",";\n\n ",";\n"])),Object(theme.a)("grey",100),Object(theme.e)("small"),TruncableMixin),IconCardGrid=styled_components_browser_esm.default.div(_templateObject7||(_templateObject7=_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n gap: 20px;\n"]))),IconCard=react_default.a.forwardRef((function(_ref7,forwardedRef){var icon=_ref7.icon,label=_ref7.label,content=_ref7.content,onClick=_ref7.onClick,_ref7$disabled=_ref7.disabled,disabled=void 0!==_ref7$disabled&&_ref7$disabled,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r>"}},label:{defaultValue:null,description:"The title to display",name:"label",required:!0,type:{name:"string | Element"}},content:{defaultValue:null,description:"The content to display",name:"content",required:!1,type:{name:"string"}},disabled:{defaultValue:{value:"false"},description:"Define if the component will be displayed as disabled",name:"disabled",required:!1,type:{name:"boolean"}},onClick:{defaultValue:null,description:"The callback when the user clicks on the card component",name:"onClick",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/IconCard/IconCard.tsx#IconCard"]={docgenInfo:IconCard.__docgenInfo,name:"IconCard",path:"src/components/IconCard/IconCard.tsx#IconCard"})}catch(__react_docgen_typescript_loader_error){}try{IconCardGrid.displayName="IconCardGrid",IconCardGrid.__docgenInfo={description:"",displayName:"IconCardGrid",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/IconCard/IconCard.tsx#IconCardGrid"]={docgenInfo:IconCardGrid.__docgenInfo,name:"IconCardGrid",path:"src/components/IconCard/IconCard.tsx#IconCardGrid"})}catch(__react_docgen_typescript_loader_error){}var icons=__webpack_require__("./src/icons/index.ts"),IconCard_stories_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e"}}},onClick:{action:"Click on the Card"}},args:{icon:"ComponentIcon",label:"Label",content:"This is the content",disabled:!1,onClick:function onClick(){return console.log("click")}},mdxType:"Meta"}),Object(esm.b)("h1",{id:"icon-card"},"Icon card"),Object(esm.b)("h2",{id:"usage"},"Usage"),Object(esm.b)("h2",{id:"playground"},"Playground"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Standard",mdxType:"Story"},(function(args){return Object(esm.b)(IconCardGrid,{mdxType:"IconCardGrid"},Object(esm.b)(IconCard,_extends({},args,{icon:react_default.a.createElement(icons[args.icon]),mdxType:"IconCard"})))}))),Object(esm.b)(dist_esm.b,{story:"Standard",mdxType:"ArgsTable"}),Object(esm.b)("h2",{id:"variation-on-readonly"},"Variation on readonly"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Readonly",mdxType:"Story"},(function(args){return Object(esm.b)(IconCardGrid,{mdxType:"IconCardGrid"},Object(esm.b)(IconCard,_extends({},args,{icon:react_default.a.createElement(icons[args.icon]),disabled:!0,mdxType:"IconCard"})))}))),Object(esm.b)("h2",{id:"with-no-content"},"With no content"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"With no content",mdxType:"Story"},(function(args){return Object(esm.b)(IconCardGrid,{mdxType:"IconCardGrid"},Object(esm.b)(IconCard,{icon:react_default.a.createElement(icons[args.icon]),label:"Label",mdxType:"IconCard"}))}))),Object(esm.b)("h2",{id:"iconcard-grid"},"IconCard grid"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"IconCard grid",mdxType:"Story"},(function(args){return Object(esm.b)(IconCardGrid,{mdxType:"IconCardGrid"},Object(esm.b)(IconCard,{icon:react_default.a.createElement(icons[args.icon]),label:"Label",content:"Content",mdxType:"IconCard"}),Object(esm.b)(IconCard,{icon:react_default.a.createElement(icons[args.icon]),label:"Label Label Label Label Label Label Label Label Label",content:"Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content ",mdxType:"IconCard"}),Object(esm.b)(IconCard,{icon:react_default.a.createElement(icons[args.icon]),label:"Label",content:"Content",mdxType:"IconCard"}),Object(esm.b)(IconCard,{icon:react_default.a.createElement(icons[args.icon]),label:"Label",content:"Content",mdxType:"IconCard"}),Object(esm.b)(IconCard,{icon:react_default.a.createElement(icons[args.icon]),label:"Label",content:"Content",mdxType:"IconCard"}))}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var IconCard_stories_standard=function standard(args){return Object(esm.b)(IconCardGrid,null,Object(esm.b)(IconCard,_extends({},args,{icon:react_default.a.createElement(icons[args.icon])})))};IconCard_stories_standard.displayName="standard",IconCard_stories_standard.storyName="Standard",IconCard_stories_standard.parameters={storySource:{source:"args => {\n return \n \n ;\n}"}};var IconCard_stories_readonly=function readonly(args){return Object(esm.b)(IconCardGrid,null,Object(esm.b)(IconCard,_extends({},args,{icon:react_default.a.createElement(icons[args.icon]),disabled:!0})))};IconCard_stories_readonly.displayName="readonly",IconCard_stories_readonly.storyName="Readonly",IconCard_stories_readonly.parameters={storySource:{source:"args => {\n return \n \n ;\n}"}};var IconCard_stories_withNoContent=function withNoContent(args){return Object(esm.b)(IconCardGrid,null,Object(esm.b)(IconCard,{icon:react_default.a.createElement(icons[args.icon]),label:"Label"}))};IconCard_stories_withNoContent.displayName="withNoContent",IconCard_stories_withNoContent.storyName="With no content",IconCard_stories_withNoContent.parameters={storySource:{source:"args => {\n return \n \n ;\n}"}};var IconCard_stories_iconCardGrid=function iconCardGrid(args){return Object(esm.b)(IconCardGrid,null,Object(esm.b)(IconCard,{icon:react_default.a.createElement(icons[args.icon]),label:"Label",content:"Content"}),Object(esm.b)(IconCard,{icon:react_default.a.createElement(icons[args.icon]),label:"Label Label Label Label Label Label Label Label Label",content:"Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content "}),Object(esm.b)(IconCard,{icon:react_default.a.createElement(icons[args.icon]),label:"Label",content:"Content"}),Object(esm.b)(IconCard,{icon:react_default.a.createElement(icons[args.icon]),label:"Label",content:"Content"}),Object(esm.b)(IconCard,{icon:react_default.a.createElement(icons[args.icon]),label:"Label",content:"Content"}))};IconCard_stories_iconCardGrid.displayName="iconCardGrid",IconCard_stories_iconCardGrid.storyName="IconCard grid",IconCard_stories_iconCardGrid.parameters={storySource:{source:"args => {\n return \n \n \n \n \n \n ;\n}"}};var componentMeta={title:"Components/IconCard",component:IconCard,args:{icon:"ComponentIcon",label:"Label",content:"This is the content",disabled:!1,onClick:function onClick(){return console.log("click")}},argTypes:{icon:{control:{type:"select"},options:Object.keys(icons),table:{type:{summary:"ReactElement"}}},onClick:{action:"Click on the Card"}},includeStories:["standard","readonly","withNoContent","iconCardGrid"]},mdxStoryNameToKey={Standard:"standard",Readonly:"readonly","With no content":"withNoContent","IconCard grid":"iconCardGrid"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Image/Image.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"fit",(function(){return fit})),__webpack_require__.d(__webpack_exports__,"stack",(function(){return stack})),__webpack_require__.d(__webpack_exports__,"loading",(function(){return loading})),__webpack_require__.d(__webpack_exports__,"background",(function(){return background}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_Image_tsx__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/Image/Image.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e {\n return ;\n}"}};var fit=function fit(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Image_tsx__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{fit:"contain"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Image_tsx__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{fit:"cover"})))};fit.storyName="Fit",fit.parameters={storySource:{source:'args => {\n return <>\n \n \n ;\n}'}};var stack=function stack(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Image_tsx__WEBPACK_IMPORTED_MODULE_8__.a,args),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Image_tsx__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{isStacked:!0})))};stack.storyName="Stack",stack.parameters={storySource:{source:"args => {\n return <>\n \n \n ;\n}"}};var loading=function loading(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Image_tsx__WEBPACK_IMPORTED_MODULE_8__.a,args),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Image_tsx__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{src:null})))};loading.storyName="Loading",loading.parameters={storySource:{source:"args => {\n return <>\n \n \n ;\n}"}};var background=function background(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Image_tsx__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{background:"white",src:"https://doodleipsum.com/200x140/outline?i=63527485e69dea481bb541d7f1da73fe"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Image_tsx__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{background:"checkerboard",src:"https://doodleipsum.com/200x140/outline?i=63527485e69dea481bb541d7f1da73fe"})))};background.storyName="Background",background.parameters={storySource:{source:'args => {\n return <>\n \n \n ;\n}'}};var componentMeta={title:"Components/Image",component:_Image_tsx__WEBPACK_IMPORTED_MODULE_8__.a,args:{src:"https://picsum.photos/seed/akeneo/200/140",alt:"Image alt",width:200,height:140},includeStories:["standard","fit","stack","loading","background"]},mdxStoryNameToKey={Standard:"standard",Fit:"fit",Stack:"stack",Loading:"loading",Background:"background"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Image/Image.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Image}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__),styled_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_theme_theme__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/theme/theme.ts"),_theme_common__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/theme/common.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["fit","isStacked","background","src"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var ImageContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.img(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n border: 1px solid ",";\n object-fit: ",";\n box-sizing: border-box;\n\n ","\n\n ","\n\n ","\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey",80),(function(_ref){return _ref.fit}),(function(_ref2){return _ref2.isStacked&&Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n box-shadow: 1px -1px 0 0 ",", 2px -2px 0 0 ",",\n 3px -3px 0 0 ",", 4px -4px 0 0 ",";\n "])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("white"),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey",80),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("white"),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey",80))}),(function(_ref3){var background=_ref3.background,isLoading=_ref3.isLoading;return"checkerboard"!==background||isLoading?Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n background: ",";\n "])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)(background)):Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n background-image: linear-gradient(45deg, "," 25%, transparent 25%),\n linear-gradient(135deg, "," 25%, transparent 25%),\n linear-gradient(45deg, transparent 75%, "," 75%),\n linear-gradient(135deg, transparent 75%, "," 75%);\n background-size: 25px 25px; /* Must be a square */\n background-position: 0 0, 12.5px 0, 12.5px -12.5px, 0px 12.5px; /* Must be half of one side of the square */\n "])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey",60),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey",60),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey",60),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey",60))}),(function(_ref4){return _ref4.isLoading&&_theme_common__WEBPACK_IMPORTED_MODULE_8__.h})),Image=react__WEBPACK_IMPORTED_MODULE_5___default.a.forwardRef((function(_ref5,forwardedRef){var _ref5$fit=_ref5.fit,fit=void 0===_ref5$fit?"cover":_ref5$fit,_ref5$isStacked=_ref5.isStacked,isStacked=void 0!==_ref5$isStacked&&_ref5$isStacked,_ref5$background=_ref5.background,background=void 0===_ref5$background?"white":_ref5$background,src=_ref5.src,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r',ref:forwardedRef,fit:fit,isStacked:isStacked,background:background},rest))}));try{Image.displayName="Image",Image.__docgenInfo={description:"Image allow to embed an image in a page.",displayName:"Image",props:{src:{defaultValue:null,description:"Define the image source.",name:"src",required:!0,type:{name:"string | null"}},alt:{defaultValue:null,description:"Content of the alternative text.",name:"alt",required:!0,type:{name:"string"}},width:{defaultValue:null,description:"The width of the image.",name:"width",required:!1,type:{name:"number"}},height:{defaultValue:null,description:"The height of the image.",name:"height",required:!1,type:{name:"number"}},fit:{defaultValue:{value:"cover"},description:"Should the image cover all the container or be contained in it.",name:"fit",required:!1,type:{name:"enum",value:[{value:'"cover"'},{value:'"contain"'}]}},isStacked:{defaultValue:{value:"false"},description:"Should the image appear as a stack of multiple images.",name:"isStacked",required:!1,type:{name:"boolean"}},background:{defaultValue:{value:"white"},description:"Should the image appear with a background or not",name:"background",required:!1,type:{name:"enum",value:[{value:'"white"'},{value:'"checkerboard"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Image/Image.tsx#Image"]={docgenInfo:Image.__docgenInfo,name:"Image",path:"src/components/Image/Image.tsx#Image"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Information/Information.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return Information_stories_standard})),__webpack_require__.d(__webpack_exports__,"composition",(function(){return Information_stories_composition})),__webpack_require__.d(__webpack_exports__,"fitContentHeight",(function(){return Information_stories_fitContentHeight}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),addon_links_react=__webpack_require__("./node_modules/@storybook/addon-links/react.js"),styled_components_browser_esm=(__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js")),theme=__webpack_require__("./src/theme/theme.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["illustration","title","children"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var Container=styled_components_browser_esm.default.div(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n align-items: stretch;\n display: flex;\n font-weight: 400;\n padding-right: 15px;\n color: ",";\n min-height: 100px;\n background-color: ",";\n"])),Object(theme.a)("grey120"),Object(theme.a)("blue10")),IconContainer=styled_components_browser_esm.default.span(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n min-height: 80px;\n display: flex;\n align-items: center;\n padding: 10px 20px;\n margin: 10px 20px 10px 0px;\n border-right: 1px solid ",";\n"])),Object(theme.a)("grey80")),HelperTitle=styled_components_browser_esm.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n color: ",";\n font-size: ",";\n font-weight: 700;\n"])),Object(theme.a)("grey140"),Object(theme.e)("bigger")),ContentContainer=styled_components_browser_esm.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n padding: 20px 0px;\n"]))),Information=react_default.a.forwardRef((function(_ref,forwardedRef){var illustration=_ref.illustration,title=_ref.title,children=_ref.children,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r void) | RefObject | null"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Information/Information.tsx#HighlightTitle"]={docgenInfo:HighlightTitle.__docgenInfo,name:"HighlightTitle",path:"src/components/Information/Information.tsx#HighlightTitle"})}catch(__react_docgen_typescript_loader_error){}var Link=__webpack_require__("./src/components/Link/Link.tsx"),UsersIllustration=__webpack_require__("./src/illustrations/UsersIllustration.tsx"),illustrations=__webpack_require__("./src/illustrations/index.ts"),Information_stories_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e {\n const illustrationComponent = React.createElement(Illustrations[args.illustration]);\n return ;\n}"}};var Information_stories_composition=function composition(args){var title=Object(esm.b)(react_default.a.Fragment,null,"Lorem ipsum ",Object(esm.b)(HighlightTitle,null,"dolor")," sit amet");return Object(esm.b)(Information,{title:title,illustration:Object(esm.b)(UsersIllustration.a,null)},"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",Object(esm.b)("br",null),Object(esm.b)(Link.a,{target:"_blank",href:"https://www.akeneo.com/"},"Link to related lorem ipsum"))};Information_stories_composition.displayName="composition",Information_stories_composition.storyName="Composition",Information_stories_composition.parameters={storySource:{source:'args => {\n const title = <>Lorem ipsum dolor sit amet;\n return }>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n
\n Link to related lorem ipsum\n ;\n}'}};var Information_stories_fitContentHeight=function fitContentHeight(args){return Object(esm.b)(Information,{title:"Lorem ipsum dolor sit amet",illustration:Object(esm.b)(UsersIllustration.a,null)},Object(esm.b)("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),Object(esm.b)("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),Object(esm.b)("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),Object(esm.b)("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),Object(esm.b)("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),Object(esm.b)("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),Object(esm.b)("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."))};Information_stories_fitContentHeight.displayName="fitContentHeight",Information_stories_fitContentHeight.storyName="Fit content height",Information_stories_fitContentHeight.parameters={storySource:{source:"args => {\n const title = 'Lorem ipsum dolor sit amet';\n return }>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

\n ;\n}"}};var componentMeta={title:"Components/Information",component:Information,args:{illustration:"UsersIllustration",title:"Lorem ipsum.",children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."},argTypes:{illustration:{control:{type:"select"},options:Object.keys(illustrations)},title:{control:{type:"text"}},children:{control:{type:"text"}}},includeStories:["standard","composition","fitContentHeight"]},mdxStoryNameToKey={Standard:"standard",Composition:"composition","Fit content height":"fitContentHeight"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Input/BooleanInput/BooleanInput.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return BooleanInput_stories_standard})),__webpack_require__.d(__webpack_exports__,"value",(function(){return BooleanInput_stories_value})),__webpack_require__.d(__webpack_exports__,"readonly",(function(){return BooleanInput_stories_readonly})),__webpack_require__.d(__webpack_exports__,"invalid",(function(){return BooleanInput_stories_invalid})),__webpack_require__.d(__webpack_exports__,"small",(function(){return BooleanInput_stories_small}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,_templateObject13,_templateObject14,_templateObject15,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),theme=__webpack_require__("./src/theme/theme.ts"),common=__webpack_require__("./src/theme/common.ts"),DangerIcon=__webpack_require__("./src/icons/DangerIcon.tsx"),EraseIcon=__webpack_require__("./src/icons/EraseIcon.tsx"),LockIcon=__webpack_require__("./src/icons/LockIcon.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["value","readOnly","onChange","clearable","yesLabel","noLabel","clearLabel","invalid","children","size"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var BooleanInputContainer=styled_components_browser_esm.default.div(_templateObject||(_templateObject=_taggedTemplateLiteralLoose([""]))),BooleanButton=styled_components_browser_esm.default.button(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n ","\n height: ","px;\n width: ","px;\n display: inline-block;\n line-height: ","px;\n text-align: center;\n vertical-align: middle;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n background: ",";\n\n ","\n"])),common.b,(function(_ref){return"small"===_ref.size?30:40}),(function(_ref2){return"small"===_ref2.size?48:60}),(function(_ref3){return"small"===_ref3.size?26:36}),Object(theme.a)("white"),(function(_ref4){var readOnly=_ref4.readOnly,invalid=_ref4.invalid;return readOnly?Object(styled_components_browser_esm.css)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n border: 1px solid ",";\n color: ",";\n &:hover {\n background: ",";\n color: ",";\n }\n "])),Object(theme.a)("grey",60),Object(theme.a)("grey",80),Object(theme.a)("white"),Object(theme.a)("grey",80)):Object(styled_components_browser_esm.css)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n border: 1px solid ",";\n cursor: pointer;\n &:hover {\n background: ",";\n color: ",";\n }\n "])),invalid?Object(theme.a)("red",100):Object(theme.a)("grey",80),Object(theme.a)("grey",20),Object(theme.a)("grey",140))})),NoButton=Object(styled_components_browser_esm.default)(BooleanButton)(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n border-radius: 2px 0 0 2px;\n border-right-width: 1px;\n\n ","\n"])),(function(_ref5){var $value=_ref5.$value,readOnly=_ref5.readOnly,invalid=_ref5.invalid;return!1===$value&&Object(styled_components_browser_esm.css)(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(["\n background: ",";\n border-color: ",";\n color: ",";\n &:hover {\n background: ",";\n color: ",";\n }\n &:active {\n background: ",";\n }\n "])),Object(theme.a)("grey",readOnly?80:100),invalid?Object(theme.a)("red",100):Object(theme.a)("grey",readOnly?80:100),Object(theme.a)("white"),Object(theme.a)("grey",readOnly?80:120),Object(theme.a)("white"),Object(theme.a)("grey",readOnly?80:140))})),YesButton=Object(styled_components_browser_esm.default)(BooleanButton)(_templateObject7||(_templateObject7=_taggedTemplateLiteralLoose(["\n border-radius: 0 2px 2px 0;\n border-left-width: 0;\n\n ","\n"])),(function(_ref6){var $value=_ref6.$value,readOnly=_ref6.readOnly,invalid=_ref6.invalid;return!0===$value&&Object(styled_components_browser_esm.css)(_templateObject8||(_templateObject8=_taggedTemplateLiteralLoose(["\n background: ",";\n border-color: ",";\n color: ",";\n\n &:hover {\n background: ",";\n color: ",";\n }\n\n &:active {\n background: ",";\n }\n "])),Object(theme.a)("blue",readOnly?60:100),invalid?Object(theme.a)("red",100):Object(theme.a)("grey",readOnly?60:100),Object(theme.a)("white"),Object(theme.a)("blue",readOnly?60:120),Object(theme.a)("white"),Object(theme.a)("blue",readOnly?60:140))})),ClearButton=styled_components_browser_esm.default.button(_templateObject9||(_templateObject9=_taggedTemplateLiteralLoose(["\n ","\n border: 0;\n margin-left: 5px;\n padding: 5px;\n vertical-align: middle;\n background: ",";\n color: ",";\n"])),common.b,Object(theme.a)("white"),Object(theme.a)("grey",100)),BooleanInputEraseIcon=Object(styled_components_browser_esm.default)(EraseIcon.a)(_templateObject10||(_templateObject10=_taggedTemplateLiteralLoose(["\n vertical-align: bottom;\n margin-right: 6px;\n"]))),IconContainer=styled_components_browser_esm.default.span(_templateObject11||(_templateObject11=_taggedTemplateLiteralLoose(["\n color: 1px solid ",";\n vertical-align: middle;\n margin-left: 10px;\n"])),Object(theme.a)("grey",100)),BooleanInputLockIcon=Object(styled_components_browser_esm.default)(LockIcon.a)(_templateObject12||(_templateObject12=_taggedTemplateLiteralLoose([""]))),ContainerInvalid=styled_components_browser_esm.default.div(_templateObject13||(_templateObject13=_taggedTemplateLiteralLoose(["\n display: flex;\n font-weight: 400;\n padding-right: 20px;\n color: ",";\n"])),Object(theme.a)("red",100)),IconInvalidContainer=styled_components_browser_esm.default.span(_templateObject14||(_templateObject14=_taggedTemplateLiteralLoose(["\n margin: 2px 0;\n color: ",";\n"])),Object(theme.a)("red",100)),TextInvalidContainer=styled_components_browser_esm.default.div(_templateObject15||(_templateObject15=_taggedTemplateLiteralLoose(["\n font-size: 11px;\n padding-left: 4px;\n white-space: break-spaces;\n flex: 1;\n\n a {\n color: ",";\n }\n"])),Object(theme.a)("red",100)),BooleanInput=react_default.a.forwardRef((function(_ref7,forwardedRef){var value=_ref7.value,_ref7$readOnly=_ref7.readOnly,readOnly=void 0!==_ref7$readOnly&&_ref7$readOnly,onChange=_ref7.onChange,_ref7$clearable=_ref7.clearable,clearable=void 0!==_ref7$clearable&&_ref7$clearable,yesLabel=_ref7.yesLabel,noLabel=_ref7.noLabel,clearLabel=_ref7.clearLabel,invalid=_ref7.invalid,children=_ref7.children,_ref7$size=_ref7.size,size=void 0===_ref7$size?"normal":_ref7$size,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r void) | ((value: boolean) => void)"}},clearLabel:{defaultValue:null,description:"",name:"clearLabel",required:!1,type:{name:"string"}},readOnly:{defaultValue:{value:"false"},description:"",name:"readOnly",required:!1,type:{name:"boolean"}},yesLabel:{defaultValue:null,description:"",name:"yesLabel",required:!0,type:{name:"string"}},noLabel:{defaultValue:null,description:"",name:"noLabel",required:!0,type:{name:"string"}},invalid:{defaultValue:null,description:"",name:"invalid",required:!1,type:{name:"boolean"}},size:{defaultValue:{value:"normal"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"normal"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/BooleanInput/BooleanInput.tsx#BooleanInput"]={docgenInfo:BooleanInput.__docgenInfo,name:"BooleanInput",path:"src/components/Input/BooleanInput/BooleanInput.tsx#BooleanInput"})}catch(__react_docgen_typescript_loader_error){}var Link=__webpack_require__("./src/components/Link/Link.tsx"),hooks=__webpack_require__("./node_modules/@storybook/addons/dist/esm/hooks.js"),BooleanInput_stories_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;er.length)&&(a=r.length);for(var e=0,n=Array(a);e {\n const [{\n value\n }, updateArgs] = useArgs();\n const setValue = newValue => {\n updateArgs({\n value: newValue\n });\n };\n return ;\n}"}};var BooleanInput_stories_value=function value(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(BooleanInput,args),Object(esm.b)(BooleanInput,_extends({},args,{value:!0,clearable:!0})),Object(esm.b)(BooleanInput,_extends({},args,{value:!1,clearable:!0})))};BooleanInput_stories_value.storyName="Value",BooleanInput_stories_value.parameters={storySource:{source:"args => {\n return <>\n \n \n \n ;\n}"}};var BooleanInput_stories_readonly=function readonly(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(BooleanInput,_extends({},args,{value:null,readOnly:!0})),Object(esm.b)(BooleanInput,_extends({},args,{value:!0,readOnly:!0})),Object(esm.b)(BooleanInput,_extends({},args,{value:!1,readOnly:!0})))};BooleanInput_stories_readonly.storyName="Readonly",BooleanInput_stories_readonly.parameters={storySource:{source:"args => {\n return <>\n \n \n \n ;\n}"}};var BooleanInput_stories_invalid=function invalid(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(BooleanInput,_extends({},args,{value:null,invalid:!0}),"There is an error. ",Object(esm.b)(Link.a,{href:"#"},"Link")),Object(esm.b)(BooleanInput,_extends({},args,{value:!0,invalid:!0}),"There is an error. ",Object(esm.b)(Link.a,{href:"#"},"Link")),Object(esm.b)(BooleanInput,_extends({},args,{value:!1,invalid:!0}),"There is an error. ",Object(esm.b)(Link.a,{href:"#"},"Link")))};BooleanInput_stories_invalid.storyName="Invalid",BooleanInput_stories_invalid.parameters={storySource:{source:'args => {\n return <>\n \n There is an error. Link\n \n \n There is an error. Link\n \n \n There is an error. Link\n \n ;\n}'}};var BooleanInput_stories_small=function small(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(BooleanInput,_extends({},args,{value:null,size:"small"}),"There is an error. ",Object(esm.b)(Link.a,{href:"#"},"Link")),Object(esm.b)(BooleanInput,_extends({},args,{value:!0,size:"small"}),"There is an error. ",Object(esm.b)(Link.a,{href:"#"},"Link")),Object(esm.b)(BooleanInput,_extends({},args,{value:!1,size:"small"}),"There is an error. ",Object(esm.b)(Link.a,{href:"#"},"Link")))};BooleanInput_stories_small.storyName="Small",BooleanInput_stories_small.parameters={storySource:{source:"args => {\n return <>\n \n There is an error. Link\n \n \n There is an error. Link\n \n \n There is an error. Link\n \n ;\n}"}};var componentMeta={title:"Components/Inputs/Boolean input",component:BooleanInput,args:{value:null,yesLabel:"Yes",noLabel:"No",clearLabel:"Clear value"},argTypes:{value:{control:{type:"select"},options:[!0,!1,null],description:"Value of the input. Can be null if the input is clearable.",table:{defaultValue:{summary:"null"}}},readOnly:{control:{type:"boolean"},description:"Displays the value of the input, but does not allow changes."},clearable:{control:{type:"boolean"},description:"Allows the user to manage a null value, and adds a button to clear the input."},onChange:{description:"The handler called when clicking on Checkbox."},yesLabel:{description:"The label for the Yes button"},noLabel:{description:"The label for the No button"},clearLabel:{description:"The label for the Clear value button"},size:{description:"The size of the buttons",table:{defaultValue:{summary:"normal"}},control:{type:"select"},options:["normal","small"]}},includeStories:["standard","value","readonly","invalid","small"]},mdxStoryNameToKey={Standard:"standard",Value:"value",Readonly:"readonly",Invalid:"invalid",Small:"small"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Input/ColorInput/ColorInput.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return ColorInput_stories_standard})),__webpack_require__.d(__webpack_exports__,"readOnly",(function(){return ColorInput_stories_readOnly})),__webpack_require__.d(__webpack_exports__,"invalid",(function(){return ColorInput_stories_invalid}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),styled_components_browser_esm=(__webpack_require__("./node_modules/core-js/modules/es.string.starts-with.js"),__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js")),DangerIcon=__webpack_require__("./src/icons/DangerIcon.tsx"),LockIcon=__webpack_require__("./src/icons/LockIcon.tsx"),theme=__webpack_require__("./src/theme/theme.ts"),convertColorToLongHexColor=function convertColorToLongHexColor(value){return isValidShortHexColor(value)?"#"+value[1]+value[1]+value[2]+value[2]+value[3]+value[3]:value},isValidShortHexColor=function isValidShortHexColor(value){return/^#[A-Fa-f0-9]{3}$/.test(value)},isValidColor=function isValidColor(value){return function isValidLongHexColor(value){return/^#[A-Fa-f0-9]{6}$/.test(value)}(value)||isValidShortHexColor(value)},jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["invalid","onChange","value","readOnly"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var ColorInputContainer=styled_components_browser_esm.default.div(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 12px;\n border: 1px solid ",";\n border-radius: 2px;\n height: 74px;\n gap: 10px;\n outline-style: none;\n box-sizing: border-box;\n background: ",";\n cursor: ",";\n overflow: hidden;\n ","\n"])),(function(_ref){return _ref.invalid?Object(theme.a)("red",100):Object(theme.a)("grey",80)}),(function(_ref2){return _ref2.readOnly?Object(theme.a)("grey",20):Object(theme.a)("white")}),(function(_ref3){return _ref3.readOnly?"not-allowed":"auto"}),(function(_ref4){return!_ref4.readOnly&&Object(styled_components_browser_esm.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n &:focus-within {\n box-shadow: 0 0 0 2px ",";\n }\n "])),Object(theme.a)("blue",40))})),ColorPicker=styled_components_browser_esm.default.input(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n width: 47px;\n height: 47px;\n border: none;\n padding: 0;\n ::-moz-color-swatch-wrapper {\n padding: 0;\n }\n ::-webkit-color-swatch-wrapper {\n padding: 0;\n }\n ::-webkit-color-swatch {\n border: none;\n }\n ::-moz-color-swatch {\n border: none;\n }\n"]))),TextInput=styled_components_browser_esm.default.input(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n border: none;\n flex: 1;\n outline: none;\n color: ",";\n background: transparent;\n cursor: ",";\n height: 100%;\n\n &::placeholder {\n opacity: 1;\n color: ",";\n }\n"])),(function(_ref5){return _ref5.readOnly?Object(theme.a)("grey",100):Object(theme.a)("grey",140)}),(function(_ref6){return _ref6.readOnly?"not-allowed":"auto"}),Object(theme.a)("grey",100)),ReadOnlyIcon=Object(styled_components_browser_esm.default)(LockIcon.a)(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n margin-left: 4px;\n"]))),ErrorIcon=Object(styled_components_browser_esm.default)(DangerIcon.a)(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(["\n padding: 0 15px 0 16px;\n box-sizing: content-box;\n"]))),ColorInput=Object(react.forwardRef)((function(_ref7,forwardedRef){var invalid=_ref7.invalid,onChange=_ref7.onChange,value=_ref7.value,readOnly=_ref7.readOnly,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r void) | (((newValue: string) => void) & ((newValue: string) => void))"}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:"Value of the input.",name:"value",required:!0,type:{name:"string"}},placeholder:{defaultValue:null,description:"Placeholder displayed when the input is empty.",name:"placeholder",required:!1,type:{name:"string"}},invalid:{defaultValue:null,description:"Defines if the input is valid or not.",name:"invalid",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/ColorInput/ColorInput.tsx#ColorInput"]={docgenInfo:ColorInput.__docgenInfo,name:"ColorInput",path:"src/components/Input/ColorInput/ColorInput.tsx#ColorInput"})}catch(__react_docgen_typescript_loader_error){}var ColorInput_stories_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;er.length)&&(a=r.length);for(var e=0,n=Array(a);e void"}}}},args:{value:"#9452ba",placeholder:"Please enter a value in the ColorInput"},mdxType:"Meta"}),Object(esm.b)("h1",{id:"colorinput-beta"},"ColorInput (Beta)"),Object(esm.b)("h2",{id:"usage"},"Usage"),Object(esm.b)("p",null,"Color input component allows the user to enter a color in hexadecimal format."),Object(esm.b)("h3",{id:"placeholder-text"},"Placeholder text"),Object(esm.b)("p",null,"The placeholder text provides tips or examples of items to enter. Placeholder text disappears when the user begins entering data."),Object(esm.b)("h2",{id:"playground"},"Playground"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Standard",mdxType:"Story"},(function(args){var _useState2=_slicedToArray(Object(react.useState)(args.value),2),value=_useState2[0],setValue=_useState2[1];return Object(esm.b)(ColorInput,_extends({},args,{value:value,onChange:setValue,mdxType:"ColorInput"}))}))),Object(esm.b)(dist_esm.b,{story:"Standard",mdxType:"ArgsTable"}),Object(esm.b)("h2",{id:"variation-on-readonly"},"Variation on readOnly"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Read only",mdxType:"Story"},(function(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(ColorInput,{value:"#000",readOnly:!1,mdxType:"ColorInput"}),Object(esm.b)(ColorInput,{value:"#008542",readOnly:!0,mdxType:"ColorInput"}))}))),Object(esm.b)("h2",{id:"variation-on-invalid"},"Variation on invalid"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Invalid",mdxType:"Story"},(function(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(ColorInput,{value:"#ffe000",invalid:!1,mdxType:"ColorInput"}),Object(esm.b)(ColorInput,{value:"not a color",invalid:!0,mdxType:"ColorInput"}))}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var ColorInput_stories_standard=function standard(args){var _useState4=_slicedToArray(Object(react.useState)(args.value),2),value=_useState4[0],setValue=_useState4[1];return Object(esm.b)(ColorInput,_extends({},args,{value:value,onChange:setValue}))};ColorInput_stories_standard.displayName="standard",ColorInput_stories_standard.storyName="Standard",ColorInput_stories_standard.parameters={storySource:{source:"args => {\n const [value, setValue] = useState(args.value);\n return ;\n}"}};var ColorInput_stories_readOnly=function readOnly(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(ColorInput,{value:"#000",readOnly:!1}),Object(esm.b)(ColorInput,{value:"#008542",readOnly:!0}))};ColorInput_stories_readOnly.storyName="Read only",ColorInput_stories_readOnly.parameters={storySource:{source:'args => {\n return <>\n \n \n ;\n}'}};var ColorInput_stories_invalid=function invalid(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(ColorInput,{value:"#ffe000",invalid:!1}),Object(esm.b)(ColorInput,{value:"not a color",invalid:!0}))};ColorInput_stories_invalid.storyName="Invalid",ColorInput_stories_invalid.parameters={storySource:{source:'args => {\n return <>\n \n \n ;\n}'}};var componentMeta={title:"Components/Inputs/Color input",component:ColorInput,args:{value:"#9452ba",placeholder:"Please enter a value in the ColorInput"},argTypes:{readOnly:{control:{type:"boolean"},description:"Defines if the input should be read only. If defined so, the user cannot change the value of the input.",table:{type:{summary:"boolean"}}},onChange:{description:"The handler called when the value of the input changes.",table:{type:{summary:"(newValue: string) => void"}}}},includeStories:["standard","readOnly","invalid"]},mdxStoryNameToKey={Standard:"standard","Read only":"readOnly",Invalid:"invalid"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Input/DateInput/DateInput.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"readOnly",(function(){return readOnly})),__webpack_require__.d(__webpack_exports__,"invalid",(function(){return invalid})),__webpack_require__.d(__webpack_exports__,"htmlPropsMaxMin",(function(){return htmlPropsMaxMin}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_15___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_15__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_DateInput_tsx__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/components/Input/DateInput/DateInput.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;er.length)&&(a=r.length);for(var e=0,n=Array(a);e void"}}}},args:{value:""},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h1",{id:"dateinput-beta"},"DateInput (Beta)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h2",{id:"usage"},"Usage"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("p",null,"Date input allows the user to enter content and data when the expected user input is a date."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h2",{id:"playground"},"Playground"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.e,{name:"Standard",mdxType:"Story"},(function(args){var _useState2=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_15__.useState)(args.value),2),value=_useState2[0],setValue=_useState2[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_DateInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{value:value,onChange:setValue,mdxType:"DateInput"}))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.b,{story:"Standard",mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h2",{id:"variation-on-readonly"},"Variation on readOnly"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.e,{name:"Read only",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_DateInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{readOnly:!1,mdxType:"DateInput"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_DateInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{readOnly:!0,mdxType:"DateInput"})))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h2",{id:"variation-on-invalid"},"Variation on invalid"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.e,{name:"Invalid",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_DateInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{invalid:!1,mdxType:"DateInput"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_DateInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,{value:"not a date",invalid:!0,mdxType:"DateInput"}))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h2",{id:"variation-on-html-props-max-min"},"Variation on HTML props (max, min)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.e,{name:"HTML props (max, min)",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_DateInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{min:"1955-11-05",max:"1985-11-05",mdxType:"DateInput"})))}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var standard=function standard(args){var _useState4=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_15__.useState)(args.value),2),value=_useState4[0],setValue=_useState4[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_DateInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{value:value,onChange:setValue}))};standard.displayName="standard",standard.storyName="Standard",standard.parameters={storySource:{source:"args => {\n const [value, setValue] = useState(args.value);\n return ;\n}"}};var readOnly=function readOnly(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_DateInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{readOnly:!1})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_DateInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{readOnly:!0})))};readOnly.storyName="Read only",readOnly.parameters={storySource:{source:"args => {\n return <>\n \n \n ;\n}"}};var invalid=function invalid(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_DateInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{invalid:!1})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_DateInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,{value:"not a date",invalid:!0}))};invalid.storyName="Invalid",invalid.parameters={storySource:{source:'args => {\n return <>\n \n \n ;\n}'}};var htmlPropsMaxMin=function htmlPropsMaxMin(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_DateInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{min:"1955-11-05",max:"1985-11-05"})))};htmlPropsMaxMin.storyName="HTML props (max, min)",htmlPropsMaxMin.parameters={storySource:{source:'args => {\n return <>\n \n ;\n}'}};var componentMeta={title:"Components/Inputs/Date input",component:_DateInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,args:{value:""},argTypes:{readOnly:{control:{type:"boolean"},description:"Defines if the input should be read only. If defined so, the user cannot change the value of the input.",table:{type:{summary:"boolean"}}},onChange:{description:"The handler called when the value of the input changes.",table:{type:{summary:"(newValue: string) => void"}}}},includeStories:["standard","readOnly","invalid","htmlPropsMaxMin"]},mdxStoryNameToKey={Standard:"standard","Read only":"readOnly",Invalid:"invalid","HTML props (max, min)":"htmlPropsMaxMin"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Input/DateInput/DateInput.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return DateInput}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),styled_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_shared_key__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/shared/key.ts"),_icons_LockIcon__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/icons/LockIcon.tsx"),_icons_DateIcon__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/icons/DateIcon.tsx"),_theme_theme__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/theme/theme.ts"),_hooks_useShortcut__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/hooks/useShortcut.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["invalid","onChange","value","readOnly","onSubmit"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var InputContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n"]))),Input=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.input(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n z-index: 0;\n width: 100%;\n height: 40px;\n border: 1px solid ",";\n border-radius: 2px;\n box-sizing: border-box;\n background: ",";\n color: ",";\n text-transform: uppercase;\n font-size: ",";\n line-height: 40px;\n padding: 0 "," 0 15px;\n outline-style: none;\n cursor: ",";\n\n ","\n\n &:focus-within {\n box-shadow: 0 0 0 2px ",";\n }\n\n &::placeholder {\n opacity: 1;\n color: ",";\n }\n\n &::-webkit-datetime-edit-fields-wrapper {\n color: ",";\n }\n\n &::-webkit-calendar-picker-indicator {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n width: auto;\n height: auto;\n color: transparent;\n background: transparent;\n }\n"])),(function(_ref){return _ref.invalid?Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("red",100):Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("grey",80)}),(function(_ref2){return _ref2.readOnly?Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("grey",20):Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("white")}),(function(_ref3){return _ref3.readOnly?Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("grey",100):Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("grey",140)}),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.e)("default"),(function(_ref4){return _ref4.readOnly?"35px":"15px"}),(function(_ref5){return _ref5.readOnly?"not-allowed":"auto"}),(function(_ref6){return _ref6.readOnly&&Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n overflow: hidden;\n text-overflow: ellipsis;\n "])))}),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("blue",40),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("grey",100),(function(_ref7){return _ref7.readOnly?Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("grey",100):Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("grey",140)})),IconContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n position: absolute;\n right: 12px;\n top: 0;\n padding-left: 12px;\n pointer-events: none;\n z-index: 1;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"]))),ReadOnlyIcon=Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.default)(_icons_LockIcon__WEBPACK_IMPORTED_MODULE_8__.a)(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n color: ",";\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("grey",100)),DateInput=Object(react__WEBPACK_IMPORTED_MODULE_5__.forwardRef)((function(_ref8,forwardedRef){var _forwardedRef,invalid=_ref8.invalid,onChange=_ref8.onChange,value=_ref8.value,readOnly=_ref8.readOnly,onSubmit=_ref8.onSubmit,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r void) | (((newValue: string) => void) & ((newValue: string) => void))"}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:"Value of the input.\nThe value is based on the ISO-8601 standard an always formatted yyyy-mm-dd.",name:"value",required:!1,type:{name:"string"}},invalid:{defaultValue:null,description:"Defines if the input is valid on not.",name:"invalid",required:!1,type:{name:"boolean"}},onSubmit:{defaultValue:null,description:"Callback called when the user hit enter on the field.",name:"onSubmit",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/DateInput/DateInput.tsx#DateInput"]={docgenInfo:DateInput.__docgenInfo,name:"DateInput",path:"src/components/Input/DateInput/DateInput.tsx#DateInput"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Input/MediaFileInput/MediaFileInput.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return MediaFileInput_stories_standard})),__webpack_require__.d(__webpack_exports__,"size",(function(){return MediaFileInput_stories_size})),__webpack_require__.d(__webpack_exports__,"clearable",(function(){return MediaFileInput_stories_clearable})),__webpack_require__.d(__webpack_exports__,"readOnly",(function(){return MediaFileInput_stories_readOnly})),__webpack_require__.d(__webpack_exports__,"invalid",(function(){return MediaFileInput_stories_invalid}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),styled_components_browser_esm=(__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.async-iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.to-string-tag.js"),__webpack_require__("./node_modules/core-js/modules/es.math.to-string-tag.js"),__webpack_require__("./node_modules/core-js/modules/es.json.to-string-tag.js"),__webpack_require__("./node_modules/core-js/modules/es.object.create.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.array.reverse.js"),__webpack_require__("./node_modules/core-js/modules/es.promise.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js")),key=__webpack_require__("./src/shared/key.ts"),theme=__webpack_require__("./src/theme/theme.ts"),ImportIllustration=__webpack_require__("./src/illustrations/ImportIllustration.tsx"),IconButton=__webpack_require__("./src/components/IconButton/IconButton.tsx"),Image=__webpack_require__("./src/components/Image/Image.tsx"),ProgressBar=__webpack_require__("./src/components/ProgressBar/ProgressBar.tsx"),CloseIcon=__webpack_require__("./src/icons/CloseIcon.tsx"),LockIcon=__webpack_require__("./src/icons/LockIcon.tsx"),useBooleanState=__webpack_require__("./src/hooks/useBooleanState.ts"),useShortcut=__webpack_require__("./src/hooks/useShortcut.ts"),DefaultPicture=__webpack_require__("./static/illustrations/DefaultPicture.svg"),DefaultPicture_default=__webpack_require__.n(DefaultPicture),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["onChange","value","thumbnailUrl","uploadingLabel","uploader","size","placeholder","clearTitle","children","uploadErrorLabel","invalid","readOnly","clearable","className"];function _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==typeof h&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(n,t,e,r,o,a,c){try{var i=n[a](c),u=i.value}catch(n){return void e(n)}i.done?t(u):Promise.resolve(u).then(r,o)}function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _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 _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e void) | (((newValue: FileInfo | null) => void) & ((newValue: FileInfo | null) => void))"}},readOnly:{defaultValue:{value:"false"},description:"",name:"readOnly",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:"Value of the input.",name:"value",required:!0,type:{name:"FileInfo | null"}},thumbnailUrl:{defaultValue:null,description:"Url of the thumbnail (can be base64).",name:"thumbnailUrl",required:!0,type:{name:"string | null"}},uploader:{defaultValue:null,description:"Method called to upload the file.",name:"uploader",required:!0,type:{name:"(file: File, onProgress: (ratio: number) => void) => Promise"}},placeholder:{defaultValue:null,description:"Placeholder displayed when the input is empty.",name:"placeholder",required:!1,type:{name:"string"}},uploadingLabel:{defaultValue:null,description:"Label displayed during image uploading.",name:"uploadingLabel",required:!0,type:{name:"string"}},clearTitle:{defaultValue:null,description:"Title of the clear icon button.",name:"clearTitle",required:!0,type:{name:"string"}},clearable:{defaultValue:{value:"true"},description:"Defines if the input can be cleared.",name:"clearable",required:!1,type:{name:"boolean"}},uploadErrorLabel:{defaultValue:null,description:"Label displayed when the upload failed.",name:"uploadErrorLabel",required:!0,type:{name:"string"}},size:{defaultValue:{value:"default"},description:"Defines if the input is compact or not.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"default"'}]}},invalid:{defaultValue:{value:"false"},description:"Defines if the input is valid on not.",name:"invalid",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/MediaFileInput/MediaFileInput.tsx#MediaFileInput"]={docgenInfo:MediaFileInput.__docgenInfo,name:"MediaFileInput",path:"src/components/Input/MediaFileInput/MediaFileInput.tsx#MediaFileInput"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/web.url.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js");function useFakeMediaStorage_slicedToArray(r,e){return function useFakeMediaStorage_arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function useFakeMediaStorage_iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function useFakeMediaStorage_unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return useFakeMediaStorage_arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?useFakeMediaStorage_arrayLikeToArray(r,a):void 0}}(r,e)||function useFakeMediaStorage_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 useFakeMediaStorage_arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e0&&void 0!==arguments[0]?arguments[0]:null,_useState2=useFakeMediaStorage_slicedToArray(Object(react.useState)(defaultPath),2),thumbnailUrl=_useState2[0],setThumbnailUrl=_useState2[1];return[thumbnailUrl,function uploader(file,onProgress){return new Promise((function(resolve){var normalizedFile=URL.createObjectURL(file);setThumbnailUrl(normalizedFile);var progress=0,interval=setInterval((function(){onProgress(++progress/20)}),100);setTimeout((function(){clearInterval(interval),resolve({filePath:"/file/"+file.name,originalFilename:file.name})}),2e3)}))}]},FullscreenPreview=__webpack_require__("./src/storybook/components/FullscreenPreview.tsx"),Button=__webpack_require__("./src/components/Button/Button.tsx"),DownloadIcon=__webpack_require__("./src/icons/DownloadIcon.tsx"),FullscreenIcon=__webpack_require__("./src/icons/FullscreenIcon.tsx"),MediaFileInput_stories_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;er.length)&&(a=r.length);for(var e=0,n=Array(a);e {\n const [thumbnailUrl, uploader] = useFakeMediaStorage(\'https://picsum.photos/seed/akeneo/200\');\n const [isFullscreenModalOpen, openFullscreenModal, closeFullscreenModal] = useBooleanState();\n const [value, setValue] = useState(null);\n return <>\n \n } title="Download" />\n } title="Fullscreen" onClick={openFullscreenModal} />\n \n {isFullscreenModalOpen && value && \n \n }\n ;\n}'}};var MediaFileInput_stories_size=function size(args){var _useFakeMediaStorage14=MediaFileInput_stories_slicedToArray(useFakeMediaStorage_useFakeMediaStorage("https://picsum.photos/seed/akeneo/200"),2),thumbnailUrl=_useFakeMediaStorage14[0],uploader=_useFakeMediaStorage14[1],_useBooleanState14=MediaFileInput_stories_slicedToArray(Object(useBooleanState.a)(),3),isFullscreenModalOpen=_useBooleanState14[0],openFullscreenModal=_useBooleanState14[1],closeFullscreenModal=_useBooleanState14[2],_useState12=MediaFileInput_stories_slicedToArray(Object(react.useState)({filePath:"/file/path.jpg",originalFilename:"nice-name.jpg"}),2),value=_useState12[0],setValue=_useState12[1];return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MediaFileInput,_extends({},args,{value:value,thumbnailUrl:thumbnailUrl,onChange:setValue,uploader:uploader}),Object(esm.b)(IconButton.a,{href:thumbnailUrl,target:"_blank",download:thumbnailUrl,icon:Object(esm.b)(DownloadIcon.a,null),title:"Download"}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(FullscreenIcon.a,null),title:"Fullscreen",onClick:openFullscreenModal})),Object(esm.b)(MediaFileInput,_extends({},args,{size:"small",value:value,thumbnailUrl:thumbnailUrl,onChange:setValue,uploader:uploader}),Object(esm.b)(IconButton.a,{href:thumbnailUrl,target:"_blank",download:thumbnailUrl,icon:Object(esm.b)(DownloadIcon.a,null),title:"Download"}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(FullscreenIcon.a,null),title:"Fullscreen",onClick:openFullscreenModal})),isFullscreenModalOpen&&value&&Object(esm.b)(FullscreenPreview.a,{title:value.originalFilename,src:thumbnailUrl,onClose:closeFullscreenModal},Object(esm.b)(Button.a,{href:thumbnailUrl,ghost:!0,level:"tertiary",target:"_blank",download:thumbnailUrl},Object(esm.b)(DownloadIcon.a,null)," Download")))};MediaFileInput_stories_size.storyName="Size",MediaFileInput_stories_size.parameters={storySource:{source:'args => {\n const file = {\n filePath: \'/file/path.jpg\',\n originalFilename: \'nice-name.jpg\'\n };\n const [thumbnailUrl, uploader] = useFakeMediaStorage(\'https://picsum.photos/seed/akeneo/200\');\n const [isFullscreenModalOpen, openFullscreenModal, closeFullscreenModal] = useBooleanState();\n const [value, setValue] = useState(file);\n return <>\n \n } title="Download" />\n } title="Fullscreen" onClick={openFullscreenModal} />\n \n \n } title="Download" />\n } title="Fullscreen" onClick={openFullscreenModal} />\n \n {isFullscreenModalOpen && value && \n \n }\n ;\n}'}};var MediaFileInput_stories_clearable=function clearable(args){var _useFakeMediaStorage16=MediaFileInput_stories_slicedToArray(useFakeMediaStorage_useFakeMediaStorage("https://picsum.photos/seed/akeneo/200"),2),thumbnailUrl=_useFakeMediaStorage16[0],uploader=_useFakeMediaStorage16[1],_useBooleanState16=MediaFileInput_stories_slicedToArray(Object(useBooleanState.a)(),3),isFullscreenModalOpen=_useBooleanState16[0],openFullscreenModal=_useBooleanState16[1],closeFullscreenModal=_useBooleanState16[2],_useState14=MediaFileInput_stories_slicedToArray(Object(react.useState)({filePath:"/file/path.jpg",originalFilename:"nice-name.jpg"}),2),value=_useState14[0],setValue=_useState14[1];return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MediaFileInput,_extends({},args,{size:"small",value:value,thumbnailUrl:thumbnailUrl,onChange:setValue,uploader:uploader,clearable:!0}),Object(esm.b)(IconButton.a,{href:thumbnailUrl,target:"_blank",download:thumbnailUrl,icon:Object(esm.b)(DownloadIcon.a,null),title:"Download"}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(FullscreenIcon.a,null),title:"Fullscreen",onClick:openFullscreenModal})),Object(esm.b)(MediaFileInput,_extends({},args,{size:"small",value:value,thumbnailUrl:thumbnailUrl,onChange:setValue,uploader:uploader,clearable:!1}),Object(esm.b)(IconButton.a,{href:thumbnailUrl,target:"_blank",download:thumbnailUrl,icon:Object(esm.b)(DownloadIcon.a,null),title:"Download"}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(FullscreenIcon.a,null),title:"Fullscreen",onClick:openFullscreenModal})),isFullscreenModalOpen&&value&&Object(esm.b)(FullscreenPreview.a,{title:value.originalFilename,src:thumbnailUrl,onClose:closeFullscreenModal},Object(esm.b)(Button.a,{href:thumbnailUrl,ghost:!0,level:"tertiary",target:"_blank",download:thumbnailUrl},Object(esm.b)(DownloadIcon.a,null)," Download")))};MediaFileInput_stories_clearable.storyName="Clearable",MediaFileInput_stories_clearable.parameters={storySource:{source:'args => {\n const file = {\n filePath: \'/file/path.jpg\',\n originalFilename: \'nice-name.jpg\'\n };\n const [thumbnailUrl, uploader] = useFakeMediaStorage(\'https://picsum.photos/seed/akeneo/200\');\n const [isFullscreenModalOpen, openFullscreenModal, closeFullscreenModal] = useBooleanState();\n const [value, setValue] = useState(file);\n return <>\n \n } title="Download" />\n } title="Fullscreen" onClick={openFullscreenModal} />\n \n \n } title="Download" />\n } title="Fullscreen" onClick={openFullscreenModal} />\n \n {isFullscreenModalOpen && value && \n \n }\n ;\n}'}};var MediaFileInput_stories_readOnly=function readOnly(args){var file={filePath:"/file/path.jpg",originalFilename:"nice-name.jpg"},_useFakeMediaStorage18=MediaFileInput_stories_slicedToArray(useFakeMediaStorage_useFakeMediaStorage("https://picsum.photos/seed/akeneo/200"),2),thumbnailUrl=_useFakeMediaStorage18[0],uploader=_useFakeMediaStorage18[1],_useBooleanState18=MediaFileInput_stories_slicedToArray(Object(useBooleanState.a)(),3),isFullscreenModalOpen=_useBooleanState18[0],openFullscreenModal=_useBooleanState18[1],closeFullscreenModal=_useBooleanState18[2];return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MediaFileInput,_extends({},args,{value:null,readOnly:!0,uploader:uploader,thumbnailUrl:thumbnailUrl}),Object(esm.b)(IconButton.a,{href:thumbnailUrl,target:"_blank",download:thumbnailUrl,icon:Object(esm.b)(DownloadIcon.a,null),title:"Download"}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(FullscreenIcon.a,null),title:"Fullscreen",onClick:openFullscreenModal})),Object(esm.b)(MediaFileInput,_extends({},args,{value:file,readOnly:!0,uploader:uploader,thumbnailUrl:thumbnailUrl}),Object(esm.b)(IconButton.a,{href:thumbnailUrl,target:"_blank",download:thumbnailUrl,icon:Object(esm.b)(DownloadIcon.a,null),title:"Download"}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(FullscreenIcon.a,null),title:"Fullscreen",onClick:openFullscreenModal})),Object(esm.b)(MediaFileInput,_extends({},args,{value:null,size:"small",readOnly:!0,uploader:uploader,thumbnailUrl:thumbnailUrl}),Object(esm.b)(IconButton.a,{href:thumbnailUrl,target:"_blank",download:thumbnailUrl,icon:Object(esm.b)(DownloadIcon.a,null),title:"Download"}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(FullscreenIcon.a,null),title:"Fullscreen",onClick:openFullscreenModal})),Object(esm.b)(MediaFileInput,_extends({},args,{value:file,size:"small",readOnly:!0,uploader:uploader,thumbnailUrl:thumbnailUrl}),Object(esm.b)(IconButton.a,{href:thumbnailUrl,target:"_blank",download:thumbnailUrl,icon:Object(esm.b)(DownloadIcon.a,null),title:"Download"}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(FullscreenIcon.a,null),title:"Fullscreen",onClick:openFullscreenModal})),isFullscreenModalOpen&&file&&Object(esm.b)(FullscreenPreview.a,{title:file.originalFilename,src:thumbnailUrl,onClose:closeFullscreenModal},Object(esm.b)(Button.a,{href:thumbnailUrl,ghost:!0,level:"tertiary",target:"_blank",download:thumbnailUrl},Object(esm.b)(DownloadIcon.a,null)," Download")))};MediaFileInput_stories_readOnly.storyName="Read only",MediaFileInput_stories_readOnly.parameters={storySource:{source:'args => {\n const file = {\n filePath: \'/file/path.jpg\',\n originalFilename: \'nice-name.jpg\'\n };\n const [thumbnailUrl, uploader] = useFakeMediaStorage(\'https://picsum.photos/seed/akeneo/200\');\n const [isFullscreenModalOpen, openFullscreenModal, closeFullscreenModal] = useBooleanState();\n return <>\n \n } title="Download" />\n } title="Fullscreen" onClick={openFullscreenModal} />\n \n \n } title="Download" />\n } title="Fullscreen" onClick={openFullscreenModal} />\n \n \n } title="Download" />\n } title="Fullscreen" onClick={openFullscreenModal} />\n \n \n } title="Download" />\n } title="Fullscreen" onClick={openFullscreenModal} />\n \n {isFullscreenModalOpen && file && \n \n }\n ;\n}'}};var MediaFileInput_stories_invalid=function invalid(args){var _useFakeMediaStorage20=MediaFileInput_stories_slicedToArray(useFakeMediaStorage_useFakeMediaStorage("https://picsum.photos/seed/akeneo/200"),2),thumbnailUrl=_useFakeMediaStorage20[0],uploader=_useFakeMediaStorage20[1],_useBooleanState20=MediaFileInput_stories_slicedToArray(Object(useBooleanState.a)(),3),isFullscreenModalOpen=_useBooleanState20[0],openFullscreenModal=_useBooleanState20[1],closeFullscreenModal=_useBooleanState20[2],_useState16=MediaFileInput_stories_slicedToArray(Object(react.useState)({filePath:"/file/path.jpg",originalFilename:"invalid-image.jpg"}),2),value=_useState16[0],setValue=_useState16[1];return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MediaFileInput,_extends({},args,{value:value,thumbnailUrl:thumbnailUrl,onChange:setValue,uploader:uploader,invalid:!0}),Object(esm.b)(IconButton.a,{href:thumbnailUrl,target:"_blank",download:thumbnailUrl,icon:Object(esm.b)(DownloadIcon.a,null),title:"Download"}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(FullscreenIcon.a,null),title:"Fullscreen",onClick:openFullscreenModal})),Object(esm.b)(MediaFileInput,_extends({},args,{size:"small",value:value,thumbnailUrl:thumbnailUrl,onChange:setValue,uploader:uploader,invalid:!0}),Object(esm.b)(IconButton.a,{href:thumbnailUrl,target:"_blank",download:thumbnailUrl,icon:Object(esm.b)(DownloadIcon.a,null),title:"Download"}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(FullscreenIcon.a,null),title:"Fullscreen",onClick:openFullscreenModal})),isFullscreenModalOpen&&value&&Object(esm.b)(FullscreenPreview.a,{title:value.originalFilename,src:thumbnailUrl,onClose:closeFullscreenModal},Object(esm.b)(Button.a,{href:thumbnailUrl,ghost:!0,level:"tertiary",target:"_blank",download:thumbnailUrl},Object(esm.b)(DownloadIcon.a,null)," Download")))};MediaFileInput_stories_invalid.storyName="Invalid",MediaFileInput_stories_invalid.parameters={storySource:{source:'args => {\n const file = {\n filePath: \'/file/path.jpg\',\n originalFilename: \'invalid-image.jpg\'\n };\n const [thumbnailUrl, uploader] = useFakeMediaStorage(\'https://picsum.photos/seed/akeneo/200\');\n const [isFullscreenModalOpen, openFullscreenModal, closeFullscreenModal] = useBooleanState();\n const [value, setValue] = useState(file);\n return <>\n \n } title="Download" />\n } title="Fullscreen" onClick={openFullscreenModal} />\n \n \n } title="Download" />\n } title="Fullscreen" onClick={openFullscreenModal} />\n \n {isFullscreenModalOpen && value && \n \n }\n ;\n}'}};var componentMeta={title:"Components/Inputs/Media File input",component:MediaFileInput,args:{value:null,placeholder:"Drag and drop to upload or click here",clearTitle:"Clear",uploadingLabel:"Uploading...",uploadErrorLabel:"An error occurred during upload"},includeStories:["standard","size","clearable","readOnly","invalid"]},mdxStoryNameToKey={Standard:"standard",Size:"size",Clearable:"clearable","Read only":"readOnly",Invalid:"invalid"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Input/MediaLinkInput/MediaLinkInput.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return MediaLinkInput_stories_standard})),__webpack_require__.d(__webpack_exports__,"readOnly",(function(){return MediaLinkInput_stories_readOnly})),__webpack_require__.d(__webpack_exports__,"invalid",(function(){return MediaLinkInput_stories_invalid}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),styled_components_browser_esm=(__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js")),key=__webpack_require__("./src/shared/key.ts"),theme=__webpack_require__("./src/theme/theme.ts"),DefaultPictureIllustration=__webpack_require__("./src/illustrations/DefaultPictureIllustration.tsx"),IconButton=__webpack_require__("./src/components/IconButton/IconButton.tsx"),Image=__webpack_require__("./src/components/Image/Image.tsx"),LockIcon=__webpack_require__("./src/icons/LockIcon.tsx"),useShortcut=__webpack_require__("./src/hooks/useShortcut.ts"),DefaultPicture=__webpack_require__("./static/illustrations/DefaultPicture.svg"),DefaultPicture_default=__webpack_require__.n(DefaultPicture),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["onChange","value","placeholder","thumbnailUrl","children","invalid","readOnly","onSubmit"];function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _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 _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e void) | (((newValue: string) => void) & ((newValue: string) => void))"}},readOnly:{defaultValue:{value:"false"},description:"",name:"readOnly",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:"Value of the input.",name:"value",required:!0,type:{name:"string"}},thumbnailUrl:{defaultValue:null,description:"Url of the thumbnail (can be base64).",name:"thumbnailUrl",required:!0,type:{name:"string | null"}},placeholder:{defaultValue:null,description:"Placeholder displayed when the input is empty.",name:"placeholder",required:!1,type:{name:"string"}},invalid:{defaultValue:{value:"false"},description:"Defines if the input is valid or not.",name:"invalid",required:!1,type:{name:"boolean"}},onSubmit:{defaultValue:null,description:"Callback called when the user hit enter on the field.",name:"onSubmit",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/MediaLinkInput/MediaLinkInput.tsx#MediaLinkInput"]={docgenInfo:MediaLinkInput.__docgenInfo,name:"MediaLinkInput",path:"src/components/Input/MediaLinkInput/MediaLinkInput.tsx#MediaLinkInput"})}catch(__react_docgen_typescript_loader_error){}var FullscreenPreview=__webpack_require__("./src/storybook/components/FullscreenPreview.tsx"),Button=__webpack_require__("./src/components/Button/Button.tsx"),RefreshIcon=__webpack_require__("./src/icons/RefreshIcon.tsx"),CopyIcon=__webpack_require__("./src/icons/CopyIcon.tsx"),DownloadIcon=__webpack_require__("./src/icons/DownloadIcon.tsx"),FullscreenIcon=__webpack_require__("./src/icons/FullscreenIcon.tsx"),useBooleanState=__webpack_require__("./src/hooks/useBooleanState.ts"),MediaLinkInput_stories_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;er.length)&&(a=r.length);for(var e=0,n=Array(a);e {\n const [value, setValue] = useState(\'https://picsum.photos/seed/strixos/500/500\');\n const [isFullscreenModalOpen, openFullscreenModal, closeFullscreenModal] = useBooleanState();\n return <>\n \n } title="Regenerate" onClick={console.log} />\n } title="Copy" onClick={console.log} />\n } title="Download" />\n } title="Fullscreen" onClick={openFullscreenModal} />\n \n {isFullscreenModalOpen && value && \n \n }\n ;\n}'}};var MediaLinkInput_stories_readOnly=function readOnly(args){var _useState10=MediaLinkInput_stories_slicedToArray(Object(react.useState)("https://picsum.photos/seed/strixos/500/500"),2),value=_useState10[0],setValue=_useState10[1],_useBooleanState10=MediaLinkInput_stories_slicedToArray(Object(useBooleanState.a)(),3),isFullscreenModalOpen=_useBooleanState10[0],openFullscreenModal=_useBooleanState10[1],closeFullscreenModal=_useBooleanState10[2];return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MediaLinkInput,_extends({},args,{readOnly:!1,value:"",onChange:setValue,thumbnailUrl:value}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(RefreshIcon.a,null),title:"Regenerate",onClick:console.log}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(CopyIcon.a,null),title:"Copy",onClick:console.log}),Object(esm.b)(IconButton.a,{href:value,target:"_blank",download:value,icon:Object(esm.b)(DownloadIcon.a,null),title:"Download"}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(FullscreenIcon.a,null),title:"Fullscreen",onClick:openFullscreenModal})),Object(esm.b)(MediaLinkInput,_extends({},args,{readOnly:!0,value:"",onChange:setValue,thumbnailUrl:value}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(RefreshIcon.a,null),title:"Regenerate",onClick:console.log}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(CopyIcon.a,null),title:"Copy",onClick:console.log}),Object(esm.b)(IconButton.a,{href:value,target:"_blank",download:value,icon:Object(esm.b)(DownloadIcon.a,null),title:"Download"}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(FullscreenIcon.a,null),title:"Fullscreen",onClick:openFullscreenModal})),Object(esm.b)(MediaLinkInput,_extends({},args,{readOnly:!0,value:value,onChange:setValue,thumbnailUrl:value}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(RefreshIcon.a,null),title:"Regenerate",onClick:console.log}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(CopyIcon.a,null),title:"Copy",onClick:console.log}),Object(esm.b)(IconButton.a,{href:value,target:"_blank",download:value,icon:Object(esm.b)(DownloadIcon.a,null),title:"Download"}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(FullscreenIcon.a,null),title:"Fullscreen",onClick:openFullscreenModal})),isFullscreenModalOpen&&value&&Object(esm.b)(FullscreenPreview.a,{title:value.originalFilename,src:value,onClose:closeFullscreenModal},Object(esm.b)(Button.a,{href:value,ghost:!0,level:"tertiary",target:"_blank",download:value},Object(esm.b)(DownloadIcon.a,null)," Download")))};MediaLinkInput_stories_readOnly.storyName="Read only",MediaLinkInput_stories_readOnly.parameters={storySource:{source:'args => {\n const [value, setValue] = useState(\'https://picsum.photos/seed/strixos/500/500\');\n const [isFullscreenModalOpen, openFullscreenModal, closeFullscreenModal] = useBooleanState();\n return <>\n \n } title="Regenerate" onClick={console.log} />\n } title="Copy" onClick={console.log} />\n } title="Download" />\n } title="Fullscreen" onClick={openFullscreenModal} />\n \n \n } title="Regenerate" onClick={console.log} />\n } title="Copy" onClick={console.log} />\n } title="Download" />\n } title="Fullscreen" onClick={openFullscreenModal} />\n \n \n } title="Regenerate" onClick={console.log} />\n } title="Copy" onClick={console.log} />\n } title="Download" />\n } title="Fullscreen" onClick={openFullscreenModal} />\n \n {isFullscreenModalOpen && value && \n \n }\n ;\n}'}};var MediaLinkInput_stories_invalid=function invalid(args){var _useState12=MediaLinkInput_stories_slicedToArray(Object(react.useState)("https://picsum.photos/seed/strixos/500/500"),2),value=_useState12[0],setValue=_useState12[1],_useBooleanState12=MediaLinkInput_stories_slicedToArray(Object(useBooleanState.a)(),3),isFullscreenModalOpen=_useBooleanState12[0],openFullscreenModal=_useBooleanState12[1],closeFullscreenModal=_useBooleanState12[2];return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MediaLinkInput,_extends({},args,{invalid:!1,value:value,onChange:setValue,thumbnailUrl:value}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(RefreshIcon.a,null),title:"Regenerate",onClick:console.log}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(CopyIcon.a,null),title:"Copy",onClick:console.log}),Object(esm.b)(IconButton.a,{href:value,target:"_blank",download:value,icon:Object(esm.b)(DownloadIcon.a,null),title:"Download"}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(FullscreenIcon.a,null),title:"Fullscreen",onClick:openFullscreenModal})),Object(esm.b)(MediaLinkInput,_extends({},args,{invalid:!0,value:value,onChange:setValue,thumbnailUrl:value}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(RefreshIcon.a,null),title:"Regenerate",onClick:console.log}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(CopyIcon.a,null),title:"Copy",onClick:console.log}),Object(esm.b)(IconButton.a,{href:value,target:"_blank",download:value,icon:Object(esm.b)(DownloadIcon.a,null),title:"Download"}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(FullscreenIcon.a,null),title:"Fullscreen",onClick:openFullscreenModal})),isFullscreenModalOpen&&value&&Object(esm.b)(FullscreenPreview.a,{title:value.originalFilename,src:value,onClose:closeFullscreenModal},Object(esm.b)(Button.a,{href:value,ghost:!0,level:"tertiary",target:"_blank",download:value},Object(esm.b)(DownloadIcon.a,null)," Download")))};MediaLinkInput_stories_invalid.storyName="Invalid",MediaLinkInput_stories_invalid.parameters={storySource:{source:'args => {\n const [value, setValue] = useState(\'https://picsum.photos/seed/strixos/500/500\');\n const [isFullscreenModalOpen, openFullscreenModal, closeFullscreenModal] = useBooleanState();\n return <>\n \n } title="Regenerate" onClick={console.log} />\n } title="Copy" onClick={console.log} />\n } title="Download" />\n } title="Fullscreen" onClick={openFullscreenModal} />\n \n \n } title="Regenerate" onClick={console.log} />\n } title="Copy" onClick={console.log} />\n } title="Download" />\n } title="Fullscreen" onClick={openFullscreenModal} />\n \n {isFullscreenModalOpen && value && \n \n }\n ;\n}'}};var componentMeta={title:"Components/Inputs/Media Link input",component:MediaLinkInput,args:{value:null,placeholder:"Put your media link here"},includeStories:["standard","readOnly","invalid"]},mdxStoryNameToKey={Standard:"standard","Read only":"readOnly",Invalid:"invalid"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Input/MetricInput/MetricInput.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return MetricInput_stories_standard})),__webpack_require__.d(__webpack_exports__,"withFunctionsForLabels",(function(){return MetricInput_stories_withFunctionsForLabels}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),NumberInput=(__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./src/components/Input/NumberInput/NumberInput.tsx")),SelectInput=__webpack_require__("./src/components/Input/SelectInput/SelectInput.tsx"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),theme=__webpack_require__("./src/theme/theme.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var MetricInputContainer=styled_components_browser_esm.default.div(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n display: flex;\n > *:nth-child(2) {\n width: auto;\n }\n"]))),CustomNumberInput=Object(styled_components_browser_esm.default)(NumberInput.a)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n border-right: none;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n min-width: 60px;\n &:focus {\n border-right: 1px solid ",";\n width: calc(100% - 2px);\n }\n"])),Object(theme.a)("grey",80)),CustomSelectInput=Object(styled_components_browser_esm.default)(SelectInput.a)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n input {\n border-left: none;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n &:focus {\n border-left: 1px solid ",";\n }\n }\n span {\n text-transform: uppercase;\n color: ",";\n }\n"])),Object(theme.a)("grey",80),Object(theme.a)("grey",100)),MetricInput_MetricInput=function MetricInput(_ref){var amount=_ref.amount,onAmountChange=_ref.onAmountChange,unit=_ref.unit,onUnitChange=_ref.onUnitChange,unitOptions=_ref.unitOptions,openLabel=_ref.openLabel,min=_ref.min,max=_ref.max,getLabel=Object(react.useCallback)((function(unit,amount){var option=unitOptions.find((function(o){return o.value===unit}));return option?"string"==typeof option.label?option.label:option.label(amount):""}),[unitOptions]);return Object(jsx_runtime.jsxs)(MetricInputContainer,{children:[Object(jsx_runtime.jsx)(CustomNumberInput,{value:amount,onChange:onAmountChange,withIncrementIcons:!1,min:min,max:max}),Object(jsx_runtime.jsx)(CustomSelectInput,{onChange:onUnitChange,value:unit,clearable:!1,openLabel:openLabel,emptyResultLabel:"No result found",children:unitOptions.map((function(unitOption){return Object(jsx_runtime.jsx)(SelectInput.a.Option,{value:unitOption.value,title:getLabel(unitOption.value,amount),children:getLabel(unitOption.value,amount)},unitOption.value)}))})]})};MetricInput_MetricInput.displayName="MetricInput";try{MetricInput_MetricInput.displayName="MetricInput",MetricInput_MetricInput.__docgenInfo={description:"",displayName:"MetricInput",props:{amount:{defaultValue:null,description:"",name:"amount",required:!0,type:{name:"string"}},onAmountChange:{defaultValue:null,description:"",name:"onAmountChange",required:!0,type:{name:"(amount: string) => void"}},unit:{defaultValue:null,description:"",name:"unit",required:!0,type:{name:"string | null"}},onUnitChange:{defaultValue:null,description:"",name:"onUnitChange",required:!0,type:{name:"(unit: string) => void"}},unitOptions:{defaultValue:null,description:"",name:"unitOptions",required:!0,type:{name:"{ value: string; label: string | ((amount: string) => string); }[]"}},openLabel:{defaultValue:null,description:"",name:"openLabel",required:!0,type:{name:"string"}},min:{defaultValue:null,description:"",name:"min",required:!1,type:{name:"number"}},max:{defaultValue:null,description:"",name:"max",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/MetricInput/MetricInput.tsx#MetricInput"]={docgenInfo:MetricInput_MetricInput.__docgenInfo,name:"MetricInput",path:"src/components/Input/MetricInput/MetricInput.tsx#MetricInput"})}catch(__react_docgen_typescript_loader_error){}var _excluded=["components"];function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _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 _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e1?"Days":"Day"}},{value:"week",label:function label(value){return value>1?"Weeks":"Week"}},{value:"month",label:function label(value){return value>1?"Months":"Month"}},{value:"year",label:function label(value){return value>1?"Years":"Year"}}],mdxType:"MetricInput"}))}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var MetricInput_stories_standard=function standard(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MetricInput_MetricInput,args))};MetricInput_stories_standard.storyName="Standard",MetricInput_stories_standard.parameters={storySource:{source:"args => {\n return <>\n \n ;\n}"}};var MetricInput_stories_withFunctionsForLabels=function withFunctionsForLabels(args){var _useState6=_slicedToArray(Object(react.useState)(args.amount),2),amount=_useState6[0],setAmount=_useState6[1],_useState8=_slicedToArray(Object(react.useState)(args.unit),2),unit=_useState8[0],setUnit=_useState8[1];return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MetricInput_MetricInput,{amount:amount,unit:unit,onUnitChange:setUnit,onAmountChange:setAmount,unitOptions:[{value:"day",label:function label(value){return value>1?"Days":"Day"}},{value:"week",label:function label(value){return value>1?"Weeks":"Week"}},{value:"month",label:function label(value){return value>1?"Months":"Month"}},{value:"year",label:function label(value){return value>1?"Years":"Year"}}]}))};MetricInput_stories_withFunctionsForLabels.storyName="With functions for labels",MetricInput_stories_withFunctionsForLabels.parameters={storySource:{source:"args => {\n const [amount, setAmount] = useState(args.amount);\n const [unit, setUnit] = useState(args.unit);\n const unitOptions = [{\n value: 'day',\n label: value => value > 1 ? 'Days' : 'Day'\n }, {\n value: 'week',\n label: value => value > 1 ? 'Weeks' : 'Week'\n }, {\n value: 'month',\n label: value => value > 1 ? 'Months' : 'Month'\n }, {\n value: 'year',\n label: value => value > 1 ? 'Years' : 'Year'\n }];\n return <>\n \n ;\n}"}};var componentMeta={title:"Components/Inputs/Metric input",component:MetricInput_MetricInput,args:{amount:"12",unit:"week",unitOptions:[{value:"day",label:"Days"},{value:"week",label:"Weeks"},{value:"month",label:"Months"},{value:"year",label:"Years"}]},argTypes:{amount:{control:{type:"text"}},unit:{control:{type:"select"},options:["day","week","month","year"]},unitOptions:{control:{type:"object"}}},includeStories:["standard","withFunctionsForLabels"]},mdxStoryNameToKey={Standard:"standard","With functions for labels":"withFunctionsForLabels"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Input/MultiSelectInput/MultiSelectInput.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"optionGroup",(function(){return optionGroup})),__webpack_require__.d(__webpack_exports__,"readOnly",(function(){return readOnly})),__webpack_require__.d(__webpack_exports__,"lockedValues",(function(){return lockedValues})),__webpack_require__.d(__webpack_exports__,"invalid",(function(){return invalid})),__webpack_require__.d(__webpack_exports__,"invalidValue",(function(){return invalidValue})),__webpack_require__.d(__webpack_exports__,"verticalPosition",(function(){return verticalPosition})),__webpack_require__.d(__webpack_exports__,"large",(function(){return large})),__webpack_require__.d(__webpack_exports__,"pagination",(function(){return pagination}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_16___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_16__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/components/Input/MultiSelectInput/MultiSelectInput.tsx"),_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/storybook/PreviewGallery.tsx"),_excluded=["components"];function _toConsumableArray(r){return function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r)}(r)||function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(r)||_unsupportedIterableToArray(r)||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 _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;er.length)&&(a=r.length);for(var e=0,n=Array(a);e void"}}},children:{table:{type:{summary:"[]"}}}},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h1",{id:"multi-select-input"},"Multi select input"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"usage"},"Usage"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Multi select input allows the user to select content and data when the expected user input is composed of multiple option values."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h3",{id:"placeholder-text"},"Placeholder text"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"The placeholder text provides tips or examples of items to enter. Placeholder text disappears when the user begins entering data."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"playground"},"Playground"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{name:"Standard",mdxType:"Story"},(function(args){var _useState2=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)([]),2),value=_useState2[0],setValue=_useState2[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:170,mdxType:"SpaceContainer"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{removeLabel:"Remove",value:value,onChange:setValue,mdxType:"MultiSelectInput"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)")))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.b,{story:"Standard",mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"variation-on-optiongroup"},"Variation on optionGroup"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{name:"OptionGroup",mdxType:"Story"},(function(args){var _useState4=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)([]),2),value=_useState4[0],setValue=_useState4[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:170,mdxType:"SpaceContainer"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{removeLabel:"Remove",value:value,onChange:setValue,mdxType:"MultiSelectInput"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.OptionGroup,{title:"Europe"},"Europe"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_GB"},"English (United Kingdom)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.OptionGroup,{title:"America"},"America"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)")))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.b,{story:"OptionGroup",mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"variation-on-readonly"},"Variation on readOnly"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{name:"ReadOnly",mdxType:"Story"},(function(args){var _useState6=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)([]),2),value=_useState6[0],setValue=_useState6[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,{readOnly:!0,value:["en_US"],placeholder:"Placeholder",emptyResultLabel:"No match found",mdxType:"MultiSelectInput"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES"},"Spanish (Spain)")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,{readOnly:!0,value:["en_US","fr_FR"],onChange:setValue,emptyResultLabel:"No result found",mdxType:"MultiSelectInput"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,{readOnly:!1,value:value,onChange:setValue,placeholder:"Editable select",emptyResultLabel:"No result found",mdxType:"MultiSelectInput"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES"},"Spanish (Spain)")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:100,mdxType:"SpaceContainer"}))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"variation-on-locked-values"},"Variation on locked values"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{name:"LockedValues",mdxType:"Story"},(function(args){var _useState8=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(["en_US","fr_FR","de_DE"]),2),value=_useState8[0],setValue=_useState8[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,{value:value,placeholder:"Placeholder",emptyResultLabel:"No match found",lockedValues:["en_US","fr_FR"],onChange:setValue,mdxType:"MultiSelectInput"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES"},"Spanish (Spain)"))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"variation-on-invalid"},"Variation on invalid"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{name:"Invalid",mdxType:"Story"},(function(args){var _useState10=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)([]),2),validValue=_useState10[0],setValidValue=_useState10[1],_useState12=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)([]),2),invalidValue=_useState12[0],setInvalidValue=_useState12[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:invalidValue,onChange:setInvalidValue,invalid:!0,placeholder:"Invalid input value",mdxType:"MultiSelectInput"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES"},"Spanish (Spain)")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,{value:validValue,onChange:setValidValue,invalid:!1,placeholder:"Valid input value",emptyResultLabel:"No result found",mdxType:"MultiSelectInput"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES"},"Spanish (Spain)")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:100,mdxType:"SpaceContainer"}))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"variation-on-invalid-value"},"Variation on invalid value"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{name:"InvalidValue",mdxType:"Story"},(function(args){var _useState14=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(["en_US","fr_FR"]),2),validValue=_useState14[0],setValidValue=_useState14[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:validValue,invalidValue:["en_US","de_DE"],onChange:setValidValue,placeholder:"Invalid input value",mdxType:"MultiSelectInput"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES"},"Spanish (Spain)")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:100,mdxType:"SpaceContainer"}))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"variation-on-vertical-position"},"Variation on vertical position"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{name:"Vertical position",mdxType:"Story"},(function(args){var _useState16=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)([]),2),upValue=_useState16[0],setUpValue=_useState16[1],_useState18=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)([]),2),downValue=_useState18[0],setDownValue=_useState18[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:120,mdxType:"SpaceContainer"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:upValue,onChange:setUpValue,verticalPosition:"up",placeholder:"Up input",mdxType:"MultiSelectInput"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES"},"Spanish (Spain)")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,{value:downValue,onChange:setDownValue,verticalPosition:"down",placeholder:"Down input",emptyResultLabel:"No result found",mdxType:"MultiSelectInput"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES"},"Spanish (Spain)")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:100,mdxType:"SpaceContainer"}))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"variation-on-large-select-input"},"Variation on large select input"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{name:"Large",mdxType:"Story"},(function(args){var _useState20=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)([]),2),value=_useState20[0],setValue=_useState20[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:value,onChange:setValue,emptyResultLabel:"No match found",mdxType:"MultiSelectInput"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES"},"Spanish (Spain)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"ad_AD"},"Andorra"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"ae_AE"},"United Arab Emirates"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"af_AF"},"Afghanistan"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"ag_AG"},"Antigua and Barbuda"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"ai_AI"},"Anguilla"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"al_AL"},"Albania"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"au_AU"},"Australia"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"be_BE"},"Belgium"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"br_BR"},"Brazil"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"bs_BS"},"Bahamas")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:350,mdxType:"SpaceContainer"}))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"pagination"},"Pagination"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{name:"Pagination",mdxType:"Story"},(function(args){var _useState22=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(_toConsumableArray(Array(20).keys())),2),items=_useState22[0],setItems=_useState22[1],_useState24=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)([]),2),value=_useState24[0],setValue=_useState24[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:170,mdxType:"SpaceContainer"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:value,onChange:setValue,emptyResultLabel:"No matches found",onNextPage:function onNextPage(){setItems(_toConsumableArray(Array(items.length+20).keys()))},mdxType:"MultiSelectInput"}),items.map((function(item){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"Option "+item,title:"Option "+item,key:"Option "+item},"Option "+(item+1))}))))}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var standard=function standard(args){var _useState26=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)([]),2),value=_useState26[0],setValue=_useState26[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:170},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{removeLabel:"Remove",value:value,onChange:setValue}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)")))};standard.displayName="standard",standard.storyName="Standard",standard.parameters={storySource:{source:'args => {\n const [value, setValue] = useState([]);\n return \n \n English (United States)\n French (France)\n German (Germany)\n \n ;\n}'}};var optionGroup=function optionGroup(args){var _useState28=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)([]),2),value=_useState28[0],setValue=_useState28[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:170},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{removeLabel:"Remove",value:value,onChange:setValue}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.OptionGroup,{title:"Europe"},"Europe"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_GB"},"English (United Kingdom)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.OptionGroup,{title:"America"},"America"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)")))};optionGroup.displayName="optionGroup",optionGroup.storyName="OptionGroup",optionGroup.parameters={storySource:{source:'args => {\n const [value, setValue] = useState([]);\n return \n \n Europe\n English (United Kingdom)\n French (France)\n German (Germany)\n America\n English (United States)\n \n ;\n}'}};var readOnly=function readOnly(args){var _useState30=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)([]),2),value=_useState30[0],setValue=_useState30[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,{readOnly:!0,value:["en_US"],placeholder:"Placeholder",emptyResultLabel:"No match found"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES"},"Spanish (Spain)")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,{readOnly:!0,value:["en_US","fr_FR"],onChange:setValue,emptyResultLabel:"No result found"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,{readOnly:!1,value:value,onChange:setValue,placeholder:"Editable select",emptyResultLabel:"No result found"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES"},"Spanish (Spain)")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:100}))};readOnly.storyName="ReadOnly",readOnly.parameters={storySource:{source:'args => {\n const [value, setValue] = useState([]);\n return <>\n \n English (United States)\n French (France)\n German (Germany)\n Spanish (Spain)\n \n \n English (United States)\n French (France)\n \n \n English (United States)\n French (France)\n German (Germany)\n Spanish (Spain)\n \n \n ;\n}'}};var lockedValues=function lockedValues(args){var _useState32=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(["en_US","fr_FR","de_DE"]),2),value=_useState32[0],setValue=_useState32[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,{value:value,placeholder:"Placeholder",emptyResultLabel:"No match found",lockedValues:["en_US","fr_FR"],onChange:setValue},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES"},"Spanish (Spain)"))};lockedValues.displayName="lockedValues",lockedValues.storyName="LockedValues",lockedValues.parameters={storySource:{source:'args => {\n const [value, setValue] = useState([\'en_US\', \'fr_FR\', \'de_DE\']);\n return \n English (United States)\n French (France)\n German (Germany)\n Spanish (Spain)\n ;\n}'}};var invalid=function invalid(args){var _useState34=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)([]),2),validValue=_useState34[0],setValidValue=_useState34[1],_useState36=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)([]),2),invalidValue=_useState36[0],setInvalidValue=_useState36[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:invalidValue,onChange:setInvalidValue,invalid:!0,placeholder:"Invalid input value"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES"},"Spanish (Spain)")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,{value:validValue,onChange:setValidValue,invalid:!1,placeholder:"Valid input value",emptyResultLabel:"No result found"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES"},"Spanish (Spain)")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:100}))};invalid.storyName="Invalid",invalid.parameters={storySource:{source:'args => {\n const [validValue, setValidValue] = useState([]);\n const [invalidValue, setInvalidValue] = useState([]);\n return <>\n \n English (United States)\n French (France)\n German (Germany)\n Spanish (Spain)\n \n \n English (United States)\n French (France)\n German (Germany)\n Spanish (Spain)\n \n \n ;\n}'}};var invalidValue=function invalidValue(args){var _useState38=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(["en_US","fr_FR"]),2),validValue=_useState38[0],setValidValue=_useState38[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:validValue,invalidValue:["en_US","de_DE"],onChange:setValidValue,placeholder:"Invalid input value"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES"},"Spanish (Spain)")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:100}))};invalidValue.storyName="InvalidValue",invalidValue.parameters={storySource:{source:'args => {\n const invalidValue = [\'en_US\', \'de_DE\'];\n const [validValue, setValidValue] = useState([\'en_US\', \'fr_FR\']);\n return <>\n \n English (United States)\n French (France)\n German (Germany)\n Spanish (Spain)\n \n \n ;\n}'}};var verticalPosition=function verticalPosition(args){var _useState40=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)([]),2),upValue=_useState40[0],setUpValue=_useState40[1],_useState42=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)([]),2),downValue=_useState42[0],setDownValue=_useState42[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:120}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:upValue,onChange:setUpValue,verticalPosition:"up",placeholder:"Up input"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES"},"Spanish (Spain)")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,{value:downValue,onChange:setDownValue,verticalPosition:"down",placeholder:"Down input",emptyResultLabel:"No result found"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES"},"Spanish (Spain)")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:100}))};verticalPosition.storyName="Vertical position",verticalPosition.parameters={storySource:{source:'args => {\n const [upValue, setUpValue] = useState([]);\n const [downValue, setDownValue] = useState([]);\n return <>\n \n \n English (United States)\n French (France)\n German (Germany)\n Spanish (Spain)\n \n \n English (United States)\n French (France)\n German (Germany)\n Spanish (Spain)\n \n \n ;\n}'}};var large=function large(args){var _useState44=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)([]),2),value=_useState44[0],setValue=_useState44[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:value,onChange:setValue,emptyResultLabel:"No match found"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES"},"Spanish (Spain)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"ad_AD"},"Andorra"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"ae_AE"},"United Arab Emirates"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"af_AF"},"Afghanistan"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"ag_AG"},"Antigua and Barbuda"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"ai_AI"},"Anguilla"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"al_AL"},"Albania"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"au_AU"},"Australia"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"be_BE"},"Belgium"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"br_BR"},"Brazil"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"bs_BS"},"Bahamas")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:350}))};large.storyName="Large",large.parameters={storySource:{source:'args => {\n const [value, setValue] = useState([]);\n return <>\n \n English (United States)\n French (France)\n German (Germany)\n Spanish (Spain)\n Andorra\n United Arab Emirates\n Afghanistan\n Antigua and Barbuda\n Anguilla\n Albania\n Australia\n Belgium\n Brazil\n Bahamas\n \n \n ;\n}'}};var pagination=function pagination(args){var _useState46=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(_toConsumableArray(Array(20).keys())),2),items=_useState46[0],setItems=_useState46[1],_useState48=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)([]),2),value=_useState48[0],setValue=_useState48[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:170},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:value,onChange:setValue,emptyResultLabel:"No matches found",onNextPage:function onNextPage(){setItems(_toConsumableArray(Array(items.length+20).keys()))}}),items.map((function(item){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"Option "+item,title:"Option "+item,key:"Option "+item},"Option "+(item+1))}))))};pagination.displayName="pagination",pagination.storyName="Pagination",pagination.parameters={storySource:{source:'args => {\n const [items, setItems] = useState([...Array(20).keys()]);\n const [value, setValue] = useState([]);\n const onNextPage = () => {\n setItems([...Array(items.length + 20).keys()]);\n };\n return \n \n {items.map(item => \n {`Option ${item + 1}`}\n )}\n \n ;\n}'}};var componentMeta={title:"Components/Inputs/Multi Select input",component:_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,args:{placeholder:"Please enter a value in the Multi select input",emptyResultLabel:"No result found",value:[]},argTypes:{readOnly:{control:{type:"boolean"},description:"Defines if the input should be read only. If defined so, the user cannot change the value of the input.",table:{type:{summary:"boolean"}}},onChange:{description:"The handler called when the value of the input changes.",table:{type:{summary:"(newValue: string[]) => void"}}},children:{table:{type:{summary:"[]"}}}},includeStories:["standard","optionGroup","readOnly","lockedValues","invalid","invalidValue","verticalPosition","large","pagination"]},mdxStoryNameToKey={Standard:"standard",OptionGroup:"optionGroup",ReadOnly:"readOnly",LockedValues:"lockedValues",Invalid:"invalid",InvalidValue:"invalidValue","Vertical position":"verticalPosition",Large:"large",Pagination:"pagination"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Input/MultiSelectInput/MultiSelectInput.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return MultiSelectInput_MultiSelectInput}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.reduce.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.array.some.js"),__webpack_require__("./node_modules/core-js/modules/es.array.find-index.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),array=__webpack_require__("./src/shared/array.ts"),key=__webpack_require__("./src/shared/key.ts"),Overlay=__webpack_require__("./src/components/Input/common/Overlay.tsx"),IconButton=__webpack_require__("./src/components/IconButton/IconButton.tsx"),useBooleanState=__webpack_require__("./src/hooks/useBooleanState.ts"),useShortcut=__webpack_require__("./src/hooks/useShortcut.ts"),theme_theme=__webpack_require__("./src/theme/theme.ts"),ArrowDownIcon=__webpack_require__("./src/icons/ArrowDownIcon.tsx"),CloseIcon=__webpack_require__("./src/icons/CloseIcon.tsx"),LockIcon=__webpack_require__("./src/icons/LockIcon.tsx"),useTheme=__webpack_require__("./src/hooks/useTheme.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _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 _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e "," {\n padding-left: 11px;\n }\n"])),Object(theme_theme.a)("grey",120),Input),ReadOnlyIcon=Object(styled_components_browser_esm.default)(LockIcon.a)(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n position: absolute;\n right: 0;\n top: 0;\n margin: 11px;\n color: ",";\n"])),Object(theme_theme.a)("grey",100)),LockedValueIcon=Object(styled_components_browser_esm.default)(LockIcon.a)(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(["\n padding-right: 5px;\n"]))),RemoveButton=Object(styled_components_browser_esm.default)(IconButton.a)(_templateObject7||(_templateObject7=_taggedTemplateLiteralLoose(["\n background-color: transparent;\n margin-left: -3px;\n margin-right: 1px;\n color: ",";\n"])),(function(_ref7){return _ref7.isErrored?Object(theme_theme.a)("red",100):Object(theme_theme.a)("grey",100)})),ChipInput=react_default.a.forwardRef((function(_ref8,forwardedRef){var id=_ref8.id,value=_ref8.value,invalidValue=_ref8.invalidValue,invalid=_ref8.invalid,readOnly=_ref8.readOnly,placeholder=_ref8.placeholder,searchValue=_ref8.searchValue,removeLabel=_ref8.removeLabel,onRemove=_ref8.onRemove,onSearchChange=_ref8.onSearchChange,onFocus=_ref8.onFocus,lockedValues=_ref8.lockedValues,theme=Object(useTheme.a)(),_useBooleanState2=_slicedToArray(Object(useBooleanState.a)(),3),isLastSelected=_useBooleanState2[0],selectLast=_useBooleanState2[1],unselectLast=_useBooleanState2[2];return Object(react.useEffect)((function(){unselectLast()}),[value,searchValue]),Object(useShortcut.a)(key.a.Backspace,(function handleBackspace(){""===searchValue&&0!==value.length&&(isLastSelected?onRemove(value[value.length-1].code):selectLast())}),forwardedRef),Object(jsx_runtime.jsxs)(Container,{invalid:invalid,readOnly:readOnly,children:[value.map((function(chip,index){return Object(jsx_runtime.jsxs)(Chip,{readOnly:readOnly,isLocked:null==lockedValues?void 0:lockedValues.includes(chip.code),isErrored:invalidValue.includes(chip.code),isSelected:index===value.length-1&&isLastSelected,children:[!readOnly&&!(null!=lockedValues&&lockedValues.includes(chip.code))&&Object(jsx_runtime.jsx)(RemoveButton,{title:removeLabel,ghost:"borderless",size:"small",level:"tertiary",icon:Object(jsx_runtime.jsx)(CloseIcon.a,{color:invalidValue.includes(chip.code)?theme.color.red100:theme.color.grey100}),onClick:function onClick(){return onRemove(chip.code)},isErrored:invalidValue.includes(chip.code)}),(null==lockedValues?void 0:lockedValues.includes(chip.code))&&Object(jsx_runtime.jsx)(LockedValueIcon,{size:16}),chip.label]},chip.code)})),Object(jsx_runtime.jsxs)(InputContainer,{children:[Object(jsx_runtime.jsx)(Input,{type:"text",id:id,value:searchValue,ref:forwardedRef,placeholder:0===value.length?placeholder:void 0,onChange:function handleChange(event){return onSearchChange(event.target.value)},onBlur:unselectLast,"aria-invalid":invalid,readOnly:readOnly,disabled:readOnly,onFocus:onFocus}),readOnly&&Object(jsx_runtime.jsx)(ReadOnlyIcon,{size:16})]})]})}));try{ChipInput.displayName="ChipInput",ChipInput.__docgenInfo={description:"",displayName:"ChipInput",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"ChipValue[]"}},invalidValue:{defaultValue:null,description:"",name:"invalidValue",required:!0,type:{name:"string[]"}},invalid:{defaultValue:null,description:"",name:"invalid",required:!1,type:{name:"boolean"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string"}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"boolean"}},searchValue:{defaultValue:null,description:"",name:"searchValue",required:!0,type:{name:"string"}},removeLabel:{defaultValue:null,description:"",name:"removeLabel",required:!0,type:{name:"string"}},onRemove:{defaultValue:null,description:"",name:"onRemove",required:!0,type:{name:"(chipCode: string) => void"}},onSearchChange:{defaultValue:null,description:"",name:"onSearchChange",required:!0,type:{name:"(searchValue: string) => void"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"(() => void)"}},lockedValues:{defaultValue:null,description:"",name:"lockedValues",required:!1,type:{name:"string[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/MultiSelectInput/ChipInput.tsx#ChipInput"]={docgenInfo:ChipInput.__docgenInfo,name:"ChipInput",path:"src/components/Input/MultiSelectInput/ChipInput.tsx#ChipInput"})}catch(__react_docgen_typescript_loader_error){}var MultiSelectInput_templateObject,MultiSelectInput_templateObject2,MultiSelectInput_templateObject3,MultiSelectInput_templateObject4,MultiSelectInput_templateObject5,MultiSelectInput_templateObject6,MultiSelectInput_templateObject7,usePagination=__webpack_require__("./src/hooks/usePagination.ts"),_excluded=["children"],_excluded2=["children"],_excluded3=["id","placeholder","invalid","value","invalidValue","emptyResultLabel","children","onChange","removeLabel","onSubmit","openLabel","readOnly","verticalPosition","onNextPage","onSearchChange","disableInternalSearch","lockedValues","aria-labelledby"];function _toConsumableArray(r){return function _arrayWithoutHoles(r){if(Array.isArray(r))return MultiSelectInput_arrayLikeToArray(r)}(r)||function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(r)||MultiSelectInput_unsupportedIterableToArray(r)||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 MultiSelectInput_slicedToArray(r,e){return function MultiSelectInput_arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function MultiSelectInput_iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||MultiSelectInput_unsupportedIterableToArray(r,e)||function MultiSelectInput_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 MultiSelectInput_unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return MultiSelectInput_arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?MultiSelectInput_arrayLikeToArray(r,a):void 0}}function MultiSelectInput_arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e0&&dropdownIsOpen){var firstOptionIndex=filteredChildren.findIndex((function(child){return isOption(child)})),newValue=filteredChildren[firstOptionIndex].props.value;null==onChange||onChange(Object(array.a)([].concat(_toConsumableArray(value),[newValue]))),setSearchValue(""),null==onSearchChange||onSearchChange(""),closeOverlay()}else!readOnly&&(null==onSubmit||onSubmit())}),inputRef),Object(useShortcut.a)(key.a.Escape,handleBlur,inputRef),Object(react.useEffect)((function(){filteredChildren.some((function(child){return isOptionGroup(child)}))&&setWithGroups(!0)}),[filteredChildren]),Object(jsx_runtime.jsxs)(MultiSelectInputContainer,Object.assign({ref:containerRef,readOnly:readOnly,value:value},rest,{children:[Object(jsx_runtime.jsxs)(MultiSelectInput_InputContainer,{children:[Object(jsx_runtime.jsx)(ChipInput,{ref:inputRef,id:id,placeholder:placeholder,value:value.map((function(chipCode){var _indexedChips$chipCod;return null!==(_indexedChips$chipCod=indexedChips[chipCode])&&void 0!==_indexedChips$chipCod?_indexedChips$chipCod:{code:chipCode,label:chipCode}})),invalidValue:invalidValue,searchValue:searchValue,removeLabel:removeLabel,readOnly:readOnly,invalid:invalid,onSearchChange:function handleSearch(value){setSearchValue(value),null==onSearchChange||onSearchChange(value),openOverlay()},onRemove:function handleRemove(chipsCode){null==onChange||onChange(value.filter((function(value){return value!==chipsCode})))},onFocus:function handleFocus(){return openOverlay()},lockedValues:lockedValues}),!readOnly&&Object(jsx_runtime.jsx)(ActionContainer,{children:Object(jsx_runtime.jsx)(IconButton.a,{ghost:"borderless",level:"tertiary",size:"small",icon:Object(jsx_runtime.jsx)(ArrowDownIcon.a,{}),title:openLabel,onClick:openOverlay,onFocus:handleBlur,tabIndex:0})})]}),dropdownIsOpen&&!readOnly&&Object(jsx_runtime.jsx)(Overlay.a,{parentRef:containerRef,onClose:handleBlur,children:Object(jsx_runtime.jsx)(OptionCollection,{ref:optionsContainerRef,withGroups:withGroups,children:hasChildren?filteredChildren.map((function(child,index){var _child$props;return isOptionGroup(child)?isOption(filteredChildren[index+1])?Object(jsx_runtime.jsx)(OptionGroupContainer,{role:"option-group",ref:index===filteredChildren.length-1?lastOptionRef:void 0,children:react_default.a.cloneElement(child)},null===(_child$props=child.props)||void 0===_child$props?void 0:_child$props.title):null:Object(jsx_runtime.jsx)(OptionContainer,{onClick:handleOptionClick(child.props.value),ref:index===filteredChildren.length-1?lastOptionRef:void 0,children:react_default.a.cloneElement(child)},child.props.value)})):Object(jsx_runtime.jsx)(EmptyResultContainer,{children:emptyResultLabel})})})]}))};MultiSelectInput_MultiSelectInput.displayName="MultiSelectInput",MultiSelectInput_Option.displayName="MultiSelectInput.Option",MultiSelectInput_OptionGroup.displayName="MultiSelectInput.OptionGroup",MultiSelectInput_MultiSelectInput.Option=MultiSelectInput_Option,MultiSelectInput_MultiSelectInput.OptionGroup=MultiSelectInput_OptionGroup;try{MultiSelectInput_MultiSelectInput.Option.displayName="MultiSelectInput.Option",MultiSelectInput_MultiSelectInput.Option.__docgenInfo={description:"Multi select input allows the user to select content and data\nwhen the expected user input is composed of multiple option values.",displayName:"MultiSelectInput.Option",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"",name:"aria-labelledby",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((newValue: string[]) => void) | (((newValue: string[]) => void) & ((newValue: string[]) => void))"}},readOnly:{defaultValue:{value:"false"},description:"",name:"readOnly",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:"The props value of the selected option.",name:"value",required:!0,type:{name:"string[]"}},invalidValue:{defaultValue:{value:"[]"},description:"The selected options which are invalid",name:"invalidValue",required:!1,type:{name:"string[]"}},placeholder:{defaultValue:null,description:"The placeholder displayed when no option is selected.",name:"placeholder",required:!1,type:{name:"string"}},emptyResultLabel:{defaultValue:null,description:"The text displayed when no result was found.",name:"emptyResultLabel",required:!0,type:{name:"string"}},openLabel:{defaultValue:null,description:"Accessibility text for the open dropdown button.",name:"openLabel",required:!0,type:{name:"string"}},removeLabel:{defaultValue:null,description:"Accessibility text for the remove chip button.",name:"removeLabel",required:!0,type:{name:"string"}},invalid:{defaultValue:null,description:"Defines if the input is valid on not.",name:"invalid",required:!1,type:{name:"boolean"}},children:{defaultValue:{value:"[]"},description:"The options.",name:"children",required:!1,type:{name:"ReactElement> | ReactElement>[]"}},verticalPosition:{defaultValue:null,description:"Force the vertical position of the overlay.",name:"verticalPosition",required:!1,type:{name:"enum",value:[{value:'"up"'},{value:'"down"'}]}},lockedValues:{defaultValue:{value:"[]"},description:"Values that cannot be unselected",name:"lockedValues",required:!1,type:{name:"string[]"}},onSubmit:{defaultValue:null,description:"Callback called when the user hit enter on the field.",name:"onSubmit",required:!1,type:{name:"(() => void)"}},onNextPage:{defaultValue:null,description:"Handler called when the next page is almost reached.",name:"onNextPage",required:!1,type:{name:"(() => void) | (() => void)"}},onSearchChange:{defaultValue:null,description:"Handler called when the search value changed",name:"onSearchChange",required:!1,type:{name:"((searchValue: string) => void) | ((searchValue: string) => void)"}},disableInternalSearch:{defaultValue:{value:"false"},description:"",name:"disableInternalSearch",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/MultiSelectInput/MultiSelectInput.tsx#MultiSelectInput.Option"]={docgenInfo:MultiSelectInput_MultiSelectInput.Option.__docgenInfo,name:"MultiSelectInput.Option",path:"src/components/Input/MultiSelectInput/MultiSelectInput.tsx#MultiSelectInput.Option"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Input/NumberInput/NumberInput.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"readOnly",(function(){return readOnly})),__webpack_require__.d(__webpack_exports__,"invalid",(function(){return invalid}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_15___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_15__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_NumberInput_tsx__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/components/Input/NumberInput/NumberInput.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;er.length)&&(a=r.length);for(var e=0,n=Array(a);e void"}}}},args:{value:"",placeholder:"Please enter a value in the NumberInput"},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h1",{id:"number-input"},"Number input"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h2",{id:"usage"},"Usage"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("p",null,"Number input allows the user to enter content and data when the expected user input is only numbers."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h3",{id:"placeholder-text"},"Placeholder text"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("p",null,"The placeholder text provides tips or examples of items to enter. Placeholder text disappears when the user begins entering data."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h2",{id:"playground"},"Playground"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.e,{name:"Standard",mdxType:"Story"},(function(args){var _useState2=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_15__.useState)(args.value),2),value=_useState2[0],setValue=_useState2[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_NumberInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{value:value,onChange:setValue,mdxType:"NumberInput"}))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.b,{story:"Standard",mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h2",{id:"variation-on-readonly"},"Variation on readOnly"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.e,{name:"ReadOnly",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_NumberInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{readOnly:!1,mdxType:"NumberInput"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_NumberInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{readOnly:!0,mdxType:"NumberInput"})))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h2",{id:"variation-on-invalid"},"Variation on invalid"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.e,{name:"Invalid",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_NumberInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{invalid:!1,mdxType:"NumberInput"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_NumberInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{invalid:!0,mdxType:"NumberInput"})))}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var standard=function standard(args){var _useState4=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_15__.useState)(args.value),2),value=_useState4[0],setValue=_useState4[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_NumberInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{value:value,onChange:setValue}))};standard.displayName="standard",standard.storyName="Standard",standard.parameters={storySource:{source:"args => {\n const [value, setValue] = useState(args.value);\n return ;\n}"}};var readOnly=function readOnly(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_NumberInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{readOnly:!1})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_NumberInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{readOnly:!0})))};readOnly.storyName="ReadOnly",readOnly.parameters={storySource:{source:"args => {\n return <>\n \n \n ;\n}"}};var invalid=function invalid(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_NumberInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{invalid:!1})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_NumberInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{invalid:!0})))};invalid.storyName="Invalid",invalid.parameters={storySource:{source:"args => {\n return <>\n \n \n ;\n}"}};var componentMeta={title:"Components/Inputs/Number input",component:_NumberInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,args:{value:"",placeholder:"Please enter a value in the NumberInput"},argTypes:{readOnly:{control:{type:"boolean"},description:"Defines if the input should be read only. If defined so, the user cannot change the value of the input.",table:{type:{summary:"boolean"}}},onChange:{description:"The handler called when the value of the input changes.",table:{type:{summary:"(newValue: number) => void"}}}},includeStories:["standard","readOnly","invalid"]},mdxStoryNameToKey={Standard:"standard",ReadOnly:"readOnly",Invalid:"invalid"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Input/NumberInput/NumberInput.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return NumberInput}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__),styled_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_icons_ArrowDownIcon__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/icons/ArrowDownIcon.tsx"),_icons_ArrowUpIcon__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/icons/ArrowUpIcon.tsx"),_icons_LockIcon__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/icons/LockIcon.tsx"),_shared_key__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/shared/key.ts"),_theme_theme__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/theme/theme.ts"),_hooks_useShortcut__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/hooks/useShortcut.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["invalid","onChange","readOnly","step","value","onSubmit","withIncrementIcons"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var NumberInputContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n"]))),Input=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.input(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 40px;\n border: 1px solid ",";\n border-radius: 2px;\n background: ",";\n color: ",";\n font-size: ",";\n line-height: 40px;\n padding: 0 "," 0 15px;\n box-sizing: border-box;\n outline-style: none;\n appearance: textfield;\n ","\n\n &::-webkit-inner-spin-button,\n &::-webkit-outer-spin-button {\n -webkit-appearance: none;\n }\n\n &:focus {\n box-shadow: 0 0 0 2px ",";\n }\n\n &::placeholder {\n opacity: 1;\n color: ",";\n }\n"])),(function(_ref){return _ref.invalid?Object(_theme_theme__WEBPACK_IMPORTED_MODULE_11__.a)("red",100):Object(_theme_theme__WEBPACK_IMPORTED_MODULE_11__.a)("grey",80)}),(function(_ref2){return _ref2.readOnly?Object(_theme_theme__WEBPACK_IMPORTED_MODULE_11__.a)("grey",20):Object(_theme_theme__WEBPACK_IMPORTED_MODULE_11__.a)("white")}),(function(_ref3){return _ref3.readOnly?Object(_theme_theme__WEBPACK_IMPORTED_MODULE_11__.a)("grey",100):Object(_theme_theme__WEBPACK_IMPORTED_MODULE_11__.a)("grey",140)}),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_11__.e)("default"),(function(_ref4){return _ref4.readOnly?"35px":"15px"}),(function(_ref5){return _ref5.readOnly&&Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n overflow: hidden;\n text-overflow: ellipsis;\n "])))}),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_11__.a)("blue",40),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_11__.a)("grey",100)),ReadOnlyIcon=Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.default)(_icons_LockIcon__WEBPACK_IMPORTED_MODULE_9__.a)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n position: absolute;\n right: 0;\n top: 0;\n margin: 12px;\n color: ",";\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_11__.a)("grey",100)),IncrementIconContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n position: absolute;\n right: 0;\n top: 0;\n margin: 0 12px;\n display: flex;\n flex-direction: column;\n height: 100%;\n justify-content: center;\n cursor: pointer;\n color: ",";\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_11__.a)("grey",100)),NumberInput=react__WEBPACK_IMPORTED_MODULE_5___default.a.forwardRef((function(_ref6,forwardedRef){var _forwardedRef,invalid=_ref6.invalid,onChange=_ref6.onChange,readOnly=_ref6.readOnly,step=_ref6.step,value=_ref6.value,onSubmit=_ref6.onSubmit,_ref6$withIncrementIc=_ref6.withIncrementIcons,withIncrementIcons=void 0===_ref6$withIncrementIc||_ref6$withIncrementIc,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r void) | (((newValue: string) => void) & ((newValue: string) => void))"}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:"Value of the input (it's a string to be able to manage weird cases externally)",name:"value",required:!0,type:{name:"string"}},placeholder:{defaultValue:null,description:"Placeholder displayed when the input is empty.",name:"placeholder",required:!1,type:{name:"string"}},min:{defaultValue:null,description:"The minimum value to accept for this input.\nThis attribute is not used to validate the field nor constriant user input.",name:"min",required:!1,type:{name:"number"}},max:{defaultValue:null,description:"The maximum value to accept for this input.\nThis attribute is not used to validate the field nor constriant user input.",name:"max",required:!1,type:{name:"number"}},step:{defaultValue:null,description:"A stepping interval to use when using up and down arrows to adjust the value, as well as for validation",name:"step",required:!1,type:{name:"number"}},invalid:{defaultValue:null,description:"Defines if the input is valid on not.",name:"invalid",required:!1,type:{name:"boolean"}},onSubmit:{defaultValue:null,description:"Callback called when the user hit enter on the field.",name:"onSubmit",required:!1,type:{name:"(() => void)"}},withIncrementIcons:{defaultValue:{value:"true"},description:"@internal",name:"withIncrementIcons",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/NumberInput/NumberInput.tsx#NumberInput"]={docgenInfo:NumberInput.__docgenInfo,name:"NumberInput",path:"src/components/Input/NumberInput/NumberInput.tsx#NumberInput"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Input/SelectInput/SelectInput.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"optionGroup",(function(){return optionGroup})),__webpack_require__.d(__webpack_exports__,"readOnly",(function(){return readOnly})),__webpack_require__.d(__webpack_exports__,"invalid",(function(){return invalid})),__webpack_require__.d(__webpack_exports__,"verticalPosition",(function(){return verticalPosition})),__webpack_require__.d(__webpack_exports__,"large",(function(){return large})),__webpack_require__.d(__webpack_exports__,"largeOptions",(function(){return largeOptions})),__webpack_require__.d(__webpack_exports__,"clearable",(function(){return clearable})),__webpack_require__.d(__webpack_exports__,"disabledOptions",(function(){return disabledOptions})),__webpack_require__.d(__webpack_exports__,"pagination",(function(){return pagination}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_16___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_16__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/components/Input/SelectInput/SelectInput.tsx"),_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/storybook/PreviewGallery.tsx"),_components__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./src/components/Locale/Locale.tsx"),_excluded=["components"];function _toConsumableArray(r){return function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r)}(r)||function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(r)||_unsupportedIterableToArray(r)||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 _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;er.length)&&(a=r.length);for(var e=0,n=Array(a);e void"}}}},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h1",{id:"select-input"},"Select input"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"usage"},"Usage"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Select input allows the user to select content and data when the expected user input is composed of one option value."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h3",{id:"placeholder-text"},"Placeholder text"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"The placeholder text provides tips or examples of items to enter. Placeholder text disappears when the user begins entering data."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"playground"},"Playground"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{name:"Standard",mdxType:"Story"},(function(args){var _useState2=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),value=_useState2[0],setValue=_useState2[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:170,mdxType:"SpaceContainer"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:value,onChange:setValue,mdxType:"SelectInput"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German",mdxType:"Locale"}))))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.b,{story:"Standard",mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"variation-on-option-group"},"Variation on option group"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{name:"OptionGroup",mdxType:"Story"},(function(args){var _useState4=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),value=_useState4[0],setValue=_useState4[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:170,mdxType:"SpaceContainer"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:value,onChange:setValue,mdxType:"SelectInput"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.OptionGroup,{title:"Europe"},"Europe"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_GB",title:"English (United Kingdom)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_GB",languageLabel:"English",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.OptionGroup,{title:"America"},"America"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English (United States)",mdxType:"Locale"}))))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.b,{story:"OptionGroup",mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"variation-on-readonly"},"Variation on readOnly"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{name:"ReadOnly",mdxType:"Story"},(function(args){var _useState6=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),value=_useState6[0],setValue=_useState6[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{readOnly:!0,value:null,placeholder:"Placeholder",emptyResultLabel:"No match found",mdxType:"SelectInput"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES",title:"Spanish (Spain)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"es_ES",languageLabel:"Spanish",mdxType:"Locale"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,{readOnly:!0,value:"en_US",onChange:setValue,emptyResultLabel:"No result found",mdxType:"SelectInput"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English",mdxType:"Locale"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,{readOnly:!1,value:value,onChange:setValue,placeholder:"Editable select",emptyResultLabel:"No result found",mdxType:"SelectInput"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES",title:"Spanish (Spain)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"es_ES",languageLabel:"Spanish",mdxType:"Locale"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:100,mdxType:"SpaceContainer"}))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"variation-on-invalid"},"Variation on invalid"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{name:"Invalid",mdxType:"Story"},(function(args){var _useState8=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),validValue=_useState8[0],setValidValue=_useState8[1],_useState10=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),invalidValue=_useState10[0],setInvalidValue=_useState10[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:invalidValue,onChange:setInvalidValue,invalid:!0,placeholder:"Invalid input value",mdxType:"SelectInput"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES",title:"Spanish (Spain)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"es_ES",languageLabel:"Spanish",mdxType:"Locale"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,{value:validValue,onChange:setValidValue,invalid:!1,placeholder:"Valid input value",emptyResultLabel:"No result found",mdxType:"SelectInput"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES",title:"Spanish (Spain)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"es_ES",languageLabel:"Spanish",mdxType:"Locale"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:100,mdxType:"SpaceContainer"}))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"variation-on-vertical-position"},"Variation on vertical position"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{name:"Vertical position",mdxType:"Story"},(function(args){var _useState12=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),upValue=_useState12[0],setUpValue=_useState12[1],_useState14=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),downValue=_useState14[0],setDownValue=_useState14[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:120,mdxType:"SpaceContainer"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:upValue,onChange:setUpValue,verticalPosition:"up",placeholder:"Up input",mdxType:"SelectInput"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES",title:"Spanish (Spain)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"es_ES",languageLabel:"Spanish",mdxType:"Locale"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,{value:downValue,onChange:setDownValue,verticalPosition:"down",placeholder:"Down input",emptyResultLabel:"No result found",mdxType:"SelectInput"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES",title:"Spanish (Spain)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"es_ES",languageLabel:"Spanish",mdxType:"Locale"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:100,mdxType:"SpaceContainer"}))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"variation-on-large-select-input"},"Variation on large select input"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{name:"Large",mdxType:"Story"},(function(args){var _useState16=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),value=_useState16[0],setValue=_useState16[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:value,onChange:setValue,emptyResultLabel:"No match found",mdxType:"SelectInput"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French large",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES",title:"Spanish (Spain)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"es_ES",languageLabel:"Spanish",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"ad_AD",title:"Andorra"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"ad_AD",languageLabel:"Andorra",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"ae_AE",title:"United Arab Emirates"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"ae_AE",languageLabel:"United Arab Emirates",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"af_AF",title:"Afghanistan"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"af_AF",languageLabel:"Afghanistan",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"ag_AG",title:"Antigua and Barbuda"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"ag_AG",languageLabel:"Antigua and Barbuda",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"ai_AI",title:"Anguilla"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"ai_AI",languageLabel:"Anguilla",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"al_AL",title:"Albania"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"al_AL",languageLabel:"Albania",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"au_AU",title:"Australia"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"au_AU",languageLabel:"Australia",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"be_BE",title:"Belgium"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"be_BE",languageLabel:"Belgium",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"br_BR",title:"Brazil"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"br_BR",languageLabel:"Brazil",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"bs_BS",title:"Bahamas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"bs_BS",languageLabel:"Bahamas",mdxType:"Locale"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:350,mdxType:"SpaceContainer"}))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"variation-on-large-options"},"Variation on large options"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{name:"Large Options",mdxType:"Story"},(function(args){var _useState18=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),value=_useState18[0],setValue=_useState18[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:value,onChange:setValue,emptyResultLabel:"No match found",mdxType:"SelectInput"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."},"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."},"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."},"Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:80,mdxType:"SpaceContainer"}))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"variation-on-clearable"},"Variation on clearable"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{name:"Clearable",mdxType:"Story"},(function(args){var _useState20=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),value=_useState20[0],setValue=_useState20[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:170,mdxType:"SpaceContainer"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{clearable:!1,value:value,onChange:setValue,mdxType:"SelectInput"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German",mdxType:"Locale"}))))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"variation-on-disabled-options"},"Variation on disabled options"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{name:"Disabled options",mdxType:"Story"},(function(args){var _useState22=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),value=_useState22[0],setValue=_useState22[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:170,mdxType:"SpaceContainer"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:value,onChange:setValue,mdxType:"SelectInput"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)",disabled:!0},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German",mdxType:"Locale"}))))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"pagination"},"Pagination"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{name:"Pagination",mdxType:"Story"},(function(args){var _useState24=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(_toConsumableArray(Array(20).keys())),2),items=_useState24[0],setItems=_useState24[1],_useState26=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),value=_useState26[0],setValue=_useState26[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:170,mdxType:"SpaceContainer"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:value,onChange:setValue,onNextPage:function onNextPage(){setItems(_toConsumableArray(Array(items.length+20).keys()))},mdxType:"SelectInput"}),items.map((function(item){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:item,title:item,key:item},"Option ",item+1)}))))}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var standard=function standard(args){var _useState28=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),value=_useState28[0],setValue=_useState28[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:170},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:value,onChange:setValue}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German"}))))};standard.displayName="standard",standard.storyName="Standard",standard.parameters={storySource:{source:'args => {\n const [value, setValue] = useState(null);\n return \n \n \n \n \n \n \n \n \n \n \n \n ;\n}'}};var optionGroup=function optionGroup(args){var _useState30=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),value=_useState30[0],setValue=_useState30[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:170},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:value,onChange:setValue}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.OptionGroup,{title:"Europe"},"Europe"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_GB",title:"English (United Kingdom)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_GB",languageLabel:"English"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.OptionGroup,{title:"America"},"America"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English (United States)"}))))};optionGroup.displayName="optionGroup",optionGroup.storyName="OptionGroup",optionGroup.parameters={storySource:{source:'args => {\n const [value, setValue] = useState(null);\n return \n \n \n Europe\n \n \n \n \n \n \n \n \n \n \n \n America\n \n \n \n \n \n ;\n}'}};var readOnly=function readOnly(args){var _useState32=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),value=_useState32[0],setValue=_useState32[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{readOnly:!0,value:null,placeholder:"Placeholder",emptyResultLabel:"No match found"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES",title:"Spanish (Spain)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"es_ES",languageLabel:"Spanish"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,{readOnly:!0,value:"en_US",onChange:setValue,emptyResultLabel:"No result found"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,{readOnly:!1,value:value,onChange:setValue,placeholder:"Editable select",emptyResultLabel:"No result found"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES",title:"Spanish (Spain)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"es_ES",languageLabel:"Spanish"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:100}))};readOnly.storyName="ReadOnly",readOnly.parameters={storySource:{source:'args => {\n const [value, setValue] = useState(null);\n return <>\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n ;\n}'}};var invalid=function invalid(args){var _useState34=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),validValue=_useState34[0],setValidValue=_useState34[1],_useState36=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),invalidValue=_useState36[0],setInvalidValue=_useState36[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:invalidValue,onChange:setInvalidValue,invalid:!0,placeholder:"Invalid input value"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES",title:"Spanish (Spain)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"es_ES",languageLabel:"Spanish"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,{value:validValue,onChange:setValidValue,invalid:!1,placeholder:"Valid input value",emptyResultLabel:"No result found"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES",title:"Spanish (Spain)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"es_ES",languageLabel:"Spanish"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:100}))};invalid.storyName="Invalid",invalid.parameters={storySource:{source:'args => {\n const [validValue, setValidValue] = useState(null);\n const [invalidValue, setInvalidValue] = useState(null);\n return <>\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n ;\n}'}};var verticalPosition=function verticalPosition(args){var _useState38=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),upValue=_useState38[0],setUpValue=_useState38[1],_useState40=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),downValue=_useState40[0],setDownValue=_useState40[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:120}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:upValue,onChange:setUpValue,verticalPosition:"up",placeholder:"Up input"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES",title:"Spanish (Spain)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"es_ES",languageLabel:"Spanish"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,{value:downValue,onChange:setDownValue,verticalPosition:"down",placeholder:"Down input",emptyResultLabel:"No result found"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES",title:"Spanish (Spain)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"es_ES",languageLabel:"Spanish"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:100}))};verticalPosition.storyName="Vertical position",verticalPosition.parameters={storySource:{source:'args => {\n const [upValue, setUpValue] = useState(null);\n const [downValue, setDownValue] = useState(null);\n return <>\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n ;\n}'}};var large=function large(args){var _useState42=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),value=_useState42[0],setValue=_useState42[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:value,onChange:setValue,emptyResultLabel:"No match found"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French large"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES",title:"Spanish (Spain)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"es_ES",languageLabel:"Spanish"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"ad_AD",title:"Andorra"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"ad_AD",languageLabel:"Andorra"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"ae_AE",title:"United Arab Emirates"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"ae_AE",languageLabel:"United Arab Emirates"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"af_AF",title:"Afghanistan"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"af_AF",languageLabel:"Afghanistan"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"ag_AG",title:"Antigua and Barbuda"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"ag_AG",languageLabel:"Antigua and Barbuda"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"ai_AI",title:"Anguilla"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"ai_AI",languageLabel:"Anguilla"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"al_AL",title:"Albania"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"al_AL",languageLabel:"Albania"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"au_AU",title:"Australia"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"au_AU",languageLabel:"Australia"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"be_BE",title:"Belgium"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"be_BE",languageLabel:"Belgium"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"br_BR",title:"Brazil"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"br_BR",languageLabel:"Brazil"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"bs_BS",title:"Bahamas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"bs_BS",languageLabel:"Bahamas"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:350}))};large.storyName="Large",large.parameters={storySource:{source:'args => {\n const [value, setValue] = useState(null);\n return <>\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n ;\n}'}};var largeOptions=function largeOptions(args){var _useState44=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),value=_useState44[0],setValue=_useState44[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:value,onChange:setValue,emptyResultLabel:"No match found"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."},"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."},"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."},"Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:80}))};largeOptions.storyName="Large Options",largeOptions.parameters={storySource:{source:'args => {\n const [value, setValue] = useState(null);\n return <>\n \n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n \n \n Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.\n \n \n Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n \n \n \n ;\n}'}};var clearable=function clearable(args){var _useState46=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),value=_useState46[0],setValue=_useState46[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:170},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{clearable:!1,value:value,onChange:setValue}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German"}))))};clearable.displayName="clearable",clearable.storyName="Clearable",clearable.parameters={storySource:{source:'args => {\n const [value, setValue] = useState(null);\n return \n \n \n \n \n \n \n \n \n \n \n \n ;\n}'}};var disabledOptions=function disabledOptions(args){var _useState48=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),value=_useState48[0],setValue=_useState48[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:170},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:value,onChange:setValue}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)",disabled:!0},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German"}))))};disabledOptions.displayName="disabledOptions",disabledOptions.storyName="Disabled options",disabledOptions.parameters={storySource:{source:'args => {\n const [value, setValue] = useState(null);\n return \n \n \n \n \n \n \n \n \n \n \n \n ;\n}'}};var pagination=function pagination(args){var _useState50=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(_toConsumableArray(Array(20).keys())),2),items=_useState50[0],setItems=_useState50[1],_useState52=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),value=_useState52[0],setValue=_useState52[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:170},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:value,onChange:setValue,onNextPage:function onNextPage(){setItems(_toConsumableArray(Array(items.length+20).keys()))}}),items.map((function(item){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:item,title:item,key:item},"Option ",item+1)}))))};pagination.displayName="pagination",pagination.storyName="Pagination",pagination.parameters={storySource:{source:"args => {\n const [items, setItems] = useState([...Array(20).keys()]);\n const [value, setValue] = useState(null);\n const onNextPage = () => {\n setItems([...Array(items.length + 20).keys()]);\n };\n return \n \n {items.map(item => \n Option {item + 1}\n )}\n \n ;\n}"}};var componentMeta={title:"Components/Inputs/Select input",component:_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,args:{placeholder:"Please enter a value in the Select input",emptyResultLabel:"No result found",value:null},argTypes:{readOnly:{control:{type:"boolean"},description:"Defines if the input should be read only. If defined so, the user cannot change the value of the input.",table:{type:{summary:"boolean"}}},onChange:{description:"The handler called when the value of the input changes.",table:{type:{summary:"(newValue: string | null) => void"}}}},includeStories:["standard","optionGroup","readOnly","invalid","verticalPosition","large","largeOptions","clearable","disabledOptions","pagination"]},mdxStoryNameToKey={Standard:"standard",OptionGroup:"optionGroup",ReadOnly:"readOnly",Invalid:"invalid","Vertical position":"verticalPosition",Large:"large","Large Options":"largeOptions",Clearable:"clearable","Disabled options":"disabledOptions",Pagination:"pagination"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Input/SelectInput/SelectInput.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return SelectInput}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.array.every.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.reduce.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.array.some.js"),__webpack_require__("./node_modules/core-js/modules/es.array.find-index.js"),__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,_templateObject13,react__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_21___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_21__),styled_components__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_shared_key__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./src/shared/key.ts"),_common_Overlay__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./src/components/Input/common/Overlay.tsx"),_components_IconButton_IconButton__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("./src/components/IconButton/IconButton.tsx"),_components_Input_TextInput_TextInput__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__("./src/components/Input/TextInput/TextInput.tsx"),_hooks_useBooleanState__WEBPACK_IMPORTED_MODULE_27__=__webpack_require__("./src/hooks/useBooleanState.ts"),_hooks_useShortcut__WEBPACK_IMPORTED_MODULE_28__=__webpack_require__("./src/hooks/useShortcut.ts"),_theme_theme__WEBPACK_IMPORTED_MODULE_29__=__webpack_require__("./src/theme/theme.ts"),_icons_ArrowDownIcon__WEBPACK_IMPORTED_MODULE_30__=__webpack_require__("./src/icons/ArrowDownIcon.tsx"),_icons_CloseIcon__WEBPACK_IMPORTED_MODULE_31__=__webpack_require__("./src/icons/CloseIcon.tsx"),_icons_LockIcon__WEBPACK_IMPORTED_MODULE_32__=__webpack_require__("./src/icons/LockIcon.tsx"),_hooks_usePagination__WEBPACK_IMPORTED_MODULE_33__=__webpack_require__("./src/hooks/usePagination.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_34__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["id","placeholder","invalid","value","emptyResultLabel","children","onChange","clearable","clearLabel","openLabel","readOnly","verticalPosition","onNextPage","onSearchChange","disableInternalSearch","aria-labelledby"];function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _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 _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e0&&children.every((function(option){var _option$props$disable,_option$props;return null!==(_option$props$disable=null===(_option$props=option.props)||void 0===_option$props?void 0:_option$props.disabled)&&void 0!==_option$props$disable&&_option$props$disable}))}(validChildren),validChildren.reduce((function(optionCodes,child){if(isOptionGroup(child))return optionCodes;if(optionCodes.includes(child.props.value))throw new Error("Duplicate option value "+child.props.value);return optionCodes.push(child.props.value),optionCodes}),[]);var filteredChildren=disableInternalSearch?validChildren:validChildren.filter((function(child){var _child$props$title,content="string"==typeof child.props.children?child.props.children:"",title=null!==(_child$props$title=child.props.title)&&void 0!==_child$props$title?_child$props$title:"",optionValue=child.props.value+content+title;return isOptionGroup(child)||optionValue.toLowerCase().includes(searchValue.toLowerCase())})),hasChildren=Object(react__WEBPACK_IMPORTED_MODULE_21__.useMemo)((function(){return filteredChildren.some((function(child){return isOption(child)}))}),[filteredChildren]),firstOptionIndex=Object(react__WEBPACK_IMPORTED_MODULE_21__.useMemo)((function(){return filteredChildren.findIndex((function(child){return isOption(child)}))}),[filteredChildren]),currentValueElement=null!==(_validChildren$find=validChildren.find((function(child){var childrenValue=child.props.value;return value===childrenValue})))&&void 0!==_validChildren$find?_validChildren$find:value,handleOptionClick=function handleOptionClick(value,isOptionDisabled){return function(){isOptionDisabled||(null==onChange||onChange(value),handleEscape())}},handleEscape=function handleEscape(){var _inputRef$current2;setSearchValue(""),closeOverlay(),null===(_inputRef$current2=inputRef.current)||void 0===_inputRef$current2||_inputRef$current2.focus()};Object(_hooks_useShortcut__WEBPACK_IMPORTED_MODULE_28__.a)(_shared_key__WEBPACK_IMPORTED_MODULE_23__.a.Escape,handleEscape,inputRef);var handleInputKeyDown=Object(react__WEBPACK_IMPORTED_MODULE_21__.useCallback)((function(event){var _ref12;null!==event.currentTarget&&(event.key===_shared_key__WEBPACK_IMPORTED_MODULE_23__.a.Tab&&(setSearchValue(""),closeOverlay()),event.key===_shared_key__WEBPACK_IMPORTED_MODULE_23__.a.ArrowDown?(event.preventDefault(),dropdownIsOpen?null===(_ref12=firstOptionRef.current||selectedOptionRef.current)||void 0===_ref12||_ref12.focus():openOverlay()):event.key===_shared_key__WEBPACK_IMPORTED_MODULE_23__.a.ArrowUp?(event.preventDefault(),openOverlay()):event.key===_shared_key__WEBPACK_IMPORTED_MODULE_23__.a.Enter&&(event.preventDefault(),dropdownIsOpen||openOverlay()))}),[value,dropdownIsOpen]);Object(react__WEBPACK_IMPORTED_MODULE_21__.useEffect)((function(){var _ref13;dropdownIsOpen&&""===searchValue&&(null===(_ref13=selectedOptionRef.current||firstOptionRef.current)||void 0===_ref13||_ref13.focus())}),[dropdownIsOpen,selectedOptionRef.current]),Object(react__WEBPACK_IMPORTED_MODULE_21__.useEffect)((function(){filteredChildren.some((function(child){return isOptionGroup(child)}))&&setWithGroups(!0)}),[filteredChildren]);var handleOptionKeyDown=Object(react__WEBPACK_IMPORTED_MODULE_21__.useCallback)((function(event,isOptionDisabled){if(null!==event.currentTarget)if(event.key===_shared_key__WEBPACK_IMPORTED_MODULE_23__.a.Tab&&(setSearchValue(""),closeOverlay()),[_shared_key__WEBPACK_IMPORTED_MODULE_23__.a.ArrowDown,_shared_key__WEBPACK_IMPORTED_MODULE_23__.a.ArrowUp,_shared_key__WEBPACK_IMPORTED_MODULE_23__.a.Enter,_shared_key__WEBPACK_IMPORTED_MODULE_23__.a.Escape].includes(event.key)){if(event.key===_shared_key__WEBPACK_IMPORTED_MODULE_23__.a.ArrowDown){var nextSibling=event.currentTarget.nextSibling;null==nextSibling||nextSibling.focus(),event.preventDefault()}if(event.key===_shared_key__WEBPACK_IMPORTED_MODULE_23__.a.ArrowUp){var previousSibling=event.currentTarget.previousSibling;null==previousSibling||previousSibling.focus(),event.preventDefault()}if(event.key===_shared_key__WEBPACK_IMPORTED_MODULE_23__.a.Enter&&!isOptionDisabled){var _event$currentTarget$,_value=null===(_event$currentTarget$=event.currentTarget.firstChild)||void 0===_event$currentTarget$?void 0:_event$currentTarget$.getAttribute("value");null==onChange||onChange(_value),handleEscape()}event.key===_shared_key__WEBPACK_IMPORTED_MODULE_23__.a.Escape&&handleEscape()}else{var _inputRef$current3;null===(_inputRef$current3=inputRef.current)||void 0===_inputRef$current3||_inputRef$current3.focus()}}),[onChange,value]);return Object(_hooks_usePagination__WEBPACK_IMPORTED_MODULE_33__.a)(containerRef,lastOptionRef,onNextPage,dropdownIsOpen),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_34__.jsxs)(SelectInputContainer,Object.assign({readOnly:readOnly,value:value},rest,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_34__.jsxs)(InputContainer,{children:[null!==value&&""===searchValue&&Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_34__.jsx)(SelectedOptionContainer,{readOnly:readOnly,clearable:clearable,children:currentValueElement}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_34__.jsx)(SearchInput,{id:id,ref:inputRef,value:searchValue,readOnly:readOnly,invalid:invalid,placeholder:placeholder,isPlaceholderVisible:null===value,onChange:function handleSearch(value){null==onSearchChange||onSearchChange(value),setSearchValue(value),openOverlay()},onClick:function onClick(event){openOverlay(),event.preventDefault()},"aria-labelledby":ariaLabelledby,onKeyDown:handleInputKeyDown,"data-form-type":"other",size:1}),!readOnly&&Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_34__.jsxs)(ActionContainer,{children:[!dropdownIsOpen&&null!==value&&clearable&&Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_34__.jsx)(_components_IconButton_IconButton__WEBPACK_IMPORTED_MODULE_25__.a,{ghost:"borderless",level:"tertiary",size:"small",icon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_34__.jsx)(_icons_CloseIcon__WEBPACK_IMPORTED_MODULE_31__.a,{}),title:clearLabel,onClick:function handleClear(e){var _inputRef$current;null==onChange||onChange(null),e.preventDefault(),null===(_inputRef$current=inputRef.current)||void 0===_inputRef$current||_inputRef$current.focus()},tabIndex:0}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_34__.jsx)(_components_IconButton_IconButton__WEBPACK_IMPORTED_MODULE_25__.a,{ghost:"borderless",level:"tertiary",size:"small",icon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_34__.jsx)(_icons_ArrowDownIcon__WEBPACK_IMPORTED_MODULE_30__.a,{}),title:openLabel,onClick:openOverlay,onFocus:handleEscape,tabIndex:-1})]})]}),dropdownIsOpen&&!readOnly&&Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_34__.jsx)(_common_Overlay__WEBPACK_IMPORTED_MODULE_24__.a,{parentRef:inputRef,verticalPosition:verticalPosition,onClose:handleEscape,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_34__.jsx)(OptionCollection,{ref:containerRef,withGroups:withGroups,children:hasChildren?filteredChildren.map((function(child,index){var _child$props$disabled,_child$props,childValue=child.props.value,ref=void 0;switch(index){case firstOptionIndex:ref=firstOptionRef;break;case filteredChildren.length-1:ref=lastOptionRef}value===childValue&&(ref=selectedOptionRef);var _child$props2,_child$props3,isOptionDisabled=null!==(_child$props$disabled=null===(_child$props=child.props)||void 0===_child$props?void 0:_child$props.disabled)&&void 0!==_child$props$disabled&&_child$props$disabled;return isOptionGroup(child)?isOption(filteredChildren[index+1])?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_34__.jsx)(OptionGroupContainer,{role:"option-group","data-testid":null===(_child$props2=child.props)||void 0===_child$props2?void 0:_child$props2.title,children:react__WEBPACK_IMPORTED_MODULE_21___default.a.cloneElement(child)},null===(_child$props3=child.props)||void 0===_child$props3?void 0:_child$props3.title):null:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_34__.jsxs)(OptionContainer,{role:"option","data-testid":childValue,onClick:handleOptionClick(childValue,isOptionDisabled),onKeyDown:function onKeyDown(e){return handleOptionKeyDown(e,isOptionDisabled)},tabIndex:0,ref:ref,disabled:isOptionDisabled,children:[react__WEBPACK_IMPORTED_MODULE_21___default.a.cloneElement(child),isOptionDisabled&&Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_34__.jsx)(_icons_LockIcon__WEBPACK_IMPORTED_MODULE_32__.a,{size:18})]},childValue)})):Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_34__.jsx)(EmptyResultContainer,{children:emptyResultLabel})})})]}))};SelectInput.displayName="SelectInput",Option.displayName="SelectInput.Option",OptionGroup.displayName="SelectInput.OptionGroup",SelectInput.Option=Option,SelectInput.OptionGroup=OptionGroup;try{SelectInput.Option.displayName="SelectInput.Option",SelectInput.Option.__docgenInfo={description:"Select input allows the user to select content and data when the expected user input is composed of one option value.",displayName:"SelectInput.Option",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"",name:"aria-labelledby",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((newValue: string) => void) | (((newValue: string) => void) & ((newValue: string) => void)) | (((newValue: string) => void) & ((newValue: string | null) => void))"}},clearable:{defaultValue:{value:"true"},description:"",name:"clearable",required:!1,type:{name:"boolean"}},readOnly:{defaultValue:{value:"false"},description:"",name:"readOnly",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"string | null"}},placeholder:{defaultValue:null,description:"The placeholder displayed when no option is selected.",name:"placeholder",required:!1,type:{name:"string"}},emptyResultLabel:{defaultValue:null,description:"The text displayed when no result was found.",name:"emptyResultLabel",required:!0,type:{name:"string"}},clearLabel:{defaultValue:{value:""},description:"Accessibility text for the clear button",name:"clearLabel",required:!1,type:{name:"string"}},openLabel:{defaultValue:null,description:"Accessibility text for the open dropdown button",name:"openLabel",required:!0,type:{name:"string"}},invalid:{defaultValue:null,description:"Defines if the input is valid on not.",name:"invalid",required:!1,type:{name:"boolean"}},children:{defaultValue:null,description:"The options.",name:"children",required:!1,type:{name:"ReactNode"}},verticalPosition:{defaultValue:null,description:"Force the vertical position of the overlay.",name:"verticalPosition",required:!1,type:{name:"enum",value:[{value:'"up"'},{value:'"down"'}]}},onNextPage:{defaultValue:null,description:"Handler called when the next page is almost reached.",name:"onNextPage",required:!1,type:{name:"(() => void) | (() => void)"}},onSearchChange:{defaultValue:null,description:"Handler called when the search value changed",name:"onSearchChange",required:!1,type:{name:"((searchValue: string) => void) | ((searchValue: string) => void)"}},disableInternalSearch:{defaultValue:{value:"false"},description:"",name:"disableInternalSearch",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/SelectInput/SelectInput.tsx#SelectInput.Option"]={docgenInfo:SelectInput.Option.__docgenInfo,name:"SelectInput.Option",path:"src/components/Input/SelectInput/SelectInput.tsx#SelectInput.Option"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Input/TableInput/TableInput.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return TableInput_stories_standard})),__webpack_require__.d(__webpack_exports__,"highlightCells",(function(){return TableInput_stories_highlightCells})),__webpack_require__.d(__webpack_exports__,"readonly",(function(){return TableInput_stories_readonly})),__webpack_require__.d(__webpack_exports__,"draggable",(function(){return TableInput_stories_draggable})),__webpack_require__.d(__webpack_exports__,"highlightedRows",(function(){return TableInput_stories_highlightedRows}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.string.match.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),theme=__webpack_require__("./src/theme/theme.ts"),TableInputContext=Object(react.createContext)({readOnly:!1,isDragAndDroppable:!1,onReorder:void 0}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children"];var TableInputHeadTr=styled_components_browser_esm.default.tr(_templateObject||(_templateObject=function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}(["\n height: 40px;\n background: ",";\n & > th {\n border: 1px solid ",";\n border-left-width: 0;\n\n &:first-child {\n border-left-width: 1px;\n position: sticky;\n left: 0;\n background: ",";\n z-index: 1;\n }\n }\n"])),Object(theme.a)("grey",40),Object(theme.a)("grey",60),Object(theme.a)("grey",40)),TableInputHeader=react_default.a.forwardRef((function(_ref,forwardedRef){var children=_ref.children,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;rr.length)&&(a=r.length);for(var e=0,n=Array(a);er.length)&&(a=r.length);for(var e=0,n=Array(a);e td {\n border: 1px solid ",";\n border-right-width: 0;\n border-top-width: 0;\n line-height: 39px;\n }\n & > td:first-child {\n position: sticky;\n left: 0;\n margin-right: -1px;\n z-index: 2;\n }\n\n ","\n\n & > td:last-child {\n border-right-width: 1px;\n }\n\n ","\n\n ","\n \n ","\n \n ","\n"])),Object(theme.a)("grey",60),(function(_ref){return _ref.isDragAndDroppable&&Object(styled_components_browser_esm.css)(_templateObject2||(_templateObject2=TableInputRow_taggedTemplateLiteralLoose(["\n & > td:nth-child(2) {\n position: sticky;\n left: 26px;\n z-index: 1;\n border-left: none;\n }\n "])))}),(function(_ref2){var placeholderPosition=_ref2.placeholderPosition,rowIndex=_ref2.rowIndex,highlighted=_ref2.highlighted;return"bottom"===placeholderPosition&&Object(styled_components_browser_esm.css)(_templateObject3||(_templateObject3=TableInputRow_taggedTemplateLiteralLoose(["\n & > td {\n background: linear-gradient(\n to top,\n "," 4px,\n "," 0px\n );\n }\n "])),Object(theme.a)("blue",40),TableInputRow_getZebraBackgroundColor(highlighted,rowIndex))}),(function(_ref3){var placeholderPosition=_ref3.placeholderPosition,rowIndex=_ref3.rowIndex,highlighted=_ref3.highlighted;return"top"===placeholderPosition&&Object(styled_components_browser_esm.css)(_templateObject4||(_templateObject4=TableInputRow_taggedTemplateLiteralLoose(["\n & > td {\n background: linear-gradient(\n to bottom,\n "," 4px,\n "," 0px\n );\n }\n "])),Object(theme.a)("blue",40),TableInputRow_getZebraBackgroundColor(highlighted,rowIndex))}),(function(_ref4){var placeholderPosition=_ref4.placeholderPosition,rowIndex=_ref4.rowIndex,highlighted=_ref4.highlighted;return"none"===placeholderPosition&&Object(styled_components_browser_esm.css)(_templateObject5||(_templateObject5=TableInputRow_taggedTemplateLiteralLoose(["\n & > td {\n background: ",";\n }\n "])),TableInputRow_getZebraBackgroundColor(highlighted,rowIndex))}),(function(_ref5){return _ref5.highlighted&&Object(styled_components_browser_esm.css)(_templateObject6||(_templateObject6=TableInputRow_taggedTemplateLiteralLoose(["\n & > td {\n &:before {\n content: '';\n border-bottom: 1px solid ",";\n position: relative;\n width: 100%;\n display: block;\n height: 0;\n margin-top: -1px;\n }\n border-bottom-color: ",";\n border-left-color: ",";\n &:last-child {\n border-right-color: ",";\n }\n }\n "])),Object(theme.a)("blue",100),Object(theme.a)("blue",100),Object(theme.a)("blue",100),Object(theme.a)("blue",100))})),DragAndDropCell=Object(styled_components_browser_esm.default)(TableInputCell)(_templateObject7||(_templateObject7=TableInputRow_taggedTemplateLiteralLoose(["\n max-width: 26px;\n min-width: 26px;\n width: 26px;\n color: ",";\n text-align: right;\n cursor: grab;\n vertical-align: middle;\n line-height: 0px !important;\n & > div {\n height: 39px;\n vertical-align: middle;\n line-height: 44px;\n }\n"])),Object(theme.a)("grey",100)),TableInputRow=Object(react.forwardRef)((function(_ref6,forwardedRef){var children=_ref6.children,_ref6$rowIndex=_ref6.rowIndex,rowIndex=void 0===_ref6$rowIndex?0:_ref6$rowIndex,draggable=_ref6.draggable,_ref6$highlighted=_ref6.highlighted,highlighted=void 0!==_ref6$highlighted&&_ref6$highlighted,rest=function TableInputRow_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function TableInputRow_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r void) | RefObject | null"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/TableInput/shared/TableInputReadOnlyCell.tsx#TableInputReadOnlyCell"]={docgenInfo:TableInputReadOnlyCell.__docgenInfo,name:"TableInputReadOnlyCell",path:"src/components/Input/TableInput/shared/TableInputReadOnlyCell.tsx#TableInputReadOnlyCell"})}catch(__react_docgen_typescript_loader_error){}function highlightCell_taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var TableInputText_templateObject,highlightCell=Object(styled_components_browser_esm.css)(highlightCell_templateObject||(highlightCell_templateObject=highlightCell_taggedTemplateLiteralLoose(["\n ",";\n\n ",";\n"])),(function(_ref){var highlighted=_ref.highlighted,inError=_ref.inError;return highlighted&&!inError&&Object(styled_components_browser_esm.css)(highlightCell_templateObject2||(highlightCell_templateObject2=highlightCell_taggedTemplateLiteralLoose(["\n background: ",";\n box-shadow: 0 0 0 1px ",";\n "])),Object(theme.a)("green",10),Object(theme.a)("green",80))}),(function(_ref2){return _ref2.inError&&Object(styled_components_browser_esm.css)(highlightCell_templateObject3||(highlightCell_templateObject3=highlightCell_taggedTemplateLiteralLoose(["\n background: ",";\n box-shadow: 0 0 0 1px ",";\n "])),Object(theme.a)("red",10),Object(theme.a)("red",80))})),TableInputText_excluded=["children","value"];var EditableTableInputText=Object(styled_components_browser_esm.default)(TextInput.a)(TableInputText_templateObject||(TableInputText_templateObject=function TableInputText_taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}(["\n height: 39px;\n padding-left: 10px;\n padding-right: 10px;\n border-radius: 0;\n border: none;\n background: none;\n\n ",";\n\n &:focus {\n box-shadow: 0 0 0 1px ",";\n }\n"])),highlightCell,Object(theme.a)("grey",100));TableInputRow.displayName="TableInput.TextInput";try{TableInput.TextInput.displayName="TableInput.TextInput",TableInput.TextInput.__docgenInfo={description:"",displayName:"TableInput.TextInput",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},placeholder:{defaultValue:null,description:"Placeholder displayed when the input is empty.",name:"placeholder",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"",name:"aria-labelledby",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((newValue: string) => void) | (((newValue: string) => void) & ((newValue: string) => void))"}},onSubmit:{defaultValue:null,description:"Callback called when the user hit enter on the field.",name:"onSubmit",required:!1,type:{name:"(() => void)"}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:"Value of the input.",name:"value",required:!1,type:{name:"string"}},invalid:{defaultValue:null,description:"Defines if the input is valid on not.",name:"invalid",required:!1,type:{name:"boolean"}},characterLeftLabel:{defaultValue:null,description:"Label displayed under the field to display the remaining character counter.",name:"characterLeftLabel",required:!1,type:{name:"string"}},highlighted:{defaultValue:null,description:"",name:"highlighted",required:!1,type:{name:"boolean"}},inError:{defaultValue:null,description:"",name:"inError",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/TableInput/TableInputText/TableInputText.tsx#TableInput.TextInput"]={docgenInfo:TableInput.TextInput.__docgenInfo,name:"TableInput.TextInput",path:"src/components/Input/TableInput/TableInputText/TableInputText.tsx#TableInput.TextInput"})}catch(__react_docgen_typescript_loader_error){}var TableInputDate_templateObject,DateInput=__webpack_require__("./src/components/Input/DateInput/DateInput.tsx"),TableInputDate_excluded=["children","value"];var EditableTableInputDate=Object(styled_components_browser_esm.default)(DateInput.a)(TableInputDate_templateObject||(TableInputDate_templateObject=function TableInputDate_taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}(["\n height: 39px;\n padding-left: 10px;\n padding-right: 10px;\n border-radius: 0;\n border: none;\n background: none;\n\n ",";\n\n &:focus {\n box-shadow: 0 0 0 1px ",";\n }\n"])),highlightCell,Object(theme.a)("grey",100));TableInputRow.displayName="TableInput.DateInput";try{TableInput.DateInput.displayName="TableInput.DateInput",TableInput.DateInput.__docgenInfo={description:"",displayName:"TableInput.DateInput",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"",name:"aria-labelledby",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((newValue: string) => void) | (((newValue: string) => void) & ((newValue: string) => void))"}},onSubmit:{defaultValue:null,description:"Callback called when the user hit enter on the field.",name:"onSubmit",required:!1,type:{name:"(() => void)"}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:"Value of the input.\nThe value is based on the ISO-8601 standard an always formatted yyyy-mm-dd.",name:"value",required:!1,type:{name:"string"}},invalid:{defaultValue:null,description:"Defines if the input is valid on not.",name:"invalid",required:!1,type:{name:"boolean"}},highlighted:{defaultValue:null,description:"",name:"highlighted",required:!1,type:{name:"boolean"}},inError:{defaultValue:null,description:"",name:"inError",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/TableInput/TableInputDate/TableInputDate.tsx#TableInput.DateInput"]={docgenInfo:TableInput.DateInput.__docgenInfo,name:"TableInput.DateInput",path:"src/components/Input/TableInput/TableInputDate/TableInputDate.tsx#TableInput.DateInput"})}catch(__react_docgen_typescript_loader_error){}var TableInputNumber_templateObject,NumberInput=__webpack_require__("./src/components/Input/NumberInput/NumberInput.tsx"),TableInputNumber_excluded=["children","value"];var EditableTableInputNumber=Object(styled_components_browser_esm.default)(NumberInput.a)(TableInputNumber_templateObject||(TableInputNumber_templateObject=function TableInputNumber_taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}(["\n height: 39px;\n padding-left: 10px;\n padding-right: 35px;\n border-radius: 0;\n border: none;\n background: none;\n\n ",";\n\n &:focus {\n box-shadow: 0 0 0 1px ",";\n }\n"])),highlightCell,Object(theme.a)("grey",100));TableInputRow.displayName="TableInput.NumberInput";try{TableInput.NumberInput.displayName="TableInput.NumberInput",TableInput.NumberInput.__docgenInfo={description:"",displayName:"TableInput.NumberInput",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},placeholder:{defaultValue:null,description:"Placeholder displayed when the input is empty.",name:"placeholder",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"",name:"aria-labelledby",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((newValue: string) => void) | (((newValue: string) => void) & ((newValue: string) => void))"}},onSubmit:{defaultValue:null,description:"Callback called when the user hit enter on the field.",name:"onSubmit",required:!1,type:{name:"(() => void)"}},step:{defaultValue:null,description:"A stepping interval to use when using up and down arrows to adjust the value, as well as for validation",name:"step",required:!1,type:{name:"number"}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:"Value of the input (it's a string to be able to manage weird cases externally)",name:"value",required:!0,type:{name:"string"}},max:{defaultValue:null,description:"The maximum value to accept for this input.\nThis attribute is not used to validate the field nor constriant user input.",name:"max",required:!1,type:{name:"number"}},min:{defaultValue:null,description:"The minimum value to accept for this input.\nThis attribute is not used to validate the field nor constriant user input.",name:"min",required:!1,type:{name:"number"}},invalid:{defaultValue:null,description:"Defines if the input is valid on not.",name:"invalid",required:!1,type:{name:"boolean"}},withIncrementIcons:{defaultValue:null,description:"@internal",name:"withIncrementIcons",required:!1,type:{name:"boolean"}},highlighted:{defaultValue:null,description:"",name:"highlighted",required:!1,type:{name:"boolean"}},inError:{defaultValue:null,description:"",name:"inError",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/TableInput/TableInputNumber/TableInputNumber.tsx#TableInput.NumberInput"]={docgenInfo:TableInput.NumberInput.__docgenInfo,name:"TableInput.NumberInput",path:"src/components/Input/TableInput/TableInputNumber/TableInputNumber.tsx#TableInput.NumberInput"})}catch(__react_docgen_typescript_loader_error){}var TableInputBoolean_templateObject,TableInputBoolean_templateObject2,TableInputBoolean_templateObject3,Badge=__webpack_require__("./src/components/Badge/Badge.tsx"),Dropdown=__webpack_require__("./src/components/Dropdown/Dropdown.tsx"),ArrowDownIcon=__webpack_require__("./src/icons/ArrowDownIcon.tsx"),CloseIcon=__webpack_require__("./src/icons/CloseIcon.tsx"),useBooleanState=__webpack_require__("./src/hooks/useBooleanState.ts"),IconButton=__webpack_require__("./src/components/IconButton/IconButton.tsx"),TableInputBoolean_excluded=["value","onChange","yesLabel","noLabel","highlighted","clearLabel","openDropdownLabel","inError"];function TableInputBoolean_slicedToArray(r,e){return function TableInputBoolean_arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function TableInputBoolean_iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function TableInputBoolean_unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return TableInputBoolean_arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?TableInputBoolean_arrayLikeToArray(r,a):void 0}}(r,e)||function TableInputBoolean_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 TableInputBoolean_arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e void"}},yesLabel:{defaultValue:null,description:"",name:"yesLabel",required:!0,type:{name:"string"}},noLabel:{defaultValue:null,description:"",name:"noLabel",required:!0,type:{name:"string"}},highlighted:{defaultValue:{value:"false"},description:"",name:"highlighted",required:!1,type:{name:"boolean"}},clearLabel:{defaultValue:null,description:"",name:"clearLabel",required:!0,type:{name:"string"}},openDropdownLabel:{defaultValue:null,description:"",name:"openDropdownLabel",required:!0,type:{name:"string"}},inError:{defaultValue:{value:"false"},description:"",name:"inError",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/TableInput/TableInputBoolean/TableInputBoolean.tsx#TableInputBoolean"]={docgenInfo:TableInputBoolean_TableInputBoolean.__docgenInfo,name:"TableInputBoolean",path:"src/components/Input/TableInput/TableInputBoolean/TableInputBoolean.tsx#TableInputBoolean"})}catch(__react_docgen_typescript_loader_error){}var TableInputSelect_templateObject,TableInputSelect_templateObject2,TableInputSelect_templateObject3,Search=__webpack_require__("./src/components/Search/Search.tsx"),TableInputSelect_excluded=["value","onClear","clearLabel","openDropdownLabel","highlighted","searchValue","searchPlaceholder","onSearchChange","searchTitle","onNextPage","children","inError","closeTick","bottomHelper","withSearch","onOpenChange"];function TableInputSelect_slicedToArray(r,e){return function TableInputSelect_arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function TableInputSelect_iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function TableInputSelect_unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return TableInputSelect_arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?TableInputSelect_arrayLikeToArray(r,a):void 0}}(r,e)||function TableInputSelect_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 TableInputSelect_arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e void"}},highlighted:{defaultValue:{value:"false"},description:"",name:"highlighted",required:!1,type:{name:"boolean"}},clearLabel:{defaultValue:null,description:"",name:"clearLabel",required:!0,type:{name:"string"}},openDropdownLabel:{defaultValue:null,description:"",name:"openDropdownLabel",required:!0,type:{name:"string"}},onNextPage:{defaultValue:null,description:"",name:"onNextPage",required:!1,type:{name:"(() => void)"}},searchValue:{defaultValue:{value:""},description:"",name:"searchValue",required:!1,type:{name:"string"}},onSearchChange:{defaultValue:null,description:"",name:"onSearchChange",required:!1,type:{name:"((search: string) => void)"}},searchPlaceholder:{defaultValue:null,description:"",name:"searchPlaceholder",required:!0,type:{name:"string"}},searchTitle:{defaultValue:null,description:"",name:"searchTitle",required:!0,type:{name:"string"}},inError:{defaultValue:null,description:"",name:"inError",required:!1,type:{name:"boolean"}},closeTick:{defaultValue:{value:"false"},description:"",name:"closeTick",required:!1,type:{name:"boolean"}},bottomHelper:{defaultValue:null,description:"",name:"bottomHelper",required:!1,type:{name:"ReactElement>"}},withSearch:{defaultValue:{value:"true"},description:"",name:"withSearch",required:!1,type:{name:"boolean"}},onOpenChange:{defaultValue:null,description:"",name:"onOpenChange",required:!1,type:{name:"((isOpen: boolean) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/TableInput/TableInputSelect/TableInputSelect.tsx#TableInputSelect"]={docgenInfo:TableInputSelect_TableInputSelect.__docgenInfo,name:"TableInputSelect",path:"src/components/Input/TableInput/TableInputSelect/TableInputSelect.tsx#TableInputSelect"})}catch(__react_docgen_typescript_loader_error){}var TableInputCellContent_templateObject,TableInputCellContent_templateObject2,TableInputCellContent_excluded=["children","rowTitle","highlighted","inError"];function TableInputCellContent_taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var TableInputCellContainer=styled_components_browser_esm.default.div(TableInputCellContent_templateObject||(TableInputCellContent_templateObject=TableInputCellContent_taggedTemplateLiteralLoose(["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n ","\n padding: 0 10px;\n height: 39px;\n margin-right: 1px;\n\n ",";\n"])),(function(_ref){return _ref.rowTitle&&Object(styled_components_browser_esm.css)(TableInputCellContent_templateObject2||(TableInputCellContent_templateObject2=TableInputCellContent_taggedTemplateLiteralLoose(["\n color: ",";\n font-weight: bold;\n "])),Object(theme.a)("brand",100))}),highlightCell),TableInputCellContent_TableInputCellContent=function TableInputCellContent(_ref2){var children=_ref2.children,_ref2$rowTitle=_ref2.rowTitle,rowTitle=void 0!==_ref2$rowTitle&&_ref2$rowTitle,_ref2$highlighted=_ref2.highlighted,highlighted=void 0!==_ref2$highlighted&&_ref2$highlighted,_ref2$inError=_ref2.inError,inError=void 0!==_ref2$inError&&_ref2$inError,rest=function TableInputCellContent_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function TableInputCellContent_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r *:nth-child(1) {\n margin-right: -5px;\n }\n & > *:nth-child(2) {\n margin-left: -5px;\n }\n\n ",";\n"])),highlightCell),TableInputMeasurementAmount=Object(styled_components_browser_esm.default)(NumberInput.a)(TableInputMeasurement_templateObject2||(TableInputMeasurement_templateObject2=TableInputMeasurement_taggedTemplateLiteralLoose(["\n height: 39px;\n padding-left: 10px;\n padding-right: 10px;\n border-radius: 0;\n border: none;\n background: none;\n\n & + div {\n display: none; // Hide arrow buttons\n }\n"]))),TableInputMeasurementUnit=Object(styled_components_browser_esm.default)(SelectInput.a)(TableInputMeasurement_templateObject3||(TableInputMeasurement_templateObject3=TableInputMeasurement_taggedTemplateLiteralLoose(["\n & > div {\n background: none;\n\n & > div:nth-child(1) {\n justify-content: flex-end;\n }\n\n & > div {\n background: none;\n color: ",";\n\n & > input {\n border: none;\n text-align: right;\n padding-right: 38px;\n }\n }\n }\n"])),Object(theme.a)("grey",100)),TableInputMeasurement_TableInputMeasurement=function TableInputMeasurement(_ref){var amount=_ref.amount,unit=_ref.unit,emptyResultLabel=_ref.emptyResultLabel,openLabel=_ref.openLabel,onChange=_ref.onChange,units=_ref.units,rest=function TableInputMeasurement_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function TableInputMeasurement_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r void"}},units:{defaultValue:null,description:"",name:"units",required:!0,type:{name:"{ value: string; label: string; symbol?: string | undefined; }[]"}},highlighted:{defaultValue:null,description:"",name:"highlighted",required:!1,type:{name:"boolean"}},inError:{defaultValue:null,description:"",name:"inError",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/TableInput/TableInputMeasurement/TableInputMeasurement.tsx#TableInputMeasurement"]={docgenInfo:TableInputMeasurement_TableInputMeasurement.__docgenInfo,name:"TableInputMeasurement",path:"src/components/Input/TableInput/TableInputMeasurement/TableInputMeasurement.tsx#TableInputMeasurement"})}catch(__react_docgen_typescript_loader_error){}var TableInput_templateObject,TableInput_templateObject2,TableInput_templateObject3,TableInput_templateObject4,TableInput_excluded=["children","readOnly","isDragAndDroppable","onReorder"];function TableInput_slicedToArray(r,e){return function TableInput_arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function TableInput_iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function TableInput_unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return TableInput_arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?TableInput_arrayLikeToArray(r,a):void 0}}(r,e)||function TableInput_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 TableInput_arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e td:nth-child(2) {\n transition: box-shadow 0.15s;\n }\n &.shadowed tr > td:nth-child(2) {\n box-shadow: rgba(0, 0, 0, 0.2) 0px 15px 15px 0px;\n }\n "]))):Object(styled_components_browser_esm.css)(TableInput_templateObject3||(TableInput_templateObject3=TableInput_taggedTemplateLiteralLoose(["\n & tr > td:first-child {\n transition: box-shadow 0.15s;\n }\n &.shadowed tr > td:first-child {\n box-shadow: rgba(0, 0, 0, 0.2) 0px 15px 15px 0px;\n }\n "])))})),TableInput_TableInput=function TableInput(_ref2){var children=_ref2.children,_ref2$readOnly=_ref2.readOnly,readOnly=void 0!==_ref2$readOnly&&_ref2$readOnly,_ref2$isDragAndDroppa=_ref2.isDragAndDroppable,isDragAndDroppable=void 0!==_ref2$isDragAndDroppa&&_ref2$isDragAndDroppa,onReorder=_ref2.onReorder,rest=function TableInput_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function TableInput_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r0)}},rest,{children:Object(jsx_runtime.jsx)(DraggedElementContext.b,{children:Object(jsx_runtime.jsx)(TableInputTable,{className:shadowed?"shadowed":"",isDragAndDroppable:isDragAndDroppable,children:children})})}))})};TableInput_TableInput.displayName="TableInput",TableInput_TableInput.Header=TableInputHeader,TableInput_TableInput.HeaderCell=TableInputHeaderCell,TableInput_TableInput.Body=TableInputBody,TableInput_TableInput.Row=TableInputRow,TableInput_TableInput.Cell=TableInputCell,TableInput_TableInput.CellContent=TableInputCellContent_TableInputCellContent,TableInput_TableInput.Text=function TableInputText(_ref){var children=_ref.children,value=_ref.value,rest=function TableInputText_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function TableInputText_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/TableInput/TableInput.tsx#TableInput"]={docgenInfo:TableInput_TableInput.__docgenInfo,name:"TableInput",path:"src/components/Input/TableInput/TableInput.tsx#TableInput"})}catch(__react_docgen_typescript_loader_error){}function _toConsumableArray(r){return function _arrayWithoutHoles(r){if(Array.isArray(r))return useFakeTableInput_arrayLikeToArray(r)}(r)||function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(r)||useFakeTableInput_unsupportedIterableToArray(r)||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 useFakeTableInput_slicedToArray(r,e){return function useFakeTableInput_arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function useFakeTableInput_iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||useFakeTableInput_unsupportedIterableToArray(r,e)||function useFakeTableInput_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 useFakeTableInput_unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return useFakeTableInput_arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?useFakeTableInput_arrayLikeToArray(r,a):void 0}}function useFakeTableInput_arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);er.length)&&(a=r.length);for(var e=0,n=Array(a);e {\n const {\n getValue,\n setValue,\n searchValue,\n setSearchValue,\n match,\n lengthUnits\n } = useFakeTableInput(6);\n return \n \n Ingredient\n Nutrition Score\n For 1 part\n Quantity\n Is allergenic\n Length\n Origin\n Purchase date\n \n \n {['Sugar', 'Salt', 'Pepper', 'Eggs', 'Flour', 'Yeast'].map((row, index) => \n {row}\n \n setValue(index, 'nutritionScore', null)} searchPlaceholder={'Search on Nutrition'} searchValue={searchValue} onSearchChange={setSearchValue} searchTitle={'Search'}>\n {match('A') && setValue(index, 'nutritionScore', '1')}>A}\n {match('B') && setValue(index, 'nutritionScore', '2')}>B}\n {match('C') && setValue(index, 'nutritionScore', '3')}>C}\n \n \n setValue(index, 'part', value)} />\n setValue(index, 'quantity', value)} />\n setValue(index, 'is_allergenic', value)} />\n \n setValue(index, 'length', {\n unit,\n amount\n })} />\n \n \n setValue(index, 'origin', null)} searchPlaceholder={'Search on Origin'} searchValue={searchValue} onSearchChange={setSearchValue} searchTitle={'Search'}>\n {match('French (France)') && setValue(index, 'origin', 'french')}>\n \"The\n \n French (France)\n \n 100%\n } ghost=\"borderless\" level=\"tertiary\" />\n }\n {match('German (Germany)') && setValue(index, 'origin', 'german')}>\n \"The\n \n German (Germany)\n \n 100%\n } ghost=\"borderless\" level=\"tertiary\" />\n }\n {match('English (United States)') && setValue(index, 'origin', 'english')}>\n \"The\n \n English (United States)\n \n 100%\n } ghost=\"borderless\" level=\"tertiary\" />\n }\n \n \n \n setValue(index, 'purchase_date', value)} />\n \n )}\n \n ;\n}"}};var TableInput_stories_highlightCells=function highlightCells(args){return Object(esm.b)(TableInput_TableInput,args,Object(esm.b)(TableInput_TableInput.Header,null,Object(esm.b)(TableInput_TableInput.HeaderCell,null,"Title cell"),Object(esm.b)(TableInput_TableInput.HeaderCell,null,"Empty cell"),Object(esm.b)(TableInput_TableInput.HeaderCell,null,"Select cell"),Object(esm.b)(TableInput_TableInput.HeaderCell,null,"Text cell"),Object(esm.b)(TableInput_TableInput.HeaderCell,null,"Number cell"),Object(esm.b)(TableInput_TableInput.HeaderCell,null,"Boolean cell"),Object(esm.b)(TableInput_TableInput.HeaderCell,null,"Measurement cell"),Object(esm.b)(TableInput_TableInput.HeaderCell,null,"Purchase date")),Object(esm.b)(TableInput_TableInput.Body,null,TableInput_stories_toConsumableArray(Array(7).keys()).map((function(_,r){return Object(esm.b)(TableInput_TableInput.Row,{key:r},Object(esm.b)(TableInput_TableInput.Cell,null,Object(esm.b)(TableInput_TableInput.CellContent,{rowTitle:!0,highlighted:0===r,inError:1===r},"Value")),Object(esm.b)(TableInput_TableInput.Cell,null,Object(esm.b)(TableInput_TableInput.CellContent,{highlighted:1===r,inError:2===r},"Value")),Object(esm.b)(TableInput_TableInput.Cell,null,Object(esm.b)(TableInput_TableInput.Select,{onSearchChange:function onSearchChange(){},value:"Select value",highlighted:2===r,inError:3===r})),Object(esm.b)(TableInput_TableInput.Cell,null,Object(esm.b)(TableInput_TableInput.Text,{value:"Text value",highlighted:3===r,inError:4===r})),Object(esm.b)(TableInput_TableInput.Cell,null,Object(esm.b)(TableInput_TableInput.Number,{value:42,highlighted:4===r,inError:5===r})),Object(esm.b)(TableInput_TableInput.Cell,null,Object(esm.b)(TableInput_TableInput.Boolean,{value:!0,yesLabel:"Yes",noLabel:"No",highlighted:5===r,inError:6===r})),Object(esm.b)(TableInput_TableInput.Cell,null,Object(esm.b)(TableInput_TableInput.Measurement,{amount:42,unit:"METER",units:[{value:"METER",symbol:"m",label:"Meter"}],highlighted:6===r,inError:0===r})),Object(esm.b)(TableInput_TableInput.Cell,null,Object(esm.b)(TableInput_TableInput.Date,{value:"2024-04-29",highlighted:0===r,inError:1===r})))}))))};TableInput_stories_highlightCells.displayName="highlightCells",TableInput_stories_highlightCells.storyName="Highlight cells",TableInput_stories_highlightCells.parameters={storySource:{source:"args => {\n const linesCount = 7;\n return \n \n Title cell\n Empty cell\n Select cell\n Text cell\n Number cell\n Boolean cell\n Measurement cell\n Purchase date\n \n \n {[...Array(linesCount).keys()].map((_, r) => {\n return \n Value\n Value\n {}} value={'Select value'} highlighted={r === 2} inError={r === 3} />\n \n \n \n \n \n ;\n })}\n \n ;\n}"}};var TableInput_stories_readonly=function readonly(args){return Object(esm.b)(TableInput_TableInput,_extends({},args,{readOnly:!0}),Object(esm.b)(TableInput_TableInput.Header,null,Object(esm.b)(TableInput_TableInput.HeaderCell,null,"Title cell"),Object(esm.b)(TableInput_TableInput.HeaderCell,null,"Select cell"),Object(esm.b)(TableInput_TableInput.HeaderCell,null,"Text cell"),Object(esm.b)(TableInput_TableInput.HeaderCell,null,"Number cell"),Object(esm.b)(TableInput_TableInput.HeaderCell,null,"Boolean cell"),Object(esm.b)(TableInput_TableInput.HeaderCell,null,"Purchase date")),Object(esm.b)(TableInput_TableInput.Body,null,TableInput_stories_toConsumableArray(Array(5).keys()).map((function(_,r){return Object(esm.b)(TableInput_TableInput.Row,{key:r},Object(esm.b)(TableInput_TableInput.Cell,null,Object(esm.b)(TableInput_TableInput.CellContent,{rowTitle:!0},"Value")),Object(esm.b)(TableInput_TableInput.Cell,null,Object(esm.b)(TableInput_TableInput.Select,{onSearchChange:function onSearchChange(){},value:"Cell with a select value having a big text"})),Object(esm.b)(TableInput_TableInput.Cell,null,Object(esm.b)(TableInput_TableInput.Text,{value:"Cell with a text value having a big text"})),Object(esm.b)(TableInput_TableInput.Cell,null,Object(esm.b)(TableInput_TableInput.Number,{value:Math.pow(4212345967,r)})),Object(esm.b)(TableInput_TableInput.Cell,null,Object(esm.b)(TableInput_TableInput.Boolean,{value:!0,yesLabel:"Yes",noLabel:"No"})),Object(esm.b)(TableInput_TableInput.Cell,null,Object(esm.b)(TableInput_TableInput.Date,{value:"2024-04-09"})))}))))};TableInput_stories_readonly.displayName="readonly",TableInput_stories_readonly.storyName="Readonly",TableInput_stories_readonly.parameters={storySource:{source:"args => {\n const linesCount = 5;\n return \n \n Title cell\n Select cell\n Text cell\n Number cell\n Boolean cell\n Purchase date\n \n \n {[...Array(linesCount).keys()].map((_, r) => {\n return \n Value\n {}} value={'Cell with a select value having a big text'} />\n \n \n \n \n ;\n })}\n \n ;\n}"}};var TableInput_stories_draggable=function draggable(args){var _React$useState6=TableInput_stories_slicedToArray(react_default.a.useState([0,1,2,3,4]),2),orderedRows=_React$useState6[0],setOrderedRows=_React$useState6[1];return Object(esm.b)(TableInput_TableInput,_extends({},args,{isDragAndDroppable:!0,onReorder:function onReorder(newIndices){setOrderedRows((function(rows){return newIndices.map((function(index){return rows[index]}))}))}}),Object(esm.b)(TableInput_TableInput.Header,null,TableInput_stories_toConsumableArray(Array(10).keys()).map((function(_,i){return Object(esm.b)(TableInput_TableInput.HeaderCell,{key:i},"Column label")}))),Object(esm.b)(TableInput_TableInput.Body,null,orderedRows.map((function(row,r){return Object(esm.b)(TableInput_TableInput.Row,{key:r},TableInput_stories_toConsumableArray(Array(10).keys()).map((function(_,i){return 0===i?Object(esm.b)(TableInput_TableInput.Cell,{key:i},Object(esm.b)(TableInput_TableInput.CellContent,{rowTitle:!0},"Row ",row+1)):Object(esm.b)(TableInput_TableInput.Cell,{key:i},Object(esm.b)(TableInput_TableInput.Text,{value:"A value"}))})))}))))};TableInput_stories_draggable.displayName="draggable",TableInput_stories_draggable.storyName="Draggable",TableInput_stories_draggable.parameters={storySource:{source:"args => {\n const columnCount = 10;\n const rows = [0, 1, 2, 3, 4];\n const [orderedRows, setOrderedRows] = React.useState(rows);\n return {\n setOrderedRows(rows => newIndices.map(index => rows[index]));\n }}>\n \n {[...Array(columnCount).keys()].map((_, i) => {\n return Column label;\n })}\n \n \n {orderedRows.map((row, r) => {\n return \n {[...Array(columnCount).keys()].map((_, i) => {\n return i === 0 ? Row {row + 1} : \n \n ;\n })}\n ;\n })}\n \n ;\n}"}};var TableInput_stories_highlightedRows=function highlightedRows(args){var _React$useState8=TableInput_stories_slicedToArray(react_default.a.useState([!0,!1,!1,!0,!1,!1]),2),highlighted=_React$useState8[0],setHighlighted=_React$useState8[1];return Object(esm.b)(TableInput_TableInput,args,Object(esm.b)(TableInput_TableInput.Header,null,TableInput_stories_toConsumableArray(Array(10).keys()).map((function(_,i){return Object(esm.b)(TableInput_TableInput.HeaderCell,{key:i},"Column label")}))),Object(esm.b)(TableInput_TableInput.Body,null,TableInput_stories_toConsumableArray(Array(6).keys()).map((function(_,r){return Object(esm.b)(TableInput_TableInput.Row,{key:r,highlighted:highlighted[r]},Object(esm.b)(TableInput_TableInput.Cell,null,Object(esm.b)(TableInput_TableInput.CellContent,{rowTitle:!0},"Value")),TableInput_stories_toConsumableArray(Array(9).keys()).map((function(_,i){return Object(esm.b)(TableInput_TableInput.Cell,{key:i,onClick:function onClick(){highlighted[r]=!highlighted[r],setHighlighted(TableInput_stories_toConsumableArray(highlighted))}},Object(esm.b)(TableInput_TableInput.Text,{value:"Value",onChange:function onChange(){}}))})))}))))};TableInput_stories_highlightedRows.displayName="highlightedRows",TableInput_stories_highlightedRows.storyName="Highlighted rows",TableInput_stories_highlightedRows.parameters={storySource:{source:"args => {\n const columnCount = 10;\n const linesCount = 6;\n const [highlighted, setHighlighted] = React.useState([true, false, false, true, false, false]);\n return \n \n {[...Array(columnCount).keys()].map((_, i) => {\n return Column label;\n })}\n \n \n {[...Array(linesCount).keys()].map((_, r) => {\n return \n Value\n {[...Array(columnCount - 1).keys()].map((_, i) => {\n return {\n highlighted[r] = !highlighted[r];\n setHighlighted([...highlighted]);\n }}>\n {}} />\n ;\n })}\n ;\n })}\n \n ;\n}"}};var componentMeta={title:"Components/Inputs/Table input",component:TableInput_TableInput,args:{children:[]},argTypes:{readOnly:{control:{type:"boolean"}}},includeStories:["standard","highlightCells","readonly","draggable","highlightedRows"]},mdxStoryNameToKey={Standard:"standard","Highlight cells":"highlightCells",Readonly:"readonly",Draggable:"draggable","Highlighted rows":"highlightedRows"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Input/TagInput/TagInput.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return TagInput_stories_standard})),__webpack_require__.d(__webpack_exports__,"existingValue",(function(){return TagInput_stories_existingValue})),__webpack_require__.d(__webpack_exports__,"existingValueAndLabels",(function(){return TagInput_stories_existingValueAndLabels})),__webpack_require__.d(__webpack_exports__,"withAHighNumberOfTags",(function(){return TagInput_stories_withAHighNumberOfTags})),__webpack_require__.d(__webpack_exports__,"variationOnInvalid",(function(){return TagInput_stories_variationOnInvalid})),__webpack_require__.d(__webpack_exports__,"variationOnInvalidValues",(function(){return TagInput_stories_variationOnInvalidValues})),__webpack_require__.d(__webpack_exports__,"variationOnReadonly",(function(){return TagInput_stories_variationOnReadonly}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,react=__webpack_require__("./node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),addon_actions_dist_esm=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),styled_components_browser_esm=(__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.array.join.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.string.trim.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.splice.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-string.js"),__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js")),theme=__webpack_require__("./src/theme/theme.ts"),CloseIcon=__webpack_require__("./src/icons/CloseIcon.tsx"),LockIcon=__webpack_require__("./src/icons/LockIcon.tsx"),array=__webpack_require__("./src/shared/array.ts"),key=__webpack_require__("./src/shared/key.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["onChange","placeholder","invalid","value","readOnly","onSubmit","separators","labels","invalidValue"];function _toConsumableArray(r){return function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r)}(r)||function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(r)||_unsupportedIterableToArray(r)||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 _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||_unsupportedIterableToArray(r,e)||function _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 _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e input {\n border: 0;\n outline: 0;\n color: ",";\n background-color: transparent;\n width: 100%;\n\n &::placeholder {\n opacity: 1;\n color: ",";\n font-family: ",";\n }\n }\n"])),Object(theme.a)("grey",120),(function(_ref8){return _ref8.hasTags?"0":"0 11px"}),Object(theme.a)("grey",120),Object(theme.a)("grey",100),Object(theme.d)("default")),ReadOnlyIcon=Object(styled_components_browser_esm.default)(LockIcon.a)(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(["\n position: absolute;\n right: 0;\n top: 0;\n margin: 11px;\n color: ",";\n"])),Object(theme.a)("grey",100)),TagInput_TagInput=function TagInput(_ref9){var onChange=_ref9.onChange,placeholder=_ref9.placeholder,invalid=_ref9.invalid,_ref9$value=_ref9.value,value=void 0===_ref9$value?[]:_ref9$value,readOnly=_ref9.readOnly,onSubmit=_ref9.onSubmit,_ref9$separators=_ref9.separators,separators=void 0===_ref9$separators?["\\s",",",";"]:_ref9$separators,labels=_ref9.labels,_ref9$invalidValue=_ref9.invalidValue,invalidValue=void 0===_ref9$invalidValue?[]:_ref9$invalidValue,inputProps=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r0,children:[Object(jsx_runtime.jsx)("input",Object.assign({type:"text","data-testid":"tag-input",ref:inputRef,placeholder:0===value.length?placeholder:"",onKeyDown:function handleKeyDown(event){var _inputRef$current$val,_inputRef$current,inputCurrentValue=null!==(_inputRef$current$val=null==inputRef||null===(_inputRef$current=inputRef.current)||void 0===_inputRef$current?void 0:_inputRef$current.value.trim())&&void 0!==_inputRef$current$val?_inputRef$current$val:"";if(key.a.Enter!==event.key||isLastTagSelected||readOnly){var isDeleteKeyPressed=[key.a.Backspace.toString(),key.a.Delete.toString()].includes(event.key),tagsAreEmpty=0===value.length;if(isDeleteKeyPressed&&!tagsAreEmpty&&""===inputCurrentValue){if(isLastTagSelected){var newTags=value.slice(0,value.length-1);onChange(newTags)}setLastTagAsSelected(!isLastTagSelected)}else setLastTagAsSelected(!1)}else""===inputCurrentValue?null==onSubmit||onSubmit():createTags([].concat(_toConsumableArray(value),[inputCurrentValue]))},onChange:function onChangeCreateTags(event){var tagsAsString=event.currentTarget.value;if(""!==tagsAsString){var newTags=tagsAsString.split(new RegExp("["+separators.join("")+"]+","g"));if(1===newTags.length)return;var newTagsWithoutEmpty=newTags.filter((function(tag){return""!==tag.trim()}));createTags([].concat(_toConsumableArray(value),_toConsumableArray(newTagsWithoutEmpty)))}},onBlurCapture:function onBlurCreateTag(event){var inputCurrentValue=event.currentTarget.value.trim();""!==inputCurrentValue&&createTags([].concat(_toConsumableArray(value),[inputCurrentValue]))},"aria-invalid":invalid,readOnly:readOnly,disabled:readOnly},inputProps)),readOnly&&Object(jsx_runtime.jsx)(ReadOnlyIcon,{size:16})]})]})};TagInput_TagInput.displayName="TagInput";try{TagInput_TagInput.displayName="TagInput",TagInput_TagInput.__docgenInfo={description:"",displayName:"TagInput",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"",name:"aria-labelledby",required:!1,type:{name:"string"}},value:{defaultValue:{value:"[]"},description:"Tags to display.",name:"value",required:!1,type:{name:"string[]"}},placeholder:{defaultValue:null,description:"Placeholder displayed where there is no tag.",name:"placeholder",required:!1,type:{name:"string"}},invalid:{defaultValue:null,description:"Defines if the input is valid on not.",name:"invalid",required:!1,type:{name:"boolean"}},separators:{defaultValue:{value:"['\\\\s', ',', ';']"},description:"List of separators used to create tags.",name:"separators",required:!1,type:{name:"string[]"}},onChange:{defaultValue:null,description:"Handler called when tags are updated.",name:"onChange",required:!0,type:{name:"(tags: string[]) => void"}},onSubmit:{defaultValue:null,description:"Callback called when the user hits enter on the field.",name:"onSubmit",required:!1,type:{name:"(() => void)"}},labels:{defaultValue:null,description:"Displays tag labels instead of tags",name:"labels",required:!1,type:{name:"{ [key: string]: string; }"}},invalidValue:{defaultValue:{value:"[]"},description:"The selected tags which are invalid",name:"invalidValue",required:!1,type:{name:"string[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/TagInput/TagInput.tsx#TagInput"]={docgenInfo:TagInput_TagInput.__docgenInfo,name:"TagInput",path:"src/components/Input/TagInput/TagInput.tsx#TagInput"})}catch(__react_docgen_typescript_loader_error){}var PreviewGallery=__webpack_require__("./src/storybook/PreviewGallery.tsx"),TagInput_stories_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;er.length)&&(a=r.length);for(var e=0,n=Array(a);e {\n const [tags, setTags] = useState([]);\n return ;\n}"}};var TagInput_stories_existingValue=function existingValue(args){return Object(esm.b)(TagInput_TagInput,{value:["batman","superman","catwoman","joker"],onChange:function onChange(){}})};TagInput_stories_existingValue.displayName="existingValue",TagInput_stories_existingValue.storyName="Existing value",TagInput_stories_existingValue.parameters={storySource:{source:"args => {\n return {}} />;\n}"}};var TagInput_stories_existingValueAndLabels=function existingValueAndLabels(args){return Object(esm.b)(TagInput_TagInput,{value:["batman","superman","catwoman","joker"],onChange:function onChange(){},labels:{batman:"The Batman",superman:"Superman",joker:"The Joker"}})};TagInput_stories_existingValueAndLabels.displayName="existingValueAndLabels",TagInput_stories_existingValueAndLabels.storyName="Existing value and labels",TagInput_stories_existingValueAndLabels.parameters={storySource:{source:"args => {\n return {}} labels={{\n batman: 'The Batman',\n superman: 'Superman',\n joker: 'The Joker'\n }} />;\n}"}};var TagInput_stories_withAHighNumberOfTags=function withAHighNumberOfTags(args){return Object(esm.b)(TagInput_TagInput,{value:Array.from(Array(30).keys()).map((function(tag){return"tag-"+tag})),onChange:function onChange(){}})};TagInput_stories_withAHighNumberOfTags.displayName="withAHighNumberOfTags",TagInput_stories_withAHighNumberOfTags.storyName="With a high number of tags",TagInput_stories_withAHighNumberOfTags.parameters={storySource:{source:"args => {\n return `tag-${tag}`)} onChange={() => {}} />;\n}"}};var TagInput_stories_variationOnInvalid=function variationOnInvalid(args){return Object(esm.b)(PreviewGallery.i,null,Object(esm.b)(TagInput_TagInput,{value:[],onChange:function onChange(){},invalid:!1}),Object(esm.b)(TagInput_TagInput,{value:[],onChange:function onChange(){},invalid:!0}))};TagInput_stories_variationOnInvalid.displayName="variationOnInvalid",TagInput_stories_variationOnInvalid.storyName="Variation on invalid",TagInput_stories_variationOnInvalid.parameters={storySource:{source:"args => {\n return
\n {}} invalid={false} />\n {}} invalid={true} />\n
;\n}"}};var TagInput_stories_variationOnInvalidValues=function variationOnInvalidValues(args){return Object(esm.b)(TagInput_TagInput,{value:["batman","superman","catwoman","joker"],onChange:function onChange(){},invalidValue:["superman","catwoman"]})};TagInput_stories_variationOnInvalidValues.displayName="variationOnInvalidValues",TagInput_stories_variationOnInvalidValues.storyName="Variation on invalid values",TagInput_stories_variationOnInvalidValues.parameters={storySource:{source:"args => {\n return {}} invalidValue={['superman', 'catwoman']} />;\n}"}};var TagInput_stories_variationOnReadonly=function variationOnReadonly(args){return Object(esm.b)(TagInput_TagInput,{value:["gucci","dior"],onChange:function onChange(){},readOnly:!0})};TagInput_stories_variationOnReadonly.displayName="variationOnReadonly",TagInput_stories_variationOnReadonly.storyName="Variation on readonly",TagInput_stories_variationOnReadonly.parameters={storySource:{source:"args => {\n return {}} readOnly={true} />;\n}"}};var componentMeta={title:"Components/Inputs/Tag input",component:TagInput_TagInput,args:{value:[],placeholder:"Placeholder",invalid:!1},includeStories:["standard","existingValue","existingValueAndLabels","withAHighNumberOfTags","variationOnInvalid","variationOnInvalidValues","variationOnReadonly"]},mdxStoryNameToKey={Standard:"standard","Existing value":"existingValue","Existing value and labels":"existingValueAndLabels","With a high number of tags":"withAHighNumberOfTags","Variation on invalid":"variationOnInvalid","Variation on invalid values":"variationOnInvalidValues","Variation on readonly":"variationOnReadonly"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Input/TextAreaInput/TextAreaInput.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return TextAreaInput_stories_standard})),__webpack_require__.d(__webpack_exports__,"readOnly",(function(){return TextAreaInput_stories_readOnly})),__webpack_require__.d(__webpack_exports__,"invalid",(function(){return TextAreaInput_stories_invalid})),__webpack_require__.d(__webpack_exports__,"characterLeftLabel",(function(){return TextAreaInput_stories_characterLeftLabel}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),LockIcon=__webpack_require__("./src/icons/LockIcon.tsx"),theme=__webpack_require__("./src/theme/theme.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["value","invalid","onChange","readOnly","characterLeftLabel"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var TextAreaInputContainer=styled_components_browser_esm.default.div(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n"]))),CommonStyle=Object(styled_components_browser_esm.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n border: 1px solid ",";\n border-radius: 2px;\n color: ",";\n font-size: ",";\n line-height: 20px;\n width: 100%;\n box-sizing: border-box;\n font-family: inherit;\n outline-style: none;\n background: ",";\n cursor: ",";\n\n &:focus-within {\n box-shadow: 0 0 0 2px ",";\n }\n\n a.rdw-dropdown-selectedtext > span {\n color: ",";\n }\n"])),(function(_ref){return _ref.invalid?Object(theme.a)("red",100):Object(theme.a)("grey",80)}),(function(_ref2){return _ref2.readOnly?Object(theme.a)("grey",100):Object(theme.a)("grey",140)}),Object(theme.e)("default"),(function(_ref3){return _ref3.readOnly?Object(theme.a)("grey",20):Object(theme.a)("white")}),(function(_ref4){return _ref4.readOnly?"not-allowed":"auto"}),Object(theme.a)("blue",40),(function(_ref5){return _ref5.readOnly?Object(theme.a)("grey",100):Object(theme.a)("grey",140)})),Textarea=styled_components_browser_esm.default.textarea(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n ","\n resize: none;\n height: 200px;\n padding: 10px 30px 10px 15px;\n\n &::placeholder {\n opacity: 1;\n color: ",";\n }\n"])),CommonStyle,Object(theme.a)("grey",100)),ReadOnlyIcon=Object(styled_components_browser_esm.default)(LockIcon.a)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n position: absolute;\n right: 0;\n top: 0;\n margin: 12px;\n color: ",";\n"])),Object(theme.a)("grey",100)),CharacterLeftLabel=styled_components_browser_esm.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n font-size: ",";\n align-self: flex-end;\n color: ",";\n"])),Object(theme.e)("small"),Object(theme.a)("grey",100)),TextAreaInput=react_default.a.forwardRef((function(_ref6,forwardedRef){var value=_ref6.value,invalid=_ref6.invalid,onChange=_ref6.onChange,readOnly=_ref6.readOnly,characterLeftLabel=_ref6.characterLeftLabel,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r void) | (((newValue: string) => void) & ((newValue: string) => void))"}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:"Value of the input.",name:"value",required:!0,type:{name:"string"}},placeholder:{defaultValue:null,description:"Placeholder displayed when the input is empty.",name:"placeholder",required:!1,type:{name:"string"}},invalid:{defaultValue:null,description:"Defines if the input is valid on not.",name:"invalid",required:!1,type:{name:"boolean"}},characterLeftLabel:{defaultValue:null,description:"Label displayed under the field to display the remaining character counter.",name:"characterLeftLabel",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/TextAreaInput/TextAreaInput.tsx#TextAreaInput"]={docgenInfo:TextAreaInput.__docgenInfo,name:"TextAreaInput",path:"src/components/Input/TextAreaInput/TextAreaInput.tsx#TextAreaInput"})}catch(__react_docgen_typescript_loader_error){}var TextAreaInput_stories_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;er.length)&&(a=r.length);for(var e=0,n=Array(a);e void"}}}},args:{value:'The giant panda, also known as the panda bear or simply the panda, is a bear native to south-central China. It is characterized by large, black patches around its eyes, over the ears, and across its round body. The name "giant panda" is sometimes used to distinguish it from the red panda, a neighboring musteloid. Though it belongs to the order Carnivora, the giant panda is a folivore, with bamboo shoots and leaves making up more than 99% of its diet. Giant pandas in the wild will occasionally eat other grasses, wild tubers, or even meat in the form of birds, rodents.',placeholder:"Please enter a value in the TextAreaInput"},mdxType:"Meta"}),Object(esm.b)("h1",{id:"textarea-input"},"Textarea input"),Object(esm.b)("h2",{id:"usage"},"Usage"),Object(esm.b)("p",null,"Textarea input allows the user to enter content and data when the expected user input is composed of more than one sentence."),Object(esm.b)("h2",{id:"content"},"Content"),Object(esm.b)("p",null,Object(esm.b)("strong",{parentName:"p"},"Label:")),Object(esm.b)("p",null,"It helps users to understand what information to enter into a text input. Using a placeholder instead of a label is sometimes used to save space. However, this is not recommended because it hides the context and raises accessibility issues."),Object(esm.b)("p",null,Object(esm.b)("strong",{parentName:"p"},"Placeholder text:")),Object(esm.b)("p",null,"The placeholder text provides tips or examples of items to enter. Placeholder text disappears when the user begins entering data."),Object(esm.b)("p",null,Object(esm.b)("strong",{parentName:"p"},"Help text:")),Object(esm.b)("p",null,"Help text is relevant information that helps the user to fill a field. Help text is always available when the input is active and appears below the text input. Complete sentences with punctuation should be used."),Object(esm.b)("p",null,Object(esm.b)("strong",{parentName:"p"},"Errors text:")),Object(esm.b)("p",null,"A compelling error message can help the user understand the problem and solve it. You should begin by informing the user of what happened, then indicate next steps or possible solutions."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Standard",mdxType:"Story"},(function(args){var _useState2=_slicedToArray(Object(react.useState)(args.value),2),value=_useState2[0],setValue=_useState2[1];return Object(esm.b)(TextAreaInput,_extends({},args,{value:value,onChange:setValue,mdxType:"TextAreaInput"}))}))),Object(esm.b)(dist_esm.b,{story:"Standard",mdxType:"ArgsTable"}),Object(esm.b)("h2",{id:"variation-on-readonly"},"Variation on readOnly"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"ReadOnly",mdxType:"Story"},(function(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(TextAreaInput,_extends({},args,{readOnly:!1,mdxType:"TextAreaInput"})),Object(esm.b)(TextAreaInput,_extends({},args,{readOnly:!0,mdxType:"TextAreaInput"})))}))),Object(esm.b)("h2",{id:"variation-on-invalid"},"Variation on invalid"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Invalid",mdxType:"Story"},(function(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(TextAreaInput,_extends({},args,{invalid:!1,mdxType:"TextAreaInput"})),Object(esm.b)(TextAreaInput,_extends({},args,{invalid:!0,mdxType:"TextAreaInput"})))}))),Object(esm.b)("h2",{id:"variation-on-character-left-label"},"Variation on character left label"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Character left label",mdxType:"Story"},(function(args){var _useState4=_slicedToArray(Object(react.useState)(""),2),value=_useState4[0],setValue=_useState4[1];return Object(esm.b)(TextAreaInput,{placeholder:"Type here to update the character left label",value:value,onChange:function handleChange(newValue){return setValue(newValue)},characterLeftLabel:250-value.length+" characters left",mdxType:"TextAreaInput"})}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var TextAreaInput_stories_standard=function standard(args){var _useState6=_slicedToArray(Object(react.useState)(args.value),2),value=_useState6[0],setValue=_useState6[1];return Object(esm.b)(TextAreaInput,_extends({},args,{value:value,onChange:setValue}))};TextAreaInput_stories_standard.displayName="standard",TextAreaInput_stories_standard.storyName="Standard",TextAreaInput_stories_standard.parameters={storySource:{source:"args => {\n const [value, setValue] = useState(args.value);\n return ;\n}"}};var TextAreaInput_stories_readOnly=function readOnly(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(TextAreaInput,_extends({},args,{readOnly:!1})),Object(esm.b)(TextAreaInput,_extends({},args,{readOnly:!0})))};TextAreaInput_stories_readOnly.storyName="ReadOnly",TextAreaInput_stories_readOnly.parameters={storySource:{source:"args => {\n return <>\n \n \n ;\n}"}};var TextAreaInput_stories_invalid=function invalid(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(TextAreaInput,_extends({},args,{invalid:!1})),Object(esm.b)(TextAreaInput,_extends({},args,{invalid:!0})))};TextAreaInput_stories_invalid.storyName="Invalid",TextAreaInput_stories_invalid.parameters={storySource:{source:"args => {\n return <>\n \n \n ;\n}"}};var TextAreaInput_stories_characterLeftLabel=function characterLeftLabel(args){var _useState8=_slicedToArray(Object(react.useState)(""),2),value=_useState8[0],setValue=_useState8[1];return Object(esm.b)(TextAreaInput,{placeholder:"Type here to update the character left label",value:value,onChange:function handleChange(newValue){return setValue(newValue)},characterLeftLabel:250-value.length+" characters left"})};TextAreaInput_stories_characterLeftLabel.displayName="characterLeftLabel",TextAreaInput_stories_characterLeftLabel.storyName="Character left label",TextAreaInput_stories_characterLeftLabel.parameters={storySource:{source:"args => {\n const [value, setValue] = useState('');\n const handleChange = newValue => setValue(newValue);\n return ;\n}"}};var componentMeta={title:"Components/Inputs/Textarea input",component:TextAreaInput,args:{value:'The giant panda, also known as the panda bear or simply the panda, is a bear native to south-central China. It is characterized by large, black patches around its eyes, over the ears, and across its round body. The name "giant panda" is sometimes used to distinguish it from the red panda, a neighboring musteloid. Though it belongs to the order Carnivora, the giant panda is a folivore, with bamboo shoots and leaves making up more than 99% of its diet. Giant pandas in the wild will occasionally eat other grasses, wild tubers, or even meat in the form of birds, rodents.',placeholder:"Please enter a value in the TextAreaInput"},argTypes:{readOnly:{control:{type:"boolean"},description:"Defines if the input should be read only. If defined so, the user cannot change the value of the input.",table:{type:{summary:"boolean"}}},onChange:{description:"The handler called when the value of the input changes.",table:{type:{summary:"(newValue: string) => void"}}}},includeStories:["standard","readOnly","invalid","characterLeftLabel"]},mdxStoryNameToKey={Standard:"standard",ReadOnly:"readOnly",Invalid:"invalid","Character left label":"characterLeftLabel"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Input/TextInput/TextInput.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"readOnly",(function(){return readOnly})),__webpack_require__.d(__webpack_exports__,"invalid",(function(){return invalid})),__webpack_require__.d(__webpack_exports__,"characterLeftLabel",(function(){return characterLeftLabel}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_15___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_15__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_TextInput_tsx__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/components/Input/TextInput/TextInput.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;er.length)&&(a=r.length);for(var e=0,n=Array(a);e void"}}}},args:{value:"",placeholder:"Please enter a value in the TextInput"},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h1",{id:"text-input"},"Text input"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h2",{id:"usage"},"Usage"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("p",null,"Text input allows the user to enter content and data when the expected user input is a single line of text."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h3",{id:"placeholder-text"},"Placeholder text"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("p",null,"The placeholder text provides tips or examples of items to enter. Placeholder text disappears when the user begins entering data."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h2",{id:"playground"},"Playground"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.e,{name:"Standard",mdxType:"Story"},(function(args){var _useState2=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_15__.useState)(args.value),2),value=_useState2[0],setValue=_useState2[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_TextInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{value:value,onChange:setValue,mdxType:"TextInput"}))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.b,{story:"Standard",mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h2",{id:"variation-on-readonly"},"Variation on readOnly"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.e,{name:"ReadOnly",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_TextInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{readOnly:!1,mdxType:"TextInput"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_TextInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{readOnly:!0,mdxType:"TextInput"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_TextInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,{value:"Read only text input",readOnly:!0,mdxType:"TextInput"}))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h2",{id:"variation-on-invalid"},"Variation on invalid"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.e,{name:"Invalid",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_TextInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{invalid:!1,mdxType:"TextInput"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_TextInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{invalid:!0,mdxType:"TextInput"})))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h2",{id:"variation-on-character-left-label"},"Variation on character left label"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.e,{name:"Character left label",mdxType:"Story"},(function(args){var _useState4=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_15__.useState)(""),2),value=_useState4[0],setValue=_useState4[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_TextInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,{placeholder:"Type here to update the character left label",value:value,onChange:function handleChange(newValue){return setValue(newValue)},characterLeftLabel:250-value.length+" characters left",mdxType:"TextInput"})}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var standard=function standard(args){var _useState6=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_15__.useState)(args.value),2),value=_useState6[0],setValue=_useState6[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_TextInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{value:value,onChange:setValue}))};standard.displayName="standard",standard.storyName="Standard",standard.parameters={storySource:{source:"args => {\n const [value, setValue] = useState(args.value);\n return ;\n}"}};var readOnly=function readOnly(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_TextInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{readOnly:!1})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_TextInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{readOnly:!0})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_TextInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,{value:"Read only text input",readOnly:!0}))};readOnly.storyName="ReadOnly",readOnly.parameters={storySource:{source:'args => {\n return <>\n \n \n \n ;\n}'}};var invalid=function invalid(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_TextInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{invalid:!1})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_TextInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{invalid:!0})))};invalid.storyName="Invalid",invalid.parameters={storySource:{source:"args => {\n return <>\n \n \n ;\n}"}};var characterLeftLabel=function characterLeftLabel(args){var _useState8=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_15__.useState)(""),2),value=_useState8[0],setValue=_useState8[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_TextInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,{placeholder:"Type here to update the character left label",value:value,onChange:function handleChange(newValue){return setValue(newValue)},characterLeftLabel:250-value.length+" characters left"})};characterLeftLabel.displayName="characterLeftLabel",characterLeftLabel.storyName="Character left label",characterLeftLabel.parameters={storySource:{source:"args => {\n const [value, setValue] = useState('');\n const handleChange = newValue => setValue(newValue);\n return ;\n}"}};var componentMeta={title:"Components/Inputs/Text input",component:_TextInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,args:{value:"",placeholder:"Please enter a value in the TextInput"},argTypes:{readOnly:{control:{type:"boolean"},description:"Defines if the input should be read only. If defined so, the user cannot change the value of the input.",table:{type:{summary:"boolean"}}},onChange:{description:"The handler called when the value of the input changes.",table:{type:{summary:"(newValue: string) => void"}}}},includeStories:["standard","readOnly","invalid","characterLeftLabel"]},mdxStoryNameToKey={Standard:"standard",ReadOnly:"readOnly",Invalid:"invalid","Character left label":"characterLeftLabel"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Input/TextInput/TextInput.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return TextInput}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),styled_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_icons_LockIcon__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/icons/LockIcon.tsx"),_shared_key__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/shared/key.ts"),_theme_theme__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/theme/theme.ts"),_hooks_useShortcut__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/hooks/useShortcut.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["invalid","onChange","readOnly","characterLeftLabel","onSubmit"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var TextInputContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n"]))),Input=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.input(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 40px;\n border: 1px solid ",";\n border-radius: 2px;\n box-sizing: border-box;\n background: ",";\n color: ",";\n font-size: ",";\n line-height: 40px;\n padding: 0 "," 0 15px;\n outline-style: none;\n cursor: ",";\n ","\n &:focus-within {\n box-shadow: 0 0 0 2px ",";\n }\n\n &::placeholder {\n opacity: 1;\n color: ",";\n }\n"])),(function(_ref){return _ref.invalid?Object(_theme_theme__WEBPACK_IMPORTED_MODULE_9__.a)("red",100):Object(_theme_theme__WEBPACK_IMPORTED_MODULE_9__.a)("grey",80)}),(function(_ref2){return _ref2.readOnly?Object(_theme_theme__WEBPACK_IMPORTED_MODULE_9__.a)("grey",20):Object(_theme_theme__WEBPACK_IMPORTED_MODULE_9__.a)("white")}),(function(_ref3){return _ref3.readOnly?Object(_theme_theme__WEBPACK_IMPORTED_MODULE_9__.a)("grey",100):Object(_theme_theme__WEBPACK_IMPORTED_MODULE_9__.a)("grey",140)}),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_9__.e)("default"),(function(_ref4){return _ref4.readOnly?"35px":"15px"}),(function(_ref5){return _ref5.readOnly?"not-allowed":"auto"}),(function(_ref6){return _ref6.readOnly&&Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n overflow: hidden;\n text-overflow: ellipsis;\n "])))}),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_9__.a)("blue",40),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_9__.a)("grey",100)),ReadOnlyIcon=Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.default)(_icons_LockIcon__WEBPACK_IMPORTED_MODULE_7__.a)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n position: absolute;\n right: 0;\n top: 0;\n margin: 12px;\n color: ",";\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_9__.a)("grey",100)),CharacterLeftLabel=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n font-size: ",";\n align-self: flex-end;\n color: ",";\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_9__.e)("small"),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_9__.a)("grey",100)),TextInput=Object(react__WEBPACK_IMPORTED_MODULE_5__.forwardRef)((function(_ref7,forwardedRef){var _forwardedRef,invalid=_ref7.invalid,onChange=_ref7.onChange,readOnly=_ref7.readOnly,characterLeftLabel=_ref7.characterLeftLabel,onSubmit=_ref7.onSubmit,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r void) | (((newValue: string) => void) & ((newValue: string) => void))"}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:"Value of the input.",name:"value",required:!1,type:{name:"string"}},placeholder:{defaultValue:null,description:"Placeholder displayed when the input is empty.",name:"placeholder",required:!1,type:{name:"string"}},invalid:{defaultValue:null,description:"Defines if the input is valid on not.",name:"invalid",required:!1,type:{name:"boolean"}},characterLeftLabel:{defaultValue:null,description:"Label displayed under the field to display the remaining character counter.",name:"characterLeftLabel",required:!1,type:{name:"string"}},onSubmit:{defaultValue:null,description:"Callback called when the user hit enter on the field.",name:"onSubmit",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/TextInput/TextInput.tsx#TextInput"]={docgenInfo:TextInput.__docgenInfo,name:"TextInput",path:"src/components/Input/TextInput/TextInput.tsx#TextInput"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Input/common/Overlay.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Overlay}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,react__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_14___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_14__),react_dom__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/react-dom/index.js"),styled_components__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_hooks_usePosition__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/hooks/usePosition.ts"),_hooks_useWindowResize__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/hooks/useWindowResize.ts"),_theme_theme__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/theme/theme.ts"),_theme_common__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/theme/common.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["verticalPosition","parentRef","onClose","children"];function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _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 _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e void"}},parentRef:{defaultValue:null,description:"@private",name:"parentRef",required:!1,type:{name:"RefObject"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/common/Overlay.tsx#Overlay"]={docgenInfo:Overlay.__docgenInfo,name:"Overlay",path:"src/components/Input/common/Overlay.tsx#Overlay"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/KeyFigure/KeyFigure.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return KeyFigure_stories_standard})),__webpack_require__.d(__webpack_exports__,"valueOnly",(function(){return KeyFigure_stories_valueOnly})),__webpack_require__.d(__webpack_exports__,"keyFigureGrid",(function(){return KeyFigure_stories_keyFigureGrid}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),styled_components_browser_esm=(__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js")),theme=__webpack_require__("./src/theme/theme.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["icon","title","children"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var FigureContainer=styled_components_browser_esm.default.div(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n color: ",";\n font-size: 16px;\n margin: 0 15px 0 3px;\n display: flex;\n align-items: center;\n\n :only-child {\n margin: 0;\n }\n"])),Object(theme.a)("brand",100)),KeyFigureContainer=styled_components_browser_esm.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n height: 80px;\n display: inline-flex;\n box-sizing: border-box;\n background: ",";\n"])),Object(theme.a)("white")),IconContainer=styled_components_browser_esm.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n min-width: 80px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-right: 1px "," solid;\n margin: 10px 0;\n\n svg {\n color: ",";\n }\n"])),Object(theme.a)("grey",80),Object(theme.a)("grey",100)),ContentContainer=styled_components_browser_esm.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n margin: 15px 20px;\n display: flex;\n justify-content: space-around;\n flex-direction: column;\n min-width: 0;\n"]))),Title=styled_components_browser_esm.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n color: ",";\n font-size: ",";\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n"])),Object(theme.a)("grey",140),Object(theme.e)("big")),Values=styled_components_browser_esm.default.div(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(["\n display: flex;\n color: ",";\n font-size: 16px;\n"])),Object(theme.a)("grey",100)),KeyFigure_KeyFigure=function KeyFigure(_ref2){var icon=_ref2.icon,title=_ref2.title,children=_ref2.children,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r>"}},title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/KeyFigure/KeyFigure.tsx#KeyFigure"]={docgenInfo:KeyFigure_KeyFigure.__docgenInfo,name:"KeyFigure",path:"src/components/KeyFigure/KeyFigure.tsx#KeyFigure"})}catch(__react_docgen_typescript_loader_error){}try{KeyFigureGrid.displayName="KeyFigureGrid",KeyFigureGrid.__docgenInfo={description:"",displayName:"KeyFigureGrid",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/KeyFigure/KeyFigure.tsx#KeyFigureGrid"]={docgenInfo:KeyFigureGrid.__docgenInfo,name:"KeyFigureGrid",path:"src/components/KeyFigure/KeyFigure.tsx#KeyFigureGrid"})}catch(__react_docgen_typescript_loader_error){}var icons=__webpack_require__("./src/icons/index.ts"),Tooltip=__webpack_require__("./src/components/Tooltip/Tooltip.tsx"),KeyFigure_stories_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e"}}}},args:{icon:"TagIcon",title:"Key figure with a multiple values"},mdxType:"Meta"}),Object(esm.b)("h1",{id:"key-figure"},"Key Figure"),Object(esm.b)("p",null,"Key figures are used in dashboards to illustrate metrics."),Object(esm.b)("h2",{id:"playground"},"Playground"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Standard",mdxType:"Story"},(function(args){return Object(esm.b)(KeyFigureGrid,{mdxType:"KeyFigureGrid"},Object(esm.b)(KeyFigure_KeyFigure,{icon:react_default.a.createElement(icons[args.icon]),title:args.title,mdxType:"KeyFigure"},Object(esm.b)(KeyFigure_KeyFigure.Figure,{label:"Average:"},"10"),Object(esm.b)(KeyFigure_KeyFigure.Figure,{label:"Max:"},"15")))}))),Object(esm.b)(dist_esm.b,{story:"Standard",mdxType:"ArgsTable"}),Object(esm.b)("h2",{id:"with-only-a-simple-figure"},"With only a simple figure"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Value only",mdxType:"Story"},(function(args){return Object(esm.b)(KeyFigureGrid,{mdxType:"KeyFigureGrid"},Object(esm.b)(KeyFigure_KeyFigure,{icon:react_default.a.createElement(icons[args.icon]),title:"Key figure with only a figure",mdxType:"KeyFigure"},Object(esm.b)(KeyFigure_KeyFigure.Figure,null,"123")))}))),Object(esm.b)("h2",{id:"keyfigure-grid"},"KeyFigure grid"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"KeyFigure grid",mdxType:"Story"},(function(args){return Object(esm.b)(KeyFigureGrid,{mdxType:"KeyFigureGrid"},Object(esm.b)(KeyFigure_KeyFigure,{icon:react_default.a.createElement(icons[args.icon]),title:"Key figure 1",mdxType:"KeyFigure"},Object(esm.b)(KeyFigure_KeyFigure.Figure,{label:"Average:"},"10"),Object(esm.b)(KeyFigure_KeyFigure.Figure,{label:"Max:"},"15")),Object(esm.b)(KeyFigure_KeyFigure,{icon:react_default.a.createElement(icons[args.icon]),title:"Key figure 2 with a very very very very very long label",mdxType:"KeyFigure"},Object(esm.b)(KeyFigure_KeyFigure.Figure,null,"123")),Object(esm.b)(KeyFigure_KeyFigure,{icon:react_default.a.createElement(icons[args.icon]),title:"Key figure 3",mdxType:"KeyFigure"},Object(esm.b)(KeyFigure_KeyFigure.Figure,null,"456",Object(esm.b)(Tooltip.a,{iconSize:16,mdxType:"Tooltip"},"More informations on this figure"))),Object(esm.b)(KeyFigure_KeyFigure,{icon:react_default.a.createElement(icons[args.icon]),title:"Key figure 4",mdxType:"KeyFigure"},Object(esm.b)(KeyFigure_KeyFigure.Figure,{label:"Average:"},"789454"),Object(esm.b)(KeyFigure_KeyFigure.Figure,{label:"Max:"},"78945485")),Object(esm.b)(KeyFigure_KeyFigure,{icon:react_default.a.createElement(icons[args.icon]),title:"Key figure 5",mdxType:"KeyFigure"},Object(esm.b)(KeyFigure_KeyFigure.Figure,{label:"Average:"},"5451"),Object(esm.b)(KeyFigure_KeyFigure.Figure,{label:"Max:"},"15369")))}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var KeyFigure_stories_standard=function standard(args){return Object(esm.b)(KeyFigureGrid,null,Object(esm.b)(KeyFigure_KeyFigure,{icon:react_default.a.createElement(icons[args.icon]),title:args.title},Object(esm.b)(KeyFigure_KeyFigure.Figure,{label:"Average:"},"10"),Object(esm.b)(KeyFigure_KeyFigure.Figure,{label:"Max:"},"15")))};KeyFigure_stories_standard.displayName="standard",KeyFigure_stories_standard.storyName="Standard",KeyFigure_stories_standard.parameters={storySource:{source:'args => {\n return \n \n 10\n 15\n \n ;\n}'}};var KeyFigure_stories_valueOnly=function valueOnly(args){return Object(esm.b)(KeyFigureGrid,null,Object(esm.b)(KeyFigure_KeyFigure,{icon:react_default.a.createElement(icons[args.icon]),title:"Key figure with only a figure"},Object(esm.b)(KeyFigure_KeyFigure.Figure,null,"123")))};KeyFigure_stories_valueOnly.displayName="valueOnly",KeyFigure_stories_valueOnly.storyName="Value only",KeyFigure_stories_valueOnly.parameters={storySource:{source:'args => {\n return \n \n 123\n \n ;\n}'}};var KeyFigure_stories_keyFigureGrid=function keyFigureGrid(args){return Object(esm.b)(KeyFigureGrid,null,Object(esm.b)(KeyFigure_KeyFigure,{icon:react_default.a.createElement(icons[args.icon]),title:"Key figure 1"},Object(esm.b)(KeyFigure_KeyFigure.Figure,{label:"Average:"},"10"),Object(esm.b)(KeyFigure_KeyFigure.Figure,{label:"Max:"},"15")),Object(esm.b)(KeyFigure_KeyFigure,{icon:react_default.a.createElement(icons[args.icon]),title:"Key figure 2 with a very very very very very long label"},Object(esm.b)(KeyFigure_KeyFigure.Figure,null,"123")),Object(esm.b)(KeyFigure_KeyFigure,{icon:react_default.a.createElement(icons[args.icon]),title:"Key figure 3"},Object(esm.b)(KeyFigure_KeyFigure.Figure,null,"456",Object(esm.b)(Tooltip.a,{iconSize:16},"More informations on this figure"))),Object(esm.b)(KeyFigure_KeyFigure,{icon:react_default.a.createElement(icons[args.icon]),title:"Key figure 4"},Object(esm.b)(KeyFigure_KeyFigure.Figure,{label:"Average:"},"789454"),Object(esm.b)(KeyFigure_KeyFigure.Figure,{label:"Max:"},"78945485")),Object(esm.b)(KeyFigure_KeyFigure,{icon:react_default.a.createElement(icons[args.icon]),title:"Key figure 5"},Object(esm.b)(KeyFigure_KeyFigure.Figure,{label:"Average:"},"5451"),Object(esm.b)(KeyFigure_KeyFigure.Figure,{label:"Max:"},"15369")))};KeyFigure_stories_keyFigureGrid.displayName="keyFigureGrid",KeyFigure_stories_keyFigureGrid.storyName="KeyFigure grid",KeyFigure_stories_keyFigureGrid.parameters={storySource:{source:'args => {\n return \n \n 10\n 15\n \n \n 123\n \n \n \n 456\n More informations on this figure\n \n \n \n 789454\n 78945485\n \n \n 5451\n 15369\n \n ;\n}'}};var componentMeta={title:"Components/KeyFigure",component:KeyFigure_KeyFigure,args:{icon:"TagIcon",title:"Key figure with a multiple values"},argTypes:{icon:{control:{type:"select"},options:Object.keys(icons),table:{type:{summary:"ReactElement"}}}},includeStories:["standard","valueOnly","keyFigureGrid"]},mdxStoryNameToKey={Standard:"standard","Value only":"valueOnly","KeyFigure grid":"keyFigureGrid"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Link/Link.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"status",(function(){return status}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_Link__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/Link/Link.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e {\n return ;\n}"}};var status=function status(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Link__WEBPACK_IMPORTED_MODULE_8__.a,_extends({href:"https://akeneo.com",disabled:!1},args),"Enabled"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Link__WEBPACK_IMPORTED_MODULE_8__.a,_extends({href:"https://akeneo.com",disabled:!0},args),"Disabled"))};status.storyName="Status",status.parameters={storySource:{source:'args => {\n return <>\n \n Enabled\n \n \n Disabled\n \n ;\n}'}};var componentMeta={title:"Components/Link",component:_Link__WEBPACK_IMPORTED_MODULE_8__.a,args:{children:"Link",href:"https://www.akeneo.com/",target:"_self"},argTypes:{disabled:{control:{type:"boolean"}},href:{control:{type:"text"}},target:{control:{type:"select"},options:["_blank","_self","_parent","_top"]},children:{control:{type:"text"}}},includeStories:["standard","status"]},mdxStoryNameToKey={Standard:"standard",Status:"status"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Link/Link.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Link}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,styled_components__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_6__),_theme_theme__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/theme/theme.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["disabled","decorated","target","href","children","onClick"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var LinkContainer=styled_components__WEBPACK_IMPORTED_MODULE_5__.default.a(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n ","\n\n cursor: ",";\n"])),(function(_ref){var decorated=_ref.decorated,disabled=_ref.disabled;return decorated?Object(styled_components__WEBPACK_IMPORTED_MODULE_5__.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n font-weight: 400;\n text-decoration: underline;\n color: ",";\n\n ",";\n "])),disabled?Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey",100):Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("brand",100),!disabled&&Object(styled_components__WEBPACK_IMPORTED_MODULE_5__.css)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n &:hover {\n color: ",";\n }\n\n &:focus:not(:active) {\n border-radius: 0px;\n box-shadow: 0px 0px 0px 2px rgba(74, 144, 226, 0.3);\n outline: none;\n }\n\n &:active {\n outline: none;\n color: ",";\n }\n "])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("brand",120),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("brand",140))):Object(styled_components__WEBPACK_IMPORTED_MODULE_5__.css)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n text-decoration: none;\n box-sizing: border-box;\n "])))}),(function(_ref2){return _ref2.disabled?"not-allowed":"pointer"})),Link=react__WEBPACK_IMPORTED_MODULE_6___default.a.forwardRef((function(_ref3,forwardedRef){var _ref3$disabled=_ref3.disabled,disabled=void 0!==_ref3$disabled&&_ref3$disabled,_ref3$decorated=_ref3.decorated,decorated=void 0===_ref3$decorated||_ref3$decorated,_ref3$target=_ref3.target,target=void 0===_ref3$target?"_self":_ref3$target,href=_ref3.href,children=_ref3.children,onClick=_ref3.onClick,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r` node",name:"href",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Link/Link.tsx#Link"]={docgenInfo:Link.__docgenInfo,name:"Link",path:"src/components/Link/Link.tsx#Link"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/List/List.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return List_stories_standard})),__webpack_require__.d(__webpack_exports__,"actions",(function(){return List_stories_actions})),__webpack_require__.d(__webpack_exports__,"error",(function(){return List_stories_error})),__webpack_require__.d(__webpack_exports__,"selected",(function(){return List_stories_selected})),__webpack_require__.d(__webpack_exports__,"complex",(function(){return List_stories_complex}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),styled_components_browser_esm=(__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js")),theme=__webpack_require__("./src/theme/theme.ts"),Button=__webpack_require__("./src/components/Button/Button.tsx"),IconButton=__webpack_require__("./src/components/IconButton/IconButton.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children"],_excluded2=["children","isMultiline","isSelected"],_excluded3=["title","width","children"],_excluded4=["children"],_excluded5=["children"];function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r0&&Object(jsx_runtime.jsx)(RowActionContainer,{children:actionCellChild})]}),helpers]}))};List_Row.displayName="Row";var List_Cell=function Cell(_ref7){var title=_ref7.title,width=_ref7.width,children=_ref7.children,rest=_objectWithoutProperties(_ref7,_excluded3);return title=void 0===title&&"string"==typeof children?children:title,Object(jsx_runtime.jsx)(CellContainer,Object.assign({width:width,title:title},rest,{children:children}))};List_Cell.displayName="Cell";var List_ActionCell=function ActionCell(_ref8){var children=_ref8.children,rest=_objectWithoutProperties(_ref8,_excluded4),decoratedChildren=react_default.a.Children.map(children,(function(child){return!react_default.a.isValidElement(child)||child.type!==Button.a&&child.type!==IconButton.a?child:react_default.a.cloneElement(child,{size:"small",ghost:!0,level:"tertiary"})}));return Object(jsx_runtime.jsx)(ActionCellContainer,Object.assign({},rest,{children:decoratedChildren}))};List_ActionCell.displayName="ActionCell";var List_List=function List(_ref9){var children=_ref9.children,rest=_objectWithoutProperties(_ref9,_excluded5);return Object(jsx_runtime.jsx)(ListContainer,Object.assign({},rest,{children:children}))};List_List.displayName="List",List_Row.displayName="List.Row",List_Cell.displayName="List.Cell",TitleCell.displayName="List.TitleCell",List_ActionCell.displayName="List.ActionCell",List_RemoveCell.displayName="List.RemoveCell",List_List.Row=List_Row,List_List.Cell=List_Cell,List_List.TitleCell=TitleCell,List_List.ActionCell=List_ActionCell,List_List.RemoveCell=List_RemoveCell,List_List.RowHelpers=RowHelpers;try{List_List.Row.displayName="List.Row",List_List.Row.__docgenInfo={description:"List allow users to analyze and manipulate data.",displayName:"List.Row",props:{children:{defaultValue:null,description:"The rows of the list",name:"children",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/List/List.tsx#List.Row"]={docgenInfo:List_List.Row.__docgenInfo,name:"List.Row",path:"src/components/List/List.tsx#List.Row"})}catch(__react_docgen_typescript_loader_error){}var Helper=__webpack_require__("./src/components/Helper/Helper.tsx"),TextInput=__webpack_require__("./src/components/Input/TextInput/TextInput.tsx"),SelectInput=__webpack_require__("./src/components/Input/SelectInput/SelectInput.tsx"),Locale=__webpack_require__("./src/components/Locale/Locale.tsx"),NumberInput=__webpack_require__("./src/components/Input/NumberInput/NumberInput.tsx"),MultiSelectInput=__webpack_require__("./src/components/Input/MultiSelectInput/MultiSelectInput.tsx"),CloseIcon=__webpack_require__("./src/icons/CloseIcon.tsx"),PreviewGallery=__webpack_require__("./src/storybook/PreviewGallery.tsx"),List_stories_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e\n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n \n \n \n Pellentesque ultrices nibh ac magna lacinia, sit amet posuere libero eleifend.\n \n \n \n Proin sed quam mattis, volutpat nisi a, rutrum elit.\n \n \n Ut ac purus auctor, aliquam mi id, egestas ligula.\n \n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n \n '}};var List_stories_actions=function actions(){return Object(esm.b)(List_List,null,Object(esm.b)(List_List.Row,null,Object(esm.b)(List_List.TitleCell,{width:"auto"},"A real biiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiig text without action, it really important to show the component comportment."),Object(esm.b)(List_List.RemoveCell,null,Object(esm.b)(IconButton.a,{ghost:"borderless",level:"tertiary",icon:Object(esm.b)(CloseIcon.a,null),title:""}))),Object(esm.b)(List_List.Row,null,Object(esm.b)(List_List.TitleCell,{width:"auto"},"A real biiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiig text with one action, it really important to show the component comportment."),Object(esm.b)(List_List.ActionCell,null,Object(esm.b)(Button.a,null,"First action")),Object(esm.b)(List_List.RemoveCell,null,Object(esm.b)(IconButton.a,{ghost:"borderless",level:"tertiary",icon:Object(esm.b)(CloseIcon.a,null),title:""}))),Object(esm.b)(List_List.Row,null,Object(esm.b)(List_List.TitleCell,{width:"auto"},"A real biiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiig text with three action, it really important to show the component comportment."),Object(esm.b)(List_List.ActionCell,null,Object(esm.b)(Button.a,null,"First action"),Object(esm.b)(Button.a,null,"Second action"),Object(esm.b)(Button.a,null,"Third action")),Object(esm.b)(List_List.RemoveCell,null,Object(esm.b)(IconButton.a,{ghost:"borderless",level:"tertiary",icon:Object(esm.b)(CloseIcon.a,null),title:""}))),Object(esm.b)(List_List.Row,null,Object(esm.b)(List_List.TitleCell,{width:"auto"},"A real biiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiig text with three action, it really important to show the component comportment."),Object(esm.b)(List_List.ActionCell,null,Object(esm.b)(Button.a,null,"First action"),Object(esm.b)(Button.a,null,"Second action"),Object(esm.b)(Button.a,null,"Third action"))))};List_stories_actions.displayName="actions",List_stories_actions.storyName="Actions",List_stories_actions.parameters={storySource:{source:'\n \n \n A real biiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiig text without action, it really important to show the\n component comportment.\n \n \n } title="" />\n \n \n \n \n A real biiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiig text with one action, it really important to show the\n component comportment.\n \n \n \n \n \n } title="" />\n \n \n \n \n A real biiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiig text with three action, it really important to show the\n component comportment.\n \n \n \n \n \n \n \n } title="" />\n \n \n \n \n A real biiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiig text with three action, it really important to show the\n component comportment.\n \n \n \n \n \n \n \n '}};var List_stories_error=function error(){return Object(esm.b)(List_List,null,Object(esm.b)(List_List.Row,null,Object(esm.b)(List_List.TitleCell,{width:"auto"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit."),Object(esm.b)(List_List.RowHelpers,null,Object(esm.b)(Helper.a,{level:"error"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod labore et dolore magna aliqua."))),Object(esm.b)(List_List.Row,null,Object(esm.b)(List_List.TitleCell,{width:"auto"},"Pellentesque ultrices nibh ac magna lacinia, sit amet posuere libero eleifend."),Object(esm.b)(List_List.RowHelpers,null,Object(esm.b)(Helper.a,{level:"info"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod labore et dolore magna aliqua."),Object(esm.b)(Helper.a,{level:"error"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod labore et dolore magna aliqua."))),Object(esm.b)(List_List.Row,null,Object(esm.b)(List_List.TitleCell,{width:"auto"},"Proin sed quam mattis, volutpat nisi a, rutrum elit.")),Object(esm.b)(List_List.Row,null,Object(esm.b)(List_List.TitleCell,{width:"auto"},"Ut ac purus auctor, aliquam mi id, egestas ligula.")),Object(esm.b)(List_List.Row,null,Object(esm.b)(List_List.TitleCell,{width:"auto"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit.")))};List_stories_error.displayName="error",List_stories_error.storyName="Error",List_stories_error.parameters={storySource:{source:'\n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n \n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod labore et dolore magna aliqua.\n \n \n \n \n \n Pellentesque ultrices nibh ac magna lacinia, sit amet posuere libero eleifend.\n \n \n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod labore et dolore magna aliqua.\n \n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod labore et dolore magna aliqua.\n \n \n \n \n Proin sed quam mattis, volutpat nisi a, rutrum elit.\n \n \n Ut ac purus auctor, aliquam mi id, egestas ligula.\n \n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n \n '}};var List_stories_selected=function selected(){return Object(esm.b)(List_List,null,Object(esm.b)(List_List.Row,null,Object(esm.b)(List_List.TitleCell,{width:"auto"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit.")),Object(esm.b)(List_List.Row,{isSelected:!0},Object(esm.b)(List_List.TitleCell,{width:"auto"},"Pellentesque ultrices nibh ac magna lacinia, sit amet posuere libero eleifend.")),Object(esm.b)(List_List.Row,null,Object(esm.b)(List_List.TitleCell,{width:"auto"},"Proin sed quam mattis, volutpat nisi a, rutrum elit.")),Object(esm.b)(List_List.Row,null,Object(esm.b)(List_List.TitleCell,{width:"auto"},"Ut ac purus auctor, aliquam mi id, egestas ligula.")),Object(esm.b)(List_List.Row,null,Object(esm.b)(List_List.TitleCell,{width:"auto"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit.")))};List_stories_selected.displayName="selected",List_stories_selected.storyName="Selected",List_stories_selected.parameters={storySource:{source:'\n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n \n \n \n Pellentesque ultrices nibh ac magna lacinia, sit amet posuere libero eleifend.\n \n \n \n Proin sed quam mattis, volutpat nisi a, rutrum elit.\n \n \n Ut ac purus auctor, aliquam mi id, egestas ligula.\n \n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n \n '}};var List_stories_complex=function complex(args){return Object(esm.b)(List_List,null,Object(esm.b)(List_List.Row,null,Object(esm.b)(List_List.TitleCell,{width:"auto"},"Label"),Object(esm.b)(List_List.Cell,{width:400},Object(esm.b)(TextInput.a,{value:"example",onChange:function onChange(){}})),Object(esm.b)(List_List.Cell,{width:380},Object(esm.b)(PreviewGallery.c,null,Object(esm.b)(SelectInput.a,{value:"ecommerce",clearable:!1,emptyResultLabel:""},Object(esm.b)(SelectInput.a.Option,{value:"ecommerce"},"Ecommerce")),Object(esm.b)(SelectInput.a,{value:"en_US",clearable:!1,emptyResultLabel:""},Object(esm.b)(SelectInput.a.Option,{value:"en_US"},Object(esm.b)(Locale.a,{code:"en_US"}))))),Object(esm.b)(List_List.RemoveCell,null,Object(esm.b)(IconButton.a,{ghost:"borderless",level:"tertiary",icon:Object(esm.b)(CloseIcon.a,null),title:""}))),Object(esm.b)(List_List.Row,{isMultiline:!0},Object(esm.b)(List_List.TitleCell,{width:"auto"},"Description is very long"),Object(esm.b)(List_List.Cell,{width:400},Object(esm.b)(PreviewGallery.a,{width:400,height:300},"Large content")),Object(esm.b)(List_List.Cell,{width:380},Object(esm.b)(PreviewGallery.c,null,Object(esm.b)(SelectInput.a,{value:"ecommerce",clearable:!1,emptyResultLabel:""},Object(esm.b)(SelectInput.a.Option,{value:"ecommerce"},"Ecommerce")),Object(esm.b)(SelectInput.a,{value:"en_US",clearable:!1,emptyResultLabel:""},Object(esm.b)(SelectInput.a.Option,{value:"en_US"},Object(esm.b)(Locale.a,{code:"en_US"}))))),Object(esm.b)(List_List.RemoveCell,null,Object(esm.b)(IconButton.a,{ghost:"borderless",level:"tertiary",icon:Object(esm.b)(CloseIcon.a,null),title:""}))),Object(esm.b)(List_List.Row,null,Object(esm.b)(List_List.TitleCell,{width:"auto"},"Label"),Object(esm.b)(List_List.Cell,{width:400},Object(esm.b)(NumberInput.a,{value:"12",onChange:function onChange(){}})),Object(esm.b)(List_List.Cell,{width:380},Object(esm.b)(PreviewGallery.c,null,Object(esm.b)(SelectInput.a,{value:"ecommerce",clearable:!1,emptyResultLabel:""},Object(esm.b)(SelectInput.a.Option,{value:"ecommerce"},"Ecommerce")),Object(esm.b)(SelectInput.a,{value:"en_US",clearable:!1,emptyResultLabel:""},Object(esm.b)(SelectInput.a.Option,{value:"en_US"},Object(esm.b)(Locale.a,{code:"en_US"}))))),Object(esm.b)(List_List.RemoveCell,null,Object(esm.b)(IconButton.a,{ghost:"borderless",level:"tertiary",icon:Object(esm.b)(CloseIcon.a,null),title:""}))),Object(esm.b)(List_List.Row,{isMultiline:!0},Object(esm.b)(List_List.TitleCell,{width:"auto"},"Label"),Object(esm.b)(List_List.Cell,{width:400},Object(esm.b)(MultiSelectInput.a,{value:["red","green","blue","yellow","orange","cyan"],onChange:function onChange(){},emptyResultLabel:"",removeLabel:""},Object(esm.b)(MultiSelectInput.a.Option,{value:"red"},"Red"),Object(esm.b)(MultiSelectInput.a.Option,{value:"green"},"Green"),Object(esm.b)(MultiSelectInput.a.Option,{value:"blue"},"Blue"),Object(esm.b)(MultiSelectInput.a.Option,{value:"yellow"},"Yellow"),Object(esm.b)(MultiSelectInput.a.Option,{value:"orange"},"Orange"),Object(esm.b)(MultiSelectInput.a.Option,{value:"cyan"},"Cyan"),Object(esm.b)(MultiSelectInput.a.Option,{value:"purple"},"Purple"))),Object(esm.b)(List_List.Cell,{width:380},Object(esm.b)(PreviewGallery.c,null,Object(esm.b)(SelectInput.a,{value:"append",clearable:!1,emptyResultLabel:""},Object(esm.b)(SelectInput.a.Option,{value:"append"},"Append"),Object(esm.b)(SelectInput.a.Option,{value:"replace"},"Replace")),Object(esm.b)(SelectInput.a,{value:"ecommerce",clearable:!1,emptyResultLabel:""},Object(esm.b)(SelectInput.a.Option,{value:"ecommerce"},"Ecommerce")),Object(esm.b)(SelectInput.a,{value:"en_US",clearable:!1,emptyResultLabel:""},Object(esm.b)(SelectInput.a.Option,{value:"en_US"},Object(esm.b)(Locale.a,{code:"en_US"}))))),Object(esm.b)(List_List.RemoveCell,null,Object(esm.b)(IconButton.a,{ghost:"borderless",level:"tertiary",icon:Object(esm.b)(CloseIcon.a,null),title:""})),Object(esm.b)(List_List.RowHelpers,null,Object(esm.b)(Helper.a,{level:"info"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod labore et dolore magna aliqua."),Object(esm.b)(Helper.a,{level:"error"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod labore et dolore magna aliqua."))))};List_stories_complex.displayName="complex",List_stories_complex.storyName="Complex",List_stories_complex.parameters={storySource:{source:'args => {\n return \n \n Label\n \n {}} />\n \n \n \n \n Ecommerce\n \n \n \n \n \n \n \n \n \n } title="" />\n \n \n \n Description is very long\n \n \n Large content\n \n \n \n \n \n Ecommerce\n \n \n \n \n \n \n \n \n \n } title="" />\n \n \n \n Label\n \n {}} />\n \n \n \n \n Ecommerce\n \n \n \n \n \n \n \n \n \n } title="" />\n \n \n \n Label\n \n {}} emptyResultLabel="" removeLabel="">\n Red\n Green\n Blue\n Yellow\n Orange\n Cyan\n Purple\n \n \n \n \n \n Append\n Replace\n \n \n Ecommerce\n \n \n \n \n \n \n \n \n \n } title="" />\n \n \n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod labore et dolore magna aliqua.\n \n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod labore et dolore magna aliqua.\n \n \n \n ;\n}'}};var componentMeta={title:"Components/List",component:List_List,includeStories:["standard","actions","error","selected","complex"]},mdxStoryNameToKey={Standard:"standard",Actions:"actions",Error:"error",Selected:"selected",Complex:"complex"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Locale/Locale.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"label",(function(){return label}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_Locale_tsx__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/Locale/Locale.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e {\n return ;\n}"}};var label=function label(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Locale_tsx__WEBPACK_IMPORTED_MODULE_8__.a,{code:"en_US",languageLabel:"English"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Locale_tsx__WEBPACK_IMPORTED_MODULE_8__.a,{code:"fr_FR",languageLabel:"Français"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Locale_tsx__WEBPACK_IMPORTED_MODULE_8__.a,{code:"de_DE"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Locale_tsx__WEBPACK_IMPORTED_MODULE_8__.a,{code:"pt_BR"}))};label.storyName="Label",label.parameters={storySource:{source:'args => {\n return <>\n \n \n \n \n ;\n}'}};var componentMeta={title:"Components/Locale",component:_Locale_tsx__WEBPACK_IMPORTED_MODULE_8__.a,args:{code:"en_US"},includeStories:["standard","label"]},mdxStoryNameToKey={Standard:"standard",Label:"label"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Locale/Locale.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Locale}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,react=__webpack_require__("./node_modules/react/index.js"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),flags={AD:{emoji:"🇦🇩",name:"Andorra"},AE:{emoji:"🇦🇪",name:"United Arab Emirates"},AF:{emoji:"🇦🇫",name:"Afghanistan"},AG:{emoji:"🇦🇬",name:"Antigua and Barbuda"},AI:{emoji:"🇦🇮",name:"Anguilla"},AL:{emoji:"🇦🇱",name:"Albania"},AM:{emoji:"🇦🇲",name:"Armenia"},AO:{emoji:"🇦🇴",name:"Angola"},AQ:{emoji:"🇦🇶",name:"Antarctica"},AR:{emoji:"🇦🇷",name:"Argentina"},AS:{emoji:"🇦🇸",name:"American Samoa"},AT:{emoji:"🇦🇹",name:"Austria"},AU:{emoji:"🇦🇺",name:"Australia"},AW:{emoji:"🇦🇼",name:"Aruba"},AX:{emoji:"🇦🇽",name:"Åland Islands"},AZ:{emoji:"🇦🇿",name:"Azerbaijan"},BA:{emoji:"🇧🇦",name:"Bosnia and Herzegovina"},BB:{emoji:"🇧🇧",name:"Barbados"},BD:{emoji:"🇧🇩",name:"Bangladesh"},BE:{emoji:"🇧🇪",name:"Belgium"},BF:{emoji:"🇧🇫",name:"Burkina Faso"},BG:{emoji:"🇧🇬",name:"Bulgaria"},BH:{emoji:"🇧🇭",name:"Bahrain"},BI:{emoji:"🇧🇮",name:"Burundi"},BJ:{emoji:"🇧🇯",name:"Benin"},BL:{emoji:"🇧🇱",name:"Saint Barthélemy"},BM:{emoji:"🇧🇲",name:"Bermuda"},BN:{emoji:"🇧🇳",name:"Brunei Darussalam"},BO:{emoji:"🇧🇴",name:"Bolivia"},BQ:{emoji:"🇧🇶",name:"Bonaire, Sint Eustatius and Saba"},BR:{emoji:"🇧🇷",name:"Brazil"},BS:{emoji:"🇧🇸",name:"Bahamas"},BT:{emoji:"🇧🇹",name:"Bhutan"},BV:{emoji:"🇧🇻",name:"Bouvet Island"},BW:{emoji:"🇧🇼",name:"Botswana"},BY:{emoji:"🇧🇾",name:"Belarus"},BZ:{emoji:"🇧🇿",name:"Belize"},CA:{emoji:"🇨🇦",name:"Canada"},CC:{emoji:"🇨🇨",name:"Cocos (Keeling) Islands"},CD:{emoji:"🇨🇩",name:"Congo"},CF:{emoji:"🇨🇫",name:"Central African Republic"},CG:{emoji:"🇨🇬",name:"Congo"},CH:{emoji:"🇨🇭",name:"Switzerland"},CI:{emoji:"🇨🇮",name:"Côte Ivoire"},CK:{emoji:"🇨🇰",name:"Cook Islands"},CL:{emoji:"🇨🇱",name:"Chile"},CM:{emoji:"🇨🇲",name:"Cameroon"},CN:{emoji:"🇨🇳",name:"China"},CO:{emoji:"🇨🇴",name:"Colombia"},CR:{emoji:"🇨🇷",name:"Costa Rica"},CU:{emoji:"🇨🇺",name:"Cuba"},CV:{emoji:"🇨🇻",name:"Cape Verde"},CW:{emoji:"🇨🇼",name:"Curaçao"},CX:{emoji:"🇨🇽",name:"Christmas Island"},CY:{emoji:"🇨🇾",name:"Cyprus"},CZ:{emoji:"🇨🇿",name:"Czech Republic"},DE:{emoji:"🇩🇪",name:"Germany"},DJ:{emoji:"🇩🇯",name:"Djibouti"},DK:{emoji:"🇩🇰",name:"Denmark"},DM:{emoji:"🇩🇲",name:"Dominica"},DO:{emoji:"🇩🇴",name:"Dominican Republic"},DZ:{emoji:"🇩🇿",name:"Algeria"},EC:{emoji:"🇪🇨",name:"Ecuador"},EE:{emoji:"🇪🇪",name:"Estonia"},EG:{emoji:"🇪🇬",name:"Egypt"},EH:{emoji:"🇪🇭",name:"Western Sahara"},ER:{emoji:"🇪🇷",name:"Eritrea"},ES:{emoji:"🇪🇸",name:"Spain"},ET:{emoji:"🇪🇹",name:"Ethiopia"},EU:{emoji:"🇪🇺",name:"European Union"},FI:{emoji:"🇫🇮",name:"Finland"},FJ:{emoji:"🇫🇯",name:"Fiji"},FK:{emoji:"🇫🇰",name:"Falkland Islands (Malvinas)"},FM:{emoji:"🇫🇲",name:"Micronesia"},FO:{emoji:"🇫🇴",name:"Faroe Islands"},FR:{emoji:"🇫🇷",name:"France"},GA:{emoji:"🇬🇦",name:"Gabon"},GB:{emoji:"🇬🇧",name:"United Kingdom"},GD:{emoji:"🇬🇩",name:"Grenada"},GE:{emoji:"🇬🇪",name:"Georgia"},GF:{emoji:"🇬🇫",name:"French Guiana"},GG:{emoji:"🇬🇬",name:"Guernsey"},GH:{emoji:"🇬🇭",name:"Ghana"},GI:{emoji:"🇬🇮",name:"Gibraltar"},GL:{emoji:"🇬🇱",name:"Greenland"},GM:{emoji:"🇬🇲",name:"Gambia"},GN:{emoji:"🇬🇳",name:"Guinea"},GP:{emoji:"🇬🇵",name:"Guadeloupe"},GQ:{emoji:"🇬🇶",name:"Equatorial Guinea"},GR:{emoji:"🇬🇷",name:"Greece"},GS:{emoji:"🇬🇸",name:"South Georgia"},GT:{emoji:"🇬🇹",name:"Guatemala"},GU:{emoji:"🇬🇺",name:"Guam"},GW:{emoji:"🇬🇼",name:"Guinea-Bissau"},GY:{emoji:"🇬🇾",name:"Guyana"},HK:{emoji:"🇭🇰",name:"Hong Kong"},HM:{emoji:"🇭🇲",name:"Heard Island and Mcdonald Islands"},HN:{emoji:"🇭🇳",name:"Honduras"},HR:{emoji:"🇭🇷",name:"Croatia"},HT:{emoji:"🇭🇹",name:"Haiti"},HU:{emoji:"🇭🇺",name:"Hungary"},ID:{emoji:"🇮🇩",name:"Indonesia"},IE:{emoji:"🇮🇪",name:"Ireland"},IL:{emoji:"🇮🇱",name:"Israel"},IM:{emoji:"🇮🇲",name:"Isle of Man"},IN:{emoji:"🇮🇳",name:"India"},IO:{emoji:"🇮🇴",name:"British Indian Ocean Territory"},IQ:{emoji:"🇮🇶",name:"Iraq"},IR:{emoji:"🇮🇷",name:"Iran"},IS:{emoji:"🇮🇸",name:"Iceland"},IT:{emoji:"🇮🇹",name:"Italy"},JE:{emoji:"🇯🇪",name:"Jersey"},JM:{emoji:"🇯🇲",name:"Jamaica"},JO:{emoji:"🇯🇴",name:"Jordan"},JP:{emoji:"🇯🇵",name:"Japan"},KE:{emoji:"🇰🇪",name:"Kenya"},KG:{emoji:"🇰🇬",name:"Kyrgyzstan"},KH:{emoji:"🇰🇭",name:"Cambodia"},KI:{emoji:"🇰🇮",name:"Kiribati"},KM:{emoji:"🇰🇲",name:"Comoros"},KN:{emoji:"🇰🇳",name:"Saint Kitts and Nevis"},KP:{emoji:"🇰🇵",name:"North Korea"},KR:{emoji:"🇰🇷",name:"South Korea"},KW:{emoji:"🇰🇼",name:"Kuwait"},KY:{emoji:"🇰🇾",name:"Cayman Islands"},KZ:{emoji:"🇰🇿",name:"Kazakhstan"},LA:{emoji:"🇱🇦",name:"Lao People Democratic Republic"},LB:{emoji:"🇱🇧",name:"Lebanon"},LC:{emoji:"🇱🇨",name:"Saint Lucia"},LI:{emoji:"🇱🇮",name:"Liechtenstein"},LK:{emoji:"🇱🇰",name:"Sri Lanka"},LR:{emoji:"🇱🇷",name:"Liberia"},LS:{emoji:"🇱🇸",name:"Lesotho"},LT:{emoji:"🇱🇹",name:"Lithuania"},LU:{emoji:"🇱🇺",name:"Luxembourg"},LV:{emoji:"🇱🇻",name:"Latvia"},LY:{emoji:"🇱🇾",name:"Libya"},MA:{emoji:"🇲🇦",name:"Morocco"},MC:{emoji:"🇲🇨",name:"Monaco"},MD:{emoji:"🇲🇩",name:"Moldova"},ME:{emoji:"🇲🇪",name:"Montenegro"},MF:{emoji:"🇲🇫",name:"Saint Martin (French Part)"},MG:{emoji:"🇲🇬",name:"Madagascar"},MH:{emoji:"🇲🇭",name:"Marshall Islands"},MK:{emoji:"🇲🇰",name:"Macedonia"},ML:{emoji:"🇲🇱",name:"Mali"},MM:{emoji:"🇲🇲",name:"Myanmar"},MN:{emoji:"🇲🇳",name:"Mongolia"},MO:{emoji:"🇲🇴",name:"Macao"},MP:{emoji:"🇲🇵",name:"Northern Mariana Islands"},MQ:{emoji:"🇲🇶",name:"Martinique"},MR:{emoji:"🇲🇷",name:"Mauritania"},MS:{emoji:"🇲🇸",name:"Montserrat"},MT:{emoji:"🇲🇹",name:"Malta"},MU:{emoji:"🇲🇺",name:"Mauritius"},MV:{emoji:"🇲🇻",name:"Maldives"},MW:{emoji:"🇲🇼",name:"Malawi"},MX:{emoji:"🇲🇽",name:"Mexico"},MY:{emoji:"🇲🇾",name:"Malaysia"},MZ:{emoji:"🇲🇿",name:"Mozambique"},NA:{emoji:"🇳🇦",name:"Namibia"},NC:{emoji:"🇳🇨",name:"New Caledonia"},NE:{emoji:"🇳🇪",name:"Niger"},NF:{emoji:"🇳🇫",name:"Norfolk Island"},NG:{emoji:"🇳🇬",name:"Nigeria"},NI:{emoji:"🇳🇮",name:"Nicaragua"},NL:{emoji:"🇳🇱",name:"Netherlands"},NO:{emoji:"🇳🇴",name:"Norway"},NP:{emoji:"🇳🇵",name:"Nepal"},NR:{emoji:"🇳🇷",name:"Nauru"},NU:{emoji:"🇳🇺",name:"Niue"},NZ:{emoji:"🇳🇿",name:"New Zealand"},OM:{emoji:"🇴🇲",name:"Oman"},PA:{emoji:"🇵🇦",name:"Panama"},PE:{emoji:"🇵🇪",name:"Peru"},PF:{emoji:"🇵🇫",name:"French Polynesia"},PG:{emoji:"🇵🇬",name:"Papua New Guinea"},PH:{emoji:"🇵🇭",name:"Philippines"},PK:{emoji:"🇵🇰",name:"Pakistan"},PL:{emoji:"🇵🇱",name:"Poland"},PM:{emoji:"🇵🇲",name:"Saint Pierre and Miquelon"},PN:{emoji:"🇵🇳",name:"Pitcairn"},PR:{emoji:"🇵🇷",name:"Puerto Rico"},PS:{emoji:"🇵🇸",name:"Palestinian Territory"},PT:{emoji:"🇵🇹",name:"Portugal"},PW:{emoji:"🇵🇼",name:"Palau"},PY:{emoji:"🇵🇾",name:"Paraguay"},QA:{emoji:"🇶🇦",name:"Qatar"},RE:{emoji:"🇷🇪",name:"Réunion"},RO:{emoji:"🇷🇴",name:"Romania"},RS:{emoji:"🇷🇸",name:"Serbia"},RU:{emoji:"🇷🇺",name:"Russia"},RW:{emoji:"🇷🇼",name:"Rwanda"},SA:{emoji:"🇸🇦",name:"Saudi Arabia"},SB:{emoji:"🇸🇧",name:"Solomon Islands"},SC:{emoji:"🇸🇨",name:"Seychelles"},SD:{emoji:"🇸🇩",name:"Sudan"},SE:{emoji:"🇸🇪",name:"Sweden"},SG:{emoji:"🇸🇬",name:"Singapore"},SH:{emoji:"🇸🇭",name:"Saint Helena, Ascension and Tristan Da Cunha"},SI:{emoji:"🇸🇮",name:"Slovenia"},SJ:{emoji:"🇸🇯",name:"Svalbard and Jan Mayen"},SK:{emoji:"🇸🇰",name:"Slovakia"},SL:{emoji:"🇸🇱",name:"Sierra Leone"},SM:{emoji:"🇸🇲",name:"San Marino"},SN:{emoji:"🇸🇳",name:"Senegal"},SO:{emoji:"🇸🇴",name:"Somalia"},SR:{emoji:"🇸🇷",name:"Suriname"},SS:{emoji:"🇸🇸",name:"South Sudan"},ST:{emoji:"🇸🇹",name:"Sao Tome and Principe"},SV:{emoji:"🇸🇻",name:"El Salvador"},SX:{emoji:"🇸🇽",name:"Sint Maarten (Dutch Part)"},SY:{emoji:"🇸🇾",name:"Syrian Arab Republic"},SZ:{emoji:"🇸🇿",name:"Swaziland"},TC:{emoji:"🇹🇨",name:"Turks and Caicos Islands"},TD:{emoji:"🇹🇩",name:"Chad"},TF:{emoji:"🇹🇫",name:"French Southern Territories"},TG:{emoji:"🇹🇬",name:"Togo"},TH:{emoji:"🇹🇭",name:"Thailand"},TJ:{emoji:"🇹🇯",name:"Tajikistan"},TK:{emoji:"🇹🇰",name:"Tokelau"},TL:{emoji:"🇹🇱",name:"Timor-Leste"},TM:{emoji:"🇹🇲",name:"Turkmenistan"},TN:{emoji:"🇹🇳",name:"Tunisia"},TO:{emoji:"🇹🇴",name:"Tonga"},TR:{emoji:"🇹🇷",name:"Turkey"},TT:{emoji:"🇹🇹",name:"Trinidad and Tobago"},TV:{emoji:"🇹🇻",name:"Tuvalu"},TW:{emoji:"🇹🇼",name:"Taiwan"},TZ:{emoji:"🇹🇿",name:"Tanzania"},UA:{emoji:"🇺🇦",name:"Ukraine"},UG:{emoji:"🇺🇬",name:"Uganda"},UM:{emoji:"🇺🇲",name:"United States Minor Outlying Islands"},US:{emoji:"🇺🇸",name:"United States"},UY:{emoji:"🇺🇾",name:"Uruguay"},UZ:{emoji:"🇺🇿",name:"Uzbekistan"},VA:{emoji:"🇻🇦",name:"Vatican City"},VC:{emoji:"🇻🇨",name:"Saint Vincent and The Grenadines"},VE:{emoji:"🇻🇪",name:"Venezuela"},VG:{emoji:"🇻🇬",name:"Virgin Islands, British"},VI:{emoji:"🇻🇮",name:"Virgin Islands, U.S."},VN:{emoji:"🇻🇳",name:"Viet Nam"},VU:{emoji:"🇻🇺",name:"Vanuatu"},WF:{emoji:"🇼🇫",name:"Wallis and Futuna"},WS:{emoji:"🇼🇸",name:"Samoa"},XK:{emoji:"🇽🇰",name:"Kosovo"},YE:{emoji:"🇾🇪",name:"Yemen"},YT:{emoji:"🇾🇹",name:"Mayotte"},ZA:{emoji:"🇿🇦",name:"South Africa"},ZM:{emoji:"🇿🇲",name:"Zambia"},ZW:{emoji:"🇿🇼",name:"Zimbabwe"}},getEmoji=function getEmoji(countryCode){var _flags$countryCode$to;return null===(_flags$countryCode$to=flags[countryCode.toUpperCase()])||void 0===_flags$countryCode$to?void 0:_flags$countryCode$to.emoji},theme=__webpack_require__("./src/theme/theme.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["code","languageLabel"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var LocaleContainer=styled_components_browser_esm.default.span(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n display: inline-flex;\n align-items: center;\n white-space: nowrap;\n"]))),Emoji=styled_components_browser_esm.default.span(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n font-size: ",";\n margin-right: 3px;\n font-family: 'Flag Emoji', ",";\n"])),Object(theme.e)("bigger"),Object(theme.d)("default")),Locale=Object(react.forwardRef)((function(_ref,forwardedRef){var code=_ref.code,languageLabel=_ref.languageLabel,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;rr.length)&&(a=r.length);for(var e=0,n=Array(a);e * {\n position: absolute;\n line-height: 24px;\n width: 100%;\n top: 0;\n left: 0;\n transition: opacity 0.2s ease-in-out;\n }\n\n "," {\n opacity: ",";\n }\n\n :hover {\n "," {\n opacity: 1;\n }\n "," {\n opacity: 0;\n }\n }\n"])),Object(theme.a)("grey",100),Object(theme.e)("bigger"),Icon,(function(_ref3){return _ref3.$showIcon?1:0}),Icon,Timer),MessageBarHideAnimation=Object(styled_components_browser_esm.keyframes)(_templateObject8||(_templateObject8=_taggedTemplateLiteralLoose(["\n 0% {\n transform: translateX(0);\n }\n 75% {\n transform: translateX(calc(100% + 50px));\n max-height: 150px;\n opacity: 0;\n }\n 100% {\n transform: translateX(calc(100% + 50px));\n max-height: 0;\n opacity: 0;\n }\n"]))),MessageBarDisplayAnimation=Object(styled_components_browser_esm.keyframes)(_templateObject9||(_templateObject9=_taggedTemplateLiteralLoose(["\n 0% {\n transform: translateX(calc(100% + 50px));\n }\n 100% {\n transform: translateX(0);\n }\n"]))),AnimateContainer=styled_components_browser_esm.default.div(_templateObject10||(_templateObject10=_taggedTemplateLiteralLoose(["\n animation: ","\n ","ms forwards;\n max-height: 150px;\n"])),(function(_ref4){return _ref4.$unmounting?MessageBarHideAnimation:MessageBarDisplayAnimation}),1e3),MessageBar_AnimateMessageBar=function AnimateMessageBar(_ref5){var children=_ref5.children;if(children.type!==MessageBar_MessageBar)throw new Error("Only MessageBar element can be passed to AnimateMessageBar");var _useState2=_slicedToArray(Object(react.useState)(!1),2),unmounting=_useState2[0],setUnmounting=_useState2[1];return Object(jsx_runtime.jsx)(AnimateContainer,{$unmounting:unmounting,children:react_default.a.cloneElement(children,{onClose:function onClose(){setTimeout((function(){return setUnmounting(!0)}),0),setTimeout((function(){children.props.onClose()}),1e3)}})})};MessageBar_AnimateMessageBar.displayName="AnimateMessageBar";var Container=styled_components_browser_esm.default.div(_templateObject11||(_templateObject11=_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n min-width: 400px;\n max-width: 500px;\n padding: 10px 20px 10px 0;\n box-shadow: 2px 4px 8px 0 rgba(9, 30, 66, 0.25);\n background-color: ",";\n\n ",", "," {\n color: ",";\n }\n\n "," {\n border-color: ",";\n }\n"])),Object(theme.a)("white"),Title,IconContainer,(function(_ref6){var $level=_ref6.$level;return MessageBar_getLevelColor($level)}),Content,(function(_ref7){var $level=_ref7.$level;return MessageBar_getLevelColor($level)})),MessageBar_getLevelColor=function getLevelColor(level){switch(level){case"info":return Object(theme.a)("blue",100);case"success":return Object(theme.a)("green",100);case"warning":return Object(theme.a)("yellow",120);case"error":return Object(theme.a)("red",100)}},MessageBar_getLevelIcon=function getLevelIcon(level){switch(level){case"success":return Object(jsx_runtime.jsx)(CheckIcon.a,{});case"info":return Object(jsx_runtime.jsx)(InfoIcon.a,{});case"warning":case"error":return Object(jsx_runtime.jsx)(DangerIcon.a,{})}},MessageBar_MessageBar=function MessageBar(_ref8){var _ref8$level=_ref8.level,level=void 0===_ref8$level?"info":_ref8$level,title=_ref8.title,icon=_ref8.icon,dismissTitle=_ref8.dismissTitle,onClose=_ref8.onClose,children=_ref8.children,duration=function getLevelDuration(level){switch(level){case"success":case"info":case"warning":return 5;case"error":return 8}}(level),_useState6=_slicedToArray(Object(react.useState)(duration),2),remaining=_useState6[0],setRemaining=_useState6[1],_useOver=function useOver(){var _useState4=_slicedToArray(Object(react.useState)(!1),2),over=_useState4[0],setOver=_useState4[1];return[over,Object(react.useCallback)((function(){setOver(!0)}),[]),Object(react.useCallback)((function(){setOver(!1)}),[])]}(),_useOver2=_slicedToArray(_useOver,3),over=_useOver2[0],onMouseOver=_useOver2[1],onMouseOut=_useOver2[2];Object(react.useEffect)((function(){var intervalId=setInterval((function(){return setRemaining((function(remaining){return 0>remaining?(clearInterval(intervalId),onClose(),remaining):remaining-1}))}),1e3);if(!over)return function(){return clearInterval(intervalId)};clearInterval(intervalId)}),[over]),Object(react.useEffect)((function(){setRemaining((function(remaining){return remaining-1}))}),[]);var ref=Object(react.useRef)(null);Object(useAutoFocus.a)(ref);var countDownFinished=-1===remaining,remainingDisplay=countDownFinished?"":Math.min(remaining+1,duration);return Object(jsx_runtime.jsxs)(Container,{ref:ref,tabIndex:-1,role:"error"===level?"alert":"status",$level:level,onMouseOver:onMouseOver,onMouseOut:onMouseOut,children:[Object(jsx_runtime.jsx)(IconContainer,{"aria-hidden":"true",children:react_default.a.cloneElement(null!=icon?icon:MessageBar_getLevelIcon(level),{size:24})}),Object(jsx_runtime.jsxs)(Content,{children:[Object(jsx_runtime.jsx)(Title,{children:title}),children]}),Object(jsx_runtime.jsxs)(CloseButton,{onClick:onClose,$showIcon:countDownFinished,title:dismissTitle,children:[Object(jsx_runtime.jsxs)(Timer,{"aria-hidden":"true",children:[remainingDisplay,Object(jsx_runtime.jsx)(Progress,{$ratio:Math.max(0,remaining/duration),$level:level,children:Object(jsx_runtime.jsx)("circle",{r:"50%",cx:"50%",cy:"50%"})})]}),Object(jsx_runtime.jsx)(Icon,{size:24})]})]})};MessageBar_MessageBar.displayName="MessageBar";try{MessageBar_MessageBar.displayName="MessageBar",MessageBar_MessageBar.__docgenInfo={description:"A message bar is a message that communicates information to the user.",displayName:"MessageBar",props:{level:{defaultValue:{value:"info"},description:"Defines the level of the MessageBar, changing the color accent.",name:"level",required:!1,type:{name:"enum",value:[{value:'"warning"'},{value:'"info"'},{value:'"success"'},{value:'"error"'}]}},title:{defaultValue:null,description:"The title to display.",name:"title",required:!0,type:{name:"string"}},icon:{defaultValue:null,description:"Icon to display.",name:"icon",required:!1,type:{name:"ReactElement>"}},children:{defaultValue:null,description:"Content of the MessageBar.",name:"children",required:!1,type:{name:"ReactNode"}},dismissTitle:{defaultValue:null,description:"The translated title to dismiss the notification.",name:"dismissTitle",required:!0,type:{name:"string"}},onClose:{defaultValue:null,description:"Handler called when the MessageBar is closed.",name:"onClose",required:!0,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/MessageBar/MessageBar.tsx#MessageBar"]={docgenInfo:MessageBar_MessageBar.__docgenInfo,name:"MessageBar",path:"src/components/MessageBar/MessageBar.tsx#MessageBar"})}catch(__react_docgen_typescript_loader_error){}try{MessageBar_AnimateMessageBar.displayName="AnimateMessageBar",MessageBar_AnimateMessageBar.__docgenInfo={description:"",displayName:"AnimateMessageBar",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/MessageBar/MessageBar.tsx#AnimateMessageBar"]={docgenInfo:MessageBar_AnimateMessageBar.__docgenInfo,name:"AnimateMessageBar",path:"src/components/MessageBar/MessageBar.tsx#AnimateMessageBar"})}catch(__react_docgen_typescript_loader_error){}var Link=__webpack_require__("./src/components/Link/Link.tsx"),Button=__webpack_require__("./src/components/Button/Button.tsx"),icons=__webpack_require__("./src/icons/index.ts"),InfoRoundIcon=__webpack_require__("./src/icons/InfoRoundIcon.tsx"),GiftIcon=__webpack_require__("./src/icons/GiftIcon.tsx"),HelpIcon=__webpack_require__("./src/icons/HelpIcon.tsx"),LinkIcon=__webpack_require__("./src/icons/LinkIcon.tsx"),_excluded=["components"];function MessageBar_stories_slicedToArray(r,e){return function MessageBar_stories_arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function MessageBar_stories_iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function MessageBar_stories_unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return MessageBar_stories_arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?MessageBar_stories_arrayLikeToArray(r,a):void 0}}(r,e)||function MessageBar_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 MessageBar_stories_arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e"}}},children:{control:{type:"text"}},onClose:{action:"Closing the MessageBar"}},args:{level:"info",title:"Don't be afraid to make these big decisions.",icon:"ActivityIcon",children:"Once you start, they sort of just make themselves. This is probably the greatest thing that's ever happened in my life."},mdxType:"Meta"}),Object(esm.b)("h1",{id:"message-bar"},"Message bar"),Object(esm.b)("h2",{id:"usage"},"Usage"),Object(esm.b)("p",null,"A message bar (or push message) is a message that communicates information to the user."),Object(esm.b)("h3",{id:"title"},"Title"),Object(esm.b)("p",null,"All messages have subject headings, which must be short and descriptive."),Object(esm.b)("h3",{id:"message"},"Message"),Object(esm.b)("p",null,"We recommend that the body of the message holds within two lines maximum. Be descriptive and include any troubleshooting actions or next steps. If possible, communicate the main message using only the title. You can add links in the message body that redirect the user to the following actions."),Object(esm.b)("h3",{id:"close"},"Close"),Object(esm.b)("p",null,"The MessageBar automatically disappears after 5 seconds for success, info & warning and 8s for error."),Object(esm.b)("h3",{id:"icons"},"Icons"),Object(esm.b)("p",null,"Icons can bring extra clarity. They should be placed at the left of the title. They can be found in the ",Object(esm.b)(addon_links_react.a,{kind:"Guidelines/Iconography",story:"Standard",mdxType:"LinkTo"},"icon library"),"."),Object(esm.b)("h2",{id:"playground"},"Playground"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Standard",mdxType:"Story"},(function(args){return Object(esm.b)(MessageBar_MessageBar,_extends({},args,{icon:react_default.a.createElement(icons[args.icon]),mdxType:"MessageBar"}))}))),Object(esm.b)(dist_esm.b,{story:"Standard",mdxType:"ArgsTable"}),Object(esm.b)("h2",{id:"variation-on-level"},"Variation on level"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Level",mdxType:"Story"},(function(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MessageBar_MessageBar,_extends({},args,{title:"Info",level:"info",icon:Object(esm.b)(InfoRoundIcon.a,null),mdxType:"MessageBar"})),Object(esm.b)(MessageBar_MessageBar,_extends({},args,{title:"Success",level:"success",icon:Object(esm.b)(GiftIcon.a,null),mdxType:"MessageBar"})),Object(esm.b)(MessageBar_MessageBar,_extends({},args,{title:"Warning",level:"warning",icon:Object(esm.b)(HelpIcon.a,null),mdxType:"MessageBar"})),Object(esm.b)(MessageBar_MessageBar,_extends({},args,{title:"Error",level:"error",icon:Object(esm.b)(DangerIcon.a,null),mdxType:"MessageBar"})))}))),Object(esm.b)("h2",{id:"variation-on-content"},"Variation on content"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Content",mdxType:"Story"},(function(args){return delete args.children,delete args.icon,Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MessageBar_MessageBar,_extends({},args,{level:"success",title:"This one has a title only",mdxType:"MessageBar"})),Object(esm.b)(MessageBar_MessageBar,_extends({},args,{title:"This one has a Link",icon:Object(esm.b)(LinkIcon.a,null),mdxType:"MessageBar"}),"This one also has a Link. ",Object(esm.b)(Link.a,{mdxType:"Link"},"Take a look here")))}))),Object(esm.b)("h2",{id:"animation"},"Animation"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Animate",mdxType:"Story"},(function(args){var _useState2=MessageBar_stories_slicedToArray(Object(react.useState)(!1),2),key=_useState2[0],setKey=_useState2[1];return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(PreviewGallery.d,{mdxType:"MessageBarContainer"},Object(esm.b)(MessageBar_AnimateMessageBar,{key:key,mdxType:"AnimateMessageBar"},Object(esm.b)(MessageBar_MessageBar,_extends({},args,{title:"Info",level:"info",icon:Object(esm.b)(InfoRoundIcon.a,null),mdxType:"MessageBar"})))),Object(esm.b)(Button.a,{onClick:function toggle(){return setKey(!key)},mdxType:"Button"},"Replay"))}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var MessageBar_stories_standard=function standard(args){return Object(esm.b)(MessageBar_MessageBar,_extends({},args,{icon:react_default.a.createElement(icons[args.icon])}))};MessageBar_stories_standard.displayName="standard",MessageBar_stories_standard.storyName="Standard",MessageBar_stories_standard.parameters={storySource:{source:"args => {\n return ;\n}"}};var MessageBar_stories_level=function level(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MessageBar_MessageBar,_extends({},args,{title:"Info",level:"info",icon:Object(esm.b)(InfoRoundIcon.a,null)})),Object(esm.b)(MessageBar_MessageBar,_extends({},args,{title:"Success",level:"success",icon:Object(esm.b)(GiftIcon.a,null)})),Object(esm.b)(MessageBar_MessageBar,_extends({},args,{title:"Warning",level:"warning",icon:Object(esm.b)(HelpIcon.a,null)})),Object(esm.b)(MessageBar_MessageBar,_extends({},args,{title:"Error",level:"error",icon:Object(esm.b)(DangerIcon.a,null)})))};MessageBar_stories_level.storyName="Level",MessageBar_stories_level.parameters={storySource:{source:'args => {\n return <>\n } />\n } />\n } />\n } />\n ;\n}'}};var MessageBar_stories_content=function content(args){return delete args.children,delete args.icon,Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MessageBar_MessageBar,_extends({},args,{level:"success",title:"This one has a title only"})),Object(esm.b)(MessageBar_MessageBar,_extends({},args,{title:"This one has a Link",icon:Object(esm.b)(LinkIcon.a,null)}),"This one also has a Link. ",Object(esm.b)(Link.a,null,"Take a look here")))};MessageBar_stories_content.storyName="Content",MessageBar_stories_content.parameters={storySource:{source:'args => {\n delete args.children;\n delete args.icon;\n return <>\n \n }>\n This one also has a Link. Take a look here\n \n ;\n}'}};var MessageBar_stories_animate=function animate(args){var _useState4=MessageBar_stories_slicedToArray(Object(react.useState)(!1),2),key=_useState4[0],setKey=_useState4[1];return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(PreviewGallery.d,null,Object(esm.b)(MessageBar_AnimateMessageBar,{key:key},Object(esm.b)(MessageBar_MessageBar,_extends({},args,{title:"Info",level:"info",icon:Object(esm.b)(InfoRoundIcon.a,null)})))),Object(esm.b)(Button.a,{onClick:function toggle(){return setKey(!key)}},"Replay"))};MessageBar_stories_animate.storyName="Animate",MessageBar_stories_animate.parameters={storySource:{source:'args => {\n const [key, setKey] = useState(false);\n const toggle = () => setKey(!key);\n return <>\n \n \n } />\n \n \n \n ;\n}'}};var componentMeta={title:"Components/Message bar",component:MessageBar_MessageBar,args:{level:"info",title:"Don't be afraid to make these big decisions.",icon:"ActivityIcon",children:"Once you start, they sort of just make themselves. This is probably the greatest thing that's ever happened in my life."},argTypes:{level:{control:{type:"select"},options:["info","success","warning","error"]},icon:{control:{type:"select"},options:Object.keys(icons),table:{type:{summary:"ReactElement"}}},children:{control:{type:"text"}},onClose:{action:"Closing the MessageBar"}},includeStories:["standard","level","content","animate"]},mdxStoryNameToKey={Standard:"standard",Level:"level",Content:"content",Animate:"animate"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Modal/Modal.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"withIllustration",(function(){return withIllustration}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_17___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_17__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_Modal__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/components/Modal/Modal.tsx"),_Button_Button__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./src/components/Button/Button.tsx"),_illustrations__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./src/illustrations/index.ts"),_illustrations__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./src/illustrations/ChannelsIllustration.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;er.length)&&(a=r.length);for(var e=0,n=Array(a);e"}}}},args:{children:"Modal text",illustration:void 0,closeTitle:"Close"},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h1",{id:"modal"},"Modal"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h2",{id:"usage"},"Usage"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("p",null,"The Modal Component is the main Component of the Overlay pattern and is used to display a secondary window over the content.\nIt can be used with or without an Illustration and adapts its content accordingly."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h2",{id:"playground"},"Playground"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.e,{name:"Standard",mdxType:"Story"},(function(args){var _useState2=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_17__.useState)(!1),2),isOpen=_useState2[0],setOpen=_useState2[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment,null,isOpen&&Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Modal__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{onClose:function close(){return setOpen(!1)},illustration:void 0===_illustrations__WEBPACK_IMPORTED_MODULE_22__[args.illustration]?void 0:react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_illustrations__WEBPACK_IMPORTED_MODULE_22__[args.illustration]),mdxType:"Modal"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Modal__WEBPACK_IMPORTED_MODULE_20__.a.TopLeftButtons,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Button_Button__WEBPACK_IMPORTED_MODULE_21__.a,{mdxType:"Button"},"Top left button")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Modal__WEBPACK_IMPORTED_MODULE_20__.a.TopRightButtons,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Button_Button__WEBPACK_IMPORTED_MODULE_21__.a,{mdxType:"Button"},"Top right button"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Button_Button__WEBPACK_IMPORTED_MODULE_21__.a,{onClick:function open(){return setOpen(!0)},mdxType:"Button"},"Open Modal"))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.b,{story:"Standard",mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h2",{id:"variation-with-illustration"},"Variation with Illustration"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.e,{name:"With Illustration",mdxType:"Story"},(function(args){var _useState4=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_17__.useState)(!1),2),isOpen=_useState4[0],setOpen=_useState4[1],close=function close(){return setOpen(!1)};return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment,null,isOpen&&Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Modal__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{onClose:close,illustration:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_illustrations__WEBPACK_IMPORTED_MODULE_23__.a,null),mdxType:"Modal"}),"Such nice Illustration",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Modal__WEBPACK_IMPORTED_MODULE_20__.a.BottomButtons,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Button_Button__WEBPACK_IMPORTED_MODULE_21__.a,{onClick:close,mdxType:"Button"},"Close"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Button_Button__WEBPACK_IMPORTED_MODULE_21__.a,{onClick:function open(){return setOpen(!0)},mdxType:"Button"},"Open Modal with Illustration"))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h2",{id:"usage-with-composition"},"Usage with Composition"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("p",null,"The Modal Component also exposes a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("inlineCode",{parentName:"p"},"BottomButtons")," Component that is helpful to display Buttons at the bottom of the Modal children. It can be used as simply as this:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("code",{parentName:"pre",className:"language-jsx"},"\n Lorem ipsum dolor sit amet\n \n \n \n \n\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("p",null,"A few examples of usage of the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("inlineCode",{parentName:"p"},"Modal")," Component can be found on the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(LinkTo,{kind:"Patterns/Overlays",story:"Confirm Modal",mdxType:"LinkTo"},"Overlays story.")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var standard=function standard(args){var _useState6=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_17__.useState)(!1),2),isOpen=_useState6[0],setOpen=_useState6[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment,null,isOpen&&Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Modal__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{onClose:function close(){return setOpen(!1)},illustration:void 0===_illustrations__WEBPACK_IMPORTED_MODULE_22__[args.illustration]?void 0:react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_illustrations__WEBPACK_IMPORTED_MODULE_22__[args.illustration])}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Modal__WEBPACK_IMPORTED_MODULE_20__.a.TopLeftButtons,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Button_Button__WEBPACK_IMPORTED_MODULE_21__.a,null,"Top left button")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Modal__WEBPACK_IMPORTED_MODULE_20__.a.TopRightButtons,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Button_Button__WEBPACK_IMPORTED_MODULE_21__.a,null,"Top right button"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Button_Button__WEBPACK_IMPORTED_MODULE_21__.a,{onClick:function open(){return setOpen(!0)}},"Open Modal"))};standard.storyName="Standard",standard.parameters={storySource:{source:"args => {\n const [isOpen, setOpen] = useState(false);\n const open = () => setOpen(true);\n const close = () => setOpen(false);\n return <>\n {isOpen && \n \n \n \n \n \n \n }\n \n ;\n}"}};var withIllustration=function withIllustration(args){var _useState8=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_17__.useState)(!1),2),isOpen=_useState8[0],setOpen=_useState8[1],close=function close(){return setOpen(!1)};return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment,null,isOpen&&Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Modal__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{onClose:close,illustration:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_illustrations__WEBPACK_IMPORTED_MODULE_23__.a,null)}),"Such nice Illustration",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Modal__WEBPACK_IMPORTED_MODULE_20__.a.BottomButtons,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Button_Button__WEBPACK_IMPORTED_MODULE_21__.a,{onClick:close},"Close"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Button_Button__WEBPACK_IMPORTED_MODULE_21__.a,{onClick:function open(){return setOpen(!0)}},"Open Modal with Illustration"))};withIllustration.storyName="With Illustration",withIllustration.parameters={storySource:{source:"args => {\n const [isOpen, setOpen] = useState(false);\n const open = () => setOpen(true);\n const close = () => setOpen(false);\n return <>\n {isOpen && }>\n Such nice Illustration\n \n \n \n }\n \n ;\n}"}};var componentMeta={title:"Components/Modal",component:_Modal__WEBPACK_IMPORTED_MODULE_20__.a,args:{children:"Modal text",illustration:void 0,closeTitle:"Close"},argTypes:{illustration:{control:{type:"select"},options:[void 0].concat(_toConsumableArray(Object.keys(_illustrations__WEBPACK_IMPORTED_MODULE_22__))),table:{type:{summary:"ReactElement"}}}},includeStories:["standard","withIllustration"]},mdxStoryNameToKey={Standard:"standard","With Illustration":"withIllustration"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Modal/Modal.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Modal_Modal}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),react_dom=__webpack_require__("./node_modules/react-dom/index.js"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),theme=__webpack_require__("./src/theme/theme.ts"),common=__webpack_require__("./src/theme/common.ts"),IconButton=__webpack_require__("./src/components/IconButton/IconButton.tsx"),CloseIcon=__webpack_require__("./src/icons/CloseIcon.tsx"),useShortcut=__webpack_require__("./src/hooks/useShortcut.ts"),key=__webpack_require__("./src/shared/key.ts"),ModalContext=react_default.a.createContext(!1),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["onClose","illustration","closeTitle","children"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var ModalContainer=styled_components_browser_esm.default.div(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n ","\n position: fixed;\n width: 100vw;\n height: 100vh;\n top: 0;\n left: 0;\n background-color: ",";\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n z-index: 1800;\n overflow: hidden;\n padding: 20px 80px;\n box-sizing: border-box;\n"])),common.b,Object(theme.a)("white")),ModalCloseButton=Object(styled_components_browser_esm.default)(IconButton.a)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 40px;\n left: 40px;\n"]))),ModalContent=styled_components_browser_esm.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 1fr 2fr;\n height: 100%;\n align-items: center;\n"]))),ModalChildren=styled_components_browser_esm.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n padding: 20px 40px;\n min-width: 480px;\n border-left: 1px solid ",";\n max-height: 100%;\n overflow: auto;\n"])),Object(theme.a)("brand",100)),IconContainer=styled_components_browser_esm.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n padding-right: 40px;\n"]))),SectionTitle=styled_components_browser_esm.default.div(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(["\n height: 20px;\n color: ",";\n font-size: ",";\n text-transform: uppercase;\n"])),(function(_ref){var color=_ref.color;return Object(theme.a)(null!=color?color:"grey",120)}),(function(_ref2){var size=_ref2.size;return Object(theme.e)(null!=size?size:"default")})),Title=styled_components_browser_esm.default.div(_templateObject7||(_templateObject7=_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n height: 40px;\n color: ",";\n font-size: ",";\n margin-bottom: 10px;\n"])),Object(theme.a)("grey",140),Object(theme.e)("title")),BottomButtons=styled_components_browser_esm.default.div(_templateObject8||(_templateObject8=_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n margin-top: 20px;\n"]))),TopRightButtons=Object(styled_components_browser_esm.default)(BottomButtons)(_templateObject9||(_templateObject9=_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 40px;\n right: 40px;\n margin: 0;\n"]))),TopLeftButtons=Object(styled_components_browser_esm.default)(BottomButtons)(_templateObject10||(_templateObject10=_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 40px;\n left: 82px;\n margin: 0;\n"]))),Modal_Modal=function Modal(_ref3){var onClose=_ref3.onClose,illustration=_ref3.illustration,closeTitle=_ref3.closeTitle,children=_ref3.children,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r>"}},closeTitle:{defaultValue:null,description:"Title of the close button.",name:"closeTitle",required:!0,type:{name:"string"}},children:{defaultValue:null,description:"The content of the modal.",name:"children",required:!1,type:{name:"ReactNode"}},onClose:{defaultValue:null,description:"The handler to call when the Modal is closed.",name:"onClose",required:!0,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Modal/Modal.tsx#Modal"]={docgenInfo:Modal_Modal.__docgenInfo,name:"Modal",path:"src/components/Modal/Modal.tsx#Modal"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Navigation/MainNavigationItem/MainNavigationItem.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return MainNavigationItem_stories_standard})),__webpack_require__.d(__webpack_exports__,"label",(function(){return MainNavigationItem_stories_label})),__webpack_require__.d(__webpack_exports__,"active",(function(){return MainNavigationItem_stories_active})),__webpack_require__.d(__webpack_exports__,"disabled",(function(){return MainNavigationItem_stories_disabled})),__webpack_require__.d(__webpack_exports__,"icon",(function(){return MainNavigationItem_stories_icon})),__webpack_require__.d(__webpack_exports__,"tag",(function(){return MainNavigationItem_stories_tag})),__webpack_require__.d(__webpack_exports__,"link",(function(){return MainNavigationItem_stories_link}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),styled_components_browser_esm=(__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js")),theme=__webpack_require__("./src/theme/theme.ts"),Tags=__webpack_require__("./src/components/Tags/Tags.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children","href","icon","active","disabled","onClick"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var Link=styled_components_browser_esm.default.a(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n align-items: center;\n box-sizing: border-box;\n cursor: ",";\n display: flex;\n flex-direction: column;\n font-size: ",";\n height: 70px;\n justify-content: center;\n line-height: 1.15;\n margin: 0;\n outline-style: none;\n padding: 7px;\n position: relative;\n text-decoration: none;\n width: 80px;\n\n border-left: 4px solid\n ",";\n\n color: ",";\n\n svg {\n color: ",";\n }\n\n &:hover {\n border-color: ",";\n color: ",";\n svg {\n color: ",";\n }\n }\n\n &:focus:not(:active) {\n box-shadow: 0 0 0 2px ",";\n outline: none;\n }\n"])),(function(_ref){return _ref.$disabled?"not-allowed":"pointer"}),Object(theme.e)("small"),(function(_ref2){var $active=_ref2.$active;return!_ref2.$disabled&&$active?Object(theme.a)("brand",100):"transparent"}),(function(_ref3){var $active=_ref3.$active;return _ref3.$disabled?Object(theme.a)("grey",100):$active?Object(theme.a)("brand",100):Object(theme.a)("grey",120)}),(function(_ref4){var $active=_ref4.$active;return _ref4.$disabled?Object(theme.a)("grey",80):$active?Object(theme.a)("brand",100):Object(theme.a)("grey",100)}),(function(_ref5){return!_ref5.$disabled&&Object(theme.a)("brand",100)}),(function(_ref6){return!_ref6.$disabled&&Object(theme.a)("brand",100)}),(function(_ref7){return!_ref7.$disabled&&Object(theme.a)("brand",100)}),Object(theme.a)("blue",40)),Label=styled_components_browser_esm.default.span(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n margin-top: 7px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n"]))),TagContainer=styled_components_browser_esm.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n overflow: hidden;\n position: absolute;\n right: 0;\n top: 7px;\n width: 50%;\n"]))),MainNavigationItem=react_default.a.forwardRef((function(_ref8,forwardedRef){var children=_ref8.children,href=_ref8.href,icon=_ref8.icon,_ref8$active=_ref8.active,active=void 0!==_ref8$active&&_ref8$active,_ref8$disabled=_ref8.disabled,disabled=void 0!==_ref8$disabled&&_ref8$disabled,onClick=_ref8.onClick,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r>"}},children:{defaultValue:null,description:"Children are a string label",name:"children",required:!0,type:{name:"ReactNode"}},active:{defaultValue:{value:"false"},description:"Define if the component is active",name:"active",required:!1,type:{name:"boolean"}},disabled:{defaultValue:{value:"false"},description:"Define if the component will be displayed as disabled",name:"disabled",required:!1,type:{name:"boolean"}},href:{defaultValue:null,description:"Url to go to if the button is clicked.",name:"href",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Navigation/MainNavigationItem/MainNavigationItem.tsx#MainNavigationItem"]={docgenInfo:MainNavigationItem.__docgenInfo,name:"MainNavigationItem",path:"src/components/Navigation/MainNavigationItem/MainNavigationItem.tsx#MainNavigationItem"})}catch(__react_docgen_typescript_loader_error){}var icons=__webpack_require__("./src/icons/index.ts"),CardIcon=__webpack_require__("./src/icons/CardIcon.tsx"),AkeneoIcon=__webpack_require__("./src/icons/AkeneoIcon.tsx"),MainNavigationItem_stories_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e"}}},disabled:{control:{type:"boolean"}},active:{control:{type:"boolean"}},href:{control:{type:"text"}},children:{control:{type:"text"}}},args:{icon:"CardIcon",href:"#",children:"Default"},mdxType:"Meta"}),Object(esm.b)("h1",{id:"mainnavigationitem"},"MainNavigationItem"),Object(esm.b)("h2",{id:"usage"},"Usage"),Object(esm.b)("p",null,"The Main Navigation Item is used by the Navigation pattern. This components helps the users in their daily usage as an\neasy way to discover and navigate the interface. Also, it's a companion for them to understand where they are in their\njourney."),Object(esm.b)("h2",{id:"playground"},"Playground"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Standard",mdxType:"Story"},(function(args){return Object(esm.b)(MainNavigationItem,_extends({},args,{icon:react_default.a.createElement(icons[args.icon]),mdxType:"MainNavigationItem"}))}))),Object(esm.b)(dist_esm.b,{story:"Standard",mdxType:"ArgsTable"}),Object(esm.b)("h2",{id:"label"},"Label"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Label",mdxType:"Story"},(function(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,{mdxType:"CardIcon"}),mdxType:"MainNavigationItem"}),"Default"),Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,{mdxType:"CardIcon"}),mdxType:"MainNavigationItem"}),"Lengthy label that take way too much space"))}))),Object(esm.b)("h2",{id:"variation-on-active"},"Variation on active"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Active",mdxType:"Story"},(function(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,{mdxType:"CardIcon"}),active:!1,mdxType:"MainNavigationItem"}),"Default"),Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,{mdxType:"CardIcon"}),active:!0,mdxType:"MainNavigationItem"}),"Active"))}))),Object(esm.b)("h2",{id:"variation-on-disabled"},"Variation on disabled"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Disabled",mdxType:"Story"},(function(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,{mdxType:"CardIcon"}),disabled:!1,mdxType:"MainNavigationItem"}),"Default"),Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,{mdxType:"CardIcon"}),disabled:!0,mdxType:"MainNavigationItem"}),"Disabled"),Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,{mdxType:"CardIcon"}),disabled:!0,active:!0,mdxType:"MainNavigationItem"}),"Disabled and Active"))}))),Object(esm.b)("h2",{id:"variation-on-icon"},"Variation on icon"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Icon",mdxType:"Story"},(function(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,{mdxType:"CardIcon"}),mdxType:"MainNavigationItem"}),"CardIcon"),Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(AkeneoIcon.a,{mdxType:"AkeneoIcon"}),mdxType:"MainNavigationItem"}),"AkeneoIcon"))}))),Object(esm.b)("h2",{id:"with-tag"},"With tag"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Tag",mdxType:"Story"},(function(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,{mdxType:"CardIcon"}),mdxType:"MainNavigationItem"}),"Blue ",Object(esm.b)(Tags.a,{tint:"blue",mdxType:"Tag"},"Tag")),Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,{mdxType:"CardIcon"}),mdxType:"MainNavigationItem"}),"Purple ",Object(esm.b)(Tags.a,{tint:"purple",mdxType:"Tag"},"Lengthy tag that take way too much space")))}))),Object(esm.b)("h2",{id:"variation-on-onclick"},"Variation on onClick"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Link",mdxType:"Story"},(function(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,{mdxType:"CardIcon"}),href:void 0,onClick:function onClick(){return alert("Clicked!")},mdxType:"MainNavigationItem"}),"Click handler"),Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,{mdxType:"CardIcon"}),href:void 0,onClick:function onClick(){return alert("Clicked!")},disabled:!0,mdxType:"MainNavigationItem"}),"Click handler disabled"))}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var MainNavigationItem_stories_standard=function standard(args){return Object(esm.b)(MainNavigationItem,_extends({},args,{icon:react_default.a.createElement(icons[args.icon])}))};MainNavigationItem_stories_standard.displayName="standard",MainNavigationItem_stories_standard.storyName="Standard",MainNavigationItem_stories_standard.parameters={storySource:{source:"args => {\n return ;\n}"}};var MainNavigationItem_stories_label=function label(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,null)}),"Default"),Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,null)}),"Lengthy label that take way too much space"))};MainNavigationItem_stories_label.storyName="Label",MainNavigationItem_stories_label.parameters={storySource:{source:"args => {\n return <>\n }>\n Default\n \n }>\n Lengthy label that take way too much space\n \n ;\n}"}};var MainNavigationItem_stories_active=function active(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,null),active:!1}),"Default"),Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,null),active:!0}),"Active"))};MainNavigationItem_stories_active.storyName="Active",MainNavigationItem_stories_active.parameters={storySource:{source:"args => {\n return <>\n } active={false}>\n Default\n \n } active={true}>\n Active\n \n ;\n}"}};var MainNavigationItem_stories_disabled=function disabled(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,null),disabled:!1}),"Default"),Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,null),disabled:!0}),"Disabled"),Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,null),disabled:!0,active:!0}),"Disabled and Active"))};MainNavigationItem_stories_disabled.storyName="Disabled",MainNavigationItem_stories_disabled.parameters={storySource:{source:"args => {\n return <>\n } disabled={false}>\n Default\n \n } disabled={true}>\n Disabled\n \n } disabled={true} active={true}>\n Disabled and Active\n \n ;\n}"}};var MainNavigationItem_stories_icon=function icon(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,null)}),"CardIcon"),Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(AkeneoIcon.a,null)}),"AkeneoIcon"))};MainNavigationItem_stories_icon.storyName="Icon",MainNavigationItem_stories_icon.parameters={storySource:{source:"args => {\n return <>\n }>\n CardIcon\n \n }>\n AkeneoIcon\n \n ;\n}"}};var MainNavigationItem_stories_tag=function tag(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,null)}),"Blue ",Object(esm.b)(Tags.a,{tint:"blue"},"Tag")),Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,null)}),"Purple ",Object(esm.b)(Tags.a,{tint:"purple"},"Lengthy tag that take way too much space")))};MainNavigationItem_stories_tag.storyName="Tag",MainNavigationItem_stories_tag.parameters={storySource:{source:'args => {\n return <>\n }>\n Blue Tag\n \n }>\n Purple Lengthy tag that take way too much space\n \n ;\n}'}};var MainNavigationItem_stories_link=function link(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,null),href:void 0,onClick:function onClick(){return alert("Clicked!")}}),"Click handler"),Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,null),href:void 0,onClick:function onClick(){return alert("Clicked!")},disabled:!0}),"Click handler disabled"))};MainNavigationItem_stories_link.storyName="Link",MainNavigationItem_stories_link.parameters={storySource:{source:"args => {\n return <>\n } href={undefined} onClick={() => alert('Clicked!')}>\n Click handler\n \n } href={undefined} onClick={() => alert('Clicked!')} disabled={true}>\n Click handler disabled\n \n ;\n}"}};var componentMeta={title:"Components/Navigation/MainNavigationItem",component:MainNavigationItem,args:{icon:"CardIcon",href:"#",children:"Default"},argTypes:{icon:{control:{type:"select"},options:Object.keys(icons),table:{type:{summary:"ReactElement"}}},disabled:{control:{type:"boolean"}},active:{control:{type:"boolean"}},href:{control:{type:"text"}},children:{control:{type:"text"}}},includeStories:["standard","label","active","disabled","icon","tag","link"]},mdxStoryNameToKey={Standard:"standard",Label:"label",Active:"active",Disabled:"disabled",Icon:"icon",Tag:"tag",Link:"link"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Navigation/SubNavigationItem/SubNavigationItem.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return SubNavigationItem_stories_standard})),__webpack_require__.d(__webpack_exports__,"label",(function(){return SubNavigationItem_stories_label})),__webpack_require__.d(__webpack_exports__,"active",(function(){return SubNavigationItem_stories_active})),__webpack_require__.d(__webpack_exports__,"disabled",(function(){return SubNavigationItem_stories_disabled})),__webpack_require__.d(__webpack_exports__,"tag",(function(){return SubNavigationItem_stories_tag})),__webpack_require__.d(__webpack_exports__,"link",(function(){return SubNavigationItem_stories_link}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),styled_components_browser_esm=(__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js")),theme=__webpack_require__("./src/theme/theme.ts"),Tags=__webpack_require__("./src/components/Tags/Tags.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children","href","disabled","active","onClick"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var Container=styled_components_browser_esm.default.a(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n box-sizing: border-box;\n cursor: ",";\n color: ",";\n display: flex;\n height: 38px;\n margin: 0;\n outline: none;\n text-decoration: none;\n overflow: hidden;\n line-height: 38px;\n\n :hover {\n color: ",";\n }\n :focus:not(:active) {\n box-shadow: 0 0 0 2px ",";\n }\n"])),(function(_ref){return _ref.disabled?"not-allowed":"pointer"}),(function(_ref2){var active=_ref2.active;return _ref2.disabled?Object(theme.a)("grey",100):active?Object(theme.a)("brand",100):Object(theme.a)("grey",140)}),(function(_ref3){return!_ref3.disabled&&Object(theme.a)("brand",100)}),Object(theme.a)("blue",40)),Label=styled_components_browser_esm.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n flex-shrink: 0;\n margin-right: ",";\n max-width: ",";\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: ",";\n"])),(function(_ref4){return _ref4.hasTag?"10px":"0px"}),(function(_ref5){return _ref5.hasTag?"84%":"100%"}),Object(theme.e)("big")),SubNavigationItem=react_default.a.forwardRef((function(_ref6,forwardedRef){var children=_ref6.children,href=_ref6.href,disabled=_ref6.disabled,active=_ref6.active,onClick=_ref6.onClick,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r {\n return ;\n}"}};var SubNavigationItem_stories_label=function label(args){return Object(esm.b)(PreviewGallery.k,{width:280},Object(esm.b)(SubNavigationItem,args,"Default"),Object(esm.b)(SubNavigationItem,args,"Lengthy label that take way too much space"))};SubNavigationItem_stories_label.displayName="label",SubNavigationItem_stories_label.storyName="Label",SubNavigationItem_stories_label.parameters={storySource:{source:"args => {\n return \n Default\n Lengthy label that take way too much space\n ;\n}"}};var SubNavigationItem_stories_active=function active(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(SubNavigationItem,_extends({},args,{active:!1}),"Default"),Object(esm.b)(SubNavigationItem,_extends({},args,{active:!0}),"Active"))};SubNavigationItem_stories_active.storyName="Active",SubNavigationItem_stories_active.parameters={storySource:{source:"args => {\n return <>\n \n Default\n \n \n Active\n \n ;\n}"}};var SubNavigationItem_stories_disabled=function disabled(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(SubNavigationItem,_extends({},args,{disabled:!1}),"Default"),Object(esm.b)(SubNavigationItem,_extends({},args,{disabled:!0}),"Disabled"),Object(esm.b)(SubNavigationItem,_extends({},args,{disabled:!0,active:!0}),"Disabled and Active"))};SubNavigationItem_stories_disabled.storyName="Disabled",SubNavigationItem_stories_disabled.parameters={storySource:{source:"args => {\n return <>\n \n Default\n \n \n Disabled\n \n \n Disabled and Active\n \n ;\n}"}};var SubNavigationItem_stories_tag=function tag(args){return Object(esm.b)(PreviewGallery.k,{width:280},Object(esm.b)(SubNavigationItem,args,"Default ",Object(esm.b)(Tags.a,{tint:"blue"},"Tag")),Object(esm.b)(SubNavigationItem,_extends({},args,{disabled:!0}),"Disabled ",Object(esm.b)(Tags.a,{tint:"yellow"},"Tag")),Object(esm.b)(SubNavigationItem,args,"Default ",Object(esm.b)(Tags.a,{tint:"purple"},"Lengthy tag that take way too much space")),Object(esm.b)(SubNavigationItem,args,"Lengthy label that take way too much space ",Object(esm.b)(Tags.a,{tint:"green"},"Tag")),Object(esm.b)(SubNavigationItem,args,"Lengthy label that take way too much space ",Object(esm.b)(Tags.a,{tint:"red"},"Lengthy tag that take way too much space")))};SubNavigationItem_stories_tag.displayName="tag",SubNavigationItem_stories_tag.storyName="Tag",SubNavigationItem_stories_tag.parameters={storySource:{source:'args => {\n return \n \n Default Tag\n \n \n Disabled Tag\n \n \n Default Lengthy tag that take way too much space\n \n \n Lengthy label that take way too much space Tag\n \n \n Lengthy label that take way too much space Lengthy tag that take way too much space\n \n ;\n}'}};var SubNavigationItem_stories_link=function link(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(SubNavigationItem,_extends({},args,{href:void 0,onClick:function onClick(){return alert("Clicked!")}}),"Click handler"),Object(esm.b)(SubNavigationItem,_extends({},args,{href:void 0,onClick:function onClick(){return alert("Clicked!")},disabled:!0}),"Click handler disabled"))};SubNavigationItem_stories_link.storyName="Link",SubNavigationItem_stories_link.parameters={storySource:{source:"args => {\n return <>\n alert('Clicked!')}>\n Click handler\n \n alert('Clicked!')} disabled={true}>\n Click handler disabled\n \n ;\n}"}};var componentMeta={title:"Components/Navigation/SubNavigationItem",component:SubNavigationItem,args:{href:"#",children:"Default"},argTypes:{disabled:{control:{type:"boolean"}},active:{control:{type:"boolean"}},href:{control:{type:"text"}},children:{control:{type:"text"}}},includeStories:["standard","label","active","disabled","tag","link"]},mdxStoryNameToKey={Standard:"standard",Label:"label",Active:"active",Disabled:"disabled",Tag:"tag",Link:"link"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Navigation/SubNavigationPanel/SubNavigationPanel.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return SubNavigationPanel_stories_standard})),__webpack_require__.d(__webpack_exports__,"scrollableContent",(function(){return SubNavigationPanel_stories_scrollableContent})),__webpack_require__.d(__webpack_exports__,"collapsedExpandedContent",(function(){return SubNavigationPanel_stories_collapsedExpandedContent})),__webpack_require__.d(__webpack_exports__,"contentWithoutPadding",(function(){return SubNavigationPanel_stories_contentWithoutPadding})),__webpack_require__.d(__webpack_exports__,"contentWithCollapseComponent",(function(){return SubNavigationPanel_stories_contentWithCollapseComponent}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),styled_components_browser_esm=(__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js")),PanelCloseIcon=__webpack_require__("./src/icons/PanelCloseIcon.tsx"),PanelOpenIcon=__webpack_require__("./src/icons/PanelOpenIcon.tsx"),theme=__webpack_require__("./src/theme/theme.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children","isOpen","open","close","closeTitle","openTitle","noPadding"];function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _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 _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);er.length)&&(a=r.length);for(var e=0,n=Array(a);e {\n const [isOpen, open, close] = useBooleanState(true);\n return \n \n ;\n}"}};var SubNavigationPanel_stories_scrollableContent=function scrollableContent(args){var _useBooleanState16=SubNavigationPanel_stories_slicedToArray(Object(useBooleanState.a)(!0),3),isOpen=_useBooleanState16[0],open=_useBooleanState16[1],close=_useBooleanState16[2];return Object(esm.b)(PreviewGallery.k,{height:200},Object(esm.b)(SubNavigationPanel,_extends({},args,{isOpen:isOpen,open:open,close:close}),"Lorem ipsum dolor sit amet, consectetur adipiscing elit.",Object(esm.b)("br",null),"Fusce sed quam pharetra, lacinia nisl at, luctus ex.",Object(esm.b)("br",null),"Donec pretium est a augue dapibus, at semper ipsum vestibulum.",Object(esm.b)("br",null),"Aenean blandit metus a nibh blandit porta.",Object(esm.b)("br",null),"Phasellus placerat ligula sit amet vestibulum tristique."))};SubNavigationPanel_stories_scrollableContent.displayName="scrollableContent",SubNavigationPanel_stories_scrollableContent.storyName="ScrollableContent",SubNavigationPanel_stories_scrollableContent.parameters={storySource:{source:"args => {\n const [isOpen, open, close] = useBooleanState(true);\n return \n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n
\n Fusce sed quam pharetra, lacinia nisl at, luctus ex.\n
\n Donec pretium est a augue dapibus, at semper ipsum vestibulum.\n
\n Aenean blandit metus a nibh blandit porta.\n
\n Phasellus placerat ligula sit amet vestibulum tristique.\n \n ;\n}"}};var SubNavigationPanel_stories_collapsedExpandedContent=function collapsedExpandedContent(args){var _useBooleanState18=SubNavigationPanel_stories_slicedToArray(Object(useBooleanState.a)(!1),3),isOpen=_useBooleanState18[0],open=_useBooleanState18[1],close=_useBooleanState18[2],_useBooleanState20=SubNavigationPanel_stories_slicedToArray(Object(useBooleanState.a)(!1),3),isDropdownOpen=_useBooleanState20[0],openDropDown=_useBooleanState20[1],closeDropDown=_useBooleanState20[2];return Object(esm.b)(PreviewGallery.k,{height:200},Object(esm.b)(SubNavigationPanel,_extends({},args,{isOpen:isOpen,open:open,close:close}),Object(esm.b)(SubNavigationPanel.Collapsed,null,Object(esm.b)(Dropdown.a,null,Object(esm.b)(MoreVerticalIcon.a,{title:"More",onClick:openDropDown}),isDropdownOpen&&Object(esm.b)(Dropdown.a.Overlay,{onClose:closeDropDown},Object(esm.b)(Dropdown.a.ItemCollection,null,Object(esm.b)(Dropdown.a.Item,null,"Collapsed Content"))))),"Some content"))};SubNavigationPanel_stories_collapsedExpandedContent.displayName="collapsedExpandedContent",SubNavigationPanel_stories_collapsedExpandedContent.storyName="CollapsedExpandedContent",SubNavigationPanel_stories_collapsedExpandedContent.parameters={storySource:{source:'args => {\n const [isOpen, open, close] = useBooleanState(false);\n const [isDropdownOpen, openDropDown, closeDropDown] = useBooleanState(false);\n return \n \n \n \n \n {isDropdownOpen && \n \n Collapsed Content\n \n }\n \n \n Some content\n \n ;\n}'}};var SubNavigationPanel_stories_contentWithoutPadding=function contentWithoutPadding(args){var _useBooleanState22=SubNavigationPanel_stories_slicedToArray(Object(useBooleanState.a)(!0),3),isOpen=_useBooleanState22[0],open=_useBooleanState22[1],close=_useBooleanState22[2],_useState6=SubNavigationPanel_stories_slicedToArray(Object(react.useState)(1),2);_useState6[0],_useState6[1];return Object(esm.b)(PreviewGallery.k,{height:200},Object(esm.b)(SubNavigationPanel,_extends({},args,{isOpen:isOpen,open:open,close:close,noPadding:!0}),"Some content"))};SubNavigationPanel_stories_contentWithoutPadding.displayName="contentWithoutPadding",SubNavigationPanel_stories_contentWithoutPadding.storyName="ContentWithoutPadding",SubNavigationPanel_stories_contentWithoutPadding.parameters={storySource:{source:"args => {\n const [isOpen, open, close] = useBooleanState(true);\n const [collapse, setCollapse] = useState(1);\n return \n \n Some content\n \n ;\n}"}};var SubNavigationPanel_stories_contentWithCollapseComponent=function contentWithCollapseComponent(args){var _useBooleanState24=SubNavigationPanel_stories_slicedToArray(Object(useBooleanState.a)(!0),3),isOpen=_useBooleanState24[0],open=_useBooleanState24[1],close=_useBooleanState24[2],_useState8=SubNavigationPanel_stories_slicedToArray(Object(react.useState)(1),2),collapse=_useState8[0],setCollapse=_useState8[1];return Object(esm.b)(PreviewGallery.k,{height:200},Object(esm.b)(SubNavigationPanel,_extends({},args,{isOpen:isOpen,open:open,close:close,noPadding:!0}),Object(esm.b)(Collapse.a,{label:"First Collapse",collapseButtonLabel:"Collapse",isOpen:1===collapse,onCollapse:function onCollapse(){return setCollapse(1)}},"Lorem ipsum dolor sit amet, consectetur adipiscing elit.",Object(esm.b)("br",null),"Fusce sed quam pharetra, lacinia nisl at, luctus ex.",Object(esm.b)("br",null),"Donec pretium est a augue dapibus, at semper ipsum vestibulum.",Object(esm.b)("br",null),"Aenean blandit metus a nibh blandit porta.",Object(esm.b)("br",null),"Phasellus placerat ligula sit amet vestibulum tristique."),Object(esm.b)(Collapse.a,{label:"Second Collapse",collapseButtonLabel:"Collapse",isOpen:2===collapse,onCollapse:function onCollapse(){return setCollapse(2)}},"Lorem ipsum dolor sit amet, consectetur adipiscing elit.",Object(esm.b)("br",null),"Fusce sed quam pharetra, lacinia nisl at, luctus ex.",Object(esm.b)("br",null),"Donec pretium est a augue dapibus, at semper ipsum vestibulum.",Object(esm.b)("br",null),"Aenean blandit metus a nibh blandit porta.",Object(esm.b)("br",null),"Phasellus placerat ligula sit amet vestibulum tristique.")))};SubNavigationPanel_stories_contentWithCollapseComponent.displayName="contentWithCollapseComponent",SubNavigationPanel_stories_contentWithCollapseComponent.storyName="ContentWithCollapseComponent",SubNavigationPanel_stories_contentWithCollapseComponent.parameters={storySource:{source:'args => {\n const [isOpen, open, close] = useBooleanState(true);\n const [collapse, setCollapse] = useState(1);\n return \n \n setCollapse(1)}>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n
\n Fusce sed quam pharetra, lacinia nisl at, luctus ex.\n
\n Donec pretium est a augue dapibus, at semper ipsum vestibulum.\n
\n Aenean blandit metus a nibh blandit porta.\n
\n Phasellus placerat ligula sit amet vestibulum tristique.\n \n setCollapse(2)}>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n
\n Fusce sed quam pharetra, lacinia nisl at, luctus ex.\n
\n Donec pretium est a augue dapibus, at semper ipsum vestibulum.\n
\n Aenean blandit metus a nibh blandit porta.\n
\n Phasellus placerat ligula sit amet vestibulum tristique.\n \n \n ;\n}'}};var componentMeta={title:"Components/Navigation/SubNavigationPanel",subcomponents:{SubNavigationPanel:SubNavigationPanel,"SubNavigationPanel.Collapsed":SubNavigationPanel.Collapsed},args:{children:"Some content",isOpen:!0,closeTitle:"Close",openTitle:"Open"},includeStories:["standard","scrollableContent","collapsedExpandedContent","contentWithoutPadding","contentWithCollapseComponent"]},mdxStoryNameToKey={Standard:"standard",ScrollableContent:"scrollableContent",CollapsedExpandedContent:"collapsedExpandedContent",ContentWithoutPadding:"contentWithoutPadding",ContentWithCollapseComponent:"contentWithCollapseComponent"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Pagination/Pagination.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return Pagination_stories_standard})),__webpack_require__.d(__webpack_exports__,"smallNumberOfPages",(function(){return Pagination_stories_smallNumberOfPages}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),styled_components_browser_esm=(__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js")),theme=__webpack_require__("./src/theme/theme.ts"),jsx_runtime=(__webpack_require__("./node_modules/core-js/modules/es.parse-int.js"),__webpack_require__("./node_modules/react/jsx-runtime.js"));function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var PaginationItem_PaginationItem=function PaginationItem(_ref){var currentPage=_ref.currentPage,page=_ref.page,followPage=_ref.followPage,handleClick=Object(react.useCallback)((function(){"…"!==page&&followPage(parseInt(page))}),[page,followPage]);return Object(jsx_runtime.jsx)(PaginationItemContainer,{onClick:handleClick,"data-testid":"paginationItem",title:"…"!==page?"No. "+page:"",disabled:"…"===page,currentPage:currentPage,type:"button",children:page})};PaginationItem_PaginationItem.displayName="PaginationItem";var Pagination_templateObject,Pagination_templateObject2,currentPaginationItemMixin=Object(styled_components_browser_esm.css)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n border: 1px "," solid;\n color: ",";\n"])),Object(theme.a)("brand",100),Object(theme.a)("brand",100)),otherPaginationItemMixin=Object(styled_components_browser_esm.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n border: 1px "," solid;\n color: ",";\n"])),Object(theme.a)("grey",80),Object(theme.a)("grey",100)),disabledMixin=Object(styled_components_browser_esm.css)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n cursor: default;\n :hover {\n background-color: ",";\n }\n"])),Object(theme.a)("white")),PaginationItemContainer=styled_components_browser_esm.default.button(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n ","\n display: inline-block;\n border-width: 1px;\n font-size: 13px;\n font-weight: 400;\n text-transform: uppercase;\n border-radius: 16px;\n padding: 0 10px;\n height: 22px;\n line-height: 21px;\n cursor: pointer;\n font-family: inherit;\n transition: background-color 0.1s ease 0s;\n min-width: 40px;\n text-align: center;\n box-sizing: border-box;\n background-color: ",";\n\n :hover {\n background-color: ",";\n }\n\n :focus {\n outline: 0;\n }\n\n ","\n"])),(function(_ref2){return _ref2.currentPage?currentPaginationItemMixin:otherPaginationItemMixin}),Object(theme.a)("white"),Object(theme.a)("grey",20),(function(_ref3){return _ref3.disabled?disabledMixin:null}));try{PaginationItem_PaginationItem.displayName="PaginationItem",PaginationItem_PaginationItem.__docgenInfo={description:"",displayName:"PaginationItem",props:{currentPage:{defaultValue:null,description:"",name:"currentPage",required:!0,type:{name:"boolean"}},page:{defaultValue:null,description:"",name:"page",required:!0,type:{name:"string"}},followPage:{defaultValue:null,description:"",name:"followPage",required:!0,type:{name:"(page: number) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Pagination/PaginationItem.tsx#PaginationItem"]={docgenInfo:PaginationItem_PaginationItem.__docgenInfo,name:"PaginationItem",path:"src/components/Pagination/PaginationItem.tsx#PaginationItem"})}catch(__react_docgen_typescript_loader_error){}function Pagination_taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var Pagination_Pagination=function Pagination(_ref){var currentPage=_ref.currentPage,totalItems=_ref.totalItems,_ref$itemsPerPage=_ref.itemsPerPage,itemsPerPage=void 0===_ref$itemsPerPage?25:_ref$itemsPerPage,sticky=_ref.sticky,followPage=_ref.followPage;if(itemsPerPage<=0)throw new Error("Number of items per page cannot be lower or equal than 0");var numberOfPages=Math.ceil(totalItems/itemsPerPage);if(numberOfPages<=1)return null;if(currentPage>numberOfPages)throw new Error("The current page cannot be greater than the total number of pages");var pages=function computePages(currentPage,numberOfPages){if(numberOfPages<=4)return Array.from(Array(numberOfPages).keys()).map((function(page){return page+1}));var FIRST_PAGE=1,SECOND_PAGE=2,THIRD_PAGE=3,LAST_PAGE=numberOfPages,SECOND_LAST=LAST_PAGE-1,THIRD_LAST=LAST_PAGE-2,FOURTH_LAST=LAST_PAGE-3,PREVIOUS_PAGE=currentPage-1,NEXT_PAGE=currentPage+1,pages=[FIRST_PAGE];currentPage>=4&&pages.push("…");currentPage>SECOND_PAGE&&(currentPage===LAST_PAGE&&pages.push(THIRD_LAST),pages.push(PREVIOUS_PAGE));currentPage!==FIRST_PAGE&¤tPage!==LAST_PAGE&&pages.push(currentPage);currentPage void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Pagination/Pagination.tsx#Pagination"]={docgenInfo:Pagination_Pagination.__docgenInfo,name:"Pagination",path:"src/components/Pagination/Pagination.tsx#Pagination"})}catch(__react_docgen_typescript_loader_error){}var _excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e {\n return ;\n}"}};var Pagination_stories_smallNumberOfPages=function smallNumberOfPages(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Pagination_Pagination,{totalItems:8,currentPage:1,itemsPerPage:2,onClick:function onClick(){}}),Object(esm.b)(Pagination_Pagination,{totalItems:3,currentPage:1,itemsPerPage:2,onClick:function onClick(){}}))};Pagination_stories_smallNumberOfPages.storyName="Small number of pages",Pagination_stories_smallNumberOfPages.parameters={storySource:{source:"args => {\n return <>\n {}} />\n {}} />\n ;\n}"}};var componentMeta={title:"Components/Pagination",component:Pagination_Pagination,args:{totalItems:3e3,currentPage:12,itemsPerPage:25},includeStories:["standard","smallNumberOfPages"]},mdxStoryNameToKey={Standard:"standard","Small number of pages":"smallNumberOfPages"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Pill/Pill.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"level",(function(){return level}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_links_react__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/@storybook/addon-links/react.js"),_Pill_tsx__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/components/Pill/Pill.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e {\n return ;\n}"}};var level=function level(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Pill_tsx__WEBPACK_IMPORTED_MODULE_9__.a,_extends({},args,{level:"primary"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Pill_tsx__WEBPACK_IMPORTED_MODULE_9__.a,_extends({},args,{level:"warning"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Pill_tsx__WEBPACK_IMPORTED_MODULE_9__.a,_extends({},args,{level:"danger"})))};level.storyName="Level",level.parameters={storySource:{source:'args => {\n return <>\n \n \n \n ;\n}'}};var componentMeta={title:"Components/Pill",component:_Pill_tsx__WEBPACK_IMPORTED_MODULE_9__.a,args:{level:"warning"},argTypes:{level:{control:{type:"select"},options:["primary","warning","danger"]}},includeStories:["standard","level"]},mdxStoryNameToKey={Standard:"standard",Level:"level"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Pill/Pill.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Pill}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__),styled_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_theme_theme__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/theme/theme.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["level"];var PillContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject||(_templateObject=function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}(["\n width: 10px;\n height: 10px;\n min-width: 10px;\n min-height: 10px;\n background-color: ",";\n border-radius: 50%;\n"])),(function(_ref){var level=_ref.level;return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.c)(level,100)})),Pill=react__WEBPACK_IMPORTED_MODULE_5___default.a.forwardRef((function(_ref2,forwardedRef){var _ref2$level=_ref2.level,level=void 0===_ref2$level?"warning":_ref2$level,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r {\n const IllustrationComponent = createElement(Illustrations[args.illustration]);\n return ;\n}"}};var size=function size(args){var IllustrationComponent=Object(react__WEBPACK_IMPORTED_MODULE_6__.createElement)(_illustrations__WEBPACK_IMPORTED_MODULE_12__.a);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_Placeholder_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{title:"Large placeholder",illustration:IllustrationComponent,size:"large"}))};size.displayName="size",size.storyName="Size",size.parameters={storySource:{source:'args => {\n const IllustrationComponent = createElement(Illustrations.AttributesIllustration);\n return ;\n}'}};var componentMeta={title:"Components/Placeholder",component:_Placeholder_tsx__WEBPACK_IMPORTED_MODULE_10__.a,args:{illustration:"UsersIllustration",title:"Placeholder title",children:"Placeholder children text"},argTypes:{illustration:{control:{type:"select"},options:Object.keys(_illustrations__WEBPACK_IMPORTED_MODULE_11__)},title:{control:{type:"text"}},children:{control:{type:"text"}}},includeStories:["standard","size"]},mdxStoryNameToKey={Standard:"standard",Size:"size"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Placeholder/Placeholder.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Placeholder}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),styled_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_theme_theme__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/theme/theme.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["illustration","title","size","children"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var CenteredHelperContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n padding: 0 20px;\n display: flex;\n align-items: center;\n flex-direction: column;\n gap: ","px;\n"])),(function(_ref){return"large"===_ref.size?20:5})),CenteredHelperTitle=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n color: ",";\n font-size: ",";\n line-height: ",";\n text-align: center;\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey",140),(function(_ref2){var size=_ref2.size;return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.e)("large"===size?"title":"big")}),(function(_ref3){var size=_ref3.size;return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.e)("large"===size?"title":"big")})),Placeholder=function Placeholder(_ref4){var illustration=_ref4.illustration,title=_ref4.title,_ref4$size=_ref4.size,size=void 0===_ref4$size?"default":_ref4$size,children=_ref4.children,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r>"}},size:{defaultValue:{value:"default"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"large"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Placeholder/Placeholder.tsx#Placeholder"]={docgenInfo:Placeholder.__docgenInfo,name:"Placeholder",path:"src/components/Placeholder/Placeholder.tsx#Placeholder"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Preview/Preview.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return Preview_stories_standard})),__webpack_require__.d(__webpack_exports__,"highlight",(function(){return Preview_stories_highlight})),__webpack_require__.d(__webpack_exports__,"row",(function(){return Preview_stories_row})),__webpack_require__.d(__webpack_exports__,"collapsable",(function(){return Preview_stories_collapsable}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,react=__webpack_require__("./node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),addon_actions_dist_esm=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),IconButton=__webpack_require__("./src/components/IconButton/IconButton.tsx"),PreviewGallery=__webpack_require__("./src/storybook/PreviewGallery.tsx"),RefreshIcon=__webpack_require__("./src/icons/RefreshIcon.tsx"),styled_components_browser_esm=(__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js")),theme=__webpack_require__("./src/theme/theme.ts"),ArrowDownIcon=__webpack_require__("./src/icons/ArrowDownIcon.tsx"),ArrowUpIcon=__webpack_require__("./src/icons/ArrowUpIcon.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","isOpen","collapseButtonLabel","onCollapse","children"];function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _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 _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Preview/Preview.tsx#Preview.Highlight"]={docgenInfo:Preview_Preview.Highlight.__docgenInfo,name:"Preview.Highlight",path:"src/components/Preview/Preview.tsx#Preview.Highlight"})}catch(__react_docgen_typescript_loader_error){}var Preview_stories_excluded=["components"];function Preview_stories_slicedToArray(r,e){return function Preview_stories_arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function Preview_stories_iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function Preview_stories_unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return Preview_stories_arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?Preview_stories_arrayLikeToArray(r,a):void 0}}(r,e)||function Preview_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 Preview_stories_arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e")," subcomponent which can be used to highlight some content."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Highlight",mdxType:"Story"},(function(args){return Object(esm.b)(Preview_Preview,_extends({},args,{mdxType:"Preview"}),Object(esm.b)(Preview_Preview.Highlight,null,"Name")," x ",Object(esm.b)(Preview_Preview.Highlight,null,"Description"))}))),Object(esm.b)("h2",{id:"with-rows"},"With rows"),Object(esm.b)("p",null,"Preview component exposes a ",Object(esm.b)("inlineCode",{parentName:"p"},"")," subcomponent which can be used to list content."),Object(esm.b)("p",null,"The ",Object(esm.b)("inlineCode",{parentName:"p"},"")," subcomponent has an ",Object(esm.b)("inlineCode",{parentName:"p"},"action")," prop that accepts an ",Object(esm.b)("inlineCode",{parentName:"p"},"IconButton")," component to add row behaviour."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Row",mdxType:"Story"},(function(args){return Object(esm.b)(PreviewGallery.k,{height:200,mdxType:"SpaceContainer"},Object(esm.b)(Preview_Preview,_extends({},args,{mdxType:"Preview"}),Object(esm.b)(Preview_Preview.Row,null,"First row"),Object(esm.b)(Preview_Preview.Row,null,"Second row"),Object(esm.b)(Preview_Preview.Row,{action:Object(esm.b)(IconButton.a,{icon:Object(esm.b)(RefreshIcon.a,{mdxType:"RefreshIcon"}),title:"Reload third",onClick:Object(addon_actions_dist_esm.action)("Reload third row"),mdxType:"IconButton"})},"Third row"),Object(esm.b)(Preview_Preview.Row,{action:Object(esm.b)(IconButton.a,{icon:Object(esm.b)(RefreshIcon.a,{mdxType:"RefreshIcon"}),title:"Reload long",onClick:Object(addon_actions_dist_esm.action)("Reload long row"),mdxType:"IconButton"})},"Logoden biniou degemer mat an penn ar bed werenn, baradoz hed c’haod moged gar galleg pakañ goañv merenn, hevelep Gwaien gegin gleb warnañ, Remengol morzhol."),Object(esm.b)(Preview_Preview.Row,null,"Fifth row")))}))),Object(esm.b)("h2",{id:"collapsable"},"Collapsable"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Collapsable",mdxType:"Story"},(function(args){var _useState2=Preview_stories_slicedToArray(Object(react.useState)(!1),2),isOpen=_useState2[0],setOpen=_useState2[1];return Object(esm.b)(PreviewGallery.k,{height:200,mdxType:"SpaceContainer"},Object(esm.b)(Preview_Preview,_extends({},args,{isOpen:isOpen,onCollapse:setOpen,collapseButtonLabel:"Collapse",mdxType:"Preview"}),Object(esm.b)(Preview_Preview.Row,null,"First row"),Object(esm.b)(Preview_Preview.Row,null,"Second row"),Object(esm.b)(Preview_Preview.Row,{action:Object(esm.b)(IconButton.a,{icon:Object(esm.b)(RefreshIcon.a,{mdxType:"RefreshIcon"}),title:"Reload third",onClick:Object(addon_actions_dist_esm.action)("Reload third row"),mdxType:"IconButton"})},"Third row"),Object(esm.b)(Preview_Preview.Row,null,"Fourth row"),Object(esm.b)(Preview_Preview.Row,{action:Object(esm.b)(IconButton.a,{icon:Object(esm.b)(RefreshIcon.a,{mdxType:"RefreshIcon"}),title:"Reload long",onClick:Object(addon_actions_dist_esm.action)("Reload long row"),mdxType:"IconButton"})},"Another one")))}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var Preview_stories_standard=function standard(args){return Object(esm.b)(Preview_Preview,args)};Preview_stories_standard.displayName="standard",Preview_stories_standard.storyName="Standard",Preview_stories_standard.parameters={storySource:{source:"args => {\n return ;\n}"}};var Preview_stories_highlight=function highlight(args){return Object(esm.b)(Preview_Preview,args,Object(esm.b)(Preview_Preview.Highlight,null,"Name")," x ",Object(esm.b)(Preview_Preview.Highlight,null,"Description"))};Preview_stories_highlight.displayName="highlight",Preview_stories_highlight.storyName="Highlight",Preview_stories_highlight.parameters={storySource:{source:"args => {\n return \n Name x Description\n ;\n}"}};var Preview_stories_row=function row(args){return Object(esm.b)(PreviewGallery.k,{height:200},Object(esm.b)(Preview_Preview,args,Object(esm.b)(Preview_Preview.Row,null,"First row"),Object(esm.b)(Preview_Preview.Row,null,"Second row"),Object(esm.b)(Preview_Preview.Row,{action:Object(esm.b)(IconButton.a,{icon:Object(esm.b)(RefreshIcon.a,null),title:"Reload third",onClick:Object(addon_actions_dist_esm.action)("Reload third row")})},"Third row"),Object(esm.b)(Preview_Preview.Row,{action:Object(esm.b)(IconButton.a,{icon:Object(esm.b)(RefreshIcon.a,null),title:"Reload long",onClick:Object(addon_actions_dist_esm.action)("Reload long row")})},"Logoden biniou degemer mat an penn ar bed werenn, baradoz hed c’haod moged gar galleg pakañ goañv merenn, hevelep Gwaien gegin gleb warnañ, Remengol morzhol."),Object(esm.b)(Preview_Preview.Row,null,"Fifth row")))};Preview_stories_row.displayName="row",Preview_stories_row.storyName="Row",Preview_stories_row.parameters={storySource:{source:"args => {\n return \n \n First row\n Second row\n } title=\"Reload third\" onClick={action('Reload third row')} />}>\n Third row\n \n } title=\"Reload long\" onClick={action('Reload long row')} />}>\n Logoden biniou degemer mat an penn ar bed werenn, baradoz hed c’haod moged gar galleg pakañ goañv merenn,\n hevelep Gwaien gegin gleb warnañ, Remengol morzhol.\n \n Fifth row\n \n ;\n}"}};var Preview_stories_collapsable=function collapsable(args){var _useState4=Preview_stories_slicedToArray(Object(react.useState)(!1),2),isOpen=_useState4[0],setOpen=_useState4[1];return Object(esm.b)(PreviewGallery.k,{height:200},Object(esm.b)(Preview_Preview,_extends({},args,{isOpen:isOpen,onCollapse:setOpen,collapseButtonLabel:"Collapse"}),Object(esm.b)(Preview_Preview.Row,null,"First row"),Object(esm.b)(Preview_Preview.Row,null,"Second row"),Object(esm.b)(Preview_Preview.Row,{action:Object(esm.b)(IconButton.a,{icon:Object(esm.b)(RefreshIcon.a,null),title:"Reload third",onClick:Object(addon_actions_dist_esm.action)("Reload third row")})},"Third row"),Object(esm.b)(Preview_Preview.Row,null,"Fourth row"),Object(esm.b)(Preview_Preview.Row,{action:Object(esm.b)(IconButton.a,{icon:Object(esm.b)(RefreshIcon.a,null),title:"Reload long",onClick:Object(addon_actions_dist_esm.action)("Reload long row")})},"Another one")))};Preview_stories_collapsable.displayName="collapsable",Preview_stories_collapsable.storyName="Collapsable",Preview_stories_collapsable.parameters={storySource:{source:'args => {\n const [isOpen, setOpen] = useState(false);\n return \n \n First row\n Second row\n } title="Reload third" onClick={action(\'Reload third row\')} />}>\n Third row\n \n Fourth row\n } title="Reload long" onClick={action(\'Reload long row\')} />}>\n Another one\n \n \n ;\n}'}};var componentMeta={title:"Components/Preview",component:Preview_Preview,subcomponents:{"Preview.Highlight":Preview_Preview.Highlight,"Preview.Row":Preview_Preview.Row},args:{title:"Preview",children:"Preview text"},includeStories:["standard","highlight","row","collapsable"]},mdxStoryNameToKey={Standard:"standard",Highlight:"highlight",Row:"row",Collapsable:"collapsable"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/ProgressBar/ProgressBar.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"progress",(function(){return progress})),__webpack_require__.d(__webpack_exports__,"level",(function(){return level})),__webpack_require__.d(__webpack_exports__,"light",(function(){return light})),__webpack_require__.d(__webpack_exports__,"size",(function(){return size})),__webpack_require__.d(__webpack_exports__,"width",(function(){return width})),__webpack_require__.d(__webpack_exports__,"header",(function(){return header}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_ProgressBar__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/ProgressBar/ProgressBar.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e {\n return ;\n}"}};var progress=function progress(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_ProgressBar__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{progressLabel:"0%",percent:0})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_ProgressBar__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{progressLabel:"25%",percent:25})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_ProgressBar__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{progressLabel:"50%",percent:50})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_ProgressBar__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{progressLabel:"100%",percent:100})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_ProgressBar__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{progressLabel:"indeterminate",percent:"indeterminate"})))};progress.storyName="Progress",progress.parameters={storySource:{source:'args => {\n return <>\n \n \n \n \n \n ;\n}'}};var level=function level(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_ProgressBar__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{title:"Primary",level:"primary"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_ProgressBar__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{title:"Secondary",level:"secondary"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_ProgressBar__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{title:"Tertiary",level:"tertiary"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_ProgressBar__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{title:"Warning",level:"warning"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_ProgressBar__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{title:"Danger",level:"danger"})))};level.storyName="Level",level.parameters={storySource:{source:'args => {\n return <>\n \n \n \n \n \n ;\n}'}};var light=function light(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_ProgressBar__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{title:"Default",light:!1})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_ProgressBar__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{title:"Light",light:!0})))};light.storyName="Light",light.parameters={storySource:{source:'args => {\n return <>\n \n \n ;\n}'}};var size=function size(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_ProgressBar__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{title:"Small",size:"small"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_ProgressBar__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{title:"Large",size:"large"})))};size.storyName="Size",size.parameters={storySource:{source:'args => {\n return <>\n \n \n ;\n}'}};var width=function width(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("div",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_ProgressBar__WEBPACK_IMPORTED_MODULE_8__.a,args)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("div",{style:{width:"300px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_ProgressBar__WEBPACK_IMPORTED_MODULE_8__.a,args)))};width.storyName="Width",width.parameters={storySource:{source:"args => {\n return <>\n
\n \n
\n
\n \n
\n ;\n}"}};var header=function header(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("div",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_ProgressBar__WEBPACK_IMPORTED_MODULE_8__.a,{level:"primary",percent:10})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("br",null),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("div",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_ProgressBar__WEBPACK_IMPORTED_MODULE_8__.a,{level:"primary",percent:10,title:"Title without progress label"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("div",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_ProgressBar__WEBPACK_IMPORTED_MODULE_8__.a,{level:"primary",percent:10,progressLabel:"Progress label without title"})))};header.storyName="Header",header.parameters={storySource:{source:'args => {\n return <>\n
\n \n
\n
\n
\n \n
\n
\n \n
\n ;\n}'}};var componentMeta={title:"Components/Progress bar",component:_ProgressBar__WEBPACK_IMPORTED_MODULE_8__.a,args:{level:"primary",title:"Lorem Ipsum is simply dummy text",progressLabel:"30 minutes left",percent:50},argTypes:{percent:{control:{type:"range",min:0,max:100,step:1}}},includeStories:["standard","progress","level","light","size","width","header"]},mdxStoryNameToKey={Standard:"standard",Progress:"progress",Level:"level",Light:"light",Size:"size",Width:"width",Header:"header"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/ProgressBar/ProgressBar.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return ProgressBar}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),styled_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_theme_theme__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/theme/theme.ts"),_hooks_useId__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/hooks/useId.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["level","percent","title","progressLabel","light","size"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var ProgressBarContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n overflow: hidden;\n"]))),progressBarAnimation=Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.keyframes)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n from { background-position: 0 0; }\n to { background-position: 20px 0; }\n"]))),Header=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n display: flex;\n font-size: ",";\n justify-content: space-between;\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.e)("default")),Title=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n color: ",";\n padding-right: 20px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey",140)),ProgressLabel=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n color: ",";\n white-space: nowrap;\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey",120)),ProgressBarBackground=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(["\n background: ",";\n height: ",";\n overflow: hidden;\n position: relative;\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey",60),(function(props){return getHeightFromSize(props.size)})),ProgressBarFill=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div.attrs((function(props){return{style:{width:props.width+"%"}}}))(_templateObject7||(_templateObject7=_taggedTemplateLiteralLoose(["\n ","\n\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n transition: width 0.3s;\n\n ","\n"])),(function(_ref){var level=_ref.level,light=_ref.light;return Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject8||(_templateObject8=_taggedTemplateLiteralLoose(["\n background: ",";\n "])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.c)(level,light?60:100))}),(function(props){return props.indeterminate&&Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject9||(_templateObject9=_taggedTemplateLiteralLoose(["\n background-image: linear-gradient(\n 315deg,\n rgba(255, 255, 255, 0.6) 25%,\n rgba(255, 255, 255, 0.4) 25%,\n rgba(255, 255, 255, 0.4) 50%,\n rgba(255, 255, 255, 0.6) 50%,\n rgba(255, 255, 255, 0.6) 75%,\n rgba(255, 255, 255, 0.4) 75%,\n rgba(255, 255, 255, 0.4) 100%\n );\n background-size: 20px 20px;\n transition: width 200ms ease;\n animation: "," 1s linear infinite;\n "])),progressBarAnimation)})),getHeightFromSize=function getHeightFromSize(size){return"large"===size?"10px":"4px"},computeWidthFromPercent=function computeWidthFromPercent(percent){return"indeterminate"===percent||percent>100?100:percent<0?0:percent},ProgressBar=Object(react__WEBPACK_IMPORTED_MODULE_5__.forwardRef)((function(_ref2,forwardedRef){var level=_ref2.level,percent=_ref2.percent,title=_ref2.title,progressLabel=_ref2.progressLabel,_ref2$light=_ref2.light,light=void 0!==_ref2$light&&_ref2$light,_ref2$size=_ref2.size,size=void 0===_ref2$size?"small":_ref2$size,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;rcurrentStepIndex?"todo":indexr.length)&&(a=r.length);for(var e=0,n=Array(a);er.length)&&(a=r.length);for(var e=0,n=Array(a);e",description:"Define the current step of the progress"}},mdxType:"Meta"}),Object(esm.b)("h1",{id:"progress-indicator"},"Progress indicator"),Object(esm.b)("h2",{id:"usage"},"Usage"),Object(esm.b)("p",null,"Progress indicator display progress through a sequence of logical and numbered steps."),Object(esm.b)("h2",{id:"playground"},"Playground"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Standard",parameters:{docs:{source:{code:"import {useProgress, ProgressIndicator} from 'akeneo-design-system';\n\n//Step codes needs to be unique\nconst steps = ['choose', 'edit', 'confirm'];\nconst [isCurrent, next, previous] = useProgress(steps);\nreturn (\n <>\n \n \n \n {steps.map((step) => (\n \n {/* Here we used the step code, but you can also use a translator like {translate(`my_translation_path.${step}`)}*/}\n {step}\n \n ))}\n \n \n);\n"}}},mdxType:"Story"},(function(args){var steps=["choose","edit","confirm"],_useProgress2=ProgressIndicator_stories_slicedToArray(useProgress_useProgress(steps),3),isCurrent=_useProgress2[0],next=_useProgress2[1],previous=_useProgress2[2];return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)("div",{style:{display:"flex",justifyContent:"space-evenly"}},Object(esm.b)(Button.a,{level:"secondary",onClick:previous,mdxType:"Button"},"Previous"),Object(esm.b)(Button.a,{level:"secondary",onClick:next,mdxType:"Button"},"Next")),Object(esm.b)(ProgressIndicator_ProgressIndicator,{mdxType:"ProgressIndicator"},steps.map((function(step){return Object(esm.b)(ProgressIndicator_ProgressIndicator.Step,{key:step,current:isCurrent(step)},step)}))))}))),Object(esm.b)(dist_esm.b,{story:"Standard",mdxType:"ArgsTable"}),Object(esm.b)("h2",{id:"states"},"States"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"States",mdxType:"Story"},Object(esm.b)(ProgressIndicator_ProgressIndicator,{mdxType:"ProgressIndicator"},Object(esm.b)(ProgressIndicator_ProgressIndicator.Step,null,"Before current step"),Object(esm.b)(ProgressIndicator_ProgressIndicator.Step,{current:!0},"Current step"),Object(esm.b)(ProgressIndicator_ProgressIndicator.Step,null,"After current step")))),Object(esm.b)("h2",{id:"disabled"},"Disabled"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Disabled",mdxType:"Story"},Object(esm.b)(ProgressIndicator_ProgressIndicator,{mdxType:"ProgressIndicator"},Object(esm.b)(ProgressIndicator_ProgressIndicator.Step,{disabled:!0},"Disabled step"),Object(esm.b)(ProgressIndicator_ProgressIndicator.Step,{disabled:!1,current:!0},"Current step enabled"),Object(esm.b)(ProgressIndicator_ProgressIndicator.Step,{disabled:!0},"Next disabled step")))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var ProgressIndicator_stories_standard=function standard(args){var steps=["choose","edit","confirm"],_useProgress4=ProgressIndicator_stories_slicedToArray(useProgress_useProgress(steps),3),isCurrent=_useProgress4[0],next=_useProgress4[1],previous=_useProgress4[2];return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)("div",{style:{display:"flex",justifyContent:"space-evenly"}},Object(esm.b)(Button.a,{level:"secondary",onClick:previous},"Previous"),Object(esm.b)(Button.a,{level:"secondary",onClick:next},"Next")),Object(esm.b)(ProgressIndicator_ProgressIndicator,null,steps.map((function(step){return Object(esm.b)(ProgressIndicator_ProgressIndicator.Step,{key:step,current:isCurrent(step)},step)}))))};ProgressIndicator_stories_standard.storyName="Standard",ProgressIndicator_stories_standard.parameters=Object.assign({storySource:{source:"args => {\n const steps = ['choose', 'edit', 'confirm'];\n const [isCurrent, next, previous] = useProgress(steps);\n return <>\n
\n \n \n
\n \n {steps.map(step => {\n return \n {step}\n ;\n })}\n \n ;\n}"}},{docs:{source:{code:"import {useProgress, ProgressIndicator} from 'akeneo-design-system';\n\n//Step codes needs to be unique\nconst steps = ['choose', 'edit', 'confirm'];\nconst [isCurrent, next, previous] = useProgress(steps);\nreturn (\n <>\n \n \n \n {steps.map((step) => (\n \n {/* Here we used the step code, but you can also use a translator like {translate(`my_translation_path.${step}`)}*/}\n {step}\n \n ))}\n \n \n);\n"}}});var ProgressIndicator_stories_states=function states(){return Object(esm.b)(ProgressIndicator_ProgressIndicator,null,Object(esm.b)(ProgressIndicator_ProgressIndicator.Step,null,"Before current step"),Object(esm.b)(ProgressIndicator_ProgressIndicator.Step,{current:!0},"Current step"),Object(esm.b)(ProgressIndicator_ProgressIndicator.Step,null,"After current step"))};ProgressIndicator_stories_states.displayName="states",ProgressIndicator_stories_states.storyName="States",ProgressIndicator_stories_states.parameters={storySource:{source:"\n Before current step\n Current step\n After current step\n "}};var ProgressIndicator_stories_disabled=function disabled(){return Object(esm.b)(ProgressIndicator_ProgressIndicator,null,Object(esm.b)(ProgressIndicator_ProgressIndicator.Step,{disabled:!0},"Disabled step"),Object(esm.b)(ProgressIndicator_ProgressIndicator.Step,{disabled:!1,current:!0},"Current step enabled"),Object(esm.b)(ProgressIndicator_ProgressIndicator.Step,{disabled:!0},"Next disabled step"))};ProgressIndicator_stories_disabled.displayName="disabled",ProgressIndicator_stories_disabled.storyName="Disabled",ProgressIndicator_stories_disabled.parameters={storySource:{source:"\n Disabled step\n \n Current step enabled\n \n Next disabled step\n "}};var componentMeta={title:"Components/Progress indicator",component:ProgressIndicator_ProgressIndicator,subcomponents:{"ProgressIndicator.Step":ProgressIndicator_ProgressIndicator.Step},argTypes:{current:{name:"",description:"Define the current step of the progress"}},includeStories:["standard","states","disabled"]},mdxStoryNameToKey={Standard:"standard",States:"states",Disabled:"disabled"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Search/Search.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"basicSearchInput",(function(){return basicSearchInput})),__webpack_require__.d(__webpack_exports__,"withResultsAndAFilter",(function(){return withResultsAndAFilter})),__webpack_require__.d(__webpack_exports__,"withOnlyAFilter",(function(){return withOnlyAFilter})),__webpack_require__.d(__webpack_exports__,"insideADropdown",(function(){return insideADropdown}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/react/index.js"),_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_Search__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./src/components/Search/Search.tsx"),_components__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./src/components/SwitcherButton/SwitcherButton.tsx"),_components__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./src/components/Dropdown/Dropdown.tsx"),_components__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./src/components/Button/Button.tsx"),_icons__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("./src/icons/ArrowDownIcon.tsx"),_storybook__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__("./src/storybook/PreviewGallery.tsx"),_hooks__WEBPACK_IMPORTED_MODULE_27__=__webpack_require__("./src/hooks/useBooleanState.ts"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;er.length)&&(a=r.length);for(var e=0,n=Array(a);e {\n const [searchValue, setSearch] = useState('');\n return \n 34 results\n ;\n}"}};var basicSearchInput=function basicSearchInput(args){var _useState14=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_18__.useState)(""),2),searchValue=_useState14[0],setSearch=_useState14[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Search__WEBPACK_IMPORTED_MODULE_21__.a,_extends({onSearchChange:setSearch,searchValue:searchValue},args))};basicSearchInput.displayName="basicSearchInput",basicSearchInput.storyName="Basic search input",basicSearchInput.parameters={storySource:{source:"args => {\n const [searchValue, setSearch] = useState('');\n return ;\n}"}};var withResultsAndAFilter=function withResultsAndAFilter(args){var _useState16=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_18__.useState)(""),2),searchValue=_useState16[0],setSearch=_useState16[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Search__WEBPACK_IMPORTED_MODULE_21__.a,_extends({onSearchChange:setSearch,searchValue:searchValue},args),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Search__WEBPACK_IMPORTED_MODULE_21__.a.ResultCount,null,"34 results"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Search__WEBPACK_IMPORTED_MODULE_21__.a.Separator,null),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_22__.a,{label:"Label"},"Value"))};withResultsAndAFilter.displayName="withResultsAndAFilter",withResultsAndAFilter.storyName="With results and a filter",withResultsAndAFilter.parameters={storySource:{source:"args => {\n const [searchValue, setSearch] = useState('');\n return \n 34 results\n \n Value\n ;\n}"}};var withOnlyAFilter=function withOnlyAFilter(args){var _useState18=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_18__.useState)(""),2),searchValue=_useState18[0],setSearch=_useState18[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Search__WEBPACK_IMPORTED_MODULE_21__.a,_extends({onSearchChange:setSearch,searchValue:searchValue},args),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_22__.a,{label:"Label"},"Value"))};withOnlyAFilter.displayName="withOnlyAFilter",withOnlyAFilter.storyName="With only a filter",withOnlyAFilter.parameters={storySource:{source:"args => {\n const [searchValue, setSearch] = useState('');\n return \n Value\n ;\n}"}};var insideADropdown=function insideADropdown(args){var _useState20=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_18__.useState)(""),2),search=_useState20[0],setSearch=_useState20[1],_useBooleanState4=_slicedToArray(Object(_hooks__WEBPACK_IMPORTED_MODULE_27__.a)(!0),3),isOpen=_useBooleanState4[0],open=_useBooleanState4[1],close=_useBooleanState4[2];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_storybook__WEBPACK_IMPORTED_MODULE_26__.k,{height:350},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{onClick:open},"Simple ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_icons__WEBPACK_IMPORTED_MODULE_25__.a,null)),isOpen&&Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a.Overlay,{verticalPosition:"down",onClose:close},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a.Header,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Search__WEBPACK_IMPORTED_MODULE_21__.a,_extends({onSearchChange:setSearch,searchValue:search},args))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a.ItemCollection,null,["Aquaman","Batman","Catwoman","Flash","Green Lantern","Wonder Woman","Superman","Black panther","Black widow","Ant man","Captain America"].filter((function(item){return""===search||-1!==item.indexOf(search)})).map((function(item){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a.Item,{key:item},item)}))))))};insideADropdown.displayName="insideADropdown",insideADropdown.storyName="Inside a dropdown",insideADropdown.parameters={storySource:{source:"args => {\n const [search, setSearch] = useState('');\n const [isOpen, open, close] = useBooleanState(true);\n const items = ['Aquaman', 'Batman', 'Catwoman', 'Flash', 'Green Lantern', 'Wonder Woman', 'Superman', 'Black panther', 'Black widow', 'Ant man', 'Captain America'];\n return \n \n \n {isOpen && \n \n \n \n \n {items.filter(item => search === '' || item.indexOf(search) !== -1).map(item => {\n return {item};\n })}\n \n }\n \n ;\n}"}};var componentMeta={title:"Components/Search",component:_Search__WEBPACK_IMPORTED_MODULE_21__.a,args:{title:"Search",placeholder:"Search"},includeStories:["standard","basicSearchInput","withResultsAndAFilter","withOnlyAFilter","insideADropdown"]},mdxStoryNameToKey={Standard:"standard","Basic search input":"basicSearchInput","With results and a filter":"withResultsAndAFilter","With only a filter":"withOnlyAFilter","Inside a dropdown":"insideADropdown"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_20__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Search/Search.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Search}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,styled_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_theme_theme__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/theme/theme.ts"),_icons_SearchIcon__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/icons/SearchIcon.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children","placeholder","title","searchValue","inputRef","onSearchChange"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var Container=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-bottom: 1px solid ",";\n background: ",";\n height: 44px;\n box-sizing: border-box;\n gap: 10px;\n\n &:focus-within {\n border-bottom: 1px solid ",";\n }\n\n ","\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey",100),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("white"),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("brand",100),(function(_ref){var sticky=_ref.sticky;return void 0!==sticky&&Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n position: sticky;\n top: ","px;\n z-index: 9;\n "])),sticky)})),SearchContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n display: flex;\n flex: 1;\n align-items: center;\n"]))),SearchInput=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.input(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n border: none;\n flex: 1;\n margin-left: 6px;\n color: ",";\n outline: none;\n\n ::placeholder {\n color: ",";\n }\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey",140),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey",120)),Separator=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n margin-left: 10px;\n border-left: 1px "," solid;\n padding-left: 10px;\n height: 24px;\n display: flex;\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey",100)),ResultCount=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.span(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(["\n white-space: nowrap;\n color: ",";\n margin-left: 10px;\n line-height: 16px;\n text-transform: none;\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("brand",100)),Search=function Search(_ref2){var children=_ref2.children,placeholder=_ref2.placeholder,title=_ref2.title,searchValue=_ref2.searchValue,inputRef=_ref2.inputRef,onSearchChange=_ref2.onSearchChange,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}},sticky:{defaultValue:null,description:"When set, defines the sticky top position of the Search component.",name:"sticky",required:!1,type:{name:"number"}},onSearchChange:{defaultValue:null,description:"Handler called when the search input is updated.",name:"onSearchChange",required:!0,type:{name:"(searchValue: string) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Search/Search.tsx#Search"]={docgenInfo:Search.__docgenInfo,name:"Search",path:"src/components/Search/Search.tsx#Search"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/SectionTitle/SectionTitle.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return SectionTitle_stories_standard})),__webpack_require__.d(__webpack_exports__,"actions",(function(){return SectionTitle_stories_actions})),__webpack_require__.d(__webpack_exports__,"sticky",(function(){return SectionTitle_stories_sticky})),__webpack_require__.d(__webpack_exports__,"titleLevel",(function(){return SectionTitle_stories_titleLevel}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),styled_components_browser_esm=(__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js")),theme=__webpack_require__("./src/theme/theme.ts"),Button=__webpack_require__("./src/components/Button/Button.tsx"),IconButton=__webpack_require__("./src/components/IconButton/IconButton.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["level"],_excluded2=["children"];function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r {\n return \n {args.children}\n ;\n}"}};var SectionTitle_stories_actions=function actions(){return Object(esm.b)(SectionTitle_SectionTitle,null,Object(esm.b)(SectionTitle_SectionTitle.Title,null,"General parameters"),Object(esm.b)(SectionTitle_SectionTitle.Spacer,null),Object(esm.b)(SectionTitle_SectionTitle.Information,null,"10 results"),Object(esm.b)(SectionTitle_SectionTitle.Separator,null),Object(esm.b)(Button.a,null,"Action"),Object(esm.b)(Button.a,{level:"danger"},"Action"),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(MoreIcon.a,null),title:"More"}))};SectionTitle_stories_actions.displayName="actions",SectionTitle_stories_actions.storyName="Actions",SectionTitle_stories_actions.parameters={storySource:{source:'\n General parameters\n \n 10 results\n \n \n \n } title="More" />\n '}};var SectionTitle_stories_sticky=function sticky(){return Object(esm.b)(PreviewGallery.h,{height:300},Object(esm.b)(SectionTitle_SectionTitle,{sticky:0},Object(esm.b)(SectionTitle_SectionTitle.Title,null,"First section"),Object(esm.b)(SectionTitle_SectionTitle.Spacer,null),Object(esm.b)(Button.a,null,"Action")),Object(esm.b)(PreviewGallery.a,{height:400},"Some content"),Object(esm.b)(SectionTitle_SectionTitle,{sticky:0},Object(esm.b)(SectionTitle_SectionTitle.Title,null,"Second section"),Object(esm.b)(SectionTitle_SectionTitle.Spacer,null),Object(esm.b)(Button.a,null,"Action")),Object(esm.b)(PreviewGallery.a,{height:400},"Some other content"))};SectionTitle_stories_sticky.displayName="sticky",SectionTitle_stories_sticky.storyName="Sticky",SectionTitle_stories_sticky.parameters={storySource:{source:"\n \n First section\n \n \n \n Some content\n \n Second section\n \n \n \n Some other content\n "}};var SectionTitle_stories_titleLevel=function titleLevel(){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(SectionTitle_SectionTitle,null,Object(esm.b)(SectionTitle_SectionTitle.Title,null,"Primary section"),Object(esm.b)(SectionTitle_SectionTitle.Spacer,null),Object(esm.b)(Button.a,null,"Action")),Object(esm.b)(SectionTitle_SectionTitle,null,Object(esm.b)(SectionTitle_SectionTitle.Title,{level:"secondary"},"Secondary section"),Object(esm.b)(SectionTitle_SectionTitle.Spacer,null),Object(esm.b)(Button.a,null,"Action")))};SectionTitle_stories_titleLevel.storyName="Title level",SectionTitle_stories_titleLevel.parameters={storySource:{source:'\n Primary section\n \n \n \n\n Secondary section\n \n \n '}};var componentMeta={title:"Components/Section title",component:SectionTitle_SectionTitle,subcomponents:{"SectionTitle.Title":SectionTitle_SectionTitle.Title},args:{children:"General parameters"},includeStories:["standard","actions","sticky","titleLevel"]},mdxStoryNameToKey={Standard:"standard",Actions:"actions",Sticky:"sticky","Title level":"titleLevel"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/SplitButton/SplitButton.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return SplitButton_stories_standard})),__webpack_require__.d(__webpack_exports__,"level",(function(){return SplitButton_stories_level})),__webpack_require__.d(__webpack_exports__,"ghost",(function(){return SplitButton_stories_ghost})),__webpack_require__.d(__webpack_exports__,"active",(function(){return SplitButton_stories_active})),__webpack_require__.d(__webpack_exports__,"disabled",(function(){return SplitButton_stories_disabled})),__webpack_require__.d(__webpack_exports__,"size",(function(){return SplitButton_stories_size}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),ArrowDownIcon=(__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./src/icons/ArrowDownIcon.tsx")),Button=__webpack_require__("./src/components/Button/Button.tsx"),Dropdown=__webpack_require__("./src/components/Dropdown/Dropdown.tsx"),useBooleanState=__webpack_require__("./src/hooks/useBooleanState.ts"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["label","children"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _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 _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e) => void)"}},level:{defaultValue:null,description:"Level of the button defining it's color and outline.\nPossible values are: primary, secondary, tertiary, warning & danger.",name:"level",required:!1,type:{name:"enum",value:[{value:'"warning"'},{value:'"tertiary"'},{value:'"primary"'},{value:'"secondary"'},{value:'"danger"'}]}},label:{defaultValue:null,description:"Label of the button.",name:"label",required:!0,type:{name:"string"}},size:{defaultValue:null,description:"Define the size of a button.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"default"'}]}},disabled:{defaultValue:null,description:"Used when the user cannot proceed or until an input is collected.",name:"disabled",required:!1,type:{name:"boolean"}},ghost:{defaultValue:null,description:"When an action does not require primary dominance on the page.",name:"ghost",required:!1,type:{name:"boolean"}},active:{defaultValue:null,description:"Used to display the Button as active.",name:"active",required:!1,type:{name:"boolean"}},ariaLabel:{defaultValue:null,description:"Accessibility label to describe shortly the button.",name:"ariaLabel",required:!1,type:{name:"string"}},ariaLabelledBy:{defaultValue:null,description:"Define which element is the label of this button for accessibility purposes. Expect a DOM node id.",name:"ariaLabelledBy",required:!1,type:{name:"string"}},ariaDescribedBy:{defaultValue:null,description:"Define what element is describing this button for accessibility purposes. Expect a DOM node id.",name:"ariaDescribedBy",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/SplitButton/SplitButton.tsx#SplitButton.Item"]={docgenInfo:SplitButton_SplitButton.Item.__docgenInfo,name:"SplitButton.Item",path:"src/components/SplitButton/SplitButton.tsx#SplitButton.Item"})}catch(__react_docgen_typescript_loader_error){}var SplitButton_stories_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e {\n return \n {}}>Item 1\n {}}>Item 2\n ;\n}"}};var SplitButton_stories_level=function level(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(SplitButton_SplitButton,_extends({},args,{level:"primary",label:"Primary"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")),Object(esm.b)(SplitButton_SplitButton,_extends({},args,{level:"secondary",label:"Secondary"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")),Object(esm.b)(SplitButton_SplitButton,_extends({},args,{level:"tertiary",label:"Tertiary"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")),Object(esm.b)(SplitButton_SplitButton,_extends({},args,{level:"warning",label:"Warning"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")),Object(esm.b)(SplitButton_SplitButton,_extends({},args,{level:"danger",label:"Danger"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")))};SplitButton_stories_level.storyName="Level",SplitButton_stories_level.parameters={storySource:{source:'args => {\n return <>\n \n {}}>Item 1\n {}}>Item 2\n \n \n {}}>Item 1\n {}}>Item 2\n \n \n {}}>Item 1\n {}}>Item 2\n \n \n {}}>Item 1\n {}}>Item 2\n \n \n {}}>Item 1\n {}}>Item 2\n \n ;\n}'}};var SplitButton_stories_ghost=function ghost(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(SplitButton_SplitButton,_extends({},args,{ghost:!0,level:"primary",label:"Primary"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")),Object(esm.b)(SplitButton_SplitButton,_extends({},args,{ghost:!0,level:"secondary",label:"Secondary"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")),Object(esm.b)(SplitButton_SplitButton,_extends({},args,{ghost:!0,level:"tertiary",label:"Tertiary"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")),Object(esm.b)(SplitButton_SplitButton,_extends({},args,{ghost:!0,level:"warning",label:"Warning"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")),Object(esm.b)(SplitButton_SplitButton,_extends({},args,{ghost:!0,level:"danger",label:"Danger"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")))};SplitButton_stories_ghost.storyName="Ghost",SplitButton_stories_ghost.parameters={storySource:{source:'args => {\n return <>\n \n {}}>Item 1\n {}}>Item 2\n \n \n {}}>Item 1\n {}}>Item 2\n \n \n {}}>Item 1\n {}}>Item 2\n \n \n {}}>Item 1\n {}}>Item 2\n \n \n {}}>Item 1\n {}}>Item 2\n \n ;\n}'}};var SplitButton_stories_active=function active(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(SplitButton_SplitButton,_extends({},args,{active:!0,level:"primary",label:"primary"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")),Object(esm.b)(SplitButton_SplitButton,_extends({},args,{active:!0,level:"secondary",label:"secondary"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")),Object(esm.b)(SplitButton_SplitButton,_extends({},args,{active:!0,level:"tertiary",label:"tertiary"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")),Object(esm.b)(SplitButton_SplitButton,_extends({},args,{active:!0,level:"warning",label:"warning"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")),Object(esm.b)(SplitButton_SplitButton,_extends({},args,{active:!0,level:"danger",label:"danger"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")),Object(esm.b)("br",null),Object(esm.b)(SplitButton_SplitButton,_extends({},args,{active:!0,ghost:!0,level:"primary",label:"primary"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")),Object(esm.b)(SplitButton_SplitButton,_extends({},args,{active:!0,ghost:!0,level:"secondary",label:"secondary"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")),Object(esm.b)(SplitButton_SplitButton,_extends({},args,{active:!0,ghost:!0,level:"tertiary",label:"tertiary"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")),Object(esm.b)(SplitButton_SplitButton,_extends({},args,{active:!0,ghost:!0,level:"warning",label:"warning"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")),Object(esm.b)(SplitButton_SplitButton,_extends({},args,{active:!0,ghost:!0,level:"danger",label:"danger"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")))};SplitButton_stories_active.storyName="Active",SplitButton_stories_active.parameters={storySource:{source:'args => {\n return <>\n \n {}}>Item 1\n {}}>Item 2\n \n \n {}}>Item 1\n {}}>Item 2\n \n \n {}}>Item 1\n {}}>Item 2\n \n \n {}}>Item 1\n {}}>Item 2\n \n \n {}}>Item 1\n {}}>Item 2\n \n
\n \n {}}>Item 1\n {}}>Item 2\n \n \n {}}>Item 1\n {}}>Item 2\n \n \n {}}>Item 1\n {}}>Item 2\n \n \n {}}>Item 1\n {}}>Item 2\n \n \n {}}>Item 1\n {}}>Item 2\n \n ;\n}'}};var SplitButton_stories_disabled=function disabled(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(SplitButton_SplitButton,_extends({},args,{disabled:!1,label:"Default"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")),Object(esm.b)(SplitButton_SplitButton,_extends({},args,{disabled:!0,label:"Disabled"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")))};SplitButton_stories_disabled.storyName="Disabled",SplitButton_stories_disabled.parameters={storySource:{source:"args => {\n return <>\n \n {}}>Item 1\n {}}>Item 2\n \n \n {}}>Item 1\n {}}>Item 2\n \n ;\n}"}};var SplitButton_stories_size=function size(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(SplitButton_SplitButton,_extends({},args,{size:"default",label:"Default"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")),Object(esm.b)(SplitButton_SplitButton,_extends({},args,{size:"small",label:"Small"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")))};SplitButton_stories_size.storyName="Size",SplitButton_stories_size.parameters={storySource:{source:"args => {\n return <>\n \n {}}>Item 1\n {}}>Item 2\n \n \n {}}>Item 1\n {}}>Item 2\n \n ;\n}"}};var componentMeta={title:"Components/Buttons/SplitButton",component:SplitButton_SplitButton,args:{level:"primary",label:"Primary"},argTypes:{level:{control:{type:"select"},options:["primary","secondary","tertiary","warning","danger"]},ghost:{control:{type:"boolean"}},disabled:{control:{type:"boolean"}},active:{control:{type:"boolean"}},size:{control:{type:"select"},options:["default","small"]},onClick:{action:"Click on the button"}},includeStories:["standard","level","ghost","active","disabled","size"]},mdxStoryNameToKey={Standard:"standard",Level:"level",Ghost:"ghost",Active:"active",Disabled:"disabled",Size:"size"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/SwitcherButton/SwitcherButton.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"inline",(function(){return inline})),__webpack_require__.d(__webpack_exports__,"deletable",(function(){return deletable})),__webpack_require__.d(__webpack_exports__,"flag",(function(){return flag}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_SwitcherButton_tsx__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/SwitcherButton/SwitcherButton.tsx"),_Locale_Locale__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/components/Locale/Locale.tsx"),_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/storybook/PreviewGallery.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e {\n return \n {args.children}\n ;\n}"}};var inline=function inline(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_SwitcherButton_tsx__WEBPACK_IMPORTED_MODULE_8__.a,{label:"Inline"},"True"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_SwitcherButton_tsx__WEBPACK_IMPORTED_MODULE_8__.a,{label:"Inline",inline:!1},"False"))};inline.storyName="Inline",inline.parameters={storySource:{source:'args => {\n return <>\n True\n \n False\n \n ;\n}'}};var deletable=function deletable(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_10__.k,{width:200},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_SwitcherButton_tsx__WEBPACK_IMPORTED_MODULE_8__.a,{label:"Deletable",deletable:!0,inline:!1},"Value")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_10__.k,{width:200},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_SwitcherButton_tsx__WEBPACK_IMPORTED_MODULE_8__.a,{label:"Not deletable",inline:!1},"Value")))};deletable.storyName="Deletable",deletable.parameters={storySource:{source:'args => {\n return <>\n \n \n Value\n \n \n \n \n Value\n \n \n ;\n}'}};var flag=function flag(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_SwitcherButton_tsx__WEBPACK_IMPORTED_MODULE_8__.a,{label:"Locale"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Locale_Locale__WEBPACK_IMPORTED_MODULE_9__.a,{code:"en_US",languageLabel:"English"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_SwitcherButton_tsx__WEBPACK_IMPORTED_MODULE_8__.a,{label:"Locale",inline:!1},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Locale_Locale__WEBPACK_IMPORTED_MODULE_9__.a,{code:"fr_FR",languageLabel:"French"})))};flag.storyName="Flag",flag.parameters={storySource:{source:'args => {\n return <>\n \n \n \n \n \n \n ;\n}'}};var componentMeta={title:"Components/Switcher Button",component:_SwitcherButton_tsx__WEBPACK_IMPORTED_MODULE_8__.a,args:{label:"Label",children:"Value"},argTypes:{},includeStories:["standard","inline","deletable","flag"]},mdxStoryNameToKey={Standard:"standard",Inline:"inline",Deletable:"deletable",Flag:"flag"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/SwitcherButton/SwitcherButton.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return SwitcherButton}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),styled_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_icons_ArrowDownIcon__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/icons/ArrowDownIcon.tsx"),_icons_CloseIcon__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/icons/CloseIcon.tsx"),_theme_theme__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/theme/theme.ts"),_theme_common__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/theme/common.ts"),_hooks_useId__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/hooks/useId.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["label","children","onClick","deletable","onDelete","inline"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var SwitcherButtonContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n > *:nth-child(2) {\n opacity: 0;\n transition: opacity 0.2s;\n }\n &:hover > *:nth-child(2) {\n opacity: 1;\n }\n"]))),LabelAndValueContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.button(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n ",";\n border: none;\n background: none;\n cursor: pointer;\n padding: 0;\n display: flex;\n align-items: baseline;\n flex-direction: ",";\n"])),_theme_common__WEBPACK_IMPORTED_MODULE_10__.b,(function(_ref){return _ref.$inline?"row":"column"})),Label=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.label(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n cursor: pointer;\n white-space: nowrap;\n ","\n"])),(function(_ref2){return _ref2.$inline?Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n margin-right: 3px;\n color: ",";\n "])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_9__.a)("grey",140)):Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n color: ",";\n text-transform: uppercase;\n font-size: ",";\n "])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_9__.a)("grey",100),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_9__.e)("small"))})),LabelAndArrow=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(["\n display: inline-flex;\n align-items: center;\n"]))),Value=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.span(_templateObject7||(_templateObject7=_taggedTemplateLiteralLoose(["\n color: ",";\n margin-right: 5px;\n text-align: left;\n"])),(function(_ref3){return _ref3.$inline?Object(_theme_theme__WEBPACK_IMPORTED_MODULE_9__.a)("brand",100):Object(_theme_theme__WEBPACK_IMPORTED_MODULE_9__.a)("grey",140)})),CloseButton=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.button(_templateObject8||(_templateObject8=_taggedTemplateLiteralLoose(["\n border: none;\n background: none;\n width: 20px;\n height: 20px;\n cursor: pointer;\n padding: 0;\n flex-shrink: 0;\n"]))),SwitcherButton=Object(react__WEBPACK_IMPORTED_MODULE_5__.forwardRef)((function(_ref4,forwardedRef){var label=_ref4.label,children=_ref4.children,onClick=_ref4.onClick,_ref4$deletable=_ref4.deletable,deletable=void 0!==_ref4$deletable&&_ref4$deletable,onDelete=_ref4.onDelete,_ref4$inline=_ref4.inline,inline=void 0===_ref4$inline||_ref4$inline,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r void)"}},inline:{defaultValue:{value:"true"},description:"Displays the composant in 1 or 2 lines.",name:"inline",required:!1,type:{name:"boolean"}},deletable:{defaultValue:{value:"false"},description:"If true, the composant will display a second button to remove the component.",name:"deletable",required:!1,type:{name:"boolean"}},onDelete:{defaultValue:null,description:"The callback when the user clicks on the delete button.",name:"onDelete",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/SwitcherButton/SwitcherButton.tsx#SwitcherButton"]={docgenInfo:SwitcherButton.__docgenInfo,name:"SwitcherButton",path:"src/components/SwitcherButton/SwitcherButton.tsx#SwitcherButton"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/TabBar/TabBar.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return TabBar_stories_standard})),__webpack_require__.d(__webpack_exports__,"withBadges",(function(){return TabBar_stories_withBadges})),__webpack_require__.d(__webpack_exports__,"withPills",(function(){return TabBar_stories_withPills})),__webpack_require__.d(__webpack_exports__,"lotOfTabs",(function(){return TabBar_stories_lotOfTabs})),__webpack_require__.d(__webpack_exports__,"sticky",(function(){return TabBar_stories_sticky}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,react=__webpack_require__("./node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),styled_components_browser_esm=(__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js")),theme=__webpack_require__("./src/theme/theme.ts"),Dropdown=__webpack_require__("./src/components/Dropdown/Dropdown.tsx"),IconButton=__webpack_require__("./src/components/IconButton/IconButton.tsx"),MoreIcon=__webpack_require__("./src/icons/MoreIcon.tsx"),useBooleanState=__webpack_require__("./src/hooks/useBooleanState.ts"),shared_key=__webpack_require__("./src/shared/key.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children","onClick","isActive","parentRef","onVisibilityChange"],_excluded2=["moreButtonTitle","children"];function _toConsumableArray(r){return function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r)}(r)||function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(r)||_unsupportedIterableToArray(r)||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 _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||_unsupportedIterableToArray(r,e)||function _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 _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);er.length)&&(a=r.length);for(var e=0,n=Array(a);e {\n const [isCurrent, switchTo] = useTabBar('firstTab');\n return \n switchTo('firstTab')}>\n First tab\n \n switchTo('anotherTab')}>\n Another tab\n \n switchTo('lastTab')}>\n Last tab\n \n ;\n}"}};var TabBar_stories_withBadges=function withBadges(args){var _useTabBar14=TabBar_stories_slicedToArray(Object(useTabBar.a)("firstTab"),2),isCurrent=_useTabBar14[0],switchTo=_useTabBar14[1];return Object(esm.b)(TabBar_TabBar,args,Object(esm.b)(TabBar_TabBar.Tab,{isActive:isCurrent("firstTab"),onClick:function onClick(){return switchTo("firstTab")}},"First tab ",Object(esm.b)(Badge.a,{level:"warning"},"2")),Object(esm.b)(TabBar_TabBar.Tab,{isActive:isCurrent("anotherTab"),onClick:function onClick(){return switchTo("anotherTab")}},"Another tab"),Object(esm.b)(TabBar_TabBar.Tab,{isActive:isCurrent("lastTab"),onClick:function onClick(){return switchTo("lastTab")}},"Last tab ",Object(esm.b)(Badge.a,{level:"danger"},"0")))};TabBar_stories_withBadges.displayName="withBadges",TabBar_stories_withBadges.storyName="With Badges",TabBar_stories_withBadges.parameters={storySource:{source:"args => {\n const [isCurrent, switchTo] = useTabBar('firstTab');\n return \n switchTo('firstTab')}>\n First tab 2\n \n switchTo('anotherTab')}>\n Another tab\n \n switchTo('lastTab')}>\n Last tab 0\n \n ;\n}"}};var TabBar_stories_withPills=function withPills(args){var _useTabBar16=TabBar_stories_slicedToArray(Object(useTabBar.a)("firstTab"),2),isCurrent=_useTabBar16[0],switchTo=_useTabBar16[1];return Object(esm.b)(TabBar_TabBar,args,Object(esm.b)(TabBar_TabBar.Tab,{isActive:isCurrent("firstTab"),onClick:function onClick(){return switchTo("firstTab")}},"First tab ",Object(esm.b)(Pill.a,{level:"warning"})),Object(esm.b)(TabBar_TabBar.Tab,{isActive:isCurrent("anotherTab"),onClick:function onClick(){return switchTo("anotherTab")}},"Another tab"),Object(esm.b)(TabBar_TabBar.Tab,{isActive:isCurrent("lastTab"),onClick:function onClick(){return switchTo("lastTab")}},"Last tab ",Object(esm.b)(Pill.a,{level:"danger"})))};TabBar_stories_withPills.displayName="withPills",TabBar_stories_withPills.storyName="With Pills",TabBar_stories_withPills.parameters={storySource:{source:"args => {\n const [isCurrent, switchTo] = useTabBar('firstTab');\n return \n switchTo('firstTab')}>\n First tab \n \n switchTo('anotherTab')}>\n Another tab\n \n switchTo('lastTab')}>\n Last tab \n \n ;\n}"}};var TabBar_stories_lotOfTabs=function lotOfTabs(args){var _useTabBar18=TabBar_stories_slicedToArray(Object(useTabBar.a)("Tab 100"),2),isCurrent=_useTabBar18[0],switchTo=_useTabBar18[1];return Object(esm.b)(TabBar_TabBar,args,TabBar_stories_toConsumableArray(Array(100)).map((function(_,index){return Object(esm.b)(TabBar_TabBar.Tab,{key:index,isActive:isCurrent("Tab "+(index+1)),onClick:function onClick(){return switchTo("Tab "+(index+1))}},"Tab "+(index+1))})))};TabBar_stories_lotOfTabs.displayName="lotOfTabs",TabBar_stories_lotOfTabs.storyName="Lot of tabs",TabBar_stories_lotOfTabs.parameters={storySource:{source:"args => {\n const [isCurrent, switchTo] = useTabBar('Tab 100');\n return \n {[...Array(100)].map((_, index) => switchTo(`Tab ${index + 1}`)}>\n {`Tab ${index + 1}`}\n )}\n ;\n}"}};var TabBar_stories_sticky=function sticky(args){var _useTabBar20=TabBar_stories_slicedToArray(Object(useTabBar.a)("firstTab"),2),isCurrent=_useTabBar20[0],switchTo=_useTabBar20[1];return Object(esm.b)(PreviewGallery.h,{height:300},Object(esm.b)(TabBar_TabBar,{sticky:0},Object(esm.b)(TabBar_TabBar.Tab,{isActive:isCurrent("firstTab"),onClick:function onClick(){return switchTo("firstTab")}},"First tab ",Object(esm.b)(Pill.a,{level:"warning"})),Object(esm.b)(TabBar_TabBar.Tab,{isActive:isCurrent("anotherTab"),onClick:function onClick(){return switchTo("anotherTab")}},"Another tab"),Object(esm.b)(TabBar_TabBar.Tab,{isActive:isCurrent("lastTab"),onClick:function onClick(){return switchTo("lastTab")}},"Last tab ",Object(esm.b)(Pill.a,{level:"danger"}))),Object(esm.b)(PreviewGallery.a,{height:400},"Some content"),Object(esm.b)(TabBar_TabBar,{sticky:0},Object(esm.b)(TabBar_TabBar.Tab,{isActive:isCurrent("firstTab"),onClick:function onClick(){return switchTo("firstTab")}},"First tab ",Object(esm.b)(Pill.a,{level:"warning"})),Object(esm.b)(TabBar_TabBar.Tab,{isActive:isCurrent("anotherTab"),onClick:function onClick(){return switchTo("anotherTab")}},"Another tab"),Object(esm.b)(TabBar_TabBar.Tab,{isActive:isCurrent("lastTab"),onClick:function onClick(){return switchTo("lastTab")}},"Last tab ",Object(esm.b)(Pill.a,{level:"danger"}))),Object(esm.b)(PreviewGallery.a,{height:400},"Some other content"))};TabBar_stories_sticky.displayName="sticky",TabBar_stories_sticky.storyName="Sticky",TabBar_stories_sticky.parameters={storySource:{source:"args => {\n const [isCurrent, switchTo] = useTabBar('firstTab');\n return \n \n switchTo('firstTab')}>\n First tab \n \n switchTo('anotherTab')}>\n Another tab\n \n switchTo('lastTab')}>\n Last tab \n \n \n Some content\n \n switchTo('firstTab')}>\n First tab \n \n switchTo('anotherTab')}>\n Another tab\n \n switchTo('lastTab')}>\n Last tab \n \n \n Some other content\n ;\n}"}};var componentMeta={title:"Components/TabBar",component:TabBar_TabBar,args:{moreButtonTitle:"More"},includeStories:["standard","withBadges","withPills","lotOfTabs","sticky"]},mdxStoryNameToKey={Standard:"standard","With Badges":"withBadges","With Pills":"withPills","Lot of tabs":"lotOfTabs",Sticky:"sticky"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Table/Table.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"sortableHeader",(function(){return sortableHeader})),__webpack_require__.d(__webpack_exports__,"draggableRows",(function(){return draggableRows})),__webpack_require__.d(__webpack_exports__,"selectableLines",(function(){return selectableLines})),__webpack_require__.d(__webpack_exports__,"clickableLines",(function(){return clickableLines})),__webpack_require__.d(__webpack_exports__,"tableWithActions",(function(){return tableWithActions})),__webpack_require__.d(__webpack_exports__,"complexTable",(function(){return complexTable})),__webpack_require__.d(__webpack_exports__,"stickyHeader",(function(){return stickyHeader})),__webpack_require__.d(__webpack_exports__,"warningAndLockedRows",(function(){return warningAndLockedRows})),__webpack_require__.d(__webpack_exports__,"multipleActions",(function(){return multipleActions}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/react/index.js"),_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_Table_tsx__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./src/components/Table/Table.tsx"),_components__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./src/components/Image/Image.tsx"),_components__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./src/components/Badge/Badge.tsx"),_components__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("./src/components/Button/Button.tsx"),_components__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__("./src/components/IconButton/IconButton.tsx"),_icons__WEBPACK_IMPORTED_MODULE_27__=__webpack_require__("./src/icons/DeleteIcon.tsx"),_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__=__webpack_require__("./src/components/Table/shared-stories-data.js"),_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_29__=__webpack_require__("./src/storybook/PreviewGallery.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;er.length)&&(a=r.length);for(var e=0,n=Array(a);e0,mdxType:"Table"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Header,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Image"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Name"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Family"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Order"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Genus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Conservation status"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Actions")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Body,null,_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a.map((function(row){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,{key:row.id,onSelectToggle:function onSelectToggle(){return function handleToggleSelected(lineId){-1===selectedLines.indexOf(lineId)?setSelectedLines([].concat(_toConsumableArray(selectedLines),[lineId])):setSelectedLines(selectedLines.filter((function(currentValue){return currentValue!==lineId})))}(row.id)},isSelected:-1!==selectedLines.indexOf(row.id)},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{src:row.image,alt:"The alt",mdxType:"Image"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.name),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.family),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.order),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.genus),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:row.conservation_status_level,mdxType:"Badge"},row.conservation_status)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0,mdxType:"Button"},"Button")))}))))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)("h2",{id:"clickable-lines"},"Clickable lines"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_21__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_21__.e,{name:"Clickable lines",mdxType:"Story"},(function(args){var _useState8=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_19__.useState)(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a.map((function(row){return Object.assign({},row,{count:0})}))),2),data=_useState8[0],setData=_useState8[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a,{mdxType:"Table"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Header,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Image"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Name"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Family"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Order"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Genus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Conservation status"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Click count"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Actions")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Body,null,data.map((function(row){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,{key:row.id,onClick:function onClick(){return function handleClick(rowId){setData((function(data){return data.map((function(row){return row.id===rowId?Object.assign({},row,{count:row.count+1}):row}))}))}(row.id)}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{src:row.image,alt:"The alt",mdxType:"Image"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.name),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.family),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.order),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.genus),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:row.conservation_status_level,mdxType:"Badge"},row.conservation_status)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.count),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0,mdxType:"Button"},"Button")))}))))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)("h2",{id:"table-with-actions"},"Table with actions"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_21__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_21__.e,{name:"Table with actions",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a,{mdxType:"Table"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Header,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Name"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Actions")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Body,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"A value without actions"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"A value with a button action"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0,mdxType:"Button"},"A button action"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"A value with 2 buttons action"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0,mdxType:"Button"},"A button action"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"secondary",ghost:!0,mdxType:"Button"},"A button action"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"A value with an icon button action"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_26__.a,{level:"primary",ghost:!0,icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_icons__WEBPACK_IMPORTED_MODULE_27__.a,{mdxType:"DeleteIcon"}),mdxType:"IconButton"},"A button action")))))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)("h2",{id:"complex-table"},"Complex table"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_21__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_21__.e,{name:"Complex table",mdxType:"Story"},(function(args){var _useState10=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_19__.useState)([2,3]),2),selectedLines=_useState10[0],setSelectedLines=_useState10[1],_useState12=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_19__.useState)(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a.map((function(row){return Object.assign({},row,{count:0})}))),2),data=_useState12[0],setData=_useState12[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a,{isSelectable:!0,displayCheckbox:selectedLines.length>0,mdxType:"Table"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Header,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Image"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Name"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Family"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Order"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Genus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Conservation status"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Click count"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Actions")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Body,null,data.map((function(row){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,{key:row.id,onClick:function onClick(){return function handleClick(rowId){setData((function(data){return data.map((function(row){return row.id===rowId?Object.assign({},row,{count:row.count+1}):row}))}))}(row.id)},onSelectToggle:function onSelectToggle(){return function handleToggleSelected(lineId){-1===selectedLines.indexOf(lineId)?setSelectedLines([].concat(_toConsumableArray(selectedLines),[lineId])):setSelectedLines(selectedLines.filter((function(currentValue){return currentValue!==lineId})))}(row.id)},isSelected:-1!==selectedLines.indexOf(row.id)&&(3!=row.id||"mixed")},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{src:row.image,alt:"The alt",mdxType:"Image"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.name),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.family),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.order),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.genus),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:row.conservation_status_level,mdxType:"Badge"},row.conservation_status)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.count),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",onClick:function onClick(){},ghost:!0,mdxType:"Button"},"Button")))}))))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)("h2",{id:"table-with-sticky-header"},"Table with sticky header"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)("p",null,"If you want your ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)("inlineCode",{parentName:"p"},"Table.Header")," to stay on top when scrolling in the Table, just set the desired ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)("inlineCode",{parentName:"p"},"top")," position value in the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)("inlineCode",{parentName:"p"},"sticky")," prop."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_21__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_21__.e,{name:"Sticky header",mdxType:"Story"},(function(args){var manyRows=[].concat(_toConsumableArray(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a),_toConsumableArray(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a),_toConsumableArray(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a),_toConsumableArray(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a),_toConsumableArray(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a),_toConsumableArray(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a));return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_29__.h,{height:250,mdxType:"Scrollable"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a,{mdxType:"Table"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Header,{sticky:0},args.displayImage&&Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Image"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Name"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Family"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Order"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Genus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Conservation status"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Actions")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Body,null,manyRows.map((function(row,index){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,{key:""+row.id+index},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{src:row.image,alt:"The alt",mdxType:"Image"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.name," ",index),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.family),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.order),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.genus),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:row.conservation_status_level,mdxType:"Badge"},row.conservation_status)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0,mdxType:"Button"},"Button")))})))))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)("h2",{id:"table-with-warning-and-locked-rows"},"Table with warning and locked rows"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_21__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_21__.e,{name:"Warning and locked rows",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_29__.h,{height:250,mdxType:"Scrollable"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a,{hasWarningRows:!0,hasLockedRows:!0,mdxType:"Table"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Header,{sticky:0},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Name"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Family"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Order"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Genus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Conservation status"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Actions")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Body,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,{level:"tertiary"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,{rowTitle:args.displayRowTitle},"Giant panda"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ursidae"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Carnivora"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ursus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:"warning",mdxType:"Badge"},"vu")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0,mdxType:"Button"},"Button"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,{level:"warning"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,{rowTitle:args.displayRowTitle},"Giant panda"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ursidae"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Carnivora"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ursus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:"warning",mdxType:"Badge"},"vu")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0,mdxType:"Button"},"Button"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,{rowTitle:args.displayRowTitle},"Red panda"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ailuridae"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Carnivora"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ailurus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:"warning",mdxType:"Badge"},"vu")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0,mdxType:"Button"},"Button"))))))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)("h2",{id:"table-with-multiple-actions"},"Table with multiple actions"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_21__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_21__.e,{name:"Multiple actions",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_29__.h,{height:250,mdxType:"Scrollable"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a,{hasWarningRows:!0,mdxType:"Table"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Header,{sticky:0},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Name"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Family"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Order"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Genus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Conservation status"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Actions")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Body,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,{level:"warning"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,{rowTitle:args.displayRowTitle},"Giant panda"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ursidae"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Carnivora"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ursus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:"warning",mdxType:"Badge"},"vu")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0,mdxType:"Button"},"View"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"danger",ghost:!0,mdxType:"Button"},"Delete"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,{rowTitle:args.displayRowTitle},"Red panda"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ailuridae"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Carnivora"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ailurus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:"warning",mdxType:"Badge"},"vu")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0,mdxType:"Button"},"View"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"danger",ghost:!0,mdxType:"Button"},"Delete"))))))}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var standard=function standard(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Header,null,args.displayImage&&Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Image"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Name"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Family"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Order"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Genus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Conservation status"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Actions")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Body,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,null,args.displayImage&&Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{src:"https://picsum.photos/seed/akeneo/200/140",alt:"The alt"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,{rowTitle:args.displayRowTitle},"Giant panda"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ursidae"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Carnivora"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ursus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:"warning"},"vu")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0},"Button")))))};standard.displayName="standard",standard.storyName="Standard",standard.parameters={storySource:{source:'args => \n \n {args.displayImage && Image}\n Name\n Family\n Order\n Genus\n Conservation status\n Actions\n \n \n \n {args.displayImage && \n \n }\n Giant panda\n Ursidae\n Carnivora\n Ursus\n \n vu\n \n \n \n \n \n \n
'}};var sortableHeader=function sortableHeader(args){var _useState14=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_19__.useState)({columnName:null,sortDirection:null}),2),sortedColumn=_useState14[0],setSortedColumn=_useState14[1],computeDirection=function computeDirection(columnName){return columnName!==sortedColumn.columnName?"none":sortedColumn.sortDirection},handleDirectionChange=function handleDirectionChange(columnName){return function(sortDirection){setSortedColumn({columnName:columnName,sortDirection:sortDirection})}},sortedRows=Object(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.b)(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a,sortedColumn.columnName,sortedColumn.sortDirection);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Header,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Image"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,{isSortable:!0,onDirectionChange:handleDirectionChange("name"),sortDirection:computeDirection("name")},"Name"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,{isSortable:!0,onDirectionChange:handleDirectionChange("family"),sortDirection:computeDirection("family")},"Family"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Order"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Genus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Conservation status"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Actions")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Body,null,sortedRows.map((function(row){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,{key:row.name},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{src:row.image,alt:"The alt"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.name),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.family),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.order),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.genus),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:row.conservation_status_level},row.conservation_status)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",onClick:function onClick(){},ghost:!0},"Button")))}))))};sortableHeader.displayName="sortableHeader",sortableHeader.storyName="Sortable header",sortableHeader.parameters={storySource:{source:"args => {\n const [sortedColumn, setSortedColumn] = useState({\n columnName: null,\n sortDirection: null\n });\n const computeDirection = columnName => {\n if (columnName !== sortedColumn.columnName) {\n return 'none';\n }\n return sortedColumn.sortDirection;\n };\n const handleDirectionChange = columnName => sortDirection => {\n setSortedColumn({\n columnName: columnName,\n sortDirection: sortDirection\n });\n };\n const sortedRows = sortRows(rows, sortedColumn.columnName, sortedColumn.sortDirection);\n return \n \n Image\n \n Name\n \n \n Family\n \n Order\n Genus\n Conservation status\n Actions\n \n \n {sortedRows.map(row => \n \n \n \n {row.name}\n {row.family}\n {row.order}\n {row.genus}\n \n {row.conservation_status}\n \n \n \n \n )}\n \n
;\n}"}};var draggableRows=function draggableRows(){var manyRows=[].concat(_toConsumableArray(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a),_toConsumableArray(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a),_toConsumableArray(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a),_toConsumableArray(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a),_toConsumableArray(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a),_toConsumableArray(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a)),_useState16=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_19__.useState)(manyRows),2),orderedRows=_useState16[0],setOrderedRow=_useState16[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_29__.h,{height:500},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a,{isDragAndDroppable:!0,onReorder:function onReorder(newIndices){setOrderedRow((function(rows){return newIndices.map((function(index){return rows[index]}))}))}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Header,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Image"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Name"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Family"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Order"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Genus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Conservation status"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Actions")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Body,null,orderedRows.map((function(row,index){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,{key:""+row.id+index},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{src:row.image,alt:"The alt"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.name," ",index),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.family),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.order),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.genus),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:row.conservation_status_level},row.conservation_status)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",onClick:function onClick(){},ghost:!0},"Button")))})))))};draggableRows.displayName="draggableRows",draggableRows.storyName="Draggable rows",draggableRows.parameters={storySource:{source:'() => {\n const manyRows = [...rows, ...rows, ...rows, ...rows, ...rows, ...rows];\n const [orderedRows, setOrderedRow] = useState(manyRows);\n return \n {\n setOrderedRow(rows => newIndices.map(index => rows[index]));\n }}>\n \n Image\n Name\n Family\n Order\n Genus\n Conservation status\n Actions\n \n \n {orderedRows.map((row, index) => \n \n \n \n \n {row.name} {index}\n \n {row.family}\n {row.order}\n {row.genus}\n \n {row.conservation_status}\n \n \n \n \n )}\n \n
\n ;\n}'}};var selectableLines=function selectableLines(args){var _useState18=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_19__.useState)([]),2),selectedLines=_useState18[0],setSelectedLines=_useState18[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a,{isSelectable:!0,displayCheckbox:selectedLines.length>0},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Header,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Image"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Name"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Family"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Order"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Genus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Conservation status"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Actions")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Body,null,_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a.map((function(row){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,{key:row.id,onSelectToggle:function onSelectToggle(){return function handleToggleSelected(lineId){-1===selectedLines.indexOf(lineId)?setSelectedLines([].concat(_toConsumableArray(selectedLines),[lineId])):setSelectedLines(selectedLines.filter((function(currentValue){return currentValue!==lineId})))}(row.id)},isSelected:-1!==selectedLines.indexOf(row.id)},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{src:row.image,alt:"The alt"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.name),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.family),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.order),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.genus),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:row.conservation_status_level},row.conservation_status)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0},"Button")))}))))};selectableLines.displayName="selectableLines",selectableLines.storyName="Selectable lines",selectableLines.parameters={storySource:{source:'args => {\n const [selectedLines, setSelectedLines] = useState([]);\n const handleToggleSelected = lineId => {\n if (selectedLines.indexOf(lineId) === -1) {\n setSelectedLines([...selectedLines, lineId]);\n } else {\n setSelectedLines(selectedLines.filter(currentValue => currentValue !== lineId));\n }\n };\n return 0}>\n \n Image\n Name\n Family\n Order\n Genus\n Conservation status\n Actions\n \n \n {rows.map(row => handleToggleSelected(row.id)} isSelected={selectedLines.indexOf(row.id) !== -1}>\n \n \n \n {row.name}\n {row.family}\n {row.order}\n {row.genus}\n \n {row.conservation_status}\n \n \n \n \n )}\n \n
;\n}'}};var clickableLines=function clickableLines(args){var _useState20=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_19__.useState)(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a.map((function(row){return Object.assign({},row,{count:0})}))),2),data=_useState20[0],setData=_useState20[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Header,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Image"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Name"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Family"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Order"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Genus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Conservation status"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Click count"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Actions")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Body,null,data.map((function(row){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,{key:row.id,onClick:function onClick(){return function handleClick(rowId){setData((function(data){return data.map((function(row){return row.id===rowId?Object.assign({},row,{count:row.count+1}):row}))}))}(row.id)}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{src:row.image,alt:"The alt"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.name),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.family),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.order),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.genus),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:row.conservation_status_level},row.conservation_status)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.count),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0},"Button")))}))))};clickableLines.displayName="clickableLines",clickableLines.storyName="Clickable lines",clickableLines.parameters={storySource:{source:'args => {\n const [data, setData] = useState(rows.map(row => {\n return {\n ...row,\n count: 0\n };\n }));\n const handleClick = rowId => {\n setData(data => {\n return data.map(row => {\n return row.id === rowId ? {\n ...row,\n count: row.count + 1\n } : row;\n });\n });\n };\n return \n \n Image\n Name\n Family\n Order\n Genus\n Conservation status\n Click count\n Actions\n \n \n {data.map(row => handleClick(row.id)}>\n \n \n \n {row.name}\n {row.family}\n {row.order}\n {row.genus}\n \n {row.conservation_status}\n \n {row.count}\n \n \n \n )}\n \n
;\n}'}};var tableWithActions=function tableWithActions(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Header,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Name"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Actions")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Body,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"A value without actions"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"A value with a button action"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0},"A button action"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"A value with 2 buttons action"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0},"A button action"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"secondary",ghost:!0},"A button action"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"A value with an icon button action"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_26__.a,{level:"primary",ghost:!0,icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_icons__WEBPACK_IMPORTED_MODULE_27__.a,null)},"A button action")))))};tableWithActions.displayName="tableWithActions",tableWithActions.storyName="Table with actions",tableWithActions.parameters={storySource:{source:'args => {\n return \n \n Name\n Actions\n \n \n \n A value without actions\n \n \n \n A value with a button action\n \n \n \n \n \n A value with 2 buttons action\n \n \n \n \n \n \n A value with an icon button action\n \n }>\n A button action\n \n \n \n \n
;\n}'}};var complexTable=function complexTable(args){var _useState22=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_19__.useState)([2,3]),2),selectedLines=_useState22[0],setSelectedLines=_useState22[1],_useState24=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_19__.useState)(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a.map((function(row){return Object.assign({},row,{count:0})}))),2),data=_useState24[0],setData=_useState24[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a,{isSelectable:!0,displayCheckbox:selectedLines.length>0},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Header,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Image"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Name"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Family"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Order"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Genus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Conservation status"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Click count"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Actions")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Body,null,data.map((function(row){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,{key:row.id,onClick:function onClick(){return function handleClick(rowId){setData((function(data){return data.map((function(row){return row.id===rowId?Object.assign({},row,{count:row.count+1}):row}))}))}(row.id)},onSelectToggle:function onSelectToggle(){return function handleToggleSelected(lineId){-1===selectedLines.indexOf(lineId)?setSelectedLines([].concat(_toConsumableArray(selectedLines),[lineId])):setSelectedLines(selectedLines.filter((function(currentValue){return currentValue!==lineId})))}(row.id)},isSelected:-1!==selectedLines.indexOf(row.id)&&(3!=row.id||"mixed")},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{src:row.image,alt:"The alt"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.name),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.family),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.order),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.genus),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:row.conservation_status_level},row.conservation_status)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.count),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",onClick:function onClick(){},ghost:!0},"Button")))}))))};complexTable.displayName="complexTable",complexTable.storyName="Complex table",complexTable.parameters={storySource:{source:'args => {\n const [selectedLines, setSelectedLines] = useState([2, 3]);\n const handleToggleSelected = lineId => {\n if (selectedLines.indexOf(lineId) === -1) {\n setSelectedLines([...selectedLines, lineId]);\n } else {\n setSelectedLines(selectedLines.filter(currentValue => currentValue !== lineId));\n }\n };\n const [data, setData] = useState(rows.map(row => {\n return {\n ...row,\n count: 0\n };\n }));\n const handleClick = rowId => {\n setData(data => data.map(row => row.id === rowId ? {\n ...row,\n count: row.count + 1\n } : row));\n };\n return 0}>\n \n Image\n Name\n Family\n Order\n Genus\n Conservation status\n Click count\n Actions\n \n \n {data.map(row => handleClick(row.id)} onSelectToggle={() => handleToggleSelected(row.id)} isSelected={selectedLines.indexOf(row.id) !== -1 ? row.id == 3 ? \'mixed\' : true : false}>\n \n \n \n {row.name}\n {row.family}\n {row.order}\n {row.genus}\n \n {row.conservation_status}\n \n {row.count}\n \n \n \n )}\n \n
;\n}'}};var stickyHeader=function stickyHeader(args){var manyRows=[].concat(_toConsumableArray(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a),_toConsumableArray(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a),_toConsumableArray(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a),_toConsumableArray(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a),_toConsumableArray(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a),_toConsumableArray(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a));return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_29__.h,{height:250},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Header,{sticky:0},args.displayImage&&Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Image"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Name"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Family"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Order"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Genus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Conservation status"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Actions")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Body,null,manyRows.map((function(row,index){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,{key:""+row.id+index},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{src:row.image,alt:"The alt"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.name," ",index),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.family),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.order),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.genus),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:row.conservation_status_level},row.conservation_status)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0},"Button")))})))))};stickyHeader.displayName="stickyHeader",stickyHeader.storyName="Sticky header",stickyHeader.parameters={storySource:{source:'args => {\n const manyRows = [...rows, ...rows, ...rows, ...rows, ...rows, ...rows];\n return \n \n \n {args.displayImage && Image}\n Name\n Family\n Order\n Genus\n Conservation status\n Actions\n \n \n {manyRows.map((row, index) => \n \n \n \n \n {row.name} {index}\n \n {row.family}\n {row.order}\n {row.genus}\n \n {row.conservation_status}\n \n \n \n \n )}\n \n
\n ;\n}'}};var warningAndLockedRows=function warningAndLockedRows(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_29__.h,{height:250},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a,{hasWarningRows:!0,hasLockedRows:!0},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Header,{sticky:0},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Name"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Family"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Order"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Genus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Conservation status"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Actions")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Body,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,{level:"tertiary"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,{rowTitle:args.displayRowTitle},"Giant panda"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ursidae"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Carnivora"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ursus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:"warning"},"vu")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0},"Button"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,{level:"warning"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,{rowTitle:args.displayRowTitle},"Giant panda"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ursidae"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Carnivora"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ursus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:"warning"},"vu")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0},"Button"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,{rowTitle:args.displayRowTitle},"Red panda"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ailuridae"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Carnivora"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ailurus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:"warning"},"vu")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0},"Button"))))))};warningAndLockedRows.displayName="warningAndLockedRows",warningAndLockedRows.storyName="Warning and locked rows",warningAndLockedRows.parameters={storySource:{source:'args => {\n return \n \n \n Name\n Family\n Order\n Genus\n Conservation status\n Actions\n \n \n \n Giant panda\n Ursidae\n Carnivora\n Ursus\n \n vu\n \n \n \n \n \n \n Giant panda\n Ursidae\n Carnivora\n Ursus\n \n vu\n \n \n \n \n \n \n Red panda\n Ailuridae\n Carnivora\n Ailurus\n \n vu\n \n \n \n \n \n \n
\n ;\n}'}};var multipleActions=function multipleActions(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_29__.h,{height:250},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a,{hasWarningRows:!0},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Header,{sticky:0},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Name"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Family"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Order"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Genus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Conservation status"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Actions")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Body,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,{level:"warning"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,{rowTitle:args.displayRowTitle},"Giant panda"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ursidae"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Carnivora"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ursus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:"warning"},"vu")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0},"View"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"danger",ghost:!0},"Delete"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,{rowTitle:args.displayRowTitle},"Red panda"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ailuridae"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Carnivora"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ailurus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:"warning"},"vu")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0},"View"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"danger",ghost:!0},"Delete"))))))};multipleActions.displayName="multipleActions",multipleActions.storyName="Multiple actions",multipleActions.parameters={storySource:{source:'args => {\n return \n \n \n Name\n Family\n Order\n Genus\n Conservation status\n Actions\n \n \n \n Giant panda\n Ursidae\n Carnivora\n Ursus\n \n vu\n \n \n \n \n \n \n \n Red panda\n Ailuridae\n Carnivora\n Ailurus\n \n vu\n \n \n \n \n \n \n \n
\n ;\n}'}};var componentMeta={title:"Components/Table",component:_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a,subcomponents:{Table:_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a,"Table.Header":_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Header,"Table.HeaderCell":_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,"Table.Body":_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Body,"Table.Row":_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,"Table.Cell":_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,"Table.ActionCell":_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell},args:{displayRowTitle:!1,displayImage:!0},argTypes:{displayImage:{control:{type:"boolean"},description:'Show or hide the "Image" column'},displayRowTitle:{control:{type:"boolean"},description:'Define the "Name" column as row title'},isSelectable:{table:{disable:!0}},displayCheckbox:{table:{disable:!0}},children:{table:{disable:!0}}},includeStories:["standard","sortableHeader","draggableRows","selectableLines","clickableLines","tableWithActions","complexTable","stickyHeader","warningAndLockedRows","multipleActions"]},mdxStoryNameToKey={Standard:"standard","Sortable header":"sortableHeader","Draggable rows":"draggableRows","Selectable lines":"selectableLines","Clickable lines":"clickableLines","Table with actions":"tableWithActions","Complex table":"complexTable","Sticky header":"stickyHeader","Warning and locked rows":"warningAndLockedRows","Multiple actions":"multipleActions"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_21__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Table/Table.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Table_Table}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),theme=(__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./src/theme/theme.ts")),Image=__webpack_require__("./src/components/Image/Image.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children","rowTitle"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var TableCellContainer=styled_components_browser_esm.default.td(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n color: ",";\n border-bottom: 1px solid ",";\n padding: 15px 10px;\n max-width: 15vw;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n min-width: 0;\n\n ","\n"])),Object(theme.a)("grey",140),Object(theme.a)("grey",60),(function(props){return props.rowTitle&&Object(styled_components_browser_esm.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n color: ",";\n font-style: italic;\n "])),Object(theme.a)("brand",100))})),TableCellInnerContainer=styled_components_browser_esm.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n min-height: 24px;\n"]))),TableCell=react_default.a.forwardRef((function(_ref,forwardedRef){var children=_ref.children,_ref$rowTitle=_ref.rowTitle,rowTitle=void 0!==_ref$rowTitle&&_ref$rowTitle,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r void)"}},sortDirection:{defaultValue:null,description:"Define the sort direction.",name:"sortDirection",required:!1,type:{name:"enum",value:[{value:'"descending"'},{value:'"ascending"'},{value:'"none"'}]}},children:{defaultValue:null,description:"Content of the header cell.",name:"children",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Table/TableHeaderCell/TableHeaderCell.tsx#TableHeaderCell"]={docgenInfo:TableHeaderCell.__docgenInfo,name:"TableHeaderCell",path:"src/components/Table/TableHeaderCell/TableHeaderCell.tsx#TableHeaderCell"})}catch(__react_docgen_typescript_loader_error){}var TableActionCell_templateObject,TableActionCell_templateObject2,Button=__webpack_require__("./src/components/Button/Button.tsx"),IconButton=__webpack_require__("./src/components/IconButton/IconButton.tsx"),TableActionCell_excluded=["children"];function TableActionCell_taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var TableActionCellContainer=styled_components_browser_esm.default.td(TableActionCell_templateObject||(TableActionCell_templateObject=TableActionCell_taggedTemplateLiteralLoose(["\n color: ",";\n border-bottom: 1px solid ",";\n padding: 0 10px;\n width: 50px;\n"])),Object(theme.a)("grey",140),Object(theme.a)("grey",60)),InnerTableActionCellContainer=styled_components_browser_esm.default.div(TableActionCell_templateObject2||(TableActionCell_templateObject2=TableActionCell_taggedTemplateLiteralLoose(["\n opacity: 0;\n display: flex;\n gap: 10px;\n"]))),TableActionCell=react_default.a.forwardRef((function(_ref,forwardedRef){var children=_ref.children,rest=function TableActionCell_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function TableActionCell_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;rr.length)&&(a=r.length);for(var e=0,n=Array(a);e td {\n opacity: 1;\n ","\n }\n\n &:hover > td > div {\n opacity: 1;\n }\n\n ",";\n"])),(function(_ref){return _ref.isSelected&&Object(styled_components_browser_esm.css)(TableRow_templateObject2||(TableRow_templateObject2=TableRow_taggedTemplateLiteralLoose(["\n > td {\n background-color: ",";\n }\n "])),Object(theme.a)("blue",20))}),(function(_ref2){return _ref2.isClickable&&Object(styled_components_browser_esm.css)(TableRow_templateObject3||(TableRow_templateObject3=TableRow_taggedTemplateLiteralLoose(["\n &:hover {\n cursor: pointer;\n }\n "])))}),(function(_ref3){return _ref3.isDragAndDroppable&&Object(styled_components_browser_esm.css)(TableRow_templateObject4||(TableRow_templateObject4=TableRow_taggedTemplateLiteralLoose(["\n & > *:first-child {\n width: 44px;\n }\n "])))}),(function(_ref4){return"top"===_ref4.placeholderPosition&&Object(styled_components_browser_esm.css)(TableRow_templateObject5||(TableRow_templateObject5=TableRow_taggedTemplateLiteralLoose(["\n background: linear-gradient(to bottom, "," 4px, "," 0px);\n "])),Object(theme.a)("blue",40),Object(theme.a)("white"))}),(function(_ref5){return"bottom"===_ref5.placeholderPosition&&Object(styled_components_browser_esm.css)(TableRow_templateObject6||(TableRow_templateObject6=TableRow_taggedTemplateLiteralLoose(["\n background: linear-gradient(to top, "," 4px, "," 0px);\n "])),Object(theme.a)("blue",40),Object(theme.a)("white"))}),(function(_ref6){return _ref6.isClickable&&Object(styled_components_browser_esm.css)(_templateObject7||(_templateObject7=TableRow_taggedTemplateLiteralLoose(["\n background-color: ",";\n "])),Object(theme.a)("grey",20))}),(function(_ref7){var level=_ref7.level;return"warning"===level?Object(styled_components_browser_esm.css)(_templateObject8||(_templateObject8=TableRow_taggedTemplateLiteralLoose(["\n > td {\n :first-child {\n padding: 0 0 0 5px;\n }\n background-color: ",";\n }\n "])),Object(theme.a)("yellow",10)):"tertiary"===level&&Object(styled_components_browser_esm.css)(_templateObject9||(_templateObject9=TableRow_taggedTemplateLiteralLoose(["\n > td {\n background-color: ",";\n color: ",";\n }\n "])),Object(theme.a)("grey",20),Object(theme.a)("grey",120))})),CheckboxContainer=styled_components_browser_esm.default.td(_templateObject10||(_templateObject10=TableRow_taggedTemplateLiteralLoose(["\n background: none !important;\n opacity: ",";\n cursor: auto;\n\n > div {\n justify-content: center;\n }\n"])),(function(_ref8){return _ref8.isVisible?1:0})),HandleCell=Object(styled_components_browser_esm.default)(TableCell)(_templateObject11||(_templateObject11=TableRow_taggedTemplateLiteralLoose(["\n cursor: grab;\n width: 20px;\n\n > div {\n justify-content: center;\n }\n\n :active {\n cursor: grabbing;\n }\n"]))),TableRow_getIcon=function getIcon(level){switch(level){case"warning":return Object(jsx_runtime.jsx)(WarningIcon,{});case"tertiary":return Object(jsx_runtime.jsx)(LockIcon.a,{})}},WarningIcon=Object(styled_components_browser_esm.default)(DangerIcon.a)(_templateObject12||(_templateObject12=TableRow_taggedTemplateLiteralLoose(["\n color: ",";\n"])),Object(theme.a)("yellow",120)),TableRow=Object(react.forwardRef)((function(_ref9,forwardedRef){var _ref9$rowIndex=_ref9.rowIndex,rowIndex=void 0===_ref9$rowIndex?0:_ref9$rowIndex,_ref9$isSelected=_ref9.isSelected,isSelected=void 0!==_ref9$isSelected&&_ref9$isSelected,level=_ref9.level,onSelectToggle=_ref9.onSelectToggle,onClick=_ref9.onClick,draggable=_ref9.draggable,children=_ref9.children,rest=function TableRow_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function TableRow_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r void)"}},isSelected:{defaultValue:{value:"false"},description:"Define if the row is selected, required when table is selectable",name:"isSelected",required:!1,type:{name:'boolean | "mixed"'}},level:{defaultValue:null,description:"Define if the row has a warning",name:"level",required:!1,type:{name:"enum",value:[{value:'"warning"'},{value:'"tertiary"'}]}},onClick:{defaultValue:null,description:"Function called when the user clicks on the row",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void)"}},rowIndex:{defaultValue:{value:"0"},description:"@private",name:"rowIndex",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Table/TableRow/TableRow.tsx#TableRow"]={docgenInfo:TableRow.__docgenInfo,name:"TableRow",path:"src/components/Table/TableRow/TableRow.tsx#TableRow"})}catch(__react_docgen_typescript_loader_error){}var useDrop=__webpack_require__("./src/hooks/useDrop.ts"),TableBody_excluded=["children"];function TableBody_slicedToArray(r,e){return function TableBody_arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function TableBody_iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function TableBody_unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return TableBody_arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?TableBody_arrayLikeToArray(r,a):void 0}}(r,e)||function TableBody_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 TableBody_arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e void) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Table/Table.tsx#Table.Header"]={docgenInfo:Table_Table.Header.__docgenInfo,name:"Table.Header",path:"src/components/Table/Table.tsx#Table.Header"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Table/shared-stories-data.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return rows})),__webpack_require__.d(__webpack_exports__,"b",(function(){return sortRows}));__webpack_require__("./node_modules/core-js/modules/es.array.sort.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js");function _toConsumableArray(r){return function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r)}(r)||function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(r)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r)||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(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e {\n return \n Red\n Blue\n Dark Blue\n Purple\n Dark Purple\n Green\n Forest Green\n Olive Green\n Dark Cyan\n Hot Pink\n Coral Red\n Chocolate\n Yellow\n Very very very very looooonnnnnng teeeexxt\n ;\n}"}};var componentMeta={title:"Components/Tags",component:_Tags_tsx__WEBPACK_IMPORTED_MODULE_8__.b,args:{},argTypes:{},includeStories:["standard"]},mdxStoryNameToKey={Standard:"standard"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Tags/Tags.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"b",(function(){return Tags})),__webpack_require__.d(__webpack_exports__,"a",(function(){return Tag}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,react__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_8__),styled_components__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_theme_theme__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/theme/theme.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var convertTintToColorCode=function convertTintToColorCode(str){return str.replace(/_([a-z])/g,(function(g){return g[1].toUpperCase()}))},Tag=styled_components__WEBPACK_IMPORTED_MODULE_9__.default.li(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n border: 1px solid;\n border-color: ",";\n color: ",";\n background-color: ",";\n height: 16px;\n line-height: 16px;\n padding: 0 6px;\n display: inline-block;\n border-radius: 2px;\n font-size: ",";\n text-transform: uppercase;\n overflow: hidden;\n max-width: 200px;\n white-space: nowrap;\n text-overflow: ellipsis;\n"])),(function(_ref){var tint=_ref.tint;return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.b)(convertTintToColorCode(tint),100)}),(function(_ref2){var tint=_ref2.tint;return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.b)(convertTintToColorCode(tint),120)}),(function(_ref3){var tint=_ref3.tint;return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.b)(convertTintToColorCode(tint),10)}),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.e)("small")),TagsContainer=styled_components__WEBPACK_IMPORTED_MODULE_9__.default.ul(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n padding-inline-start: 0;\n margin-block-end: 0;\n margin-block-start: 0;\n list-style-type: none;\n gap: 10px;\n"]))),Tags=react__WEBPACK_IMPORTED_MODULE_8___default.a.forwardRef((function(_ref4,forwardedRef){var children=_ref4.children,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r void) | RefObject | null"}},tint:{defaultValue:null,description:"",name:"tint",required:!0,type:{name:"enum",value:[{value:'"blue"'},{value:'"green"'},{value:'"dark_blue"'},{value:'"purple"'},{value:'"dark_purple"'},{value:'"yellow"'},{value:'"red"'},{value:'"dark_cyan"'},{value:'"forest_green"'},{value:'"olive_green"'},{value:'"hot_pink"'},{value:'"coral_red"'},{value:'"orange"'},{value:'"chocolate"'}]}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Tags/Tags.tsx#Tag"]={docgenInfo:Tag.__docgenInfo,name:"Tag",path:"src/components/Tags/Tags.tsx#Tag"})}catch(__react_docgen_typescript_loader_error){}try{TagTint.displayName="TagTint",TagTint.__docgenInfo={description:"The colors defined in this file are the alternative ones\nYou will find the hex colors on this page:\nhttps://www.notion.so/akeneo/Alternative-colors-0f5283c1b02f4fd4a418f1e20f2efa99\nThose colors will most likely only be used with the tags components",displayName:"TagTint",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Tags/Tags.tsx#TagTint"]={docgenInfo:TagTint.__docgenInfo,name:"TagTint",path:"src/components/Tags/Tags.tsx#TagTint"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Tiles/Tiles.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return Tiles_stories_standard})),__webpack_require__.d(__webpack_exports__,"size",(function(){return Tiles_stories_size}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,_templateObject13,_templateObject14,_templateObject15,_templateObject16,_templateObject17,_templateObject18,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),styled_components_browser_esm=(__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js")),theme=__webpack_require__("./src/theme/theme.ts"),key=__webpack_require__("./src/shared/key.ts"),Tooltip=__webpack_require__("./src/components/Tooltip/Tooltip.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["icon","selected","size","inline","onClick","children","disabled"],_excluded2=["size","inline","children"];function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r>"}},size:{defaultValue:{value:"small"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"big"'},{value:'"small"'}]}},inline:{defaultValue:{value:"false"},description:"",name:"inline",required:!1,type:{name:"boolean"}},selected:{defaultValue:{value:"false"},description:"",name:"selected",required:!1,type:{name:"boolean"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"(() => void)"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Tiles/Tiles.tsx#Tile"]={docgenInfo:Tiles_Tile.__docgenInfo,name:"Tile",path:"src/components/Tiles/Tiles.tsx#Tile"})}catch(__react_docgen_typescript_loader_error){}var AssetCollectionIcon=__webpack_require__("./src/icons/AssetCollectionIcon.tsx"),DateIcon=__webpack_require__("./src/icons/DateIcon.tsx"),FileIcon=__webpack_require__("./src/icons/FileIcon.tsx"),IdIcon=__webpack_require__("./src/icons/IdIcon.tsx"),AssetsIcon=__webpack_require__("./src/icons/AssetsIcon.tsx"),MetricIcon=__webpack_require__("./src/icons/MetricIcon.tsx"),AttributeTextIcon=__webpack_require__("./src/icons/AttributeTextIcon.tsx"),AttributeNumberIcon=__webpack_require__("./src/icons/AttributeNumberIcon.tsx"),useTabBar=__webpack_require__("./src/hooks/useTabBar.ts"),Tiles_stories_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;er.length)&&(a=r.length);for(var e=0,n=Array(a);e {\n const [isCurrent, switchTo] = useTabBar('Identifier');\n return \n } selected={isCurrent('Assets collection')} onClick={() => {\n switchTo('Assets collection');\n }}>\n Assets collection\n \n } selected={isCurrent('Date')} onClick={() => {\n switchTo('Date');\n }}>\n Date\n \n } selected={isCurrent('File')} onClick={() => {\n switchTo('File');\n }}>\n File\n \n } selected={isCurrent('Identifier')} onClick={() => {\n switchTo('Identifier');\n }}>\n Identifier\n \n } selected={isCurrent('Image')} onClick={() => {\n switchTo('Image');\n }}>\n Image\n \n } selected={isCurrent('Measurement')} onClick={() => {\n switchTo('Measurement');\n }}>\n Measurement\n \n } selected={isCurrent('Text')} onClick={() => {\n switchTo('Text');\n }}>\n Text\n \n This is a text\n \n \n } selected={isCurrent('Number')} onClick={() => {\n switchTo('Number');\n }} disabled>\n Number\n \n This is a disabled number\n \n \n ;\n}"}};var Tiles_stories_size=function size(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Tiles,{size:"small"},Object(esm.b)(Tiles_Tile,{icon:Object(esm.b)(AssetCollectionIcon.a,null)},"Small Assets collection"),Object(esm.b)(Tiles_Tile,{icon:Object(esm.b)(DateIcon.a,null)},"Small Date")),Object(esm.b)(Tiles,{size:"big"},Object(esm.b)(Tiles_Tile,{icon:Object(esm.b)(AssetCollectionIcon.a,null)},"Big Assets collection"),Object(esm.b)(Tiles_Tile,{icon:Object(esm.b)(DateIcon.a,null)},"Big Date")),Object(esm.b)(Tiles,{size:"small",inline:!0},Object(esm.b)(Tiles_Tile,null,"Big Assets collection",Object(esm.b)(Tooltip.a,{direction:"bottom"},"Big Assets collection")),Object(esm.b)(Tiles_Tile,null,"Big Date",Object(esm.b)(Tooltip.a,{direction:"bottom"},"Big Date"))),Object(esm.b)(Tiles,{size:"big",inline:!0},Object(esm.b)(Tiles_Tile,null,"Big Assets collection",Object(esm.b)(Tooltip.a,{direction:"bottom"},"Big Assets collection")),Object(esm.b)(Tiles_Tile,null,"Big Date",Object(esm.b)(Tooltip.a,{direction:"bottom"},"Big Date"))))};Tiles_stories_size.storyName="Size",Tiles_stories_size.parameters={storySource:{source:"args => {\n return <>\n \n }>\n Small Assets collection\n \n }>\n Small Date\n \n \n \n }>\n Big Assets collection\n \n }>\n Big Date\n \n \n \n \n Big Assets collection\n Big Assets collection\n \n \n Big Date\n Big Date\n \n \n \n \n Big Assets collection\n Big Assets collection\n \n \n Big Date\n Big Date\n \n \n ;\n}"}};var componentMeta={title:"Components/Tiles",component:Tiles,args:{size:"small",disabled:!1},argTypes:{size:{control:{type:"select"},options:["small","big"]},disabled:{control:{type:"boolean"}}},includeStories:["standard","size"]},mdxStoryNameToKey={Standard:"standard",Size:"size"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Toolbar/Toolbar.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_Toolbar__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/Toolbar/Toolbar.tsx"),_components__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/components/Checkbox/Checkbox.tsx"),_components__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/components/Button/Button.tsx"),_storybook__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/storybook/hooks/useSelection.ts"),_storybook__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/storybook/PreviewGallery.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e {\n const selection = useSelection();\n return \n \n \n \n \n \n {selection.checked ? \'All selected\' : \'Not selected\'}\n \n \n \n \n \n \n ;\n}'}};var componentMeta={title:"Components/Toolbar",component:_Toolbar__WEBPACK_IMPORTED_MODULE_8__.a,includeStories:["standard"]},mdxStoryNameToKey={Standard:"standard"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Toolbar/Toolbar.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Toolbar}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,styled_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_theme_theme__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/theme/theme.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["isVisible","children"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var ToolbarContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n padding: 0 15px;\n background-color: ",";\n align-items: center;\n border-top: 1px solid ",";\n flex-basis: ",";\n min-height: ",";\n transition: flex-basis 0.3s ease-in-out, min-height 0.3s ease-in-out, border 0.3s ease-in-out;\n overflow: ",";\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("white"),(function(_ref){return _ref.isVisible?Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey",80):"transparent"}),(function(_ref2){return _ref2.isVisible?"70px":0}),(function(_ref3){return _ref3.isVisible?"70px":0}),(function(_ref4){return _ref4.isVisible?"visible":"hidden"})),SelectionContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n align-items: center;\n"]))),ActionsContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n align-items: center;\n"]))),LabelContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n white-space: nowrap;\n color: ",";\n text-transform: uppercase;\n font-size: ",";\n align-items: center;\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey",120),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.e)("default")),Toolbar=function Toolbar(_ref5){var _ref5$isVisible=_ref5.isVisible,isVisible=void 0===_ref5$isVisible||_ref5$isVisible,children=_ref5.children,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r {\n return Lorem ipsum dolor sit amet, consectetur adipiscing elit.;\n}"}},{layout:"centered"}),standard.decorators=[function(Story){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"200px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(Story,null))}];var withTitle=function withTitle(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Tooltip_tsx__WEBPACK_IMPORTED_MODULE_8__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Tooltip_tsx__WEBPACK_IMPORTED_MODULE_8__.a.Title,null,"My wonderful title"),"The rest of the amazing content")};withTitle.displayName="withTitle",withTitle.storyName="With title",withTitle.parameters={storySource:{source:"args => {\n return \n My wonderful title\n The rest of the amazing content\n ;\n}"}};var componentMeta={title:"Components/Tooltip",component:_Tooltip_tsx__WEBPACK_IMPORTED_MODULE_8__.a,args:{direction:"top",content:"Tooltip content"},includeStories:["standard","withTitle"]},mdxStoryNameToKey={Standard:"standard","With title":"withTitle"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Tooltip/Tooltip.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Tooltip}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,react__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/react/index.js"),react_dom__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/react-dom/index.js"),styled_components__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_icons_HelpPlainIcon__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/icons/HelpPlainIcon.tsx"),_theme_theme__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/theme/theme.ts"),_theme_common__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/theme/common.ts"),_hooks_useBooleanState__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/hooks/useBooleanState.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["direction","iconSize","width","children"];function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _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 _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);er.length)&&(a=r.length);for(var e=0,n=Array(a);e0),2),isOpen=_React$useState2[0],setOpen=_React$useState2[1],handleOpen=react_default.a.useCallback((function(){setOpen(!0),onOpen&&onOpen(value)}),[onOpen,value]),handleClose=react_default.a.useCallback((function(){setOpen(!1),onClose&&onClose(value)}),[onClose,value]),handleArrowClick=react_default.a.useCallback((function(){isLeaf||(isOpen?handleClose():handleOpen())}),[isOpen,handleClose,handleOpen,isLeaf]),handleClick=react_default.a.useCallback((function(){onClick?onClick(value):handleArrowClick()}),[handleArrowClick,onClick,value]),handleSelect=react_default.a.useCallback((function(checked,event){onChange&&onChange(value,checked,event)}),[onChange,value]),result=Object(jsx_runtime.jsxs)(TreeContainer,Object.assign({role:"treeitem","aria-expanded":isOpen},rest,{children:[Object(jsx_runtime.jsxs)(TreeLine,{$selected:selected,children:[Object(jsx_runtime.jsx)(ArrowButton,{disabled:isLeaf,role:"button",onClick:handleArrowClick,children:!isLeaf&&Object(jsx_runtime.jsx)(TreeArrowIcon,{$isFolderOpen:isOpen,size:14})}),selectable&&Object(jsx_runtime.jsx)(NodeCheckbox,{checked:selected,onChange:handleSelect,readOnly:readOnly}),Object(jsx_runtime.jsxs)(LabelWithFolder,{onClick:handleClick,$selected:selected,title:label,"aria-selected":Boolean(selected),children:[Object(jsx_runtime.jsx)(Tree_TreeIcon,{isLoading:isLoading,isLeaf:isLeaf,selected:selected}),label," ",valueLabel&&Object(jsx_runtime.jsx)(ValueLabel,{children:valueLabel})]})]}),isOpen&&!isLeaf&&subTrees.length>0&&Object(jsx_runtime.jsx)(SubTreesContainer,{role:"group",children:subTrees.map((function(subTree){return react_default.a.cloneElement(subTree,{key:JSON.stringify(subTree.props.value),defaultOpen:defaultOpen,_isRoot:!1})}))})]}));return _isRoot?Object(jsx_runtime.jsx)("ul",{role:"tree",children:result}):result};Tree_Tree.displayName="Tree";try{Tree_Tree.displayName="Tree",Tree_Tree.__docgenInfo={description:"",displayName:"Tree",props:{value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"T"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},isLeaf:{defaultValue:{value:"false"},description:"",name:"isLeaf",required:!1,type:{name:"boolean"}},selected:{defaultValue:{value:"false"},description:"",name:"selected",required:!1,type:{name:"boolean"}},isLoading:{defaultValue:{value:"false"},description:"",name:"isLoading",required:!1,type:{name:"boolean"}},selectable:{defaultValue:{value:"false"},description:"",name:"selectable",required:!1,type:{name:"boolean"}},readOnly:{defaultValue:{value:"false"},description:"",name:"readOnly",required:!1,type:{name:"boolean"}},onOpen:{defaultValue:null,description:"",name:"onOpen",required:!1,type:{name:"((value: T) => void)"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!1,type:{name:"((value: T) => void)"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((value: T, checked: boolean, event: SyntheticEvent) => void)"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"((value: T) => void)"}},defaultOpen:{defaultValue:{value:"false"},description:"",name:"defaultOpen",required:!1,type:{name:"boolean"}},_isRoot:{defaultValue:{value:"true"},description:"",name:"_isRoot",required:!1,type:{name:"boolean"}},valueLabel:{defaultValue:null,description:"",name:"valueLabel",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Tree/Tree.tsx#Tree"]={docgenInfo:Tree_Tree.__docgenInfo,name:"Tree",path:"src/components/Tree/Tree.tsx#Tree"})}catch(__react_docgen_typescript_loader_error){}var Tree_stories_excluded=["components"];function Tree_stories_slicedToArray(r,e){return function Tree_stories_arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function Tree_stories_iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function Tree_stories_unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return Tree_stories_arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?Tree_stories_arrayLikeToArray(r,a):void 0}}(r,e)||function Tree_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 Tree_stories_arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e {...}/>")," for example."),Object(esm.b)("h2",{id:"playground"},"Playground"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Standard",mdxType:"Story"},(function(args){return Object(esm.b)(Tree_Tree,_extends({value:"master",label:"Master"},args,{mdxType:"Tree"}),Object(esm.b)(Tree_Tree,_extends({value:"tvs",label:"TVs and projectors"},args,{mdxType:"Tree"}),Object(esm.b)(Tree_Tree,_extends({value:"pc_monitors",label:"PC Monitors",isLeaf:!0},args,{mdxType:"Tree"}))),Object(esm.b)(Tree_Tree,_extends({value:"cameras",label:"Cameras"},args,{mdxType:"Tree"})),Object(esm.b)(Tree_Tree,_extends({value:"audio",label:"Audio and Video"},args,{mdxType:"Tree"})))}))),Object(esm.b)(dist_esm.b,{story:"Standard",mdxType:"ArgsTable"}),Object(esm.b)("h2",{id:"variation-on-selected"},"Variation on selected"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Selected",mdxType:"Story"},(function(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Tree_Tree,_extends({},args,{label:"default",selected:!1,mdxType:"Tree"})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"selected",selected:!0,mdxType:"Tree"})))}))),Object(esm.b)("h2",{id:"variation-on-isloading"},"Variation on isLoading"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"IsLoading",mdxType:"Story"},(function(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Tree_Tree,_extends({},args,{label:"default",isLoading:!1,mdxType:"Tree"})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"isLoading",isLoading:!0,mdxType:"Tree"})))}))),Object(esm.b)("h2",{id:"variation-on-isleaf"},"Variation on isLeaf"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"IsLeaf",mdxType:"Story"},(function(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Tree_Tree,_extends({},args,{label:"default",isLeaf:!1,mdxType:"Tree"})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"isLeaf",isLeaf:!0,mdxType:"Tree"})))}))),Object(esm.b)("h2",{id:"variation-on-selectable"},"Variation on selectable"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Selectable",mdxType:"Story"},(function(args){var _React$useState2=Tree_stories_slicedToArray(react_default.a.useState(!1),2),selected=_React$useState2[0],setSelected=_React$useState2[1];return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Tree_Tree,_extends({},args,{label:"default",selectable:!1,mdxType:"Tree"})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"selectable",selectable:!0,selected:selected,onChange:function onChange(_value,checked){return setSelected(checked)},mdxType:"Tree"})))}))),Object(esm.b)("h2",{id:"variation-on-readonly"},"Variation on readOnly"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"ReadOnly",mdxType:"Story"},(function(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Tree_Tree,_extends({},args,{label:"default",selectable:!0,readOnly:!1,mdxType:"Tree"})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"readOnly",selectable:!0,readOnly:!0,mdxType:"Tree"})))}))),Object(esm.b)("h2",{id:"variation-on-indeterminate-checked-when-child-is-selected"},"Variation on indeterminate checked when child is selected"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"IndeterminateChecked",mdxType:"Story"},(function(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Tree_Tree,_extends({},args,{label:"Indeterminate",selectable:!0,mdxType:"Tree"}),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child1",isLeaf:!0,selectable:!0,selected:!0,mdxType:"Tree"})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child2",isLeaf:!0,selectable:!0,mdxType:"Tree"}))),Object(esm.b)(Tree_Tree,_extends({},args,{label:"All Checked",selectable:!0,mdxType:"Tree"}),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child1",isLeaf:!0,selectable:!0,selected:!0,mdxType:"Tree"})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child2",isLeaf:!0,selectable:!0,selected:!0,mdxType:"Tree"}))))}))),Object(esm.b)("h2",{id:"variation-with-open-children-when-present"},"Variation with open children when present"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"defaultOpen",mdxType:"Story"},(function(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Tree_Tree,_extends({},args,{label:"Parent1",defaultOpen:!0,mdxType:"Tree"}),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child1",mdxType:"Tree"}),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child1 Sub1",isLeaf:!0,mdxType:"Tree"})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child1 Sub2",isLeaf:!0,mdxType:"Tree"}))),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child2",isLeaf:!0,mdxType:"Tree"}))),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Parent 2",defaultOpen:!0,mdxType:"Tree"}),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child1",isLeaf:!0,mdxType:"Tree"})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child2",mdxType:"Tree"}),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child2 Sub1",isLeaf:!0,mdxType:"Tree"})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child2 Sub2",isLeaf:!0,mdxType:"Tree"})))))}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var Tree_stories_standard=function standard(args){return Object(esm.b)(Tree_Tree,_extends({value:"master",label:"Master"},args),Object(esm.b)(Tree_Tree,_extends({value:"tvs",label:"TVs and projectors"},args),Object(esm.b)(Tree_Tree,_extends({value:"pc_monitors",label:"PC Monitors",isLeaf:!0},args))),Object(esm.b)(Tree_Tree,_extends({value:"cameras",label:"Cameras"},args)),Object(esm.b)(Tree_Tree,_extends({value:"audio",label:"Audio and Video"},args)))};Tree_stories_standard.displayName="standard",Tree_stories_standard.storyName="Standard",Tree_stories_standard.parameters={storySource:{source:"args => {\n return \n \n \n \n \n \n ;\n}"}};var Tree_stories_selected=function selected(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Tree_Tree,_extends({},args,{label:"default",selected:!1})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"selected",selected:!0})))};Tree_stories_selected.storyName="Selected",Tree_stories_selected.parameters={storySource:{source:"args => {\n return <>\n \n \n ;\n}"}};var Tree_stories_isLoading=function isLoading(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Tree_Tree,_extends({},args,{label:"default",isLoading:!1})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"isLoading",isLoading:!0})))};Tree_stories_isLoading.storyName="IsLoading",Tree_stories_isLoading.parameters={storySource:{source:"args => {\n return <>\n \n \n ;\n}"}};var Tree_stories_isLeaf=function isLeaf(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Tree_Tree,_extends({},args,{label:"default",isLeaf:!1})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"isLeaf",isLeaf:!0})))};Tree_stories_isLeaf.storyName="IsLeaf",Tree_stories_isLeaf.parameters={storySource:{source:"args => {\n return <>\n \n \n ;\n}"}};var Tree_stories_selectable=function selectable(args){var _React$useState4=Tree_stories_slicedToArray(react_default.a.useState(!1),2),selected=_React$useState4[0],setSelected=_React$useState4[1];return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Tree_Tree,_extends({},args,{label:"default",selectable:!1})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"selectable",selectable:!0,selected:selected,onChange:function onChange(_value,checked){return setSelected(checked)}})))};Tree_stories_selectable.storyName="Selectable",Tree_stories_selectable.parameters={storySource:{source:"args => {\n const [selected, setSelected] = React.useState(false);\n return <>\n \n setSelected(checked)} />\n ;\n}"}};var Tree_stories_readOnly=function readOnly(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Tree_Tree,_extends({},args,{label:"default",selectable:!0,readOnly:!1})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"readOnly",selectable:!0,readOnly:!0})))};Tree_stories_readOnly.storyName="ReadOnly",Tree_stories_readOnly.parameters={storySource:{source:"args => {\n return <>\n \n \n ;\n}"}};var Tree_stories_indeterminateChecked=function indeterminateChecked(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Tree_Tree,_extends({},args,{label:"Indeterminate",selectable:!0}),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child1",isLeaf:!0,selectable:!0,selected:!0})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child2",isLeaf:!0,selectable:!0}))),Object(esm.b)(Tree_Tree,_extends({},args,{label:"All Checked",selectable:!0}),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child1",isLeaf:!0,selectable:!0,selected:!0})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child2",isLeaf:!0,selectable:!0,selected:!0}))))};Tree_stories_indeterminateChecked.storyName="IndeterminateChecked",Tree_stories_indeterminateChecked.parameters={storySource:{source:"args => {\n return <>\n \n \n \n \n \n \n \n \n ;\n}"}};var Tree_stories_defaultOpen=function defaultOpen(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Tree_Tree,_extends({},args,{label:"Parent1",defaultOpen:!0}),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child1"}),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child1 Sub1",isLeaf:!0})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child1 Sub2",isLeaf:!0}))),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child2",isLeaf:!0}))),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Parent 2",defaultOpen:!0}),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child1",isLeaf:!0})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child2"}),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child2 Sub1",isLeaf:!0})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child2 Sub2",isLeaf:!0})))))};Tree_stories_defaultOpen.storyName="defaultOpen",Tree_stories_defaultOpen.parameters={storySource:{source:"args => {\n return <>\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n ;\n}"}};var componentMeta={title:"Components/Tree",component:Tree_Tree,args:{},argTypes:{value:{description:"Value of the element that is used during callback events"},label:{description:"Label of the tree element"},isLeaf:{description:"A leaf is the deepest element of a tree and does not have children"},selected:{description:"Highlight the current element of the tree"},isLoading:{description:"Displays the loading animation"},selectable:{description:"Displays a checkbox that allows to select the element of the tree"},readOnly:{description:"Does not allow checking/unchecking the box (Can only be used with `selectable`)"},onOpen:{description:"Triggered when the user opens a node"},onClose:{description:"Triggered when the user closes a node"},onChange:{description:"Triggered when the user selects or unselects a node"},onClick:{description:"Triggered when the user clicks on a node. If not specified, a click opens or closes the node."},defaultOpen:{description:"Allow to open automatically children when present."},_isRoot:{table:{disable:!0}},valueLabel:{description:"Label of the value"}},includeStories:["standard","selected","isLoading","isLeaf","selectable","readOnly","indeterminateChecked","defaultOpen"]},mdxStoryNameToKey={Standard:"standard",Selected:"selected",IsLoading:"isLoading",IsLeaf:"isLeaf",Selectable:"selectable",ReadOnly:"readOnly",IndeterminateChecked:"indeterminateChecked",defaultOpen:"defaultOpen"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/contexts/DraggedElementContext.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"b",(function(){return DraggedElementProvider})),__webpack_require__.d(__webpack_exports__,"a",(function(){return DraggedElementContext}));__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _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 _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e void) | ((updatedIndices: number[]) => void | undefined) | undefined"}},readOnly:{defaultValue:null,description:"Displays the value of the input, but does not allow changes.",name:"readOnly",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/contexts/DraggedElementContext.tsx#DraggedElementProvider"]={docgenInfo:DraggedElementProvider.__docgenInfo,name:"DraggedElementProvider",path:"src/contexts/DraggedElementContext.tsx#DraggedElementProvider"})}catch(__react_docgen_typescript_loader_error){}},"./src/guidelines sync ^\\.[\\\\/](?:(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./Colors.stories.mdx":"./src/guidelines/Colors.stories.mdx","./Iconography.stories.mdx":"./src/guidelines/Iconography.stories.mdx","./Illustration.stories.mdx":"./src/guidelines/Illustration.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./src/guidelines sync ^\\.[\\\\/](?:(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"},"./src/guidelines/Colors.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"ColorContainer",(function(){return ColorContainer})),__webpack_require__.d(__webpack_exports__,"colors",(function(){return colors})),__webpack_require__.d(__webpack_exports__,"colorsAlternative",(function(){return colorsAlternative})),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"alternative",(function(){return alternative}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,react__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_11__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),styled_components__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./src/storybook/PreviewGallery.tsx"),_themes__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./src/themes/index.ts"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e\n

Brand colors

\n {themes.map(theme => {\n return
\n {theme.name}\n \n {Object.keys(theme.color).filter(colorCode => 0 === colorCode.indexOf('brand')).map(colorCode => {\n return \n \n {colorCode}\n {theme.color[colorCode]}\n ;\n })}\n \n
;\n })}\n \n
\n

System

\n {colors.map(color => {\n return
\n {color}\n \n {Object.keys(themes[0].color).filter(colorCode => 0 === colorCode.indexOf(color)).map(colorCode => {\n const color = themes[0].color[colorCode];\n return \n \n {colorCode}\n {color}\n ;\n })}\n \n
;\n })}\n
"}};var alternative=function alternative(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_12__.b)("div",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_12__.b)("h1",null,"Alternative colors"),colorsAlternative.map((function(colorName){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_12__.b)("div",{key:colorName},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_12__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_15__.m,null,colorName),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_12__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_15__.g,null,Object.keys(_themes__WEBPACK_IMPORTED_MODULE_16__.a[0].colorAlternative).filter((function(colorCode){return 0===colorCode.indexOf(colorName)})).map((function(colorCode){var color=_themes__WEBPACK_IMPORTED_MODULE_16__.a[0].colorAlternative[colorCode];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_12__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_15__.e,{key:colorCode},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_12__.b)(ColorContainer,{color:color}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_12__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_15__.b,null,colorCode),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_12__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_15__.b,null,color))}))))})))};alternative.displayName="alternative",alternative.storyName="Alternative",alternative.parameters={storySource:{source:"
\n

Alternative colors

\n {colorsAlternative.map(colorName => {\n return
\n {colorName}\n \n {Object.keys(themes[0].colorAlternative).filter(colorCode => 0 === colorCode.indexOf(colorName)).map(colorCode => {\n const color = themes[0].colorAlternative[colorCode];\n return \n \n {colorCode}\n {color}\n ;\n })}\n \n
;\n })}\n
"}};var componentMeta={title:"Guidelines/Colors",includeStories:["standard","alternative"]},mdxStoryNameToKey={Standard:"standard",Alternative:"alternative"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_12__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_13__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_12__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/guidelines/Iconography.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.flat.js"),__webpack_require__("./node_modules/core-js/modules/es.object.values.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js");var react__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_11__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./src/storybook/PreviewGallery.tsx"),_themes__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./src/themes/pim/index.ts"),_Colors_stories_mdx__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./src/guidelines/Colors.stories.mdx"),_icons__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/icons/index.ts"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e {\n return \n {Object.keys(Icons).map(iconName => {\n return \n \n {React.createElement(Icons[iconName], {\n ...args,\n color: pimTheme.color[`${args.color}100`]\n })}\n \n {iconName.replace('Icon', '')}\n ;\n })}\n ;\n}"}};var componentMeta={title:"Guidelines/Iconography",args:{color:"grey",size:24},argTypes:{color:{control:{type:"select"},options:Object.values(_Colors_stories_mdx__WEBPACK_IMPORTED_MODULE_16__.colors).flat()},size:{control:{type:"select"},options:[16,24,32,48]}},includeStories:["standard"]},mdxStoryNameToKey={Standard:"standard"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_12__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_13__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_12__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/guidelines/Illustration.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js");var react__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_9___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_9__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/storybook/PreviewGallery.tsx"),_illustrations__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./src/illustrations/index.ts"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e {\n return \n {Object.keys(Illustrations).map(illustrationName => {\n return \n {React.createElement(Illustrations[illustrationName], {\n ...args\n })}\n {illustrationName.replace('Illustration', '')}\n ;\n })}\n ;\n}"}};var componentMeta={title:"Guidelines/Illustrations",parameters:{viewMode:"story"},args:{size:128},argTypes:{size:{control:{type:"select"},options:[128,256]}},includeStories:["standard"]},mdxStoryNameToKey={Standard:"standard"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_10__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_11__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_10__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/hooks/useAutoFocus.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useAutoFocus}));__webpack_require__("./node_modules/core-js/modules/web.timers.js");var react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),useAutoFocus=function useAutoFocus(ref){var focus=Object(react__WEBPACK_IMPORTED_MODULE_1__.useCallback)((function(){setTimeout((function(){null!==ref.current&&ref.current.focus()}),0)}),[ref]);return Object(react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(focus,[]),focus}},"./src/hooks/useBooleanState.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useBooleanState}));__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/react/index.js");function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _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 _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e0&&void 0!==arguments[0]&&arguments[0],_useState2=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_11__.useState)(defaultValue),2),value=_useState2[0],setValue=_useState2[1];return[value,Object(react__WEBPACK_IMPORTED_MODULE_11__.useCallback)((function(){return setValue(!0)}),[]),Object(react__WEBPACK_IMPORTED_MODULE_11__.useCallback)((function(){return setValue(!1)}),[])]}},"./src/hooks/useDrop.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useDrop}));__webpack_require__("./node_modules/core-js/modules/es.parse-int.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.splice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js");var _useId__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./src/hooks/useId.ts");function _toConsumableArray(r){return function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r)}(r)||function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(r)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r)||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(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);er.length)&&(a=r.length);for(var e=0,n=Array(a);e0&&void 0!==arguments[0]?arguments[0]:"",_useState=Object(react.useState)(""+prefix+function uuid(){var date=(new Date).getTime(),uuid="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(_char){var random=(date+16*Math.random())%16|0;return date=Math.floor(date/16),("x"===_char?random:3&random|8).toString(16)}));return uuid}());return _slicedToArray(_useState,1)[0]}},"./src/hooks/usePagination.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return usePagination}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),usePagination=function usePagination(containerRef,lastOptionRef,onNextPage,isVisible){Object(react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){var containerElement=containerRef.current,lastElement=lastOptionRef.current;if(void 0!==onNextPage&&null!==containerElement&&null!==lastOptionRef.current&&null!==lastElement){var observer=new IntersectionObserver((function(entries){entries[entries.length-1].isIntersecting&&onNextPage()}),{root:containerElement,rootMargin:"0px 0px 100% 0px",threshold:0});return observer.observe(lastElement),function(){return observer.unobserve(lastElement)}}}),[onNextPage,isVisible])}},"./src/hooks/usePlaceholderPosition.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return usePlaceholderPosition}));__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/react/index.js");function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _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 _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e=rowIndex?"top":"bottom")}),[rowIndex]),Object(react__WEBPACK_IMPORTED_MODULE_11__.useCallback)((function(){setHoveringCount((function(count){return count-1}))}),[]),Object(react__WEBPACK_IMPORTED_MODULE_11__.useCallback)((function(){setHoveringCount(0)}),[])]}},"./src/hooks/usePosition.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"b",(function(){return useVerticalPosition})),__webpack_require__.d(__webpack_exports__,"a",(function(){return useHorizontalPosition}));__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/react/index.js");function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _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 _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);ewindowWidth-(elementWidth+distanceToLeft)?"left":"right")}}),[forcedPosition,ref.current]),horizontalPosition}},"./src/hooks/useShortcut.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useShortcut}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),useShortcut=function useShortcut(key,callback){var externalRef=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,internalRef=Object(react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),ref=null===externalRef?internalRef:externalRef,memoizedCallback=Object(react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((function(event){return key===event.key&&(callback(event),!0)}),[key,callback,ref]);return Object(react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){if("function"!=typeof ref&&null!==ref.current){var element=ref.current;return element.addEventListener("keydown",memoizedCallback),function(){return element.removeEventListener("keydown",memoizedCallback)}}return window.addEventListener("keydown",memoizedCallback),function(){return window.removeEventListener("keydown",memoizedCallback)}}),[memoizedCallback,ref]),ref}},"./src/hooks/useTabBar.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useTabBar}));__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/react/index.js");function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _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 _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);er.length)&&(a=r.length);for(var e=0,n=Array(a);e"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/AkeneoIcon.tsx#AkeneoIcon"]={docgenInfo:AkeneoIcon.__docgenInfo,name:"AkeneoIcon",path:"src/icons/AkeneoIcon.tsx#AkeneoIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/ArrowDownIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return ArrowDownIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var ArrowDownIcon=function ArrowDownIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ArrowDownIcon.tsx#ArrowDownIcon"]={docgenInfo:ArrowDownIcon.__docgenInfo,name:"ArrowDownIcon",path:"src/icons/ArrowDownIcon.tsx#ArrowDownIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/ArrowRightIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return ArrowRightIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var ArrowRightIcon=function ArrowRightIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ArrowRightIcon.tsx#ArrowRightIcon"]={docgenInfo:ArrowRightIcon.__docgenInfo,name:"ArrowRightIcon",path:"src/icons/ArrowRightIcon.tsx#ArrowRightIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/ArrowUpIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return ArrowUpIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var ArrowUpIcon=function ArrowUpIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ArrowUpIcon.tsx#ArrowUpIcon"]={docgenInfo:ArrowUpIcon.__docgenInfo,name:"ArrowUpIcon",path:"src/icons/ArrowUpIcon.tsx#ArrowUpIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/AssetCollectionIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return AssetCollectionIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var AssetCollectionIcon=function AssetCollectionIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/AssetCollectionIcon.tsx#AssetCollectionIcon"]={docgenInfo:AssetCollectionIcon.__docgenInfo,name:"AssetCollectionIcon",path:"src/icons/AssetCollectionIcon.tsx#AssetCollectionIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/AssetsIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return AssetsIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var AssetsIcon=function AssetsIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/AssetsIcon.tsx#AssetsIcon"]={docgenInfo:AssetsIcon.__docgenInfo,name:"AssetsIcon",path:"src/icons/AssetsIcon.tsx#AssetsIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/AttributeNumberIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return AttributeNumberIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var AttributeNumberIcon=function AttributeNumberIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/AttributeNumberIcon.tsx#AttributeNumberIcon"]={docgenInfo:AttributeNumberIcon.__docgenInfo,name:"AttributeNumberIcon",path:"src/icons/AttributeNumberIcon.tsx#AttributeNumberIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/AttributeTextIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return AttributeTextIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var AttributeTextIcon=function AttributeTextIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/AttributeTextIcon.tsx#AttributeTextIcon"]={docgenInfo:AttributeTextIcon.__docgenInfo,name:"AttributeTextIcon",path:"src/icons/AttributeTextIcon.tsx#AttributeTextIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/BrokenLinkIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return BrokenLinkIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var BrokenLinkIcon=function BrokenLinkIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/BrokenLinkIcon.tsx#BrokenLinkIcon"]={docgenInfo:BrokenLinkIcon.__docgenInfo,name:"BrokenLinkIcon",path:"src/icons/BrokenLinkIcon.tsx#BrokenLinkIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/CardIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return CardIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var CardIcon=function CardIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/CardIcon.tsx#CardIcon"]={docgenInfo:CardIcon.__docgenInfo,name:"CardIcon",path:"src/icons/CardIcon.tsx#CardIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/CheckIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return CheckIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color","className"];var CheckIcon=function CheckIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?18:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,className=_ref.className,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/CheckIcon.tsx#CheckIcon"]={docgenInfo:CheckIcon.__docgenInfo,name:"CheckIcon",path:"src/icons/CheckIcon.tsx#CheckIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/CheckPartialIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return CheckPartialIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color","className"];var CheckPartialIcon=function CheckPartialIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,className=_ref.className,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/CheckPartialIcon.tsx#CheckPartialIcon"]={docgenInfo:CheckPartialIcon.__docgenInfo,name:"CheckPartialIcon",path:"src/icons/CheckPartialIcon.tsx#CheckPartialIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/CheckRoundIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return CheckRoundIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var CheckRoundIcon=function CheckRoundIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/CheckRoundIcon.tsx#CheckRoundIcon"]={docgenInfo:CheckRoundIcon.__docgenInfo,name:"CheckRoundIcon",path:"src/icons/CheckRoundIcon.tsx#CheckRoundIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/CloseIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return CloseIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var CloseIcon=function CloseIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/CloseIcon.tsx#CloseIcon"]={docgenInfo:CloseIcon.__docgenInfo,name:"CloseIcon",path:"src/icons/CloseIcon.tsx#CloseIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/CopyIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return CopyIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var CopyIcon=function CopyIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/CopyIcon.tsx#CopyIcon"]={docgenInfo:CopyIcon.__docgenInfo,name:"CopyIcon",path:"src/icons/CopyIcon.tsx#CopyIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/DangerIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return DangerIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var DangerIcon=function DangerIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/DangerIcon.tsx#DangerIcon"]={docgenInfo:DangerIcon.__docgenInfo,name:"DangerIcon",path:"src/icons/DangerIcon.tsx#DangerIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/DateIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return DateIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var DateIcon=function DateIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/DateIcon.tsx#DateIcon"]={docgenInfo:DateIcon.__docgenInfo,name:"DateIcon",path:"src/icons/DateIcon.tsx#DateIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/DeleteIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return DeleteIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _templateObject,_templateObject2,_templateObject3,styled_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color","animateOnHover"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var Lid=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.path(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n transition: transform 0.1s linear;\n transform-origin: 60% 90%;\n"]))),animatedMixin=Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n "," {\n transform: rotate(15deg) translate(-3px, -2px);\n }\n"])),Lid),Container=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.svg(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n :hover {\n ","\n }\n"])),(function(_ref){return _ref.animateOnHover&&animatedMixin})),DeleteIcon=function DeleteIcon(_ref2){var title=_ref2.title,_ref2$size=_ref2.size,size=void 0===_ref2$size?24:_ref2$size,_ref2$color=_ref2.color,color=void 0===_ref2$color?"currentColor":_ref2$color,_ref2$animateOnHover=_ref2.animateOnHover,animateOnHover=void 0!==_ref2$animateOnHover&&_ref2$animateOnHover,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/DeleteIcon.tsx#DeleteIcon"]={docgenInfo:DeleteIcon.__docgenInfo,name:"DeleteIcon",path:"src/icons/DeleteIcon.tsx#DeleteIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/DownloadIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return DownloadIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,styled_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color","animateOnHover"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var downloadAnimation=Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.keyframes)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n 0% {\n transform: translateY(0)\n }\n 25% {\n transform: translateY(2px)\n }\n 50% {\n transform: translateY(-2px)\n }\n 100% {\n transform: translateY(0)\n }\n"]))),Arrow=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.path(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n animation-duration: 0.5s;\n animation-iteration-count: 1;\n"]))),animatedMixin=Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n "," {\n animation-name: ",";\n }\n"])),Arrow,downloadAnimation),Container=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.svg(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n :hover {\n ","\n }\n"])),(function(_ref){return _ref.$animateOnHover&&animatedMixin})),DownloadIcon=function DownloadIcon(_ref2){var title=_ref2.title,_ref2$size=_ref2.size,size=void 0===_ref2$size?24:_ref2$size,_ref2$color=_ref2.color,color=void 0===_ref2$color?"currentColor":_ref2$color,_ref2$animateOnHover=_ref2.animateOnHover,animateOnHover=void 0!==_ref2$animateOnHover&&_ref2$animateOnHover,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/DownloadIcon.tsx#DownloadIcon"]={docgenInfo:DownloadIcon.__docgenInfo,name:"DownloadIcon",path:"src/icons/DownloadIcon.tsx#DownloadIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/EditIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return EditIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var EditIcon=function EditIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/EditIcon.tsx#EditIcon"]={docgenInfo:EditIcon.__docgenInfo,name:"EditIcon",path:"src/icons/EditIcon.tsx#EditIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/EraseIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return EraseIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var EraseIcon=function EraseIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/EraseIcon.tsx#EraseIcon"]={docgenInfo:EraseIcon.__docgenInfo,name:"EraseIcon",path:"src/icons/EraseIcon.tsx#EraseIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/FileIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return FileIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var FileIcon=function FileIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/FileIcon.tsx#FileIcon"]={docgenInfo:FileIcon.__docgenInfo,name:"FileIcon",path:"src/icons/FileIcon.tsx#FileIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/FolderIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return FolderIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var FolderIcon=function FolderIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/FolderIcon.tsx#FolderIcon"]={docgenInfo:FolderIcon.__docgenInfo,name:"FolderIcon",path:"src/icons/FolderIcon.tsx#FolderIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/FolderPlainIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return FolderPlainIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var FolderPlainIcon=function FolderPlainIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/FolderPlainIcon.tsx#FolderPlainIcon"]={docgenInfo:FolderPlainIcon.__docgenInfo,name:"FolderPlainIcon",path:"src/icons/FolderPlainIcon.tsx#FolderPlainIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/FoldersIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return FoldersIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var FoldersIcon=function FoldersIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/FoldersIcon.tsx#FoldersIcon"]={docgenInfo:FoldersIcon.__docgenInfo,name:"FoldersIcon",path:"src/icons/FoldersIcon.tsx#FoldersIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/FoldersPlainIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return FoldersPlainIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var FoldersPlainIcon=function FoldersPlainIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/FoldersPlainIcon.tsx#FoldersPlainIcon"]={docgenInfo:FoldersPlainIcon.__docgenInfo,name:"FoldersPlainIcon",path:"src/icons/FoldersPlainIcon.tsx#FoldersPlainIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/FullscreenIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return FullscreenIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var FullscreenIcon=function FullscreenIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/FullscreenIcon.tsx#FullscreenIcon"]={docgenInfo:FullscreenIcon.__docgenInfo,name:"FullscreenIcon",path:"src/icons/FullscreenIcon.tsx#FullscreenIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/GiftIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return GiftIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var GiftIcon=function GiftIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/GiftIcon.tsx#GiftIcon"]={docgenInfo:GiftIcon.__docgenInfo,name:"GiftIcon",path:"src/icons/GiftIcon.tsx#GiftIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/HelpIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return HelpIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var HelpIcon=function HelpIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/HelpIcon.tsx#HelpIcon"]={docgenInfo:HelpIcon.__docgenInfo,name:"HelpIcon",path:"src/icons/HelpIcon.tsx#HelpIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/HelpPlainIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return HelpPlainIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var HelpPlainIcon=function HelpPlainIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,props=(_ref.color,function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/HelpPlainIcon.tsx#HelpPlainIcon"]={docgenInfo:HelpPlainIcon.__docgenInfo,name:"HelpPlainIcon",path:"src/icons/HelpPlainIcon.tsx#HelpPlainIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/IdIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return IdIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var IdIcon=function IdIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/IdIcon.tsx#IdIcon"]={docgenInfo:IdIcon.__docgenInfo,name:"IdIcon",path:"src/icons/IdIcon.tsx#IdIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/InfoIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return InfoIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var InfoIcon=function InfoIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/InfoIcon.tsx#InfoIcon"]={docgenInfo:InfoIcon.__docgenInfo,name:"InfoIcon",path:"src/icons/InfoIcon.tsx#InfoIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/InfoRoundIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return InfoRoundIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var InfoRoundIcon=function InfoRoundIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/InfoRoundIcon.tsx#InfoRoundIcon"]={docgenInfo:InfoRoundIcon.__docgenInfo,name:"InfoRoundIcon",path:"src/icons/InfoRoundIcon.tsx#InfoRoundIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/LinkIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return LinkIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var LinkIcon=function LinkIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/LinkIcon.tsx#LinkIcon"]={docgenInfo:LinkIcon.__docgenInfo,name:"LinkIcon",path:"src/icons/LinkIcon.tsx#LinkIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/LoaderIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return LoaderIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var LoaderIcon=function LoaderIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/LoaderIcon.tsx#LoaderIcon"]={docgenInfo:LoaderIcon.__docgenInfo,name:"LoaderIcon",path:"src/icons/LoaderIcon.tsx#LoaderIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/LockIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return LockIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var LockIcon=function LockIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/LockIcon.tsx#LockIcon"]={docgenInfo:LockIcon.__docgenInfo,name:"LockIcon",path:"src/icons/LockIcon.tsx#LockIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/MailIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return MailIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var MailIcon=function MailIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/MailIcon.tsx#MailIcon"]={docgenInfo:MailIcon.__docgenInfo,name:"MailIcon",path:"src/icons/MailIcon.tsx#MailIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/MegaphoneIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return MegaphoneIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var MegaphoneIcon=function MegaphoneIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/MegaphoneIcon.tsx#MegaphoneIcon"]={docgenInfo:MegaphoneIcon.__docgenInfo,name:"MegaphoneIcon",path:"src/icons/MegaphoneIcon.tsx#MegaphoneIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/MetricIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return MetricIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var MetricIcon=function MetricIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/MetricIcon.tsx#MetricIcon"]={docgenInfo:MetricIcon.__docgenInfo,name:"MetricIcon",path:"src/icons/MetricIcon.tsx#MetricIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/MoreIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return MoreIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var MoreIcon=function MoreIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/MoreIcon.tsx#MoreIcon"]={docgenInfo:MoreIcon.__docgenInfo,name:"MoreIcon",path:"src/icons/MoreIcon.tsx#MoreIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/MoreVerticalIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return MoreVerticalIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var MoreVerticalIcon=function MoreVerticalIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/MoreVerticalIcon.tsx#MoreVerticalIcon"]={docgenInfo:MoreVerticalIcon.__docgenInfo,name:"MoreVerticalIcon",path:"src/icons/MoreVerticalIcon.tsx#MoreVerticalIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/PanelCloseIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return PanelCloseIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var PanelCloseIcon=function PanelCloseIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/PanelCloseIcon.tsx#PanelCloseIcon"]={docgenInfo:PanelCloseIcon.__docgenInfo,name:"PanelCloseIcon",path:"src/icons/PanelCloseIcon.tsx#PanelCloseIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/PanelOpenIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return PanelOpenIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var PanelOpenIcon=function PanelOpenIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/PanelOpenIcon.tsx#PanelOpenIcon"]={docgenInfo:PanelOpenIcon.__docgenInfo,name:"PanelOpenIcon",path:"src/icons/PanelOpenIcon.tsx#PanelOpenIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/PlusIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return PlusIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var PlusIcon=function PlusIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/PlusIcon.tsx#PlusIcon"]={docgenInfo:PlusIcon.__docgenInfo,name:"PlusIcon",path:"src/icons/PlusIcon.tsx#PlusIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/RefreshIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return RefreshIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var RefreshIcon=function RefreshIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/RefreshIcon.tsx#RefreshIcon"]={docgenInfo:RefreshIcon.__docgenInfo,name:"RefreshIcon",path:"src/icons/RefreshIcon.tsx#RefreshIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/RowIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return RowIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var RowIcon=function RowIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/RowIcon.tsx#RowIcon"]={docgenInfo:RowIcon.__docgenInfo,name:"RowIcon",path:"src/icons/RowIcon.tsx#RowIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/SearchIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return SearchIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var SearchIcon=function SearchIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/SearchIcon.tsx#SearchIcon"]={docgenInfo:SearchIcon.__docgenInfo,name:"SearchIcon",path:"src/icons/SearchIcon.tsx#SearchIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/UnviewIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return UnviewIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var UnviewIcon=function UnviewIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/UnviewIcon.tsx#UnviewIcon"]={docgenInfo:UnviewIcon.__docgenInfo,name:"UnviewIcon",path:"src/icons/UnviewIcon.tsx#UnviewIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/ViewIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return ViewIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var ViewIcon=function ViewIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ViewIcon.tsx#ViewIcon"]={docgenInfo:ViewIcon.__docgenInfo,name:"ViewIcon",path:"src/icons/ViewIcon.tsx#ViewIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"ActivityIcon",(function(){return ActivityIcon_ActivityIcon})),__webpack_require__.d(__webpack_exports__,"AddAttributeIcon",(function(){return AddAttributeIcon_AddAttributeIcon})),__webpack_require__.d(__webpack_exports__,"AkeneoIcon",(function(){return AkeneoIcon.a})),__webpack_require__.d(__webpack_exports__,"ArrowIcon",(function(){return ArrowIcon_ArrowIcon})),__webpack_require__.d(__webpack_exports__,"ArrowDownIcon",(function(){return ArrowDownIcon.a})),__webpack_require__.d(__webpack_exports__,"ArrowLeftIcon",(function(){return ArrowLeftIcon_ArrowLeftIcon})),__webpack_require__.d(__webpack_exports__,"ArrowRightIcon",(function(){return ArrowRightIcon.a})),__webpack_require__.d(__webpack_exports__,"ArrowSimpleRightIcon",(function(){return ArrowSimpleRightIcon_ArrowSimpleRightIcon})),__webpack_require__.d(__webpack_exports__,"ArrowSimpleUpIcon",(function(){return ArrowSimpleUpIcon_ArrowSimpleUpIcon})),__webpack_require__.d(__webpack_exports__,"ArrowUpIcon",(function(){return ArrowUpIcon.a})),__webpack_require__.d(__webpack_exports__,"AssetsIcon",(function(){return AssetsIcon.a})),__webpack_require__.d(__webpack_exports__,"AssetCollectionIcon",(function(){return AssetCollectionIcon.a})),__webpack_require__.d(__webpack_exports__,"AssociateIcon",(function(){return AssociateIcon_AssociateIcon})),__webpack_require__.d(__webpack_exports__,"AttributeBooleanIcon",(function(){return AttributeBooleanIcon_AttributeBooleanIcon})),__webpack_require__.d(__webpack_exports__,"AttributeFileIcon",(function(){return AttributeFileIcon_AttributeFileIcon})),__webpack_require__.d(__webpack_exports__,"AttributeLinkIcon",(function(){return AttributeLinkIcon_AttributeLinkIcon})),__webpack_require__.d(__webpack_exports__,"AttributeMultiSelectIcon",(function(){return AttributeMultiSelectIcon_AttributeMultiSelectIcon})),__webpack_require__.d(__webpack_exports__,"AttributeNumberIcon",(function(){return AttributeNumberIcon.a})),__webpack_require__.d(__webpack_exports__,"AttributePriceIcon",(function(){return AttributePriceIcon_AttributePriceIcon})),__webpack_require__.d(__webpack_exports__,"AttributeSelectIcon",(function(){return AttributeSelectIcon_AttributeSelectIcon})),__webpack_require__.d(__webpack_exports__,"AttributeTextIcon",(function(){return AttributeTextIcon.a})),__webpack_require__.d(__webpack_exports__,"AttributeTextareaIcon",(function(){return AttributeTextareaIcon_AttributeTextareaIcon})),__webpack_require__.d(__webpack_exports__,"BarChartsIcon",(function(){return BarChartsIcon_BarChartsIcon})),__webpack_require__.d(__webpack_exports__,"BookIcon",(function(){return BookIcon_BookIcon})),__webpack_require__.d(__webpack_exports__,"BoxIcon",(function(){return BoxIcon_BoxIcon})),__webpack_require__.d(__webpack_exports__,"BrokenLinkIcon",(function(){return BrokenLinkIcon.a})),__webpack_require__.d(__webpack_exports__,"CaddyIcon",(function(){return CaddyIcon_CaddyIcon})),__webpack_require__.d(__webpack_exports__,"CaddyAddIcon",(function(){return CaddyAddIcon_CaddyAddIcon})),__webpack_require__.d(__webpack_exports__,"CaddyCheckoutIcon",(function(){return CaddyCheckoutIcon_CaddyCheckoutIcon})),__webpack_require__.d(__webpack_exports__,"CardIcon",(function(){return CardIcon.a})),__webpack_require__.d(__webpack_exports__,"CategoryIcon",(function(){return CategoryIcon_CategoryIcon})),__webpack_require__.d(__webpack_exports__,"CheckIcon",(function(){return CheckIcon.a})),__webpack_require__.d(__webpack_exports__,"CheckPartialIcon",(function(){return CheckPartialIcon.a})),__webpack_require__.d(__webpack_exports__,"CheckRoundIcon",(function(){return CheckRoundIcon.a})),__webpack_require__.d(__webpack_exports__,"ClockIcon",(function(){return ClockIcon_ClockIcon})),__webpack_require__.d(__webpack_exports__,"CloseIcon",(function(){return CloseIcon.a})),__webpack_require__.d(__webpack_exports__,"CodeIcon",(function(){return CodeIcon_CodeIcon})),__webpack_require__.d(__webpack_exports__,"ColumnIcon",(function(){return ColumnIcon_ColumnIcon})),__webpack_require__.d(__webpack_exports__,"CompareIcon",(function(){return CompareIcon_CompareIcon})),__webpack_require__.d(__webpack_exports__,"ComponentIcon",(function(){return ComponentIcon_ComponentIcon})),__webpack_require__.d(__webpack_exports__,"CompositionIcon",(function(){return CompositionIcon_CompositionIcon})),__webpack_require__.d(__webpack_exports__,"ConnectIcon",(function(){return ConnectIcon_ConnectIcon})),__webpack_require__.d(__webpack_exports__,"CopyIcon",(function(){return CopyIcon.a})),__webpack_require__.d(__webpack_exports__,"CreditsIcon",(function(){return CreditsIcon_CreditsIcon})),__webpack_require__.d(__webpack_exports__,"DangerIcon",(function(){return DangerIcon.a})),__webpack_require__.d(__webpack_exports__,"DangerPlainIcon",(function(){return DangerPlainIcon_DangerPlainIcon})),__webpack_require__.d(__webpack_exports__,"DateIcon",(function(){return DateIcon.a})),__webpack_require__.d(__webpack_exports__,"DeleteIcon",(function(){return DeleteIcon.a})),__webpack_require__.d(__webpack_exports__,"DependenceIcon",(function(){return DependenceIcon_DependenceIcon})),__webpack_require__.d(__webpack_exports__,"DialogIcon",(function(){return DialogIcon_DialogIcon})),__webpack_require__.d(__webpack_exports__,"DimensionsIcon",(function(){return DimensionsIcon_DimensionsIcon})),__webpack_require__.d(__webpack_exports__,"DownloadIcon",(function(){return DownloadIcon.a})),__webpack_require__.d(__webpack_exports__,"DragDropIcon",(function(){return DragDropIcon_DragDropIcon})),__webpack_require__.d(__webpack_exports__,"EditIcon",(function(){return EditIcon.a})),__webpack_require__.d(__webpack_exports__,"EntityIcon",(function(){return EntityIcon_EntityIcon})),__webpack_require__.d(__webpack_exports__,"ChecklistIcon",(function(){return ChecklistIcon_ChecklistIcon})),__webpack_require__.d(__webpack_exports__,"EntityMultiIcon",(function(){return EntityMultiIcon_EntityMultiIcon})),__webpack_require__.d(__webpack_exports__,"EraseIcon",(function(){return EraseIcon.a})),__webpack_require__.d(__webpack_exports__,"ExpandIcon",(function(){return ExpandIcon_ExpandIcon})),__webpack_require__.d(__webpack_exports__,"ExplanationPointIcon",(function(){return ExplanationPointIcon_ExplanationPointIcon})),__webpack_require__.d(__webpack_exports__,"ExternalLinkIcon",(function(){return ExternalLinkIcon_ExternalLinkIcon})),__webpack_require__.d(__webpack_exports__,"FactoryIcon",(function(){return FactoryIcon_FactoryIcon})),__webpack_require__.d(__webpack_exports__,"FileIcon",(function(){return FileIcon.a})),__webpack_require__.d(__webpack_exports__,"FileCsvIcon",(function(){return FileCsvIcon_FileCsvIcon})),__webpack_require__.d(__webpack_exports__,"FileXlsxIcon",(function(){return FileXlsxIcon_FileXlsxIcon})),__webpack_require__.d(__webpack_exports__,"FiltersIcon",(function(){return FiltersIcon_FiltersIcon})),__webpack_require__.d(__webpack_exports__,"FolderIcon",(function(){return FolderIcon.a})),__webpack_require__.d(__webpack_exports__,"FolderInIcon",(function(){return FolderInIcon_FolderInIcon})),__webpack_require__.d(__webpack_exports__,"FolderMovedIcon",(function(){return FolderMovedIcon_FolderMovedIcon})),__webpack_require__.d(__webpack_exports__,"FolderOutIcon",(function(){return FolderOutIcon_FolderOutIcon})),__webpack_require__.d(__webpack_exports__,"FolderPlainIcon",(function(){return FolderPlainIcon.a})),__webpack_require__.d(__webpack_exports__,"FoldersIcon",(function(){return FoldersIcon.a})),__webpack_require__.d(__webpack_exports__,"FoldersPlainIcon",(function(){return FoldersPlainIcon.a})),__webpack_require__.d(__webpack_exports__,"FoodIcon",(function(){return FoodIcon_FoodIcon})),__webpack_require__.d(__webpack_exports__,"FrowningFaceIcon",(function(){return FrowningFaceIcon_FrowningFaceIcon})),__webpack_require__.d(__webpack_exports__,"FullscreenIcon",(function(){return FullscreenIcon.a})),__webpack_require__.d(__webpack_exports__,"GiftIcon",(function(){return GiftIcon.a})),__webpack_require__.d(__webpack_exports__,"GroupsIcon",(function(){return GroupsIcon_GroupsIcon})),__webpack_require__.d(__webpack_exports__,"HelpIcon",(function(){return HelpIcon.a})),__webpack_require__.d(__webpack_exports__,"HelpPlainIcon",(function(){return HelpPlainIcon.a})),__webpack_require__.d(__webpack_exports__,"IdIcon",(function(){return IdIcon.a})),__webpack_require__.d(__webpack_exports__,"InfoIcon",(function(){return InfoIcon.a})),__webpack_require__.d(__webpack_exports__,"InfoRoundIcon",(function(){return InfoRoundIcon.a})),__webpack_require__.d(__webpack_exports__,"KeyboardIcon",(function(){return KeyboardIcon_KeyboardIcon})),__webpack_require__.d(__webpack_exports__,"KeyIcon",(function(){return KeyIcon_KeyIcon})),__webpack_require__.d(__webpack_exports__,"LightIcon",(function(){return LightIcon_LightIcon})),__webpack_require__.d(__webpack_exports__,"LinkIcon",(function(){return LinkIcon.a})),__webpack_require__.d(__webpack_exports__,"ListIcon",(function(){return ListIcon_ListIcon})),__webpack_require__.d(__webpack_exports__,"LoaderIcon",(function(){return LoaderIcon.a})),__webpack_require__.d(__webpack_exports__,"LocaleIcon",(function(){return LocaleIcon_LocaleIcon})),__webpack_require__.d(__webpack_exports__,"LockIcon",(function(){return LockIcon.a})),__webpack_require__.d(__webpack_exports__,"MailIcon",(function(){return MailIcon.a})),__webpack_require__.d(__webpack_exports__,"MediaLinkIcon",(function(){return MediaLinkIcon_MediaLinkIcon})),__webpack_require__.d(__webpack_exports__,"MegaphoneIcon",(function(){return MegaphoneIcon.a})),__webpack_require__.d(__webpack_exports__,"MetricIcon",(function(){return MetricIcon.a})),__webpack_require__.d(__webpack_exports__,"MinifyIcon",(function(){return MinifyIcon_MinifyIcon})),__webpack_require__.d(__webpack_exports__,"MoreIcon",(function(){return MoreIcon.a})),__webpack_require__.d(__webpack_exports__,"MoreVerticalIcon",(function(){return MoreVerticalIcon.a})),__webpack_require__.d(__webpack_exports__,"MouseClickIcon",(function(){return MouseClickIcon_MouseClickIcon})),__webpack_require__.d(__webpack_exports__,"NotificationIcon",(function(){return NotificationIcon_NotificationIcon})),__webpack_require__.d(__webpack_exports__,"PanelCloseIcon",(function(){return PanelCloseIcon.a})),__webpack_require__.d(__webpack_exports__,"PanelOpenIcon",(function(){return PanelOpenIcon.a})),__webpack_require__.d(__webpack_exports__,"PlayIcon",(function(){return PlayIcon_PlayIcon})),__webpack_require__.d(__webpack_exports__,"PlusIcon",(function(){return PlusIcon.a})),__webpack_require__.d(__webpack_exports__,"ProductDimensionsIcon",(function(){return ProductDimensionsIcon_ProductDimensionsIcon})),__webpack_require__.d(__webpack_exports__,"ProductIcon",(function(){return ProductIcon_ProductIcon})),__webpack_require__.d(__webpack_exports__,"ProductModelIcon",(function(){return ProductModelIcon_ProductModelIcon})),__webpack_require__.d(__webpack_exports__,"PublishIcon",(function(){return PublishIcon_PublishIcon})),__webpack_require__.d(__webpack_exports__,"RefreshIcon",(function(){return RefreshIcon.a})),__webpack_require__.d(__webpack_exports__,"RowIcon",(function(){return RowIcon.a})),__webpack_require__.d(__webpack_exports__,"SearchIcon",(function(){return SearchIcon.a})),__webpack_require__.d(__webpack_exports__,"SectionIcon",(function(){return SectionIcon_SectionIcon})),__webpack_require__.d(__webpack_exports__,"SettingsIcon",(function(){return SettingsIcon_SettingsIcon})),__webpack_require__.d(__webpack_exports__,"ShopIcon",(function(){return ShopIcon_ShopIcon})),__webpack_require__.d(__webpack_exports__,"SmilingFaceIcon",(function(){return SmilingFaceIcon_SmilingFaceIcon})),__webpack_require__.d(__webpack_exports__,"SparkleIcon",(function(){return SparkleIcon_SparkleIcon})),__webpack_require__.d(__webpack_exports__,"StarIcon",(function(){return StarIcon_StarIcon})),__webpack_require__.d(__webpack_exports__,"SupplierIcon",(function(){return SupplierIcon_SupplierIcon})),__webpack_require__.d(__webpack_exports__,"SystemIcon",(function(){return SystemIcon_SystemIcon})),__webpack_require__.d(__webpack_exports__,"TableIcon",(function(){return TableIcon_TableIcon})),__webpack_require__.d(__webpack_exports__,"TagIcon",(function(){return TagIcon_TagIcon})),__webpack_require__.d(__webpack_exports__,"UnpublishIcon",(function(){return UnpublishIcon_UnpublishIcon})),__webpack_require__.d(__webpack_exports__,"UnviewIcon",(function(){return UnviewIcon.a})),__webpack_require__.d(__webpack_exports__,"UploadIcon",(function(){return UploadIcon_UploadIcon})),__webpack_require__.d(__webpack_exports__,"UserIcon",(function(){return UserIcon_UserIcon})),__webpack_require__.d(__webpack_exports__,"ValueIcon",(function(){return ValueIcon_ValueIcon})),__webpack_require__.d(__webpack_exports__,"ViewIcon",(function(){return ViewIcon.a})),__webpack_require__.d(__webpack_exports__,"WaveIcon",(function(){return WaveIcon_WaveIcon})),__webpack_require__.d(__webpack_exports__,"WorkflowIcon",(function(){return WorkflowIcon_WorkflowIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var ActivityIcon_ActivityIcon=function ActivityIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ActivityIcon.tsx#ActivityIcon"]={docgenInfo:ActivityIcon_ActivityIcon.__docgenInfo,name:"ActivityIcon",path:"src/icons/ActivityIcon.tsx#ActivityIcon"})}catch(__react_docgen_typescript_loader_error){}var AddAttributeIcon_excluded=["title","size","color"];var AddAttributeIcon_AddAttributeIcon=function AddAttributeIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function AddAttributeIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function AddAttributeIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/AddAttributeIcon.tsx#AddAttributeIcon"]={docgenInfo:AddAttributeIcon_AddAttributeIcon.__docgenInfo,name:"AddAttributeIcon",path:"src/icons/AddAttributeIcon.tsx#AddAttributeIcon"})}catch(__react_docgen_typescript_loader_error){}var AkeneoIcon=__webpack_require__("./src/icons/AkeneoIcon.tsx"),ArrowIcon_excluded=["title","size","color"];var ArrowIcon_ArrowIcon=function ArrowIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function ArrowIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ArrowIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ArrowIcon.tsx#ArrowIcon"]={docgenInfo:ArrowIcon_ArrowIcon.__docgenInfo,name:"ArrowIcon",path:"src/icons/ArrowIcon.tsx#ArrowIcon"})}catch(__react_docgen_typescript_loader_error){}var ArrowDownIcon=__webpack_require__("./src/icons/ArrowDownIcon.tsx"),ArrowLeftIcon_excluded=["title","size","color"];var ArrowLeftIcon_ArrowLeftIcon=function ArrowLeftIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function ArrowLeftIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ArrowLeftIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ArrowLeftIcon.tsx#ArrowLeftIcon"]={docgenInfo:ArrowLeftIcon_ArrowLeftIcon.__docgenInfo,name:"ArrowLeftIcon",path:"src/icons/ArrowLeftIcon.tsx#ArrowLeftIcon"})}catch(__react_docgen_typescript_loader_error){}var ArrowRightIcon=__webpack_require__("./src/icons/ArrowRightIcon.tsx"),ArrowSimpleRightIcon_excluded=["title","size","color"];var ArrowSimpleRightIcon_ArrowSimpleRightIcon=function ArrowSimpleRightIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function ArrowSimpleRightIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ArrowSimpleRightIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ArrowSimpleRightIcon.tsx#ArrowSimpleRightIcon"]={docgenInfo:ArrowSimpleRightIcon_ArrowSimpleRightIcon.__docgenInfo,name:"ArrowSimpleRightIcon",path:"src/icons/ArrowSimpleRightIcon.tsx#ArrowSimpleRightIcon"})}catch(__react_docgen_typescript_loader_error){}var ArrowSimpleUpIcon_excluded=["title","size","color"];var ArrowSimpleUpIcon_ArrowSimpleUpIcon=function ArrowSimpleUpIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function ArrowSimpleUpIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ArrowSimpleUpIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ArrowSimpleUpIcon.tsx#ArrowSimpleUpIcon"]={docgenInfo:ArrowSimpleUpIcon_ArrowSimpleUpIcon.__docgenInfo,name:"ArrowSimpleUpIcon",path:"src/icons/ArrowSimpleUpIcon.tsx#ArrowSimpleUpIcon"})}catch(__react_docgen_typescript_loader_error){}var ArrowUpIcon=__webpack_require__("./src/icons/ArrowUpIcon.tsx"),AssetsIcon=__webpack_require__("./src/icons/AssetsIcon.tsx"),AssetCollectionIcon=__webpack_require__("./src/icons/AssetCollectionIcon.tsx"),AssociateIcon_excluded=["title","size","color"];var AssociateIcon_AssociateIcon=function AssociateIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function AssociateIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function AssociateIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/AssociateIcon.tsx#AssociateIcon"]={docgenInfo:AssociateIcon_AssociateIcon.__docgenInfo,name:"AssociateIcon",path:"src/icons/AssociateIcon.tsx#AssociateIcon"})}catch(__react_docgen_typescript_loader_error){}var AttributeBooleanIcon_excluded=["title","size","color"];var AttributeBooleanIcon_AttributeBooleanIcon=function AttributeBooleanIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function AttributeBooleanIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function AttributeBooleanIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/AttributeBooleanIcon.tsx#AttributeBooleanIcon"]={docgenInfo:AttributeBooleanIcon_AttributeBooleanIcon.__docgenInfo,name:"AttributeBooleanIcon",path:"src/icons/AttributeBooleanIcon.tsx#AttributeBooleanIcon"})}catch(__react_docgen_typescript_loader_error){}var AttributeFileIcon_excluded=["title","size","color"];var AttributeFileIcon_AttributeFileIcon=function AttributeFileIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function AttributeFileIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function AttributeFileIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/AttributeFileIcon.tsx#AttributeFileIcon"]={docgenInfo:AttributeFileIcon_AttributeFileIcon.__docgenInfo,name:"AttributeFileIcon",path:"src/icons/AttributeFileIcon.tsx#AttributeFileIcon"})}catch(__react_docgen_typescript_loader_error){}var AttributeLinkIcon_excluded=["title","size","color"];var AttributeLinkIcon_AttributeLinkIcon=function AttributeLinkIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function AttributeLinkIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function AttributeLinkIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/AttributeLinkIcon.tsx#AttributeLinkIcon"]={docgenInfo:AttributeLinkIcon_AttributeLinkIcon.__docgenInfo,name:"AttributeLinkIcon",path:"src/icons/AttributeLinkIcon.tsx#AttributeLinkIcon"})}catch(__react_docgen_typescript_loader_error){}var AttributeMultiSelectIcon_excluded=["title","size","color"];var AttributeMultiSelectIcon_AttributeMultiSelectIcon=function AttributeMultiSelectIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function AttributeMultiSelectIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function AttributeMultiSelectIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/AttributeMultiSelectIcon.tsx#AttributeMultiSelectIcon"]={docgenInfo:AttributeMultiSelectIcon_AttributeMultiSelectIcon.__docgenInfo,name:"AttributeMultiSelectIcon",path:"src/icons/AttributeMultiSelectIcon.tsx#AttributeMultiSelectIcon"})}catch(__react_docgen_typescript_loader_error){}var AttributeNumberIcon=__webpack_require__("./src/icons/AttributeNumberIcon.tsx"),AttributePriceIcon_excluded=["title","size","color"];var AttributePriceIcon_AttributePriceIcon=function AttributePriceIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function AttributePriceIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function AttributePriceIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/AttributePriceIcon.tsx#AttributePriceIcon"]={docgenInfo:AttributePriceIcon_AttributePriceIcon.__docgenInfo,name:"AttributePriceIcon",path:"src/icons/AttributePriceIcon.tsx#AttributePriceIcon"})}catch(__react_docgen_typescript_loader_error){}var AttributeSelectIcon_excluded=["title","size","color"];var AttributeSelectIcon_AttributeSelectIcon=function AttributeSelectIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function AttributeSelectIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function AttributeSelectIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/AttributeSelectIcon.tsx#AttributeSelectIcon"]={docgenInfo:AttributeSelectIcon_AttributeSelectIcon.__docgenInfo,name:"AttributeSelectIcon",path:"src/icons/AttributeSelectIcon.tsx#AttributeSelectIcon"})}catch(__react_docgen_typescript_loader_error){}var AttributeTextIcon=__webpack_require__("./src/icons/AttributeTextIcon.tsx"),AttributeTextareaIcon_excluded=["title","size","color"];var AttributeTextareaIcon_AttributeTextareaIcon=function AttributeTextareaIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function AttributeTextareaIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function AttributeTextareaIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/AttributeTextareaIcon.tsx#AttributeTextareaIcon"]={docgenInfo:AttributeTextareaIcon_AttributeTextareaIcon.__docgenInfo,name:"AttributeTextareaIcon",path:"src/icons/AttributeTextareaIcon.tsx#AttributeTextareaIcon"})}catch(__react_docgen_typescript_loader_error){}var BarChartsIcon_excluded=["title","size","color"];var BarChartsIcon_BarChartsIcon=function BarChartsIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function BarChartsIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function BarChartsIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/BarChartsIcon.tsx#BarChartsIcon"]={docgenInfo:BarChartsIcon_BarChartsIcon.__docgenInfo,name:"BarChartsIcon",path:"src/icons/BarChartsIcon.tsx#BarChartsIcon"})}catch(__react_docgen_typescript_loader_error){}var BookIcon_excluded=["title","size","color"];var BookIcon_BookIcon=function BookIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function BookIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function BookIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/BookIcon.tsx#BookIcon"]={docgenInfo:BookIcon_BookIcon.__docgenInfo,name:"BookIcon",path:"src/icons/BookIcon.tsx#BookIcon"})}catch(__react_docgen_typescript_loader_error){}var BoxIcon_excluded=["title","size","color"];var BoxIcon_BoxIcon=function BoxIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function BoxIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function BoxIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/BoxIcon.tsx#BoxIcon"]={docgenInfo:BoxIcon_BoxIcon.__docgenInfo,name:"BoxIcon",path:"src/icons/BoxIcon.tsx#BoxIcon"})}catch(__react_docgen_typescript_loader_error){}var BrokenLinkIcon=__webpack_require__("./src/icons/BrokenLinkIcon.tsx"),CaddyIcon_excluded=["title","size","color"];var CaddyIcon_CaddyIcon=function CaddyIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function CaddyIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function CaddyIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/CaddyIcon.tsx#CaddyIcon"]={docgenInfo:CaddyIcon_CaddyIcon.__docgenInfo,name:"CaddyIcon",path:"src/icons/CaddyIcon.tsx#CaddyIcon"})}catch(__react_docgen_typescript_loader_error){}var CaddyAddIcon_excluded=["title","size","color"];var CaddyAddIcon_CaddyAddIcon=function CaddyAddIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function CaddyAddIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function CaddyAddIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/CaddyAddIcon.tsx#CaddyAddIcon"]={docgenInfo:CaddyAddIcon_CaddyAddIcon.__docgenInfo,name:"CaddyAddIcon",path:"src/icons/CaddyAddIcon.tsx#CaddyAddIcon"})}catch(__react_docgen_typescript_loader_error){}var CaddyCheckoutIcon_excluded=["title","size","color"];var CaddyCheckoutIcon_CaddyCheckoutIcon=function CaddyCheckoutIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function CaddyCheckoutIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function CaddyCheckoutIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/CaddyCheckoutIcon.tsx#CaddyCheckoutIcon"]={docgenInfo:CaddyCheckoutIcon_CaddyCheckoutIcon.__docgenInfo,name:"CaddyCheckoutIcon",path:"src/icons/CaddyCheckoutIcon.tsx#CaddyCheckoutIcon"})}catch(__react_docgen_typescript_loader_error){}var CardIcon=__webpack_require__("./src/icons/CardIcon.tsx"),CategoryIcon_excluded=["title","size","color"];var CategoryIcon_CategoryIcon=function CategoryIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function CategoryIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function CategoryIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/CategoryIcon.tsx#CategoryIcon"]={docgenInfo:CategoryIcon_CategoryIcon.__docgenInfo,name:"CategoryIcon",path:"src/icons/CategoryIcon.tsx#CategoryIcon"})}catch(__react_docgen_typescript_loader_error){}var CheckIcon=__webpack_require__("./src/icons/CheckIcon.tsx"),CheckPartialIcon=__webpack_require__("./src/icons/CheckPartialIcon.tsx"),CheckRoundIcon=__webpack_require__("./src/icons/CheckRoundIcon.tsx"),ClockIcon_excluded=["title","size","color"];var ClockIcon_ClockIcon=function ClockIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function ClockIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ClockIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ClockIcon.tsx#ClockIcon"]={docgenInfo:ClockIcon_ClockIcon.__docgenInfo,name:"ClockIcon",path:"src/icons/ClockIcon.tsx#ClockIcon"})}catch(__react_docgen_typescript_loader_error){}var CloseIcon=__webpack_require__("./src/icons/CloseIcon.tsx"),CodeIcon_excluded=["title","size","color"];var CodeIcon_CodeIcon=function CodeIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function CodeIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function CodeIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/CodeIcon.tsx#CodeIcon"]={docgenInfo:CodeIcon_CodeIcon.__docgenInfo,name:"CodeIcon",path:"src/icons/CodeIcon.tsx#CodeIcon"})}catch(__react_docgen_typescript_loader_error){}var ColumnIcon_excluded=["title","size","color"];var ColumnIcon_ColumnIcon=function ColumnIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function ColumnIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ColumnIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ColumnIcon.tsx#ColumnIcon"]={docgenInfo:ColumnIcon_ColumnIcon.__docgenInfo,name:"ColumnIcon",path:"src/icons/ColumnIcon.tsx#ColumnIcon"})}catch(__react_docgen_typescript_loader_error){}var CompareIcon_excluded=["title","size","color"];var CompareIcon_CompareIcon=function CompareIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function CompareIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function CompareIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/CompareIcon.tsx#CompareIcon"]={docgenInfo:CompareIcon_CompareIcon.__docgenInfo,name:"CompareIcon",path:"src/icons/CompareIcon.tsx#CompareIcon"})}catch(__react_docgen_typescript_loader_error){}var ComponentIcon_excluded=["title","size","color"];var ComponentIcon_ComponentIcon=function ComponentIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function ComponentIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ComponentIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ComponentIcon.tsx#ComponentIcon"]={docgenInfo:ComponentIcon_ComponentIcon.__docgenInfo,name:"ComponentIcon",path:"src/icons/ComponentIcon.tsx#ComponentIcon"})}catch(__react_docgen_typescript_loader_error){}var CompositionIcon_excluded=["title","size","color"];var CompositionIcon_CompositionIcon=function CompositionIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function CompositionIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function CompositionIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/CompositionIcon.tsx#CompositionIcon"]={docgenInfo:CompositionIcon_CompositionIcon.__docgenInfo,name:"CompositionIcon",path:"src/icons/CompositionIcon.tsx#CompositionIcon"})}catch(__react_docgen_typescript_loader_error){}var ConnectIcon_excluded=["title","size","color"];var ConnectIcon_ConnectIcon=function ConnectIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function ConnectIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ConnectIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ConnectIcon.tsx#ConnectIcon"]={docgenInfo:ConnectIcon_ConnectIcon.__docgenInfo,name:"ConnectIcon",path:"src/icons/ConnectIcon.tsx#ConnectIcon"})}catch(__react_docgen_typescript_loader_error){}var CopyIcon=__webpack_require__("./src/icons/CopyIcon.tsx"),CreditsIcon_excluded=["title","size","color"];var CreditsIcon_CreditsIcon=function CreditsIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function CreditsIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function CreditsIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/CreditsIcon.tsx#CreditsIcon"]={docgenInfo:CreditsIcon_CreditsIcon.__docgenInfo,name:"CreditsIcon",path:"src/icons/CreditsIcon.tsx#CreditsIcon"})}catch(__react_docgen_typescript_loader_error){}var DangerIcon=__webpack_require__("./src/icons/DangerIcon.tsx"),DangerPlainIcon_excluded=["title","size","color"];var DangerPlainIcon_DangerPlainIcon=function DangerPlainIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function DangerPlainIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function DangerPlainIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/DangerPlainIcon.tsx#DangerPlainIcon"]={docgenInfo:DangerPlainIcon_DangerPlainIcon.__docgenInfo,name:"DangerPlainIcon",path:"src/icons/DangerPlainIcon.tsx#DangerPlainIcon"})}catch(__react_docgen_typescript_loader_error){}var DateIcon=__webpack_require__("./src/icons/DateIcon.tsx"),DeleteIcon=__webpack_require__("./src/icons/DeleteIcon.tsx"),DependenceIcon_excluded=["title","size","color"];var DependenceIcon_DependenceIcon=function DependenceIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function DependenceIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function DependenceIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/DependenceIcon.tsx#DependenceIcon"]={docgenInfo:DependenceIcon_DependenceIcon.__docgenInfo,name:"DependenceIcon",path:"src/icons/DependenceIcon.tsx#DependenceIcon"})}catch(__react_docgen_typescript_loader_error){}var DialogIcon_excluded=["title","size","color"];var DialogIcon_DialogIcon=function DialogIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function DialogIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function DialogIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/DialogIcon.tsx#DialogIcon"]={docgenInfo:DialogIcon_DialogIcon.__docgenInfo,name:"DialogIcon",path:"src/icons/DialogIcon.tsx#DialogIcon"})}catch(__react_docgen_typescript_loader_error){}var DimensionsIcon_excluded=["title","size","color"];var DimensionsIcon_DimensionsIcon=function DimensionsIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function DimensionsIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function DimensionsIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/DimensionsIcon.tsx#DimensionsIcon"]={docgenInfo:DimensionsIcon_DimensionsIcon.__docgenInfo,name:"DimensionsIcon",path:"src/icons/DimensionsIcon.tsx#DimensionsIcon"})}catch(__react_docgen_typescript_loader_error){}var DownloadIcon=__webpack_require__("./src/icons/DownloadIcon.tsx"),DragDropIcon_excluded=["title","size","color"];var DragDropIcon_DragDropIcon=function DragDropIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function DragDropIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function DragDropIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/DragDropIcon.tsx#DragDropIcon"]={docgenInfo:DragDropIcon_DragDropIcon.__docgenInfo,name:"DragDropIcon",path:"src/icons/DragDropIcon.tsx#DragDropIcon"})}catch(__react_docgen_typescript_loader_error){}var EditIcon=__webpack_require__("./src/icons/EditIcon.tsx"),EntityIcon_excluded=["title","size","color"];var EntityIcon_EntityIcon=function EntityIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function EntityIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function EntityIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/EntityIcon.tsx#EntityIcon"]={docgenInfo:EntityIcon_EntityIcon.__docgenInfo,name:"EntityIcon",path:"src/icons/EntityIcon.tsx#EntityIcon"})}catch(__react_docgen_typescript_loader_error){}var ChecklistIcon_excluded=["title","size","color"];var ChecklistIcon_ChecklistIcon=function ChecklistIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function ChecklistIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ChecklistIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ChecklistIcon.tsx#ChecklistIcon"]={docgenInfo:ChecklistIcon_ChecklistIcon.__docgenInfo,name:"ChecklistIcon",path:"src/icons/ChecklistIcon.tsx#ChecklistIcon"})}catch(__react_docgen_typescript_loader_error){}var EntityMultiIcon_excluded=["title","size","color"];var EntityMultiIcon_EntityMultiIcon=function EntityMultiIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function EntityMultiIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function EntityMultiIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/EntityMultiIcon.tsx#EntityMultiIcon"]={docgenInfo:EntityMultiIcon_EntityMultiIcon.__docgenInfo,name:"EntityMultiIcon",path:"src/icons/EntityMultiIcon.tsx#EntityMultiIcon"})}catch(__react_docgen_typescript_loader_error){}var EraseIcon=__webpack_require__("./src/icons/EraseIcon.tsx"),ExpandIcon_excluded=["title","size","color"];var ExpandIcon_ExpandIcon=function ExpandIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function ExpandIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ExpandIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ExpandIcon.tsx#ExpandIcon"]={docgenInfo:ExpandIcon_ExpandIcon.__docgenInfo,name:"ExpandIcon",path:"src/icons/ExpandIcon.tsx#ExpandIcon"})}catch(__react_docgen_typescript_loader_error){}var ExplanationPointIcon_excluded=["title","size","color"];var ExplanationPointIcon_ExplanationPointIcon=function ExplanationPointIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function ExplanationPointIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ExplanationPointIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ExplanationPointIcon.tsx#ExplanationPointIcon"]={docgenInfo:ExplanationPointIcon_ExplanationPointIcon.__docgenInfo,name:"ExplanationPointIcon",path:"src/icons/ExplanationPointIcon.tsx#ExplanationPointIcon"})}catch(__react_docgen_typescript_loader_error){}var ExternalLinkIcon_excluded=["title","size","color"];var ExternalLinkIcon_ExternalLinkIcon=function ExternalLinkIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function ExternalLinkIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ExternalLinkIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ExternalLinkIcon.tsx#ExternalLinkIcon"]={docgenInfo:ExternalLinkIcon_ExternalLinkIcon.__docgenInfo,name:"ExternalLinkIcon",path:"src/icons/ExternalLinkIcon.tsx#ExternalLinkIcon"})}catch(__react_docgen_typescript_loader_error){}var FactoryIcon_excluded=["title","size","color"];var FactoryIcon_FactoryIcon=function FactoryIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function FactoryIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function FactoryIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/FactoryIcon.tsx#FactoryIcon"]={docgenInfo:FactoryIcon_FactoryIcon.__docgenInfo,name:"FactoryIcon",path:"src/icons/FactoryIcon.tsx#FactoryIcon"})}catch(__react_docgen_typescript_loader_error){}var FileIcon=__webpack_require__("./src/icons/FileIcon.tsx"),FileCsvIcon_excluded=["title","size","color"];var FileCsvIcon_FileCsvIcon=function FileCsvIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function FileCsvIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function FileCsvIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/FileCsvIcon.tsx#FileCsvIcon"]={docgenInfo:FileCsvIcon_FileCsvIcon.__docgenInfo,name:"FileCsvIcon",path:"src/icons/FileCsvIcon.tsx#FileCsvIcon"})}catch(__react_docgen_typescript_loader_error){}var FileXlsxIcon_excluded=["title","size","color"];var FileXlsxIcon_FileXlsxIcon=function FileXlsxIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function FileXlsxIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function FileXlsxIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/FileXlsxIcon.tsx#FileXlsxIcon"]={docgenInfo:FileXlsxIcon_FileXlsxIcon.__docgenInfo,name:"FileXlsxIcon",path:"src/icons/FileXlsxIcon.tsx#FileXlsxIcon"})}catch(__react_docgen_typescript_loader_error){}var FiltersIcon_excluded=["title","size","color"];var FiltersIcon_FiltersIcon=function FiltersIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function FiltersIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function FiltersIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/FiltersIcon.tsx#FiltersIcon"]={docgenInfo:FiltersIcon_FiltersIcon.__docgenInfo,name:"FiltersIcon",path:"src/icons/FiltersIcon.tsx#FiltersIcon"})}catch(__react_docgen_typescript_loader_error){}var FolderIcon=__webpack_require__("./src/icons/FolderIcon.tsx"),FolderInIcon_excluded=["title","size","color"];var FolderInIcon_FolderInIcon=function FolderInIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function FolderInIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function FolderInIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/FolderInIcon.tsx#FolderInIcon"]={docgenInfo:FolderInIcon_FolderInIcon.__docgenInfo,name:"FolderInIcon",path:"src/icons/FolderInIcon.tsx#FolderInIcon"})}catch(__react_docgen_typescript_loader_error){}var FolderMovedIcon_excluded=["title","size","color"];var FolderMovedIcon_FolderMovedIcon=function FolderMovedIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function FolderMovedIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function FolderMovedIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/FolderMovedIcon.tsx#FolderMovedIcon"]={docgenInfo:FolderMovedIcon_FolderMovedIcon.__docgenInfo,name:"FolderMovedIcon",path:"src/icons/FolderMovedIcon.tsx#FolderMovedIcon"})}catch(__react_docgen_typescript_loader_error){}var FolderOutIcon_excluded=["title","size","color"];var FolderOutIcon_FolderOutIcon=function FolderOutIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function FolderOutIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function FolderOutIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/FolderOutIcon.tsx#FolderOutIcon"]={docgenInfo:FolderOutIcon_FolderOutIcon.__docgenInfo,name:"FolderOutIcon",path:"src/icons/FolderOutIcon.tsx#FolderOutIcon"})}catch(__react_docgen_typescript_loader_error){}var FolderPlainIcon=__webpack_require__("./src/icons/FolderPlainIcon.tsx"),FoldersIcon=__webpack_require__("./src/icons/FoldersIcon.tsx"),FoldersPlainIcon=__webpack_require__("./src/icons/FoldersPlainIcon.tsx"),FoodIcon_excluded=["title","size","color"];var FoodIcon_FoodIcon=function FoodIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function FoodIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function FoodIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/FoodIcon.tsx#FoodIcon"]={docgenInfo:FoodIcon_FoodIcon.__docgenInfo,name:"FoodIcon",path:"src/icons/FoodIcon.tsx#FoodIcon"})}catch(__react_docgen_typescript_loader_error){}var FrowningFaceIcon_excluded=["title","size","color"];var FrowningFaceIcon_FrowningFaceIcon=function FrowningFaceIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function FrowningFaceIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function FrowningFaceIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/FrowningFaceIcon.tsx#FrowningFaceIcon"]={docgenInfo:FrowningFaceIcon_FrowningFaceIcon.__docgenInfo,name:"FrowningFaceIcon",path:"src/icons/FrowningFaceIcon.tsx#FrowningFaceIcon"})}catch(__react_docgen_typescript_loader_error){}var FullscreenIcon=__webpack_require__("./src/icons/FullscreenIcon.tsx"),GiftIcon=__webpack_require__("./src/icons/GiftIcon.tsx"),GroupsIcon_excluded=["title","size","color"];var GroupsIcon_GroupsIcon=function GroupsIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function GroupsIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function GroupsIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/GroupsIcon.tsx#GroupsIcon"]={docgenInfo:GroupsIcon_GroupsIcon.__docgenInfo,name:"GroupsIcon",path:"src/icons/GroupsIcon.tsx#GroupsIcon"})}catch(__react_docgen_typescript_loader_error){}var HelpIcon=__webpack_require__("./src/icons/HelpIcon.tsx"),HelpPlainIcon=__webpack_require__("./src/icons/HelpPlainIcon.tsx"),IdIcon=__webpack_require__("./src/icons/IdIcon.tsx"),InfoIcon=__webpack_require__("./src/icons/InfoIcon.tsx"),InfoRoundIcon=__webpack_require__("./src/icons/InfoRoundIcon.tsx"),KeyboardIcon_excluded=["title","size","color"];var KeyboardIcon_KeyboardIcon=function KeyboardIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function KeyboardIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function KeyboardIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/KeyboardIcon.tsx#KeyboardIcon"]={docgenInfo:KeyboardIcon_KeyboardIcon.__docgenInfo,name:"KeyboardIcon",path:"src/icons/KeyboardIcon.tsx#KeyboardIcon"})}catch(__react_docgen_typescript_loader_error){}var KeyIcon_excluded=["title","size","color"];var KeyIcon_KeyIcon=function KeyIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function KeyIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function KeyIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/KeyIcon.tsx#KeyIcon"]={docgenInfo:KeyIcon_KeyIcon.__docgenInfo,name:"KeyIcon",path:"src/icons/KeyIcon.tsx#KeyIcon"})}catch(__react_docgen_typescript_loader_error){}var LightIcon_excluded=["title","size","color"];var LightIcon_LightIcon=function LightIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function LightIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function LightIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/LightIcon.tsx#LightIcon"]={docgenInfo:LightIcon_LightIcon.__docgenInfo,name:"LightIcon",path:"src/icons/LightIcon.tsx#LightIcon"})}catch(__react_docgen_typescript_loader_error){}var LinkIcon=__webpack_require__("./src/icons/LinkIcon.tsx"),ListIcon_excluded=["title","size","color"];var ListIcon_ListIcon=function ListIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function ListIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ListIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ListIcon.tsx#ListIcon"]={docgenInfo:ListIcon_ListIcon.__docgenInfo,name:"ListIcon",path:"src/icons/ListIcon.tsx#ListIcon"})}catch(__react_docgen_typescript_loader_error){}var LoaderIcon=__webpack_require__("./src/icons/LoaderIcon.tsx"),LocaleIcon_excluded=["title","size","color"];var LocaleIcon_LocaleIcon=function LocaleIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function LocaleIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function LocaleIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/LocaleIcon.tsx#LocaleIcon"]={docgenInfo:LocaleIcon_LocaleIcon.__docgenInfo,name:"LocaleIcon",path:"src/icons/LocaleIcon.tsx#LocaleIcon"})}catch(__react_docgen_typescript_loader_error){}var LockIcon=__webpack_require__("./src/icons/LockIcon.tsx"),MailIcon=__webpack_require__("./src/icons/MailIcon.tsx"),MediaLinkIcon_excluded=["title","size","color"];var MediaLinkIcon_MediaLinkIcon=function MediaLinkIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function MediaLinkIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function MediaLinkIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/MediaLinkIcon.tsx#MediaLinkIcon"]={docgenInfo:MediaLinkIcon_MediaLinkIcon.__docgenInfo,name:"MediaLinkIcon",path:"src/icons/MediaLinkIcon.tsx#MediaLinkIcon"})}catch(__react_docgen_typescript_loader_error){}var MegaphoneIcon=__webpack_require__("./src/icons/MegaphoneIcon.tsx"),MetricIcon=__webpack_require__("./src/icons/MetricIcon.tsx"),MinifyIcon_excluded=["title","size","color"];var MinifyIcon_MinifyIcon=function MinifyIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function MinifyIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function MinifyIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/MinifyIcon.tsx#MinifyIcon"]={docgenInfo:MinifyIcon_MinifyIcon.__docgenInfo,name:"MinifyIcon",path:"src/icons/MinifyIcon.tsx#MinifyIcon"})}catch(__react_docgen_typescript_loader_error){}var MoreIcon=__webpack_require__("./src/icons/MoreIcon.tsx"),MoreVerticalIcon=__webpack_require__("./src/icons/MoreVerticalIcon.tsx"),MouseClickIcon_excluded=["title","size","color"];var MouseClickIcon_MouseClickIcon=function MouseClickIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function MouseClickIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function MouseClickIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/MouseClickIcon.tsx#MouseClickIcon"]={docgenInfo:MouseClickIcon_MouseClickIcon.__docgenInfo,name:"MouseClickIcon",path:"src/icons/MouseClickIcon.tsx#MouseClickIcon"})}catch(__react_docgen_typescript_loader_error){}var NotificationIcon_excluded=["title","size","color"];var NotificationIcon_NotificationIcon=function NotificationIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function NotificationIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function NotificationIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/NotificationIcon.tsx#NotificationIcon"]={docgenInfo:NotificationIcon_NotificationIcon.__docgenInfo,name:"NotificationIcon",path:"src/icons/NotificationIcon.tsx#NotificationIcon"})}catch(__react_docgen_typescript_loader_error){}var PanelCloseIcon=__webpack_require__("./src/icons/PanelCloseIcon.tsx"),PanelOpenIcon=__webpack_require__("./src/icons/PanelOpenIcon.tsx"),PlayIcon_excluded=["title","size","color"];var PlayIcon_PlayIcon=function PlayIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function PlayIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function PlayIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/PlayIcon.tsx#PlayIcon"]={docgenInfo:PlayIcon_PlayIcon.__docgenInfo,name:"PlayIcon",path:"src/icons/PlayIcon.tsx#PlayIcon"})}catch(__react_docgen_typescript_loader_error){}var PlusIcon=__webpack_require__("./src/icons/PlusIcon.tsx"),ProductDimensionsIcon_excluded=["title","size","color"];var ProductDimensionsIcon_ProductDimensionsIcon=function ProductDimensionsIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function ProductDimensionsIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ProductDimensionsIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ProductDimensionsIcon.tsx#ProductDimensionsIcon"]={docgenInfo:ProductDimensionsIcon_ProductDimensionsIcon.__docgenInfo,name:"ProductDimensionsIcon",path:"src/icons/ProductDimensionsIcon.tsx#ProductDimensionsIcon"})}catch(__react_docgen_typescript_loader_error){}var ProductIcon_excluded=["title","size","color"];var ProductIcon_ProductIcon=function ProductIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function ProductIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ProductIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ProductIcon.tsx#ProductIcon"]={docgenInfo:ProductIcon_ProductIcon.__docgenInfo,name:"ProductIcon",path:"src/icons/ProductIcon.tsx#ProductIcon"})}catch(__react_docgen_typescript_loader_error){}var ProductModelIcon_excluded=["title","size","color"];var ProductModelIcon_ProductModelIcon=function ProductModelIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function ProductModelIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ProductModelIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ProductModelIcon.tsx#ProductModelIcon"]={docgenInfo:ProductModelIcon_ProductModelIcon.__docgenInfo,name:"ProductModelIcon",path:"src/icons/ProductModelIcon.tsx#ProductModelIcon"})}catch(__react_docgen_typescript_loader_error){}var PublishIcon_excluded=["title","size","color"];var PublishIcon_PublishIcon=function PublishIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function PublishIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function PublishIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/PublishIcon.tsx#PublishIcon"]={docgenInfo:PublishIcon_PublishIcon.__docgenInfo,name:"PublishIcon",path:"src/icons/PublishIcon.tsx#PublishIcon"})}catch(__react_docgen_typescript_loader_error){}var RefreshIcon=__webpack_require__("./src/icons/RefreshIcon.tsx"),RowIcon=__webpack_require__("./src/icons/RowIcon.tsx"),SearchIcon=__webpack_require__("./src/icons/SearchIcon.tsx"),SectionIcon_excluded=["title","size","color"];var SectionIcon_SectionIcon=function SectionIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function SectionIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function SectionIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/SectionIcon.tsx#SectionIcon"]={docgenInfo:SectionIcon_SectionIcon.__docgenInfo,name:"SectionIcon",path:"src/icons/SectionIcon.tsx#SectionIcon"})}catch(__react_docgen_typescript_loader_error){}var SettingsIcon_excluded=["title","size","color"];var SettingsIcon_SettingsIcon=function SettingsIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function SettingsIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function SettingsIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/SettingsIcon.tsx#SettingsIcon"]={docgenInfo:SettingsIcon_SettingsIcon.__docgenInfo,name:"SettingsIcon",path:"src/icons/SettingsIcon.tsx#SettingsIcon"})}catch(__react_docgen_typescript_loader_error){}var ShopIcon_excluded=["title","size","color"];var ShopIcon_ShopIcon=function ShopIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function ShopIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ShopIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ShopIcon.tsx#ShopIcon"]={docgenInfo:ShopIcon_ShopIcon.__docgenInfo,name:"ShopIcon",path:"src/icons/ShopIcon.tsx#ShopIcon"})}catch(__react_docgen_typescript_loader_error){}var SmilingFaceIcon_excluded=["title","size","color"];var SmilingFaceIcon_SmilingFaceIcon=function SmilingFaceIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function SmilingFaceIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function SmilingFaceIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/SmilingFaceIcon.tsx#SmilingFaceIcon"]={docgenInfo:SmilingFaceIcon_SmilingFaceIcon.__docgenInfo,name:"SmilingFaceIcon",path:"src/icons/SmilingFaceIcon.tsx#SmilingFaceIcon"})}catch(__react_docgen_typescript_loader_error){}var SparkleIcon_excluded=["title","size","color"];var SparkleIcon_SparkleIcon=function SparkleIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function SparkleIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function SparkleIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/SparkleIcon.tsx#SparkleIcon"]={docgenInfo:SparkleIcon_SparkleIcon.__docgenInfo,name:"SparkleIcon",path:"src/icons/SparkleIcon.tsx#SparkleIcon"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/es.array.fill.js");var StarIcon_excluded=["title","size","color","fill"];var StarIcon_StarIcon=function StarIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,_ref$fill=_ref.fill,fill=void 0===_ref$fill?"none":_ref$fill,props=function StarIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function StarIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/StarIcon.tsx#StarIcon"]={docgenInfo:StarIcon_StarIcon.__docgenInfo,name:"StarIcon",path:"src/icons/StarIcon.tsx#StarIcon"})}catch(__react_docgen_typescript_loader_error){}var SupplierIcon_excluded=["title","size","color"];var SupplierIcon_SupplierIcon=function SupplierIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function SupplierIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function SupplierIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/SupplierIcon.tsx#SupplierIcon"]={docgenInfo:SupplierIcon_SupplierIcon.__docgenInfo,name:"SupplierIcon",path:"src/icons/SupplierIcon.tsx#SupplierIcon"})}catch(__react_docgen_typescript_loader_error){}var SystemIcon_excluded=["title","size","color"];var SystemIcon_SystemIcon=function SystemIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function SystemIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function SystemIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/SystemIcon.tsx#SystemIcon"]={docgenInfo:SystemIcon_SystemIcon.__docgenInfo,name:"SystemIcon",path:"src/icons/SystemIcon.tsx#SystemIcon"})}catch(__react_docgen_typescript_loader_error){}var TableIcon_excluded=["title","size","color"];var TableIcon_TableIcon=function TableIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function TableIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function TableIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/TableIcon.tsx#TableIcon"]={docgenInfo:TableIcon_TableIcon.__docgenInfo,name:"TableIcon",path:"src/icons/TableIcon.tsx#TableIcon"})}catch(__react_docgen_typescript_loader_error){}var TagIcon_excluded=["title","size","color"];var TagIcon_TagIcon=function TagIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function TagIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function TagIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/TagIcon.tsx#TagIcon"]={docgenInfo:TagIcon_TagIcon.__docgenInfo,name:"TagIcon",path:"src/icons/TagIcon.tsx#TagIcon"})}catch(__react_docgen_typescript_loader_error){}var UnpublishIcon_excluded=["title","size","color"];var UnpublishIcon_UnpublishIcon=function UnpublishIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function UnpublishIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function UnpublishIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/UnpublishIcon.tsx#UnpublishIcon"]={docgenInfo:UnpublishIcon_UnpublishIcon.__docgenInfo,name:"UnpublishIcon",path:"src/icons/UnpublishIcon.tsx#UnpublishIcon"})}catch(__react_docgen_typescript_loader_error){}var UnviewIcon=__webpack_require__("./src/icons/UnviewIcon.tsx"),UploadIcon_excluded=["title","size","color"];var UploadIcon_UploadIcon=function UploadIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function UploadIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function UploadIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/UploadIcon.tsx#UploadIcon"]={docgenInfo:UploadIcon_UploadIcon.__docgenInfo,name:"UploadIcon",path:"src/icons/UploadIcon.tsx#UploadIcon"})}catch(__react_docgen_typescript_loader_error){}var UserIcon_excluded=["title","size","color"];var UserIcon_UserIcon=function UserIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function UserIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function UserIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/UserIcon.tsx#UserIcon"]={docgenInfo:UserIcon_UserIcon.__docgenInfo,name:"UserIcon",path:"src/icons/UserIcon.tsx#UserIcon"})}catch(__react_docgen_typescript_loader_error){}var ValueIcon_excluded=["title","size","color"];var ValueIcon_ValueIcon=function ValueIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function ValueIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ValueIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ValueIcon.tsx#ValueIcon"]={docgenInfo:ValueIcon_ValueIcon.__docgenInfo,name:"ValueIcon",path:"src/icons/ValueIcon.tsx#ValueIcon"})}catch(__react_docgen_typescript_loader_error){}var ViewIcon=__webpack_require__("./src/icons/ViewIcon.tsx"),WaveIcon_excluded=["title","size","color"];var WaveIcon_WaveIcon=function WaveIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function WaveIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function WaveIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/WaveIcon.tsx#WaveIcon"]={docgenInfo:WaveIcon_WaveIcon.__docgenInfo,name:"WaveIcon",path:"src/icons/WaveIcon.tsx#WaveIcon"})}catch(__react_docgen_typescript_loader_error){}var WorkflowIcon_excluded=["title","size","color"];var WorkflowIcon_WorkflowIcon=function WorkflowIcon(_ref){_ref.title;var _ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function WorkflowIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function WorkflowIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/WorkflowIcon.tsx#WorkflowIcon"]={docgenInfo:WorkflowIcon_WorkflowIcon.__docgenInfo,name:"WorkflowIcon",path:"src/icons/WorkflowIcon.tsx#WorkflowIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/illustrations/AddingValueIllustration.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return AddingValueIllustration}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _static_illustrations_AddingValue_svg__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./static/illustrations/AddingValue.svg"),_static_illustrations_AddingValue_svg__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_static_illustrations_AddingValue_svg__WEBPACK_IMPORTED_MODULE_5__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size"];var AddingValueIllustration=function AddingValueIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/AddingValueIllustration.tsx#AddingValueIllustration"]={docgenInfo:AddingValueIllustration.__docgenInfo,name:"AddingValueIllustration",path:"src/illustrations/AddingValueIllustration.tsx#AddingValueIllustration"})}catch(__react_docgen_typescript_loader_error){}},"./src/illustrations/AttributesIllustration.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return AttributesIllustration}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _static_illustrations_Attributes_svg__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./static/illustrations/Attributes.svg"),_static_illustrations_Attributes_svg__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_static_illustrations_Attributes_svg__WEBPACK_IMPORTED_MODULE_5__),_theme_common__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/theme/common.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size"];var AttributesIllustration=function AttributesIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/AttributesIllustration.tsx#AttributesIllustration"]={docgenInfo:AttributesIllustration.__docgenInfo,name:"AttributesIllustration",path:"src/illustrations/AttributesIllustration.tsx#AttributesIllustration"})}catch(__react_docgen_typescript_loader_error){}},"./src/illustrations/ChannelsIllustration.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return ChannelsIllustration}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _static_illustrations_Channels_svg__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./static/illustrations/Channels.svg"),_static_illustrations_Channels_svg__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_static_illustrations_Channels_svg__WEBPACK_IMPORTED_MODULE_5__),_theme_common__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/theme/common.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size"];var ChannelsIllustration=function ChannelsIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ChannelsIllustration.tsx#ChannelsIllustration"]={docgenInfo:ChannelsIllustration.__docgenInfo,name:"ChannelsIllustration",path:"src/illustrations/ChannelsIllustration.tsx#ChannelsIllustration"})}catch(__react_docgen_typescript_loader_error){}},"./src/illustrations/DefaultPictureIllustration.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return DefaultPictureIllustration}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _static_illustrations_DefaultPicture_svg__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./static/illustrations/DefaultPicture.svg"),_static_illustrations_DefaultPicture_svg__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_static_illustrations_DefaultPicture_svg__WEBPACK_IMPORTED_MODULE_5__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size"];var DefaultPictureIllustration=function DefaultPictureIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/DefaultPictureIllustration.tsx#DefaultPictureIllustration"]={docgenInfo:DefaultPictureIllustration.__docgenInfo,name:"DefaultPictureIllustration",path:"src/illustrations/DefaultPictureIllustration.tsx#DefaultPictureIllustration"})}catch(__react_docgen_typescript_loader_error){}},"./src/illustrations/DeleteIllustration.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return DeleteIllustration}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _static_illustrations_Delete_svg__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./static/illustrations/Delete.svg"),_static_illustrations_Delete_svg__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_static_illustrations_Delete_svg__WEBPACK_IMPORTED_MODULE_5__),_theme_common__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/theme/common.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size"];var DeleteIllustration=function DeleteIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/DeleteIllustration.tsx#DeleteIllustration"]={docgenInfo:DeleteIllustration.__docgenInfo,name:"DeleteIllustration",path:"src/illustrations/DeleteIllustration.tsx#DeleteIllustration"})}catch(__react_docgen_typescript_loader_error){}},"./src/illustrations/GroupsIllustration.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return GroupsIllustration}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _static_illustrations_Groups_svg__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./static/illustrations/Groups.svg"),_static_illustrations_Groups_svg__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_static_illustrations_Groups_svg__WEBPACK_IMPORTED_MODULE_5__),_theme_common__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/theme/common.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size"];var GroupsIllustration=function GroupsIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/GroupsIllustration.tsx#GroupsIllustration"]={docgenInfo:GroupsIllustration.__docgenInfo,name:"GroupsIllustration",path:"src/illustrations/GroupsIllustration.tsx#GroupsIllustration"})}catch(__react_docgen_typescript_loader_error){}},"./src/illustrations/ImportIllustration.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return ImportIllustration}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,styled_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_static_illustrations_Import_svg__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./static/illustrations/Import.svg"),_static_illustrations_Import_svg__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_static_illustrations_Import_svg__WEBPACK_IMPORTED_MODULE_7__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","animateOnHover"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var Stars=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.g(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n fill: #5e63b6;\n transform-origin: 50% 50%;\n transition: transform 0.2s linear;\n"]))),Arrow=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.g(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n fill: #9452ba;\n transform-origin: 51% 32%;\n transition: transform 0.3s ease-in-out;\n"]))),animatedMixin=Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n "," {\n transform: scale(1.2);\n }\n "," {\n transform: rotate(180deg);\n }\n"])),Stars,Arrow),Container=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.svg(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n :hover {\n ","\n }\n"])),(function(_ref){return _ref.animateOnHover&&animatedMixin})),ImportIllustration=function ImportIllustration(_ref2){var title=_ref2.title,_ref2$size=_ref2.size,size=void 0===_ref2$size?256:_ref2$size,_ref2$animateOnHover=_ref2.animateOnHover,animateOnHover=void 0===_ref2$animateOnHover||_ref2$animateOnHover,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ImportIllustration.tsx#ImportIllustration"]={docgenInfo:ImportIllustration.__docgenInfo,name:"ImportIllustration",path:"src/illustrations/ImportIllustration.tsx#ImportIllustration"})}catch(__react_docgen_typescript_loader_error){}},"./src/illustrations/UsersIllustration.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return UsersIllustration}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _static_illustrations_Users_svg__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./static/illustrations/Users.svg"),_static_illustrations_Users_svg__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_static_illustrations_Users_svg__WEBPACK_IMPORTED_MODULE_5__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size"];var UsersIllustration=function UsersIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/UsersIllustration.tsx#UsersIllustration"]={docgenInfo:UsersIllustration.__docgenInfo,name:"UsersIllustration",path:"src/illustrations/UsersIllustration.tsx#UsersIllustration"})}catch(__react_docgen_typescript_loader_error){}},"./src/illustrations/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"AddingValueIllustration",(function(){return AddingValueIllustration.a})),__webpack_require__.d(__webpack_exports__,"AkeneoCloudEditionIllustration",(function(){return AkeneoCloudEditionIllustration_AkeneoCloudEditionIllustration})),__webpack_require__.d(__webpack_exports__,"ApiIllustration",(function(){return ApiIllustration_ApiIllustration})),__webpack_require__.d(__webpack_exports__,"AppIllustration",(function(){return AppIllustration_AppIllustration})),__webpack_require__.d(__webpack_exports__,"AssetCategoriesIllustration",(function(){return AssetCategoriesIllustration_AssetCategoriesIllustration})),__webpack_require__.d(__webpack_exports__,"AssetsIllustration",(function(){return AssetsIllustration_AssetsIllustration})),__webpack_require__.d(__webpack_exports__,"AssociationTypesIllustration",(function(){return AssociationTypesIllustration_AssociationTypesIllustration})),__webpack_require__.d(__webpack_exports__,"AttributeGroupsIllustration",(function(){return AttributeGroupsIllustration_AttributeGroupsIllustration})),__webpack_require__.d(__webpack_exports__,"AttributesIllustration",(function(){return AttributesIllustration.a})),__webpack_require__.d(__webpack_exports__,"CatalogsIllustration",(function(){return CatalogsIllustration_CatalogsIllustration})),__webpack_require__.d(__webpack_exports__,"ChannelsIllustration",(function(){return ChannelsIllustration.a})),__webpack_require__.d(__webpack_exports__,"CityIllustration",(function(){return CityIllustration_CityIllustration})),__webpack_require__.d(__webpack_exports__,"ClientErrorIllustration",(function(){return ClientErrorIllustration_ClientErrorIllustration})),__webpack_require__.d(__webpack_exports__,"CodingIllustration",(function(){return CodingIllustration_CodingIllustration})),__webpack_require__.d(__webpack_exports__,"CurrenciesIllustration",(function(){return CurrenciesIllustration_CurrenciesIllustration})),__webpack_require__.d(__webpack_exports__,"DefaultPictureIllustration",(function(){return DefaultPictureIllustration.a})),__webpack_require__.d(__webpack_exports__,"DeleteFamilyVariantIllustration",(function(){return DeleteFamilyVariantIllustration_DeleteFamilyVariantIllustration})),__webpack_require__.d(__webpack_exports__,"DeleteIllustration",(function(){return DeleteIllustration.a})),__webpack_require__.d(__webpack_exports__,"DraftIllustration",(function(){return DraftIllustration_DraftIllustration})),__webpack_require__.d(__webpack_exports__,"EntitiesIllustration",(function(){return EntitiesIllustration_EntitiesIllustration})),__webpack_require__.d(__webpack_exports__,"EntitiesRecordIllustration",(function(){return EntitiesRecordIllustration_EntitiesRecordIllustration})),__webpack_require__.d(__webpack_exports__,"ExportBuilderIllustration",(function(){return ExportBuilderIllustration_ExportBuilderIllustration})),__webpack_require__.d(__webpack_exports__,"ExportCsvIllustration",(function(){return ExportCsvIllustration_ExportCsvIllustration})),__webpack_require__.d(__webpack_exports__,"ExportIllustration",(function(){return ExportIllustration_ExportIllustration})),__webpack_require__.d(__webpack_exports__,"ExportXlsxIllustration",(function(){return ExportXlsxIllustration_ExportXlsxIllustration})),__webpack_require__.d(__webpack_exports__,"ExportYmlIllustration",(function(){return ExportYmlIllustration_ExportYmlIllustration})),__webpack_require__.d(__webpack_exports__,"FamilyIllustration",(function(){return FamilyIllustration_FamilyIllustration})),__webpack_require__.d(__webpack_exports__,"FamilyVariantIllustration",(function(){return FamilyVariantIllustration_FamilyVariantIllustration})),__webpack_require__.d(__webpack_exports__,"GraphIllustration",(function(){return GraphIllustration_GraphIllustration})),__webpack_require__.d(__webpack_exports__,"GroupsIllustration",(function(){return GroupsIllustration.a})),__webpack_require__.d(__webpack_exports__,"ImportCsvIllustration",(function(){return ImportCsvIllustration_ImportCsvIllustration})),__webpack_require__.d(__webpack_exports__,"ImportIllustration",(function(){return ImportIllustration.a})),__webpack_require__.d(__webpack_exports__,"ImportXlsxIllustration",(function(){return ImportXlsxIllustration_ImportXlsxIllustration})),__webpack_require__.d(__webpack_exports__,"ImportYmlIllustration",(function(){return ImportYmlIllustration_ImportYmlIllustration})),__webpack_require__.d(__webpack_exports__,"JuliaIllustration",(function(){return JuliaIllustration_JuliaIllustration})),__webpack_require__.d(__webpack_exports__,"LocaleIllustration",(function(){return LocaleIllustration_LocaleIllustration})),__webpack_require__.d(__webpack_exports__,"MarketplaceIllustration",(function(){return MarketplaceIllustration_MarketplaceIllustration})),__webpack_require__.d(__webpack_exports__,"MeasurementIllustration",(function(){return MeasurementIllustration_MeasurementIllustration})),__webpack_require__.d(__webpack_exports__,"MediaFileIllustration",(function(){return MediaFileIllustration_MediaFileIllustration})),__webpack_require__.d(__webpack_exports__,"MoneyIllustration",(function(){return MoneyIllustration_MoneyIllustration})),__webpack_require__.d(__webpack_exports__,"NewsIllustration",(function(){return NewsIllustration_NewsIllustration})),__webpack_require__.d(__webpack_exports__,"NoResultsIllustration",(function(){return NoResultsIllustration_NoResultsIllustration})),__webpack_require__.d(__webpack_exports__,"ProductCategoryIllustration",(function(){return ProductCategoryIllustration_ProductCategoryIllustration})),__webpack_require__.d(__webpack_exports__,"ProductModelIllustration",(function(){return ProductModelIllustration_ProductModelIllustration})),__webpack_require__.d(__webpack_exports__,"ProductPublishedIllustration",(function(){return ProductPublishedIllustration_ProductPublishedIllustration})),__webpack_require__.d(__webpack_exports__,"ProductsIllustration",(function(){return ProductsIllustration_ProductsIllustration})),__webpack_require__.d(__webpack_exports__,"ProjectIllustration",(function(){return ProjectIllustration_ProjectIllustration})),__webpack_require__.d(__webpack_exports__,"ProposalsIllustration",(function(){return ProposalsIllustration_ProposalsIllustration})),__webpack_require__.d(__webpack_exports__,"RulesIllustration",(function(){return RulesIllustration_RulesIllustration})),__webpack_require__.d(__webpack_exports__,"ServerErrorIllustration",(function(){return ServerErrorIllustration_ServerErrorIllustration})),__webpack_require__.d(__webpack_exports__,"ServerIllustration",(function(){return ServerIllustration_ServerIllustration})),__webpack_require__.d(__webpack_exports__,"SettingsIllustration",(function(){return SettingsIllustration_SettingsIllustration})),__webpack_require__.d(__webpack_exports__,"StatusIllustration",(function(){return StatusIllustration_StatusIllustration})),__webpack_require__.d(__webpack_exports__,"SurveyIllustration",(function(){return SurveyIllustration_SurveyIllustration})),__webpack_require__.d(__webpack_exports__,"TimezoneIllustration",(function(){return TimezoneIllustration_TimezoneIllustration})),__webpack_require__.d(__webpack_exports__,"UserGroupsIllustration",(function(){return UserGroupsIllustration_UserGroupsIllustration})),__webpack_require__.d(__webpack_exports__,"UserRolesIllustration",(function(){return UserRolesIllustration_UserRolesIllustration})),__webpack_require__.d(__webpack_exports__,"UsersIllustration",(function(){return UsersIllustration.a})),__webpack_require__.d(__webpack_exports__,"UsingIllustration",(function(){return UsingIllustration_UsingIllustration})),__webpack_require__.d(__webpack_exports__,"ViewsIllustration",(function(){return ViewsIllustration_ViewsIllustration})),__webpack_require__.d(__webpack_exports__,"WarningIllustration",(function(){return WarningIllustration_WarningIllustration}));var AddingValueIllustration=__webpack_require__("./src/illustrations/AddingValueIllustration.tsx"),AkeneoCloudEdition=(__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./static/illustrations/AkeneoCloudEdition.svg")),AkeneoCloudEdition_default=__webpack_require__.n(AkeneoCloudEdition),common=__webpack_require__("./src/theme/common.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size"];var AkeneoCloudEditionIllustration_AkeneoCloudEditionIllustration=function AkeneoCloudEditionIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/AkeneoCloudEditionIllustration.tsx#AkeneoCloudEditionIllustration"]={docgenInfo:AkeneoCloudEditionIllustration_AkeneoCloudEditionIllustration.__docgenInfo,name:"AkeneoCloudEditionIllustration",path:"src/illustrations/AkeneoCloudEditionIllustration.tsx#AkeneoCloudEditionIllustration"})}catch(__react_docgen_typescript_loader_error){}var Api=__webpack_require__("./static/illustrations/Api.svg"),Api_default=__webpack_require__.n(Api),ApiIllustration_excluded=["title","size"];var ApiIllustration_ApiIllustration=function ApiIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function ApiIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ApiIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ApiIllustration.tsx#ApiIllustration"]={docgenInfo:ApiIllustration_ApiIllustration.__docgenInfo,name:"ApiIllustration",path:"src/illustrations/ApiIllustration.tsx#ApiIllustration"})}catch(__react_docgen_typescript_loader_error){}var App=__webpack_require__("./static/illustrations/App.svg"),App_default=__webpack_require__.n(App),AppIllustration_excluded=["title","size"];var AppIllustration_AppIllustration=function AppIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function AppIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function AppIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/AppIllustration.tsx#AppIllustration"]={docgenInfo:AppIllustration_AppIllustration.__docgenInfo,name:"AppIllustration",path:"src/illustrations/AppIllustration.tsx#AppIllustration"})}catch(__react_docgen_typescript_loader_error){}var AssetCategories=__webpack_require__("./static/illustrations/AssetCategories.svg"),AssetCategories_default=__webpack_require__.n(AssetCategories),AssetCategoriesIllustration_excluded=["title","size"];var AssetCategoriesIllustration_AssetCategoriesIllustration=function AssetCategoriesIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function AssetCategoriesIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function AssetCategoriesIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/AssetCategoriesIllustration.tsx#AssetCategoriesIllustration"]={docgenInfo:AssetCategoriesIllustration_AssetCategoriesIllustration.__docgenInfo,name:"AssetCategoriesIllustration",path:"src/illustrations/AssetCategoriesIllustration.tsx#AssetCategoriesIllustration"})}catch(__react_docgen_typescript_loader_error){}var Assets=__webpack_require__("./static/illustrations/Assets.svg"),Assets_default=__webpack_require__.n(Assets),AssetsIllustration_excluded=["title","size"];var AssetsIllustration_AssetsIllustration=function AssetsIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function AssetsIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function AssetsIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/AssetsIllustration.tsx#AssetsIllustration"]={docgenInfo:AssetsIllustration_AssetsIllustration.__docgenInfo,name:"AssetsIllustration",path:"src/illustrations/AssetsIllustration.tsx#AssetsIllustration"})}catch(__react_docgen_typescript_loader_error){}var AssociationTypes=__webpack_require__("./static/illustrations/AssociationTypes.svg"),AssociationTypes_default=__webpack_require__.n(AssociationTypes),AssociationTypesIllustration_excluded=["title","size"];var AssociationTypesIllustration_AssociationTypesIllustration=function AssociationTypesIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function AssociationTypesIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function AssociationTypesIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/AssociationTypesIllustration.tsx#AssociationTypesIllustration"]={docgenInfo:AssociationTypesIllustration_AssociationTypesIllustration.__docgenInfo,name:"AssociationTypesIllustration",path:"src/illustrations/AssociationTypesIllustration.tsx#AssociationTypesIllustration"})}catch(__react_docgen_typescript_loader_error){}var AttributeGroups=__webpack_require__("./static/illustrations/AttributeGroups.svg"),AttributeGroups_default=__webpack_require__.n(AttributeGroups),AttributeGroupsIllustration_excluded=["title","size"];var AttributeGroupsIllustration_AttributeGroupsIllustration=function AttributeGroupsIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function AttributeGroupsIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function AttributeGroupsIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/AttributeGroupsIllustration.tsx#AttributeGroupsIllustration"]={docgenInfo:AttributeGroupsIllustration_AttributeGroupsIllustration.__docgenInfo,name:"AttributeGroupsIllustration",path:"src/illustrations/AttributeGroupsIllustration.tsx#AttributeGroupsIllustration"})}catch(__react_docgen_typescript_loader_error){}var AttributesIllustration=__webpack_require__("./src/illustrations/AttributesIllustration.tsx"),Catalogs=__webpack_require__("./static/illustrations/Catalogs.svg"),Catalogs_default=__webpack_require__.n(Catalogs),CatalogsIllustration_excluded=["title","size"];var CatalogsIllustration_CatalogsIllustration=function CatalogsIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function CatalogsIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function CatalogsIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/CatalogsIllustration.tsx#CatalogsIllustration"]={docgenInfo:CatalogsIllustration_CatalogsIllustration.__docgenInfo,name:"CatalogsIllustration",path:"src/illustrations/CatalogsIllustration.tsx#CatalogsIllustration"})}catch(__react_docgen_typescript_loader_error){}var ChannelsIllustration=__webpack_require__("./src/illustrations/ChannelsIllustration.tsx"),City=__webpack_require__("./static/illustrations/City.svg"),City_default=__webpack_require__.n(City),CityIllustration_excluded=["title","size"];var CityIllustration_CityIllustration=function CityIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function CityIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function CityIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/CityIllustration.tsx#CityIllustration"]={docgenInfo:CityIllustration_CityIllustration.__docgenInfo,name:"CityIllustration",path:"src/illustrations/CityIllustration.tsx#CityIllustration"})}catch(__react_docgen_typescript_loader_error){}var ClientError=__webpack_require__("./static/illustrations/ClientError.svg"),ClientError_default=__webpack_require__.n(ClientError),ClientErrorIllustration_excluded=["title","size"];var ClientErrorIllustration_ClientErrorIllustration=function ClientErrorIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?500:_ref$size,props=function ClientErrorIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ClientErrorIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ClientErrorIllustration.tsx#ClientErrorIllustration"]={docgenInfo:ClientErrorIllustration_ClientErrorIllustration.__docgenInfo,name:"ClientErrorIllustration",path:"src/illustrations/ClientErrorIllustration.tsx#ClientErrorIllustration"})}catch(__react_docgen_typescript_loader_error){}var Coding=__webpack_require__("./static/illustrations/Coding.svg"),Coding_default=__webpack_require__.n(Coding),CodingIllustration_excluded=["title","size"];var CodingIllustration_CodingIllustration=function CodingIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function CodingIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function CodingIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/CodingIllustration.tsx#CodingIllustration"]={docgenInfo:CodingIllustration_CodingIllustration.__docgenInfo,name:"CodingIllustration",path:"src/illustrations/CodingIllustration.tsx#CodingIllustration"})}catch(__react_docgen_typescript_loader_error){}var Currencies=__webpack_require__("./static/illustrations/Currencies.svg"),Currencies_default=__webpack_require__.n(Currencies),CurrenciesIllustration_excluded=["title","size"];var CurrenciesIllustration_CurrenciesIllustration=function CurrenciesIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function CurrenciesIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function CurrenciesIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/CurrenciesIllustration.tsx#CurrenciesIllustration"]={docgenInfo:CurrenciesIllustration_CurrenciesIllustration.__docgenInfo,name:"CurrenciesIllustration",path:"src/illustrations/CurrenciesIllustration.tsx#CurrenciesIllustration"})}catch(__react_docgen_typescript_loader_error){}var DefaultPictureIllustration=__webpack_require__("./src/illustrations/DefaultPictureIllustration.tsx"),DeleteFamilyVariant=__webpack_require__("./static/illustrations/DeleteFamilyVariant.svg"),DeleteFamilyVariant_default=__webpack_require__.n(DeleteFamilyVariant),DeleteFamilyVariantIllustration_excluded=["title","size"];var DeleteFamilyVariantIllustration_DeleteFamilyVariantIllustration=function DeleteFamilyVariantIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function DeleteFamilyVariantIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function DeleteFamilyVariantIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/DeleteFamilyVariantIllustration.tsx#DeleteFamilyVariantIllustration"]={docgenInfo:DeleteFamilyVariantIllustration_DeleteFamilyVariantIllustration.__docgenInfo,name:"DeleteFamilyVariantIllustration",path:"src/illustrations/DeleteFamilyVariantIllustration.tsx#DeleteFamilyVariantIllustration"})}catch(__react_docgen_typescript_loader_error){}var DeleteIllustration=__webpack_require__("./src/illustrations/DeleteIllustration.tsx"),Draft=__webpack_require__("./static/illustrations/Draft.svg"),Draft_default=__webpack_require__.n(Draft),DraftIllustration_excluded=["title","size"];var DraftIllustration_DraftIllustration=function DraftIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function DraftIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function DraftIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/DraftIllustration.tsx#DraftIllustration"]={docgenInfo:DraftIllustration_DraftIllustration.__docgenInfo,name:"DraftIllustration",path:"src/illustrations/DraftIllustration.tsx#DraftIllustration"})}catch(__react_docgen_typescript_loader_error){}var Entities=__webpack_require__("./static/illustrations/Entities.svg"),Entities_default=__webpack_require__.n(Entities),EntitiesIllustration_excluded=["title","size"];var EntitiesIllustration_EntitiesIllustration=function EntitiesIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function EntitiesIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function EntitiesIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/EntitiesIllustration.tsx#EntitiesIllustration"]={docgenInfo:EntitiesIllustration_EntitiesIllustration.__docgenInfo,name:"EntitiesIllustration",path:"src/illustrations/EntitiesIllustration.tsx#EntitiesIllustration"})}catch(__react_docgen_typescript_loader_error){}var EntitiesRecord=__webpack_require__("./static/illustrations/EntitiesRecord.svg"),EntitiesRecord_default=__webpack_require__.n(EntitiesRecord),EntitiesRecordIllustration_excluded=["title","size"];var EntitiesRecordIllustration_EntitiesRecordIllustration=function EntitiesRecordIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function EntitiesRecordIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function EntitiesRecordIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/EntitiesRecordIllustration.tsx#EntitiesRecordIllustration"]={docgenInfo:EntitiesRecordIllustration_EntitiesRecordIllustration.__docgenInfo,name:"EntitiesRecordIllustration",path:"src/illustrations/EntitiesRecordIllustration.tsx#EntitiesRecordIllustration"})}catch(__react_docgen_typescript_loader_error){}var ExportBuilder=__webpack_require__("./static/illustrations/ExportBuilder.svg"),ExportBuilder_default=__webpack_require__.n(ExportBuilder),ExportBuilderIllustration_excluded=["title","size"];var ExportBuilderIllustration_ExportBuilderIllustration=function ExportBuilderIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function ExportBuilderIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ExportBuilderIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ExportBuilderIllustration.tsx#ExportBuilderIllustration"]={docgenInfo:ExportBuilderIllustration_ExportBuilderIllustration.__docgenInfo,name:"ExportBuilderIllustration",path:"src/illustrations/ExportBuilderIllustration.tsx#ExportBuilderIllustration"})}catch(__react_docgen_typescript_loader_error){}var ExportCsv=__webpack_require__("./static/illustrations/ExportCsv.svg"),ExportCsv_default=__webpack_require__.n(ExportCsv),ExportCsvIllustration_excluded=["title","size"];var ExportCsvIllustration_ExportCsvIllustration=function ExportCsvIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function ExportCsvIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ExportCsvIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ExportCsvIllustration.tsx#ExportCsvIllustration"]={docgenInfo:ExportCsvIllustration_ExportCsvIllustration.__docgenInfo,name:"ExportCsvIllustration",path:"src/illustrations/ExportCsvIllustration.tsx#ExportCsvIllustration"})}catch(__react_docgen_typescript_loader_error){}var Export=__webpack_require__("./static/illustrations/Export.svg"),Export_default=__webpack_require__.n(Export),ExportIllustration_excluded=["title","size"];var ExportIllustration_ExportIllustration=function ExportIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function ExportIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ExportIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ExportIllustration.tsx#ExportIllustration"]={docgenInfo:ExportIllustration_ExportIllustration.__docgenInfo,name:"ExportIllustration",path:"src/illustrations/ExportIllustration.tsx#ExportIllustration"})}catch(__react_docgen_typescript_loader_error){}var ExportXlsx=__webpack_require__("./static/illustrations/ExportXlsx.svg"),ExportXlsx_default=__webpack_require__.n(ExportXlsx),ExportXlsxIllustration_excluded=["title","size"];var ExportXlsxIllustration_ExportXlsxIllustration=function ExportXlsxIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function ExportXlsxIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ExportXlsxIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ExportXlsxIllustration.tsx#ExportXlsxIllustration"]={docgenInfo:ExportXlsxIllustration_ExportXlsxIllustration.__docgenInfo,name:"ExportXlsxIllustration",path:"src/illustrations/ExportXlsxIllustration.tsx#ExportXlsxIllustration"})}catch(__react_docgen_typescript_loader_error){}var ExportYml=__webpack_require__("./static/illustrations/ExportYml.svg"),ExportYml_default=__webpack_require__.n(ExportYml),ExportYmlIllustration_excluded=["title","size"];var ExportYmlIllustration_ExportYmlIllustration=function ExportYmlIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function ExportYmlIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ExportYmlIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ExportYmlIllustration.tsx#ExportYmlIllustration"]={docgenInfo:ExportYmlIllustration_ExportYmlIllustration.__docgenInfo,name:"ExportYmlIllustration",path:"src/illustrations/ExportYmlIllustration.tsx#ExportYmlIllustration"})}catch(__react_docgen_typescript_loader_error){}var Family=__webpack_require__("./static/illustrations/Family.svg"),Family_default=__webpack_require__.n(Family),FamilyIllustration_excluded=["title","size"];var FamilyIllustration_FamilyIllustration=function FamilyIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function FamilyIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function FamilyIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/FamilyIllustration.tsx#FamilyIllustration"]={docgenInfo:FamilyIllustration_FamilyIllustration.__docgenInfo,name:"FamilyIllustration",path:"src/illustrations/FamilyIllustration.tsx#FamilyIllustration"})}catch(__react_docgen_typescript_loader_error){}var FamilyVariant=__webpack_require__("./static/illustrations/FamilyVariant.svg"),FamilyVariant_default=__webpack_require__.n(FamilyVariant),FamilyVariantIllustration_excluded=["title","size"];var FamilyVariantIllustration_FamilyVariantIllustration=function FamilyVariantIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function FamilyVariantIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function FamilyVariantIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/FamilyVariantIllustration.tsx#FamilyVariantIllustration"]={docgenInfo:FamilyVariantIllustration_FamilyVariantIllustration.__docgenInfo,name:"FamilyVariantIllustration",path:"src/illustrations/FamilyVariantIllustration.tsx#FamilyVariantIllustration"})}catch(__react_docgen_typescript_loader_error){}var Graph=__webpack_require__("./static/illustrations/Graph.svg"),Graph_default=__webpack_require__.n(Graph),GraphIllustration_excluded=["title","size"];var GraphIllustration_GraphIllustration=function GraphIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function GraphIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function GraphIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/GraphIllustration.tsx#GraphIllustration"]={docgenInfo:GraphIllustration_GraphIllustration.__docgenInfo,name:"GraphIllustration",path:"src/illustrations/GraphIllustration.tsx#GraphIllustration"})}catch(__react_docgen_typescript_loader_error){}var GroupsIllustration=__webpack_require__("./src/illustrations/GroupsIllustration.tsx"),ImportCsv=__webpack_require__("./static/illustrations/ImportCsv.svg"),ImportCsv_default=__webpack_require__.n(ImportCsv),ImportCsvIllustration_excluded=["title","size"];var ImportCsvIllustration_ImportCsvIllustration=function ImportCsvIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function ImportCsvIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ImportCsvIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ImportCsvIllustration.tsx#ImportCsvIllustration"]={docgenInfo:ImportCsvIllustration_ImportCsvIllustration.__docgenInfo,name:"ImportCsvIllustration",path:"src/illustrations/ImportCsvIllustration.tsx#ImportCsvIllustration"})}catch(__react_docgen_typescript_loader_error){}var ImportIllustration=__webpack_require__("./src/illustrations/ImportIllustration.tsx"),ImportXlsx=__webpack_require__("./static/illustrations/ImportXlsx.svg"),ImportXlsx_default=__webpack_require__.n(ImportXlsx),ImportXlsxIllustration_excluded=["title","size"];var ImportXlsxIllustration_ImportXlsxIllustration=function ImportXlsxIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function ImportXlsxIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ImportXlsxIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ImportXlsxIllustration.tsx#ImportXlsxIllustration"]={docgenInfo:ImportXlsxIllustration_ImportXlsxIllustration.__docgenInfo,name:"ImportXlsxIllustration",path:"src/illustrations/ImportXlsxIllustration.tsx#ImportXlsxIllustration"})}catch(__react_docgen_typescript_loader_error){}var ImportYml=__webpack_require__("./static/illustrations/ImportYml.svg"),ImportYml_default=__webpack_require__.n(ImportYml),ImportYmlIllustration_excluded=["title","size"];var ImportYmlIllustration_ImportYmlIllustration=function ImportYmlIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function ImportYmlIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ImportYmlIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ImportYmlIllustration.tsx#ImportYmlIllustration"]={docgenInfo:ImportYmlIllustration_ImportYmlIllustration.__docgenInfo,name:"ImportYmlIllustration",path:"src/illustrations/ImportYmlIllustration.tsx#ImportYmlIllustration"})}catch(__react_docgen_typescript_loader_error){}var Julia=__webpack_require__("./static/illustrations/Julia.svg"),Julia_default=__webpack_require__.n(Julia),JuliaIllustration_excluded=["title","size"];var JuliaIllustration_JuliaIllustration=function JuliaIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function JuliaIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function JuliaIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/JuliaIllustration.tsx#JuliaIllustration"]={docgenInfo:JuliaIllustration_JuliaIllustration.__docgenInfo,name:"JuliaIllustration",path:"src/illustrations/JuliaIllustration.tsx#JuliaIllustration"})}catch(__react_docgen_typescript_loader_error){}var Locale=__webpack_require__("./static/illustrations/Locale.svg"),Locale_default=__webpack_require__.n(Locale),LocaleIllustration_excluded=["title","size"];var LocaleIllustration_LocaleIllustration=function LocaleIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function LocaleIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function LocaleIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/LocaleIllustration.tsx#LocaleIllustration"]={docgenInfo:LocaleIllustration_LocaleIllustration.__docgenInfo,name:"LocaleIllustration",path:"src/illustrations/LocaleIllustration.tsx#LocaleIllustration"})}catch(__react_docgen_typescript_loader_error){}var Marketplace=__webpack_require__("./static/illustrations/Marketplace.svg"),Marketplace_default=__webpack_require__.n(Marketplace),MarketplaceIllustration_excluded=["title","size"];var MarketplaceIllustration_MarketplaceIllustration=function MarketplaceIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function MarketplaceIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function MarketplaceIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/MarketplaceIllustration.tsx#MarketplaceIllustration"]={docgenInfo:MarketplaceIllustration_MarketplaceIllustration.__docgenInfo,name:"MarketplaceIllustration",path:"src/illustrations/MarketplaceIllustration.tsx#MarketplaceIllustration"})}catch(__react_docgen_typescript_loader_error){}var Measurement=__webpack_require__("./static/illustrations/Measurement.svg"),Measurement_default=__webpack_require__.n(Measurement),MeasurementIllustration_excluded=["title","size"];var MeasurementIllustration_MeasurementIllustration=function MeasurementIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function MeasurementIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function MeasurementIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/MeasurementIllustration.tsx#MeasurementIllustration"]={docgenInfo:MeasurementIllustration_MeasurementIllustration.__docgenInfo,name:"MeasurementIllustration",path:"src/illustrations/MeasurementIllustration.tsx#MeasurementIllustration"})}catch(__react_docgen_typescript_loader_error){}var MediaFile=__webpack_require__("./static/illustrations/MediaFile.svg"),MediaFile_default=__webpack_require__.n(MediaFile),MediaFileIllustration_excluded=["title","size"];var MediaFileIllustration_MediaFileIllustration=function MediaFileIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function MediaFileIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function MediaFileIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/MediaFileIllustration.tsx#MediaFileIllustration"]={docgenInfo:MediaFileIllustration_MediaFileIllustration.__docgenInfo,name:"MediaFileIllustration",path:"src/illustrations/MediaFileIllustration.tsx#MediaFileIllustration"})}catch(__react_docgen_typescript_loader_error){}var Money=__webpack_require__("./static/illustrations/Money.svg"),Money_default=__webpack_require__.n(Money),MoneyIllustration_excluded=["title","size"];var MoneyIllustration_MoneyIllustration=function MoneyIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function MoneyIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function MoneyIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/MoneyIllustration.tsx#MoneyIllustration"]={docgenInfo:MoneyIllustration_MoneyIllustration.__docgenInfo,name:"MoneyIllustration",path:"src/illustrations/MoneyIllustration.tsx#MoneyIllustration"})}catch(__react_docgen_typescript_loader_error){}var News=__webpack_require__("./static/illustrations/News.svg"),News_default=__webpack_require__.n(News),NewsIllustration_excluded=["title","size"];var NewsIllustration_NewsIllustration=function NewsIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function NewsIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function NewsIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/NewsIllustration.tsx#NewsIllustration"]={docgenInfo:NewsIllustration_NewsIllustration.__docgenInfo,name:"NewsIllustration",path:"src/illustrations/NewsIllustration.tsx#NewsIllustration"})}catch(__react_docgen_typescript_loader_error){}var NoResults=__webpack_require__("./static/illustrations/NoResults.svg"),NoResults_default=__webpack_require__.n(NoResults),NoResultsIllustration_excluded=["title","size"];var NoResultsIllustration_NoResultsIllustration=function NoResultsIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function NoResultsIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function NoResultsIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/NoResultsIllustration.tsx#NoResultsIllustration"]={docgenInfo:NoResultsIllustration_NoResultsIllustration.__docgenInfo,name:"NoResultsIllustration",path:"src/illustrations/NoResultsIllustration.tsx#NoResultsIllustration"})}catch(__react_docgen_typescript_loader_error){}var ProductCategory=__webpack_require__("./static/illustrations/ProductCategory.svg"),ProductCategory_default=__webpack_require__.n(ProductCategory),ProductCategoryIllustration_excluded=["title","size"];var ProductCategoryIllustration_ProductCategoryIllustration=function ProductCategoryIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function ProductCategoryIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ProductCategoryIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ProductCategoryIllustration.tsx#ProductCategoryIllustration"]={docgenInfo:ProductCategoryIllustration_ProductCategoryIllustration.__docgenInfo,name:"ProductCategoryIllustration",path:"src/illustrations/ProductCategoryIllustration.tsx#ProductCategoryIllustration"})}catch(__react_docgen_typescript_loader_error){}var ProductModel=__webpack_require__("./static/illustrations/ProductModel.svg"),ProductModel_default=__webpack_require__.n(ProductModel),ProductModelIllustration_excluded=["title","size"];var ProductModelIllustration_ProductModelIllustration=function ProductModelIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function ProductModelIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ProductModelIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ProductModelIllustration.tsx#ProductModelIllustration"]={docgenInfo:ProductModelIllustration_ProductModelIllustration.__docgenInfo,name:"ProductModelIllustration",path:"src/illustrations/ProductModelIllustration.tsx#ProductModelIllustration"})}catch(__react_docgen_typescript_loader_error){}var ProductPublished=__webpack_require__("./static/illustrations/ProductPublished.svg"),ProductPublished_default=__webpack_require__.n(ProductPublished),ProductPublishedIllustration_excluded=["title","size"];var ProductPublishedIllustration_ProductPublishedIllustration=function ProductPublishedIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function ProductPublishedIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ProductPublishedIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ProductPublishedIllustration.tsx#ProductPublishedIllustration"]={docgenInfo:ProductPublishedIllustration_ProductPublishedIllustration.__docgenInfo,name:"ProductPublishedIllustration",path:"src/illustrations/ProductPublishedIllustration.tsx#ProductPublishedIllustration"})}catch(__react_docgen_typescript_loader_error){}var Products=__webpack_require__("./static/illustrations/Products.svg"),Products_default=__webpack_require__.n(Products),ProductsIllustration_excluded=["title","size"];var ProductsIllustration_ProductsIllustration=function ProductsIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function ProductsIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ProductsIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ProductsIllustration.tsx#ProductsIllustration"]={docgenInfo:ProductsIllustration_ProductsIllustration.__docgenInfo,name:"ProductsIllustration",path:"src/illustrations/ProductsIllustration.tsx#ProductsIllustration"})}catch(__react_docgen_typescript_loader_error){}var Project=__webpack_require__("./static/illustrations/Project.svg"),Project_default=__webpack_require__.n(Project),ProjectIllustration_excluded=["title","size"];var ProjectIllustration_ProjectIllustration=function ProjectIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function ProjectIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ProjectIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ProjectIllustration.tsx#ProjectIllustration"]={docgenInfo:ProjectIllustration_ProjectIllustration.__docgenInfo,name:"ProjectIllustration",path:"src/illustrations/ProjectIllustration.tsx#ProjectIllustration"})}catch(__react_docgen_typescript_loader_error){}var useTheme=__webpack_require__("./src/hooks/useTheme.ts"),Proposals=__webpack_require__("./static/illustrations/Proposals.svg"),Proposals_default=__webpack_require__.n(Proposals),ProposalsIllustration_excluded=["title","size"];var ProposalsIllustration_ProposalsIllustration=function ProposalsIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function ProposalsIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ProposalsIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ProposalsIllustration.tsx#ProposalsIllustration"]={docgenInfo:ProposalsIllustration_ProposalsIllustration.__docgenInfo,name:"ProposalsIllustration",path:"src/illustrations/ProposalsIllustration.tsx#ProposalsIllustration"})}catch(__react_docgen_typescript_loader_error){}var Rules=__webpack_require__("./static/illustrations/Rules.svg"),Rules_default=__webpack_require__.n(Rules),RulesIllustration_excluded=["title","size"];var RulesIllustration_RulesIllustration=function RulesIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function RulesIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function RulesIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/RulesIllustration.tsx#RulesIllustration"]={docgenInfo:RulesIllustration_RulesIllustration.__docgenInfo,name:"RulesIllustration",path:"src/illustrations/RulesIllustration.tsx#RulesIllustration"})}catch(__react_docgen_typescript_loader_error){}var ServerError=__webpack_require__("./static/illustrations/ServerError.svg"),ServerError_default=__webpack_require__.n(ServerError),ServerErrorIllustration_excluded=["title","size"];var ServerErrorIllustration_ServerErrorIllustration=function ServerErrorIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?500:_ref$size,props=function ServerErrorIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ServerErrorIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ServerErrorIllustration.tsx#ServerErrorIllustration"]={docgenInfo:ServerErrorIllustration_ServerErrorIllustration.__docgenInfo,name:"ServerErrorIllustration",path:"src/illustrations/ServerErrorIllustration.tsx#ServerErrorIllustration"})}catch(__react_docgen_typescript_loader_error){}var Server=__webpack_require__("./static/illustrations/Server.svg"),Server_default=__webpack_require__.n(Server),ServerIllustration_excluded=["title","size"];var ServerIllustration_ServerIllustration=function ServerIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function ServerIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ServerIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ServerIllustration.tsx#ServerIllustration"]={docgenInfo:ServerIllustration_ServerIllustration.__docgenInfo,name:"ServerIllustration",path:"src/illustrations/ServerIllustration.tsx#ServerIllustration"})}catch(__react_docgen_typescript_loader_error){}var Settings=__webpack_require__("./static/illustrations/Settings.svg"),Settings_default=__webpack_require__.n(Settings),SettingsIllustration_excluded=["title","size"];var SettingsIllustration_SettingsIllustration=function SettingsIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function SettingsIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function SettingsIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/SettingsIllustration.tsx#SettingsIllustration"]={docgenInfo:SettingsIllustration_SettingsIllustration.__docgenInfo,name:"SettingsIllustration",path:"src/illustrations/SettingsIllustration.tsx#SettingsIllustration"})}catch(__react_docgen_typescript_loader_error){}var Status=__webpack_require__("./static/illustrations/Status.svg"),Status_default=__webpack_require__.n(Status),StatusIllustration_excluded=["title","size"];var StatusIllustration_StatusIllustration=function StatusIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function StatusIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function StatusIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/StatusIllustration.tsx#StatusIllustration"]={docgenInfo:StatusIllustration_StatusIllustration.__docgenInfo,name:"StatusIllustration",path:"src/illustrations/StatusIllustration.tsx#StatusIllustration"})}catch(__react_docgen_typescript_loader_error){}var Survey=__webpack_require__("./static/illustrations/Survey.svg"),Survey_default=__webpack_require__.n(Survey),SurveyIllustration_excluded=["title","size"];var SurveyIllustration_SurveyIllustration=function SurveyIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function SurveyIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function SurveyIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/SurveyIllustration.tsx#SurveyIllustration"]={docgenInfo:SurveyIllustration_SurveyIllustration.__docgenInfo,name:"SurveyIllustration",path:"src/illustrations/SurveyIllustration.tsx#SurveyIllustration"})}catch(__react_docgen_typescript_loader_error){}var Timezone=__webpack_require__("./static/illustrations/Timezone.svg"),Timezone_default=__webpack_require__.n(Timezone),TimezoneIllustration_excluded=["title","size"];var TimezoneIllustration_TimezoneIllustration=function TimezoneIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function TimezoneIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function TimezoneIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/TimezoneIllustration.tsx#TimezoneIllustration"]={docgenInfo:TimezoneIllustration_TimezoneIllustration.__docgenInfo,name:"TimezoneIllustration",path:"src/illustrations/TimezoneIllustration.tsx#TimezoneIllustration"})}catch(__react_docgen_typescript_loader_error){}var UserGroups=__webpack_require__("./static/illustrations/UserGroups.svg"),UserGroups_default=__webpack_require__.n(UserGroups),UserGroupsIllustration_excluded=["title","size"];var UserGroupsIllustration_UserGroupsIllustration=function UserGroupsIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function UserGroupsIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function UserGroupsIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/UserGroupsIllustration.tsx#UserGroupsIllustration"]={docgenInfo:UserGroupsIllustration_UserGroupsIllustration.__docgenInfo,name:"UserGroupsIllustration",path:"src/illustrations/UserGroupsIllustration.tsx#UserGroupsIllustration"})}catch(__react_docgen_typescript_loader_error){}var UserRoles=__webpack_require__("./static/illustrations/UserRoles.svg"),UserRoles_default=__webpack_require__.n(UserRoles),UserRolesIllustration_excluded=["title","size"];var UserRolesIllustration_UserRolesIllustration=function UserRolesIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function UserRolesIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function UserRolesIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/UserRolesIllustration.tsx#UserRolesIllustration"]={docgenInfo:UserRolesIllustration_UserRolesIllustration.__docgenInfo,name:"UserRolesIllustration",path:"src/illustrations/UserRolesIllustration.tsx#UserRolesIllustration"})}catch(__react_docgen_typescript_loader_error){}var UsersIllustration=__webpack_require__("./src/illustrations/UsersIllustration.tsx"),Using=__webpack_require__("./static/illustrations/Using.svg"),Using_default=__webpack_require__.n(Using),UsingIllustration_excluded=["title","size"];var UsingIllustration_UsingIllustration=function UsingIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function UsingIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function UsingIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/UsingIllustration.tsx#UsingIllustration"]={docgenInfo:UsingIllustration_UsingIllustration.__docgenInfo,name:"UsingIllustration",path:"src/illustrations/UsingIllustration.tsx#UsingIllustration"})}catch(__react_docgen_typescript_loader_error){}var Views=__webpack_require__("./static/illustrations/Views.svg"),Views_default=__webpack_require__.n(Views),ViewsIllustration_excluded=["title","size"];var ViewsIllustration_ViewsIllustration=function ViewsIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function ViewsIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ViewsIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ViewsIllustration.tsx#ViewsIllustration"]={docgenInfo:ViewsIllustration_ViewsIllustration.__docgenInfo,name:"ViewsIllustration",path:"src/illustrations/ViewsIllustration.tsx#ViewsIllustration"})}catch(__react_docgen_typescript_loader_error){}var Warning=__webpack_require__("./static/illustrations/Warning.svg"),Warning_default=__webpack_require__.n(Warning),WarningIllustration_excluded=["title","size"];var WarningIllustration_WarningIllustration=function WarningIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function WarningIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function WarningIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/WarningIllustration.tsx#WarningIllustration"]={docgenInfo:WarningIllustration_WarningIllustration.__docgenInfo,name:"WarningIllustration",path:"src/illustrations/WarningIllustration.tsx#WarningIllustration"})}catch(__react_docgen_typescript_loader_error){}},"./src/patterns/BulkActions/BulkActions.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"bigTable",(function(){return BulkActions_stories_bigTable})),__webpack_require__.d(__webpack_exports__,"smallTable",(function(){return BulkActions_stories_smallTable})),__webpack_require__.d(__webpack_exports__,"withCards",(function(){return BulkActions_stories_withCards}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),Table=__webpack_require__("./src/components/Table/Table.tsx"),Image=__webpack_require__("./src/components/Image/Image.tsx"),Badge=__webpack_require__("./src/components/Badge/Badge.tsx"),Button=__webpack_require__("./src/components/Button/Button.tsx"),Toolbar=__webpack_require__("./src/components/Toolbar/Toolbar.tsx"),Checkbox=__webpack_require__("./src/components/Checkbox/Checkbox.tsx"),Dropdown=__webpack_require__("./src/components/Dropdown/Dropdown.tsx"),IconButton=__webpack_require__("./src/components/IconButton/IconButton.tsx"),Card=__webpack_require__("./src/components/Card/Card.tsx"),shared_stories_data=__webpack_require__("./src/components/Table/shared-stories-data.js"),PreviewGallery=__webpack_require__("./src/storybook/PreviewGallery.tsx"),useBooleanState=__webpack_require__("./src/hooks/useBooleanState.ts");__webpack_require__("./node_modules/core-js/modules/es.array.filter.js");function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||_unsupportedIterableToArray(r,e)||function _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 _toConsumableArray(r){return function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r)}(r)||function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(r)||_unsupportedIterableToArray(r)||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 _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);er.length)&&(a=r.length);for(var e=0,n=Array(a);e {\n const [isOpen, open, close] = useBooleanState();\n const manyRows = [...rows, ...rows, ...rows, ...rows, ...rows, ...rows];\n const [, selectionState, isItemSelected, onSelectionChange, onSelectAllChange, selectedCount] = useSelection(manyRows.length);\n return \n
\n \n \n Image\n Name\n Family\n Order\n Genus\n Conservation status\n Actions\n \n \n {manyRows.map((row, index) => onSelectionChange(index, value)} isSelected={isItemSelected(index)}>\n \n \n \n {row.name}\n {row.family}\n {row.order}\n {row.genus}\n \n {row.conservation_status}\n \n \n \n \n )}\n \n
\n
\n \n \n onSelectAllChange(value)} />\n \n } title="Select" onClick={open} />\n {isOpen && \n \n Select\n \n \n {\n onSelectAllChange(true);\n close();\n }}>\n Select all\n \n {\n onSelectAllChange(true);\n close();\n }}>\n Select all visible\n \n {\n onSelectAllChange(false);\n close();\n }}>\n Select none\n \n \n }\n \n \n {selectedCount} Selected\n \n \n \n \n \n \n ;\n}'}};var BulkActions_stories_smallTable=function smallTable(){var _useSelection10=BulkActions_stories_slicedToArray(useSelection_useSelection(shared_stories_data.a.length),6),selectionState=_useSelection10[1],isItemSelected=_useSelection10[2],onSelectionChange=_useSelection10[3],onSelectAllChange=_useSelection10[4],selectedCount=_useSelection10[5],_useBooleanState10=BulkActions_stories_slicedToArray(Object(useBooleanState.a)(),3),isOpen=_useBooleanState10[0],open=_useBooleanState10[1],close=_useBooleanState10[2];return Object(esm.b)(PreviewGallery.k,{height:400,style:{overflow:"hidden"}},Object(esm.b)("div",{style:{flexGrow:1,overflowY:"auto"}},Object(esm.b)(Table.a,{isSelectable:!0,displayCheckbox:!!selectionState},Object(esm.b)(Table.a.Header,null,Object(esm.b)(Table.a.HeaderCell,null,"Image"),Object(esm.b)(Table.a.HeaderCell,null,"Name"),Object(esm.b)(Table.a.HeaderCell,null,"Family"),Object(esm.b)(Table.a.HeaderCell,null,"Order"),Object(esm.b)(Table.a.HeaderCell,null,"Genus"),Object(esm.b)(Table.a.HeaderCell,null,"Conservation status"),Object(esm.b)(Table.a.HeaderCell,null,"Actions")),Object(esm.b)(Table.a.Body,null,shared_stories_data.a.map((function(row,index){return Object(esm.b)(Table.a.Row,{key:index,onSelectToggle:function onSelectToggle(value){return onSelectionChange(index,value)},isSelected:isItemSelected(index)},Object(esm.b)(Table.a.Cell,null,Object(esm.b)(Image.a,{src:row.image,alt:"The alt"})),Object(esm.b)(Table.a.Cell,null,row.name),Object(esm.b)(Table.a.Cell,null,row.family),Object(esm.b)(Table.a.Cell,null,row.order),Object(esm.b)(Table.a.Cell,null,row.genus),Object(esm.b)(Table.a.Cell,null,Object(esm.b)(Badge.a,{level:row.conservation_status_level},row.conservation_status)),Object(esm.b)(Table.a.ActionCell,null,Object(esm.b)(Button.a,{level:"primary",ghost:!0},"Button")))}))))),Object(esm.b)(Toolbar.a,{isVisible:!!selectionState},Object(esm.b)(Toolbar.a.SelectionContainer,null,Object(esm.b)(Checkbox.a,{checked:selectionState,onChange:function onChange(value){return onSelectAllChange(value)}}),Object(esm.b)(Dropdown.a,null,Object(esm.b)(IconButton.a,{size:"small",level:"tertiary",ghost:"borderless",icon:Object(esm.b)(ArrowDownIcon.a,null),title:"Select",onClick:open}),isOpen&&Object(esm.b)(Dropdown.a.Overlay,{onClose:close},Object(esm.b)(Dropdown.a.Header,null,Object(esm.b)(Dropdown.a.Title,null,"Select")),Object(esm.b)(Dropdown.a.ItemCollection,null,Object(esm.b)(Dropdown.a.Item,{onClick:function onClick(){onSelectAllChange(!0),close()}},"Select all"),Object(esm.b)(Dropdown.a.Item,{onClick:function onClick(){onSelectAllChange(!0),close()}},"Select all visible"),Object(esm.b)(Dropdown.a.Item,{onClick:function onClick(){onSelectAllChange(!1),close()}},"Select none"))))),Object(esm.b)(Toolbar.a.LabelContainer,null,selectedCount," Selected"),Object(esm.b)(Toolbar.a.ActionsContainer,null,Object(esm.b)(Button.a,{level:"secondary"},"Button 1"),Object(esm.b)(Button.a,{level:"tertiary"},"Button 2"),Object(esm.b)(Button.a,{level:"danger"},"Button 3"))))};BulkActions_stories_smallTable.displayName="smallTable",BulkActions_stories_smallTable.storyName="Small Table",BulkActions_stories_smallTable.parameters={storySource:{source:'() => {\n const [, selectionState, isItemSelected, onSelectionChange, onSelectAllChange, selectedCount] = useSelection(rows.length);\n const [isOpen, open, close] = useBooleanState();\n return \n
\n \n \n Image\n Name\n Family\n Order\n Genus\n Conservation status\n Actions\n \n \n {rows.map((row, index) => onSelectionChange(index, value)} isSelected={isItemSelected(index)}>\n \n \n \n {row.name}\n {row.family}\n {row.order}\n {row.genus}\n \n {row.conservation_status}\n \n \n \n \n )}\n \n
\n
\n \n \n onSelectAllChange(value)} />\n \n } title="Select" onClick={open} />\n {isOpen && \n \n Select\n \n \n {\n onSelectAllChange(true);\n close();\n }}>\n Select all\n \n {\n onSelectAllChange(true);\n close();\n }}>\n Select all visible\n \n {\n onSelectAllChange(false);\n close();\n }}>\n Select none\n \n \n }\n \n \n {selectedCount} Selected\n \n \n \n \n \n \n ;\n}'}};var BulkActions_stories_withCards=function withCards(){var _useBooleanState12=BulkActions_stories_slicedToArray(Object(useBooleanState.a)(),3),isOpen=_useBooleanState12[0],open=_useBooleanState12[1],close=_useBooleanState12[2],manyRows=[].concat(BulkActions_stories_toConsumableArray(shared_stories_data.a),BulkActions_stories_toConsumableArray(shared_stories_data.a),BulkActions_stories_toConsumableArray(shared_stories_data.a),BulkActions_stories_toConsumableArray(shared_stories_data.a),BulkActions_stories_toConsumableArray(shared_stories_data.a),BulkActions_stories_toConsumableArray(shared_stories_data.a)),_useSelection12=BulkActions_stories_slicedToArray(useSelection_useSelection(manyRows.length),6),selectionState=_useSelection12[1],isItemSelected=_useSelection12[2],onSelectionChange=_useSelection12[3],onSelectAllChange=_useSelection12[4],selectedCount=_useSelection12[5];return Object(esm.b)(PreviewGallery.k,{height:500,style:{overflow:"hidden"}},Object(esm.b)(Card.b,{style:{overflowY:"auto"}},manyRows.map((function(row,index){return Object(esm.b)(Card.a,{key:index,src:"https://picsum.photos/seed/akeneo"+index+"/140/140",onSelect:function onSelect(value){return onSelectionChange(index,value)},isSelected:isItemSelected(index)},row.name)}))),Object(esm.b)(Toolbar.a,{isVisible:!!selectionState},Object(esm.b)(Toolbar.a.SelectionContainer,null,Object(esm.b)(Checkbox.a,{checked:selectionState,onChange:function onChange(value){return onSelectAllChange(value)}}),Object(esm.b)(Dropdown.a,null,Object(esm.b)(IconButton.a,{size:"small",level:"tertiary",ghost:"borderless",icon:Object(esm.b)(ArrowDownIcon.a,null),title:"Select",onClick:open}),isOpen&&Object(esm.b)(Dropdown.a.Overlay,{onClose:close},Object(esm.b)(Dropdown.a.Header,null,Object(esm.b)(Dropdown.a.Title,null,"Select")),Object(esm.b)(Dropdown.a.ItemCollection,null,Object(esm.b)(Dropdown.a.Item,{onClick:function onClick(){onSelectAllChange(!0),close()}},"Select all"),Object(esm.b)(Dropdown.a.Item,{onClick:function onClick(){onSelectAllChange(!0),close()}},"Select all visible"),Object(esm.b)(Dropdown.a.Item,{onClick:function onClick(){onSelectAllChange(!1),close()}},"Select none"))))),Object(esm.b)(Toolbar.a.LabelContainer,null,selectedCount," Selected"),Object(esm.b)(Toolbar.a.ActionsContainer,null,Object(esm.b)(Button.a,{level:"secondary"},"Button 1"),Object(esm.b)(Button.a,{level:"tertiary"},"Button 2"),Object(esm.b)(Button.a,{level:"danger"},"Button 3"))))};BulkActions_stories_withCards.displayName="withCards",BulkActions_stories_withCards.storyName="With Cards",BulkActions_stories_withCards.parameters={storySource:{source:'() => {\n const [isOpen, open, close] = useBooleanState();\n const manyRows = [...rows, ...rows, ...rows, ...rows, ...rows, ...rows];\n const [, selectionState, isItemSelected, onSelectionChange, onSelectAllChange, selectedCount] = useSelection(manyRows.length);\n return \n \n {manyRows.map((row, index) => onSelectionChange(index, value)} isSelected={isItemSelected(index)}>\n {row.name}\n )}\n \n \n \n onSelectAllChange(value)} />\n \n } title="Select" onClick={open} />\n {isOpen && \n \n Select\n \n \n {\n onSelectAllChange(true);\n close();\n }}>\n Select all\n \n {\n onSelectAllChange(true);\n close();\n }}>\n Select all visible\n \n {\n onSelectAllChange(false);\n close();\n }}>\n Select none\n \n \n }\n \n \n {selectedCount} Selected\n \n \n \n \n \n \n ;\n}'}};var componentMeta={title:"Patterns/Bulk Actions",includeStories:["bigTable","smallTable","withCards"]},mdxStoryNameToKey={"Big Table":"bigTable","Small Table":"smallTable","With Cards":"withCards"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/patterns/Overlays/Overlays.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"confirmModal",(function(){return confirmModal})),__webpack_require__.d(__webpack_exports__,"fullscreenOverlay",(function(){return fullscreenOverlay})),__webpack_require__.d(__webpack_exports__,"splitScreenOverlay",(function(){return splitScreenOverlay}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_15___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_15__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/storybook/PreviewGallery.tsx"),_components__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/components/Modal/Modal.tsx"),_components__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/components/Button/Button.tsx"),_illustrations__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./src/illustrations/DeleteIllustration.tsx"),_illustrations__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./src/illustrations/AddingValueIllustration.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;er.length)&&(a=r.length);for(var e=0,n=Array(a);e {\n const [isOpen, setOpen] = useState(false);\n const open = () => setOpen(true);\n const close = () => setOpen(false);\n return <>\n {isOpen && }>\n Products\n Confirm deletion\n Are you sure you want to delete this product?\n \n \n \n \n }\n \n ;\n}'}};var fullscreenOverlay=function fullscreenOverlay(args){var _useState10=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_15__.useState)(!1),2),isOpen=_useState10[0],setOpen=_useState10[1],close=function close(){return setOpen(!1)};return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,isOpen&&Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_19__.a,{closeTitle:"Close",onClose:close},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_19__.a.SectionTitle,{color:"brand"},"Entity type"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_19__.a.Title,null,"Title of Overlay"),"Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam.",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_18__.a,{width:900,height:400},"CONTENT"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_19__.a.BottomButtons,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_20__.a,{level:"tertiary",onClick:close},"Cancel"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_20__.a,{level:"primary",onClick:close},"Confirm"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_20__.a,{onClick:function open(){return setOpen(!0)}},"Open Fullscreen Overlay"))};fullscreenOverlay.storyName="Fullscreen Overlay",fullscreenOverlay.parameters={storySource:{source:'args => {\n const [isOpen, setOpen] = useState(false);\n const open = () => setOpen(true);\n const close = () => setOpen(false);\n return <>\n {isOpen && \n Entity type\n Title of Overlay\n Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum\n ultrices diam.\n \n CONTENT\n \n \n \n \n \n }\n \n ;\n}'}};var splitScreenOverlay=function splitScreenOverlay(args){var _useState12=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_15__.useState)(!1),2),isOpen=_useState12[0],setOpen=_useState12[1],close=function close(){return setOpen(!1)};return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,isOpen&&Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_19__.a,{closeTitle:"Close",onClose:close,illustration:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_illustrations__WEBPACK_IMPORTED_MODULE_22__.a,null)},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_19__.a.SectionTitle,{color:"brand"},"Entity type"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_19__.a.Title,null,"Title of Overlay"),"Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam.",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_18__.a,{width:600,height:300},"CONTENT"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_19__.a.BottomButtons,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_20__.a,{level:"tertiary",onClick:close},"Cancel"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_20__.a,{level:"primary",onClick:close},"Confirm"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_20__.a,{onClick:function open(){return setOpen(!0)}},"Open Split screen Overlay"))};splitScreenOverlay.storyName="Split screen Overlay",splitScreenOverlay.parameters={storySource:{source:'args => {\n const [isOpen, setOpen] = useState(false);\n const open = () => setOpen(true);\n const close = () => setOpen(false);\n return <>\n {isOpen && }>\n Entity type\n Title of Overlay\n Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum\n ultrices diam.\n \n CONTENT\n \n \n \n \n \n }\n \n ;\n}'}};var componentMeta={title:"Patterns/Overlays",includeStories:["confirmModal","fullscreenOverlay","splitScreenOverlay"]},mdxStoryNameToKey={"Confirm Modal":"confirmModal","Fullscreen Overlay":"fullscreenOverlay","Split screen Overlay":"splitScreenOverlay"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/shared/array.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return arrayUnique}));__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.set.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.reduce.js"),__webpack_require__("./node_modules/core-js/modules/es.array.some.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js");function _toConsumableArray(r){return function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r)}(r)||function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(r)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r)||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(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(n,t,e,r,o,a,c){try{var i=n[a](c),u=i.value}catch(n){return void e(n)}i.done?t(u):Promise.resolve(u).then(r,o)}function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var StoryStyle=styled_components__WEBPACK_IMPORTED_MODULE_24__.default.div(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n ","\n & > * {\n margin: 0 10px 20px 0;\n }\n"])),_theme__WEBPACK_IMPORTED_MODULE_25__.b),PreviewGrid=styled_components__WEBPACK_IMPORTED_MODULE_24__.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(auto-fill, ","px);\n gap: 16px;\n margin-bottom: 50px;\n"])),(function(_ref){return _ref.width}));PreviewGrid.defaultProps={width:140};var PreviewCard=styled_components__WEBPACK_IMPORTED_MODULE_24__.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n height: 100%;\n text-align: center;\n border: 1px solid rgba(0, 0, 0, 0.1);\n box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 0;\n border-radius: 4px;\n"]))),PreviewContainer=styled_components__WEBPACK_IMPORTED_MODULE_24__.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n padding: 20px;\n color: ",";\n overflow: hidden;\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n"])),Object(_theme__WEBPACK_IMPORTED_MODULE_26__.a)("grey100")),LabelContainer=styled_components__WEBPACK_IMPORTED_MODULE_24__.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n padding: 8px 0px;\n max-width: 100%;\n white-space: nowrap;\n word-break: break-word;\n overflow: hidden;\n text-overflow: ellipsis;\n"]))),Subtitle=styled_components__WEBPACK_IMPORTED_MODULE_24__.default.h2(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(["\n text-transform: Capitalize;\n"]))),Content=styled_components__WEBPACK_IMPORTED_MODULE_24__.default.div(_templateObject7||(_templateObject7=_taggedTemplateLiteralLoose(["\n width: ","px;\n height: ","px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1px solid ",";\n background-color: ",";\n box-sizing: border-box;\n"])),(function(_ref2){return _ref2.width}),(function(_ref3){return _ref3.height}),Object(_theme__WEBPACK_IMPORTED_MODULE_26__.a)("blue",40),Object(_theme__WEBPACK_IMPORTED_MODULE_26__.a)("blue",10)),ListContextContainer=styled_components__WEBPACK_IMPORTED_MODULE_24__.default.div(_templateObject8||(_templateObject8=_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n\n & > * {\n max-width: 120px;\n }\n"]))),Section=styled_components__WEBPACK_IMPORTED_MODULE_24__.default.div(_templateObject9||(_templateObject9=_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 20px;\n flex-direction: column;\n"]))),SpaceBetweenContainer=styled_components__WEBPACK_IMPORTED_MODULE_24__.default.div(_templateObject10||(_templateObject10=_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: ",";\n justify-content: space-between;\n align-items: center;\n"])),(function(_ref4){return _ref4.direction}));SpaceBetweenContainer.defaultProps={direction:"row"};var MessageBarContainer=styled_components__WEBPACK_IMPORTED_MODULE_24__.default.div(_templateObject11||(_templateObject11=_taggedTemplateLiteralLoose(["\n padding: 5px;\n width: 600px;\n height: 110px;\n overflow: clip;\n"]))),Scrollable=styled_components__WEBPACK_IMPORTED_MODULE_24__.default.div(_templateObject12||(_templateObject12=_taggedTemplateLiteralLoose(["\n overflow: auto;\n height: ","px;\n"])),(function(_ref5){return _ref5.height})),SpaceContainer=styled_components__WEBPACK_IMPORTED_MODULE_24__.default.div(_templateObject13||(_templateObject13=_taggedTemplateLiteralLoose(["\n width: ",";\n height: ",";\n display: flex;\n flex-direction: column;\n gap: ",";\n"])),(function(_ref6){var width=_ref6.width;return width?width+"px":"auto"}),(function(_ref7){var height=_ref7.height;return height?height+"px":"auto"}),(function(_ref8){var gap=_ref8.gap;return gap?gap+"px":"0"})),fakeFetcher=function(){var _ref9=function _asyncToGenerator(n){return function(){var t=this,e=arguments;return new Promise((function(r,o){var a=n.apply(t,e);function _next(n){asyncGeneratorStep(a,r,o,_next,_throw,"next",n)}function _throw(n){asyncGeneratorStep(a,r,o,_next,_throw,"throw",n)}_next(void 0)}))}}(_regeneratorRuntime().mark((function _callee(){var page,searchValue,items,filteredItems,_args=arguments;return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:if(searchValue=_args.length>1&&void 0!==_args[1]?_args[1]:"",items=[{id:"name_"+(page=_args.length>0&&void 0!==_args[0]?_args[0]:0),text:"Name (page "+page+")"},{id:"collection_"+page,text:"Collection"},{id:"description_"+page,text:"Description"},{id:"brand_"+page,text:"Brand"},{id:"response_time_"+page,text:"Response time (ms)"},{id:"variation_name_"+page,text:"Variant Name"},{id:"variation_description_"+page,text:"Variant description"},{id:"release_date_"+page,text:"Release date"},{id:"release_date_"+page,text:"Release date"},{id:"asset_collection_"+page,text:"Asset collection"},{id:"associations_"+page,text:"Associations"},{id:"enabled_"+page,text:"Enabled"},{id:"price_"+page,text:"Price"},{id:"promotion_"+page,text:"Promotion"},{id:"city_"+page,text:"City"},{id:"supplier_"+page,text:"Supplier"},{id:"label_"+page,text:"Label"},{id:"category_"+page,text:"Category"},{id:"updated_at_"+page,text:"Updated at"},{id:"created_at_"+page,text:"Created at"}],!(page>3)){_context.next=5;break}return _context.abrupt("return",Promise.resolve([]));case 5:if(filteredItems=""!==searchValue&&0===page?items.filter((function(item){return-1!==item.text.indexOf(searchValue)})):items,!(""!==searchValue&&page>0)){_context.next=8;break}return _context.abrupt("return",Promise.resolve([]));case 8:return _context.abrupt("return",new Promise((function(resolve){setTimeout((function(){return resolve(filteredItems)}),200)})));case 9:case"end":return _context.stop()}}),_callee)})));return function fakeFetcher(){return _ref9.apply(this,arguments)}}();try{Content.displayName="Content",Content.__docgenInfo={description:"",displayName:"Content",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},height:{defaultValue:null,description:"",name:"height",required:!0,type:{name:"number"}},width:{defaultValue:{value:"140"},description:"",name:"width",required:!1,type:{name:"number"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/storybook/PreviewGallery.tsx#Content"]={docgenInfo:Content.__docgenInfo,name:"Content",path:"src/storybook/PreviewGallery.tsx#Content"})}catch(__react_docgen_typescript_loader_error){}try{LabelContainer.displayName="LabelContainer",LabelContainer.__docgenInfo={description:"",displayName:"LabelContainer",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/storybook/PreviewGallery.tsx#LabelContainer"]={docgenInfo:LabelContainer.__docgenInfo,name:"LabelContainer",path:"src/storybook/PreviewGallery.tsx#LabelContainer"})}catch(__react_docgen_typescript_loader_error){}try{ListContextContainer.displayName="ListContextContainer",ListContextContainer.__docgenInfo={description:"",displayName:"ListContextContainer",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/storybook/PreviewGallery.tsx#ListContextContainer"]={docgenInfo:ListContextContainer.__docgenInfo,name:"ListContextContainer",path:"src/storybook/PreviewGallery.tsx#ListContextContainer"})}catch(__react_docgen_typescript_loader_error){}try{MessageBarContainer.displayName="MessageBarContainer",MessageBarContainer.__docgenInfo={description:"",displayName:"MessageBarContainer",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/storybook/PreviewGallery.tsx#MessageBarContainer"]={docgenInfo:MessageBarContainer.__docgenInfo,name:"MessageBarContainer",path:"src/storybook/PreviewGallery.tsx#MessageBarContainer"})}catch(__react_docgen_typescript_loader_error){}try{PreviewCard.displayName="PreviewCard",PreviewCard.__docgenInfo={description:"",displayName:"PreviewCard",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/storybook/PreviewGallery.tsx#PreviewCard"]={docgenInfo:PreviewCard.__docgenInfo,name:"PreviewCard",path:"src/storybook/PreviewGallery.tsx#PreviewCard"})}catch(__react_docgen_typescript_loader_error){}try{PreviewContainer.displayName="PreviewContainer",PreviewContainer.__docgenInfo={description:"",displayName:"PreviewContainer",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/storybook/PreviewGallery.tsx#PreviewContainer"]={docgenInfo:PreviewContainer.__docgenInfo,name:"PreviewContainer",path:"src/storybook/PreviewGallery.tsx#PreviewContainer"})}catch(__react_docgen_typescript_loader_error){}try{PreviewGrid.displayName="PreviewGrid",PreviewGrid.__docgenInfo={description:"",displayName:"PreviewGrid",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},width:{defaultValue:{value:"140"},description:"",name:"width",required:!1,type:{name:"number"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/storybook/PreviewGallery.tsx#PreviewGrid"]={docgenInfo:PreviewGrid.__docgenInfo,name:"PreviewGrid",path:"src/storybook/PreviewGallery.tsx#PreviewGrid"})}catch(__react_docgen_typescript_loader_error){}try{Scrollable.displayName="Scrollable",Scrollable.__docgenInfo={description:"",displayName:"Scrollable",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},height:{defaultValue:null,description:"",name:"height",required:!0,type:{name:"number"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/storybook/PreviewGallery.tsx#Scrollable"]={docgenInfo:Scrollable.__docgenInfo,name:"Scrollable",path:"src/storybook/PreviewGallery.tsx#Scrollable"})}catch(__react_docgen_typescript_loader_error){}try{Section.displayName="Section",Section.__docgenInfo={description:"",displayName:"Section",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/storybook/PreviewGallery.tsx#Section"]={docgenInfo:Section.__docgenInfo,name:"Section",path:"src/storybook/PreviewGallery.tsx#Section"})}catch(__react_docgen_typescript_loader_error){}try{SpaceBetweenContainer.displayName="SpaceBetweenContainer",SpaceBetweenContainer.__docgenInfo={description:"",displayName:"SpaceBetweenContainer",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},direction:{defaultValue:{value:"row"},description:"",name:"direction",required:!1,type:{name:"string"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/storybook/PreviewGallery.tsx#SpaceBetweenContainer"]={docgenInfo:SpaceBetweenContainer.__docgenInfo,name:"SpaceBetweenContainer",path:"src/storybook/PreviewGallery.tsx#SpaceBetweenContainer"})}catch(__react_docgen_typescript_loader_error){}try{SpaceContainer.displayName="SpaceContainer",SpaceContainer.__docgenInfo={description:"",displayName:"SpaceContainer",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"number"}},width:{defaultValue:{value:"140"},description:"",name:"width",required:!1,type:{name:"number"}},gap:{defaultValue:null,description:"",name:"gap",required:!1,type:{name:"number"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/storybook/PreviewGallery.tsx#SpaceContainer"]={docgenInfo:SpaceContainer.__docgenInfo,name:"SpaceContainer",path:"src/storybook/PreviewGallery.tsx#SpaceContainer"})}catch(__react_docgen_typescript_loader_error){}try{StoryStyle.displayName="StoryStyle",StoryStyle.__docgenInfo={description:"",displayName:"StoryStyle",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/storybook/PreviewGallery.tsx#StoryStyle"]={docgenInfo:StoryStyle.__docgenInfo,name:"StoryStyle",path:"src/storybook/PreviewGallery.tsx#StoryStyle"})}catch(__react_docgen_typescript_loader_error){}try{Subtitle.displayName="Subtitle",Subtitle.__docgenInfo={description:"",displayName:"Subtitle",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLHeadingElement | null) => void) | RefObject | null"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/storybook/PreviewGallery.tsx#Subtitle"]={docgenInfo:Subtitle.__docgenInfo,name:"Subtitle",path:"src/storybook/PreviewGallery.tsx#Subtitle"})}catch(__react_docgen_typescript_loader_error){}},"./src/storybook/components/FullscreenPreview.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return FullscreenPreview}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/react/index.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,styled_components__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/Modal/Modal.tsx"),_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/Image/Image.tsx"),_theme_theme__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/theme/theme.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/jsx-runtime.js");function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var Border=styled_components__WEBPACK_IMPORTED_MODULE_2__.default.div(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n padding: 20px;\n border: 1px solid ",";\n max-height: 100%;\n gap: 20px;\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_5__.a)("grey",80)),BrandedTitle=Object(styled_components__WEBPACK_IMPORTED_MODULE_2__.default)(_components__WEBPACK_IMPORTED_MODULE_3__.a.Title)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n color: ",";\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_5__.a)("brand",100)),Actions=styled_components__WEBPACK_IMPORTED_MODULE_2__.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n gap: 10px;\n"]))),PreviewImage=Object(styled_components__WEBPACK_IMPORTED_MODULE_2__.default)(_components__WEBPACK_IMPORTED_MODULE_4__.a)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n width: auto;\n min-height: 250px;\n max-width: 100%;\n object-fit: contain;\n max-height: calc(-250px + 100vh);\n"]))),FullscreenPreview=function FullscreenPreview(_ref){var title=_ref.title,src=_ref.src,onClose=_ref.onClose,children=_ref.children;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_components__WEBPACK_IMPORTED_MODULE_3__.a,{onClose:onClose,closeTitle:"Close",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(BrandedTitle,{children:title}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(Border,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(PreviewImage,{src:src,alt:title}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(Actions,{children:children})]})]})};FullscreenPreview.displayName="FullscreenPreview";try{FullscreenPreview.displayName="FullscreenPreview",FullscreenPreview.__docgenInfo={description:"",displayName:"FullscreenPreview",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},src:{defaultValue:null,description:"",name:"src",required:!0,type:{name:"string"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!0,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/storybook/components/FullscreenPreview.tsx#FullscreenPreview"]={docgenInfo:FullscreenPreview.__docgenInfo,name:"FullscreenPreview",path:"src/storybook/components/FullscreenPreview.tsx#FullscreenPreview"})}catch(__react_docgen_typescript_loader_error){}},"./src/storybook/hooks/useSelection.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useSelection}));__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/react/index.js");function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _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 _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e * {\n opacity: 0;\n }\n"])),loadingBreath),color={blue10:"#f5f9fc",blue20:"#dee9f4",blue40:"#bdd3e9",blue60:"#9bbddd",blue80:"#7aa7d2",blue100:"#5992c7",blue120:"#47749f",blue140:"#355777",green10:"#f0f7f1",green20:"#e1f0e3",green40:"#c2e1c7",green60:"#a3d1ab",green80:"#85c28f",green100:"#67b373",green120:"#528f5c",green140:"#3d6b45",grey20:"#f6f7fb",grey40:"#f0f1f3",grey60:"#e8ebee",grey80:"#c7cbd4",grey100:"#a1a9b7",grey120:"#67768a",grey140:"#11324d",purple20:"#eadcf1",purple40:"#d4bae3",purple60:"#be97d5",purple80:"#a974c7",purple100:"#9452ba",purple120:"#764194",purple140:"#58316f",red10:"#faefed",red20:"#f6dfdc",red40:"#eebfb9",red60:"#e59f95",red80:"#dc7f72",red100:"#d4604f",red120:"#a94c3f",red140:"#7f392f",yellow10:"#fef7ec",yellow20:"#fef0d9",yellow40:"#fde1b2",yellow60:"#fbd28b",yellow80:"#fac365",yellow100:"#f9b53f",yellow120:"#c79032",yellow140:"#956c25",brand20:"#eadcf1",brand40:"#d4bae3",brand60:"#be97d5",brand80:"#a974c7",brand100:"#9452ba",brand120:"#764194",brand140:"#58316f",white:"#ffffff"},colorAlternative={blue10:"#F0F7FC",blue100:"#4CA8E0",blue120:"#3278B7",chocolate10:"#EEE9E5",chocolate100:"#512500",chocolate120:"#441F00",coralRed10:"#FDF0EF",coralRed100:"#ED6A5E",coralRed120:"#B72215",darkBlue10:"#EFEFF8",darkBlue100:"#5e63b6",darkBlue120:"#3B438C",darkCyan10:"#E5F3F3",darkCyan100:"#008B8B",darkCyan120:"#007575",darkPurple10:"#EEEAF2",darkPurple100:"#52267D",darkPurple120:"#36145E",forestGreen10:"#EDF1EB",forestGreen100:"#50723C",forestGreen120:"#436032",green10:"#F5FAFA",green100:"#81CCCC",green120:"#5DA8A6",hotPink10:"#FFF0F7",hotPink100:"#FF69B4",hotPink120:"#CC0066",oliveGreen10:"#F0F4E9",oliveGreen100:"#6B8E23",oliveGreen120:"#5A771D",orange10:"#FFF3E5",orange100:"#FF8600",orange120:"#B25E00",purple10:"#F3EEF9",purple100:"#9452BA",purple120:"#763E9E",red10:"#FDEDF0",red100:"#F74B64",red120:"#C92343",yellow10:"#FEFBF2",yellow100:"#FCCE76",yellow120:"#D69A38"},fontSize={big:"15px",bigger:"17px",default:"13px",small:"11px",title:"28px"},palette={primary:"green",secondary:"blue",tertiary:"grey",warning:"yellow",danger:"red"},fontFamily={default:'Lato, "Helvetica Neue", Helvetica, Arial, sans-serif',monospace:'Courier, "MS Courier New", Prestige, "Everson Mono"'},BrandedPath=styled_components__WEBPACK_IMPORTED_MODULE_1__.default.path(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n fill: ",";\n"])),Object(_theme__WEBPACK_IMPORTED_MODULE_2__.a)("brand",100));styled_components__WEBPACK_IMPORTED_MODULE_1__.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n ","\n"])),placeholderStyle)},"./src/theme/theme.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return getColor})),__webpack_require__.d(__webpack_exports__,"d",(function(){return getFontFamily})),__webpack_require__.d(__webpack_exports__,"c",(function(){return getColorForLevel})),__webpack_require__.d(__webpack_exports__,"b",(function(){return getColorAlternative})),__webpack_require__.d(__webpack_exports__,"e",(function(){return getFontSize}));var getColor=function getColor(color,gradient){return function(_ref){return _ref.theme.color[""+color+(null!=gradient?gradient:"")]}},getColorForLevel=function getColorForLevel(level,gradient){return function(_ref2){var theme=_ref2.theme;return theme.color[""+theme.palette[level]+gradient]}},getColorAlternative=function getColorAlternative(color,gradient){return function(_ref3){return _ref3.theme.colorAlternative[""+color+(null!=gradient?gradient:"")]}},getFontSize=function getFontSize(fontSize){return function(_ref4){return _ref4.theme.fontSize[fontSize]}},getFontFamily=function getFontFamily(fontFamilyType){return function(_ref5){return _ref5.theme.fontFamily[fontFamilyType]}}},"./src/themes/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return themes}));var pim=__webpack_require__("./src/themes/pim/index.ts"),common=(__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./src/theme/common.ts")),onboarderTheme={name:"Onboarder",color:Object.assign({},common.c,{brand20:"#dbedf8",brand40:"#b7dcf2",brand60:"#93caec",brand80:"#6fb9e6",brand100:"#4ca8e0",brand120:"#3c86b3",brand140:"#2d6486"}),colorAlternative:common.d,fontSize:common.f,palette:common.g,fontFamily:common.e},sharedCatalogsTheme={name:"Shared Catalogs",color:Object.assign({},common.c,{brand20:"#fdf0d8",brand40:"#fce1b2",brand60:"#fbd28b",brand80:"#fac365",brand100:"#f9b53f",brand120:"#c79032",brand140:"#956c25"}),colorAlternative:common.d,fontSize:common.f,palette:common.g,fontFamily:common.e},connectorTheme={name:"Connector",color:Object.assign({},common.c,{brand20:"#dbdef3",brand40:"#b8bde8",brand60:"#959cdc",brand80:"#727bd1",brand100:"#4f5bc6",brand120:"#3b4494",brand140:"#272d62"}),colorAlternative:common.d,fontSize:common.f,palette:common.g,fontFamily:common.e},themes=[pim.a,onboarderTheme,sharedCatalogsTheme,connectorTheme]},"./src/themes/pim/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return pimTheme}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _theme__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/theme/common.ts"),pimTheme={name:"PIM",color:Object.assign({},_theme__WEBPACK_IMPORTED_MODULE_1__.c,{brand20:"#eadcf1",brand40:"#d4bae3",brand60:"#be97d5",brand80:"#a974c7",brand100:"#9452ba",brand120:"#764194",brand140:"#58316f"}),colorAlternative:_theme__WEBPACK_IMPORTED_MODULE_1__.d,fontSize:_theme__WEBPACK_IMPORTED_MODULE_1__.f,palette:_theme__WEBPACK_IMPORTED_MODULE_1__.g,fontFamily:_theme__WEBPACK_IMPORTED_MODULE_1__.e}},"./static/illustrations/AddingValue.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/AddingValue.6a8e7f29.svg"},"./static/illustrations/AkeneoCloudEdition.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/AkeneoCloudEdition.1bfce34f.svg"},"./static/illustrations/Api.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Api.51825e98.svg"},"./static/illustrations/App.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/App.f36b237e.svg"},"./static/illustrations/AssetCategories.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/AssetCategories.4602b904.svg"},"./static/illustrations/Assets.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Assets.bcb76843.svg"},"./static/illustrations/AssociationTypes.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/AssociationTypes.ef261c7a.svg"},"./static/illustrations/AttributeGroups.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/AttributeGroups.297b243e.svg"},"./static/illustrations/Attributes.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Attributes.5a2f94e3.svg"},"./static/illustrations/Catalogs.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Catalogs.1c8de209.svg"},"./static/illustrations/Channels.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Channels.0907c21c.svg"},"./static/illustrations/City.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/City.a2ebd751.svg"},"./static/illustrations/ClientError.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/ClientError.3579dabc.svg"},"./static/illustrations/Coding.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Coding.a61acc9a.svg"},"./static/illustrations/Currencies.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Currencies.6177185f.svg"},"./static/illustrations/DefaultPicture.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/DefaultPicture.b54985e8.svg"},"./static/illustrations/Delete.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Delete.f9b046fa.svg"},"./static/illustrations/DeleteFamilyVariant.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/DeleteFamilyVariant.9c222862.svg"},"./static/illustrations/Draft.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Draft.137b4fad.svg"},"./static/illustrations/Entities.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Entities.4b083db8.svg"},"./static/illustrations/EntitiesRecord.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/EntitiesRecord.5e00cd6a.svg"},"./static/illustrations/Export.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Export.2f8813b2.svg"},"./static/illustrations/ExportBuilder.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/ExportBuilder.7357808e.svg"},"./static/illustrations/ExportCsv.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/ExportCsv.aad22e00.svg"},"./static/illustrations/ExportXlsx.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/ExportXlsx.3c4da285.svg"},"./static/illustrations/ExportYml.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/ExportYml.f7501dc1.svg"},"./static/illustrations/Family.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Family.60e81ae8.svg"},"./static/illustrations/FamilyVariant.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/FamilyVariant.7b7b5e55.svg"},"./static/illustrations/Graph.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Graph.ea96cc27.svg"},"./static/illustrations/Groups.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Groups.ff027780.svg"},"./static/illustrations/Import.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Import.92324332.svg"},"./static/illustrations/ImportCsv.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/ImportCsv.59b7bca5.svg"},"./static/illustrations/ImportXlsx.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/ImportXlsx.fc9ad64f.svg"},"./static/illustrations/ImportYml.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/ImportYml.3cad66c3.svg"},"./static/illustrations/Julia.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Julia.73051e47.svg"},"./static/illustrations/Locale.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Locale.adc0a6ca.svg"},"./static/illustrations/Marketplace.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Marketplace.58b8286e.svg"},"./static/illustrations/Measurement.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Measurement.0b7d25b9.svg"},"./static/illustrations/MediaFile.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/MediaFile.e68a8324.svg"},"./static/illustrations/Money.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Money.66f212c4.svg"},"./static/illustrations/News.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/News.4f5c867b.svg"},"./static/illustrations/NoResults.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/NoResults.3bcb8e96.svg"},"./static/illustrations/ProductCategory.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/ProductCategory.e3b86329.svg"},"./static/illustrations/ProductModel.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/ProductModel.1f28b147.svg"},"./static/illustrations/ProductPublished.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/ProductPublished.c2c5636b.svg"},"./static/illustrations/Products.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Products.1c97bf1e.svg"},"./static/illustrations/Project.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Project.4e3d7fa7.svg"},"./static/illustrations/Proposals.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Proposals.ef51c48a.svg"},"./static/illustrations/Rules.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Rules.37197782.svg"},"./static/illustrations/Server.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Server.6d432892.svg"},"./static/illustrations/ServerError.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/ServerError.5a1559d8.svg"},"./static/illustrations/Settings.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Settings.666fe05c.svg"},"./static/illustrations/Status.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Status.707e83cc.svg"},"./static/illustrations/Survey.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Survey.8a5200df.svg"},"./static/illustrations/Timezone.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Timezone.d1a7a5b5.svg"},"./static/illustrations/UserGroups.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/UserGroups.adf57328.svg"},"./static/illustrations/UserRoles.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/UserRoles.e2c5681e.svg"},"./static/illustrations/Users.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Users.e03ee67f.svg"},"./static/illustrations/Using.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Using.30cc9feb.svg"},"./static/illustrations/Views.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Views.25480b0a.svg"},"./static/illustrations/Warning.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Warning.5c4053be.svg"},"./storybook-init-framework-entry.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js")},0:function(module,exports,__webpack_require__){__webpack_require__("./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js"),__webpack_require__("./node_modules/@storybook/core-client/dist/esm/globals/globals.js"),__webpack_require__("./storybook-init-framework-entry.js"),__webpack_require__("./node_modules/@storybook/react/dist/esm/client/docs/config-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/react/dist/esm/client/preview/config-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-docs/preview.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-links/preview.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-actions/preview.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-backgrounds/preview.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-measure/preview.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-outline/preview.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-a11y/preview.js-generated-config-entry.js"),__webpack_require__("./.storybook/preview.tsx-generated-config-entry.js"),module.exports=__webpack_require__("./generated-stories-entry.js")},1:function(module,exports){}},[[0,4,5]]]); -//# sourceMappingURL=main.09c51aa7.iframe.bundle.js.map \ No newline at end of file +/*! For license information please see main.aff730b7.iframe.bundle.js.LICENSE.txt */ +(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{"./.storybook/preview.tsx-generated-config-entry.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var preview_namespaceObject={};__webpack_require__.r(preview_namespaceObject);__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js"),client=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js")),themeprovider_storybook=__webpack_require__("./node_modules/themeprovider-storybook/index.js"),themes=__webpack_require__("./src/themes/index.ts"),PreviewGallery=__webpack_require__("./src/storybook/PreviewGallery.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");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 in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}Object(client.addDecorator)((function(story){return Object(jsx_runtime.jsx)(PreviewGallery.l,{children:story()})})),Object(client.addDecorator)(Object(themeprovider_storybook.withThemesProvider)(themes.a)),Object(client.addParameters)({viewMode:"docs"}),Object.keys(preview_namespaceObject).forEach((function(key){var value=preview_namespaceObject[key];switch(key){case"args":return Object(ClientApi.d)(value);case"argTypes":return Object(ClientApi.b)(value);case"decorators":return value.forEach((function(decorator){return Object(ClientApi.f)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return Object(ClientApi.g)(loader,!1)}));case"parameters":return Object(ClientApi.h)(function _objectSpread(target){for(var i=1;i\n\n# Name of the Component\n\n## Usage\n\n_Describe what problem the Component is supposed to solve_\n\n### General guidance\n\n_Describe when the Component should be used_\n_Describe each element on the component_\n\n## Playground\n\n\n \n {args => {\n return ;\n }}\n \n\n\n## Variation through arg1\n\n_Show all possible variations that allow user to have a better overview of the Component capabilities_\n\n\n \n {args => {\n return (\n <>\n \n Default\n \n \n Small\n \n \n );\n }}\n \n\n\n## Variation through arg2\n\n\n \n {args => {\n return (\n <>\n \n Default\n \n \n Arg2 activated\n \n \n );\n }}\n \n\n")),Object(esm.b)("h2",{id:"tests-guidelines"},"Tests guidelines"),Object(esm.b)("ul",null,Object(esm.b)("li",{parentName:"ul"},"Test should use ",Object(esm.b)("a",{parentName:"li",href:"https://jestjs.io/docs/en/getting-started",target:"_blank",rel:"nofollow noopener noreferrer"},"Jest")),Object(esm.b)("li",{parentName:"ul"},"Test should use ",Object(esm.b)("a",{parentName:"li",href:"https://testing-library.com/docs/react-testing-library/intro",target:"_blank",rel:"nofollow noopener noreferrer"},"React Testing Library"))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var Contributing_stories_excluded=["components"];function Contributing_stories_extends(){return Contributing_stories_extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e {\n return (\n <>\n \n {/* All your application*/}\n \n \n )\n};\n")),Object(esm.b)("p",null,"After you can include and render all needed components in your application:"),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-tsx"},"import { Badge } from 'akeneo-design-system'\n\nconst MyHomePage = () => (\n
\n Hello Word!\n
\n)\n")),Object(esm.b)("p",null,"To know the props of each component, visit the dedicated page of the component here: ",Object(esm.b)("a",{parentName:"p",href:"https://dsm.akeneo.com.",target:"_blank",rel:"nofollow noopener noreferrer"},"https://dsm.akeneo.com."),' You can edit all properties and click on "Show code" in the playground section available for each components.'),Object(esm.b)("h2",{id:"play-around-with-an-hello-world-react-app-example"},"Play around with an hello world react App example"),Object(esm.b)("p",null,"The ",Object(esm.b)("a",{parentName:"p",href:"https://github.com/akeneo/akeneo-design-system",target:"_blank",rel:"nofollow noopener noreferrer"},"DSM repository")," contains an example folder with a minimal React App already configured to be used with the Akeneo Design System."),Object(esm.b)("p",null,"Go into the example directory"),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-shell"},"cd example\n")),Object(esm.b)("p",null,"Install dependencies"),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-shell"},"npm install\n")),Object(esm.b)("p",null,"Run the dev server"),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-shell"},"npm run dev\n")),Object(esm.b)("p",null,"Feel free to adapt the ",Object(esm.b)("inlineCode",{parentName:"p"},"example/src/App.tsx")," file and integrate other components of the DSM."),Object(esm.b)("h2",{id:"contribution"},"Contribution"),Object(esm.b)("p",null,"This project has been automatically extracted from the following mono-repository: ",Object(esm.b)("a",{parentName:"p",href:"https://github.com/akeneo/pim-community-dev",target:"_blank",rel:"nofollow noopener noreferrer"},"https://github.com/akeneo/pim-community-dev"),".\nIf you want to contribute please create a pull request in this repository."),Object(esm.b)("h3",{id:"what-can-go-in-the-akeneo-design-system"},"What can go in the Akeneo Design System?"),Object(esm.b)("p",null,"This repository contains:"),Object(esm.b)("ul",null,Object(esm.b)("li",{parentName:"ul"},"Simple and complex (composition) components used several times in multiple products"),Object(esm.b)("li",{parentName:"ul"},"Illustrations used several times in multiple products"),Object(esm.b)("li",{parentName:"ul"},"Icons used by components in this repository"),Object(esm.b)("li",{parentName:"ul"},"Basic React hooks"),Object(esm.b)("li",{parentName:"ul"},"Specific themes of Akeneo products (PIM, Onboarder, Shared Catalogs)")),Object(esm.b)("h3",{id:"what-cannot-go-in-the-akeneo-design-system"},"What cannot go in the Akeneo Design System?"),Object(esm.b)("ul",null,Object(esm.b)("li",{parentName:"ul"},"Specific views: each project can specify specific components for specific UI logic."),Object(esm.b)("li",{parentName:"ul"},"Code relative to infrastructure (fetchers translation, routing, validation ...)"),Object(esm.b)("li",{parentName:"ul"},"Logic specific to the domain")),Object(esm.b)("h3",{id:"how-to-contribute"},"How to contribute?"),Object(esm.b)("p",null,"We have collected notes on how to contribute to this project in CONTRIBUTING.md."),Object(esm.b)("h2",{id:"testing-instructions"},"Testing instructions"),Object(esm.b)("p",null,"There is two type of tests, unit and visual tests."),Object(esm.b)("h3",{id:"unit-tests"},"Unit tests"),Object(esm.b)("p",null,"Unit tests can be launched with the following commands:"),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-shell"},"# Launch only one time\nnpm run test:unit:run\n\n# Launch in watch mode\nnpm run test:unit:watch\n")),Object(esm.b)("p",null,"Unit test should validate all component behaviors => coverage of 100% is required for component in this project.\nUnit tests are in the same directory of the component."),Object(esm.b)("h3",{id:"visual-tests"},"Visual tests"),Object(esm.b)("p",null,"All components in Storybook are automatically tested visually through snapshot comparison.\nNormally, stories should describe all possible states, adding manually visual test should be an exception."),Object(esm.b)("p",null,"Visual tests cannot be launched on your local computer, they are only launched by the continuous integration because the rendering is dependent on the platform.\nWhen you create a new story or you modify the visual of a component, continuous integration will automatically create and assign to you a pull request."))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var Introduction_stories_excluded=["components"];function Introduction_stories_extends(){return Introduction_stories_extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e * {\n position: relative;\n }\n"]))),RemainingAvatar=styled_components_browser_esm.default.span(Avatars_templateObject2||(Avatars_templateObject2=Avatars_taggedTemplateLiteralLoose(["\n height: 32px;\n width: 32px;\n color: ",";\n border: 1px solid;\n line-height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 15px;\n border-radius: 32px;\n"])),Object(theme_theme.a)("grey",120)),Avatars_Avatars=function Avatars(_ref){var max=_ref.max,_ref$maxTitle=_ref.maxTitle,maxTitle=void 0===_ref$maxTitle?10:_ref$maxTitle,children=_ref.children,rest=function Avatars_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function Avatars_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;rmaxTitle?remainingNames.concat("\n","..."):remainingNames}),[maxTitle,remainingChildren]);return Object(jsx_runtime.jsxs)(AvatarListContainer,Object.assign({title:rest.title||remainingUsersTitle},rest,{children:[remainingChildrenCount>0&&Object(jsx_runtime.jsxs)(RemainingAvatar,{children:["+",remainingChildrenCount]}),reverseChildren]}))};Avatars_Avatars.displayName="Avatars";try{Avatars_Avatars.displayName="Avatars",Avatars_Avatars.__docgenInfo={description:"",displayName:"Avatars",props:{max:{defaultValue:null,description:"",name:"max",required:!0,type:{name:"number"}},maxTitle:{defaultValue:{value:"10"},description:"",name:"maxTitle",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Avatar/Avatars.tsx#Avatars"]={docgenInfo:Avatars_Avatars.__docgenInfo,name:"Avatars",path:"src/components/Avatar/Avatars.tsx#Avatars"})}catch(__react_docgen_typescript_loader_error){}var Avatar_stories_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e {\n return ;\n}"}};var Avatar_stories_backgroundColors=function backgroundColors(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Albert",lastName:"Doe",username:"a"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Bertrand",lastName:"Doe",username:"b"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Chris",lastName:"Doe",username:"c"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Danny",lastName:"Doe",username:"d"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Elon",lastName:"Doe",username:"e"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Fred",lastName:"Doe",username:"f"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Gus",lastName:"Doe",username:"g"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Helen",lastName:"Doe",username:"h"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Isabel",lastName:"Doe",username:"i"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"John",lastName:"Doe",username:"j"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Kurt",lastName:"Doe",username:"k"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Leonard",lastName:"Doe",username:"l"})))};Avatar_stories_backgroundColors.storyName="Background colors",Avatar_stories_backgroundColors.parameters={storySource:{source:"args => {\n return <>\n \n \n \n \n \n \n \n \n \n \n \n \n ;\n}"}};var Avatar_stories_withImage=function withImage(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Avatar_Avatar,_extends({},args,{avatarUrl:"https://picsum.photos/seed/akeneo/32/32"})))};Avatar_stories_withImage.storyName="With image",Avatar_stories_withImage.parameters={storySource:{source:"args => {\n return <>\n \n ;\n}"}};var Avatar_stories_avatarList=function avatarList(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Avatars_Avatars,{max:5,maxTitle:5},Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Albert",lastName:"Doe",username:"a",avatarUrl:"https://picsum.photos/seed/akeneo/32/32"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Bertrand",lastName:"Doe",username:"b"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Chris",lastName:"Doe",username:"c",avatarUrl:"https://picsum.photos/seed/bkeneo/32/32"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Danny",lastName:"Doe",username:"d"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Elon",lastName:"Doe",username:"e",avatarUrl:"https://picsum.photos/seed/ckeneo/32/32"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Fred",lastName:"Doe",username:"f"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Gus",lastName:"Doe",username:"g"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Helen",lastName:"Doe",username:"h"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Isabel",lastName:"Doe",username:"i"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"John",lastName:"Doe",username:"j"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Kurt",lastName:"Doe",username:"k"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{firstName:"Leonard",lastName:"Doe",username:"l"}))))};Avatar_stories_avatarList.storyName="Avatar list",Avatar_stories_avatarList.parameters={storySource:{source:"args => {\n return <>\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n ;\n}"}};var Avatar_stories_avatarSize=function avatarSize(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Avatar_Avatar,_extends({},args,{size:"default"})),Object(esm.b)(Avatar_Avatar,_extends({},args,{size:"big"})))};Avatar_stories_avatarSize.storyName="Avatar size",Avatar_stories_avatarSize.parameters={storySource:{source:"args => {\n return <>\n \n \n ;\n}"}};var componentMeta={title:"Components/Avatar",component:Avatar_Avatar,args:{firstName:"John",lastName:"Doe",username:"admin",avatarUrl:void 0,size:"default"},argTypes:{firstName:{control:{type:"text"}},lastName:{control:{type:"text"}},username:{control:{type:"text"}},avatarUrl:{control:{type:"text"}},size:{control:{type:"select",options:["default","big"]}}},includeStories:["standard","backgroundColors","withImage","avatarList","avatarSize"]},mdxStoryNameToKey={Standard:"standard","Background colors":"backgroundColors","With image":"withImage","Avatar list":"avatarList","Avatar size":"avatarSize"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Badge/Badge.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"level",(function(){return level}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_Badge_tsx__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/Badge/Badge.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e {\n return ;\n}"}};var level=function level(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Badge_tsx__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{level:"primary"}),"Primary"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Badge_tsx__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{level:"secondary"}),"Secondary"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Badge_tsx__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{level:"tertiary"}),"Tertiary"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Badge_tsx__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{level:"warning"}),"Warning"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Badge_tsx__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{level:"danger"}),"Danger"))};level.storyName="Level",level.parameters={storySource:{source:'args => {\n return <>\n \n Primary\n \n \n Secondary\n \n \n Tertiary\n \n \n Warning\n \n \n Danger\n \n ;\n}'}};var componentMeta={title:"Components/Badge",component:_Badge_tsx__WEBPACK_IMPORTED_MODULE_8__.a,args:{level:"primary",children:"Badge text"},argTypes:{level:{control:{type:"select"},options:["primary","secondary","tertiary","danger"]}},includeStories:["standard","level"]},mdxStoryNameToKey={Standard:"standard",Level:"level"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Badge/Badge.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Badge}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__),styled_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_theme_theme__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/theme/theme.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["level","children"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var BadgeContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.span(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n display: inline-flex;\n height: 18px;\n line-height: 16px;\n border: 1px solid;\n padding: 0 6px;\n border-radius: 2px;\n text-transform: uppercase;\n box-sizing: border-box;\n background-color: ",";\n font-size: ",";\n font-weight: normal;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n flex-shrink: 0;\n\n ","\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("white"),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.e)("small"),(function(_ref){var _ref$$level=_ref.$level,$level=void 0===_ref$$level?"primary":_ref$$level;return Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n color: ",";\n border-color: ",";\n "])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.c)($level,140),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.c)($level,100))})),Badge=react__WEBPACK_IMPORTED_MODULE_5___default.a.forwardRef((function(_ref2,forwardedRef){var _ref2$level=_ref2.level,level=void 0===_ref2$level?"primary":_ref2$level,children=_ref2.children,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;rr.length)&&(a=r.length);for(var e=0,n=Array(a);e {\n return ;\n}"}};var withoutActions=function withoutActions(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Block__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{title:"Block without action"})))};withoutActions.storyName="Without Actions",withoutActions.parameters={storySource:{source:'args => {\n return <>\n \n ;\n}'}};var withActions=function withActions(args){var _useState6=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_15__.useState)(!1),2),isOpen=_useState6[0],setOpen=_useState6[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Block__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{title:"Block with actions",isOpen:isOpen,onCollapse:setOpen,collapseButtonLabel:"Collapse",actions:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_IconButton_IconButton__WEBPACK_IMPORTED_MODULE_20__.a,{level:"danger",ghost:!0,size:"small",key:"remove",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_icons__WEBPACK_IMPORTED_MODULE_21__.a,null),title:"Remove",onClick:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_18__.action)("Remove block")}))})))};withActions.storyName="With Actions",withActions.parameters={storySource:{source:'args => {\n const [isOpen, setOpen] = useState(false);\n return <>\n \n } title=\'Remove\' onClick={action(\'Remove block\')} />\n } />\n ;\n}'}};var withRichTitle=function withRichTitle(args){var _useState8=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_15__.useState)(!1),2),isOpen=_useState8[0],setOpen=_useState8[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Block__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{title:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,"A Block with a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Link_Link__WEBPACK_IMPORTED_MODULE_22__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("b",null,"rich")," title")),isOpen:isOpen,onCollapse:setOpen,collapseButtonLabel:"Collapse",actions:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_IconButton_IconButton__WEBPACK_IMPORTED_MODULE_20__.a,{level:"danger",ghost:!0,size:"small",key:"remove",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_icons__WEBPACK_IMPORTED_MODULE_21__.a,null),title:"Remove",onClick:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_18__.action)("Remove block")}))})))};withRichTitle.storyName="With Rich Title",withRichTitle.parameters={storySource:{source:'args => {\n const [isOpen, setOpen] = useState(false);\n return <>\n A Block with a rich title} isOpen={isOpen} onCollapse={setOpen} collapseButtonLabel="Collapse" actions={<>\n } title=\'Remove\' onClick={action(\'Remove block\')} />\n } />\n ;\n}'}};var componentMeta={title:"Components/Block",component:_Block__WEBPACK_IMPORTED_MODULE_19__.a,args:{title:"I am a block",children:"I am the block content"},argTypes:{title:{control:{type:"text"}},children:{control:{type:"text"}}},includeStories:["standard","withoutActions","withActions","withRichTitle"]},mdxStoryNameToKey={Standard:"standard","Without Actions":"withoutActions","With Actions":"withActions","With Rich Title":"withRichTitle"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Block/Block.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Block}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,react__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_15___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_15__),styled_components__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_theme_theme__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/theme/theme.ts"),_icons_ArrowDownIcon__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/icons/ArrowDownIcon.tsx"),_icons_ArrowUpIcon__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/icons/ArrowUpIcon.tsx"),_IconButton_IconButton__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/components/IconButton/IconButton.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","actions","ariaDescribedBy","ariaLabel","ariaLabelledBy","isOpen","collapseButtonLabel","onCollapse","children"];function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _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 _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Block/Block.tsx#Block"]={docgenInfo:Block.__docgenInfo,name:"Block",path:"src/components/Block/Block.tsx#Block"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/BlockButton/BlockButton.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return BlockButton_stories_standard})),__webpack_require__.d(__webpack_exports__,"disabled",(function(){return BlockButton_stories_disabled})),__webpack_require__.d(__webpack_exports__,"withAnIconChildren",(function(){return BlockButton_stories_withAnIconChildren})),__webpack_require__.d(__webpack_exports__,"withDropdownAndBlocks",(function(){return BlockButton_stories_withDropdownAndBlocks}));__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),PreviewGallery=__webpack_require__("./src/storybook/PreviewGallery.tsx"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),theme=__webpack_require__("./src/theme/theme.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["icon","disabled","ariaDescribedBy","ariaLabel","ariaLabelledBy","children","onClick"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var Container=styled_components_browser_esm.default.button(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n box-sizing: border-box;\n width: 100%;\n padding: 14px 20px;\n border-style: solid;\n border-width: 1px;\n border-radius: 2px;\n height: 50px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-family: inherit;\n font-size: ",";\n font-weight: 400;\n outline-style: none;\n cursor: ",";\n white-space: nowrap;\n text-transform: uppercase;\n\n &:focus {\n box-shadow: 0 0 0 2px ",";\n }\n\n ","\n"])),Object(theme.e)("default"),(function(_ref2){return _ref2.disabled?"not-allowed":"pointer"}),Object(theme.a)("blue",40),(function getColorStyle(_ref){return _ref.disabled?Object(styled_components_browser_esm.css)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n border-color: ",";\n color: ",";\n "])),Object(theme.a)("grey",100),Object(theme.a)("grey",100)):Object(styled_components_browser_esm.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n background-color: ",";\n border-color: ",";\n color: ",";\n "])),Object(theme.a)("white"),Object(theme.a)("blue",100),Object(theme.a)("blue",100))})),ChildrenContainer=styled_components_browser_esm.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n"]))),ActionsContainer=styled_components_browser_esm.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"]))),BlockButton=Object(react.forwardRef)((function(_ref3,forwardedRef){var _icon$props$size,icon=_ref3.icon,_ref3$disabled=_ref3.disabled,disabled=void 0!==_ref3$disabled&&_ref3$disabled,ariaDescribedBy=_ref3.ariaDescribedBy,ariaLabel=_ref3.ariaLabel,ariaLabelledBy=_ref3.ariaLabelledBy,children=_ref3.children,onClick=_ref3.onClick,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r>"}},disabled:{defaultValue:{value:"false"},description:"Used when the user cannot proceed or until an input is collected.",name:"disabled",required:!1,type:{name:"boolean"}},onClick:{defaultValue:null,description:"Function called when the user clicks on the button or hit enter when focused.",name:"onClick",required:!1,type:{name:"((event: SyntheticEvent) => void)"}},ariaLabel:{defaultValue:null,description:"Accessibility label to describe shortly the button.",name:"ariaLabel",required:!1,type:{name:"string"}},ariaLabelledBy:{defaultValue:null,description:"Define which element is the label of this button for accessibility purposes. Expect a DOM node id.",name:"ariaLabelledBy",required:!1,type:{name:"string"}},ariaDescribedBy:{defaultValue:null,description:"Define what element is describing this button for accessibility purposes. Expect a DOM node id.",name:"ariaDescribedBy",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"Children of the button.",name:"children",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/BlockButton/BlockButton.tsx#BlockButton"]={docgenInfo:BlockButton.__docgenInfo,name:"BlockButton",path:"src/components/BlockButton/BlockButton.tsx#BlockButton"})}catch(__react_docgen_typescript_loader_error){}var ArrowDownIcon=__webpack_require__("./src/icons/ArrowDownIcon.tsx"),PlusIcon=__webpack_require__("./src/icons/PlusIcon.tsx"),CloseIcon=__webpack_require__("./src/icons/CloseIcon.tsx"),Block=__webpack_require__("./src/components/Block/Block.tsx"),IconButton=__webpack_require__("./src/components/IconButton/IconButton.tsx"),Dropdown=__webpack_require__("./src/components/Dropdown/Dropdown.tsx"),useBooleanState=__webpack_require__("./src/hooks/useBooleanState.ts"),icons=__webpack_require__("./src/icons/index.ts"),BlockButton_stories_excluded=["components"];function _toConsumableArray(r){return function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r)}(r)||function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(r)||_unsupportedIterableToArray(r)||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 _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||_unsupportedIterableToArray(r,e)||function _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 _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e"}}},disabled:{control:{type:"boolean"}},onClick:{action:"Clicked"},children:{control:{type:"text"}}},args:{children:"Add block",icon:"ArrowDownIcon"},mdxType:"Meta"}),Object(esm.b)("h1",{id:"blockbutton"},"BlockButton"),Object(esm.b)("h2",{id:"usage"},"Usage"),Object(esm.b)("p",null,"BlockButtons express what action will occur when the users clicks. BlockButtons are used to initialize an action, either in the background or foreground of an experience."),Object(esm.b)("h2",{id:"playground"},"Playground"),Object(esm.b)("p",null,"Use this playground to test the BlockButton component"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Standard",mdxType:"Story"},(function(args){return Object(esm.b)(BlockButton,_extends({},args,{icon:react_default.a.createElement(icons[args.icon]),mdxType:"BlockButton"}))}))),Object(esm.b)(dist_esm.b,{story:"Standard",mdxType:"ArgsTable"}),Object(esm.b)("h2",{id:"disabled"},"Disabled"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Disabled",mdxType:"Story"},(function(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(BlockButton,_extends({},args,{icon:Object(esm.b)(ArrowDownIcon.a,{mdxType:"ArrowDownIcon"}),mdxType:"BlockButton"}),"Default"),Object(esm.b)(BlockButton,_extends({},args,{disabled:!0,icon:Object(esm.b)(ArrowDownIcon.a,{mdxType:"ArrowDownIcon"}),mdxType:"BlockButton"}),"Disabled"))}))),Object(esm.b)("h2",{id:"with-an-icon-children"},"With an Icon (children)"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"With an Icon (children)",mdxType:"Story"},(function(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(BlockButton,_extends({},args,{icon:Object(esm.b)(ArrowDownIcon.a,{mdxType:"ArrowDownIcon"}),mdxType:"BlockButton"}),Object(esm.b)(PlusIcon.a,{mdxType:"PlusIcon"})," Before"),Object(esm.b)(BlockButton,_extends({},args,{icon:Object(esm.b)(ArrowDownIcon.a,{mdxType:"ArrowDownIcon"}),mdxType:"BlockButton"}),"After ",Object(esm.b)(PlusIcon.a,{mdxType:"PlusIcon"})))}))),Object(esm.b)("h2",{id:"with-dropdown-and-blocks"},"With Dropdown and Blocks"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"With Dropdown and Blocks",mdxType:"Story"},(function(args){var _useState2=_slicedToArray(Object(react.useState)([]),2),blockValues=_useState2[0],setBlockValues=_useState2[1],_useBooleanState2=_slicedToArray(Object(useBooleanState.a)(!1),3),isOpen=_useBooleanState2[0],open=_useBooleanState2[1],close=_useBooleanState2[2];return Object(esm.b)(PreviewGallery.k,{gap:10,mdxType:"SpaceContainer"},blockValues.map((function(blockValue){return Object(esm.b)(Block.a,{key:blockValue,action:Object(esm.b)(IconButton.a,{key:"remove",icon:Object(esm.b)(CloseIcon.a,{mdxType:"CloseIcon"}),title:"Remove",onClick:function onClick(){return setBlockValues(blockValues.filter((function(current){return current!==blockValue})))},mdxType:"IconButton"}),mdxType:"Block"},blockValue)})),Object(esm.b)(Dropdown.a,{mdxType:"Dropdown"},Object(esm.b)(BlockButton,_extends({},args,{onClick:open,disabled:3===blockValues.length,icon:Object(esm.b)(ArrowDownIcon.a,{mdxType:"ArrowDownIcon"}),mdxType:"BlockButton"}),"Add a block"),isOpen&&Object(esm.b)(Dropdown.a.Overlay,{onClose:close,fullWidth:!0},Object(esm.b)(Dropdown.a.Header,null,Object(esm.b)(Dropdown.a.Title,null,"Blocks")),Object(esm.b)(Dropdown.a.ItemCollection,null,["Block 1","Block 2","Block 3"].filter((function(blockValue){return!blockValues.includes(blockValue)})).map((function(option){return Object(esm.b)(Dropdown.a.Item,{key:option,onClick:function onClick(){setBlockValues((function(blockValues){return[].concat(_toConsumableArray(blockValues),[option])})),close()}},option)}))))))}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var BlockButton_stories_standard=function standard(args){return Object(esm.b)(BlockButton,_extends({},args,{icon:react_default.a.createElement(icons[args.icon])}))};BlockButton_stories_standard.displayName="standard",BlockButton_stories_standard.storyName="Standard",BlockButton_stories_standard.parameters={storySource:{source:"args => {\n return ;\n}"}};var BlockButton_stories_disabled=function disabled(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(BlockButton,_extends({},args,{icon:Object(esm.b)(ArrowDownIcon.a,null)}),"Default"),Object(esm.b)(BlockButton,_extends({},args,{disabled:!0,icon:Object(esm.b)(ArrowDownIcon.a,null)}),"Disabled"))};BlockButton_stories_disabled.storyName="Disabled",BlockButton_stories_disabled.parameters={storySource:{source:"args => {\n return <>\n }>\n Default\n \n }>\n Disabled\n \n ;\n}"}};var BlockButton_stories_withAnIconChildren=function withAnIconChildren(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(BlockButton,_extends({},args,{icon:Object(esm.b)(ArrowDownIcon.a,null)}),Object(esm.b)(PlusIcon.a,null)," Before"),Object(esm.b)(BlockButton,_extends({},args,{icon:Object(esm.b)(ArrowDownIcon.a,null)}),"After ",Object(esm.b)(PlusIcon.a,null)))};BlockButton_stories_withAnIconChildren.storyName="With an Icon (children)",BlockButton_stories_withAnIconChildren.parameters={storySource:{source:"args => {\n return <>\n }>\n Before\n \n }>\n After \n \n ;\n}"}};var BlockButton_stories_withDropdownAndBlocks=function withDropdownAndBlocks(args){var _useState4=_slicedToArray(Object(react.useState)([]),2),blockValues=_useState4[0],setBlockValues=_useState4[1],_useBooleanState4=_slicedToArray(Object(useBooleanState.a)(!1),3),isOpen=_useBooleanState4[0],open=_useBooleanState4[1],close=_useBooleanState4[2];return Object(esm.b)(PreviewGallery.k,{gap:10},blockValues.map((function(blockValue){return Object(esm.b)(Block.a,{key:blockValue,action:Object(esm.b)(IconButton.a,{key:"remove",icon:Object(esm.b)(CloseIcon.a,null),title:"Remove",onClick:function onClick(){return setBlockValues(blockValues.filter((function(current){return current!==blockValue})))}})},blockValue)})),Object(esm.b)(Dropdown.a,null,Object(esm.b)(BlockButton,_extends({},args,{onClick:open,disabled:3===blockValues.length,icon:Object(esm.b)(ArrowDownIcon.a,null)}),"Add a block"),isOpen&&Object(esm.b)(Dropdown.a.Overlay,{onClose:close,fullWidth:!0},Object(esm.b)(Dropdown.a.Header,null,Object(esm.b)(Dropdown.a.Title,null,"Blocks")),Object(esm.b)(Dropdown.a.ItemCollection,null,["Block 1","Block 2","Block 3"].filter((function(blockValue){return!blockValues.includes(blockValue)})).map((function(option){return Object(esm.b)(Dropdown.a.Item,{key:option,onClick:function onClick(){setBlockValues((function(blockValues){return[].concat(_toConsumableArray(blockValues),[option])})),close()}},option)}))))))};BlockButton_stories_withDropdownAndBlocks.displayName="withDropdownAndBlocks",BlockButton_stories_withDropdownAndBlocks.storyName="With Dropdown and Blocks",BlockButton_stories_withDropdownAndBlocks.parameters={storySource:{source:"args => {\n const [blockValues, setBlockValues] = useState([]);\n const [isOpen, open, close] = useBooleanState(false);\n return \n {blockValues.map(blockValue => } title=\"Remove\" onClick={() => setBlockValues(blockValues.filter(current => current !== blockValue))} />}>\n {blockValue}\n )}\n \n }>\n Add a block\n \n {isOpen && \n \n Blocks\n \n \n {['Block 1', 'Block 2', 'Block 3'].filter(blockValue => !blockValues.includes(blockValue)).map(option => {\n setBlockValues(blockValues => [...blockValues, option]);\n close();\n }}>\n {option}\n )}\n \n }\n \n ;\n}"}};var componentMeta={title:"Components/Buttons/BlockButton",component:BlockButton,args:{children:"Add block",icon:"ArrowDownIcon"},argTypes:{icon:{control:{type:"select"},options:Object.keys(icons),table:{type:{summary:"ReactElement"}}},disabled:{control:{type:"boolean"}},onClick:{action:"Clicked"},children:{control:{type:"text"}}},includeStories:["standard","disabled","withAnIconChildren","withDropdownAndBlocks"]},mdxStoryNameToKey={Standard:"standard",Disabled:"disabled","With an Icon (children)":"withAnIconChildren","With Dropdown and Blocks":"withDropdownAndBlocks"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Breadcrumb/Breadcrumb.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return Breadcrumb_stories_standard})),__webpack_require__.d(__webpack_exports__,"steps",(function(){return Breadcrumb_stories_steps}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),styled_components_browser_esm=(__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js")),theme=__webpack_require__("./src/theme/theme.ts"),Link=__webpack_require__("./src/components/Link/Link.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var Step=Object(styled_components_browser_esm.default)(Link.a)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n text-transform: uppercase;\n text-decoration: none;\n color: ",";\n"])),Object(theme.a)("grey",120));Step.displayName="Breadcrumb.Step";var BreadcrumbContainer=styled_components_browser_esm.default.nav(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n ",":last-child {\n color: ",";\n cursor: initial;\n }\n"])),Step,Object(theme.a)("grey",100)),Separator=styled_components_browser_esm.default.span(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n margin: 0 0.5rem;\n"]))),Breadcrumb_Breadcrumb=function Breadcrumb(_ref){var children=_ref.children,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r {\n return \n first\n second\n third\n ;\n}'}};var Breadcrumb_stories_steps=function steps(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Breadcrumb_Breadcrumb,args,Object(esm.b)(Breadcrumb_Breadcrumb.Step,{href:"#variation-on-steps"},"first"),Object(esm.b)(Breadcrumb_Breadcrumb.Step,null,"second")),Object(esm.b)(Breadcrumb_Breadcrumb,args,Object(esm.b)(Breadcrumb_Breadcrumb.Step,null,"Only one")))};Breadcrumb_stories_steps.storyName="Steps",Breadcrumb_stories_steps.parameters={storySource:{source:'args => {\n return <>\n \n first\n second\n \n \n Only one\n \n ;\n}'}};var componentMeta={title:"Components/Breadcrumb",component:Breadcrumb_Breadcrumb,argTypes:{children:{table:{type:{summary:"Breadcrumb.Step[]"}}}},includeStories:["standard","steps"]},mdxStoryNameToKey={Standard:"standard",Steps:"steps"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Button/Button.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"level",(function(){return level})),__webpack_require__.d(__webpack_exports__,"ghost",(function(){return ghost})),__webpack_require__.d(__webpack_exports__,"active",(function(){return active})),__webpack_require__.d(__webpack_exports__,"disabled",(function(){return disabled})),__webpack_require__.d(__webpack_exports__,"size",(function(){return size})),__webpack_require__.d(__webpack_exports__,"link",(function(){return link})),__webpack_require__.d(__webpack_exports__,"withAnIcon",(function(){return withAnIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_Button__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/Button/Button.tsx"),_icons__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/icons/ArrowDownIcon.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e {\n return \n \n \n \n \n ;\n}'}};var ghost=function ghost(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{ghost:!0,level:"primary"}),"Primary"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{ghost:!0,level:"secondary"}),"Secondary"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{ghost:!0,level:"tertiary"}),"Tertiary"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{ghost:!0,level:"warning"}),"Warning"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{ghost:!0,level:"danger"}),"Danger"))};ghost.storyName="Ghost",ghost.parameters={storySource:{source:'args => {\n return <>\n \n \n \n \n \n ;\n}'}};var active=function active(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{active:!0,level:"primary"}),"Primary"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{active:!0,level:"secondary"}),"Secondary"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{active:!0,level:"tertiary"}),"Tertiary"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{active:!0,level:"warning"}),"Warning"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{active:!0,level:"danger"}),"Danger"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("br",null),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{active:!0,ghost:!0,level:"primary"}),"Primary"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{active:!0,ghost:!0,level:"secondary"}),"Secondary"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{active:!0,ghost:!0,level:"tertiary"}),"Tertiary"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{active:!0,ghost:!0,level:"warning"}),"Warning"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{active:!0,ghost:!0,level:"danger"}),"Danger"))};active.storyName="Active",active.parameters={storySource:{source:'args => {\n return <>\n \n \n \n \n \n
\n \n \n \n \n \n ;\n}'}};var disabled=function disabled(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{disabled:!1}),"Default"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{disabled:!0}),"Disabled"))};disabled.storyName="Disabled",disabled.parameters={storySource:{source:"args => {\n return <>\n \n \n ;\n}"}};var size=function size(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{size:"default"}),"Default"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{size:"small"}),"Small"))};size.storyName="Size",size.parameters={storySource:{source:'args => {\n return <>\n \n \n ;\n}'}};var link=function link(args){return delete args.onClick,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{href:"https://google.com",target:"_blank"}),"I am a Link"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{disabled:!0,href:"https://google.com",target:"_blank"}),"I am a disabled Link"))};link.storyName="Link",link.parameters={storySource:{source:'args => {\n delete args.onClick;\n return <>\n \n \n ;\n}'}};var withAnIcon=function withAnIcon(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,{ghost:!1},"Dropdown button ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_icons__WEBPACK_IMPORTED_MODULE_9__.a,null)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,{ghost:!0},"Ghost ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_icons__WEBPACK_IMPORTED_MODULE_9__.a,null)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Button__WEBPACK_IMPORTED_MODULE_8__.a,{level:"secondary",size:"small"},"Small ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_icons__WEBPACK_IMPORTED_MODULE_9__.a,null)))};withAnIcon.storyName="With an Icon",withAnIcon.parameters={storySource:{source:'() => {\n return <>\n \n \n \n ;\n}'}};var componentMeta={title:"Components/Buttons/Button",component:_Button__WEBPACK_IMPORTED_MODULE_8__.a,args:{level:"primary",children:"Primary"},argTypes:{level:{control:{type:"select"},options:["primary","secondary","tertiary","warning","danger"]},ghost:{control:{type:"boolean"}},disabled:{control:{type:"boolean"}},active:{control:{type:"boolean"}},size:{control:{type:"select"},options:["default","small"]},onClick:{action:"Click on the button"},children:{control:{type:"text"}}},includeStories:["standard","level","ghost","active","disabled","size","link","withAnIcon"]},mdxStoryNameToKey={Standard:"standard",Level:"level",Ghost:"ghost",Active:"active",Disabled:"disabled",Size:"size",Link:"link","With an Icon":"withAnIcon"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Button/Button.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Button}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/index.js"),styled_components__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_theme_theme__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/theme/theme.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["level","ghost","disabled","active","size","href","ariaDescribedBy","ariaLabel","ariaLabelledBy","children","onClick","type"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var getColorStyle=function getColorStyle(_ref){var $level=_ref.$level,$ghost=_ref.$ghost,$active=_ref.$active,disabled=_ref.disabled;return $ghost?Object(styled_components__WEBPACK_IMPORTED_MODULE_7__.css)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n color: ",";\n background-color: ",";\n border-color: ",";\n\n &:hover:not([disabled]) {\n color: ",";\n background-color: ",";\n border-color: ",";\n }\n\n &:active:not([disabled]) {\n color: ",";\n border-color: ",";\n }\n "])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_8__.c)($level,disabled?80:$active?140:120),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_8__.a)("white"),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_8__.c)($level,disabled?60:$active?140:100),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_8__.c)($level,140),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_8__.c)($level,20),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_8__.c)($level,120),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_8__.c)($level,140),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_8__.c)($level,140)):Object(styled_components__WEBPACK_IMPORTED_MODULE_7__.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n color: ",";\n background-color: ",";\n border-color: ",";\n\n &:hover:not([disabled]) {\n background-color: ",";\n border-color: ",";\n }\n\n &:active:not([disabled]) {\n background-color: ",";\n border-color: ",";\n }\n "])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_8__.a)("white"),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_8__.c)($level,disabled?40:$active?140:100),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_8__.c)($level,disabled?40:$active?140:100),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_8__.c)($level,120),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_8__.c)($level,120),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_8__.c)($level,140),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_8__.c)($level,140))},ContainerAsButton=styled_components__WEBPACK_IMPORTED_MODULE_7__.default.button(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n display: inline-flex;\n align-items: center;\n gap: 10px;\n border-width: 1px;\n font-size: ",";\n font-weight: 400;\n text-transform: uppercase;\n border-radius: 16px;\n border-style: solid;\n padding: ",";\n height: ",";\n cursor: ",";\n font-family: inherit;\n transition: background-color 0.1s ease;\n outline-style: none;\n text-decoration: none;\n white-space: nowrap;\n\n &:focus {\n box-shadow: 0 0 0 2px ",";\n }\n\n ","\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_8__.e)("default"),(function(_ref2){return"small"===_ref2.$size?"0 10px":"0 15px"}),(function(_ref3){return"small"===_ref3.$size?"24px":"32px"}),(function(_ref4){return _ref4.disabled?"not-allowed":"pointer"}),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_8__.a)("blue",40),getColorStyle),ContainerAsLink=styled_components__WEBPACK_IMPORTED_MODULE_7__.default.a(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n display: inline-flex;\n align-items: center;\n gap: 10px;\n border-width: 1px;\n font-size: ",";\n font-weight: 400;\n text-transform: uppercase;\n border-radius: 16px;\n border-style: solid;\n padding: ",";\n height: ",";\n cursor: ",";\n font-family: inherit;\n transition: background-color 0.1s ease;\n outline-style: none;\n text-decoration: none;\n white-space: nowrap;\n\n &:focus {\n box-shadow: 0 0 0 2px ",";\n }\n\n ","\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_8__.e)("default"),(function(_ref5){return"small"===_ref5.$size?"0 10px":"0 15px"}),(function(_ref6){return"small"===_ref6.$size?"24px":"32px"}),(function(_ref7){return _ref7.disabled?"not-allowed":"pointer"}),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_8__.a)("blue",40),getColorStyle),Button=Object(react__WEBPACK_IMPORTED_MODULE_6__.forwardRef)((function(_ref8,forwardedRef){var _ref8$level=_ref8.level,level=void 0===_ref8$level?"primary":_ref8$level,_ref8$ghost=_ref8.ghost,ghost=void 0!==_ref8$ghost&&_ref8$ghost,_ref8$disabled=_ref8.disabled,disabled=void 0!==_ref8$disabled&&_ref8$disabled,_ref8$active=_ref8.active,active=void 0!==_ref8$active&&_ref8$active,_ref8$size=_ref8.size,size=void 0===_ref8$size?"default":_ref8$size,href=_ref8.href,ariaDescribedBy=_ref8.ariaDescribedBy,ariaLabel=_ref8.ariaLabel,ariaLabelledBy=_ref8.ariaLabelledBy,children=_ref8.children,onClick=_ref8.onClick,_ref8$type=_ref8.type,type=void 0===_ref8$type?"button":_ref8$type,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r) => void)"}},href:{defaultValue:null,description:"Url to go to if the button is clicked. This allow your button to open in a new tab in case of cmd/ctrl + click",name:"href",required:!1,type:{name:"string"}},ariaLabel:{defaultValue:null,description:"Accessibility label to describe shortly the button.",name:"ariaLabel",required:!1,type:{name:"string"}},ariaLabelledBy:{defaultValue:null,description:"Define which element is the label of this button for accessibility purposes. Expect a DOM node id.",name:"ariaLabelledBy",required:!1,type:{name:"string"}},ariaDescribedBy:{defaultValue:null,description:"Define what element is describing this button for accessibility purposes. Expect a DOM node id.",name:"ariaDescribedBy",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"Children of the button.",name:"children",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Button/Button.tsx#Button"]={docgenInfo:Button.__docgenInfo,name:"Button",path:"src/components/Button/Button.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Card/Card.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"selectable",(function(){return selectable})),__webpack_require__.d(__webpack_exports__,"withBadges",(function(){return withBadges})),__webpack_require__.d(__webpack_exports__,"withLinks",(function(){return withLinks})),__webpack_require__.d(__webpack_exports__,"cardGrid",(function(){return cardGrid})),__webpack_require__.d(__webpack_exports__,"size",(function(){return size})),__webpack_require__.d(__webpack_exports__,"smallStackedCard",(function(){return smallStackedCard})),__webpack_require__.d(__webpack_exports__,"bigStackedCard",(function(){return bigStackedCard}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/react/index.js"),_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),_Card_tsx__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./src/components/Card/Card.tsx"),_components__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./src/components/Badge/Badge.tsx"),_components__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./src/components/Link/Link.tsx"),_excluded=["components"];function _toConsumableArray(r){return function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r)}(r)||function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(r)||_unsupportedIterableToArray(r)||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 _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||_unsupportedIterableToArray(r,e)||function _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 _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e {\n return \n \n ;\n}"}};var selectable=function selectable(args){var _useState24=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_18__.useState)(!1),2),firstSelected=_useState24[0],setFirstSelected=_useState24[1],_useState26=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_18__.useState)(!1),2),secondSelected=_useState26[0],setSecondSelected=_useState26[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.b,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{src:"https://picsum.photos/seed/akened/200",isSelected:firstSelected,onSelect:function onSelect(isSelected){return setFirstSelected(isSelected)}}),"Selectable card"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{src:"https://picsum.photos/seed/akenee/200",isSelected:secondSelected,onSelect:function onSelect(isSelected){return setSecondSelected(isSelected)}}),"Another one"))};selectable.displayName="selectable",selectable.storyName="Selectable",selectable.parameters={storySource:{source:'args => {\n const [firstSelected, setFirstSelected] = useState(false);\n const [secondSelected, setSecondSelected] = useState(false);\n return \n setFirstSelected(isSelected)}>\n Selectable card\n \n setSecondSelected(isSelected)}>\n Another one\n \n ;\n}'}};var withBadges=function withBadges(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.b,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{src:"https://picsum.photos/seed/akenea/200"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a.BadgeContainer,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{level:"danger"},"0%")),"Card not complete"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{src:"https://picsum.photos/seed/akeneb/200"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a.BadgeContainer,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{level:"warning"},"50%")),"Card almost complete"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{src:"https://picsum.photos/seed/akenec/200"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a.BadgeContainer,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{level:"primary"},"100%")),"Card complete"))};withBadges.displayName="withBadges",withBadges.storyName="With Badges",withBadges.parameters={storySource:{source:'args => {\n return \n \n \n 0%\n \n Card not complete\n \n \n \n 50%\n \n Card almost complete\n \n \n \n 100%\n \n Card complete\n \n ;\n}'}};var withLinks=function withLinks(args){var _useState28=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_18__.useState)(!1),2),firstSelected=_useState28[0],setFirstSelected=_useState28[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.b,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{src:"https://picsum.photos/seed/akeneaa/200"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{href:"https://www.youtube.com/watch?v=dQw4w9WgXcQ",target:"_blank"},"Card with Link")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{disabled:!0,src:"https://picsum.photos/seed/akeneba/200"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{href:"https://www.youtube.com/watch?v=dQw4w9WgXcQ",target:"_blank"},"Disabled Card with Link")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{isSelected:firstSelected,onSelect:function onSelect(isSelected){return setFirstSelected(isSelected)},src:"https://picsum.photos/seed/akeneca/200"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{href:"https://www.youtube.com/watch?v=dQw4w9WgXcQ",target:"_blank"},"Selectable Card with Link")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{disabled:!0,isSelected:!1,onSelect:function onSelect(){},src:"https://picsum.photos/seed/akenecb/200"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{href:"https://www.youtube.com/watch?v=dQw4w9WgXcQ",target:"_blank"},"Disabled selectable Card with Link")))};withLinks.displayName="withLinks",withLinks.storyName="With Links",withLinks.parameters={storySource:{source:'args => {\n const [firstSelected, setFirstSelected] = useState(false);\n return \n \n \n Card with Link\n \n \n \n \n Disabled Card with Link\n \n \n setFirstSelected(isSelected)} src="https://picsum.photos/seed/akeneca/200">\n \n Selectable Card with Link\n \n \n {}} src="https://picsum.photos/seed/akenecb/200">\n \n Disabled selectable Card with Link\n \n \n ;\n}'}};var cardGrid=function cardGrid(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.b,null,_toConsumableArray(new Array(5)).map((function(_,index){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{key:index,fit:"contain",onClick:Object(_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_21__.action)("Clicked"),src:"https://picsum.photos/seed/akeneo"+index+"/"+(index%2==0?200:120)+"/"+(index%2==0?120:200)}),"Card ",(index+1).toString())})))};cardGrid.displayName="cardGrid",cardGrid.storyName="CardGrid",cardGrid.parameters={storySource:{source:"args => {\n return \n {[...new Array(5)].map((_, index) => \n Card {(index + 1).toString()}\n )}\n ;\n}"}};var size=function size(args){var _useState30=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_18__.useState)(!1),2),firstSelected=_useState30[0],setFirstSelected=_useState30[1],_useState32=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_18__.useState)(!1),2),secondSelected=_useState32[0],setSecondSelected=_useState32[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.b,{size:"big"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{src:"https://picsum.photos/seed/akened/200"}),"This is a big Card"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{src:"https://picsum.photos/seed/akenee/200"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a.BadgeContainer,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{level:"primary"},"100%")),"This one even has a Badge"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{src:"https://picsum.photos/seed/akenef/200",isSelected:firstSelected,onSelect:function onSelect(isSelected){return setFirstSelected(isSelected)}}),"Selectable"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{src:"https://picsum.photos/seed/akeneg/200",isSelected:secondSelected,onSelect:function onSelect(isSelected){return setSecondSelected(isSelected)}}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a.BadgeContainer,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{level:"warning"},"75%")),"Badge & selectable 🤩"))};size.displayName="size",size.storyName="Size",size.parameters={storySource:{source:'args => {\n const [firstSelected, setFirstSelected] = useState(false);\n const [secondSelected, setSecondSelected] = useState(false);\n return \n \n This is a big Card\n \n \n \n 100%\n \n This one even has a Badge\n \n setFirstSelected(isSelected)}>\n Selectable\n \n setSecondSelected(isSelected)}>\n \n 75%\n \n Badge & selectable 🤩\n \n ;\n}'}};var smallStackedCard=function smallStackedCard(args){var _useState34=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_18__.useState)(!1),2),firstSelected=_useState34[0],setFirstSelected=_useState34[1],_useState36=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_18__.useState)(!1),2),secondSelected=_useState36[0],setSecondSelected=_useState36[1],_useState38=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_18__.useState)(!1),2),thirdSelected=_useState38[0],setThirdSelected=_useState38[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.b,{size:"small"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{stacked:!0,src:"https://picsum.photos/seed/akenec/200"}),"This is a small card"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{src:"https://picsum.photos/seed/akened/200"}),"This is a small card not stacked"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{stacked:!0,src:"https://picsum.photos/seed/akenee/200"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a.BadgeContainer,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{level:"primary"},"100%")),"This one even has a Badge"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{src:"https://picsum.photos/seed/akenef/200",isSelected:firstSelected,onSelect:function onSelect(isSelected){return setFirstSelected(isSelected)},stacked:!0}),"And this one is selectable"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{src:"https://picsum.photos/seed/akeneg/200",isSelected:secondSelected,onSelect:function onSelect(isSelected){return setSecondSelected(isSelected)},stacked:!0}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a.BadgeContainer,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{level:"warning"},"75%")),"Badge & selectable 🤩"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{src:"https://picsum.photos/seed/akeneh/200",isSelected:thirdSelected,onSelect:function onSelect(isSelected){return setThirdSelected(isSelected)}}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a.BadgeContainer,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{level:"warning"},"75%")),"Badge & selectable 🤩"))};smallStackedCard.displayName="smallStackedCard",smallStackedCard.storyName="SmallStackedCard",smallStackedCard.parameters={storySource:{source:'args => {\n const [firstSelected, setFirstSelected] = useState(false);\n const [secondSelected, setSecondSelected] = useState(false);\n const [thirdSelected, setThirdSelected] = useState(false);\n return \n \n This is a small card\n \n \n This is a small card not stacked\n \n \n \n 100%\n \n This one even has a Badge\n \n setFirstSelected(isSelected)} stacked>\n And this one is selectable\n \n setSecondSelected(isSelected)} stacked>\n \n 75%\n \n Badge & selectable 🤩\n \n setThirdSelected(isSelected)}>\n \n 75%\n \n Badge & selectable 🤩\n \n ;\n}'}};var bigStackedCard=function bigStackedCard(args){var _useState40=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_18__.useState)(!1),2),firstSelected=_useState40[0],setFirstSelected=_useState40[1],_useState42=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_18__.useState)(!1),2),secondSelected=_useState42[0],setSecondSelected=_useState42[1],_useState44=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_18__.useState)(!1),2),thirdSelected=_useState44[0],setThirdSelected=_useState44[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.b,{size:"big"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{stacked:!0,src:"https://picsum.photos/seed/akenec/200"}),"This is a big Card"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{src:"https://picsum.photos/seed/akened/200"}),"This is a big Card not stacked"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{stacked:!0,src:"https://picsum.photos/seed/akenee/200"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a.BadgeContainer,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{level:"primary"},"100%")),"This one even has a Badge"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{src:"https://picsum.photos/seed/akenef/200",isSelected:firstSelected,onSelect:function onSelect(isSelected){return setFirstSelected(isSelected)},stacked:!0}),"And this one is selectable"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{src:"https://picsum.photos/seed/akeneg/200",isSelected:secondSelected,onSelect:function onSelect(isSelected){return setSecondSelected(isSelected)},stacked:!0}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a.BadgeContainer,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{level:"warning"},"75%")),"Badge & selectable 🤩"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,_extends({},args,{src:"https://picsum.photos/seed/akeneh/200",isSelected:thirdSelected,onSelect:function onSelect(isSelected){return setThirdSelected(isSelected)}}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a.BadgeContainer,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{level:"warning"},"75%")),"Badge & selectable 🤩"))};bigStackedCard.displayName="bigStackedCard",bigStackedCard.storyName="BigStackedCard",bigStackedCard.parameters={storySource:{source:'args => {\n const [firstSelected, setFirstSelected] = useState(false);\n const [secondSelected, setSecondSelected] = useState(false);\n const [thirdSelected, setThirdSelected] = useState(false);\n return \n \n This is a big Card\n \n \n This is a big Card not stacked\n \n \n \n 100%\n \n This one even has a Badge\n \n setFirstSelected(isSelected)} stacked>\n And this one is selectable\n \n setSecondSelected(isSelected)} stacked>\n \n 75%\n \n Badge & selectable 🤩\n \n setThirdSelected(isSelected)}>\n \n 75%\n \n Badge & selectable 🤩\n \n ;\n}'}};var componentMeta={title:"Components/Card",component:_Card_tsx__WEBPACK_IMPORTED_MODULE_22__.a,args:{src:"https://picsum.photos/seed/akeneo/200/140",children:"Card text"},includeStories:["standard","selectable","withBadges","withLinks","cardGrid","size","smallStackedCard","bigStackedCard"]},mdxStoryNameToKey={Standard:"standard",Selectable:"selectable","With Badges":"withBadges","With Links":"withLinks",CardGrid:"cardGrid",Size:"size",SmallStackedCard:"smallStackedCard",BigStackedCard:"bigStackedCard"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_20__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Card/Card.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Card})),__webpack_require__.d(__webpack_exports__,"b",(function(){return CardGrid}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,react__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_7__),styled_components__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_Checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/components/Checkbox/Checkbox.tsx"),_Link_Link__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/components/Link/Link.tsx"),_Image_Image__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/components/Image/Image.tsx"),_theme_theme__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/theme/theme.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["src","fit","loading","isSelected","onSelect","disabled","children","onClick","stacked"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var Stack=styled_components__WEBPACK_IMPORTED_MODULE_8__.default.div.attrs((function(){return{role:"none"}}))(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n ::before,\n ::after {\n content: ' ';\n position: absolute;\n top: 0;\n left: 0;\n width: 95%;\n height: 95%;\n box-sizing: border-box;\n border-style: solid;\n border-width: ","px;\n border-color: ",";\n background-color: ",";\n }\n\n ::before {\n transform: translate(6px, 6px);\n }\n\n ::after {\n transform: translate(3px, 3px);\n }\n"])),(function(_ref){return _ref.isSelected?2:1}),(function(_ref2){var isSelected=_ref2.isSelected;return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_12__.a)(isSelected?"blue":"grey",100)}),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_12__.a)("white")),CardGrid=styled_components__WEBPACK_IMPORTED_MODULE_8__.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(","px, 1fr));\n gap: ","px;\n\n ","\n"])),(function(_ref3){return"big"===_ref3.size?200:140}),(function(_ref4){return"big"===_ref4.size?40:20}),(function(_ref5){return"big"===_ref5.size&&Object(styled_components__WEBPACK_IMPORTED_MODULE_8__.css)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n "," {\n ::before {\n transform: translate(8px, 10px);\n }\n\n ::after {\n transform: translate(4px, 5px);\n }\n }\n "])),Stack)}));CardGrid.defaultProps={size:"normal"};var Overlay=styled_components__WEBPACK_IMPORTED_MODULE_8__.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n position: absolute;\n z-index: 2;\n top: 0;\n width: ",";\n height: ",";\n background-color: ",";\n opacity: 0%;\n transition: opacity 0.3s ease-in;\n"])),(function(_ref6){return _ref6.stacked?"95%":"100%"}),(function(_ref7){return _ref7.stacked?"95%":"100%"}),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_12__.a)("grey",140)),CardContainerAsDiv=styled_components__WEBPACK_IMPORTED_MODULE_8__.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n line-height: 20px;\n font-size: ",";\n color: ",";\n cursor: ",";\n text-decoration: none;\n\n img {\n position: absolute;\n top: 0;\n width: ",";\n height: ",";\n box-sizing: border-box;\n ","\n }\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_12__.e)("default"),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_12__.a)("grey",120),(function(_ref8){var actionable=_ref8.actionable;return _ref8.disabled?"not-allowed":actionable?"pointer":"auto"}),(function(_ref9){return _ref9.stacked?"95%":"100%"}),(function(_ref10){return _ref10.stacked?"95%":"100%"}),(function(_ref11){var isLoading=_ref11.isLoading,isSelected=_ref11.isSelected;return!isLoading&&Object(styled_components__WEBPACK_IMPORTED_MODULE_8__.css)(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(["\n border-style: solid;\n border-width: ","px;\n border-color: ",";\n "])),isSelected?2:1,Object(_theme_theme__WEBPACK_IMPORTED_MODULE_12__.a)(isSelected?"blue":"grey",100))})),CardContainerAsLink=styled_components__WEBPACK_IMPORTED_MODULE_8__.default.a(_templateObject7||(_templateObject7=_taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n line-height: 20px;\n font-size: ",";\n color: ",";\n cursor: ",";\n text-decoration: none;\n\n img {\n position: absolute;\n top: 0;\n width: ",";\n height: ",";\n box-sizing: border-box;\n ","\n }\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_12__.e)("default"),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_12__.a)("grey",120),(function(_ref12){var actionable=_ref12.actionable;return _ref12.disabled?"not-allowed":actionable?"pointer":"auto"}),(function(_ref13){return _ref13.stacked?"95%":"100%"}),(function(_ref14){return _ref14.stacked?"95%":"100%"}),(function(_ref15){var isLoading=_ref15.isLoading,isSelected=_ref15.isSelected;return!isLoading&&Object(styled_components__WEBPACK_IMPORTED_MODULE_8__.css)(_templateObject8||(_templateObject8=_taggedTemplateLiteralLoose(["\n border-style: solid;\n border-width: ","px;\n border-color: ",";\n "])),isSelected?2:1,Object(_theme_theme__WEBPACK_IMPORTED_MODULE_12__.a)(isSelected?"blue":"grey",100))})),ImageContainer=styled_components__WEBPACK_IMPORTED_MODULE_8__.default.div(_templateObject9||(_templateObject9=_taggedTemplateLiteralLoose(["\n position: relative;\n\n &::before {\n content: '';\n display: block;\n padding-bottom: 100%;\n }\n\n :hover "," {\n opacity: 50%;\n }\n"])),Overlay),CardLabel=styled_components__WEBPACK_IMPORTED_MODULE_8__.default.div(_templateObject10||(_templateObject10=_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-top: 7px;\n\n > :first-child {\n margin-right: 6px;\n }\n"]))),CardText=styled_components__WEBPACK_IMPORTED_MODULE_8__.default.span(_templateObject11||(_templateObject11=_taggedTemplateLiteralLoose(["\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n"]))),BadgeContainer=styled_components__WEBPACK_IMPORTED_MODULE_8__.default.div(_templateObject12||(_templateObject12=_taggedTemplateLiteralLoose(["\n position: absolute;\n z-index: 5;\n top: 10px;\n right: ",";\n"])),(function(_ref16){return _ref16.stacked?"20px":"10px"}));BadgeContainer.displayName="BadgeContainer",BadgeContainer.defaultProps={stacked:!1};var CardComponent=Object(react__WEBPACK_IMPORTED_MODULE_7__.forwardRef)((function(_ref17,forwardedRef){var src=_ref17.src,_ref17$fit=_ref17.fit,fit=void 0===_ref17$fit?"cover":_ref17$fit,_ref17$loading=_ref17.loading,loading=void 0===_ref17$loading?"eager":_ref17$loading,_ref17$isSelected=_ref17.isSelected,isSelected=void 0!==_ref17$isSelected&&_ref17$isSelected,onSelect=_ref17.onSelect,_ref17$disabled=_ref17.disabled,disabled=void 0!==_ref17$disabled&&_ref17$disabled,children=_ref17.children,onClick=_ref17.onClick,_ref17$stacked=_ref17.stacked,stacked=void 0!==_ref17$stacked&&_ref17$stacked,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r void)"}},stacked:{defaultValue:{value:"false"},description:"Add a visual representation of a collection for the same item",name:"stacked",required:!1,type:{name:"boolean"}},children:{defaultValue:null,description:"Children of the Card, contains the text to display below the image and can also contain a Badge component.",name:"children",required:!0,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Card/Card.tsx#BadgeContainer"]={docgenInfo:BadgeContainer.__docgenInfo,name:"BadgeContainer",path:"src/components/Card/Card.tsx#BadgeContainer"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Checkbox/Checkbox.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"state",(function(){return state})),__webpack_require__.d(__webpack_exports__,"disabled",(function(){return disabled})),__webpack_require__.d(__webpack_exports__,"animation",(function(){return animation}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_15___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_15__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_Checkbox_tsx__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/components/Checkbox/Checkbox.tsx"),_storybook_client_api__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/@storybook/addons/dist/esm/hooks.js"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;er.length)&&(a=r.length);for(var e=0,n=Array(a);e {\n const [{\n checked\n }, updateArgs] = useArgs();\n const toggleChecked = () => {\n updateArgs({\n checked: !checked\n });\n };\n return ;\n}"}};var state=function state(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Checkbox_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{checked:!0}),"Checkbox checked"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Checkbox_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{checked:"mixed"}),"Checkbox mixed"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Checkbox_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{checked:!1}),"Checkbox false"))};state.storyName="State",state.parameters={storySource:{source:'args => {\n return <>\n \n Checkbox checked\n \n \n Checkbox mixed\n \n \n Checkbox false\n \n ;\n}'}};var disabled=function disabled(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Checkbox_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{readOnly:!0,checked:!0}),"Checked disabled"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Checkbox_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{readOnly:!0,checked:"mixed"}),"Mixed disabled"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Checkbox_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{readOnly:!0,checked:!1}),"Unchecked disabled"))};disabled.storyName="Disabled",disabled.parameters={storySource:{source:'args => {\n return <>\n \n Checked disabled\n \n \n Mixed disabled\n \n \n Unchecked disabled\n \n ;\n}'}};var animation=function animation(args){var _useState4=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_15__.useState)(!0),2),checked=_useState4[0],setChecked=_useState4[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Checkbox_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{checked:checked,onChange:function onChange(newChecked){return setChecked(newChecked)}}))};animation.displayName="animation",animation.storyName="Animation",animation.parameters={storySource:{source:"args => {\n const [checked, setChecked] = useState(true);\n return setChecked(newChecked)} />;\n}"}};var componentMeta={title:"Components/Checkbox",component:_Checkbox_tsx__WEBPACK_IMPORTED_MODULE_18__.a,args:{checked:!0,children:"Checkbox"},argTypes:{readOnly:{control:{type:"boolean"}},checked:{control:{type:"select"},options:[!0,!1,"mixed"]},onChange:{action:"Checkbox component onChange"}},includeStories:["standard","state","disabled","animation"]},mdxStoryNameToKey={Standard:"standard",State:"state",Disabled:"disabled",Animation:"animation"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Checkbox/Checkbox.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Checkbox}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__),styled_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_theme_theme__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/theme/theme.ts"),_icons_CheckIcon__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/icons/CheckIcon.tsx"),_icons_CheckPartialIcon__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/icons/CheckPartialIcon.tsx"),_hooks_useId__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/hooks/useId.ts"),_hooks_useShortcut__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/hooks/useShortcut.ts"),_shared_key__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/shared/key.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["checked","onChange","readOnly","children","title","aria-label","tabIndex"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var checkTick=Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.keyframes)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n to {\n stroke-dashoffset: 0;\n }\n"]))),uncheckTick=Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.keyframes)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n to {\n stroke-dashoffset: 27px;\n }\n"]))),Container=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n display: flex;\n line-height: 20px;\n"]))),TickIcon=Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.default)(_icons_CheckIcon__WEBPACK_IMPORTED_MODULE_8__.a)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n animation: "," 0.2s ease-in forwards;\n opacity: 0;\n stroke-dasharray: 27px;\n stroke-dashoffset: 0;\n transition-delay: 0.2s;\n transition: opacity 0.1s ease-out;\n"])),uncheckTick),CheckboxContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n background-color: transparent;\n height: 20px;\n width: 20px;\n border: 1px solid ",";\n border-radius: 3px;\n overflow: hidden;\n background-color: ",";\n transition: background-color 0.2s ease-out;\n box-sizing: border-box;\n color: ",";\n flex-shrink: 0;\n\n ","\n\n ","\n\n ","\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey80"),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey20"),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("white"),(function(props){return props.checked&&Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(["\n background-color: ",";\n border-color: ",";\n\n "," {\n animation-delay: 0.2s;\n animation: "," 0.2s ease-out forwards;\n stroke-dashoffset: 27px;\n opacity: 1;\n transition-delay: 0s;\n }\n "])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("blue100"),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("blue100"),TickIcon,checkTick)}),(function(props){return props.checked&&props.readOnly&&Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject7||(_templateObject7=_taggedTemplateLiteralLoose(["\n background-color: ",";\n border-color: ",";\n "])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("blue20"),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("blue40"))}),(function(props){return!props.checked&&props.readOnly&&Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject8||(_templateObject8=_taggedTemplateLiteralLoose(["\n background-color: ",";\n border-color: ",";\n "])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey60"),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey100"))})),LabelContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.label(_templateObject9||(_templateObject9=_taggedTemplateLiteralLoose(["\n color: ",";\n font-weight: 400;\n font-size: ",";\n padding-left: 10px;\n\n ","\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey140"),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.e)("big"),(function(props){return props.readOnly&&Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject10||(_templateObject10=_taggedTemplateLiteralLoose(["\n color: ",";\n "])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey100"))})),Checkbox=react__WEBPACK_IMPORTED_MODULE_5___default.a.forwardRef((function(_ref,forwardedRef){var _ref$checked=_ref.checked,checked=void 0!==_ref$checked&&_ref$checked,onChange=_ref.onChange,_ref$readOnly=_ref.readOnly,readOnly=void 0!==_ref$readOnly&&_ref$readOnly,children=_ref.children,title=_ref.title,ariaLabel=_ref["aria-label"],tabIndex=_ref.tabIndex,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r) => void)"}},children:{defaultValue:null,description:"Label of the checkbox.",name:"children",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Checkbox/Checkbox.tsx#Checkbox"]={docgenInfo:Checkbox.__docgenInfo,name:"Checkbox",path:"src/components/Checkbox/Checkbox.tsx#Checkbox"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Collapse/Collapse.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"withPill",(function(){return withPill})),__webpack_require__.d(__webpack_exports__,"withBadge",(function(){return withBadge})),__webpack_require__.d(__webpack_exports__,"withContent",(function(){return withContent}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_17___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_17__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_client_api__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/@storybook/addons/dist/esm/hooks.js"),_Collapse_tsx__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./src/components/Collapse/Collapse.tsx"),_components__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./src/components/Pill/Pill.tsx"),_components__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./src/components/Badge/Badge.tsx"),_components__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./src/components/Button/Button.tsx"),_components__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("./src/components/Field/Field.tsx"),_components__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__("./src/components/Input/TextInput/TextInput.tsx"),_components__WEBPACK_IMPORTED_MODULE_27__=__webpack_require__("./src/components/Helper/Helper.tsx"),_components__WEBPACK_IMPORTED_MODULE_28__=__webpack_require__("./src/components/Link/Link.tsx"),_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_29__=__webpack_require__("./src/storybook/PreviewGallery.tsx"),_excluded=["components"];function _toConsumableArray(r){return function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r)}(r)||function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(r)||_unsupportedIterableToArray(r)||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 _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;er.length)&&(a=r.length);for(var e=0,n=Array(a);e {\n const [{\n isOpen\n }, updateArgs] = useArgs();\n const onCollapse = isOpen => updateArgs({\n isOpen\n });\n return ;\n}"}};var withPill=function withPill(args){var _useState14=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_17__.useState)(!1),2),isOpen=_useState14[0],setOpen=_useState14[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Collapse_tsx__WEBPACK_IMPORTED_MODULE_21__.a,_extends({},args,{isOpen:isOpen,onCollapse:setOpen,label:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment,null,"Complete content ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_components__WEBPACK_IMPORTED_MODULE_22__.a,{level:"primary"}))}))};withPill.displayName="withPill",withPill.storyName="With Pill",withPill.parameters={storySource:{source:'args => {\n const [isOpen, setOpen] = useState(false);\n return \n Complete content \n } />;\n}'}};var withBadge=function withBadge(args){var _useState16=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_17__.useState)(!1),2),isOpen=_useState16[0],setOpen=_useState16[1],_useState18=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_17__.useState)(["Child 0"]),2),children=_useState18[0],setChildren=_useState18[1],addChild=function addChild(){return setChildren((function(children){return[].concat(_toConsumableArray(children),["Child "+children.length])}))},removeChild=function removeChild(){return setChildren((function(children){return _toConsumableArray(children.slice(0,-1))}))};return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Collapse_tsx__WEBPACK_IMPORTED_MODULE_21__.a,_extends({},args,{isOpen:isOpen,onCollapse:setOpen,label:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment,null,"Numerable content ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{level:"secondary"},"42"))}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_29__.i,null,children.map((function(child){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("div",{key:child},child," ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{ghost:!0,level:"tertiary",size:"small",onClick:addChild},"Add")," ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{ghost:!0,level:"tertiary",size:"small",onClick:removeChild},"Remove"))}))))};withBadge.displayName="withBadge",withBadge.storyName="With Badge",withBadge.parameters={storySource:{source:'args => {\n const [isOpen, setOpen] = useState(false);\n const [children, setChildren] = useState([\'Child 0\']);\n const addChild = () => setChildren(children => [...children, `Child ${children.length}`]);\n const removeChild = () => setChildren(children => [...children.slice(0, -1)]);\n return \n Numerable content 42\n }>\n
\n {children.map(child =>
\n {child} \n  \n \n
)}\n
\n ;\n}'}};var withContent=function withContent(args){var _useState20=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_17__.useState)(!0),2),isFirstOpen=_useState20[0],setFirstOpen=_useState20[1],_useState22=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_17__.useState)(!1),2),isSecondOpen=_useState22[0],setSecondOpen=_useState22[1],_useState24=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_17__.useState)(!1),2),isThirdOpen=_useState24[0],setThirdOpen=_useState24[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_29__.k,{height:600},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Collapse_tsx__WEBPACK_IMPORTED_MODULE_21__.a,_extends({},args,{isOpen:isFirstOpen,onCollapse:setFirstOpen}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_29__.i,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{label:"Property"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_components__WEBPACK_IMPORTED_MODULE_26__.a,{placeholder:"Type your text here"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_components__WEBPACK_IMPORTED_MODULE_27__.a,{level:"info"},"This is just an info. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_components__WEBPACK_IMPORTED_MODULE_28__.a,{href:"https://www.youtube.com/watch?v=dQw4w9WgXcQ"},"Don't click here"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{label:"Format"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_components__WEBPACK_IMPORTED_MODULE_26__.a,{placeholder:"Type your text here"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{label:"Nice field"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_components__WEBPACK_IMPORTED_MODULE_26__.a,{invalid:!0,value:"This is wrong"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_components__WEBPACK_IMPORTED_MODULE_27__.a,{level:"error"},"Something bad happened.")))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Collapse_tsx__WEBPACK_IMPORTED_MODULE_21__.a,_extends({},args,{label:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment,null,"Another one ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_components__WEBPACK_IMPORTED_MODULE_22__.a,null)),isOpen:isSecondOpen,onCollapse:setSecondOpen}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_29__.a,{height:200},"Content")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Collapse_tsx__WEBPACK_IMPORTED_MODULE_21__.a,_extends({},args,{label:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment,null,"Yet another one ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,null,"100%")),isOpen:isThirdOpen,onCollapse:setThirdOpen}),"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."))};withContent.displayName="withContent",withContent.storyName="With content",withContent.parameters={storySource:{source:'args => {\n const [isFirstOpen, setFirstOpen] = useState(true);\n const [isSecondOpen, setSecondOpen] = useState(false);\n const [isThirdOpen, setThirdOpen] = useState(false);\n return \n \n
\n \n \n \n This is just an info. Don\'t click here\n \n \n \n \n \n \n \n Something bad happened.\n \n
\n \n \n Another one \n } isOpen={isSecondOpen} onCollapse={setSecondOpen}>\n Content\n \n \n Yet another one 100%\n } isOpen={isThirdOpen} onCollapse={setThirdOpen}>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et\n dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex\n ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat\n nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit\n anim id est laborum.\n \n ;\n}'}};var componentMeta={title:"Components/Collapse",component:_Collapse_tsx__WEBPACK_IMPORTED_MODULE_21__.a,args:{isOpen:!1,label:"label",collapseButtonLabel:"Collapse",children:"Collapse content"},includeStories:["standard","withPill","withBadge","withContent"]},mdxStoryNameToKey={Standard:"standard","With Pill":"withPill","With Badge":"withBadge","With content":"withContent"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Collapse/Collapse.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Collapse}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,react__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_15___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_15__),styled_components__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_theme_theme__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/theme/theme.ts"),_IconButton_IconButton__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/components/IconButton/IconButton.tsx"),_icons_CheckPartialIcon__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/icons/CheckPartialIcon.tsx"),_icons_PlusIcon__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/icons/PlusIcon.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["label","collapseButtonLabel","isOpen","onCollapse","children"];function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _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 _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e void"}},children:{defaultValue:null,description:"Content of the Collapse.",name:"children",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Collapse/Collapse.tsx#Collapse"]={docgenInfo:Collapse.__docgenInfo,name:"Collapse",path:"src/components/Collapse/Collapse.tsx#Collapse"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Dropdown/Dropdown.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return Dropdown_stories_standard})),__webpack_require__.d(__webpack_exports__,"simpleItem",(function(){return Dropdown_stories_simpleItem})),__webpack_require__.d(__webpack_exports__,"noResult",(function(){return Dropdown_stories_noResult})),__webpack_require__.d(__webpack_exports__,"position",(function(){return Dropdown_stories_position})),__webpack_require__.d(__webpack_exports__,"searchPagination",(function(){return Dropdown_stories_searchPagination})),__webpack_require__.d(__webpack_exports__,"itemWithSelection",(function(){return Dropdown_stories_itemWithSelection})),__webpack_require__.d(__webpack_exports__,"withSection",(function(){return Dropdown_stories_withSection})),__webpack_require__.d(__webpack_exports__,"itemWithImage",(function(){return Dropdown_stories_itemWithImage})),__webpack_require__.d(__webpack_exports__,"surtitleItem",(function(){return Dropdown_stories_surtitleItem})),__webpack_require__.d(__webpack_exports__,"fullWidth",(function(){return Dropdown_stories_fullWidth}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),Dropdown=__webpack_require__("./src/components/Dropdown/Dropdown.tsx"),Button=__webpack_require__("./src/components/Button/Button.tsx"),Link=__webpack_require__("./src/components/Link/Link.tsx"),Search=__webpack_require__("./src/components/Search/Search.tsx"),Checkbox=__webpack_require__("./src/components/Checkbox/Checkbox.tsx"),Image=__webpack_require__("./src/components/Image/Image.tsx"),Badge=__webpack_require__("./src/components/Badge/Badge.tsx"),useBooleanState=__webpack_require__("./src/hooks/useBooleanState.ts");__webpack_require__("./node_modules/core-js/modules/web.timers.js");function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _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 _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e1&&void 0!==arguments[1]?arguments[1]:300,_useState2=_slicedToArray(Object(react.useState)(value),2),debouncedValue=_useState2[0],setDebouncedValue=_useState2[1];return Object(react.useEffect)((function(){var timer=setTimeout((function(){setDebouncedValue(value)}),delay);return function(){clearTimeout(timer)}}),[value,delay]),debouncedValue};__webpack_require__("./node_modules/core-js/modules/es.promise.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.async-iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.to-string-tag.js"),__webpack_require__("./node_modules/core-js/modules/es.math.to-string-tag.js"),__webpack_require__("./node_modules/core-js/modules/es.json.to-string-tag.js"),__webpack_require__("./node_modules/core-js/modules/es.object.create.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.array.reverse.js");function _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==typeof h&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(n,t,e,r,o,a,c){try{var i=n[a](c),u=i.value}catch(n){return void e(n)}i.done?t(u):Promise.resolve(u).then(r,o)}function _toConsumableArray(r){return function _arrayWithoutHoles(r){if(Array.isArray(r))return usePaginatedResults_arrayLikeToArray(r)}(r)||function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(r)||usePaginatedResults_unsupportedIterableToArray(r)||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 usePaginatedResults_slicedToArray(r,e){return function usePaginatedResults_arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function usePaginatedResults_iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||usePaginatedResults_unsupportedIterableToArray(r,e)||function usePaginatedResults_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 usePaginatedResults_unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return usePaginatedResults_arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?usePaginatedResults_arrayLikeToArray(r,a):void 0}}function usePaginatedResults_arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e2&&void 0!==arguments[2])||arguments[2],_useState2=usePaginatedResults_slicedToArray(Object(react.useState)(null),2),results=_useState2[0],setResults=_useState2[1],_useState4=usePaginatedResults_slicedToArray(Object(react.useState)(0),2),page=_useState4[0],setPage=_useState4[1],_useBooleanState2=usePaginatedResults_slicedToArray(Object(useBooleanState.a)(),3),isFetching=_useBooleanState2[0],startFetching=_useBooleanState2[1],stopFetching=_useBooleanState2[2],_useBooleanState4=usePaginatedResults_slicedToArray(Object(useBooleanState.a)(),3),isLastPage=_useBooleanState4[0],onLastPage=_useBooleanState4[1],notOnLastPage=_useBooleanState4[2],isMounted=function useIsMounted(){var isMountedRef=Object(react.useRef)(!0),isMounted=Object(react.useCallback)((function(){return isMountedRef.current}),[]);return Object(react.useEffect)((function(){return function(){isMountedRef.current=!1}}),[]),isMounted}();Object(react.useEffect)((function(){null!==results&&(setPage(0),notOnLastPage(),setResults(_toConsumableArray(results)))}),dependencies),Object(react.useEffect)((function(){if(!isFetching&&!isLastPage&&shouldFetch){var fetchResults=function(){var _ref=function _asyncToGenerator(n){return function(){var t=this,e=arguments;return new Promise((function(r,o){var a=n.apply(t,e);function _next(n){asyncGeneratorStep(a,r,o,_next,_throw,"next",n)}function _throw(n){asyncGeneratorStep(a,r,o,_next,_throw,"throw",n)}_next(void 0)}))}}(_regeneratorRuntime().mark((function _callee(){var newResults;return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,fetcher(page);case 2:if(newResults=_context.sent,isMounted()){_context.next=5;break}return _context.abrupt("return");case 5:0===newResults.length&&onLastPage(),setResults((function(currentResults){return 0===page||null===currentResults?newResults:[].concat(_toConsumableArray(currentResults),_toConsumableArray(newResults))})),stopFetching();case 8:case"end":return _context.stop()}}),_callee)})));return function fetchResults(){return _ref.apply(this,arguments)}}();startFetching(),fetchResults()}}),[page,results,shouldFetch]),Object(react.useEffect)((function(){shouldFetch||(setPage(0),setResults(null),notOnLastPage())}),[shouldFetch]);return[null!=results?results:[],function fetchNextPage(){isFetching||isLastPage||setPage((function(page){return page+1}))}]},PreviewGallery=__webpack_require__("./src/storybook/PreviewGallery.tsx"),useSelection=__webpack_require__("./src/storybook/hooks/useSelection.ts"),ArrowDownIcon=__webpack_require__("./src/icons/ArrowDownIcon.tsx"),LinkIcon=__webpack_require__("./src/icons/LinkIcon.tsx"),IconButton=__webpack_require__("./src/components/IconButton/IconButton.tsx"),addon_actions_dist_esm=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),GroupsIllustration=__webpack_require__("./src/illustrations/GroupsIllustration.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;er.length)&&(a=r.length);for(var e=0,n=Array(a);e {\n const [isOpen, open, close] = useBooleanState(true);\n return \n \n \n {isOpen && \n \n Elements\n \n \n Item 1\n Item 2\n Item 3\n Item 4\n \n }\n \n ;\n}"}};var Dropdown_stories_simpleItem=function simpleItem(args){var _useBooleanState30=Dropdown_stories_slicedToArray(Object(useBooleanState.a)(!0),3),isOpen=_useBooleanState30[0],open=_useBooleanState30[1],close=_useBooleanState30[2];return Object(esm.b)(PreviewGallery.k,{height:290},Object(esm.b)(Dropdown.a,null,Object(esm.b)(Button.a,{onClick:open},"Simple ",Object(esm.b)(ArrowDownIcon.a,null)),isOpen&&Object(esm.b)(Dropdown.a.Overlay,{verticalPosition:"down",onClose:close},Object(esm.b)(Dropdown.a.Header,null,Object(esm.b)(Dropdown.a.Title,null,"Elements")),Object(esm.b)(Dropdown.a.ItemCollection,null,Object(esm.b)(Dropdown.a.Item,null,"First item"),Object(esm.b)(Dropdown.a.Item,{isActive:!0},"Active item"),Object(esm.b)(Dropdown.a.Item,{onClick:Object(addon_actions_dist_esm.action)("Clicked")},"A very long item"),Object(esm.b)(Dropdown.a.Item,{onClick:Object(addon_actions_dist_esm.action)("Clicked"),disabled:!0},"This one is disabled"),Object(esm.b)(Dropdown.a.Item,null,Object(esm.b)(Link.a,{target:"_blank",href:"https://www.youtube.com/watch?v=dQw4w9WgXcQ"},"Item with a link")),Object(esm.b)(Dropdown.a.Item,{disabled:!0},Object(esm.b)(Link.a,{href:"https://www.youtube.com/watch?v=dQw4w9WgXcQ"},"Disabled link"))))))};Dropdown_stories_simpleItem.displayName="simpleItem",Dropdown_stories_simpleItem.storyName="Simple Item",Dropdown_stories_simpleItem.parameters={storySource:{source:'args => {\n const [isOpen, open, close] = useBooleanState(true);\n return \n \n \n {isOpen && \n \n Elements\n \n \n First item\n Active item\n A very long item\n \n This one is disabled\n \n \n \n Item with a link\n \n \n \n Disabled link\n \n \n }\n \n ;\n}'}};var Dropdown_stories_noResult=function noResult(args){var _useBooleanState32=Dropdown_stories_slicedToArray(Object(useBooleanState.a)(!0),3),isOpen=_useBooleanState32[0],open=_useBooleanState32[1],close=_useBooleanState32[2];return Object(esm.b)(PreviewGallery.k,{height:200},Object(esm.b)(Dropdown.a,args,Object(esm.b)(Button.a,{onClick:open},"Dropdown ",Object(esm.b)(ArrowDownIcon.a,null)),isOpen&&Object(esm.b)(Dropdown.a.Overlay,{verticalPosition:"down",onClose:close},Object(esm.b)(Dropdown.a.Header,null,Object(esm.b)(Dropdown.a.Title,null,"Elements")),Object(esm.b)(Dropdown.a.ItemCollection,{noResultIllustration:react_default.a.createElement(GroupsIllustration.a),noResultTitle:"Sorry, there is no results."}))))};Dropdown_stories_noResult.displayName="noResult",Dropdown_stories_noResult.storyName="No result",Dropdown_stories_noResult.parameters={storySource:{source:'args => {\n const [isOpen, open, close] = useBooleanState(true);\n return \n \n \n {isOpen && \n \n Elements\n \n \n }\n \n ;\n}'}};var Dropdown_stories_position=function position(args){var _useBooleanState34=Dropdown_stories_slicedToArray(Object(useBooleanState.a)(!1),3),isOpenTopLeft=_useBooleanState34[0],openTopLeft=_useBooleanState34[1],closeTopLeft=_useBooleanState34[2],_useBooleanState36=Dropdown_stories_slicedToArray(Object(useBooleanState.a)(!1),3),isOpenTopRight=_useBooleanState36[0],openTopRight=_useBooleanState36[1],closeTopRight=_useBooleanState36[2],_useBooleanState38=Dropdown_stories_slicedToArray(Object(useBooleanState.a)(!1),3),isOpenBottomLeft=_useBooleanState38[0],openBottomLeft=_useBooleanState38[1],closeBottomLeft=_useBooleanState38[2],_useBooleanState40=Dropdown_stories_slicedToArray(Object(useBooleanState.a)(!1),3),isOpenBottomRight=_useBooleanState40[0],openBottomRight=_useBooleanState40[1],closeBottomRight=_useBooleanState40[2];return Object(esm.b)(PreviewGallery.k,{height:600},Object(esm.b)(PreviewGallery.j,null,Object(esm.b)(Dropdown.a,null,Object(esm.b)(Button.a,{onClick:openTopLeft},"Down Right ",Object(esm.b)(ArrowDownIcon.a,null)),isOpenTopLeft&&Object(esm.b)(Dropdown.a.Overlay,{onClose:closeTopLeft,horizontalPosition:"right"},Object(esm.b)(Dropdown.a.Header,null,Object(esm.b)(Dropdown.a.Title,null,"Elements")),Object(esm.b)(Dropdown.a.ItemCollection,null,Object(esm.b)(Dropdown.a.Item,{onClick:Object(addon_actions_dist_esm.action)("Clicked")},"Item 1"),Object(esm.b)(Dropdown.a.Item,null,"Item 2"),Object(esm.b)(Dropdown.a.Item,null,"Item 3"),Object(esm.b)(Dropdown.a.Item,null,"Item 4")))),Object(esm.b)(Dropdown.a,null,Object(esm.b)(Button.a,{onClick:openTopRight},"Down Left ",Object(esm.b)(ArrowDownIcon.a,null)),isOpenTopRight&&Object(esm.b)(Dropdown.a.Overlay,{onClose:closeTopRight,horizontalPosition:"left"},Object(esm.b)(Dropdown.a.Header,null,Object(esm.b)(Dropdown.a.Title,null,"Elements")),Object(esm.b)(Dropdown.a.ItemCollection,null,Object(esm.b)(Dropdown.a.Item,{onClick:Object(addon_actions_dist_esm.action)("Clicked")},"Item 1"),Object(esm.b)(Dropdown.a.Item,null,"Item 2"),Object(esm.b)(Dropdown.a.Item,null,"Item 3"),Object(esm.b)(Dropdown.a.Item,null,"Item 4"))))),Object(esm.b)(PreviewGallery.k,{height:200}),Object(esm.b)(PreviewGallery.j,null,Object(esm.b)(Dropdown.a,null,Object(esm.b)(Button.a,{onClick:openBottomLeft},"Up Right ",Object(esm.b)(ArrowDownIcon.a,null)),isOpenBottomLeft&&Object(esm.b)(Dropdown.a.Overlay,{onClose:closeBottomLeft,verticalPosition:"up",horizontalPosition:"right"},Object(esm.b)(Dropdown.a.Header,null,Object(esm.b)(Dropdown.a.Title,null,"Elements")),Object(esm.b)(Dropdown.a.ItemCollection,null,Object(esm.b)(Dropdown.a.Item,{onClick:Object(addon_actions_dist_esm.action)("Clicked")},"Item 1"),Object(esm.b)(Dropdown.a.Item,null,"Item 2"),Object(esm.b)(Dropdown.a.Item,null,"Item 3"),Object(esm.b)(Dropdown.a.Item,null,"Item 4")))),Object(esm.b)(Dropdown.a,null,Object(esm.b)(Button.a,{onClick:openBottomRight},"Up Left ",Object(esm.b)(ArrowDownIcon.a,null)),isOpenBottomRight&&Object(esm.b)(Dropdown.a.Overlay,{onClose:closeBottomRight,verticalPosition:"up",horizontalPosition:"left"},Object(esm.b)(Dropdown.a.Header,null,Object(esm.b)(Dropdown.a.Title,null,"Elements")),Object(esm.b)(Dropdown.a.ItemCollection,null,Object(esm.b)(Dropdown.a.Item,{onClick:Object(addon_actions_dist_esm.action)("Clicked")},"Item 1"),Object(esm.b)(Dropdown.a.Item,null,"Item 2"),Object(esm.b)(Dropdown.a.Item,null,"Item 3"),Object(esm.b)(Dropdown.a.Item,null,"Item 4"))))))};Dropdown_stories_position.displayName="position",Dropdown_stories_position.storyName="Position",Dropdown_stories_position.parameters={storySource:{source:'args => {\n const [isOpenTopLeft, openTopLeft, closeTopLeft] = useBooleanState(false);\n const [isOpenTopRight, openTopRight, closeTopRight] = useBooleanState(false);\n const [isOpenBottomLeft, openBottomLeft, closeBottomLeft] = useBooleanState(false);\n const [isOpenBottomRight, openBottomRight, closeBottomRight] = useBooleanState(false);\n return \n \n \n \n {isOpenTopLeft && \n \n Elements\n \n \n Item 1\n Item 2\n Item 3\n Item 4\n \n }\n \n \n \n {isOpenTopRight && \n \n Elements\n \n \n Item 1\n Item 2\n Item 3\n Item 4\n \n }\n \n \n \n \n \n \n {isOpenBottomLeft && \n \n Elements\n \n \n Item 1\n Item 2\n Item 3\n Item 4\n \n }\n \n \n \n {isOpenBottomRight && \n \n Elements\n \n \n Item 1\n Item 2\n Item 3\n Item 4\n \n }\n \n \n ;\n}'}};var Dropdown_stories_searchPagination=function searchPagination(args){var _useBooleanState42=Dropdown_stories_slicedToArray(Object(useBooleanState.a)(!0),3),isOpen=_useBooleanState42[0],open=_useBooleanState42[1],close=_useBooleanState42[2],_useState4=Dropdown_stories_slicedToArray(Object(react.useState)(""),2),searchValue=_useState4[0],setSearchValue=_useState4[1],debouncedSearchValue=useDebounce_useDebounce(searchValue),_usePaginatedResults4=Dropdown_stories_slicedToArray(usePaginatedResults_usePaginatedResults((function(page){return Object(PreviewGallery.n)(page,debouncedSearchValue)}),[debouncedSearchValue],isOpen),2),items=_usePaginatedResults4[0],handleNextPage=_usePaginatedResults4[1];return Object(esm.b)(PreviewGallery.k,{height:500},Object(esm.b)(Dropdown.a,null,Object(esm.b)(Button.a,{onClick:open},"Simple ",Object(esm.b)(ArrowDownIcon.a,null)),isOpen&&Object(esm.b)(Dropdown.a.Overlay,{verticalPosition:"down",onClose:close},Object(esm.b)(Dropdown.a.Header,null,Object(esm.b)(Search.a,{onSearchChange:setSearchValue,placeholder:"Search",searchValue:searchValue,title:"Search"})),Object(esm.b)(Dropdown.a.ItemCollection,{onNextPage:handleNextPage,noResultIllustration:react_default.a.createElement(GroupsIllustration.a),noResultTitle:"Sorry, there is no results."},items.map((function(item,index){return Object(esm.b)(Dropdown.a.Item,{key:index},item.text)}))))))};Dropdown_stories_searchPagination.displayName="searchPagination",Dropdown_stories_searchPagination.storyName="Search & pagination",Dropdown_stories_searchPagination.parameters={storySource:{source:'args => {\n const [isOpen, open, close] = useBooleanState(true);\n const [searchValue, setSearchValue] = useState(\'\');\n const debouncedSearchValue = useDebounce(searchValue);\n const [items, handleNextPage] = usePaginatedResults(page => fakeFetcher(page, debouncedSearchValue), [debouncedSearchValue], isOpen);\n return \n \n \n {isOpen && \n \n \n \n \n {items.map((item, index) => {item.text})}\n \n }\n \n ;\n}'}};var Dropdown_stories_itemWithSelection=function itemWithSelection(args){var _useBooleanState44=Dropdown_stories_slicedToArray(Object(useBooleanState.a)(!0),3),isOpen=_useBooleanState44[0],open=_useBooleanState44[1],close=_useBooleanState44[2],firstSelection=Object(useSelection.a)(),secondSelection=Object(useSelection.a)(),thirdSelection=Object(useSelection.a)(),fourthSelection=Object(useSelection.a)();return Object(esm.b)(PreviewGallery.k,{height:200},Object(esm.b)(Dropdown.a,null,Object(esm.b)(Button.a,{onClick:open},"Selectable ",Object(esm.b)(ArrowDownIcon.a,null)),isOpen&&Object(esm.b)(Dropdown.a.Overlay,{verticalPosition:"down",onClose:close},Object(esm.b)(Dropdown.a.Header,null,Object(esm.b)(Dropdown.a.Title,null,"Elements")),Object(esm.b)(Dropdown.a.ItemCollection,null,Object(esm.b)(Dropdown.a.Item,null,Object(esm.b)(Checkbox.a,firstSelection)," Item 1"),Object(esm.b)(Dropdown.a.Item,null,Object(esm.b)(Checkbox.a,secondSelection)," Item 2"),Object(esm.b)(Dropdown.a.Item,{disabled:!0},Object(esm.b)(Checkbox.a,thirdSelection)," Item 3"),Object(esm.b)(Dropdown.a.Item,null,Object(esm.b)(Checkbox.a,fourthSelection)," Item 4")))))};Dropdown_stories_itemWithSelection.displayName="itemWithSelection",Dropdown_stories_itemWithSelection.storyName="Item with selection",Dropdown_stories_itemWithSelection.parameters={storySource:{source:'args => {\n const [isOpen, open, close] = useBooleanState(true);\n const firstSelection = useSelection();\n const secondSelection = useSelection();\n const thirdSelection = useSelection();\n const fourthSelection = useSelection();\n return \n \n \n {isOpen && \n \n Elements\n \n \n \n Item 1\n \n \n Item 2\n \n \n Item 3\n \n \n Item 4\n \n \n }\n \n ;\n}'}};var Dropdown_stories_withSection=function withSection(args){var _useBooleanState46=Dropdown_stories_slicedToArray(Object(useBooleanState.a)(!0),3),isOpen=_useBooleanState46[0],open=_useBooleanState46[1],close=_useBooleanState46[2];return Object(esm.b)(PreviewGallery.k,{height:200},Object(esm.b)(Dropdown.a,null,Object(esm.b)(Button.a,{onClick:open},"With section ",Object(esm.b)(ArrowDownIcon.a,null)),isOpen&&Object(esm.b)(Dropdown.a.Overlay,{verticalPosition:"down",onClose:close},Object(esm.b)(Dropdown.a.Header,null,Object(esm.b)(Dropdown.a.Title,null,"Elements")),Object(esm.b)(Dropdown.a.ItemCollection,null,Object(esm.b)(Dropdown.a.Section,null,"Section 1"),Object(esm.b)(Dropdown.a.Item,null,"Item 1"),Object(esm.b)(Dropdown.a.Item,null,"Item 2"),Object(esm.b)(Dropdown.a.Section,null,"Section 2"),Object(esm.b)(Dropdown.a.Item,null,"Item 3"),Object(esm.b)(Dropdown.a.Item,null,"Item 4")))))};Dropdown_stories_withSection.displayName="withSection",Dropdown_stories_withSection.storyName="With section",Dropdown_stories_withSection.parameters={storySource:{source:'args => {\n const [isOpen, open, close] = useBooleanState(true);\n return \n \n \n {isOpen && \n \n Elements\n \n \n Section 1\n Item 1\n Item 2\n Section 2\n Item 3\n Item 4\n \n }\n \n ;\n}'}};var Dropdown_stories_itemWithImage=function itemWithImage(args){var _useBooleanState48=Dropdown_stories_slicedToArray(Object(useBooleanState.a)(!0),3),isOpen=_useBooleanState48[0],open=_useBooleanState48[1],close=_useBooleanState48[2];return Object(esm.b)(PreviewGallery.k,{height:250},Object(esm.b)(Dropdown.a,null,Object(esm.b)(Button.a,{onClick:open},"With image ",Object(esm.b)(ArrowDownIcon.a,null)),isOpen&&Object(esm.b)(Dropdown.a.Overlay,{verticalPosition:"down",onClose:close},Object(esm.b)(Dropdown.a.Header,null,Object(esm.b)(Dropdown.a.Title,null,"Elements")),Object(esm.b)(Dropdown.a.ItemCollection,null,Object(esm.b)(Dropdown.a.Item,null,Object(esm.b)(Image.a,{src:"https://picsum.photos/seed/akeneo/200/140",alt:"The alt"}),"Item 1",Object(esm.b)(Badge.a,null,"100%")),Object(esm.b)(Dropdown.a.Item,{disabled:!0},Object(esm.b)(Image.a,{src:"https://picsum.photos/seed/akenep/200/140",alt:"The alt"}),"Item 2",Object(esm.b)(Badge.a,{level:"danger"},"8%")),Object(esm.b)(Dropdown.a.Item,{disabled:!0},Object(esm.b)(Image.a,{src:"https://picsum.photos/seed/akeneq/200/140",alt:"The alt"}),"A very long item Name that will be truncated",Object(esm.b)(Badge.a,null,"100%")),Object(esm.b)(Dropdown.a.Item,null,Object(esm.b)(Image.a,{src:"https://picsum.photos/seed/akener/200/140",alt:"The alt"}),Object(esm.b)(Link.a,{target:"_blank",href:"https://www.youtube.com/watch?v=dQw4w9WgXcQ"},"Item 4"),Object(esm.b)(Badge.a,null,"100%"))))))};Dropdown_stories_itemWithImage.displayName="itemWithImage",Dropdown_stories_itemWithImage.storyName="Item with image",Dropdown_stories_itemWithImage.parameters={storySource:{source:'args => {\n const [isOpen, open, close] = useBooleanState(true);\n return \n \n \n {isOpen && \n \n Elements\n \n \n \n The alt\n Item 1100%\n \n \n The alt\n Item 28%\n \n \n The altA very long item Name that\n will be truncated\n 100%\n \n \n The alt\n \n Item 4\n \n 100%\n \n \n }\n \n ;\n}'}};var Dropdown_stories_surtitleItem=function surtitleItem(args){var _useBooleanState50=Dropdown_stories_slicedToArray(Object(useBooleanState.a)(!0),3),isOpen=_useBooleanState50[0],open=_useBooleanState50[1],close=_useBooleanState50[2];return Object(esm.b)(PreviewGallery.k,{height:250},Object(esm.b)(Dropdown.a,{size:"big"},Object(esm.b)(Button.a,{onClick:open},"With Surtitle ",Object(esm.b)(ArrowDownIcon.a,null)),isOpen&&Object(esm.b)(Dropdown.a.Overlay,{verticalPosition:"down",onClose:close},Object(esm.b)(Dropdown.a.Header,null,Object(esm.b)(Dropdown.a.Title,null,"Elements")),Object(esm.b)(Dropdown.a.ItemCollection,null,Object(esm.b)(Dropdown.a.Item,{title:"Item 1"},Object(esm.b)(Image.a,{src:"https://picsum.photos/seed/akeneo/200/140",alt:"The alt"}),Object(esm.b)(Dropdown.a.Surtitle,{label:"Item 1 Annotation"},"Item 1"),Object(esm.b)(Badge.a,null,"100%"),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(LinkIcon.a,null),ghost:"borderless",level:"tertiary"})),Object(esm.b)(Dropdown.a.Item,{title:"Item 2"},Object(esm.b)(Image.a,{src:"https://picsum.photos/seed/akenep/200/140",alt:"The alt"}),Object(esm.b)(Dropdown.a.Surtitle,{label:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."},"Item 2"),Object(esm.b)(Badge.a,{level:"danger"},"50%"),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(LinkIcon.a,null),ghost:"borderless",level:"tertiary"})),Object(esm.b)(Dropdown.a.Item,{title:"Item 3"},Object(esm.b)(Image.a,{src:"https://picsum.photos/seed/akeneq/200/140",alt:"The alt"}),Object(esm.b)(Dropdown.a.Surtitle,{label:"Item 3 Annotation"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),Object(esm.b)(Badge.a,{level:"warning"},"80%"),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(LinkIcon.a,null),ghost:"borderless",level:"tertiary"}))))))};Dropdown_stories_surtitleItem.displayName="surtitleItem",Dropdown_stories_surtitleItem.storyName="Surtitle Item",Dropdown_stories_surtitleItem.parameters={storySource:{source:'args => {\n const [isOpen, open, close] = useBooleanState(true);\n return \n \n \n {isOpen && \n \n Elements\n \n \n \n The alt\n Item 1\n 100%\n } ghost="borderless" level="tertiary" />\n \n \n The alt\n \n Item 2\n \n 50%\n } ghost="borderless" level="tertiary" />\n \n \n The alt\n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut\n labore et dolore magna aliqua.\n \n 80%\n } ghost="borderless" level="tertiary" />\n \n \n }\n \n ;\n}'}};var Dropdown_stories_fullWidth=function fullWidth(args){var _useBooleanState52=Dropdown_stories_slicedToArray(Object(useBooleanState.a)(!0),3),isOpen=_useBooleanState52[0],open=_useBooleanState52[1],close=_useBooleanState52[2];return Object(esm.b)(PreviewGallery.k,{height:290},Object(esm.b)(Dropdown.a,null,Object(esm.b)(Button.a,{onClick:open},"Simple ",Object(esm.b)(ArrowDownIcon.a,null)),isOpen&&Object(esm.b)(Dropdown.a.Overlay,{verticalPosition:"down",onClose:close,fullWidth:!0},Object(esm.b)(Dropdown.a.Header,null,Object(esm.b)(Dropdown.a.Title,null,"Elements")),Object(esm.b)(Dropdown.a.ItemCollection,null,Object(esm.b)(Dropdown.a.Item,null,"First item"),Object(esm.b)(Dropdown.a.Item,{isActive:!0},"Active item"),Object(esm.b)(Dropdown.a.Item,{onClick:Object(addon_actions_dist_esm.action)("Clicked")},"A very long item"),Object(esm.b)(Dropdown.a.Item,{onClick:Object(addon_actions_dist_esm.action)("Clicked"),disabled:!0},"This one is disabled"),Object(esm.b)(Dropdown.a.Item,null,Object(esm.b)(Link.a,{target:"_blank",href:"https://www.youtube.com/watch?v=dQw4w9WgXcQ"},"Item with a link")),Object(esm.b)(Dropdown.a.Item,{disabled:!0},Object(esm.b)(Link.a,{href:"https://www.youtube.com/watch?v=dQw4w9WgXcQ"},"Disabled link"))))))};Dropdown_stories_fullWidth.displayName="fullWidth",Dropdown_stories_fullWidth.storyName="Full Width",Dropdown_stories_fullWidth.parameters={storySource:{source:'args => {\n const [isOpen, open, close] = useBooleanState(true);\n return \n \n \n {isOpen && \n \n Elements\n \n \n First item\n Active item\n A very long item\n \n This one is disabled\n \n \n \n Item with a link\n \n \n \n Disabled link\n \n \n }\n \n ;\n}'}};var componentMeta={title:"Components/Dropdown",parameters:{docs:{inlineStories:!1}},component:Dropdown.a,subcomponents:{"Dropdown.Header":Dropdown.a.Header,"Dropdown.Title":Dropdown.a.Title,"Dropdown.Overlay":Dropdown.a.Overlay,"Dropdown.ItemCollection":Dropdown.a.ItemCollection,"Dropdown.Item":Dropdown.a.Item},includeStories:["standard","simpleItem","noResult","position","searchPagination","itemWithSelection","withSection","itemWithImage","surtitleItem","fullWidth"]},mdxStoryNameToKey={Standard:"standard","Simple Item":"simpleItem","No result":"noResult",Position:"position","Search & pagination":"searchPagination","Item with selection":"itemWithSelection","With section":"withSection","Item with image":"itemWithImage","Surtitle Item":"surtitleItem","Full Width":"fullWidth"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Dropdown/Dropdown.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Dropdown_Dropdown}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),react_dom=(__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/react-dom/index.js")),key=__webpack_require__("./src/shared/key.ts"),usePosition=__webpack_require__("./src/hooks/usePosition.ts"),useShortcut=__webpack_require__("./src/hooks/useShortcut.ts"),useWindowResize=__webpack_require__("./src/hooks/useWindowResize.ts"),theme=__webpack_require__("./src/theme/theme.ts"),common=__webpack_require__("./src/theme/common.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["verticalPosition","horizontalPosition","dropdownOpenerVisible","fullWidth","parentRef","onClose","children"];function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _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 _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);eelementRect.height;return top=exceedsScreen?parentRect.bottom-elementRect.height+2:top,[top=exceedsScreen&&dropdownOpenerVisible?parentRect.top-elementRect.height:top,"left"===horizontalPosition?parentRect.right-elementRect.width:parentRect.left]}(overlayVerticalPosition,overlayHorizontalPosition,dropdownOpenerVisible,parentRef,overlayRef))}),[children,overlayVerticalPosition,overlayHorizontalPosition,parentRef,overlayRef,dropdownOpenerVisible]);var _overlayPosition=_slicedToArray(overlayPosition,2),top=_overlayPosition[0],left=_overlayPosition[1],parentWidth=null!==(_parentRef$current$ge=null==parentRef||null===(_parentRef$current=parentRef.current)||void 0===_parentRef$current||null===(_parentRef$current$ge2=_parentRef$current.getBoundingClientRect())||void 0===_parentRef$current$ge2?void 0:_parentRef$current$ge2.width)&&void 0!==_parentRef$current$ge?_parentRef$current$ge:null;return Object(react_dom.createPortal)(Object(jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[Object(jsx_runtime.jsx)(Backdrop,{"data-testid":"backdrop",onClick:onClose}),Object(jsx_runtime.jsx)(Container,Object.assign({ref:overlayRef,visible:visible,top:top,left:left,fixedWidth:fullWidth?parentWidth:null},rest,{children:children}))]}),portalRef.current)};Overlay_Overlay.displayName="Overlay";try{Overlay_Overlay.displayName="Overlay",Overlay_Overlay.__docgenInfo={description:"",displayName:"Overlay",props:{verticalPosition:{defaultValue:null,description:"Vertical position of the overlay (forced).",name:"verticalPosition",required:!1,type:{name:"enum",value:[{value:'"up"'},{value:'"down"'}]}},horizontalPosition:{defaultValue:null,description:"Horizontal position of the overlay (forced)",name:"horizontalPosition",required:!1,type:{name:"enum",value:[{value:'"left"'},{value:'"right"'}]}},dropdownOpenerVisible:{defaultValue:{value:"false"},description:"When dropdown is open, it will keep the opener element displayed.",name:"dropdownOpenerVisible",required:!1,type:{name:"boolean"}},fullWidth:{defaultValue:{value:"false"},description:"When dropdown is open, it will take the full width of parent element.",name:"fullWidth",required:!1,type:{name:"boolean"}},onClose:{defaultValue:null,description:"What to do on overlay closing.",name:"onClose",required:!0,type:{name:"() => void"}},parentRef:{defaultValue:null,description:"@private",name:"parentRef",required:!1,type:{name:"RefObject"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Dropdown/Overlay/Overlay.tsx#Overlay"]={docgenInfo:Overlay_Overlay.__docgenInfo,name:"Overlay",path:"src/components/Dropdown/Overlay/Overlay.tsx#Overlay"})}catch(__react_docgen_typescript_loader_error){}var Surtitle_templateObject,Surtitle_templateObject2,Surtitle_templateObject3,Image=__webpack_require__("./src/components/Image/Image.tsx"),Checkbox=__webpack_require__("./src/components/Checkbox/Checkbox.tsx"),Link=__webpack_require__("./src/components/Link/Link.tsx"),LockIcon=__webpack_require__("./src/icons/LockIcon.tsx"),Surtitle_excluded=["label","children"];function Surtitle_taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var ItemLabel=styled_components_browser_esm.default.span(Surtitle_templateObject||(Surtitle_templateObject=Surtitle_taggedTemplateLiteralLoose(["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n flex: 1;\n"]))),SurtitleContainer=styled_components_browser_esm.default.div(Surtitle_templateObject2||(Surtitle_templateObject2=Surtitle_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n flex-grow: 1;\n line-height: normal;\n overflow: hidden;\n"]))),Title=styled_components_browser_esm.default.span(Surtitle_templateObject3||(Surtitle_templateObject3=Surtitle_taggedTemplateLiteralLoose(["\n color: ",";\n font-size: 10px;\n overflow: hidden;\n text-overflow: ellipsis;\n"])),Object(theme.a)("grey",100)),Surtitle_Surtitle=function Surtitle(_ref){var label=_ref.label,children=_ref.children,rest=function Surtitle_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function Surtitle_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r void) | RefObject | null"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Dropdown/Item/Item.tsx#ItemLabel"]={docgenInfo:Item_ItemLabel.__docgenInfo,name:"ItemLabel",path:"src/components/Dropdown/Item/Item.tsx#ItemLabel"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/es.array.filter.js");var ItemCollection_templateObject,ItemCollection_templateObject2,useAutoFocus=__webpack_require__("./src/hooks/useAutoFocus.ts"),usePagination=(__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./src/hooks/usePagination.ts")),Placeholder=__webpack_require__("./src/components/Placeholder/Placeholder.tsx"),ItemCollection_excluded=["children","onNextPage","noResultTitle","noResultIllustration"];function ItemCollection_taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var Header_templateObject,ItemCollectionContainer=styled_components_browser_esm.default.div(ItemCollection_templateObject||(ItemCollection_templateObject=ItemCollection_taggedTemplateLiteralLoose(["\n max-height: 320px;\n overflow-y: auto;\n overflow-x: hidden;\n"]))),NoResultPlaceholderContainer=Object(styled_components_browser_esm.default)(Placeholder.a)(ItemCollection_templateObject2||(ItemCollection_templateObject2=ItemCollection_taggedTemplateLiteralLoose(["\n margin: 10px 10px 20px 10px;\n & > div {\n font-size: ",";\n }\n"])),Object(theme.e)("default")),ItemCollection=react_default.a.forwardRef((function(_ref,forwardedRef){var children=_ref.children,onNextPage=_ref.onNextPage,noResultTitle=_ref.noResultTitle,noResultIllustration=_ref.noResultIllustration,rest=function ItemCollection_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ItemCollection_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r void)"}},children:{defaultValue:null,description:"The list of items.",name:"children",required:!1,type:{name:"ReactNode"}},noResultIllustration:{defaultValue:null,description:"The illustration displayed when no result was found.",name:"noResultIllustration",required:!1,type:{name:"ReactElement>"}},noResultTitle:{defaultValue:null,description:"The text displayed when no result was found.",name:"noResultTitle",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Dropdown/ItemCollection/ItemCollection.tsx#ItemCollection"]={docgenInfo:ItemCollection.__docgenInfo,name:"ItemCollection",path:"src/components/Dropdown/ItemCollection/ItemCollection.tsx#ItemCollection"})}catch(__react_docgen_typescript_loader_error){}var Title_templateObject,HeaderContainer=styled_components_browser_esm.default.div(Header_templateObject||(Header_templateObject=function Header_taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}(["\n box-sizing: border-box;\n border-bottom: 1px solid ",";\n height: 34px;\n line-height: 34px;\n margin: 0 20px 10px 20px;\n display: flex;\n justify-content: space-between;\n gap: 20px;\n & > * {\n flex-grow: 1;\n }\n"])),Object(theme.a)("brand",100)),Header=react_default.a.forwardRef((function(_ref,forwardedRef){var children=_ref.children;return Object(jsx_runtime.jsx)(HeaderContainer,{ref:forwardedRef,children:children})}));try{Header.displayName="Header",Header.__docgenInfo={description:"",displayName:"Header",props:{children:{defaultValue:null,description:"The content of the header.",name:"children",required:!0,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Dropdown/Header/Header.tsx#Header"]={docgenInfo:Header.__docgenInfo,name:"Header",path:"src/components/Dropdown/Header/Header.tsx#Header"})}catch(__react_docgen_typescript_loader_error){}var TitleContainer=styled_components_browser_esm.default.div(Title_templateObject||(Title_templateObject=function Title_taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}(["\n font-size: ",";\n text-transform: uppercase;\n color: ",";\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"])),Object(theme.e)("small"),Object(theme.a)("brand",100)),Title_Title=react_default.a.forwardRef((function(_ref,forwardedRef){var children=_ref.children;return Object(jsx_runtime.jsx)(TitleContainer,{ref:forwardedRef,children:children})}));try{Title_Title.displayName="Title",Title_Title.__docgenInfo={description:"",displayName:"Title",props:{children:{defaultValue:null,description:"The title of the dropdown.",name:"children",required:!0,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Dropdown/Header/Title.tsx#Title"]={docgenInfo:Title_Title.__docgenInfo,name:"Title",path:"src/components/Dropdown/Header/Title.tsx#Title"})}catch(__react_docgen_typescript_loader_error){}var Dropdown_templateObject,Dropdown_templateObject2,Dropdown_excluded=["children"];function Dropdown_taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var Section=styled_components_browser_esm.default.div(Dropdown_templateObject||(Dropdown_templateObject=Dropdown_taggedTemplateLiteralLoose(["\n background: ",";\n color: ",";\n height: 34px;\n line-height: 34px;\n padding: 0 20px;\n outline-style: none;\n white-space: nowrap;\n text-transform: uppercase;\n margin-top: 10px;\n"])),Object(theme.a)("white"),Object(theme.a)("grey",100)),DropdownContainer=styled_components_browser_esm.default.div(Dropdown_templateObject2||(Dropdown_templateObject2=Dropdown_taggedTemplateLiteralLoose(["\n position: relative;\n display: inline-flex;\n"]))),Dropdown_Dropdown=function Dropdown(_ref){var children=_ref.children,rest=function Dropdown_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function Dropdown_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;rr.length)&&(a=r.length);for(var e=0,n=Array(a);e {\n return \n \n ;\n}'}};var completeness=function completeness(args){var _useState4=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_15__.useState)(""),2),value=_useState4[0],setValue=_useState4[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Field_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{incomplete:!0}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_19__.a,{placeholder:"This field is required for completeness",value:value,onChange:function handleChange(newValue){return setValue(newValue)},characterLeftLabel:250-value.length+" characters left"}))};completeness.displayName="completeness",completeness.storyName="Completeness",completeness.parameters={storySource:{source:"args => {\n const [value, setValue] = useState('');\n const handleChange = newValue => setValue(newValue);\n return \n \n ;\n}"}};var channelAndLocale=function channelAndLocale(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Field_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{channel:"ecommerce"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_19__.a,{placeholder:"Type your text here"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Field_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{locale:"en_US"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_19__.a,{placeholder:"Type your text here"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Field_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{channel:"mobile",locale:"fr_FR"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_19__.a,{placeholder:"Type your text here"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Field_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{label:"私のフィールドラベル",channel:"モバイル",locale:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_20__.a,{code:"jp_JP",languageLabel:"日本人"})}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_19__.a,{placeholder:"ここにテキストを入力してください"})))};channelAndLocale.storyName="Channel and Locale",channelAndLocale.parameters={storySource:{source:'args => {\n return <>\n \n \n \n \n \n \n \n \n \n }>\n \n \n ;\n}'}};var helpers=function helpers(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Field_tsx__WEBPACK_IMPORTED_MODULE_18__.a,args,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_19__.a,{placeholder:"Type your text here"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{level:"info"},"This is just an info. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_22__.a,{href:"https://www.youtube.com/watch?v=dQw4w9WgXcQ"},"Don't click here"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Field_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{label:"Another one"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_19__.a,{invalid:!0,placeholder:"Type your text here"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{level:"error"},"But this is an error. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_22__.a,{href:"https://www.youtube.com/watch?v=dQw4w9WgXcQ"},"Link"))))};helpers.storyName="Helpers",helpers.parameters={storySource:{source:'args => {\n return <>\n \n \n \n This is just an info. Don\'t click here\n \n \n \n \n \n But this is an error. Link\n \n \n ;\n}'}};var actions=function actions(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Field_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({channel:"mobile",locale:"fr_FR",actions:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{level:"primary",size:"small",ghost:!0,onClick:function onClick(){}},"Create"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{level:"danger",size:"small",ghost:!0,onClick:function onClick(){}},"Delete"))},args),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_19__.a,{placeholder:"Type your text here"})))};actions.storyName="Actions",actions.parameters={storySource:{source:'args => {\n return <>\n \n \n \n } {...args}>\n \n \n ;\n}'}};var fullWidth=function fullWidth(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Field_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{fullWidth:!0}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_19__.a,{placeholder:"This field takes the full width of the parent container",value:"",onChange:function onChange(){},characterLeftLabel:"250 characters left"}))};fullWidth.displayName="fullWidth",fullWidth.storyName="Full width",fullWidth.parameters={storySource:{source:'args => {\n return \n {}} characterLeftLabel="250 characters left" />\n ;\n}'}};var block=function block(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_Field_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{fullWidth:!0}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{title:"My label",actions:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{ghost:!0,level:"danger",onClick:function onClick(){},size:"small"},"Button"))}))};block.displayName="block",block.storyName="Block",block.parameters={storySource:{source:'args => {\n return \n } />\n ;\n}'}};var componentMeta={title:"Components/Field",component:_Field_tsx__WEBPACK_IMPORTED_MODULE_18__.a,args:{label:"My field label"},argTypes:{children:{table:{type:{summary:["Helper[]","Input"]}}},locale:{table:{type:{summary:["string","Locale"]}},type:"string"}},includeStories:["standard","completeness","channelAndLocale","helpers","actions","fullWidth","block"]},mdxStoryNameToKey={Standard:"standard",Completeness:"completeness","Channel and Locale":"channelAndLocale",Helpers:"helpers",Actions:"actions","Full width":"fullWidth",Block:"block"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Field/Field.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Field}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_6__),styled_components__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_Helper_Helper__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/Helper/Helper.tsx"),_Locale_Locale__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/components/Locale/Locale.tsx"),_Pill_Pill__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/components/Pill/Pill.tsx"),_Block_Block__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/components/Block/Block.tsx"),_hooks_useId__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/hooks/useId.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["label","locale","channel","incomplete","fullWidth","requiredLabel","children","actions"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var FieldContainer=styled_components__WEBPACK_IMPORTED_MODULE_7__.default.div(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n max-width: ",";\n"])),(function(_ref){return _ref.fullWidth?"100%":"460px"})),LabelContainer=styled_components__WEBPACK_IMPORTED_MODULE_7__.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n line-height: 16px;\n margin-bottom: 8px;\n gap: 5px;\n"]))),Label=styled_components__WEBPACK_IMPORTED_MODULE_7__.default.label(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n flex: 1;\n"]))),Channel=styled_components__WEBPACK_IMPORTED_MODULE_7__.default.span(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n text-transform: capitalize;\n"]))),HelperContainer=styled_components__WEBPACK_IMPORTED_MODULE_7__.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n margin-top: 5px;\n max-width: 460px;\n"]))),Field=react__WEBPACK_IMPORTED_MODULE_6___default.a.forwardRef((function(_ref2,forwardedRef){var label=_ref2.label,locale=_ref2.locale,channel=_ref2.channel,_ref2$incomplete=_ref2.incomplete,incomplete=void 0!==_ref2$incomplete&&_ref2$incomplete,_ref2$fullWidth=_ref2.fullWidth,fullWidth=void 0!==_ref2$fullWidth&&_ref2$fullWidth,requiredLabel=_ref2.requiredLabel,children=_ref2.children,actions=_ref2.actions,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r> | null"}},channel:{defaultValue:null,description:"The channel of the field.",name:"channel",required:!1,type:{name:"string | null"}},requiredLabel:{defaultValue:null,description:"The required label to display when field is required within the form.",name:"requiredLabel",required:!1,type:{name:"string"}},fullWidth:{defaultValue:{value:"false"},description:"Should the field input take the full width of the parent container.",name:"fullWidth",required:!1,type:{name:"boolean"}},children:{defaultValue:null,description:"Children of the Field, can only be an Input or Helpers, other children will not be displayed.",name:"children",required:!1,type:{name:"FieldChild"}},actions:{defaultValue:null,description:"Adds actions for this field.",name:"actions",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Field/Field.tsx#Field"]={docgenInfo:Field.__docgenInfo,name:"Field",path:"src/components/Field/Field.tsx#Field"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Helper/Helper.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"composition",(function(){return composition})),__webpack_require__.d(__webpack_exports__,"level",(function(){return level})),__webpack_require__.d(__webpack_exports__,"inline",(function(){return inline})),__webpack_require__.d(__webpack_exports__,"sticky",(function(){return sticky})),__webpack_require__.d(__webpack_exports__,"customIcon",(function(){return customIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_17___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_17__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_Helper__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/components/Helper/Helper.tsx"),_Link_Link__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./src/components/Link/Link.tsx"),_icons__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./src/icons/index.ts"),_icons__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./src/icons/BrokenLinkIcon.tsx"),_icons__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./src/icons/MegaphoneIcon.tsx"),_icons__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("./src/icons/UnviewIcon.tsx"),_icons__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__("./src/icons/MailIcon.tsx"),_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_27__=__webpack_require__("./src/storybook/PreviewGallery.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;er.length)&&(a=r.length);for(var e=0,n=Array(a);e"}}}},args:{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",level:"info",icon:void 0},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h1",{id:"helper"},"Helper"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h2",{id:"usage"},"Usage"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("p",null,"Allows to help the user by pushing contextual information."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h2",{id:"general-guidance"},"General guidance"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("p",null,"It informs the user about :"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("ul",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("li",{parentName:"ul"},"The features of the section."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("li",{parentName:"ul"},"The information expected in the field."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("li",{parentName:"ul"},"An alert on the information filled in by the user."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("li",{parentName:"ul"},"An error related to the information filled in by the user.")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h2",{id:"playground"},"Playground"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("p",null,"Use this playground to test the helper component"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.e,{name:"Standard",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{icon:void 0===_icons__WEBPACK_IMPORTED_MODULE_22__[args.icon]?void 0:react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_icons__WEBPACK_IMPORTED_MODULE_22__[args.icon]),mdxType:"Helper"}))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.b,{story:"Standard",mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h2",{id:"composition"},"Composition"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("p",null,"When more information can be found in another page, Helper is combined with Link component."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.e,{name:"Composition",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,{level:"info",mdxType:"Helper"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus.Suspendisse lectus tortor,\ndignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam.\nMaecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi,\nnon fermentum diam nisl sit amet erat. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Link_Link__WEBPACK_IMPORTED_MODULE_21__.a,{target:"_blank",href:"https://www.akeneo.com/",mdxType:"Link"},"Link to related lorem ipsum"))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h2",{id:"variation-on-level"},"Variation on level"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.e,{name:"Level",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{level:"info",mdxType:"Helper"}),"You might need to read this. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Link_Link__WEBPACK_IMPORTED_MODULE_21__.a,{href:"#",mdxType:"Link"},"Link")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{level:"warning",mdxType:"Helper"}),"There is a warning. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Link_Link__WEBPACK_IMPORTED_MODULE_21__.a,{href:"#",mdxType:"Link"},"Link")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{level:"error",mdxType:"Helper"}),"There is an error. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Link_Link__WEBPACK_IMPORTED_MODULE_21__.a,{href:"#",mdxType:"Link"},"Link")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{level:"success",mdxType:"Helper"}),"There is a success. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Link_Link__WEBPACK_IMPORTED_MODULE_21__.a,{href:"#",mdxType:"Link"},"Link")))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h2",{id:"inline"},"Inline"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.e,{name:"Inline",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{inline:!0,level:"info",mdxType:"Helper"}),"You might need to read this. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Link_Link__WEBPACK_IMPORTED_MODULE_21__.a,{href:"#",mdxType:"Link"},"Link")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{inline:!0,level:"warning",mdxType:"Helper"}),"There is a warning. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Link_Link__WEBPACK_IMPORTED_MODULE_21__.a,{href:"#",mdxType:"Link"},"Link")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{inline:!0,level:"error",mdxType:"Helper"}),"There is an error. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Link_Link__WEBPACK_IMPORTED_MODULE_21__.a,{href:"#",mdxType:"Link"},"Link")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{inline:!0,level:"success",mdxType:"Helper"}),"There is a success. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Link_Link__WEBPACK_IMPORTED_MODULE_21__.a,{href:"#",mdxType:"Link"},"Link")))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h2",{id:"sticky"},"Sticky"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.e,{name:"Sticky",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_27__.h,{height:300,mdxType:"Scrollable"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,{level:"warning",sticky:0,mdxType:"Helper"},"This is a sticky helper."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_27__.a,{height:500,mdxType:"Content"},"Some content"))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h2",{id:"with-custom-icon"},"With custom Icon"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.e,{name:"Custom Icon",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{level:"info",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_icons__WEBPACK_IMPORTED_MODULE_23__.a,null),mdxType:"Helper"}),"Info"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{level:"warning",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_icons__WEBPACK_IMPORTED_MODULE_24__.a,null),mdxType:"Helper"}),"Warning"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{level:"error",inline:!0,icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_icons__WEBPACK_IMPORTED_MODULE_25__.a,null),mdxType:"Helper"}),"Error level and inline"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{level:"success",inline:!0,icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_icons__WEBPACK_IMPORTED_MODULE_26__.a,null),mdxType:"Helper"}),"Success level and inline"))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h2",{id:"related-components"},"Related components"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("ul",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("li",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(LinkTo,{kind:"Components/Information",story:"Standard",mdxType:"LinkTo"},"Information")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("li",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(LinkTo,{kind:"Components/Link",story:"Standard",mdxType:"LinkTo"},"Link"))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var standard=function standard(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{icon:void 0===_icons__WEBPACK_IMPORTED_MODULE_22__[args.icon]?void 0:react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_icons__WEBPACK_IMPORTED_MODULE_22__[args.icon])}))};standard.displayName="standard",standard.storyName="Standard",standard.parameters={storySource:{source:"args => {\n return ;\n}"}};var composition=function composition(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,{level:"info"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus.Suspendisse lectus tortor,\ndignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam.\nMaecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi,\nnon fermentum diam nisl sit amet erat. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Link_Link__WEBPACK_IMPORTED_MODULE_21__.a,{target:"_blank",href:"https://www.akeneo.com/"},"Link to related lorem ipsum"))};composition.displayName="composition",composition.storyName="Composition",composition.parameters={storySource:{source:'args => {\n return \n {`Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus.Suspendisse lectus tortor,\ndignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam.\nMaecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi,\nnon fermentum diam nisl sit amet erat. `}\n \n Link to related lorem ipsum\n \n ;\n}'}};var level=function level(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{level:"info"}),"You might need to read this. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Link_Link__WEBPACK_IMPORTED_MODULE_21__.a,{href:"#"},"Link")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{level:"warning"}),"There is a warning. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Link_Link__WEBPACK_IMPORTED_MODULE_21__.a,{href:"#"},"Link")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{level:"error"}),"There is an error. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Link_Link__WEBPACK_IMPORTED_MODULE_21__.a,{href:"#"},"Link")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{level:"success"}),"There is a success. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Link_Link__WEBPACK_IMPORTED_MODULE_21__.a,{href:"#"},"Link")))};level.storyName="Level",level.parameters={storySource:{source:'args => {\n return <>\n \n You might need to read this. Link\n \n \n There is a warning. Link\n \n \n There is an error. Link\n \n \n There is a success. Link\n \n ;\n}'}};var inline=function inline(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{inline:!0,level:"info"}),"You might need to read this. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Link_Link__WEBPACK_IMPORTED_MODULE_21__.a,{href:"#"},"Link")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{inline:!0,level:"warning"}),"There is a warning. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Link_Link__WEBPACK_IMPORTED_MODULE_21__.a,{href:"#"},"Link")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{inline:!0,level:"error"}),"There is an error. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Link_Link__WEBPACK_IMPORTED_MODULE_21__.a,{href:"#"},"Link")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{inline:!0,level:"success"}),"There is a success. ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Link_Link__WEBPACK_IMPORTED_MODULE_21__.a,{href:"#"},"Link")))};inline.storyName="Inline",inline.parameters={storySource:{source:'args => {\n return <>\n \n You might need to read this. Link\n \n \n There is a warning. Link\n \n \n There is an error. Link\n \n \n There is a success. Link\n \n ;\n}'}};var sticky=function sticky(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_27__.h,{height:300},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,{level:"warning",sticky:0},"This is a sticky helper."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_27__.a,{height:500},"Some content"))};sticky.displayName="sticky",sticky.storyName="Sticky",sticky.parameters={storySource:{source:'args => {\n return \n \n This is a sticky helper.\n \n Some content\n ;\n}'}};var customIcon=function customIcon(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{level:"info",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_icons__WEBPACK_IMPORTED_MODULE_23__.a,null)}),"Info"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{level:"warning",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_icons__WEBPACK_IMPORTED_MODULE_24__.a,null)}),"Warning"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{level:"error",inline:!0,icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_icons__WEBPACK_IMPORTED_MODULE_25__.a,null)}),"Error level and inline"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Helper__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{level:"success",inline:!0,icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_icons__WEBPACK_IMPORTED_MODULE_26__.a,null)}),"Success level and inline"))};customIcon.storyName="Custom Icon",customIcon.parameters={storySource:{source:'args => {\n return <>\n }>\n Info\n \n }>\n Warning\n \n }>\n Error level and inline\n \n }>\n Success level and inline\n \n ;\n}'}};var componentMeta={title:"Components/Helper",component:_Helper__WEBPACK_IMPORTED_MODULE_20__.a,args:{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",level:"info",icon:void 0},argTypes:{children:{control:{type:"text"}},icon:{control:{type:"select"},options:[void 0].concat(_toConsumableArray(Object.keys(_icons__WEBPACK_IMPORTED_MODULE_22__))),table:{type:{summary:"ReactElement"}}}},includeStories:["standard","composition","level","inline","sticky","customIcon"]},mdxStoryNameToKey={Standard:"standard",Composition:"composition",Level:"level",Inline:"inline",Sticky:"sticky","Custom Icon":"customIcon"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Helper/Helper.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Helper}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__),styled_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_icons_CheckRoundIcon__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/icons/CheckRoundIcon.tsx"),_icons_DangerIcon__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/icons/DangerIcon.tsx"),_icons_InfoRoundIcon__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/icons/InfoRoundIcon.tsx"),_theme_theme__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/theme/theme.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["level","inline","icon","children"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var getIcon=function getIcon(level){switch(level){case"info":return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_icons_InfoRoundIcon__WEBPACK_IMPORTED_MODULE_9__.a,{});case"warning":case"error":return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_icons_DangerIcon__WEBPACK_IMPORTED_MODULE_8__.a,{});case"success":return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__.jsx)(_icons_CheckRoundIcon__WEBPACK_IMPORTED_MODULE_7__.a,{})}},Container=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n display: flex;\n font-weight: 400;\n padding-right: 20px;\n color: ",";\n\n ","\n\n ","\n"])),(function(props){return function getFontColor(level,inline){switch(level){case"info":return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("grey",120);case"warning":return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)(inline?"grey":"yellow",120);case"error":return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("red",inline?100:120);case"success":return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)(inline?"grey":"green",120)}}(props.$level,props.$inline)}),(function(props){return!props.$inline&&Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n min-height: 44px;\n background-color: ",";\n "])),function getBackgroundColor(level){switch(level){case"info":return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("blue",10);case"warning":return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("yellow",10);case"error":return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("red",10);case"success":return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("green",10)}}(props.$level))}),(function(_ref){var sticky=_ref.sticky;return void 0!==sticky&&Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n position: sticky;\n top: ","px;\n z-index: 1;\n "])),sticky)})),IconContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.span(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n height: ",";\n margin: ",";\n color: ",";\n"])),(function(_ref2){return _ref2.$inline?"16px":"20px"}),(function(_ref3){return _ref3.$inline?"2px 0":"12px 10px"}),(function(props){return function getIconColor(level,inline){switch(level){case"info":return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("blue",100);case"warning":return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("yellow",inline?100:120);case"error":return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("red",inline?100:120);case"success":return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("green",inline?100:120)}}(props.$level,props.$inline)})),TextContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n padding-left: ",";\n white-space: break-spaces;\n flex: 1;\n\n a {\n color: ",";\n }\n\n ","\n"])),(function(_ref4){return _ref4.$inline?"4px":"10px"}),(function(_ref5){return function getLinkColor(level,inline){switch(level){case"info":return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("blue",100);case"warning":return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("yellow",120);case"error":return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("red",inline?100:120);case"success":return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("green",inline?100:120)}}(_ref5.$level,_ref5.$inline)}),(function(_ref6){var $inline=_ref6.$inline,$level=_ref6.$level;return!$inline&&Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(["\n margin: 12px 0;\n border-left: 1px solid ",";\n "])),function getSeparatorColor(level){switch(level){case"info":return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("grey",80);case"warning":return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("yellow",120);case"error":return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("red",120);case"success":return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("green",120)}}($level))})),Helper=react__WEBPACK_IMPORTED_MODULE_5___default.a.forwardRef((function(_ref7,forwardedRef){var _ref7$level=_ref7.level,level=void 0===_ref7$level?"info":_ref7$level,_ref7$inline=_ref7.inline,inline=void 0!==_ref7$inline&&_ref7$inline,icon=_ref7.icon,children=_ref7.children,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r>"}},children:{defaultValue:null,description:"The content of the component.",name:"children",required:!0,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Helper/Helper.tsx#Helper"]={docgenInfo:Helper.__docgenInfo,name:"Helper",path:"src/components/Helper/Helper.tsx#Helper"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/IconButton/IconButton.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"level",(function(){return level})),__webpack_require__.d(__webpack_exports__,"ghost",(function(){return ghost})),__webpack_require__.d(__webpack_exports__,"disabled",(function(){return disabled})),__webpack_require__.d(__webpack_exports__,"size",(function(){return size})),__webpack_require__.d(__webpack_exports__,"link",(function(){return link}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_6__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_links_react__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/@storybook/addon-links/react.js"),_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/components/IconButton/IconButton.tsx"),_icons__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/icons/index.ts"),_icons__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/icons/CloseIcon.tsx"),_icons__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./src/icons/DeleteIcon.tsx"),_icons__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./src/icons/ViewIcon.tsx"),_icons__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./src/icons/EditIcon.tsx"),_icons__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./src/icons/LinkIcon.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e"}}},ghost:{control:{type:"select"},options:[!1,!0,"borderless"]},onClick:{action:"Click on the icon button"}},args:{icon:"ActivityIcon",title:"Icon Button"},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)("h1",{id:"icon-button"},"Icon button"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)("h2",{id:"usage"},"Usage"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)("p",null,"The IconButton component is useful when your only need is to have a clickable Icon."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)("h2",{id:"playground"},"Playground"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.e,{name:"Standard",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(_icons__WEBPACK_IMPORTED_MODULE_11__[args.icon]),mdxType:"IconButton"}))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.b,{story:"Standard",mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)("h2",{id:"variation-on-level"},"Variation on level"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.e,{name:"Level",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(react__WEBPACK_IMPORTED_MODULE_6___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_12__.a,null),level:"primary",mdxType:"IconButton"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_13__.a,null),level:"secondary",mdxType:"IconButton"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_14__.a,null),level:"tertiary",mdxType:"IconButton"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_15__.a,null),level:"warning",mdxType:"IconButton"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_16__.a,null),level:"danger",mdxType:"IconButton"})))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)("h2",{id:"variation-on-ghost--border"},"Variation on ghost & border"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.e,{name:"Ghost",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(react__WEBPACK_IMPORTED_MODULE_6___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_12__.a,null),ghost:!1,mdxType:"IconButton"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_13__.a,null),ghost:!0,mdxType:"IconButton"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_14__.a,null),ghost:"borderless",mdxType:"IconButton"})))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)("h2",{id:"variation-on-disabled"},"Variation on disabled"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.e,{name:"Disabled",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(react__WEBPACK_IMPORTED_MODULE_6___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_12__.a,null),disabled:!1,mdxType:"IconButton"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_13__.a,null),disabled:!0,mdxType:"IconButton"})))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)("h2",{id:"variation-on-size"},"Variation on size"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.e,{name:"Size",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(react__WEBPACK_IMPORTED_MODULE_6___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_12__.a,null),size:"default",mdxType:"IconButton"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_13__.a,null),size:"small",mdxType:"IconButton"})))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)("h2",{id:"usage-with-href-prop"},"Usage with ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)("inlineCode",{parentName:"h2"},"href")," prop"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)("p",null,"If you want your button to act like a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_storybook_addon_links_react__WEBPACK_IMPORTED_MODULE_9__.a,{kind:"Components/Link",story:"Standard",mdxType:"LinkTo"},"Link"),' (with "open in a new tab" feature of cmd/ctrl + click), use the ',Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)("inlineCode",{parentName:"p"},"href")," prop to specify your link."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.e,{name:"Link",mdxType:"Story"},(function(args){return delete args.onClick,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(react__WEBPACK_IMPORTED_MODULE_6___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{href:"https://google.com",target:"_blank",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_12__.a,null),mdxType:"IconButton"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{disabled:!0,href:"https://google.com",target:"_blank",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_13__.a,null),mdxType:"IconButton"})))}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var standard=function standard(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement(_icons__WEBPACK_IMPORTED_MODULE_11__[args.icon])}))};standard.displayName="standard",standard.storyName="Standard",standard.parameters={storySource:{source:"args => {\n return ;\n}"}};var level=function level(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(react__WEBPACK_IMPORTED_MODULE_6___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_12__.a,null),level:"primary"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_13__.a,null),level:"secondary"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_14__.a,null),level:"tertiary"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_15__.a,null),level:"warning"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_16__.a,null),level:"danger"})))};level.storyName="Level",level.parameters={storySource:{source:'args => {\n return <>\n } level="primary" />\n } level="secondary" />\n } level="tertiary" />\n } level="warning" />\n } level="danger" />\n ;\n}'}};var ghost=function ghost(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(react__WEBPACK_IMPORTED_MODULE_6___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_12__.a,null),ghost:!1})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_13__.a,null),ghost:!0})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_14__.a,null),ghost:"borderless"})))};ghost.storyName="Ghost",ghost.parameters={storySource:{source:'args => {\n return <>\n } ghost={false} />\n } ghost={true} />\n } ghost="borderless" />\n ;\n}'}};var disabled=function disabled(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(react__WEBPACK_IMPORTED_MODULE_6___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_12__.a,null),disabled:!1})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_13__.a,null),disabled:!0})))};disabled.storyName="Disabled",disabled.parameters={storySource:{source:"args => {\n return <>\n } disabled={false} />\n } disabled={true} />\n ;\n}"}};var size=function size(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(react__WEBPACK_IMPORTED_MODULE_6___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_12__.a,null),size:"default"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_13__.a,null),size:"small"})))};size.storyName="Size",size.parameters={storySource:{source:'args => {\n return <>\n } size="default" />\n } size="small" />\n ;\n}'}};var link=function link(args){return delete args.onClick,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(react__WEBPACK_IMPORTED_MODULE_6___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{href:"https://google.com",target:"_blank",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_12__.a,null)})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{disabled:!0,href:"https://google.com",target:"_blank",icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_icons__WEBPACK_IMPORTED_MODULE_13__.a,null)})))};link.storyName="Link",link.parameters={storySource:{source:'args => {\n delete args.onClick;\n return <>\n } />\n } />\n ;\n}'}};var componentMeta={title:"Components/Buttons/Icon button",component:_IconButton_tsx__WEBPACK_IMPORTED_MODULE_10__.a,args:{icon:"ActivityIcon",title:"Icon Button"},argTypes:{icon:{control:{type:"select"},options:Object.keys(_icons__WEBPACK_IMPORTED_MODULE_11__),table:{type:{summary:"ReactElement"}}},ghost:{control:{type:"select"},options:[!1,!0,"borderless"]},onClick:{action:"Click on the icon button"}},includeStories:["standard","level","ghost","disabled","size","link"]},mdxStoryNameToKey={Standard:"standard",Level:"level",Ghost:"ghost",Disabled:"disabled",Size:"size",Link:"link"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/IconButton/IconButton.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return IconButton}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__),styled_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_components_Button_Button__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/components/Button/Button.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["icon","size","ghost"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var IconButtonContainer=Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.default)(_components_Button_Button__WEBPACK_IMPORTED_MODULE_7__.a)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n padding: 0;\n width: ","px;\n border-style: ",";\n ",";\n"])),(function(_ref){return"small"===_ref.size?24:32}),(function(_ref2){var borderless=_ref2.borderless,ghost=_ref2.ghost;return!borderless&&ghost?"solid":"none"}),(function(_ref3){return _ref3.borderless&&Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n background: transparent;\n "])))})),getIconSize=function getIconSize(size){switch(size){case"small":return 16;case"default":return 20}},IconButton=react__WEBPACK_IMPORTED_MODULE_5___default.a.forwardRef((function(_ref4,forwardedRef){var icon=_ref4.icon,_ref4$size=_ref4.size,size=void 0===_ref4$size?"default":_ref4$size,ghost=_ref4.ghost,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r) => void)"}},level:{defaultValue:null,description:"Level of the button defining it's color and outline.\nPossible values are: primary, secondary, tertiary, warning & danger.",name:"level",required:!1,type:{name:"enum",value:[{value:'"warning"'},{value:'"tertiary"'},{value:'"primary"'},{value:'"secondary"'},{value:'"danger"'}]}},href:{defaultValue:null,description:"Url to go to if the button is clicked. This allow your button to open in a new tab in case of cmd/ctrl + click",name:"href",required:!1,type:{name:"string"}},active:{defaultValue:null,description:"Used to display the Button as active.",name:"active",required:!1,type:{name:"boolean"}},ariaLabel:{defaultValue:null,description:"Accessibility label to describe shortly the button.",name:"ariaLabel",required:!1,type:{name:"string"}},ariaLabelledBy:{defaultValue:null,description:"Define which element is the label of this button for accessibility purposes. Expect a DOM node id.",name:"ariaLabelledBy",required:!1,type:{name:"string"}},ariaDescribedBy:{defaultValue:null,description:"Define what element is describing this button for accessibility purposes. Expect a DOM node id.",name:"ariaDescribedBy",required:!1,type:{name:"string"}},ghost:{defaultValue:null,description:"When an action does not require primary dominance on the page. The IconButton can also be borderless.",name:"ghost",required:!1,type:{name:'boolean | "borderless"'}},icon:{defaultValue:null,description:"The Icon to display.",name:"icon",required:!0,type:{name:"ReactElement>"}},title:{defaultValue:null,description:"The title of the button.",name:"title",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/IconButton/IconButton.tsx#IconButton"]={docgenInfo:IconButton.__docgenInfo,name:"IconButton",path:"src/components/IconButton/IconButton.tsx#IconButton"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/IconCard/IconCard.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return IconCard_stories_standard})),__webpack_require__.d(__webpack_exports__,"readonly",(function(){return IconCard_stories_readonly})),__webpack_require__.d(__webpack_exports__,"withNoContent",(function(){return IconCard_stories_withNoContent})),__webpack_require__.d(__webpack_exports__,"iconCardGrid",(function(){return IconCard_stories_iconCardGrid}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),styled_components_browser_esm=(__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js")),theme=__webpack_require__("./src/theme/theme.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["icon","label","content","onClick","disabled"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var Container=styled_components_browser_esm.default.div(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n min-height: 80px;\n border: 1px "," solid;\n box-sizing: border-box;\n display: -ms-flexbox;\n display: inline-flex;\n opacity: ",";\n cursor: ",";\n background: ","\n}\n\n:hover {\n border-color: ",";\n background: ",";\n}\n\n:active {\n outline: none;\n background: ",";\n border-color: ",";\n}\n\n:focus:not(:active) {\n box-shadow: 0 0 0 2px ",";\n outline: none;\n}\n"])),Object(theme.a)("grey",40),(function(_ref){return _ref.disabled&&.5}),(function(_ref2){var disabled=_ref2.disabled,onClick=_ref2.onClick;return disabled?"not-allowed":void 0!==onClick?"pointer":"inherit"}),Object(theme.a)("white"),(function(_ref3){return!_ref3.disabled&&Object(theme.a)("grey",60)}),(function(_ref4){return!_ref4.disabled&&Object(theme.a)("grey",20)}),(function(_ref5){return!_ref5.disabled&&Object(theme.a)("grey",20)}),(function(_ref6){return!_ref6.disabled&&Object(theme.a)("grey",80)}),Object(theme.a)("blue",40)),IconContainer=styled_components_browser_esm.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n min-width: 80px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-right: 1px "," solid;\n margin: 10px 0;\n\n svg {\n color: ",";\n }\n"])),Object(theme.a)("grey",60),Object(theme.a)("grey",100)),ContentContainer=styled_components_browser_esm.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n margin: 15px;\n"]))),TruncableMixin=Object(styled_components_browser_esm.css)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n display: -webkit-box;\n -webkit-line-clamp: 2;\n line-clamp: 2;\n -webkit-box-orient: vertical;\n box-orient: vertical;\n overflow: hidden;\n word-break: break-word;\n"]))),Label=styled_components_browser_esm.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n color: ",";\n font-size: ",";\n margin-bottom: 2px;\n\n ",";\n"])),Object(theme.a)("brand",100),Object(theme.e)("big"),TruncableMixin),Content=styled_components_browser_esm.default.div(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(["\n color: ",";\n font-size: ",";\n\n ",";\n"])),Object(theme.a)("grey",100),Object(theme.e)("small"),TruncableMixin),IconCardGrid=styled_components_browser_esm.default.div(_templateObject7||(_templateObject7=_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n gap: 20px;\n"]))),IconCard=react_default.a.forwardRef((function(_ref7,forwardedRef){var icon=_ref7.icon,label=_ref7.label,content=_ref7.content,onClick=_ref7.onClick,_ref7$disabled=_ref7.disabled,disabled=void 0!==_ref7$disabled&&_ref7$disabled,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r>"}},label:{defaultValue:null,description:"The title to display",name:"label",required:!0,type:{name:"string | Element"}},content:{defaultValue:null,description:"The content to display",name:"content",required:!1,type:{name:"string"}},disabled:{defaultValue:{value:"false"},description:"Define if the component will be displayed as disabled",name:"disabled",required:!1,type:{name:"boolean"}},onClick:{defaultValue:null,description:"The callback when the user clicks on the card component",name:"onClick",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/IconCard/IconCard.tsx#IconCard"]={docgenInfo:IconCard.__docgenInfo,name:"IconCard",path:"src/components/IconCard/IconCard.tsx#IconCard"})}catch(__react_docgen_typescript_loader_error){}try{IconCardGrid.displayName="IconCardGrid",IconCardGrid.__docgenInfo={description:"",displayName:"IconCardGrid",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/IconCard/IconCard.tsx#IconCardGrid"]={docgenInfo:IconCardGrid.__docgenInfo,name:"IconCardGrid",path:"src/components/IconCard/IconCard.tsx#IconCardGrid"})}catch(__react_docgen_typescript_loader_error){}var icons=__webpack_require__("./src/icons/index.ts"),IconCard_stories_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e"}}},onClick:{action:"Click on the Card"}},args:{icon:"ComponentIcon",label:"Label",content:"This is the content",disabled:!1,onClick:function onClick(){return console.log("click")}},mdxType:"Meta"}),Object(esm.b)("h1",{id:"icon-card"},"Icon card"),Object(esm.b)("h2",{id:"usage"},"Usage"),Object(esm.b)("h2",{id:"playground"},"Playground"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Standard",mdxType:"Story"},(function(args){return Object(esm.b)(IconCardGrid,{mdxType:"IconCardGrid"},Object(esm.b)(IconCard,_extends({},args,{icon:react_default.a.createElement(icons[args.icon]),mdxType:"IconCard"})))}))),Object(esm.b)(dist_esm.b,{story:"Standard",mdxType:"ArgsTable"}),Object(esm.b)("h2",{id:"variation-on-readonly"},"Variation on readonly"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Readonly",mdxType:"Story"},(function(args){return Object(esm.b)(IconCardGrid,{mdxType:"IconCardGrid"},Object(esm.b)(IconCard,_extends({},args,{icon:react_default.a.createElement(icons[args.icon]),disabled:!0,mdxType:"IconCard"})))}))),Object(esm.b)("h2",{id:"with-no-content"},"With no content"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"With no content",mdxType:"Story"},(function(args){return Object(esm.b)(IconCardGrid,{mdxType:"IconCardGrid"},Object(esm.b)(IconCard,{icon:react_default.a.createElement(icons[args.icon]),label:"Label",mdxType:"IconCard"}))}))),Object(esm.b)("h2",{id:"iconcard-grid"},"IconCard grid"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"IconCard grid",mdxType:"Story"},(function(args){return Object(esm.b)(IconCardGrid,{mdxType:"IconCardGrid"},Object(esm.b)(IconCard,{icon:react_default.a.createElement(icons[args.icon]),label:"Label",content:"Content",mdxType:"IconCard"}),Object(esm.b)(IconCard,{icon:react_default.a.createElement(icons[args.icon]),label:"Label Label Label Label Label Label Label Label Label",content:"Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content ",mdxType:"IconCard"}),Object(esm.b)(IconCard,{icon:react_default.a.createElement(icons[args.icon]),label:"Label",content:"Content",mdxType:"IconCard"}),Object(esm.b)(IconCard,{icon:react_default.a.createElement(icons[args.icon]),label:"Label",content:"Content",mdxType:"IconCard"}),Object(esm.b)(IconCard,{icon:react_default.a.createElement(icons[args.icon]),label:"Label",content:"Content",mdxType:"IconCard"}))}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var IconCard_stories_standard=function standard(args){return Object(esm.b)(IconCardGrid,null,Object(esm.b)(IconCard,_extends({},args,{icon:react_default.a.createElement(icons[args.icon])})))};IconCard_stories_standard.displayName="standard",IconCard_stories_standard.storyName="Standard",IconCard_stories_standard.parameters={storySource:{source:"args => {\n return \n \n ;\n}"}};var IconCard_stories_readonly=function readonly(args){return Object(esm.b)(IconCardGrid,null,Object(esm.b)(IconCard,_extends({},args,{icon:react_default.a.createElement(icons[args.icon]),disabled:!0})))};IconCard_stories_readonly.displayName="readonly",IconCard_stories_readonly.storyName="Readonly",IconCard_stories_readonly.parameters={storySource:{source:"args => {\n return \n \n ;\n}"}};var IconCard_stories_withNoContent=function withNoContent(args){return Object(esm.b)(IconCardGrid,null,Object(esm.b)(IconCard,{icon:react_default.a.createElement(icons[args.icon]),label:"Label"}))};IconCard_stories_withNoContent.displayName="withNoContent",IconCard_stories_withNoContent.storyName="With no content",IconCard_stories_withNoContent.parameters={storySource:{source:"args => {\n return \n \n ;\n}"}};var IconCard_stories_iconCardGrid=function iconCardGrid(args){return Object(esm.b)(IconCardGrid,null,Object(esm.b)(IconCard,{icon:react_default.a.createElement(icons[args.icon]),label:"Label",content:"Content"}),Object(esm.b)(IconCard,{icon:react_default.a.createElement(icons[args.icon]),label:"Label Label Label Label Label Label Label Label Label",content:"Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content "}),Object(esm.b)(IconCard,{icon:react_default.a.createElement(icons[args.icon]),label:"Label",content:"Content"}),Object(esm.b)(IconCard,{icon:react_default.a.createElement(icons[args.icon]),label:"Label",content:"Content"}),Object(esm.b)(IconCard,{icon:react_default.a.createElement(icons[args.icon]),label:"Label",content:"Content"}))};IconCard_stories_iconCardGrid.displayName="iconCardGrid",IconCard_stories_iconCardGrid.storyName="IconCard grid",IconCard_stories_iconCardGrid.parameters={storySource:{source:"args => {\n return \n \n \n \n \n \n ;\n}"}};var componentMeta={title:"Components/IconCard",component:IconCard,args:{icon:"ComponentIcon",label:"Label",content:"This is the content",disabled:!1,onClick:function onClick(){return console.log("click")}},argTypes:{icon:{control:{type:"select"},options:Object.keys(icons),table:{type:{summary:"ReactElement"}}},onClick:{action:"Click on the Card"}},includeStories:["standard","readonly","withNoContent","iconCardGrid"]},mdxStoryNameToKey={Standard:"standard",Readonly:"readonly","With no content":"withNoContent","IconCard grid":"iconCardGrid"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Image/Image.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"fit",(function(){return fit})),__webpack_require__.d(__webpack_exports__,"stack",(function(){return stack})),__webpack_require__.d(__webpack_exports__,"loading",(function(){return loading})),__webpack_require__.d(__webpack_exports__,"background",(function(){return background}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_Image_tsx__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/Image/Image.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e {\n return ;\n}"}};var fit=function fit(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Image_tsx__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{fit:"contain"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Image_tsx__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{fit:"cover"})))};fit.storyName="Fit",fit.parameters={storySource:{source:'args => {\n return <>\n \n \n ;\n}'}};var stack=function stack(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Image_tsx__WEBPACK_IMPORTED_MODULE_8__.a,args),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Image_tsx__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{isStacked:!0})))};stack.storyName="Stack",stack.parameters={storySource:{source:"args => {\n return <>\n \n \n ;\n}"}};var loading=function loading(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Image_tsx__WEBPACK_IMPORTED_MODULE_8__.a,args),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Image_tsx__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{src:null})))};loading.storyName="Loading",loading.parameters={storySource:{source:"args => {\n return <>\n \n \n ;\n}"}};var background=function background(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Image_tsx__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{background:"white",src:"https://doodleipsum.com/200x140/outline?i=63527485e69dea481bb541d7f1da73fe"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Image_tsx__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{background:"checkerboard",src:"https://doodleipsum.com/200x140/outline?i=63527485e69dea481bb541d7f1da73fe"})))};background.storyName="Background",background.parameters={storySource:{source:'args => {\n return <>\n \n \n ;\n}'}};var componentMeta={title:"Components/Image",component:_Image_tsx__WEBPACK_IMPORTED_MODULE_8__.a,args:{src:"https://picsum.photos/seed/akeneo/200/140",alt:"Image alt",width:200,height:140},includeStories:["standard","fit","stack","loading","background"]},mdxStoryNameToKey={Standard:"standard",Fit:"fit",Stack:"stack",Loading:"loading",Background:"background"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Image/Image.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Image}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__),styled_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_theme_theme__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/theme/theme.ts"),_theme_common__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/theme/common.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["fit","isStacked","background","src"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var ImageContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.img(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n border: 1px solid ",";\n object-fit: ",";\n box-sizing: border-box;\n\n ","\n\n ","\n\n ","\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey",80),(function(_ref){return _ref.fit}),(function(_ref2){return _ref2.isStacked&&Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n box-shadow: 1px -1px 0 0 ",", 2px -2px 0 0 ",",\n 3px -3px 0 0 ",", 4px -4px 0 0 ",";\n "])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("white"),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey",80),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("white"),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey",80))}),(function(_ref3){var background=_ref3.background,isLoading=_ref3.isLoading;return"checkerboard"!==background||isLoading?Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n background: ",";\n "])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)(background)):Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n background-image: linear-gradient(45deg, "," 25%, transparent 25%),\n linear-gradient(135deg, "," 25%, transparent 25%),\n linear-gradient(45deg, transparent 75%, "," 75%),\n linear-gradient(135deg, transparent 75%, "," 75%);\n background-size: 25px 25px; /* Must be a square */\n background-position: 0 0, 12.5px 0, 12.5px -12.5px, 0px 12.5px; /* Must be half of one side of the square */\n "])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey",60),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey",60),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey",60),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey",60))}),(function(_ref4){return _ref4.isLoading&&_theme_common__WEBPACK_IMPORTED_MODULE_8__.h})),Image=react__WEBPACK_IMPORTED_MODULE_5___default.a.forwardRef((function(_ref5,forwardedRef){var _ref5$fit=_ref5.fit,fit=void 0===_ref5$fit?"cover":_ref5$fit,_ref5$isStacked=_ref5.isStacked,isStacked=void 0!==_ref5$isStacked&&_ref5$isStacked,_ref5$background=_ref5.background,background=void 0===_ref5$background?"white":_ref5$background,src=_ref5.src,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r',ref:forwardedRef,fit:fit,isStacked:isStacked,background:background},rest))}));try{Image.displayName="Image",Image.__docgenInfo={description:"Image allow to embed an image in a page.",displayName:"Image",props:{src:{defaultValue:null,description:"Define the image source.",name:"src",required:!0,type:{name:"string | null"}},alt:{defaultValue:null,description:"Content of the alternative text.",name:"alt",required:!0,type:{name:"string"}},width:{defaultValue:null,description:"The width of the image.",name:"width",required:!1,type:{name:"number"}},height:{defaultValue:null,description:"The height of the image.",name:"height",required:!1,type:{name:"number"}},fit:{defaultValue:{value:"cover"},description:"Should the image cover all the container or be contained in it.",name:"fit",required:!1,type:{name:"enum",value:[{value:'"cover"'},{value:'"contain"'}]}},isStacked:{defaultValue:{value:"false"},description:"Should the image appear as a stack of multiple images.",name:"isStacked",required:!1,type:{name:"boolean"}},background:{defaultValue:{value:"white"},description:"Should the image appear with a background or not",name:"background",required:!1,type:{name:"enum",value:[{value:'"white"'},{value:'"checkerboard"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Image/Image.tsx#Image"]={docgenInfo:Image.__docgenInfo,name:"Image",path:"src/components/Image/Image.tsx#Image"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Information/Information.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return Information_stories_standard})),__webpack_require__.d(__webpack_exports__,"composition",(function(){return Information_stories_composition})),__webpack_require__.d(__webpack_exports__,"fitContentHeight",(function(){return Information_stories_fitContentHeight}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),addon_links_react=__webpack_require__("./node_modules/@storybook/addon-links/react.js"),styled_components_browser_esm=(__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js")),theme=__webpack_require__("./src/theme/theme.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["illustration","title","children"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var Container=styled_components_browser_esm.default.div(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n align-items: stretch;\n display: flex;\n font-weight: 400;\n padding-right: 15px;\n color: ",";\n min-height: 100px;\n background-color: ",";\n"])),Object(theme.a)("grey120"),Object(theme.a)("blue10")),IconContainer=styled_components_browser_esm.default.span(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n min-height: 80px;\n display: flex;\n align-items: center;\n padding: 10px 20px;\n margin: 10px 20px 10px 0px;\n border-right: 1px solid ",";\n"])),Object(theme.a)("grey80")),HelperTitle=styled_components_browser_esm.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n color: ",";\n font-size: ",";\n font-weight: 700;\n"])),Object(theme.a)("grey140"),Object(theme.e)("bigger")),ContentContainer=styled_components_browser_esm.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n padding: 20px 0px;\n"]))),Information=react_default.a.forwardRef((function(_ref,forwardedRef){var illustration=_ref.illustration,title=_ref.title,children=_ref.children,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r void) | RefObject | null"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Information/Information.tsx#HighlightTitle"]={docgenInfo:HighlightTitle.__docgenInfo,name:"HighlightTitle",path:"src/components/Information/Information.tsx#HighlightTitle"})}catch(__react_docgen_typescript_loader_error){}var Link=__webpack_require__("./src/components/Link/Link.tsx"),UsersIllustration=__webpack_require__("./src/illustrations/UsersIllustration.tsx"),illustrations=__webpack_require__("./src/illustrations/index.ts"),Information_stories_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e {\n const illustrationComponent = React.createElement(Illustrations[args.illustration]);\n return ;\n}"}};var Information_stories_composition=function composition(args){var title=Object(esm.b)(react_default.a.Fragment,null,"Lorem ipsum ",Object(esm.b)(HighlightTitle,null,"dolor")," sit amet");return Object(esm.b)(Information,{title:title,illustration:Object(esm.b)(UsersIllustration.a,null)},"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",Object(esm.b)("br",null),Object(esm.b)(Link.a,{target:"_blank",href:"https://www.akeneo.com/"},"Link to related lorem ipsum"))};Information_stories_composition.displayName="composition",Information_stories_composition.storyName="Composition",Information_stories_composition.parameters={storySource:{source:'args => {\n const title = <>Lorem ipsum dolor sit amet;\n return }>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n
\n Link to related lorem ipsum\n ;\n}'}};var Information_stories_fitContentHeight=function fitContentHeight(args){return Object(esm.b)(Information,{title:"Lorem ipsum dolor sit amet",illustration:Object(esm.b)(UsersIllustration.a,null)},Object(esm.b)("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),Object(esm.b)("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),Object(esm.b)("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),Object(esm.b)("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),Object(esm.b)("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),Object(esm.b)("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),Object(esm.b)("p",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."))};Information_stories_fitContentHeight.displayName="fitContentHeight",Information_stories_fitContentHeight.storyName="Fit content height",Information_stories_fitContentHeight.parameters={storySource:{source:"args => {\n const title = 'Lorem ipsum dolor sit amet';\n return }>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

\n ;\n}"}};var componentMeta={title:"Components/Information",component:Information,args:{illustration:"UsersIllustration",title:"Lorem ipsum.",children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."},argTypes:{illustration:{control:{type:"select"},options:Object.keys(illustrations)},title:{control:{type:"text"}},children:{control:{type:"text"}}},includeStories:["standard","composition","fitContentHeight"]},mdxStoryNameToKey={Standard:"standard",Composition:"composition","Fit content height":"fitContentHeight"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Input/BooleanInput/BooleanInput.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return BooleanInput_stories_standard})),__webpack_require__.d(__webpack_exports__,"value",(function(){return BooleanInput_stories_value})),__webpack_require__.d(__webpack_exports__,"readonly",(function(){return BooleanInput_stories_readonly})),__webpack_require__.d(__webpack_exports__,"invalid",(function(){return BooleanInput_stories_invalid})),__webpack_require__.d(__webpack_exports__,"small",(function(){return BooleanInput_stories_small}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,_templateObject13,_templateObject14,_templateObject15,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),theme=__webpack_require__("./src/theme/theme.ts"),common=__webpack_require__("./src/theme/common.ts"),DangerIcon=__webpack_require__("./src/icons/DangerIcon.tsx"),EraseIcon=__webpack_require__("./src/icons/EraseIcon.tsx"),LockIcon=__webpack_require__("./src/icons/LockIcon.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["value","readOnly","onChange","clearable","yesLabel","noLabel","clearLabel","invalid","children","size"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var BooleanInputContainer=styled_components_browser_esm.default.div(_templateObject||(_templateObject=_taggedTemplateLiteralLoose([""]))),BooleanButton=styled_components_browser_esm.default.button(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n ","\n height: ","px;\n width: ","px;\n display: inline-block;\n line-height: ","px;\n text-align: center;\n vertical-align: middle;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n background: ",";\n\n ","\n"])),common.b,(function(_ref){return"small"===_ref.size?30:40}),(function(_ref2){return"small"===_ref2.size?48:60}),(function(_ref3){return"small"===_ref3.size?26:36}),Object(theme.a)("white"),(function(_ref4){var readOnly=_ref4.readOnly,invalid=_ref4.invalid;return readOnly?Object(styled_components_browser_esm.css)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n border: 1px solid ",";\n color: ",";\n &:hover {\n background: ",";\n color: ",";\n }\n "])),Object(theme.a)("grey",60),Object(theme.a)("grey",80),Object(theme.a)("white"),Object(theme.a)("grey",80)):Object(styled_components_browser_esm.css)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n border: 1px solid ",";\n cursor: pointer;\n &:hover {\n background: ",";\n color: ",";\n }\n "])),invalid?Object(theme.a)("red",100):Object(theme.a)("grey",80),Object(theme.a)("grey",20),Object(theme.a)("grey",140))})),NoButton=Object(styled_components_browser_esm.default)(BooleanButton)(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n border-radius: 2px 0 0 2px;\n border-right-width: 1px;\n\n ","\n"])),(function(_ref5){var $value=_ref5.$value,readOnly=_ref5.readOnly,invalid=_ref5.invalid;return!1===$value&&Object(styled_components_browser_esm.css)(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(["\n background: ",";\n border-color: ",";\n color: ",";\n &:hover {\n background: ",";\n color: ",";\n }\n &:active {\n background: ",";\n }\n "])),Object(theme.a)("grey",readOnly?80:100),invalid?Object(theme.a)("red",100):Object(theme.a)("grey",readOnly?80:100),Object(theme.a)("white"),Object(theme.a)("grey",readOnly?80:120),Object(theme.a)("white"),Object(theme.a)("grey",readOnly?80:140))})),YesButton=Object(styled_components_browser_esm.default)(BooleanButton)(_templateObject7||(_templateObject7=_taggedTemplateLiteralLoose(["\n border-radius: 0 2px 2px 0;\n border-left-width: 0;\n\n ","\n"])),(function(_ref6){var $value=_ref6.$value,readOnly=_ref6.readOnly,invalid=_ref6.invalid;return!0===$value&&Object(styled_components_browser_esm.css)(_templateObject8||(_templateObject8=_taggedTemplateLiteralLoose(["\n background: ",";\n border-color: ",";\n color: ",";\n\n &:hover {\n background: ",";\n color: ",";\n }\n\n &:active {\n background: ",";\n }\n "])),Object(theme.a)("blue",readOnly?60:100),invalid?Object(theme.a)("red",100):Object(theme.a)("grey",readOnly?60:100),Object(theme.a)("white"),Object(theme.a)("blue",readOnly?60:120),Object(theme.a)("white"),Object(theme.a)("blue",readOnly?60:140))})),ClearButton=styled_components_browser_esm.default.button(_templateObject9||(_templateObject9=_taggedTemplateLiteralLoose(["\n ","\n border: 0;\n margin-left: 5px;\n padding: 5px;\n vertical-align: middle;\n background: ",";\n color: ",";\n"])),common.b,Object(theme.a)("white"),Object(theme.a)("grey",100)),BooleanInputEraseIcon=Object(styled_components_browser_esm.default)(EraseIcon.a)(_templateObject10||(_templateObject10=_taggedTemplateLiteralLoose(["\n vertical-align: bottom;\n margin-right: 6px;\n"]))),IconContainer=styled_components_browser_esm.default.span(_templateObject11||(_templateObject11=_taggedTemplateLiteralLoose(["\n color: 1px solid ",";\n vertical-align: middle;\n margin-left: 10px;\n"])),Object(theme.a)("grey",100)),BooleanInputLockIcon=Object(styled_components_browser_esm.default)(LockIcon.a)(_templateObject12||(_templateObject12=_taggedTemplateLiteralLoose([""]))),ContainerInvalid=styled_components_browser_esm.default.div(_templateObject13||(_templateObject13=_taggedTemplateLiteralLoose(["\n display: flex;\n font-weight: 400;\n padding-right: 20px;\n color: ",";\n"])),Object(theme.a)("red",100)),IconInvalidContainer=styled_components_browser_esm.default.span(_templateObject14||(_templateObject14=_taggedTemplateLiteralLoose(["\n margin: 2px 0;\n color: ",";\n"])),Object(theme.a)("red",100)),TextInvalidContainer=styled_components_browser_esm.default.div(_templateObject15||(_templateObject15=_taggedTemplateLiteralLoose(["\n font-size: 11px;\n padding-left: 4px;\n white-space: break-spaces;\n flex: 1;\n\n a {\n color: ",";\n }\n"])),Object(theme.a)("red",100)),BooleanInput=react_default.a.forwardRef((function(_ref7,forwardedRef){var value=_ref7.value,_ref7$readOnly=_ref7.readOnly,readOnly=void 0!==_ref7$readOnly&&_ref7$readOnly,onChange=_ref7.onChange,_ref7$clearable=_ref7.clearable,clearable=void 0!==_ref7$clearable&&_ref7$clearable,yesLabel=_ref7.yesLabel,noLabel=_ref7.noLabel,clearLabel=_ref7.clearLabel,invalid=_ref7.invalid,children=_ref7.children,_ref7$size=_ref7.size,size=void 0===_ref7$size?"normal":_ref7$size,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r void) | ((value: boolean) => void)"}},clearLabel:{defaultValue:null,description:"",name:"clearLabel",required:!1,type:{name:"string"}},readOnly:{defaultValue:{value:"false"},description:"",name:"readOnly",required:!1,type:{name:"boolean"}},yesLabel:{defaultValue:null,description:"",name:"yesLabel",required:!0,type:{name:"string"}},noLabel:{defaultValue:null,description:"",name:"noLabel",required:!0,type:{name:"string"}},invalid:{defaultValue:null,description:"",name:"invalid",required:!1,type:{name:"boolean"}},size:{defaultValue:{value:"normal"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"normal"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/BooleanInput/BooleanInput.tsx#BooleanInput"]={docgenInfo:BooleanInput.__docgenInfo,name:"BooleanInput",path:"src/components/Input/BooleanInput/BooleanInput.tsx#BooleanInput"})}catch(__react_docgen_typescript_loader_error){}var Link=__webpack_require__("./src/components/Link/Link.tsx"),hooks=__webpack_require__("./node_modules/@storybook/addons/dist/esm/hooks.js"),BooleanInput_stories_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;er.length)&&(a=r.length);for(var e=0,n=Array(a);e {\n const [{\n value\n }, updateArgs] = useArgs();\n const setValue = newValue => {\n updateArgs({\n value: newValue\n });\n };\n return ;\n}"}};var BooleanInput_stories_value=function value(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(BooleanInput,args),Object(esm.b)(BooleanInput,_extends({},args,{value:!0,clearable:!0})),Object(esm.b)(BooleanInput,_extends({},args,{value:!1,clearable:!0})))};BooleanInput_stories_value.storyName="Value",BooleanInput_stories_value.parameters={storySource:{source:"args => {\n return <>\n \n \n \n ;\n}"}};var BooleanInput_stories_readonly=function readonly(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(BooleanInput,_extends({},args,{value:null,readOnly:!0})),Object(esm.b)(BooleanInput,_extends({},args,{value:!0,readOnly:!0})),Object(esm.b)(BooleanInput,_extends({},args,{value:!1,readOnly:!0})))};BooleanInput_stories_readonly.storyName="Readonly",BooleanInput_stories_readonly.parameters={storySource:{source:"args => {\n return <>\n \n \n \n ;\n}"}};var BooleanInput_stories_invalid=function invalid(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(BooleanInput,_extends({},args,{value:null,invalid:!0}),"There is an error. ",Object(esm.b)(Link.a,{href:"#"},"Link")),Object(esm.b)(BooleanInput,_extends({},args,{value:!0,invalid:!0}),"There is an error. ",Object(esm.b)(Link.a,{href:"#"},"Link")),Object(esm.b)(BooleanInput,_extends({},args,{value:!1,invalid:!0}),"There is an error. ",Object(esm.b)(Link.a,{href:"#"},"Link")))};BooleanInput_stories_invalid.storyName="Invalid",BooleanInput_stories_invalid.parameters={storySource:{source:'args => {\n return <>\n \n There is an error. Link\n \n \n There is an error. Link\n \n \n There is an error. Link\n \n ;\n}'}};var BooleanInput_stories_small=function small(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(BooleanInput,_extends({},args,{value:null,size:"small"}),"There is an error. ",Object(esm.b)(Link.a,{href:"#"},"Link")),Object(esm.b)(BooleanInput,_extends({},args,{value:!0,size:"small"}),"There is an error. ",Object(esm.b)(Link.a,{href:"#"},"Link")),Object(esm.b)(BooleanInput,_extends({},args,{value:!1,size:"small"}),"There is an error. ",Object(esm.b)(Link.a,{href:"#"},"Link")))};BooleanInput_stories_small.storyName="Small",BooleanInput_stories_small.parameters={storySource:{source:"args => {\n return <>\n \n There is an error. Link\n \n \n There is an error. Link\n \n \n There is an error. Link\n \n ;\n}"}};var componentMeta={title:"Components/Inputs/Boolean input",component:BooleanInput,args:{value:null,yesLabel:"Yes",noLabel:"No",clearLabel:"Clear value"},argTypes:{value:{control:{type:"select"},options:[!0,!1,null],description:"Value of the input. Can be null if the input is clearable.",table:{defaultValue:{summary:"null"}}},readOnly:{control:{type:"boolean"},description:"Displays the value of the input, but does not allow changes."},clearable:{control:{type:"boolean"},description:"Allows the user to manage a null value, and adds a button to clear the input."},onChange:{description:"The handler called when clicking on Checkbox."},yesLabel:{description:"The label for the Yes button"},noLabel:{description:"The label for the No button"},clearLabel:{description:"The label for the Clear value button"},size:{description:"The size of the buttons",table:{defaultValue:{summary:"normal"}},control:{type:"select"},options:["normal","small"]}},includeStories:["standard","value","readonly","invalid","small"]},mdxStoryNameToKey={Standard:"standard",Value:"value",Readonly:"readonly",Invalid:"invalid",Small:"small"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Input/ColorInput/ColorInput.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return ColorInput_stories_standard})),__webpack_require__.d(__webpack_exports__,"readOnly",(function(){return ColorInput_stories_readOnly})),__webpack_require__.d(__webpack_exports__,"invalid",(function(){return ColorInput_stories_invalid}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),styled_components_browser_esm=(__webpack_require__("./node_modules/core-js/modules/es.string.starts-with.js"),__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js")),DangerIcon=__webpack_require__("./src/icons/DangerIcon.tsx"),LockIcon=__webpack_require__("./src/icons/LockIcon.tsx"),theme=__webpack_require__("./src/theme/theme.ts"),convertColorToLongHexColor=function convertColorToLongHexColor(value){return isValidShortHexColor(value)?"#"+value[1]+value[1]+value[2]+value[2]+value[3]+value[3]:value},isValidShortHexColor=function isValidShortHexColor(value){return/^#[A-Fa-f0-9]{3}$/.test(value)},isValidColor=function isValidColor(value){return function isValidLongHexColor(value){return/^#[A-Fa-f0-9]{6}$/.test(value)}(value)||isValidShortHexColor(value)},jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["invalid","onChange","value","readOnly"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var ColorInputContainer=styled_components_browser_esm.default.div(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 12px;\n border: 1px solid ",";\n border-radius: 2px;\n height: 74px;\n gap: 10px;\n outline-style: none;\n box-sizing: border-box;\n background: ",";\n cursor: ",";\n overflow: hidden;\n ","\n"])),(function(_ref){return _ref.invalid?Object(theme.a)("red",100):Object(theme.a)("grey",80)}),(function(_ref2){return _ref2.readOnly?Object(theme.a)("grey",20):Object(theme.a)("white")}),(function(_ref3){return _ref3.readOnly?"not-allowed":"auto"}),(function(_ref4){return!_ref4.readOnly&&Object(styled_components_browser_esm.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n &:focus-within {\n box-shadow: 0 0 0 2px ",";\n }\n "])),Object(theme.a)("blue",40))})),ColorPicker=styled_components_browser_esm.default.input(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n width: 47px;\n height: 47px;\n border: none;\n padding: 0;\n ::-moz-color-swatch-wrapper {\n padding: 0;\n }\n ::-webkit-color-swatch-wrapper {\n padding: 0;\n }\n ::-webkit-color-swatch {\n border: none;\n }\n ::-moz-color-swatch {\n border: none;\n }\n"]))),TextInput=styled_components_browser_esm.default.input(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n border: none;\n flex: 1;\n outline: none;\n color: ",";\n background: transparent;\n cursor: ",";\n height: 100%;\n\n &::placeholder {\n opacity: 1;\n color: ",";\n }\n"])),(function(_ref5){return _ref5.readOnly?Object(theme.a)("grey",100):Object(theme.a)("grey",140)}),(function(_ref6){return _ref6.readOnly?"not-allowed":"auto"}),Object(theme.a)("grey",100)),ReadOnlyIcon=Object(styled_components_browser_esm.default)(LockIcon.a)(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n margin-left: 4px;\n"]))),ErrorIcon=Object(styled_components_browser_esm.default)(DangerIcon.a)(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(["\n padding: 0 15px 0 16px;\n box-sizing: content-box;\n"]))),ColorInput=Object(react.forwardRef)((function(_ref7,forwardedRef){var invalid=_ref7.invalid,onChange=_ref7.onChange,value=_ref7.value,readOnly=_ref7.readOnly,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r void) | (((newValue: string) => void) & ((newValue: string) => void))"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"",name:"aria-labelledby",required:!1,type:{name:"string"}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:"Value of the input.",name:"value",required:!0,type:{name:"string"}},placeholder:{defaultValue:null,description:"Placeholder displayed when the input is empty.",name:"placeholder",required:!1,type:{name:"string"}},invalid:{defaultValue:null,description:"Defines if the input is valid or not.",name:"invalid",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/ColorInput/ColorInput.tsx#ColorInput"]={docgenInfo:ColorInput.__docgenInfo,name:"ColorInput",path:"src/components/Input/ColorInput/ColorInput.tsx#ColorInput"})}catch(__react_docgen_typescript_loader_error){}var ColorInput_stories_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;er.length)&&(a=r.length);for(var e=0,n=Array(a);e void"}}}},args:{value:"#9452ba",placeholder:"Please enter a value in the ColorInput"},mdxType:"Meta"}),Object(esm.b)("h1",{id:"colorinput-beta"},"ColorInput (Beta)"),Object(esm.b)("h2",{id:"usage"},"Usage"),Object(esm.b)("p",null,"Color input component allows the user to enter a color in hexadecimal format."),Object(esm.b)("h3",{id:"placeholder-text"},"Placeholder text"),Object(esm.b)("p",null,"The placeholder text provides tips or examples of items to enter. Placeholder text disappears when the user begins entering data."),Object(esm.b)("h2",{id:"playground"},"Playground"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Standard",mdxType:"Story"},(function(args){var _useState2=_slicedToArray(Object(react.useState)(args.value),2),value=_useState2[0],setValue=_useState2[1];return Object(esm.b)(ColorInput,_extends({},args,{value:value,onChange:setValue,mdxType:"ColorInput"}))}))),Object(esm.b)(dist_esm.b,{story:"Standard",mdxType:"ArgsTable"}),Object(esm.b)("h2",{id:"variation-on-readonly"},"Variation on readOnly"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Read only",mdxType:"Story"},(function(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(ColorInput,{value:"#000",readOnly:!1,mdxType:"ColorInput"}),Object(esm.b)(ColorInput,{value:"#008542",readOnly:!0,mdxType:"ColorInput"}))}))),Object(esm.b)("h2",{id:"variation-on-invalid"},"Variation on invalid"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Invalid",mdxType:"Story"},(function(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(ColorInput,{value:"#ffe000",invalid:!1,mdxType:"ColorInput"}),Object(esm.b)(ColorInput,{value:"not a color",invalid:!0,mdxType:"ColorInput"}))}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var ColorInput_stories_standard=function standard(args){var _useState4=_slicedToArray(Object(react.useState)(args.value),2),value=_useState4[0],setValue=_useState4[1];return Object(esm.b)(ColorInput,_extends({},args,{value:value,onChange:setValue}))};ColorInput_stories_standard.displayName="standard",ColorInput_stories_standard.storyName="Standard",ColorInput_stories_standard.parameters={storySource:{source:"args => {\n const [value, setValue] = useState(args.value);\n return ;\n}"}};var ColorInput_stories_readOnly=function readOnly(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(ColorInput,{value:"#000",readOnly:!1}),Object(esm.b)(ColorInput,{value:"#008542",readOnly:!0}))};ColorInput_stories_readOnly.storyName="Read only",ColorInput_stories_readOnly.parameters={storySource:{source:'args => {\n return <>\n \n \n ;\n}'}};var ColorInput_stories_invalid=function invalid(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(ColorInput,{value:"#ffe000",invalid:!1}),Object(esm.b)(ColorInput,{value:"not a color",invalid:!0}))};ColorInput_stories_invalid.storyName="Invalid",ColorInput_stories_invalid.parameters={storySource:{source:'args => {\n return <>\n \n \n ;\n}'}};var componentMeta={title:"Components/Inputs/Color input",component:ColorInput,args:{value:"#9452ba",placeholder:"Please enter a value in the ColorInput"},argTypes:{readOnly:{control:{type:"boolean"},description:"Defines if the input should be read only. If defined so, the user cannot change the value of the input.",table:{type:{summary:"boolean"}}},onChange:{description:"The handler called when the value of the input changes.",table:{type:{summary:"(newValue: string) => void"}}}},includeStories:["standard","readOnly","invalid"]},mdxStoryNameToKey={Standard:"standard","Read only":"readOnly",Invalid:"invalid"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Input/DateInput/DateInput.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"readOnly",(function(){return readOnly})),__webpack_require__.d(__webpack_exports__,"invalid",(function(){return invalid})),__webpack_require__.d(__webpack_exports__,"htmlPropsMaxMin",(function(){return htmlPropsMaxMin}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_15___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_15__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_DateInput_tsx__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/components/Input/DateInput/DateInput.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;er.length)&&(a=r.length);for(var e=0,n=Array(a);e void"}}}},args:{value:""},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h1",{id:"dateinput-beta"},"DateInput (Beta)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h2",{id:"usage"},"Usage"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("p",null,"Date input allows the user to enter content and data when the expected user input is a date."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h2",{id:"playground"},"Playground"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.e,{name:"Standard",mdxType:"Story"},(function(args){var _useState2=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_15__.useState)(args.value),2),value=_useState2[0],setValue=_useState2[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_DateInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{value:value,onChange:setValue,mdxType:"DateInput"}))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.b,{story:"Standard",mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h2",{id:"variation-on-readonly"},"Variation on readOnly"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.e,{name:"Read only",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_DateInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{readOnly:!1,mdxType:"DateInput"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_DateInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{readOnly:!0,mdxType:"DateInput"})))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h2",{id:"variation-on-invalid"},"Variation on invalid"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.e,{name:"Invalid",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_DateInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{invalid:!1,mdxType:"DateInput"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_DateInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,{value:"not a date",invalid:!0,mdxType:"DateInput"}))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h2",{id:"variation-on-html-props-max-min"},"Variation on HTML props (max, min)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.e,{name:"HTML props (max, min)",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_DateInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{min:"1955-11-05",max:"1985-11-05",mdxType:"DateInput"})))}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var standard=function standard(args){var _useState4=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_15__.useState)(args.value),2),value=_useState4[0],setValue=_useState4[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_DateInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{value:value,onChange:setValue}))};standard.displayName="standard",standard.storyName="Standard",standard.parameters={storySource:{source:"args => {\n const [value, setValue] = useState(args.value);\n return ;\n}"}};var readOnly=function readOnly(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_DateInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{readOnly:!1})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_DateInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{readOnly:!0})))};readOnly.storyName="Read only",readOnly.parameters={storySource:{source:"args => {\n return <>\n \n \n ;\n}"}};var invalid=function invalid(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_DateInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{invalid:!1})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_DateInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,{value:"not a date",invalid:!0}))};invalid.storyName="Invalid",invalid.parameters={storySource:{source:'args => {\n return <>\n \n \n ;\n}'}};var htmlPropsMaxMin=function htmlPropsMaxMin(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_DateInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{min:"1955-11-05",max:"1985-11-05"})))};htmlPropsMaxMin.storyName="HTML props (max, min)",htmlPropsMaxMin.parameters={storySource:{source:'args => {\n return <>\n \n ;\n}'}};var componentMeta={title:"Components/Inputs/Date input",component:_DateInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,args:{value:""},argTypes:{readOnly:{control:{type:"boolean"},description:"Defines if the input should be read only. If defined so, the user cannot change the value of the input.",table:{type:{summary:"boolean"}}},onChange:{description:"The handler called when the value of the input changes.",table:{type:{summary:"(newValue: string) => void"}}}},includeStories:["standard","readOnly","invalid","htmlPropsMaxMin"]},mdxStoryNameToKey={Standard:"standard","Read only":"readOnly",Invalid:"invalid","HTML props (max, min)":"htmlPropsMaxMin"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Input/DateInput/DateInput.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return DateInput}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),styled_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_shared_key__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/shared/key.ts"),_icons_LockIcon__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/icons/LockIcon.tsx"),_icons_DateIcon__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/icons/DateIcon.tsx"),_theme_theme__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/theme/theme.ts"),_hooks_useShortcut__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/hooks/useShortcut.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["invalid","onChange","value","readOnly","onSubmit"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var InputContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n"]))),Input=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.input(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n z-index: 0;\n width: 100%;\n height: 40px;\n border: 1px solid ",";\n border-radius: 2px;\n box-sizing: border-box;\n background: ",";\n color: ",";\n text-transform: uppercase;\n font-size: ",";\n line-height: 40px;\n padding: 0 "," 0 15px;\n outline-style: none;\n cursor: ",";\n\n ","\n\n &:focus-within {\n box-shadow: 0 0 0 2px ",";\n }\n\n &::placeholder {\n opacity: 1;\n color: ",";\n }\n\n &::-webkit-datetime-edit-fields-wrapper {\n color: ",";\n }\n\n &::-webkit-calendar-picker-indicator {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n width: auto;\n height: auto;\n color: transparent;\n background: transparent;\n }\n"])),(function(_ref){return _ref.invalid?Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("red",100):Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("grey",80)}),(function(_ref2){return _ref2.readOnly?Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("grey",20):Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("white")}),(function(_ref3){return _ref3.readOnly?Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("grey",100):Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("grey",140)}),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.e)("default"),(function(_ref4){return _ref4.readOnly?"35px":"15px"}),(function(_ref5){return _ref5.readOnly?"not-allowed":"auto"}),(function(_ref6){return _ref6.readOnly&&Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n overflow: hidden;\n text-overflow: ellipsis;\n "])))}),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("blue",40),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("grey",100),(function(_ref7){return _ref7.readOnly?Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("grey",100):Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("grey",140)})),IconContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n position: absolute;\n right: 12px;\n top: 0;\n padding-left: 12px;\n pointer-events: none;\n z-index: 1;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"]))),ReadOnlyIcon=Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.default)(_icons_LockIcon__WEBPACK_IMPORTED_MODULE_8__.a)(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n color: ",";\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.a)("grey",100)),DateInput=Object(react__WEBPACK_IMPORTED_MODULE_5__.forwardRef)((function(_ref8,forwardedRef){var _forwardedRef,invalid=_ref8.invalid,onChange=_ref8.onChange,value=_ref8.value,readOnly=_ref8.readOnly,onSubmit=_ref8.onSubmit,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r void) | (((newValue: string) => void) & ((newValue: string) => void))"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"",name:"aria-labelledby",required:!1,type:{name:"string"}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:"Value of the input.\nThe value is based on the ISO-8601 standard an always formatted yyyy-mm-dd.",name:"value",required:!1,type:{name:"string"}},invalid:{defaultValue:null,description:"Defines if the input is valid on not.",name:"invalid",required:!1,type:{name:"boolean"}},onSubmit:{defaultValue:null,description:"Callback called when the user hit enter on the field.",name:"onSubmit",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/DateInput/DateInput.tsx#DateInput"]={docgenInfo:DateInput.__docgenInfo,name:"DateInput",path:"src/components/Input/DateInput/DateInput.tsx#DateInput"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Input/MediaFileInput/MediaFileInput.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return MediaFileInput_stories_standard})),__webpack_require__.d(__webpack_exports__,"size",(function(){return MediaFileInput_stories_size})),__webpack_require__.d(__webpack_exports__,"clearable",(function(){return MediaFileInput_stories_clearable})),__webpack_require__.d(__webpack_exports__,"readOnly",(function(){return MediaFileInput_stories_readOnly})),__webpack_require__.d(__webpack_exports__,"invalid",(function(){return MediaFileInput_stories_invalid}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),styled_components_browser_esm=(__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.async-iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.to-string-tag.js"),__webpack_require__("./node_modules/core-js/modules/es.math.to-string-tag.js"),__webpack_require__("./node_modules/core-js/modules/es.json.to-string-tag.js"),__webpack_require__("./node_modules/core-js/modules/es.object.create.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.array.reverse.js"),__webpack_require__("./node_modules/core-js/modules/es.promise.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js")),key=__webpack_require__("./src/shared/key.ts"),theme=__webpack_require__("./src/theme/theme.ts"),ImportIllustration=__webpack_require__("./src/illustrations/ImportIllustration.tsx"),IconButton=__webpack_require__("./src/components/IconButton/IconButton.tsx"),Image=__webpack_require__("./src/components/Image/Image.tsx"),ProgressBar=__webpack_require__("./src/components/ProgressBar/ProgressBar.tsx"),CloseIcon=__webpack_require__("./src/icons/CloseIcon.tsx"),LockIcon=__webpack_require__("./src/icons/LockIcon.tsx"),useBooleanState=__webpack_require__("./src/hooks/useBooleanState.ts"),useShortcut=__webpack_require__("./src/hooks/useShortcut.ts"),DefaultPicture=__webpack_require__("./static/illustrations/DefaultPicture.svg"),DefaultPicture_default=__webpack_require__.n(DefaultPicture),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["onChange","value","thumbnailUrl","uploadingLabel","uploader","size","placeholder","clearTitle","children","uploadErrorLabel","invalid","readOnly","clearable","className"];function _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return e};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{define({},"")}catch(t){define=function define(t,e,r){return t[e]=r}}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,(function(){return this}));var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach((function(e){define(t,e,(function(t){return this._invoke(e,t)}))}))}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==typeof h&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){invoke("next",t,i,a)}),(function(t){invoke("throw",t,i,a)})):e.resolve(h).then((function(t){u.value=t,i(u)}),(function(t){return invoke("throw",t,i,a)}))}a(c.arg)}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e((function(e,r){invoke(t,n,e,r)}))}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done}}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg)}}}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator.return&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0)}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(n,t,e,r,o,a,c){try{var i=n[a](c),u=i.value}catch(n){return void e(n)}i.done?t(u):Promise.resolve(u).then(r,o)}function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _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 _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e void) | (((newValue: FileInfo | null) => void) & ((newValue: FileInfo | null) => void))"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"",name:"aria-labelledby",required:!1,type:{name:"string"}},readOnly:{defaultValue:{value:"false"},description:"",name:"readOnly",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:"Value of the input.",name:"value",required:!0,type:{name:"FileInfo | null"}},thumbnailUrl:{defaultValue:null,description:"Url of the thumbnail (can be base64).",name:"thumbnailUrl",required:!0,type:{name:"string | null"}},uploader:{defaultValue:null,description:"Method called to upload the file.",name:"uploader",required:!0,type:{name:"(file: File, onProgress: (ratio: number) => void) => Promise"}},placeholder:{defaultValue:null,description:"Placeholder displayed when the input is empty.",name:"placeholder",required:!1,type:{name:"string"}},uploadingLabel:{defaultValue:null,description:"Label displayed during image uploading.",name:"uploadingLabel",required:!0,type:{name:"string"}},clearTitle:{defaultValue:null,description:"Title of the clear icon button.",name:"clearTitle",required:!0,type:{name:"string"}},clearable:{defaultValue:{value:"true"},description:"Defines if the input can be cleared.",name:"clearable",required:!1,type:{name:"boolean"}},uploadErrorLabel:{defaultValue:null,description:"Label displayed when the upload failed.",name:"uploadErrorLabel",required:!0,type:{name:"string"}},size:{defaultValue:{value:"default"},description:"Defines if the input is compact or not.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"default"'}]}},invalid:{defaultValue:{value:"false"},description:"Defines if the input is valid on not.",name:"invalid",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/MediaFileInput/MediaFileInput.tsx#MediaFileInput"]={docgenInfo:MediaFileInput.__docgenInfo,name:"MediaFileInput",path:"src/components/Input/MediaFileInput/MediaFileInput.tsx#MediaFileInput"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/web.url.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js");function useFakeMediaStorage_slicedToArray(r,e){return function useFakeMediaStorage_arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function useFakeMediaStorage_iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function useFakeMediaStorage_unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return useFakeMediaStorage_arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?useFakeMediaStorage_arrayLikeToArray(r,a):void 0}}(r,e)||function useFakeMediaStorage_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 useFakeMediaStorage_arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e0&&void 0!==arguments[0]?arguments[0]:null,_useState2=useFakeMediaStorage_slicedToArray(Object(react.useState)(defaultPath),2),thumbnailUrl=_useState2[0],setThumbnailUrl=_useState2[1];return[thumbnailUrl,function uploader(file,onProgress){return new Promise((function(resolve){var normalizedFile=URL.createObjectURL(file);setThumbnailUrl(normalizedFile);var progress=0,interval=setInterval((function(){onProgress(++progress/20)}),100);setTimeout((function(){clearInterval(interval),resolve({filePath:"/file/"+file.name,originalFilename:file.name})}),2e3)}))}]},FullscreenPreview=__webpack_require__("./src/storybook/components/FullscreenPreview.tsx"),Button=__webpack_require__("./src/components/Button/Button.tsx"),DownloadIcon=__webpack_require__("./src/icons/DownloadIcon.tsx"),FullscreenIcon=__webpack_require__("./src/icons/FullscreenIcon.tsx"),MediaFileInput_stories_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;er.length)&&(a=r.length);for(var e=0,n=Array(a);e {\n const [thumbnailUrl, uploader] = useFakeMediaStorage(\'https://picsum.photos/seed/akeneo/200\');\n const [isFullscreenModalOpen, openFullscreenModal, closeFullscreenModal] = useBooleanState();\n const [value, setValue] = useState(null);\n return <>\n \n } title="Download" />\n } title="Fullscreen" onClick={openFullscreenModal} />\n \n {isFullscreenModalOpen && value && \n \n }\n ;\n}'}};var MediaFileInput_stories_size=function size(args){var _useFakeMediaStorage14=MediaFileInput_stories_slicedToArray(useFakeMediaStorage_useFakeMediaStorage("https://picsum.photos/seed/akeneo/200"),2),thumbnailUrl=_useFakeMediaStorage14[0],uploader=_useFakeMediaStorage14[1],_useBooleanState14=MediaFileInput_stories_slicedToArray(Object(useBooleanState.a)(),3),isFullscreenModalOpen=_useBooleanState14[0],openFullscreenModal=_useBooleanState14[1],closeFullscreenModal=_useBooleanState14[2],_useState12=MediaFileInput_stories_slicedToArray(Object(react.useState)({filePath:"/file/path.jpg",originalFilename:"nice-name.jpg"}),2),value=_useState12[0],setValue=_useState12[1];return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MediaFileInput,_extends({},args,{value:value,thumbnailUrl:thumbnailUrl,onChange:setValue,uploader:uploader}),Object(esm.b)(IconButton.a,{href:thumbnailUrl,target:"_blank",download:thumbnailUrl,icon:Object(esm.b)(DownloadIcon.a,null),title:"Download"}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(FullscreenIcon.a,null),title:"Fullscreen",onClick:openFullscreenModal})),Object(esm.b)(MediaFileInput,_extends({},args,{size:"small",value:value,thumbnailUrl:thumbnailUrl,onChange:setValue,uploader:uploader}),Object(esm.b)(IconButton.a,{href:thumbnailUrl,target:"_blank",download:thumbnailUrl,icon:Object(esm.b)(DownloadIcon.a,null),title:"Download"}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(FullscreenIcon.a,null),title:"Fullscreen",onClick:openFullscreenModal})),isFullscreenModalOpen&&value&&Object(esm.b)(FullscreenPreview.a,{title:value.originalFilename,src:thumbnailUrl,onClose:closeFullscreenModal},Object(esm.b)(Button.a,{href:thumbnailUrl,ghost:!0,level:"tertiary",target:"_blank",download:thumbnailUrl},Object(esm.b)(DownloadIcon.a,null)," Download")))};MediaFileInput_stories_size.storyName="Size",MediaFileInput_stories_size.parameters={storySource:{source:'args => {\n const file = {\n filePath: \'/file/path.jpg\',\n originalFilename: \'nice-name.jpg\'\n };\n const [thumbnailUrl, uploader] = useFakeMediaStorage(\'https://picsum.photos/seed/akeneo/200\');\n const [isFullscreenModalOpen, openFullscreenModal, closeFullscreenModal] = useBooleanState();\n const [value, setValue] = useState(file);\n return <>\n \n } title="Download" />\n } title="Fullscreen" onClick={openFullscreenModal} />\n \n \n } title="Download" />\n } title="Fullscreen" onClick={openFullscreenModal} />\n \n {isFullscreenModalOpen && value && \n \n }\n ;\n}'}};var MediaFileInput_stories_clearable=function clearable(args){var _useFakeMediaStorage16=MediaFileInput_stories_slicedToArray(useFakeMediaStorage_useFakeMediaStorage("https://picsum.photos/seed/akeneo/200"),2),thumbnailUrl=_useFakeMediaStorage16[0],uploader=_useFakeMediaStorage16[1],_useBooleanState16=MediaFileInput_stories_slicedToArray(Object(useBooleanState.a)(),3),isFullscreenModalOpen=_useBooleanState16[0],openFullscreenModal=_useBooleanState16[1],closeFullscreenModal=_useBooleanState16[2],_useState14=MediaFileInput_stories_slicedToArray(Object(react.useState)({filePath:"/file/path.jpg",originalFilename:"nice-name.jpg"}),2),value=_useState14[0],setValue=_useState14[1];return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MediaFileInput,_extends({},args,{size:"small",value:value,thumbnailUrl:thumbnailUrl,onChange:setValue,uploader:uploader,clearable:!0}),Object(esm.b)(IconButton.a,{href:thumbnailUrl,target:"_blank",download:thumbnailUrl,icon:Object(esm.b)(DownloadIcon.a,null),title:"Download"}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(FullscreenIcon.a,null),title:"Fullscreen",onClick:openFullscreenModal})),Object(esm.b)(MediaFileInput,_extends({},args,{size:"small",value:value,thumbnailUrl:thumbnailUrl,onChange:setValue,uploader:uploader,clearable:!1}),Object(esm.b)(IconButton.a,{href:thumbnailUrl,target:"_blank",download:thumbnailUrl,icon:Object(esm.b)(DownloadIcon.a,null),title:"Download"}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(FullscreenIcon.a,null),title:"Fullscreen",onClick:openFullscreenModal})),isFullscreenModalOpen&&value&&Object(esm.b)(FullscreenPreview.a,{title:value.originalFilename,src:thumbnailUrl,onClose:closeFullscreenModal},Object(esm.b)(Button.a,{href:thumbnailUrl,ghost:!0,level:"tertiary",target:"_blank",download:thumbnailUrl},Object(esm.b)(DownloadIcon.a,null)," Download")))};MediaFileInput_stories_clearable.storyName="Clearable",MediaFileInput_stories_clearable.parameters={storySource:{source:'args => {\n const file = {\n filePath: \'/file/path.jpg\',\n originalFilename: \'nice-name.jpg\'\n };\n const [thumbnailUrl, uploader] = useFakeMediaStorage(\'https://picsum.photos/seed/akeneo/200\');\n const [isFullscreenModalOpen, openFullscreenModal, closeFullscreenModal] = useBooleanState();\n const [value, setValue] = useState(file);\n return <>\n \n } title="Download" />\n } title="Fullscreen" onClick={openFullscreenModal} />\n \n \n } title="Download" />\n } title="Fullscreen" onClick={openFullscreenModal} />\n \n {isFullscreenModalOpen && value && \n \n }\n ;\n}'}};var MediaFileInput_stories_readOnly=function readOnly(args){var file={filePath:"/file/path.jpg",originalFilename:"nice-name.jpg"},_useFakeMediaStorage18=MediaFileInput_stories_slicedToArray(useFakeMediaStorage_useFakeMediaStorage("https://picsum.photos/seed/akeneo/200"),2),thumbnailUrl=_useFakeMediaStorage18[0],uploader=_useFakeMediaStorage18[1],_useBooleanState18=MediaFileInput_stories_slicedToArray(Object(useBooleanState.a)(),3),isFullscreenModalOpen=_useBooleanState18[0],openFullscreenModal=_useBooleanState18[1],closeFullscreenModal=_useBooleanState18[2];return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MediaFileInput,_extends({},args,{value:null,readOnly:!0,uploader:uploader,thumbnailUrl:thumbnailUrl}),Object(esm.b)(IconButton.a,{href:thumbnailUrl,target:"_blank",download:thumbnailUrl,icon:Object(esm.b)(DownloadIcon.a,null),title:"Download"}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(FullscreenIcon.a,null),title:"Fullscreen",onClick:openFullscreenModal})),Object(esm.b)(MediaFileInput,_extends({},args,{value:file,readOnly:!0,uploader:uploader,thumbnailUrl:thumbnailUrl}),Object(esm.b)(IconButton.a,{href:thumbnailUrl,target:"_blank",download:thumbnailUrl,icon:Object(esm.b)(DownloadIcon.a,null),title:"Download"}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(FullscreenIcon.a,null),title:"Fullscreen",onClick:openFullscreenModal})),Object(esm.b)(MediaFileInput,_extends({},args,{value:null,size:"small",readOnly:!0,uploader:uploader,thumbnailUrl:thumbnailUrl}),Object(esm.b)(IconButton.a,{href:thumbnailUrl,target:"_blank",download:thumbnailUrl,icon:Object(esm.b)(DownloadIcon.a,null),title:"Download"}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(FullscreenIcon.a,null),title:"Fullscreen",onClick:openFullscreenModal})),Object(esm.b)(MediaFileInput,_extends({},args,{value:file,size:"small",readOnly:!0,uploader:uploader,thumbnailUrl:thumbnailUrl}),Object(esm.b)(IconButton.a,{href:thumbnailUrl,target:"_blank",download:thumbnailUrl,icon:Object(esm.b)(DownloadIcon.a,null),title:"Download"}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(FullscreenIcon.a,null),title:"Fullscreen",onClick:openFullscreenModal})),isFullscreenModalOpen&&file&&Object(esm.b)(FullscreenPreview.a,{title:file.originalFilename,src:thumbnailUrl,onClose:closeFullscreenModal},Object(esm.b)(Button.a,{href:thumbnailUrl,ghost:!0,level:"tertiary",target:"_blank",download:thumbnailUrl},Object(esm.b)(DownloadIcon.a,null)," Download")))};MediaFileInput_stories_readOnly.storyName="Read only",MediaFileInput_stories_readOnly.parameters={storySource:{source:'args => {\n const file = {\n filePath: \'/file/path.jpg\',\n originalFilename: \'nice-name.jpg\'\n };\n const [thumbnailUrl, uploader] = useFakeMediaStorage(\'https://picsum.photos/seed/akeneo/200\');\n const [isFullscreenModalOpen, openFullscreenModal, closeFullscreenModal] = useBooleanState();\n return <>\n \n } title="Download" />\n } title="Fullscreen" onClick={openFullscreenModal} />\n \n \n } title="Download" />\n } title="Fullscreen" onClick={openFullscreenModal} />\n \n \n } title="Download" />\n } title="Fullscreen" onClick={openFullscreenModal} />\n \n \n } title="Download" />\n } title="Fullscreen" onClick={openFullscreenModal} />\n \n {isFullscreenModalOpen && file && \n \n }\n ;\n}'}};var MediaFileInput_stories_invalid=function invalid(args){var _useFakeMediaStorage20=MediaFileInput_stories_slicedToArray(useFakeMediaStorage_useFakeMediaStorage("https://picsum.photos/seed/akeneo/200"),2),thumbnailUrl=_useFakeMediaStorage20[0],uploader=_useFakeMediaStorage20[1],_useBooleanState20=MediaFileInput_stories_slicedToArray(Object(useBooleanState.a)(),3),isFullscreenModalOpen=_useBooleanState20[0],openFullscreenModal=_useBooleanState20[1],closeFullscreenModal=_useBooleanState20[2],_useState16=MediaFileInput_stories_slicedToArray(Object(react.useState)({filePath:"/file/path.jpg",originalFilename:"invalid-image.jpg"}),2),value=_useState16[0],setValue=_useState16[1];return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MediaFileInput,_extends({},args,{value:value,thumbnailUrl:thumbnailUrl,onChange:setValue,uploader:uploader,invalid:!0}),Object(esm.b)(IconButton.a,{href:thumbnailUrl,target:"_blank",download:thumbnailUrl,icon:Object(esm.b)(DownloadIcon.a,null),title:"Download"}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(FullscreenIcon.a,null),title:"Fullscreen",onClick:openFullscreenModal})),Object(esm.b)(MediaFileInput,_extends({},args,{size:"small",value:value,thumbnailUrl:thumbnailUrl,onChange:setValue,uploader:uploader,invalid:!0}),Object(esm.b)(IconButton.a,{href:thumbnailUrl,target:"_blank",download:thumbnailUrl,icon:Object(esm.b)(DownloadIcon.a,null),title:"Download"}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(FullscreenIcon.a,null),title:"Fullscreen",onClick:openFullscreenModal})),isFullscreenModalOpen&&value&&Object(esm.b)(FullscreenPreview.a,{title:value.originalFilename,src:thumbnailUrl,onClose:closeFullscreenModal},Object(esm.b)(Button.a,{href:thumbnailUrl,ghost:!0,level:"tertiary",target:"_blank",download:thumbnailUrl},Object(esm.b)(DownloadIcon.a,null)," Download")))};MediaFileInput_stories_invalid.storyName="Invalid",MediaFileInput_stories_invalid.parameters={storySource:{source:'args => {\n const file = {\n filePath: \'/file/path.jpg\',\n originalFilename: \'invalid-image.jpg\'\n };\n const [thumbnailUrl, uploader] = useFakeMediaStorage(\'https://picsum.photos/seed/akeneo/200\');\n const [isFullscreenModalOpen, openFullscreenModal, closeFullscreenModal] = useBooleanState();\n const [value, setValue] = useState(file);\n return <>\n \n } title="Download" />\n } title="Fullscreen" onClick={openFullscreenModal} />\n \n \n } title="Download" />\n } title="Fullscreen" onClick={openFullscreenModal} />\n \n {isFullscreenModalOpen && value && \n \n }\n ;\n}'}};var componentMeta={title:"Components/Inputs/Media File input",component:MediaFileInput,args:{value:null,placeholder:"Drag and drop to upload or click here",clearTitle:"Clear",uploadingLabel:"Uploading...",uploadErrorLabel:"An error occurred during upload"},includeStories:["standard","size","clearable","readOnly","invalid"]},mdxStoryNameToKey={Standard:"standard",Size:"size",Clearable:"clearable","Read only":"readOnly",Invalid:"invalid"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Input/MediaLinkInput/MediaLinkInput.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return MediaLinkInput_stories_standard})),__webpack_require__.d(__webpack_exports__,"readOnly",(function(){return MediaLinkInput_stories_readOnly})),__webpack_require__.d(__webpack_exports__,"invalid",(function(){return MediaLinkInput_stories_invalid}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),styled_components_browser_esm=(__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js")),key=__webpack_require__("./src/shared/key.ts"),theme=__webpack_require__("./src/theme/theme.ts"),DefaultPictureIllustration=__webpack_require__("./src/illustrations/DefaultPictureIllustration.tsx"),IconButton=__webpack_require__("./src/components/IconButton/IconButton.tsx"),Image=__webpack_require__("./src/components/Image/Image.tsx"),LockIcon=__webpack_require__("./src/icons/LockIcon.tsx"),useShortcut=__webpack_require__("./src/hooks/useShortcut.ts"),DefaultPicture=__webpack_require__("./static/illustrations/DefaultPicture.svg"),DefaultPicture_default=__webpack_require__.n(DefaultPicture),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["onChange","value","placeholder","thumbnailUrl","children","invalid","readOnly","onSubmit"];function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _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 _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e void) | (((newValue: string) => void) & ((newValue: string) => void))"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"",name:"aria-labelledby",required:!1,type:{name:"string"}},readOnly:{defaultValue:{value:"false"},description:"",name:"readOnly",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:"Value of the input.",name:"value",required:!0,type:{name:"string"}},thumbnailUrl:{defaultValue:null,description:"Url of the thumbnail (can be base64).",name:"thumbnailUrl",required:!0,type:{name:"string | null"}},placeholder:{defaultValue:null,description:"Placeholder displayed when the input is empty.",name:"placeholder",required:!1,type:{name:"string"}},invalid:{defaultValue:{value:"false"},description:"Defines if the input is valid or not.",name:"invalid",required:!1,type:{name:"boolean"}},onSubmit:{defaultValue:null,description:"Callback called when the user hit enter on the field.",name:"onSubmit",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/MediaLinkInput/MediaLinkInput.tsx#MediaLinkInput"]={docgenInfo:MediaLinkInput.__docgenInfo,name:"MediaLinkInput",path:"src/components/Input/MediaLinkInput/MediaLinkInput.tsx#MediaLinkInput"})}catch(__react_docgen_typescript_loader_error){}var FullscreenPreview=__webpack_require__("./src/storybook/components/FullscreenPreview.tsx"),Button=__webpack_require__("./src/components/Button/Button.tsx"),RefreshIcon=__webpack_require__("./src/icons/RefreshIcon.tsx"),CopyIcon=__webpack_require__("./src/icons/CopyIcon.tsx"),DownloadIcon=__webpack_require__("./src/icons/DownloadIcon.tsx"),FullscreenIcon=__webpack_require__("./src/icons/FullscreenIcon.tsx"),useBooleanState=__webpack_require__("./src/hooks/useBooleanState.ts"),MediaLinkInput_stories_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;er.length)&&(a=r.length);for(var e=0,n=Array(a);e {\n const [value, setValue] = useState(\'https://picsum.photos/seed/strixos/500/500\');\n const [isFullscreenModalOpen, openFullscreenModal, closeFullscreenModal] = useBooleanState();\n return <>\n \n } title="Regenerate" onClick={console.log} />\n } title="Copy" onClick={console.log} />\n } title="Download" />\n } title="Fullscreen" onClick={openFullscreenModal} />\n \n {isFullscreenModalOpen && value && \n \n }\n ;\n}'}};var MediaLinkInput_stories_readOnly=function readOnly(args){var _useState10=MediaLinkInput_stories_slicedToArray(Object(react.useState)("https://picsum.photos/seed/strixos/500/500"),2),value=_useState10[0],setValue=_useState10[1],_useBooleanState10=MediaLinkInput_stories_slicedToArray(Object(useBooleanState.a)(),3),isFullscreenModalOpen=_useBooleanState10[0],openFullscreenModal=_useBooleanState10[1],closeFullscreenModal=_useBooleanState10[2];return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MediaLinkInput,_extends({},args,{readOnly:!1,value:"",onChange:setValue,thumbnailUrl:value}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(RefreshIcon.a,null),title:"Regenerate",onClick:console.log}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(CopyIcon.a,null),title:"Copy",onClick:console.log}),Object(esm.b)(IconButton.a,{href:value,target:"_blank",download:value,icon:Object(esm.b)(DownloadIcon.a,null),title:"Download"}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(FullscreenIcon.a,null),title:"Fullscreen",onClick:openFullscreenModal})),Object(esm.b)(MediaLinkInput,_extends({},args,{readOnly:!0,value:"",onChange:setValue,thumbnailUrl:value}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(RefreshIcon.a,null),title:"Regenerate",onClick:console.log}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(CopyIcon.a,null),title:"Copy",onClick:console.log}),Object(esm.b)(IconButton.a,{href:value,target:"_blank",download:value,icon:Object(esm.b)(DownloadIcon.a,null),title:"Download"}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(FullscreenIcon.a,null),title:"Fullscreen",onClick:openFullscreenModal})),Object(esm.b)(MediaLinkInput,_extends({},args,{readOnly:!0,value:value,onChange:setValue,thumbnailUrl:value}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(RefreshIcon.a,null),title:"Regenerate",onClick:console.log}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(CopyIcon.a,null),title:"Copy",onClick:console.log}),Object(esm.b)(IconButton.a,{href:value,target:"_blank",download:value,icon:Object(esm.b)(DownloadIcon.a,null),title:"Download"}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(FullscreenIcon.a,null),title:"Fullscreen",onClick:openFullscreenModal})),isFullscreenModalOpen&&value&&Object(esm.b)(FullscreenPreview.a,{title:value.originalFilename,src:value,onClose:closeFullscreenModal},Object(esm.b)(Button.a,{href:value,ghost:!0,level:"tertiary",target:"_blank",download:value},Object(esm.b)(DownloadIcon.a,null)," Download")))};MediaLinkInput_stories_readOnly.storyName="Read only",MediaLinkInput_stories_readOnly.parameters={storySource:{source:'args => {\n const [value, setValue] = useState(\'https://picsum.photos/seed/strixos/500/500\');\n const [isFullscreenModalOpen, openFullscreenModal, closeFullscreenModal] = useBooleanState();\n return <>\n \n } title="Regenerate" onClick={console.log} />\n } title="Copy" onClick={console.log} />\n } title="Download" />\n } title="Fullscreen" onClick={openFullscreenModal} />\n \n \n } title="Regenerate" onClick={console.log} />\n } title="Copy" onClick={console.log} />\n } title="Download" />\n } title="Fullscreen" onClick={openFullscreenModal} />\n \n \n } title="Regenerate" onClick={console.log} />\n } title="Copy" onClick={console.log} />\n } title="Download" />\n } title="Fullscreen" onClick={openFullscreenModal} />\n \n {isFullscreenModalOpen && value && \n \n }\n ;\n}'}};var MediaLinkInput_stories_invalid=function invalid(args){var _useState12=MediaLinkInput_stories_slicedToArray(Object(react.useState)("https://picsum.photos/seed/strixos/500/500"),2),value=_useState12[0],setValue=_useState12[1],_useBooleanState12=MediaLinkInput_stories_slicedToArray(Object(useBooleanState.a)(),3),isFullscreenModalOpen=_useBooleanState12[0],openFullscreenModal=_useBooleanState12[1],closeFullscreenModal=_useBooleanState12[2];return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MediaLinkInput,_extends({},args,{invalid:!1,value:value,onChange:setValue,thumbnailUrl:value}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(RefreshIcon.a,null),title:"Regenerate",onClick:console.log}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(CopyIcon.a,null),title:"Copy",onClick:console.log}),Object(esm.b)(IconButton.a,{href:value,target:"_blank",download:value,icon:Object(esm.b)(DownloadIcon.a,null),title:"Download"}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(FullscreenIcon.a,null),title:"Fullscreen",onClick:openFullscreenModal})),Object(esm.b)(MediaLinkInput,_extends({},args,{invalid:!0,value:value,onChange:setValue,thumbnailUrl:value}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(RefreshIcon.a,null),title:"Regenerate",onClick:console.log}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(CopyIcon.a,null),title:"Copy",onClick:console.log}),Object(esm.b)(IconButton.a,{href:value,target:"_blank",download:value,icon:Object(esm.b)(DownloadIcon.a,null),title:"Download"}),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(FullscreenIcon.a,null),title:"Fullscreen",onClick:openFullscreenModal})),isFullscreenModalOpen&&value&&Object(esm.b)(FullscreenPreview.a,{title:value.originalFilename,src:value,onClose:closeFullscreenModal},Object(esm.b)(Button.a,{href:value,ghost:!0,level:"tertiary",target:"_blank",download:value},Object(esm.b)(DownloadIcon.a,null)," Download")))};MediaLinkInput_stories_invalid.storyName="Invalid",MediaLinkInput_stories_invalid.parameters={storySource:{source:'args => {\n const [value, setValue] = useState(\'https://picsum.photos/seed/strixos/500/500\');\n const [isFullscreenModalOpen, openFullscreenModal, closeFullscreenModal] = useBooleanState();\n return <>\n \n } title="Regenerate" onClick={console.log} />\n } title="Copy" onClick={console.log} />\n } title="Download" />\n } title="Fullscreen" onClick={openFullscreenModal} />\n \n \n } title="Regenerate" onClick={console.log} />\n } title="Copy" onClick={console.log} />\n } title="Download" />\n } title="Fullscreen" onClick={openFullscreenModal} />\n \n {isFullscreenModalOpen && value && \n \n }\n ;\n}'}};var componentMeta={title:"Components/Inputs/Media Link input",component:MediaLinkInput,args:{value:null,placeholder:"Put your media link here"},includeStories:["standard","readOnly","invalid"]},mdxStoryNameToKey={Standard:"standard","Read only":"readOnly",Invalid:"invalid"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Input/MetricInput/MetricInput.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return MetricInput_stories_standard})),__webpack_require__.d(__webpack_exports__,"withFunctionsForLabels",(function(){return MetricInput_stories_withFunctionsForLabels}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),NumberInput=(__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./src/components/Input/NumberInput/NumberInput.tsx")),SelectInput=__webpack_require__("./src/components/Input/SelectInput/SelectInput.tsx"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),theme=__webpack_require__("./src/theme/theme.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var MetricInputContainer=styled_components_browser_esm.default.div(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n display: flex;\n > *:nth-child(2) {\n width: auto;\n }\n"]))),CustomNumberInput=Object(styled_components_browser_esm.default)(NumberInput.a)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n border-right: none;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n min-width: 60px;\n &:focus {\n border-right: 1px solid ",";\n width: calc(100% - 2px);\n }\n"])),Object(theme.a)("grey",80)),CustomSelectInput=Object(styled_components_browser_esm.default)(SelectInput.a)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n input {\n border-left: none;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n &:focus {\n border-left: 1px solid ",";\n }\n }\n span {\n text-transform: uppercase;\n color: ",";\n }\n"])),Object(theme.a)("grey",80),Object(theme.a)("grey",100)),MetricInput_MetricInput=function MetricInput(_ref){var amount=_ref.amount,onAmountChange=_ref.onAmountChange,unit=_ref.unit,onUnitChange=_ref.onUnitChange,unitOptions=_ref.unitOptions,openLabel=_ref.openLabel,min=_ref.min,max=_ref.max,getLabel=Object(react.useCallback)((function(unit,amount){var option=unitOptions.find((function(o){return o.value===unit}));return option?"string"==typeof option.label?option.label:option.label(amount):""}),[unitOptions]);return Object(jsx_runtime.jsxs)(MetricInputContainer,{children:[Object(jsx_runtime.jsx)(CustomNumberInput,{value:amount,onChange:onAmountChange,withIncrementIcons:!1,min:min,max:max}),Object(jsx_runtime.jsx)(CustomSelectInput,{onChange:onUnitChange,value:unit,clearable:!1,openLabel:openLabel,emptyResultLabel:"No result found",children:unitOptions.map((function(unitOption){return Object(jsx_runtime.jsx)(SelectInput.a.Option,{value:unitOption.value,title:getLabel(unitOption.value,amount),children:getLabel(unitOption.value,amount)},unitOption.value)}))})]})};MetricInput_MetricInput.displayName="MetricInput";try{MetricInput_MetricInput.displayName="MetricInput",MetricInput_MetricInput.__docgenInfo={description:"",displayName:"MetricInput",props:{amount:{defaultValue:null,description:"",name:"amount",required:!0,type:{name:"string"}},onAmountChange:{defaultValue:null,description:"",name:"onAmountChange",required:!0,type:{name:"(amount: string) => void"}},unit:{defaultValue:null,description:"",name:"unit",required:!0,type:{name:"string | null"}},onUnitChange:{defaultValue:null,description:"",name:"onUnitChange",required:!0,type:{name:"(unit: string) => void"}},unitOptions:{defaultValue:null,description:"",name:"unitOptions",required:!0,type:{name:"{ value: string; label: string | ((amount: string) => string); }[]"}},openLabel:{defaultValue:null,description:"",name:"openLabel",required:!0,type:{name:"string"}},min:{defaultValue:null,description:"",name:"min",required:!1,type:{name:"number"}},max:{defaultValue:null,description:"",name:"max",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/MetricInput/MetricInput.tsx#MetricInput"]={docgenInfo:MetricInput_MetricInput.__docgenInfo,name:"MetricInput",path:"src/components/Input/MetricInput/MetricInput.tsx#MetricInput"})}catch(__react_docgen_typescript_loader_error){}var _excluded=["components"];function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _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 _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e1?"Days":"Day"}},{value:"week",label:function label(value){return value>1?"Weeks":"Week"}},{value:"month",label:function label(value){return value>1?"Months":"Month"}},{value:"year",label:function label(value){return value>1?"Years":"Year"}}],mdxType:"MetricInput"}))}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var MetricInput_stories_standard=function standard(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MetricInput_MetricInput,args))};MetricInput_stories_standard.storyName="Standard",MetricInput_stories_standard.parameters={storySource:{source:"args => {\n return <>\n \n ;\n}"}};var MetricInput_stories_withFunctionsForLabels=function withFunctionsForLabels(args){var _useState6=_slicedToArray(Object(react.useState)(args.amount),2),amount=_useState6[0],setAmount=_useState6[1],_useState8=_slicedToArray(Object(react.useState)(args.unit),2),unit=_useState8[0],setUnit=_useState8[1];return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MetricInput_MetricInput,{amount:amount,unit:unit,onUnitChange:setUnit,onAmountChange:setAmount,unitOptions:[{value:"day",label:function label(value){return value>1?"Days":"Day"}},{value:"week",label:function label(value){return value>1?"Weeks":"Week"}},{value:"month",label:function label(value){return value>1?"Months":"Month"}},{value:"year",label:function label(value){return value>1?"Years":"Year"}}]}))};MetricInput_stories_withFunctionsForLabels.storyName="With functions for labels",MetricInput_stories_withFunctionsForLabels.parameters={storySource:{source:"args => {\n const [amount, setAmount] = useState(args.amount);\n const [unit, setUnit] = useState(args.unit);\n const unitOptions = [{\n value: 'day',\n label: value => value > 1 ? 'Days' : 'Day'\n }, {\n value: 'week',\n label: value => value > 1 ? 'Weeks' : 'Week'\n }, {\n value: 'month',\n label: value => value > 1 ? 'Months' : 'Month'\n }, {\n value: 'year',\n label: value => value > 1 ? 'Years' : 'Year'\n }];\n return <>\n \n ;\n}"}};var componentMeta={title:"Components/Inputs/Metric input",component:MetricInput_MetricInput,args:{amount:"12",unit:"week",unitOptions:[{value:"day",label:"Days"},{value:"week",label:"Weeks"},{value:"month",label:"Months"},{value:"year",label:"Years"}]},argTypes:{amount:{control:{type:"text"}},unit:{control:{type:"select"},options:["day","week","month","year"]},unitOptions:{control:{type:"object"}}},includeStories:["standard","withFunctionsForLabels"]},mdxStoryNameToKey={Standard:"standard","With functions for labels":"withFunctionsForLabels"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Input/MultiSelectInput/MultiSelectInput.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"optionGroup",(function(){return optionGroup})),__webpack_require__.d(__webpack_exports__,"readOnly",(function(){return readOnly})),__webpack_require__.d(__webpack_exports__,"lockedValues",(function(){return lockedValues})),__webpack_require__.d(__webpack_exports__,"invalid",(function(){return invalid})),__webpack_require__.d(__webpack_exports__,"invalidValue",(function(){return invalidValue})),__webpack_require__.d(__webpack_exports__,"verticalPosition",(function(){return verticalPosition})),__webpack_require__.d(__webpack_exports__,"large",(function(){return large})),__webpack_require__.d(__webpack_exports__,"pagination",(function(){return pagination}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_16___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_16__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/components/Input/MultiSelectInput/MultiSelectInput.tsx"),_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/storybook/PreviewGallery.tsx"),_excluded=["components"];function _toConsumableArray(r){return function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r)}(r)||function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(r)||_unsupportedIterableToArray(r)||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 _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;er.length)&&(a=r.length);for(var e=0,n=Array(a);e void"}}},children:{table:{type:{summary:"[]"}}}},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h1",{id:"multi-select-input"},"Multi select input"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"usage"},"Usage"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Multi select input allows the user to select content and data when the expected user input is composed of multiple option values."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h3",{id:"placeholder-text"},"Placeholder text"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"The placeholder text provides tips or examples of items to enter. Placeholder text disappears when the user begins entering data."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"playground"},"Playground"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{name:"Standard",mdxType:"Story"},(function(args){var _useState2=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)([]),2),value=_useState2[0],setValue=_useState2[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:170,mdxType:"SpaceContainer"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{removeLabel:"Remove",value:value,onChange:setValue,mdxType:"MultiSelectInput"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)")))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.b,{story:"Standard",mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"variation-on-optiongroup"},"Variation on optionGroup"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{name:"OptionGroup",mdxType:"Story"},(function(args){var _useState4=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)([]),2),value=_useState4[0],setValue=_useState4[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:170,mdxType:"SpaceContainer"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{removeLabel:"Remove",value:value,onChange:setValue,mdxType:"MultiSelectInput"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.OptionGroup,{title:"Europe"},"Europe"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_GB"},"English (United Kingdom)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.OptionGroup,{title:"America"},"America"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)")))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.b,{story:"OptionGroup",mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"variation-on-readonly"},"Variation on readOnly"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{name:"ReadOnly",mdxType:"Story"},(function(args){var _useState6=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)([]),2),value=_useState6[0],setValue=_useState6[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,{readOnly:!0,value:["en_US"],placeholder:"Placeholder",emptyResultLabel:"No match found",mdxType:"MultiSelectInput"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES"},"Spanish (Spain)")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,{readOnly:!0,value:["en_US","fr_FR"],onChange:setValue,emptyResultLabel:"No result found",mdxType:"MultiSelectInput"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,{readOnly:!1,value:value,onChange:setValue,placeholder:"Editable select",emptyResultLabel:"No result found",mdxType:"MultiSelectInput"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES"},"Spanish (Spain)")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:100,mdxType:"SpaceContainer"}))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"variation-on-locked-values"},"Variation on locked values"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{name:"LockedValues",mdxType:"Story"},(function(args){var _useState8=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(["en_US","fr_FR","de_DE"]),2),value=_useState8[0],setValue=_useState8[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,{value:value,placeholder:"Placeholder",emptyResultLabel:"No match found",lockedValues:["en_US","fr_FR"],onChange:setValue,mdxType:"MultiSelectInput"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES"},"Spanish (Spain)"))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"variation-on-invalid"},"Variation on invalid"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{name:"Invalid",mdxType:"Story"},(function(args){var _useState10=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)([]),2),validValue=_useState10[0],setValidValue=_useState10[1],_useState12=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)([]),2),invalidValue=_useState12[0],setInvalidValue=_useState12[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:invalidValue,onChange:setInvalidValue,invalid:!0,placeholder:"Invalid input value",mdxType:"MultiSelectInput"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES"},"Spanish (Spain)")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,{value:validValue,onChange:setValidValue,invalid:!1,placeholder:"Valid input value",emptyResultLabel:"No result found",mdxType:"MultiSelectInput"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES"},"Spanish (Spain)")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:100,mdxType:"SpaceContainer"}))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"variation-on-invalid-value"},"Variation on invalid value"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{name:"InvalidValue",mdxType:"Story"},(function(args){var _useState14=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(["en_US","fr_FR"]),2),validValue=_useState14[0],setValidValue=_useState14[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:validValue,invalidValue:["en_US","de_DE"],onChange:setValidValue,placeholder:"Invalid input value",mdxType:"MultiSelectInput"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES"},"Spanish (Spain)")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:100,mdxType:"SpaceContainer"}))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"variation-on-vertical-position"},"Variation on vertical position"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{name:"Vertical position",mdxType:"Story"},(function(args){var _useState16=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)([]),2),upValue=_useState16[0],setUpValue=_useState16[1],_useState18=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)([]),2),downValue=_useState18[0],setDownValue=_useState18[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:120,mdxType:"SpaceContainer"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:upValue,onChange:setUpValue,verticalPosition:"up",placeholder:"Up input",mdxType:"MultiSelectInput"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES"},"Spanish (Spain)")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,{value:downValue,onChange:setDownValue,verticalPosition:"down",placeholder:"Down input",emptyResultLabel:"No result found",mdxType:"MultiSelectInput"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES"},"Spanish (Spain)")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:100,mdxType:"SpaceContainer"}))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"variation-on-large-select-input"},"Variation on large select input"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{name:"Large",mdxType:"Story"},(function(args){var _useState20=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)([]),2),value=_useState20[0],setValue=_useState20[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:value,onChange:setValue,emptyResultLabel:"No match found",mdxType:"MultiSelectInput"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES"},"Spanish (Spain)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"ad_AD"},"Andorra"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"ae_AE"},"United Arab Emirates"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"af_AF"},"Afghanistan"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"ag_AG"},"Antigua and Barbuda"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"ai_AI"},"Anguilla"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"al_AL"},"Albania"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"au_AU"},"Australia"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"be_BE"},"Belgium"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"br_BR"},"Brazil"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"bs_BS"},"Bahamas")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:350,mdxType:"SpaceContainer"}))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"pagination"},"Pagination"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{name:"Pagination",mdxType:"Story"},(function(args){var _useState22=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(_toConsumableArray(Array(20).keys())),2),items=_useState22[0],setItems=_useState22[1],_useState24=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)([]),2),value=_useState24[0],setValue=_useState24[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:170,mdxType:"SpaceContainer"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:value,onChange:setValue,emptyResultLabel:"No matches found",onNextPage:function onNextPage(){setItems(_toConsumableArray(Array(items.length+20).keys()))},mdxType:"MultiSelectInput"}),items.map((function(item){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"Option "+item,title:"Option "+item,key:"Option "+item},"Option "+(item+1))}))))}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var standard=function standard(args){var _useState26=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)([]),2),value=_useState26[0],setValue=_useState26[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:170},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{removeLabel:"Remove",value:value,onChange:setValue}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)")))};standard.displayName="standard",standard.storyName="Standard",standard.parameters={storySource:{source:'args => {\n const [value, setValue] = useState([]);\n return \n \n English (United States)\n French (France)\n German (Germany)\n \n ;\n}'}};var optionGroup=function optionGroup(args){var _useState28=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)([]),2),value=_useState28[0],setValue=_useState28[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:170},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{removeLabel:"Remove",value:value,onChange:setValue}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.OptionGroup,{title:"Europe"},"Europe"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_GB"},"English (United Kingdom)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.OptionGroup,{title:"America"},"America"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)")))};optionGroup.displayName="optionGroup",optionGroup.storyName="OptionGroup",optionGroup.parameters={storySource:{source:'args => {\n const [value, setValue] = useState([]);\n return \n \n Europe\n English (United Kingdom)\n French (France)\n German (Germany)\n America\n English (United States)\n \n ;\n}'}};var readOnly=function readOnly(args){var _useState30=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)([]),2),value=_useState30[0],setValue=_useState30[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,{readOnly:!0,value:["en_US"],placeholder:"Placeholder",emptyResultLabel:"No match found"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES"},"Spanish (Spain)")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,{readOnly:!0,value:["en_US","fr_FR"],onChange:setValue,emptyResultLabel:"No result found"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,{readOnly:!1,value:value,onChange:setValue,placeholder:"Editable select",emptyResultLabel:"No result found"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES"},"Spanish (Spain)")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:100}))};readOnly.storyName="ReadOnly",readOnly.parameters={storySource:{source:'args => {\n const [value, setValue] = useState([]);\n return <>\n \n English (United States)\n French (France)\n German (Germany)\n Spanish (Spain)\n \n \n English (United States)\n French (France)\n \n \n English (United States)\n French (France)\n German (Germany)\n Spanish (Spain)\n \n \n ;\n}'}};var lockedValues=function lockedValues(args){var _useState32=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(["en_US","fr_FR","de_DE"]),2),value=_useState32[0],setValue=_useState32[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,{value:value,placeholder:"Placeholder",emptyResultLabel:"No match found",lockedValues:["en_US","fr_FR"],onChange:setValue},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES"},"Spanish (Spain)"))};lockedValues.displayName="lockedValues",lockedValues.storyName="LockedValues",lockedValues.parameters={storySource:{source:'args => {\n const [value, setValue] = useState([\'en_US\', \'fr_FR\', \'de_DE\']);\n return \n English (United States)\n French (France)\n German (Germany)\n Spanish (Spain)\n ;\n}'}};var invalid=function invalid(args){var _useState34=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)([]),2),validValue=_useState34[0],setValidValue=_useState34[1],_useState36=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)([]),2),invalidValue=_useState36[0],setInvalidValue=_useState36[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:invalidValue,onChange:setInvalidValue,invalid:!0,placeholder:"Invalid input value"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES"},"Spanish (Spain)")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,{value:validValue,onChange:setValidValue,invalid:!1,placeholder:"Valid input value",emptyResultLabel:"No result found"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES"},"Spanish (Spain)")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:100}))};invalid.storyName="Invalid",invalid.parameters={storySource:{source:'args => {\n const [validValue, setValidValue] = useState([]);\n const [invalidValue, setInvalidValue] = useState([]);\n return <>\n \n English (United States)\n French (France)\n German (Germany)\n Spanish (Spain)\n \n \n English (United States)\n French (France)\n German (Germany)\n Spanish (Spain)\n \n \n ;\n}'}};var invalidValue=function invalidValue(args){var _useState38=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(["en_US","fr_FR"]),2),validValue=_useState38[0],setValidValue=_useState38[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:validValue,invalidValue:["en_US","de_DE"],onChange:setValidValue,placeholder:"Invalid input value"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES"},"Spanish (Spain)")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:100}))};invalidValue.storyName="InvalidValue",invalidValue.parameters={storySource:{source:'args => {\n const invalidValue = [\'en_US\', \'de_DE\'];\n const [validValue, setValidValue] = useState([\'en_US\', \'fr_FR\']);\n return <>\n \n English (United States)\n French (France)\n German (Germany)\n Spanish (Spain)\n \n \n ;\n}'}};var verticalPosition=function verticalPosition(args){var _useState40=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)([]),2),upValue=_useState40[0],setUpValue=_useState40[1],_useState42=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)([]),2),downValue=_useState42[0],setDownValue=_useState42[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:120}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:upValue,onChange:setUpValue,verticalPosition:"up",placeholder:"Up input"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES"},"Spanish (Spain)")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,{value:downValue,onChange:setDownValue,verticalPosition:"down",placeholder:"Down input",emptyResultLabel:"No result found"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES"},"Spanish (Spain)")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:100}))};verticalPosition.storyName="Vertical position",verticalPosition.parameters={storySource:{source:'args => {\n const [upValue, setUpValue] = useState([]);\n const [downValue, setDownValue] = useState([]);\n return <>\n \n \n English (United States)\n French (France)\n German (Germany)\n Spanish (Spain)\n \n \n English (United States)\n French (France)\n German (Germany)\n Spanish (Spain)\n \n \n ;\n}'}};var large=function large(args){var _useState44=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)([]),2),value=_useState44[0],setValue=_useState44[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:value,onChange:setValue,emptyResultLabel:"No match found"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US"},"English (United States)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR"},"French (France)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE"},"German (Germany)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES"},"Spanish (Spain)"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"ad_AD"},"Andorra"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"ae_AE"},"United Arab Emirates"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"af_AF"},"Afghanistan"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"ag_AG"},"Antigua and Barbuda"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"ai_AI"},"Anguilla"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"al_AL"},"Albania"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"au_AU"},"Australia"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"be_BE"},"Belgium"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"br_BR"},"Brazil"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"bs_BS"},"Bahamas")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:350}))};large.storyName="Large",large.parameters={storySource:{source:'args => {\n const [value, setValue] = useState([]);\n return <>\n \n English (United States)\n French (France)\n German (Germany)\n Spanish (Spain)\n Andorra\n United Arab Emirates\n Afghanistan\n Antigua and Barbuda\n Anguilla\n Albania\n Australia\n Belgium\n Brazil\n Bahamas\n \n \n ;\n}'}};var pagination=function pagination(args){var _useState46=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(_toConsumableArray(Array(20).keys())),2),items=_useState46[0],setItems=_useState46[1],_useState48=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)([]),2),value=_useState48[0],setValue=_useState48[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:170},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:value,onChange:setValue,emptyResultLabel:"No matches found",onNextPage:function onNextPage(){setItems(_toConsumableArray(Array(items.length+20).keys()))}}),items.map((function(item){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"Option "+item,title:"Option "+item,key:"Option "+item},"Option "+(item+1))}))))};pagination.displayName="pagination",pagination.storyName="Pagination",pagination.parameters={storySource:{source:'args => {\n const [items, setItems] = useState([...Array(20).keys()]);\n const [value, setValue] = useState([]);\n const onNextPage = () => {\n setItems([...Array(items.length + 20).keys()]);\n };\n return \n \n {items.map(item => \n {`Option ${item + 1}`}\n )}\n \n ;\n}'}};var componentMeta={title:"Components/Inputs/Multi Select input",component:_MultiSelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,args:{placeholder:"Please enter a value in the Multi select input",emptyResultLabel:"No result found",value:[]},argTypes:{readOnly:{control:{type:"boolean"},description:"Defines if the input should be read only. If defined so, the user cannot change the value of the input.",table:{type:{summary:"boolean"}}},onChange:{description:"The handler called when the value of the input changes.",table:{type:{summary:"(newValue: string[]) => void"}}},children:{table:{type:{summary:"[]"}}}},includeStories:["standard","optionGroup","readOnly","lockedValues","invalid","invalidValue","verticalPosition","large","pagination"]},mdxStoryNameToKey={Standard:"standard",OptionGroup:"optionGroup",ReadOnly:"readOnly",LockedValues:"lockedValues",Invalid:"invalid",InvalidValue:"invalidValue","Vertical position":"verticalPosition",Large:"large",Pagination:"pagination"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Input/MultiSelectInput/MultiSelectInput.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return MultiSelectInput_MultiSelectInput}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.reduce.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.array.some.js"),__webpack_require__("./node_modules/core-js/modules/es.array.find-index.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),array=__webpack_require__("./src/shared/array.ts"),key=__webpack_require__("./src/shared/key.ts"),Overlay=__webpack_require__("./src/components/Input/common/Overlay.tsx"),IconButton=__webpack_require__("./src/components/IconButton/IconButton.tsx"),useBooleanState=__webpack_require__("./src/hooks/useBooleanState.ts"),useShortcut=__webpack_require__("./src/hooks/useShortcut.ts"),theme_theme=__webpack_require__("./src/theme/theme.ts"),ArrowDownIcon=__webpack_require__("./src/icons/ArrowDownIcon.tsx"),CloseIcon=__webpack_require__("./src/icons/CloseIcon.tsx"),LockIcon=__webpack_require__("./src/icons/LockIcon.tsx"),useTheme=__webpack_require__("./src/hooks/useTheme.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _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 _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e "," {\n padding-left: 11px;\n }\n"])),Object(theme_theme.a)("grey",120),Input),ReadOnlyIcon=Object(styled_components_browser_esm.default)(LockIcon.a)(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n position: absolute;\n right: 0;\n top: 0;\n margin: 11px;\n color: ",";\n"])),Object(theme_theme.a)("grey",100)),LockedValueIcon=Object(styled_components_browser_esm.default)(LockIcon.a)(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(["\n padding-right: 5px;\n"]))),RemoveButton=Object(styled_components_browser_esm.default)(IconButton.a)(_templateObject7||(_templateObject7=_taggedTemplateLiteralLoose(["\n background-color: transparent;\n margin-left: -3px;\n margin-right: 1px;\n color: ",";\n"])),(function(_ref7){return _ref7.isErrored?Object(theme_theme.a)("red",100):Object(theme_theme.a)("grey",100)})),ChipInput=react_default.a.forwardRef((function(_ref8,forwardedRef){var id=_ref8.id,value=_ref8.value,invalidValue=_ref8.invalidValue,invalid=_ref8.invalid,readOnly=_ref8.readOnly,placeholder=_ref8.placeholder,searchValue=_ref8.searchValue,removeLabel=_ref8.removeLabel,onRemove=_ref8.onRemove,onSearchChange=_ref8.onSearchChange,onFocus=_ref8.onFocus,lockedValues=_ref8.lockedValues,theme=Object(useTheme.a)(),_useBooleanState2=_slicedToArray(Object(useBooleanState.a)(),3),isLastSelected=_useBooleanState2[0],selectLast=_useBooleanState2[1],unselectLast=_useBooleanState2[2];return Object(react.useEffect)((function(){unselectLast()}),[value,searchValue]),Object(useShortcut.a)(key.a.Backspace,(function handleBackspace(){""===searchValue&&0!==value.length&&(isLastSelected?onRemove(value[value.length-1].code):selectLast())}),forwardedRef),Object(jsx_runtime.jsxs)(Container,{invalid:invalid,readOnly:readOnly,children:[value.map((function(chip,index){return Object(jsx_runtime.jsxs)(Chip,{readOnly:readOnly,isLocked:null==lockedValues?void 0:lockedValues.includes(chip.code),isErrored:invalidValue.includes(chip.code),isSelected:index===value.length-1&&isLastSelected,children:[!readOnly&&!(null!=lockedValues&&lockedValues.includes(chip.code))&&Object(jsx_runtime.jsx)(RemoveButton,{title:removeLabel,ghost:"borderless",size:"small",level:"tertiary",icon:Object(jsx_runtime.jsx)(CloseIcon.a,{color:invalidValue.includes(chip.code)?theme.color.red100:theme.color.grey100}),onClick:function onClick(){return onRemove(chip.code)},isErrored:invalidValue.includes(chip.code)}),(null==lockedValues?void 0:lockedValues.includes(chip.code))&&Object(jsx_runtime.jsx)(LockedValueIcon,{size:16}),chip.label]},chip.code)})),Object(jsx_runtime.jsxs)(InputContainer,{children:[Object(jsx_runtime.jsx)(Input,{type:"text",id:id,value:searchValue,ref:forwardedRef,placeholder:0===value.length?placeholder:void 0,onChange:function handleChange(event){return onSearchChange(event.target.value)},onBlur:unselectLast,"aria-invalid":invalid,readOnly:readOnly,disabled:readOnly,onFocus:onFocus}),readOnly&&Object(jsx_runtime.jsx)(ReadOnlyIcon,{size:16})]})]})}));try{ChipInput.displayName="ChipInput",ChipInput.__docgenInfo={description:"",displayName:"ChipInput",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"ChipValue[]"}},invalidValue:{defaultValue:null,description:"",name:"invalidValue",required:!0,type:{name:"string[]"}},invalid:{defaultValue:null,description:"",name:"invalid",required:!1,type:{name:"boolean"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string"}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"boolean"}},searchValue:{defaultValue:null,description:"",name:"searchValue",required:!0,type:{name:"string"}},removeLabel:{defaultValue:null,description:"",name:"removeLabel",required:!0,type:{name:"string"}},onRemove:{defaultValue:null,description:"",name:"onRemove",required:!0,type:{name:"(chipCode: string) => void"}},onSearchChange:{defaultValue:null,description:"",name:"onSearchChange",required:!0,type:{name:"(searchValue: string) => void"}},onFocus:{defaultValue:null,description:"",name:"onFocus",required:!1,type:{name:"(() => void)"}},lockedValues:{defaultValue:null,description:"",name:"lockedValues",required:!1,type:{name:"string[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/MultiSelectInput/ChipInput.tsx#ChipInput"]={docgenInfo:ChipInput.__docgenInfo,name:"ChipInput",path:"src/components/Input/MultiSelectInput/ChipInput.tsx#ChipInput"})}catch(__react_docgen_typescript_loader_error){}var MultiSelectInput_templateObject,MultiSelectInput_templateObject2,MultiSelectInput_templateObject3,MultiSelectInput_templateObject4,MultiSelectInput_templateObject5,MultiSelectInput_templateObject6,MultiSelectInput_templateObject7,usePagination=__webpack_require__("./src/hooks/usePagination.ts"),_excluded=["children"],_excluded2=["children"],_excluded3=["id","placeholder","invalid","value","invalidValue","emptyResultLabel","children","onChange","removeLabel","onSubmit","openLabel","readOnly","verticalPosition","onNextPage","onSearchChange","disableInternalSearch","lockedValues","aria-labelledby"];function _toConsumableArray(r){return function _arrayWithoutHoles(r){if(Array.isArray(r))return MultiSelectInput_arrayLikeToArray(r)}(r)||function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(r)||MultiSelectInput_unsupportedIterableToArray(r)||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 MultiSelectInput_slicedToArray(r,e){return function MultiSelectInput_arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function MultiSelectInput_iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||MultiSelectInput_unsupportedIterableToArray(r,e)||function MultiSelectInput_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 MultiSelectInput_unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return MultiSelectInput_arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?MultiSelectInput_arrayLikeToArray(r,a):void 0}}function MultiSelectInput_arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e0&&dropdownIsOpen){var firstOptionIndex=filteredChildren.findIndex((function(child){return isOption(child)})),newValue=filteredChildren[firstOptionIndex].props.value;null==onChange||onChange(Object(array.a)([].concat(_toConsumableArray(value),[newValue]))),setSearchValue(""),null==onSearchChange||onSearchChange(""),closeOverlay()}else!readOnly&&(null==onSubmit||onSubmit())}),inputRef),Object(useShortcut.a)(key.a.Escape,handleBlur,inputRef),Object(react.useEffect)((function(){filteredChildren.some((function(child){return isOptionGroup(child)}))&&setWithGroups(!0)}),[filteredChildren]),Object(jsx_runtime.jsxs)(MultiSelectInputContainer,Object.assign({ref:containerRef,readOnly:readOnly,value:value},rest,{children:[Object(jsx_runtime.jsxs)(MultiSelectInput_InputContainer,{children:[Object(jsx_runtime.jsx)(ChipInput,{ref:inputRef,id:id,placeholder:placeholder,value:value.map((function(chipCode){var _indexedChips$chipCod;return null!==(_indexedChips$chipCod=indexedChips[chipCode])&&void 0!==_indexedChips$chipCod?_indexedChips$chipCod:{code:chipCode,label:chipCode}})),invalidValue:invalidValue,searchValue:searchValue,removeLabel:removeLabel,readOnly:readOnly,invalid:invalid,onSearchChange:function handleSearch(value){setSearchValue(value),null==onSearchChange||onSearchChange(value),openOverlay()},onRemove:function handleRemove(chipsCode){null==onChange||onChange(value.filter((function(value){return value!==chipsCode})))},onFocus:function handleFocus(){return openOverlay()},lockedValues:lockedValues}),!readOnly&&Object(jsx_runtime.jsx)(ActionContainer,{children:Object(jsx_runtime.jsx)(IconButton.a,{ghost:"borderless",level:"tertiary",size:"small",icon:Object(jsx_runtime.jsx)(ArrowDownIcon.a,{}),title:openLabel,onClick:openOverlay,onFocus:handleBlur,tabIndex:0})})]}),dropdownIsOpen&&!readOnly&&Object(jsx_runtime.jsx)(Overlay.a,{parentRef:containerRef,onClose:handleBlur,children:Object(jsx_runtime.jsx)(OptionCollection,{ref:optionsContainerRef,withGroups:withGroups,children:hasChildren?filteredChildren.map((function(child,index){var _child$props;return isOptionGroup(child)?isOption(filteredChildren[index+1])?Object(jsx_runtime.jsx)(OptionGroupContainer,{role:"option-group",ref:index===filteredChildren.length-1?lastOptionRef:void 0,children:react_default.a.cloneElement(child)},null===(_child$props=child.props)||void 0===_child$props?void 0:_child$props.title):null:Object(jsx_runtime.jsx)(OptionContainer,{onClick:handleOptionClick(child.props.value),ref:index===filteredChildren.length-1?lastOptionRef:void 0,children:react_default.a.cloneElement(child)},child.props.value)})):Object(jsx_runtime.jsx)(EmptyResultContainer,{children:emptyResultLabel})})})]}))};MultiSelectInput_MultiSelectInput.displayName="MultiSelectInput",MultiSelectInput_Option.displayName="MultiSelectInput.Option",MultiSelectInput_OptionGroup.displayName="MultiSelectInput.OptionGroup",MultiSelectInput_MultiSelectInput.Option=MultiSelectInput_Option,MultiSelectInput_MultiSelectInput.OptionGroup=MultiSelectInput_OptionGroup;try{MultiSelectInput_MultiSelectInput.Option.displayName="MultiSelectInput.Option",MultiSelectInput_MultiSelectInput.Option.__docgenInfo={description:"Multi select input allows the user to select content and data\nwhen the expected user input is composed of multiple option values.",displayName:"MultiSelectInput.Option",props:{onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((newValue: string[]) => void) | (((newValue: string[]) => void) & ((newValue: string[]) => void))"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"",name:"aria-labelledby",required:!1,type:{name:"string"}},readOnly:{defaultValue:{value:"false"},description:"",name:"readOnly",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:"The props value of the selected option.",name:"value",required:!0,type:{name:"string[]"}},invalidValue:{defaultValue:{value:"[]"},description:"The selected options which are invalid",name:"invalidValue",required:!1,type:{name:"string[]"}},placeholder:{defaultValue:null,description:"The placeholder displayed when no option is selected.",name:"placeholder",required:!1,type:{name:"string"}},emptyResultLabel:{defaultValue:null,description:"The text displayed when no result was found.",name:"emptyResultLabel",required:!0,type:{name:"string"}},openLabel:{defaultValue:null,description:"Accessibility text for the open dropdown button.",name:"openLabel",required:!0,type:{name:"string"}},removeLabel:{defaultValue:null,description:"Accessibility text for the remove chip button.",name:"removeLabel",required:!0,type:{name:"string"}},invalid:{defaultValue:null,description:"Defines if the input is valid on not.",name:"invalid",required:!1,type:{name:"boolean"}},children:{defaultValue:{value:"[]"},description:"The options.",name:"children",required:!1,type:{name:"ReactElement> | ReactElement>[]"}},verticalPosition:{defaultValue:null,description:"Force the vertical position of the overlay.",name:"verticalPosition",required:!1,type:{name:"enum",value:[{value:'"up"'},{value:'"down"'}]}},lockedValues:{defaultValue:{value:"[]"},description:"Values that cannot be unselected",name:"lockedValues",required:!1,type:{name:"string[]"}},onSubmit:{defaultValue:null,description:"Callback called when the user hit enter on the field.",name:"onSubmit",required:!1,type:{name:"(() => void)"}},onNextPage:{defaultValue:null,description:"Handler called when the next page is almost reached.",name:"onNextPage",required:!1,type:{name:"(() => void) | (() => void)"}},onSearchChange:{defaultValue:null,description:"Handler called when the search value changed",name:"onSearchChange",required:!1,type:{name:"((searchValue: string) => void) | ((searchValue: string) => void)"}},disableInternalSearch:{defaultValue:{value:"false"},description:"",name:"disableInternalSearch",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/MultiSelectInput/MultiSelectInput.tsx#MultiSelectInput.Option"]={docgenInfo:MultiSelectInput_MultiSelectInput.Option.__docgenInfo,name:"MultiSelectInput.Option",path:"src/components/Input/MultiSelectInput/MultiSelectInput.tsx#MultiSelectInput.Option"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Input/NumberInput/NumberInput.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"readOnly",(function(){return readOnly})),__webpack_require__.d(__webpack_exports__,"invalid",(function(){return invalid}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_15___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_15__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_NumberInput_tsx__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/components/Input/NumberInput/NumberInput.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;er.length)&&(a=r.length);for(var e=0,n=Array(a);e void"}}}},args:{value:"",placeholder:"Please enter a value in the NumberInput"},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h1",{id:"number-input"},"Number input"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h2",{id:"usage"},"Usage"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("p",null,"Number input allows the user to enter content and data when the expected user input is only numbers."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h3",{id:"placeholder-text"},"Placeholder text"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("p",null,"The placeholder text provides tips or examples of items to enter. Placeholder text disappears when the user begins entering data."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h2",{id:"playground"},"Playground"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.e,{name:"Standard",mdxType:"Story"},(function(args){var _useState2=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_15__.useState)(args.value),2),value=_useState2[0],setValue=_useState2[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_NumberInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{value:value,onChange:setValue,mdxType:"NumberInput"}))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.b,{story:"Standard",mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h2",{id:"variation-on-readonly"},"Variation on readOnly"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.e,{name:"ReadOnly",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_NumberInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{readOnly:!1,mdxType:"NumberInput"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_NumberInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{readOnly:!0,mdxType:"NumberInput"})))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h2",{id:"variation-on-invalid"},"Variation on invalid"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.e,{name:"Invalid",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_NumberInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{invalid:!1,mdxType:"NumberInput"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_NumberInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{invalid:!0,mdxType:"NumberInput"})))}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var standard=function standard(args){var _useState4=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_15__.useState)(args.value),2),value=_useState4[0],setValue=_useState4[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_NumberInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{value:value,onChange:setValue}))};standard.displayName="standard",standard.storyName="Standard",standard.parameters={storySource:{source:"args => {\n const [value, setValue] = useState(args.value);\n return ;\n}"}};var readOnly=function readOnly(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_NumberInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{readOnly:!1})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_NumberInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{readOnly:!0})))};readOnly.storyName="ReadOnly",readOnly.parameters={storySource:{source:"args => {\n return <>\n \n \n ;\n}"}};var invalid=function invalid(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_NumberInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{invalid:!1})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_NumberInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{invalid:!0})))};invalid.storyName="Invalid",invalid.parameters={storySource:{source:"args => {\n return <>\n \n \n ;\n}"}};var componentMeta={title:"Components/Inputs/Number input",component:_NumberInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,args:{value:"",placeholder:"Please enter a value in the NumberInput"},argTypes:{readOnly:{control:{type:"boolean"},description:"Defines if the input should be read only. If defined so, the user cannot change the value of the input.",table:{type:{summary:"boolean"}}},onChange:{description:"The handler called when the value of the input changes.",table:{type:{summary:"(newValue: number) => void"}}}},includeStories:["standard","readOnly","invalid"]},mdxStoryNameToKey={Standard:"standard",ReadOnly:"readOnly",Invalid:"invalid"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Input/NumberInput/NumberInput.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return NumberInput}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__),styled_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_icons_ArrowDownIcon__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/icons/ArrowDownIcon.tsx"),_icons_ArrowUpIcon__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/icons/ArrowUpIcon.tsx"),_icons_LockIcon__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/icons/LockIcon.tsx"),_shared_key__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/shared/key.ts"),_theme_theme__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/theme/theme.ts"),_hooks_useShortcut__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/hooks/useShortcut.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["invalid","onChange","readOnly","step","value","onSubmit","withIncrementIcons"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var NumberInputContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n"]))),Input=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.input(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 40px;\n border: 1px solid ",";\n border-radius: 2px;\n background: ",";\n color: ",";\n font-size: ",";\n line-height: 40px;\n padding: 0 "," 0 15px;\n box-sizing: border-box;\n outline-style: none;\n appearance: textfield;\n ","\n\n &::-webkit-inner-spin-button,\n &::-webkit-outer-spin-button {\n -webkit-appearance: none;\n }\n\n &:focus {\n box-shadow: 0 0 0 2px ",";\n }\n\n &::placeholder {\n opacity: 1;\n color: ",";\n }\n"])),(function(_ref){return _ref.invalid?Object(_theme_theme__WEBPACK_IMPORTED_MODULE_11__.a)("red",100):Object(_theme_theme__WEBPACK_IMPORTED_MODULE_11__.a)("grey",80)}),(function(_ref2){return _ref2.readOnly?Object(_theme_theme__WEBPACK_IMPORTED_MODULE_11__.a)("grey",20):Object(_theme_theme__WEBPACK_IMPORTED_MODULE_11__.a)("white")}),(function(_ref3){return _ref3.readOnly?Object(_theme_theme__WEBPACK_IMPORTED_MODULE_11__.a)("grey",100):Object(_theme_theme__WEBPACK_IMPORTED_MODULE_11__.a)("grey",140)}),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_11__.e)("default"),(function(_ref4){return _ref4.readOnly?"35px":"15px"}),(function(_ref5){return _ref5.readOnly&&Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n overflow: hidden;\n text-overflow: ellipsis;\n "])))}),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_11__.a)("blue",40),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_11__.a)("grey",100)),ReadOnlyIcon=Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.default)(_icons_LockIcon__WEBPACK_IMPORTED_MODULE_9__.a)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n position: absolute;\n right: 0;\n top: 0;\n margin: 12px;\n color: ",";\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_11__.a)("grey",100)),IncrementIconContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n position: absolute;\n right: 0;\n top: 0;\n margin: 0 12px;\n display: flex;\n flex-direction: column;\n height: 100%;\n justify-content: center;\n cursor: pointer;\n color: ",";\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_11__.a)("grey",100)),NumberInput=react__WEBPACK_IMPORTED_MODULE_5___default.a.forwardRef((function(_ref6,forwardedRef){var _forwardedRef,invalid=_ref6.invalid,onChange=_ref6.onChange,readOnly=_ref6.readOnly,step=_ref6.step,value=_ref6.value,onSubmit=_ref6.onSubmit,_ref6$withIncrementIc=_ref6.withIncrementIcons,withIncrementIcons=void 0===_ref6$withIncrementIc||_ref6$withIncrementIc,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r void) | (((newValue: string) => void) & ((newValue: string) => void))"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"",name:"aria-labelledby",required:!1,type:{name:"string"}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:"Value of the input (it's a string to be able to manage weird cases externally)",name:"value",required:!0,type:{name:"string"}},placeholder:{defaultValue:null,description:"Placeholder displayed when the input is empty.",name:"placeholder",required:!1,type:{name:"string"}},min:{defaultValue:null,description:"The minimum value to accept for this input.\nThis attribute is not used to validate the field nor constriant user input.",name:"min",required:!1,type:{name:"number"}},max:{defaultValue:null,description:"The maximum value to accept for this input.\nThis attribute is not used to validate the field nor constriant user input.",name:"max",required:!1,type:{name:"number"}},step:{defaultValue:null,description:"A stepping interval to use when using up and down arrows to adjust the value, as well as for validation",name:"step",required:!1,type:{name:"number"}},invalid:{defaultValue:null,description:"Defines if the input is valid on not.",name:"invalid",required:!1,type:{name:"boolean"}},onSubmit:{defaultValue:null,description:"Callback called when the user hit enter on the field.",name:"onSubmit",required:!1,type:{name:"(() => void)"}},withIncrementIcons:{defaultValue:{value:"true"},description:"@internal",name:"withIncrementIcons",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/NumberInput/NumberInput.tsx#NumberInput"]={docgenInfo:NumberInput.__docgenInfo,name:"NumberInput",path:"src/components/Input/NumberInput/NumberInput.tsx#NumberInput"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Input/SelectInput/SelectInput.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"optionGroup",(function(){return optionGroup})),__webpack_require__.d(__webpack_exports__,"readOnly",(function(){return readOnly})),__webpack_require__.d(__webpack_exports__,"invalid",(function(){return invalid})),__webpack_require__.d(__webpack_exports__,"verticalPosition",(function(){return verticalPosition})),__webpack_require__.d(__webpack_exports__,"large",(function(){return large})),__webpack_require__.d(__webpack_exports__,"largeOptions",(function(){return largeOptions})),__webpack_require__.d(__webpack_exports__,"clearable",(function(){return clearable})),__webpack_require__.d(__webpack_exports__,"disabledOptions",(function(){return disabledOptions})),__webpack_require__.d(__webpack_exports__,"pagination",(function(){return pagination}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_16___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_16__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/components/Input/SelectInput/SelectInput.tsx"),_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/storybook/PreviewGallery.tsx"),_components__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./src/components/Locale/Locale.tsx"),_excluded=["components"];function _toConsumableArray(r){return function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r)}(r)||function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(r)||_unsupportedIterableToArray(r)||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 _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;er.length)&&(a=r.length);for(var e=0,n=Array(a);e void"}}}},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h1",{id:"select-input"},"Select input"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"usage"},"Usage"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"Select input allows the user to select content and data when the expected user input is composed of one option value."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h3",{id:"placeholder-text"},"Placeholder text"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("p",null,"The placeholder text provides tips or examples of items to enter. Placeholder text disappears when the user begins entering data."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"playground"},"Playground"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{name:"Standard",mdxType:"Story"},(function(args){var _useState2=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),value=_useState2[0],setValue=_useState2[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:170,mdxType:"SpaceContainer"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:value,onChange:setValue,mdxType:"SelectInput"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German",mdxType:"Locale"}))))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.b,{story:"Standard",mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"variation-on-option-group"},"Variation on option group"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{name:"OptionGroup",mdxType:"Story"},(function(args){var _useState4=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),value=_useState4[0],setValue=_useState4[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:170,mdxType:"SpaceContainer"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:value,onChange:setValue,mdxType:"SelectInput"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.OptionGroup,{title:"Europe"},"Europe"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_GB",title:"English (United Kingdom)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_GB",languageLabel:"English",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.OptionGroup,{title:"America"},"America"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English (United States)",mdxType:"Locale"}))))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.b,{story:"OptionGroup",mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"variation-on-readonly"},"Variation on readOnly"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{name:"ReadOnly",mdxType:"Story"},(function(args){var _useState6=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),value=_useState6[0],setValue=_useState6[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{readOnly:!0,value:null,placeholder:"Placeholder",emptyResultLabel:"No match found",mdxType:"SelectInput"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES",title:"Spanish (Spain)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"es_ES",languageLabel:"Spanish",mdxType:"Locale"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,{readOnly:!0,value:"en_US",onChange:setValue,emptyResultLabel:"No result found",mdxType:"SelectInput"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English",mdxType:"Locale"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,{readOnly:!1,value:value,onChange:setValue,placeholder:"Editable select",emptyResultLabel:"No result found",mdxType:"SelectInput"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES",title:"Spanish (Spain)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"es_ES",languageLabel:"Spanish",mdxType:"Locale"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:100,mdxType:"SpaceContainer"}))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"variation-on-invalid"},"Variation on invalid"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{name:"Invalid",mdxType:"Story"},(function(args){var _useState8=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),validValue=_useState8[0],setValidValue=_useState8[1],_useState10=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),invalidValue=_useState10[0],setInvalidValue=_useState10[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:invalidValue,onChange:setInvalidValue,invalid:!0,placeholder:"Invalid input value",mdxType:"SelectInput"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES",title:"Spanish (Spain)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"es_ES",languageLabel:"Spanish",mdxType:"Locale"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,{value:validValue,onChange:setValidValue,invalid:!1,placeholder:"Valid input value",emptyResultLabel:"No result found",mdxType:"SelectInput"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES",title:"Spanish (Spain)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"es_ES",languageLabel:"Spanish",mdxType:"Locale"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:100,mdxType:"SpaceContainer"}))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"variation-on-vertical-position"},"Variation on vertical position"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{name:"Vertical position",mdxType:"Story"},(function(args){var _useState12=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),upValue=_useState12[0],setUpValue=_useState12[1],_useState14=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),downValue=_useState14[0],setDownValue=_useState14[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:120,mdxType:"SpaceContainer"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:upValue,onChange:setUpValue,verticalPosition:"up",placeholder:"Up input",mdxType:"SelectInput"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES",title:"Spanish (Spain)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"es_ES",languageLabel:"Spanish",mdxType:"Locale"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,{value:downValue,onChange:setDownValue,verticalPosition:"down",placeholder:"Down input",emptyResultLabel:"No result found",mdxType:"SelectInput"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES",title:"Spanish (Spain)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"es_ES",languageLabel:"Spanish",mdxType:"Locale"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:100,mdxType:"SpaceContainer"}))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"variation-on-large-select-input"},"Variation on large select input"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{name:"Large",mdxType:"Story"},(function(args){var _useState16=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),value=_useState16[0],setValue=_useState16[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:value,onChange:setValue,emptyResultLabel:"No match found",mdxType:"SelectInput"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French large",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES",title:"Spanish (Spain)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"es_ES",languageLabel:"Spanish",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"ad_AD",title:"Andorra"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"ad_AD",languageLabel:"Andorra",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"ae_AE",title:"United Arab Emirates"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"ae_AE",languageLabel:"United Arab Emirates",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"af_AF",title:"Afghanistan"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"af_AF",languageLabel:"Afghanistan",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"ag_AG",title:"Antigua and Barbuda"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"ag_AG",languageLabel:"Antigua and Barbuda",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"ai_AI",title:"Anguilla"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"ai_AI",languageLabel:"Anguilla",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"al_AL",title:"Albania"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"al_AL",languageLabel:"Albania",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"au_AU",title:"Australia"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"au_AU",languageLabel:"Australia",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"be_BE",title:"Belgium"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"be_BE",languageLabel:"Belgium",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"br_BR",title:"Brazil"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"br_BR",languageLabel:"Brazil",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"bs_BS",title:"Bahamas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"bs_BS",languageLabel:"Bahamas",mdxType:"Locale"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:350,mdxType:"SpaceContainer"}))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"variation-on-large-options"},"Variation on large options"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{name:"Large Options",mdxType:"Story"},(function(args){var _useState18=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),value=_useState18[0],setValue=_useState18[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:value,onChange:setValue,emptyResultLabel:"No match found",mdxType:"SelectInput"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."},"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."},"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."},"Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:80,mdxType:"SpaceContainer"}))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"variation-on-clearable"},"Variation on clearable"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{name:"Clearable",mdxType:"Story"},(function(args){var _useState20=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),value=_useState20[0],setValue=_useState20[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:170,mdxType:"SpaceContainer"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{clearable:!1,value:value,onChange:setValue,mdxType:"SelectInput"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German",mdxType:"Locale"}))))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"variation-on-disabled-options"},"Variation on disabled options"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{name:"Disabled options",mdxType:"Story"},(function(args){var _useState22=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),value=_useState22[0],setValue=_useState22[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:170,mdxType:"SpaceContainer"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:value,onChange:setValue,mdxType:"SelectInput"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French",mdxType:"Locale"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)",disabled:!0},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German",mdxType:"Locale"}))))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)("h2",{id:"pagination"},"Pagination"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.e,{name:"Pagination",mdxType:"Story"},(function(args){var _useState24=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(_toConsumableArray(Array(20).keys())),2),items=_useState24[0],setItems=_useState24[1],_useState26=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),value=_useState26[0],setValue=_useState26[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:170,mdxType:"SpaceContainer"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:value,onChange:setValue,onNextPage:function onNextPage(){setItems(_toConsumableArray(Array(items.length+20).keys()))},mdxType:"SelectInput"}),items.map((function(item){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:item,title:item,key:item},"Option ",item+1)}))))}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var standard=function standard(args){var _useState28=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),value=_useState28[0],setValue=_useState28[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:170},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:value,onChange:setValue}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German"}))))};standard.displayName="standard",standard.storyName="Standard",standard.parameters={storySource:{source:'args => {\n const [value, setValue] = useState(null);\n return \n \n \n \n \n \n \n \n \n \n \n \n ;\n}'}};var optionGroup=function optionGroup(args){var _useState30=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),value=_useState30[0],setValue=_useState30[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:170},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:value,onChange:setValue}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.OptionGroup,{title:"Europe"},"Europe"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_GB",title:"English (United Kingdom)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_GB",languageLabel:"English"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.OptionGroup,{title:"America"},"America"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English (United States)"}))))};optionGroup.displayName="optionGroup",optionGroup.storyName="OptionGroup",optionGroup.parameters={storySource:{source:'args => {\n const [value, setValue] = useState(null);\n return \n \n \n Europe\n \n \n \n \n \n \n \n \n \n \n \n America\n \n \n \n \n \n ;\n}'}};var readOnly=function readOnly(args){var _useState32=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),value=_useState32[0],setValue=_useState32[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{readOnly:!0,value:null,placeholder:"Placeholder",emptyResultLabel:"No match found"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES",title:"Spanish (Spain)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"es_ES",languageLabel:"Spanish"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,{readOnly:!0,value:"en_US",onChange:setValue,emptyResultLabel:"No result found"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,{readOnly:!1,value:value,onChange:setValue,placeholder:"Editable select",emptyResultLabel:"No result found"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES",title:"Spanish (Spain)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"es_ES",languageLabel:"Spanish"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:100}))};readOnly.storyName="ReadOnly",readOnly.parameters={storySource:{source:'args => {\n const [value, setValue] = useState(null);\n return <>\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n ;\n}'}};var invalid=function invalid(args){var _useState34=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),validValue=_useState34[0],setValidValue=_useState34[1],_useState36=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),invalidValue=_useState36[0],setInvalidValue=_useState36[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:invalidValue,onChange:setInvalidValue,invalid:!0,placeholder:"Invalid input value"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES",title:"Spanish (Spain)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"es_ES",languageLabel:"Spanish"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,{value:validValue,onChange:setValidValue,invalid:!1,placeholder:"Valid input value",emptyResultLabel:"No result found"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES",title:"Spanish (Spain)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"es_ES",languageLabel:"Spanish"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:100}))};invalid.storyName="Invalid",invalid.parameters={storySource:{source:'args => {\n const [validValue, setValidValue] = useState(null);\n const [invalidValue, setInvalidValue] = useState(null);\n return <>\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n ;\n}'}};var verticalPosition=function verticalPosition(args){var _useState38=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),upValue=_useState38[0],setUpValue=_useState38[1],_useState40=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),downValue=_useState40[0],setDownValue=_useState40[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:120}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:upValue,onChange:setUpValue,verticalPosition:"up",placeholder:"Up input"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES",title:"Spanish (Spain)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"es_ES",languageLabel:"Spanish"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,{value:downValue,onChange:setDownValue,verticalPosition:"down",placeholder:"Down input",emptyResultLabel:"No result found"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES",title:"Spanish (Spain)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"es_ES",languageLabel:"Spanish"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:100}))};verticalPosition.storyName="Vertical position",verticalPosition.parameters={storySource:{source:'args => {\n const [upValue, setUpValue] = useState(null);\n const [downValue, setDownValue] = useState(null);\n return <>\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n ;\n}'}};var large=function large(args){var _useState42=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),value=_useState42[0],setValue=_useState42[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:value,onChange:setValue,emptyResultLabel:"No match found"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French large"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"es_ES",title:"Spanish (Spain)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"es_ES",languageLabel:"Spanish"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"ad_AD",title:"Andorra"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"ad_AD",languageLabel:"Andorra"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"ae_AE",title:"United Arab Emirates"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"ae_AE",languageLabel:"United Arab Emirates"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"af_AF",title:"Afghanistan"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"af_AF",languageLabel:"Afghanistan"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"ag_AG",title:"Antigua and Barbuda"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"ag_AG",languageLabel:"Antigua and Barbuda"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"ai_AI",title:"Anguilla"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"ai_AI",languageLabel:"Anguilla"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"al_AL",title:"Albania"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"al_AL",languageLabel:"Albania"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"au_AU",title:"Australia"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"au_AU",languageLabel:"Australia"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"be_BE",title:"Belgium"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"be_BE",languageLabel:"Belgium"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"br_BR",title:"Brazil"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"br_BR",languageLabel:"Brazil"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"bs_BS",title:"Bahamas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"bs_BS",languageLabel:"Bahamas"}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:350}))};large.storyName="Large",large.parameters={storySource:{source:'args => {\n const [value, setValue] = useState(null);\n return <>\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n ;\n}'}};var largeOptions=function largeOptions(args){var _useState44=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),value=_useState44[0],setValue=_useState44[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(react__WEBPACK_IMPORTED_MODULE_16___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:value,onChange:setValue,emptyResultLabel:"No match found"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."},"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."},"Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."},"Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:80}))};largeOptions.storyName="Large Options",largeOptions.parameters={storySource:{source:'args => {\n const [value, setValue] = useState(null);\n return <>\n \n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n \n \n Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.\n \n \n Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n \n \n \n ;\n}'}};var clearable=function clearable(args){var _useState46=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),value=_useState46[0],setValue=_useState46[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:170},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{clearable:!1,value:value,onChange:setValue}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German"}))))};clearable.displayName="clearable",clearable.storyName="Clearable",clearable.parameters={storySource:{source:'args => {\n const [value, setValue] = useState(null);\n return \n \n \n \n \n \n \n \n \n \n \n \n ;\n}'}};var disabledOptions=function disabledOptions(args){var _useState48=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),value=_useState48[0],setValue=_useState48[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:170},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:value,onChange:setValue}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"en_US",title:"English (United States)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"en_US",languageLabel:"English"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"fr_FR",title:"French (France)"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"fr_FR",languageLabel:"French"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:"de_DE",title:"German (Germany)",disabled:!0},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_components__WEBPACK_IMPORTED_MODULE_21__.a,{code:"de_DE",languageLabel:"German"}))))};disabledOptions.displayName="disabledOptions",disabledOptions.storyName="Disabled options",disabledOptions.parameters={storySource:{source:'args => {\n const [value, setValue] = useState(null);\n return \n \n \n \n \n \n \n \n \n \n \n \n ;\n}'}};var pagination=function pagination(args){var _useState50=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(_toConsumableArray(Array(20).keys())),2),items=_useState50[0],setItems=_useState50[1],_useState52=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_16__.useState)(null),2),value=_useState52[0],setValue=_useState52[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_PreviewGallery_tsx__WEBPACK_IMPORTED_MODULE_20__.k,{height:170},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,_extends({},args,{value:value,onChange:setValue,onNextPage:function onNextPage(){setItems(_toConsumableArray(Array(items.length+20).keys()))}}),items.map((function(item){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a.Option,{value:item,title:item,key:item},"Option ",item+1)}))))};pagination.displayName="pagination",pagination.storyName="Pagination",pagination.parameters={storySource:{source:"args => {\n const [items, setItems] = useState([...Array(20).keys()]);\n const [value, setValue] = useState(null);\n const onNextPage = () => {\n setItems([...Array(items.length + 20).keys()]);\n };\n return \n \n {items.map(item => \n Option {item + 1}\n )}\n \n ;\n}"}};var componentMeta={title:"Components/Inputs/Select input",component:_SelectInput_tsx__WEBPACK_IMPORTED_MODULE_19__.a,args:{placeholder:"Please enter a value in the Select input",emptyResultLabel:"No result found",value:null},argTypes:{readOnly:{control:{type:"boolean"},description:"Defines if the input should be read only. If defined so, the user cannot change the value of the input.",table:{type:{summary:"boolean"}}},onChange:{description:"The handler called when the value of the input changes.",table:{type:{summary:"(newValue: string | null) => void"}}}},includeStories:["standard","optionGroup","readOnly","invalid","verticalPosition","large","largeOptions","clearable","disabledOptions","pagination"]},mdxStoryNameToKey={Standard:"standard",OptionGroup:"optionGroup",ReadOnly:"readOnly",Invalid:"invalid","Vertical position":"verticalPosition",Large:"large","Large Options":"largeOptions",Clearable:"clearable","Disabled options":"disabledOptions",Pagination:"pagination"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_18__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_17__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Input/SelectInput/SelectInput.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return SelectInput}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.array.every.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.reduce.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.array.some.js"),__webpack_require__("./node_modules/core-js/modules/es.array.find-index.js"),__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,_templateObject13,react__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_21___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_21__),styled_components__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_shared_key__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./src/shared/key.ts"),_common_Overlay__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./src/components/Input/common/Overlay.tsx"),_components_IconButton_IconButton__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("./src/components/IconButton/IconButton.tsx"),_components_Input_TextInput_TextInput__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__("./src/components/Input/TextInput/TextInput.tsx"),_hooks_useBooleanState__WEBPACK_IMPORTED_MODULE_27__=__webpack_require__("./src/hooks/useBooleanState.ts"),_hooks_useShortcut__WEBPACK_IMPORTED_MODULE_28__=__webpack_require__("./src/hooks/useShortcut.ts"),_theme_theme__WEBPACK_IMPORTED_MODULE_29__=__webpack_require__("./src/theme/theme.ts"),_icons_ArrowDownIcon__WEBPACK_IMPORTED_MODULE_30__=__webpack_require__("./src/icons/ArrowDownIcon.tsx"),_icons_CloseIcon__WEBPACK_IMPORTED_MODULE_31__=__webpack_require__("./src/icons/CloseIcon.tsx"),_icons_LockIcon__WEBPACK_IMPORTED_MODULE_32__=__webpack_require__("./src/icons/LockIcon.tsx"),_hooks_usePagination__WEBPACK_IMPORTED_MODULE_33__=__webpack_require__("./src/hooks/usePagination.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_34__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["id","placeholder","invalid","value","emptyResultLabel","children","onChange","clearable","clearLabel","openLabel","readOnly","verticalPosition","onNextPage","onSearchChange","disableInternalSearch","aria-labelledby"];function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _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 _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e0&&children.every((function(option){var _option$props$disable,_option$props;return null!==(_option$props$disable=null===(_option$props=option.props)||void 0===_option$props?void 0:_option$props.disabled)&&void 0!==_option$props$disable&&_option$props$disable}))}(validChildren),validChildren.reduce((function(optionCodes,child){if(isOptionGroup(child))return optionCodes;if(optionCodes.includes(child.props.value))throw new Error("Duplicate option value "+child.props.value);return optionCodes.push(child.props.value),optionCodes}),[]);var filteredChildren=disableInternalSearch?validChildren:validChildren.filter((function(child){var _child$props$title,content="string"==typeof child.props.children?child.props.children:"",title=null!==(_child$props$title=child.props.title)&&void 0!==_child$props$title?_child$props$title:"",optionValue=child.props.value+content+title;return isOptionGroup(child)||optionValue.toLowerCase().includes(searchValue.toLowerCase())})),hasChildren=Object(react__WEBPACK_IMPORTED_MODULE_21__.useMemo)((function(){return filteredChildren.some((function(child){return isOption(child)}))}),[filteredChildren]),firstOptionIndex=Object(react__WEBPACK_IMPORTED_MODULE_21__.useMemo)((function(){return filteredChildren.findIndex((function(child){return isOption(child)}))}),[filteredChildren]),currentValueElement=null!==(_validChildren$find=validChildren.find((function(child){var childrenValue=child.props.value;return value===childrenValue})))&&void 0!==_validChildren$find?_validChildren$find:value,handleOptionClick=function handleOptionClick(value,isOptionDisabled){return function(){isOptionDisabled||(null==onChange||onChange(value),handleEscape())}},handleEscape=function handleEscape(){var _inputRef$current2;setSearchValue(""),closeOverlay(),null===(_inputRef$current2=inputRef.current)||void 0===_inputRef$current2||_inputRef$current2.focus()};Object(_hooks_useShortcut__WEBPACK_IMPORTED_MODULE_28__.a)(_shared_key__WEBPACK_IMPORTED_MODULE_23__.a.Escape,handleEscape,inputRef);var handleInputKeyDown=Object(react__WEBPACK_IMPORTED_MODULE_21__.useCallback)((function(event){var _ref12;null!==event.currentTarget&&(event.key===_shared_key__WEBPACK_IMPORTED_MODULE_23__.a.Tab&&(setSearchValue(""),closeOverlay()),event.key===_shared_key__WEBPACK_IMPORTED_MODULE_23__.a.ArrowDown?(event.preventDefault(),dropdownIsOpen?null===(_ref12=firstOptionRef.current||selectedOptionRef.current)||void 0===_ref12||_ref12.focus():openOverlay()):event.key===_shared_key__WEBPACK_IMPORTED_MODULE_23__.a.ArrowUp?(event.preventDefault(),openOverlay()):event.key===_shared_key__WEBPACK_IMPORTED_MODULE_23__.a.Enter&&(event.preventDefault(),dropdownIsOpen||openOverlay()))}),[value,dropdownIsOpen]);Object(react__WEBPACK_IMPORTED_MODULE_21__.useEffect)((function(){var _ref13;dropdownIsOpen&&""===searchValue&&(null===(_ref13=selectedOptionRef.current||firstOptionRef.current)||void 0===_ref13||_ref13.focus())}),[dropdownIsOpen,selectedOptionRef.current]),Object(react__WEBPACK_IMPORTED_MODULE_21__.useEffect)((function(){filteredChildren.some((function(child){return isOptionGroup(child)}))&&setWithGroups(!0)}),[filteredChildren]);var handleOptionKeyDown=Object(react__WEBPACK_IMPORTED_MODULE_21__.useCallback)((function(event,isOptionDisabled){if(null!==event.currentTarget)if(event.key===_shared_key__WEBPACK_IMPORTED_MODULE_23__.a.Tab&&(setSearchValue(""),closeOverlay()),[_shared_key__WEBPACK_IMPORTED_MODULE_23__.a.ArrowDown,_shared_key__WEBPACK_IMPORTED_MODULE_23__.a.ArrowUp,_shared_key__WEBPACK_IMPORTED_MODULE_23__.a.Enter,_shared_key__WEBPACK_IMPORTED_MODULE_23__.a.Escape].includes(event.key)){if(event.key===_shared_key__WEBPACK_IMPORTED_MODULE_23__.a.ArrowDown){var nextSibling=event.currentTarget.nextSibling;null==nextSibling||nextSibling.focus(),event.preventDefault()}if(event.key===_shared_key__WEBPACK_IMPORTED_MODULE_23__.a.ArrowUp){var previousSibling=event.currentTarget.previousSibling;null==previousSibling||previousSibling.focus(),event.preventDefault()}if(event.key===_shared_key__WEBPACK_IMPORTED_MODULE_23__.a.Enter&&!isOptionDisabled){var _event$currentTarget$,_value=null===(_event$currentTarget$=event.currentTarget.firstChild)||void 0===_event$currentTarget$?void 0:_event$currentTarget$.getAttribute("value");null==onChange||onChange(_value),handleEscape()}event.key===_shared_key__WEBPACK_IMPORTED_MODULE_23__.a.Escape&&handleEscape()}else{var _inputRef$current3;null===(_inputRef$current3=inputRef.current)||void 0===_inputRef$current3||_inputRef$current3.focus()}}),[onChange,value]);return Object(_hooks_usePagination__WEBPACK_IMPORTED_MODULE_33__.a)(containerRef,lastOptionRef,onNextPage,dropdownIsOpen),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_34__.jsxs)(SelectInputContainer,Object.assign({readOnly:readOnly,value:value},rest,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_34__.jsxs)(InputContainer,{children:[null!==value&&""===searchValue&&Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_34__.jsx)(SelectedOptionContainer,{readOnly:readOnly,clearable:clearable,children:currentValueElement}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_34__.jsx)(SearchInput,{id:id,ref:inputRef,value:searchValue,readOnly:readOnly,invalid:invalid,placeholder:placeholder,isPlaceholderVisible:null===value,onChange:function handleSearch(value){null==onSearchChange||onSearchChange(value),setSearchValue(value),openOverlay()},onClick:function onClick(event){openOverlay(),event.preventDefault()},"aria-labelledby":ariaLabelledby,onKeyDown:handleInputKeyDown,"data-form-type":"other",size:1}),!readOnly&&Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_34__.jsxs)(ActionContainer,{children:[!dropdownIsOpen&&null!==value&&clearable&&Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_34__.jsx)(_components_IconButton_IconButton__WEBPACK_IMPORTED_MODULE_25__.a,{ghost:"borderless",level:"tertiary",size:"small",icon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_34__.jsx)(_icons_CloseIcon__WEBPACK_IMPORTED_MODULE_31__.a,{}),title:clearLabel,onClick:function handleClear(e){var _inputRef$current;null==onChange||onChange(null),e.preventDefault(),null===(_inputRef$current=inputRef.current)||void 0===_inputRef$current||_inputRef$current.focus()},tabIndex:0}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_34__.jsx)(_components_IconButton_IconButton__WEBPACK_IMPORTED_MODULE_25__.a,{ghost:"borderless",level:"tertiary",size:"small",icon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_34__.jsx)(_icons_ArrowDownIcon__WEBPACK_IMPORTED_MODULE_30__.a,{}),title:openLabel,onClick:openOverlay,onFocus:handleEscape,tabIndex:-1})]})]}),dropdownIsOpen&&!readOnly&&Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_34__.jsx)(_common_Overlay__WEBPACK_IMPORTED_MODULE_24__.a,{parentRef:inputRef,verticalPosition:verticalPosition,onClose:handleEscape,children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_34__.jsx)(OptionCollection,{ref:containerRef,withGroups:withGroups,children:hasChildren?filteredChildren.map((function(child,index){var _child$props$disabled,_child$props,childValue=child.props.value,ref=void 0;switch(index){case firstOptionIndex:ref=firstOptionRef;break;case filteredChildren.length-1:ref=lastOptionRef}value===childValue&&(ref=selectedOptionRef);var _child$props2,_child$props3,isOptionDisabled=null!==(_child$props$disabled=null===(_child$props=child.props)||void 0===_child$props?void 0:_child$props.disabled)&&void 0!==_child$props$disabled&&_child$props$disabled;return isOptionGroup(child)?isOption(filteredChildren[index+1])?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_34__.jsx)(OptionGroupContainer,{role:"option-group","data-testid":null===(_child$props2=child.props)||void 0===_child$props2?void 0:_child$props2.title,children:react__WEBPACK_IMPORTED_MODULE_21___default.a.cloneElement(child)},null===(_child$props3=child.props)||void 0===_child$props3?void 0:_child$props3.title):null:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_34__.jsxs)(OptionContainer,{role:"option","data-testid":childValue,onClick:handleOptionClick(childValue,isOptionDisabled),onKeyDown:function onKeyDown(e){return handleOptionKeyDown(e,isOptionDisabled)},tabIndex:0,ref:ref,disabled:isOptionDisabled,children:[react__WEBPACK_IMPORTED_MODULE_21___default.a.cloneElement(child),isOptionDisabled&&Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_34__.jsx)(_icons_LockIcon__WEBPACK_IMPORTED_MODULE_32__.a,{size:18})]},childValue)})):Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_34__.jsx)(EmptyResultContainer,{children:emptyResultLabel})})})]}))};SelectInput.displayName="SelectInput",Option.displayName="SelectInput.Option",OptionGroup.displayName="SelectInput.OptionGroup",SelectInput.Option=Option,SelectInput.OptionGroup=OptionGroup;try{SelectInput.Option.displayName="SelectInput.Option",SelectInput.Option.__docgenInfo={description:"Select input allows the user to select content and data when the expected user input is composed of one option value.",displayName:"SelectInput.Option",props:{onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((newValue: string) => void) | (((newValue: string) => void) & ((newValue: string) => void)) | (((newValue: string) => void) & ((newValue: string | null) => void))"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"",name:"aria-labelledby",required:!1,type:{name:"string"}},clearable:{defaultValue:{value:"true"},description:"",name:"clearable",required:!1,type:{name:"boolean"}},readOnly:{defaultValue:{value:"false"},description:"",name:"readOnly",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"string | null"}},placeholder:{defaultValue:null,description:"The placeholder displayed when no option is selected.",name:"placeholder",required:!1,type:{name:"string"}},emptyResultLabel:{defaultValue:null,description:"The text displayed when no result was found.",name:"emptyResultLabel",required:!0,type:{name:"string"}},clearLabel:{defaultValue:{value:""},description:"Accessibility text for the clear button",name:"clearLabel",required:!1,type:{name:"string"}},openLabel:{defaultValue:null,description:"Accessibility text for the open dropdown button",name:"openLabel",required:!0,type:{name:"string"}},invalid:{defaultValue:null,description:"Defines if the input is valid on not.",name:"invalid",required:!1,type:{name:"boolean"}},children:{defaultValue:null,description:"The options.",name:"children",required:!1,type:{name:"ReactNode"}},verticalPosition:{defaultValue:null,description:"Force the vertical position of the overlay.",name:"verticalPosition",required:!1,type:{name:"enum",value:[{value:'"up"'},{value:'"down"'}]}},onNextPage:{defaultValue:null,description:"Handler called when the next page is almost reached.",name:"onNextPage",required:!1,type:{name:"(() => void) | (() => void)"}},onSearchChange:{defaultValue:null,description:"Handler called when the search value changed",name:"onSearchChange",required:!1,type:{name:"((searchValue: string) => void) | ((searchValue: string) => void)"}},disableInternalSearch:{defaultValue:{value:"false"},description:"",name:"disableInternalSearch",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/SelectInput/SelectInput.tsx#SelectInput.Option"]={docgenInfo:SelectInput.Option.__docgenInfo,name:"SelectInput.Option",path:"src/components/Input/SelectInput/SelectInput.tsx#SelectInput.Option"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Input/TableInput/TableInput.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return TableInput_stories_standard})),__webpack_require__.d(__webpack_exports__,"highlightCells",(function(){return TableInput_stories_highlightCells})),__webpack_require__.d(__webpack_exports__,"readonly",(function(){return TableInput_stories_readonly})),__webpack_require__.d(__webpack_exports__,"draggable",(function(){return TableInput_stories_draggable})),__webpack_require__.d(__webpack_exports__,"highlightedRows",(function(){return TableInput_stories_highlightedRows}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.string.match.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),theme=__webpack_require__("./src/theme/theme.ts"),TableInputContext=Object(react.createContext)({readOnly:!1,isDragAndDroppable:!1,onReorder:void 0}),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children"];var TableInputHeadTr=styled_components_browser_esm.default.tr(_templateObject||(_templateObject=function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}(["\n height: 40px;\n background: ",";\n & > th {\n border: 1px solid ",";\n border-left-width: 0;\n\n &:first-child {\n border-left-width: 1px;\n position: sticky;\n left: 0;\n background: ",";\n z-index: 1;\n }\n }\n"])),Object(theme.a)("grey",40),Object(theme.a)("grey",60),Object(theme.a)("grey",40)),TableInputHeader=react_default.a.forwardRef((function(_ref,forwardedRef){var children=_ref.children,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;rr.length)&&(a=r.length);for(var e=0,n=Array(a);er.length)&&(a=r.length);for(var e=0,n=Array(a);e td {\n border: 1px solid ",";\n border-right-width: 0;\n border-top-width: 0;\n line-height: 39px;\n }\n & > td:first-child {\n position: sticky;\n left: 0;\n margin-right: -1px;\n z-index: 2;\n }\n\n ","\n\n & > td:last-child {\n border-right-width: 1px;\n }\n\n ","\n\n ","\n \n ","\n \n ","\n"])),Object(theme.a)("grey",60),(function(_ref){return _ref.isDragAndDroppable&&Object(styled_components_browser_esm.css)(_templateObject2||(_templateObject2=TableInputRow_taggedTemplateLiteralLoose(["\n & > td:nth-child(2) {\n position: sticky;\n left: 26px;\n z-index: 1;\n border-left: none;\n }\n "])))}),(function(_ref2){var placeholderPosition=_ref2.placeholderPosition,rowIndex=_ref2.rowIndex,highlighted=_ref2.highlighted;return"bottom"===placeholderPosition&&Object(styled_components_browser_esm.css)(_templateObject3||(_templateObject3=TableInputRow_taggedTemplateLiteralLoose(["\n & > td {\n background: linear-gradient(\n to top,\n "," 4px,\n "," 0px\n );\n }\n "])),Object(theme.a)("blue",40),TableInputRow_getZebraBackgroundColor(highlighted,rowIndex))}),(function(_ref3){var placeholderPosition=_ref3.placeholderPosition,rowIndex=_ref3.rowIndex,highlighted=_ref3.highlighted;return"top"===placeholderPosition&&Object(styled_components_browser_esm.css)(_templateObject4||(_templateObject4=TableInputRow_taggedTemplateLiteralLoose(["\n & > td {\n background: linear-gradient(\n to bottom,\n "," 4px,\n "," 0px\n );\n }\n "])),Object(theme.a)("blue",40),TableInputRow_getZebraBackgroundColor(highlighted,rowIndex))}),(function(_ref4){var placeholderPosition=_ref4.placeholderPosition,rowIndex=_ref4.rowIndex,highlighted=_ref4.highlighted;return"none"===placeholderPosition&&Object(styled_components_browser_esm.css)(_templateObject5||(_templateObject5=TableInputRow_taggedTemplateLiteralLoose(["\n & > td {\n background: ",";\n }\n "])),TableInputRow_getZebraBackgroundColor(highlighted,rowIndex))}),(function(_ref5){return _ref5.highlighted&&Object(styled_components_browser_esm.css)(_templateObject6||(_templateObject6=TableInputRow_taggedTemplateLiteralLoose(["\n & > td {\n &:before {\n content: '';\n border-bottom: 1px solid ",";\n position: relative;\n width: 100%;\n display: block;\n height: 0;\n margin-top: -1px;\n }\n border-bottom-color: ",";\n border-left-color: ",";\n &:last-child {\n border-right-color: ",";\n }\n }\n "])),Object(theme.a)("blue",100),Object(theme.a)("blue",100),Object(theme.a)("blue",100),Object(theme.a)("blue",100))})),DragAndDropCell=Object(styled_components_browser_esm.default)(TableInputCell)(_templateObject7||(_templateObject7=TableInputRow_taggedTemplateLiteralLoose(["\n max-width: 26px;\n min-width: 26px;\n width: 26px;\n color: ",";\n text-align: right;\n cursor: grab;\n vertical-align: middle;\n line-height: 0px !important;\n & > div {\n height: 39px;\n vertical-align: middle;\n line-height: 44px;\n }\n"])),Object(theme.a)("grey",100)),TableInputRow=Object(react.forwardRef)((function(_ref6,forwardedRef){var children=_ref6.children,_ref6$rowIndex=_ref6.rowIndex,rowIndex=void 0===_ref6$rowIndex?0:_ref6$rowIndex,draggable=_ref6.draggable,_ref6$highlighted=_ref6.highlighted,highlighted=void 0!==_ref6$highlighted&&_ref6$highlighted,rest=function TableInputRow_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function TableInputRow_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r void) | RefObject | null"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/TableInput/shared/TableInputReadOnlyCell.tsx#TableInputReadOnlyCell"]={docgenInfo:TableInputReadOnlyCell.__docgenInfo,name:"TableInputReadOnlyCell",path:"src/components/Input/TableInput/shared/TableInputReadOnlyCell.tsx#TableInputReadOnlyCell"})}catch(__react_docgen_typescript_loader_error){}function highlightCell_taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var TableInputText_templateObject,highlightCell=Object(styled_components_browser_esm.css)(highlightCell_templateObject||(highlightCell_templateObject=highlightCell_taggedTemplateLiteralLoose(["\n ",";\n\n ",";\n"])),(function(_ref){var highlighted=_ref.highlighted,inError=_ref.inError;return highlighted&&!inError&&Object(styled_components_browser_esm.css)(highlightCell_templateObject2||(highlightCell_templateObject2=highlightCell_taggedTemplateLiteralLoose(["\n background: ",";\n box-shadow: 0 0 0 1px ",";\n "])),Object(theme.a)("green",10),Object(theme.a)("green",80))}),(function(_ref2){return _ref2.inError&&Object(styled_components_browser_esm.css)(highlightCell_templateObject3||(highlightCell_templateObject3=highlightCell_taggedTemplateLiteralLoose(["\n background: ",";\n box-shadow: 0 0 0 1px ",";\n "])),Object(theme.a)("red",10),Object(theme.a)("red",80))})),TableInputText_excluded=["children","value"];var EditableTableInputText=Object(styled_components_browser_esm.default)(TextInput.a)(TableInputText_templateObject||(TableInputText_templateObject=function TableInputText_taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}(["\n height: 39px;\n padding-left: 10px;\n padding-right: 10px;\n border-radius: 0;\n border: none;\n background: none;\n\n ",";\n\n &:focus {\n box-shadow: 0 0 0 1px ",";\n }\n"])),highlightCell,Object(theme.a)("grey",100));TableInputRow.displayName="TableInput.TextInput";try{TableInput.TextInput.displayName="TableInput.TextInput",TableInput.TextInput.__docgenInfo={description:"",displayName:"TableInput.TextInput",props:{placeholder:{defaultValue:null,description:"Placeholder displayed when the input is empty.",name:"placeholder",required:!1,type:{name:"string"}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:"Value of the input.",name:"value",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((newValue: string) => void) | (((newValue: string) => void) & ((newValue: string) => void))"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"",name:"aria-labelledby",required:!1,type:{name:"string"}},onSubmit:{defaultValue:null,description:"Callback called when the user hit enter on the field.",name:"onSubmit",required:!1,type:{name:"(() => void)"}},invalid:{defaultValue:null,description:"Defines if the input is valid on not.",name:"invalid",required:!1,type:{name:"boolean"}},characterLeftLabel:{defaultValue:null,description:"Label displayed under the field to display the remaining character counter.",name:"characterLeftLabel",required:!1,type:{name:"string"}},highlighted:{defaultValue:null,description:"",name:"highlighted",required:!1,type:{name:"boolean"}},inError:{defaultValue:null,description:"",name:"inError",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/TableInput/TableInputText/TableInputText.tsx#TableInput.TextInput"]={docgenInfo:TableInput.TextInput.__docgenInfo,name:"TableInput.TextInput",path:"src/components/Input/TableInput/TableInputText/TableInputText.tsx#TableInput.TextInput"})}catch(__react_docgen_typescript_loader_error){}var TableInputDate_templateObject,DateInput=__webpack_require__("./src/components/Input/DateInput/DateInput.tsx"),TableInputDate_excluded=["children","value"];var EditableTableInputDate=Object(styled_components_browser_esm.default)(DateInput.a)(TableInputDate_templateObject||(TableInputDate_templateObject=function TableInputDate_taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}(["\n height: 39px;\n padding-left: 10px;\n padding-right: 10px;\n border-radius: 0;\n border: none;\n background: none;\n\n ",";\n\n &:focus {\n box-shadow: 0 0 0 1px ",";\n }\n"])),highlightCell,Object(theme.a)("grey",100));TableInputRow.displayName="TableInput.DateInput";try{TableInput.DateInput.displayName="TableInput.DateInput",TableInput.DateInput.__docgenInfo={description:"",displayName:"TableInput.DateInput",props:{readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:"Value of the input.\nThe value is based on the ISO-8601 standard an always formatted yyyy-mm-dd.",name:"value",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((newValue: string) => void) | (((newValue: string) => void) & ((newValue: string) => void))"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"",name:"aria-labelledby",required:!1,type:{name:"string"}},onSubmit:{defaultValue:null,description:"Callback called when the user hit enter on the field.",name:"onSubmit",required:!1,type:{name:"(() => void)"}},invalid:{defaultValue:null,description:"Defines if the input is valid on not.",name:"invalid",required:!1,type:{name:"boolean"}},highlighted:{defaultValue:null,description:"",name:"highlighted",required:!1,type:{name:"boolean"}},inError:{defaultValue:null,description:"",name:"inError",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/TableInput/TableInputDate/TableInputDate.tsx#TableInput.DateInput"]={docgenInfo:TableInput.DateInput.__docgenInfo,name:"TableInput.DateInput",path:"src/components/Input/TableInput/TableInputDate/TableInputDate.tsx#TableInput.DateInput"})}catch(__react_docgen_typescript_loader_error){}var TableInputNumber_templateObject,NumberInput=__webpack_require__("./src/components/Input/NumberInput/NumberInput.tsx"),TableInputNumber_excluded=["children","value"];var EditableTableInputNumber=Object(styled_components_browser_esm.default)(NumberInput.a)(TableInputNumber_templateObject||(TableInputNumber_templateObject=function TableInputNumber_taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}(["\n height: 39px;\n padding-left: 10px;\n padding-right: 35px;\n border-radius: 0;\n border: none;\n background: none;\n\n ",";\n\n &:focus {\n box-shadow: 0 0 0 1px ",";\n }\n"])),highlightCell,Object(theme.a)("grey",100));TableInputRow.displayName="TableInput.NumberInput";try{TableInput.NumberInput.displayName="TableInput.NumberInput",TableInput.NumberInput.__docgenInfo={description:"",displayName:"TableInput.NumberInput",props:{max:{defaultValue:null,description:"The maximum value to accept for this input.\nThis attribute is not used to validate the field nor constriant user input.",name:"max",required:!1,type:{name:"number"}},min:{defaultValue:null,description:"The minimum value to accept for this input.\nThis attribute is not used to validate the field nor constriant user input.",name:"min",required:!1,type:{name:"number"}},placeholder:{defaultValue:null,description:"Placeholder displayed when the input is empty.",name:"placeholder",required:!1,type:{name:"string"}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"boolean"}},step:{defaultValue:null,description:"A stepping interval to use when using up and down arrows to adjust the value, as well as for validation",name:"step",required:!1,type:{name:"number"}},value:{defaultValue:null,description:"Value of the input (it's a string to be able to manage weird cases externally)",name:"value",required:!0,type:{name:"string"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((newValue: string) => void) | (((newValue: string) => void) & ((newValue: string) => void))"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"",name:"aria-labelledby",required:!1,type:{name:"string"}},onSubmit:{defaultValue:null,description:"Callback called when the user hit enter on the field.",name:"onSubmit",required:!1,type:{name:"(() => void)"}},invalid:{defaultValue:null,description:"Defines if the input is valid on not.",name:"invalid",required:!1,type:{name:"boolean"}},withIncrementIcons:{defaultValue:null,description:"@internal",name:"withIncrementIcons",required:!1,type:{name:"boolean"}},highlighted:{defaultValue:null,description:"",name:"highlighted",required:!1,type:{name:"boolean"}},inError:{defaultValue:null,description:"",name:"inError",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/TableInput/TableInputNumber/TableInputNumber.tsx#TableInput.NumberInput"]={docgenInfo:TableInput.NumberInput.__docgenInfo,name:"TableInput.NumberInput",path:"src/components/Input/TableInput/TableInputNumber/TableInputNumber.tsx#TableInput.NumberInput"})}catch(__react_docgen_typescript_loader_error){}var TableInputBoolean_templateObject,TableInputBoolean_templateObject2,TableInputBoolean_templateObject3,Badge=__webpack_require__("./src/components/Badge/Badge.tsx"),Dropdown=__webpack_require__("./src/components/Dropdown/Dropdown.tsx"),ArrowDownIcon=__webpack_require__("./src/icons/ArrowDownIcon.tsx"),CloseIcon=__webpack_require__("./src/icons/CloseIcon.tsx"),useBooleanState=__webpack_require__("./src/hooks/useBooleanState.ts"),IconButton=__webpack_require__("./src/components/IconButton/IconButton.tsx"),TableInputBoolean_excluded=["value","onChange","yesLabel","noLabel","highlighted","clearLabel","openDropdownLabel","inError"];function TableInputBoolean_slicedToArray(r,e){return function TableInputBoolean_arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function TableInputBoolean_iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function TableInputBoolean_unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return TableInputBoolean_arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?TableInputBoolean_arrayLikeToArray(r,a):void 0}}(r,e)||function TableInputBoolean_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 TableInputBoolean_arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e void"}},yesLabel:{defaultValue:null,description:"",name:"yesLabel",required:!0,type:{name:"string"}},noLabel:{defaultValue:null,description:"",name:"noLabel",required:!0,type:{name:"string"}},highlighted:{defaultValue:{value:"false"},description:"",name:"highlighted",required:!1,type:{name:"boolean"}},clearLabel:{defaultValue:null,description:"",name:"clearLabel",required:!0,type:{name:"string"}},openDropdownLabel:{defaultValue:null,description:"",name:"openDropdownLabel",required:!0,type:{name:"string"}},inError:{defaultValue:{value:"false"},description:"",name:"inError",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/TableInput/TableInputBoolean/TableInputBoolean.tsx#TableInputBoolean"]={docgenInfo:TableInputBoolean_TableInputBoolean.__docgenInfo,name:"TableInputBoolean",path:"src/components/Input/TableInput/TableInputBoolean/TableInputBoolean.tsx#TableInputBoolean"})}catch(__react_docgen_typescript_loader_error){}var TableInputSelect_templateObject,TableInputSelect_templateObject2,TableInputSelect_templateObject3,Search=__webpack_require__("./src/components/Search/Search.tsx"),TableInputSelect_excluded=["value","onClear","clearLabel","openDropdownLabel","highlighted","searchValue","searchPlaceholder","onSearchChange","searchTitle","onNextPage","children","inError","closeTick","bottomHelper","withSearch","onOpenChange"];function TableInputSelect_slicedToArray(r,e){return function TableInputSelect_arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function TableInputSelect_iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function TableInputSelect_unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return TableInputSelect_arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?TableInputSelect_arrayLikeToArray(r,a):void 0}}(r,e)||function TableInputSelect_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 TableInputSelect_arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e void"}},highlighted:{defaultValue:{value:"false"},description:"",name:"highlighted",required:!1,type:{name:"boolean"}},clearLabel:{defaultValue:null,description:"",name:"clearLabel",required:!0,type:{name:"string"}},openDropdownLabel:{defaultValue:null,description:"",name:"openDropdownLabel",required:!0,type:{name:"string"}},onNextPage:{defaultValue:null,description:"",name:"onNextPage",required:!1,type:{name:"(() => void)"}},searchValue:{defaultValue:{value:""},description:"",name:"searchValue",required:!1,type:{name:"string"}},onSearchChange:{defaultValue:null,description:"",name:"onSearchChange",required:!1,type:{name:"((search: string) => void)"}},searchPlaceholder:{defaultValue:null,description:"",name:"searchPlaceholder",required:!0,type:{name:"string"}},searchTitle:{defaultValue:null,description:"",name:"searchTitle",required:!0,type:{name:"string"}},inError:{defaultValue:null,description:"",name:"inError",required:!1,type:{name:"boolean"}},closeTick:{defaultValue:{value:"false"},description:"",name:"closeTick",required:!1,type:{name:"boolean"}},bottomHelper:{defaultValue:null,description:"",name:"bottomHelper",required:!1,type:{name:"ReactElement>"}},withSearch:{defaultValue:{value:"true"},description:"",name:"withSearch",required:!1,type:{name:"boolean"}},onOpenChange:{defaultValue:null,description:"",name:"onOpenChange",required:!1,type:{name:"((isOpen: boolean) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/TableInput/TableInputSelect/TableInputSelect.tsx#TableInputSelect"]={docgenInfo:TableInputSelect_TableInputSelect.__docgenInfo,name:"TableInputSelect",path:"src/components/Input/TableInput/TableInputSelect/TableInputSelect.tsx#TableInputSelect"})}catch(__react_docgen_typescript_loader_error){}var TableInputCellContent_templateObject,TableInputCellContent_templateObject2,TableInputCellContent_excluded=["children","rowTitle","highlighted","inError"];function TableInputCellContent_taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var TableInputCellContainer=styled_components_browser_esm.default.div(TableInputCellContent_templateObject||(TableInputCellContent_templateObject=TableInputCellContent_taggedTemplateLiteralLoose(["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n ","\n padding: 0 10px;\n height: 39px;\n margin-right: 1px;\n\n ",";\n"])),(function(_ref){return _ref.rowTitle&&Object(styled_components_browser_esm.css)(TableInputCellContent_templateObject2||(TableInputCellContent_templateObject2=TableInputCellContent_taggedTemplateLiteralLoose(["\n color: ",";\n font-weight: bold;\n "])),Object(theme.a)("brand",100))}),highlightCell),TableInputCellContent_TableInputCellContent=function TableInputCellContent(_ref2){var children=_ref2.children,_ref2$rowTitle=_ref2.rowTitle,rowTitle=void 0!==_ref2$rowTitle&&_ref2$rowTitle,_ref2$highlighted=_ref2.highlighted,highlighted=void 0!==_ref2$highlighted&&_ref2$highlighted,_ref2$inError=_ref2.inError,inError=void 0!==_ref2$inError&&_ref2$inError,rest=function TableInputCellContent_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function TableInputCellContent_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r *:nth-child(1) {\n margin-right: -5px;\n }\n & > *:nth-child(2) {\n margin-left: -5px;\n }\n\n ",";\n"])),highlightCell),TableInputMeasurementAmount=Object(styled_components_browser_esm.default)(NumberInput.a)(TableInputMeasurement_templateObject2||(TableInputMeasurement_templateObject2=TableInputMeasurement_taggedTemplateLiteralLoose(["\n height: 39px;\n padding-left: 10px;\n padding-right: 10px;\n border-radius: 0;\n border: none;\n background: none;\n\n & + div {\n display: none; // Hide arrow buttons\n }\n"]))),TableInputMeasurementUnit=Object(styled_components_browser_esm.default)(SelectInput.a)(TableInputMeasurement_templateObject3||(TableInputMeasurement_templateObject3=TableInputMeasurement_taggedTemplateLiteralLoose(["\n & > div {\n background: none;\n\n & > div:nth-child(1) {\n justify-content: flex-end;\n }\n\n & > div {\n background: none;\n color: ",";\n\n & > input {\n border: none;\n text-align: right;\n padding-right: 38px;\n }\n }\n }\n"])),Object(theme.a)("grey",100)),TableInputMeasurement_TableInputMeasurement=function TableInputMeasurement(_ref){var amount=_ref.amount,unit=_ref.unit,emptyResultLabel=_ref.emptyResultLabel,openLabel=_ref.openLabel,onChange=_ref.onChange,units=_ref.units,rest=function TableInputMeasurement_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function TableInputMeasurement_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r void"}},units:{defaultValue:null,description:"",name:"units",required:!0,type:{name:"{ value: string; label: string; symbol?: string | undefined; }[]"}},highlighted:{defaultValue:null,description:"",name:"highlighted",required:!1,type:{name:"boolean"}},inError:{defaultValue:null,description:"",name:"inError",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/TableInput/TableInputMeasurement/TableInputMeasurement.tsx#TableInputMeasurement"]={docgenInfo:TableInputMeasurement_TableInputMeasurement.__docgenInfo,name:"TableInputMeasurement",path:"src/components/Input/TableInput/TableInputMeasurement/TableInputMeasurement.tsx#TableInputMeasurement"})}catch(__react_docgen_typescript_loader_error){}var TableInput_templateObject,TableInput_templateObject2,TableInput_templateObject3,TableInput_templateObject4,TableInput_excluded=["children","readOnly","isDragAndDroppable","onReorder"];function TableInput_slicedToArray(r,e){return function TableInput_arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function TableInput_iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function TableInput_unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return TableInput_arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?TableInput_arrayLikeToArray(r,a):void 0}}(r,e)||function TableInput_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 TableInput_arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e td:nth-child(2) {\n transition: box-shadow 0.15s;\n }\n &.shadowed tr > td:nth-child(2) {\n box-shadow: rgba(0, 0, 0, 0.2) 0px 15px 15px 0px;\n }\n "]))):Object(styled_components_browser_esm.css)(TableInput_templateObject3||(TableInput_templateObject3=TableInput_taggedTemplateLiteralLoose(["\n & tr > td:first-child {\n transition: box-shadow 0.15s;\n }\n &.shadowed tr > td:first-child {\n box-shadow: rgba(0, 0, 0, 0.2) 0px 15px 15px 0px;\n }\n "])))})),TableInput_TableInput=function TableInput(_ref2){var children=_ref2.children,_ref2$readOnly=_ref2.readOnly,readOnly=void 0!==_ref2$readOnly&&_ref2$readOnly,_ref2$isDragAndDroppa=_ref2.isDragAndDroppable,isDragAndDroppable=void 0!==_ref2$isDragAndDroppa&&_ref2$isDragAndDroppa,onReorder=_ref2.onReorder,rest=function TableInput_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function TableInput_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r0)}},rest,{children:Object(jsx_runtime.jsx)(DraggedElementContext.b,{children:Object(jsx_runtime.jsx)(TableInputTable,{className:shadowed?"shadowed":"",isDragAndDroppable:isDragAndDroppable,children:children})})}))})};TableInput_TableInput.displayName="TableInput",TableInput_TableInput.Header=TableInputHeader,TableInput_TableInput.HeaderCell=TableInputHeaderCell,TableInput_TableInput.Body=TableInputBody,TableInput_TableInput.Row=TableInputRow,TableInput_TableInput.Cell=TableInputCell,TableInput_TableInput.CellContent=TableInputCellContent_TableInputCellContent,TableInput_TableInput.Text=function TableInputText(_ref){var children=_ref.children,value=_ref.value,rest=function TableInputText_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function TableInputText_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/TableInput/TableInput.tsx#TableInput"]={docgenInfo:TableInput_TableInput.__docgenInfo,name:"TableInput",path:"src/components/Input/TableInput/TableInput.tsx#TableInput"})}catch(__react_docgen_typescript_loader_error){}function _toConsumableArray(r){return function _arrayWithoutHoles(r){if(Array.isArray(r))return useFakeTableInput_arrayLikeToArray(r)}(r)||function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(r)||useFakeTableInput_unsupportedIterableToArray(r)||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 useFakeTableInput_slicedToArray(r,e){return function useFakeTableInput_arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function useFakeTableInput_iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||useFakeTableInput_unsupportedIterableToArray(r,e)||function useFakeTableInput_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 useFakeTableInput_unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return useFakeTableInput_arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?useFakeTableInput_arrayLikeToArray(r,a):void 0}}function useFakeTableInput_arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);er.length)&&(a=r.length);for(var e=0,n=Array(a);e {\n const {\n getValue,\n setValue,\n searchValue,\n setSearchValue,\n match,\n lengthUnits\n } = useFakeTableInput(6);\n return \n \n Ingredient\n Nutrition Score\n For 1 part\n Quantity\n Is allergenic\n Length\n Origin\n Purchase date\n \n \n {['Sugar', 'Salt', 'Pepper', 'Eggs', 'Flour', 'Yeast'].map((row, index) => \n {row}\n \n setValue(index, 'nutritionScore', null)} searchPlaceholder={'Search on Nutrition'} searchValue={searchValue} onSearchChange={setSearchValue} searchTitle={'Search'}>\n {match('A') && setValue(index, 'nutritionScore', '1')}>A}\n {match('B') && setValue(index, 'nutritionScore', '2')}>B}\n {match('C') && setValue(index, 'nutritionScore', '3')}>C}\n \n \n setValue(index, 'part', value)} />\n setValue(index, 'quantity', value)} />\n setValue(index, 'is_allergenic', value)} />\n \n setValue(index, 'length', {\n unit,\n amount\n })} />\n \n \n setValue(index, 'origin', null)} searchPlaceholder={'Search on Origin'} searchValue={searchValue} onSearchChange={setSearchValue} searchTitle={'Search'}>\n {match('French (France)') && setValue(index, 'origin', 'french')}>\n \"The\n \n French (France)\n \n 100%\n } ghost=\"borderless\" level=\"tertiary\" />\n }\n {match('German (Germany)') && setValue(index, 'origin', 'german')}>\n \"The\n \n German (Germany)\n \n 100%\n } ghost=\"borderless\" level=\"tertiary\" />\n }\n {match('English (United States)') && setValue(index, 'origin', 'english')}>\n \"The\n \n English (United States)\n \n 100%\n } ghost=\"borderless\" level=\"tertiary\" />\n }\n \n \n \n setValue(index, 'purchase_date', value)} />\n \n )}\n \n ;\n}"}};var TableInput_stories_highlightCells=function highlightCells(args){return Object(esm.b)(TableInput_TableInput,args,Object(esm.b)(TableInput_TableInput.Header,null,Object(esm.b)(TableInput_TableInput.HeaderCell,null,"Title cell"),Object(esm.b)(TableInput_TableInput.HeaderCell,null,"Empty cell"),Object(esm.b)(TableInput_TableInput.HeaderCell,null,"Select cell"),Object(esm.b)(TableInput_TableInput.HeaderCell,null,"Text cell"),Object(esm.b)(TableInput_TableInput.HeaderCell,null,"Number cell"),Object(esm.b)(TableInput_TableInput.HeaderCell,null,"Boolean cell"),Object(esm.b)(TableInput_TableInput.HeaderCell,null,"Measurement cell"),Object(esm.b)(TableInput_TableInput.HeaderCell,null,"Purchase date")),Object(esm.b)(TableInput_TableInput.Body,null,TableInput_stories_toConsumableArray(Array(7).keys()).map((function(_,r){return Object(esm.b)(TableInput_TableInput.Row,{key:r},Object(esm.b)(TableInput_TableInput.Cell,null,Object(esm.b)(TableInput_TableInput.CellContent,{rowTitle:!0,highlighted:0===r,inError:1===r},"Value")),Object(esm.b)(TableInput_TableInput.Cell,null,Object(esm.b)(TableInput_TableInput.CellContent,{highlighted:1===r,inError:2===r},"Value")),Object(esm.b)(TableInput_TableInput.Cell,null,Object(esm.b)(TableInput_TableInput.Select,{onSearchChange:function onSearchChange(){},value:"Select value",highlighted:2===r,inError:3===r})),Object(esm.b)(TableInput_TableInput.Cell,null,Object(esm.b)(TableInput_TableInput.Text,{value:"Text value",highlighted:3===r,inError:4===r})),Object(esm.b)(TableInput_TableInput.Cell,null,Object(esm.b)(TableInput_TableInput.Number,{value:42,highlighted:4===r,inError:5===r})),Object(esm.b)(TableInput_TableInput.Cell,null,Object(esm.b)(TableInput_TableInput.Boolean,{value:!0,yesLabel:"Yes",noLabel:"No",highlighted:5===r,inError:6===r})),Object(esm.b)(TableInput_TableInput.Cell,null,Object(esm.b)(TableInput_TableInput.Measurement,{amount:42,unit:"METER",units:[{value:"METER",symbol:"m",label:"Meter"}],highlighted:6===r,inError:0===r})),Object(esm.b)(TableInput_TableInput.Cell,null,Object(esm.b)(TableInput_TableInput.Date,{value:"2024-04-29",highlighted:0===r,inError:1===r})))}))))};TableInput_stories_highlightCells.displayName="highlightCells",TableInput_stories_highlightCells.storyName="Highlight cells",TableInput_stories_highlightCells.parameters={storySource:{source:"args => {\n const linesCount = 7;\n return \n \n Title cell\n Empty cell\n Select cell\n Text cell\n Number cell\n Boolean cell\n Measurement cell\n Purchase date\n \n \n {[...Array(linesCount).keys()].map((_, r) => {\n return \n Value\n Value\n {}} value={'Select value'} highlighted={r === 2} inError={r === 3} />\n \n \n \n \n \n ;\n })}\n \n ;\n}"}};var TableInput_stories_readonly=function readonly(args){return Object(esm.b)(TableInput_TableInput,_extends({},args,{readOnly:!0}),Object(esm.b)(TableInput_TableInput.Header,null,Object(esm.b)(TableInput_TableInput.HeaderCell,null,"Title cell"),Object(esm.b)(TableInput_TableInput.HeaderCell,null,"Select cell"),Object(esm.b)(TableInput_TableInput.HeaderCell,null,"Text cell"),Object(esm.b)(TableInput_TableInput.HeaderCell,null,"Number cell"),Object(esm.b)(TableInput_TableInput.HeaderCell,null,"Boolean cell"),Object(esm.b)(TableInput_TableInput.HeaderCell,null,"Purchase date")),Object(esm.b)(TableInput_TableInput.Body,null,TableInput_stories_toConsumableArray(Array(5).keys()).map((function(_,r){return Object(esm.b)(TableInput_TableInput.Row,{key:r},Object(esm.b)(TableInput_TableInput.Cell,null,Object(esm.b)(TableInput_TableInput.CellContent,{rowTitle:!0},"Value")),Object(esm.b)(TableInput_TableInput.Cell,null,Object(esm.b)(TableInput_TableInput.Select,{onSearchChange:function onSearchChange(){},value:"Cell with a select value having a big text"})),Object(esm.b)(TableInput_TableInput.Cell,null,Object(esm.b)(TableInput_TableInput.Text,{value:"Cell with a text value having a big text"})),Object(esm.b)(TableInput_TableInput.Cell,null,Object(esm.b)(TableInput_TableInput.Number,{value:Math.pow(4212345967,r)})),Object(esm.b)(TableInput_TableInput.Cell,null,Object(esm.b)(TableInput_TableInput.Boolean,{value:!0,yesLabel:"Yes",noLabel:"No"})),Object(esm.b)(TableInput_TableInput.Cell,null,Object(esm.b)(TableInput_TableInput.Date,{value:"2024-04-09"})))}))))};TableInput_stories_readonly.displayName="readonly",TableInput_stories_readonly.storyName="Readonly",TableInput_stories_readonly.parameters={storySource:{source:"args => {\n const linesCount = 5;\n return \n \n Title cell\n Select cell\n Text cell\n Number cell\n Boolean cell\n Purchase date\n \n \n {[...Array(linesCount).keys()].map((_, r) => {\n return \n Value\n {}} value={'Cell with a select value having a big text'} />\n \n \n \n \n ;\n })}\n \n ;\n}"}};var TableInput_stories_draggable=function draggable(args){var _React$useState6=TableInput_stories_slicedToArray(react_default.a.useState([0,1,2,3,4]),2),orderedRows=_React$useState6[0],setOrderedRows=_React$useState6[1];return Object(esm.b)(TableInput_TableInput,_extends({},args,{isDragAndDroppable:!0,onReorder:function onReorder(newIndices){setOrderedRows((function(rows){return newIndices.map((function(index){return rows[index]}))}))}}),Object(esm.b)(TableInput_TableInput.Header,null,TableInput_stories_toConsumableArray(Array(10).keys()).map((function(_,i){return Object(esm.b)(TableInput_TableInput.HeaderCell,{key:i},"Column label")}))),Object(esm.b)(TableInput_TableInput.Body,null,orderedRows.map((function(row,r){return Object(esm.b)(TableInput_TableInput.Row,{key:r},TableInput_stories_toConsumableArray(Array(10).keys()).map((function(_,i){return 0===i?Object(esm.b)(TableInput_TableInput.Cell,{key:i},Object(esm.b)(TableInput_TableInput.CellContent,{rowTitle:!0},"Row ",row+1)):Object(esm.b)(TableInput_TableInput.Cell,{key:i},Object(esm.b)(TableInput_TableInput.Text,{value:"A value"}))})))}))))};TableInput_stories_draggable.displayName="draggable",TableInput_stories_draggable.storyName="Draggable",TableInput_stories_draggable.parameters={storySource:{source:"args => {\n const columnCount = 10;\n const rows = [0, 1, 2, 3, 4];\n const [orderedRows, setOrderedRows] = React.useState(rows);\n return {\n setOrderedRows(rows => newIndices.map(index => rows[index]));\n }}>\n \n {[...Array(columnCount).keys()].map((_, i) => {\n return Column label;\n })}\n \n \n {orderedRows.map((row, r) => {\n return \n {[...Array(columnCount).keys()].map((_, i) => {\n return i === 0 ? Row {row + 1} : \n \n ;\n })}\n ;\n })}\n \n ;\n}"}};var TableInput_stories_highlightedRows=function highlightedRows(args){var _React$useState8=TableInput_stories_slicedToArray(react_default.a.useState([!0,!1,!1,!0,!1,!1]),2),highlighted=_React$useState8[0],setHighlighted=_React$useState8[1];return Object(esm.b)(TableInput_TableInput,args,Object(esm.b)(TableInput_TableInput.Header,null,TableInput_stories_toConsumableArray(Array(10).keys()).map((function(_,i){return Object(esm.b)(TableInput_TableInput.HeaderCell,{key:i},"Column label")}))),Object(esm.b)(TableInput_TableInput.Body,null,TableInput_stories_toConsumableArray(Array(6).keys()).map((function(_,r){return Object(esm.b)(TableInput_TableInput.Row,{key:r,highlighted:highlighted[r]},Object(esm.b)(TableInput_TableInput.Cell,null,Object(esm.b)(TableInput_TableInput.CellContent,{rowTitle:!0},"Value")),TableInput_stories_toConsumableArray(Array(9).keys()).map((function(_,i){return Object(esm.b)(TableInput_TableInput.Cell,{key:i,onClick:function onClick(){highlighted[r]=!highlighted[r],setHighlighted(TableInput_stories_toConsumableArray(highlighted))}},Object(esm.b)(TableInput_TableInput.Text,{value:"Value",onChange:function onChange(){}}))})))}))))};TableInput_stories_highlightedRows.displayName="highlightedRows",TableInput_stories_highlightedRows.storyName="Highlighted rows",TableInput_stories_highlightedRows.parameters={storySource:{source:"args => {\n const columnCount = 10;\n const linesCount = 6;\n const [highlighted, setHighlighted] = React.useState([true, false, false, true, false, false]);\n return \n \n {[...Array(columnCount).keys()].map((_, i) => {\n return Column label;\n })}\n \n \n {[...Array(linesCount).keys()].map((_, r) => {\n return \n Value\n {[...Array(columnCount - 1).keys()].map((_, i) => {\n return {\n highlighted[r] = !highlighted[r];\n setHighlighted([...highlighted]);\n }}>\n {}} />\n ;\n })}\n ;\n })}\n \n ;\n}"}};var componentMeta={title:"Components/Inputs/Table input",component:TableInput_TableInput,args:{children:[]},argTypes:{readOnly:{control:{type:"boolean"}}},includeStories:["standard","highlightCells","readonly","draggable","highlightedRows"]},mdxStoryNameToKey={Standard:"standard","Highlight cells":"highlightCells",Readonly:"readonly",Draggable:"draggable","Highlighted rows":"highlightedRows"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Input/TagInput/TagInput.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return TagInput_stories_standard})),__webpack_require__.d(__webpack_exports__,"existingValue",(function(){return TagInput_stories_existingValue})),__webpack_require__.d(__webpack_exports__,"existingValueAndLabels",(function(){return TagInput_stories_existingValueAndLabels})),__webpack_require__.d(__webpack_exports__,"withAHighNumberOfTags",(function(){return TagInput_stories_withAHighNumberOfTags})),__webpack_require__.d(__webpack_exports__,"variationOnInvalid",(function(){return TagInput_stories_variationOnInvalid})),__webpack_require__.d(__webpack_exports__,"variationOnInvalidValues",(function(){return TagInput_stories_variationOnInvalidValues})),__webpack_require__.d(__webpack_exports__,"variationOnReadonly",(function(){return TagInput_stories_variationOnReadonly}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,react=__webpack_require__("./node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),addon_actions_dist_esm=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),styled_components_browser_esm=(__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.constructor.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.array.join.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.string.trim.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.splice.js"),__webpack_require__("./node_modules/core-js/modules/es.date.to-string.js"),__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js")),theme=__webpack_require__("./src/theme/theme.ts"),CloseIcon=__webpack_require__("./src/icons/CloseIcon.tsx"),LockIcon=__webpack_require__("./src/icons/LockIcon.tsx"),array=__webpack_require__("./src/shared/array.ts"),key=__webpack_require__("./src/shared/key.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["onChange","placeholder","invalid","value","readOnly","onSubmit","separators","labels","invalidValue"];function _toConsumableArray(r){return function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r)}(r)||function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(r)||_unsupportedIterableToArray(r)||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 _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||_unsupportedIterableToArray(r,e)||function _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 _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e input {\n border: 0;\n outline: 0;\n color: ",";\n background-color: transparent;\n width: 100%;\n\n &::placeholder {\n opacity: 1;\n color: ",";\n font-family: ",";\n }\n }\n"])),Object(theme.a)("grey",120),(function(_ref8){return _ref8.hasTags?"0":"0 11px"}),Object(theme.a)("grey",120),Object(theme.a)("grey",100),Object(theme.d)("default")),ReadOnlyIcon=Object(styled_components_browser_esm.default)(LockIcon.a)(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(["\n position: absolute;\n right: 0;\n top: 0;\n margin: 11px;\n color: ",";\n"])),Object(theme.a)("grey",100)),TagInput_TagInput=function TagInput(_ref9){var onChange=_ref9.onChange,placeholder=_ref9.placeholder,invalid=_ref9.invalid,_ref9$value=_ref9.value,value=void 0===_ref9$value?[]:_ref9$value,readOnly=_ref9.readOnly,onSubmit=_ref9.onSubmit,_ref9$separators=_ref9.separators,separators=void 0===_ref9$separators?["\\s",",",";"]:_ref9$separators,labels=_ref9.labels,_ref9$invalidValue=_ref9.invalidValue,invalidValue=void 0===_ref9$invalidValue?[]:_ref9$invalidValue,inputProps=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r0,children:[Object(jsx_runtime.jsx)("input",Object.assign({type:"text","data-testid":"tag-input",ref:inputRef,placeholder:0===value.length?placeholder:"",onKeyDown:function handleKeyDown(event){var _inputRef$current$val,_inputRef$current,inputCurrentValue=null!==(_inputRef$current$val=null==inputRef||null===(_inputRef$current=inputRef.current)||void 0===_inputRef$current?void 0:_inputRef$current.value.trim())&&void 0!==_inputRef$current$val?_inputRef$current$val:"";if(key.a.Enter!==event.key||isLastTagSelected||readOnly){var isDeleteKeyPressed=[key.a.Backspace.toString(),key.a.Delete.toString()].includes(event.key),tagsAreEmpty=0===value.length;if(isDeleteKeyPressed&&!tagsAreEmpty&&""===inputCurrentValue){if(isLastTagSelected){var newTags=value.slice(0,value.length-1);onChange(newTags)}setLastTagAsSelected(!isLastTagSelected)}else setLastTagAsSelected(!1)}else""===inputCurrentValue?null==onSubmit||onSubmit():createTags([].concat(_toConsumableArray(value),[inputCurrentValue]))},onChange:function onChangeCreateTags(event){var tagsAsString=event.currentTarget.value;if(""!==tagsAsString){var newTags=tagsAsString.split(new RegExp("["+separators.join("")+"]+","g"));if(1===newTags.length)return;var newTagsWithoutEmpty=newTags.filter((function(tag){return""!==tag.trim()}));createTags([].concat(_toConsumableArray(value),_toConsumableArray(newTagsWithoutEmpty)))}},onBlurCapture:function onBlurCreateTag(event){var inputCurrentValue=event.currentTarget.value.trim();""!==inputCurrentValue&&createTags([].concat(_toConsumableArray(value),[inputCurrentValue]))},"aria-invalid":invalid,readOnly:readOnly,disabled:readOnly},inputProps)),readOnly&&Object(jsx_runtime.jsx)(ReadOnlyIcon,{size:16})]})]})};TagInput_TagInput.displayName="TagInput";try{TagInput_TagInput.displayName="TagInput",TagInput_TagInput.__docgenInfo={description:"",displayName:"TagInput",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"",name:"aria-labelledby",required:!1,type:{name:"string"}},value:{defaultValue:{value:"[]"},description:"Tags to display.",name:"value",required:!1,type:{name:"string[]"}},placeholder:{defaultValue:null,description:"Placeholder displayed where there is no tag.",name:"placeholder",required:!1,type:{name:"string"}},invalid:{defaultValue:null,description:"Defines if the input is valid on not.",name:"invalid",required:!1,type:{name:"boolean"}},separators:{defaultValue:{value:"['\\\\s', ',', ';']"},description:"List of separators used to create tags.",name:"separators",required:!1,type:{name:"string[]"}},onChange:{defaultValue:null,description:"Handler called when tags are updated.",name:"onChange",required:!0,type:{name:"(tags: string[]) => void"}},onSubmit:{defaultValue:null,description:"Callback called when the user hits enter on the field.",name:"onSubmit",required:!1,type:{name:"(() => void)"}},labels:{defaultValue:null,description:"Displays tag labels instead of tags",name:"labels",required:!1,type:{name:"{ [key: string]: string; }"}},invalidValue:{defaultValue:{value:"[]"},description:"The selected tags which are invalid",name:"invalidValue",required:!1,type:{name:"string[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/TagInput/TagInput.tsx#TagInput"]={docgenInfo:TagInput_TagInput.__docgenInfo,name:"TagInput",path:"src/components/Input/TagInput/TagInput.tsx#TagInput"})}catch(__react_docgen_typescript_loader_error){}var PreviewGallery=__webpack_require__("./src/storybook/PreviewGallery.tsx"),TagInput_stories_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;er.length)&&(a=r.length);for(var e=0,n=Array(a);e {\n const [tags, setTags] = useState([]);\n return ;\n}"}};var TagInput_stories_existingValue=function existingValue(args){return Object(esm.b)(TagInput_TagInput,{value:["batman","superman","catwoman","joker"],onChange:function onChange(){}})};TagInput_stories_existingValue.displayName="existingValue",TagInput_stories_existingValue.storyName="Existing value",TagInput_stories_existingValue.parameters={storySource:{source:"args => {\n return {}} />;\n}"}};var TagInput_stories_existingValueAndLabels=function existingValueAndLabels(args){return Object(esm.b)(TagInput_TagInput,{value:["batman","superman","catwoman","joker"],onChange:function onChange(){},labels:{batman:"The Batman",superman:"Superman",joker:"The Joker"}})};TagInput_stories_existingValueAndLabels.displayName="existingValueAndLabels",TagInput_stories_existingValueAndLabels.storyName="Existing value and labels",TagInput_stories_existingValueAndLabels.parameters={storySource:{source:"args => {\n return {}} labels={{\n batman: 'The Batman',\n superman: 'Superman',\n joker: 'The Joker'\n }} />;\n}"}};var TagInput_stories_withAHighNumberOfTags=function withAHighNumberOfTags(args){return Object(esm.b)(TagInput_TagInput,{value:Array.from(Array(30).keys()).map((function(tag){return"tag-"+tag})),onChange:function onChange(){}})};TagInput_stories_withAHighNumberOfTags.displayName="withAHighNumberOfTags",TagInput_stories_withAHighNumberOfTags.storyName="With a high number of tags",TagInput_stories_withAHighNumberOfTags.parameters={storySource:{source:"args => {\n return `tag-${tag}`)} onChange={() => {}} />;\n}"}};var TagInput_stories_variationOnInvalid=function variationOnInvalid(args){return Object(esm.b)(PreviewGallery.i,null,Object(esm.b)(TagInput_TagInput,{value:[],onChange:function onChange(){},invalid:!1}),Object(esm.b)(TagInput_TagInput,{value:[],onChange:function onChange(){},invalid:!0}))};TagInput_stories_variationOnInvalid.displayName="variationOnInvalid",TagInput_stories_variationOnInvalid.storyName="Variation on invalid",TagInput_stories_variationOnInvalid.parameters={storySource:{source:"args => {\n return
\n {}} invalid={false} />\n {}} invalid={true} />\n
;\n}"}};var TagInput_stories_variationOnInvalidValues=function variationOnInvalidValues(args){return Object(esm.b)(TagInput_TagInput,{value:["batman","superman","catwoman","joker"],onChange:function onChange(){},invalidValue:["superman","catwoman"]})};TagInput_stories_variationOnInvalidValues.displayName="variationOnInvalidValues",TagInput_stories_variationOnInvalidValues.storyName="Variation on invalid values",TagInput_stories_variationOnInvalidValues.parameters={storySource:{source:"args => {\n return {}} invalidValue={['superman', 'catwoman']} />;\n}"}};var TagInput_stories_variationOnReadonly=function variationOnReadonly(args){return Object(esm.b)(TagInput_TagInput,{value:["gucci","dior"],onChange:function onChange(){},readOnly:!0})};TagInput_stories_variationOnReadonly.displayName="variationOnReadonly",TagInput_stories_variationOnReadonly.storyName="Variation on readonly",TagInput_stories_variationOnReadonly.parameters={storySource:{source:"args => {\n return {}} readOnly={true} />;\n}"}};var componentMeta={title:"Components/Inputs/Tag input",component:TagInput_TagInput,args:{value:[],placeholder:"Placeholder",invalid:!1},includeStories:["standard","existingValue","existingValueAndLabels","withAHighNumberOfTags","variationOnInvalid","variationOnInvalidValues","variationOnReadonly"]},mdxStoryNameToKey={Standard:"standard","Existing value":"existingValue","Existing value and labels":"existingValueAndLabels","With a high number of tags":"withAHighNumberOfTags","Variation on invalid":"variationOnInvalid","Variation on invalid values":"variationOnInvalidValues","Variation on readonly":"variationOnReadonly"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Input/TextAreaInput/TextAreaInput.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return TextAreaInput_stories_standard})),__webpack_require__.d(__webpack_exports__,"readOnly",(function(){return TextAreaInput_stories_readOnly})),__webpack_require__.d(__webpack_exports__,"invalid",(function(){return TextAreaInput_stories_invalid})),__webpack_require__.d(__webpack_exports__,"characterLeftLabel",(function(){return TextAreaInput_stories_characterLeftLabel}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),LockIcon=__webpack_require__("./src/icons/LockIcon.tsx"),theme=__webpack_require__("./src/theme/theme.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["value","invalid","onChange","readOnly","characterLeftLabel"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var TextAreaInputContainer=styled_components_browser_esm.default.div(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n"]))),CommonStyle=Object(styled_components_browser_esm.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n border: 1px solid ",";\n border-radius: 2px;\n color: ",";\n font-size: ",";\n line-height: 20px;\n width: 100%;\n box-sizing: border-box;\n font-family: inherit;\n outline-style: none;\n background: ",";\n cursor: ",";\n\n &:focus-within {\n box-shadow: 0 0 0 2px ",";\n }\n\n a.rdw-dropdown-selectedtext > span {\n color: ",";\n }\n"])),(function(_ref){return _ref.invalid?Object(theme.a)("red",100):Object(theme.a)("grey",80)}),(function(_ref2){return _ref2.readOnly?Object(theme.a)("grey",100):Object(theme.a)("grey",140)}),Object(theme.e)("default"),(function(_ref3){return _ref3.readOnly?Object(theme.a)("grey",20):Object(theme.a)("white")}),(function(_ref4){return _ref4.readOnly?"not-allowed":"auto"}),Object(theme.a)("blue",40),(function(_ref5){return _ref5.readOnly?Object(theme.a)("grey",100):Object(theme.a)("grey",140)})),Textarea=styled_components_browser_esm.default.textarea(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n ","\n resize: none;\n height: 200px;\n padding: 10px 30px 10px 15px;\n\n &::placeholder {\n opacity: 1;\n color: ",";\n }\n"])),CommonStyle,Object(theme.a)("grey",100)),ReadOnlyIcon=Object(styled_components_browser_esm.default)(LockIcon.a)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n position: absolute;\n right: 0;\n top: 0;\n margin: 12px;\n color: ",";\n"])),Object(theme.a)("grey",100)),CharacterLeftLabel=styled_components_browser_esm.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n font-size: ",";\n align-self: flex-end;\n color: ",";\n"])),Object(theme.e)("small"),Object(theme.a)("grey",100)),TextAreaInput=react_default.a.forwardRef((function(_ref6,forwardedRef){var value=_ref6.value,invalid=_ref6.invalid,onChange=_ref6.onChange,readOnly=_ref6.readOnly,characterLeftLabel=_ref6.characterLeftLabel,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r void) | (((newValue: string) => void) & ((newValue: string) => void))"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"",name:"aria-labelledby",required:!1,type:{name:"string"}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:"Value of the input.",name:"value",required:!0,type:{name:"string"}},placeholder:{defaultValue:null,description:"Placeholder displayed when the input is empty.",name:"placeholder",required:!1,type:{name:"string"}},invalid:{defaultValue:null,description:"Defines if the input is valid on not.",name:"invalid",required:!1,type:{name:"boolean"}},characterLeftLabel:{defaultValue:null,description:"Label displayed under the field to display the remaining character counter.",name:"characterLeftLabel",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/TextAreaInput/TextAreaInput.tsx#TextAreaInput"]={docgenInfo:TextAreaInput.__docgenInfo,name:"TextAreaInput",path:"src/components/Input/TextAreaInput/TextAreaInput.tsx#TextAreaInput"})}catch(__react_docgen_typescript_loader_error){}var TextAreaInput_stories_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;er.length)&&(a=r.length);for(var e=0,n=Array(a);e void"}}}},args:{value:'The giant panda, also known as the panda bear or simply the panda, is a bear native to south-central China. It is characterized by large, black patches around its eyes, over the ears, and across its round body. The name "giant panda" is sometimes used to distinguish it from the red panda, a neighboring musteloid. Though it belongs to the order Carnivora, the giant panda is a folivore, with bamboo shoots and leaves making up more than 99% of its diet. Giant pandas in the wild will occasionally eat other grasses, wild tubers, or even meat in the form of birds, rodents.',placeholder:"Please enter a value in the TextAreaInput"},mdxType:"Meta"}),Object(esm.b)("h1",{id:"textarea-input"},"Textarea input"),Object(esm.b)("h2",{id:"usage"},"Usage"),Object(esm.b)("p",null,"Textarea input allows the user to enter content and data when the expected user input is composed of more than one sentence."),Object(esm.b)("h2",{id:"content"},"Content"),Object(esm.b)("p",null,Object(esm.b)("strong",{parentName:"p"},"Label:")),Object(esm.b)("p",null,"It helps users to understand what information to enter into a text input. Using a placeholder instead of a label is sometimes used to save space. However, this is not recommended because it hides the context and raises accessibility issues."),Object(esm.b)("p",null,Object(esm.b)("strong",{parentName:"p"},"Placeholder text:")),Object(esm.b)("p",null,"The placeholder text provides tips or examples of items to enter. Placeholder text disappears when the user begins entering data."),Object(esm.b)("p",null,Object(esm.b)("strong",{parentName:"p"},"Help text:")),Object(esm.b)("p",null,"Help text is relevant information that helps the user to fill a field. Help text is always available when the input is active and appears below the text input. Complete sentences with punctuation should be used."),Object(esm.b)("p",null,Object(esm.b)("strong",{parentName:"p"},"Errors text:")),Object(esm.b)("p",null,"A compelling error message can help the user understand the problem and solve it. You should begin by informing the user of what happened, then indicate next steps or possible solutions."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Standard",mdxType:"Story"},(function(args){var _useState2=_slicedToArray(Object(react.useState)(args.value),2),value=_useState2[0],setValue=_useState2[1];return Object(esm.b)(TextAreaInput,_extends({},args,{value:value,onChange:setValue,mdxType:"TextAreaInput"}))}))),Object(esm.b)(dist_esm.b,{story:"Standard",mdxType:"ArgsTable"}),Object(esm.b)("h2",{id:"variation-on-readonly"},"Variation on readOnly"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"ReadOnly",mdxType:"Story"},(function(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(TextAreaInput,_extends({},args,{readOnly:!1,mdxType:"TextAreaInput"})),Object(esm.b)(TextAreaInput,_extends({},args,{readOnly:!0,mdxType:"TextAreaInput"})))}))),Object(esm.b)("h2",{id:"variation-on-invalid"},"Variation on invalid"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Invalid",mdxType:"Story"},(function(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(TextAreaInput,_extends({},args,{invalid:!1,mdxType:"TextAreaInput"})),Object(esm.b)(TextAreaInput,_extends({},args,{invalid:!0,mdxType:"TextAreaInput"})))}))),Object(esm.b)("h2",{id:"variation-on-character-left-label"},"Variation on character left label"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Character left label",mdxType:"Story"},(function(args){var _useState4=_slicedToArray(Object(react.useState)(""),2),value=_useState4[0],setValue=_useState4[1];return Object(esm.b)(TextAreaInput,{placeholder:"Type here to update the character left label",value:value,onChange:function handleChange(newValue){return setValue(newValue)},characterLeftLabel:250-value.length+" characters left",mdxType:"TextAreaInput"})}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var TextAreaInput_stories_standard=function standard(args){var _useState6=_slicedToArray(Object(react.useState)(args.value),2),value=_useState6[0],setValue=_useState6[1];return Object(esm.b)(TextAreaInput,_extends({},args,{value:value,onChange:setValue}))};TextAreaInput_stories_standard.displayName="standard",TextAreaInput_stories_standard.storyName="Standard",TextAreaInput_stories_standard.parameters={storySource:{source:"args => {\n const [value, setValue] = useState(args.value);\n return ;\n}"}};var TextAreaInput_stories_readOnly=function readOnly(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(TextAreaInput,_extends({},args,{readOnly:!1})),Object(esm.b)(TextAreaInput,_extends({},args,{readOnly:!0})))};TextAreaInput_stories_readOnly.storyName="ReadOnly",TextAreaInput_stories_readOnly.parameters={storySource:{source:"args => {\n return <>\n \n \n ;\n}"}};var TextAreaInput_stories_invalid=function invalid(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(TextAreaInput,_extends({},args,{invalid:!1})),Object(esm.b)(TextAreaInput,_extends({},args,{invalid:!0})))};TextAreaInput_stories_invalid.storyName="Invalid",TextAreaInput_stories_invalid.parameters={storySource:{source:"args => {\n return <>\n \n \n ;\n}"}};var TextAreaInput_stories_characterLeftLabel=function characterLeftLabel(args){var _useState8=_slicedToArray(Object(react.useState)(""),2),value=_useState8[0],setValue=_useState8[1];return Object(esm.b)(TextAreaInput,{placeholder:"Type here to update the character left label",value:value,onChange:function handleChange(newValue){return setValue(newValue)},characterLeftLabel:250-value.length+" characters left"})};TextAreaInput_stories_characterLeftLabel.displayName="characterLeftLabel",TextAreaInput_stories_characterLeftLabel.storyName="Character left label",TextAreaInput_stories_characterLeftLabel.parameters={storySource:{source:"args => {\n const [value, setValue] = useState('');\n const handleChange = newValue => setValue(newValue);\n return ;\n}"}};var componentMeta={title:"Components/Inputs/Textarea input",component:TextAreaInput,args:{value:'The giant panda, also known as the panda bear or simply the panda, is a bear native to south-central China. It is characterized by large, black patches around its eyes, over the ears, and across its round body. The name "giant panda" is sometimes used to distinguish it from the red panda, a neighboring musteloid. Though it belongs to the order Carnivora, the giant panda is a folivore, with bamboo shoots and leaves making up more than 99% of its diet. Giant pandas in the wild will occasionally eat other grasses, wild tubers, or even meat in the form of birds, rodents.',placeholder:"Please enter a value in the TextAreaInput"},argTypes:{readOnly:{control:{type:"boolean"},description:"Defines if the input should be read only. If defined so, the user cannot change the value of the input.",table:{type:{summary:"boolean"}}},onChange:{description:"The handler called when the value of the input changes.",table:{type:{summary:"(newValue: string) => void"}}}},includeStories:["standard","readOnly","invalid","characterLeftLabel"]},mdxStoryNameToKey={Standard:"standard",ReadOnly:"readOnly",Invalid:"invalid","Character left label":"characterLeftLabel"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Input/TextInput/TextInput.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"readOnly",(function(){return readOnly})),__webpack_require__.d(__webpack_exports__,"invalid",(function(){return invalid})),__webpack_require__.d(__webpack_exports__,"characterLeftLabel",(function(){return characterLeftLabel}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_15___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_15__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_TextInput_tsx__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/components/Input/TextInput/TextInput.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;er.length)&&(a=r.length);for(var e=0,n=Array(a);e void"}}}},args:{value:"",placeholder:"Please enter a value in the TextInput"},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h1",{id:"text-input"},"Text input"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h2",{id:"usage"},"Usage"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("p",null,"Text input allows the user to enter content and data when the expected user input is a single line of text."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h3",{id:"placeholder-text"},"Placeholder text"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("p",null,"The placeholder text provides tips or examples of items to enter. Placeholder text disappears when the user begins entering data."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h2",{id:"playground"},"Playground"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.e,{name:"Standard",mdxType:"Story"},(function(args){var _useState2=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_15__.useState)(args.value),2),value=_useState2[0],setValue=_useState2[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_TextInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{value:value,onChange:setValue,mdxType:"TextInput"}))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.b,{story:"Standard",mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h2",{id:"variation-on-readonly"},"Variation on readOnly"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.e,{name:"ReadOnly",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_TextInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{readOnly:!1,mdxType:"TextInput"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_TextInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{readOnly:!0,mdxType:"TextInput"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_TextInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,{value:"Read only text input",readOnly:!0,mdxType:"TextInput"}))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h2",{id:"variation-on-invalid"},"Variation on invalid"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.e,{name:"Invalid",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_TextInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{invalid:!1,mdxType:"TextInput"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_TextInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{invalid:!0,mdxType:"TextInput"})))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)("h2",{id:"variation-on-character-left-label"},"Variation on character left label"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.e,{name:"Character left label",mdxType:"Story"},(function(args){var _useState4=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_15__.useState)(""),2),value=_useState4[0],setValue=_useState4[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_TextInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,{placeholder:"Type here to update the character left label",value:value,onChange:function handleChange(newValue){return setValue(newValue)},characterLeftLabel:250-value.length+" characters left",mdxType:"TextInput"})}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var standard=function standard(args){var _useState6=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_15__.useState)(args.value),2),value=_useState6[0],setValue=_useState6[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_TextInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{value:value,onChange:setValue}))};standard.displayName="standard",standard.storyName="Standard",standard.parameters={storySource:{source:"args => {\n const [value, setValue] = useState(args.value);\n return ;\n}"}};var readOnly=function readOnly(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_TextInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{readOnly:!1})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_TextInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{readOnly:!0})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_TextInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,{value:"Read only text input",readOnly:!0}))};readOnly.storyName="ReadOnly",readOnly.parameters={storySource:{source:'args => {\n return <>\n \n \n \n ;\n}'}};var invalid=function invalid(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_TextInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{invalid:!1})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_TextInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,_extends({},args,{invalid:!0})))};invalid.storyName="Invalid",invalid.parameters={storySource:{source:"args => {\n return <>\n \n \n ;\n}"}};var characterLeftLabel=function characterLeftLabel(args){var _useState8=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_15__.useState)(""),2),value=_useState8[0],setValue=_useState8[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_TextInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,{placeholder:"Type here to update the character left label",value:value,onChange:function handleChange(newValue){return setValue(newValue)},characterLeftLabel:250-value.length+" characters left"})};characterLeftLabel.displayName="characterLeftLabel",characterLeftLabel.storyName="Character left label",characterLeftLabel.parameters={storySource:{source:"args => {\n const [value, setValue] = useState('');\n const handleChange = newValue => setValue(newValue);\n return ;\n}"}};var componentMeta={title:"Components/Inputs/Text input",component:_TextInput_tsx__WEBPACK_IMPORTED_MODULE_18__.a,args:{value:"",placeholder:"Please enter a value in the TextInput"},argTypes:{readOnly:{control:{type:"boolean"},description:"Defines if the input should be read only. If defined so, the user cannot change the value of the input.",table:{type:{summary:"boolean"}}},onChange:{description:"The handler called when the value of the input changes.",table:{type:{summary:"(newValue: string) => void"}}}},includeStories:["standard","readOnly","invalid","characterLeftLabel"]},mdxStoryNameToKey={Standard:"standard",ReadOnly:"readOnly",Invalid:"invalid","Character left label":"characterLeftLabel"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Input/TextInput/TextInput.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return TextInput}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),styled_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_icons_LockIcon__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/icons/LockIcon.tsx"),_shared_key__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/shared/key.ts"),_theme_theme__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/theme/theme.ts"),_hooks_useShortcut__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/hooks/useShortcut.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["invalid","onChange","readOnly","characterLeftLabel","onSubmit"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var TextInputContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n"]))),Input=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.input(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n width: 100%;\n height: 40px;\n border: 1px solid ",";\n border-radius: 2px;\n box-sizing: border-box;\n background: ",";\n color: ",";\n font-size: ",";\n line-height: 40px;\n padding: 0 "," 0 15px;\n outline-style: none;\n cursor: ",";\n ","\n &:focus-within {\n box-shadow: 0 0 0 2px ",";\n }\n\n &::placeholder {\n opacity: 1;\n color: ",";\n }\n"])),(function(_ref){return _ref.invalid?Object(_theme_theme__WEBPACK_IMPORTED_MODULE_9__.a)("red",100):Object(_theme_theme__WEBPACK_IMPORTED_MODULE_9__.a)("grey",80)}),(function(_ref2){return _ref2.readOnly?Object(_theme_theme__WEBPACK_IMPORTED_MODULE_9__.a)("grey",20):Object(_theme_theme__WEBPACK_IMPORTED_MODULE_9__.a)("white")}),(function(_ref3){return _ref3.readOnly?Object(_theme_theme__WEBPACK_IMPORTED_MODULE_9__.a)("grey",100):Object(_theme_theme__WEBPACK_IMPORTED_MODULE_9__.a)("grey",140)}),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_9__.e)("default"),(function(_ref4){return _ref4.readOnly?"35px":"15px"}),(function(_ref5){return _ref5.readOnly?"not-allowed":"auto"}),(function(_ref6){return _ref6.readOnly&&Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n overflow: hidden;\n text-overflow: ellipsis;\n "])))}),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_9__.a)("blue",40),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_9__.a)("grey",100)),ReadOnlyIcon=Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.default)(_icons_LockIcon__WEBPACK_IMPORTED_MODULE_7__.a)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n position: absolute;\n right: 0;\n top: 0;\n margin: 12px;\n color: ",";\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_9__.a)("grey",100)),CharacterLeftLabel=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n font-size: ",";\n align-self: flex-end;\n color: ",";\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_9__.e)("small"),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_9__.a)("grey",100)),TextInput=Object(react__WEBPACK_IMPORTED_MODULE_5__.forwardRef)((function(_ref7,forwardedRef){var _forwardedRef,invalid=_ref7.invalid,onChange=_ref7.onChange,readOnly=_ref7.readOnly,characterLeftLabel=_ref7.characterLeftLabel,onSubmit=_ref7.onSubmit,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r void) | (((newValue: string) => void) & ((newValue: string) => void))"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},"aria-labelledby":{defaultValue:null,description:"",name:"aria-labelledby",required:!1,type:{name:"string"}},readOnly:{defaultValue:null,description:"",name:"readOnly",required:!1,type:{name:"boolean"}},value:{defaultValue:null,description:"Value of the input.",name:"value",required:!1,type:{name:"string"}},placeholder:{defaultValue:null,description:"Placeholder displayed when the input is empty.",name:"placeholder",required:!1,type:{name:"string"}},invalid:{defaultValue:null,description:"Defines if the input is valid on not.",name:"invalid",required:!1,type:{name:"boolean"}},characterLeftLabel:{defaultValue:null,description:"Label displayed under the field to display the remaining character counter.",name:"characterLeftLabel",required:!1,type:{name:"string"}},onSubmit:{defaultValue:null,description:"Callback called when the user hit enter on the field.",name:"onSubmit",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/TextInput/TextInput.tsx#TextInput"]={docgenInfo:TextInput.__docgenInfo,name:"TextInput",path:"src/components/Input/TextInput/TextInput.tsx#TextInput"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Input/common/Overlay.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Overlay}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,react__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_14___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_14__),react_dom__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/react-dom/index.js"),styled_components__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_hooks_usePosition__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/hooks/usePosition.ts"),_hooks_useWindowResize__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/hooks/useWindowResize.ts"),_theme_theme__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/theme/theme.ts"),_theme_common__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/theme/common.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["verticalPosition","parentRef","onClose","children"];function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _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 _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e void"}},parentRef:{defaultValue:null,description:"@private",name:"parentRef",required:!1,type:{name:"RefObject"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Input/common/Overlay.tsx#Overlay"]={docgenInfo:Overlay.__docgenInfo,name:"Overlay",path:"src/components/Input/common/Overlay.tsx#Overlay"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/KeyFigure/KeyFigure.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return KeyFigure_stories_standard})),__webpack_require__.d(__webpack_exports__,"valueOnly",(function(){return KeyFigure_stories_valueOnly})),__webpack_require__.d(__webpack_exports__,"keyFigureGrid",(function(){return KeyFigure_stories_keyFigureGrid}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),styled_components_browser_esm=(__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js")),theme=__webpack_require__("./src/theme/theme.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["icon","title","children"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var FigureContainer=styled_components_browser_esm.default.div(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n color: ",";\n font-size: 16px;\n margin: 0 15px 0 3px;\n display: flex;\n align-items: center;\n\n :only-child {\n margin: 0;\n }\n"])),Object(theme.a)("brand",100)),KeyFigureContainer=styled_components_browser_esm.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n height: 80px;\n display: inline-flex;\n box-sizing: border-box;\n background: ",";\n"])),Object(theme.a)("white")),IconContainer=styled_components_browser_esm.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n min-width: 80px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-right: 1px "," solid;\n margin: 10px 0;\n\n svg {\n color: ",";\n }\n"])),Object(theme.a)("grey",80),Object(theme.a)("grey",100)),ContentContainer=styled_components_browser_esm.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n margin: 15px 20px;\n display: flex;\n justify-content: space-around;\n flex-direction: column;\n min-width: 0;\n"]))),Title=styled_components_browser_esm.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n color: ",";\n font-size: ",";\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n"])),Object(theme.a)("grey",140),Object(theme.e)("big")),Values=styled_components_browser_esm.default.div(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(["\n display: flex;\n color: ",";\n font-size: 16px;\n"])),Object(theme.a)("grey",100)),KeyFigure_KeyFigure=function KeyFigure(_ref2){var icon=_ref2.icon,title=_ref2.title,children=_ref2.children,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r>"}},title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/KeyFigure/KeyFigure.tsx#KeyFigure"]={docgenInfo:KeyFigure_KeyFigure.__docgenInfo,name:"KeyFigure",path:"src/components/KeyFigure/KeyFigure.tsx#KeyFigure"})}catch(__react_docgen_typescript_loader_error){}try{KeyFigureGrid.displayName="KeyFigureGrid",KeyFigureGrid.__docgenInfo={description:"",displayName:"KeyFigureGrid",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/KeyFigure/KeyFigure.tsx#KeyFigureGrid"]={docgenInfo:KeyFigureGrid.__docgenInfo,name:"KeyFigureGrid",path:"src/components/KeyFigure/KeyFigure.tsx#KeyFigureGrid"})}catch(__react_docgen_typescript_loader_error){}var icons=__webpack_require__("./src/icons/index.ts"),Tooltip=__webpack_require__("./src/components/Tooltip/Tooltip.tsx"),KeyFigure_stories_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e"}}}},args:{icon:"TagIcon",title:"Key figure with a multiple values"},mdxType:"Meta"}),Object(esm.b)("h1",{id:"key-figure"},"Key Figure"),Object(esm.b)("p",null,"Key figures are used in dashboards to illustrate metrics."),Object(esm.b)("h2",{id:"playground"},"Playground"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Standard",mdxType:"Story"},(function(args){return Object(esm.b)(KeyFigureGrid,{mdxType:"KeyFigureGrid"},Object(esm.b)(KeyFigure_KeyFigure,{icon:react_default.a.createElement(icons[args.icon]),title:args.title,mdxType:"KeyFigure"},Object(esm.b)(KeyFigure_KeyFigure.Figure,{label:"Average:"},"10"),Object(esm.b)(KeyFigure_KeyFigure.Figure,{label:"Max:"},"15")))}))),Object(esm.b)(dist_esm.b,{story:"Standard",mdxType:"ArgsTable"}),Object(esm.b)("h2",{id:"with-only-a-simple-figure"},"With only a simple figure"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Value only",mdxType:"Story"},(function(args){return Object(esm.b)(KeyFigureGrid,{mdxType:"KeyFigureGrid"},Object(esm.b)(KeyFigure_KeyFigure,{icon:react_default.a.createElement(icons[args.icon]),title:"Key figure with only a figure",mdxType:"KeyFigure"},Object(esm.b)(KeyFigure_KeyFigure.Figure,null,"123")))}))),Object(esm.b)("h2",{id:"keyfigure-grid"},"KeyFigure grid"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"KeyFigure grid",mdxType:"Story"},(function(args){return Object(esm.b)(KeyFigureGrid,{mdxType:"KeyFigureGrid"},Object(esm.b)(KeyFigure_KeyFigure,{icon:react_default.a.createElement(icons[args.icon]),title:"Key figure 1",mdxType:"KeyFigure"},Object(esm.b)(KeyFigure_KeyFigure.Figure,{label:"Average:"},"10"),Object(esm.b)(KeyFigure_KeyFigure.Figure,{label:"Max:"},"15")),Object(esm.b)(KeyFigure_KeyFigure,{icon:react_default.a.createElement(icons[args.icon]),title:"Key figure 2 with a very very very very very long label",mdxType:"KeyFigure"},Object(esm.b)(KeyFigure_KeyFigure.Figure,null,"123")),Object(esm.b)(KeyFigure_KeyFigure,{icon:react_default.a.createElement(icons[args.icon]),title:"Key figure 3",mdxType:"KeyFigure"},Object(esm.b)(KeyFigure_KeyFigure.Figure,null,"456",Object(esm.b)(Tooltip.a,{iconSize:16,mdxType:"Tooltip"},"More informations on this figure"))),Object(esm.b)(KeyFigure_KeyFigure,{icon:react_default.a.createElement(icons[args.icon]),title:"Key figure 4",mdxType:"KeyFigure"},Object(esm.b)(KeyFigure_KeyFigure.Figure,{label:"Average:"},"789454"),Object(esm.b)(KeyFigure_KeyFigure.Figure,{label:"Max:"},"78945485")),Object(esm.b)(KeyFigure_KeyFigure,{icon:react_default.a.createElement(icons[args.icon]),title:"Key figure 5",mdxType:"KeyFigure"},Object(esm.b)(KeyFigure_KeyFigure.Figure,{label:"Average:"},"5451"),Object(esm.b)(KeyFigure_KeyFigure.Figure,{label:"Max:"},"15369")))}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var KeyFigure_stories_standard=function standard(args){return Object(esm.b)(KeyFigureGrid,null,Object(esm.b)(KeyFigure_KeyFigure,{icon:react_default.a.createElement(icons[args.icon]),title:args.title},Object(esm.b)(KeyFigure_KeyFigure.Figure,{label:"Average:"},"10"),Object(esm.b)(KeyFigure_KeyFigure.Figure,{label:"Max:"},"15")))};KeyFigure_stories_standard.displayName="standard",KeyFigure_stories_standard.storyName="Standard",KeyFigure_stories_standard.parameters={storySource:{source:'args => {\n return \n \n 10\n 15\n \n ;\n}'}};var KeyFigure_stories_valueOnly=function valueOnly(args){return Object(esm.b)(KeyFigureGrid,null,Object(esm.b)(KeyFigure_KeyFigure,{icon:react_default.a.createElement(icons[args.icon]),title:"Key figure with only a figure"},Object(esm.b)(KeyFigure_KeyFigure.Figure,null,"123")))};KeyFigure_stories_valueOnly.displayName="valueOnly",KeyFigure_stories_valueOnly.storyName="Value only",KeyFigure_stories_valueOnly.parameters={storySource:{source:'args => {\n return \n \n 123\n \n ;\n}'}};var KeyFigure_stories_keyFigureGrid=function keyFigureGrid(args){return Object(esm.b)(KeyFigureGrid,null,Object(esm.b)(KeyFigure_KeyFigure,{icon:react_default.a.createElement(icons[args.icon]),title:"Key figure 1"},Object(esm.b)(KeyFigure_KeyFigure.Figure,{label:"Average:"},"10"),Object(esm.b)(KeyFigure_KeyFigure.Figure,{label:"Max:"},"15")),Object(esm.b)(KeyFigure_KeyFigure,{icon:react_default.a.createElement(icons[args.icon]),title:"Key figure 2 with a very very very very very long label"},Object(esm.b)(KeyFigure_KeyFigure.Figure,null,"123")),Object(esm.b)(KeyFigure_KeyFigure,{icon:react_default.a.createElement(icons[args.icon]),title:"Key figure 3"},Object(esm.b)(KeyFigure_KeyFigure.Figure,null,"456",Object(esm.b)(Tooltip.a,{iconSize:16},"More informations on this figure"))),Object(esm.b)(KeyFigure_KeyFigure,{icon:react_default.a.createElement(icons[args.icon]),title:"Key figure 4"},Object(esm.b)(KeyFigure_KeyFigure.Figure,{label:"Average:"},"789454"),Object(esm.b)(KeyFigure_KeyFigure.Figure,{label:"Max:"},"78945485")),Object(esm.b)(KeyFigure_KeyFigure,{icon:react_default.a.createElement(icons[args.icon]),title:"Key figure 5"},Object(esm.b)(KeyFigure_KeyFigure.Figure,{label:"Average:"},"5451"),Object(esm.b)(KeyFigure_KeyFigure.Figure,{label:"Max:"},"15369")))};KeyFigure_stories_keyFigureGrid.displayName="keyFigureGrid",KeyFigure_stories_keyFigureGrid.storyName="KeyFigure grid",KeyFigure_stories_keyFigureGrid.parameters={storySource:{source:'args => {\n return \n \n 10\n 15\n \n \n 123\n \n \n \n 456\n More informations on this figure\n \n \n \n 789454\n 78945485\n \n \n 5451\n 15369\n \n ;\n}'}};var componentMeta={title:"Components/KeyFigure",component:KeyFigure_KeyFigure,args:{icon:"TagIcon",title:"Key figure with a multiple values"},argTypes:{icon:{control:{type:"select"},options:Object.keys(icons),table:{type:{summary:"ReactElement"}}}},includeStories:["standard","valueOnly","keyFigureGrid"]},mdxStoryNameToKey={Standard:"standard","Value only":"valueOnly","KeyFigure grid":"keyFigureGrid"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Link/Link.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"status",(function(){return status}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_Link__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/Link/Link.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e {\n return ;\n}"}};var status=function status(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Link__WEBPACK_IMPORTED_MODULE_8__.a,_extends({href:"https://akeneo.com",disabled:!1},args),"Enabled"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Link__WEBPACK_IMPORTED_MODULE_8__.a,_extends({href:"https://akeneo.com",disabled:!0},args),"Disabled"))};status.storyName="Status",status.parameters={storySource:{source:'args => {\n return <>\n \n Enabled\n \n \n Disabled\n \n ;\n}'}};var componentMeta={title:"Components/Link",component:_Link__WEBPACK_IMPORTED_MODULE_8__.a,args:{children:"Link",href:"https://www.akeneo.com/",target:"_self"},argTypes:{disabled:{control:{type:"boolean"}},href:{control:{type:"text"}},target:{control:{type:"select"},options:["_blank","_self","_parent","_top"]},children:{control:{type:"text"}}},includeStories:["standard","status"]},mdxStoryNameToKey={Standard:"standard",Status:"status"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Link/Link.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Link}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,styled_components__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_6__),_theme_theme__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/theme/theme.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["disabled","decorated","target","href","children","onClick"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var LinkContainer=styled_components__WEBPACK_IMPORTED_MODULE_5__.default.a(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n ","\n\n cursor: ",";\n"])),(function(_ref){var decorated=_ref.decorated,disabled=_ref.disabled;return decorated?Object(styled_components__WEBPACK_IMPORTED_MODULE_5__.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n font-weight: 400;\n text-decoration: underline;\n color: ",";\n\n ",";\n "])),disabled?Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey",100):Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("brand",100),!disabled&&Object(styled_components__WEBPACK_IMPORTED_MODULE_5__.css)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n &:hover {\n color: ",";\n }\n\n &:focus:not(:active) {\n border-radius: 0px;\n box-shadow: 0px 0px 0px 2px rgba(74, 144, 226, 0.3);\n outline: none;\n }\n\n &:active {\n outline: none;\n color: ",";\n }\n "])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("brand",120),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("brand",140))):Object(styled_components__WEBPACK_IMPORTED_MODULE_5__.css)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n text-decoration: none;\n box-sizing: border-box;\n "])))}),(function(_ref2){return _ref2.disabled?"not-allowed":"pointer"})),Link=react__WEBPACK_IMPORTED_MODULE_6___default.a.forwardRef((function(_ref3,forwardedRef){var _ref3$disabled=_ref3.disabled,disabled=void 0!==_ref3$disabled&&_ref3$disabled,_ref3$decorated=_ref3.decorated,decorated=void 0===_ref3$decorated||_ref3$decorated,_ref3$target=_ref3.target,target=void 0===_ref3$target?"_self":_ref3$target,href=_ref3.href,children=_ref3.children,onClick=_ref3.onClick,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r` node",name:"href",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Link/Link.tsx#Link"]={docgenInfo:Link.__docgenInfo,name:"Link",path:"src/components/Link/Link.tsx#Link"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/List/List.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return List_stories_standard})),__webpack_require__.d(__webpack_exports__,"actions",(function(){return List_stories_actions})),__webpack_require__.d(__webpack_exports__,"error",(function(){return List_stories_error})),__webpack_require__.d(__webpack_exports__,"selected",(function(){return List_stories_selected})),__webpack_require__.d(__webpack_exports__,"complex",(function(){return List_stories_complex}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),styled_components_browser_esm=(__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js")),theme=__webpack_require__("./src/theme/theme.ts"),Button=__webpack_require__("./src/components/Button/Button.tsx"),IconButton=__webpack_require__("./src/components/IconButton/IconButton.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children"],_excluded2=["children","isMultiline","isSelected"],_excluded3=["title","width","children"],_excluded4=["children"],_excluded5=["children"];function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r0&&Object(jsx_runtime.jsx)(RowActionContainer,{children:actionCellChild})]}),helpers]}))};List_Row.displayName="Row";var List_Cell=function Cell(_ref7){var title=_ref7.title,width=_ref7.width,children=_ref7.children,rest=_objectWithoutProperties(_ref7,_excluded3);return title=void 0===title&&"string"==typeof children?children:title,Object(jsx_runtime.jsx)(CellContainer,Object.assign({width:width,title:title},rest,{children:children}))};List_Cell.displayName="Cell";var List_ActionCell=function ActionCell(_ref8){var children=_ref8.children,rest=_objectWithoutProperties(_ref8,_excluded4),decoratedChildren=react_default.a.Children.map(children,(function(child){return!react_default.a.isValidElement(child)||child.type!==Button.a&&child.type!==IconButton.a?child:react_default.a.cloneElement(child,{size:"small",ghost:!0,level:"tertiary"})}));return Object(jsx_runtime.jsx)(ActionCellContainer,Object.assign({},rest,{children:decoratedChildren}))};List_ActionCell.displayName="ActionCell";var List_List=function List(_ref9){var children=_ref9.children,rest=_objectWithoutProperties(_ref9,_excluded5);return Object(jsx_runtime.jsx)(ListContainer,Object.assign({},rest,{children:children}))};List_List.displayName="List",List_Row.displayName="List.Row",List_Cell.displayName="List.Cell",TitleCell.displayName="List.TitleCell",List_ActionCell.displayName="List.ActionCell",List_RemoveCell.displayName="List.RemoveCell",List_List.Row=List_Row,List_List.Cell=List_Cell,List_List.TitleCell=TitleCell,List_List.ActionCell=List_ActionCell,List_List.RemoveCell=List_RemoveCell,List_List.RowHelpers=RowHelpers;try{List_List.Row.displayName="List.Row",List_List.Row.__docgenInfo={description:"List allow users to analyze and manipulate data.",displayName:"List.Row",props:{children:{defaultValue:null,description:"The rows of the list",name:"children",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/List/List.tsx#List.Row"]={docgenInfo:List_List.Row.__docgenInfo,name:"List.Row",path:"src/components/List/List.tsx#List.Row"})}catch(__react_docgen_typescript_loader_error){}var Helper=__webpack_require__("./src/components/Helper/Helper.tsx"),TextInput=__webpack_require__("./src/components/Input/TextInput/TextInput.tsx"),SelectInput=__webpack_require__("./src/components/Input/SelectInput/SelectInput.tsx"),Locale=__webpack_require__("./src/components/Locale/Locale.tsx"),NumberInput=__webpack_require__("./src/components/Input/NumberInput/NumberInput.tsx"),MultiSelectInput=__webpack_require__("./src/components/Input/MultiSelectInput/MultiSelectInput.tsx"),CloseIcon=__webpack_require__("./src/icons/CloseIcon.tsx"),PreviewGallery=__webpack_require__("./src/storybook/PreviewGallery.tsx"),List_stories_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e\n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n \n \n \n Pellentesque ultrices nibh ac magna lacinia, sit amet posuere libero eleifend.\n \n \n \n Proin sed quam mattis, volutpat nisi a, rutrum elit.\n \n \n Ut ac purus auctor, aliquam mi id, egestas ligula.\n \n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n \n '}};var List_stories_actions=function actions(){return Object(esm.b)(List_List,null,Object(esm.b)(List_List.Row,null,Object(esm.b)(List_List.TitleCell,{width:"auto"},"A real biiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiig text without action, it really important to show the component comportment."),Object(esm.b)(List_List.RemoveCell,null,Object(esm.b)(IconButton.a,{ghost:"borderless",level:"tertiary",icon:Object(esm.b)(CloseIcon.a,null),title:""}))),Object(esm.b)(List_List.Row,null,Object(esm.b)(List_List.TitleCell,{width:"auto"},"A real biiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiig text with one action, it really important to show the component comportment."),Object(esm.b)(List_List.ActionCell,null,Object(esm.b)(Button.a,null,"First action")),Object(esm.b)(List_List.RemoveCell,null,Object(esm.b)(IconButton.a,{ghost:"borderless",level:"tertiary",icon:Object(esm.b)(CloseIcon.a,null),title:""}))),Object(esm.b)(List_List.Row,null,Object(esm.b)(List_List.TitleCell,{width:"auto"},"A real biiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiig text with three action, it really important to show the component comportment."),Object(esm.b)(List_List.ActionCell,null,Object(esm.b)(Button.a,null,"First action"),Object(esm.b)(Button.a,null,"Second action"),Object(esm.b)(Button.a,null,"Third action")),Object(esm.b)(List_List.RemoveCell,null,Object(esm.b)(IconButton.a,{ghost:"borderless",level:"tertiary",icon:Object(esm.b)(CloseIcon.a,null),title:""}))),Object(esm.b)(List_List.Row,null,Object(esm.b)(List_List.TitleCell,{width:"auto"},"A real biiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiig text with three action, it really important to show the component comportment."),Object(esm.b)(List_List.ActionCell,null,Object(esm.b)(Button.a,null,"First action"),Object(esm.b)(Button.a,null,"Second action"),Object(esm.b)(Button.a,null,"Third action"))))};List_stories_actions.displayName="actions",List_stories_actions.storyName="Actions",List_stories_actions.parameters={storySource:{source:'\n \n \n A real biiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiig text without action, it really important to show the\n component comportment.\n \n \n } title="" />\n \n \n \n \n A real biiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiig text with one action, it really important to show the\n component comportment.\n \n \n \n \n \n } title="" />\n \n \n \n \n A real biiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiig text with three action, it really important to show the\n component comportment.\n \n \n \n \n \n \n \n } title="" />\n \n \n \n \n A real biiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiig text with three action, it really important to show the\n component comportment.\n \n \n \n \n \n \n \n '}};var List_stories_error=function error(){return Object(esm.b)(List_List,null,Object(esm.b)(List_List.Row,null,Object(esm.b)(List_List.TitleCell,{width:"auto"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit."),Object(esm.b)(List_List.RowHelpers,null,Object(esm.b)(Helper.a,{level:"error"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod labore et dolore magna aliqua."))),Object(esm.b)(List_List.Row,null,Object(esm.b)(List_List.TitleCell,{width:"auto"},"Pellentesque ultrices nibh ac magna lacinia, sit amet posuere libero eleifend."),Object(esm.b)(List_List.RowHelpers,null,Object(esm.b)(Helper.a,{level:"info"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod labore et dolore magna aliqua."),Object(esm.b)(Helper.a,{level:"error"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod labore et dolore magna aliqua."))),Object(esm.b)(List_List.Row,null,Object(esm.b)(List_List.TitleCell,{width:"auto"},"Proin sed quam mattis, volutpat nisi a, rutrum elit.")),Object(esm.b)(List_List.Row,null,Object(esm.b)(List_List.TitleCell,{width:"auto"},"Ut ac purus auctor, aliquam mi id, egestas ligula.")),Object(esm.b)(List_List.Row,null,Object(esm.b)(List_List.TitleCell,{width:"auto"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit.")))};List_stories_error.displayName="error",List_stories_error.storyName="Error",List_stories_error.parameters={storySource:{source:'\n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n \n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod labore et dolore magna aliqua.\n \n \n \n \n \n Pellentesque ultrices nibh ac magna lacinia, sit amet posuere libero eleifend.\n \n \n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod labore et dolore magna aliqua.\n \n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod labore et dolore magna aliqua.\n \n \n \n \n Proin sed quam mattis, volutpat nisi a, rutrum elit.\n \n \n Ut ac purus auctor, aliquam mi id, egestas ligula.\n \n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n \n '}};var List_stories_selected=function selected(){return Object(esm.b)(List_List,null,Object(esm.b)(List_List.Row,null,Object(esm.b)(List_List.TitleCell,{width:"auto"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit.")),Object(esm.b)(List_List.Row,{isSelected:!0},Object(esm.b)(List_List.TitleCell,{width:"auto"},"Pellentesque ultrices nibh ac magna lacinia, sit amet posuere libero eleifend.")),Object(esm.b)(List_List.Row,null,Object(esm.b)(List_List.TitleCell,{width:"auto"},"Proin sed quam mattis, volutpat nisi a, rutrum elit.")),Object(esm.b)(List_List.Row,null,Object(esm.b)(List_List.TitleCell,{width:"auto"},"Ut ac purus auctor, aliquam mi id, egestas ligula.")),Object(esm.b)(List_List.Row,null,Object(esm.b)(List_List.TitleCell,{width:"auto"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit.")))};List_stories_selected.displayName="selected",List_stories_selected.storyName="Selected",List_stories_selected.parameters={storySource:{source:'\n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n \n \n \n Pellentesque ultrices nibh ac magna lacinia, sit amet posuere libero eleifend.\n \n \n \n Proin sed quam mattis, volutpat nisi a, rutrum elit.\n \n \n Ut ac purus auctor, aliquam mi id, egestas ligula.\n \n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n \n '}};var List_stories_complex=function complex(args){return Object(esm.b)(List_List,null,Object(esm.b)(List_List.Row,null,Object(esm.b)(List_List.TitleCell,{width:"auto"},"Label"),Object(esm.b)(List_List.Cell,{width:400},Object(esm.b)(TextInput.a,{value:"example",onChange:function onChange(){}})),Object(esm.b)(List_List.Cell,{width:380},Object(esm.b)(PreviewGallery.c,null,Object(esm.b)(SelectInput.a,{value:"ecommerce",clearable:!1,emptyResultLabel:""},Object(esm.b)(SelectInput.a.Option,{value:"ecommerce"},"Ecommerce")),Object(esm.b)(SelectInput.a,{value:"en_US",clearable:!1,emptyResultLabel:""},Object(esm.b)(SelectInput.a.Option,{value:"en_US"},Object(esm.b)(Locale.a,{code:"en_US"}))))),Object(esm.b)(List_List.RemoveCell,null,Object(esm.b)(IconButton.a,{ghost:"borderless",level:"tertiary",icon:Object(esm.b)(CloseIcon.a,null),title:""}))),Object(esm.b)(List_List.Row,{isMultiline:!0},Object(esm.b)(List_List.TitleCell,{width:"auto"},"Description is very long"),Object(esm.b)(List_List.Cell,{width:400},Object(esm.b)(PreviewGallery.a,{width:400,height:300},"Large content")),Object(esm.b)(List_List.Cell,{width:380},Object(esm.b)(PreviewGallery.c,null,Object(esm.b)(SelectInput.a,{value:"ecommerce",clearable:!1,emptyResultLabel:""},Object(esm.b)(SelectInput.a.Option,{value:"ecommerce"},"Ecommerce")),Object(esm.b)(SelectInput.a,{value:"en_US",clearable:!1,emptyResultLabel:""},Object(esm.b)(SelectInput.a.Option,{value:"en_US"},Object(esm.b)(Locale.a,{code:"en_US"}))))),Object(esm.b)(List_List.RemoveCell,null,Object(esm.b)(IconButton.a,{ghost:"borderless",level:"tertiary",icon:Object(esm.b)(CloseIcon.a,null),title:""}))),Object(esm.b)(List_List.Row,null,Object(esm.b)(List_List.TitleCell,{width:"auto"},"Label"),Object(esm.b)(List_List.Cell,{width:400},Object(esm.b)(NumberInput.a,{value:"12",onChange:function onChange(){}})),Object(esm.b)(List_List.Cell,{width:380},Object(esm.b)(PreviewGallery.c,null,Object(esm.b)(SelectInput.a,{value:"ecommerce",clearable:!1,emptyResultLabel:""},Object(esm.b)(SelectInput.a.Option,{value:"ecommerce"},"Ecommerce")),Object(esm.b)(SelectInput.a,{value:"en_US",clearable:!1,emptyResultLabel:""},Object(esm.b)(SelectInput.a.Option,{value:"en_US"},Object(esm.b)(Locale.a,{code:"en_US"}))))),Object(esm.b)(List_List.RemoveCell,null,Object(esm.b)(IconButton.a,{ghost:"borderless",level:"tertiary",icon:Object(esm.b)(CloseIcon.a,null),title:""}))),Object(esm.b)(List_List.Row,{isMultiline:!0},Object(esm.b)(List_List.TitleCell,{width:"auto"},"Label"),Object(esm.b)(List_List.Cell,{width:400},Object(esm.b)(MultiSelectInput.a,{value:["red","green","blue","yellow","orange","cyan"],onChange:function onChange(){},emptyResultLabel:"",removeLabel:""},Object(esm.b)(MultiSelectInput.a.Option,{value:"red"},"Red"),Object(esm.b)(MultiSelectInput.a.Option,{value:"green"},"Green"),Object(esm.b)(MultiSelectInput.a.Option,{value:"blue"},"Blue"),Object(esm.b)(MultiSelectInput.a.Option,{value:"yellow"},"Yellow"),Object(esm.b)(MultiSelectInput.a.Option,{value:"orange"},"Orange"),Object(esm.b)(MultiSelectInput.a.Option,{value:"cyan"},"Cyan"),Object(esm.b)(MultiSelectInput.a.Option,{value:"purple"},"Purple"))),Object(esm.b)(List_List.Cell,{width:380},Object(esm.b)(PreviewGallery.c,null,Object(esm.b)(SelectInput.a,{value:"append",clearable:!1,emptyResultLabel:""},Object(esm.b)(SelectInput.a.Option,{value:"append"},"Append"),Object(esm.b)(SelectInput.a.Option,{value:"replace"},"Replace")),Object(esm.b)(SelectInput.a,{value:"ecommerce",clearable:!1,emptyResultLabel:""},Object(esm.b)(SelectInput.a.Option,{value:"ecommerce"},"Ecommerce")),Object(esm.b)(SelectInput.a,{value:"en_US",clearable:!1,emptyResultLabel:""},Object(esm.b)(SelectInput.a.Option,{value:"en_US"},Object(esm.b)(Locale.a,{code:"en_US"}))))),Object(esm.b)(List_List.RemoveCell,null,Object(esm.b)(IconButton.a,{ghost:"borderless",level:"tertiary",icon:Object(esm.b)(CloseIcon.a,null),title:""})),Object(esm.b)(List_List.RowHelpers,null,Object(esm.b)(Helper.a,{level:"info"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod labore et dolore magna aliqua."),Object(esm.b)(Helper.a,{level:"error"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod labore et dolore magna aliqua."))))};List_stories_complex.displayName="complex",List_stories_complex.storyName="Complex",List_stories_complex.parameters={storySource:{source:'args => {\n return \n \n Label\n \n {}} />\n \n \n \n \n Ecommerce\n \n \n \n \n \n \n \n \n \n } title="" />\n \n \n \n Description is very long\n \n \n Large content\n \n \n \n \n \n Ecommerce\n \n \n \n \n \n \n \n \n \n } title="" />\n \n \n \n Label\n \n {}} />\n \n \n \n \n Ecommerce\n \n \n \n \n \n \n \n \n \n } title="" />\n \n \n \n Label\n \n {}} emptyResultLabel="" removeLabel="">\n Red\n Green\n Blue\n Yellow\n Orange\n Cyan\n Purple\n \n \n \n \n \n Append\n Replace\n \n \n Ecommerce\n \n \n \n \n \n \n \n \n \n } title="" />\n \n \n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod labore et dolore magna aliqua.\n \n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod labore et dolore magna aliqua.\n \n \n \n ;\n}'}};var componentMeta={title:"Components/List",component:List_List,includeStories:["standard","actions","error","selected","complex"]},mdxStoryNameToKey={Standard:"standard",Actions:"actions",Error:"error",Selected:"selected",Complex:"complex"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Locale/Locale.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"label",(function(){return label}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_Locale_tsx__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/Locale/Locale.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e {\n return ;\n}"}};var label=function label(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Locale_tsx__WEBPACK_IMPORTED_MODULE_8__.a,{code:"en_US",languageLabel:"English"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Locale_tsx__WEBPACK_IMPORTED_MODULE_8__.a,{code:"fr_FR",languageLabel:"Français"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Locale_tsx__WEBPACK_IMPORTED_MODULE_8__.a,{code:"de_DE"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Locale_tsx__WEBPACK_IMPORTED_MODULE_8__.a,{code:"pt_BR"}))};label.storyName="Label",label.parameters={storySource:{source:'args => {\n return <>\n \n \n \n \n ;\n}'}};var componentMeta={title:"Components/Locale",component:_Locale_tsx__WEBPACK_IMPORTED_MODULE_8__.a,args:{code:"en_US"},includeStories:["standard","label"]},mdxStoryNameToKey={Standard:"standard",Label:"label"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Locale/Locale.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Locale}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,react=__webpack_require__("./node_modules/react/index.js"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),flags={AD:{emoji:"🇦🇩",name:"Andorra"},AE:{emoji:"🇦🇪",name:"United Arab Emirates"},AF:{emoji:"🇦🇫",name:"Afghanistan"},AG:{emoji:"🇦🇬",name:"Antigua and Barbuda"},AI:{emoji:"🇦🇮",name:"Anguilla"},AL:{emoji:"🇦🇱",name:"Albania"},AM:{emoji:"🇦🇲",name:"Armenia"},AO:{emoji:"🇦🇴",name:"Angola"},AQ:{emoji:"🇦🇶",name:"Antarctica"},AR:{emoji:"🇦🇷",name:"Argentina"},AS:{emoji:"🇦🇸",name:"American Samoa"},AT:{emoji:"🇦🇹",name:"Austria"},AU:{emoji:"🇦🇺",name:"Australia"},AW:{emoji:"🇦🇼",name:"Aruba"},AX:{emoji:"🇦🇽",name:"Åland Islands"},AZ:{emoji:"🇦🇿",name:"Azerbaijan"},BA:{emoji:"🇧🇦",name:"Bosnia and Herzegovina"},BB:{emoji:"🇧🇧",name:"Barbados"},BD:{emoji:"🇧🇩",name:"Bangladesh"},BE:{emoji:"🇧🇪",name:"Belgium"},BF:{emoji:"🇧🇫",name:"Burkina Faso"},BG:{emoji:"🇧🇬",name:"Bulgaria"},BH:{emoji:"🇧🇭",name:"Bahrain"},BI:{emoji:"🇧🇮",name:"Burundi"},BJ:{emoji:"🇧🇯",name:"Benin"},BL:{emoji:"🇧🇱",name:"Saint Barthélemy"},BM:{emoji:"🇧🇲",name:"Bermuda"},BN:{emoji:"🇧🇳",name:"Brunei Darussalam"},BO:{emoji:"🇧🇴",name:"Bolivia"},BQ:{emoji:"🇧🇶",name:"Bonaire, Sint Eustatius and Saba"},BR:{emoji:"🇧🇷",name:"Brazil"},BS:{emoji:"🇧🇸",name:"Bahamas"},BT:{emoji:"🇧🇹",name:"Bhutan"},BV:{emoji:"🇧🇻",name:"Bouvet Island"},BW:{emoji:"🇧🇼",name:"Botswana"},BY:{emoji:"🇧🇾",name:"Belarus"},BZ:{emoji:"🇧🇿",name:"Belize"},CA:{emoji:"🇨🇦",name:"Canada"},CC:{emoji:"🇨🇨",name:"Cocos (Keeling) Islands"},CD:{emoji:"🇨🇩",name:"Congo"},CF:{emoji:"🇨🇫",name:"Central African Republic"},CG:{emoji:"🇨🇬",name:"Congo"},CH:{emoji:"🇨🇭",name:"Switzerland"},CI:{emoji:"🇨🇮",name:"Côte Ivoire"},CK:{emoji:"🇨🇰",name:"Cook Islands"},CL:{emoji:"🇨🇱",name:"Chile"},CM:{emoji:"🇨🇲",name:"Cameroon"},CN:{emoji:"🇨🇳",name:"China"},CO:{emoji:"🇨🇴",name:"Colombia"},CR:{emoji:"🇨🇷",name:"Costa Rica"},CU:{emoji:"🇨🇺",name:"Cuba"},CV:{emoji:"🇨🇻",name:"Cape Verde"},CW:{emoji:"🇨🇼",name:"Curaçao"},CX:{emoji:"🇨🇽",name:"Christmas Island"},CY:{emoji:"🇨🇾",name:"Cyprus"},CZ:{emoji:"🇨🇿",name:"Czech Republic"},DE:{emoji:"🇩🇪",name:"Germany"},DJ:{emoji:"🇩🇯",name:"Djibouti"},DK:{emoji:"🇩🇰",name:"Denmark"},DM:{emoji:"🇩🇲",name:"Dominica"},DO:{emoji:"🇩🇴",name:"Dominican Republic"},DZ:{emoji:"🇩🇿",name:"Algeria"},EC:{emoji:"🇪🇨",name:"Ecuador"},EE:{emoji:"🇪🇪",name:"Estonia"},EG:{emoji:"🇪🇬",name:"Egypt"},EH:{emoji:"🇪🇭",name:"Western Sahara"},ER:{emoji:"🇪🇷",name:"Eritrea"},ES:{emoji:"🇪🇸",name:"Spain"},ET:{emoji:"🇪🇹",name:"Ethiopia"},EU:{emoji:"🇪🇺",name:"European Union"},FI:{emoji:"🇫🇮",name:"Finland"},FJ:{emoji:"🇫🇯",name:"Fiji"},FK:{emoji:"🇫🇰",name:"Falkland Islands (Malvinas)"},FM:{emoji:"🇫🇲",name:"Micronesia"},FO:{emoji:"🇫🇴",name:"Faroe Islands"},FR:{emoji:"🇫🇷",name:"France"},GA:{emoji:"🇬🇦",name:"Gabon"},GB:{emoji:"🇬🇧",name:"United Kingdom"},GD:{emoji:"🇬🇩",name:"Grenada"},GE:{emoji:"🇬🇪",name:"Georgia"},GF:{emoji:"🇬🇫",name:"French Guiana"},GG:{emoji:"🇬🇬",name:"Guernsey"},GH:{emoji:"🇬🇭",name:"Ghana"},GI:{emoji:"🇬🇮",name:"Gibraltar"},GL:{emoji:"🇬🇱",name:"Greenland"},GM:{emoji:"🇬🇲",name:"Gambia"},GN:{emoji:"🇬🇳",name:"Guinea"},GP:{emoji:"🇬🇵",name:"Guadeloupe"},GQ:{emoji:"🇬🇶",name:"Equatorial Guinea"},GR:{emoji:"🇬🇷",name:"Greece"},GS:{emoji:"🇬🇸",name:"South Georgia"},GT:{emoji:"🇬🇹",name:"Guatemala"},GU:{emoji:"🇬🇺",name:"Guam"},GW:{emoji:"🇬🇼",name:"Guinea-Bissau"},GY:{emoji:"🇬🇾",name:"Guyana"},HK:{emoji:"🇭🇰",name:"Hong Kong"},HM:{emoji:"🇭🇲",name:"Heard Island and Mcdonald Islands"},HN:{emoji:"🇭🇳",name:"Honduras"},HR:{emoji:"🇭🇷",name:"Croatia"},HT:{emoji:"🇭🇹",name:"Haiti"},HU:{emoji:"🇭🇺",name:"Hungary"},ID:{emoji:"🇮🇩",name:"Indonesia"},IE:{emoji:"🇮🇪",name:"Ireland"},IL:{emoji:"🇮🇱",name:"Israel"},IM:{emoji:"🇮🇲",name:"Isle of Man"},IN:{emoji:"🇮🇳",name:"India"},IO:{emoji:"🇮🇴",name:"British Indian Ocean Territory"},IQ:{emoji:"🇮🇶",name:"Iraq"},IR:{emoji:"🇮🇷",name:"Iran"},IS:{emoji:"🇮🇸",name:"Iceland"},IT:{emoji:"🇮🇹",name:"Italy"},JE:{emoji:"🇯🇪",name:"Jersey"},JM:{emoji:"🇯🇲",name:"Jamaica"},JO:{emoji:"🇯🇴",name:"Jordan"},JP:{emoji:"🇯🇵",name:"Japan"},KE:{emoji:"🇰🇪",name:"Kenya"},KG:{emoji:"🇰🇬",name:"Kyrgyzstan"},KH:{emoji:"🇰🇭",name:"Cambodia"},KI:{emoji:"🇰🇮",name:"Kiribati"},KM:{emoji:"🇰🇲",name:"Comoros"},KN:{emoji:"🇰🇳",name:"Saint Kitts and Nevis"},KP:{emoji:"🇰🇵",name:"North Korea"},KR:{emoji:"🇰🇷",name:"South Korea"},KW:{emoji:"🇰🇼",name:"Kuwait"},KY:{emoji:"🇰🇾",name:"Cayman Islands"},KZ:{emoji:"🇰🇿",name:"Kazakhstan"},LA:{emoji:"🇱🇦",name:"Lao People Democratic Republic"},LB:{emoji:"🇱🇧",name:"Lebanon"},LC:{emoji:"🇱🇨",name:"Saint Lucia"},LI:{emoji:"🇱🇮",name:"Liechtenstein"},LK:{emoji:"🇱🇰",name:"Sri Lanka"},LR:{emoji:"🇱🇷",name:"Liberia"},LS:{emoji:"🇱🇸",name:"Lesotho"},LT:{emoji:"🇱🇹",name:"Lithuania"},LU:{emoji:"🇱🇺",name:"Luxembourg"},LV:{emoji:"🇱🇻",name:"Latvia"},LY:{emoji:"🇱🇾",name:"Libya"},MA:{emoji:"🇲🇦",name:"Morocco"},MC:{emoji:"🇲🇨",name:"Monaco"},MD:{emoji:"🇲🇩",name:"Moldova"},ME:{emoji:"🇲🇪",name:"Montenegro"},MF:{emoji:"🇲🇫",name:"Saint Martin (French Part)"},MG:{emoji:"🇲🇬",name:"Madagascar"},MH:{emoji:"🇲🇭",name:"Marshall Islands"},MK:{emoji:"🇲🇰",name:"Macedonia"},ML:{emoji:"🇲🇱",name:"Mali"},MM:{emoji:"🇲🇲",name:"Myanmar"},MN:{emoji:"🇲🇳",name:"Mongolia"},MO:{emoji:"🇲🇴",name:"Macao"},MP:{emoji:"🇲🇵",name:"Northern Mariana Islands"},MQ:{emoji:"🇲🇶",name:"Martinique"},MR:{emoji:"🇲🇷",name:"Mauritania"},MS:{emoji:"🇲🇸",name:"Montserrat"},MT:{emoji:"🇲🇹",name:"Malta"},MU:{emoji:"🇲🇺",name:"Mauritius"},MV:{emoji:"🇲🇻",name:"Maldives"},MW:{emoji:"🇲🇼",name:"Malawi"},MX:{emoji:"🇲🇽",name:"Mexico"},MY:{emoji:"🇲🇾",name:"Malaysia"},MZ:{emoji:"🇲🇿",name:"Mozambique"},NA:{emoji:"🇳🇦",name:"Namibia"},NC:{emoji:"🇳🇨",name:"New Caledonia"},NE:{emoji:"🇳🇪",name:"Niger"},NF:{emoji:"🇳🇫",name:"Norfolk Island"},NG:{emoji:"🇳🇬",name:"Nigeria"},NI:{emoji:"🇳🇮",name:"Nicaragua"},NL:{emoji:"🇳🇱",name:"Netherlands"},NO:{emoji:"🇳🇴",name:"Norway"},NP:{emoji:"🇳🇵",name:"Nepal"},NR:{emoji:"🇳🇷",name:"Nauru"},NU:{emoji:"🇳🇺",name:"Niue"},NZ:{emoji:"🇳🇿",name:"New Zealand"},OM:{emoji:"🇴🇲",name:"Oman"},PA:{emoji:"🇵🇦",name:"Panama"},PE:{emoji:"🇵🇪",name:"Peru"},PF:{emoji:"🇵🇫",name:"French Polynesia"},PG:{emoji:"🇵🇬",name:"Papua New Guinea"},PH:{emoji:"🇵🇭",name:"Philippines"},PK:{emoji:"🇵🇰",name:"Pakistan"},PL:{emoji:"🇵🇱",name:"Poland"},PM:{emoji:"🇵🇲",name:"Saint Pierre and Miquelon"},PN:{emoji:"🇵🇳",name:"Pitcairn"},PR:{emoji:"🇵🇷",name:"Puerto Rico"},PS:{emoji:"🇵🇸",name:"Palestinian Territory"},PT:{emoji:"🇵🇹",name:"Portugal"},PW:{emoji:"🇵🇼",name:"Palau"},PY:{emoji:"🇵🇾",name:"Paraguay"},QA:{emoji:"🇶🇦",name:"Qatar"},RE:{emoji:"🇷🇪",name:"Réunion"},RO:{emoji:"🇷🇴",name:"Romania"},RS:{emoji:"🇷🇸",name:"Serbia"},RU:{emoji:"🇷🇺",name:"Russia"},RW:{emoji:"🇷🇼",name:"Rwanda"},SA:{emoji:"🇸🇦",name:"Saudi Arabia"},SB:{emoji:"🇸🇧",name:"Solomon Islands"},SC:{emoji:"🇸🇨",name:"Seychelles"},SD:{emoji:"🇸🇩",name:"Sudan"},SE:{emoji:"🇸🇪",name:"Sweden"},SG:{emoji:"🇸🇬",name:"Singapore"},SH:{emoji:"🇸🇭",name:"Saint Helena, Ascension and Tristan Da Cunha"},SI:{emoji:"🇸🇮",name:"Slovenia"},SJ:{emoji:"🇸🇯",name:"Svalbard and Jan Mayen"},SK:{emoji:"🇸🇰",name:"Slovakia"},SL:{emoji:"🇸🇱",name:"Sierra Leone"},SM:{emoji:"🇸🇲",name:"San Marino"},SN:{emoji:"🇸🇳",name:"Senegal"},SO:{emoji:"🇸🇴",name:"Somalia"},SR:{emoji:"🇸🇷",name:"Suriname"},SS:{emoji:"🇸🇸",name:"South Sudan"},ST:{emoji:"🇸🇹",name:"Sao Tome and Principe"},SV:{emoji:"🇸🇻",name:"El Salvador"},SX:{emoji:"🇸🇽",name:"Sint Maarten (Dutch Part)"},SY:{emoji:"🇸🇾",name:"Syrian Arab Republic"},SZ:{emoji:"🇸🇿",name:"Swaziland"},TC:{emoji:"🇹🇨",name:"Turks and Caicos Islands"},TD:{emoji:"🇹🇩",name:"Chad"},TF:{emoji:"🇹🇫",name:"French Southern Territories"},TG:{emoji:"🇹🇬",name:"Togo"},TH:{emoji:"🇹🇭",name:"Thailand"},TJ:{emoji:"🇹🇯",name:"Tajikistan"},TK:{emoji:"🇹🇰",name:"Tokelau"},TL:{emoji:"🇹🇱",name:"Timor-Leste"},TM:{emoji:"🇹🇲",name:"Turkmenistan"},TN:{emoji:"🇹🇳",name:"Tunisia"},TO:{emoji:"🇹🇴",name:"Tonga"},TR:{emoji:"🇹🇷",name:"Turkey"},TT:{emoji:"🇹🇹",name:"Trinidad and Tobago"},TV:{emoji:"🇹🇻",name:"Tuvalu"},TW:{emoji:"🇹🇼",name:"Taiwan"},TZ:{emoji:"🇹🇿",name:"Tanzania"},UA:{emoji:"🇺🇦",name:"Ukraine"},UG:{emoji:"🇺🇬",name:"Uganda"},UM:{emoji:"🇺🇲",name:"United States Minor Outlying Islands"},US:{emoji:"🇺🇸",name:"United States"},UY:{emoji:"🇺🇾",name:"Uruguay"},UZ:{emoji:"🇺🇿",name:"Uzbekistan"},VA:{emoji:"🇻🇦",name:"Vatican City"},VC:{emoji:"🇻🇨",name:"Saint Vincent and The Grenadines"},VE:{emoji:"🇻🇪",name:"Venezuela"},VG:{emoji:"🇻🇬",name:"Virgin Islands, British"},VI:{emoji:"🇻🇮",name:"Virgin Islands, U.S."},VN:{emoji:"🇻🇳",name:"Viet Nam"},VU:{emoji:"🇻🇺",name:"Vanuatu"},WF:{emoji:"🇼🇫",name:"Wallis and Futuna"},WS:{emoji:"🇼🇸",name:"Samoa"},XK:{emoji:"🇽🇰",name:"Kosovo"},YE:{emoji:"🇾🇪",name:"Yemen"},YT:{emoji:"🇾🇹",name:"Mayotte"},ZA:{emoji:"🇿🇦",name:"South Africa"},ZM:{emoji:"🇿🇲",name:"Zambia"},ZW:{emoji:"🇿🇼",name:"Zimbabwe"}},getEmoji=function getEmoji(countryCode){var _flags$countryCode$to;return null===(_flags$countryCode$to=flags[countryCode.toUpperCase()])||void 0===_flags$countryCode$to?void 0:_flags$countryCode$to.emoji},theme=__webpack_require__("./src/theme/theme.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["code","languageLabel"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var LocaleContainer=styled_components_browser_esm.default.span(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n display: inline-flex;\n align-items: center;\n white-space: nowrap;\n"]))),Emoji=styled_components_browser_esm.default.span(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n font-size: ",";\n margin-right: 3px;\n font-family: 'Flag Emoji', ",";\n"])),Object(theme.e)("bigger"),Object(theme.d)("default")),Locale=Object(react.forwardRef)((function(_ref,forwardedRef){var code=_ref.code,languageLabel=_ref.languageLabel,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;rr.length)&&(a=r.length);for(var e=0,n=Array(a);e * {\n position: absolute;\n line-height: 24px;\n width: 100%;\n top: 0;\n left: 0;\n transition: opacity 0.2s ease-in-out;\n }\n\n "," {\n opacity: ",";\n }\n\n :hover {\n "," {\n opacity: 1;\n }\n "," {\n opacity: 0;\n }\n }\n"])),Object(theme.a)("grey",100),Object(theme.e)("bigger"),Icon,(function(_ref3){return _ref3.$showIcon?1:0}),Icon,Timer),MessageBarHideAnimation=Object(styled_components_browser_esm.keyframes)(_templateObject8||(_templateObject8=_taggedTemplateLiteralLoose(["\n 0% {\n transform: translateX(0);\n }\n 75% {\n transform: translateX(calc(100% + 50px));\n max-height: 150px;\n opacity: 0;\n }\n 100% {\n transform: translateX(calc(100% + 50px));\n max-height: 0;\n opacity: 0;\n }\n"]))),MessageBarDisplayAnimation=Object(styled_components_browser_esm.keyframes)(_templateObject9||(_templateObject9=_taggedTemplateLiteralLoose(["\n 0% {\n transform: translateX(calc(100% + 50px));\n }\n 100% {\n transform: translateX(0);\n }\n"]))),AnimateContainer=styled_components_browser_esm.default.div(_templateObject10||(_templateObject10=_taggedTemplateLiteralLoose(["\n animation: ","\n ","ms forwards;\n max-height: 150px;\n"])),(function(_ref4){return _ref4.$unmounting?MessageBarHideAnimation:MessageBarDisplayAnimation}),1e3),MessageBar_AnimateMessageBar=function AnimateMessageBar(_ref5){var children=_ref5.children;if(children.type!==MessageBar_MessageBar)throw new Error("Only MessageBar element can be passed to AnimateMessageBar");var _useState2=_slicedToArray(Object(react.useState)(!1),2),unmounting=_useState2[0],setUnmounting=_useState2[1];return Object(jsx_runtime.jsx)(AnimateContainer,{$unmounting:unmounting,children:react_default.a.cloneElement(children,{onClose:function onClose(){setTimeout((function(){return setUnmounting(!0)}),0),setTimeout((function(){children.props.onClose()}),1e3)}})})};MessageBar_AnimateMessageBar.displayName="AnimateMessageBar";var Container=styled_components_browser_esm.default.div(_templateObject11||(_templateObject11=_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n min-width: 400px;\n max-width: 500px;\n padding: 10px 20px 10px 0;\n box-shadow: 2px 4px 8px 0 rgba(9, 30, 66, 0.25);\n background-color: ",";\n\n ",", "," {\n color: ",";\n }\n\n "," {\n border-color: ",";\n }\n"])),Object(theme.a)("white"),Title,IconContainer,(function(_ref6){var $level=_ref6.$level;return MessageBar_getLevelColor($level)}),Content,(function(_ref7){var $level=_ref7.$level;return MessageBar_getLevelColor($level)})),MessageBar_getLevelColor=function getLevelColor(level){switch(level){case"info":return Object(theme.a)("blue",100);case"success":return Object(theme.a)("green",100);case"warning":return Object(theme.a)("yellow",120);case"error":return Object(theme.a)("red",100)}},MessageBar_getLevelIcon=function getLevelIcon(level){switch(level){case"success":return Object(jsx_runtime.jsx)(CheckIcon.a,{});case"info":return Object(jsx_runtime.jsx)(InfoIcon.a,{});case"warning":case"error":return Object(jsx_runtime.jsx)(DangerIcon.a,{})}},MessageBar_MessageBar=function MessageBar(_ref8){var _ref8$level=_ref8.level,level=void 0===_ref8$level?"info":_ref8$level,title=_ref8.title,icon=_ref8.icon,dismissTitle=_ref8.dismissTitle,onClose=_ref8.onClose,children=_ref8.children,duration=function getLevelDuration(level){switch(level){case"success":case"info":case"warning":return 5;case"error":return 8}}(level),_useState6=_slicedToArray(Object(react.useState)(duration),2),remaining=_useState6[0],setRemaining=_useState6[1],_useOver=function useOver(){var _useState4=_slicedToArray(Object(react.useState)(!1),2),over=_useState4[0],setOver=_useState4[1];return[over,Object(react.useCallback)((function(){setOver(!0)}),[]),Object(react.useCallback)((function(){setOver(!1)}),[])]}(),_useOver2=_slicedToArray(_useOver,3),over=_useOver2[0],onMouseOver=_useOver2[1],onMouseOut=_useOver2[2];Object(react.useEffect)((function(){var intervalId=setInterval((function(){return setRemaining((function(remaining){return 0>remaining?(clearInterval(intervalId),onClose(),remaining):remaining-1}))}),1e3);if(!over)return function(){return clearInterval(intervalId)};clearInterval(intervalId)}),[over]),Object(react.useEffect)((function(){setRemaining((function(remaining){return remaining-1}))}),[]);var ref=Object(react.useRef)(null);Object(useAutoFocus.a)(ref);var countDownFinished=-1===remaining,remainingDisplay=countDownFinished?"":Math.min(remaining+1,duration);return Object(jsx_runtime.jsxs)(Container,{ref:ref,tabIndex:-1,role:"error"===level?"alert":"status",$level:level,onMouseOver:onMouseOver,onMouseOut:onMouseOut,children:[Object(jsx_runtime.jsx)(IconContainer,{"aria-hidden":"true",children:react_default.a.cloneElement(null!=icon?icon:MessageBar_getLevelIcon(level),{size:24})}),Object(jsx_runtime.jsxs)(Content,{children:[Object(jsx_runtime.jsx)(Title,{children:title}),children]}),Object(jsx_runtime.jsxs)(CloseButton,{onClick:onClose,$showIcon:countDownFinished,title:dismissTitle,children:[Object(jsx_runtime.jsxs)(Timer,{"aria-hidden":"true",children:[remainingDisplay,Object(jsx_runtime.jsx)(Progress,{$ratio:Math.max(0,remaining/duration),$level:level,children:Object(jsx_runtime.jsx)("circle",{r:"50%",cx:"50%",cy:"50%"})})]}),Object(jsx_runtime.jsx)(Icon,{size:24})]})]})};MessageBar_MessageBar.displayName="MessageBar";try{MessageBar_MessageBar.displayName="MessageBar",MessageBar_MessageBar.__docgenInfo={description:"A message bar is a message that communicates information to the user.",displayName:"MessageBar",props:{level:{defaultValue:{value:"info"},description:"Defines the level of the MessageBar, changing the color accent.",name:"level",required:!1,type:{name:"enum",value:[{value:'"warning"'},{value:'"info"'},{value:'"success"'},{value:'"error"'}]}},title:{defaultValue:null,description:"The title to display.",name:"title",required:!0,type:{name:"string"}},icon:{defaultValue:null,description:"Icon to display.",name:"icon",required:!1,type:{name:"ReactElement>"}},children:{defaultValue:null,description:"Content of the MessageBar.",name:"children",required:!1,type:{name:"ReactNode"}},dismissTitle:{defaultValue:null,description:"The translated title to dismiss the notification.",name:"dismissTitle",required:!0,type:{name:"string"}},onClose:{defaultValue:null,description:"Handler called when the MessageBar is closed.",name:"onClose",required:!0,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/MessageBar/MessageBar.tsx#MessageBar"]={docgenInfo:MessageBar_MessageBar.__docgenInfo,name:"MessageBar",path:"src/components/MessageBar/MessageBar.tsx#MessageBar"})}catch(__react_docgen_typescript_loader_error){}try{MessageBar_AnimateMessageBar.displayName="AnimateMessageBar",MessageBar_AnimateMessageBar.__docgenInfo={description:"",displayName:"AnimateMessageBar",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/MessageBar/MessageBar.tsx#AnimateMessageBar"]={docgenInfo:MessageBar_AnimateMessageBar.__docgenInfo,name:"AnimateMessageBar",path:"src/components/MessageBar/MessageBar.tsx#AnimateMessageBar"})}catch(__react_docgen_typescript_loader_error){}var Link=__webpack_require__("./src/components/Link/Link.tsx"),Button=__webpack_require__("./src/components/Button/Button.tsx"),icons=__webpack_require__("./src/icons/index.ts"),InfoRoundIcon=__webpack_require__("./src/icons/InfoRoundIcon.tsx"),GiftIcon=__webpack_require__("./src/icons/GiftIcon.tsx"),HelpIcon=__webpack_require__("./src/icons/HelpIcon.tsx"),LinkIcon=__webpack_require__("./src/icons/LinkIcon.tsx"),_excluded=["components"];function MessageBar_stories_slicedToArray(r,e){return function MessageBar_stories_arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function MessageBar_stories_iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function MessageBar_stories_unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return MessageBar_stories_arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?MessageBar_stories_arrayLikeToArray(r,a):void 0}}(r,e)||function MessageBar_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 MessageBar_stories_arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e"}}},children:{control:{type:"text"}},onClose:{action:"Closing the MessageBar"}},args:{level:"info",title:"Don't be afraid to make these big decisions.",icon:"ActivityIcon",children:"Once you start, they sort of just make themselves. This is probably the greatest thing that's ever happened in my life."},mdxType:"Meta"}),Object(esm.b)("h1",{id:"message-bar"},"Message bar"),Object(esm.b)("h2",{id:"usage"},"Usage"),Object(esm.b)("p",null,"A message bar (or push message) is a message that communicates information to the user."),Object(esm.b)("h3",{id:"title"},"Title"),Object(esm.b)("p",null,"All messages have subject headings, which must be short and descriptive."),Object(esm.b)("h3",{id:"message"},"Message"),Object(esm.b)("p",null,"We recommend that the body of the message holds within two lines maximum. Be descriptive and include any troubleshooting actions or next steps. If possible, communicate the main message using only the title. You can add links in the message body that redirect the user to the following actions."),Object(esm.b)("h3",{id:"close"},"Close"),Object(esm.b)("p",null,"The MessageBar automatically disappears after 5 seconds for success, info & warning and 8s for error."),Object(esm.b)("h3",{id:"icons"},"Icons"),Object(esm.b)("p",null,"Icons can bring extra clarity. They should be placed at the left of the title. They can be found in the ",Object(esm.b)(addon_links_react.a,{kind:"Guidelines/Iconography",story:"Standard",mdxType:"LinkTo"},"icon library"),"."),Object(esm.b)("h2",{id:"playground"},"Playground"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Standard",mdxType:"Story"},(function(args){return Object(esm.b)(MessageBar_MessageBar,_extends({},args,{icon:react_default.a.createElement(icons[args.icon]),mdxType:"MessageBar"}))}))),Object(esm.b)(dist_esm.b,{story:"Standard",mdxType:"ArgsTable"}),Object(esm.b)("h2",{id:"variation-on-level"},"Variation on level"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Level",mdxType:"Story"},(function(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MessageBar_MessageBar,_extends({},args,{title:"Info",level:"info",icon:Object(esm.b)(InfoRoundIcon.a,null),mdxType:"MessageBar"})),Object(esm.b)(MessageBar_MessageBar,_extends({},args,{title:"Success",level:"success",icon:Object(esm.b)(GiftIcon.a,null),mdxType:"MessageBar"})),Object(esm.b)(MessageBar_MessageBar,_extends({},args,{title:"Warning",level:"warning",icon:Object(esm.b)(HelpIcon.a,null),mdxType:"MessageBar"})),Object(esm.b)(MessageBar_MessageBar,_extends({},args,{title:"Error",level:"error",icon:Object(esm.b)(DangerIcon.a,null),mdxType:"MessageBar"})))}))),Object(esm.b)("h2",{id:"variation-on-content"},"Variation on content"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Content",mdxType:"Story"},(function(args){return delete args.children,delete args.icon,Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MessageBar_MessageBar,_extends({},args,{level:"success",title:"This one has a title only",mdxType:"MessageBar"})),Object(esm.b)(MessageBar_MessageBar,_extends({},args,{title:"This one has a Link",icon:Object(esm.b)(LinkIcon.a,null),mdxType:"MessageBar"}),"This one also has a Link. ",Object(esm.b)(Link.a,{mdxType:"Link"},"Take a look here")))}))),Object(esm.b)("h2",{id:"animation"},"Animation"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Animate",mdxType:"Story"},(function(args){var _useState2=MessageBar_stories_slicedToArray(Object(react.useState)(!1),2),key=_useState2[0],setKey=_useState2[1];return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(PreviewGallery.d,{mdxType:"MessageBarContainer"},Object(esm.b)(MessageBar_AnimateMessageBar,{key:key,mdxType:"AnimateMessageBar"},Object(esm.b)(MessageBar_MessageBar,_extends({},args,{title:"Info",level:"info",icon:Object(esm.b)(InfoRoundIcon.a,null),mdxType:"MessageBar"})))),Object(esm.b)(Button.a,{onClick:function toggle(){return setKey(!key)},mdxType:"Button"},"Replay"))}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var MessageBar_stories_standard=function standard(args){return Object(esm.b)(MessageBar_MessageBar,_extends({},args,{icon:react_default.a.createElement(icons[args.icon])}))};MessageBar_stories_standard.displayName="standard",MessageBar_stories_standard.storyName="Standard",MessageBar_stories_standard.parameters={storySource:{source:"args => {\n return ;\n}"}};var MessageBar_stories_level=function level(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MessageBar_MessageBar,_extends({},args,{title:"Info",level:"info",icon:Object(esm.b)(InfoRoundIcon.a,null)})),Object(esm.b)(MessageBar_MessageBar,_extends({},args,{title:"Success",level:"success",icon:Object(esm.b)(GiftIcon.a,null)})),Object(esm.b)(MessageBar_MessageBar,_extends({},args,{title:"Warning",level:"warning",icon:Object(esm.b)(HelpIcon.a,null)})),Object(esm.b)(MessageBar_MessageBar,_extends({},args,{title:"Error",level:"error",icon:Object(esm.b)(DangerIcon.a,null)})))};MessageBar_stories_level.storyName="Level",MessageBar_stories_level.parameters={storySource:{source:'args => {\n return <>\n } />\n } />\n } />\n } />\n ;\n}'}};var MessageBar_stories_content=function content(args){return delete args.children,delete args.icon,Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MessageBar_MessageBar,_extends({},args,{level:"success",title:"This one has a title only"})),Object(esm.b)(MessageBar_MessageBar,_extends({},args,{title:"This one has a Link",icon:Object(esm.b)(LinkIcon.a,null)}),"This one also has a Link. ",Object(esm.b)(Link.a,null,"Take a look here")))};MessageBar_stories_content.storyName="Content",MessageBar_stories_content.parameters={storySource:{source:'args => {\n delete args.children;\n delete args.icon;\n return <>\n \n }>\n This one also has a Link. Take a look here\n \n ;\n}'}};var MessageBar_stories_animate=function animate(args){var _useState4=MessageBar_stories_slicedToArray(Object(react.useState)(!1),2),key=_useState4[0],setKey=_useState4[1];return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(PreviewGallery.d,null,Object(esm.b)(MessageBar_AnimateMessageBar,{key:key},Object(esm.b)(MessageBar_MessageBar,_extends({},args,{title:"Info",level:"info",icon:Object(esm.b)(InfoRoundIcon.a,null)})))),Object(esm.b)(Button.a,{onClick:function toggle(){return setKey(!key)}},"Replay"))};MessageBar_stories_animate.storyName="Animate",MessageBar_stories_animate.parameters={storySource:{source:'args => {\n const [key, setKey] = useState(false);\n const toggle = () => setKey(!key);\n return <>\n \n \n } />\n \n \n \n ;\n}'}};var componentMeta={title:"Components/Message bar",component:MessageBar_MessageBar,args:{level:"info",title:"Don't be afraid to make these big decisions.",icon:"ActivityIcon",children:"Once you start, they sort of just make themselves. This is probably the greatest thing that's ever happened in my life."},argTypes:{level:{control:{type:"select"},options:["info","success","warning","error"]},icon:{control:{type:"select"},options:Object.keys(icons),table:{type:{summary:"ReactElement"}}},children:{control:{type:"text"}},onClose:{action:"Closing the MessageBar"}},includeStories:["standard","level","content","animate"]},mdxStoryNameToKey={Standard:"standard",Level:"level",Content:"content",Animate:"animate"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Modal/Modal.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"withIllustration",(function(){return withIllustration}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_17___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_17__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_Modal__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/components/Modal/Modal.tsx"),_Button_Button__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./src/components/Button/Button.tsx"),_illustrations__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./src/illustrations/index.ts"),_illustrations__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./src/illustrations/ChannelsIllustration.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;er.length)&&(a=r.length);for(var e=0,n=Array(a);e"}}}},args:{children:"Modal text",illustration:void 0,closeTitle:"Close"},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h1",{id:"modal"},"Modal"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h2",{id:"usage"},"Usage"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("p",null,"The Modal Component is the main Component of the Overlay pattern and is used to display a secondary window over the content.\nIt can be used with or without an Illustration and adapts its content accordingly."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h2",{id:"playground"},"Playground"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.e,{name:"Standard",mdxType:"Story"},(function(args){var _useState2=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_17__.useState)(!1),2),isOpen=_useState2[0],setOpen=_useState2[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment,null,isOpen&&Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Modal__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{onClose:function close(){return setOpen(!1)},illustration:void 0===_illustrations__WEBPACK_IMPORTED_MODULE_22__[args.illustration]?void 0:react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_illustrations__WEBPACK_IMPORTED_MODULE_22__[args.illustration]),mdxType:"Modal"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Modal__WEBPACK_IMPORTED_MODULE_20__.a.TopLeftButtons,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Button_Button__WEBPACK_IMPORTED_MODULE_21__.a,{mdxType:"Button"},"Top left button")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Modal__WEBPACK_IMPORTED_MODULE_20__.a.TopRightButtons,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Button_Button__WEBPACK_IMPORTED_MODULE_21__.a,{mdxType:"Button"},"Top right button"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Button_Button__WEBPACK_IMPORTED_MODULE_21__.a,{onClick:function open(){return setOpen(!0)},mdxType:"Button"},"Open Modal"))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.b,{story:"Standard",mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h2",{id:"variation-with-illustration"},"Variation with Illustration"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.e,{name:"With Illustration",mdxType:"Story"},(function(args){var _useState4=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_17__.useState)(!1),2),isOpen=_useState4[0],setOpen=_useState4[1],close=function close(){return setOpen(!1)};return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment,null,isOpen&&Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Modal__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{onClose:close,illustration:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_illustrations__WEBPACK_IMPORTED_MODULE_23__.a,null),mdxType:"Modal"}),"Such nice Illustration",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Modal__WEBPACK_IMPORTED_MODULE_20__.a.BottomButtons,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Button_Button__WEBPACK_IMPORTED_MODULE_21__.a,{onClick:close,mdxType:"Button"},"Close"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Button_Button__WEBPACK_IMPORTED_MODULE_21__.a,{onClick:function open(){return setOpen(!0)},mdxType:"Button"},"Open Modal with Illustration"))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("h2",{id:"usage-with-composition"},"Usage with Composition"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("p",null,"The Modal Component also exposes a ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("inlineCode",{parentName:"p"},"BottomButtons")," Component that is helpful to display Buttons at the bottom of the Modal children. It can be used as simply as this:"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("code",{parentName:"pre",className:"language-jsx"},"\n Lorem ipsum dolor sit amet\n \n \n \n \n\n")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("p",null,"A few examples of usage of the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)("inlineCode",{parentName:"p"},"Modal")," Component can be found on the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(LinkTo,{kind:"Patterns/Overlays",story:"Confirm Modal",mdxType:"LinkTo"},"Overlays story.")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var standard=function standard(args){var _useState6=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_17__.useState)(!1),2),isOpen=_useState6[0],setOpen=_useState6[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment,null,isOpen&&Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Modal__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{onClose:function close(){return setOpen(!1)},illustration:void 0===_illustrations__WEBPACK_IMPORTED_MODULE_22__[args.illustration]?void 0:react__WEBPACK_IMPORTED_MODULE_17___default.a.createElement(_illustrations__WEBPACK_IMPORTED_MODULE_22__[args.illustration])}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Modal__WEBPACK_IMPORTED_MODULE_20__.a.TopLeftButtons,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Button_Button__WEBPACK_IMPORTED_MODULE_21__.a,null,"Top left button")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Modal__WEBPACK_IMPORTED_MODULE_20__.a.TopRightButtons,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Button_Button__WEBPACK_IMPORTED_MODULE_21__.a,null,"Top right button"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Button_Button__WEBPACK_IMPORTED_MODULE_21__.a,{onClick:function open(){return setOpen(!0)}},"Open Modal"))};standard.storyName="Standard",standard.parameters={storySource:{source:"args => {\n const [isOpen, setOpen] = useState(false);\n const open = () => setOpen(true);\n const close = () => setOpen(false);\n return <>\n {isOpen && \n \n \n \n \n \n \n }\n \n ;\n}"}};var withIllustration=function withIllustration(args){var _useState8=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_17__.useState)(!1),2),isOpen=_useState8[0],setOpen=_useState8[1],close=function close(){return setOpen(!1)};return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(react__WEBPACK_IMPORTED_MODULE_17___default.a.Fragment,null,isOpen&&Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Modal__WEBPACK_IMPORTED_MODULE_20__.a,_extends({},args,{onClose:close,illustration:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_illustrations__WEBPACK_IMPORTED_MODULE_23__.a,null)}),"Such nice Illustration",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Modal__WEBPACK_IMPORTED_MODULE_20__.a.BottomButtons,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Button_Button__WEBPACK_IMPORTED_MODULE_21__.a,{onClick:close},"Close"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_Button_Button__WEBPACK_IMPORTED_MODULE_21__.a,{onClick:function open(){return setOpen(!0)}},"Open Modal with Illustration"))};withIllustration.storyName="With Illustration",withIllustration.parameters={storySource:{source:"args => {\n const [isOpen, setOpen] = useState(false);\n const open = () => setOpen(true);\n const close = () => setOpen(false);\n return <>\n {isOpen && }>\n Such nice Illustration\n \n \n \n }\n \n ;\n}"}};var componentMeta={title:"Components/Modal",component:_Modal__WEBPACK_IMPORTED_MODULE_20__.a,args:{children:"Modal text",illustration:void 0,closeTitle:"Close"},argTypes:{illustration:{control:{type:"select"},options:[void 0].concat(_toConsumableArray(Object.keys(_illustrations__WEBPACK_IMPORTED_MODULE_22__))),table:{type:{summary:"ReactElement"}}}},includeStories:["standard","withIllustration"]},mdxStoryNameToKey={Standard:"standard","With Illustration":"withIllustration"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_19__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_18__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Modal/Modal.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Modal_Modal}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),react_dom=__webpack_require__("./node_modules/react-dom/index.js"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),theme=__webpack_require__("./src/theme/theme.ts"),common=__webpack_require__("./src/theme/common.ts"),IconButton=__webpack_require__("./src/components/IconButton/IconButton.tsx"),CloseIcon=__webpack_require__("./src/icons/CloseIcon.tsx"),useShortcut=__webpack_require__("./src/hooks/useShortcut.ts"),key=__webpack_require__("./src/shared/key.ts"),ModalContext=react_default.a.createContext(!1),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["onClose","illustration","closeTitle","children"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var ModalContainer=styled_components_browser_esm.default.div(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n ","\n position: fixed;\n width: 100vw;\n height: 100vh;\n top: 0;\n left: 0;\n background-color: ",";\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n z-index: 1800;\n overflow: hidden;\n padding: 20px 80px;\n box-sizing: border-box;\n"])),common.b,Object(theme.a)("white")),ModalCloseButton=Object(styled_components_browser_esm.default)(IconButton.a)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 40px;\n left: 40px;\n"]))),ModalContent=styled_components_browser_esm.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 1fr 2fr;\n height: 100%;\n align-items: center;\n"]))),ModalChildren=styled_components_browser_esm.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n padding: 20px 40px;\n min-width: 480px;\n border-left: 1px solid ",";\n max-height: 100%;\n overflow: auto;\n"])),Object(theme.a)("brand",100)),IconContainer=styled_components_browser_esm.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n padding-right: 40px;\n"]))),SectionTitle=styled_components_browser_esm.default.div(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(["\n height: 20px;\n color: ",";\n font-size: ",";\n text-transform: uppercase;\n"])),(function(_ref){var color=_ref.color;return Object(theme.a)(null!=color?color:"grey",120)}),(function(_ref2){var size=_ref2.size;return Object(theme.e)(null!=size?size:"default")})),Title=styled_components_browser_esm.default.div(_templateObject7||(_templateObject7=_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n height: 40px;\n color: ",";\n font-size: ",";\n margin-bottom: 10px;\n"])),Object(theme.a)("grey",140),Object(theme.e)("title")),BottomButtons=styled_components_browser_esm.default.div(_templateObject8||(_templateObject8=_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n margin-top: 20px;\n"]))),TopRightButtons=Object(styled_components_browser_esm.default)(BottomButtons)(_templateObject9||(_templateObject9=_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 40px;\n right: 40px;\n margin: 0;\n"]))),TopLeftButtons=Object(styled_components_browser_esm.default)(BottomButtons)(_templateObject10||(_templateObject10=_taggedTemplateLiteralLoose(["\n position: fixed;\n top: 40px;\n left: 82px;\n margin: 0;\n"]))),Modal_Modal=function Modal(_ref3){var onClose=_ref3.onClose,illustration=_ref3.illustration,closeTitle=_ref3.closeTitle,children=_ref3.children,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r>"}},closeTitle:{defaultValue:null,description:"Title of the close button.",name:"closeTitle",required:!0,type:{name:"string"}},children:{defaultValue:null,description:"The content of the modal.",name:"children",required:!1,type:{name:"ReactNode"}},onClose:{defaultValue:null,description:"The handler to call when the Modal is closed.",name:"onClose",required:!0,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Modal/Modal.tsx#Modal"]={docgenInfo:Modal_Modal.__docgenInfo,name:"Modal",path:"src/components/Modal/Modal.tsx#Modal"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Navigation/MainNavigationItem/MainNavigationItem.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return MainNavigationItem_stories_standard})),__webpack_require__.d(__webpack_exports__,"label",(function(){return MainNavigationItem_stories_label})),__webpack_require__.d(__webpack_exports__,"active",(function(){return MainNavigationItem_stories_active})),__webpack_require__.d(__webpack_exports__,"disabled",(function(){return MainNavigationItem_stories_disabled})),__webpack_require__.d(__webpack_exports__,"icon",(function(){return MainNavigationItem_stories_icon})),__webpack_require__.d(__webpack_exports__,"tag",(function(){return MainNavigationItem_stories_tag})),__webpack_require__.d(__webpack_exports__,"link",(function(){return MainNavigationItem_stories_link}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),styled_components_browser_esm=(__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js")),theme=__webpack_require__("./src/theme/theme.ts"),Tags=__webpack_require__("./src/components/Tags/Tags.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children","href","icon","active","disabled","onClick"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var Link=styled_components_browser_esm.default.a(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n align-items: center;\n box-sizing: border-box;\n cursor: ",";\n display: flex;\n flex-direction: column;\n font-size: ",";\n height: 70px;\n justify-content: center;\n line-height: 1.15;\n margin: 0;\n outline-style: none;\n padding: 7px;\n position: relative;\n text-decoration: none;\n width: 80px;\n\n border-left: 4px solid\n ",";\n\n color: ",";\n\n svg {\n color: ",";\n }\n\n &:hover {\n border-color: ",";\n color: ",";\n svg {\n color: ",";\n }\n }\n\n &:focus:not(:active) {\n box-shadow: 0 0 0 2px ",";\n outline: none;\n }\n"])),(function(_ref){return _ref.$disabled?"not-allowed":"pointer"}),Object(theme.e)("small"),(function(_ref2){var $active=_ref2.$active;return!_ref2.$disabled&&$active?Object(theme.a)("brand",100):"transparent"}),(function(_ref3){var $active=_ref3.$active;return _ref3.$disabled?Object(theme.a)("grey",100):$active?Object(theme.a)("brand",100):Object(theme.a)("grey",120)}),(function(_ref4){var $active=_ref4.$active;return _ref4.$disabled?Object(theme.a)("grey",80):$active?Object(theme.a)("brand",100):Object(theme.a)("grey",100)}),(function(_ref5){return!_ref5.$disabled&&Object(theme.a)("brand",100)}),(function(_ref6){return!_ref6.$disabled&&Object(theme.a)("brand",100)}),(function(_ref7){return!_ref7.$disabled&&Object(theme.a)("brand",100)}),Object(theme.a)("blue",40)),Label=styled_components_browser_esm.default.span(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n margin-top: 7px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n"]))),TagContainer=styled_components_browser_esm.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n overflow: hidden;\n position: absolute;\n right: 0;\n top: 7px;\n width: 50%;\n"]))),MainNavigationItem=react_default.a.forwardRef((function(_ref8,forwardedRef){var children=_ref8.children,href=_ref8.href,icon=_ref8.icon,_ref8$active=_ref8.active,active=void 0!==_ref8$active&&_ref8$active,_ref8$disabled=_ref8.disabled,disabled=void 0!==_ref8$disabled&&_ref8$disabled,onClick=_ref8.onClick,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r>"}},children:{defaultValue:null,description:"Children are a string label",name:"children",required:!0,type:{name:"ReactNode"}},active:{defaultValue:{value:"false"},description:"Define if the component is active",name:"active",required:!1,type:{name:"boolean"}},disabled:{defaultValue:{value:"false"},description:"Define if the component will be displayed as disabled",name:"disabled",required:!1,type:{name:"boolean"}},href:{defaultValue:null,description:"Url to go to if the button is clicked.",name:"href",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Navigation/MainNavigationItem/MainNavigationItem.tsx#MainNavigationItem"]={docgenInfo:MainNavigationItem.__docgenInfo,name:"MainNavigationItem",path:"src/components/Navigation/MainNavigationItem/MainNavigationItem.tsx#MainNavigationItem"})}catch(__react_docgen_typescript_loader_error){}var icons=__webpack_require__("./src/icons/index.ts"),CardIcon=__webpack_require__("./src/icons/CardIcon.tsx"),AkeneoIcon=__webpack_require__("./src/icons/AkeneoIcon.tsx"),MainNavigationItem_stories_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e"}}},disabled:{control:{type:"boolean"}},active:{control:{type:"boolean"}},href:{control:{type:"text"}},children:{control:{type:"text"}}},args:{icon:"CardIcon",href:"#",children:"Default"},mdxType:"Meta"}),Object(esm.b)("h1",{id:"mainnavigationitem"},"MainNavigationItem"),Object(esm.b)("h2",{id:"usage"},"Usage"),Object(esm.b)("p",null,"The Main Navigation Item is used by the Navigation pattern. This components helps the users in their daily usage as an\neasy way to discover and navigate the interface. Also, it's a companion for them to understand where they are in their\njourney."),Object(esm.b)("h2",{id:"playground"},"Playground"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Standard",mdxType:"Story"},(function(args){return Object(esm.b)(MainNavigationItem,_extends({},args,{icon:react_default.a.createElement(icons[args.icon]),mdxType:"MainNavigationItem"}))}))),Object(esm.b)(dist_esm.b,{story:"Standard",mdxType:"ArgsTable"}),Object(esm.b)("h2",{id:"label"},"Label"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Label",mdxType:"Story"},(function(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,{mdxType:"CardIcon"}),mdxType:"MainNavigationItem"}),"Default"),Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,{mdxType:"CardIcon"}),mdxType:"MainNavigationItem"}),"Lengthy label that take way too much space"))}))),Object(esm.b)("h2",{id:"variation-on-active"},"Variation on active"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Active",mdxType:"Story"},(function(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,{mdxType:"CardIcon"}),active:!1,mdxType:"MainNavigationItem"}),"Default"),Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,{mdxType:"CardIcon"}),active:!0,mdxType:"MainNavigationItem"}),"Active"))}))),Object(esm.b)("h2",{id:"variation-on-disabled"},"Variation on disabled"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Disabled",mdxType:"Story"},(function(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,{mdxType:"CardIcon"}),disabled:!1,mdxType:"MainNavigationItem"}),"Default"),Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,{mdxType:"CardIcon"}),disabled:!0,mdxType:"MainNavigationItem"}),"Disabled"),Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,{mdxType:"CardIcon"}),disabled:!0,active:!0,mdxType:"MainNavigationItem"}),"Disabled and Active"))}))),Object(esm.b)("h2",{id:"variation-on-icon"},"Variation on icon"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Icon",mdxType:"Story"},(function(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,{mdxType:"CardIcon"}),mdxType:"MainNavigationItem"}),"CardIcon"),Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(AkeneoIcon.a,{mdxType:"AkeneoIcon"}),mdxType:"MainNavigationItem"}),"AkeneoIcon"))}))),Object(esm.b)("h2",{id:"with-tag"},"With tag"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Tag",mdxType:"Story"},(function(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,{mdxType:"CardIcon"}),mdxType:"MainNavigationItem"}),"Blue ",Object(esm.b)(Tags.a,{tint:"blue",mdxType:"Tag"},"Tag")),Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,{mdxType:"CardIcon"}),mdxType:"MainNavigationItem"}),"Purple ",Object(esm.b)(Tags.a,{tint:"purple",mdxType:"Tag"},"Lengthy tag that take way too much space")))}))),Object(esm.b)("h2",{id:"variation-on-onclick"},"Variation on onClick"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Link",mdxType:"Story"},(function(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,{mdxType:"CardIcon"}),href:void 0,onClick:function onClick(){return alert("Clicked!")},mdxType:"MainNavigationItem"}),"Click handler"),Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,{mdxType:"CardIcon"}),href:void 0,onClick:function onClick(){return alert("Clicked!")},disabled:!0,mdxType:"MainNavigationItem"}),"Click handler disabled"))}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var MainNavigationItem_stories_standard=function standard(args){return Object(esm.b)(MainNavigationItem,_extends({},args,{icon:react_default.a.createElement(icons[args.icon])}))};MainNavigationItem_stories_standard.displayName="standard",MainNavigationItem_stories_standard.storyName="Standard",MainNavigationItem_stories_standard.parameters={storySource:{source:"args => {\n return ;\n}"}};var MainNavigationItem_stories_label=function label(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,null)}),"Default"),Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,null)}),"Lengthy label that take way too much space"))};MainNavigationItem_stories_label.storyName="Label",MainNavigationItem_stories_label.parameters={storySource:{source:"args => {\n return <>\n }>\n Default\n \n }>\n Lengthy label that take way too much space\n \n ;\n}"}};var MainNavigationItem_stories_active=function active(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,null),active:!1}),"Default"),Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,null),active:!0}),"Active"))};MainNavigationItem_stories_active.storyName="Active",MainNavigationItem_stories_active.parameters={storySource:{source:"args => {\n return <>\n } active={false}>\n Default\n \n } active={true}>\n Active\n \n ;\n}"}};var MainNavigationItem_stories_disabled=function disabled(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,null),disabled:!1}),"Default"),Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,null),disabled:!0}),"Disabled"),Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,null),disabled:!0,active:!0}),"Disabled and Active"))};MainNavigationItem_stories_disabled.storyName="Disabled",MainNavigationItem_stories_disabled.parameters={storySource:{source:"args => {\n return <>\n } disabled={false}>\n Default\n \n } disabled={true}>\n Disabled\n \n } disabled={true} active={true}>\n Disabled and Active\n \n ;\n}"}};var MainNavigationItem_stories_icon=function icon(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,null)}),"CardIcon"),Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(AkeneoIcon.a,null)}),"AkeneoIcon"))};MainNavigationItem_stories_icon.storyName="Icon",MainNavigationItem_stories_icon.parameters={storySource:{source:"args => {\n return <>\n }>\n CardIcon\n \n }>\n AkeneoIcon\n \n ;\n}"}};var MainNavigationItem_stories_tag=function tag(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,null)}),"Blue ",Object(esm.b)(Tags.a,{tint:"blue"},"Tag")),Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,null)}),"Purple ",Object(esm.b)(Tags.a,{tint:"purple"},"Lengthy tag that take way too much space")))};MainNavigationItem_stories_tag.storyName="Tag",MainNavigationItem_stories_tag.parameters={storySource:{source:'args => {\n return <>\n }>\n Blue Tag\n \n }>\n Purple Lengthy tag that take way too much space\n \n ;\n}'}};var MainNavigationItem_stories_link=function link(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,null),href:void 0,onClick:function onClick(){return alert("Clicked!")}}),"Click handler"),Object(esm.b)(MainNavigationItem,_extends({},args,{icon:Object(esm.b)(CardIcon.a,null),href:void 0,onClick:function onClick(){return alert("Clicked!")},disabled:!0}),"Click handler disabled"))};MainNavigationItem_stories_link.storyName="Link",MainNavigationItem_stories_link.parameters={storySource:{source:"args => {\n return <>\n } href={undefined} onClick={() => alert('Clicked!')}>\n Click handler\n \n } href={undefined} onClick={() => alert('Clicked!')} disabled={true}>\n Click handler disabled\n \n ;\n}"}};var componentMeta={title:"Components/Navigation/MainNavigationItem",component:MainNavigationItem,args:{icon:"CardIcon",href:"#",children:"Default"},argTypes:{icon:{control:{type:"select"},options:Object.keys(icons),table:{type:{summary:"ReactElement"}}},disabled:{control:{type:"boolean"}},active:{control:{type:"boolean"}},href:{control:{type:"text"}},children:{control:{type:"text"}}},includeStories:["standard","label","active","disabled","icon","tag","link"]},mdxStoryNameToKey={Standard:"standard",Label:"label",Active:"active",Disabled:"disabled",Icon:"icon",Tag:"tag",Link:"link"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Navigation/SubNavigationItem/SubNavigationItem.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return SubNavigationItem_stories_standard})),__webpack_require__.d(__webpack_exports__,"label",(function(){return SubNavigationItem_stories_label})),__webpack_require__.d(__webpack_exports__,"active",(function(){return SubNavigationItem_stories_active})),__webpack_require__.d(__webpack_exports__,"disabled",(function(){return SubNavigationItem_stories_disabled})),__webpack_require__.d(__webpack_exports__,"tag",(function(){return SubNavigationItem_stories_tag})),__webpack_require__.d(__webpack_exports__,"link",(function(){return SubNavigationItem_stories_link}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),styled_components_browser_esm=(__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js")),theme=__webpack_require__("./src/theme/theme.ts"),Tags=__webpack_require__("./src/components/Tags/Tags.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children","href","disabled","active","onClick"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var Container=styled_components_browser_esm.default.a(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n box-sizing: border-box;\n cursor: ",";\n color: ",";\n display: flex;\n height: 38px;\n margin: 0;\n outline: none;\n text-decoration: none;\n overflow: hidden;\n line-height: 38px;\n\n :hover {\n color: ",";\n }\n :focus:not(:active) {\n box-shadow: 0 0 0 2px ",";\n }\n"])),(function(_ref){return _ref.disabled?"not-allowed":"pointer"}),(function(_ref2){var active=_ref2.active;return _ref2.disabled?Object(theme.a)("grey",100):active?Object(theme.a)("brand",100):Object(theme.a)("grey",140)}),(function(_ref3){return!_ref3.disabled&&Object(theme.a)("brand",100)}),Object(theme.a)("blue",40)),Label=styled_components_browser_esm.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n flex-shrink: 0;\n margin-right: ",";\n max-width: ",";\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-size: ",";\n"])),(function(_ref4){return _ref4.hasTag?"10px":"0px"}),(function(_ref5){return _ref5.hasTag?"84%":"100%"}),Object(theme.e)("big")),SubNavigationItem=react_default.a.forwardRef((function(_ref6,forwardedRef){var children=_ref6.children,href=_ref6.href,disabled=_ref6.disabled,active=_ref6.active,onClick=_ref6.onClick,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r {\n return ;\n}"}};var SubNavigationItem_stories_label=function label(args){return Object(esm.b)(PreviewGallery.k,{width:280},Object(esm.b)(SubNavigationItem,args,"Default"),Object(esm.b)(SubNavigationItem,args,"Lengthy label that take way too much space"))};SubNavigationItem_stories_label.displayName="label",SubNavigationItem_stories_label.storyName="Label",SubNavigationItem_stories_label.parameters={storySource:{source:"args => {\n return \n Default\n Lengthy label that take way too much space\n ;\n}"}};var SubNavigationItem_stories_active=function active(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(SubNavigationItem,_extends({},args,{active:!1}),"Default"),Object(esm.b)(SubNavigationItem,_extends({},args,{active:!0}),"Active"))};SubNavigationItem_stories_active.storyName="Active",SubNavigationItem_stories_active.parameters={storySource:{source:"args => {\n return <>\n \n Default\n \n \n Active\n \n ;\n}"}};var SubNavigationItem_stories_disabled=function disabled(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(SubNavigationItem,_extends({},args,{disabled:!1}),"Default"),Object(esm.b)(SubNavigationItem,_extends({},args,{disabled:!0}),"Disabled"),Object(esm.b)(SubNavigationItem,_extends({},args,{disabled:!0,active:!0}),"Disabled and Active"))};SubNavigationItem_stories_disabled.storyName="Disabled",SubNavigationItem_stories_disabled.parameters={storySource:{source:"args => {\n return <>\n \n Default\n \n \n Disabled\n \n \n Disabled and Active\n \n ;\n}"}};var SubNavigationItem_stories_tag=function tag(args){return Object(esm.b)(PreviewGallery.k,{width:280},Object(esm.b)(SubNavigationItem,args,"Default ",Object(esm.b)(Tags.a,{tint:"blue"},"Tag")),Object(esm.b)(SubNavigationItem,_extends({},args,{disabled:!0}),"Disabled ",Object(esm.b)(Tags.a,{tint:"yellow"},"Tag")),Object(esm.b)(SubNavigationItem,args,"Default ",Object(esm.b)(Tags.a,{tint:"purple"},"Lengthy tag that take way too much space")),Object(esm.b)(SubNavigationItem,args,"Lengthy label that take way too much space ",Object(esm.b)(Tags.a,{tint:"green"},"Tag")),Object(esm.b)(SubNavigationItem,args,"Lengthy label that take way too much space ",Object(esm.b)(Tags.a,{tint:"red"},"Lengthy tag that take way too much space")))};SubNavigationItem_stories_tag.displayName="tag",SubNavigationItem_stories_tag.storyName="Tag",SubNavigationItem_stories_tag.parameters={storySource:{source:'args => {\n return \n \n Default Tag\n \n \n Disabled Tag\n \n \n Default Lengthy tag that take way too much space\n \n \n Lengthy label that take way too much space Tag\n \n \n Lengthy label that take way too much space Lengthy tag that take way too much space\n \n ;\n}'}};var SubNavigationItem_stories_link=function link(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(SubNavigationItem,_extends({},args,{href:void 0,onClick:function onClick(){return alert("Clicked!")}}),"Click handler"),Object(esm.b)(SubNavigationItem,_extends({},args,{href:void 0,onClick:function onClick(){return alert("Clicked!")},disabled:!0}),"Click handler disabled"))};SubNavigationItem_stories_link.storyName="Link",SubNavigationItem_stories_link.parameters={storySource:{source:"args => {\n return <>\n alert('Clicked!')}>\n Click handler\n \n alert('Clicked!')} disabled={true}>\n Click handler disabled\n \n ;\n}"}};var componentMeta={title:"Components/Navigation/SubNavigationItem",component:SubNavigationItem,args:{href:"#",children:"Default"},argTypes:{disabled:{control:{type:"boolean"}},active:{control:{type:"boolean"}},href:{control:{type:"text"}},children:{control:{type:"text"}}},includeStories:["standard","label","active","disabled","tag","link"]},mdxStoryNameToKey={Standard:"standard",Label:"label",Active:"active",Disabled:"disabled",Tag:"tag",Link:"link"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Navigation/SubNavigationPanel/SubNavigationPanel.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return SubNavigationPanel_stories_standard})),__webpack_require__.d(__webpack_exports__,"scrollableContent",(function(){return SubNavigationPanel_stories_scrollableContent})),__webpack_require__.d(__webpack_exports__,"collapsedExpandedContent",(function(){return SubNavigationPanel_stories_collapsedExpandedContent})),__webpack_require__.d(__webpack_exports__,"contentWithoutPadding",(function(){return SubNavigationPanel_stories_contentWithoutPadding})),__webpack_require__.d(__webpack_exports__,"contentWithCollapseComponent",(function(){return SubNavigationPanel_stories_contentWithCollapseComponent}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),styled_components_browser_esm=(__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js")),PanelCloseIcon=__webpack_require__("./src/icons/PanelCloseIcon.tsx"),PanelOpenIcon=__webpack_require__("./src/icons/PanelOpenIcon.tsx"),theme=__webpack_require__("./src/theme/theme.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children","isOpen","open","close","closeTitle","openTitle","noPadding"];function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _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 _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);er.length)&&(a=r.length);for(var e=0,n=Array(a);e {\n const [isOpen, open, close] = useBooleanState(true);\n return \n \n ;\n}"}};var SubNavigationPanel_stories_scrollableContent=function scrollableContent(args){var _useBooleanState16=SubNavigationPanel_stories_slicedToArray(Object(useBooleanState.a)(!0),3),isOpen=_useBooleanState16[0],open=_useBooleanState16[1],close=_useBooleanState16[2];return Object(esm.b)(PreviewGallery.k,{height:200},Object(esm.b)(SubNavigationPanel,_extends({},args,{isOpen:isOpen,open:open,close:close}),"Lorem ipsum dolor sit amet, consectetur adipiscing elit.",Object(esm.b)("br",null),"Fusce sed quam pharetra, lacinia nisl at, luctus ex.",Object(esm.b)("br",null),"Donec pretium est a augue dapibus, at semper ipsum vestibulum.",Object(esm.b)("br",null),"Aenean blandit metus a nibh blandit porta.",Object(esm.b)("br",null),"Phasellus placerat ligula sit amet vestibulum tristique."))};SubNavigationPanel_stories_scrollableContent.displayName="scrollableContent",SubNavigationPanel_stories_scrollableContent.storyName="ScrollableContent",SubNavigationPanel_stories_scrollableContent.parameters={storySource:{source:"args => {\n const [isOpen, open, close] = useBooleanState(true);\n return \n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n
\n Fusce sed quam pharetra, lacinia nisl at, luctus ex.\n
\n Donec pretium est a augue dapibus, at semper ipsum vestibulum.\n
\n Aenean blandit metus a nibh blandit porta.\n
\n Phasellus placerat ligula sit amet vestibulum tristique.\n \n ;\n}"}};var SubNavigationPanel_stories_collapsedExpandedContent=function collapsedExpandedContent(args){var _useBooleanState18=SubNavigationPanel_stories_slicedToArray(Object(useBooleanState.a)(!1),3),isOpen=_useBooleanState18[0],open=_useBooleanState18[1],close=_useBooleanState18[2],_useBooleanState20=SubNavigationPanel_stories_slicedToArray(Object(useBooleanState.a)(!1),3),isDropdownOpen=_useBooleanState20[0],openDropDown=_useBooleanState20[1],closeDropDown=_useBooleanState20[2];return Object(esm.b)(PreviewGallery.k,{height:200},Object(esm.b)(SubNavigationPanel,_extends({},args,{isOpen:isOpen,open:open,close:close}),Object(esm.b)(SubNavigationPanel.Collapsed,null,Object(esm.b)(Dropdown.a,null,Object(esm.b)(MoreVerticalIcon.a,{title:"More",onClick:openDropDown}),isDropdownOpen&&Object(esm.b)(Dropdown.a.Overlay,{onClose:closeDropDown},Object(esm.b)(Dropdown.a.ItemCollection,null,Object(esm.b)(Dropdown.a.Item,null,"Collapsed Content"))))),"Some content"))};SubNavigationPanel_stories_collapsedExpandedContent.displayName="collapsedExpandedContent",SubNavigationPanel_stories_collapsedExpandedContent.storyName="CollapsedExpandedContent",SubNavigationPanel_stories_collapsedExpandedContent.parameters={storySource:{source:'args => {\n const [isOpen, open, close] = useBooleanState(false);\n const [isDropdownOpen, openDropDown, closeDropDown] = useBooleanState(false);\n return \n \n \n \n \n {isDropdownOpen && \n \n Collapsed Content\n \n }\n \n \n Some content\n \n ;\n}'}};var SubNavigationPanel_stories_contentWithoutPadding=function contentWithoutPadding(args){var _useBooleanState22=SubNavigationPanel_stories_slicedToArray(Object(useBooleanState.a)(!0),3),isOpen=_useBooleanState22[0],open=_useBooleanState22[1],close=_useBooleanState22[2],_useState6=SubNavigationPanel_stories_slicedToArray(Object(react.useState)(1),2);_useState6[0],_useState6[1];return Object(esm.b)(PreviewGallery.k,{height:200},Object(esm.b)(SubNavigationPanel,_extends({},args,{isOpen:isOpen,open:open,close:close,noPadding:!0}),"Some content"))};SubNavigationPanel_stories_contentWithoutPadding.displayName="contentWithoutPadding",SubNavigationPanel_stories_contentWithoutPadding.storyName="ContentWithoutPadding",SubNavigationPanel_stories_contentWithoutPadding.parameters={storySource:{source:"args => {\n const [isOpen, open, close] = useBooleanState(true);\n const [collapse, setCollapse] = useState(1);\n return \n \n Some content\n \n ;\n}"}};var SubNavigationPanel_stories_contentWithCollapseComponent=function contentWithCollapseComponent(args){var _useBooleanState24=SubNavigationPanel_stories_slicedToArray(Object(useBooleanState.a)(!0),3),isOpen=_useBooleanState24[0],open=_useBooleanState24[1],close=_useBooleanState24[2],_useState8=SubNavigationPanel_stories_slicedToArray(Object(react.useState)(1),2),collapse=_useState8[0],setCollapse=_useState8[1];return Object(esm.b)(PreviewGallery.k,{height:200},Object(esm.b)(SubNavigationPanel,_extends({},args,{isOpen:isOpen,open:open,close:close,noPadding:!0}),Object(esm.b)(Collapse.a,{label:"First Collapse",collapseButtonLabel:"Collapse",isOpen:1===collapse,onCollapse:function onCollapse(){return setCollapse(1)}},"Lorem ipsum dolor sit amet, consectetur adipiscing elit.",Object(esm.b)("br",null),"Fusce sed quam pharetra, lacinia nisl at, luctus ex.",Object(esm.b)("br",null),"Donec pretium est a augue dapibus, at semper ipsum vestibulum.",Object(esm.b)("br",null),"Aenean blandit metus a nibh blandit porta.",Object(esm.b)("br",null),"Phasellus placerat ligula sit amet vestibulum tristique."),Object(esm.b)(Collapse.a,{label:"Second Collapse",collapseButtonLabel:"Collapse",isOpen:2===collapse,onCollapse:function onCollapse(){return setCollapse(2)}},"Lorem ipsum dolor sit amet, consectetur adipiscing elit.",Object(esm.b)("br",null),"Fusce sed quam pharetra, lacinia nisl at, luctus ex.",Object(esm.b)("br",null),"Donec pretium est a augue dapibus, at semper ipsum vestibulum.",Object(esm.b)("br",null),"Aenean blandit metus a nibh blandit porta.",Object(esm.b)("br",null),"Phasellus placerat ligula sit amet vestibulum tristique.")))};SubNavigationPanel_stories_contentWithCollapseComponent.displayName="contentWithCollapseComponent",SubNavigationPanel_stories_contentWithCollapseComponent.storyName="ContentWithCollapseComponent",SubNavigationPanel_stories_contentWithCollapseComponent.parameters={storySource:{source:'args => {\n const [isOpen, open, close] = useBooleanState(true);\n const [collapse, setCollapse] = useState(1);\n return \n \n setCollapse(1)}>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n
\n Fusce sed quam pharetra, lacinia nisl at, luctus ex.\n
\n Donec pretium est a augue dapibus, at semper ipsum vestibulum.\n
\n Aenean blandit metus a nibh blandit porta.\n
\n Phasellus placerat ligula sit amet vestibulum tristique.\n \n setCollapse(2)}>\n Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n
\n Fusce sed quam pharetra, lacinia nisl at, luctus ex.\n
\n Donec pretium est a augue dapibus, at semper ipsum vestibulum.\n
\n Aenean blandit metus a nibh blandit porta.\n
\n Phasellus placerat ligula sit amet vestibulum tristique.\n \n \n ;\n}'}};var componentMeta={title:"Components/Navigation/SubNavigationPanel",subcomponents:{SubNavigationPanel:SubNavigationPanel,"SubNavigationPanel.Collapsed":SubNavigationPanel.Collapsed},args:{children:"Some content",isOpen:!0,closeTitle:"Close",openTitle:"Open"},includeStories:["standard","scrollableContent","collapsedExpandedContent","contentWithoutPadding","contentWithCollapseComponent"]},mdxStoryNameToKey={Standard:"standard",ScrollableContent:"scrollableContent",CollapsedExpandedContent:"collapsedExpandedContent",ContentWithoutPadding:"contentWithoutPadding",ContentWithCollapseComponent:"contentWithCollapseComponent"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Pagination/Pagination.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return Pagination_stories_standard})),__webpack_require__.d(__webpack_exports__,"smallNumberOfPages",(function(){return Pagination_stories_smallNumberOfPages}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),styled_components_browser_esm=(__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js")),theme=__webpack_require__("./src/theme/theme.ts"),jsx_runtime=(__webpack_require__("./node_modules/core-js/modules/es.parse-int.js"),__webpack_require__("./node_modules/react/jsx-runtime.js"));function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var PaginationItem_PaginationItem=function PaginationItem(_ref){var currentPage=_ref.currentPage,page=_ref.page,followPage=_ref.followPage,handleClick=Object(react.useCallback)((function(){"…"!==page&&followPage(parseInt(page))}),[page,followPage]);return Object(jsx_runtime.jsx)(PaginationItemContainer,{onClick:handleClick,"data-testid":"paginationItem",title:"…"!==page?"No. "+page:"",disabled:"…"===page,currentPage:currentPage,type:"button",children:page})};PaginationItem_PaginationItem.displayName="PaginationItem";var Pagination_templateObject,Pagination_templateObject2,currentPaginationItemMixin=Object(styled_components_browser_esm.css)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n border: 1px "," solid;\n color: ",";\n"])),Object(theme.a)("brand",100),Object(theme.a)("brand",100)),otherPaginationItemMixin=Object(styled_components_browser_esm.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n border: 1px "," solid;\n color: ",";\n"])),Object(theme.a)("grey",80),Object(theme.a)("grey",100)),disabledMixin=Object(styled_components_browser_esm.css)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n cursor: default;\n :hover {\n background-color: ",";\n }\n"])),Object(theme.a)("white")),PaginationItemContainer=styled_components_browser_esm.default.button(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n ","\n display: inline-block;\n border-width: 1px;\n font-size: 13px;\n font-weight: 400;\n text-transform: uppercase;\n border-radius: 16px;\n padding: 0 10px;\n height: 22px;\n line-height: 21px;\n cursor: pointer;\n font-family: inherit;\n transition: background-color 0.1s ease 0s;\n min-width: 40px;\n text-align: center;\n box-sizing: border-box;\n background-color: ",";\n\n :hover {\n background-color: ",";\n }\n\n :focus {\n outline: 0;\n }\n\n ","\n"])),(function(_ref2){return _ref2.currentPage?currentPaginationItemMixin:otherPaginationItemMixin}),Object(theme.a)("white"),Object(theme.a)("grey",20),(function(_ref3){return _ref3.disabled?disabledMixin:null}));try{PaginationItem_PaginationItem.displayName="PaginationItem",PaginationItem_PaginationItem.__docgenInfo={description:"",displayName:"PaginationItem",props:{currentPage:{defaultValue:null,description:"",name:"currentPage",required:!0,type:{name:"boolean"}},page:{defaultValue:null,description:"",name:"page",required:!0,type:{name:"string"}},followPage:{defaultValue:null,description:"",name:"followPage",required:!0,type:{name:"(page: number) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Pagination/PaginationItem.tsx#PaginationItem"]={docgenInfo:PaginationItem_PaginationItem.__docgenInfo,name:"PaginationItem",path:"src/components/Pagination/PaginationItem.tsx#PaginationItem"})}catch(__react_docgen_typescript_loader_error){}function Pagination_taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var Pagination_Pagination=function Pagination(_ref){var currentPage=_ref.currentPage,totalItems=_ref.totalItems,_ref$itemsPerPage=_ref.itemsPerPage,itemsPerPage=void 0===_ref$itemsPerPage?25:_ref$itemsPerPage,sticky=_ref.sticky,followPage=_ref.followPage;if(itemsPerPage<=0)throw new Error("Number of items per page cannot be lower or equal than 0");var numberOfPages=Math.ceil(totalItems/itemsPerPage);if(numberOfPages<=1)return null;if(currentPage>numberOfPages)throw new Error("The current page cannot be greater than the total number of pages");var pages=function computePages(currentPage,numberOfPages){if(numberOfPages<=4)return Array.from(Array(numberOfPages).keys()).map((function(page){return page+1}));var FIRST_PAGE=1,SECOND_PAGE=2,THIRD_PAGE=3,LAST_PAGE=numberOfPages,SECOND_LAST=LAST_PAGE-1,THIRD_LAST=LAST_PAGE-2,FOURTH_LAST=LAST_PAGE-3,PREVIOUS_PAGE=currentPage-1,NEXT_PAGE=currentPage+1,pages=[FIRST_PAGE];currentPage>=4&&pages.push("…");currentPage>SECOND_PAGE&&(currentPage===LAST_PAGE&&pages.push(THIRD_LAST),pages.push(PREVIOUS_PAGE));currentPage!==FIRST_PAGE&¤tPage!==LAST_PAGE&&pages.push(currentPage);currentPage void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Pagination/Pagination.tsx#Pagination"]={docgenInfo:Pagination_Pagination.__docgenInfo,name:"Pagination",path:"src/components/Pagination/Pagination.tsx#Pagination"})}catch(__react_docgen_typescript_loader_error){}var _excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e {\n return ;\n}"}};var Pagination_stories_smallNumberOfPages=function smallNumberOfPages(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Pagination_Pagination,{totalItems:8,currentPage:1,itemsPerPage:2,onClick:function onClick(){}}),Object(esm.b)(Pagination_Pagination,{totalItems:3,currentPage:1,itemsPerPage:2,onClick:function onClick(){}}))};Pagination_stories_smallNumberOfPages.storyName="Small number of pages",Pagination_stories_smallNumberOfPages.parameters={storySource:{source:"args => {\n return <>\n {}} />\n {}} />\n ;\n}"}};var componentMeta={title:"Components/Pagination",component:Pagination_Pagination,args:{totalItems:3e3,currentPage:12,itemsPerPage:25},includeStories:["standard","smallNumberOfPages"]},mdxStoryNameToKey={Standard:"standard","Small number of pages":"smallNumberOfPages"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Pill/Pill.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"level",(function(){return level}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_addon_links_react__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/@storybook/addon-links/react.js"),_Pill_tsx__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/components/Pill/Pill.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e {\n return ;\n}"}};var level=function level(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Pill_tsx__WEBPACK_IMPORTED_MODULE_9__.a,_extends({},args,{level:"primary"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Pill_tsx__WEBPACK_IMPORTED_MODULE_9__.a,_extends({},args,{level:"warning"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Pill_tsx__WEBPACK_IMPORTED_MODULE_9__.a,_extends({},args,{level:"danger"})))};level.storyName="Level",level.parameters={storySource:{source:'args => {\n return <>\n \n \n \n ;\n}'}};var componentMeta={title:"Components/Pill",component:_Pill_tsx__WEBPACK_IMPORTED_MODULE_9__.a,args:{level:"warning"},argTypes:{level:{control:{type:"select"},options:["primary","warning","danger"]}},includeStories:["standard","level"]},mdxStoryNameToKey={Standard:"standard",Level:"level"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Pill/Pill.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Pill}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__),styled_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_theme_theme__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/theme/theme.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["level"];var PillContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject||(_templateObject=function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}(["\n width: 10px;\n height: 10px;\n min-width: 10px;\n min-height: 10px;\n background-color: ",";\n border-radius: 50%;\n"])),(function(_ref){var level=_ref.level;return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.c)(level,100)})),Pill=react__WEBPACK_IMPORTED_MODULE_5___default.a.forwardRef((function(_ref2,forwardedRef){var _ref2$level=_ref2.level,level=void 0===_ref2$level?"warning":_ref2$level,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r {\n const IllustrationComponent = createElement(Illustrations[args.illustration]);\n return ;\n}"}};var size=function size(args){var IllustrationComponent=Object(react__WEBPACK_IMPORTED_MODULE_6__.createElement)(_illustrations__WEBPACK_IMPORTED_MODULE_12__.a);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_Placeholder_tsx__WEBPACK_IMPORTED_MODULE_10__.a,_extends({},args,{title:"Large placeholder",illustration:IllustrationComponent,size:"large"}))};size.displayName="size",size.storyName="Size",size.parameters={storySource:{source:'args => {\n const IllustrationComponent = createElement(Illustrations.AttributesIllustration);\n return ;\n}'}};var componentMeta={title:"Components/Placeholder",component:_Placeholder_tsx__WEBPACK_IMPORTED_MODULE_10__.a,args:{illustration:"UsersIllustration",title:"Placeholder title",children:"Placeholder children text"},argTypes:{illustration:{control:{type:"select"},options:Object.keys(_illustrations__WEBPACK_IMPORTED_MODULE_11__)},title:{control:{type:"text"}},children:{control:{type:"text"}}},includeStories:["standard","size"]},mdxStoryNameToKey={Standard:"standard",Size:"size"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Placeholder/Placeholder.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Placeholder}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),styled_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_theme_theme__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/theme/theme.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["illustration","title","size","children"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var CenteredHelperContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n padding: 0 20px;\n display: flex;\n align-items: center;\n flex-direction: column;\n gap: ","px;\n"])),(function(_ref){return"large"===_ref.size?20:5})),CenteredHelperTitle=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n color: ",";\n font-size: ",";\n line-height: ",";\n text-align: center;\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey",140),(function(_ref2){var size=_ref2.size;return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.e)("large"===size?"title":"big")}),(function(_ref3){var size=_ref3.size;return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.e)("large"===size?"title":"big")})),Placeholder=function Placeholder(_ref4){var illustration=_ref4.illustration,title=_ref4.title,_ref4$size=_ref4.size,size=void 0===_ref4$size?"default":_ref4$size,children=_ref4.children,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r>"}},size:{defaultValue:{value:"default"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"large"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Placeholder/Placeholder.tsx#Placeholder"]={docgenInfo:Placeholder.__docgenInfo,name:"Placeholder",path:"src/components/Placeholder/Placeholder.tsx#Placeholder"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Preview/Preview.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return Preview_stories_standard})),__webpack_require__.d(__webpack_exports__,"highlight",(function(){return Preview_stories_highlight})),__webpack_require__.d(__webpack_exports__,"row",(function(){return Preview_stories_row})),__webpack_require__.d(__webpack_exports__,"collapsable",(function(){return Preview_stories_collapsable}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,react=__webpack_require__("./node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),addon_actions_dist_esm=__webpack_require__("./node_modules/@storybook/addon-actions/dist/esm/index.js"),IconButton=__webpack_require__("./src/components/IconButton/IconButton.tsx"),PreviewGallery=__webpack_require__("./src/storybook/PreviewGallery.tsx"),RefreshIcon=__webpack_require__("./src/icons/RefreshIcon.tsx"),styled_components_browser_esm=(__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js")),theme=__webpack_require__("./src/theme/theme.ts"),ArrowDownIcon=__webpack_require__("./src/icons/ArrowDownIcon.tsx"),ArrowUpIcon=__webpack_require__("./src/icons/ArrowUpIcon.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","isOpen","collapseButtonLabel","onCollapse","children"];function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _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 _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Preview/Preview.tsx#Preview.Highlight"]={docgenInfo:Preview_Preview.Highlight.__docgenInfo,name:"Preview.Highlight",path:"src/components/Preview/Preview.tsx#Preview.Highlight"})}catch(__react_docgen_typescript_loader_error){}var Preview_stories_excluded=["components"];function Preview_stories_slicedToArray(r,e){return function Preview_stories_arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function Preview_stories_iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function Preview_stories_unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return Preview_stories_arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?Preview_stories_arrayLikeToArray(r,a):void 0}}(r,e)||function Preview_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 Preview_stories_arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e")," subcomponent which can be used to highlight some content."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Highlight",mdxType:"Story"},(function(args){return Object(esm.b)(Preview_Preview,_extends({},args,{mdxType:"Preview"}),Object(esm.b)(Preview_Preview.Highlight,null,"Name")," x ",Object(esm.b)(Preview_Preview.Highlight,null,"Description"))}))),Object(esm.b)("h2",{id:"with-rows"},"With rows"),Object(esm.b)("p",null,"Preview component exposes a ",Object(esm.b)("inlineCode",{parentName:"p"},"")," subcomponent which can be used to list content."),Object(esm.b)("p",null,"The ",Object(esm.b)("inlineCode",{parentName:"p"},"")," subcomponent has an ",Object(esm.b)("inlineCode",{parentName:"p"},"action")," prop that accepts an ",Object(esm.b)("inlineCode",{parentName:"p"},"IconButton")," component to add row behaviour."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Row",mdxType:"Story"},(function(args){return Object(esm.b)(PreviewGallery.k,{height:200,mdxType:"SpaceContainer"},Object(esm.b)(Preview_Preview,_extends({},args,{mdxType:"Preview"}),Object(esm.b)(Preview_Preview.Row,null,"First row"),Object(esm.b)(Preview_Preview.Row,null,"Second row"),Object(esm.b)(Preview_Preview.Row,{action:Object(esm.b)(IconButton.a,{icon:Object(esm.b)(RefreshIcon.a,{mdxType:"RefreshIcon"}),title:"Reload third",onClick:Object(addon_actions_dist_esm.action)("Reload third row"),mdxType:"IconButton"})},"Third row"),Object(esm.b)(Preview_Preview.Row,{action:Object(esm.b)(IconButton.a,{icon:Object(esm.b)(RefreshIcon.a,{mdxType:"RefreshIcon"}),title:"Reload long",onClick:Object(addon_actions_dist_esm.action)("Reload long row"),mdxType:"IconButton"})},"Logoden biniou degemer mat an penn ar bed werenn, baradoz hed c’haod moged gar galleg pakañ goañv merenn, hevelep Gwaien gegin gleb warnañ, Remengol morzhol."),Object(esm.b)(Preview_Preview.Row,null,"Fifth row")))}))),Object(esm.b)("h2",{id:"collapsable"},"Collapsable"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Collapsable",mdxType:"Story"},(function(args){var _useState2=Preview_stories_slicedToArray(Object(react.useState)(!1),2),isOpen=_useState2[0],setOpen=_useState2[1];return Object(esm.b)(PreviewGallery.k,{height:200,mdxType:"SpaceContainer"},Object(esm.b)(Preview_Preview,_extends({},args,{isOpen:isOpen,onCollapse:setOpen,collapseButtonLabel:"Collapse",mdxType:"Preview"}),Object(esm.b)(Preview_Preview.Row,null,"First row"),Object(esm.b)(Preview_Preview.Row,null,"Second row"),Object(esm.b)(Preview_Preview.Row,{action:Object(esm.b)(IconButton.a,{icon:Object(esm.b)(RefreshIcon.a,{mdxType:"RefreshIcon"}),title:"Reload third",onClick:Object(addon_actions_dist_esm.action)("Reload third row"),mdxType:"IconButton"})},"Third row"),Object(esm.b)(Preview_Preview.Row,null,"Fourth row"),Object(esm.b)(Preview_Preview.Row,{action:Object(esm.b)(IconButton.a,{icon:Object(esm.b)(RefreshIcon.a,{mdxType:"RefreshIcon"}),title:"Reload long",onClick:Object(addon_actions_dist_esm.action)("Reload long row"),mdxType:"IconButton"})},"Another one")))}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var Preview_stories_standard=function standard(args){return Object(esm.b)(Preview_Preview,args)};Preview_stories_standard.displayName="standard",Preview_stories_standard.storyName="Standard",Preview_stories_standard.parameters={storySource:{source:"args => {\n return ;\n}"}};var Preview_stories_highlight=function highlight(args){return Object(esm.b)(Preview_Preview,args,Object(esm.b)(Preview_Preview.Highlight,null,"Name")," x ",Object(esm.b)(Preview_Preview.Highlight,null,"Description"))};Preview_stories_highlight.displayName="highlight",Preview_stories_highlight.storyName="Highlight",Preview_stories_highlight.parameters={storySource:{source:"args => {\n return \n Name x Description\n ;\n}"}};var Preview_stories_row=function row(args){return Object(esm.b)(PreviewGallery.k,{height:200},Object(esm.b)(Preview_Preview,args,Object(esm.b)(Preview_Preview.Row,null,"First row"),Object(esm.b)(Preview_Preview.Row,null,"Second row"),Object(esm.b)(Preview_Preview.Row,{action:Object(esm.b)(IconButton.a,{icon:Object(esm.b)(RefreshIcon.a,null),title:"Reload third",onClick:Object(addon_actions_dist_esm.action)("Reload third row")})},"Third row"),Object(esm.b)(Preview_Preview.Row,{action:Object(esm.b)(IconButton.a,{icon:Object(esm.b)(RefreshIcon.a,null),title:"Reload long",onClick:Object(addon_actions_dist_esm.action)("Reload long row")})},"Logoden biniou degemer mat an penn ar bed werenn, baradoz hed c’haod moged gar galleg pakañ goañv merenn, hevelep Gwaien gegin gleb warnañ, Remengol morzhol."),Object(esm.b)(Preview_Preview.Row,null,"Fifth row")))};Preview_stories_row.displayName="row",Preview_stories_row.storyName="Row",Preview_stories_row.parameters={storySource:{source:"args => {\n return \n \n First row\n Second row\n } title=\"Reload third\" onClick={action('Reload third row')} />}>\n Third row\n \n } title=\"Reload long\" onClick={action('Reload long row')} />}>\n Logoden biniou degemer mat an penn ar bed werenn, baradoz hed c’haod moged gar galleg pakañ goañv merenn,\n hevelep Gwaien gegin gleb warnañ, Remengol morzhol.\n \n Fifth row\n \n ;\n}"}};var Preview_stories_collapsable=function collapsable(args){var _useState4=Preview_stories_slicedToArray(Object(react.useState)(!1),2),isOpen=_useState4[0],setOpen=_useState4[1];return Object(esm.b)(PreviewGallery.k,{height:200},Object(esm.b)(Preview_Preview,_extends({},args,{isOpen:isOpen,onCollapse:setOpen,collapseButtonLabel:"Collapse"}),Object(esm.b)(Preview_Preview.Row,null,"First row"),Object(esm.b)(Preview_Preview.Row,null,"Second row"),Object(esm.b)(Preview_Preview.Row,{action:Object(esm.b)(IconButton.a,{icon:Object(esm.b)(RefreshIcon.a,null),title:"Reload third",onClick:Object(addon_actions_dist_esm.action)("Reload third row")})},"Third row"),Object(esm.b)(Preview_Preview.Row,null,"Fourth row"),Object(esm.b)(Preview_Preview.Row,{action:Object(esm.b)(IconButton.a,{icon:Object(esm.b)(RefreshIcon.a,null),title:"Reload long",onClick:Object(addon_actions_dist_esm.action)("Reload long row")})},"Another one")))};Preview_stories_collapsable.displayName="collapsable",Preview_stories_collapsable.storyName="Collapsable",Preview_stories_collapsable.parameters={storySource:{source:'args => {\n const [isOpen, setOpen] = useState(false);\n return \n \n First row\n Second row\n } title="Reload third" onClick={action(\'Reload third row\')} />}>\n Third row\n \n Fourth row\n } title="Reload long" onClick={action(\'Reload long row\')} />}>\n Another one\n \n \n ;\n}'}};var componentMeta={title:"Components/Preview",component:Preview_Preview,subcomponents:{"Preview.Highlight":Preview_Preview.Highlight,"Preview.Row":Preview_Preview.Row},args:{title:"Preview",children:"Preview text"},includeStories:["standard","highlight","row","collapsable"]},mdxStoryNameToKey={Standard:"standard",Highlight:"highlight",Row:"row",Collapsable:"collapsable"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/ProgressBar/ProgressBar.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"progress",(function(){return progress})),__webpack_require__.d(__webpack_exports__,"level",(function(){return level})),__webpack_require__.d(__webpack_exports__,"light",(function(){return light})),__webpack_require__.d(__webpack_exports__,"size",(function(){return size})),__webpack_require__.d(__webpack_exports__,"width",(function(){return width})),__webpack_require__.d(__webpack_exports__,"header",(function(){return header}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_ProgressBar__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/ProgressBar/ProgressBar.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e {\n return ;\n}"}};var progress=function progress(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_ProgressBar__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{progressLabel:"0%",percent:0})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_ProgressBar__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{progressLabel:"25%",percent:25})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_ProgressBar__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{progressLabel:"50%",percent:50})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_ProgressBar__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{progressLabel:"100%",percent:100})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_ProgressBar__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{progressLabel:"indeterminate",percent:"indeterminate"})))};progress.storyName="Progress",progress.parameters={storySource:{source:'args => {\n return <>\n \n \n \n \n \n ;\n}'}};var level=function level(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_ProgressBar__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{title:"Primary",level:"primary"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_ProgressBar__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{title:"Secondary",level:"secondary"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_ProgressBar__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{title:"Tertiary",level:"tertiary"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_ProgressBar__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{title:"Warning",level:"warning"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_ProgressBar__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{title:"Danger",level:"danger"})))};level.storyName="Level",level.parameters={storySource:{source:'args => {\n return <>\n \n \n \n \n \n ;\n}'}};var light=function light(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_ProgressBar__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{title:"Default",light:!1})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_ProgressBar__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{title:"Light",light:!0})))};light.storyName="Light",light.parameters={storySource:{source:'args => {\n return <>\n \n \n ;\n}'}};var size=function size(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_ProgressBar__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{title:"Small",size:"small"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_ProgressBar__WEBPACK_IMPORTED_MODULE_8__.a,_extends({},args,{title:"Large",size:"large"})))};size.storyName="Size",size.parameters={storySource:{source:'args => {\n return <>\n \n \n ;\n}'}};var width=function width(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("div",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_ProgressBar__WEBPACK_IMPORTED_MODULE_8__.a,args)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("div",{style:{width:"300px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_ProgressBar__WEBPACK_IMPORTED_MODULE_8__.a,args)))};width.storyName="Width",width.parameters={storySource:{source:"args => {\n return <>\n
\n \n
\n
\n \n
\n ;\n}"}};var header=function header(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("div",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_ProgressBar__WEBPACK_IMPORTED_MODULE_8__.a,{level:"primary",percent:10})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("br",null),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("div",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_ProgressBar__WEBPACK_IMPORTED_MODULE_8__.a,{level:"primary",percent:10,title:"Title without progress label"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("div",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_ProgressBar__WEBPACK_IMPORTED_MODULE_8__.a,{level:"primary",percent:10,progressLabel:"Progress label without title"})))};header.storyName="Header",header.parameters={storySource:{source:'args => {\n return <>\n
\n \n
\n
\n
\n \n
\n
\n \n
\n ;\n}'}};var componentMeta={title:"Components/Progress bar",component:_ProgressBar__WEBPACK_IMPORTED_MODULE_8__.a,args:{level:"primary",title:"Lorem Ipsum is simply dummy text",progressLabel:"30 minutes left",percent:50},argTypes:{percent:{control:{type:"range",min:0,max:100,step:1}}},includeStories:["standard","progress","level","light","size","width","header"]},mdxStoryNameToKey={Standard:"standard",Progress:"progress",Level:"level",Light:"light",Size:"size",Width:"width",Header:"header"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/ProgressBar/ProgressBar.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return ProgressBar}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),styled_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_theme_theme__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/theme/theme.ts"),_hooks_useId__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/hooks/useId.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["level","percent","title","progressLabel","light","size"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var ProgressBarContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n overflow: hidden;\n"]))),progressBarAnimation=Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.keyframes)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n from { background-position: 0 0; }\n to { background-position: 20px 0; }\n"]))),Header=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n display: flex;\n font-size: ",";\n justify-content: space-between;\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.e)("default")),Title=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n color: ",";\n padding-right: 20px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey",140)),ProgressLabel=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n color: ",";\n white-space: nowrap;\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey",120)),ProgressBarBackground=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(["\n background: ",";\n height: ",";\n overflow: hidden;\n position: relative;\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey",60),(function(props){return getHeightFromSize(props.size)})),ProgressBarFill=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div.attrs((function(props){return{style:{width:props.width+"%"}}}))(_templateObject7||(_templateObject7=_taggedTemplateLiteralLoose(["\n ","\n\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n transition: width 0.3s;\n\n ","\n"])),(function(_ref){var level=_ref.level,light=_ref.light;return Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject8||(_templateObject8=_taggedTemplateLiteralLoose(["\n background: ",";\n "])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.c)(level,light?60:100))}),(function(props){return props.indeterminate&&Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject9||(_templateObject9=_taggedTemplateLiteralLoose(["\n background-image: linear-gradient(\n 315deg,\n rgba(255, 255, 255, 0.6) 25%,\n rgba(255, 255, 255, 0.4) 25%,\n rgba(255, 255, 255, 0.4) 50%,\n rgba(255, 255, 255, 0.6) 50%,\n rgba(255, 255, 255, 0.6) 75%,\n rgba(255, 255, 255, 0.4) 75%,\n rgba(255, 255, 255, 0.4) 100%\n );\n background-size: 20px 20px;\n transition: width 200ms ease;\n animation: "," 1s linear infinite;\n "])),progressBarAnimation)})),getHeightFromSize=function getHeightFromSize(size){return"large"===size?"10px":"4px"},computeWidthFromPercent=function computeWidthFromPercent(percent){return"indeterminate"===percent||percent>100?100:percent<0?0:percent},ProgressBar=Object(react__WEBPACK_IMPORTED_MODULE_5__.forwardRef)((function(_ref2,forwardedRef){var level=_ref2.level,percent=_ref2.percent,title=_ref2.title,progressLabel=_ref2.progressLabel,_ref2$light=_ref2.light,light=void 0!==_ref2$light&&_ref2$light,_ref2$size=_ref2.size,size=void 0===_ref2$size?"small":_ref2$size,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;rcurrentStepIndex?"todo":indexr.length)&&(a=r.length);for(var e=0,n=Array(a);er.length)&&(a=r.length);for(var e=0,n=Array(a);e",description:"Define the current step of the progress"}},mdxType:"Meta"}),Object(esm.b)("h1",{id:"progress-indicator"},"Progress indicator"),Object(esm.b)("h2",{id:"usage"},"Usage"),Object(esm.b)("p",null,"Progress indicator display progress through a sequence of logical and numbered steps."),Object(esm.b)("h2",{id:"playground"},"Playground"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Standard",parameters:{docs:{source:{code:"import {useProgress, ProgressIndicator} from 'akeneo-design-system';\n\n//Step codes needs to be unique\nconst steps = ['choose', 'edit', 'confirm'];\nconst [isCurrent, next, previous] = useProgress(steps);\nreturn (\n <>\n \n \n \n {steps.map((step) => (\n \n {/* Here we used the step code, but you can also use a translator like {translate(`my_translation_path.${step}`)}*/}\n {step}\n \n ))}\n \n \n);\n"}}},mdxType:"Story"},(function(args){var steps=["choose","edit","confirm"],_useProgress2=ProgressIndicator_stories_slicedToArray(useProgress_useProgress(steps),3),isCurrent=_useProgress2[0],next=_useProgress2[1],previous=_useProgress2[2];return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)("div",{style:{display:"flex",justifyContent:"space-evenly"}},Object(esm.b)(Button.a,{level:"secondary",onClick:previous,mdxType:"Button"},"Previous"),Object(esm.b)(Button.a,{level:"secondary",onClick:next,mdxType:"Button"},"Next")),Object(esm.b)(ProgressIndicator_ProgressIndicator,{mdxType:"ProgressIndicator"},steps.map((function(step){return Object(esm.b)(ProgressIndicator_ProgressIndicator.Step,{key:step,current:isCurrent(step)},step)}))))}))),Object(esm.b)(dist_esm.b,{story:"Standard",mdxType:"ArgsTable"}),Object(esm.b)("h2",{id:"states"},"States"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"States",mdxType:"Story"},Object(esm.b)(ProgressIndicator_ProgressIndicator,{mdxType:"ProgressIndicator"},Object(esm.b)(ProgressIndicator_ProgressIndicator.Step,null,"Before current step"),Object(esm.b)(ProgressIndicator_ProgressIndicator.Step,{current:!0},"Current step"),Object(esm.b)(ProgressIndicator_ProgressIndicator.Step,null,"After current step")))),Object(esm.b)("h2",{id:"disabled"},"Disabled"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Disabled",mdxType:"Story"},Object(esm.b)(ProgressIndicator_ProgressIndicator,{mdxType:"ProgressIndicator"},Object(esm.b)(ProgressIndicator_ProgressIndicator.Step,{disabled:!0},"Disabled step"),Object(esm.b)(ProgressIndicator_ProgressIndicator.Step,{disabled:!1,current:!0},"Current step enabled"),Object(esm.b)(ProgressIndicator_ProgressIndicator.Step,{disabled:!0},"Next disabled step")))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var ProgressIndicator_stories_standard=function standard(args){var steps=["choose","edit","confirm"],_useProgress4=ProgressIndicator_stories_slicedToArray(useProgress_useProgress(steps),3),isCurrent=_useProgress4[0],next=_useProgress4[1],previous=_useProgress4[2];return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)("div",{style:{display:"flex",justifyContent:"space-evenly"}},Object(esm.b)(Button.a,{level:"secondary",onClick:previous},"Previous"),Object(esm.b)(Button.a,{level:"secondary",onClick:next},"Next")),Object(esm.b)(ProgressIndicator_ProgressIndicator,null,steps.map((function(step){return Object(esm.b)(ProgressIndicator_ProgressIndicator.Step,{key:step,current:isCurrent(step)},step)}))))};ProgressIndicator_stories_standard.storyName="Standard",ProgressIndicator_stories_standard.parameters=Object.assign({storySource:{source:"args => {\n const steps = ['choose', 'edit', 'confirm'];\n const [isCurrent, next, previous] = useProgress(steps);\n return <>\n
\n \n \n
\n \n {steps.map(step => {\n return \n {step}\n ;\n })}\n \n ;\n}"}},{docs:{source:{code:"import {useProgress, ProgressIndicator} from 'akeneo-design-system';\n\n//Step codes needs to be unique\nconst steps = ['choose', 'edit', 'confirm'];\nconst [isCurrent, next, previous] = useProgress(steps);\nreturn (\n <>\n \n \n \n {steps.map((step) => (\n \n {/* Here we used the step code, but you can also use a translator like {translate(`my_translation_path.${step}`)}*/}\n {step}\n \n ))}\n \n \n);\n"}}});var ProgressIndicator_stories_states=function states(){return Object(esm.b)(ProgressIndicator_ProgressIndicator,null,Object(esm.b)(ProgressIndicator_ProgressIndicator.Step,null,"Before current step"),Object(esm.b)(ProgressIndicator_ProgressIndicator.Step,{current:!0},"Current step"),Object(esm.b)(ProgressIndicator_ProgressIndicator.Step,null,"After current step"))};ProgressIndicator_stories_states.displayName="states",ProgressIndicator_stories_states.storyName="States",ProgressIndicator_stories_states.parameters={storySource:{source:"\n Before current step\n Current step\n After current step\n "}};var ProgressIndicator_stories_disabled=function disabled(){return Object(esm.b)(ProgressIndicator_ProgressIndicator,null,Object(esm.b)(ProgressIndicator_ProgressIndicator.Step,{disabled:!0},"Disabled step"),Object(esm.b)(ProgressIndicator_ProgressIndicator.Step,{disabled:!1,current:!0},"Current step enabled"),Object(esm.b)(ProgressIndicator_ProgressIndicator.Step,{disabled:!0},"Next disabled step"))};ProgressIndicator_stories_disabled.displayName="disabled",ProgressIndicator_stories_disabled.storyName="Disabled",ProgressIndicator_stories_disabled.parameters={storySource:{source:"\n Disabled step\n \n Current step enabled\n \n Next disabled step\n "}};var componentMeta={title:"Components/Progress indicator",component:ProgressIndicator_ProgressIndicator,subcomponents:{"ProgressIndicator.Step":ProgressIndicator_ProgressIndicator.Step},argTypes:{current:{name:"",description:"Define the current step of the progress"}},includeStories:["standard","states","disabled"]},mdxStoryNameToKey={Standard:"standard",States:"states",Disabled:"disabled"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Search/Search.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"basicSearchInput",(function(){return basicSearchInput})),__webpack_require__.d(__webpack_exports__,"withResultsAndAFilter",(function(){return withResultsAndAFilter})),__webpack_require__.d(__webpack_exports__,"withOnlyAFilter",(function(){return withOnlyAFilter})),__webpack_require__.d(__webpack_exports__,"insideADropdown",(function(){return insideADropdown}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./node_modules/react/index.js"),_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_Search__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./src/components/Search/Search.tsx"),_components__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./src/components/SwitcherButton/SwitcherButton.tsx"),_components__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./src/components/Dropdown/Dropdown.tsx"),_components__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./src/components/Button/Button.tsx"),_icons__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("./src/icons/ArrowDownIcon.tsx"),_storybook__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__("./src/storybook/PreviewGallery.tsx"),_hooks__WEBPACK_IMPORTED_MODULE_27__=__webpack_require__("./src/hooks/useBooleanState.ts"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;er.length)&&(a=r.length);for(var e=0,n=Array(a);e {\n const [searchValue, setSearch] = useState('');\n return \n 34 results\n ;\n}"}};var basicSearchInput=function basicSearchInput(args){var _useState14=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_18__.useState)(""),2),searchValue=_useState14[0],setSearch=_useState14[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Search__WEBPACK_IMPORTED_MODULE_21__.a,_extends({onSearchChange:setSearch,searchValue:searchValue},args))};basicSearchInput.displayName="basicSearchInput",basicSearchInput.storyName="Basic search input",basicSearchInput.parameters={storySource:{source:"args => {\n const [searchValue, setSearch] = useState('');\n return ;\n}"}};var withResultsAndAFilter=function withResultsAndAFilter(args){var _useState16=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_18__.useState)(""),2),searchValue=_useState16[0],setSearch=_useState16[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Search__WEBPACK_IMPORTED_MODULE_21__.a,_extends({onSearchChange:setSearch,searchValue:searchValue},args),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Search__WEBPACK_IMPORTED_MODULE_21__.a.ResultCount,null,"34 results"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Search__WEBPACK_IMPORTED_MODULE_21__.a.Separator,null),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_22__.a,{label:"Label"},"Value"))};withResultsAndAFilter.displayName="withResultsAndAFilter",withResultsAndAFilter.storyName="With results and a filter",withResultsAndAFilter.parameters={storySource:{source:"args => {\n const [searchValue, setSearch] = useState('');\n return \n 34 results\n \n Value\n ;\n}"}};var withOnlyAFilter=function withOnlyAFilter(args){var _useState18=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_18__.useState)(""),2),searchValue=_useState18[0],setSearch=_useState18[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Search__WEBPACK_IMPORTED_MODULE_21__.a,_extends({onSearchChange:setSearch,searchValue:searchValue},args),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_22__.a,{label:"Label"},"Value"))};withOnlyAFilter.displayName="withOnlyAFilter",withOnlyAFilter.storyName="With only a filter",withOnlyAFilter.parameters={storySource:{source:"args => {\n const [searchValue, setSearch] = useState('');\n return \n Value\n ;\n}"}};var insideADropdown=function insideADropdown(args){var _useState20=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_18__.useState)(""),2),search=_useState20[0],setSearch=_useState20[1],_useBooleanState4=_slicedToArray(Object(_hooks__WEBPACK_IMPORTED_MODULE_27__.a)(!0),3),isOpen=_useBooleanState4[0],open=_useBooleanState4[1],close=_useBooleanState4[2];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_storybook__WEBPACK_IMPORTED_MODULE_26__.k,{height:350},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{onClick:open},"Simple ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_icons__WEBPACK_IMPORTED_MODULE_25__.a,null)),isOpen&&Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a.Overlay,{verticalPosition:"down",onClose:close},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a.Header,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_Search__WEBPACK_IMPORTED_MODULE_21__.a,_extends({onSearchChange:setSearch,searchValue:search},args))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a.ItemCollection,null,["Aquaman","Batman","Catwoman","Flash","Green Lantern","Wonder Woman","Superman","Black panther","Black widow","Ant man","Captain America"].filter((function(item){return""===search||-1!==item.indexOf(search)})).map((function(item){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a.Item,{key:item},item)}))))))};insideADropdown.displayName="insideADropdown",insideADropdown.storyName="Inside a dropdown",insideADropdown.parameters={storySource:{source:"args => {\n const [search, setSearch] = useState('');\n const [isOpen, open, close] = useBooleanState(true);\n const items = ['Aquaman', 'Batman', 'Catwoman', 'Flash', 'Green Lantern', 'Wonder Woman', 'Superman', 'Black panther', 'Black widow', 'Ant man', 'Captain America'];\n return \n \n \n {isOpen && \n \n \n \n \n {items.filter(item => search === '' || item.indexOf(search) !== -1).map(item => {\n return {item};\n })}\n \n }\n \n ;\n}"}};var componentMeta={title:"Components/Search",component:_Search__WEBPACK_IMPORTED_MODULE_21__.a,args:{title:"Search",placeholder:"Search"},includeStories:["standard","basicSearchInput","withResultsAndAFilter","withOnlyAFilter","insideADropdown"]},mdxStoryNameToKey={Standard:"standard","Basic search input":"basicSearchInput","With results and a filter":"withResultsAndAFilter","With only a filter":"withOnlyAFilter","Inside a dropdown":"insideADropdown"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_20__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_19__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Search/Search.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Search}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,styled_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_theme_theme__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/theme/theme.ts"),_icons_SearchIcon__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/icons/SearchIcon.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children","placeholder","title","searchValue","inputRef","onSearchChange"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var Container=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n border-bottom: 1px solid ",";\n background: ",";\n height: 44px;\n box-sizing: border-box;\n gap: 10px;\n\n &:focus-within {\n border-bottom: 1px solid ",";\n }\n\n ","\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey",100),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("white"),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("brand",100),(function(_ref){var sticky=_ref.sticky;return void 0!==sticky&&Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n position: sticky;\n top: ","px;\n z-index: 9;\n "])),sticky)})),SearchContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n display: flex;\n flex: 1;\n align-items: center;\n"]))),SearchInput=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.input(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n border: none;\n flex: 1;\n margin-left: 6px;\n color: ",";\n outline: none;\n\n ::placeholder {\n color: ",";\n }\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey",140),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey",120)),Separator=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n margin-left: 10px;\n border-left: 1px "," solid;\n padding-left: 10px;\n height: 24px;\n display: flex;\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey",100)),ResultCount=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.span(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(["\n white-space: nowrap;\n color: ",";\n margin-left: 10px;\n line-height: 16px;\n text-transform: none;\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("brand",100)),Search=function Search(_ref2){var children=_ref2.children,placeholder=_ref2.placeholder,title=_ref2.title,searchValue=_ref2.searchValue,inputRef=_ref2.inputRef,onSearchChange=_ref2.onSearchChange,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}},sticky:{defaultValue:null,description:"When set, defines the sticky top position of the Search component.",name:"sticky",required:!1,type:{name:"number"}},onSearchChange:{defaultValue:null,description:"Handler called when the search input is updated.",name:"onSearchChange",required:!0,type:{name:"(searchValue: string) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Search/Search.tsx#Search"]={docgenInfo:Search.__docgenInfo,name:"Search",path:"src/components/Search/Search.tsx#Search"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/SectionTitle/SectionTitle.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return SectionTitle_stories_standard})),__webpack_require__.d(__webpack_exports__,"actions",(function(){return SectionTitle_stories_actions})),__webpack_require__.d(__webpack_exports__,"sticky",(function(){return SectionTitle_stories_sticky})),__webpack_require__.d(__webpack_exports__,"titleLevel",(function(){return SectionTitle_stories_titleLevel}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),styled_components_browser_esm=(__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js")),theme=__webpack_require__("./src/theme/theme.ts"),Button=__webpack_require__("./src/components/Button/Button.tsx"),IconButton=__webpack_require__("./src/components/IconButton/IconButton.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["level"],_excluded2=["children"];function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r {\n return \n {args.children}\n ;\n}"}};var SectionTitle_stories_actions=function actions(){return Object(esm.b)(SectionTitle_SectionTitle,null,Object(esm.b)(SectionTitle_SectionTitle.Title,null,"General parameters"),Object(esm.b)(SectionTitle_SectionTitle.Spacer,null),Object(esm.b)(SectionTitle_SectionTitle.Information,null,"10 results"),Object(esm.b)(SectionTitle_SectionTitle.Separator,null),Object(esm.b)(Button.a,null,"Action"),Object(esm.b)(Button.a,{level:"danger"},"Action"),Object(esm.b)(IconButton.a,{icon:Object(esm.b)(MoreIcon.a,null),title:"More"}))};SectionTitle_stories_actions.displayName="actions",SectionTitle_stories_actions.storyName="Actions",SectionTitle_stories_actions.parameters={storySource:{source:'\n General parameters\n \n 10 results\n \n \n \n } title="More" />\n '}};var SectionTitle_stories_sticky=function sticky(){return Object(esm.b)(PreviewGallery.h,{height:300},Object(esm.b)(SectionTitle_SectionTitle,{sticky:0},Object(esm.b)(SectionTitle_SectionTitle.Title,null,"First section"),Object(esm.b)(SectionTitle_SectionTitle.Spacer,null),Object(esm.b)(Button.a,null,"Action")),Object(esm.b)(PreviewGallery.a,{height:400},"Some content"),Object(esm.b)(SectionTitle_SectionTitle,{sticky:0},Object(esm.b)(SectionTitle_SectionTitle.Title,null,"Second section"),Object(esm.b)(SectionTitle_SectionTitle.Spacer,null),Object(esm.b)(Button.a,null,"Action")),Object(esm.b)(PreviewGallery.a,{height:400},"Some other content"))};SectionTitle_stories_sticky.displayName="sticky",SectionTitle_stories_sticky.storyName="Sticky",SectionTitle_stories_sticky.parameters={storySource:{source:"\n \n First section\n \n \n \n Some content\n \n Second section\n \n \n \n Some other content\n "}};var SectionTitle_stories_titleLevel=function titleLevel(){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(SectionTitle_SectionTitle,null,Object(esm.b)(SectionTitle_SectionTitle.Title,null,"Primary section"),Object(esm.b)(SectionTitle_SectionTitle.Spacer,null),Object(esm.b)(Button.a,null,"Action")),Object(esm.b)(SectionTitle_SectionTitle,null,Object(esm.b)(SectionTitle_SectionTitle.Title,{level:"secondary"},"Secondary section"),Object(esm.b)(SectionTitle_SectionTitle.Spacer,null),Object(esm.b)(Button.a,null,"Action")))};SectionTitle_stories_titleLevel.storyName="Title level",SectionTitle_stories_titleLevel.parameters={storySource:{source:'\n Primary section\n \n \n \n\n Secondary section\n \n \n '}};var componentMeta={title:"Components/Section title",component:SectionTitle_SectionTitle,subcomponents:{"SectionTitle.Title":SectionTitle_SectionTitle.Title},args:{children:"General parameters"},includeStories:["standard","actions","sticky","titleLevel"]},mdxStoryNameToKey={Standard:"standard",Actions:"actions",Sticky:"sticky","Title level":"titleLevel"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/SplitButton/SplitButton.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return SplitButton_stories_standard})),__webpack_require__.d(__webpack_exports__,"level",(function(){return SplitButton_stories_level})),__webpack_require__.d(__webpack_exports__,"ghost",(function(){return SplitButton_stories_ghost})),__webpack_require__.d(__webpack_exports__,"active",(function(){return SplitButton_stories_active})),__webpack_require__.d(__webpack_exports__,"disabled",(function(){return SplitButton_stories_disabled})),__webpack_require__.d(__webpack_exports__,"size",(function(){return SplitButton_stories_size}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),ArrowDownIcon=(__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./src/icons/ArrowDownIcon.tsx")),Button=__webpack_require__("./src/components/Button/Button.tsx"),Dropdown=__webpack_require__("./src/components/Dropdown/Dropdown.tsx"),useBooleanState=__webpack_require__("./src/hooks/useBooleanState.ts"),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["label","children"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _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 _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e) => void)"}},level:{defaultValue:null,description:"Level of the button defining it's color and outline.\nPossible values are: primary, secondary, tertiary, warning & danger.",name:"level",required:!1,type:{name:"enum",value:[{value:'"warning"'},{value:'"tertiary"'},{value:'"primary"'},{value:'"secondary"'},{value:'"danger"'}]}},label:{defaultValue:null,description:"Label of the button.",name:"label",required:!0,type:{name:"string"}},ghost:{defaultValue:null,description:"When an action does not require primary dominance on the page.",name:"ghost",required:!1,type:{name:"boolean"}},active:{defaultValue:null,description:"Used to display the Button as active.",name:"active",required:!1,type:{name:"boolean"}},ariaLabel:{defaultValue:null,description:"Accessibility label to describe shortly the button.",name:"ariaLabel",required:!1,type:{name:"string"}},ariaLabelledBy:{defaultValue:null,description:"Define which element is the label of this button for accessibility purposes. Expect a DOM node id.",name:"ariaLabelledBy",required:!1,type:{name:"string"}},ariaDescribedBy:{defaultValue:null,description:"Define what element is describing this button for accessibility purposes. Expect a DOM node id.",name:"ariaDescribedBy",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/SplitButton/SplitButton.tsx#SplitButton.Item"]={docgenInfo:SplitButton_SplitButton.Item.__docgenInfo,name:"SplitButton.Item",path:"src/components/SplitButton/SplitButton.tsx#SplitButton.Item"})}catch(__react_docgen_typescript_loader_error){}var SplitButton_stories_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e {\n return \n {}}>Item 1\n {}}>Item 2\n ;\n}"}};var SplitButton_stories_level=function level(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(SplitButton_SplitButton,_extends({},args,{level:"primary",label:"Primary"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")),Object(esm.b)(SplitButton_SplitButton,_extends({},args,{level:"secondary",label:"Secondary"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")),Object(esm.b)(SplitButton_SplitButton,_extends({},args,{level:"tertiary",label:"Tertiary"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")),Object(esm.b)(SplitButton_SplitButton,_extends({},args,{level:"warning",label:"Warning"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")),Object(esm.b)(SplitButton_SplitButton,_extends({},args,{level:"danger",label:"Danger"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")))};SplitButton_stories_level.storyName="Level",SplitButton_stories_level.parameters={storySource:{source:'args => {\n return <>\n \n {}}>Item 1\n {}}>Item 2\n \n \n {}}>Item 1\n {}}>Item 2\n \n \n {}}>Item 1\n {}}>Item 2\n \n \n {}}>Item 1\n {}}>Item 2\n \n \n {}}>Item 1\n {}}>Item 2\n \n ;\n}'}};var SplitButton_stories_ghost=function ghost(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(SplitButton_SplitButton,_extends({},args,{ghost:!0,level:"primary",label:"Primary"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")),Object(esm.b)(SplitButton_SplitButton,_extends({},args,{ghost:!0,level:"secondary",label:"Secondary"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")),Object(esm.b)(SplitButton_SplitButton,_extends({},args,{ghost:!0,level:"tertiary",label:"Tertiary"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")),Object(esm.b)(SplitButton_SplitButton,_extends({},args,{ghost:!0,level:"warning",label:"Warning"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")),Object(esm.b)(SplitButton_SplitButton,_extends({},args,{ghost:!0,level:"danger",label:"Danger"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")))};SplitButton_stories_ghost.storyName="Ghost",SplitButton_stories_ghost.parameters={storySource:{source:'args => {\n return <>\n \n {}}>Item 1\n {}}>Item 2\n \n \n {}}>Item 1\n {}}>Item 2\n \n \n {}}>Item 1\n {}}>Item 2\n \n \n {}}>Item 1\n {}}>Item 2\n \n \n {}}>Item 1\n {}}>Item 2\n \n ;\n}'}};var SplitButton_stories_active=function active(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(SplitButton_SplitButton,_extends({},args,{active:!0,level:"primary",label:"primary"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")),Object(esm.b)(SplitButton_SplitButton,_extends({},args,{active:!0,level:"secondary",label:"secondary"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")),Object(esm.b)(SplitButton_SplitButton,_extends({},args,{active:!0,level:"tertiary",label:"tertiary"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")),Object(esm.b)(SplitButton_SplitButton,_extends({},args,{active:!0,level:"warning",label:"warning"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")),Object(esm.b)(SplitButton_SplitButton,_extends({},args,{active:!0,level:"danger",label:"danger"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")),Object(esm.b)("br",null),Object(esm.b)(SplitButton_SplitButton,_extends({},args,{active:!0,ghost:!0,level:"primary",label:"primary"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")),Object(esm.b)(SplitButton_SplitButton,_extends({},args,{active:!0,ghost:!0,level:"secondary",label:"secondary"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")),Object(esm.b)(SplitButton_SplitButton,_extends({},args,{active:!0,ghost:!0,level:"tertiary",label:"tertiary"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")),Object(esm.b)(SplitButton_SplitButton,_extends({},args,{active:!0,ghost:!0,level:"warning",label:"warning"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")),Object(esm.b)(SplitButton_SplitButton,_extends({},args,{active:!0,ghost:!0,level:"danger",label:"danger"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")))};SplitButton_stories_active.storyName="Active",SplitButton_stories_active.parameters={storySource:{source:'args => {\n return <>\n \n {}}>Item 1\n {}}>Item 2\n \n \n {}}>Item 1\n {}}>Item 2\n \n \n {}}>Item 1\n {}}>Item 2\n \n \n {}}>Item 1\n {}}>Item 2\n \n \n {}}>Item 1\n {}}>Item 2\n \n
\n \n {}}>Item 1\n {}}>Item 2\n \n \n {}}>Item 1\n {}}>Item 2\n \n \n {}}>Item 1\n {}}>Item 2\n \n \n {}}>Item 1\n {}}>Item 2\n \n \n {}}>Item 1\n {}}>Item 2\n \n ;\n}'}};var SplitButton_stories_disabled=function disabled(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(SplitButton_SplitButton,_extends({},args,{disabled:!1,label:"Default"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")),Object(esm.b)(SplitButton_SplitButton,_extends({},args,{disabled:!0,label:"Disabled"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")))};SplitButton_stories_disabled.storyName="Disabled",SplitButton_stories_disabled.parameters={storySource:{source:"args => {\n return <>\n \n {}}>Item 1\n {}}>Item 2\n \n \n {}}>Item 1\n {}}>Item 2\n \n ;\n}"}};var SplitButton_stories_size=function size(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(SplitButton_SplitButton,_extends({},args,{size:"default",label:"Default"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")),Object(esm.b)(SplitButton_SplitButton,_extends({},args,{size:"small",label:"Small"}),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 1"),Object(esm.b)(SplitButton_SplitButton.Item,{onClick:function onClick(){}},"Item 2")))};SplitButton_stories_size.storyName="Size",SplitButton_stories_size.parameters={storySource:{source:"args => {\n return <>\n \n {}}>Item 1\n {}}>Item 2\n \n \n {}}>Item 1\n {}}>Item 2\n \n ;\n}"}};var componentMeta={title:"Components/Buttons/SplitButton",component:SplitButton_SplitButton,args:{level:"primary",label:"Primary"},argTypes:{level:{control:{type:"select"},options:["primary","secondary","tertiary","warning","danger"]},ghost:{control:{type:"boolean"}},disabled:{control:{type:"boolean"}},active:{control:{type:"boolean"}},size:{control:{type:"select"},options:["default","small"]},onClick:{action:"Click on the button"}},includeStories:["standard","level","ghost","active","disabled","size"]},mdxStoryNameToKey={Standard:"standard",Level:"level",Ghost:"ghost",Active:"active",Disabled:"disabled",Size:"size"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/SwitcherButton/SwitcherButton.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"inline",(function(){return inline})),__webpack_require__.d(__webpack_exports__,"deletable",(function(){return deletable})),__webpack_require__.d(__webpack_exports__,"flag",(function(){return flag}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_SwitcherButton_tsx__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/SwitcherButton/SwitcherButton.tsx"),_Locale_Locale__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/components/Locale/Locale.tsx"),_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/storybook/PreviewGallery.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e {\n return \n {args.children}\n ;\n}"}};var inline=function inline(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_SwitcherButton_tsx__WEBPACK_IMPORTED_MODULE_8__.a,{label:"Inline"},"True"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_SwitcherButton_tsx__WEBPACK_IMPORTED_MODULE_8__.a,{label:"Inline",inline:!1},"False"))};inline.storyName="Inline",inline.parameters={storySource:{source:'args => {\n return <>\n True\n \n False\n \n ;\n}'}};var deletable=function deletable(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_10__.k,{width:200},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_SwitcherButton_tsx__WEBPACK_IMPORTED_MODULE_8__.a,{label:"Deletable",deletable:!0,inline:!1},"Value")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_10__.k,{width:200},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_SwitcherButton_tsx__WEBPACK_IMPORTED_MODULE_8__.a,{label:"Not deletable",inline:!1},"Value")))};deletable.storyName="Deletable",deletable.parameters={storySource:{source:'args => {\n return <>\n \n \n Value\n \n \n \n \n Value\n \n \n ;\n}'}};var flag=function flag(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(react__WEBPACK_IMPORTED_MODULE_5___default.a.Fragment,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_SwitcherButton_tsx__WEBPACK_IMPORTED_MODULE_8__.a,{label:"Locale"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Locale_Locale__WEBPACK_IMPORTED_MODULE_9__.a,{code:"en_US",languageLabel:"English"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_SwitcherButton_tsx__WEBPACK_IMPORTED_MODULE_8__.a,{label:"Locale",inline:!1},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Locale_Locale__WEBPACK_IMPORTED_MODULE_9__.a,{code:"fr_FR",languageLabel:"French"})))};flag.storyName="Flag",flag.parameters={storySource:{source:'args => {\n return <>\n \n \n \n \n \n \n ;\n}'}};var componentMeta={title:"Components/Switcher Button",component:_SwitcherButton_tsx__WEBPACK_IMPORTED_MODULE_8__.a,args:{label:"Label",children:"Value"},argTypes:{},includeStories:["standard","inline","deletable","flag"]},mdxStoryNameToKey={Standard:"standard",Inline:"inline",Deletable:"deletable",Flag:"flag"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/SwitcherButton/SwitcherButton.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return SwitcherButton}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/index.js"),styled_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_icons_ArrowDownIcon__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/icons/ArrowDownIcon.tsx"),_icons_CloseIcon__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/icons/CloseIcon.tsx"),_theme_theme__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/theme/theme.ts"),_theme_common__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/theme/common.ts"),_hooks_useId__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/hooks/useId.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["label","children","onClick","deletable","onDelete","inline"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var SwitcherButtonContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n > *:nth-child(2) {\n opacity: 0;\n transition: opacity 0.2s;\n }\n &:hover > *:nth-child(2) {\n opacity: 1;\n }\n"]))),LabelAndValueContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.button(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n ",";\n border: none;\n background: none;\n cursor: pointer;\n padding: 0;\n display: flex;\n align-items: baseline;\n flex-direction: ",";\n"])),_theme_common__WEBPACK_IMPORTED_MODULE_10__.b,(function(_ref){return _ref.$inline?"row":"column"})),Label=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.label(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n cursor: pointer;\n white-space: nowrap;\n ","\n"])),(function(_ref2){return _ref2.$inline?Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n margin-right: 3px;\n color: ",";\n "])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_9__.a)("grey",140)):Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n color: ",";\n text-transform: uppercase;\n font-size: ",";\n "])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_9__.a)("grey",100),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_9__.e)("small"))})),LabelAndArrow=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(["\n display: inline-flex;\n align-items: center;\n"]))),Value=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.span(_templateObject7||(_templateObject7=_taggedTemplateLiteralLoose(["\n color: ",";\n margin-right: 5px;\n text-align: left;\n"])),(function(_ref3){return _ref3.$inline?Object(_theme_theme__WEBPACK_IMPORTED_MODULE_9__.a)("brand",100):Object(_theme_theme__WEBPACK_IMPORTED_MODULE_9__.a)("grey",140)})),CloseButton=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.button(_templateObject8||(_templateObject8=_taggedTemplateLiteralLoose(["\n border: none;\n background: none;\n width: 20px;\n height: 20px;\n cursor: pointer;\n padding: 0;\n flex-shrink: 0;\n"]))),SwitcherButton=Object(react__WEBPACK_IMPORTED_MODULE_5__.forwardRef)((function(_ref4,forwardedRef){var label=_ref4.label,children=_ref4.children,onClick=_ref4.onClick,_ref4$deletable=_ref4.deletable,deletable=void 0!==_ref4$deletable&&_ref4$deletable,onDelete=_ref4.onDelete,_ref4$inline=_ref4.inline,inline=void 0===_ref4$inline||_ref4$inline,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r void)"}},inline:{defaultValue:{value:"true"},description:"Displays the composant in 1 or 2 lines.",name:"inline",required:!1,type:{name:"boolean"}},deletable:{defaultValue:{value:"false"},description:"If true, the composant will display a second button to remove the component.",name:"deletable",required:!1,type:{name:"boolean"}},onDelete:{defaultValue:null,description:"The callback when the user clicks on the delete button.",name:"onDelete",required:!1,type:{name:"(() => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/SwitcherButton/SwitcherButton.tsx#SwitcherButton"]={docgenInfo:SwitcherButton.__docgenInfo,name:"SwitcherButton",path:"src/components/SwitcherButton/SwitcherButton.tsx#SwitcherButton"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/TabBar/TabBar.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return TabBar_stories_standard})),__webpack_require__.d(__webpack_exports__,"withBadges",(function(){return TabBar_stories_withBadges})),__webpack_require__.d(__webpack_exports__,"withPills",(function(){return TabBar_stories_withPills})),__webpack_require__.d(__webpack_exports__,"lotOfTabs",(function(){return TabBar_stories_lotOfTabs})),__webpack_require__.d(__webpack_exports__,"sticky",(function(){return TabBar_stories_sticky}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,react=__webpack_require__("./node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),styled_components_browser_esm=(__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.find.js"),__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js")),theme=__webpack_require__("./src/theme/theme.ts"),Dropdown=__webpack_require__("./src/components/Dropdown/Dropdown.tsx"),IconButton=__webpack_require__("./src/components/IconButton/IconButton.tsx"),MoreIcon=__webpack_require__("./src/icons/MoreIcon.tsx"),useBooleanState=__webpack_require__("./src/hooks/useBooleanState.ts"),shared_key=__webpack_require__("./src/shared/key.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children","onClick","isActive","parentRef","onVisibilityChange"],_excluded2=["moreButtonTitle","children"];function _toConsumableArray(r){return function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r)}(r)||function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(r)||_unsupportedIterableToArray(r)||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 _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||_unsupportedIterableToArray(r,e)||function _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 _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);er.length)&&(a=r.length);for(var e=0,n=Array(a);e {\n const [isCurrent, switchTo] = useTabBar('firstTab');\n return \n switchTo('firstTab')}>\n First tab\n \n switchTo('anotherTab')}>\n Another tab\n \n switchTo('lastTab')}>\n Last tab\n \n ;\n}"}};var TabBar_stories_withBadges=function withBadges(args){var _useTabBar14=TabBar_stories_slicedToArray(Object(useTabBar.a)("firstTab"),2),isCurrent=_useTabBar14[0],switchTo=_useTabBar14[1];return Object(esm.b)(TabBar_TabBar,args,Object(esm.b)(TabBar_TabBar.Tab,{isActive:isCurrent("firstTab"),onClick:function onClick(){return switchTo("firstTab")}},"First tab ",Object(esm.b)(Badge.a,{level:"warning"},"2")),Object(esm.b)(TabBar_TabBar.Tab,{isActive:isCurrent("anotherTab"),onClick:function onClick(){return switchTo("anotherTab")}},"Another tab"),Object(esm.b)(TabBar_TabBar.Tab,{isActive:isCurrent("lastTab"),onClick:function onClick(){return switchTo("lastTab")}},"Last tab ",Object(esm.b)(Badge.a,{level:"danger"},"0")))};TabBar_stories_withBadges.displayName="withBadges",TabBar_stories_withBadges.storyName="With Badges",TabBar_stories_withBadges.parameters={storySource:{source:"args => {\n const [isCurrent, switchTo] = useTabBar('firstTab');\n return \n switchTo('firstTab')}>\n First tab 2\n \n switchTo('anotherTab')}>\n Another tab\n \n switchTo('lastTab')}>\n Last tab 0\n \n ;\n}"}};var TabBar_stories_withPills=function withPills(args){var _useTabBar16=TabBar_stories_slicedToArray(Object(useTabBar.a)("firstTab"),2),isCurrent=_useTabBar16[0],switchTo=_useTabBar16[1];return Object(esm.b)(TabBar_TabBar,args,Object(esm.b)(TabBar_TabBar.Tab,{isActive:isCurrent("firstTab"),onClick:function onClick(){return switchTo("firstTab")}},"First tab ",Object(esm.b)(Pill.a,{level:"warning"})),Object(esm.b)(TabBar_TabBar.Tab,{isActive:isCurrent("anotherTab"),onClick:function onClick(){return switchTo("anotherTab")}},"Another tab"),Object(esm.b)(TabBar_TabBar.Tab,{isActive:isCurrent("lastTab"),onClick:function onClick(){return switchTo("lastTab")}},"Last tab ",Object(esm.b)(Pill.a,{level:"danger"})))};TabBar_stories_withPills.displayName="withPills",TabBar_stories_withPills.storyName="With Pills",TabBar_stories_withPills.parameters={storySource:{source:"args => {\n const [isCurrent, switchTo] = useTabBar('firstTab');\n return \n switchTo('firstTab')}>\n First tab \n \n switchTo('anotherTab')}>\n Another tab\n \n switchTo('lastTab')}>\n Last tab \n \n ;\n}"}};var TabBar_stories_lotOfTabs=function lotOfTabs(args){var _useTabBar18=TabBar_stories_slicedToArray(Object(useTabBar.a)("Tab 100"),2),isCurrent=_useTabBar18[0],switchTo=_useTabBar18[1];return Object(esm.b)(TabBar_TabBar,args,TabBar_stories_toConsumableArray(Array(100)).map((function(_,index){return Object(esm.b)(TabBar_TabBar.Tab,{key:index,isActive:isCurrent("Tab "+(index+1)),onClick:function onClick(){return switchTo("Tab "+(index+1))}},"Tab "+(index+1))})))};TabBar_stories_lotOfTabs.displayName="lotOfTabs",TabBar_stories_lotOfTabs.storyName="Lot of tabs",TabBar_stories_lotOfTabs.parameters={storySource:{source:"args => {\n const [isCurrent, switchTo] = useTabBar('Tab 100');\n return \n {[...Array(100)].map((_, index) => switchTo(`Tab ${index + 1}`)}>\n {`Tab ${index + 1}`}\n )}\n ;\n}"}};var TabBar_stories_sticky=function sticky(args){var _useTabBar20=TabBar_stories_slicedToArray(Object(useTabBar.a)("firstTab"),2),isCurrent=_useTabBar20[0],switchTo=_useTabBar20[1];return Object(esm.b)(PreviewGallery.h,{height:300},Object(esm.b)(TabBar_TabBar,{sticky:0},Object(esm.b)(TabBar_TabBar.Tab,{isActive:isCurrent("firstTab"),onClick:function onClick(){return switchTo("firstTab")}},"First tab ",Object(esm.b)(Pill.a,{level:"warning"})),Object(esm.b)(TabBar_TabBar.Tab,{isActive:isCurrent("anotherTab"),onClick:function onClick(){return switchTo("anotherTab")}},"Another tab"),Object(esm.b)(TabBar_TabBar.Tab,{isActive:isCurrent("lastTab"),onClick:function onClick(){return switchTo("lastTab")}},"Last tab ",Object(esm.b)(Pill.a,{level:"danger"}))),Object(esm.b)(PreviewGallery.a,{height:400},"Some content"),Object(esm.b)(TabBar_TabBar,{sticky:0},Object(esm.b)(TabBar_TabBar.Tab,{isActive:isCurrent("firstTab"),onClick:function onClick(){return switchTo("firstTab")}},"First tab ",Object(esm.b)(Pill.a,{level:"warning"})),Object(esm.b)(TabBar_TabBar.Tab,{isActive:isCurrent("anotherTab"),onClick:function onClick(){return switchTo("anotherTab")}},"Another tab"),Object(esm.b)(TabBar_TabBar.Tab,{isActive:isCurrent("lastTab"),onClick:function onClick(){return switchTo("lastTab")}},"Last tab ",Object(esm.b)(Pill.a,{level:"danger"}))),Object(esm.b)(PreviewGallery.a,{height:400},"Some other content"))};TabBar_stories_sticky.displayName="sticky",TabBar_stories_sticky.storyName="Sticky",TabBar_stories_sticky.parameters={storySource:{source:"args => {\n const [isCurrent, switchTo] = useTabBar('firstTab');\n return \n \n switchTo('firstTab')}>\n First tab \n \n switchTo('anotherTab')}>\n Another tab\n \n switchTo('lastTab')}>\n Last tab \n \n \n Some content\n \n switchTo('firstTab')}>\n First tab \n \n switchTo('anotherTab')}>\n Another tab\n \n switchTo('lastTab')}>\n Last tab \n \n \n Some other content\n ;\n}"}};var componentMeta={title:"Components/TabBar",component:TabBar_TabBar,args:{moreButtonTitle:"More"},includeStories:["standard","withBadges","withPills","lotOfTabs","sticky"]},mdxStoryNameToKey={Standard:"standard","With Badges":"withBadges","With Pills":"withPills","Lot of tabs":"lotOfTabs",Sticky:"sticky"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Table/Table.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"sortableHeader",(function(){return sortableHeader})),__webpack_require__.d(__webpack_exports__,"draggableRows",(function(){return draggableRows})),__webpack_require__.d(__webpack_exports__,"selectableLines",(function(){return selectableLines})),__webpack_require__.d(__webpack_exports__,"clickableLines",(function(){return clickableLines})),__webpack_require__.d(__webpack_exports__,"tableWithActions",(function(){return tableWithActions})),__webpack_require__.d(__webpack_exports__,"complexTable",(function(){return complexTable})),__webpack_require__.d(__webpack_exports__,"stickyHeader",(function(){return stickyHeader})),__webpack_require__.d(__webpack_exports__,"warningAndLockedRows",(function(){return warningAndLockedRows})),__webpack_require__.d(__webpack_exports__,"multipleActions",(function(){return multipleActions}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./node_modules/react/index.js"),_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_Table_tsx__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./src/components/Table/Table.tsx"),_components__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__("./src/components/Image/Image.tsx"),_components__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__("./src/components/Badge/Badge.tsx"),_components__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__("./src/components/Button/Button.tsx"),_components__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__("./src/components/IconButton/IconButton.tsx"),_icons__WEBPACK_IMPORTED_MODULE_27__=__webpack_require__("./src/icons/DeleteIcon.tsx"),_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__=__webpack_require__("./src/components/Table/shared-stories-data.js"),_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_29__=__webpack_require__("./src/storybook/PreviewGallery.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;er.length)&&(a=r.length);for(var e=0,n=Array(a);e0,mdxType:"Table"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Header,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Image"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Name"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Family"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Order"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Genus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Conservation status"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Actions")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Body,null,_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a.map((function(row){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,{key:row.id,onSelectToggle:function onSelectToggle(){return function handleToggleSelected(lineId){-1===selectedLines.indexOf(lineId)?setSelectedLines([].concat(_toConsumableArray(selectedLines),[lineId])):setSelectedLines(selectedLines.filter((function(currentValue){return currentValue!==lineId})))}(row.id)},isSelected:-1!==selectedLines.indexOf(row.id)},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{src:row.image,alt:"The alt",mdxType:"Image"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.name),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.family),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.order),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.genus),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:row.conservation_status_level,mdxType:"Badge"},row.conservation_status)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0,mdxType:"Button"},"Button")))}))))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)("h2",{id:"clickable-lines"},"Clickable lines"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_21__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_21__.e,{name:"Clickable lines",mdxType:"Story"},(function(args){var _useState8=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_19__.useState)(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a.map((function(row){return Object.assign({},row,{count:0})}))),2),data=_useState8[0],setData=_useState8[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a,{mdxType:"Table"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Header,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Image"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Name"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Family"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Order"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Genus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Conservation status"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Click count"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Actions")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Body,null,data.map((function(row){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,{key:row.id,onClick:function onClick(){return function handleClick(rowId){setData((function(data){return data.map((function(row){return row.id===rowId?Object.assign({},row,{count:row.count+1}):row}))}))}(row.id)}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{src:row.image,alt:"The alt",mdxType:"Image"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.name),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.family),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.order),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.genus),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:row.conservation_status_level,mdxType:"Badge"},row.conservation_status)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.count),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0,mdxType:"Button"},"Button")))}))))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)("h2",{id:"table-with-actions"},"Table with actions"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_21__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_21__.e,{name:"Table with actions",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a,{mdxType:"Table"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Header,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Name"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Actions")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Body,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"A value without actions"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"A value with a button action"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0,mdxType:"Button"},"A button action"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"A value with 2 buttons action"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0,mdxType:"Button"},"A button action"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"secondary",ghost:!0,mdxType:"Button"},"A button action"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"A value with an icon button action"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_26__.a,{level:"primary",ghost:!0,icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_icons__WEBPACK_IMPORTED_MODULE_27__.a,{mdxType:"DeleteIcon"}),mdxType:"IconButton"},"A button action")))))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)("h2",{id:"complex-table"},"Complex table"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_21__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_21__.e,{name:"Complex table",mdxType:"Story"},(function(args){var _useState10=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_19__.useState)([2,3]),2),selectedLines=_useState10[0],setSelectedLines=_useState10[1],_useState12=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_19__.useState)(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a.map((function(row){return Object.assign({},row,{count:0})}))),2),data=_useState12[0],setData=_useState12[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a,{isSelectable:!0,displayCheckbox:selectedLines.length>0,mdxType:"Table"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Header,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Image"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Name"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Family"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Order"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Genus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Conservation status"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Click count"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Actions")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Body,null,data.map((function(row){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,{key:row.id,onClick:function onClick(){return function handleClick(rowId){setData((function(data){return data.map((function(row){return row.id===rowId?Object.assign({},row,{count:row.count+1}):row}))}))}(row.id)},onSelectToggle:function onSelectToggle(){return function handleToggleSelected(lineId){-1===selectedLines.indexOf(lineId)?setSelectedLines([].concat(_toConsumableArray(selectedLines),[lineId])):setSelectedLines(selectedLines.filter((function(currentValue){return currentValue!==lineId})))}(row.id)},isSelected:-1!==selectedLines.indexOf(row.id)&&(3!=row.id||"mixed")},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{src:row.image,alt:"The alt",mdxType:"Image"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.name),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.family),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.order),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.genus),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:row.conservation_status_level,mdxType:"Badge"},row.conservation_status)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.count),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",onClick:function onClick(){},ghost:!0,mdxType:"Button"},"Button")))}))))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)("h2",{id:"table-with-sticky-header"},"Table with sticky header"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)("p",null,"If you want your ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)("inlineCode",{parentName:"p"},"Table.Header")," to stay on top when scrolling in the Table, just set the desired ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)("inlineCode",{parentName:"p"},"top")," position value in the ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)("inlineCode",{parentName:"p"},"sticky")," prop."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_21__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_21__.e,{name:"Sticky header",mdxType:"Story"},(function(args){var manyRows=[].concat(_toConsumableArray(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a),_toConsumableArray(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a),_toConsumableArray(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a),_toConsumableArray(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a),_toConsumableArray(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a),_toConsumableArray(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a));return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_29__.h,{height:250,mdxType:"Scrollable"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a,{mdxType:"Table"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Header,{sticky:0},args.displayImage&&Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Image"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Name"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Family"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Order"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Genus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Conservation status"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Actions")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Body,null,manyRows.map((function(row,index){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,{key:""+row.id+index},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{src:row.image,alt:"The alt",mdxType:"Image"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.name," ",index),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.family),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.order),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.genus),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:row.conservation_status_level,mdxType:"Badge"},row.conservation_status)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0,mdxType:"Button"},"Button")))})))))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)("h2",{id:"table-with-warning-and-locked-rows"},"Table with warning and locked rows"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_21__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_21__.e,{name:"Warning and locked rows",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_29__.h,{height:250,mdxType:"Scrollable"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a,{hasWarningRows:!0,hasLockedRows:!0,mdxType:"Table"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Header,{sticky:0},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Name"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Family"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Order"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Genus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Conservation status"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Actions")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Body,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,{level:"tertiary"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,{rowTitle:args.displayRowTitle},"Giant panda"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ursidae"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Carnivora"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ursus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:"warning",mdxType:"Badge"},"vu")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0,mdxType:"Button"},"Button"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,{level:"warning"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,{rowTitle:args.displayRowTitle},"Giant panda"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ursidae"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Carnivora"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ursus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:"warning",mdxType:"Badge"},"vu")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0,mdxType:"Button"},"Button"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,{rowTitle:args.displayRowTitle},"Red panda"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ailuridae"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Carnivora"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ailurus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:"warning",mdxType:"Badge"},"vu")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0,mdxType:"Button"},"Button"))))))}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)("h2",{id:"table-with-multiple-actions"},"Table with multiple actions"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_21__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_21__.e,{name:"Multiple actions",mdxType:"Story"},(function(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_29__.h,{height:250,mdxType:"Scrollable"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a,{hasWarningRows:!0,mdxType:"Table"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Header,{sticky:0},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Name"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Family"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Order"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Genus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Conservation status"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Actions")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Body,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,{level:"warning"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,{rowTitle:args.displayRowTitle},"Giant panda"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ursidae"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Carnivora"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ursus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:"warning",mdxType:"Badge"},"vu")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0,mdxType:"Button"},"View"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"danger",ghost:!0,mdxType:"Button"},"Delete"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,{rowTitle:args.displayRowTitle},"Red panda"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ailuridae"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Carnivora"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ailurus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:"warning",mdxType:"Badge"},"vu")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0,mdxType:"Button"},"View"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"danger",ghost:!0,mdxType:"Button"},"Delete"))))))}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var standard=function standard(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Header,null,args.displayImage&&Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Image"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Name"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Family"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Order"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Genus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Conservation status"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Actions")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Body,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,null,args.displayImage&&Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{src:"https://picsum.photos/seed/akeneo/200/140",alt:"The alt"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,{rowTitle:args.displayRowTitle},"Giant panda"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ursidae"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Carnivora"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ursus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:"warning"},"vu")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0},"Button")))))};standard.displayName="standard",standard.storyName="Standard",standard.parameters={storySource:{source:'args => \n \n {args.displayImage && Image}\n Name\n Family\n Order\n Genus\n Conservation status\n Actions\n \n \n \n {args.displayImage && \n \n }\n Giant panda\n Ursidae\n Carnivora\n Ursus\n \n vu\n \n \n \n \n \n \n
'}};var sortableHeader=function sortableHeader(args){var _useState14=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_19__.useState)({columnName:null,sortDirection:null}),2),sortedColumn=_useState14[0],setSortedColumn=_useState14[1],computeDirection=function computeDirection(columnName){return columnName!==sortedColumn.columnName?"none":sortedColumn.sortDirection},handleDirectionChange=function handleDirectionChange(columnName){return function(sortDirection){setSortedColumn({columnName:columnName,sortDirection:sortDirection})}},sortedRows=Object(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.b)(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a,sortedColumn.columnName,sortedColumn.sortDirection);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Header,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Image"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,{isSortable:!0,onDirectionChange:handleDirectionChange("name"),sortDirection:computeDirection("name")},"Name"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,{isSortable:!0,onDirectionChange:handleDirectionChange("family"),sortDirection:computeDirection("family")},"Family"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Order"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Genus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Conservation status"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Actions")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Body,null,sortedRows.map((function(row){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,{key:row.name},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{src:row.image,alt:"The alt"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.name),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.family),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.order),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.genus),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:row.conservation_status_level},row.conservation_status)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",onClick:function onClick(){},ghost:!0},"Button")))}))))};sortableHeader.displayName="sortableHeader",sortableHeader.storyName="Sortable header",sortableHeader.parameters={storySource:{source:"args => {\n const [sortedColumn, setSortedColumn] = useState({\n columnName: null,\n sortDirection: null\n });\n const computeDirection = columnName => {\n if (columnName !== sortedColumn.columnName) {\n return 'none';\n }\n return sortedColumn.sortDirection;\n };\n const handleDirectionChange = columnName => sortDirection => {\n setSortedColumn({\n columnName: columnName,\n sortDirection: sortDirection\n });\n };\n const sortedRows = sortRows(rows, sortedColumn.columnName, sortedColumn.sortDirection);\n return \n \n Image\n \n Name\n \n \n Family\n \n Order\n Genus\n Conservation status\n Actions\n \n \n {sortedRows.map(row => \n \n \n \n {row.name}\n {row.family}\n {row.order}\n {row.genus}\n \n {row.conservation_status}\n \n \n \n \n )}\n \n
;\n}"}};var draggableRows=function draggableRows(){var manyRows=[].concat(_toConsumableArray(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a),_toConsumableArray(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a),_toConsumableArray(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a),_toConsumableArray(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a),_toConsumableArray(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a),_toConsumableArray(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a)),_useState16=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_19__.useState)(manyRows),2),orderedRows=_useState16[0],setOrderedRow=_useState16[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_29__.h,{height:500},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a,{isDragAndDroppable:!0,onReorder:function onReorder(newIndices){setOrderedRow((function(rows){return newIndices.map((function(index){return rows[index]}))}))}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Header,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Image"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Name"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Family"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Order"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Genus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Conservation status"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Actions")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Body,null,orderedRows.map((function(row,index){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,{key:""+row.id+index},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{src:row.image,alt:"The alt"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.name," ",index),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.family),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.order),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.genus),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:row.conservation_status_level},row.conservation_status)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",onClick:function onClick(){},ghost:!0},"Button")))})))))};draggableRows.displayName="draggableRows",draggableRows.storyName="Draggable rows",draggableRows.parameters={storySource:{source:'() => {\n const manyRows = [...rows, ...rows, ...rows, ...rows, ...rows, ...rows];\n const [orderedRows, setOrderedRow] = useState(manyRows);\n return \n {\n setOrderedRow(rows => newIndices.map(index => rows[index]));\n }}>\n \n Image\n Name\n Family\n Order\n Genus\n Conservation status\n Actions\n \n \n {orderedRows.map((row, index) => \n \n \n \n \n {row.name} {index}\n \n {row.family}\n {row.order}\n {row.genus}\n \n {row.conservation_status}\n \n \n \n \n )}\n \n
\n ;\n}'}};var selectableLines=function selectableLines(args){var _useState18=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_19__.useState)([]),2),selectedLines=_useState18[0],setSelectedLines=_useState18[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a,{isSelectable:!0,displayCheckbox:selectedLines.length>0},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Header,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Image"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Name"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Family"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Order"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Genus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Conservation status"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Actions")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Body,null,_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a.map((function(row){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,{key:row.id,onSelectToggle:function onSelectToggle(){return function handleToggleSelected(lineId){-1===selectedLines.indexOf(lineId)?setSelectedLines([].concat(_toConsumableArray(selectedLines),[lineId])):setSelectedLines(selectedLines.filter((function(currentValue){return currentValue!==lineId})))}(row.id)},isSelected:-1!==selectedLines.indexOf(row.id)},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{src:row.image,alt:"The alt"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.name),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.family),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.order),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.genus),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:row.conservation_status_level},row.conservation_status)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0},"Button")))}))))};selectableLines.displayName="selectableLines",selectableLines.storyName="Selectable lines",selectableLines.parameters={storySource:{source:'args => {\n const [selectedLines, setSelectedLines] = useState([]);\n const handleToggleSelected = lineId => {\n if (selectedLines.indexOf(lineId) === -1) {\n setSelectedLines([...selectedLines, lineId]);\n } else {\n setSelectedLines(selectedLines.filter(currentValue => currentValue !== lineId));\n }\n };\n return 0}>\n \n Image\n Name\n Family\n Order\n Genus\n Conservation status\n Actions\n \n \n {rows.map(row => handleToggleSelected(row.id)} isSelected={selectedLines.indexOf(row.id) !== -1}>\n \n \n \n {row.name}\n {row.family}\n {row.order}\n {row.genus}\n \n {row.conservation_status}\n \n \n \n \n )}\n \n
;\n}'}};var clickableLines=function clickableLines(args){var _useState20=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_19__.useState)(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a.map((function(row){return Object.assign({},row,{count:0})}))),2),data=_useState20[0],setData=_useState20[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Header,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Image"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Name"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Family"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Order"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Genus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Conservation status"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Click count"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Actions")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Body,null,data.map((function(row){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,{key:row.id,onClick:function onClick(){return function handleClick(rowId){setData((function(data){return data.map((function(row){return row.id===rowId?Object.assign({},row,{count:row.count+1}):row}))}))}(row.id)}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{src:row.image,alt:"The alt"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.name),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.family),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.order),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.genus),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:row.conservation_status_level},row.conservation_status)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.count),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0},"Button")))}))))};clickableLines.displayName="clickableLines",clickableLines.storyName="Clickable lines",clickableLines.parameters={storySource:{source:'args => {\n const [data, setData] = useState(rows.map(row => {\n return {\n ...row,\n count: 0\n };\n }));\n const handleClick = rowId => {\n setData(data => {\n return data.map(row => {\n return row.id === rowId ? {\n ...row,\n count: row.count + 1\n } : row;\n });\n });\n };\n return \n \n Image\n Name\n Family\n Order\n Genus\n Conservation status\n Click count\n Actions\n \n \n {data.map(row => handleClick(row.id)}>\n \n \n \n {row.name}\n {row.family}\n {row.order}\n {row.genus}\n \n {row.conservation_status}\n \n {row.count}\n \n \n \n )}\n \n
;\n}'}};var tableWithActions=function tableWithActions(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Header,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Name"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Actions")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Body,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"A value without actions"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"A value with a button action"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0},"A button action"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"A value with 2 buttons action"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0},"A button action"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"secondary",ghost:!0},"A button action"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"A value with an icon button action"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_26__.a,{level:"primary",ghost:!0,icon:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_icons__WEBPACK_IMPORTED_MODULE_27__.a,null)},"A button action")))))};tableWithActions.displayName="tableWithActions",tableWithActions.storyName="Table with actions",tableWithActions.parameters={storySource:{source:'args => {\n return \n \n Name\n Actions\n \n \n \n A value without actions\n \n \n \n A value with a button action\n \n \n \n \n \n A value with 2 buttons action\n \n \n \n \n \n \n A value with an icon button action\n \n }>\n A button action\n \n \n \n \n
;\n}'}};var complexTable=function complexTable(args){var _useState22=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_19__.useState)([2,3]),2),selectedLines=_useState22[0],setSelectedLines=_useState22[1],_useState24=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_19__.useState)(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a.map((function(row){return Object.assign({},row,{count:0})}))),2),data=_useState24[0],setData=_useState24[1];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a,{isSelectable:!0,displayCheckbox:selectedLines.length>0},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Header,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Image"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Name"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Family"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Order"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Genus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Conservation status"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Click count"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Actions")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Body,null,data.map((function(row){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,{key:row.id,onClick:function onClick(){return function handleClick(rowId){setData((function(data){return data.map((function(row){return row.id===rowId?Object.assign({},row,{count:row.count+1}):row}))}))}(row.id)},onSelectToggle:function onSelectToggle(){return function handleToggleSelected(lineId){-1===selectedLines.indexOf(lineId)?setSelectedLines([].concat(_toConsumableArray(selectedLines),[lineId])):setSelectedLines(selectedLines.filter((function(currentValue){return currentValue!==lineId})))}(row.id)},isSelected:-1!==selectedLines.indexOf(row.id)&&(3!=row.id||"mixed")},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{src:row.image,alt:"The alt"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.name),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.family),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.order),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.genus),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:row.conservation_status_level},row.conservation_status)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.count),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",onClick:function onClick(){},ghost:!0},"Button")))}))))};complexTable.displayName="complexTable",complexTable.storyName="Complex table",complexTable.parameters={storySource:{source:'args => {\n const [selectedLines, setSelectedLines] = useState([2, 3]);\n const handleToggleSelected = lineId => {\n if (selectedLines.indexOf(lineId) === -1) {\n setSelectedLines([...selectedLines, lineId]);\n } else {\n setSelectedLines(selectedLines.filter(currentValue => currentValue !== lineId));\n }\n };\n const [data, setData] = useState(rows.map(row => {\n return {\n ...row,\n count: 0\n };\n }));\n const handleClick = rowId => {\n setData(data => data.map(row => row.id === rowId ? {\n ...row,\n count: row.count + 1\n } : row));\n };\n return 0}>\n \n Image\n Name\n Family\n Order\n Genus\n Conservation status\n Click count\n Actions\n \n \n {data.map(row => handleClick(row.id)} onSelectToggle={() => handleToggleSelected(row.id)} isSelected={selectedLines.indexOf(row.id) !== -1 ? row.id == 3 ? \'mixed\' : true : false}>\n \n \n \n {row.name}\n {row.family}\n {row.order}\n {row.genus}\n \n {row.conservation_status}\n \n {row.count}\n \n \n \n )}\n \n
;\n}'}};var stickyHeader=function stickyHeader(args){var manyRows=[].concat(_toConsumableArray(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a),_toConsumableArray(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a),_toConsumableArray(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a),_toConsumableArray(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a),_toConsumableArray(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a),_toConsumableArray(_shared_stories_data__WEBPACK_IMPORTED_MODULE_28__.a));return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_29__.h,{height:250},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Header,{sticky:0},args.displayImage&&Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Image"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Name"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Family"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Order"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Genus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Conservation status"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Actions")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Body,null,manyRows.map((function(row,index){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,{key:""+row.id+index},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_23__.a,{src:row.image,alt:"The alt"})),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.name," ",index),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.family),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.order),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,row.genus),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:row.conservation_status_level},row.conservation_status)),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0},"Button")))})))))};stickyHeader.displayName="stickyHeader",stickyHeader.storyName="Sticky header",stickyHeader.parameters={storySource:{source:'args => {\n const manyRows = [...rows, ...rows, ...rows, ...rows, ...rows, ...rows];\n return \n \n \n {args.displayImage && Image}\n Name\n Family\n Order\n Genus\n Conservation status\n Actions\n \n \n {manyRows.map((row, index) => \n \n \n \n \n {row.name} {index}\n \n {row.family}\n {row.order}\n {row.genus}\n \n {row.conservation_status}\n \n \n \n \n )}\n \n
\n ;\n}'}};var warningAndLockedRows=function warningAndLockedRows(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_29__.h,{height:250},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a,{hasWarningRows:!0,hasLockedRows:!0},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Header,{sticky:0},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Name"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Family"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Order"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Genus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Conservation status"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Actions")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Body,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,{level:"tertiary"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,{rowTitle:args.displayRowTitle},"Giant panda"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ursidae"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Carnivora"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ursus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:"warning"},"vu")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0},"Button"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,{level:"warning"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,{rowTitle:args.displayRowTitle},"Giant panda"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ursidae"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Carnivora"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ursus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:"warning"},"vu")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0},"Button"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,{rowTitle:args.displayRowTitle},"Red panda"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ailuridae"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Carnivora"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ailurus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:"warning"},"vu")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0},"Button"))))))};warningAndLockedRows.displayName="warningAndLockedRows",warningAndLockedRows.storyName="Warning and locked rows",warningAndLockedRows.parameters={storySource:{source:'args => {\n return \n \n \n Name\n Family\n Order\n Genus\n Conservation status\n Actions\n \n \n \n Giant panda\n Ursidae\n Carnivora\n Ursus\n \n vu\n \n \n \n \n \n \n Giant panda\n Ursidae\n Carnivora\n Ursus\n \n vu\n \n \n \n \n \n \n Red panda\n Ailuridae\n Carnivora\n Ailurus\n \n vu\n \n \n \n \n \n \n
\n ;\n}'}};var multipleActions=function multipleActions(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_29__.h,{height:250},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a,{hasWarningRows:!0},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Header,{sticky:0},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Name"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Family"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Order"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Genus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Conservation status"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,null,"Actions")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Body,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,{level:"warning"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,{rowTitle:args.displayRowTitle},"Giant panda"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ursidae"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Carnivora"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ursus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:"warning"},"vu")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0},"View"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"danger",ghost:!0},"Delete"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,{rowTitle:args.displayRowTitle},"Red panda"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ailuridae"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Carnivora"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,"Ailurus"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_24__.a,{level:"warning"},"vu")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"primary",ghost:!0},"View"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_components__WEBPACK_IMPORTED_MODULE_25__.a,{level:"danger",ghost:!0},"Delete"))))))};multipleActions.displayName="multipleActions",multipleActions.storyName="Multiple actions",multipleActions.parameters={storySource:{source:'args => {\n return \n \n \n Name\n Family\n Order\n Genus\n Conservation status\n Actions\n \n \n \n Giant panda\n Ursidae\n Carnivora\n Ursus\n \n vu\n \n \n \n \n \n \n \n Red panda\n Ailuridae\n Carnivora\n Ailurus\n \n vu\n \n \n \n \n \n \n \n
\n ;\n}'}};var componentMeta={title:"Components/Table",component:_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a,subcomponents:{Table:_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a,"Table.Header":_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Header,"Table.HeaderCell":_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.HeaderCell,"Table.Body":_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Body,"Table.Row":_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Row,"Table.Cell":_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.Cell,"Table.ActionCell":_Table_tsx__WEBPACK_IMPORTED_MODULE_22__.a.ActionCell},args:{displayRowTitle:!1,displayImage:!0},argTypes:{displayImage:{control:{type:"boolean"},description:'Show or hide the "Image" column'},displayRowTitle:{control:{type:"boolean"},description:'Define the "Name" column as row title'},isSelectable:{table:{disable:!0}},displayCheckbox:{table:{disable:!0}},children:{table:{disable:!0}}},includeStories:["standard","sortableHeader","draggableRows","selectableLines","clickableLines","tableWithActions","complexTable","stickyHeader","warningAndLockedRows","multipleActions"]},mdxStoryNameToKey={Standard:"standard","Sortable header":"sortableHeader","Draggable rows":"draggableRows","Selectable lines":"selectableLines","Clickable lines":"clickableLines","Table with actions":"tableWithActions","Complex table":"complexTable","Sticky header":"stickyHeader","Warning and locked rows":"warningAndLockedRows","Multiple actions":"multipleActions"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_21__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_20__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Table/Table.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Table_Table}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),styled_components_browser_esm=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),theme=(__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./src/theme/theme.ts")),Image=__webpack_require__("./src/components/Image/Image.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children","rowTitle"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var TableCellContainer=styled_components_browser_esm.default.td(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n color: ",";\n border-bottom: 1px solid ",";\n padding: 15px 10px;\n max-width: 15vw;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n min-width: 0;\n\n ","\n"])),Object(theme.a)("grey",140),Object(theme.a)("grey",60),(function(props){return props.rowTitle&&Object(styled_components_browser_esm.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n color: ",";\n font-style: italic;\n "])),Object(theme.a)("brand",100))})),TableCellInnerContainer=styled_components_browser_esm.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n min-height: 24px;\n"]))),TableCell=react_default.a.forwardRef((function(_ref,forwardedRef){var children=_ref.children,_ref$rowTitle=_ref.rowTitle,rowTitle=void 0!==_ref$rowTitle&&_ref$rowTitle,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r void)"}},sortDirection:{defaultValue:null,description:"Define the sort direction.",name:"sortDirection",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"ascending"'},{value:'"descending"'}]}},children:{defaultValue:null,description:"Content of the header cell.",name:"children",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Table/TableHeaderCell/TableHeaderCell.tsx#TableHeaderCell"]={docgenInfo:TableHeaderCell.__docgenInfo,name:"TableHeaderCell",path:"src/components/Table/TableHeaderCell/TableHeaderCell.tsx#TableHeaderCell"})}catch(__react_docgen_typescript_loader_error){}var TableActionCell_templateObject,TableActionCell_templateObject2,Button=__webpack_require__("./src/components/Button/Button.tsx"),IconButton=__webpack_require__("./src/components/IconButton/IconButton.tsx"),TableActionCell_excluded=["children"];function TableActionCell_taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var TableActionCellContainer=styled_components_browser_esm.default.td(TableActionCell_templateObject||(TableActionCell_templateObject=TableActionCell_taggedTemplateLiteralLoose(["\n color: ",";\n border-bottom: 1px solid ",";\n padding: 0 10px;\n width: 50px;\n"])),Object(theme.a)("grey",140),Object(theme.a)("grey",60)),InnerTableActionCellContainer=styled_components_browser_esm.default.div(TableActionCell_templateObject2||(TableActionCell_templateObject2=TableActionCell_taggedTemplateLiteralLoose(["\n opacity: 0;\n display: flex;\n gap: 10px;\n"]))),TableActionCell=react_default.a.forwardRef((function(_ref,forwardedRef){var children=_ref.children,rest=function TableActionCell_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function TableActionCell_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;rr.length)&&(a=r.length);for(var e=0,n=Array(a);e td {\n opacity: 1;\n ","\n }\n\n &:hover > td > div {\n opacity: 1;\n }\n\n ",";\n"])),(function(_ref){return _ref.isSelected&&Object(styled_components_browser_esm.css)(TableRow_templateObject2||(TableRow_templateObject2=TableRow_taggedTemplateLiteralLoose(["\n > td {\n background-color: ",";\n }\n "])),Object(theme.a)("blue",20))}),(function(_ref2){return _ref2.isClickable&&Object(styled_components_browser_esm.css)(TableRow_templateObject3||(TableRow_templateObject3=TableRow_taggedTemplateLiteralLoose(["\n &:hover {\n cursor: pointer;\n }\n "])))}),(function(_ref3){return _ref3.isDragAndDroppable&&Object(styled_components_browser_esm.css)(TableRow_templateObject4||(TableRow_templateObject4=TableRow_taggedTemplateLiteralLoose(["\n & > *:first-child {\n width: 44px;\n }\n "])))}),(function(_ref4){return"top"===_ref4.placeholderPosition&&Object(styled_components_browser_esm.css)(TableRow_templateObject5||(TableRow_templateObject5=TableRow_taggedTemplateLiteralLoose(["\n background: linear-gradient(to bottom, "," 4px, "," 0px);\n "])),Object(theme.a)("blue",40),Object(theme.a)("white"))}),(function(_ref5){return"bottom"===_ref5.placeholderPosition&&Object(styled_components_browser_esm.css)(TableRow_templateObject6||(TableRow_templateObject6=TableRow_taggedTemplateLiteralLoose(["\n background: linear-gradient(to top, "," 4px, "," 0px);\n "])),Object(theme.a)("blue",40),Object(theme.a)("white"))}),(function(_ref6){return _ref6.isClickable&&Object(styled_components_browser_esm.css)(_templateObject7||(_templateObject7=TableRow_taggedTemplateLiteralLoose(["\n background-color: ",";\n "])),Object(theme.a)("grey",20))}),(function(_ref7){var level=_ref7.level;return"warning"===level?Object(styled_components_browser_esm.css)(_templateObject8||(_templateObject8=TableRow_taggedTemplateLiteralLoose(["\n > td {\n :first-child {\n padding: 0 0 0 5px;\n }\n background-color: ",";\n }\n "])),Object(theme.a)("yellow",10)):"tertiary"===level&&Object(styled_components_browser_esm.css)(_templateObject9||(_templateObject9=TableRow_taggedTemplateLiteralLoose(["\n > td {\n background-color: ",";\n color: ",";\n }\n "])),Object(theme.a)("grey",20),Object(theme.a)("grey",120))})),CheckboxContainer=styled_components_browser_esm.default.td(_templateObject10||(_templateObject10=TableRow_taggedTemplateLiteralLoose(["\n background: none !important;\n opacity: ",";\n cursor: auto;\n\n > div {\n justify-content: center;\n }\n"])),(function(_ref8){return _ref8.isVisible?1:0})),HandleCell=Object(styled_components_browser_esm.default)(TableCell)(_templateObject11||(_templateObject11=TableRow_taggedTemplateLiteralLoose(["\n cursor: grab;\n width: 20px;\n\n > div {\n justify-content: center;\n }\n\n :active {\n cursor: grabbing;\n }\n"]))),TableRow_getIcon=function getIcon(level){switch(level){case"warning":return Object(jsx_runtime.jsx)(WarningIcon,{});case"tertiary":return Object(jsx_runtime.jsx)(LockIcon.a,{})}},WarningIcon=Object(styled_components_browser_esm.default)(DangerIcon.a)(_templateObject12||(_templateObject12=TableRow_taggedTemplateLiteralLoose(["\n color: ",";\n"])),Object(theme.a)("yellow",120)),TableRow=Object(react.forwardRef)((function(_ref9,forwardedRef){var _ref9$rowIndex=_ref9.rowIndex,rowIndex=void 0===_ref9$rowIndex?0:_ref9$rowIndex,_ref9$isSelected=_ref9.isSelected,isSelected=void 0!==_ref9$isSelected&&_ref9$isSelected,level=_ref9.level,onSelectToggle=_ref9.onSelectToggle,onClick=_ref9.onClick,draggable=_ref9.draggable,children=_ref9.children,rest=function TableRow_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function TableRow_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r void)"}},isSelected:{defaultValue:{value:"false"},description:"Define if the row is selected, required when table is selectable",name:"isSelected",required:!1,type:{name:'boolean | "mixed"'}},level:{defaultValue:null,description:"Define if the row has a warning",name:"level",required:!1,type:{name:"enum",value:[{value:'"warning"'},{value:'"tertiary"'}]}},onClick:{defaultValue:null,description:"Function called when the user clicks on the row",name:"onClick",required:!1,type:{name:"((event: MouseEvent) => void)"}},rowIndex:{defaultValue:{value:"0"},description:"@private",name:"rowIndex",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Table/TableRow/TableRow.tsx#TableRow"]={docgenInfo:TableRow.__docgenInfo,name:"TableRow",path:"src/components/Table/TableRow/TableRow.tsx#TableRow"})}catch(__react_docgen_typescript_loader_error){}var useDrop=__webpack_require__("./src/hooks/useDrop.ts"),TableBody_excluded=["children"];function TableBody_slicedToArray(r,e){return function TableBody_arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function TableBody_iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function TableBody_unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return TableBody_arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?TableBody_arrayLikeToArray(r,a):void 0}}(r,e)||function TableBody_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 TableBody_arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e void) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Table/Table.tsx#Table.Header"]={docgenInfo:Table_Table.Header.__docgenInfo,name:"Table.Header",path:"src/components/Table/Table.tsx#Table.Header"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Table/shared-stories-data.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return rows})),__webpack_require__.d(__webpack_exports__,"b",(function(){return sortRows}));__webpack_require__("./node_modules/core-js/modules/es.array.sort.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js");function _toConsumableArray(r){return function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r)}(r)||function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(r)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r)||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(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e {\n return \n Red\n Blue\n Dark Blue\n Purple\n Dark Purple\n Green\n Forest Green\n Olive Green\n Dark Cyan\n Hot Pink\n Coral Red\n Chocolate\n Yellow\n Very very very very looooonnnnnng teeeexxt\n ;\n}"}};var componentMeta={title:"Components/Tags",component:_Tags_tsx__WEBPACK_IMPORTED_MODULE_8__.b,args:{},argTypes:{},includeStories:["standard"]},mdxStoryNameToKey={Standard:"standard"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Tags/Tags.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"b",(function(){return Tags})),__webpack_require__.d(__webpack_exports__,"a",(function(){return Tag}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,react__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_8__),styled_components__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_theme_theme__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/theme/theme.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["children"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var convertTintToColorCode=function convertTintToColorCode(str){return str.replace(/_([a-z])/g,(function(g){return g[1].toUpperCase()}))},Tag=styled_components__WEBPACK_IMPORTED_MODULE_9__.default.li(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n border: 1px solid;\n border-color: ",";\n color: ",";\n background-color: ",";\n height: 16px;\n line-height: 16px;\n padding: 0 6px;\n display: inline-block;\n border-radius: 2px;\n font-size: ",";\n text-transform: uppercase;\n overflow: hidden;\n max-width: 200px;\n white-space: nowrap;\n text-overflow: ellipsis;\n"])),(function(_ref){var tint=_ref.tint;return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.b)(convertTintToColorCode(tint),100)}),(function(_ref2){var tint=_ref2.tint;return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.b)(convertTintToColorCode(tint),120)}),(function(_ref3){var tint=_ref3.tint;return Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.b)(convertTintToColorCode(tint),10)}),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_10__.e)("small")),TagsContainer=styled_components__WEBPACK_IMPORTED_MODULE_9__.default.ul(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n padding-inline-start: 0;\n margin-block-end: 0;\n margin-block-start: 0;\n list-style-type: none;\n gap: 10px;\n"]))),Tags=react__WEBPACK_IMPORTED_MODULE_8___default.a.forwardRef((function(_ref4,forwardedRef){var children=_ref4.children,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r void) | RefObject | null"}},tint:{defaultValue:null,description:"",name:"tint",required:!0,type:{name:"enum",value:[{value:'"blue"'},{value:'"green"'},{value:'"dark_blue"'},{value:'"purple"'},{value:'"dark_purple"'},{value:'"yellow"'},{value:'"red"'},{value:'"dark_cyan"'},{value:'"forest_green"'},{value:'"olive_green"'},{value:'"hot_pink"'},{value:'"coral_red"'},{value:'"orange"'},{value:'"chocolate"'}]}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Tags/Tags.tsx#Tag"]={docgenInfo:Tag.__docgenInfo,name:"Tag",path:"src/components/Tags/Tags.tsx#Tag"})}catch(__react_docgen_typescript_loader_error){}try{TagTint.displayName="TagTint",TagTint.__docgenInfo={description:"The colors defined in this file are the alternative ones\nYou will find the hex colors on this page:\nhttps://www.notion.so/akeneo/Alternative-colors-0f5283c1b02f4fd4a418f1e20f2efa99\nThose colors will most likely only be used with the tags components",displayName:"TagTint",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Tags/Tags.tsx#TagTint"]={docgenInfo:TagTint.__docgenInfo,name:"TagTint",path:"src/components/Tags/Tags.tsx#TagTint"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/Tiles/Tiles.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return Tiles_stories_standard})),__webpack_require__.d(__webpack_exports__,"size",(function(){return Tiles_stories_size}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,_templateObject13,_templateObject14,_templateObject15,_templateObject16,_templateObject17,_templateObject18,react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),styled_components_browser_esm=(__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js")),theme=__webpack_require__("./src/theme/theme.ts"),key=__webpack_require__("./src/shared/key.ts"),Tooltip=__webpack_require__("./src/components/Tooltip/Tooltip.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["icon","selected","size","inline","onClick","children","disabled"],_excluded2=["size","inline","children"];function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r>"}},size:{defaultValue:{value:"small"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"big"'},{value:'"small"'}]}},inline:{defaultValue:{value:"false"},description:"",name:"inline",required:!1,type:{name:"boolean"}},selected:{defaultValue:{value:"false"},description:"",name:"selected",required:!1,type:{name:"boolean"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"(() => void)"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Tiles/Tiles.tsx#Tile"]={docgenInfo:Tiles_Tile.__docgenInfo,name:"Tile",path:"src/components/Tiles/Tiles.tsx#Tile"})}catch(__react_docgen_typescript_loader_error){}var AssetCollectionIcon=__webpack_require__("./src/icons/AssetCollectionIcon.tsx"),DateIcon=__webpack_require__("./src/icons/DateIcon.tsx"),FileIcon=__webpack_require__("./src/icons/FileIcon.tsx"),IdIcon=__webpack_require__("./src/icons/IdIcon.tsx"),AssetsIcon=__webpack_require__("./src/icons/AssetsIcon.tsx"),MetricIcon=__webpack_require__("./src/icons/MetricIcon.tsx"),AttributeTextIcon=__webpack_require__("./src/icons/AttributeTextIcon.tsx"),AttributeNumberIcon=__webpack_require__("./src/icons/AttributeNumberIcon.tsx"),useTabBar=__webpack_require__("./src/hooks/useTabBar.ts"),Tiles_stories_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;er.length)&&(a=r.length);for(var e=0,n=Array(a);e {\n const [isCurrent, switchTo] = useTabBar('Identifier');\n return \n } selected={isCurrent('Assets collection')} onClick={() => {\n switchTo('Assets collection');\n }}>\n Assets collection\n \n } selected={isCurrent('Date')} onClick={() => {\n switchTo('Date');\n }}>\n Date\n \n } selected={isCurrent('File')} onClick={() => {\n switchTo('File');\n }}>\n File\n \n } selected={isCurrent('Identifier')} onClick={() => {\n switchTo('Identifier');\n }}>\n Identifier\n \n } selected={isCurrent('Image')} onClick={() => {\n switchTo('Image');\n }}>\n Image\n \n } selected={isCurrent('Measurement')} onClick={() => {\n switchTo('Measurement');\n }}>\n Measurement\n \n } selected={isCurrent('Text')} onClick={() => {\n switchTo('Text');\n }}>\n Text\n \n This is a text\n \n \n } selected={isCurrent('Number')} onClick={() => {\n switchTo('Number');\n }} disabled>\n Number\n \n This is a disabled number\n \n \n ;\n}"}};var Tiles_stories_size=function size(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Tiles,{size:"small"},Object(esm.b)(Tiles_Tile,{icon:Object(esm.b)(AssetCollectionIcon.a,null)},"Small Assets collection"),Object(esm.b)(Tiles_Tile,{icon:Object(esm.b)(DateIcon.a,null)},"Small Date")),Object(esm.b)(Tiles,{size:"big"},Object(esm.b)(Tiles_Tile,{icon:Object(esm.b)(AssetCollectionIcon.a,null)},"Big Assets collection"),Object(esm.b)(Tiles_Tile,{icon:Object(esm.b)(DateIcon.a,null)},"Big Date")),Object(esm.b)(Tiles,{size:"small",inline:!0},Object(esm.b)(Tiles_Tile,null,"Big Assets collection",Object(esm.b)(Tooltip.a,{direction:"bottom"},"Big Assets collection")),Object(esm.b)(Tiles_Tile,null,"Big Date",Object(esm.b)(Tooltip.a,{direction:"bottom"},"Big Date"))),Object(esm.b)(Tiles,{size:"big",inline:!0},Object(esm.b)(Tiles_Tile,null,"Big Assets collection",Object(esm.b)(Tooltip.a,{direction:"bottom"},"Big Assets collection")),Object(esm.b)(Tiles_Tile,null,"Big Date",Object(esm.b)(Tooltip.a,{direction:"bottom"},"Big Date"))))};Tiles_stories_size.storyName="Size",Tiles_stories_size.parameters={storySource:{source:"args => {\n return <>\n \n }>\n Small Assets collection\n \n }>\n Small Date\n \n \n \n }>\n Big Assets collection\n \n }>\n Big Date\n \n \n \n \n Big Assets collection\n Big Assets collection\n \n \n Big Date\n Big Date\n \n \n \n \n Big Assets collection\n Big Assets collection\n \n \n Big Date\n Big Date\n \n \n ;\n}"}};var componentMeta={title:"Components/Tiles",component:Tiles,args:{size:"small",disabled:!1},argTypes:{size:{control:{type:"select"},options:["small","big"]},disabled:{control:{type:"boolean"}}},includeStories:["standard","size"]},mdxStoryNameToKey={Standard:"standard",Size:"size"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/components/Toolbar/Toolbar.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_Toolbar__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/components/Toolbar/Toolbar.tsx"),_components__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/components/Checkbox/Checkbox.tsx"),_components__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/components/Button/Button.tsx"),_storybook__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/storybook/hooks/useSelection.ts"),_storybook__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/storybook/PreviewGallery.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e {\n const selection = useSelection();\n return \n \n \n \n \n \n {selection.checked ? \'All selected\' : \'Not selected\'}\n \n \n \n \n \n \n ;\n}'}};var componentMeta={title:"Components/Toolbar",component:_Toolbar__WEBPACK_IMPORTED_MODULE_8__.a,includeStories:["standard"]},mdxStoryNameToKey={Standard:"standard"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Toolbar/Toolbar.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Toolbar}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,styled_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_theme_theme__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/theme/theme.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["isVisible","children"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var ToolbarContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 15px;\n padding: 0 15px;\n background-color: ",";\n align-items: center;\n border-top: 1px solid ",";\n flex-basis: ",";\n min-height: ",";\n transition: flex-basis 0.3s ease-in-out, min-height 0.3s ease-in-out, border 0.3s ease-in-out;\n overflow: ",";\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("white"),(function(_ref){return _ref.isVisible?Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey",80):"transparent"}),(function(_ref2){return _ref2.isVisible?"70px":0}),(function(_ref3){return _ref3.isVisible?"70px":0}),(function(_ref4){return _ref4.isVisible?"visible":"hidden"})),SelectionContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n align-items: center;\n"]))),ActionsContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n align-items: center;\n"]))),LabelContainer=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n white-space: nowrap;\n color: ",";\n text-transform: uppercase;\n font-size: ",";\n align-items: center;\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.a)("grey",120),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_7__.e)("default")),Toolbar=function Toolbar(_ref5){var _ref5$isVisible=_ref5.isVisible,isVisible=void 0===_ref5$isVisible||_ref5$isVisible,children=_ref5.children,rest=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r {\n return Lorem ipsum dolor sit amet, consectetur adipiscing elit.;\n}"}},{layout:"centered"}),standard.decorators=[function(Story){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"200px"}},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(Story,null))}];var withTitle=function withTitle(args){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Tooltip_tsx__WEBPACK_IMPORTED_MODULE_8__.a,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_Tooltip_tsx__WEBPACK_IMPORTED_MODULE_8__.a.Title,null,"My wonderful title"),"The rest of the amazing content")};withTitle.displayName="withTitle",withTitle.storyName="With title",withTitle.parameters={storySource:{source:"args => {\n return \n My wonderful title\n The rest of the amazing content\n ;\n}"}};var componentMeta={title:"Components/Tooltip",component:_Tooltip_tsx__WEBPACK_IMPORTED_MODULE_8__.a,args:{direction:"top",content:"Tooltip content"},includeStories:["standard","withTitle"]},mdxStoryNameToKey={Standard:"standard","With title":"withTitle"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_7__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_6__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/components/Tooltip/Tooltip.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Tooltip}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,react__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/react/index.js"),react_dom__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/react-dom/index.js"),styled_components__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_icons_HelpPlainIcon__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/icons/HelpPlainIcon.tsx"),_theme_theme__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/theme/theme.ts"),_theme_common__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/theme/common.ts"),_hooks_useBooleanState__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/hooks/useBooleanState.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["direction","iconSize","width","children"];function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _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 _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);er.length)&&(a=r.length);for(var e=0,n=Array(a);e0),2),isOpen=_React$useState2[0],setOpen=_React$useState2[1],handleOpen=react_default.a.useCallback((function(){setOpen(!0),onOpen&&onOpen(value)}),[onOpen,value]),handleClose=react_default.a.useCallback((function(){setOpen(!1),onClose&&onClose(value)}),[onClose,value]),handleArrowClick=react_default.a.useCallback((function(){isLeaf||(isOpen?handleClose():handleOpen())}),[isOpen,handleClose,handleOpen,isLeaf]),handleClick=react_default.a.useCallback((function(){onClick?onClick(value):handleArrowClick()}),[handleArrowClick,onClick,value]),handleSelect=react_default.a.useCallback((function(checked,event){onChange&&onChange(value,checked,event)}),[onChange,value]),result=Object(jsx_runtime.jsxs)(TreeContainer,Object.assign({role:"treeitem","aria-expanded":isOpen},rest,{children:[Object(jsx_runtime.jsxs)(TreeLine,{$selected:selected,children:[Object(jsx_runtime.jsx)(ArrowButton,{disabled:isLeaf,role:"button",onClick:handleArrowClick,children:!isLeaf&&Object(jsx_runtime.jsx)(TreeArrowIcon,{$isFolderOpen:isOpen,size:14})}),selectable&&Object(jsx_runtime.jsx)(NodeCheckbox,{checked:selected,onChange:handleSelect,readOnly:readOnly}),Object(jsx_runtime.jsxs)(LabelWithFolder,{onClick:handleClick,$selected:selected,title:label,"aria-selected":Boolean(selected),children:[Object(jsx_runtime.jsx)(Tree_TreeIcon,{isLoading:isLoading,isLeaf:isLeaf,selected:selected}),Object(jsx_runtime.jsx)(Highlight_Highlight,{highlight:highlight,children:label})," ",valueLabel&&Object(jsx_runtime.jsx)(ValueLabel,{children:Object(jsx_runtime.jsx)(Highlight_Highlight,{highlight:highlight,children:valueLabel})})]})]}),isOpen&&!isLeaf&&subTrees.length>0&&Object(jsx_runtime.jsx)(SubTreesContainer,{role:"group",children:subTrees.map((function(subTree){return react_default.a.cloneElement(subTree,{key:JSON.stringify(subTree.props.value),defaultOpen:defaultOpen,_isRoot:!1})}))})]}));return _isRoot?Object(jsx_runtime.jsx)("ul",{role:"tree",children:result}):result};Tree_Tree.displayName="Tree";try{Tree_Tree.displayName="Tree",Tree_Tree.__docgenInfo={description:"",displayName:"Tree",props:{value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"T"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},isLeaf:{defaultValue:{value:"false"},description:"",name:"isLeaf",required:!1,type:{name:"boolean"}},selected:{defaultValue:{value:"false"},description:"",name:"selected",required:!1,type:{name:"boolean"}},isLoading:{defaultValue:{value:"false"},description:"",name:"isLoading",required:!1,type:{name:"boolean"}},selectable:{defaultValue:{value:"false"},description:"",name:"selectable",required:!1,type:{name:"boolean"}},readOnly:{defaultValue:{value:"false"},description:"",name:"readOnly",required:!1,type:{name:"boolean"}},onOpen:{defaultValue:null,description:"",name:"onOpen",required:!1,type:{name:"((value: T) => void)"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!1,type:{name:"((value: T) => void)"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((value: T, checked: boolean, event: SyntheticEvent) => void)"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"((value: T) => void)"}},defaultOpen:{defaultValue:{value:"false"},description:"",name:"defaultOpen",required:!1,type:{name:"boolean"}},_isRoot:{defaultValue:{value:"true"},description:"",name:"_isRoot",required:!1,type:{name:"boolean"}},valueLabel:{defaultValue:null,description:"",name:"valueLabel",required:!1,type:{name:"string"}},highlight:{defaultValue:{value:""},description:"",name:"highlight",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/Tree/Tree.tsx#Tree"]={docgenInfo:Tree_Tree.__docgenInfo,name:"Tree",path:"src/components/Tree/Tree.tsx#Tree"})}catch(__react_docgen_typescript_loader_error){}var Tree_stories_excluded=["components"];function Tree_stories_slicedToArray(r,e){return function Tree_stories_arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function Tree_stories_iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function Tree_stories_unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return Tree_stories_arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?Tree_stories_arrayLikeToArray(r,a):void 0}}(r,e)||function Tree_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 Tree_stories_arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e {...}/>")," for example."),Object(esm.b)("h2",{id:"playground"},"Playground"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Standard",mdxType:"Story"},(function(args){return Object(esm.b)(Tree_Tree,_extends({value:"master",label:"Master"},args,{mdxType:"Tree"}),Object(esm.b)(Tree_Tree,_extends({value:"tvs",label:"TVs and projectors"},args,{mdxType:"Tree"}),Object(esm.b)(Tree_Tree,_extends({value:"pc_monitors",label:"PC Monitors",isLeaf:!0},args,{mdxType:"Tree"}))),Object(esm.b)(Tree_Tree,_extends({value:"cameras",label:"Cameras"},args,{mdxType:"Tree"})),Object(esm.b)(Tree_Tree,_extends({value:"audio",label:"Audio and Video"},args,{mdxType:"Tree"})))}))),Object(esm.b)(dist_esm.b,{story:"Standard",mdxType:"ArgsTable"}),Object(esm.b)("h2",{id:"variation-on-selected"},"Variation on selected"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Selected",mdxType:"Story"},(function(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Tree_Tree,_extends({},args,{label:"default",selected:!1,mdxType:"Tree"})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"selected",selected:!0,mdxType:"Tree"})))}))),Object(esm.b)("h2",{id:"variation-on-isloading"},"Variation on isLoading"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"IsLoading",mdxType:"Story"},(function(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Tree_Tree,_extends({},args,{label:"default",isLoading:!1,mdxType:"Tree"})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"isLoading",isLoading:!0,mdxType:"Tree"})))}))),Object(esm.b)("h2",{id:"variation-on-isleaf"},"Variation on isLeaf"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"IsLeaf",mdxType:"Story"},(function(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Tree_Tree,_extends({},args,{label:"default",isLeaf:!1,mdxType:"Tree"})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"isLeaf",isLeaf:!0,mdxType:"Tree"})))}))),Object(esm.b)("h2",{id:"variation-on-selectable"},"Variation on selectable"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Selectable",mdxType:"Story"},(function(args){var _React$useState2=Tree_stories_slicedToArray(react_default.a.useState(!1),2),selected=_React$useState2[0],setSelected=_React$useState2[1];return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Tree_Tree,_extends({},args,{label:"default",selectable:!1,mdxType:"Tree"})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"selectable",selectable:!0,selected:selected,onChange:function onChange(_value,checked){return setSelected(checked)},mdxType:"Tree"})))}))),Object(esm.b)("h2",{id:"variation-on-readonly"},"Variation on readOnly"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"ReadOnly",mdxType:"Story"},(function(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Tree_Tree,_extends({},args,{label:"default",selectable:!0,readOnly:!1,mdxType:"Tree"})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"readOnly",selectable:!0,readOnly:!0,mdxType:"Tree"})))}))),Object(esm.b)("h2",{id:"variation-on-indeterminate-checked-when-child-is-selected"},"Variation on indeterminate checked when child is selected"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"IndeterminateChecked",mdxType:"Story"},(function(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Tree_Tree,_extends({},args,{label:"Indeterminate",selectable:!0,mdxType:"Tree"}),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child1",isLeaf:!0,selectable:!0,selected:!0,mdxType:"Tree"})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child2",isLeaf:!0,selectable:!0,mdxType:"Tree"}))),Object(esm.b)(Tree_Tree,_extends({},args,{label:"All Checked",selectable:!0,mdxType:"Tree"}),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child1",isLeaf:!0,selectable:!0,selected:!0,mdxType:"Tree"})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child2",isLeaf:!0,selectable:!0,selected:!0,mdxType:"Tree"}))))}))),Object(esm.b)("h2",{id:"variation-with-open-children-when-present"},"Variation with open children when present"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"defaultOpen",mdxType:"Story"},(function(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Tree_Tree,_extends({},args,{label:"Parent1",defaultOpen:!0,mdxType:"Tree"}),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child1",mdxType:"Tree"}),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child1 Sub1",isLeaf:!0,mdxType:"Tree"})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child1 Sub2",isLeaf:!0,mdxType:"Tree"}))),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child2",isLeaf:!0,mdxType:"Tree"}))),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Parent 2",defaultOpen:!0,mdxType:"Tree"}),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child1",isLeaf:!0,mdxType:"Tree"})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child2",mdxType:"Tree"}),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child2 Sub1",isLeaf:!0,mdxType:"Tree"})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child2 Sub2",isLeaf:!0,mdxType:"Tree"})))))}))),Object(esm.b)("h2",{id:"variation-on-highlight"},"Variation on highlight"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.e,{name:"Highlight",mdxType:"Story"},(function(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Tree_Tree,_extends({},args,{label:"default",mdxType:"Tree"})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"highlighted",highlight:"high",mdxType:"Tree"})))}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var Tree_stories_standard=function standard(args){return Object(esm.b)(Tree_Tree,_extends({value:"master",label:"Master"},args),Object(esm.b)(Tree_Tree,_extends({value:"tvs",label:"TVs and projectors"},args),Object(esm.b)(Tree_Tree,_extends({value:"pc_monitors",label:"PC Monitors",isLeaf:!0},args))),Object(esm.b)(Tree_Tree,_extends({value:"cameras",label:"Cameras"},args)),Object(esm.b)(Tree_Tree,_extends({value:"audio",label:"Audio and Video"},args)))};Tree_stories_standard.displayName="standard",Tree_stories_standard.storyName="Standard",Tree_stories_standard.parameters={storySource:{source:"args => {\n return \n \n \n \n \n \n ;\n}"}};var Tree_stories_selected=function selected(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Tree_Tree,_extends({},args,{label:"default",selected:!1})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"selected",selected:!0})))};Tree_stories_selected.storyName="Selected",Tree_stories_selected.parameters={storySource:{source:"args => {\n return <>\n \n \n ;\n}"}};var Tree_stories_isLoading=function isLoading(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Tree_Tree,_extends({},args,{label:"default",isLoading:!1})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"isLoading",isLoading:!0})))};Tree_stories_isLoading.storyName="IsLoading",Tree_stories_isLoading.parameters={storySource:{source:"args => {\n return <>\n \n \n ;\n}"}};var Tree_stories_isLeaf=function isLeaf(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Tree_Tree,_extends({},args,{label:"default",isLeaf:!1})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"isLeaf",isLeaf:!0})))};Tree_stories_isLeaf.storyName="IsLeaf",Tree_stories_isLeaf.parameters={storySource:{source:"args => {\n return <>\n \n \n ;\n}"}};var Tree_stories_selectable=function selectable(args){var _React$useState4=Tree_stories_slicedToArray(react_default.a.useState(!1),2),selected=_React$useState4[0],setSelected=_React$useState4[1];return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Tree_Tree,_extends({},args,{label:"default",selectable:!1})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"selectable",selectable:!0,selected:selected,onChange:function onChange(_value,checked){return setSelected(checked)}})))};Tree_stories_selectable.storyName="Selectable",Tree_stories_selectable.parameters={storySource:{source:"args => {\n const [selected, setSelected] = React.useState(false);\n return <>\n \n setSelected(checked)} />\n ;\n}"}};var Tree_stories_readOnly=function readOnly(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Tree_Tree,_extends({},args,{label:"default",selectable:!0,readOnly:!1})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"readOnly",selectable:!0,readOnly:!0})))};Tree_stories_readOnly.storyName="ReadOnly",Tree_stories_readOnly.parameters={storySource:{source:"args => {\n return <>\n \n \n ;\n}"}};var Tree_stories_indeterminateChecked=function indeterminateChecked(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Tree_Tree,_extends({},args,{label:"Indeterminate",selectable:!0}),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child1",isLeaf:!0,selectable:!0,selected:!0})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child2",isLeaf:!0,selectable:!0}))),Object(esm.b)(Tree_Tree,_extends({},args,{label:"All Checked",selectable:!0}),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child1",isLeaf:!0,selectable:!0,selected:!0})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child2",isLeaf:!0,selectable:!0,selected:!0}))))};Tree_stories_indeterminateChecked.storyName="IndeterminateChecked",Tree_stories_indeterminateChecked.parameters={storySource:{source:"args => {\n return <>\n \n \n \n \n \n \n \n \n ;\n}"}};var Tree_stories_defaultOpen=function defaultOpen(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Tree_Tree,_extends({},args,{label:"Parent1",defaultOpen:!0}),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child1"}),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child1 Sub1",isLeaf:!0})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child1 Sub2",isLeaf:!0}))),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child2",isLeaf:!0}))),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Parent 2",defaultOpen:!0}),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child1",isLeaf:!0})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child2"}),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child2 Sub1",isLeaf:!0})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"Child2 Sub2",isLeaf:!0})))))};Tree_stories_defaultOpen.storyName="defaultOpen",Tree_stories_defaultOpen.parameters={storySource:{source:"args => {\n return <>\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n ;\n}"}};var Tree_stories_highlight=function highlight(args){return Object(esm.b)(react_default.a.Fragment,null,Object(esm.b)(Tree_Tree,_extends({},args,{label:"default"})),Object(esm.b)(Tree_Tree,_extends({},args,{label:"highlighted",highlight:"high"})))};Tree_stories_highlight.storyName="Highlight",Tree_stories_highlight.parameters={storySource:{source:"args => {\n return <>\n \n \n ;\n}"}};var componentMeta={title:"Components/Tree",component:Tree_Tree,args:{},argTypes:{value:{description:"Value of the element that is used during callback events"},label:{description:"Label of the tree element"},isLeaf:{description:"A leaf is the deepest element of a tree and does not have children"},selected:{description:"Highlight the current element of the tree"},isLoading:{description:"Displays the loading animation"},selectable:{description:"Displays a checkbox that allows to select the element of the tree"},readOnly:{description:"Does not allow checking/unchecking the box (Can only be used with `selectable`)"},onOpen:{description:"Triggered when the user opens a node"},onClose:{description:"Triggered when the user closes a node"},onChange:{description:"Triggered when the user selects or unselects a node"},onClick:{description:"Triggered when the user clicks on a node. If not specified, a click opens or closes the node."},defaultOpen:{description:"Allow to open automatically children when present."},_isRoot:{table:{disable:!0}},valueLabel:{description:"Label of the value"},highlight:{description:"Highlighted searched value"}},includeStories:["standard","selected","isLoading","isLeaf","selectable","readOnly","indeterminateChecked","defaultOpen","highlight"]},mdxStoryNameToKey={Standard:"standard",Selected:"selected",IsLoading:"isLoading",IsLeaf:"isLeaf",Selectable:"selectable",ReadOnly:"readOnly",IndeterminateChecked:"indeterminateChecked",defaultOpen:"defaultOpen",Highlight:"highlight"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/contexts/DraggedElementContext.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"b",(function(){return DraggedElementProvider})),__webpack_require__.d(__webpack_exports__,"a",(function(){return DraggedElementContext}));__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/react/jsx-runtime.js");function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _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 _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e void) | ((updatedIndices: number[]) => void | undefined) | undefined"}},readOnly:{defaultValue:null,description:"Displays the value of the input, but does not allow changes.",name:"readOnly",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/contexts/DraggedElementContext.tsx#DraggedElementProvider"]={docgenInfo:DraggedElementProvider.__docgenInfo,name:"DraggedElementProvider",path:"src/contexts/DraggedElementContext.tsx#DraggedElementProvider"})}catch(__react_docgen_typescript_loader_error){}},"./src/guidelines sync ^\\.[\\\\/](?:(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$":function(module,exports,__webpack_require__){var map={"./Colors.stories.mdx":"./src/guidelines/Colors.stories.mdx","./Iconography.stories.mdx":"./src/guidelines/Iconography.stories.mdx","./Illustration.stories.mdx":"./src/guidelines/Illustration.stories.mdx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./src/guidelines sync ^\\.[\\\\/](?:(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"},"./src/guidelines/Colors.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"ColorContainer",(function(){return ColorContainer})),__webpack_require__.d(__webpack_exports__,"colors",(function(){return colors})),__webpack_require__.d(__webpack_exports__,"colorsAlternative",(function(){return colorsAlternative})),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard})),__webpack_require__.d(__webpack_exports__,"alternative",(function(){return alternative}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _templateObject,react__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_11__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),styled_components__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./src/storybook/PreviewGallery.tsx"),_themes__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./src/themes/index.ts"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e\n

Brand colors

\n {themes.map(theme => {\n return
\n {theme.name}\n \n {Object.keys(theme.color).filter(colorCode => 0 === colorCode.indexOf('brand')).map(colorCode => {\n return \n \n {colorCode}\n {theme.color[colorCode]}\n ;\n })}\n \n
;\n })}\n \n
\n

System

\n {colors.map(color => {\n return
\n {color}\n \n {Object.keys(themes[0].color).filter(colorCode => 0 === colorCode.indexOf(color)).map(colorCode => {\n const color = themes[0].color[colorCode];\n return \n \n {colorCode}\n {color}\n ;\n })}\n \n
;\n })}\n
"}};var alternative=function alternative(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_12__.b)("div",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_12__.b)("h1",null,"Alternative colors"),colorsAlternative.map((function(colorName){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_12__.b)("div",{key:colorName},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_12__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_15__.m,null,colorName),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_12__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_15__.g,null,Object.keys(_themes__WEBPACK_IMPORTED_MODULE_16__.a[0].colorAlternative).filter((function(colorCode){return 0===colorCode.indexOf(colorName)})).map((function(colorCode){var color=_themes__WEBPACK_IMPORTED_MODULE_16__.a[0].colorAlternative[colorCode];return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_12__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_15__.e,{key:colorCode},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_12__.b)(ColorContainer,{color:color}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_12__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_15__.b,null,colorCode),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_12__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_15__.b,null,color))}))))})))};alternative.displayName="alternative",alternative.storyName="Alternative",alternative.parameters={storySource:{source:"
\n

Alternative colors

\n {colorsAlternative.map(colorName => {\n return
\n {colorName}\n \n {Object.keys(themes[0].colorAlternative).filter(colorCode => 0 === colorCode.indexOf(colorName)).map(colorCode => {\n const color = themes[0].colorAlternative[colorCode];\n return \n \n {colorCode}\n {color}\n ;\n })}\n \n
;\n })}\n
"}};var componentMeta={title:"Guidelines/Colors",includeStories:["standard","alternative"]},mdxStoryNameToKey={Standard:"standard",Alternative:"alternative"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_12__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_13__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_12__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/guidelines/Iconography.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.flat.js"),__webpack_require__("./node_modules/core-js/modules/es.object.values.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js");var react__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_11___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_11__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./src/storybook/PreviewGallery.tsx"),_themes__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./src/themes/pim/index.ts"),_Colors_stories_mdx__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./src/guidelines/Colors.stories.mdx"),_icons__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./src/icons/index.ts"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e {\n return \n {Object.keys(Icons).map(iconName => {\n return \n \n {React.createElement(Icons[iconName], {\n ...args,\n color: pimTheme.color[`${args.color}100`]\n })}\n \n {iconName.replace('Icon', '')}\n ;\n })}\n ;\n}"}};var componentMeta={title:"Guidelines/Iconography",args:{color:"grey",size:24},argTypes:{color:{control:{type:"select"},options:Object.values(_Colors_stories_mdx__WEBPACK_IMPORTED_MODULE_16__.colors).flat()},size:{control:{type:"select"},options:[16,24,32,48]}},includeStories:["standard"]},mdxStoryNameToKey={Standard:"standard"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_12__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_13__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_12__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/guidelines/Illustration.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"standard",(function(){return standard}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js");var react__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_9___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_9__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/storybook/PreviewGallery.tsx"),_illustrations__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./src/illustrations/index.ts"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e {\n return \n {Object.keys(Illustrations).map(illustrationName => {\n return \n {React.createElement(Illustrations[illustrationName], {\n ...args\n })}\n {illustrationName.replace('Illustration', '')}\n ;\n })}\n ;\n}"}};var componentMeta={title:"Guidelines/Illustrations",parameters:{viewMode:"story"},args:{size:128},argTypes:{size:{control:{type:"select"},options:[128,256]}},includeStories:["standard"]},mdxStoryNameToKey={Standard:"standard"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_10__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_11__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_10__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/hooks/useAutoFocus.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useAutoFocus}));__webpack_require__("./node_modules/core-js/modules/web.timers.js");var react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/react/index.js"),useAutoFocus=function useAutoFocus(ref){var focus=Object(react__WEBPACK_IMPORTED_MODULE_1__.useCallback)((function(){setTimeout((function(){null!==ref.current&&ref.current.focus()}),0)}),[ref]);return Object(react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(focus,[]),focus}},"./src/hooks/useBooleanState.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useBooleanState}));__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/react/index.js");function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _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 _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e0&&void 0!==arguments[0]&&arguments[0],_useState2=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_11__.useState)(defaultValue),2),value=_useState2[0],setValue=_useState2[1];return[value,Object(react__WEBPACK_IMPORTED_MODULE_11__.useCallback)((function(){return setValue(!0)}),[]),Object(react__WEBPACK_IMPORTED_MODULE_11__.useCallback)((function(){return setValue(!1)}),[])]}},"./src/hooks/useDrop.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useDrop}));__webpack_require__("./node_modules/core-js/modules/es.parse-int.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.array.splice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js");var _useId__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./src/hooks/useId.ts");function _toConsumableArray(r){return function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r)}(r)||function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(r)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r)||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(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);er.length)&&(a=r.length);for(var e=0,n=Array(a);e0&&void 0!==arguments[0]?arguments[0]:"",_useState=Object(react.useState)(""+prefix+function uuid(){var date=(new Date).getTime(),uuid="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(_char){var random=(date+16*Math.random())%16|0;return date=Math.floor(date/16),("x"===_char?random:3&random|8).toString(16)}));return uuid}());return _slicedToArray(_useState,1)[0]}},"./src/hooks/usePagination.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return usePagination}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),usePagination=function usePagination(containerRef,lastOptionRef,onNextPage,isVisible){Object(react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){var containerElement=containerRef.current,lastElement=lastOptionRef.current;if(void 0!==onNextPage&&null!==containerElement&&null!==lastOptionRef.current&&null!==lastElement){var observer=new IntersectionObserver((function(entries){entries[entries.length-1].isIntersecting&&onNextPage()}),{root:containerElement,rootMargin:"0px 0px 100% 0px",threshold:0});return observer.observe(lastElement),function(){return observer.unobserve(lastElement)}}}),[onNextPage,isVisible])}},"./src/hooks/usePlaceholderPosition.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return usePlaceholderPosition}));__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/react/index.js");function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _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 _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e=rowIndex?"top":"bottom")}),[rowIndex]),Object(react__WEBPACK_IMPORTED_MODULE_11__.useCallback)((function(){setHoveringCount((function(count){return count-1}))}),[]),Object(react__WEBPACK_IMPORTED_MODULE_11__.useCallback)((function(){setHoveringCount(0)}),[])]}},"./src/hooks/usePosition.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"b",(function(){return useVerticalPosition})),__webpack_require__.d(__webpack_exports__,"a",(function(){return useHorizontalPosition}));__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/react/index.js");function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _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 _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);ewindowWidth-(elementWidth+distanceToLeft)?"left":"right")}}),[forcedPosition,ref.current]),horizontalPosition}},"./src/hooks/useShortcut.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useShortcut}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js"),useShortcut=function useShortcut(key,callback){var externalRef=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,internalRef=Object(react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),ref=null===externalRef?internalRef:externalRef,memoizedCallback=Object(react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((function(event){return key===event.key&&(callback(event),!0)}),[key,callback,ref]);return Object(react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){if("function"!=typeof ref&&null!==ref.current){var element=ref.current;return element.addEventListener("keydown",memoizedCallback),function(){return element.removeEventListener("keydown",memoizedCallback)}}return window.addEventListener("keydown",memoizedCallback),function(){return window.removeEventListener("keydown",memoizedCallback)}}),[memoizedCallback,ref]),ref}},"./src/hooks/useTabBar.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useTabBar}));__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/react/index.js");function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _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 _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);er.length)&&(a=r.length);for(var e=0,n=Array(a);e"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/AkeneoIcon.tsx#AkeneoIcon"]={docgenInfo:AkeneoIcon.__docgenInfo,name:"AkeneoIcon",path:"src/icons/AkeneoIcon.tsx#AkeneoIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/ArrowDownIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return ArrowDownIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var ArrowDownIcon=function ArrowDownIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ArrowDownIcon.tsx#ArrowDownIcon"]={docgenInfo:ArrowDownIcon.__docgenInfo,name:"ArrowDownIcon",path:"src/icons/ArrowDownIcon.tsx#ArrowDownIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/ArrowRightIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return ArrowRightIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var ArrowRightIcon=function ArrowRightIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ArrowRightIcon.tsx#ArrowRightIcon"]={docgenInfo:ArrowRightIcon.__docgenInfo,name:"ArrowRightIcon",path:"src/icons/ArrowRightIcon.tsx#ArrowRightIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/ArrowUpIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return ArrowUpIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var ArrowUpIcon=function ArrowUpIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ArrowUpIcon.tsx#ArrowUpIcon"]={docgenInfo:ArrowUpIcon.__docgenInfo,name:"ArrowUpIcon",path:"src/icons/ArrowUpIcon.tsx#ArrowUpIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/AssetCollectionIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return AssetCollectionIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var AssetCollectionIcon=function AssetCollectionIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/AssetCollectionIcon.tsx#AssetCollectionIcon"]={docgenInfo:AssetCollectionIcon.__docgenInfo,name:"AssetCollectionIcon",path:"src/icons/AssetCollectionIcon.tsx#AssetCollectionIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/AssetsIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return AssetsIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var AssetsIcon=function AssetsIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/AssetsIcon.tsx#AssetsIcon"]={docgenInfo:AssetsIcon.__docgenInfo,name:"AssetsIcon",path:"src/icons/AssetsIcon.tsx#AssetsIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/AttributeNumberIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return AttributeNumberIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var AttributeNumberIcon=function AttributeNumberIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/AttributeNumberIcon.tsx#AttributeNumberIcon"]={docgenInfo:AttributeNumberIcon.__docgenInfo,name:"AttributeNumberIcon",path:"src/icons/AttributeNumberIcon.tsx#AttributeNumberIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/AttributeTextIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return AttributeTextIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var AttributeTextIcon=function AttributeTextIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/AttributeTextIcon.tsx#AttributeTextIcon"]={docgenInfo:AttributeTextIcon.__docgenInfo,name:"AttributeTextIcon",path:"src/icons/AttributeTextIcon.tsx#AttributeTextIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/BrokenLinkIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return BrokenLinkIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var BrokenLinkIcon=function BrokenLinkIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/BrokenLinkIcon.tsx#BrokenLinkIcon"]={docgenInfo:BrokenLinkIcon.__docgenInfo,name:"BrokenLinkIcon",path:"src/icons/BrokenLinkIcon.tsx#BrokenLinkIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/CardIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return CardIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var CardIcon=function CardIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/CardIcon.tsx#CardIcon"]={docgenInfo:CardIcon.__docgenInfo,name:"CardIcon",path:"src/icons/CardIcon.tsx#CardIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/CheckIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return CheckIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color","className"];var CheckIcon=function CheckIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?18:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,className=_ref.className,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/CheckIcon.tsx#CheckIcon"]={docgenInfo:CheckIcon.__docgenInfo,name:"CheckIcon",path:"src/icons/CheckIcon.tsx#CheckIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/CheckPartialIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return CheckPartialIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color","className"];var CheckPartialIcon=function CheckPartialIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,className=_ref.className,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/CheckPartialIcon.tsx#CheckPartialIcon"]={docgenInfo:CheckPartialIcon.__docgenInfo,name:"CheckPartialIcon",path:"src/icons/CheckPartialIcon.tsx#CheckPartialIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/CheckRoundIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return CheckRoundIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var CheckRoundIcon=function CheckRoundIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/CheckRoundIcon.tsx#CheckRoundIcon"]={docgenInfo:CheckRoundIcon.__docgenInfo,name:"CheckRoundIcon",path:"src/icons/CheckRoundIcon.tsx#CheckRoundIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/CloseIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return CloseIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var CloseIcon=function CloseIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/CloseIcon.tsx#CloseIcon"]={docgenInfo:CloseIcon.__docgenInfo,name:"CloseIcon",path:"src/icons/CloseIcon.tsx#CloseIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/CopyIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return CopyIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var CopyIcon=function CopyIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/CopyIcon.tsx#CopyIcon"]={docgenInfo:CopyIcon.__docgenInfo,name:"CopyIcon",path:"src/icons/CopyIcon.tsx#CopyIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/DangerIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return DangerIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var DangerIcon=function DangerIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/DangerIcon.tsx#DangerIcon"]={docgenInfo:DangerIcon.__docgenInfo,name:"DangerIcon",path:"src/icons/DangerIcon.tsx#DangerIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/DateIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return DateIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var DateIcon=function DateIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/DateIcon.tsx#DateIcon"]={docgenInfo:DateIcon.__docgenInfo,name:"DateIcon",path:"src/icons/DateIcon.tsx#DateIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/DeleteIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return DeleteIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _templateObject,_templateObject2,_templateObject3,styled_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color","animateOnHover"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var Lid=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.path(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n transition: transform 0.1s linear;\n transform-origin: 60% 90%;\n"]))),animatedMixin=Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n "," {\n transform: rotate(15deg) translate(-3px, -2px);\n }\n"])),Lid),Container=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.svg(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n :hover {\n ","\n }\n"])),(function(_ref){return _ref.animateOnHover&&animatedMixin})),DeleteIcon=function DeleteIcon(_ref2){var title=_ref2.title,_ref2$size=_ref2.size,size=void 0===_ref2$size?24:_ref2$size,_ref2$color=_ref2.color,color=void 0===_ref2$color?"currentColor":_ref2$color,_ref2$animateOnHover=_ref2.animateOnHover,animateOnHover=void 0!==_ref2$animateOnHover&&_ref2$animateOnHover,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/DeleteIcon.tsx#DeleteIcon"]={docgenInfo:DeleteIcon.__docgenInfo,name:"DeleteIcon",path:"src/icons/DeleteIcon.tsx#DeleteIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/DownloadIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return DownloadIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,styled_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color","animateOnHover"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var downloadAnimation=Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.keyframes)(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n 0% {\n transform: translateY(0)\n }\n 25% {\n transform: translateY(2px)\n }\n 50% {\n transform: translateY(-2px)\n }\n 100% {\n transform: translateY(0)\n }\n"]))),Arrow=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.path(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n animation-duration: 0.5s;\n animation-iteration-count: 1;\n"]))),animatedMixin=Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n "," {\n animation-name: ",";\n }\n"])),Arrow,downloadAnimation),Container=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.svg(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n :hover {\n ","\n }\n"])),(function(_ref){return _ref.$animateOnHover&&animatedMixin})),DownloadIcon=function DownloadIcon(_ref2){var title=_ref2.title,_ref2$size=_ref2.size,size=void 0===_ref2$size?24:_ref2$size,_ref2$color=_ref2.color,color=void 0===_ref2$color?"currentColor":_ref2$color,_ref2$animateOnHover=_ref2.animateOnHover,animateOnHover=void 0!==_ref2$animateOnHover&&_ref2$animateOnHover,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/DownloadIcon.tsx#DownloadIcon"]={docgenInfo:DownloadIcon.__docgenInfo,name:"DownloadIcon",path:"src/icons/DownloadIcon.tsx#DownloadIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/EditIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return EditIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var EditIcon=function EditIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/EditIcon.tsx#EditIcon"]={docgenInfo:EditIcon.__docgenInfo,name:"EditIcon",path:"src/icons/EditIcon.tsx#EditIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/EraseIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return EraseIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var EraseIcon=function EraseIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/EraseIcon.tsx#EraseIcon"]={docgenInfo:EraseIcon.__docgenInfo,name:"EraseIcon",path:"src/icons/EraseIcon.tsx#EraseIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/FileIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return FileIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var FileIcon=function FileIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/FileIcon.tsx#FileIcon"]={docgenInfo:FileIcon.__docgenInfo,name:"FileIcon",path:"src/icons/FileIcon.tsx#FileIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/FolderIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return FolderIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var FolderIcon=function FolderIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/FolderIcon.tsx#FolderIcon"]={docgenInfo:FolderIcon.__docgenInfo,name:"FolderIcon",path:"src/icons/FolderIcon.tsx#FolderIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/FolderPlainIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return FolderPlainIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var FolderPlainIcon=function FolderPlainIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/FolderPlainIcon.tsx#FolderPlainIcon"]={docgenInfo:FolderPlainIcon.__docgenInfo,name:"FolderPlainIcon",path:"src/icons/FolderPlainIcon.tsx#FolderPlainIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/FoldersIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return FoldersIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var FoldersIcon=function FoldersIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/FoldersIcon.tsx#FoldersIcon"]={docgenInfo:FoldersIcon.__docgenInfo,name:"FoldersIcon",path:"src/icons/FoldersIcon.tsx#FoldersIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/FoldersPlainIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return FoldersPlainIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var FoldersPlainIcon=function FoldersPlainIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/FoldersPlainIcon.tsx#FoldersPlainIcon"]={docgenInfo:FoldersPlainIcon.__docgenInfo,name:"FoldersPlainIcon",path:"src/icons/FoldersPlainIcon.tsx#FoldersPlainIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/FullscreenIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return FullscreenIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var FullscreenIcon=function FullscreenIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/FullscreenIcon.tsx#FullscreenIcon"]={docgenInfo:FullscreenIcon.__docgenInfo,name:"FullscreenIcon",path:"src/icons/FullscreenIcon.tsx#FullscreenIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/GiftIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return GiftIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var GiftIcon=function GiftIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/GiftIcon.tsx#GiftIcon"]={docgenInfo:GiftIcon.__docgenInfo,name:"GiftIcon",path:"src/icons/GiftIcon.tsx#GiftIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/HelpIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return HelpIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var HelpIcon=function HelpIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/HelpIcon.tsx#HelpIcon"]={docgenInfo:HelpIcon.__docgenInfo,name:"HelpIcon",path:"src/icons/HelpIcon.tsx#HelpIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/HelpPlainIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return HelpPlainIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var HelpPlainIcon=function HelpPlainIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,props=(_ref.color,function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/HelpPlainIcon.tsx#HelpPlainIcon"]={docgenInfo:HelpPlainIcon.__docgenInfo,name:"HelpPlainIcon",path:"src/icons/HelpPlainIcon.tsx#HelpPlainIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/IdIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return IdIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var IdIcon=function IdIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/IdIcon.tsx#IdIcon"]={docgenInfo:IdIcon.__docgenInfo,name:"IdIcon",path:"src/icons/IdIcon.tsx#IdIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/InfoIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return InfoIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var InfoIcon=function InfoIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/InfoIcon.tsx#InfoIcon"]={docgenInfo:InfoIcon.__docgenInfo,name:"InfoIcon",path:"src/icons/InfoIcon.tsx#InfoIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/InfoRoundIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return InfoRoundIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var InfoRoundIcon=function InfoRoundIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/InfoRoundIcon.tsx#InfoRoundIcon"]={docgenInfo:InfoRoundIcon.__docgenInfo,name:"InfoRoundIcon",path:"src/icons/InfoRoundIcon.tsx#InfoRoundIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/LinkIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return LinkIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var LinkIcon=function LinkIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/LinkIcon.tsx#LinkIcon"]={docgenInfo:LinkIcon.__docgenInfo,name:"LinkIcon",path:"src/icons/LinkIcon.tsx#LinkIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/LoaderIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return LoaderIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var LoaderIcon=function LoaderIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/LoaderIcon.tsx#LoaderIcon"]={docgenInfo:LoaderIcon.__docgenInfo,name:"LoaderIcon",path:"src/icons/LoaderIcon.tsx#LoaderIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/LockIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return LockIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var LockIcon=function LockIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/LockIcon.tsx#LockIcon"]={docgenInfo:LockIcon.__docgenInfo,name:"LockIcon",path:"src/icons/LockIcon.tsx#LockIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/MailIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return MailIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var MailIcon=function MailIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/MailIcon.tsx#MailIcon"]={docgenInfo:MailIcon.__docgenInfo,name:"MailIcon",path:"src/icons/MailIcon.tsx#MailIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/MegaphoneIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return MegaphoneIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var MegaphoneIcon=function MegaphoneIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/MegaphoneIcon.tsx#MegaphoneIcon"]={docgenInfo:MegaphoneIcon.__docgenInfo,name:"MegaphoneIcon",path:"src/icons/MegaphoneIcon.tsx#MegaphoneIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/MetricIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return MetricIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var MetricIcon=function MetricIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/MetricIcon.tsx#MetricIcon"]={docgenInfo:MetricIcon.__docgenInfo,name:"MetricIcon",path:"src/icons/MetricIcon.tsx#MetricIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/MoreIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return MoreIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var MoreIcon=function MoreIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/MoreIcon.tsx#MoreIcon"]={docgenInfo:MoreIcon.__docgenInfo,name:"MoreIcon",path:"src/icons/MoreIcon.tsx#MoreIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/MoreVerticalIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return MoreVerticalIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var MoreVerticalIcon=function MoreVerticalIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/MoreVerticalIcon.tsx#MoreVerticalIcon"]={docgenInfo:MoreVerticalIcon.__docgenInfo,name:"MoreVerticalIcon",path:"src/icons/MoreVerticalIcon.tsx#MoreVerticalIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/PanelCloseIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return PanelCloseIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var PanelCloseIcon=function PanelCloseIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/PanelCloseIcon.tsx#PanelCloseIcon"]={docgenInfo:PanelCloseIcon.__docgenInfo,name:"PanelCloseIcon",path:"src/icons/PanelCloseIcon.tsx#PanelCloseIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/PanelOpenIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return PanelOpenIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var PanelOpenIcon=function PanelOpenIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/PanelOpenIcon.tsx#PanelOpenIcon"]={docgenInfo:PanelOpenIcon.__docgenInfo,name:"PanelOpenIcon",path:"src/icons/PanelOpenIcon.tsx#PanelOpenIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/PlusIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return PlusIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var PlusIcon=function PlusIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/PlusIcon.tsx#PlusIcon"]={docgenInfo:PlusIcon.__docgenInfo,name:"PlusIcon",path:"src/icons/PlusIcon.tsx#PlusIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/RefreshIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return RefreshIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var RefreshIcon=function RefreshIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/RefreshIcon.tsx#RefreshIcon"]={docgenInfo:RefreshIcon.__docgenInfo,name:"RefreshIcon",path:"src/icons/RefreshIcon.tsx#RefreshIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/RowIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return RowIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var RowIcon=function RowIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/RowIcon.tsx#RowIcon"]={docgenInfo:RowIcon.__docgenInfo,name:"RowIcon",path:"src/icons/RowIcon.tsx#RowIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/SearchIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return SearchIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var SearchIcon=function SearchIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/SearchIcon.tsx#SearchIcon"]={docgenInfo:SearchIcon.__docgenInfo,name:"SearchIcon",path:"src/icons/SearchIcon.tsx#SearchIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/UnviewIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return UnviewIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var UnviewIcon=function UnviewIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/UnviewIcon.tsx#UnviewIcon"]={docgenInfo:UnviewIcon.__docgenInfo,name:"UnviewIcon",path:"src/icons/UnviewIcon.tsx#UnviewIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/ViewIcon.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return ViewIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var ViewIcon=function ViewIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ViewIcon.tsx#ViewIcon"]={docgenInfo:ViewIcon.__docgenInfo,name:"ViewIcon",path:"src/icons/ViewIcon.tsx#ViewIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/icons/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"ActivityIcon",(function(){return ActivityIcon_ActivityIcon})),__webpack_require__.d(__webpack_exports__,"AddAttributeIcon",(function(){return AddAttributeIcon_AddAttributeIcon})),__webpack_require__.d(__webpack_exports__,"AkeneoIcon",(function(){return AkeneoIcon.a})),__webpack_require__.d(__webpack_exports__,"ArrowIcon",(function(){return ArrowIcon_ArrowIcon})),__webpack_require__.d(__webpack_exports__,"ArrowDownIcon",(function(){return ArrowDownIcon.a})),__webpack_require__.d(__webpack_exports__,"ArrowLeftIcon",(function(){return ArrowLeftIcon_ArrowLeftIcon})),__webpack_require__.d(__webpack_exports__,"ArrowRightIcon",(function(){return ArrowRightIcon.a})),__webpack_require__.d(__webpack_exports__,"ArrowSimpleRightIcon",(function(){return ArrowSimpleRightIcon_ArrowSimpleRightIcon})),__webpack_require__.d(__webpack_exports__,"ArrowSimpleUpIcon",(function(){return ArrowSimpleUpIcon_ArrowSimpleUpIcon})),__webpack_require__.d(__webpack_exports__,"ArrowUpIcon",(function(){return ArrowUpIcon.a})),__webpack_require__.d(__webpack_exports__,"AssetsIcon",(function(){return AssetsIcon.a})),__webpack_require__.d(__webpack_exports__,"AssetCollectionIcon",(function(){return AssetCollectionIcon.a})),__webpack_require__.d(__webpack_exports__,"AssociateIcon",(function(){return AssociateIcon_AssociateIcon})),__webpack_require__.d(__webpack_exports__,"AttributeBooleanIcon",(function(){return AttributeBooleanIcon_AttributeBooleanIcon})),__webpack_require__.d(__webpack_exports__,"AttributeFileIcon",(function(){return AttributeFileIcon_AttributeFileIcon})),__webpack_require__.d(__webpack_exports__,"AttributeLinkIcon",(function(){return AttributeLinkIcon_AttributeLinkIcon})),__webpack_require__.d(__webpack_exports__,"AttributeMultiSelectIcon",(function(){return AttributeMultiSelectIcon_AttributeMultiSelectIcon})),__webpack_require__.d(__webpack_exports__,"AttributeNumberIcon",(function(){return AttributeNumberIcon.a})),__webpack_require__.d(__webpack_exports__,"AttributePriceIcon",(function(){return AttributePriceIcon_AttributePriceIcon})),__webpack_require__.d(__webpack_exports__,"AttributeSelectIcon",(function(){return AttributeSelectIcon_AttributeSelectIcon})),__webpack_require__.d(__webpack_exports__,"AttributeTextIcon",(function(){return AttributeTextIcon.a})),__webpack_require__.d(__webpack_exports__,"AttributeTextareaIcon",(function(){return AttributeTextareaIcon_AttributeTextareaIcon})),__webpack_require__.d(__webpack_exports__,"BarChartsIcon",(function(){return BarChartsIcon_BarChartsIcon})),__webpack_require__.d(__webpack_exports__,"BookIcon",(function(){return BookIcon_BookIcon})),__webpack_require__.d(__webpack_exports__,"BoxIcon",(function(){return BoxIcon_BoxIcon})),__webpack_require__.d(__webpack_exports__,"BrokenLinkIcon",(function(){return BrokenLinkIcon.a})),__webpack_require__.d(__webpack_exports__,"CaddyIcon",(function(){return CaddyIcon_CaddyIcon})),__webpack_require__.d(__webpack_exports__,"CaddyAddIcon",(function(){return CaddyAddIcon_CaddyAddIcon})),__webpack_require__.d(__webpack_exports__,"CaddyCheckoutIcon",(function(){return CaddyCheckoutIcon_CaddyCheckoutIcon})),__webpack_require__.d(__webpack_exports__,"CardIcon",(function(){return CardIcon.a})),__webpack_require__.d(__webpack_exports__,"CategoryIcon",(function(){return CategoryIcon_CategoryIcon})),__webpack_require__.d(__webpack_exports__,"CheckIcon",(function(){return CheckIcon.a})),__webpack_require__.d(__webpack_exports__,"CheckPartialIcon",(function(){return CheckPartialIcon.a})),__webpack_require__.d(__webpack_exports__,"CheckRoundIcon",(function(){return CheckRoundIcon.a})),__webpack_require__.d(__webpack_exports__,"ClockIcon",(function(){return ClockIcon_ClockIcon})),__webpack_require__.d(__webpack_exports__,"CloseIcon",(function(){return CloseIcon.a})),__webpack_require__.d(__webpack_exports__,"CodeIcon",(function(){return CodeIcon_CodeIcon})),__webpack_require__.d(__webpack_exports__,"ColumnIcon",(function(){return ColumnIcon_ColumnIcon})),__webpack_require__.d(__webpack_exports__,"CompareIcon",(function(){return CompareIcon_CompareIcon})),__webpack_require__.d(__webpack_exports__,"ComponentIcon",(function(){return ComponentIcon_ComponentIcon})),__webpack_require__.d(__webpack_exports__,"CompositionIcon",(function(){return CompositionIcon_CompositionIcon})),__webpack_require__.d(__webpack_exports__,"ConnectIcon",(function(){return ConnectIcon_ConnectIcon})),__webpack_require__.d(__webpack_exports__,"CopyIcon",(function(){return CopyIcon.a})),__webpack_require__.d(__webpack_exports__,"CreditsIcon",(function(){return CreditsIcon_CreditsIcon})),__webpack_require__.d(__webpack_exports__,"DangerIcon",(function(){return DangerIcon.a})),__webpack_require__.d(__webpack_exports__,"DangerPlainIcon",(function(){return DangerPlainIcon_DangerPlainIcon})),__webpack_require__.d(__webpack_exports__,"DateIcon",(function(){return DateIcon.a})),__webpack_require__.d(__webpack_exports__,"DeleteIcon",(function(){return DeleteIcon.a})),__webpack_require__.d(__webpack_exports__,"DependenceIcon",(function(){return DependenceIcon_DependenceIcon})),__webpack_require__.d(__webpack_exports__,"DialogIcon",(function(){return DialogIcon_DialogIcon})),__webpack_require__.d(__webpack_exports__,"DimensionsIcon",(function(){return DimensionsIcon_DimensionsIcon})),__webpack_require__.d(__webpack_exports__,"DownloadIcon",(function(){return DownloadIcon.a})),__webpack_require__.d(__webpack_exports__,"DragDropIcon",(function(){return DragDropIcon_DragDropIcon})),__webpack_require__.d(__webpack_exports__,"EditIcon",(function(){return EditIcon.a})),__webpack_require__.d(__webpack_exports__,"EntityIcon",(function(){return EntityIcon_EntityIcon})),__webpack_require__.d(__webpack_exports__,"ChecklistIcon",(function(){return ChecklistIcon_ChecklistIcon})),__webpack_require__.d(__webpack_exports__,"EntityMultiIcon",(function(){return EntityMultiIcon_EntityMultiIcon})),__webpack_require__.d(__webpack_exports__,"EraseIcon",(function(){return EraseIcon.a})),__webpack_require__.d(__webpack_exports__,"ExpandIcon",(function(){return ExpandIcon_ExpandIcon})),__webpack_require__.d(__webpack_exports__,"ExplanationPointIcon",(function(){return ExplanationPointIcon_ExplanationPointIcon})),__webpack_require__.d(__webpack_exports__,"ExternalLinkIcon",(function(){return ExternalLinkIcon_ExternalLinkIcon})),__webpack_require__.d(__webpack_exports__,"FactoryIcon",(function(){return FactoryIcon_FactoryIcon})),__webpack_require__.d(__webpack_exports__,"FileIcon",(function(){return FileIcon.a})),__webpack_require__.d(__webpack_exports__,"FileCsvIcon",(function(){return FileCsvIcon_FileCsvIcon})),__webpack_require__.d(__webpack_exports__,"FileXlsxIcon",(function(){return FileXlsxIcon_FileXlsxIcon})),__webpack_require__.d(__webpack_exports__,"FiltersIcon",(function(){return FiltersIcon_FiltersIcon})),__webpack_require__.d(__webpack_exports__,"FolderIcon",(function(){return FolderIcon.a})),__webpack_require__.d(__webpack_exports__,"FolderInIcon",(function(){return FolderInIcon_FolderInIcon})),__webpack_require__.d(__webpack_exports__,"FolderMovedIcon",(function(){return FolderMovedIcon_FolderMovedIcon})),__webpack_require__.d(__webpack_exports__,"FolderOutIcon",(function(){return FolderOutIcon_FolderOutIcon})),__webpack_require__.d(__webpack_exports__,"FolderPlainIcon",(function(){return FolderPlainIcon.a})),__webpack_require__.d(__webpack_exports__,"FoldersIcon",(function(){return FoldersIcon.a})),__webpack_require__.d(__webpack_exports__,"FoldersPlainIcon",(function(){return FoldersPlainIcon.a})),__webpack_require__.d(__webpack_exports__,"FoodIcon",(function(){return FoodIcon_FoodIcon})),__webpack_require__.d(__webpack_exports__,"FrowningFaceIcon",(function(){return FrowningFaceIcon_FrowningFaceIcon})),__webpack_require__.d(__webpack_exports__,"FullscreenIcon",(function(){return FullscreenIcon.a})),__webpack_require__.d(__webpack_exports__,"GiftIcon",(function(){return GiftIcon.a})),__webpack_require__.d(__webpack_exports__,"GroupsIcon",(function(){return GroupsIcon_GroupsIcon})),__webpack_require__.d(__webpack_exports__,"HelpIcon",(function(){return HelpIcon.a})),__webpack_require__.d(__webpack_exports__,"HelpPlainIcon",(function(){return HelpPlainIcon.a})),__webpack_require__.d(__webpack_exports__,"IdIcon",(function(){return IdIcon.a})),__webpack_require__.d(__webpack_exports__,"InfoIcon",(function(){return InfoIcon.a})),__webpack_require__.d(__webpack_exports__,"InfoRoundIcon",(function(){return InfoRoundIcon.a})),__webpack_require__.d(__webpack_exports__,"KeyboardIcon",(function(){return KeyboardIcon_KeyboardIcon})),__webpack_require__.d(__webpack_exports__,"KeyIcon",(function(){return KeyIcon_KeyIcon})),__webpack_require__.d(__webpack_exports__,"LightIcon",(function(){return LightIcon_LightIcon})),__webpack_require__.d(__webpack_exports__,"LinkIcon",(function(){return LinkIcon.a})),__webpack_require__.d(__webpack_exports__,"ListIcon",(function(){return ListIcon_ListIcon})),__webpack_require__.d(__webpack_exports__,"LoaderIcon",(function(){return LoaderIcon.a})),__webpack_require__.d(__webpack_exports__,"LocaleIcon",(function(){return LocaleIcon_LocaleIcon})),__webpack_require__.d(__webpack_exports__,"LockIcon",(function(){return LockIcon.a})),__webpack_require__.d(__webpack_exports__,"MailIcon",(function(){return MailIcon.a})),__webpack_require__.d(__webpack_exports__,"MediaLinkIcon",(function(){return MediaLinkIcon_MediaLinkIcon})),__webpack_require__.d(__webpack_exports__,"MegaphoneIcon",(function(){return MegaphoneIcon.a})),__webpack_require__.d(__webpack_exports__,"MetricIcon",(function(){return MetricIcon.a})),__webpack_require__.d(__webpack_exports__,"MinifyIcon",(function(){return MinifyIcon_MinifyIcon})),__webpack_require__.d(__webpack_exports__,"MoreIcon",(function(){return MoreIcon.a})),__webpack_require__.d(__webpack_exports__,"MoreVerticalIcon",(function(){return MoreVerticalIcon.a})),__webpack_require__.d(__webpack_exports__,"MouseClickIcon",(function(){return MouseClickIcon_MouseClickIcon})),__webpack_require__.d(__webpack_exports__,"NotificationIcon",(function(){return NotificationIcon_NotificationIcon})),__webpack_require__.d(__webpack_exports__,"PanelCloseIcon",(function(){return PanelCloseIcon.a})),__webpack_require__.d(__webpack_exports__,"PanelOpenIcon",(function(){return PanelOpenIcon.a})),__webpack_require__.d(__webpack_exports__,"PlayIcon",(function(){return PlayIcon_PlayIcon})),__webpack_require__.d(__webpack_exports__,"PlusIcon",(function(){return PlusIcon.a})),__webpack_require__.d(__webpack_exports__,"ProductDimensionsIcon",(function(){return ProductDimensionsIcon_ProductDimensionsIcon})),__webpack_require__.d(__webpack_exports__,"ProductIcon",(function(){return ProductIcon_ProductIcon})),__webpack_require__.d(__webpack_exports__,"ProductModelIcon",(function(){return ProductModelIcon_ProductModelIcon})),__webpack_require__.d(__webpack_exports__,"PublishIcon",(function(){return PublishIcon_PublishIcon})),__webpack_require__.d(__webpack_exports__,"RefreshIcon",(function(){return RefreshIcon.a})),__webpack_require__.d(__webpack_exports__,"RowIcon",(function(){return RowIcon.a})),__webpack_require__.d(__webpack_exports__,"SearchIcon",(function(){return SearchIcon.a})),__webpack_require__.d(__webpack_exports__,"SectionIcon",(function(){return SectionIcon_SectionIcon})),__webpack_require__.d(__webpack_exports__,"SettingsIcon",(function(){return SettingsIcon_SettingsIcon})),__webpack_require__.d(__webpack_exports__,"ShopIcon",(function(){return ShopIcon_ShopIcon})),__webpack_require__.d(__webpack_exports__,"SmilingFaceIcon",(function(){return SmilingFaceIcon_SmilingFaceIcon})),__webpack_require__.d(__webpack_exports__,"SparkleIcon",(function(){return SparkleIcon_SparkleIcon})),__webpack_require__.d(__webpack_exports__,"StarIcon",(function(){return StarIcon_StarIcon})),__webpack_require__.d(__webpack_exports__,"SupplierIcon",(function(){return SupplierIcon_SupplierIcon})),__webpack_require__.d(__webpack_exports__,"SystemIcon",(function(){return SystemIcon_SystemIcon})),__webpack_require__.d(__webpack_exports__,"TableIcon",(function(){return TableIcon_TableIcon})),__webpack_require__.d(__webpack_exports__,"TagIcon",(function(){return TagIcon_TagIcon})),__webpack_require__.d(__webpack_exports__,"UnpublishIcon",(function(){return UnpublishIcon_UnpublishIcon})),__webpack_require__.d(__webpack_exports__,"UnviewIcon",(function(){return UnviewIcon.a})),__webpack_require__.d(__webpack_exports__,"UploadIcon",(function(){return UploadIcon_UploadIcon})),__webpack_require__.d(__webpack_exports__,"UserIcon",(function(){return UserIcon_UserIcon})),__webpack_require__.d(__webpack_exports__,"ValueIcon",(function(){return ValueIcon_ValueIcon})),__webpack_require__.d(__webpack_exports__,"ViewIcon",(function(){return ViewIcon.a})),__webpack_require__.d(__webpack_exports__,"WaveIcon",(function(){return WaveIcon_WaveIcon})),__webpack_require__.d(__webpack_exports__,"WorkflowIcon",(function(){return WorkflowIcon_WorkflowIcon}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","color"];var ActivityIcon_ActivityIcon=function ActivityIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ActivityIcon.tsx#ActivityIcon"]={docgenInfo:ActivityIcon_ActivityIcon.__docgenInfo,name:"ActivityIcon",path:"src/icons/ActivityIcon.tsx#ActivityIcon"})}catch(__react_docgen_typescript_loader_error){}var AddAttributeIcon_excluded=["title","size","color"];var AddAttributeIcon_AddAttributeIcon=function AddAttributeIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function AddAttributeIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function AddAttributeIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/AddAttributeIcon.tsx#AddAttributeIcon"]={docgenInfo:AddAttributeIcon_AddAttributeIcon.__docgenInfo,name:"AddAttributeIcon",path:"src/icons/AddAttributeIcon.tsx#AddAttributeIcon"})}catch(__react_docgen_typescript_loader_error){}var AkeneoIcon=__webpack_require__("./src/icons/AkeneoIcon.tsx"),ArrowIcon_excluded=["title","size","color"];var ArrowIcon_ArrowIcon=function ArrowIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function ArrowIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ArrowIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ArrowIcon.tsx#ArrowIcon"]={docgenInfo:ArrowIcon_ArrowIcon.__docgenInfo,name:"ArrowIcon",path:"src/icons/ArrowIcon.tsx#ArrowIcon"})}catch(__react_docgen_typescript_loader_error){}var ArrowDownIcon=__webpack_require__("./src/icons/ArrowDownIcon.tsx"),ArrowLeftIcon_excluded=["title","size","color"];var ArrowLeftIcon_ArrowLeftIcon=function ArrowLeftIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function ArrowLeftIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ArrowLeftIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ArrowLeftIcon.tsx#ArrowLeftIcon"]={docgenInfo:ArrowLeftIcon_ArrowLeftIcon.__docgenInfo,name:"ArrowLeftIcon",path:"src/icons/ArrowLeftIcon.tsx#ArrowLeftIcon"})}catch(__react_docgen_typescript_loader_error){}var ArrowRightIcon=__webpack_require__("./src/icons/ArrowRightIcon.tsx"),ArrowSimpleRightIcon_excluded=["title","size","color"];var ArrowSimpleRightIcon_ArrowSimpleRightIcon=function ArrowSimpleRightIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function ArrowSimpleRightIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ArrowSimpleRightIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ArrowSimpleRightIcon.tsx#ArrowSimpleRightIcon"]={docgenInfo:ArrowSimpleRightIcon_ArrowSimpleRightIcon.__docgenInfo,name:"ArrowSimpleRightIcon",path:"src/icons/ArrowSimpleRightIcon.tsx#ArrowSimpleRightIcon"})}catch(__react_docgen_typescript_loader_error){}var ArrowSimpleUpIcon_excluded=["title","size","color"];var ArrowSimpleUpIcon_ArrowSimpleUpIcon=function ArrowSimpleUpIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function ArrowSimpleUpIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ArrowSimpleUpIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ArrowSimpleUpIcon.tsx#ArrowSimpleUpIcon"]={docgenInfo:ArrowSimpleUpIcon_ArrowSimpleUpIcon.__docgenInfo,name:"ArrowSimpleUpIcon",path:"src/icons/ArrowSimpleUpIcon.tsx#ArrowSimpleUpIcon"})}catch(__react_docgen_typescript_loader_error){}var ArrowUpIcon=__webpack_require__("./src/icons/ArrowUpIcon.tsx"),AssetsIcon=__webpack_require__("./src/icons/AssetsIcon.tsx"),AssetCollectionIcon=__webpack_require__("./src/icons/AssetCollectionIcon.tsx"),AssociateIcon_excluded=["title","size","color"];var AssociateIcon_AssociateIcon=function AssociateIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function AssociateIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function AssociateIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/AssociateIcon.tsx#AssociateIcon"]={docgenInfo:AssociateIcon_AssociateIcon.__docgenInfo,name:"AssociateIcon",path:"src/icons/AssociateIcon.tsx#AssociateIcon"})}catch(__react_docgen_typescript_loader_error){}var AttributeBooleanIcon_excluded=["title","size","color"];var AttributeBooleanIcon_AttributeBooleanIcon=function AttributeBooleanIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function AttributeBooleanIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function AttributeBooleanIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/AttributeBooleanIcon.tsx#AttributeBooleanIcon"]={docgenInfo:AttributeBooleanIcon_AttributeBooleanIcon.__docgenInfo,name:"AttributeBooleanIcon",path:"src/icons/AttributeBooleanIcon.tsx#AttributeBooleanIcon"})}catch(__react_docgen_typescript_loader_error){}var AttributeFileIcon_excluded=["title","size","color"];var AttributeFileIcon_AttributeFileIcon=function AttributeFileIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function AttributeFileIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function AttributeFileIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/AttributeFileIcon.tsx#AttributeFileIcon"]={docgenInfo:AttributeFileIcon_AttributeFileIcon.__docgenInfo,name:"AttributeFileIcon",path:"src/icons/AttributeFileIcon.tsx#AttributeFileIcon"})}catch(__react_docgen_typescript_loader_error){}var AttributeLinkIcon_excluded=["title","size","color"];var AttributeLinkIcon_AttributeLinkIcon=function AttributeLinkIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function AttributeLinkIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function AttributeLinkIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/AttributeLinkIcon.tsx#AttributeLinkIcon"]={docgenInfo:AttributeLinkIcon_AttributeLinkIcon.__docgenInfo,name:"AttributeLinkIcon",path:"src/icons/AttributeLinkIcon.tsx#AttributeLinkIcon"})}catch(__react_docgen_typescript_loader_error){}var AttributeMultiSelectIcon_excluded=["title","size","color"];var AttributeMultiSelectIcon_AttributeMultiSelectIcon=function AttributeMultiSelectIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function AttributeMultiSelectIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function AttributeMultiSelectIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/AttributeMultiSelectIcon.tsx#AttributeMultiSelectIcon"]={docgenInfo:AttributeMultiSelectIcon_AttributeMultiSelectIcon.__docgenInfo,name:"AttributeMultiSelectIcon",path:"src/icons/AttributeMultiSelectIcon.tsx#AttributeMultiSelectIcon"})}catch(__react_docgen_typescript_loader_error){}var AttributeNumberIcon=__webpack_require__("./src/icons/AttributeNumberIcon.tsx"),AttributePriceIcon_excluded=["title","size","color"];var AttributePriceIcon_AttributePriceIcon=function AttributePriceIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function AttributePriceIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function AttributePriceIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/AttributePriceIcon.tsx#AttributePriceIcon"]={docgenInfo:AttributePriceIcon_AttributePriceIcon.__docgenInfo,name:"AttributePriceIcon",path:"src/icons/AttributePriceIcon.tsx#AttributePriceIcon"})}catch(__react_docgen_typescript_loader_error){}var AttributeSelectIcon_excluded=["title","size","color"];var AttributeSelectIcon_AttributeSelectIcon=function AttributeSelectIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function AttributeSelectIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function AttributeSelectIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/AttributeSelectIcon.tsx#AttributeSelectIcon"]={docgenInfo:AttributeSelectIcon_AttributeSelectIcon.__docgenInfo,name:"AttributeSelectIcon",path:"src/icons/AttributeSelectIcon.tsx#AttributeSelectIcon"})}catch(__react_docgen_typescript_loader_error){}var AttributeTextIcon=__webpack_require__("./src/icons/AttributeTextIcon.tsx"),AttributeTextareaIcon_excluded=["title","size","color"];var AttributeTextareaIcon_AttributeTextareaIcon=function AttributeTextareaIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function AttributeTextareaIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function AttributeTextareaIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/AttributeTextareaIcon.tsx#AttributeTextareaIcon"]={docgenInfo:AttributeTextareaIcon_AttributeTextareaIcon.__docgenInfo,name:"AttributeTextareaIcon",path:"src/icons/AttributeTextareaIcon.tsx#AttributeTextareaIcon"})}catch(__react_docgen_typescript_loader_error){}var BarChartsIcon_excluded=["title","size","color"];var BarChartsIcon_BarChartsIcon=function BarChartsIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function BarChartsIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function BarChartsIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/BarChartsIcon.tsx#BarChartsIcon"]={docgenInfo:BarChartsIcon_BarChartsIcon.__docgenInfo,name:"BarChartsIcon",path:"src/icons/BarChartsIcon.tsx#BarChartsIcon"})}catch(__react_docgen_typescript_loader_error){}var BookIcon_excluded=["title","size","color"];var BookIcon_BookIcon=function BookIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function BookIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function BookIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/BookIcon.tsx#BookIcon"]={docgenInfo:BookIcon_BookIcon.__docgenInfo,name:"BookIcon",path:"src/icons/BookIcon.tsx#BookIcon"})}catch(__react_docgen_typescript_loader_error){}var BoxIcon_excluded=["title","size","color"];var BoxIcon_BoxIcon=function BoxIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function BoxIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function BoxIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/BoxIcon.tsx#BoxIcon"]={docgenInfo:BoxIcon_BoxIcon.__docgenInfo,name:"BoxIcon",path:"src/icons/BoxIcon.tsx#BoxIcon"})}catch(__react_docgen_typescript_loader_error){}var BrokenLinkIcon=__webpack_require__("./src/icons/BrokenLinkIcon.tsx"),CaddyIcon_excluded=["title","size","color"];var CaddyIcon_CaddyIcon=function CaddyIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function CaddyIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function CaddyIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/CaddyIcon.tsx#CaddyIcon"]={docgenInfo:CaddyIcon_CaddyIcon.__docgenInfo,name:"CaddyIcon",path:"src/icons/CaddyIcon.tsx#CaddyIcon"})}catch(__react_docgen_typescript_loader_error){}var CaddyAddIcon_excluded=["title","size","color"];var CaddyAddIcon_CaddyAddIcon=function CaddyAddIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function CaddyAddIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function CaddyAddIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/CaddyAddIcon.tsx#CaddyAddIcon"]={docgenInfo:CaddyAddIcon_CaddyAddIcon.__docgenInfo,name:"CaddyAddIcon",path:"src/icons/CaddyAddIcon.tsx#CaddyAddIcon"})}catch(__react_docgen_typescript_loader_error){}var CaddyCheckoutIcon_excluded=["title","size","color"];var CaddyCheckoutIcon_CaddyCheckoutIcon=function CaddyCheckoutIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function CaddyCheckoutIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function CaddyCheckoutIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/CaddyCheckoutIcon.tsx#CaddyCheckoutIcon"]={docgenInfo:CaddyCheckoutIcon_CaddyCheckoutIcon.__docgenInfo,name:"CaddyCheckoutIcon",path:"src/icons/CaddyCheckoutIcon.tsx#CaddyCheckoutIcon"})}catch(__react_docgen_typescript_loader_error){}var CardIcon=__webpack_require__("./src/icons/CardIcon.tsx"),CategoryIcon_excluded=["title","size","color"];var CategoryIcon_CategoryIcon=function CategoryIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function CategoryIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function CategoryIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/CategoryIcon.tsx#CategoryIcon"]={docgenInfo:CategoryIcon_CategoryIcon.__docgenInfo,name:"CategoryIcon",path:"src/icons/CategoryIcon.tsx#CategoryIcon"})}catch(__react_docgen_typescript_loader_error){}var CheckIcon=__webpack_require__("./src/icons/CheckIcon.tsx"),CheckPartialIcon=__webpack_require__("./src/icons/CheckPartialIcon.tsx"),CheckRoundIcon=__webpack_require__("./src/icons/CheckRoundIcon.tsx"),ClockIcon_excluded=["title","size","color"];var ClockIcon_ClockIcon=function ClockIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function ClockIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ClockIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ClockIcon.tsx#ClockIcon"]={docgenInfo:ClockIcon_ClockIcon.__docgenInfo,name:"ClockIcon",path:"src/icons/ClockIcon.tsx#ClockIcon"})}catch(__react_docgen_typescript_loader_error){}var CloseIcon=__webpack_require__("./src/icons/CloseIcon.tsx"),CodeIcon_excluded=["title","size","color"];var CodeIcon_CodeIcon=function CodeIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function CodeIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function CodeIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/CodeIcon.tsx#CodeIcon"]={docgenInfo:CodeIcon_CodeIcon.__docgenInfo,name:"CodeIcon",path:"src/icons/CodeIcon.tsx#CodeIcon"})}catch(__react_docgen_typescript_loader_error){}var ColumnIcon_excluded=["title","size","color"];var ColumnIcon_ColumnIcon=function ColumnIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function ColumnIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ColumnIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ColumnIcon.tsx#ColumnIcon"]={docgenInfo:ColumnIcon_ColumnIcon.__docgenInfo,name:"ColumnIcon",path:"src/icons/ColumnIcon.tsx#ColumnIcon"})}catch(__react_docgen_typescript_loader_error){}var CompareIcon_excluded=["title","size","color"];var CompareIcon_CompareIcon=function CompareIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function CompareIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function CompareIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/CompareIcon.tsx#CompareIcon"]={docgenInfo:CompareIcon_CompareIcon.__docgenInfo,name:"CompareIcon",path:"src/icons/CompareIcon.tsx#CompareIcon"})}catch(__react_docgen_typescript_loader_error){}var ComponentIcon_excluded=["title","size","color"];var ComponentIcon_ComponentIcon=function ComponentIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function ComponentIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ComponentIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ComponentIcon.tsx#ComponentIcon"]={docgenInfo:ComponentIcon_ComponentIcon.__docgenInfo,name:"ComponentIcon",path:"src/icons/ComponentIcon.tsx#ComponentIcon"})}catch(__react_docgen_typescript_loader_error){}var CompositionIcon_excluded=["title","size","color"];var CompositionIcon_CompositionIcon=function CompositionIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function CompositionIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function CompositionIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/CompositionIcon.tsx#CompositionIcon"]={docgenInfo:CompositionIcon_CompositionIcon.__docgenInfo,name:"CompositionIcon",path:"src/icons/CompositionIcon.tsx#CompositionIcon"})}catch(__react_docgen_typescript_loader_error){}var ConnectIcon_excluded=["title","size","color"];var ConnectIcon_ConnectIcon=function ConnectIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function ConnectIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ConnectIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ConnectIcon.tsx#ConnectIcon"]={docgenInfo:ConnectIcon_ConnectIcon.__docgenInfo,name:"ConnectIcon",path:"src/icons/ConnectIcon.tsx#ConnectIcon"})}catch(__react_docgen_typescript_loader_error){}var CopyIcon=__webpack_require__("./src/icons/CopyIcon.tsx"),CreditsIcon_excluded=["title","size","color"];var CreditsIcon_CreditsIcon=function CreditsIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function CreditsIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function CreditsIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/CreditsIcon.tsx#CreditsIcon"]={docgenInfo:CreditsIcon_CreditsIcon.__docgenInfo,name:"CreditsIcon",path:"src/icons/CreditsIcon.tsx#CreditsIcon"})}catch(__react_docgen_typescript_loader_error){}var DangerIcon=__webpack_require__("./src/icons/DangerIcon.tsx"),DangerPlainIcon_excluded=["title","size","color"];var DangerPlainIcon_DangerPlainIcon=function DangerPlainIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function DangerPlainIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function DangerPlainIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/DangerPlainIcon.tsx#DangerPlainIcon"]={docgenInfo:DangerPlainIcon_DangerPlainIcon.__docgenInfo,name:"DangerPlainIcon",path:"src/icons/DangerPlainIcon.tsx#DangerPlainIcon"})}catch(__react_docgen_typescript_loader_error){}var DateIcon=__webpack_require__("./src/icons/DateIcon.tsx"),DeleteIcon=__webpack_require__("./src/icons/DeleteIcon.tsx"),DependenceIcon_excluded=["title","size","color"];var DependenceIcon_DependenceIcon=function DependenceIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function DependenceIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function DependenceIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/DependenceIcon.tsx#DependenceIcon"]={docgenInfo:DependenceIcon_DependenceIcon.__docgenInfo,name:"DependenceIcon",path:"src/icons/DependenceIcon.tsx#DependenceIcon"})}catch(__react_docgen_typescript_loader_error){}var DialogIcon_excluded=["title","size","color"];var DialogIcon_DialogIcon=function DialogIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function DialogIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function DialogIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/DialogIcon.tsx#DialogIcon"]={docgenInfo:DialogIcon_DialogIcon.__docgenInfo,name:"DialogIcon",path:"src/icons/DialogIcon.tsx#DialogIcon"})}catch(__react_docgen_typescript_loader_error){}var DimensionsIcon_excluded=["title","size","color"];var DimensionsIcon_DimensionsIcon=function DimensionsIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function DimensionsIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function DimensionsIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/DimensionsIcon.tsx#DimensionsIcon"]={docgenInfo:DimensionsIcon_DimensionsIcon.__docgenInfo,name:"DimensionsIcon",path:"src/icons/DimensionsIcon.tsx#DimensionsIcon"})}catch(__react_docgen_typescript_loader_error){}var DownloadIcon=__webpack_require__("./src/icons/DownloadIcon.tsx"),DragDropIcon_excluded=["title","size","color"];var DragDropIcon_DragDropIcon=function DragDropIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function DragDropIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function DragDropIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/DragDropIcon.tsx#DragDropIcon"]={docgenInfo:DragDropIcon_DragDropIcon.__docgenInfo,name:"DragDropIcon",path:"src/icons/DragDropIcon.tsx#DragDropIcon"})}catch(__react_docgen_typescript_loader_error){}var EditIcon=__webpack_require__("./src/icons/EditIcon.tsx"),EntityIcon_excluded=["title","size","color"];var EntityIcon_EntityIcon=function EntityIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function EntityIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function EntityIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/EntityIcon.tsx#EntityIcon"]={docgenInfo:EntityIcon_EntityIcon.__docgenInfo,name:"EntityIcon",path:"src/icons/EntityIcon.tsx#EntityIcon"})}catch(__react_docgen_typescript_loader_error){}var ChecklistIcon_excluded=["title","size","color"];var ChecklistIcon_ChecklistIcon=function ChecklistIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function ChecklistIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ChecklistIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ChecklistIcon.tsx#ChecklistIcon"]={docgenInfo:ChecklistIcon_ChecklistIcon.__docgenInfo,name:"ChecklistIcon",path:"src/icons/ChecklistIcon.tsx#ChecklistIcon"})}catch(__react_docgen_typescript_loader_error){}var EntityMultiIcon_excluded=["title","size","color"];var EntityMultiIcon_EntityMultiIcon=function EntityMultiIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function EntityMultiIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function EntityMultiIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/EntityMultiIcon.tsx#EntityMultiIcon"]={docgenInfo:EntityMultiIcon_EntityMultiIcon.__docgenInfo,name:"EntityMultiIcon",path:"src/icons/EntityMultiIcon.tsx#EntityMultiIcon"})}catch(__react_docgen_typescript_loader_error){}var EraseIcon=__webpack_require__("./src/icons/EraseIcon.tsx"),ExpandIcon_excluded=["title","size","color"];var ExpandIcon_ExpandIcon=function ExpandIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function ExpandIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ExpandIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ExpandIcon.tsx#ExpandIcon"]={docgenInfo:ExpandIcon_ExpandIcon.__docgenInfo,name:"ExpandIcon",path:"src/icons/ExpandIcon.tsx#ExpandIcon"})}catch(__react_docgen_typescript_loader_error){}var ExplanationPointIcon_excluded=["title","size","color"];var ExplanationPointIcon_ExplanationPointIcon=function ExplanationPointIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function ExplanationPointIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ExplanationPointIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ExplanationPointIcon.tsx#ExplanationPointIcon"]={docgenInfo:ExplanationPointIcon_ExplanationPointIcon.__docgenInfo,name:"ExplanationPointIcon",path:"src/icons/ExplanationPointIcon.tsx#ExplanationPointIcon"})}catch(__react_docgen_typescript_loader_error){}var ExternalLinkIcon_excluded=["title","size","color"];var ExternalLinkIcon_ExternalLinkIcon=function ExternalLinkIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function ExternalLinkIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ExternalLinkIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ExternalLinkIcon.tsx#ExternalLinkIcon"]={docgenInfo:ExternalLinkIcon_ExternalLinkIcon.__docgenInfo,name:"ExternalLinkIcon",path:"src/icons/ExternalLinkIcon.tsx#ExternalLinkIcon"})}catch(__react_docgen_typescript_loader_error){}var FactoryIcon_excluded=["title","size","color"];var FactoryIcon_FactoryIcon=function FactoryIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function FactoryIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function FactoryIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/FactoryIcon.tsx#FactoryIcon"]={docgenInfo:FactoryIcon_FactoryIcon.__docgenInfo,name:"FactoryIcon",path:"src/icons/FactoryIcon.tsx#FactoryIcon"})}catch(__react_docgen_typescript_loader_error){}var FileIcon=__webpack_require__("./src/icons/FileIcon.tsx"),FileCsvIcon_excluded=["title","size","color"];var FileCsvIcon_FileCsvIcon=function FileCsvIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function FileCsvIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function FileCsvIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/FileCsvIcon.tsx#FileCsvIcon"]={docgenInfo:FileCsvIcon_FileCsvIcon.__docgenInfo,name:"FileCsvIcon",path:"src/icons/FileCsvIcon.tsx#FileCsvIcon"})}catch(__react_docgen_typescript_loader_error){}var FileXlsxIcon_excluded=["title","size","color"];var FileXlsxIcon_FileXlsxIcon=function FileXlsxIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function FileXlsxIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function FileXlsxIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/FileXlsxIcon.tsx#FileXlsxIcon"]={docgenInfo:FileXlsxIcon_FileXlsxIcon.__docgenInfo,name:"FileXlsxIcon",path:"src/icons/FileXlsxIcon.tsx#FileXlsxIcon"})}catch(__react_docgen_typescript_loader_error){}var FiltersIcon_excluded=["title","size","color"];var FiltersIcon_FiltersIcon=function FiltersIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function FiltersIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function FiltersIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/FiltersIcon.tsx#FiltersIcon"]={docgenInfo:FiltersIcon_FiltersIcon.__docgenInfo,name:"FiltersIcon",path:"src/icons/FiltersIcon.tsx#FiltersIcon"})}catch(__react_docgen_typescript_loader_error){}var FolderIcon=__webpack_require__("./src/icons/FolderIcon.tsx"),FolderInIcon_excluded=["title","size","color"];var FolderInIcon_FolderInIcon=function FolderInIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function FolderInIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function FolderInIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/FolderInIcon.tsx#FolderInIcon"]={docgenInfo:FolderInIcon_FolderInIcon.__docgenInfo,name:"FolderInIcon",path:"src/icons/FolderInIcon.tsx#FolderInIcon"})}catch(__react_docgen_typescript_loader_error){}var FolderMovedIcon_excluded=["title","size","color"];var FolderMovedIcon_FolderMovedIcon=function FolderMovedIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function FolderMovedIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function FolderMovedIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/FolderMovedIcon.tsx#FolderMovedIcon"]={docgenInfo:FolderMovedIcon_FolderMovedIcon.__docgenInfo,name:"FolderMovedIcon",path:"src/icons/FolderMovedIcon.tsx#FolderMovedIcon"})}catch(__react_docgen_typescript_loader_error){}var FolderOutIcon_excluded=["title","size","color"];var FolderOutIcon_FolderOutIcon=function FolderOutIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function FolderOutIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function FolderOutIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/FolderOutIcon.tsx#FolderOutIcon"]={docgenInfo:FolderOutIcon_FolderOutIcon.__docgenInfo,name:"FolderOutIcon",path:"src/icons/FolderOutIcon.tsx#FolderOutIcon"})}catch(__react_docgen_typescript_loader_error){}var FolderPlainIcon=__webpack_require__("./src/icons/FolderPlainIcon.tsx"),FoldersIcon=__webpack_require__("./src/icons/FoldersIcon.tsx"),FoldersPlainIcon=__webpack_require__("./src/icons/FoldersPlainIcon.tsx"),FoodIcon_excluded=["title","size","color"];var FoodIcon_FoodIcon=function FoodIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function FoodIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function FoodIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/FoodIcon.tsx#FoodIcon"]={docgenInfo:FoodIcon_FoodIcon.__docgenInfo,name:"FoodIcon",path:"src/icons/FoodIcon.tsx#FoodIcon"})}catch(__react_docgen_typescript_loader_error){}var FrowningFaceIcon_excluded=["title","size","color"];var FrowningFaceIcon_FrowningFaceIcon=function FrowningFaceIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function FrowningFaceIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function FrowningFaceIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/FrowningFaceIcon.tsx#FrowningFaceIcon"]={docgenInfo:FrowningFaceIcon_FrowningFaceIcon.__docgenInfo,name:"FrowningFaceIcon",path:"src/icons/FrowningFaceIcon.tsx#FrowningFaceIcon"})}catch(__react_docgen_typescript_loader_error){}var FullscreenIcon=__webpack_require__("./src/icons/FullscreenIcon.tsx"),GiftIcon=__webpack_require__("./src/icons/GiftIcon.tsx"),GroupsIcon_excluded=["title","size","color"];var GroupsIcon_GroupsIcon=function GroupsIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function GroupsIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function GroupsIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/GroupsIcon.tsx#GroupsIcon"]={docgenInfo:GroupsIcon_GroupsIcon.__docgenInfo,name:"GroupsIcon",path:"src/icons/GroupsIcon.tsx#GroupsIcon"})}catch(__react_docgen_typescript_loader_error){}var HelpIcon=__webpack_require__("./src/icons/HelpIcon.tsx"),HelpPlainIcon=__webpack_require__("./src/icons/HelpPlainIcon.tsx"),IdIcon=__webpack_require__("./src/icons/IdIcon.tsx"),InfoIcon=__webpack_require__("./src/icons/InfoIcon.tsx"),InfoRoundIcon=__webpack_require__("./src/icons/InfoRoundIcon.tsx"),KeyboardIcon_excluded=["title","size","color"];var KeyboardIcon_KeyboardIcon=function KeyboardIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function KeyboardIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function KeyboardIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/KeyboardIcon.tsx#KeyboardIcon"]={docgenInfo:KeyboardIcon_KeyboardIcon.__docgenInfo,name:"KeyboardIcon",path:"src/icons/KeyboardIcon.tsx#KeyboardIcon"})}catch(__react_docgen_typescript_loader_error){}var KeyIcon_excluded=["title","size","color"];var KeyIcon_KeyIcon=function KeyIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function KeyIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function KeyIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/KeyIcon.tsx#KeyIcon"]={docgenInfo:KeyIcon_KeyIcon.__docgenInfo,name:"KeyIcon",path:"src/icons/KeyIcon.tsx#KeyIcon"})}catch(__react_docgen_typescript_loader_error){}var LightIcon_excluded=["title","size","color"];var LightIcon_LightIcon=function LightIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function LightIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function LightIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/LightIcon.tsx#LightIcon"]={docgenInfo:LightIcon_LightIcon.__docgenInfo,name:"LightIcon",path:"src/icons/LightIcon.tsx#LightIcon"})}catch(__react_docgen_typescript_loader_error){}var LinkIcon=__webpack_require__("./src/icons/LinkIcon.tsx"),ListIcon_excluded=["title","size","color"];var ListIcon_ListIcon=function ListIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function ListIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ListIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ListIcon.tsx#ListIcon"]={docgenInfo:ListIcon_ListIcon.__docgenInfo,name:"ListIcon",path:"src/icons/ListIcon.tsx#ListIcon"})}catch(__react_docgen_typescript_loader_error){}var LoaderIcon=__webpack_require__("./src/icons/LoaderIcon.tsx"),LocaleIcon_excluded=["title","size","color"];var LocaleIcon_LocaleIcon=function LocaleIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function LocaleIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function LocaleIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/LocaleIcon.tsx#LocaleIcon"]={docgenInfo:LocaleIcon_LocaleIcon.__docgenInfo,name:"LocaleIcon",path:"src/icons/LocaleIcon.tsx#LocaleIcon"})}catch(__react_docgen_typescript_loader_error){}var LockIcon=__webpack_require__("./src/icons/LockIcon.tsx"),MailIcon=__webpack_require__("./src/icons/MailIcon.tsx"),MediaLinkIcon_excluded=["title","size","color"];var MediaLinkIcon_MediaLinkIcon=function MediaLinkIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function MediaLinkIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function MediaLinkIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/MediaLinkIcon.tsx#MediaLinkIcon"]={docgenInfo:MediaLinkIcon_MediaLinkIcon.__docgenInfo,name:"MediaLinkIcon",path:"src/icons/MediaLinkIcon.tsx#MediaLinkIcon"})}catch(__react_docgen_typescript_loader_error){}var MegaphoneIcon=__webpack_require__("./src/icons/MegaphoneIcon.tsx"),MetricIcon=__webpack_require__("./src/icons/MetricIcon.tsx"),MinifyIcon_excluded=["title","size","color"];var MinifyIcon_MinifyIcon=function MinifyIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function MinifyIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function MinifyIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/MinifyIcon.tsx#MinifyIcon"]={docgenInfo:MinifyIcon_MinifyIcon.__docgenInfo,name:"MinifyIcon",path:"src/icons/MinifyIcon.tsx#MinifyIcon"})}catch(__react_docgen_typescript_loader_error){}var MoreIcon=__webpack_require__("./src/icons/MoreIcon.tsx"),MoreVerticalIcon=__webpack_require__("./src/icons/MoreVerticalIcon.tsx"),MouseClickIcon_excluded=["title","size","color"];var MouseClickIcon_MouseClickIcon=function MouseClickIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function MouseClickIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function MouseClickIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/MouseClickIcon.tsx#MouseClickIcon"]={docgenInfo:MouseClickIcon_MouseClickIcon.__docgenInfo,name:"MouseClickIcon",path:"src/icons/MouseClickIcon.tsx#MouseClickIcon"})}catch(__react_docgen_typescript_loader_error){}var NotificationIcon_excluded=["title","size","color"];var NotificationIcon_NotificationIcon=function NotificationIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function NotificationIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function NotificationIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/NotificationIcon.tsx#NotificationIcon"]={docgenInfo:NotificationIcon_NotificationIcon.__docgenInfo,name:"NotificationIcon",path:"src/icons/NotificationIcon.tsx#NotificationIcon"})}catch(__react_docgen_typescript_loader_error){}var PanelCloseIcon=__webpack_require__("./src/icons/PanelCloseIcon.tsx"),PanelOpenIcon=__webpack_require__("./src/icons/PanelOpenIcon.tsx"),PlayIcon_excluded=["title","size","color"];var PlayIcon_PlayIcon=function PlayIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function PlayIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function PlayIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/PlayIcon.tsx#PlayIcon"]={docgenInfo:PlayIcon_PlayIcon.__docgenInfo,name:"PlayIcon",path:"src/icons/PlayIcon.tsx#PlayIcon"})}catch(__react_docgen_typescript_loader_error){}var PlusIcon=__webpack_require__("./src/icons/PlusIcon.tsx"),ProductDimensionsIcon_excluded=["title","size","color"];var ProductDimensionsIcon_ProductDimensionsIcon=function ProductDimensionsIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function ProductDimensionsIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ProductDimensionsIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ProductDimensionsIcon.tsx#ProductDimensionsIcon"]={docgenInfo:ProductDimensionsIcon_ProductDimensionsIcon.__docgenInfo,name:"ProductDimensionsIcon",path:"src/icons/ProductDimensionsIcon.tsx#ProductDimensionsIcon"})}catch(__react_docgen_typescript_loader_error){}var ProductIcon_excluded=["title","size","color"];var ProductIcon_ProductIcon=function ProductIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function ProductIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ProductIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ProductIcon.tsx#ProductIcon"]={docgenInfo:ProductIcon_ProductIcon.__docgenInfo,name:"ProductIcon",path:"src/icons/ProductIcon.tsx#ProductIcon"})}catch(__react_docgen_typescript_loader_error){}var ProductModelIcon_excluded=["title","size","color"];var ProductModelIcon_ProductModelIcon=function ProductModelIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function ProductModelIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ProductModelIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ProductModelIcon.tsx#ProductModelIcon"]={docgenInfo:ProductModelIcon_ProductModelIcon.__docgenInfo,name:"ProductModelIcon",path:"src/icons/ProductModelIcon.tsx#ProductModelIcon"})}catch(__react_docgen_typescript_loader_error){}var PublishIcon_excluded=["title","size","color"];var PublishIcon_PublishIcon=function PublishIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function PublishIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function PublishIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/PublishIcon.tsx#PublishIcon"]={docgenInfo:PublishIcon_PublishIcon.__docgenInfo,name:"PublishIcon",path:"src/icons/PublishIcon.tsx#PublishIcon"})}catch(__react_docgen_typescript_loader_error){}var RefreshIcon=__webpack_require__("./src/icons/RefreshIcon.tsx"),RowIcon=__webpack_require__("./src/icons/RowIcon.tsx"),SearchIcon=__webpack_require__("./src/icons/SearchIcon.tsx"),SectionIcon_excluded=["title","size","color"];var SectionIcon_SectionIcon=function SectionIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function SectionIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function SectionIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/SectionIcon.tsx#SectionIcon"]={docgenInfo:SectionIcon_SectionIcon.__docgenInfo,name:"SectionIcon",path:"src/icons/SectionIcon.tsx#SectionIcon"})}catch(__react_docgen_typescript_loader_error){}var SettingsIcon_excluded=["title","size","color"];var SettingsIcon_SettingsIcon=function SettingsIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function SettingsIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function SettingsIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/SettingsIcon.tsx#SettingsIcon"]={docgenInfo:SettingsIcon_SettingsIcon.__docgenInfo,name:"SettingsIcon",path:"src/icons/SettingsIcon.tsx#SettingsIcon"})}catch(__react_docgen_typescript_loader_error){}var ShopIcon_excluded=["title","size","color"];var ShopIcon_ShopIcon=function ShopIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function ShopIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ShopIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ShopIcon.tsx#ShopIcon"]={docgenInfo:ShopIcon_ShopIcon.__docgenInfo,name:"ShopIcon",path:"src/icons/ShopIcon.tsx#ShopIcon"})}catch(__react_docgen_typescript_loader_error){}var SmilingFaceIcon_excluded=["title","size","color"];var SmilingFaceIcon_SmilingFaceIcon=function SmilingFaceIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function SmilingFaceIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function SmilingFaceIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/SmilingFaceIcon.tsx#SmilingFaceIcon"]={docgenInfo:SmilingFaceIcon_SmilingFaceIcon.__docgenInfo,name:"SmilingFaceIcon",path:"src/icons/SmilingFaceIcon.tsx#SmilingFaceIcon"})}catch(__react_docgen_typescript_loader_error){}var SparkleIcon_excluded=["title","size","color"];var SparkleIcon_SparkleIcon=function SparkleIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function SparkleIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function SparkleIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/SparkleIcon.tsx#SparkleIcon"]={docgenInfo:SparkleIcon_SparkleIcon.__docgenInfo,name:"SparkleIcon",path:"src/icons/SparkleIcon.tsx#SparkleIcon"})}catch(__react_docgen_typescript_loader_error){}__webpack_require__("./node_modules/core-js/modules/es.array.fill.js");var StarIcon_excluded=["title","size","color","fill"];var StarIcon_StarIcon=function StarIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,_ref$fill=_ref.fill,fill=void 0===_ref$fill?"none":_ref$fill,props=function StarIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function StarIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/StarIcon.tsx#StarIcon"]={docgenInfo:StarIcon_StarIcon.__docgenInfo,name:"StarIcon",path:"src/icons/StarIcon.tsx#StarIcon"})}catch(__react_docgen_typescript_loader_error){}var SupplierIcon_excluded=["title","size","color"];var SupplierIcon_SupplierIcon=function SupplierIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function SupplierIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function SupplierIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/SupplierIcon.tsx#SupplierIcon"]={docgenInfo:SupplierIcon_SupplierIcon.__docgenInfo,name:"SupplierIcon",path:"src/icons/SupplierIcon.tsx#SupplierIcon"})}catch(__react_docgen_typescript_loader_error){}var SystemIcon_excluded=["title","size","color"];var SystemIcon_SystemIcon=function SystemIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function SystemIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function SystemIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/SystemIcon.tsx#SystemIcon"]={docgenInfo:SystemIcon_SystemIcon.__docgenInfo,name:"SystemIcon",path:"src/icons/SystemIcon.tsx#SystemIcon"})}catch(__react_docgen_typescript_loader_error){}var TableIcon_excluded=["title","size","color"];var TableIcon_TableIcon=function TableIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function TableIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function TableIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/TableIcon.tsx#TableIcon"]={docgenInfo:TableIcon_TableIcon.__docgenInfo,name:"TableIcon",path:"src/icons/TableIcon.tsx#TableIcon"})}catch(__react_docgen_typescript_loader_error){}var TagIcon_excluded=["title","size","color"];var TagIcon_TagIcon=function TagIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function TagIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function TagIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/TagIcon.tsx#TagIcon"]={docgenInfo:TagIcon_TagIcon.__docgenInfo,name:"TagIcon",path:"src/icons/TagIcon.tsx#TagIcon"})}catch(__react_docgen_typescript_loader_error){}var UnpublishIcon_excluded=["title","size","color"];var UnpublishIcon_UnpublishIcon=function UnpublishIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function UnpublishIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function UnpublishIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/UnpublishIcon.tsx#UnpublishIcon"]={docgenInfo:UnpublishIcon_UnpublishIcon.__docgenInfo,name:"UnpublishIcon",path:"src/icons/UnpublishIcon.tsx#UnpublishIcon"})}catch(__react_docgen_typescript_loader_error){}var UnviewIcon=__webpack_require__("./src/icons/UnviewIcon.tsx"),UploadIcon_excluded=["title","size","color"];var UploadIcon_UploadIcon=function UploadIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function UploadIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function UploadIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/UploadIcon.tsx#UploadIcon"]={docgenInfo:UploadIcon_UploadIcon.__docgenInfo,name:"UploadIcon",path:"src/icons/UploadIcon.tsx#UploadIcon"})}catch(__react_docgen_typescript_loader_error){}var UserIcon_excluded=["title","size","color"];var UserIcon_UserIcon=function UserIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function UserIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function UserIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/UserIcon.tsx#UserIcon"]={docgenInfo:UserIcon_UserIcon.__docgenInfo,name:"UserIcon",path:"src/icons/UserIcon.tsx#UserIcon"})}catch(__react_docgen_typescript_loader_error){}var ValueIcon_excluded=["title","size","color"];var ValueIcon_ValueIcon=function ValueIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function ValueIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ValueIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/ValueIcon.tsx#ValueIcon"]={docgenInfo:ValueIcon_ValueIcon.__docgenInfo,name:"ValueIcon",path:"src/icons/ValueIcon.tsx#ValueIcon"})}catch(__react_docgen_typescript_loader_error){}var ViewIcon=__webpack_require__("./src/icons/ViewIcon.tsx"),WaveIcon_excluded=["title","size","color"];var WaveIcon_WaveIcon=function WaveIcon(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function WaveIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function WaveIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/WaveIcon.tsx#WaveIcon"]={docgenInfo:WaveIcon_WaveIcon.__docgenInfo,name:"WaveIcon",path:"src/icons/WaveIcon.tsx#WaveIcon"})}catch(__react_docgen_typescript_loader_error){}var WorkflowIcon_excluded=["title","size","color"];var WorkflowIcon_WorkflowIcon=function WorkflowIcon(_ref){_ref.title;var _ref$size=_ref.size,size=void 0===_ref$size?24:_ref$size,_ref$color=_ref.color,color=void 0===_ref$color?"currentColor":_ref$color,props=function WorkflowIcon_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function WorkflowIcon_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/icons/WorkflowIcon.tsx#WorkflowIcon"]={docgenInfo:WorkflowIcon_WorkflowIcon.__docgenInfo,name:"WorkflowIcon",path:"src/icons/WorkflowIcon.tsx#WorkflowIcon"})}catch(__react_docgen_typescript_loader_error){}},"./src/illustrations/AddingValueIllustration.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return AddingValueIllustration}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _static_illustrations_AddingValue_svg__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./static/illustrations/AddingValue.svg"),_static_illustrations_AddingValue_svg__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_static_illustrations_AddingValue_svg__WEBPACK_IMPORTED_MODULE_5__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size"];var AddingValueIllustration=function AddingValueIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/AddingValueIllustration.tsx#AddingValueIllustration"]={docgenInfo:AddingValueIllustration.__docgenInfo,name:"AddingValueIllustration",path:"src/illustrations/AddingValueIllustration.tsx#AddingValueIllustration"})}catch(__react_docgen_typescript_loader_error){}},"./src/illustrations/AttributesIllustration.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return AttributesIllustration}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _static_illustrations_Attributes_svg__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./static/illustrations/Attributes.svg"),_static_illustrations_Attributes_svg__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_static_illustrations_Attributes_svg__WEBPACK_IMPORTED_MODULE_5__),_theme_common__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/theme/common.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size"];var AttributesIllustration=function AttributesIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/AttributesIllustration.tsx#AttributesIllustration"]={docgenInfo:AttributesIllustration.__docgenInfo,name:"AttributesIllustration",path:"src/illustrations/AttributesIllustration.tsx#AttributesIllustration"})}catch(__react_docgen_typescript_loader_error){}},"./src/illustrations/ChannelsIllustration.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return ChannelsIllustration}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _static_illustrations_Channels_svg__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./static/illustrations/Channels.svg"),_static_illustrations_Channels_svg__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_static_illustrations_Channels_svg__WEBPACK_IMPORTED_MODULE_5__),_theme_common__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/theme/common.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size"];var ChannelsIllustration=function ChannelsIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ChannelsIllustration.tsx#ChannelsIllustration"]={docgenInfo:ChannelsIllustration.__docgenInfo,name:"ChannelsIllustration",path:"src/illustrations/ChannelsIllustration.tsx#ChannelsIllustration"})}catch(__react_docgen_typescript_loader_error){}},"./src/illustrations/DefaultPictureIllustration.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return DefaultPictureIllustration}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _static_illustrations_DefaultPicture_svg__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./static/illustrations/DefaultPicture.svg"),_static_illustrations_DefaultPicture_svg__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_static_illustrations_DefaultPicture_svg__WEBPACK_IMPORTED_MODULE_5__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size"];var DefaultPictureIllustration=function DefaultPictureIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/DefaultPictureIllustration.tsx#DefaultPictureIllustration"]={docgenInfo:DefaultPictureIllustration.__docgenInfo,name:"DefaultPictureIllustration",path:"src/illustrations/DefaultPictureIllustration.tsx#DefaultPictureIllustration"})}catch(__react_docgen_typescript_loader_error){}},"./src/illustrations/DeleteIllustration.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return DeleteIllustration}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _static_illustrations_Delete_svg__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./static/illustrations/Delete.svg"),_static_illustrations_Delete_svg__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_static_illustrations_Delete_svg__WEBPACK_IMPORTED_MODULE_5__),_theme_common__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/theme/common.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size"];var DeleteIllustration=function DeleteIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/DeleteIllustration.tsx#DeleteIllustration"]={docgenInfo:DeleteIllustration.__docgenInfo,name:"DeleteIllustration",path:"src/illustrations/DeleteIllustration.tsx#DeleteIllustration"})}catch(__react_docgen_typescript_loader_error){}},"./src/illustrations/GroupsIllustration.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return GroupsIllustration}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _static_illustrations_Groups_svg__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./static/illustrations/Groups.svg"),_static_illustrations_Groups_svg__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_static_illustrations_Groups_svg__WEBPACK_IMPORTED_MODULE_5__),_theme_common__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/theme/common.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size"];var GroupsIllustration=function GroupsIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/GroupsIllustration.tsx#GroupsIllustration"]={docgenInfo:GroupsIllustration.__docgenInfo,name:"GroupsIllustration",path:"src/illustrations/GroupsIllustration.tsx#GroupsIllustration"})}catch(__react_docgen_typescript_loader_error){}},"./src/illustrations/ImportIllustration.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return ImportIllustration}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,styled_components__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_static_illustrations_Import_svg__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./static/illustrations/Import.svg"),_static_illustrations_Import_svg__WEBPACK_IMPORTED_MODULE_7___default=__webpack_require__.n(_static_illustrations_Import_svg__WEBPACK_IMPORTED_MODULE_7__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size","animateOnHover"];function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var Stars=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.g(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n fill: #5e63b6;\n transform-origin: 50% 50%;\n transition: transform 0.2s linear;\n"]))),Arrow=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.g(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n fill: #9452ba;\n transform-origin: 51% 32%;\n transition: transform 0.3s ease-in-out;\n"]))),animatedMixin=Object(styled_components__WEBPACK_IMPORTED_MODULE_6__.css)(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n "," {\n transform: scale(1.2);\n }\n "," {\n transform: rotate(180deg);\n }\n"])),Stars,Arrow),Container=styled_components__WEBPACK_IMPORTED_MODULE_6__.default.svg(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n :hover {\n ","\n }\n"])),(function(_ref){return _ref.animateOnHover&&animatedMixin})),ImportIllustration=function ImportIllustration(_ref2){var title=_ref2.title,_ref2$size=_ref2.size,size=void 0===_ref2$size?256:_ref2$size,_ref2$animateOnHover=_ref2.animateOnHover,animateOnHover=void 0===_ref2$animateOnHover||_ref2$animateOnHover,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ImportIllustration.tsx#ImportIllustration"]={docgenInfo:ImportIllustration.__docgenInfo,name:"ImportIllustration",path:"src/illustrations/ImportIllustration.tsx#ImportIllustration"})}catch(__react_docgen_typescript_loader_error){}},"./src/illustrations/UsersIllustration.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return UsersIllustration}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _static_illustrations_Users_svg__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./static/illustrations/Users.svg"),_static_illustrations_Users_svg__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_static_illustrations_Users_svg__WEBPACK_IMPORTED_MODULE_5__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size"];var UsersIllustration=function UsersIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/UsersIllustration.tsx#UsersIllustration"]={docgenInfo:UsersIllustration.__docgenInfo,name:"UsersIllustration",path:"src/illustrations/UsersIllustration.tsx#UsersIllustration"})}catch(__react_docgen_typescript_loader_error){}},"./src/illustrations/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"AddingValueIllustration",(function(){return AddingValueIllustration.a})),__webpack_require__.d(__webpack_exports__,"AkeneoCloudEditionIllustration",(function(){return AkeneoCloudEditionIllustration_AkeneoCloudEditionIllustration})),__webpack_require__.d(__webpack_exports__,"ApiIllustration",(function(){return ApiIllustration_ApiIllustration})),__webpack_require__.d(__webpack_exports__,"AppIllustration",(function(){return AppIllustration_AppIllustration})),__webpack_require__.d(__webpack_exports__,"AssetCategoriesIllustration",(function(){return AssetCategoriesIllustration_AssetCategoriesIllustration})),__webpack_require__.d(__webpack_exports__,"AssetsIllustration",(function(){return AssetsIllustration_AssetsIllustration})),__webpack_require__.d(__webpack_exports__,"AssociationTypesIllustration",(function(){return AssociationTypesIllustration_AssociationTypesIllustration})),__webpack_require__.d(__webpack_exports__,"AttributeGroupsIllustration",(function(){return AttributeGroupsIllustration_AttributeGroupsIllustration})),__webpack_require__.d(__webpack_exports__,"AttributesIllustration",(function(){return AttributesIllustration.a})),__webpack_require__.d(__webpack_exports__,"CatalogsIllustration",(function(){return CatalogsIllustration_CatalogsIllustration})),__webpack_require__.d(__webpack_exports__,"ChannelsIllustration",(function(){return ChannelsIllustration.a})),__webpack_require__.d(__webpack_exports__,"CityIllustration",(function(){return CityIllustration_CityIllustration})),__webpack_require__.d(__webpack_exports__,"ClientErrorIllustration",(function(){return ClientErrorIllustration_ClientErrorIllustration})),__webpack_require__.d(__webpack_exports__,"CodingIllustration",(function(){return CodingIllustration_CodingIllustration})),__webpack_require__.d(__webpack_exports__,"CurrenciesIllustration",(function(){return CurrenciesIllustration_CurrenciesIllustration})),__webpack_require__.d(__webpack_exports__,"DefaultPictureIllustration",(function(){return DefaultPictureIllustration.a})),__webpack_require__.d(__webpack_exports__,"DeleteFamilyVariantIllustration",(function(){return DeleteFamilyVariantIllustration_DeleteFamilyVariantIllustration})),__webpack_require__.d(__webpack_exports__,"DeleteIllustration",(function(){return DeleteIllustration.a})),__webpack_require__.d(__webpack_exports__,"DraftIllustration",(function(){return DraftIllustration_DraftIllustration})),__webpack_require__.d(__webpack_exports__,"EntitiesIllustration",(function(){return EntitiesIllustration_EntitiesIllustration})),__webpack_require__.d(__webpack_exports__,"EntitiesRecordIllustration",(function(){return EntitiesRecordIllustration_EntitiesRecordIllustration})),__webpack_require__.d(__webpack_exports__,"ExportBuilderIllustration",(function(){return ExportBuilderIllustration_ExportBuilderIllustration})),__webpack_require__.d(__webpack_exports__,"ExportCsvIllustration",(function(){return ExportCsvIllustration_ExportCsvIllustration})),__webpack_require__.d(__webpack_exports__,"ExportIllustration",(function(){return ExportIllustration_ExportIllustration})),__webpack_require__.d(__webpack_exports__,"ExportXlsxIllustration",(function(){return ExportXlsxIllustration_ExportXlsxIllustration})),__webpack_require__.d(__webpack_exports__,"ExportYmlIllustration",(function(){return ExportYmlIllustration_ExportYmlIllustration})),__webpack_require__.d(__webpack_exports__,"FamilyIllustration",(function(){return FamilyIllustration_FamilyIllustration})),__webpack_require__.d(__webpack_exports__,"FamilyVariantIllustration",(function(){return FamilyVariantIllustration_FamilyVariantIllustration})),__webpack_require__.d(__webpack_exports__,"GraphIllustration",(function(){return GraphIllustration_GraphIllustration})),__webpack_require__.d(__webpack_exports__,"GroupsIllustration",(function(){return GroupsIllustration.a})),__webpack_require__.d(__webpack_exports__,"ImportCsvIllustration",(function(){return ImportCsvIllustration_ImportCsvIllustration})),__webpack_require__.d(__webpack_exports__,"ImportIllustration",(function(){return ImportIllustration.a})),__webpack_require__.d(__webpack_exports__,"ImportXlsxIllustration",(function(){return ImportXlsxIllustration_ImportXlsxIllustration})),__webpack_require__.d(__webpack_exports__,"ImportYmlIllustration",(function(){return ImportYmlIllustration_ImportYmlIllustration})),__webpack_require__.d(__webpack_exports__,"JuliaIllustration",(function(){return JuliaIllustration_JuliaIllustration})),__webpack_require__.d(__webpack_exports__,"LocaleIllustration",(function(){return LocaleIllustration_LocaleIllustration})),__webpack_require__.d(__webpack_exports__,"MarketplaceIllustration",(function(){return MarketplaceIllustration_MarketplaceIllustration})),__webpack_require__.d(__webpack_exports__,"MeasurementIllustration",(function(){return MeasurementIllustration_MeasurementIllustration})),__webpack_require__.d(__webpack_exports__,"MediaFileIllustration",(function(){return MediaFileIllustration_MediaFileIllustration})),__webpack_require__.d(__webpack_exports__,"MoneyIllustration",(function(){return MoneyIllustration_MoneyIllustration})),__webpack_require__.d(__webpack_exports__,"NewsIllustration",(function(){return NewsIllustration_NewsIllustration})),__webpack_require__.d(__webpack_exports__,"NoResultsIllustration",(function(){return NoResultsIllustration_NoResultsIllustration})),__webpack_require__.d(__webpack_exports__,"ProductCategoryIllustration",(function(){return ProductCategoryIllustration_ProductCategoryIllustration})),__webpack_require__.d(__webpack_exports__,"ProductModelIllustration",(function(){return ProductModelIllustration_ProductModelIllustration})),__webpack_require__.d(__webpack_exports__,"ProductPublishedIllustration",(function(){return ProductPublishedIllustration_ProductPublishedIllustration})),__webpack_require__.d(__webpack_exports__,"ProductsIllustration",(function(){return ProductsIllustration_ProductsIllustration})),__webpack_require__.d(__webpack_exports__,"ProjectIllustration",(function(){return ProjectIllustration_ProjectIllustration})),__webpack_require__.d(__webpack_exports__,"ProposalsIllustration",(function(){return ProposalsIllustration_ProposalsIllustration})),__webpack_require__.d(__webpack_exports__,"RulesIllustration",(function(){return RulesIllustration_RulesIllustration})),__webpack_require__.d(__webpack_exports__,"ServerErrorIllustration",(function(){return ServerErrorIllustration_ServerErrorIllustration})),__webpack_require__.d(__webpack_exports__,"ServerIllustration",(function(){return ServerIllustration_ServerIllustration})),__webpack_require__.d(__webpack_exports__,"SettingsIllustration",(function(){return SettingsIllustration_SettingsIllustration})),__webpack_require__.d(__webpack_exports__,"StatusIllustration",(function(){return StatusIllustration_StatusIllustration})),__webpack_require__.d(__webpack_exports__,"SurveyIllustration",(function(){return SurveyIllustration_SurveyIllustration})),__webpack_require__.d(__webpack_exports__,"TimezoneIllustration",(function(){return TimezoneIllustration_TimezoneIllustration})),__webpack_require__.d(__webpack_exports__,"UserGroupsIllustration",(function(){return UserGroupsIllustration_UserGroupsIllustration})),__webpack_require__.d(__webpack_exports__,"UserRolesIllustration",(function(){return UserRolesIllustration_UserRolesIllustration})),__webpack_require__.d(__webpack_exports__,"UsersIllustration",(function(){return UsersIllustration.a})),__webpack_require__.d(__webpack_exports__,"UsingIllustration",(function(){return UsingIllustration_UsingIllustration})),__webpack_require__.d(__webpack_exports__,"ViewsIllustration",(function(){return ViewsIllustration_ViewsIllustration})),__webpack_require__.d(__webpack_exports__,"WarningIllustration",(function(){return WarningIllustration_WarningIllustration}));var AddingValueIllustration=__webpack_require__("./src/illustrations/AddingValueIllustration.tsx"),AkeneoCloudEdition=(__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./static/illustrations/AkeneoCloudEdition.svg")),AkeneoCloudEdition_default=__webpack_require__.n(AkeneoCloudEdition),common=__webpack_require__("./src/theme/common.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["title","size"];var AkeneoCloudEditionIllustration_AkeneoCloudEditionIllustration=function AkeneoCloudEditionIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function _objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function _objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/AkeneoCloudEditionIllustration.tsx#AkeneoCloudEditionIllustration"]={docgenInfo:AkeneoCloudEditionIllustration_AkeneoCloudEditionIllustration.__docgenInfo,name:"AkeneoCloudEditionIllustration",path:"src/illustrations/AkeneoCloudEditionIllustration.tsx#AkeneoCloudEditionIllustration"})}catch(__react_docgen_typescript_loader_error){}var Api=__webpack_require__("./static/illustrations/Api.svg"),Api_default=__webpack_require__.n(Api),ApiIllustration_excluded=["title","size"];var ApiIllustration_ApiIllustration=function ApiIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function ApiIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ApiIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ApiIllustration.tsx#ApiIllustration"]={docgenInfo:ApiIllustration_ApiIllustration.__docgenInfo,name:"ApiIllustration",path:"src/illustrations/ApiIllustration.tsx#ApiIllustration"})}catch(__react_docgen_typescript_loader_error){}var App=__webpack_require__("./static/illustrations/App.svg"),App_default=__webpack_require__.n(App),AppIllustration_excluded=["title","size"];var AppIllustration_AppIllustration=function AppIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function AppIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function AppIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/AppIllustration.tsx#AppIllustration"]={docgenInfo:AppIllustration_AppIllustration.__docgenInfo,name:"AppIllustration",path:"src/illustrations/AppIllustration.tsx#AppIllustration"})}catch(__react_docgen_typescript_loader_error){}var AssetCategories=__webpack_require__("./static/illustrations/AssetCategories.svg"),AssetCategories_default=__webpack_require__.n(AssetCategories),AssetCategoriesIllustration_excluded=["title","size"];var AssetCategoriesIllustration_AssetCategoriesIllustration=function AssetCategoriesIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function AssetCategoriesIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function AssetCategoriesIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/AssetCategoriesIllustration.tsx#AssetCategoriesIllustration"]={docgenInfo:AssetCategoriesIllustration_AssetCategoriesIllustration.__docgenInfo,name:"AssetCategoriesIllustration",path:"src/illustrations/AssetCategoriesIllustration.tsx#AssetCategoriesIllustration"})}catch(__react_docgen_typescript_loader_error){}var Assets=__webpack_require__("./static/illustrations/Assets.svg"),Assets_default=__webpack_require__.n(Assets),AssetsIllustration_excluded=["title","size"];var AssetsIllustration_AssetsIllustration=function AssetsIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function AssetsIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function AssetsIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/AssetsIllustration.tsx#AssetsIllustration"]={docgenInfo:AssetsIllustration_AssetsIllustration.__docgenInfo,name:"AssetsIllustration",path:"src/illustrations/AssetsIllustration.tsx#AssetsIllustration"})}catch(__react_docgen_typescript_loader_error){}var AssociationTypes=__webpack_require__("./static/illustrations/AssociationTypes.svg"),AssociationTypes_default=__webpack_require__.n(AssociationTypes),AssociationTypesIllustration_excluded=["title","size"];var AssociationTypesIllustration_AssociationTypesIllustration=function AssociationTypesIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function AssociationTypesIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function AssociationTypesIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/AssociationTypesIllustration.tsx#AssociationTypesIllustration"]={docgenInfo:AssociationTypesIllustration_AssociationTypesIllustration.__docgenInfo,name:"AssociationTypesIllustration",path:"src/illustrations/AssociationTypesIllustration.tsx#AssociationTypesIllustration"})}catch(__react_docgen_typescript_loader_error){}var AttributeGroups=__webpack_require__("./static/illustrations/AttributeGroups.svg"),AttributeGroups_default=__webpack_require__.n(AttributeGroups),AttributeGroupsIllustration_excluded=["title","size"];var AttributeGroupsIllustration_AttributeGroupsIllustration=function AttributeGroupsIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function AttributeGroupsIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function AttributeGroupsIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/AttributeGroupsIllustration.tsx#AttributeGroupsIllustration"]={docgenInfo:AttributeGroupsIllustration_AttributeGroupsIllustration.__docgenInfo,name:"AttributeGroupsIllustration",path:"src/illustrations/AttributeGroupsIllustration.tsx#AttributeGroupsIllustration"})}catch(__react_docgen_typescript_loader_error){}var AttributesIllustration=__webpack_require__("./src/illustrations/AttributesIllustration.tsx"),Catalogs=__webpack_require__("./static/illustrations/Catalogs.svg"),Catalogs_default=__webpack_require__.n(Catalogs),CatalogsIllustration_excluded=["title","size"];var CatalogsIllustration_CatalogsIllustration=function CatalogsIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function CatalogsIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function CatalogsIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/CatalogsIllustration.tsx#CatalogsIllustration"]={docgenInfo:CatalogsIllustration_CatalogsIllustration.__docgenInfo,name:"CatalogsIllustration",path:"src/illustrations/CatalogsIllustration.tsx#CatalogsIllustration"})}catch(__react_docgen_typescript_loader_error){}var ChannelsIllustration=__webpack_require__("./src/illustrations/ChannelsIllustration.tsx"),City=__webpack_require__("./static/illustrations/City.svg"),City_default=__webpack_require__.n(City),CityIllustration_excluded=["title","size"];var CityIllustration_CityIllustration=function CityIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function CityIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function CityIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/CityIllustration.tsx#CityIllustration"]={docgenInfo:CityIllustration_CityIllustration.__docgenInfo,name:"CityIllustration",path:"src/illustrations/CityIllustration.tsx#CityIllustration"})}catch(__react_docgen_typescript_loader_error){}var ClientError=__webpack_require__("./static/illustrations/ClientError.svg"),ClientError_default=__webpack_require__.n(ClientError),ClientErrorIllustration_excluded=["title","size"];var ClientErrorIllustration_ClientErrorIllustration=function ClientErrorIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?500:_ref$size,props=function ClientErrorIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ClientErrorIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ClientErrorIllustration.tsx#ClientErrorIllustration"]={docgenInfo:ClientErrorIllustration_ClientErrorIllustration.__docgenInfo,name:"ClientErrorIllustration",path:"src/illustrations/ClientErrorIllustration.tsx#ClientErrorIllustration"})}catch(__react_docgen_typescript_loader_error){}var Coding=__webpack_require__("./static/illustrations/Coding.svg"),Coding_default=__webpack_require__.n(Coding),CodingIllustration_excluded=["title","size"];var CodingIllustration_CodingIllustration=function CodingIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function CodingIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function CodingIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/CodingIllustration.tsx#CodingIllustration"]={docgenInfo:CodingIllustration_CodingIllustration.__docgenInfo,name:"CodingIllustration",path:"src/illustrations/CodingIllustration.tsx#CodingIllustration"})}catch(__react_docgen_typescript_loader_error){}var Currencies=__webpack_require__("./static/illustrations/Currencies.svg"),Currencies_default=__webpack_require__.n(Currencies),CurrenciesIllustration_excluded=["title","size"];var CurrenciesIllustration_CurrenciesIllustration=function CurrenciesIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function CurrenciesIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function CurrenciesIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/CurrenciesIllustration.tsx#CurrenciesIllustration"]={docgenInfo:CurrenciesIllustration_CurrenciesIllustration.__docgenInfo,name:"CurrenciesIllustration",path:"src/illustrations/CurrenciesIllustration.tsx#CurrenciesIllustration"})}catch(__react_docgen_typescript_loader_error){}var DefaultPictureIllustration=__webpack_require__("./src/illustrations/DefaultPictureIllustration.tsx"),DeleteFamilyVariant=__webpack_require__("./static/illustrations/DeleteFamilyVariant.svg"),DeleteFamilyVariant_default=__webpack_require__.n(DeleteFamilyVariant),DeleteFamilyVariantIllustration_excluded=["title","size"];var DeleteFamilyVariantIllustration_DeleteFamilyVariantIllustration=function DeleteFamilyVariantIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function DeleteFamilyVariantIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function DeleteFamilyVariantIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/DeleteFamilyVariantIllustration.tsx#DeleteFamilyVariantIllustration"]={docgenInfo:DeleteFamilyVariantIllustration_DeleteFamilyVariantIllustration.__docgenInfo,name:"DeleteFamilyVariantIllustration",path:"src/illustrations/DeleteFamilyVariantIllustration.tsx#DeleteFamilyVariantIllustration"})}catch(__react_docgen_typescript_loader_error){}var DeleteIllustration=__webpack_require__("./src/illustrations/DeleteIllustration.tsx"),Draft=__webpack_require__("./static/illustrations/Draft.svg"),Draft_default=__webpack_require__.n(Draft),DraftIllustration_excluded=["title","size"];var DraftIllustration_DraftIllustration=function DraftIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function DraftIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function DraftIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/DraftIllustration.tsx#DraftIllustration"]={docgenInfo:DraftIllustration_DraftIllustration.__docgenInfo,name:"DraftIllustration",path:"src/illustrations/DraftIllustration.tsx#DraftIllustration"})}catch(__react_docgen_typescript_loader_error){}var Entities=__webpack_require__("./static/illustrations/Entities.svg"),Entities_default=__webpack_require__.n(Entities),EntitiesIllustration_excluded=["title","size"];var EntitiesIllustration_EntitiesIllustration=function EntitiesIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function EntitiesIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function EntitiesIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/EntitiesIllustration.tsx#EntitiesIllustration"]={docgenInfo:EntitiesIllustration_EntitiesIllustration.__docgenInfo,name:"EntitiesIllustration",path:"src/illustrations/EntitiesIllustration.tsx#EntitiesIllustration"})}catch(__react_docgen_typescript_loader_error){}var EntitiesRecord=__webpack_require__("./static/illustrations/EntitiesRecord.svg"),EntitiesRecord_default=__webpack_require__.n(EntitiesRecord),EntitiesRecordIllustration_excluded=["title","size"];var EntitiesRecordIllustration_EntitiesRecordIllustration=function EntitiesRecordIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function EntitiesRecordIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function EntitiesRecordIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/EntitiesRecordIllustration.tsx#EntitiesRecordIllustration"]={docgenInfo:EntitiesRecordIllustration_EntitiesRecordIllustration.__docgenInfo,name:"EntitiesRecordIllustration",path:"src/illustrations/EntitiesRecordIllustration.tsx#EntitiesRecordIllustration"})}catch(__react_docgen_typescript_loader_error){}var ExportBuilder=__webpack_require__("./static/illustrations/ExportBuilder.svg"),ExportBuilder_default=__webpack_require__.n(ExportBuilder),ExportBuilderIllustration_excluded=["title","size"];var ExportBuilderIllustration_ExportBuilderIllustration=function ExportBuilderIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function ExportBuilderIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ExportBuilderIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ExportBuilderIllustration.tsx#ExportBuilderIllustration"]={docgenInfo:ExportBuilderIllustration_ExportBuilderIllustration.__docgenInfo,name:"ExportBuilderIllustration",path:"src/illustrations/ExportBuilderIllustration.tsx#ExportBuilderIllustration"})}catch(__react_docgen_typescript_loader_error){}var ExportCsv=__webpack_require__("./static/illustrations/ExportCsv.svg"),ExportCsv_default=__webpack_require__.n(ExportCsv),ExportCsvIllustration_excluded=["title","size"];var ExportCsvIllustration_ExportCsvIllustration=function ExportCsvIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function ExportCsvIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ExportCsvIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ExportCsvIllustration.tsx#ExportCsvIllustration"]={docgenInfo:ExportCsvIllustration_ExportCsvIllustration.__docgenInfo,name:"ExportCsvIllustration",path:"src/illustrations/ExportCsvIllustration.tsx#ExportCsvIllustration"})}catch(__react_docgen_typescript_loader_error){}var Export=__webpack_require__("./static/illustrations/Export.svg"),Export_default=__webpack_require__.n(Export),ExportIllustration_excluded=["title","size"];var ExportIllustration_ExportIllustration=function ExportIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function ExportIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ExportIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ExportIllustration.tsx#ExportIllustration"]={docgenInfo:ExportIllustration_ExportIllustration.__docgenInfo,name:"ExportIllustration",path:"src/illustrations/ExportIllustration.tsx#ExportIllustration"})}catch(__react_docgen_typescript_loader_error){}var ExportXlsx=__webpack_require__("./static/illustrations/ExportXlsx.svg"),ExportXlsx_default=__webpack_require__.n(ExportXlsx),ExportXlsxIllustration_excluded=["title","size"];var ExportXlsxIllustration_ExportXlsxIllustration=function ExportXlsxIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function ExportXlsxIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ExportXlsxIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ExportXlsxIllustration.tsx#ExportXlsxIllustration"]={docgenInfo:ExportXlsxIllustration_ExportXlsxIllustration.__docgenInfo,name:"ExportXlsxIllustration",path:"src/illustrations/ExportXlsxIllustration.tsx#ExportXlsxIllustration"})}catch(__react_docgen_typescript_loader_error){}var ExportYml=__webpack_require__("./static/illustrations/ExportYml.svg"),ExportYml_default=__webpack_require__.n(ExportYml),ExportYmlIllustration_excluded=["title","size"];var ExportYmlIllustration_ExportYmlIllustration=function ExportYmlIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function ExportYmlIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ExportYmlIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ExportYmlIllustration.tsx#ExportYmlIllustration"]={docgenInfo:ExportYmlIllustration_ExportYmlIllustration.__docgenInfo,name:"ExportYmlIllustration",path:"src/illustrations/ExportYmlIllustration.tsx#ExportYmlIllustration"})}catch(__react_docgen_typescript_loader_error){}var Family=__webpack_require__("./static/illustrations/Family.svg"),Family_default=__webpack_require__.n(Family),FamilyIllustration_excluded=["title","size"];var FamilyIllustration_FamilyIllustration=function FamilyIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function FamilyIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function FamilyIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/FamilyIllustration.tsx#FamilyIllustration"]={docgenInfo:FamilyIllustration_FamilyIllustration.__docgenInfo,name:"FamilyIllustration",path:"src/illustrations/FamilyIllustration.tsx#FamilyIllustration"})}catch(__react_docgen_typescript_loader_error){}var FamilyVariant=__webpack_require__("./static/illustrations/FamilyVariant.svg"),FamilyVariant_default=__webpack_require__.n(FamilyVariant),FamilyVariantIllustration_excluded=["title","size"];var FamilyVariantIllustration_FamilyVariantIllustration=function FamilyVariantIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function FamilyVariantIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function FamilyVariantIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/FamilyVariantIllustration.tsx#FamilyVariantIllustration"]={docgenInfo:FamilyVariantIllustration_FamilyVariantIllustration.__docgenInfo,name:"FamilyVariantIllustration",path:"src/illustrations/FamilyVariantIllustration.tsx#FamilyVariantIllustration"})}catch(__react_docgen_typescript_loader_error){}var Graph=__webpack_require__("./static/illustrations/Graph.svg"),Graph_default=__webpack_require__.n(Graph),GraphIllustration_excluded=["title","size"];var GraphIllustration_GraphIllustration=function GraphIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function GraphIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function GraphIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/GraphIllustration.tsx#GraphIllustration"]={docgenInfo:GraphIllustration_GraphIllustration.__docgenInfo,name:"GraphIllustration",path:"src/illustrations/GraphIllustration.tsx#GraphIllustration"})}catch(__react_docgen_typescript_loader_error){}var GroupsIllustration=__webpack_require__("./src/illustrations/GroupsIllustration.tsx"),ImportCsv=__webpack_require__("./static/illustrations/ImportCsv.svg"),ImportCsv_default=__webpack_require__.n(ImportCsv),ImportCsvIllustration_excluded=["title","size"];var ImportCsvIllustration_ImportCsvIllustration=function ImportCsvIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function ImportCsvIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ImportCsvIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ImportCsvIllustration.tsx#ImportCsvIllustration"]={docgenInfo:ImportCsvIllustration_ImportCsvIllustration.__docgenInfo,name:"ImportCsvIllustration",path:"src/illustrations/ImportCsvIllustration.tsx#ImportCsvIllustration"})}catch(__react_docgen_typescript_loader_error){}var ImportIllustration=__webpack_require__("./src/illustrations/ImportIllustration.tsx"),ImportXlsx=__webpack_require__("./static/illustrations/ImportXlsx.svg"),ImportXlsx_default=__webpack_require__.n(ImportXlsx),ImportXlsxIllustration_excluded=["title","size"];var ImportXlsxIllustration_ImportXlsxIllustration=function ImportXlsxIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function ImportXlsxIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ImportXlsxIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ImportXlsxIllustration.tsx#ImportXlsxIllustration"]={docgenInfo:ImportXlsxIllustration_ImportXlsxIllustration.__docgenInfo,name:"ImportXlsxIllustration",path:"src/illustrations/ImportXlsxIllustration.tsx#ImportXlsxIllustration"})}catch(__react_docgen_typescript_loader_error){}var ImportYml=__webpack_require__("./static/illustrations/ImportYml.svg"),ImportYml_default=__webpack_require__.n(ImportYml),ImportYmlIllustration_excluded=["title","size"];var ImportYmlIllustration_ImportYmlIllustration=function ImportYmlIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function ImportYmlIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ImportYmlIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ImportYmlIllustration.tsx#ImportYmlIllustration"]={docgenInfo:ImportYmlIllustration_ImportYmlIllustration.__docgenInfo,name:"ImportYmlIllustration",path:"src/illustrations/ImportYmlIllustration.tsx#ImportYmlIllustration"})}catch(__react_docgen_typescript_loader_error){}var Julia=__webpack_require__("./static/illustrations/Julia.svg"),Julia_default=__webpack_require__.n(Julia),JuliaIllustration_excluded=["title","size"];var JuliaIllustration_JuliaIllustration=function JuliaIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function JuliaIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function JuliaIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/JuliaIllustration.tsx#JuliaIllustration"]={docgenInfo:JuliaIllustration_JuliaIllustration.__docgenInfo,name:"JuliaIllustration",path:"src/illustrations/JuliaIllustration.tsx#JuliaIllustration"})}catch(__react_docgen_typescript_loader_error){}var Locale=__webpack_require__("./static/illustrations/Locale.svg"),Locale_default=__webpack_require__.n(Locale),LocaleIllustration_excluded=["title","size"];var LocaleIllustration_LocaleIllustration=function LocaleIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function LocaleIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function LocaleIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/LocaleIllustration.tsx#LocaleIllustration"]={docgenInfo:LocaleIllustration_LocaleIllustration.__docgenInfo,name:"LocaleIllustration",path:"src/illustrations/LocaleIllustration.tsx#LocaleIllustration"})}catch(__react_docgen_typescript_loader_error){}var Marketplace=__webpack_require__("./static/illustrations/Marketplace.svg"),Marketplace_default=__webpack_require__.n(Marketplace),MarketplaceIllustration_excluded=["title","size"];var MarketplaceIllustration_MarketplaceIllustration=function MarketplaceIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function MarketplaceIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function MarketplaceIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/MarketplaceIllustration.tsx#MarketplaceIllustration"]={docgenInfo:MarketplaceIllustration_MarketplaceIllustration.__docgenInfo,name:"MarketplaceIllustration",path:"src/illustrations/MarketplaceIllustration.tsx#MarketplaceIllustration"})}catch(__react_docgen_typescript_loader_error){}var Measurement=__webpack_require__("./static/illustrations/Measurement.svg"),Measurement_default=__webpack_require__.n(Measurement),MeasurementIllustration_excluded=["title","size"];var MeasurementIllustration_MeasurementIllustration=function MeasurementIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function MeasurementIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function MeasurementIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/MeasurementIllustration.tsx#MeasurementIllustration"]={docgenInfo:MeasurementIllustration_MeasurementIllustration.__docgenInfo,name:"MeasurementIllustration",path:"src/illustrations/MeasurementIllustration.tsx#MeasurementIllustration"})}catch(__react_docgen_typescript_loader_error){}var MediaFile=__webpack_require__("./static/illustrations/MediaFile.svg"),MediaFile_default=__webpack_require__.n(MediaFile),MediaFileIllustration_excluded=["title","size"];var MediaFileIllustration_MediaFileIllustration=function MediaFileIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function MediaFileIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function MediaFileIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/MediaFileIllustration.tsx#MediaFileIllustration"]={docgenInfo:MediaFileIllustration_MediaFileIllustration.__docgenInfo,name:"MediaFileIllustration",path:"src/illustrations/MediaFileIllustration.tsx#MediaFileIllustration"})}catch(__react_docgen_typescript_loader_error){}var Money=__webpack_require__("./static/illustrations/Money.svg"),Money_default=__webpack_require__.n(Money),MoneyIllustration_excluded=["title","size"];var MoneyIllustration_MoneyIllustration=function MoneyIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function MoneyIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function MoneyIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/MoneyIllustration.tsx#MoneyIllustration"]={docgenInfo:MoneyIllustration_MoneyIllustration.__docgenInfo,name:"MoneyIllustration",path:"src/illustrations/MoneyIllustration.tsx#MoneyIllustration"})}catch(__react_docgen_typescript_loader_error){}var News=__webpack_require__("./static/illustrations/News.svg"),News_default=__webpack_require__.n(News),NewsIllustration_excluded=["title","size"];var NewsIllustration_NewsIllustration=function NewsIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function NewsIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function NewsIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/NewsIllustration.tsx#NewsIllustration"]={docgenInfo:NewsIllustration_NewsIllustration.__docgenInfo,name:"NewsIllustration",path:"src/illustrations/NewsIllustration.tsx#NewsIllustration"})}catch(__react_docgen_typescript_loader_error){}var NoResults=__webpack_require__("./static/illustrations/NoResults.svg"),NoResults_default=__webpack_require__.n(NoResults),NoResultsIllustration_excluded=["title","size"];var NoResultsIllustration_NoResultsIllustration=function NoResultsIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function NoResultsIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function NoResultsIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/NoResultsIllustration.tsx#NoResultsIllustration"]={docgenInfo:NoResultsIllustration_NoResultsIllustration.__docgenInfo,name:"NoResultsIllustration",path:"src/illustrations/NoResultsIllustration.tsx#NoResultsIllustration"})}catch(__react_docgen_typescript_loader_error){}var ProductCategory=__webpack_require__("./static/illustrations/ProductCategory.svg"),ProductCategory_default=__webpack_require__.n(ProductCategory),ProductCategoryIllustration_excluded=["title","size"];var ProductCategoryIllustration_ProductCategoryIllustration=function ProductCategoryIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function ProductCategoryIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ProductCategoryIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ProductCategoryIllustration.tsx#ProductCategoryIllustration"]={docgenInfo:ProductCategoryIllustration_ProductCategoryIllustration.__docgenInfo,name:"ProductCategoryIllustration",path:"src/illustrations/ProductCategoryIllustration.tsx#ProductCategoryIllustration"})}catch(__react_docgen_typescript_loader_error){}var ProductModel=__webpack_require__("./static/illustrations/ProductModel.svg"),ProductModel_default=__webpack_require__.n(ProductModel),ProductModelIllustration_excluded=["title","size"];var ProductModelIllustration_ProductModelIllustration=function ProductModelIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function ProductModelIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ProductModelIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ProductModelIllustration.tsx#ProductModelIllustration"]={docgenInfo:ProductModelIllustration_ProductModelIllustration.__docgenInfo,name:"ProductModelIllustration",path:"src/illustrations/ProductModelIllustration.tsx#ProductModelIllustration"})}catch(__react_docgen_typescript_loader_error){}var ProductPublished=__webpack_require__("./static/illustrations/ProductPublished.svg"),ProductPublished_default=__webpack_require__.n(ProductPublished),ProductPublishedIllustration_excluded=["title","size"];var ProductPublishedIllustration_ProductPublishedIllustration=function ProductPublishedIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function ProductPublishedIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ProductPublishedIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ProductPublishedIllustration.tsx#ProductPublishedIllustration"]={docgenInfo:ProductPublishedIllustration_ProductPublishedIllustration.__docgenInfo,name:"ProductPublishedIllustration",path:"src/illustrations/ProductPublishedIllustration.tsx#ProductPublishedIllustration"})}catch(__react_docgen_typescript_loader_error){}var Products=__webpack_require__("./static/illustrations/Products.svg"),Products_default=__webpack_require__.n(Products),ProductsIllustration_excluded=["title","size"];var ProductsIllustration_ProductsIllustration=function ProductsIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function ProductsIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ProductsIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ProductsIllustration.tsx#ProductsIllustration"]={docgenInfo:ProductsIllustration_ProductsIllustration.__docgenInfo,name:"ProductsIllustration",path:"src/illustrations/ProductsIllustration.tsx#ProductsIllustration"})}catch(__react_docgen_typescript_loader_error){}var Project=__webpack_require__("./static/illustrations/Project.svg"),Project_default=__webpack_require__.n(Project),ProjectIllustration_excluded=["title","size"];var ProjectIllustration_ProjectIllustration=function ProjectIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function ProjectIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ProjectIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ProjectIllustration.tsx#ProjectIllustration"]={docgenInfo:ProjectIllustration_ProjectIllustration.__docgenInfo,name:"ProjectIllustration",path:"src/illustrations/ProjectIllustration.tsx#ProjectIllustration"})}catch(__react_docgen_typescript_loader_error){}var useTheme=__webpack_require__("./src/hooks/useTheme.ts"),Proposals=__webpack_require__("./static/illustrations/Proposals.svg"),Proposals_default=__webpack_require__.n(Proposals),ProposalsIllustration_excluded=["title","size"];var ProposalsIllustration_ProposalsIllustration=function ProposalsIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function ProposalsIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ProposalsIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ProposalsIllustration.tsx#ProposalsIllustration"]={docgenInfo:ProposalsIllustration_ProposalsIllustration.__docgenInfo,name:"ProposalsIllustration",path:"src/illustrations/ProposalsIllustration.tsx#ProposalsIllustration"})}catch(__react_docgen_typescript_loader_error){}var Rules=__webpack_require__("./static/illustrations/Rules.svg"),Rules_default=__webpack_require__.n(Rules),RulesIllustration_excluded=["title","size"];var RulesIllustration_RulesIllustration=function RulesIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function RulesIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function RulesIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/RulesIllustration.tsx#RulesIllustration"]={docgenInfo:RulesIllustration_RulesIllustration.__docgenInfo,name:"RulesIllustration",path:"src/illustrations/RulesIllustration.tsx#RulesIllustration"})}catch(__react_docgen_typescript_loader_error){}var ServerError=__webpack_require__("./static/illustrations/ServerError.svg"),ServerError_default=__webpack_require__.n(ServerError),ServerErrorIllustration_excluded=["title","size"];var ServerErrorIllustration_ServerErrorIllustration=function ServerErrorIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?500:_ref$size,props=function ServerErrorIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ServerErrorIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ServerErrorIllustration.tsx#ServerErrorIllustration"]={docgenInfo:ServerErrorIllustration_ServerErrorIllustration.__docgenInfo,name:"ServerErrorIllustration",path:"src/illustrations/ServerErrorIllustration.tsx#ServerErrorIllustration"})}catch(__react_docgen_typescript_loader_error){}var Server=__webpack_require__("./static/illustrations/Server.svg"),Server_default=__webpack_require__.n(Server),ServerIllustration_excluded=["title","size"];var ServerIllustration_ServerIllustration=function ServerIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function ServerIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ServerIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ServerIllustration.tsx#ServerIllustration"]={docgenInfo:ServerIllustration_ServerIllustration.__docgenInfo,name:"ServerIllustration",path:"src/illustrations/ServerIllustration.tsx#ServerIllustration"})}catch(__react_docgen_typescript_loader_error){}var Settings=__webpack_require__("./static/illustrations/Settings.svg"),Settings_default=__webpack_require__.n(Settings),SettingsIllustration_excluded=["title","size"];var SettingsIllustration_SettingsIllustration=function SettingsIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function SettingsIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function SettingsIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/SettingsIllustration.tsx#SettingsIllustration"]={docgenInfo:SettingsIllustration_SettingsIllustration.__docgenInfo,name:"SettingsIllustration",path:"src/illustrations/SettingsIllustration.tsx#SettingsIllustration"})}catch(__react_docgen_typescript_loader_error){}var Status=__webpack_require__("./static/illustrations/Status.svg"),Status_default=__webpack_require__.n(Status),StatusIllustration_excluded=["title","size"];var StatusIllustration_StatusIllustration=function StatusIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function StatusIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function StatusIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/StatusIllustration.tsx#StatusIllustration"]={docgenInfo:StatusIllustration_StatusIllustration.__docgenInfo,name:"StatusIllustration",path:"src/illustrations/StatusIllustration.tsx#StatusIllustration"})}catch(__react_docgen_typescript_loader_error){}var Survey=__webpack_require__("./static/illustrations/Survey.svg"),Survey_default=__webpack_require__.n(Survey),SurveyIllustration_excluded=["title","size"];var SurveyIllustration_SurveyIllustration=function SurveyIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function SurveyIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function SurveyIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/SurveyIllustration.tsx#SurveyIllustration"]={docgenInfo:SurveyIllustration_SurveyIllustration.__docgenInfo,name:"SurveyIllustration",path:"src/illustrations/SurveyIllustration.tsx#SurveyIllustration"})}catch(__react_docgen_typescript_loader_error){}var Timezone=__webpack_require__("./static/illustrations/Timezone.svg"),Timezone_default=__webpack_require__.n(Timezone),TimezoneIllustration_excluded=["title","size"];var TimezoneIllustration_TimezoneIllustration=function TimezoneIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function TimezoneIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function TimezoneIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/TimezoneIllustration.tsx#TimezoneIllustration"]={docgenInfo:TimezoneIllustration_TimezoneIllustration.__docgenInfo,name:"TimezoneIllustration",path:"src/illustrations/TimezoneIllustration.tsx#TimezoneIllustration"})}catch(__react_docgen_typescript_loader_error){}var UserGroups=__webpack_require__("./static/illustrations/UserGroups.svg"),UserGroups_default=__webpack_require__.n(UserGroups),UserGroupsIllustration_excluded=["title","size"];var UserGroupsIllustration_UserGroupsIllustration=function UserGroupsIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function UserGroupsIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function UserGroupsIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/UserGroupsIllustration.tsx#UserGroupsIllustration"]={docgenInfo:UserGroupsIllustration_UserGroupsIllustration.__docgenInfo,name:"UserGroupsIllustration",path:"src/illustrations/UserGroupsIllustration.tsx#UserGroupsIllustration"})}catch(__react_docgen_typescript_loader_error){}var UserRoles=__webpack_require__("./static/illustrations/UserRoles.svg"),UserRoles_default=__webpack_require__.n(UserRoles),UserRolesIllustration_excluded=["title","size"];var UserRolesIllustration_UserRolesIllustration=function UserRolesIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function UserRolesIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function UserRolesIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/UserRolesIllustration.tsx#UserRolesIllustration"]={docgenInfo:UserRolesIllustration_UserRolesIllustration.__docgenInfo,name:"UserRolesIllustration",path:"src/illustrations/UserRolesIllustration.tsx#UserRolesIllustration"})}catch(__react_docgen_typescript_loader_error){}var UsersIllustration=__webpack_require__("./src/illustrations/UsersIllustration.tsx"),Using=__webpack_require__("./static/illustrations/Using.svg"),Using_default=__webpack_require__.n(Using),UsingIllustration_excluded=["title","size"];var UsingIllustration_UsingIllustration=function UsingIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function UsingIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function UsingIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/UsingIllustration.tsx#UsingIllustration"]={docgenInfo:UsingIllustration_UsingIllustration.__docgenInfo,name:"UsingIllustration",path:"src/illustrations/UsingIllustration.tsx#UsingIllustration"})}catch(__react_docgen_typescript_loader_error){}var Views=__webpack_require__("./static/illustrations/Views.svg"),Views_default=__webpack_require__.n(Views),ViewsIllustration_excluded=["title","size"];var ViewsIllustration_ViewsIllustration=function ViewsIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function ViewsIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function ViewsIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/ViewsIllustration.tsx#ViewsIllustration"]={docgenInfo:ViewsIllustration_ViewsIllustration.__docgenInfo,name:"ViewsIllustration",path:"src/illustrations/ViewsIllustration.tsx#ViewsIllustration"})}catch(__react_docgen_typescript_loader_error){}var Warning=__webpack_require__("./static/illustrations/Warning.svg"),Warning_default=__webpack_require__.n(Warning),WarningIllustration_excluded=["title","size"];var WarningIllustration_WarningIllustration=function WarningIllustration(_ref){var title=_ref.title,_ref$size=_ref.size,size=void 0===_ref$size?256:_ref$size,props=function WarningIllustration_objectWithoutProperties(e,t){if(null==e)return{};var o,r,i=function WarningIllustration_objectWithoutPropertiesLoose(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(e.includes(n))continue;t[n]=r[n]}return t}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/illustrations/WarningIllustration.tsx#WarningIllustration"]={docgenInfo:WarningIllustration_WarningIllustration.__docgenInfo,name:"WarningIllustration",path:"src/illustrations/WarningIllustration.tsx#WarningIllustration"})}catch(__react_docgen_typescript_loader_error){}},"./src/patterns/BulkActions/BulkActions.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"bigTable",(function(){return BulkActions_stories_bigTable})),__webpack_require__.d(__webpack_exports__,"smallTable",(function(){return BulkActions_stories_smallTable})),__webpack_require__.d(__webpack_exports__,"withCards",(function(){return BulkActions_stories_withCards}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),Table=__webpack_require__("./src/components/Table/Table.tsx"),Image=__webpack_require__("./src/components/Image/Image.tsx"),Badge=__webpack_require__("./src/components/Badge/Badge.tsx"),Button=__webpack_require__("./src/components/Button/Button.tsx"),Toolbar=__webpack_require__("./src/components/Toolbar/Toolbar.tsx"),Checkbox=__webpack_require__("./src/components/Checkbox/Checkbox.tsx"),Dropdown=__webpack_require__("./src/components/Dropdown/Dropdown.tsx"),IconButton=__webpack_require__("./src/components/IconButton/IconButton.tsx"),Card=__webpack_require__("./src/components/Card/Card.tsx"),shared_stories_data=__webpack_require__("./src/components/Table/shared-stories-data.js"),PreviewGallery=__webpack_require__("./src/storybook/PreviewGallery.tsx"),useBooleanState=__webpack_require__("./src/hooks/useBooleanState.ts");__webpack_require__("./node_modules/core-js/modules/es.array.filter.js");function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||_unsupportedIterableToArray(r,e)||function _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 _toConsumableArray(r){return function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r)}(r)||function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(r)||_unsupportedIterableToArray(r)||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 _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);er.length)&&(a=r.length);for(var e=0,n=Array(a);e {\n const [isOpen, open, close] = useBooleanState();\n const manyRows = [...rows, ...rows, ...rows, ...rows, ...rows, ...rows];\n const [, selectionState, isItemSelected, onSelectionChange, onSelectAllChange, selectedCount] = useSelection(manyRows.length);\n return \n
\n \n \n Image\n Name\n Family\n Order\n Genus\n Conservation status\n Actions\n \n \n {manyRows.map((row, index) => onSelectionChange(index, value)} isSelected={isItemSelected(index)}>\n \n \n \n {row.name}\n {row.family}\n {row.order}\n {row.genus}\n \n {row.conservation_status}\n \n \n \n \n )}\n \n
\n
\n \n \n onSelectAllChange(value)} />\n \n } title="Select" onClick={open} />\n {isOpen && \n \n Select\n \n \n {\n onSelectAllChange(true);\n close();\n }}>\n Select all\n \n {\n onSelectAllChange(true);\n close();\n }}>\n Select all visible\n \n {\n onSelectAllChange(false);\n close();\n }}>\n Select none\n \n \n }\n \n \n {selectedCount} Selected\n \n \n \n \n \n \n ;\n}'}};var BulkActions_stories_smallTable=function smallTable(){var _useSelection10=BulkActions_stories_slicedToArray(useSelection_useSelection(shared_stories_data.a.length),6),selectionState=_useSelection10[1],isItemSelected=_useSelection10[2],onSelectionChange=_useSelection10[3],onSelectAllChange=_useSelection10[4],selectedCount=_useSelection10[5],_useBooleanState10=BulkActions_stories_slicedToArray(Object(useBooleanState.a)(),3),isOpen=_useBooleanState10[0],open=_useBooleanState10[1],close=_useBooleanState10[2];return Object(esm.b)(PreviewGallery.k,{height:400,style:{overflow:"hidden"}},Object(esm.b)("div",{style:{flexGrow:1,overflowY:"auto"}},Object(esm.b)(Table.a,{isSelectable:!0,displayCheckbox:!!selectionState},Object(esm.b)(Table.a.Header,null,Object(esm.b)(Table.a.HeaderCell,null,"Image"),Object(esm.b)(Table.a.HeaderCell,null,"Name"),Object(esm.b)(Table.a.HeaderCell,null,"Family"),Object(esm.b)(Table.a.HeaderCell,null,"Order"),Object(esm.b)(Table.a.HeaderCell,null,"Genus"),Object(esm.b)(Table.a.HeaderCell,null,"Conservation status"),Object(esm.b)(Table.a.HeaderCell,null,"Actions")),Object(esm.b)(Table.a.Body,null,shared_stories_data.a.map((function(row,index){return Object(esm.b)(Table.a.Row,{key:index,onSelectToggle:function onSelectToggle(value){return onSelectionChange(index,value)},isSelected:isItemSelected(index)},Object(esm.b)(Table.a.Cell,null,Object(esm.b)(Image.a,{src:row.image,alt:"The alt"})),Object(esm.b)(Table.a.Cell,null,row.name),Object(esm.b)(Table.a.Cell,null,row.family),Object(esm.b)(Table.a.Cell,null,row.order),Object(esm.b)(Table.a.Cell,null,row.genus),Object(esm.b)(Table.a.Cell,null,Object(esm.b)(Badge.a,{level:row.conservation_status_level},row.conservation_status)),Object(esm.b)(Table.a.ActionCell,null,Object(esm.b)(Button.a,{level:"primary",ghost:!0},"Button")))}))))),Object(esm.b)(Toolbar.a,{isVisible:!!selectionState},Object(esm.b)(Toolbar.a.SelectionContainer,null,Object(esm.b)(Checkbox.a,{checked:selectionState,onChange:function onChange(value){return onSelectAllChange(value)}}),Object(esm.b)(Dropdown.a,null,Object(esm.b)(IconButton.a,{size:"small",level:"tertiary",ghost:"borderless",icon:Object(esm.b)(ArrowDownIcon.a,null),title:"Select",onClick:open}),isOpen&&Object(esm.b)(Dropdown.a.Overlay,{onClose:close},Object(esm.b)(Dropdown.a.Header,null,Object(esm.b)(Dropdown.a.Title,null,"Select")),Object(esm.b)(Dropdown.a.ItemCollection,null,Object(esm.b)(Dropdown.a.Item,{onClick:function onClick(){onSelectAllChange(!0),close()}},"Select all"),Object(esm.b)(Dropdown.a.Item,{onClick:function onClick(){onSelectAllChange(!0),close()}},"Select all visible"),Object(esm.b)(Dropdown.a.Item,{onClick:function onClick(){onSelectAllChange(!1),close()}},"Select none"))))),Object(esm.b)(Toolbar.a.LabelContainer,null,selectedCount," Selected"),Object(esm.b)(Toolbar.a.ActionsContainer,null,Object(esm.b)(Button.a,{level:"secondary"},"Button 1"),Object(esm.b)(Button.a,{level:"tertiary"},"Button 2"),Object(esm.b)(Button.a,{level:"danger"},"Button 3"))))};BulkActions_stories_smallTable.displayName="smallTable",BulkActions_stories_smallTable.storyName="Small Table",BulkActions_stories_smallTable.parameters={storySource:{source:'() => {\n const [, selectionState, isItemSelected, onSelectionChange, onSelectAllChange, selectedCount] = useSelection(rows.length);\n const [isOpen, open, close] = useBooleanState();\n return \n
\n \n \n Image\n Name\n Family\n Order\n Genus\n Conservation status\n Actions\n \n \n {rows.map((row, index) => onSelectionChange(index, value)} isSelected={isItemSelected(index)}>\n \n \n \n {row.name}\n {row.family}\n {row.order}\n {row.genus}\n \n {row.conservation_status}\n \n \n \n \n )}\n \n
\n
\n \n \n onSelectAllChange(value)} />\n \n } title="Select" onClick={open} />\n {isOpen && \n \n Select\n \n \n {\n onSelectAllChange(true);\n close();\n }}>\n Select all\n \n {\n onSelectAllChange(true);\n close();\n }}>\n Select all visible\n \n {\n onSelectAllChange(false);\n close();\n }}>\n Select none\n \n \n }\n \n \n {selectedCount} Selected\n \n \n \n \n \n \n ;\n}'}};var BulkActions_stories_withCards=function withCards(){var _useBooleanState12=BulkActions_stories_slicedToArray(Object(useBooleanState.a)(),3),isOpen=_useBooleanState12[0],open=_useBooleanState12[1],close=_useBooleanState12[2],manyRows=[].concat(BulkActions_stories_toConsumableArray(shared_stories_data.a),BulkActions_stories_toConsumableArray(shared_stories_data.a),BulkActions_stories_toConsumableArray(shared_stories_data.a),BulkActions_stories_toConsumableArray(shared_stories_data.a),BulkActions_stories_toConsumableArray(shared_stories_data.a),BulkActions_stories_toConsumableArray(shared_stories_data.a)),_useSelection12=BulkActions_stories_slicedToArray(useSelection_useSelection(manyRows.length),6),selectionState=_useSelection12[1],isItemSelected=_useSelection12[2],onSelectionChange=_useSelection12[3],onSelectAllChange=_useSelection12[4],selectedCount=_useSelection12[5];return Object(esm.b)(PreviewGallery.k,{height:500,style:{overflow:"hidden"}},Object(esm.b)(Card.b,{style:{overflowY:"auto"}},manyRows.map((function(row,index){return Object(esm.b)(Card.a,{key:index,src:"https://picsum.photos/seed/akeneo"+index+"/140/140",onSelect:function onSelect(value){return onSelectionChange(index,value)},isSelected:isItemSelected(index)},row.name)}))),Object(esm.b)(Toolbar.a,{isVisible:!!selectionState},Object(esm.b)(Toolbar.a.SelectionContainer,null,Object(esm.b)(Checkbox.a,{checked:selectionState,onChange:function onChange(value){return onSelectAllChange(value)}}),Object(esm.b)(Dropdown.a,null,Object(esm.b)(IconButton.a,{size:"small",level:"tertiary",ghost:"borderless",icon:Object(esm.b)(ArrowDownIcon.a,null),title:"Select",onClick:open}),isOpen&&Object(esm.b)(Dropdown.a.Overlay,{onClose:close},Object(esm.b)(Dropdown.a.Header,null,Object(esm.b)(Dropdown.a.Title,null,"Select")),Object(esm.b)(Dropdown.a.ItemCollection,null,Object(esm.b)(Dropdown.a.Item,{onClick:function onClick(){onSelectAllChange(!0),close()}},"Select all"),Object(esm.b)(Dropdown.a.Item,{onClick:function onClick(){onSelectAllChange(!0),close()}},"Select all visible"),Object(esm.b)(Dropdown.a.Item,{onClick:function onClick(){onSelectAllChange(!1),close()}},"Select none"))))),Object(esm.b)(Toolbar.a.LabelContainer,null,selectedCount," Selected"),Object(esm.b)(Toolbar.a.ActionsContainer,null,Object(esm.b)(Button.a,{level:"secondary"},"Button 1"),Object(esm.b)(Button.a,{level:"tertiary"},"Button 2"),Object(esm.b)(Button.a,{level:"danger"},"Button 3"))))};BulkActions_stories_withCards.displayName="withCards",BulkActions_stories_withCards.storyName="With Cards",BulkActions_stories_withCards.parameters={storySource:{source:'() => {\n const [isOpen, open, close] = useBooleanState();\n const manyRows = [...rows, ...rows, ...rows, ...rows, ...rows, ...rows];\n const [, selectionState, isItemSelected, onSelectionChange, onSelectAllChange, selectedCount] = useSelection(manyRows.length);\n return \n \n {manyRows.map((row, index) => onSelectionChange(index, value)} isSelected={isItemSelected(index)}>\n {row.name}\n )}\n \n \n \n onSelectAllChange(value)} />\n \n } title="Select" onClick={open} />\n {isOpen && \n \n Select\n \n \n {\n onSelectAllChange(true);\n close();\n }}>\n Select all\n \n {\n onSelectAllChange(true);\n close();\n }}>\n Select all visible\n \n {\n onSelectAllChange(false);\n close();\n }}>\n Select none\n \n \n }\n \n \n {selectedCount} Selected\n \n \n \n \n \n \n ;\n}'}};var componentMeta={title:"Patterns/Bulk Actions",includeStories:["bigTable","smallTable","withCards"]},mdxStoryNameToKey={"Big Table":"bigTable","Small Table":"smallTable","With Cards":"withCards"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/patterns/Overlays/Overlays.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"confirmModal",(function(){return confirmModal})),__webpack_require__.d(__webpack_exports__,"fullscreenOverlay",(function(){return fullscreenOverlay})),__webpack_require__.d(__webpack_exports__,"splitScreenOverlay",(function(){return splitScreenOverlay}));__webpack_require__("./node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./node_modules/react/index.js"),react__WEBPACK_IMPORTED_MODULE_15___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_15__),_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__("./src/storybook/PreviewGallery.tsx"),_components__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__("./src/components/Modal/Modal.tsx"),_components__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__("./src/components/Button/Button.tsx"),_illustrations__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__("./src/illustrations/DeleteIllustration.tsx"),_illustrations__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__("./src/illustrations/AddingValueIllustration.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;er.length)&&(a=r.length);for(var e=0,n=Array(a);e {\n const [isOpen, setOpen] = useState(false);\n const open = () => setOpen(true);\n const close = () => setOpen(false);\n return <>\n {isOpen && }>\n Products\n Confirm deletion\n Are you sure you want to delete this product?\n \n \n \n \n }\n \n ;\n}'}};var fullscreenOverlay=function fullscreenOverlay(args){var _useState10=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_15__.useState)(!1),2),isOpen=_useState10[0],setOpen=_useState10[1],close=function close(){return setOpen(!1)};return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,isOpen&&Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_19__.a,{closeTitle:"Close",onClose:close},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_19__.a.SectionTitle,{color:"brand"},"Entity type"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_19__.a.Title,null,"Title of Overlay"),"Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam.",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_18__.a,{width:900,height:400},"CONTENT"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_19__.a.BottomButtons,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_20__.a,{level:"tertiary",onClick:close},"Cancel"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_20__.a,{level:"primary",onClick:close},"Confirm"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_20__.a,{onClick:function open(){return setOpen(!0)}},"Open Fullscreen Overlay"))};fullscreenOverlay.storyName="Fullscreen Overlay",fullscreenOverlay.parameters={storySource:{source:'args => {\n const [isOpen, setOpen] = useState(false);\n const open = () => setOpen(true);\n const close = () => setOpen(false);\n return <>\n {isOpen && \n Entity type\n Title of Overlay\n Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum\n ultrices diam.\n \n CONTENT\n \n \n \n \n \n }\n \n ;\n}'}};var splitScreenOverlay=function splitScreenOverlay(args){var _useState12=_slicedToArray(Object(react__WEBPACK_IMPORTED_MODULE_15__.useState)(!1),2),isOpen=_useState12[0],setOpen=_useState12[1],close=function close(){return setOpen(!1)};return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(react__WEBPACK_IMPORTED_MODULE_15___default.a.Fragment,null,isOpen&&Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_19__.a,{closeTitle:"Close",onClose:close,illustration:Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_illustrations__WEBPACK_IMPORTED_MODULE_22__.a,null)},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_19__.a.SectionTitle,{color:"brand"},"Entity type"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_19__.a.Title,null,"Title of Overlay"),"Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam.",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_PreviewGallery__WEBPACK_IMPORTED_MODULE_18__.a,{width:600,height:300},"CONTENT"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_19__.a.BottomButtons,null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_20__.a,{level:"tertiary",onClick:close},"Cancel"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_20__.a,{level:"primary",onClick:close},"Confirm"))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_components__WEBPACK_IMPORTED_MODULE_20__.a,{onClick:function open(){return setOpen(!0)}},"Open Split screen Overlay"))};splitScreenOverlay.storyName="Split screen Overlay",splitScreenOverlay.parameters={storySource:{source:'args => {\n const [isOpen, setOpen] = useState(false);\n const open = () => setOpen(true);\n const close = () => setOpen(false);\n return <>\n {isOpen && }>\n Entity type\n Title of Overlay\n Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum\n ultrices diam.\n \n CONTENT\n \n \n \n \n \n }\n \n ;\n}'}};var componentMeta={title:"Patterns/Overlays",includeStories:["confirmModal","fullscreenOverlay","splitScreenOverlay"]},mdxStoryNameToKey={"Confirm Modal":"confirmModal","Fullscreen Overlay":"fullscreenOverlay","Split screen Overlay":"splitScreenOverlay"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_17__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_16__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/shared/array.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return arrayUnique}));__webpack_require__("./node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.set.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.reduce.js"),__webpack_require__("./node_modules/core-js/modules/es.array.some.js"),__webpack_require__("./node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js");function _toConsumableArray(r){return function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r)}(r)||function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(r)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r)||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(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y}},catch:function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r)}return o}}throw Error("illegal catch attempt")},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y}},e}function asyncGeneratorStep(n,t,e,r,o,a,c){try{var i=n[a](c),u=i.value}catch(n){return void e(n)}i.done?t(u):Promise.resolve(u).then(r,o)}function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var StoryStyle=styled_components__WEBPACK_IMPORTED_MODULE_24__.default.div(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n ","\n & > * {\n margin: 0 10px 20px 0;\n }\n"])),_theme__WEBPACK_IMPORTED_MODULE_25__.b),PreviewGrid=styled_components__WEBPACK_IMPORTED_MODULE_24__.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: repeat(auto-fill, ","px);\n gap: 16px;\n margin-bottom: 50px;\n"])),(function(_ref){return _ref.width}));PreviewGrid.defaultProps={width:140};var PreviewCard=styled_components__WEBPACK_IMPORTED_MODULE_24__.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n height: 100%;\n text-align: center;\n border: 1px solid rgba(0, 0, 0, 0.1);\n box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px 0;\n border-radius: 4px;\n"]))),PreviewContainer=styled_components__WEBPACK_IMPORTED_MODULE_24__.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n padding: 20px;\n color: ",";\n overflow: hidden;\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n"])),Object(_theme__WEBPACK_IMPORTED_MODULE_26__.a)("grey100")),LabelContainer=styled_components__WEBPACK_IMPORTED_MODULE_24__.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n padding: 8px 0px;\n max-width: 100%;\n white-space: nowrap;\n word-break: break-word;\n overflow: hidden;\n text-overflow: ellipsis;\n"]))),Subtitle=styled_components__WEBPACK_IMPORTED_MODULE_24__.default.h2(_templateObject6||(_templateObject6=_taggedTemplateLiteralLoose(["\n text-transform: Capitalize;\n"]))),Content=styled_components__WEBPACK_IMPORTED_MODULE_24__.default.div(_templateObject7||(_templateObject7=_taggedTemplateLiteralLoose(["\n width: ","px;\n height: ","px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1px solid ",";\n background-color: ",";\n box-sizing: border-box;\n"])),(function(_ref2){return _ref2.width}),(function(_ref3){return _ref3.height}),Object(_theme__WEBPACK_IMPORTED_MODULE_26__.a)("blue",40),Object(_theme__WEBPACK_IMPORTED_MODULE_26__.a)("blue",10)),ListContextContainer=styled_components__WEBPACK_IMPORTED_MODULE_24__.default.div(_templateObject8||(_templateObject8=_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 10px;\n\n & > * {\n max-width: 120px;\n }\n"]))),Section=styled_components__WEBPACK_IMPORTED_MODULE_24__.default.div(_templateObject9||(_templateObject9=_taggedTemplateLiteralLoose(["\n display: flex;\n gap: 20px;\n flex-direction: column;\n"]))),SpaceBetweenContainer=styled_components__WEBPACK_IMPORTED_MODULE_24__.default.div(_templateObject10||(_templateObject10=_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: ",";\n justify-content: space-between;\n align-items: center;\n"])),(function(_ref4){return _ref4.direction}));SpaceBetweenContainer.defaultProps={direction:"row"};var MessageBarContainer=styled_components__WEBPACK_IMPORTED_MODULE_24__.default.div(_templateObject11||(_templateObject11=_taggedTemplateLiteralLoose(["\n padding: 5px;\n width: 600px;\n height: 110px;\n overflow: clip;\n"]))),Scrollable=styled_components__WEBPACK_IMPORTED_MODULE_24__.default.div(_templateObject12||(_templateObject12=_taggedTemplateLiteralLoose(["\n overflow: auto;\n height: ","px;\n"])),(function(_ref5){return _ref5.height})),SpaceContainer=styled_components__WEBPACK_IMPORTED_MODULE_24__.default.div(_templateObject13||(_templateObject13=_taggedTemplateLiteralLoose(["\n width: ",";\n height: ",";\n display: flex;\n flex-direction: column;\n gap: ",";\n"])),(function(_ref6){var width=_ref6.width;return width?width+"px":"auto"}),(function(_ref7){var height=_ref7.height;return height?height+"px":"auto"}),(function(_ref8){var gap=_ref8.gap;return gap?gap+"px":"0"})),fakeFetcher=function(){var _ref9=function _asyncToGenerator(n){return function(){var t=this,e=arguments;return new Promise((function(r,o){var a=n.apply(t,e);function _next(n){asyncGeneratorStep(a,r,o,_next,_throw,"next",n)}function _throw(n){asyncGeneratorStep(a,r,o,_next,_throw,"throw",n)}_next(void 0)}))}}(_regeneratorRuntime().mark((function _callee(){var page,searchValue,items,filteredItems,_args=arguments;return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:if(searchValue=_args.length>1&&void 0!==_args[1]?_args[1]:"",items=[{id:"name_"+(page=_args.length>0&&void 0!==_args[0]?_args[0]:0),text:"Name (page "+page+")"},{id:"collection_"+page,text:"Collection"},{id:"description_"+page,text:"Description"},{id:"brand_"+page,text:"Brand"},{id:"response_time_"+page,text:"Response time (ms)"},{id:"variation_name_"+page,text:"Variant Name"},{id:"variation_description_"+page,text:"Variant description"},{id:"release_date_"+page,text:"Release date"},{id:"release_date_"+page,text:"Release date"},{id:"asset_collection_"+page,text:"Asset collection"},{id:"associations_"+page,text:"Associations"},{id:"enabled_"+page,text:"Enabled"},{id:"price_"+page,text:"Price"},{id:"promotion_"+page,text:"Promotion"},{id:"city_"+page,text:"City"},{id:"supplier_"+page,text:"Supplier"},{id:"label_"+page,text:"Label"},{id:"category_"+page,text:"Category"},{id:"updated_at_"+page,text:"Updated at"},{id:"created_at_"+page,text:"Created at"}],!(page>3)){_context.next=5;break}return _context.abrupt("return",Promise.resolve([]));case 5:if(filteredItems=""!==searchValue&&0===page?items.filter((function(item){return-1!==item.text.indexOf(searchValue)})):items,!(""!==searchValue&&page>0)){_context.next=8;break}return _context.abrupt("return",Promise.resolve([]));case 8:return _context.abrupt("return",new Promise((function(resolve){setTimeout((function(){return resolve(filteredItems)}),200)})));case 9:case"end":return _context.stop()}}),_callee)})));return function fakeFetcher(){return _ref9.apply(this,arguments)}}();try{Content.displayName="Content",Content.__docgenInfo={description:"",displayName:"Content",props:{height:{defaultValue:null,description:"",name:"height",required:!0,type:{name:"number"}},width:{defaultValue:{value:"140"},description:"",name:"width",required:!1,type:{name:"number"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/storybook/PreviewGallery.tsx#Content"]={docgenInfo:Content.__docgenInfo,name:"Content",path:"src/storybook/PreviewGallery.tsx#Content"})}catch(__react_docgen_typescript_loader_error){}try{LabelContainer.displayName="LabelContainer",LabelContainer.__docgenInfo={description:"",displayName:"LabelContainer",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/storybook/PreviewGallery.tsx#LabelContainer"]={docgenInfo:LabelContainer.__docgenInfo,name:"LabelContainer",path:"src/storybook/PreviewGallery.tsx#LabelContainer"})}catch(__react_docgen_typescript_loader_error){}try{ListContextContainer.displayName="ListContextContainer",ListContextContainer.__docgenInfo={description:"",displayName:"ListContextContainer",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/storybook/PreviewGallery.tsx#ListContextContainer"]={docgenInfo:ListContextContainer.__docgenInfo,name:"ListContextContainer",path:"src/storybook/PreviewGallery.tsx#ListContextContainer"})}catch(__react_docgen_typescript_loader_error){}try{MessageBarContainer.displayName="MessageBarContainer",MessageBarContainer.__docgenInfo={description:"",displayName:"MessageBarContainer",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/storybook/PreviewGallery.tsx#MessageBarContainer"]={docgenInfo:MessageBarContainer.__docgenInfo,name:"MessageBarContainer",path:"src/storybook/PreviewGallery.tsx#MessageBarContainer"})}catch(__react_docgen_typescript_loader_error){}try{PreviewCard.displayName="PreviewCard",PreviewCard.__docgenInfo={description:"",displayName:"PreviewCard",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/storybook/PreviewGallery.tsx#PreviewCard"]={docgenInfo:PreviewCard.__docgenInfo,name:"PreviewCard",path:"src/storybook/PreviewGallery.tsx#PreviewCard"})}catch(__react_docgen_typescript_loader_error){}try{PreviewContainer.displayName="PreviewContainer",PreviewContainer.__docgenInfo={description:"",displayName:"PreviewContainer",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/storybook/PreviewGallery.tsx#PreviewContainer"]={docgenInfo:PreviewContainer.__docgenInfo,name:"PreviewContainer",path:"src/storybook/PreviewGallery.tsx#PreviewContainer"})}catch(__react_docgen_typescript_loader_error){}try{PreviewGrid.displayName="PreviewGrid",PreviewGrid.__docgenInfo={description:"",displayName:"PreviewGrid",props:{width:{defaultValue:{value:"140"},description:"",name:"width",required:!1,type:{name:"number"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/storybook/PreviewGallery.tsx#PreviewGrid"]={docgenInfo:PreviewGrid.__docgenInfo,name:"PreviewGrid",path:"src/storybook/PreviewGallery.tsx#PreviewGrid"})}catch(__react_docgen_typescript_loader_error){}try{Scrollable.displayName="Scrollable",Scrollable.__docgenInfo={description:"",displayName:"Scrollable",props:{height:{defaultValue:null,description:"",name:"height",required:!0,type:{name:"number"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/storybook/PreviewGallery.tsx#Scrollable"]={docgenInfo:Scrollable.__docgenInfo,name:"Scrollable",path:"src/storybook/PreviewGallery.tsx#Scrollable"})}catch(__react_docgen_typescript_loader_error){}try{Section.displayName="Section",Section.__docgenInfo={description:"",displayName:"Section",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/storybook/PreviewGallery.tsx#Section"]={docgenInfo:Section.__docgenInfo,name:"Section",path:"src/storybook/PreviewGallery.tsx#Section"})}catch(__react_docgen_typescript_loader_error){}try{SpaceBetweenContainer.displayName="SpaceBetweenContainer",SpaceBetweenContainer.__docgenInfo={description:"",displayName:"SpaceBetweenContainer",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},direction:{defaultValue:{value:"row"},description:"",name:"direction",required:!1,type:{name:"string"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/storybook/PreviewGallery.tsx#SpaceBetweenContainer"]={docgenInfo:SpaceBetweenContainer.__docgenInfo,name:"SpaceBetweenContainer",path:"src/storybook/PreviewGallery.tsx#SpaceBetweenContainer"})}catch(__react_docgen_typescript_loader_error){}try{SpaceContainer.displayName="SpaceContainer",SpaceContainer.__docgenInfo={description:"",displayName:"SpaceContainer",props:{height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"number"}},width:{defaultValue:{value:"140"},description:"",name:"width",required:!1,type:{name:"number"}},ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},gap:{defaultValue:null,description:"",name:"gap",required:!1,type:{name:"number"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/storybook/PreviewGallery.tsx#SpaceContainer"]={docgenInfo:SpaceContainer.__docgenInfo,name:"SpaceContainer",path:"src/storybook/PreviewGallery.tsx#SpaceContainer"})}catch(__react_docgen_typescript_loader_error){}try{StoryStyle.displayName="StoryStyle",StoryStyle.__docgenInfo={description:"",displayName:"StoryStyle",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLDivElement | null) => void) | RefObject | null"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/storybook/PreviewGallery.tsx#StoryStyle"]={docgenInfo:StoryStyle.__docgenInfo,name:"StoryStyle",path:"src/storybook/PreviewGallery.tsx#StoryStyle"})}catch(__react_docgen_typescript_loader_error){}try{Subtitle.displayName="Subtitle",Subtitle.__docgenInfo={description:"",displayName:"Subtitle",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"((instance: HTMLHeadingElement | null) => void) | RefObject | null"}},theme:{defaultValue:null,description:"",name:"theme",required:!1,type:{name:"any"}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"undefined"}},forwardedAs:{defaultValue:null,description:"",name:"forwardedAs",required:!1,type:{name:"undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/storybook/PreviewGallery.tsx#Subtitle"]={docgenInfo:Subtitle.__docgenInfo,name:"Subtitle",path:"src/storybook/PreviewGallery.tsx#Subtitle"})}catch(__react_docgen_typescript_loader_error){}},"./src/storybook/components/FullscreenPreview.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return FullscreenPreview}));__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/react/index.js");var _templateObject,_templateObject2,_templateObject3,_templateObject4,styled_components__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/styled-components/dist/styled-components.browser.esm.js"),_components__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/Modal/Modal.tsx"),_components__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/Image/Image.tsx"),_theme_theme__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/theme/theme.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/react/jsx-runtime.js");function _taggedTemplateLiteralLoose(e,t){return t||(t=e.slice(0)),e.raw=t,e}var Border=styled_components__WEBPACK_IMPORTED_MODULE_2__.default.div(_templateObject||(_templateObject=_taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n padding: 20px;\n border: 1px solid ",";\n max-height: 100%;\n gap: 20px;\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_5__.a)("grey",80)),BrandedTitle=Object(styled_components__WEBPACK_IMPORTED_MODULE_2__.default)(_components__WEBPACK_IMPORTED_MODULE_3__.a.Title)(_templateObject2||(_templateObject2=_taggedTemplateLiteralLoose(["\n color: ",";\n"])),Object(_theme_theme__WEBPACK_IMPORTED_MODULE_5__.a)("brand",100)),Actions=styled_components__WEBPACK_IMPORTED_MODULE_2__.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n gap: 10px;\n"]))),PreviewImage=Object(styled_components__WEBPACK_IMPORTED_MODULE_2__.default)(_components__WEBPACK_IMPORTED_MODULE_4__.a)(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n width: auto;\n min-height: 250px;\n max-width: 100%;\n object-fit: contain;\n max-height: calc(-250px + 100vh);\n"]))),FullscreenPreview=function FullscreenPreview(_ref){var title=_ref.title,src=_ref.src,onClose=_ref.onClose,children=_ref.children;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_components__WEBPACK_IMPORTED_MODULE_3__.a,{onClose:onClose,closeTitle:"Close",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(BrandedTitle,{children:title}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(Border,{children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(PreviewImage,{src:src,alt:title}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(Actions,{children:children})]})]})};FullscreenPreview.displayName="FullscreenPreview";try{FullscreenPreview.displayName="FullscreenPreview",FullscreenPreview.__docgenInfo={description:"",displayName:"FullscreenPreview",props:{title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},src:{defaultValue:null,description:"",name:"src",required:!0,type:{name:"string"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!0,type:{name:"() => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/storybook/components/FullscreenPreview.tsx#FullscreenPreview"]={docgenInfo:FullscreenPreview.__docgenInfo,name:"FullscreenPreview",path:"src/storybook/components/FullscreenPreview.tsx#FullscreenPreview"})}catch(__react_docgen_typescript_loader_error){}},"./src/storybook/hooks/useSelection.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return useSelection}));__webpack_require__("./node_modules/core-js/modules/es.array.is-array.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("./node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.array.from.js");var react__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./node_modules/react/index.js");function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _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 _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e * {\n opacity: 0;\n }\n"])),loadingBreath),color={blue10:"#f5f9fc",blue20:"#dee9f4",blue40:"#bdd3e9",blue60:"#9bbddd",blue80:"#7aa7d2",blue100:"#5992c7",blue120:"#47749f",blue140:"#355777",green10:"#f0f7f1",green20:"#e1f0e3",green40:"#c2e1c7",green60:"#a3d1ab",green80:"#85c28f",green100:"#67b373",green120:"#528f5c",green140:"#3d6b45",grey20:"#f6f7fb",grey40:"#f0f1f3",grey60:"#e8ebee",grey80:"#c7cbd4",grey100:"#a1a9b7",grey120:"#67768a",grey140:"#11324d",purple20:"#eadcf1",purple40:"#d4bae3",purple60:"#be97d5",purple80:"#a974c7",purple100:"#9452ba",purple120:"#764194",purple140:"#58316f",red10:"#faefed",red20:"#f6dfdc",red40:"#eebfb9",red60:"#e59f95",red80:"#dc7f72",red100:"#d4604f",red120:"#a94c3f",red140:"#7f392f",yellow10:"#fef7ec",yellow20:"#fef0d9",yellow40:"#fde1b2",yellow60:"#fbd28b",yellow80:"#fac365",yellow100:"#f9b53f",yellow120:"#c79032",yellow140:"#956c25",brand20:"#eadcf1",brand40:"#d4bae3",brand60:"#be97d5",brand80:"#a974c7",brand100:"#9452ba",brand120:"#764194",brand140:"#58316f",white:"#ffffff"},colorAlternative={blue10:"#F0F7FC",blue100:"#4CA8E0",blue120:"#3278B7",chocolate10:"#EEE9E5",chocolate100:"#512500",chocolate120:"#441F00",coralRed10:"#FDF0EF",coralRed100:"#ED6A5E",coralRed120:"#B72215",darkBlue10:"#EFEFF8",darkBlue100:"#5e63b6",darkBlue120:"#3B438C",darkCyan10:"#E5F3F3",darkCyan100:"#008B8B",darkCyan120:"#007575",darkPurple10:"#EEEAF2",darkPurple100:"#52267D",darkPurple120:"#36145E",forestGreen10:"#EDF1EB",forestGreen100:"#50723C",forestGreen120:"#436032",green10:"#F5FAFA",green100:"#81CCCC",green120:"#5DA8A6",hotPink10:"#FFF0F7",hotPink100:"#FF69B4",hotPink120:"#CC0066",oliveGreen10:"#F0F4E9",oliveGreen100:"#6B8E23",oliveGreen120:"#5A771D",orange10:"#FFF3E5",orange100:"#FF8600",orange120:"#B25E00",purple10:"#F3EEF9",purple100:"#9452BA",purple120:"#763E9E",red10:"#FDEDF0",red100:"#F74B64",red120:"#C92343",yellow10:"#FEFBF2",yellow100:"#FCCE76",yellow120:"#D69A38"},fontSize={big:"15px",bigger:"17px",default:"13px",small:"11px",title:"28px"},palette={primary:"green",secondary:"blue",tertiary:"grey",warning:"yellow",danger:"red"},fontFamily={default:'Lato, "Helvetica Neue", Helvetica, Arial, sans-serif',monospace:'Courier, "MS Courier New", Prestige, "Everson Mono"'},BrandedPath=styled_components__WEBPACK_IMPORTED_MODULE_1__.default.path(_templateObject4||(_templateObject4=_taggedTemplateLiteralLoose(["\n fill: ",";\n"])),Object(_theme__WEBPACK_IMPORTED_MODULE_2__.a)("brand",100));styled_components__WEBPACK_IMPORTED_MODULE_1__.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteralLoose(["\n ","\n"])),placeholderStyle)},"./src/theme/theme.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return getColor})),__webpack_require__.d(__webpack_exports__,"d",(function(){return getFontFamily})),__webpack_require__.d(__webpack_exports__,"c",(function(){return getColorForLevel})),__webpack_require__.d(__webpack_exports__,"b",(function(){return getColorAlternative})),__webpack_require__.d(__webpack_exports__,"e",(function(){return getFontSize}));var getColor=function getColor(color,gradient){return function(_ref){return _ref.theme.color[""+color+(null!=gradient?gradient:"")]}},getColorForLevel=function getColorForLevel(level,gradient){return function(_ref2){var theme=_ref2.theme;return theme.color[""+theme.palette[level]+gradient]}},getColorAlternative=function getColorAlternative(color,gradient){return function(_ref3){return _ref3.theme.colorAlternative[""+color+(null!=gradient?gradient:"")]}},getFontSize=function getFontSize(fontSize){return function(_ref4){return _ref4.theme.fontSize[fontSize]}},getFontFamily=function getFontFamily(fontFamilyType){return function(_ref5){return _ref5.theme.fontFamily[fontFamilyType]}}},"./src/themes/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return themes}));var pim=__webpack_require__("./src/themes/pim/index.ts"),common=(__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./src/theme/common.ts")),onboarderTheme={name:"Onboarder",color:Object.assign({},common.c,{brand20:"#dbedf8",brand40:"#b7dcf2",brand60:"#93caec",brand80:"#6fb9e6",brand100:"#4ca8e0",brand120:"#3c86b3",brand140:"#2d6486"}),colorAlternative:common.d,fontSize:common.f,palette:common.g,fontFamily:common.e},sharedCatalogsTheme={name:"Shared Catalogs",color:Object.assign({},common.c,{brand20:"#fdf0d8",brand40:"#fce1b2",brand60:"#fbd28b",brand80:"#fac365",brand100:"#f9b53f",brand120:"#c79032",brand140:"#956c25"}),colorAlternative:common.d,fontSize:common.f,palette:common.g,fontFamily:common.e},connectorTheme={name:"Connector",color:Object.assign({},common.c,{brand20:"#dbdef3",brand40:"#b8bde8",brand60:"#959cdc",brand80:"#727bd1",brand100:"#4f5bc6",brand120:"#3b4494",brand140:"#272d62"}),colorAlternative:common.d,fontSize:common.f,palette:common.g,fontFamily:common.e},themes=[pim.a,onboarderTheme,sharedCatalogsTheme,connectorTheme]},"./src/themes/pim/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return pimTheme}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _theme__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/theme/common.ts"),pimTheme={name:"PIM",color:Object.assign({},_theme__WEBPACK_IMPORTED_MODULE_1__.c,{brand20:"#eadcf1",brand40:"#d4bae3",brand60:"#be97d5",brand80:"#a974c7",brand100:"#9452ba",brand120:"#764194",brand140:"#58316f"}),colorAlternative:_theme__WEBPACK_IMPORTED_MODULE_1__.d,fontSize:_theme__WEBPACK_IMPORTED_MODULE_1__.f,palette:_theme__WEBPACK_IMPORTED_MODULE_1__.g,fontFamily:_theme__WEBPACK_IMPORTED_MODULE_1__.e}},"./static/illustrations/AddingValue.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/AddingValue.6a8e7f29.svg"},"./static/illustrations/AkeneoCloudEdition.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/AkeneoCloudEdition.1bfce34f.svg"},"./static/illustrations/Api.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Api.51825e98.svg"},"./static/illustrations/App.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/App.f36b237e.svg"},"./static/illustrations/AssetCategories.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/AssetCategories.4602b904.svg"},"./static/illustrations/Assets.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Assets.bcb76843.svg"},"./static/illustrations/AssociationTypes.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/AssociationTypes.ef261c7a.svg"},"./static/illustrations/AttributeGroups.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/AttributeGroups.297b243e.svg"},"./static/illustrations/Attributes.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Attributes.5a2f94e3.svg"},"./static/illustrations/Catalogs.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Catalogs.1c8de209.svg"},"./static/illustrations/Channels.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Channels.0907c21c.svg"},"./static/illustrations/City.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/City.a2ebd751.svg"},"./static/illustrations/ClientError.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/ClientError.3579dabc.svg"},"./static/illustrations/Coding.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Coding.a61acc9a.svg"},"./static/illustrations/Currencies.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Currencies.6177185f.svg"},"./static/illustrations/DefaultPicture.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/DefaultPicture.b54985e8.svg"},"./static/illustrations/Delete.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Delete.f9b046fa.svg"},"./static/illustrations/DeleteFamilyVariant.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/DeleteFamilyVariant.9c222862.svg"},"./static/illustrations/Draft.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Draft.137b4fad.svg"},"./static/illustrations/Entities.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Entities.4b083db8.svg"},"./static/illustrations/EntitiesRecord.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/EntitiesRecord.5e00cd6a.svg"},"./static/illustrations/Export.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Export.2f8813b2.svg"},"./static/illustrations/ExportBuilder.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/ExportBuilder.7357808e.svg"},"./static/illustrations/ExportCsv.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/ExportCsv.aad22e00.svg"},"./static/illustrations/ExportXlsx.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/ExportXlsx.3c4da285.svg"},"./static/illustrations/ExportYml.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/ExportYml.f7501dc1.svg"},"./static/illustrations/Family.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Family.60e81ae8.svg"},"./static/illustrations/FamilyVariant.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/FamilyVariant.7b7b5e55.svg"},"./static/illustrations/Graph.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Graph.ea96cc27.svg"},"./static/illustrations/Groups.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Groups.ff027780.svg"},"./static/illustrations/Import.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Import.92324332.svg"},"./static/illustrations/ImportCsv.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/ImportCsv.59b7bca5.svg"},"./static/illustrations/ImportXlsx.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/ImportXlsx.fc9ad64f.svg"},"./static/illustrations/ImportYml.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/ImportYml.3cad66c3.svg"},"./static/illustrations/Julia.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Julia.73051e47.svg"},"./static/illustrations/Locale.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Locale.adc0a6ca.svg"},"./static/illustrations/Marketplace.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Marketplace.58b8286e.svg"},"./static/illustrations/Measurement.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Measurement.0b7d25b9.svg"},"./static/illustrations/MediaFile.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/MediaFile.e68a8324.svg"},"./static/illustrations/Money.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Money.66f212c4.svg"},"./static/illustrations/News.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/News.4f5c867b.svg"},"./static/illustrations/NoResults.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/NoResults.3bcb8e96.svg"},"./static/illustrations/ProductCategory.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/ProductCategory.e3b86329.svg"},"./static/illustrations/ProductModel.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/ProductModel.1f28b147.svg"},"./static/illustrations/ProductPublished.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/ProductPublished.c2c5636b.svg"},"./static/illustrations/Products.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Products.1c97bf1e.svg"},"./static/illustrations/Project.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Project.4e3d7fa7.svg"},"./static/illustrations/Proposals.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Proposals.ef51c48a.svg"},"./static/illustrations/Rules.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Rules.37197782.svg"},"./static/illustrations/Server.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Server.6d432892.svg"},"./static/illustrations/ServerError.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/ServerError.5a1559d8.svg"},"./static/illustrations/Settings.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Settings.666fe05c.svg"},"./static/illustrations/Status.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Status.707e83cc.svg"},"./static/illustrations/Survey.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Survey.8a5200df.svg"},"./static/illustrations/Timezone.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Timezone.d1a7a5b5.svg"},"./static/illustrations/UserGroups.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/UserGroups.adf57328.svg"},"./static/illustrations/UserRoles.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/UserRoles.e2c5681e.svg"},"./static/illustrations/Users.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Users.e03ee67f.svg"},"./static/illustrations/Using.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Using.30cc9feb.svg"},"./static/illustrations/Views.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Views.25480b0a.svg"},"./static/illustrations/Warning.svg":function(module,exports,__webpack_require__){module.exports=__webpack_require__.p+"static/media/Warning.5c4053be.svg"},"./storybook-init-framework-entry.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js")},0:function(module,exports,__webpack_require__){__webpack_require__("./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js"),__webpack_require__("./node_modules/@storybook/core-client/dist/esm/globals/globals.js"),__webpack_require__("./storybook-init-framework-entry.js"),__webpack_require__("./node_modules/@storybook/react/dist/esm/client/docs/config-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/react/dist/esm/client/preview/config-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-docs/preview.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-links/preview.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-actions/preview.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-backgrounds/preview.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-measure/preview.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-outline/preview.js-generated-config-entry.js"),__webpack_require__("./node_modules/@storybook/addon-a11y/preview.js-generated-config-entry.js"),__webpack_require__("./.storybook/preview.tsx-generated-config-entry.js"),module.exports=__webpack_require__("./generated-stories-entry.js")},1:function(module,exports){}},[[0,4,5]]]); +//# sourceMappingURL=main.aff730b7.iframe.bundle.js.map \ No newline at end of file diff --git a/main.09c51aa7.iframe.bundle.js.LICENSE.txt b/main.aff730b7.iframe.bundle.js.LICENSE.txt similarity index 100% rename from main.09c51aa7.iframe.bundle.js.LICENSE.txt rename to main.aff730b7.iframe.bundle.js.LICENSE.txt diff --git a/main.aff730b7.iframe.bundle.js.map b/main.aff730b7.iframe.bundle.js.map new file mode 100644 index 00000000..e4e727b7 --- /dev/null +++ b/main.aff730b7.iframe.bundle.js.map @@ -0,0 +1 @@ +{"version":3,"file":"main.aff730b7.iframe.bundle.js","sources":[],"mappings":";A","sourceRoot":""} \ No newline at end of file diff --git a/project.json b/project.json index 84569961..5a9bd13d 100644 --- a/project.json +++ b/project.json @@ -1 +1 @@ -{"generatedAt":1737474198654,"builder":{"name":"webpack4"},"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"packageManager":{"type":"npm","version":"10.8.2"},"storybookVersion":"6.5.16","language":"typescript","storybookPackages":{"@storybook/addon-actions":{"version":"6.5.16"},"@storybook/cli":{"version":"6.5.16"},"@storybook/react":{"version":"6.5.16"}},"framework":{"name":"react"},"addons":{"@storybook/addon-docs":{"options":{"transcludeMarkdown":true},"version":"6.5.16"},"@storybook/addon-links":{"version":"6.5.16"},"@storybook/addon-essentials":{"version":"6.5.16"},"themeprovider-storybook":{"version":"1.8.0"},"@storybook/addon-a11y":{"version":"6.5.16"}}} +{"generatedAt":1738658266643,"builder":{"name":"webpack4"},"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"packageManager":{"type":"npm","version":"10.8.2"},"storybookVersion":"6.5.16","language":"typescript","storybookPackages":{"@storybook/addon-actions":{"version":"6.5.16"},"@storybook/cli":{"version":"6.5.16"},"@storybook/react":{"version":"6.5.16"}},"framework":{"name":"react"},"addons":{"@storybook/addon-docs":{"options":{"transcludeMarkdown":true},"version":"6.5.16"},"@storybook/addon-links":{"version":"6.5.16"},"@storybook/addon-essentials":{"version":"6.5.16"},"themeprovider-storybook":{"version":"1.8.0"},"@storybook/addon-a11y":{"version":"6.5.16"}}} diff --git a/stories.json b/stories.json index d1c27851..73b2e8b1 100644 --- a/stories.json +++ b/stories.json @@ -3602,6 +3602,20 @@ "__isArgsStory": true } }, + "components-tree--highlight": { + "id": "components-tree--highlight", + "name": "Highlight", + "title": "Components/Tree", + "importPath": "./src/components/Tree/Tree.stories.mdx", + "kind": "Components/Tree", + "story": "Highlight", + "parameters": { + "fileName": "./src/components/Tree/Tree.stories.mdx", + "framework": "react", + "__id": "components-tree--highlight", + "__isArgsStory": true + } + }, "patterns-bulk-actions--big-table": { "id": "patterns-bulk-actions--big-table", "name": "Big Table",