\n Link that opens in a new tab\n \n)'}},OpenInNewTabLink.parameters),visitedStylesDisabled.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => (\n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore\n magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo\n
\n \n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore\n magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo\n
\n \n );\n}'}},inlineLinks.parameters),standaloneLink.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => {\n return (\n \n
\n
Small
\n
} size="S" href="/#">\n Document link\n \n
\n
\n
} size="S" href="/#">\n Phone link\n \n
\n
\n
} size="S" href="/#">\n Envelope link\n \n
\n
\n
} size="S" href="/#">\n Photo link\n \n
\n
\n
Medium
\n
} size="M" href="/#">\n Document link\n \n
\n
\n
} size="M" href="/#">\n Phone link\n \n
\n
\n
} size="M" href="/#">\n Envelope link\n \n
\n
\n
} size="M" href="/#">\n Photo link\n \n
\n
\n
Large
\n
} size="L" href="/#">\n Document link\n \n
\n
\n
} size="L" href="/#">\n Phone Link\n \n
\n
\n
} size="L" href="/#">\n Envelope Link\n \n
\n
\n
} size="L" href="/#">\n Photo Link\n \n
\n
{storyFn()}
],\n parameters: {\n backgrounds: {\n default: \'gray\',\n values: [{ name: \'gray\', value: \'#efefef\' }],\n },\n controls: { expanded: true },\n },\n};\n\nexport const Default = () => (\n \n);\n\nexport const WithBorder = () => (\n \n);\n\nexport const WithoutBackground = () => (\n \n);\n\nexport const External = () => (\n \n);\n\nexport const SmallSize = () => (\n \n);\n\nexport const MediumSize = () => (\n \n);\n\nexport const LargeSize = () => (\n \n);\n',locationsMap:{default:{startLoc:{col:23,line:18},endLoc:{col:1,line:24},startBody:{col:23,line:18},endBody:{col:1,line:24}},"with-border":{startLoc:{col:26,line:26},endLoc:{col:1,line:32},startBody:{col:26,line:26},endBody:{col:1,line:32}},"without-background":{startLoc:{col:33,line:34},endLoc:{col:1,line:40},startBody:{col:33,line:34},endBody:{col:1,line:40}},external:{startLoc:{col:24,line:42},endLoc:{col:1,line:48},startBody:{col:24,line:42},endBody:{col:1,line:48}},"small-size":{startLoc:{col:25,line:50},endLoc:{col:1,line:56},startBody:{col:25,line:50},endBody:{col:1,line:56}},"medium-size":{startLoc:{col:26,line:58},endLoc:{col:1,line:64},startBody:{col:26,line:58},endBody:{col:1,line:64}},"large-size":{startLoc:{col:25,line:66},endLoc:{col:1,line:72},startBody:{col:25,line:66},endBody:{col:1,line:72}}}},backgrounds:{default:"gray",values:[{name:"gray",value:"#efefef"}]},controls:{expanded:!0}}};var Default=function Default(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{width:"320px"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Linkbox__WEBPACK_IMPORTED_MODULE_2__.R,{linkboxAriaLabel:"Linkbox: HDS",linkAriaLabel:"HDS",href:"https://hds.hel.fi",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{height:"224px"}})})})},WithBorder=function WithBorder(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{width:"320px"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Linkbox__WEBPACK_IMPORTED_MODULE_2__.R,{linkboxAriaLabel:"Linkbox: HDS",linkAriaLabel:"HDS",href:"https://hds.hel.fi",border:!0,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{height:"224px"}})})})},WithoutBackground=function WithoutBackground(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{width:"320px"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Linkbox__WEBPACK_IMPORTED_MODULE_2__.R,{linkboxAriaLabel:"Linkbox: HDS",linkAriaLabel:"HDS",href:"https://hds.hel.fi",noBackground:!0,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{height:"224px"}})})})},External=function External(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{width:"320px"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Linkbox__WEBPACK_IMPORTED_MODULE_2__.R,{linkboxAriaLabel:"Linkbox: HDS",linkAriaLabel:"HDS",href:"https://hds.hel.fi",external:!0,openInNewTab:!0,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{height:"224px"}})})})},SmallSize=function SmallSize(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{width:"288px"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Linkbox__WEBPACK_IMPORTED_MODULE_2__.R,{linkboxAriaLabel:"Linkbox: HDS",linkAriaLabel:"HDS",href:"https://hds.hel.fi",size:"small",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{height:"192px"}})})})},MediumSize=function MediumSize(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{width:"320px"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Linkbox__WEBPACK_IMPORTED_MODULE_2__.R,{linkboxAriaLabel:"Linkbox: HDS",linkAriaLabel:"HDS",href:"https://hds.hel.fi",size:"medium",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{height:"224px"}})})})},LargeSize=function LargeSize(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{width:"400px"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Linkbox__WEBPACK_IMPORTED_MODULE_2__.R,{linkboxAriaLabel:"Linkbox: HDS",linkAriaLabel:"HDS",href:"https://hds.hel.fi",size:"large",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{height:"296px"}})})})};Default.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => (\n \n)'}},Default.parameters),WithBorder.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => (\n \n)'}},WithBorder.parameters),WithoutBackground.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => (\n \n)'}},WithoutBackground.parameters),External.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => (\n \n)'}},External.parameters),SmallSize.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => (\n \n)'}},SmallSize.parameters),MediumSize.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => (\n \n)'}},MediumSize.parameters),LargeSize.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => (\n \n)'}},LargeSize.parameters)},"./src/components/linkbox/LinkboxWithHeadingAndTitle.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,External:()=>External,LargeSize:()=>LargeSize,MediumSize:()=>MediumSize,SmallSize:()=>SmallSize,WithBorder:()=>WithBorder,WithoutBackground:()=>WithoutBackground,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_Linkbox__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/components/linkbox/Linkbox.tsx")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={component:_Linkbox__WEBPACK_IMPORTED_MODULE_2__.R,title:"Components/Linkbox/With text and heading",decorators:[function(storyFn){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{maxWidth:"400px"},children:storyFn()})}],parameters:{storySource:{source:'import React from \'react\';\n\nimport { Linkbox } from \'./Linkbox\';\n\nexport default {\n component: Linkbox,\n title: \'Components/Linkbox/With text and heading\',\n decorators: [(storyFn) => {storyFn()}
],\n parameters: {\n backgrounds: {\n default: \'gray\',\n values: [{ name: \'gray\', value: \'#efefef\' }],\n },\n controls: { expanded: true },\n },\n};\n\nexport const Default = () => (\n \n
\n);\n\nexport const WithBorder = () => (\n \n
\n);\n\nexport const WithoutBackground = () => (\n \n
\n);\n\nexport const External = () => (\n \n
\n);\n\nexport const SmallSize = () => (\n \n
\n);\n\nexport const MediumSize = () => (\n \n
\n);\n\nexport const LargeSize = () => (\n \n
\n)'}},Default.parameters),WithBorder.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => (\n \n
\n)'}},WithBorder.parameters),WithoutBackground.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => (\n \n
\n)'}},WithoutBackground.parameters),External.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => (\n \n
\n)'}},External.parameters),SmallSize.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => (\n \n
\n)'}},SmallSize.parameters),MediumSize.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => (\n \n
\n)'}},MediumSize.parameters),LargeSize.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => (\n {storyFn()}
],\n parameters: {\n backgrounds: {\n default: \'gray\',\n values: [{ name: \'gray\', value: \'#efefef\' }],\n },\n controls: { expanded: true },\n },\n};\n\nexport const Default = () => (\n \n
\n);\n\nexport const WithBorder = () => (\n \n
\n);\n\nexport const WithoutBackground = () => (\n \n
\n);\n\nexport const External = () => (\n \n
\n);\n\nexport const SmallSize = () => (\n \n
\n);\n\nexport const MediumSize = () => (\n \n
\n);\n\nexport const LargeSize = () => (\n \n
\n);\n',locationsMap:{default:{startLoc:{col:23,line:26},endLoc:{col:1,line:37},startBody:{col:23,line:26},endBody:{col:1,line:37}},"with-border":{startLoc:{col:26,line:39},endLoc:{col:1,line:51},startBody:{col:26,line:39},endBody:{col:1,line:51}},"without-background":{startLoc:{col:33,line:53},endLoc:{col:1,line:65},startBody:{col:33,line:53},endBody:{col:1,line:65}},external:{startLoc:{col:24,line:67},endLoc:{col:1,line:80},startBody:{col:24,line:67},endBody:{col:1,line:80}},"small-size":{startLoc:{col:25,line:82},endLoc:{col:1,line:94},startBody:{col:25,line:82},endBody:{col:1,line:94}},"medium-size":{startLoc:{col:26,line:96},endLoc:{col:1,line:108},startBody:{col:26,line:96},endBody:{col:1,line:108}},"large-size":{startLoc:{col:25,line:110},endLoc:{col:1,line:122},startBody:{col:25,line:110},endBody:{col:1,line:122}}}},backgrounds:{default:"gray",values:[{name:"gray",value:"#efefef"}]},controls:{expanded:!0}}};var Default=function Default(){return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"384px"},children:(0,jsx_runtime.jsx)(Linkbox.R,{linkboxAriaLabel:"Linkbox: HDS",linkAriaLabel:"HDS",href:"https://hds.hel.fi",heading:"Linkbox title",text:"Linkbox text",imgProps:{src:placeholder_medium_namespaceObject,width:384,height:245}})})},WithBorder=function WithBorder(){return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"384px"},children:(0,jsx_runtime.jsx)(Linkbox.R,{linkboxAriaLabel:"Linkbox: HDS",linkAriaLabel:"HDS",href:"https://hds.hel.fi",heading:"Linkbox title",text:"Linkbox text",border:!0,imgProps:{src:placeholder_medium_namespaceObject,width:384,height:245}})})},WithoutBackground=function WithoutBackground(){return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"384px"},children:(0,jsx_runtime.jsx)(Linkbox.R,{linkboxAriaLabel:"Linkbox: HDS",linkAriaLabel:"HDS",href:"https://hds.hel.fi",heading:"Linkbox title",text:"Linkbox text",noBackground:!0,imgProps:{src:placeholder_medium_namespaceObject,width:384,height:245}})})},External=function External(){return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"384px"},children:(0,jsx_runtime.jsx)(Linkbox.R,{linkboxAriaLabel:"Linkbox: HDS",linkAriaLabel:"HDS",href:"https://hds.hel.fi",heading:"Linkbox title",text:"Linkbox text",external:!0,openInNewTab:!0,imgProps:{src:placeholder_medium_namespaceObject,width:384,height:245}})})},SmallSize=function SmallSize(){return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"284px"},children:(0,jsx_runtime.jsx)(Linkbox.R,{linkboxAriaLabel:"Linkbox: HDS",linkAriaLabel:"HDS",href:"https://hds.hel.fi",heading:"Linkbox title",text:"Linkbox text",imgProps:{src:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlgAAAHCCAYAAAAzc7dkAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAACWKADAAQAAAABAAABwgAAAACRdu29AAAc8klEQVR4Ae3dS4uc1RYG4N0mIEGNQkwcaSSCE02UoCMRFceKmQUkEgj+DsnvEEGcmIGIoJmIouhIRMEbIYoJUYPE28ALGWjMYZd00+lUPFXlWl1ff+spELs7VW/VetYevNSle+X8+fOXmwsBAgQIECBAgECYwHVhSYIIECBAgAABAgQmAgqWg0CAAAECBAgQCBZQsIJBxREgQIAAAQIEFCxngAABAgQIECAQLKBgBYOKI0CAAAECBAgoWM4AAQIECBAgQCBYQMEKBhVHgAABAgQIEFCwnAECBAgQIECAQLCAghUMKo4AAQIECBAgoGA5AwQIECBAgACBYAEFKxhUHAECBAgQIEBAwXIGCBAgQIAAAQLBAgpWMKg4AgQIECBAgICC5QwQIECAAAECBIIFFKxgUHEECBAgQIAAAQXLGSBAgAABAgQIBAsoWMGg4ggQIECAAAECCpYzQIAAAQIECBAIFlCwgkHFESBAgAABAgQULGeAAAECBAgQIBAsoGAFg4ojQIAAAQIECChYzgABAgQIECBAIFhAwQoGFUeAAAECBAgQULCcAQIECBAgQIBAsICCFQwqjgABAgQIECCgYDkDBAgQIECAAIFgAQUrGFQcAQIECBAgQEDBcgYIECBAgAABAsECClYwqDgCBAgQIECAgILlDBAgQIAAAQIEggUUrGBQcQQIECBAgAABBcsZIECAAAECBAgECyhYwaDiCBAgQIAAAQIKljNAgAABAgQIEAgWULCCQcURIECAAAECBBQsZ4AAAQIECBAgECygYAWDiiNAgAABAgQIKFjOAAECBAgQIEAgWEDBCgYVR4AAAQIECBBQsJwBAgQIECBAgECwgIIVDCqOAAECBAgQIKBgOQMECBAgQIAAgWABBSsYVBwBAgQIECBAQMFyBggQIECAAAECwQIKVjCoOAIECBAgQICAguUMECBAgAABAgSCBRSsYFBxBAgQIECAAAEFyxkgQIAAAQIECAQLKFjBoOIIECBAgAABAgqWM0CAAAECBAgQCBZQsIJBxREgQIAAAQIEFCxngAABAgQIECAQLKBgBYOKI0CAAAECBAgoWM4AAQIECBAgQCBYQMEKBhVHgAABAgQIEFCwnAECBAgQIECAQLCAghUMKo4AAQIECBAgoGA5AwQIECBAgACBYAEFKxhUHAECBAgQIEBAwXIGCBAgQIAAAQLBAgpWMKg4AgQIECBAgICC5QwQIECAAAECBIIFFKxgUHEECBAgQIAAAQXLGSBAgAABAgQIBAsoWMGg4ggQIECAAAECCpYzQIAAAQIECBAIFlCwgkHFESBAgAABAgQULGeAAAECBAgQIBAsoGAFg4ojQIAAAQIECChYzgABAgQIECBAIFhAwQoGFUeAAAECBAgQULCcAQIECBAgQIBAsICCFQwqjgABAgQIECCgYDkDBAgQIECAAIFgAQUrGFQcAQIECBAgQEDBcgYIECBAgAABAsECClYwqDgCBAgQIECAgILlDBAgQIAAAQIEggUUrGBQcQQIECBAgAABBcsZIECAAAECBAgECyhYwaDiCBAgQIAAAQIKljNAgAABAgQIEAgWULCCQcURIECAAAECBBQsZ4AAAQIECBAgECygYAWDiiNAgAABAgQIKFjOAAECBAgQIEAgWEDBCgYVR4AAAQIECBBQsJwBAgQIECBAgECwgIIVDCqOAAECBAgQIKBgOQMECBAgQIAAgWABBSsYVBwBAgQIECBAQMFyBggQIECAAAECwQIKVjCoOAIECBAgQICAguUMECBAgAABAgSCBRSsYFBxBAgQIECAAAEFyxkgQIAAAQIECAQLKFjBoOIIECBAgAABAgqWM0CAAAECBAgQCBZQsIJBxREgQIAAAQIEFCxngAABAgQIECAQLKBgBYOKI0CAAAECBAgoWM4AAQIECBAgQCBYQMEKBhVHgAABAgQIEFCwnAECBAgQIECAQLCAghUMKo4AAQIECBAgoGA5AwQIECBAgACBYAEFKxhUHAECBAgQIEBAwXIGCBAgQIAAAQLBAgpWMKg4AgQIECBAgICC5QwQIECAAAECBIIFFKxgUHEECBAgQIAAAQXLGSBAgAABAgQIBAsoWMGg4ggQIECAAAECCpYzQIAAAQIECBAIFlCwgkHFESBAgAABAgQULGeAAAECBAgQIBAsoGAFg4ojQIAAAQIECChYzgABAgQIECBAIFhAwQoGFUeAAAECBAgQULCcAQIECBAgQIBAsICCFQwqjgABAgQIECCgYDkDBAgQIECAAIFgAQUrGFQcAQIECBAgQEDBcgYIECBAgAABAsECClYwqDgCBAgQIECAgILlDBAgQIAAAQIEggUUrGBQcQQIECBAgAABBcsZIECAAAECBAgECyhYwaDiCBAgQIAAAQIKljNAgAABAgQIEAgWULCCQcURIECAAAECBBQsZ4AAAQIECBAgECygYAWDiiNAgAABAgQIKFjOAAECBAgQIEAgWEDBCgYVR4AAAQIECBBQsJwBAgQIECBAgECwgIIVDCqOAAECBAgQIKBgOQMECBAgQIAAgWABBSsYVBwBAgQIECBAQMFyBggQIECAAAECwQIKVjCoOAIECBAgQICAguUMECBAgAABAgSCBRSsYFBxBAgQIECAAAEFyxkgQIAAAQIECAQLKFjBoOIIECBAgAABAgqWM0CAAAECBAgQCBZQsIJBxREgQIAAAQIEFCxngAABAgQIECAQLKBgBYOKI0CAAAECBAgoWM4AAQIECBAgQCBYQMEKBhVHgAABAgQIEFCwnAECBAgQIECAQLCAghUMKo4AAQIECBAgoGA5AwQIECBAgACBYAEFKxhUHAECBAgQIEBAwXIGCBAgQIAAAQLBAgpWMKg4AgQIECBAgICC5QwQIECAAAECBIIFFKxgUHEECBAgQIAAAQXLGSBAgAABAgQIBAsoWMGg4ggQIECAAAECCpYzQIAAAQIECBAIFlCwgkHFESBAgAABAgQULGeAAAECBAgQIBAsoGAFg4ojQIAAAQIECChYzgABAgQIECBAIFhAwQoGFUeAAAECBAgQULCcAQIECBAgQIBAsICCFQwqjgABAgQIECCgYDkDBAgQIECAAIFgAQUrGFQcAQIECBAgQEDBcgYIECBAgAABAsECClYwqDgCBAgQIECAgILlDBAgQIAAAQIEggUUrGBQcQQIECBAgAABBcsZIECAAAECBAgECyhYwaDiCBAgQIAAAQIKljNAgAABAgQIEAgWULCCQcURIECAAAECBBQsZ4AAAQIECBAgECygYAWDiiNAgAABAgQIKFjOAAECBAgQIEAgWEDBCgYVR4AAAQIECBBQsJwBAgQIECBAgECwgIIVDCqOAAECBAgQIKBgOQMECBAgQIAAgWABBSsYVBwBAgQIECBAQMFyBggQIECAAAECwQIKVjCoOAIECBAgQICAguUMECBAgAABAgSCBRSsYFBxBAgQIECAAAEFyxkgQIAAAQIECAQLKFjBoOIIECBAgAABAgqWM0CAAAECBAgQCBbYHpwnjgCBwgLHjx/f0tM/99xzW/rxe/AECAxHwDNYw9mFR0KAAAECBAiMREDBGskijUGAAAECBAgMR0DBGs4uPBICBAgQIEBgJAIK1kgWaQwCBAgQIEBgOAIK1nB24ZEQIECAAAECIxHwKcKRLNIYBIYsMLRP5231TzsOedceGwEC/wh4BstJIECAAAECBAgECyhYwaDiCBAgQIAAAQIKljNAgAABAgQIEAgWULCCQcURIECAAAECBBQsZ4AAAQIECBAgECzgU4TBoOIIEJhf4MyZM+2LL75o33zzTfv1118nATt37mx33HFHu+eee9q+ffvmD3ULAgQILFFAwVoivrsmUF3g559/bq+//no7d+7cVRQ//fRT6/99/PHHbe/eve2JJ55ou3btuup6fkCAAIEhCniJcIhb8ZgIFBDoz1a98MILU8vVxvF7AevX7bdxIUCAwFYQULC2wpY8RgIjE+jPXJ04caJdvHhx5sn6dftt+m1dCBAgMHQBBWvoG/L4CIxQoL8sOE+5WiXot+m3dSFAgMDQBRSsoW/I4yMwMoH+hvZp77madcx+257hQoAAgSELeJP7kLfjsREYoUD/tOC0y7Zt29pjjz3WDhw4MPnnTz/9tL3zzjvt0qVLV129Z/hk4VUsfkCAwIAEFKwBLcNDIVBB4FpvVO/l6qGHHlojWP36rbfeWvvZ6hfXylj9d/8nQIDAsgW8RLjsDbh/AsUEVn/P1caxV5+5Wv/zaT/r/36tjPW39TUBAgSWKaBgLVPffRMgQIAAAQKjFFCwRrlWQxEYrkD/De3TLv09Vxsv037Wr3OtjI239z0BAgSWJeA9WMuSd78Eigr0P3/Tf0P7xkt/Q3u/rL4suPom943X69/3DBcCBAgMWUDBGvJ2PDYCIxTof1uw//mbjZf+acH+hvZpb2rfeN2e4UKAAIEhC3iJcMjb8dgIjFCg/3qF/rcFF7302/oVDYvquR0BApsloGBtlrT7IUBgTaD/4eYdO3asfT/rF/02/bYuBAgQGLqAgjX0DXl8BEYosGvXrnb48OG5SlYvV/02/bYuBAgQGLqAgjX0DXl8BEYq0N+ofuzYsZleLuwvC/brenP7SA+DsQiMUMCb3Ee4VCMR2CoC/dmoo0ePTv62YP/zN/03tK/+EtH+qxh6oepvaPeeq62yUY+TAIFVAQVrVcL/CRBYmkAvUErU0vjdMQECCQJeIkxAFUmAAAECBAjUFlCwau/f9AQIECBAgECCgJcIE1BFEiCwuQKXL19u586da59//nn74Ycf2u+//z75b2Vlpd14443thhtuaHv27Gn79++f6U31m/vo3RsBAmMUULDGuFUzERiYwCeffNLuu+++lEfV/6TO22+/vfbm+I138ssvv7T+37fffts++ugjf8dwI5DvCRBIEVCwUliFEiCwXuC1115rvQg9+eST7eabb17/Twt//dtvv7U33nijffnll3NlrH5Kca4buTIBAgTmFPAerDnBXJ0AgcUEzpw5055//vn23XffLRaw7lb9ZcCeNW+5WhfhSwIECKQKKFipvMIJEFgv8Mcff7SXXnpp8nuv1v98nq/7S30vvvhi689guRAgQGCoAgrWUDfjcREYqcCff/7ZXn755fbVV1/NPeHXX389KWgXL16c+7ZuQIAAgc0U8B6szdR2XwQITAT++uuvduLEiXbo0KF27733zqTSPyHY38t16dKla17/tttuaw8++ODkl5b2Tw/2S3/WrL88+cEHH0w+YXjNG/sHAgQIBAooWIGYoggQmF3g77//bq+++mr78ccf2yOPPNKuu276E+r9eu+//3579913/zX80UcfbQ8//PBVObfccks7ePBgu//++2fK+dc78Y8ECBCYUUDBmhHK1QgQWFxg+/btrT9rtfHSf3/Ve++9106fPt0eeOCByTNPN9100+Rq/Zmn/pLghx9+2C5cuLDxpmvfb9u2rT311FP/95mwXuB6kbv11lvbK6+8snZ7XxAgQCBDQMHKUJVJgMAVAocPH568JDitZPUr9gJ18uTJK24zyze9uPXsu+66a5arT67T/3i0gjUzlysSILCgwPTn5BcMczMCBAhME+gF6Omnn27XX3/9tH9e6Gc7duxozzzzzFzlaqE7ciMCBAgsIKBgLYDmJgQIzC9w5513tmPHjoX8otH+MuLRo0fb7bffPv8DcQsCBAhsgoCCtQnI7oIAgX8Edu/ePSlZ+/btW5jk7rvvbs8+++zkbwsuHOKGBAgQSBbwHqxkYPEECFwp0J99OnLkSPvss8/am2++OfmjzFdeY/p3O3fubI8//ng7cODA9Cv4KQECBAYkoGANaBkeCoFKAvv375988u/s2bPt1KlT7fvvv5/8zqr+6cF+6b/Hqv+3Z8+eyfX27t3bVlZWKhGZlQCBLSygYG3h5XnoBLa6QC9M/eXC//KS4VY38PgJEBingPdgjXOvpiJAgAABAgSWKKBgLRHfXRMgQIAAAQLjFFCwxrlXUxEgQIAAAQJLFFCwlojvrgkQIECAAIFxCihY49yrqQgQIECAAIElCvgU4RLx3TWBKgLHjx+vMqo5CRAgMBHwDJaDQIAAAQIECBAIFlCwgkHFESBAgAABAgQULGeAAAECBAgQIBAsoGAFg4ojQIAAAQIECChYzgABAgQIECBAIFhg5fz585eDM8URIECAAAECBEoLeAar9PoNT4AAAQIECGQIKFgZqjIJECBAgACB0gIKVun1G54AAQIECBDIEFCwMlRlEiBAgAABAqUFFKzS6zc8AQIECBAgkCGgYGWoyiRAgAABAgRKCyhYpddveAIECBAgQCBDQMHKUJVJgAABAgQIlBZQsEqv3/AECBAgQIBAhoCClaEqkwABAgQIECgtoGCVXr/hCRAgQIAAgQwBBStDVSYBAgQIECBQWkDBKr1+wxMgQIAAAQIZAgpWhqpMAgQIECBAoLSAglV6/YYnQIAAAQIEMgQUrAxVmQQIECBAgEBpAQWr9PoNT4AAAQIECGQIKFgZqjIJECBAgACB0gIKVun1G54AAQIECBDIEFCwMlRlEiBAgAABAqUFFKzS6zc8AQIECBAgkCGgYGWoyiRAgAABAgRKCyhYpddveAIECBAgQCBDQMHKUJVJgAABAgQIlBZQsEqv3/AECBAgQIBAhoCClaEqkwABAgQIECgtoGCVXr/hCRAgQIAAgQwBBStDVSYBAgQIECBQWkDBKr1+wxMgQIAAAQIZAgpWhqpMAgQIECBAoLSAglV6/YYnQIAAAQIEMgQUrAxVmQQIECBAgEBpAQWr9PoNT4AAAQIECGQIKFgZqjIJECBAgACB0gIKVun1G54AAQIECBDIEFCwMlRlEiBAgAABAqUFFKzS6zc8AQIECBAgkCGgYGWoyiRAgAABAgRKCyhYpddveAIECBAgQCBDQMHKUJVJgAABAgQIlBZQsEqv3/AECBAgQIBAhoCClaEqkwABAgQIECgtoGCVXr/hCRAgQIAAgQwBBStDVSYBAgQIECBQWkDBKr1+wxMgQIAAAQIZAgpWhqpMAgQIECBAoLSAglV6/YYnQIAAAQIEMgQUrAxVmQQIECBAgEBpAQWr9PoNT4AAAQIECGQIKFgZqjIJECBAgACB0gIKVun1G54AAQIECBDIEFCwMlRlEiBAgAABAqUFFKzS6zc8AQIECBAgkCGgYGWoyiRAgAABAgRKCyhYpddveAIECBAgQCBDQMHKUJVJgAABAgQIlBZQsEqv3/AECBAgQIBAhoCClaEqkwABAgQIECgtoGCVXr/hCRAgQIAAgQwBBStDVSYBAgQIECBQWkDBKr1+wxMgQIAAAQIZAgpWhqpMAgQIECBAoLSAglV6/YYnQIAAAQIEMgQUrAxVmQQIECBAgEBpAQWr9PoNT4AAAQIECGQIKFgZqjIJECBAgACB0gIKVun1G54AAQIECBDIEFCwMlRlEiBAgAABAqUFFKzS6zc8AQIECBAgkCGgYGWoyiRAgAABAgRKCyhYpddveAIECBAgQCBDQMHKUJVJgAABAgQIlBZQsEqv3/AECBAgQIBAhoCClaEqkwABAgQIECgtoGCVXr/hCRAgQIAAgQwBBStDVSYBAgQIECBQWkDBKr1+wxMgQIAAAQIZAgpWhqpMAgQIECBAoLSAglV6/YYnQIAAAQIEMgQUrAxVmQQIECBAgEBpAQWr9PoNT4AAAQIECGQIKFgZqjIJECBAgACB0gIKVun1G54AAQIECBDIEFCwMlRlEiBAgAABAqUFFKzS6zc8AQIECBAgkCGgYGWoyiRAgAABAgRKCyhYpddveAIECBAgQCBDQMHKUJVJgAABAgQIlBZQsEqv3/AECBAgQIBAhoCClaEqkwABAgQIECgtoGCVXr/hCRAgQIAAgQwBBStDVSYBAgQIECBQWkDBKr1+wxMgQIAAAQIZAgpWhqpMAgQIECBAoLSAglV6/YYnQIAAAQIEMgQUrAxVmQQIECBAgEBpAQWr9PoNT4AAAQIECGQIKFgZqjIJECBAgACB0gIKVun1G54AAQIECBDIEFCwMlRlEiBAgAABAqUFFKzS6zc8AQIECBAgkCGgYGWoyiRAgAABAgRKCyhYpddveAIECBAgQCBDQMHKUJVJgAABAgQIlBZQsEqv3/AECBAgQIBAhoCClaEqkwABAgQIECgtoGCVXr/hCRAgQIAAgQwBBStDVSYBAgQIECBQWkDBKr1+wxMgQIAAAQIZAgpWhqpMAgQIECBAoLSAglV6/YYnQIAAAQIEMgQUrAxVmQQIECBAgEBpAQWr9PoNT4AAAQIECGQIKFgZqjIJECBAgACB0gIKVun1G54AAQIECBDIEFCwMlRlEiBAgAABAqUFFKzS6zc8AQIECBAgkCGgYGWoyiRAgAABAgRKCyhYpddveAIECBAgQCBDQMHKUJVJgAABAgQIlBZQsEqv3/AECBAgQIBAhoCClaEqkwABAgQIECgtoGCVXr/hCRAgQIAAgQwBBStDVSYBAgQIECBQWkDBKr1+wxMgQIAAAQIZAgpWhqpMAgQIECBAoLSAglV6/YYnQIAAAQIEMgQUrAxVmQQIECBAgEBpAQWr9PoNT4AAAQIECGQIKFgZqjIJECBAgACB0gIKVun1G54AAQIECBDIEFCwMlRlEiBAgAABAqUFFKzS6zc8AQIECBAgkCGgYGWoyiRAgAABAgRKCyhYpddveAIECBAgQCBDQMHKUJVJgAABAgQIlBZQsEqv3/AECBAgQIBAhoCClaEqkwABAgQIECgtoGCVXr/hCRAgQIAAgQwBBStDVSYBAgQIECBQWkDBKr1+wxMgQIAAAQIZAgpWhqpMAgQIECBAoLSAglV6/YYnQIAAAQIEMgQUrAxVmQQIECBAgEBpAQWr9PoNT4AAAQIECGQIKFgZqjIJECBAgACB0gIKVun1G54AAQIECBDIEFCwMlRlEiBAgAABAqUFFKzS6zc8AQIECBAgkCGgYGWoyiRAgAABAgRKCyhYpddveAIECBAgQCBDQMHKUJVJgAABAgQIlBZQsEqv3/AECBAgQIBAhoCClaEqkwABAgQIECgtoGCVXr/hCRAgQIAAgQwBBStDVSYBAgQIECBQWkDBKr1+wxMgQIAAAQIZAgpWhqpMAgQIECBAoLSAglV6/YYnQIAAAQIEMgQUrAxVmQQIECBAgEBpAQWr9PoNT4AAAQIECGQIKFgZqjIJECBAgACB0gIKVun1G54AAQIECBDIEFCwMlRlEiBAgAABAqUFFKzS6zc8AQIECBAgkCGgYGWoyiRAgAABAgRKCyhYpddveAIECBAgQCBDQMHKUJVJgAABAgQIlBZQsEqv3/AECBAgQIBAhoCClaEqkwABAgQIECgtoGCVXr/hCRAgQIAAgQwBBStDVSYBAgQIECBQWkDBKr1+wxMgQIAAAQIZAgpWhqpMAgQIECBAoLSAglV6/YYnQIAAAQIEMgQUrAxVmQQIECBAgEBpAQWr9PoNT4AAAQIECGQIKFgZqjIJECBAgACB0gIKVun1G54AAQIECBDIEFCwMlRlEiBAgAABAqUFFKzS6zc8AQIECBAgkCGgYGWoyiRAgAABAgRKCyhYpddveAIECBAgQCBDQMHKUJVJgAABAgQIlBZQsEqv3/AECBAgQIBAhoCClaEqkwABAgQIECgtoGCVXr/hCRAgQIAAgQwBBStDVSYBAgQIECBQWkDBKr1+wxMgQIAAAQIZAgpWhqpMAgQIECBAoLSAglV6/YYnQIAAAQIEMgQUrAxVmQQIECBAgEBpAQWr9PoNT4AAAQIECGQIKFgZqjIJECBAgACB0gL/A4w4lwCgj36GAAAAAElFTkSuQmCC",width:284,height:181},size:"small"})})},MediumSize=function MediumSize(){return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"384px"},children:(0,jsx_runtime.jsx)(Linkbox.R,{linkboxAriaLabel:"Linkbox: HDS",linkAriaLabel:"HDS",href:"https://hds.hel.fi",heading:"Linkbox title",text:"Linkbox text",imgProps:{src:placeholder_medium_namespaceObject,width:384,height:245},size:"medium"})})},LargeSize=function LargeSize(){return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"567px"},children:(0,jsx_runtime.jsx)(Linkbox.R,{linkboxAriaLabel:"Linkbox: HDS",linkAriaLabel:"HDS",href:"https://hds.hel.fi",heading:"Linkbox title",text:"Linkbox text",imgProps:{src:placeholder_large_namespaceObject,width:567,height:363},size:"large"})})};Default.parameters=(0,objectSpread2.Z)({storySource:{source:'() => (\n \n
\n)'}},Default.parameters),WithBorder.parameters=(0,objectSpread2.Z)({storySource:{source:'() => (\n \n
\n)'}},WithBorder.parameters),WithoutBackground.parameters=(0,objectSpread2.Z)({storySource:{source:'() => (\n \n
\n)'}},WithoutBackground.parameters),External.parameters=(0,objectSpread2.Z)({storySource:{source:'() => (\n \n
\n)'}},External.parameters),SmallSize.parameters=(0,objectSpread2.Z)({storySource:{source:'() => (\n \n
\n)'}},SmallSize.parameters),MediumSize.parameters=(0,objectSpread2.Z)({storySource:{source:'() => (\n \n
\n)'}},MediumSize.parameters),LargeSize.parameters=(0,objectSpread2.Z)({storySource:{source:'() => (\n \n
\n)'}},LargeSize.parameters)},"./src/components/loadingSpinner/LoadingSpinner.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CustomTheme:()=>CustomTheme,Default:()=>Default,MultipleSpinners:()=>MultipleSpinners,Small:()=>Small,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),_LoadingSpinner__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/loadingSpinner/LoadingSpinner.tsx"),_button__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/components/button/Button.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={parameters:{storySource:{source:"import React, { useState } from 'react';\n\nimport { LoadingSpinner } from './LoadingSpinner';\nimport { Button } from '../button';\n\nexport default {\n component: LoadingSpinner,\n title: 'Components/LoadingSpinner',\n};\n\nexport const Default = (args) => \n setShowSpinner1(!showSpinner1)}>\n {showSpinner1 ? 'Remove' : 'Add'} loading spinner #1\n \n
\n \n setShowSpinner2(!showSpinner2)}>\n {showSpinner2 ? 'Remove' : 'Add'} loading spinner #2\n \n
\n \n setShowSpinner3(!showSpinner3)}>\n {showSpinner3 ? 'Remove' : 'Add'} loading spinner #3\n \n
\n {showSpinner1 && \n setShowSpinner1(!showSpinner1)}>\n {showSpinner1 ? 'Remove' : 'Add'} loading spinner #1\n \n
\n \n setShowSpinner2(!showSpinner2)}>\n {showSpinner2 ? 'Remove' : 'Add'} loading spinner #2\n \n
\n \n setShowSpinner3(!showSpinner3)}>\n {showSpinner3 ? 'Remove' : 'Add'} loading spinner #3\n \n
\n {showSpinner1 && {storyFn()}
],\n};\n\nexport const Default = () => {content} ;\n\nexport const Alert = () => (\n \n {content}\n \n);\n\nexport const Error = () => (\n \n {content}\n \n);\n\nexport const Success = () => (\n \n {content}\n \n);\n\nexport const Small = () => (\n \n Message\n \n);\n\nexport const Large = () => (\n \n {content}\n \n);\n\nexport const WithBoxShadow = () => (\n \n {content}\n \n);\n\nWithBoxShadow.storyName = 'With box shadow';\n\nexport const Invisible = () => {\n const [open, setOpen] = useState(false);\n return (\n <>\n setOpen(!open)}>Toggle notification \n {open && (\n \n I'm only seen by screen readers\n \n )}\n \n );\n};\n\nexport const Dismissible = () => {\n const [open, setOpen] = useState(true);\n const showButtonRef = useRef(null);\n const onClose = () => {\n setOpen(false);\n if (showButtonRef.current) {\n showButtonRef.current.focus();\n }\n };\n\n return (\n <>\n {!open && (\n setOpen(true)}>\n Open notification\n \n )}\n {open && (\n onClose()} closeButtonLabelText=\"Close notification\">\n {content}\n \n )}\n \n );\n};\n\nexport const AutoClose = () => {\n const [open, setOpen] = useState(false);\n const [openProgress, setOpenProgress] = useState(false);\n const showButtonRef = useRef(null);\n const showProgressButtonRef = useRef(null);\n const onClose = () => {\n setOpen(false);\n setOpenProgress(false);\n if (showButtonRef.current) {\n showButtonRef.current.focus();\n }\n if (showProgressButtonRef.current) {\n showProgressButtonRef.current.focus();\n }\n };\n\n return (\n <>\n setOpen(true)}>\n Show without progress bar\n \n setOpenProgress(true)}>\n Show with progress bar\n \n {open && (\n onClose()}\n >\n {content}\n \n )}\n {openProgress && (\n onClose()}\n >\n {content}\n \n )}\n \n );\n};\n\nexport const WithCustomAriaLabel = () => (\n \n {content}\n \n);\n\nWithCustomAriaLabel.parameters = {\n loki: { skip: true },\n};\n\nWithCustomAriaLabel.storyName = 'With a custom aria-label';\n\nexport const WithCustomHeadingLevel = () => (\n \n {content}\n \n);\n\nWithCustomHeadingLevel.parameters = {\n loki: { skip: true },\n};\n\nWithCustomHeadingLevel.storyName = 'With a custom aria-level';\n\nexport const Playground = (args) => {\n const [open, setOpen] = useState(true);\n\n useEffect(() => {\n if (args.position === 'inline') setOpen(true);\n }, [args.position]);\n\n let typedSize;\n args.position === 'inline'\n ? (typedSize = args.size as NotificationSizeInline)\n : (typedSize = args.size as NotificationSizeToast);\n\n return (\n <>\n setOpen(!open)}\n >\n Toggle notification\n \n {open && (\n setOpen(false)}\n position={args.position}\n size={typedSize}\n dismissible={args.dismissible}\n closeButtonLabelText={args.closeButtonLabelText}\n headingLevel={args.headingLevel}\n >\n {args.body}\n \n )}\n \n );\n};\n\nPlayground.parameters = {\n previewTabs: {\n 'storybook/docs/panel': {\n hidden: true,\n },\n },\n docs: {\n disable: true,\n },\n};\n\nPlayground.args = {\n label: 'Label',\n body: content,\n closeButtonLabelText: 'Close notification',\n type: 'info',\n size: 'default',\n position: 'inline',\n invisible: false,\n dismissible: false,\n autoClose: false,\n displayAutoCloseProgress: true,\n autoCloseDuration: 6000,\n headingLevel: 2,\n};\n\nPlayground.argTypes = {\n type: {\n options: ['info', 'success', 'alert', 'error'],\n control: { type: 'radio' },\n },\n size: {\n options: ['default', 'small', 'large'],\n control: { type: 'radio' },\n },\n position: {\n options: ['inline', 'top-left', 'top-center', 'top-right', 'bottom-left', 'bottom-center', 'bottom-right'],\n control: { type: 'radio' },\n },\n};\n",locationsMap:{default:{startLoc:{col:23,line:21},endLoc:{col:78,line:21},startBody:{col:23,line:21},endBody:{col:78,line:21}},alert:{startLoc:{col:21,line:23},endLoc:{col:1,line:27},startBody:{col:21,line:23},endBody:{col:1,line:27}},error:{startLoc:{col:21,line:29},endLoc:{col:1,line:33},startBody:{col:21,line:29},endBody:{col:1,line:33}},success:{startLoc:{col:23,line:35},endLoc:{col:1,line:39},startBody:{col:23,line:35},endBody:{col:1,line:39}},small:{startLoc:{col:21,line:41},endLoc:{col:1,line:45},startBody:{col:21,line:41},endBody:{col:1,line:45}},large:{startLoc:{col:21,line:47},endLoc:{col:1,line:51},startBody:{col:21,line:47},endBody:{col:1,line:51}},"with-box-shadow":{startLoc:{col:29,line:53},endLoc:{col:1,line:57},startBody:{col:29,line:53},endBody:{col:1,line:57}},invisible:{startLoc:{col:25,line:61},endLoc:{col:1,line:73},startBody:{col:25,line:61},endBody:{col:1,line:73}},dismissible:{startLoc:{col:27,line:75},endLoc:{col:1,line:99},startBody:{col:27,line:75},endBody:{col:1,line:99}},"auto-close":{startLoc:{col:25,line:101},endLoc:{col:1,line:152},startBody:{col:25,line:101},endBody:{col:1,line:152}},"with-custom-aria-label":{startLoc:{col:35,line:154},endLoc:{col:1,line:158},startBody:{col:35,line:154},endBody:{col:1,line:158}},"with-custom-heading-level":{startLoc:{col:38,line:166},endLoc:{col:1,line:170},startBody:{col:38,line:166},endBody:{col:1,line:170}},playground:{startLoc:{col:26,line:178},endLoc:{col:1,line:223},startBody:{col:26,line:178},endBody:{col:1,line:223}}}},controls:{hideNoControlsWarning:!0}},decorators:[function(storyFn){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{maxWidth:"400px"},children:storyFn()})}]};var Default=function Default(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Notification__WEBPACK_IMPORTED_MODULE_2__.P,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},props),{},{children:content}))},Alert=function Alert(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Notification__WEBPACK_IMPORTED_MODULE_2__.P,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},props),{},{type:"alert",children:content}))},Error=function Error(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Notification__WEBPACK_IMPORTED_MODULE_2__.P,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},props),{},{type:"error",children:content}))},Success=function Success(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Notification__WEBPACK_IMPORTED_MODULE_2__.P,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},props),{},{type:"success",children:content}))},Small=function Small(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Notification__WEBPACK_IMPORTED_MODULE_2__.P,{label:"Only visible for screen readers",size:"small",children:"Message"})},Large=function Large(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Notification__WEBPACK_IMPORTED_MODULE_2__.P,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},props),{},{size:"large",children:content}))},WithBoxShadow=function WithBoxShadow(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Notification__WEBPACK_IMPORTED_MODULE_2__.P,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},props),{},{boxShadow:!0,children:content}))};WithBoxShadow.storyName="With box shadow";var Invisible=function Invisible(){var _useState=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),_useState2=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_useState,2),open=_useState2[0],setOpen=_useState2[1];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_button__WEBPACK_IMPORTED_MODULE_5__.z,{onClick:function onClick(){return setOpen(!open)},children:"Toggle notification"}),open&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Notification__WEBPACK_IMPORTED_MODULE_2__.P,{label:"Invisible notification",invisible:!0,children:"I'm only seen by screen readers"})]})},Dismissible=function Dismissible(){var _useState3=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!0),_useState4=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_useState3,2),open=_useState4[0],setOpen=_useState4[1],showButtonRef=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[!open&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_button__WEBPACK_IMPORTED_MODULE_5__.z,{ref:showButtonRef,onClick:function onClick(){return setOpen(!0)},children:"Open notification"}),open&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Notification__WEBPACK_IMPORTED_MODULE_2__.P,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},props),{},{dismissible:!0,onClose:function onClose(){return function onClose(){setOpen(!1),showButtonRef.current&&showButtonRef.current.focus()}()},closeButtonLabelText:"Close notification",children:content}))]})},AutoClose=function AutoClose(){var _useState5=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),_useState6=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_useState5,2),open=_useState6[0],setOpen=_useState6[1],_useState7=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),_useState8=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_useState7,2),openProgress=_useState8[0],setOpenProgress=_useState8[1],showButtonRef=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),showProgressButtonRef=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null),_onClose2=function onClose(){setOpen(!1),setOpenProgress(!1),showButtonRef.current&&showButtonRef.current.focus(),showProgressButtonRef.current&&showProgressButtonRef.current.focus()};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_button__WEBPACK_IMPORTED_MODULE_5__.z,{disabled:open||openProgress,ref:showButtonRef,onClick:function onClick(){return setOpen(!0)},children:"Show without progress bar"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_button__WEBPACK_IMPORTED_MODULE_5__.z,{disabled:open||openProgress,ref:showProgressButtonRef,onClick:function onClick(){return setOpenProgress(!0)},children:"Show with progress bar"}),open&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Notification__WEBPACK_IMPORTED_MODULE_2__.P,{label:"Without progress bar",position:"top-left",autoClose:!0,autoCloseDuration:3e3,displayAutoCloseProgress:!1,onClose:function onClose(){return _onClose2()},children:content}),openProgress&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Notification__WEBPACK_IMPORTED_MODULE_2__.P,{label:"With progress bar",position:"top-left",autoClose:!0,autoCloseDuration:3e3,onClose:function onClose(){return _onClose2()},children:content})]})},WithCustomAriaLabel=function WithCustomAriaLabel(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Notification__WEBPACK_IMPORTED_MODULE_2__.P,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},props),{},{notificationAriaLabel:"Custom aria label",children:content}))};WithCustomAriaLabel.parameters={loki:{skip:!0}},WithCustomAriaLabel.storyName="With a custom aria-label";var WithCustomHeadingLevel=function WithCustomHeadingLevel(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Notification__WEBPACK_IMPORTED_MODULE_2__.P,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},props),{},{headingLevel:3,children:content}))};WithCustomHeadingLevel.parameters={loki:{skip:!0}},WithCustomHeadingLevel.storyName="With a custom aria-level";var Playground=function Playground(args){var typedSize,_useState9=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!0),_useState10=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_useState9,2),open=_useState10[0],setOpen=_useState10[1];return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){"inline"===args.position&&setOpen(!0)}),[args.position]),typedSize=(args.position,args.size),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_button__WEBPACK_IMPORTED_MODULE_5__.z,{style:{position:"fixed",left:"50%",top:"50%",transform:"translate(-50%, -50%)"},onClick:function onClick(){return setOpen(!open)},children:"Toggle notification"}),open&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Notification__WEBPACK_IMPORTED_MODULE_2__.P,{autoClose:args.autoClose,autoCloseDuration:args.autoCloseDuration,displayAutoCloseProgress:args.displayAutoCloseProgress,invisible:args.invisible,label:args.label,type:args.type,onClose:function onClose(){return setOpen(!1)},position:args.position,size:typedSize,dismissible:args.dismissible,closeButtonLabelText:args.closeButtonLabelText,headingLevel:args.headingLevel,children:args.body})]})};Playground.parameters={previewTabs:{"storybook/docs/panel":{hidden:!0}},docs:{disable:!0}},Playground.args={label:"Label",body:content,closeButtonLabelText:"Close notification",type:"info",size:"default",position:"inline",invisible:!1,dismissible:!1,autoClose:!1,displayAutoCloseProgress:!0,autoCloseDuration:6e3,headingLevel:2},Playground.argTypes={type:{options:["info","success","alert","error"],control:{type:"radio"}},size:{options:["default","small","large"],control:{type:"radio"}},position:{options:["inline","top-left","top-center","top-right","bottom-left","bottom-center","bottom-right"],control:{type:"radio"}}},Default.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"() => {content} "}},Default.parameters),Alert.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => (\n \n {content}\n \n)'}},Alert.parameters),Error.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => (\n \n {content}\n \n)'}},Error.parameters),Success.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => (\n \n {content}\n \n)'}},Success.parameters),Small.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => (\n \n Message\n \n)'}},Small.parameters),Large.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => (\n \n {content}\n \n)'}},Large.parameters),WithBoxShadow.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"() => (\n \n {content}\n \n)"}},WithBoxShadow.parameters),Invisible.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => {\n const [open, setOpen] = useState(false);\n return (\n <>\n setOpen(!open)}>Toggle notification \n {open && (\n \n I'm only seen by screen readers\n \n )}\n \n );\n}'}},Invisible.parameters),Dismissible.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => {\n const [open, setOpen] = useState(true);\n const showButtonRef = useRef(null);\n const onClose = () => {\n setOpen(false);\n if (showButtonRef.current) {\n showButtonRef.current.focus();\n }\n };\n\n return (\n <>\n {!open && (\n setOpen(true)}>\n Open notification\n \n )}\n {open && (\n onClose()} closeButtonLabelText="Close notification">\n {content}\n \n )}\n \n );\n}'}},Dismissible.parameters),AutoClose.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => {\n const [open, setOpen] = useState(false);\n const [openProgress, setOpenProgress] = useState(false);\n const showButtonRef = useRef(null);\n const showProgressButtonRef = useRef(null);\n const onClose = () => {\n setOpen(false);\n setOpenProgress(false);\n if (showButtonRef.current) {\n showButtonRef.current.focus();\n }\n if (showProgressButtonRef.current) {\n showProgressButtonRef.current.focus();\n }\n };\n\n return (\n <>\n setOpen(true)}>\n Show without progress bar\n \n setOpenProgress(true)}>\n Show with progress bar\n \n {open && (\n onClose()}\n >\n {content}\n \n )}\n {openProgress && (\n onClose()}\n >\n {content}\n \n )}\n \n );\n}'}},AutoClose.parameters),WithCustomAriaLabel.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:'() => (\n \n {content}\n \n)'}},WithCustomAriaLabel.parameters),WithCustomHeadingLevel.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"() => (\n \n {content}\n \n)"}},WithCustomHeadingLevel.parameters),Playground.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => {\n const [open, setOpen] = useState(true);\n\n useEffect(() => {\n if (args.position === 'inline') setOpen(true);\n }, [args.position]);\n\n let typedSize;\n args.position === 'inline'\n ? (typedSize = args.size as NotificationSizeInline)\n : (typedSize = args.size as NotificationSizeToast);\n\n return (\n <>\n setOpen(!open)}\n >\n Toggle notification\n \n {open && (\n setOpen(false)}\n position={args.position}\n size={typedSize}\n dismissible={args.dismissible}\n closeButtonLabelText={args.closeButtonLabelText}\n headingLevel={args.headingLevel}\n >\n {args.body}\n \n )}\n \n );\n}"}},Playground.parameters);try{Playground.displayName="Playground",Playground.__docgenInfo={description:"",displayName:"Playground",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/notification/Notification.stories.tsx#Playground"]={docgenInfo:Playground.__docgenInfo,name:"Playground",path:"src/components/notification/Notification.stories.tsx#Playground"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/numberInput/NumberInput.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CustomStep:()=>CustomStep,Default:()=>Default,Disabled:()=>Disabled,WithDefaultValue:()=>WithDefaultValue,WithMinAndMax:()=>WithMinAndMax,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_NumberInput__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/components/numberInput/NumberInput.tsx")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={component:_NumberInput__WEBPACK_IMPORTED_MODULE_2__.Y,title:"Components/NumberInput",decorators:[function(storyFn){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{maxWidth:"300px"},children:storyFn()})}],parameters:{storySource:{source:"import React from 'react';\n\nimport { NumberInput } from './NumberInput';\n\nexport default {\n component: NumberInput,\n title: 'Components/NumberInput',\n decorators: [(storyFn) => {storyFn()}
],\n parameters: {\n controls: { expanded: true },\n },\n};\n\nexport const Default = (args) => 1?[pageCount-1]:[]),(0,toConsumableArray.Z)(endPages))}({pageCount,pageIndex,siblingCount})}),[pageCount,pageIndex,siblingCount]),customThemeClass=(0,useTheme.F)(Pagination_module.pagination,theme);return pageCount<=0?null:(0,jsx_runtime.jsx)("div",{className:Pagination_module.container,children:(0,jsx_runtime.jsxs)("nav",{className:(0,classNames.Z)(Pagination_module.pagination,customThemeClass,hideNextButton?Pagination_module.hideNextButton:""),role:"navigation","aria-label":paginationAriaLabel,"data-next":mapLangToNext(language),"data-testid":dataTestId,children:[(0,jsx_runtime.jsx)(dist_import.T,{children:(0,jsx_runtime.jsx)("span",{"aria-atomic":!0,"aria-live":"polite",children:hasUserChangedPage?mapLangToOpenedPage(pageIndex+1,language):""})}),!hidePrevButton&&(0,jsx_runtime.jsx)(Button.z,{className:Pagination_module.buttonPrevious,"data-testid":"".concat(dataTestId,"-previous-button"),disabled:0===pageIndex||1===pageCount,onClick:function onClick(event){return onChange(event,pageIndex-1)},variant:"supplementary",theme:"black",iconLeft:(0,jsx_runtime.jsx)(IconAngleLeft.IconAngleLeft,{}),children:mapLangToPrevious(language)}),(0,jsx_runtime.jsx)("ul",{className:Pagination_module.pages,children:itemList.map((function(pageItem){return pageItem===Ellipsis.start||pageItem===Ellipsis.end?(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)("span",{className:Pagination_module.itemEllipsis,children:"..."})},pageItem):(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)("a",{className:(0,classNames.Z)(Pagination_module.itemLink,pageIndex+1===pageItem?Pagination_module.itemLinkActive:""),"data-testid":"".concat(dataTestId,"-page-").concat(pageItem),href:pageHref(pageItem),onClick:onChange?function(event){return onChange(event,pageItem-1)}:void 0,title:mapLangToPageTitle(pageItem,language,pageItem===pageIndex+1),"aria-label":mapLangToPageAriaLabel(pageItem,language),"aria-current":pageIndex+1===pageItem&&"page",children:pageItem})},pageItem)}))}),!hideNextButton&&(0,jsx_runtime.jsx)(Button.z,{className:Pagination_module.buttonNext,"data-testid":"".concat(dataTestId,"-next-button"),disabled:pageIndex===pageCount-1||1===pageCount,onClick:function onClick(event){return onChange(event,pageIndex+1)},variant:"supplementary",theme:"black",iconRight:(0,jsx_runtime.jsx)(IconAngleRight.IconAngleRight,{className:Pagination_module.angleRightIcon}),children:mapLangToNext(language)})]})})};try{Pagination.displayName="Pagination",Pagination.__docgenInfo={description:"",displayName:"Pagination",props:{dataTestId:{defaultValue:{value:"hds-pagination"},description:"Data test id of pagination",name:"dataTestId",required:!1,type:{name:"string"}},hideNextButton:{defaultValue:{value:"false"},description:"If true, hide the next-page button",name:"hideNextButton",required:!1,type:{name:"boolean"}},hidePrevButton:{defaultValue:{value:"false"},description:"If true, hide the previous-page button",name:"hidePrevButton",required:!1,type:{name:"boolean"}},language:{defaultValue:{value:"fi"},description:"The language of the pagination component.",name:"language",required:!1,type:{name:"enum",value:[{value:'"en"'},{value:'"fi"'},{value:'"sv"'}]}},onChange:{defaultValue:null,description:"Callback fired when the page is changed",name:"onChange",required:!1,type:{name:"(event: MouseEvent | MouseEvent, index: number) => void"}},pageCount:{defaultValue:null,description:"The total number of pages",name:"pageCount",required:!0,type:{name:"number"}},pageHref:{defaultValue:null,description:"A function for generating the href of pages",name:"pageHref",required:!0,type:{name:"(index: number) => string"}},pageIndex:{defaultValue:null,description:"The active page index",name:"pageIndex",required:!0,type:{name:"number"}},paginationAriaLabel:{defaultValue:null,description:"Aria-label for the pagination nav element",name:"paginationAriaLabel",required:!0,type:{name:"string"}},siblingCount:{defaultValue:{value:"1"},description:"Number of always visible pages before and after the current page",name:"siblingCount",required:!1,type:{name:"number"}},theme:{defaultValue:null,description:"Theme prop for customisation of the Pagination component",name:"theme",required:!1,type:{name:"PaginationCustomTheme"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/pagination/Pagination.tsx#Pagination"]={docgenInfo:Pagination.__docgenInfo,name:"Pagination",path:"src/components/pagination/Pagination.tsx#Pagination"})}catch(__react_docgen_typescript_loader_error){}const Pagination_stories={component:Pagination,title:"Components/Pagination",parameters:{storySource:{source:"import React, { useState } from 'react';\n\nimport { Pagination } from './Pagination';\n\nexport default {\n component: Pagination,\n title: 'Components/Pagination',\n parameters: {\n controls: { expanded: true },\n },\n args: {},\n};\n\n// args is required for docs tab to show source code\n\nexport const Basic = (args) => {\n const [pageIndex, setPageIndex] = useState(0);\n return (\n {\n event.preventDefault();\n setPageIndex(index);\n }}\n pageCount={5}\n pageHref={() => '#'}\n pageIndex={pageIndex}\n paginationAriaLabel=\"Pagination\"\n />\n );\n};\n\n// args is required for docs tab to show source code\n\nexport const WithTruncation = (args) => {\n const [pageIndexPagination1, setPageIndexPagination1] = useState(7);\n const [pageIndexPagination2, setPageIndexPagination2] = useState(7);\n const [pageIndexPagination3, setPageIndexPagination3] = useState(7);\n\n return (\n <>\n {\n event.preventDefault();\n setPageIndexPagination1(index);\n }}\n pageCount={68}\n pageHref={() => '#'}\n pageIndex={pageIndexPagination1}\n paginationAriaLabel=\"Pagination 1\"\n siblingCount={0}\n />\n {\n event.preventDefault();\n setPageIndexPagination2(index);\n }}\n pageCount={68}\n pageHref={() => '#'}\n pageIndex={pageIndexPagination2}\n paginationAriaLabel=\"Pagination 2\"\n />\n {\n event.preventDefault();\n setPageIndexPagination3(index);\n }}\n pageCount={68}\n pageHref={() => '#'}\n pageIndex={pageIndexPagination3}\n paginationAriaLabel=\"Pagination 3\"\n siblingCount={2}\n />\n \n );\n};\n\nWithTruncation.storyName = 'With truncation';\n\n// args is required for docs tab to show source code\n\nexport const WithoutPrevAndNextButtons = (args) => {\n const [pageIndex, setPageIndex] = useState(7);\n\n return (\n {\n event.preventDefault();\n setPageIndex(index);\n }}\n pageCount={68}\n pageHref={() => '#'}\n pageIndex={pageIndex}\n paginationAriaLabel=\"Pagination\"\n />\n );\n};\n\nWithoutPrevAndNextButtons.storyName = 'Without prev and next buttons';\n\n// args is required for docs tab to show source code\n\nexport const CustomTheme = (args) => {\n const theme = {\n '--active-page-background-color': 'var(--color-bus)',\n };\n\n const [pageIndex, setPageIndex] = useState(0);\n\n return (\n {\n event.preventDefault();\n setPageIndex(index);\n }}\n pageCount={5}\n pageHref={() => '#'}\n pageIndex={pageIndex}\n paginationAriaLabel=\"Pagination\"\n theme={theme}\n />\n );\n};\n\nCustomTheme.storyName = 'Custom theme';\n\nexport const Playground = (args) => {\n const [pageIndex, setPageIndex] = useState(7);\n\n return (\n {\n event.preventDefault();\n setPageIndex(index);\n }}\n pageCount={args.pageCount}\n pageHref={() => '#'}\n pageIndex={pageIndex}\n paginationAriaLabel={args.paginationAriaLabel}\n siblingCount={args.siblingCount}\n theme={args.theme}\n />\n );\n};\n\nPlayground.parameters = {\n previewTabs: {\n 'storybook/docs/panel': {\n hidden: true,\n },\n },\n docs: {\n disable: true,\n },\n loki: { skip: true },\n};\n\nPlayground.args = {\n dataTestId: 'hds-pagination',\n hideNextButton: false,\n hidePrevButton: false,\n language: 'en',\n pageCount: 68,\n siblingCount: 2,\n paginationAriaLabel: 'Pagination',\n theme: {\n '--active-page-background-color': 'var(--color-bus)',\n },\n};\n\nPlayground.argTypes = {\n language: {\n options: ['fi', 'en', 'sv'],\n control: { type: 'radio' },\n },\n};\n",locationsMap:{basic:{startLoc:{col:21,line:16},endLoc:{col:1,line:31},startBody:{col:21,line:16},endBody:{col:1,line:31}},"with-truncation":{startLoc:{col:30,line:35},endLoc:{col:1,line:79},startBody:{col:30,line:35},endBody:{col:1,line:79}},"without-prev-and-next-buttons":{startLoc:{col:41,line:85},endLoc:{col:1,line:103},startBody:{col:41,line:85},endBody:{col:1,line:103}},"custom-theme":{startLoc:{col:27,line:109},endLoc:{col:1,line:130},startBody:{col:27,line:109},endBody:{col:1,line:130}},playground:{startLoc:{col:26,line:134},endLoc:{col:1,line:155},startBody:{col:26,line:134},endBody:{col:1,line:155}}}},controls:{expanded:!0}},args:{}};var Basic=function Basic(args){var _useState=(0,react.useState)(0),_useState2=(0,slicedToArray.Z)(_useState,2),pageIndex=_useState2[0],setPageIndex=_useState2[1];return(0,jsx_runtime.jsx)(Pagination,{language:"en",onChange:function onChange(event,index){event.preventDefault(),setPageIndex(index)},pageCount:5,pageHref:function pageHref(){return"#"},pageIndex,paginationAriaLabel:"Pagination"})},WithTruncation=function WithTruncation(args){var _useState3=(0,react.useState)(7),_useState4=(0,slicedToArray.Z)(_useState3,2),pageIndexPagination1=_useState4[0],setPageIndexPagination1=_useState4[1],_useState5=(0,react.useState)(7),_useState6=(0,slicedToArray.Z)(_useState5,2),pageIndexPagination2=_useState6[0],setPageIndexPagination2=_useState6[1],_useState7=(0,react.useState)(7),_useState8=(0,slicedToArray.Z)(_useState7,2),pageIndexPagination3=_useState8[0],setPageIndexPagination3=_useState8[1];return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(Pagination,{language:"en",onChange:function onChange(event,index){event.preventDefault(),setPageIndexPagination1(index)},pageCount:68,pageHref:function pageHref(){return"#"},pageIndex:pageIndexPagination1,paginationAriaLabel:"Pagination 1",siblingCount:0}),(0,jsx_runtime.jsx)(Pagination,{language:"en",onChange:function onChange(event,index){event.preventDefault(),setPageIndexPagination2(index)},pageCount:68,pageHref:function pageHref(){return"#"},pageIndex:pageIndexPagination2,paginationAriaLabel:"Pagination 2"}),(0,jsx_runtime.jsx)(Pagination,{language:"en",onChange:function onChange(event,index){event.preventDefault(),setPageIndexPagination3(index)},pageCount:68,pageHref:function pageHref(){return"#"},pageIndex:pageIndexPagination3,paginationAriaLabel:"Pagination 3",siblingCount:2})]})};WithTruncation.storyName="With truncation";var WithoutPrevAndNextButtons=function WithoutPrevAndNextButtons(args){var _useState9=(0,react.useState)(7),_useState10=(0,slicedToArray.Z)(_useState9,2),pageIndex=_useState10[0],setPageIndex=_useState10[1];return(0,jsx_runtime.jsx)(Pagination,{hideNextButton:!0,hidePrevButton:!0,language:"en",onChange:function onChange(event,index){event.preventDefault(),setPageIndex(index)},pageCount:68,pageHref:function pageHref(){return"#"},pageIndex,paginationAriaLabel:"Pagination"})};WithoutPrevAndNextButtons.storyName="Without prev and next buttons";var CustomTheme=function CustomTheme(args){var _useState11=(0,react.useState)(0),_useState12=(0,slicedToArray.Z)(_useState11,2),pageIndex=_useState12[0],setPageIndex=_useState12[1];return(0,jsx_runtime.jsx)(Pagination,{language:"en",onChange:function onChange(event,index){event.preventDefault(),setPageIndex(index)},pageCount:5,pageHref:function pageHref(){return"#"},pageIndex,paginationAriaLabel:"Pagination",theme:{"--active-page-background-color":"var(--color-bus)"}})};CustomTheme.storyName="Custom theme";var Playground=function Playground(args){var _useState13=(0,react.useState)(7),_useState14=(0,slicedToArray.Z)(_useState13,2),pageIndex=_useState14[0],setPageIndex=_useState14[1];return(0,jsx_runtime.jsx)(Pagination,{dataTestId:args.dataTestId,hideNextButton:args.hideNextButton,hidePrevButton:args.hidePrevButton,language:args.language,onChange:function onChange(event,index){event.preventDefault(),setPageIndex(index)},pageCount:args.pageCount,pageHref:function pageHref(){return"#"},pageIndex,paginationAriaLabel:args.paginationAriaLabel,siblingCount:args.siblingCount,theme:args.theme})};Playground.parameters={previewTabs:{"storybook/docs/panel":{hidden:!0}},docs:{disable:!0},loki:{skip:!0}},Playground.args={dataTestId:"hds-pagination",hideNextButton:!1,hidePrevButton:!1,language:"en",pageCount:68,siblingCount:2,paginationAriaLabel:"Pagination",theme:{"--active-page-background-color":"var(--color-bus)"}},Playground.argTypes={language:{options:["fi","en","sv"],control:{type:"radio"}}},Basic.parameters=(0,objectSpread2.Z)({storySource:{source:'(args) => {\n const [pageIndex, setPageIndex] = useState(0);\n return (\n {\n event.preventDefault();\n setPageIndex(index);\n }}\n pageCount={5}\n pageHref={() => \'#\'}\n pageIndex={pageIndex}\n paginationAriaLabel="Pagination"\n />\n );\n}'}},Basic.parameters),WithTruncation.parameters=(0,objectSpread2.Z)({storySource:{source:'(args) => {\n const [pageIndexPagination1, setPageIndexPagination1] = useState(7);\n const [pageIndexPagination2, setPageIndexPagination2] = useState(7);\n const [pageIndexPagination3, setPageIndexPagination3] = useState(7);\n\n return (\n <>\n {\n event.preventDefault();\n setPageIndexPagination1(index);\n }}\n pageCount={68}\n pageHref={() => \'#\'}\n pageIndex={pageIndexPagination1}\n paginationAriaLabel="Pagination 1"\n siblingCount={0}\n />\n {\n event.preventDefault();\n setPageIndexPagination2(index);\n }}\n pageCount={68}\n pageHref={() => \'#\'}\n pageIndex={pageIndexPagination2}\n paginationAriaLabel="Pagination 2"\n />\n {\n event.preventDefault();\n setPageIndexPagination3(index);\n }}\n pageCount={68}\n pageHref={() => \'#\'}\n pageIndex={pageIndexPagination3}\n paginationAriaLabel="Pagination 3"\n siblingCount={2}\n />\n \n );\n}'}},WithTruncation.parameters),WithoutPrevAndNextButtons.parameters=(0,objectSpread2.Z)({storySource:{source:'(args) => {\n const [pageIndex, setPageIndex] = useState(7);\n\n return (\n {\n event.preventDefault();\n setPageIndex(index);\n }}\n pageCount={68}\n pageHref={() => \'#\'}\n pageIndex={pageIndex}\n paginationAriaLabel="Pagination"\n />\n );\n}'}},WithoutPrevAndNextButtons.parameters),CustomTheme.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const theme = {\n '--active-page-background-color': 'var(--color-bus)',\n };\n\n const [pageIndex, setPageIndex] = useState(0);\n\n return (\n {\n event.preventDefault();\n setPageIndex(index);\n }}\n pageCount={5}\n pageHref={() => '#'}\n pageIndex={pageIndex}\n paginationAriaLabel=\"Pagination\"\n theme={theme}\n />\n );\n}"}},CustomTheme.parameters),Playground.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const [pageIndex, setPageIndex] = useState(7);\n\n return (\n {\n event.preventDefault();\n setPageIndex(index);\n }}\n pageCount={args.pageCount}\n pageHref={() => '#'}\n pageIndex={pageIndex}\n paginationAriaLabel={args.paginationAriaLabel}\n siblingCount={args.siblingCount}\n theme={args.theme}\n />\n );\n}"}},Playground.parameters);try{Basic.displayName="Basic",Basic.__docgenInfo={description:"",displayName:"Basic",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/pagination/Pagination.stories.tsx#Basic"]={docgenInfo:Basic.__docgenInfo,name:"Basic",path:"src/components/pagination/Pagination.stories.tsx#Basic"})}catch(__react_docgen_typescript_loader_error){}try{WithTruncation.displayName="WithTruncation",WithTruncation.__docgenInfo={description:"",displayName:"WithTruncation",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/pagination/Pagination.stories.tsx#WithTruncation"]={docgenInfo:WithTruncation.__docgenInfo,name:"WithTruncation",path:"src/components/pagination/Pagination.stories.tsx#WithTruncation"})}catch(__react_docgen_typescript_loader_error){}try{WithoutPrevAndNextButtons.displayName="WithoutPrevAndNextButtons",WithoutPrevAndNextButtons.__docgenInfo={description:"",displayName:"WithoutPrevAndNextButtons",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/pagination/Pagination.stories.tsx#WithoutPrevAndNextButtons"]={docgenInfo:WithoutPrevAndNextButtons.__docgenInfo,name:"WithoutPrevAndNextButtons",path:"src/components/pagination/Pagination.stories.tsx#WithoutPrevAndNextButtons"})}catch(__react_docgen_typescript_loader_error){}try{CustomTheme.displayName="CustomTheme",CustomTheme.__docgenInfo={description:"",displayName:"CustomTheme",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/pagination/Pagination.stories.tsx#CustomTheme"]={docgenInfo:CustomTheme.__docgenInfo,name:"CustomTheme",path:"src/components/pagination/Pagination.stories.tsx#CustomTheme"})}catch(__react_docgen_typescript_loader_error){}try{Playground.displayName="Playground",Playground.__docgenInfo={description:"",displayName:"Playground",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/pagination/Pagination.stories.tsx#Playground"]={docgenInfo:Playground.__docgenInfo,name:"Playground",path:"src/components/pagination/Pagination.stories.tsx#Playground"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/passwordInput/PasswordInput.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AutoCompleteOn:()=>AutoCompleteOn,Default:()=>Default,Disabled:()=>Disabled,InitiallyRevealed:()=>InitiallyRevealed,Invalid:()=>Invalid,Success:()=>Success,WithDefaultValue:()=>WithDefaultValue,WithExternalShowPasswordButton:()=>WithExternalShowPasswordButton,default:()=>PasswordInput_stories});var slicedToArray=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),react=__webpack_require__("../../node_modules/react/index.js"),objectWithoutProperties=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js");__webpack_require__("./src/styles/base.css");const PasswordInput_module_disabledShowPasswordButton="PasswordInput_disabledShowPasswordButton__5nnnF";var IconEyeCrossed=__webpack_require__("./src/icons/IconEyeCrossed.tsx"),IconEye=__webpack_require__("./src/icons/IconEye.tsx"),InputWrapper=__webpack_require__("./src/internal/input-wrapper/InputWrapper.tsx"),classNames=__webpack_require__("./src/utils/classNames.ts"),TextInput_module=__webpack_require__("./src/components/textInput/TextInput.module.css"),composeAriaDescribedBy=__webpack_require__("./src/utils/composeAriaDescribedBy.ts"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_excluded=["className","errorText","helperText","hideLabel","id","invalid","label","required","style","successText","infoText","tooltipLabel","tooltipText","tooltipButtonLabel","concealPasswordButtonAriaLabel","disabled","includeShowPasswordButton","initiallyRevealed","onBlur","revealPasswordButtonAriaLabel","type"],PasswordInput=react.forwardRef((function(_ref,ref){var revealPassword,setRevealPassword,className=_ref.className,errorText=_ref.errorText,helperText=_ref.helperText,hideLabel=_ref.hideLabel,id=_ref.id,invalid=_ref.invalid,label=_ref.label,required=_ref.required,style=_ref.style,successText=_ref.successText,infoText=_ref.infoText,tooltipLabel=_ref.tooltipLabel,tooltipText=_ref.tooltipText,tooltipButtonLabel=_ref.tooltipButtonLabel,concealPasswordButtonAriaLabel=_ref.concealPasswordButtonAriaLabel,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,_ref$includeShowPassw=_ref.includeShowPasswordButton,includeShowPasswordButton=void 0===_ref$includeShowPassw||_ref$includeShowPassw,_ref$initiallyReveale=_ref.initiallyRevealed,initiallyRevealed=void 0!==_ref$initiallyReveale&&_ref$initiallyReveale,onBlur=_ref.onBlur,revealPasswordButtonAriaLabel=_ref.revealPasswordButtonAriaLabel,type=_ref.type,passwordInputProps=(0,objectWithoutProperties.Z)(_ref,_excluded),wrapperProps={className,errorText,helperText,hideLabel,id,invalid,label,required,style,successText,infoText,tooltipLabel,tooltipText,tooltipButtonLabel};if(includeShowPasswordButton){var _useState=(0,react.useState)(initiallyRevealed),_useState2=(0,slicedToArray.Z)(_useState,2);revealPassword=_useState2[0],setRevealPassword=_useState2[1]}var ariaDescribedBy=(0,composeAriaDescribedBy.Z)(id,helperText,errorText,successText,infoText);return(0,jsx_runtime.jsxs)(InputWrapper.S,(0,objectSpread2.Z)((0,objectSpread2.Z)({onBlur:function handleOnBlur(event){event.currentTarget.contains(event.relatedTarget)||includeShowPasswordButton&&revealPassword&&setRevealPassword(!1),"function"==typeof onBlur&&onBlur(event)}},wrapperProps),{},{children:[(0,jsx_runtime.jsx)("input",(0,objectSpread2.Z)({className:(0,classNames.Z)(TextInput_module.Z.input,includeShowPasswordButton&&TextInput_module.Z.hasButton),disabled,id,ref,required,type:function resolveType(){return includeShowPasswordButton?revealPassword?"text":"password":type||"password"}(),"aria-describedby":ariaDescribedBy.length>0?ariaDescribedBy:null},passwordInputProps)),includeShowPasswordButton&&(0,jsx_runtime.jsx)("div",{className:TextInput_module.Z.buttonWrapper,children:(0,jsx_runtime.jsxs)("button",(0,objectSpread2.Z)((0,objectSpread2.Z)({className:TextInput_module.Z.button,type:"button",disabled},function getButtonProps(){return revealPassword?{"aria-label":concealPasswordButtonAriaLabel,onClick:function onClick(){return setRevealPassword(!1)}}:{"aria-label":revealPasswordButtonAriaLabel,onClick:function onClick(){return setRevealPassword(!0)}}}()),{},{children:[revealPassword&&(0,jsx_runtime.jsx)(IconEyeCrossed.IconEyeCrossed,{"aria-hidden":!0,className:disabled?PasswordInput_module_disabledShowPasswordButton:""}),!revealPassword&&(0,jsx_runtime.jsx)(IconEye.IconEye,{"aria-hidden":!0,className:disabled?PasswordInput_module_disabledShowPasswordButton:""})]}))})]}))}));try{PasswordInput.displayName="PasswordInput",PasswordInput.__docgenInfo={description:"",displayName:"PasswordInput",props:{className:{defaultValue:null,description:"Additional class names to apply to the text input",name:"className",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"The id of the input element",name:"id",required:!1,type:{name:"string"}},style:{defaultValue:null,description:"Override or extend the styles applied to the component",name:"style",required:!1,type:{name:"CSSProperties"}},label:{defaultValue:null,description:"The label for the input",name:"label",required:!0,type:{name:"string"}},disabled:{defaultValue:{value:"false"},description:"If `true`, the input will be disabled",name:"disabled",required:!1,type:{name:"boolean"}},type:{defaultValue:null,description:"Type of the password input. Only applied when includeShowPasswordButton is false.\nUse this if you wish to not have show password button, or you wish to apply external show password button.",name:"type",required:!1,type:{name:"string"}},value:{defaultValue:null,description:"The value of the input element, required for a controlled component",name:"value",required:!1,type:{name:"string & (string | number | readonly string[])"}},defaultValue:{defaultValue:null,description:"The default input element value. Use when the component is not controlled",name:"defaultValue",required:!1,type:{name:"string & (string | number | readonly string[])"}},placeholder:{defaultValue:null,description:"Short hint displayed in the input before the user enters a value",name:"placeholder",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"Callback fired when the state is changed",name:"onChange",required:!1,type:{name:"ChangeEventHandler"}},readOnly:{defaultValue:null,description:"If `true`, prevents the user from changing the value of the field (not from interacting with the field)",name:"readOnly",required:!1,type:{name:"boolean"}},required:{defaultValue:null,description:"If `true`, the label is displayed as required and the `input` element will be required",name:"required",required:!1,type:{name:"boolean"}},errorText:{defaultValue:null,description:"The error text content that will be shown below the input",name:"errorText",required:!1,type:{name:"string"}},helperText:{defaultValue:null,description:"The helper text content that will be shown below the input",name:"helperText",required:!1,type:{name:"string"}},tooltipText:{defaultValue:null,description:"The text content of the tooltip",name:"tooltipText",required:!1,type:{name:"string"}},tooltipLabel:{defaultValue:null,description:"Aria-label text for the tooltip",name:"tooltipLabel",required:!1,type:{name:"string"}},tooltipButtonLabel:{defaultValue:null,description:"Aria-label text for the tooltip trigger button",name:"tooltipButtonLabel",required:!1,type:{name:"string"}},hideLabel:{defaultValue:null,description:"Hides the label above the input",name:"hideLabel",required:!1,type:{name:"boolean"}},invalid:{defaultValue:null,description:"If `true`, the input will be displayed in an invalid state.",name:"invalid",required:!1,type:{name:"boolean"}},successText:{defaultValue:null,description:"The success text content that will be shown below the input",name:"successText",required:!1,type:{name:"string"}},infoText:{defaultValue:null,description:"The info text content that will be shown below the input",name:"infoText",required:!1,type:{name:"string"}},concealPasswordButtonAriaLabel:{defaultValue:null,description:"The aria-label for conceal password button",name:"concealPasswordButtonAriaLabel",required:!1,type:{name:"string"}},includeShowPasswordButton:{defaultValue:{value:"true"},description:"Boolean value for whether the component will include show / hide password button. Defaults to true.",name:"includeShowPasswordButton",required:!1,type:{name:"boolean"}},initiallyRevealed:{defaultValue:{value:"false"},description:"Boolean value for whether the component will initially reveal the password or not.\nOnly applied when includeShowPasswordButton is true. Defaults to false.",name:"initiallyRevealed",required:!1,type:{name:"boolean"}},revealPasswordButtonAriaLabel:{defaultValue:null,description:"The aria-label for reveal password button",name:"revealPasswordButtonAriaLabel",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/passwordInput/PasswordInput.tsx#PasswordInput"]={docgenInfo:PasswordInput.__docgenInfo,name:"PasswordInput",path:"src/components/passwordInput/PasswordInput.tsx#PasswordInput"})}catch(__react_docgen_typescript_loader_error){}var Button=__webpack_require__("./src/components/button/Button.tsx");const PasswordInput_stories={component:PasswordInput,title:"Components/PasswordInput",decorators:[function(storyFn){return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"400px"},children:storyFn()})}],parameters:{storySource:{source:"import React, { useState } from 'react';\n\nimport { PasswordInput } from './PasswordInput';\nimport { Button } from '../button';\nimport { IconEye, IconEyeCrossed } from '../../icons';\n\nexport default {\n component: PasswordInput,\n title: 'Components/PasswordInput',\n decorators: [(storyFn) => {storyFn()}
],\n parameters: {\n controls: { expanded: true },\n },\n args: {},\n};\n\nexport const Default = (args) => (false);\n return (\n \n
\n
setRevealPassword(!revealPassword)}\n iconLeft={revealPassword ? (false);\n return (\n \n
\n
setRevealPassword(!revealPassword)}\n iconLeft={revealPassword ? {storyFn()}
],\n parameters: {\n controls: { expanded: true },\n },\n args: {},\n};\n\nexport const Default = (args) => \n Work phone\n
\n \n
action('onBlur')}\n onChange={(change) => action('onChange')(change)}\n onFocus={() => action('onFocus')}\n required\n toggleButtonAriaLabel=\"Choose country code\"\n />\n {storyFn()}
];\n",locationsMap:{default:{startLoc:{col:23,line:17},endLoc:{col:57,line:17},startBody:{col:23,line:17},endBody:{col:57,line:17}},disabled:{startLoc:{col:24,line:24},endLoc:{col:58,line:24},startBody:{col:24,line:24},endBody:{col:58,line:24}},"with-default-value":{startLoc:{col:32,line:34},endLoc:{col:66,line:34},startBody:{col:32,line:34},endBody:{col:66,line:34}},"with-country-code":{startLoc:{col:31,line:43},endLoc:{col:1,line:68},startBody:{col:31,line:43},endBody:{col:1,line:68}}}},controls:{expanded:!0}},args:{}};var Default=function Default(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_PhoneInput__WEBPACK_IMPORTED_MODULE_3__.s,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({},args))};Default.args={id:"Default",helperText:"Assistive text",label:"Label"};var Disabled=function Disabled(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_PhoneInput__WEBPACK_IMPORTED_MODULE_3__.s,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({},args))};Disabled.storyName="Disabled",Disabled.args={id:"Disabled",helperText:"Assistive text",defaultValue:"0451234567",label:"Label for disabled",disabled:!0};var WithDefaultValue=function WithDefaultValue(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_PhoneInput__WEBPACK_IMPORTED_MODULE_3__.s,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({},args))};WithDefaultValue.storyName="With a default value",WithDefaultValue.args={id:"WithDefaultValue",defaultValue:"0451234567",helperText:"Assistive text",label:"Label for default value"};var WithCountryCode=function WithCountryCode(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("p",{id:"work-phone",style:{fontSize:"18px",fontWeight:"bold"},children:"Work phone"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{style:{display:"grid",gridTemplateColumns:"200px 300px",columnGap:"16px"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_dropdown_combobox__WEBPACK_IMPORTED_MODULE_5__.h,{id:"hds-select-1",label:"Country code",helper:"Assistive text","aria-describedby":"work-phone",options:[{label:"Finland (+358)"},{label:"UK (+46)"}],defaultValue:{label:"Finland (+358)"},onBlur:function onBlur(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onBlur")},onChange:function onChange(change){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onChange")(change)},onFocus:function onFocus(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("onFocus")},required:!0,toggleButtonAriaLabel:"Choose country code"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_PhoneInput__WEBPACK_IMPORTED_MODULE_3__.s,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({},args))]})]})};WithCountryCode.storyName="With select countrycode",WithCountryCode.args={id:"WithCountryCode",defaultValue:"0451234567","aria-describedby":"work-phone",label:"Phone number",required:!0},WithCountryCode.decorators=[function(storyFn){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{style:{maxWidth:"516px"},children:storyFn()})}],Default.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:"(args) => \n Work phone\n
\n \n
action('onBlur')}\n onChange={(change) => action('onChange')(change)}\n onFocus={() => action('onFocus')}\n required\n toggleButtonAriaLabel=\"Choose country code\"\n />\n Props \n setRadioValue((event.target as HTMLInputElement).value)}\n />\n ))}\n \n );\n};\nCustom.storyName = 'With custom styles';\n\nexport const WithHelperText = () => setRadioValue((event.target as HTMLInputElement).value)}\n />\n ))}\n setRadioValue((event.target as HTMLInputElement).value)}\n />\n ))}\n \n );\n}"}},Custom.parameters),WithHelperText.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({storySource:{source:'() => setRadioValue((event.target as HTMLInputElement).value)}\n />\n ))}\n {storyFn()}
],\n parameters: {\n controls: { expanded: true },\n },\n};\n\nconst fruits = [\n 'Apple',\n 'Apricot',\n 'Avocado',\n 'Banana',\n 'Blackberry',\n 'Blueberry',\n 'Cherry',\n 'Coconut',\n 'Cranberry',\n 'Date',\n 'Dragonfruit',\n 'Fig',\n 'Gooseberry',\n 'Grape',\n 'Honeyberry',\n 'Jackfruit',\n 'Kiwifruit',\n 'Lemon',\n 'Lime',\n 'Mango',\n 'Melon',\n 'Nectarine',\n 'Orange',\n 'Papaya',\n 'Passionfruit',\n 'Peach',\n 'Pear',\n 'Pineapple',\n 'Raspberry',\n 'Satsuma',\n 'Start fruit',\n 'Strawberry',\n 'Tangelo',\n 'Tomato',\n].map((fruit) => ({ value: fruit }));\n\nconst asynchronousSearchOperation = (inputValue: string, timeout = 0) => {\n return new Promise>((resolve) => {\n const filteredItems = fruits.filter((fruit) => {\n return fruit.value.toLowerCase().indexOf(inputValue.toLowerCase()) > -1;\n });\n setTimeout(() => {\n resolve(filteredItems);\n }, timeout);\n });\n};\n\nconst longLastingAsynchronousSearchOperation = (inputValue: string) => asynchronousSearchOperation(inputValue, 5000);\n\nexport const Default = (args) => {\n const onSubmit = (value: string) => {\n console.log('Search for:', value);\n };\n return ('');\n\n const onChange = (value: string) => {\n console.log('Input value changed:', value);\n currentValue.current = value;\n };\n\n const onSubmit = (string) => {\n console.log('Search for:', string);\n };\n\n const doSearch = () => {\n if (currentValue.current) console.log('Search:', currentValue.current);\n };\n\n return (\n \n \n \n Search\n \n
\n );\n};\n\nexport const WithSuggestions = (args) => {\n type SuggestionItemType = {\n value: string;\n };\n\n const getSuggestions = async (inputValue: string): Promise => {\n const suggestions = await asynchronousSearchOperation(inputValue);\n return suggestions;\n };\n\n const onSubmit = (value: string) => {\n console.log('Submitted value:', value);\n };\n\n return (\n \n {...args}\n suggestionLabelField=\"value\"\n getSuggestions={getSuggestions}\n onSubmit={onSubmit}\n />\n );\n};\nWithSuggestions.storyName = 'With suggestions';\nWithSuggestions.args = {\n label: 'Search for a fruit',\n helperText: 'Assistive text',\n placeholder: 'Placeholder',\n};\n\nexport const WithSuggestionsAndHighlighting = (args) => {\n type SuggestionItemType = {\n value: string;\n };\n\n const getSuggestions = async (inputValue: string): Promise => {\n const suggestions = await asynchronousSearchOperation(inputValue);\n return suggestions;\n };\n\n const onSubmit = (value: string) => {\n console.log('Submitted value:', value);\n };\n\n return (\n \n {...args}\n suggestionLabelField=\"value\"\n getSuggestions={getSuggestions}\n onSubmit={onSubmit}\n />\n );\n};\nWithSuggestionsAndHighlighting.storyName = 'With suggestions and highlighting';\nWithSuggestionsAndHighlighting.args = {\n label: 'Search for a fruit',\n helperText: 'Assistive text',\n highlightSuggestions: true,\n placeholder: 'Placeholder',\n};\n\nexport const WithSuggestionsSpinner = (args) => {\n type SuggestionItemType = {\n value: string;\n };\n\n const getSuggestions = async (inputValue: string): Promise => {\n const suggestions = await longLastingAsynchronousSearchOperation(inputValue);\n return suggestions;\n };\n\n const onChange = (value: string) => {\n console.log('input value changed:', value);\n };\n\n const onSubmit = (value: string) => {\n console.log('Submitted value:', value);\n };\n\n return (\n \n {...args}\n suggestionLabelField=\"value\"\n getSuggestions={getSuggestions}\n onSubmit={onSubmit}\n onChange={onChange}\n />\n );\n};\nWithSuggestionsSpinner.storyName = 'With suggestions & spinner';\nWithSuggestionsSpinner.args = {\n label: 'Search for a fruit',\n helperText: 'Assistive text',\n placeholder: 'Placeholder',\n};\n\nexport const WithDefaultValue = (args) => {\n type SuggestionItemType = {\n value: string;\n };\n const [searchValue, setSearchValue] = useState(args.value);\n\n const getSuggestions = async (inputValue: string): Promise => {\n const suggestions = await asynchronousSearchOperation(inputValue);\n return suggestions;\n };\n\n const onSubmit = (value: string) => {\n console.log('Submitted value:', value);\n };\n\n const onChange = (value: string) => {\n console.log('Changed value: ', value);\n setSearchValue(value);\n };\n\n return (\n \n {...args}\n suggestionLabelField=\"value\"\n getSuggestions={getSuggestions}\n onSubmit={onSubmit}\n value={searchValue}\n onChange={onChange}\n />\n );\n};\nWithDefaultValue.storyName = 'With default value';\nWithDefaultValue.args = {\n label: 'Search for a fruit',\n helperText: 'Assistive text',\n placeholder: 'Placeholder',\n value: 'Banana',\n};\n",locationsMap:{default:{startLoc:{col:23,line:67},endLoc:{col:1,line:72},startBody:{col:23,line:67},endBody:{col:1,line:72}},"with-custom-search-button":{startLoc:{col:38,line:79},endLoc:{col:1,line:131},startBody:{col:38,line:79},endBody:{col:1,line:131}},"with-suggestions":{startLoc:{col:31,line:133},endLoc:{col:1,line:155},startBody:{col:31,line:133},endBody:{col:1,line:155}},"with-suggestions-and-highlighting":{startLoc:{col:46,line:163},endLoc:{col:1,line:185},startBody:{col:46,line:163},endBody:{col:1,line:185}},"with-suggestions-spinner":{startLoc:{col:38,line:194},endLoc:{col:1,line:221},startBody:{col:38,line:194},endBody:{col:1,line:221}},"with-default-value":{startLoc:{col:32,line:229},endLoc:{col:1,line:259},startBody:{col:32,line:229},endBody:{col:1,line:259}}}},controls:{expanded:!0}}};var fruits=["Apple","Apricot","Avocado","Banana","Blackberry","Blueberry","Cherry","Coconut","Cranberry","Date","Dragonfruit","Fig","Gooseberry","Grape","Honeyberry","Jackfruit","Kiwifruit","Lemon","Lime","Mango","Melon","Nectarine","Orange","Papaya","Passionfruit","Peach","Pear","Pineapple","Raspberry","Satsuma","Start fruit","Strawberry","Tangelo","Tomato"].map((function(fruit){return{value:fruit}})),asynchronousSearchOperation=function asynchronousSearchOperation(inputValue){var timeout=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return new Promise((function(resolve){var filteredItems=fruits.filter((function(fruit){return fruit.value.toLowerCase().indexOf(inputValue.toLowerCase())>-1}));setTimeout((function(){resolve(filteredItems)}),timeout)}))},longLastingAsynchronousSearchOperation=function longLastingAsynchronousSearchOperation(inputValue){return asynchronousSearchOperation(inputValue,5e3)},Default=function Default(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_SearchInput__WEBPACK_IMPORTED_MODULE_2__.M,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{onSubmit:function onSubmit(value){console.log("Search for:",value)}}))};Default.args={label:"Search",helperText:"Assistive text",placeholder:"Placeholder"};var WithCustomSearchButton=function WithCustomSearchButton(args){var currentValue=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)("");return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("div",{style:{display:"flex",flexWrap:"wrap"},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("style",{children:"\n .search-button {\n margin-left: 10px;\n }\n\n @media only screen and (max-width: ".concat(getComputedStyle(document.documentElement).getPropertyValue("--breakpoint-m"),") {\n .search-input,\n .search-button {\n width: 100%;\n }\n\n .search-button {\n margin-left: 0;\n margin-top: 10px;\n }\n }\n ")}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_SearchInput__WEBPACK_IMPORTED_MODULE_2__.M,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({className:"search-input"},args),{},{hideSearchButton:!0,onSubmit:function onSubmit(string){console.log("Search for:",string)},onChange:function onChange(value){console.log("Input value changed:",value),currentValue.current=value},placeholder:"Placeholder"})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_button__WEBPACK_IMPORTED_MODULE_4__.z,{className:"search-button",onClick:function doSearch(){currentValue.current&&console.log("Search:",currentValue.current)},children:"Search"})]})},WithSuggestions=function WithSuggestions(args){var getSuggestions=function(){var _ref=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_5__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_regeneratorRuntime_js__WEBPACK_IMPORTED_MODULE_6__.Z)().mark((function _callee(inputValue){var suggestions;return(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_regeneratorRuntime_js__WEBPACK_IMPORTED_MODULE_6__.Z)().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,asynchronousSearchOperation(inputValue);case 2:return suggestions=_context.sent,_context.abrupt("return",suggestions);case 4:case"end":return _context.stop()}}),_callee)})));return function getSuggestions(_x){return _ref.apply(this,arguments)}}();return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_SearchInput__WEBPACK_IMPORTED_MODULE_2__.M,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{suggestionLabelField:"value",getSuggestions,onSubmit:function onSubmit(value){console.log("Submitted value:",value)}}))};WithSuggestions.storyName="With suggestions",WithSuggestions.args={label:"Search for a fruit",helperText:"Assistive text",placeholder:"Placeholder"};var WithSuggestionsAndHighlighting=function WithSuggestionsAndHighlighting(args){var getSuggestions=function(){var _ref2=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_5__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_regeneratorRuntime_js__WEBPACK_IMPORTED_MODULE_6__.Z)().mark((function _callee2(inputValue){var suggestions;return(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_regeneratorRuntime_js__WEBPACK_IMPORTED_MODULE_6__.Z)().wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:return _context2.next=2,asynchronousSearchOperation(inputValue);case 2:return suggestions=_context2.sent,_context2.abrupt("return",suggestions);case 4:case"end":return _context2.stop()}}),_callee2)})));return function getSuggestions(_x2){return _ref2.apply(this,arguments)}}();return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_SearchInput__WEBPACK_IMPORTED_MODULE_2__.M,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{suggestionLabelField:"value",getSuggestions,onSubmit:function onSubmit(value){console.log("Submitted value:",value)}}))};WithSuggestionsAndHighlighting.storyName="With suggestions and highlighting",WithSuggestionsAndHighlighting.args={label:"Search for a fruit",helperText:"Assistive text",highlightSuggestions:!0,placeholder:"Placeholder"};var WithSuggestionsSpinner=function WithSuggestionsSpinner(args){var getSuggestions=function(){var _ref3=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_5__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_regeneratorRuntime_js__WEBPACK_IMPORTED_MODULE_6__.Z)().mark((function _callee3(inputValue){var suggestions;return(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_regeneratorRuntime_js__WEBPACK_IMPORTED_MODULE_6__.Z)().wrap((function _callee3$(_context3){for(;;)switch(_context3.prev=_context3.next){case 0:return _context3.next=2,longLastingAsynchronousSearchOperation(inputValue);case 2:return suggestions=_context3.sent,_context3.abrupt("return",suggestions);case 4:case"end":return _context3.stop()}}),_callee3)})));return function getSuggestions(_x3){return _ref3.apply(this,arguments)}}();return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_SearchInput__WEBPACK_IMPORTED_MODULE_2__.M,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{suggestionLabelField:"value",getSuggestions,onSubmit:function onSubmit(value){console.log("Submitted value:",value)},onChange:function onChange(value){console.log("input value changed:",value)}}))};WithSuggestionsSpinner.storyName="With suggestions & spinner",WithSuggestionsSpinner.args={label:"Search for a fruit",helperText:"Assistive text",placeholder:"Placeholder"};var WithDefaultValue=function WithDefaultValue(args){var _useState=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(args.value),_useState2=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_useState,2),searchValue=_useState2[0],setSearchValue=_useState2[1],getSuggestions=function(){var _ref4=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_asyncToGenerator_js__WEBPACK_IMPORTED_MODULE_5__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_regeneratorRuntime_js__WEBPACK_IMPORTED_MODULE_6__.Z)().mark((function _callee4(inputValue){var suggestions;return(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_regeneratorRuntime_js__WEBPACK_IMPORTED_MODULE_6__.Z)().wrap((function _callee4$(_context4){for(;;)switch(_context4.prev=_context4.next){case 0:return _context4.next=2,asynchronousSearchOperation(inputValue);case 2:return suggestions=_context4.sent,_context4.abrupt("return",suggestions);case 4:case"end":return _context4.stop()}}),_callee4)})));return function getSuggestions(_x4){return _ref4.apply(this,arguments)}}();return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_SearchInput__WEBPACK_IMPORTED_MODULE_2__.M,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{suggestionLabelField:"value",getSuggestions,onSubmit:function onSubmit(value){console.log("Submitted value:",value)},value:searchValue,onChange:function onChange(value){console.log("Changed value: ",value),setSearchValue(value)}}))};WithDefaultValue.storyName="With default value",WithDefaultValue.args={label:"Search for a fruit",helperText:"Assistive text",placeholder:"Placeholder",value:"Banana"},Default.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => {\n const onSubmit = (value: string) => {\n console.log('Search for:', value);\n };\n return ('');\n\n const onChange = (value: string) => {\n console.log('Input value changed:', value);\n currentValue.current = value;\n };\n\n const onSubmit = (string) => {\n console.log('Search for:', string);\n };\n\n const doSearch = () => {\n if (currentValue.current) console.log('Search:', currentValue.current);\n };\n\n return (\n \n \n \n Search\n \n
\n );\n}"}},WithCustomSearchButton.parameters),WithSuggestions.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => {\n type SuggestionItemType = {\n value: string;\n };\n\n const getSuggestions = async (inputValue: string): Promise => {\n const suggestions = await asynchronousSearchOperation(inputValue);\n return suggestions;\n };\n\n const onSubmit = (value: string) => {\n console.log('Submitted value:', value);\n };\n\n return (\n \n {...args}\n suggestionLabelField=\"value\"\n getSuggestions={getSuggestions}\n onSubmit={onSubmit}\n />\n );\n}"}},WithSuggestions.parameters),WithSuggestionsAndHighlighting.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => {\n type SuggestionItemType = {\n value: string;\n };\n\n const getSuggestions = async (inputValue: string): Promise => {\n const suggestions = await asynchronousSearchOperation(inputValue);\n return suggestions;\n };\n\n const onSubmit = (value: string) => {\n console.log('Submitted value:', value);\n };\n\n return (\n \n {...args}\n suggestionLabelField=\"value\"\n getSuggestions={getSuggestions}\n onSubmit={onSubmit}\n />\n );\n}"}},WithSuggestionsAndHighlighting.parameters),WithSuggestionsSpinner.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => {\n type SuggestionItemType = {\n value: string;\n };\n\n const getSuggestions = async (inputValue: string): Promise => {\n const suggestions = await longLastingAsynchronousSearchOperation(inputValue);\n return suggestions;\n };\n\n const onChange = (value: string) => {\n console.log('input value changed:', value);\n };\n\n const onSubmit = (value: string) => {\n console.log('Submitted value:', value);\n };\n\n return (\n \n {...args}\n suggestionLabelField=\"value\"\n getSuggestions={getSuggestions}\n onSubmit={onSubmit}\n onChange={onChange}\n />\n );\n}"}},WithSuggestionsSpinner.parameters),WithDefaultValue.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => {\n type SuggestionItemType = {\n value: string;\n };\n const [searchValue, setSearchValue] = useState(args.value);\n\n const getSuggestions = async (inputValue: string): Promise => {\n const suggestions = await asynchronousSearchOperation(inputValue);\n return suggestions;\n };\n\n const onSubmit = (value: string) => {\n console.log('Submitted value:', value);\n };\n\n const onChange = (value: string) => {\n console.log('Changed value: ', value);\n setSearchValue(value);\n };\n\n return (\n \n {...args}\n suggestionLabelField=\"value\"\n getSuggestions={getSuggestions}\n onSubmit={onSubmit}\n value={searchValue}\n onChange={onChange}\n />\n );\n}"}},WithDefaultValue.parameters);try{Default.displayName="Default",Default.__docgenInfo={description:"",displayName:"Default",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/searchInput/SearchInput.stories.tsx#Default"]={docgenInfo:Default.__docgenInfo,name:"Default",path:"src/components/searchInput/SearchInput.stories.tsx#Default"})}catch(__react_docgen_typescript_loader_error){}try{WithCustomSearchButton.displayName="WithCustomSearchButton",WithCustomSearchButton.__docgenInfo={description:"",displayName:"WithCustomSearchButton",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/searchInput/SearchInput.stories.tsx#WithCustomSearchButton"]={docgenInfo:WithCustomSearchButton.__docgenInfo,name:"WithCustomSearchButton",path:"src/components/searchInput/SearchInput.stories.tsx#WithCustomSearchButton"})}catch(__react_docgen_typescript_loader_error){}try{WithSuggestions.displayName="WithSuggestions",WithSuggestions.__docgenInfo={description:"",displayName:"WithSuggestions",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/searchInput/SearchInput.stories.tsx#WithSuggestions"]={docgenInfo:WithSuggestions.__docgenInfo,name:"WithSuggestions",path:"src/components/searchInput/SearchInput.stories.tsx#WithSuggestions"})}catch(__react_docgen_typescript_loader_error){}try{WithSuggestionsAndHighlighting.displayName="WithSuggestionsAndHighlighting",WithSuggestionsAndHighlighting.__docgenInfo={description:"",displayName:"WithSuggestionsAndHighlighting",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/searchInput/SearchInput.stories.tsx#WithSuggestionsAndHighlighting"]={docgenInfo:WithSuggestionsAndHighlighting.__docgenInfo,name:"WithSuggestionsAndHighlighting",path:"src/components/searchInput/SearchInput.stories.tsx#WithSuggestionsAndHighlighting"})}catch(__react_docgen_typescript_loader_error){}try{WithSuggestionsSpinner.displayName="WithSuggestionsSpinner",WithSuggestionsSpinner.__docgenInfo={description:"",displayName:"WithSuggestionsSpinner",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/searchInput/SearchInput.stories.tsx#WithSuggestionsSpinner"]={docgenInfo:WithSuggestionsSpinner.__docgenInfo,name:"WithSuggestionsSpinner",path:"src/components/searchInput/SearchInput.stories.tsx#WithSuggestionsSpinner"})}catch(__react_docgen_typescript_loader_error){}try{WithDefaultValue.displayName="WithDefaultValue",WithDefaultValue.__docgenInfo={description:"",displayName:"WithDefaultValue",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/searchInput/SearchInput.stories.tsx#WithDefaultValue"]={docgenInfo:WithDefaultValue.__docgenInfo,name:"WithDefaultValue",path:"src/components/searchInput/SearchInput.stories.tsx#WithDefaultValue"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/section/Section.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Multiple:()=>Multiple,Plain:()=>Plain,Playground:()=>Playground,Primary:()=>Primary,Secondary:()=>Secondary,Tertiary:()=>Tertiary,WithKoros:()=>WithKoros,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_1__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js")),_Section__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/section/Section.tsx"),_assets_img_placeholder_1920x1080_jpg__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/assets/img/placeholder_1920x1080.jpg"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),placeholderText="Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.",placeholderImg=(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("img",{src:_assets_img_placeholder_1920x1080_jpg__WEBPACK_IMPORTED_MODULE_3__,alt:"",style:{display:"block",width:"100%"}});const __WEBPACK_DEFAULT_EXPORT__={component:_Section__WEBPACK_IMPORTED_MODULE_4__.$,title:"Components/Section",parameters:{storySource:{source:'import React from \'react\';\nimport { ArgsTable, Title } from \'@storybook/addon-docs/blocks\';\n\nimport { Section } from \'./Section\';\nimport imageFile from \'../../assets/img/placeholder_1920x1080.jpg\';\n\nconst placeholderTitle = \'Lorem ipsum\';\nconst placeholderText =\n \'Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.\';\nconst placeholderImg = Props \n \n {placeholderTitle} \n {placeholderText}\n \n);\n\nexport const Primary = () => (\n \n {placeholderTitle} \n {placeholderText}\n \n);\n\nexport const Secondary = () => (\n \n {placeholderTitle} \n {placeholderText}\n \n);\n\nexport const Tertiary = () => (\n \n {placeholderTitle} \n {placeholderText}\n \n);\n\nexport const WithKoros = () => (\n \n {placeholderTitle} \n {placeholderText}\n \n);\nWithKoros.storyName = \'With koros\';\n\nexport const Multiple = () => (\n <>\n \n {placeholderTitle} \n {placeholderText}\n \n {placeholderImg}\n \n No Koros \n This section does not have any koros.\n \n \n Pulse \n {placeholderText}\n \n Secondary non-koros section \n \n secondary Beat \n {placeholderText}\n \n \n \n Vibration \n {placeholderText}\n \n \n \n primary Beat \n {placeholderText}\n \n \n \n Wave \n {placeholderText}\n \n This section has neither a heading or a koros. \n \n);\nMultiple.storyName = \'Multiple sections\';\n\nexport const Playground = (args) => (\n \n {args.sectionTitle} \n {args.sectionText}\n \n);\n\nPlayground.parameters = {\n previewTabs: {\n \'storybook/docs/panel\': {\n hidden: true,\n },\n },\n docs: {\n disable: true,\n },\n};\n\nPlayground.args = {\n sectionTitle: placeholderTitle,\n sectionText: placeholderText,\n korosType: null,\n color: \'plain\',\n};\n\nPlayground.argTypes = {\n korosType: {\n options: [null, \'basic\', \'beat\', \'pulse\', \'vibration\', \'wave\'],\n control: { type: \'radio\' },\n },\n color: {\n options: [\'plain\', \'primary\', \'secondary\', \'tertiary\'],\n },\n};\n',locationsMap:{plain:{startLoc:{col:21,line:29},endLoc:{col:1,line:34},startBody:{col:21,line:29},endBody:{col:1,line:34}},primary:{startLoc:{col:23,line:36},endLoc:{col:1,line:41},startBody:{col:23,line:36},endBody:{col:1,line:41}},secondary:{startLoc:{col:25,line:43},endLoc:{col:1,line:48},startBody:{col:25,line:43},endBody:{col:1,line:48}},tertiary:{startLoc:{col:24,line:50},endLoc:{col:1,line:55},startBody:{col:24,line:50},endBody:{col:1,line:55}},"with-koros":{startLoc:{col:25,line:57},endLoc:{col:1,line:62},startBody:{col:25,line:57},endBody:{col:1,line:62}},multiple:{startLoc:{col:24,line:65},endLoc:{col:1,line:102},startBody:{col:24,line:65},endBody:{col:1,line:102}},playground:{startLoc:{col:26,line:105},endLoc:{col:1,line:110},startBody:{col:26,line:105},endBody:{col:1,line:110}}}},controls:{hideNoControlsWarning:!0},layout:"fullscreen",docs:{page:function page(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_1__.Dx,{children:"Props"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_1__.$4,{})]})}}}};var Plain=function Plain(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_4__.$,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h1",{className:"heading-xl",children:"Lorem ipsum"}),placeholderText]})},Primary=function Primary(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_4__.$,{color:"primary",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h1",{className:"heading-xl",children:"Lorem ipsum"}),placeholderText]})},Secondary=function Secondary(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_4__.$,{color:"secondary",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h1",{className:"heading-xl",children:"Lorem ipsum"}),placeholderText]})},Tertiary=function Tertiary(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_4__.$,{color:"tertiary",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h1",{className:"heading-xl",children:"Lorem ipsum"}),placeholderText]})},WithKoros=function WithKoros(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_4__.$,{color:"primary",korosType:"basic",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h1",{className:"heading-xl",children:"Lorem ipsum"}),placeholderText]})};WithKoros.storyName="With koros";var Multiple=function Multiple(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_4__.$,{color:"secondary",korosType:"basic",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h1",{className:"heading-xl",children:"Lorem ipsum"}),placeholderText]}),placeholderImg,(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_4__.$,{color:"primary",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h2",{className:"heading-l",children:"No Koros"}),"This section does not have any koros."]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_4__.$,{korosType:"pulse",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h2",{className:"heading-l",children:"Pulse"}),placeholderText]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Section__WEBPACK_IMPORTED_MODULE_4__.$,{color:"secondary",children:"Secondary non-koros section"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_4__.$,{color:"tertiary",korosType:"beat",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h2",{className:"heading-l",children:"secondary Beat"}),placeholderText]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Section__WEBPACK_IMPORTED_MODULE_4__.$,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_4__.$,{color:"secondary",korosType:"vibration",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h2",{className:"heading-l",children:"Vibration"}),placeholderText]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Section__WEBPACK_IMPORTED_MODULE_4__.$,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_4__.$,{color:"primary",korosType:"beat",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h2",{className:"heading-l",children:"primary Beat"}),placeholderText]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Section__WEBPACK_IMPORTED_MODULE_4__.$,{color:"tertiary"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_4__.$,{color:"secondary",korosType:"wave",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h2",{className:"heading-l",children:"Wave"}),placeholderText]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Section__WEBPACK_IMPORTED_MODULE_4__.$,{children:"This section has neither a heading or a koros."})]})};Multiple.storyName="Multiple sections";var Playground=function Playground(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_Section__WEBPACK_IMPORTED_MODULE_4__.$,{color:args.color,korosType:args.korosType,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h1",{className:"heading-xl",children:args.sectionTitle}),args.sectionText]})};Playground.parameters={previewTabs:{"storybook/docs/panel":{hidden:!0}},docs:{disable:!0}},Playground.args={sectionTitle:"Lorem ipsum",sectionText:placeholderText,korosType:null,color:"plain"},Playground.argTypes={korosType:{options:[null,"basic","beat","pulse","vibration","wave"],control:{type:"radio"}},color:{options:["plain","primary","secondary","tertiary"]}},Plain.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({storySource:{source:'() => (\n \n {placeholderTitle} \n {placeholderText}\n \n)'}},Plain.parameters),Primary.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({storySource:{source:'() => (\n \n {placeholderTitle} \n {placeholderText}\n \n)'}},Primary.parameters),Secondary.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({storySource:{source:'() => (\n \n {placeholderTitle} \n {placeholderText}\n \n)'}},Secondary.parameters),Tertiary.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({storySource:{source:'() => (\n \n {placeholderTitle} \n {placeholderText}\n \n)'}},Tertiary.parameters),WithKoros.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({storySource:{source:'() => (\n \n {placeholderTitle} \n {placeholderText}\n \n)'}},WithKoros.parameters),Multiple.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({storySource:{source:'() => (\n <>\n \n {placeholderTitle} \n {placeholderText}\n \n {placeholderImg}\n \n No Koros \n This section does not have any koros.\n \n \n Pulse \n {placeholderText}\n \n Secondary non-koros section \n \n secondary Beat \n {placeholderText}\n \n \n \n Vibration \n {placeholderText}\n \n \n \n primary Beat \n {placeholderText}\n \n \n \n Wave \n {placeholderText}\n \n This section has neither a heading or a koros. \n \n)'}},Multiple.parameters),Playground.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_5__.Z)({storySource:{source:'(args) => (\n \n {args.sectionTitle} \n {args.sectionText}\n \n)'}},Playground.parameters);try{Playground.displayName="Playground",Playground.__docgenInfo={description:"",displayName:"Playground",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/section/Section.stories.tsx#Playground"]={docgenInfo:Playground.__docgenInfo,name:"Playground",path:"src/components/section/Section.stories.tsx#Playground"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/selectionGroup/SelectionGroup.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Horizontal:()=>Horizontal,Invalid:()=>Invalid,Required:()=>Required,WithHelperText:()=>WithHelperText,WithParent:()=>WithParent,WithTooltip:()=>WithTooltip,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/defineProperty.js"),_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_toConsumableArray_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/toConsumableArray.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),_SelectionGroup__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/selectionGroup/SelectionGroup.tsx"),_checkbox__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/checkbox/Checkbox.tsx"),_radioButton__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/components/radioButton/RadioButton.tsx"),_fieldset__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/components/fieldset/Fieldset.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_excluded=["numberOfItems"],_excluded2=["numberOfItems"],_excluded3=["numberOfItems"],_excluded4=["numberOfItems"],_excluded5=["numberOfItems"],_excluded6=["numberOfItems"];const __WEBPACK_DEFAULT_EXPORT__={component:_SelectionGroup__WEBPACK_IMPORTED_MODULE_2__.M,title:"Components/SelectionGroup",decorators:[function(storyFn){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{style:{maxWidth:"400px"},children:storyFn()})}],parameters:{storySource:{source:"import React, { ChangeEvent, useReducer, useState } from 'react';\n\nimport { SelectionGroup } from './SelectionGroup';\nimport { Checkbox } from '../checkbox';\nimport { RadioButton } from '../radioButton';\nimport { Fieldset } from '../fieldset';\n\nexport default {\n component: SelectionGroup,\n title: 'Components/SelectionGroup',\n decorators: [(storyFn) => {storyFn()}
],\n parameters: {\n controls: { expanded: true, hideNoControlsWarning: true },\n },\n args: {\n numberOfItems: 3,\n label: 'Label',\n direction: 'vertical',\n },\n};\n\nconst getCheckboxItems = (\n numberOfItems: number,\n checked: { [key: string]: boolean },\n handleChange: (e: ChangeEvent) => void,\n) =>\n [...Array(numberOfItems)].map((_, i) => (\n ) => void,\n) =>\n [...Array(numberOfItems)].map((_, i) => (\n ) => {\n const item = e.target.name;\n const isChecked = e.target.checked;\n setCheckedItems({ ...checkedItems, [item]: isChecked });\n };\n const handleRadioChange = (e: ChangeEvent) => {\n setRadioValue(e.target.value);\n };\n const checkboxes = getCheckboxItems(numberOfItems, checkedItems, handleCheckboxChange);\n const radiobuttons = getRadioButtonItems(numberOfItems, radioValue, handleRadioChange);\n return (\n <>\n {checkboxes} \n {radiobuttons} \n \n );\n};\n\nexport const Horizontal = ({ numberOfItems, ...args }) => {\n const [checkedItems, setCheckedItems] = useState({});\n const [radioValue, setRadioValue] = useState('radio0');\n const handleCheckboxChange = (e: ChangeEvent) => {\n const item = e.target.name;\n const isChecked = e.target.checked;\n setCheckedItems({ ...checkedItems, [item]: isChecked });\n };\n const handleRadioChange = (e: ChangeEvent) => {\n setRadioValue(e.target.value);\n };\n const checkboxes = getCheckboxItems(numberOfItems, checkedItems, handleCheckboxChange);\n const radiobuttons = getRadioButtonItems(numberOfItems, radioValue, handleRadioChange);\n return (\n <>\n {checkboxes} \n {radiobuttons} \n \n );\n};\nHorizontal.args = {\n direction: 'horizontal',\n};\n\nexport const Required = ({ numberOfItems, ...args }) => {\n const [checkedItems, setCheckedItems] = useState({});\n const [radioValue, setRadioValue] = useState('radio0');\n const handleCheckboxChange = (e: ChangeEvent) => {\n const item = e.target.name;\n const isChecked = e.target.checked;\n setCheckedItems({ ...checkedItems, [item]: isChecked });\n };\n const handleRadioChange = (e: ChangeEvent) => {\n setRadioValue(e.target.value);\n };\n const checkboxes = getCheckboxItems(numberOfItems, checkedItems, handleCheckboxChange);\n const radiobuttons = getRadioButtonItems(numberOfItems, radioValue, handleRadioChange);\n return (\n <>\n {checkboxes} \n {radiobuttons} \n \n );\n};\nRequired.args = {\n required: true,\n};\n\nexport const Invalid = ({ numberOfItems, ...args }) => {\n const [checkedItems, setCheckedItems] = useState({});\n const [radioValue, setRadioValue] = useState('radio0');\n const handleCheckboxChange = (e: ChangeEvent) => {\n const item = e.target.name;\n const isChecked = e.target.checked;\n setCheckedItems({ ...checkedItems, [item]: isChecked });\n };\n const handleRadioChange = (e: ChangeEvent) => {\n setRadioValue(e.target.value);\n };\n const checkboxes = getCheckboxItems(numberOfItems, checkedItems, handleCheckboxChange);\n const radiobuttons = getRadioButtonItems(numberOfItems, radioValue, handleRadioChange);\n return (\n <>\n {checkboxes} \n {radiobuttons} \n \n );\n};\nInvalid.args = {\n required: true,\n errorText: 'Error text',\n};\n\nexport const WithTooltip = ({ numberOfItems, ...args }) => {\n const [checkedItems, setCheckedItems] = useState({});\n const [radioValue, setRadioValue] = useState('radio0');\n const handleCheckboxChange = (e: ChangeEvent) => {\n const item = e.target.name;\n const isChecked = e.target.checked;\n setCheckedItems({ ...checkedItems, [item]: isChecked });\n };\n const handleRadioChange = (e: ChangeEvent) => {\n setRadioValue(e.target.value);\n };\n const checkboxes = getCheckboxItems(numberOfItems, checkedItems, handleCheckboxChange);\n const radiobuttons = getRadioButtonItems(numberOfItems, radioValue, handleRadioChange);\n return (\n <>\n {checkboxes} \n {radiobuttons} \n \n );\n};\nWithTooltip.args = {\n tooltipLabel: 'Tooltip',\n tooltipButtonLabel: 'Tooltip',\n tooltipText:\n 'Tooltips contain \"nice to have\" information. Default Tooltip contents should not be longer than two to three sentences. For longer descriptions, provide a link to a separate page.',\n};\nWithTooltip.storyName = 'With tooltip';\n\nexport const WithParent = () => {\n enum CheckboxState {\n checked,\n unchecked,\n indeterminate,\n }\n\n const areAllChecked = (state) => {\n let checkedCount = 0;\n Object.keys(state).forEach((key) => {\n if (key === 'controllerCheckbox') {\n return;\n }\n if (state[key] === CheckboxState.checked) {\n checkedCount += 1;\n }\n });\n\n return checkedCount === 4;\n };\n\n const areAllUnchecked = (state) => {\n let checkedCount = 0;\n Object.keys(state).forEach((key) => {\n if (key === 'controllerCheckbox') {\n return;\n }\n if (state[key] === CheckboxState.checked) {\n checkedCount += 1;\n }\n });\n\n return checkedCount === 1;\n };\n\n const reducer = (state, action) => {\n switch (action.type) {\n case 'check': {\n if (action.payload === 'controllerCheckbox') {\n return {\n controllerCheckbox: CheckboxState.checked,\n checkbox1: CheckboxState.checked,\n checkbox2: CheckboxState.checked,\n checkbox3: CheckboxState.checked,\n checkbox4: CheckboxState.checked,\n checkbox5: CheckboxState.checked,\n };\n }\n return {\n ...state,\n [action.payload]: CheckboxState.checked,\n controllerCheckbox: areAllChecked(state) ? CheckboxState.checked : CheckboxState.indeterminate,\n };\n }\n case 'uncheck': {\n if (action.payload === 'controllerCheckbox') {\n return {\n controllerCheckbox: CheckboxState.unchecked,\n checkbox1: CheckboxState.unchecked,\n checkbox2: CheckboxState.unchecked,\n checkbox3: CheckboxState.unchecked,\n checkbox4: CheckboxState.unchecked,\n checkbox5: CheckboxState.unchecked,\n };\n }\n return {\n ...state,\n [action.payload]: CheckboxState.unchecked,\n controllerCheckbox: areAllUnchecked(state) ? CheckboxState.unchecked : CheckboxState.indeterminate,\n };\n }\n default:\n throw new Error();\n }\n };\n\n const initialState = {\n controllerCheckbox: CheckboxState.unchecked,\n checkbox1: CheckboxState.unchecked,\n checkbox2: CheckboxState.unchecked,\n checkbox3: CheckboxState.unchecked,\n checkbox4: CheckboxState.unchecked,\n checkbox5: CheckboxState.unchecked,\n };\n\n const [state, dispatch] = useReducer(reducer, initialState);\n\n return (\n \n {\n if (\n state.controllerCheckbox === CheckboxState.unchecked ||\n state.controllerCheckbox === CheckboxState.indeterminate\n ) {\n dispatch({ type: 'check', payload: 'controllerCheckbox' });\n } else {\n dispatch({ type: 'uncheck', payload: 'controllerCheckbox' });\n }\n }}\n />\n \n {Object.entries(state).map((entry) => {\n if (entry[0] === 'controllerCheckbox') {\n return null;\n }\n return (\n \n {\n if (entry[1] === CheckboxState.unchecked) {\n dispatch({ type: 'check', payload: entry[0] });\n } else {\n dispatch({ type: 'uncheck', payload: entry[0] });\n }\n }}\n />\n \n );\n })}\n \n \n );\n};\n\nWithParent.storyName = 'With a parent';\nWithParent.parameters = {\n loki: { skip: true }, // There is an identical story in checkbox\n};\nexport const WithHelperText = ({ numberOfItems, ...args }) => {\n const [checkedItems, setCheckedItems] = useState({});\n const [radioValue, setRadioValue] = useState('radio0');\n const handleCheckboxChange = (e: ChangeEvent) => {\n const item = e.target.name;\n const isChecked = e.target.checked;\n setCheckedItems({ ...checkedItems, [item]: isChecked });\n };\n const handleRadioChange = (e: ChangeEvent) => {\n setRadioValue(e.target.value);\n };\n const checkboxes = getCheckboxItems(numberOfItems, checkedItems, handleCheckboxChange);\n const radiobuttons = getRadioButtonItems(numberOfItems, radioValue, handleRadioChange);\n return (\n <>\n {checkboxes} \n {radiobuttons} \n \n );\n};\nWithHelperText.args = {\n helperText: 'Assistive text',\n};\n",locationsMap:{default:{startLoc:{col:23,line:55},endLoc:{col:1,line:76},startBody:{col:23,line:55},endBody:{col:1,line:76}},horizontal:{startLoc:{col:26,line:78},endLoc:{col:1,line:99},startBody:{col:26,line:78},endBody:{col:1,line:99}},required:{startLoc:{col:24,line:104},endLoc:{col:1,line:125},startBody:{col:24,line:104},endBody:{col:1,line:125}},invalid:{startLoc:{col:23,line:130},endLoc:{col:1,line:151},startBody:{col:23,line:130},endBody:{col:1,line:151}},"with-tooltip":{startLoc:{col:27,line:157},endLoc:{col:1,line:178},startBody:{col:27,line:157},endBody:{col:1,line:178}},"with-parent":{startLoc:{col:26,line:187},endLoc:{col:1,line:320},startBody:{col:26,line:187},endBody:{col:1,line:320}},"with-helper-text":{startLoc:{col:30,line:326},endLoc:{col:1,line:347},startBody:{col:30,line:326},endBody:{col:1,line:347}}}},controls:{expanded:!0,hideNoControlsWarning:!0}},args:{numberOfItems:3,label:"Label",direction:"vertical"}};var getCheckboxItems=function getCheckboxItems(numberOfItems,checked,handleChange){return(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_toConsumableArray_js__WEBPACK_IMPORTED_MODULE_3__.Z)(Array(numberOfItems)).map((function(_,i){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_checkbox__WEBPACK_IMPORTED_MODULE_4__.X,{id:"checkbox".concat(i),label:"Option ".concat(i+1),name:"checkbox".concat(i),checked:checked["checkbox".concat(i)],onChange:handleChange},"checkbox".concat(i))}))},getRadioButtonItems=function getRadioButtonItems(numberOfItems,radioValue,handleChange){return(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_toConsumableArray_js__WEBPACK_IMPORTED_MODULE_3__.Z)(Array(numberOfItems)).map((function(_,i){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_radioButton__WEBPACK_IMPORTED_MODULE_5__.E,{id:"radio".concat(i),label:"Option ".concat(i+1),value:"radio".concat(i),name:"radio",checked:radioValue==="radio".concat(i),onChange:handleChange},"radio".concat(i))}))},Default=function Default(_ref){var numberOfItems=_ref.numberOfItems,args=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_6__.Z)(_ref,_excluded),_useState=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({}),_useState2=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_useState,2),checkedItems=_useState2[0],setCheckedItems=_useState2[1],_useState3=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("radio0"),_useState4=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_useState3,2),radioValue=_useState4[0],setRadioValue=_useState4[1],checkboxes=getCheckboxItems(numberOfItems,checkedItems,(function handleCheckboxChange(e){var item=e.target.name,isChecked=e.target.checked;setCheckedItems((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},checkedItems),{},(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_9__.Z)({},item,isChecked)))})),radiobuttons=getRadioButtonItems(numberOfItems,radioValue,(function handleRadioChange(e){setRadioValue(e.target.value)}));return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_SelectionGroup__WEBPACK_IMPORTED_MODULE_2__.M,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},args),{},{children:checkboxes})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_SelectionGroup__WEBPACK_IMPORTED_MODULE_2__.M,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},args),{},{children:radiobuttons}))]})},Horizontal=function Horizontal(_ref2){var numberOfItems=_ref2.numberOfItems,args=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_6__.Z)(_ref2,_excluded2),_useState5=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({}),_useState6=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_useState5,2),checkedItems=_useState6[0],setCheckedItems=_useState6[1],_useState7=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("radio0"),_useState8=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_useState7,2),radioValue=_useState8[0],setRadioValue=_useState8[1],checkboxes=getCheckboxItems(numberOfItems,checkedItems,(function handleCheckboxChange(e){var item=e.target.name,isChecked=e.target.checked;setCheckedItems((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},checkedItems),{},(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_9__.Z)({},item,isChecked)))})),radiobuttons=getRadioButtonItems(numberOfItems,radioValue,(function handleRadioChange(e){setRadioValue(e.target.value)}));return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_SelectionGroup__WEBPACK_IMPORTED_MODULE_2__.M,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},args),{},{children:checkboxes})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_SelectionGroup__WEBPACK_IMPORTED_MODULE_2__.M,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},args),{},{children:radiobuttons}))]})};Horizontal.args={direction:"horizontal"};var Required=function Required(_ref3){var numberOfItems=_ref3.numberOfItems,args=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_6__.Z)(_ref3,_excluded3),_useState9=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({}),_useState10=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_useState9,2),checkedItems=_useState10[0],setCheckedItems=_useState10[1],_useState11=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("radio0"),_useState12=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_useState11,2),radioValue=_useState12[0],setRadioValue=_useState12[1],checkboxes=getCheckboxItems(numberOfItems,checkedItems,(function handleCheckboxChange(e){var item=e.target.name,isChecked=e.target.checked;setCheckedItems((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},checkedItems),{},(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_9__.Z)({},item,isChecked)))})),radiobuttons=getRadioButtonItems(numberOfItems,radioValue,(function handleRadioChange(e){setRadioValue(e.target.value)}));return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_SelectionGroup__WEBPACK_IMPORTED_MODULE_2__.M,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},args),{},{children:checkboxes})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_SelectionGroup__WEBPACK_IMPORTED_MODULE_2__.M,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},args),{},{children:radiobuttons}))]})};Required.args={required:!0};var Invalid=function Invalid(_ref4){var numberOfItems=_ref4.numberOfItems,args=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_6__.Z)(_ref4,_excluded4),_useState13=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({}),_useState14=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_useState13,2),checkedItems=_useState14[0],setCheckedItems=_useState14[1],_useState15=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("radio0"),_useState16=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_useState15,2),radioValue=_useState16[0],setRadioValue=_useState16[1],checkboxes=getCheckboxItems(numberOfItems,checkedItems,(function handleCheckboxChange(e){var item=e.target.name,isChecked=e.target.checked;setCheckedItems((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},checkedItems),{},(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_9__.Z)({},item,isChecked)))})),radiobuttons=getRadioButtonItems(numberOfItems,radioValue,(function handleRadioChange(e){setRadioValue(e.target.value)}));return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_SelectionGroup__WEBPACK_IMPORTED_MODULE_2__.M,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},args),{},{children:checkboxes})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_SelectionGroup__WEBPACK_IMPORTED_MODULE_2__.M,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},args),{},{children:radiobuttons}))]})};Invalid.args={required:!0,errorText:"Error text"};var WithTooltip=function WithTooltip(_ref5){var numberOfItems=_ref5.numberOfItems,args=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_6__.Z)(_ref5,_excluded5),_useState17=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({}),_useState18=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_useState17,2),checkedItems=_useState18[0],setCheckedItems=_useState18[1],_useState19=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("radio0"),_useState20=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_useState19,2),radioValue=_useState20[0],setRadioValue=_useState20[1],checkboxes=getCheckboxItems(numberOfItems,checkedItems,(function handleCheckboxChange(e){var item=e.target.name,isChecked=e.target.checked;setCheckedItems((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},checkedItems),{},(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_9__.Z)({},item,isChecked)))})),radiobuttons=getRadioButtonItems(numberOfItems,radioValue,(function handleRadioChange(e){setRadioValue(e.target.value)}));return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_SelectionGroup__WEBPACK_IMPORTED_MODULE_2__.M,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},args),{},{children:checkboxes})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_SelectionGroup__WEBPACK_IMPORTED_MODULE_2__.M,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},args),{},{children:radiobuttons}))]})};WithTooltip.args={tooltipLabel:"Tooltip",tooltipButtonLabel:"Tooltip",tooltipText:'Tooltips contain "nice to have" information. Default Tooltip contents should not be longer than two to three sentences. For longer descriptions, provide a link to a separate page.'},WithTooltip.storyName="With tooltip";var WithParent=function WithParent(){var CheckboxState=function(CheckboxState){return CheckboxState[CheckboxState.checked=0]="checked",CheckboxState[CheckboxState.unchecked=1]="unchecked",CheckboxState[CheckboxState.indeterminate=2]="indeterminate",CheckboxState}({}),initialState={controllerCheckbox:CheckboxState.unchecked,checkbox1:CheckboxState.unchecked,checkbox2:CheckboxState.unchecked,checkbox3:CheckboxState.unchecked,checkbox4:CheckboxState.unchecked,checkbox5:CheckboxState.unchecked},_useReducer=(0,react__WEBPACK_IMPORTED_MODULE_0__.useReducer)((function reducer(state,action){switch(action.type){case"check":var _objectSpread7;return"controllerCheckbox"===action.payload?{controllerCheckbox:CheckboxState.checked,checkbox1:CheckboxState.checked,checkbox2:CheckboxState.checked,checkbox3:CheckboxState.checked,checkbox4:CheckboxState.checked,checkbox5:CheckboxState.checked}:(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},state),{},(_objectSpread7={},(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_9__.Z)(_objectSpread7,action.payload,CheckboxState.checked),(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_9__.Z)(_objectSpread7,"controllerCheckbox",function areAllChecked(state){var checkedCount=0;return Object.keys(state).forEach((function(key){"controllerCheckbox"!==key&&state[key]===CheckboxState.checked&&(checkedCount+=1)})),4===checkedCount}(state)?CheckboxState.checked:CheckboxState.indeterminate),_objectSpread7));case"uncheck":var _objectSpread8;return"controllerCheckbox"===action.payload?{controllerCheckbox:CheckboxState.unchecked,checkbox1:CheckboxState.unchecked,checkbox2:CheckboxState.unchecked,checkbox3:CheckboxState.unchecked,checkbox4:CheckboxState.unchecked,checkbox5:CheckboxState.unchecked}:(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},state),{},(_objectSpread8={},(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_9__.Z)(_objectSpread8,action.payload,CheckboxState.unchecked),(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_9__.Z)(_objectSpread8,"controllerCheckbox",function areAllUnchecked(state){var checkedCount=0;return Object.keys(state).forEach((function(key){"controllerCheckbox"!==key&&state[key]===CheckboxState.checked&&(checkedCount+=1)})),1===checkedCount}(state)?CheckboxState.unchecked:CheckboxState.indeterminate),_objectSpread8));default:throw new Error}}),initialState),_useReducer2=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_useReducer,2),state=_useReducer2[0],dispatch=_useReducer2[1];return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(_fieldset__WEBPACK_IMPORTED_MODULE_10__.p,{heading:"Group label *",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_checkbox__WEBPACK_IMPORTED_MODULE_4__.X,{"aria-controls":"checkbox1 checkbox2 checkbox3 checkbox4 checkbox5",id:"controllerCheckbox",label:"Label",indeterminate:state.controllerCheckbox===CheckboxState.indeterminate,checked:state.controllerCheckbox===CheckboxState.checked,style:{marginTop:"var(--spacing-xs)"},onChange:function onChange(){state.controllerCheckbox===CheckboxState.unchecked||state.controllerCheckbox===CheckboxState.indeterminate?dispatch({type:"check",payload:"controllerCheckbox"}):dispatch({type:"uncheck",payload:"controllerCheckbox"})}}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("ul",{style:{marginLeft:"var(--spacing-s)",paddingInlineStart:"0"},children:Object.entries(state).map((function(entry){return"controllerCheckbox"===entry[0]?null:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("li",{style:{marginTop:"var(--spacing-s)",listStyle:"none"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_checkbox__WEBPACK_IMPORTED_MODULE_4__.X,{id:entry[0],label:"Label",checked:entry[1]===CheckboxState.checked,onChange:function onChange(){entry[1]===CheckboxState.unchecked?dispatch({type:"check",payload:entry[0]}):dispatch({type:"uncheck",payload:entry[0]})}},entry[0])},entry[0])}))})]})};WithParent.storyName="With a parent",WithParent.parameters={loki:{skip:!0}};var WithHelperText=function WithHelperText(_ref6){var numberOfItems=_ref6.numberOfItems,args=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_6__.Z)(_ref6,_excluded6),_useState21=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({}),_useState22=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_useState21,2),checkedItems=_useState22[0],setCheckedItems=_useState22[1],_useState23=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("radio0"),_useState24=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_7__.Z)(_useState23,2),radioValue=_useState24[0],setRadioValue=_useState24[1],checkboxes=getCheckboxItems(numberOfItems,checkedItems,(function handleCheckboxChange(e){var item=e.target.name,isChecked=e.target.checked;setCheckedItems((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},checkedItems),{},(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_9__.Z)({},item,isChecked)))})),radiobuttons=getRadioButtonItems(numberOfItems,radioValue,(function handleRadioChange(e){setRadioValue(e.target.value)}));return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_SelectionGroup__WEBPACK_IMPORTED_MODULE_2__.M,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},args),{},{children:checkboxes})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("br",{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_SelectionGroup__WEBPACK_IMPORTED_MODULE_2__.M,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},args),{},{children:radiobuttons}))]})};WithHelperText.args={helperText:"Assistive text"},Default.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({storySource:{source:"({ numberOfItems, ...args }) => {\n const [checkedItems, setCheckedItems] = useState({});\n const [radioValue, setRadioValue] = useState('radio0');\n const handleCheckboxChange = (e: ChangeEvent) => {\n const item = e.target.name;\n const isChecked = e.target.checked;\n setCheckedItems({ ...checkedItems, [item]: isChecked });\n };\n const handleRadioChange = (e: ChangeEvent) => {\n setRadioValue(e.target.value);\n };\n const checkboxes = getCheckboxItems(numberOfItems, checkedItems, handleCheckboxChange);\n const radiobuttons = getRadioButtonItems(numberOfItems, radioValue, handleRadioChange);\n return (\n <>\n {checkboxes} \n {radiobuttons} \n \n );\n}"}},Default.parameters),Horizontal.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({storySource:{source:"({ numberOfItems, ...args }) => {\n const [checkedItems, setCheckedItems] = useState({});\n const [radioValue, setRadioValue] = useState('radio0');\n const handleCheckboxChange = (e: ChangeEvent) => {\n const item = e.target.name;\n const isChecked = e.target.checked;\n setCheckedItems({ ...checkedItems, [item]: isChecked });\n };\n const handleRadioChange = (e: ChangeEvent) => {\n setRadioValue(e.target.value);\n };\n const checkboxes = getCheckboxItems(numberOfItems, checkedItems, handleCheckboxChange);\n const radiobuttons = getRadioButtonItems(numberOfItems, radioValue, handleRadioChange);\n return (\n <>\n {checkboxes} \n {radiobuttons} \n \n );\n}"}},Horizontal.parameters),Required.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({storySource:{source:"({ numberOfItems, ...args }) => {\n const [checkedItems, setCheckedItems] = useState({});\n const [radioValue, setRadioValue] = useState('radio0');\n const handleCheckboxChange = (e: ChangeEvent) => {\n const item = e.target.name;\n const isChecked = e.target.checked;\n setCheckedItems({ ...checkedItems, [item]: isChecked });\n };\n const handleRadioChange = (e: ChangeEvent) => {\n setRadioValue(e.target.value);\n };\n const checkboxes = getCheckboxItems(numberOfItems, checkedItems, handleCheckboxChange);\n const radiobuttons = getRadioButtonItems(numberOfItems, radioValue, handleRadioChange);\n return (\n <>\n {checkboxes} \n {radiobuttons} \n \n );\n}"}},Required.parameters),Invalid.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({storySource:{source:"({ numberOfItems, ...args }) => {\n const [checkedItems, setCheckedItems] = useState({});\n const [radioValue, setRadioValue] = useState('radio0');\n const handleCheckboxChange = (e: ChangeEvent) => {\n const item = e.target.name;\n const isChecked = e.target.checked;\n setCheckedItems({ ...checkedItems, [item]: isChecked });\n };\n const handleRadioChange = (e: ChangeEvent) => {\n setRadioValue(e.target.value);\n };\n const checkboxes = getCheckboxItems(numberOfItems, checkedItems, handleCheckboxChange);\n const radiobuttons = getRadioButtonItems(numberOfItems, radioValue, handleRadioChange);\n return (\n <>\n {checkboxes} \n {radiobuttons} \n \n );\n}"}},Invalid.parameters),WithTooltip.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({storySource:{source:"({ numberOfItems, ...args }) => {\n const [checkedItems, setCheckedItems] = useState({});\n const [radioValue, setRadioValue] = useState('radio0');\n const handleCheckboxChange = (e: ChangeEvent) => {\n const item = e.target.name;\n const isChecked = e.target.checked;\n setCheckedItems({ ...checkedItems, [item]: isChecked });\n };\n const handleRadioChange = (e: ChangeEvent) => {\n setRadioValue(e.target.value);\n };\n const checkboxes = getCheckboxItems(numberOfItems, checkedItems, handleCheckboxChange);\n const radiobuttons = getRadioButtonItems(numberOfItems, radioValue, handleRadioChange);\n return (\n <>\n {checkboxes} \n {radiobuttons} \n \n );\n}"}},WithTooltip.parameters),WithParent.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({storySource:{source:"() => {\n enum CheckboxState {\n checked,\n unchecked,\n indeterminate,\n }\n\n const areAllChecked = (state) => {\n let checkedCount = 0;\n Object.keys(state).forEach((key) => {\n if (key === 'controllerCheckbox') {\n return;\n }\n if (state[key] === CheckboxState.checked) {\n checkedCount += 1;\n }\n });\n\n return checkedCount === 4;\n };\n\n const areAllUnchecked = (state) => {\n let checkedCount = 0;\n Object.keys(state).forEach((key) => {\n if (key === 'controllerCheckbox') {\n return;\n }\n if (state[key] === CheckboxState.checked) {\n checkedCount += 1;\n }\n });\n\n return checkedCount === 1;\n };\n\n const reducer = (state, action) => {\n switch (action.type) {\n case 'check': {\n if (action.payload === 'controllerCheckbox') {\n return {\n controllerCheckbox: CheckboxState.checked,\n checkbox1: CheckboxState.checked,\n checkbox2: CheckboxState.checked,\n checkbox3: CheckboxState.checked,\n checkbox4: CheckboxState.checked,\n checkbox5: CheckboxState.checked,\n };\n }\n return {\n ...state,\n [action.payload]: CheckboxState.checked,\n controllerCheckbox: areAllChecked(state) ? CheckboxState.checked : CheckboxState.indeterminate,\n };\n }\n case 'uncheck': {\n if (action.payload === 'controllerCheckbox') {\n return {\n controllerCheckbox: CheckboxState.unchecked,\n checkbox1: CheckboxState.unchecked,\n checkbox2: CheckboxState.unchecked,\n checkbox3: CheckboxState.unchecked,\n checkbox4: CheckboxState.unchecked,\n checkbox5: CheckboxState.unchecked,\n };\n }\n return {\n ...state,\n [action.payload]: CheckboxState.unchecked,\n controllerCheckbox: areAllUnchecked(state) ? CheckboxState.unchecked : CheckboxState.indeterminate,\n };\n }\n default:\n throw new Error();\n }\n };\n\n const initialState = {\n controllerCheckbox: CheckboxState.unchecked,\n checkbox1: CheckboxState.unchecked,\n checkbox2: CheckboxState.unchecked,\n checkbox3: CheckboxState.unchecked,\n checkbox4: CheckboxState.unchecked,\n checkbox5: CheckboxState.unchecked,\n };\n\n const [state, dispatch] = useReducer(reducer, initialState);\n\n return (\n \n {\n if (\n state.controllerCheckbox === CheckboxState.unchecked ||\n state.controllerCheckbox === CheckboxState.indeterminate\n ) {\n dispatch({ type: 'check', payload: 'controllerCheckbox' });\n } else {\n dispatch({ type: 'uncheck', payload: 'controllerCheckbox' });\n }\n }}\n />\n \n {Object.entries(state).map((entry) => {\n if (entry[0] === 'controllerCheckbox') {\n return null;\n }\n return (\n \n {\n if (entry[1] === CheckboxState.unchecked) {\n dispatch({ type: 'check', payload: entry[0] });\n } else {\n dispatch({ type: 'uncheck', payload: entry[0] });\n }\n }}\n />\n \n );\n })}\n \n \n );\n}"}},WithParent.parameters),WithHelperText.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({storySource:{source:"({ numberOfItems, ...args }) => {\n const [checkedItems, setCheckedItems] = useState({});\n const [radioValue, setRadioValue] = useState('radio0');\n const handleCheckboxChange = (e: ChangeEvent) => {\n const item = e.target.name;\n const isChecked = e.target.checked;\n setCheckedItems({ ...checkedItems, [item]: isChecked });\n };\n const handleRadioChange = (e: ChangeEvent) => {\n setRadioValue(e.target.value);\n };\n const checkboxes = getCheckboxItems(numberOfItems, checkedItems, handleCheckboxChange);\n const radiobuttons = getRadioButtonItems(numberOfItems, radioValue, handleRadioChange);\n return (\n <>\n {checkboxes} \n {radiobuttons} \n \n );\n}"}},WithHelperText.parameters);try{Default.displayName="Default",Default.__docgenInfo={description:"",displayName:"Default",props:{numberOfItems:{defaultValue:null,description:"",name:"numberOfItems",required:!0,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/selectionGroup/SelectionGroup.stories.tsx#Default"]={docgenInfo:Default.__docgenInfo,name:"Default",path:"src/components/selectionGroup/SelectionGroup.stories.tsx#Default"})}catch(__react_docgen_typescript_loader_error){}try{Horizontal.displayName="Horizontal",Horizontal.__docgenInfo={description:"",displayName:"Horizontal",props:{numberOfItems:{defaultValue:null,description:"",name:"numberOfItems",required:!0,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/selectionGroup/SelectionGroup.stories.tsx#Horizontal"]={docgenInfo:Horizontal.__docgenInfo,name:"Horizontal",path:"src/components/selectionGroup/SelectionGroup.stories.tsx#Horizontal"})}catch(__react_docgen_typescript_loader_error){}try{Required.displayName="Required",Required.__docgenInfo={description:"",displayName:"Required",props:{numberOfItems:{defaultValue:null,description:"",name:"numberOfItems",required:!0,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/selectionGroup/SelectionGroup.stories.tsx#Required"]={docgenInfo:Required.__docgenInfo,name:"Required",path:"src/components/selectionGroup/SelectionGroup.stories.tsx#Required"})}catch(__react_docgen_typescript_loader_error){}try{Invalid.displayName="Invalid",Invalid.__docgenInfo={description:"",displayName:"Invalid",props:{numberOfItems:{defaultValue:null,description:"",name:"numberOfItems",required:!0,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/selectionGroup/SelectionGroup.stories.tsx#Invalid"]={docgenInfo:Invalid.__docgenInfo,name:"Invalid",path:"src/components/selectionGroup/SelectionGroup.stories.tsx#Invalid"})}catch(__react_docgen_typescript_loader_error){}try{WithTooltip.displayName="WithTooltip",WithTooltip.__docgenInfo={description:"",displayName:"WithTooltip",props:{numberOfItems:{defaultValue:null,description:"",name:"numberOfItems",required:!0,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/selectionGroup/SelectionGroup.stories.tsx#WithTooltip"]={docgenInfo:WithTooltip.__docgenInfo,name:"WithTooltip",path:"src/components/selectionGroup/SelectionGroup.stories.tsx#WithTooltip"})}catch(__react_docgen_typescript_loader_error){}try{WithHelperText.displayName="WithHelperText",WithHelperText.__docgenInfo={description:"",displayName:"WithHelperText",props:{numberOfItems:{defaultValue:null,description:"",name:"numberOfItems",required:!0,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/selectionGroup/SelectionGroup.stories.tsx#WithHelperText"]={docgenInfo:WithHelperText.__docgenInfo,name:"WithHelperText",path:"src/components/selectionGroup/SelectionGroup.stories.tsx#WithHelperText"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/sideNavigation/SideNavigation.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CustomTheme:()=>CustomTheme,Default:()=>Default,WithIcons:()=>WithIcons,WithSkipLink:()=>WithSkipLink,default:()=>SideNavigation_stories});var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),slicedToArray=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react=__webpack_require__("../../node_modules/react/index.js");__webpack_require__("./src/styles/base.css");const SideNavigation_module_sideNavigation="SideNavigation_sideNavigation__-d8cy",SideNavigation_module_toggleButton="SideNavigation_toggleButton__zltxh",SideNavigation_module_mainLevelList="SideNavigation_mainLevelList__bxPfD",SideNavigation_module_open="SideNavigation_open__sicrw";const sideNavigation_SideNavigationContext=react.createContext({mobileMenuOpen:!1,defaultOpenMainLevels:void 0,activeParentLevel:void 0,setMobileMenuOpen:function setMobileMenuOpen(){},setActiveParentLevel:function setActiveParentLevel(){}});var classNames=__webpack_require__("./src/utils/classNames.ts"),useMobile=__webpack_require__("./src/hooks/useMobile.tsx"),Button=__webpack_require__("./src/components/button/Button.tsx"),SkipLink=__webpack_require__("./src/internal/skipLink/SkipLink.tsx"),IconAngleUp=__webpack_require__("./src/icons/IconAngleUp.tsx"),IconAngleDown=__webpack_require__("./src/icons/IconAngleDown.tsx"),objectWithoutProperties=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js");const MainLevel_module_mainLevel="MainLevel_mainLevel__E++Lv",MainLevel_module_active="MainLevel_active__mOeCc",MainLevel_module_mainLevelListMenu="MainLevel_mainLevelListMenu__2XG25",MainLevel_module_mainLevelWithDivider="MainLevel_mainLevelWithDivider__aNBoF",MainLevel_module_leftIcon="MainLevel_leftIcon__gdLvJ",MainLevel_module_label="MainLevel_label__NI7f0",MainLevel_module_rightIcon="MainLevel_rightIcon__4inED",MainLevel_module_open="MainLevel_open__HvOkd";var IconLinkExternal=__webpack_require__("./src/icons/IconLinkExternal.tsx"),getChildren=__webpack_require__("./src/utils/getChildren.ts"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_excluded=["active","children","className","href","icon","id","index","label","withDivider","external","openInNewTab","openInNewTabAriaLabel","openInExternalDomainAriaLabel","onClick","style"],composeAriaLabel=function composeAriaLabel(_ref){var openInNewTab=_ref.openInNewTab,openInNewTabAriaLabel=_ref.openInNewTabAriaLabel,openInExternalDomainAriaLabel=_ref.openInExternalDomainAriaLabel,label=_ref.label,newTabText=openInNewTab?openInNewTabAriaLabel||"Avautuu uudessa välilehdessä.":"",externalText=openInExternalDomainAriaLabel||"Siirtyy toiseen sivustoon.";return["."!==label.slice(-1)?"".concat(label,"."):label,newTabText,externalText].filter((function(text){return text})).join(" ")},LeftIcon=function LeftIcon(_ref2){var icon=_ref2.icon;return(0,jsx_runtime.jsx)("span",{className:MainLevel_module_leftIcon,"aria-hidden":!0,children:icon})},RightIcon=function RightIcon(_ref3){var icon=_ref3.icon,_ref3$className=_ref3.className,className=void 0===_ref3$className?"":_ref3$className;return(0,jsx_runtime.jsx)("span",{className:(0,classNames.Z)(MainLevel_module_rightIcon,className),"aria-hidden":!0,children:icon})},Label=function Label(_ref4){var label=_ref4.label;return(0,jsx_runtime.jsx)("span",{className:MainLevel_module_label,children:label})},MainLevel=function MainLevel(_ref5){var active=_ref5.active,children=_ref5.children,className=_ref5.className,href=_ref5.href,icon=_ref5.icon,id=_ref5.id,index=_ref5.index,label=_ref5.label,withDivider=_ref5.withDivider,external=_ref5.external,openInNewTab=_ref5.openInNewTab,openInNewTabAriaLabel=_ref5.openInNewTabAriaLabel,openInExternalDomainAriaLabel=_ref5.openInExternalDomainAriaLabel,onClick=_ref5.onClick,style=_ref5.style,rest=(0,objectWithoutProperties.Z)(_ref5,_excluded),menuId="".concat(id,"-menu"),_useContext=(0,react.useContext)(sideNavigation_SideNavigationContext),defaultOpenMainLevels=_useContext.defaultOpenMainLevels,activeParentLevel=_useContext.activeParentLevel,setActiveParentLevel=_useContext.setActiveParentLevel,setMobileMenuOpen=_useContext.setMobileMenuOpen,_useState=(0,react.useState)(defaultOpenMainLevels.includes(index)),_useState2=(0,slicedToArray.Z)(_useState,2),isOpen=_useState2[0],setIsOpen=_useState2[1],_useState3=(0,react.useState)(!1),_useState4=(0,slicedToArray.Z)(_useState3,2),isActiveParent=_useState4[0],setIsActiveParent=_useState4[1],subLevels=(0,getChildren.AU)(children).map((function(child,childIndex){return(0,react.isValidElement)(child)&&"SubLevel"===child.type.componentName?(0,react.cloneElement)(child,{mainLevelIndex:index,key:childIndex}):null})),hasSubLevels=Boolean(null==subLevels?void 0:subLevels.length),handleMainLevelClick=function handleMainLevelClick(ev){hasSubLevels?setIsOpen(!isOpen):(setActiveParentLevel(void 0),setMobileMenuOpen(!1)),onClick&&onClick(ev)};return(0,react.useEffect)((function(){var isActive=activeParentLevel===index;isActive&&setIsOpen(!0),setIsActiveParent(isActive)}),[activeParentLevel,index,setIsOpen,setIsActiveParent]),(0,jsx_runtime.jsx)("li",{className:(0,classNames.Z)(MainLevel_module_mainLevel,withDivider&&MainLevel_module_mainLevelWithDivider,active&&MainLevel_module_active,isOpen&&MainLevel_module_open,className),style,children:hasSubLevels?(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsxs)("button",{type:"button","aria-label":label,"aria-current":isActiveParent,"aria-expanded":isOpen,id,onClick:handleMainLevelClick,children:[icon&&(0,jsx_runtime.jsx)(LeftIcon,{icon}),(0,jsx_runtime.jsx)(Label,{label}),hasSubLevels&&(0,jsx_runtime.jsx)(RightIcon,{icon:isOpen?(0,jsx_runtime.jsx)(IconAngleUp.IconAngleUp,{"aria-hidden":!0}):(0,jsx_runtime.jsx)(IconAngleDown.IconAngleDown,{"aria-hidden":!0})})]}),(0,jsx_runtime.jsx)("ul",{className:MainLevel_module_mainLevelListMenu,id:menuId,"aria-hidden":!isOpen,"aria-labelledby":id,children:subLevels})]}):(0,jsx_runtime.jsxs)("a",(0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)({},rest),{},{"aria-current":active?"page":"false","aria-label":external?"".concat(label," ").concat(openInExternalDomainAriaLabel||"Siirtyy toiseen sivustoon"):label,id,onClick:handleMainLevelClick,href},external&&openInNewTab&&{target:"_blank",rel:"noopener","aria-label":composeAriaLabel({label,openInNewTab,openInNewTabAriaLabel,openInExternalDomainAriaLabel})}),{},{children:[icon&&(0,jsx_runtime.jsx)(LeftIcon,{icon}),(0,jsx_runtime.jsx)(Label,{label}),external&&(0,jsx_runtime.jsx)(RightIcon,{icon:(0,jsx_runtime.jsx)(IconLinkExternal.IconLinkExternal,{"aria-hidden":!0})})]}))},id)};MainLevel.componentName="MainLevel";try{MainLevel.displayName="MainLevel",MainLevel.__docgenInfo={description:"",displayName:"MainLevel",props:{id:{defaultValue:null,description:"The id of the side navigation main level",name:"id",required:!0,type:{name:"string"}},href:{defaultValue:null,description:"href attribute of the side navigation main level",name:"href",required:!1,type:{name:"string"}},icon:{defaultValue:null,description:"Optional icon of the side navigation main level",name:"icon",required:!1,type:{name:"ReactNode"}},index:{defaultValue:null,description:"Index of the side navigation main level. The parent SideNavigation component uses this property to index main levels",name:"index",required:!1,type:{name:"number"}},label:{defaultValue:null,description:"Label of the side navigation main level",name:"label",required:!0,type:{name:"string"}},withDivider:{defaultValue:null,description:"A border that distinguishes the main level from the previous item",name:"withDivider",required:!1,type:{name:"boolean"}},className:{defaultValue:{value:""},description:"Additional class names to apply to the side navigation main level",name:"className",required:!1,type:{name:"string"}},style:{defaultValue:null,description:"Override or extend the styles applied to the component",name:"style",required:!1,type:{name:"CSSProperties"}},children:{defaultValue:null,description:"Children components for the main level. Usually subLevels",name:"children",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"Callback function fired when the main level is clicked",name:"onClick",required:!1,type:{name:"(event: KeyboardEvent | MouseEvent | KeyboardEvent | MouseEvent<...>) => void"}},active:{defaultValue:null,description:"",name:"active",required:!1,type:{name:"boolean"}},external:{defaultValue:null,description:"Boolean indicating whether the main level link will lead user to external domain.",name:"external",required:!1,type:{name:"boolean"}},openInNewTab:{defaultValue:null,description:"Boolean indicating whether the main level link will open in new tab or not.",name:"openInNewTab",required:!1,type:{name:"boolean"}},openInNewTabAriaLabel:{defaultValue:null,description:"The aria-label for opening main level link in a new tab",name:"openInNewTabAriaLabel",required:!1,type:{name:"string"}},openInExternalDomainAriaLabel:{defaultValue:null,description:"The aria-label for opening main level link in an external domain",name:"openInExternalDomainAriaLabel",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/sideNavigation/mainLevel/MainLevel.tsx#MainLevel"]={docgenInfo:MainLevel.__docgenInfo,name:"MainLevel",path:"src/components/sideNavigation/mainLevel/MainLevel.tsx#MainLevel"})}catch(__react_docgen_typescript_loader_error){}const SubLevel_module_subLevel="SubLevel_subLevel__cALpt",SubLevel_module_active="SubLevel_active__3gtTZ";var SubLevel=function SubLevel(_ref){var active=_ref.active,className=_ref.className,href=_ref.href,id=_ref.id,label=_ref.label,mainLevelIndex=_ref.mainLevelIndex,_onClick=_ref.onClick,style=_ref.style,_useContext=(0,react.useContext)(sideNavigation_SideNavigationContext),setActiveParentLevel=_useContext.setActiveParentLevel,setMobileMenuOpen=_useContext.setMobileMenuOpen;return(0,react.useEffect)((function(){active&&setActiveParentLevel(mainLevelIndex)}),[active,mainLevelIndex,setActiveParentLevel]),(0,jsx_runtime.jsx)("li",{className:(0,classNames.Z)(SubLevel_module_subLevel,active&&SubLevel_module_active,className),style,children:(0,jsx_runtime.jsx)("a",{id,"aria-current":active?"page":"false",onClick:function onClick(ev){setMobileMenuOpen(!1),_onClick&&_onClick(ev)},href,children:label})})};SubLevel.componentName="SubLevel";try{SubLevel.displayName="SubLevel",SubLevel.__docgenInfo={description:"",displayName:"SubLevel",props:{active:{defaultValue:null,description:"If `true`, the item will be marked as active",name:"active",required:!1,type:{name:"boolean"}},id:{defaultValue:null,description:"The id of the side navigation sub level",name:"id",required:!1,type:{name:"string"}},href:{defaultValue:null,description:"href attribute of the side navigation sub level",name:"href",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Label of the side navigation sub level",name:"label",required:!0,type:{name:"string"}},mainLevelIndex:{defaultValue:null,description:"Index of the containing main level. The parent MainLevel component uses this property to index sub levels",name:"mainLevelIndex",required:!1,type:{name:"number"}},className:{defaultValue:null,description:"Additional class names to apply to the side navigation sub level",name:"className",required:!1,type:{name:"string"}},style:{defaultValue:null,description:"Override or extend the styles applied to the component",name:"style",required:!1,type:{name:"CSSProperties"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/sideNavigation/subLevel/SubLevel.tsx#SubLevel"]={docgenInfo:SubLevel.__docgenInfo,name:"SubLevel",path:"src/components/sideNavigation/subLevel/SubLevel.tsx#SubLevel"})}catch(__react_docgen_typescript_loader_error){}var useTheme=__webpack_require__("./src/hooks/useTheme.tsx"),SideNavigation=function SideNavigation(_ref){var children=_ref.children,className=_ref.className,_ref$defaultOpenMainL=_ref.defaultOpenMainLevels,defaultOpenMainLevels=void 0===_ref$defaultOpenMainL?[]:_ref$defaultOpenMainL,id=_ref.id,ariaLabel=_ref.ariaLabel,style=_ref.style,theme=_ref.theme,toggleButtonLabel=_ref.toggleButtonLabel,container=react.useRef(null),customThemeClass=(0,useTheme.F)(SideNavigation_module_sideNavigation,theme),menuId="".concat(id,"-menu"),_React$useState=react.useState(),_React$useState2=(0,slicedToArray.Z)(_React$useState,2),activeParentLevel=_React$useState2[0],setActiveParentLevel=_React$useState2[1],_React$useState3=react.useState(!1),_React$useState4=(0,slicedToArray.Z)(_React$useState3,2),mobileMenuOpen=_React$useState4[0],setMobileMenuOpen=_React$useState4[1],shouldRenderMenu=!((0,useMobile.X)()&&!mobileMenuOpen),childElements=(0,getChildren.AU)(children),mainLevels=childElements.map((function(child,index){return(0,react.isValidElement)(child)&&"MainLevel"===child.type.componentName?(0,react.cloneElement)(child,{key:index,index}):null})),skipLink=childElements.find((function(child){return(0,react.isValidElement)(child)&&"SkipLink"===child.type.componentName}));return(0,react.useEffect)((function(){var handleEscKey=function handleEscKey(event){var key=event.key||event.keyCode;!mobileMenuOpen||"Escape"!==key&&"Esc"!==key&&27!==key||setMobileMenuOpen(!1)},handleOutsideClickOrFocusin=function handleOutsideClickOrFocusin(event){var target=event.target;mobileMenuOpen&&!container.current.contains(target)&&setMobileMenuOpen(!1)};return document.addEventListener("click",handleOutsideClickOrFocusin),document.addEventListener("focusin",handleOutsideClickOrFocusin),document.addEventListener("keyup",handleEscKey),function(){document.removeEventListener("click",handleOutsideClickOrFocusin),document.removeEventListener("focusin",handleOutsideClickOrFocusin),document.removeEventListener("keyup",handleEscKey)}})),(0,jsx_runtime.jsx)(sideNavigation_SideNavigationContext.Provider,{value:{mobileMenuOpen,defaultOpenMainLevels,activeParentLevel,setMobileMenuOpen,setActiveParentLevel},children:(0,jsx_runtime.jsxs)("nav",{className:(0,classNames.Z)(SideNavigation_module_sideNavigation,customThemeClass,className),id,"aria-label":ariaLabel,ref:container,style,children:[skipLink&&skipLink,(0,jsx_runtime.jsx)(Button.z,{"aria-controls":menuId,"aria-expanded":mobileMenuOpen,"aria-haspopup":!0,className:SideNavigation_module_toggleButton,fullWidth:!0,iconRight:mobileMenuOpen?(0,jsx_runtime.jsx)(IconAngleUp.IconAngleUp,{"aria-hidden":!0}):(0,jsx_runtime.jsx)(IconAngleDown.IconAngleDown,{"aria-hidden":!0}),onClick:function toggleMobileMenu(){setMobileMenuOpen(!mobileMenuOpen)},variant:"secondary",type:"button",children:toggleButtonLabel}),shouldRenderMenu&&(0,jsx_runtime.jsx)("ul",{className:(0,classNames.Z)(SideNavigation_module_mainLevelList,mobileMenuOpen&&SideNavigation_module_open),"aria-label":toggleButtonLabel,id:menuId,children:mainLevels})]})})};SideNavigation.MainLevel=MainLevel,SideNavigation.SubLevel=SubLevel,SideNavigation.SkipLink=SkipLink.G;try{SideNavigation.displayName="SideNavigation",SideNavigation.__docgenInfo={description:"",displayName:"SideNavigation",props:{className:{defaultValue:null,description:"Additional class names to apply to the side navigation",name:"className",required:!1,type:{name:"string"}},defaultOpenMainLevels:{defaultValue:{value:"[]"},description:"Default value for open main levels",name:"defaultOpenMainLevels",required:!1,type:{name:"number[]"}},id:{defaultValue:null,description:"The id of the side navigation.",name:"id",required:!0,type:{name:"string"}},ariaLabel:{defaultValue:null,description:"aria-label for helping screen reader users to distinguish SideNavigation from other navigational components",name:"ariaLabel",required:!1,type:{name:"string"}},style:{defaultValue:null,description:"Override or extend the styles applied to the component",name:"style",required:!1,type:{name:"CSSProperties"}},theme:{defaultValue:null,description:"Custom theme styles",name:"theme",required:!1,type:{name:"SideNavigationCustomTheme"}},toggleButtonLabel:{defaultValue:null,description:"label for the mobile menu toggle button",name:"toggleButtonLabel",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/sideNavigation/SideNavigation.tsx#SideNavigation"]={docgenInfo:SideNavigation.__docgenInfo,name:"SideNavigation",path:"src/components/sideNavigation/SideNavigation.tsx#SideNavigation"})}catch(__react_docgen_typescript_loader_error){}try{SideNavigation.MainLevel.displayName="SideNavigation.MainLevel",SideNavigation.MainLevel.__docgenInfo={description:"",displayName:"SideNavigation.MainLevel",props:{id:{defaultValue:null,description:"The id of the side navigation main level",name:"id",required:!0,type:{name:"string"}},href:{defaultValue:null,description:"href attribute of the side navigation main level",name:"href",required:!1,type:{name:"string"}},icon:{defaultValue:null,description:"Optional icon of the side navigation main level",name:"icon",required:!1,type:{name:"ReactNode"}},index:{defaultValue:null,description:"Index of the side navigation main level. The parent SideNavigation component uses this property to index main levels",name:"index",required:!1,type:{name:"number"}},label:{defaultValue:null,description:"Label of the side navigation main level",name:"label",required:!0,type:{name:"string"}},withDivider:{defaultValue:null,description:"A border that distinguishes the main level from the previous item",name:"withDivider",required:!1,type:{name:"boolean"}},className:{defaultValue:{value:""},description:"Additional class names to apply to the side navigation main level",name:"className",required:!1,type:{name:"string"}},style:{defaultValue:null,description:"Override or extend the styles applied to the component",name:"style",required:!1,type:{name:"CSSProperties"}},children:{defaultValue:null,description:"Children components for the main level. Usually subLevels",name:"children",required:!1,type:{name:"ReactNode"}},onClick:{defaultValue:null,description:"Callback function fired when the main level is clicked",name:"onClick",required:!1,type:{name:"(event: KeyboardEvent | MouseEvent | KeyboardEvent | MouseEvent<...>) => void"}},active:{defaultValue:null,description:"",name:"active",required:!1,type:{name:"boolean"}},external:{defaultValue:null,description:"Boolean indicating whether the main level link will lead user to external domain.",name:"external",required:!1,type:{name:"boolean"}},openInNewTab:{defaultValue:null,description:"Boolean indicating whether the main level link will open in new tab or not.",name:"openInNewTab",required:!1,type:{name:"boolean"}},openInNewTabAriaLabel:{defaultValue:null,description:"The aria-label for opening main level link in a new tab",name:"openInNewTabAriaLabel",required:!1,type:{name:"string"}},openInExternalDomainAriaLabel:{defaultValue:null,description:"The aria-label for opening main level link in an external domain",name:"openInExternalDomainAriaLabel",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/sideNavigation/SideNavigation.tsx#SideNavigation.MainLevel"]={docgenInfo:SideNavigation.MainLevel.__docgenInfo,name:"SideNavigation.MainLevel",path:"src/components/sideNavigation/SideNavigation.tsx#SideNavigation.MainLevel"})}catch(__react_docgen_typescript_loader_error){}try{SideNavigation.SubLevel.displayName="SideNavigation.SubLevel",SideNavigation.SubLevel.__docgenInfo={description:"",displayName:"SideNavigation.SubLevel",props:{active:{defaultValue:null,description:"If `true`, the item will be marked as active",name:"active",required:!1,type:{name:"boolean"}},id:{defaultValue:null,description:"The id of the side navigation sub level",name:"id",required:!1,type:{name:"string"}},href:{defaultValue:null,description:"href attribute of the side navigation sub level",name:"href",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Label of the side navigation sub level",name:"label",required:!0,type:{name:"string"}},mainLevelIndex:{defaultValue:null,description:"Index of the containing main level. The parent MainLevel component uses this property to index sub levels",name:"mainLevelIndex",required:!1,type:{name:"number"}},className:{defaultValue:null,description:"Additional class names to apply to the side navigation sub level",name:"className",required:!1,type:{name:"string"}},style:{defaultValue:null,description:"Override or extend the styles applied to the component",name:"style",required:!1,type:{name:"CSSProperties"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/sideNavigation/SideNavigation.tsx#SideNavigation.SubLevel"]={docgenInfo:SideNavigation.SubLevel.__docgenInfo,name:"SideNavigation.SubLevel",path:"src/components/sideNavigation/SideNavigation.tsx#SideNavigation.SubLevel"})}catch(__react_docgen_typescript_loader_error){}try{SideNavigation.SkipLink.displayName="SideNavigation.SkipLink",SideNavigation.SkipLink.__docgenInfo={description:"",displayName:"SideNavigation.SkipLink",props:{ariaLabel:{defaultValue:null,description:"aria-label for describing SkipLink for screen readers.",name:"ariaLabel",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Label for the SkipLink.",name:"label",required:!0,type:{name:"string"}},skipTo:{defaultValue:null,description:"ID of the element where the SkipLink jumps to.",name:"skipTo",required:!0,type:{name:"string"}},theme:{defaultValue:null,description:"Custom styling for SkipLink.",name:"theme",required:!1,type:{name:"SkipLinkTheme"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/sideNavigation/SideNavigation.tsx#SideNavigation.SkipLink"]={docgenInfo:SideNavigation.SkipLink.__docgenInfo,name:"SideNavigation.SkipLink",path:"src/components/sideNavigation/SideNavigation.tsx#SideNavigation.SkipLink"})}catch(__react_docgen_typescript_loader_error){}var IconHome=__webpack_require__("./src/icons/IconHome.tsx");const SideNavigation_stories={component:SideNavigation,decorators:[function(storyFn){return(0,jsx_runtime.jsx)("div",{style:{backgroundColor:"#f5f5f5",display:"grid",minHeight:"100vh"},children:(0,jsx_runtime.jsx)("div",{style:{height:"100%"},children:storyFn()})})}],title:"Components/SideNavigation",parameters:{storySource:{source:'import React from \'react\';\n\nimport { SideNavigation } from \'./SideNavigation\';\nimport { IconHome } from \'../../icons\';\n\nexport default {\n component: SideNavigation,\n decorators: [\n (storyFn) => (\n \n ),\n ],\n title: \'Components/SideNavigation\',\n parameters: {\n controls: { expanded: true },\n },\n args: { defaultOpenMainLevels: [], toggleButtonLabel: \'Navigate to page\', id: \'side-navigation\' },\n};\n\nconst handleClick = (setActive) => (ev) => {\n ev.preventDefault();\n setActive(ev.currentTarget.getAttribute(\'href\'));\n};\n\nexport const Default = (args) => {\n const [active, setActive] = React.useState(\'/sub-level-1\');\n\n return (\n <>\n \n \n
\n \n \n \n \n \n \n
\n
Page Content \n
\n
\n \n \n
\n
Page Content \n
\n
\n \n \n \n \n \n \n
\n
Page Content \n
\n
\n \n \n \n \n \n \n
\n
Page Content \n
\n
\n \n \n
\n
Page Content \n
\n
\n \n \n \n \n \n \n
\n
Page Content \n
Neutral ;\n\nexport const Info = () => Info ;\n\nexport const Success = () => Success ;\n\nexport const Alert = () => Alert ;\n\nexport const Error = () => Error ;\n\nexport const Icons = () => (\n <>\n {args.label} ;\n\nPlayground.parameters = {\n previewTabs: {\n 'storybook/docs/panel': {\n hidden: true,\n },\n },\n docs: {\n disable: true,\n },\n};\n\nPlayground.args = {\n label: 'Status',\n type: 'neutral',\n};\n\nPlayground.argTypes = {\n type: {\n options: ['neutral', 'info', 'success', 'alert', 'error'],\n control: { type: 'radio' },\n },\n};\n",locationsMap:{neutral:{startLoc:{col:23,line:14},endLoc:{col:63,line:14},startBody:{col:23,line:14},endBody:{col:63,line:14}},info:{startLoc:{col:20,line:16},endLoc:{col:69,line:16},startBody:{col:20,line:16},endBody:{col:69,line:16}},success:{startLoc:{col:23,line:18},endLoc:{col:78,line:18},startBody:{col:23,line:18},endBody:{col:78,line:18}},alert:{startLoc:{col:21,line:20},endLoc:{col:72,line:20},startBody:{col:21,line:20},endBody:{col:72,line:20}},error:{startLoc:{col:21,line:22},endLoc:{col:72,line:22},startBody:{col:21,line:22},endBody:{col:72,line:22}},icons:{startLoc:{col:21,line:24},endLoc:{col:1,line:48},startBody:{col:21,line:24},endBody:{col:1,line:48}},playground:{startLoc:{col:26,line:50},endLoc:{col:92,line:50},startBody:{col:26,line:50},endBody:{col:92,line:50}}}},controls:{hideNoControlsWarning:!0}}};var Neutral=function Neutral(){return(0,jsx_runtime.jsx)(StatusLabel,{children:"Neutral"})},Info=function Info(){return(0,jsx_runtime.jsx)(StatusLabel,{type:"info",children:"Info"})},Success=function Success(){return(0,jsx_runtime.jsx)(StatusLabel,{type:"success",children:"Success"})},Alert=function Alert(){return(0,jsx_runtime.jsx)(StatusLabel,{type:"alert",children:"Alert"})},Error=function Error(){return(0,jsx_runtime.jsx)(StatusLabel,{type:"error",children:"Error"})},Icons=function Icons(){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(StatusLabel,{iconLeft:(0,jsx_runtime.jsx)(IconInfoCircle.IconInfoCircle,{}),children:"Default"}),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)(StatusLabel,{type:"info",iconLeft:(0,jsx_runtime.jsx)(IconInfoCircle.IconInfoCircle,{}),children:"Info"}),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)(StatusLabel,{type:"success",iconLeft:(0,jsx_runtime.jsx)(IconCheckCircle.IconCheckCircle,{}),children:"Success"}),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)(StatusLabel,{type:"alert",iconLeft:(0,jsx_runtime.jsx)(IconAlertCircle.IconAlertCircle,{}),children:"Alert"}),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)(StatusLabel,{type:"error",iconLeft:(0,jsx_runtime.jsx)(IconError.IconError,{}),children:"Error"})]})},Playground=function Playground(args){return(0,jsx_runtime.jsx)(StatusLabel,{type:args.type,children:args.label})};Playground.parameters={previewTabs:{"storybook/docs/panel":{hidden:!0}},docs:{disable:!0}},Playground.args={label:"Status",type:"neutral"},Playground.argTypes={type:{options:["neutral","info","success","alert","error"],control:{type:"radio"}}},Neutral.parameters=(0,objectSpread2.Z)({storySource:{source:"() => Neutral "}},Neutral.parameters),Info.parameters=(0,objectSpread2.Z)({storySource:{source:'() => Info '}},Info.parameters),Success.parameters=(0,objectSpread2.Z)({storySource:{source:'() => Success '}},Success.parameters),Alert.parameters=(0,objectSpread2.Z)({storySource:{source:'() => Alert '}},Alert.parameters),Error.parameters=(0,objectSpread2.Z)({storySource:{source:'() => Error '}},Error.parameters),Icons.parameters=(0,objectSpread2.Z)({storySource:{source:'() => (\n <>\n {args.label} "}},Playground.parameters);try{Playground.displayName="Playground",Playground.__docgenInfo={description:"",displayName:"Playground",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/statusLabel/StatusLabel.stories.tsx#Playground"]={docgenInfo:Playground.__docgenInfo,name:"Playground",path:"src/components/statusLabel/StatusLabel.stories.tsx#Playground"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/stepByStep/StepByStep.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{NumberedStepByStep:()=>NumberedStepByStep,RegularStepByStep:()=>RegularStepByStep,default:()=>StepByStep_stories});var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),react=__webpack_require__("../../node_modules/react/index.js"),objectWithoutProperties=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),Button=(__webpack_require__("./src/styles/base.css"),__webpack_require__("./src/components/button/Button.tsx")),classNames=__webpack_require__("./src/utils/classNames.ts"),Link=__webpack_require__("./src/components/link/Link.tsx");const StepByStep_module={container:"StepByStep_container__rZ-v9",stepsContainer:"StepByStep_stepsContainer__wESCk step-by-step_hds-step-by-step__steps-container__CP8BU",stepItem:"StepByStep_stepItem__Q+z7C step-by-step_hds-step-by-step__step-item__vI8lg",stepItemTitle:"StepByStep_stepItemTitle__CffwI step-by-step_hds-step-by-step__step-item-title__lCmCB"};var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_excluded=["children"],getButtonOrLinkRenderer=function getButtonOrLinkRenderer(Tag){return function(_ref){var children=_ref.children,props=(0,objectWithoutProperties.Z)(_ref,_excluded);return(0,jsx_runtime.jsx)("p",{children:(0,jsx_runtime.jsx)(Tag,(0,objectSpread2.Z)((0,objectSpread2.Z)({},props),{},{children}))})}},renderLink=getButtonOrLinkRenderer(Link.r),renderButton=getButtonOrLinkRenderer(Button.z),StepComponent=function StepComponent(_ref2){var title=_ref2.title,description=_ref2.description,_ref2$buttons=_ref2.buttons,buttons=void 0===_ref2$buttons?[]:_ref2$buttons,_ref2$links=_ref2.links,links=void 0===_ref2$links?[]:_ref2$links;return(0,jsx_runtime.jsxs)("li",{className:StepByStep_module.stepItem,children:[(0,jsx_runtime.jsx)("p",{className:StepByStep_module.stepItemTitle,children:title}),(0,jsx_runtime.jsxs)("div",{children:[description&&(0,jsx_runtime.jsx)("p",{children:description}),buttons.map(renderButton),links.map(renderLink)]})]})},StepByStep=function StepByStep(_ref3){var className=_ref3.className,title=_ref3.title,helpText=_ref3.helpText,_ref3$steps=_ref3.steps,steps=void 0===_ref3$steps?[]:_ref3$steps,_ref3$numberedList=_ref3.numberedList,numberedList=void 0!==_ref3$numberedList&&_ref3$numberedList,headerClassName=_ref3.headerClassName,_ref3$headerLevel=_ref3.headerLevel,headerLevel=void 0===_ref3$headerLevel?2:_ref3$headerLevel,wrapperClassName=(0,classNames.Z)(StepByStep_module.container,className),titleComponent=title&&react.createElement("h".concat(headerLevel),{className:(0,classNames.Z)(StepByStep_module.title,headerClassName)},title);return(0,jsx_runtime.jsxs)("div",{className:wrapperClassName,children:[(0,jsx_runtime.jsxs)("div",{children:[titleComponent,(0,jsx_runtime.jsx)("p",{className:StepByStep_module.description,children:helpText})]}),react.createElement(numberedList?"ol":"ul",{className:StepByStep_module.stepsContainer},steps.map((function(step){return(0,jsx_runtime.jsx)(StepComponent,(0,objectSpread2.Z)({},step))})))]})};try{StepByStep.displayName="StepByStep",StepByStep.__docgenInfo={description:"",displayName:"StepByStep",props:{className:{defaultValue:null,description:"Additional class names to apply to the container element.",name:"className",required:!1,type:{name:"string"}},headerClassName:{defaultValue:null,description:"Class name for the main heading.",name:"headerClassName",required:!1,type:{name:"string"}},headerLevel:{defaultValue:{value:"2"},description:"Header level for the main heading.",name:"headerLevel",required:!1,type:{name:"number"}},helpText:{defaultValue:null,description:"Help text for the step by step component. Displayed under the `title` property.",name:"helpText",required:!1,type:{name:"string"}},numberedList:{defaultValue:{value:"false"},description:"Boolean indicating whether the steps are numbered.",name:"numberedList",required:!1,type:{name:"boolean"}},steps:{defaultValue:{value:"[]"},description:"Steps for the step by step component.",name:"steps",required:!1,type:{name:"StepType[]"}},title:{defaultValue:null,description:"Title text for the step by step component.",name:"title",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/stepByStep/StepByStep.tsx#StepByStep"]={docgenInfo:StepByStep.__docgenInfo,name:"StepByStep",path:"src/components/stepByStep/StepByStep.tsx#StepByStep"})}catch(__react_docgen_typescript_loader_error){}const StepByStep_stories={parameters:{storySource:{source:"import React from 'react';\n\nimport { StepByStep } from './StepByStep';\n\nexport default {\n component: StepByStep,\n title: 'Components/StepByStep',\n args: {\n steps: [\n {\n title: 'Step title',\n description:\n 'Here you can describe the step in detail. Keep the text compact so the user gets the big picture of the whole process and its steps easily.',\n buttons: [\n {\n children: 'Example button',\n href: 'https://hel.fi',\n },\n ],\n },\n {\n title: 'Step title',\n description: 'You can put text here.',\n links: [\n {\n children: 'Example link',\n href: 'https://hel.fi',\n },\n ],\n },\n {\n title: 'Step title',\n description: 'You can put text here.',\n },\n {\n title: 'Step title',\n description: 'You can put text here.',\n },\n {\n title: 'Step title',\n description: 'You can put text here.',\n },\n ],\n },\n argTypes: {\n title: { control: { type: 'string' } },\n steps: { control: { type: 'string' } },\n helpText: { control: { type: 'string' } },\n },\n};\n\nexport const NumberedStepByStep = (args) => , stepIndex: number) => void"}},renderCustomStateAriaLabel:{defaultValue:null,description:"A function for rendering a custom aria-label for step's state",name:"renderCustomStateAriaLabel",required:!1,type:{name:"(stepIndex: number, state: StepState) => string"}},renderCustomStepCountLabel:{defaultValue:null,description:"A function for rendering a custom step count label",name:"renderCustomStepCountLabel",required:!1,type:{name:"(stepIndex: number, totalNumberOfSteps: number) => string"}},selected:{defaultValue:null,description:"A boolean indicating whether step is in selected state",name:"selected",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"A boolean indicating whether small variant is used",name:"small",required:!1,type:{name:"boolean"}},state:{defaultValue:null,description:"The state of the step",name:"state",required:!0,type:{name:"enum",value:[{value:"0"},{value:"1"},{value:"2"},{value:"3"},{value:"4"}]}},stepsTotal:{defaultValue:null,description:"The total number of steps",name:"stepsTotal",required:!0,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/stepper/Step.tsx#Step"]={docgenInfo:Step.__docgenInfo,name:"Step",path:"src/components/stepper/Step.tsx#Step"})}catch(__react_docgen_typescript_loader_error){}var IconAngleLeft=__webpack_require__("./src/icons/IconAngleLeft.tsx"),IconAngleRight=__webpack_require__("./src/icons/IconAngleRight.tsx"),useTheme=__webpack_require__("./src/hooks/useTheme.tsx"),getStepHeading=function getStepHeading(language,stepIndex,totalNumberOfSteps,label){return{en:"Step ".concat(stepIndex+1,"/").concat(totalNumberOfSteps,": ").concat(label),fi:"Vaihe ".concat(stepIndex+1,"/").concat(totalNumberOfSteps,": ").concat(label),sv:"Steg ".concat(stepIndex+1,"/").concat(totalNumberOfSteps,": ").concat(label)}[language]},Stepper=function Stepper(_ref){var className=_ref.className,_ref$language=_ref.language,language=void 0===_ref$language?"fi":_ref$language,selectedStep=_ref.selectedStep,_ref$small=_ref.small,small=void 0!==_ref$small&&_ref$small,renderCustomStepCountLabel=_ref.renderCustomStepCountLabel,renderCustomStateAriaLabel=_ref.renderCustomStateAriaLabel,_onStepClick=_ref.onStepClick,stepHeading=_ref.stepHeading,_ref$stepHeadingAriaL=_ref.stepHeadingAriaLevel,stepHeadingAriaLevel=void 0===_ref$stepHeadingAriaL?2:_ref$stepHeadingAriaL,headingClassName=_ref.headingClassName,_ref$dataTestId=_ref.dataTestId,dataTestId=void 0===_ref$dataTestId?"hds-stepper":_ref$dataTestId,renderCustomStepHeading=_ref.renderCustomStepHeading,steps=_ref.steps,theme=_ref.theme,stepsTotal=steps.length,initialRender=(0,react.useRef)(!0),stepHeadingRef=(0,react.useRef)(null),stepperRef=(0,react.useRef)(null),stepRefs=(0,react.useRef)([]),arrLength=steps.length,_useState=(0,react.useState)(!1),_useState2=(0,slicedToArray.Z)(_useState,2),showPreviousButton=_useState2[0],setShowPreviousButton=_useState2[1],_useState3=(0,react.useState)(!1),_useState4=(0,slicedToArray.Z)(_useState3,2),showNextButton=_useState4[0],setShowNextButton=_useState4[1],customThemeClass=(0,useTheme.F)(Stepper_module_stepperContainer,theme);return stepRefs.current.length!==arrLength&&(stepRefs.current=Array(arrLength).fill(0).map((function(_,index){return stepRefs.current[index]||(0,react.createRef)()}))),(0,react.useEffect)((function(){if(!initialRender.current){stepHeadingRef.current&&stepHeadingRef.current.focus();var hdsStepWidth=stepperRef.current.scrollWidth/stepsTotal;stepperRef.current.scrollLeft=hdsStepWidth*(selectedStep+1)-hdsStepWidth/2-stepperRef.current.parentNode.clientWidth/2}initialRender.current=!1,stepperRef.current.scrollLeft>5?setShowPreviousButton(!0):setShowPreviousButton(!1),stepperRef.current.scrollWidth-(stepperRef.current.parentNode.clientWidth+stepperRef.current.scrollLeft)>5?setShowNextButton(!0):setShowNextButton(!1)}),[selectedStep]),(0,jsx_runtime.jsxs)("div",{lang:language,className:(0,classNames.Z)(Stepper_module_stepperContainer,customThemeClass),"data-testid":dataTestId,children:[showPreviousButton&&(0,jsx_runtime.jsx)("div",{className:(0,classNames.Z)(Stepper_module_scrollButton,Stepper_module_scrollButtonPrevious),"aria-hidden":"true",children:(0,jsx_runtime.jsx)("button",{type:"button",onClick:function onClick(){var amountToScroll=stepperRef.current.scrollWidth/stepsTotal;stepperRef.current.scrollLeft-=amountToScroll},tabIndex:-1,children:(0,jsx_runtime.jsx)(IconAngleLeft.IconAngleLeft,{size:"m"})})}),showNextButton&&(0,jsx_runtime.jsx)("div",{className:(0,classNames.Z)(Stepper_module_scrollButton,Stepper_module_scrollButtonNext),"aria-hidden":"true",children:(0,jsx_runtime.jsx)("button",{type:"button",onClick:function onClick(){var amountToScroll=stepperRef.current.scrollWidth/stepsTotal;stepperRef.current.scrollLeft+=amountToScroll},tabIndex:-1,children:(0,jsx_runtime.jsx)(IconAngleRight.IconAngleRight,{size:"m"})})}),(0,jsx_runtime.jsxs)("div",{onScroll:function onScroll(e){e.target.scrollLeft&&e.target.scrollLeft>5?setShowPreviousButton(!0):setShowPreviousButton(!1),e.target.scrollWidth-(e.target.parentNode.clientWidth+e.target.scrollLeft)>5?setShowNextButton(!0):setShowNextButton(!1)},ref:stepperRef,className:(0,classNames.Z)(className,Stepper_module_stepper,small&&Stepper_module_small),children:[(0,jsx_runtime.jsx)("div",{className:Stepper_module_line,"aria-hidden":!0,style:{width:"max( calc(100% - var(--hds-step-width)), calc(".concat(stepsTotal," * var(--hds-step-width) - var(--hds-step-width) ))")},children:steps.map((function(step,index){return index===steps.length-1?null:(0,jsx_runtime.jsx)("div",{style:{width:"calc( 100% / ".concat(stepsTotal-1,")")},className:steps[index+1].state===StepState.disabled?Stepper_module_disabledLine:Stepper_module_enabledLine},"".concat(step.label,"-").concat(index))}))}),steps.map((function(step,index){return(0,jsx_runtime.jsx)(Step,{ref:stepRefs.current[index],label:step.label,language,index,small,stepsTotal,selected:selectedStep===index,state:step.state,onStepClick:function onStepClick(event,stepIndex){stepIndex===selectedStep&&stepHeading&&stepHeadingRef.current.focus(),_onStepClick(event,stepIndex)},renderCustomStepCountLabel,renderCustomStateAriaLabel,dataTestId:"".concat(dataTestId,"-step-").concat(index)},"".concat(index,"-").concat(step.label))}))]}),stepHeading&&(0,jsx_runtime.jsx)("div",{tabIndex:-1,ref:stepHeadingRef,role:"heading","aria-level":stepHeadingAriaLevel,className:(0,classNames.Z)(Stepper_module_heading,headingClassName),children:renderCustomStepHeading?renderCustomStepHeading(selectedStep,stepsTotal,steps[selectedStep].label):getStepHeading(language,selectedStep,stepsTotal,steps[selectedStep].label)})]})};try{Stepper.displayName="Stepper",Stepper.__docgenInfo={description:"",displayName:"Stepper",props:{className:{defaultValue:null,description:"A custom className passed to stepper",name:"className",required:!1,type:{name:"string"}},dataTestId:{defaultValue:{value:"hds-stepper"},description:"Data test id of stepper",name:"dataTestId",required:!1,type:{name:"string"}},headingClassName:{defaultValue:null,description:"A custom class name for step heading",name:"headingClassName",required:!1,type:{name:"string"}},language:{defaultValue:{value:"fi"},description:"The language of the stepper",name:"language",required:!1,type:{name:"string"}},onStepClick:{defaultValue:null,description:"A callback function for custom action on step click",name:"onStepClick",required:!1,type:{name:"(event: MouseEvent, stepIndex: number) => void"}},renderCustomStateAriaLabel:{defaultValue:null,description:"A function for rendering a custom aria-label for step's state",name:"renderCustomStateAriaLabel",required:!1,type:{name:"(stepIndex: number, state: StepState) => string"}},renderCustomStepCountLabel:{defaultValue:null,description:"A function for rendering a custom step count label",name:"renderCustomStepCountLabel",required:!1,type:{name:"(stepIndex: number, totalNumberOfSteps: number) => string"}},renderCustomStepHeading:{defaultValue:null,description:"A function for rendering a custom step heading",name:"renderCustomStepHeading",required:!1,type:{name:"(stepIndex: number, totalNumberOfSteps: number, label: string) => string"}},selectedStep:{defaultValue:null,description:'The index of the selected step. Used to set the aria-current="step" attribute to the active step',name:"selectedStep",required:!1,type:{name:"number"}},small:{defaultValue:{value:"false"},description:"Boolean indicating small variant usage",name:"small",required:!1,type:{name:"boolean"}},stepHeading:{defaultValue:null,description:"A boolean indicating step heading variant usage",name:"stepHeading",required:!1,type:{name:"boolean"}},stepHeadingAriaLevel:{defaultValue:{value:"2"},description:"Step heading aria level",name:"stepHeadingAriaLevel",required:!1,type:{name:"number"}},steps:{defaultValue:null,description:"The steps of the stepper",name:"steps",required:!0,type:{name:"Steps"}},theme:{defaultValue:null,description:"Custom theme",name:"theme",required:!1,type:{name:"StepperCustomTheme"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/stepper/Stepper.tsx#Stepper"]={docgenInfo:Stepper.__docgenInfo,name:"Stepper",path:"src/components/stepper/Stepper.tsx#Stepper"})}catch(__react_docgen_typescript_loader_error){}var Button=__webpack_require__("./src/components/button/Button.tsx"),IconArrowLeft=__webpack_require__("./src/icons/IconArrowLeft.tsx"),IconArrowRight=__webpack_require__("./src/icons/IconArrowRight.tsx"),TextInput=__webpack_require__("./src/components/textInput/TextInput.tsx"),NumberInput=__webpack_require__("./src/components/numberInput/NumberInput.tsx"),Card=__webpack_require__("./src/components/card/Card.tsx"),ErrorSummary=__webpack_require__("./src/components/errorSummary/ErrorSummary.tsx"),FileInput=__webpack_require__("./src/components/fileInput/FileInput.tsx");const Stepper_stories={component:Stepper,title:"Components/Stepper",decorators:[function(storyFn){return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"700px"},children:storyFn()})}],parameters:{storySource:{source:"import React, { useReducer, useRef } from 'react';\n\nimport { Stepper } from './Stepper';\nimport styles from './Stepper.module.scss';\nimport { Step, StepState } from './Step';\nimport { Button } from '../button';\nimport { IconArrowLeft, IconArrowRight } from '../../icons';\nimport { TextInput } from '../textInput';\nimport { NumberInput } from '../numberInput';\nimport { Card } from '../card';\nimport { ErrorSummary } from '../errorSummary';\nimport { FileInput } from '../fileInput/FileInput';\n\nexport default {\n component: Stepper,\n title: 'Components/Stepper',\n decorators: [(storyFn) => {storyFn()}
],\n parameters: {\n controls: { expanded: true },\n backgrounds: {\n default: 'white',\n values: [\n {\n name: 'white',\n value: 'white',\n },\n {\n name: 'gray',\n value: '#e5e5e5',\n },\n ],\n },\n },\n args: {},\n};\n\nconst commonReducer = (stepsTotal) => (state, action) => {\n switch (action.type) {\n case 'completeStep': {\n const activeStepIndex = action.payload === stepsTotal - 1 ? stepsTotal - 1 : action.payload + 1;\n return {\n activeStepIndex,\n steps: state.steps.map((step, index) => {\n if (index === action.payload && index !== stepsTotal - 1) {\n // current one but not last one\n return {\n state: StepState.completed,\n label: step.label,\n };\n }\n if (index === action.payload + 1) {\n // next one\n return {\n state: StepState.available,\n label: step.label,\n };\n }\n return step;\n }),\n };\n }\n case 'setActive': {\n return {\n activeStepIndex: action.payload,\n steps: state.steps.map((step, index) => {\n if (index === action.payload) {\n return {\n state: StepState.available,\n label: step.label,\n };\n }\n return step;\n }),\n };\n }\n default:\n throw new Error();\n }\n};\n\n// args is required for docs tab to show source code\n\nexport const Default = (args) => {\n const reducer = commonReducer(5);\n\n const initialState = {\n activeStepIndex: 0,\n steps: [\n {\n label: 'Step 1',\n state: StepState.available,\n },\n {\n label: 'Step 2',\n state: StepState.disabled,\n },\n {\n label: 'Step 3',\n state: StepState.disabled,\n },\n {\n label: 'Step 4 - longer text',\n state: StepState.disabled,\n },\n {\n label: 'Step 5',\n state: StepState.disabled,\n },\n ],\n };\n\n const [state, dispatch] = useReducer(reducer, initialState);\n\n const lastStep = state.activeStepIndex === state.steps.length - 1;\n\n return (\n \n
dispatch({ type: 'setActive', payload: stepIndex })}\n />\n\n \n dispatch({ type: 'setActive', payload: state.activeStepIndex - 1 })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconLeft={ dispatch({ type: 'completeStep', payload: state.activeStepIndex })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconRight={lastStep ? undefined : \n
dispatch({ type: 'setActive', payload: stepIndex })}\n />\n\n \n dispatch({ type: 'setActive', payload: state.activeStepIndex - 1 })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconLeft={ dispatch({ type: 'completeStep', payload: state.activeStepIndex })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconRight={lastStep ? undefined : \n
dispatch({ type: 'setActive', payload: stepIndex })}\n />\n\n \n dispatch({ type: 'setActive', payload: state.activeStepIndex - 1 })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconLeft={ dispatch({ type: 'completeStep', payload: state.activeStepIndex })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconRight={lastStep ? undefined : \n
dispatch({ type: 'setActive', payload: stepIndex })}\n />\n \n dispatch({ type: 'setActive', payload: state.activeStepIndex - 1 })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconLeft={ dispatch({ type: 'completeStep', payload: state.activeStepIndex })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconRight={lastStep ? undefined : \n
dispatch({ type: 'setActive', payload: stepIndex })}\n />\n \n dispatch({ type: 'setActive', payload: state.activeStepIndex - 1 })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconLeft={ dispatch({ type: 'completeStep', payload: state.activeStepIndex })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconRight={lastStep ? undefined : \n
\n \n
dispatch({ type: 'setActive', payload: stepIndex })}\n />\n \n dispatch({ type: 'setActive', payload: state.activeStepIndex - 1 })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconLeft={ dispatch({ type: 'completeStep', payload: state.activeStepIndex })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconRight={lastStep ? undefined : \n
dispatch({ type: 'setActive', payload: stepIndex })}\n />\n\n \n dispatch({ type: 'setActive', payload: state.activeStepIndex - 1 })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconLeft={ dispatch({ type: 'completeStep', payload: state.activeStepIndex })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconRight={lastStep ? undefined : \n
dispatch({ type: 'setActive', payload: stepIndex })}\n />\n\n \n dispatch({ type: 'setActive', payload: state.activeStepIndex - 1 })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconLeft={ dispatch({ type: 'completeStep', payload: state.activeStepIndex })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconRight={lastStep ? undefined : \n
dispatch({ type: 'setActive', payload: stepIndex })}\n />\n\n \n dispatch({ type: 'setActive', payload: state.activeStepIndex - 1 })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconLeft={ dispatch({ type: 'completeStep', payload: state.activeStepIndex })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconRight={lastStep ? undefined : \n
dispatch({ type: 'setActive', payload: stepIndex })}\n />\n \n dispatch({ type: 'setActive', payload: state.activeStepIndex - 1 })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconLeft={ dispatch({ type: 'completeStep', payload: state.activeStepIndex })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconRight={lastStep ? undefined : \n
dispatch({ type: 'setActive', payload: stepIndex })}\n />\n \n dispatch({ type: 'setActive', payload: state.activeStepIndex - 1 })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconLeft={ dispatch({ type: 'completeStep', payload: state.activeStepIndex })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconRight={lastStep ? undefined : \n
\n \n
dispatch({ type: 'setActive', payload: stepIndex })}\n />\n \n dispatch({ type: 'setActive', payload: state.activeStepIndex - 1 })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconLeft={ dispatch({ type: 'completeStep', payload: state.activeStepIndex })}\n style={{ height: 'fit-content', width: 'fit-content' }}\n iconRight={lastStep ? undefined : {age}
;\n },\n },\n { key: 'profession', headerName: 'Profession' },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n ];\n\n const caption = (\n \n Table 1 : Table description\n \n );\n\n return (\n \n );\n};\n\n// args is required for docs tab to show source code\n\nexport const Light = (args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name' },\n { key: 'surname', headerName: 'Surname' },\n {\n key: 'age',\n headerName: 'Age',\n transform: ({ age }) => {\n return {age}
;\n },\n },\n { key: 'profession', headerName: 'Profession' },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n ];\n\n const caption = (\n \n Table 1 : Table description\n \n );\n\n return (\n \n );\n};\n\n// args is required for docs tab to show source code\n\nexport const Dense = (args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name' },\n { key: 'surname', headerName: 'Surname' },\n {\n key: 'age',\n headerName: 'Age',\n transform: ({ age }) => {\n return {age}
;\n },\n },\n { key: 'profession', headerName: 'Profession' },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n ];\n\n const caption = (\n \n Table 1 : Table description\n \n );\n\n return (\n \n );\n};\n\n// args is required for docs tab to show source code\n\nexport const Zebra = (args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name' },\n { key: 'surname', headerName: 'Surname' },\n {\n key: 'age',\n headerName: 'Age',\n transform: ({ age }) => {\n return {age}
;\n },\n },\n { key: 'city', headerName: 'City' },\n { key: 'profession', headerName: 'Profession' },\n {\n key: 'experience',\n headerName: 'Experience (years)',\n transform: ({ experience }) => {\n return {experience}
;\n },\n },\n ];\n\n const rows: Array = [\n {\n id: 1000,\n firstName: 'Lauri',\n surname: 'Kekkonen',\n age: 39,\n city: 'Helsinki',\n profession: 'Engineer',\n experience: 10,\n },\n {\n id: 1001,\n firstName: 'Maria',\n surname: 'Sarasoja',\n age: 62,\n city: 'Tampere',\n profession: 'Designer',\n experience: 39,\n },\n {\n id: 1002,\n firstName: 'Anneli',\n surname: 'Routa',\n age: 50,\n city: 'Turku',\n profession: 'Meteorologist',\n experience: 25,\n },\n {\n id: 1003,\n firstName: 'Osku',\n surname: 'Rausku',\n age: 18,\n city: 'Oulu',\n profession: 'Mail Carrier',\n experience: 1,\n },\n ];\n\n const caption = (\n \n Table 1 : Table description\n \n );\n\n return (\n \n );\n};\n\n// args is required for docs tab to show source code\n\nexport const VerticalLines = (args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name' },\n { key: 'surname', headerName: 'Surname' },\n {\n key: 'age',\n headerName: 'Age',\n transform: ({ age }) => {\n return {age}
;\n },\n },\n { key: 'profession', headerName: 'Profession' },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n ];\n\n const caption = (\n \n Table 1 : Table description\n \n );\n\n return (\n \n );\n};\n\n// args is required for docs tab to show source code\n\nexport const VerticalHeaders = (args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: '8-12', headerName: '8-12' },\n { key: '12-14', headerName: '12-14' },\n { key: '14-16', headerName: '14-16' },\n { key: '16-18', headerName: '16-18' },\n ];\n\n const unitRows: Array = [\n { id: 'monday', '8-12': 324, '12-14': 562, '14-16': 280, '16-18': 94 },\n { id: 'tuesday', '8-12': 341, '12-14': 688, '14-16': 425, '16-18': 113 },\n { id: 'wednesday', '8-12': 294, '12-14': 492, '14-16': 280, '16-18': 67 },\n { id: 'thursday', '8-12': 312, '12-14': 501, '14-16': 455, '16-18': 112 },\n { id: 'friday', '8-12': 150, '12-14': 142, '14-16': 362, '16-18': 455 },\n ];\n\n const verticalHeaders = [\n { key: 'monday', headerName: 'Monday' },\n { key: 'tuesday', headerName: 'Tuesday' },\n { key: 'wednesday', headerName: 'Wednesday' },\n { key: 'thursday', headerName: 'Thursday' },\n { key: 'friday', headerName: 'Friday' },\n ];\n\n const caption = (\n \n Table 1 : Table description\n \n );\n\n return (\n \n );\n};\n\n// args is required for docs tab to show source code\n\nexport const Sorting = (args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name', isSortable: true },\n { key: 'surname', headerName: 'Surname', isSortable: true },\n {\n key: 'age',\n headerName: 'Age',\n sortIconType: 'other' as const,\n transform: ({ age }) => {\n return {age}
;\n },\n isSortable: true,\n },\n { key: 'profession', headerName: 'Profession', isSortable: true },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n { id: 1004, firstName: 'Linda', surname: 'Koululainen', age: 8, profession: 'School student' },\n ];\n\n const caption = (\n \n Table 1 : Table description\n \n );\n\n return (\n \n );\n};\n\n// args is required for docs tab to show source code\n\nexport const SortingLightVariant = (args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name', isSortable: true },\n { key: 'surname', headerName: 'Surname', isSortable: true },\n {\n key: 'age',\n headerName: 'Age',\n sortIconType: 'other' as const,\n transform: ({ age }) => {\n return {age}
;\n },\n isSortable: true,\n },\n { key: 'profession', headerName: 'Profession', isSortable: true },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n { id: 1004, firstName: 'Linda', surname: 'Koululainen', age: 8, profession: 'School student' },\n ];\n\n const caption = (\n \n Table 1 : Table description\n \n );\n\n return (\n \n );\n};\n\n// args is required for docs tab to show source code\n\nexport const InitiallySortedBy = (args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name', isSortable: true },\n { key: 'surname', headerName: 'Surname', isSortable: true },\n {\n key: 'age',\n headerName: 'Age',\n sortIconType: 'other' as const,\n transform: ({ age }) => {\n return {age}
;\n },\n isSortable: true,\n },\n { key: 'profession', headerName: 'Profession', isSortable: true },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n { id: 1004, firstName: 'Linda', surname: 'Koululainen', age: 8, profession: 'School student' },\n ];\n\n const caption = (\n \n Table 1 : Table description\n \n );\n\n return (\n \n );\n};\n\n// args is required for docs tab to show source code\n\nexport const CustomSortFunction = (args) => {\n const cols = [\n { key: 'Paikka-ID', headerName: 'Paikka-ID', isSortable: true },\n { key: 'Paikan tyyppi', headerName: 'Paikan tyyppi', isSortable: false },\n { key: 'Tehtävänimike', headerName: 'Tehtävänimike', isSortable: true },\n {\n key: 'Ilmoitus vanhenee',\n headerName: 'Ilmoitus vanhenee',\n sortIconType: 'other' as const,\n customSortCompareFunction: (a, b) => {\n const aDate = parse(a, 'dd.MM.yyyy', new Date());\n const bDate = parse(b, 'dd.MM.yyyy', new Date());\n\n if (isSameDay(aDate, bDate)) {\n return 0;\n }\n\n if (isBefore(aDate, bDate)) {\n return -1;\n }\n\n return 1;\n },\n isSortable: true,\n },\n { key: 'Toimiala/liikelaitos', headerName: 'Toimiala/liikelaitos', isSortable: true },\n { key: 'Työpaikka', headerName: 'Työpaikka', isSortable: true },\n { key: 'Postinumero', headerName: 'Postinumero', isSortable: true },\n {\n key: 'Paikkoja',\n headerName: 'Paikkoja',\n sortIconType: 'other' as const,\n transform: ({ Paikkoja }) => {\n return {Paikkoja}
;\n },\n isSortable: true,\n },\n {\n key: 'Haastatteluun halutaan',\n headerName: 'Haastatteluun halutaan',\n sortIconType: 'other' as const,\n transform: (row) => {\n return {row['Haastatteluun halutaan']}
;\n },\n isSortable: true,\n },\n ];\n\n const rows: Array = workTrial;\n\n const caption = (\n \n Table 1 : Table description\n \n );\n\n return (\n \n );\n};\n\n// args is required for docs tab to show source code\n\nexport const SortingSideEffects = (args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name', isSortable: true },\n { key: 'surname', headerName: 'Surname', isSortable: true },\n {\n key: 'age',\n headerName: 'Age',\n sortIconType: 'other' as const,\n transform: ({ age }) => {\n return {age}
;\n },\n isSortable: true,\n },\n { key: 'profession', headerName: 'Profession', isSortable: true },\n ];\n\n const data: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n { id: 1004, firstName: 'Linda', surname: 'Koululainen', age: 8, profession: 'School student' },\n ];\n const [loading, toggleLoading] = useState(false);\n const [rows, setRows] = useState(data);\n\n useEffect(() => {\n if (loading) {\n setTimeout(() => {\n toggleLoading((currentValue) => !currentValue);\n setRows(data);\n }, 1000);\n }\n }, [loading]);\n\n const caption = (\n \n Table 1 : Table with loading spinner\n \n );\n\n return (\n \n
{\n // Side effects\n setRows([]);\n toggleLoading((currentValue) => !currentValue);\n // Call table's own sorting function\n handleSort();\n }}\n />\n {loading && {age}
;\n },\n },\n { key: 'profession', headerName: 'Profession' },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n ];\n\n const [selectedRows, setSelectedRows] = useState([]);\n\n return (\n \n );\n};\n\n// args is required for docs tab to show source code\n\nexport const CheckboxSelectionDense = (args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name' },\n { key: 'surname', headerName: 'Surname' },\n {\n key: 'age',\n headerName: 'Age',\n transform: ({ age }) => {\n return {age}
;\n },\n },\n { key: 'profession', headerName: 'Profession' },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n ];\n\n const [selectedRows, setSelectedRows] = useState([]);\n\n return (\n \n );\n};\n\n// args is required for docs tab to show source code\n\nexport const InitiallySelectedRows = (args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name' },\n { key: 'surname', headerName: 'Surname' },\n {\n key: 'age',\n headerName: 'Age',\n transform: ({ age }) => {\n return {age}
;\n },\n },\n { key: 'profession', headerName: 'Profession' },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n ];\n\n const [selectedRows, setSelectedRows] = useState([1002, 1003]);\n\n return (\n \n );\n};\n\n// args is required for docs tab to show source code\n\nexport const WithCustomActions = (args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name' },\n { key: 'surname', headerName: 'Surname' },\n {\n key: 'age',\n headerName: 'Age',\n transform: ({ age }) => {\n return {age}
;\n },\n },\n { key: 'profession', headerName: 'Profession' },\n ];\n\n const indexKey = 'id';\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n ];\n\n const [tableRows, setTableRows] = useState(rows);\n const [selectedRows, setSelectedRows] = useState([]);\n\n const deleteSelectedButton = (\n {\n setTableRows(\n tableRows.filter((row) => {\n const rowId = row[indexKey];\n\n return (\n selectedRows.some((selectedRow) => {\n return selectedRow === rowId;\n }) === false\n );\n }),\n );\n setSelectedRows([]);\n }}\n style={{\n flexGrow: 0,\n }}\n className=\"table-custom-action\"\n variant=\"secondary\"\n size=\"small\"\n iconLeft={ {\n \n console.log('Copy clicked!');\n }}\n style={{\n flexGrow: 0,\n }}\n className=\"table-custom-action\"\n variant=\"secondary\"\n size=\"small\"\n disabled={selectedRows.length === 0}\n >\n Copy selected\n \n );\n\n return (\n \n );\n};\n\n// args is required for docs tab to show source code\n\nexport const CheckboxSelectionWithSorting = (args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name', isSortable: true },\n { key: 'surname', headerName: 'Surname', isSortable: true },\n {\n key: 'age',\n headerName: 'Age',\n sortIconType: 'other' as const,\n transform: ({ age }) => {\n return {age}
;\n },\n isSortable: true,\n },\n { key: 'profession', headerName: 'Profession', isSortable: true },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n { id: 1004, firstName: 'Linda', surname: 'Koululainen', age: 8, profession: 'School student' },\n ];\n\n const [selectedRows, setSelectedRows] = useState([]);\n\n return (\n \n );\n};\n\n// args is required for docs tab to show source code\n\nexport const CustomBackgroundColorsForDarkVariant = (args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name' },\n { key: 'surname', headerName: 'Surname' },\n {\n key: 'age',\n headerName: 'Age',\n transform: ({ age }) => {\n return {age}
;\n },\n },\n { key: 'profession', headerName: 'Profession' },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n ];\n\n const caption = (\n \n Table 1 : Table description\n \n );\n\n const theme = {\n '--header-background-color': 'var(--color-tram)',\n '--content-background-color': 'var(--color-black-5)',\n };\n\n return (\n \n );\n};\n\n// args is required for docs tab to show source code\n\nexport const CustomBackgroundColorsForLightVariant = (args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name' },\n { key: 'surname', headerName: 'Surname' },\n {\n key: 'age',\n headerName: 'Age',\n transform: ({ age }) => {\n return {age}
;\n },\n },\n { key: 'profession', headerName: 'Profession' },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n ];\n\n const caption = (\n \n Table 1 : Table description\n \n );\n\n const theme = {\n '--header-background-color': 'var(--color-suomenlinna)',\n '--content-background-color': 'var(--color-black-5)',\n };\n\n return (\n \n );\n};\n",locationsMap:{default:{startLoc:{col:23,line:21},endLoc:{col:1,line:54},startBody:{col:23,line:21},endBody:{col:1,line:54}},light:{startLoc:{col:21,line:58},endLoc:{col:1,line:91},startBody:{col:21,line:58},endBody:{col:1,line:91}},dense:{startLoc:{col:21,line:95},endLoc:{col:1,line:128},startBody:{col:21,line:95},endBody:{col:1,line:128}},zebra:{startLoc:{col:21,line:132},endLoc:{col:1,line:205},startBody:{col:21,line:132},endBody:{col:1,line:205}},"vertical-lines":{startLoc:{col:29,line:209},endLoc:{col:1,line:242},startBody:{col:29,line:209},endBody:{col:1,line:242}},"vertical-headers":{startLoc:{col:31,line:246},endLoc:{col:1,line:290},startBody:{col:31,line:246},endBody:{col:1,line:290}},sorting:{startLoc:{col:23,line:294},endLoc:{col:1,line:339},startBody:{col:23,line:294},endBody:{col:1,line:339}},"sorting-light-variant":{startLoc:{col:35,line:343},endLoc:{col:1,line:389},startBody:{col:35,line:343},endBody:{col:1,line:389}},"initially-sorted-by":{startLoc:{col:33,line:393},endLoc:{col:1,line:440},startBody:{col:33,line:393},endBody:{col:1,line:440}},"custom-sort-function":{startLoc:{col:34,line:444},endLoc:{col:1,line:516},startBody:{col:34,line:444},endBody:{col:1,line:516}},"sorting-side-effects":{startLoc:{col:34,line:520},endLoc:{col:1,line:584},startBody:{col:34,line:520},endBody:{col:1,line:584}},"checkbox-selection":{startLoc:{col:33,line:592},endLoc:{col:1,line:634},startBody:{col:33,line:592},endBody:{col:1,line:634}},"checkbox-selection-dense":{startLoc:{col:38,line:638},endLoc:{col:1,line:681},startBody:{col:38,line:638},endBody:{col:1,line:681}},"initially-selected-rows":{startLoc:{col:37,line:685},endLoc:{col:1,line:728},startBody:{col:37,line:685},endBody:{col:1,line:728}},"with-custom-actions":{startLoc:{col:33,line:732},endLoc:{col:1,line:828},startBody:{col:33,line:732},endBody:{col:1,line:828}},"checkbox-selection-with-sorting":{startLoc:{col:44,line:832},endLoc:{col:1,line:880},startBody:{col:44,line:832},endBody:{col:1,line:880}},"custom-background-colors-for-dark-variant":{startLoc:{col:52,line:884},endLoc:{col:1,line:930},startBody:{col:52,line:884},endBody:{col:1,line:930}},"custom-background-colors-for-light-variant":{startLoc:{col:53,line:934},endLoc:{col:1,line:980},startBody:{col:53,line:934},endBody:{col:1,line:980}}}},controls:{expanded:!0}},args:{}};var Default=function Default(args){var cols=[{key:"id",headerName:"Not rendered"},{key:"firstName",headerName:"First name"},{key:"surname",headerName:"Surname"},{key:"age",headerName:"Age",transform:function transform(_ref){var age=_ref.age;return(0,jsx_runtime.jsx)("div",{style:{textAlign:"right"},children:age})}},{key:"profession",headerName:"Profession"}],caption=(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("b",{children:"Table 1"}),": Table description"]});return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"640px"},children:(0,jsx_runtime.jsx)(Table.i,{cols,rows:[{id:1e3,firstName:"Lauri",surname:"Kekkonen",age:39,profession:"Engineer"},{id:1001,firstName:"Maria",surname:"Sarasoja",age:62,profession:"Designer"},{id:1002,firstName:"Anneli",surname:"Routa",age:50,profession:"Meteorologist"},{id:1003,firstName:"Osku",surname:"Rausku",age:18,profession:"Mail Carrier"}],caption,indexKey:"id",renderIndexCol:!1})})},Light=function Light(args){var cols=[{key:"id",headerName:"Not rendered"},{key:"firstName",headerName:"First name"},{key:"surname",headerName:"Surname"},{key:"age",headerName:"Age",transform:function transform(_ref2){var age=_ref2.age;return(0,jsx_runtime.jsx)("div",{style:{textAlign:"right"},children:age})}},{key:"profession",headerName:"Profession"}],caption=(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("b",{children:"Table 1"}),": Table description"]});return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"640px"},children:(0,jsx_runtime.jsx)(Table.i,{caption,cols,variant:"light",indexKey:"id",renderIndexCol:!1,rows:[{id:1e3,firstName:"Lauri",surname:"Kekkonen",age:39,profession:"Engineer"},{id:1001,firstName:"Maria",surname:"Sarasoja",age:62,profession:"Designer"},{id:1002,firstName:"Anneli",surname:"Routa",age:50,profession:"Meteorologist"},{id:1003,firstName:"Osku",surname:"Rausku",age:18,profession:"Mail Carrier"}]})})},Dense=function Dense(args){var cols=[{key:"id",headerName:"Not rendered"},{key:"firstName",headerName:"First name"},{key:"surname",headerName:"Surname"},{key:"age",headerName:"Age",transform:function transform(_ref3){var age=_ref3.age;return(0,jsx_runtime.jsx)("div",{style:{textAlign:"right"},children:age})}},{key:"profession",headerName:"Profession"}],caption=(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("b",{children:"Table 1"}),": Table description"]});return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"500px"},children:(0,jsx_runtime.jsx)(Table.i,{cols,rows:[{id:1e3,firstName:"Lauri",surname:"Kekkonen",age:39,profession:"Engineer"},{id:1001,firstName:"Maria",surname:"Sarasoja",age:62,profession:"Designer"},{id:1002,firstName:"Anneli",surname:"Routa",age:50,profession:"Meteorologist"},{id:1003,firstName:"Osku",surname:"Rausku",age:18,profession:"Mail Carrier"}],dense:!0,caption,indexKey:"id",renderIndexCol:!1})})},Zebra=function Zebra(args){var cols=[{key:"id",headerName:"Not rendered"},{key:"firstName",headerName:"First name"},{key:"surname",headerName:"Surname"},{key:"age",headerName:"Age",transform:function transform(_ref4){var age=_ref4.age;return(0,jsx_runtime.jsx)("div",{style:{textAlign:"right"},children:age})}},{key:"city",headerName:"City"},{key:"profession",headerName:"Profession"},{key:"experience",headerName:"Experience (years)",transform:function transform(_ref5){var experience=_ref5.experience;return(0,jsx_runtime.jsx)("div",{style:{textAlign:"right"},children:experience})}}],caption=(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("b",{children:"Table 1"}),": Table description"]});return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"800px"},children:(0,jsx_runtime.jsx)(Table.i,{rows:[{id:1e3,firstName:"Lauri",surname:"Kekkonen",age:39,city:"Helsinki",profession:"Engineer",experience:10},{id:1001,firstName:"Maria",surname:"Sarasoja",age:62,city:"Tampere",profession:"Designer",experience:39},{id:1002,firstName:"Anneli",surname:"Routa",age:50,city:"Turku",profession:"Meteorologist",experience:25},{id:1003,firstName:"Osku",surname:"Rausku",age:18,city:"Oulu",profession:"Mail Carrier",experience:1}],cols,caption,zebra:!0,indexKey:"id",renderIndexCol:!1})})},VerticalLines=function VerticalLines(args){var cols=[{key:"id",headerName:"Not rendered"},{key:"firstName",headerName:"First name"},{key:"surname",headerName:"Surname"},{key:"age",headerName:"Age",transform:function transform(_ref6){var age=_ref6.age;return(0,jsx_runtime.jsx)("div",{style:{textAlign:"right"},children:age})}},{key:"profession",headerName:"Profession"}],caption=(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("b",{children:"Table 1"}),": Table description"]});return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"640px"},children:(0,jsx_runtime.jsx)(Table.i,{verticalLines:!0,cols,rows:[{id:1e3,firstName:"Lauri",surname:"Kekkonen",age:39,profession:"Engineer"},{id:1001,firstName:"Maria",surname:"Sarasoja",age:62,profession:"Designer"},{id:1002,firstName:"Anneli",surname:"Routa",age:50,profession:"Meteorologist"},{id:1003,firstName:"Osku",surname:"Rausku",age:18,profession:"Mail Carrier"}],caption,indexKey:"id",renderIndexCol:!1})})},VerticalHeaders=function VerticalHeaders(args){var caption=(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("b",{children:"Table 1"}),": Table description"]});return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"486px"},children:(0,jsx_runtime.jsx)(Table.i,{verticalHeaders:[{key:"monday",headerName:"Monday"},{key:"tuesday",headerName:"Tuesday"},{key:"wednesday",headerName:"Wednesday"},{key:"thursday",headerName:"Thursday"},{key:"friday",headerName:"Friday"}],cols:[{key:"id",headerName:"Not rendered"},{key:"8-12",headerName:"8-12"},{key:"12-14",headerName:"12-14"},{key:"14-16",headerName:"14-16"},{key:"16-18",headerName:"16-18"}],rows:[{id:"monday","8-12":324,"12-14":562,"14-16":280,"16-18":94},{id:"tuesday","8-12":341,"12-14":688,"14-16":425,"16-18":113},{id:"wednesday","8-12":294,"12-14":492,"14-16":280,"16-18":67},{id:"thursday","8-12":312,"12-14":501,"14-16":455,"16-18":112},{id:"friday","8-12":150,"12-14":142,"14-16":362,"16-18":455}],caption,textAlignContentRight:!0,indexKey:"id",renderIndexCol:!1})})},Sorting=function Sorting(args){var cols=[{key:"id",headerName:"Not rendered"},{key:"firstName",headerName:"First name",isSortable:!0},{key:"surname",headerName:"Surname",isSortable:!0},{key:"age",headerName:"Age",sortIconType:"other",transform:function transform(_ref7){var age=_ref7.age;return(0,jsx_runtime.jsx)("div",{style:{textAlign:"right"},children:age})},isSortable:!0},{key:"profession",headerName:"Profession",isSortable:!0}],caption=(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("b",{children:"Table 1"}),": Table description"]});return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"640px"},children:(0,jsx_runtime.jsx)(Table.i,{ariaLabelSortButtonUnset:"Not sorted",ariaLabelSortButtonAscending:"Sorted in ascending order",ariaLabelSortButtonDescending:"Sorted in descending order",indexKey:"id",renderIndexCol:!1,cols,rows:[{id:1e3,firstName:"Lauri",surname:"Kekkonen",age:39,profession:"Engineer"},{id:1001,firstName:"Maria",surname:"Sarasoja",age:62,profession:"Designer"},{id:1002,firstName:"Anneli",surname:"Routa",age:50,profession:"Meteorologist"},{id:1003,firstName:"Osku",surname:"Rausku",age:18,profession:"Mail Carrier"},{id:1004,firstName:"Linda",surname:"Koululainen",age:8,profession:"School student"}],caption})})},SortingLightVariant=function SortingLightVariant(args){var cols=[{key:"id",headerName:"Not rendered"},{key:"firstName",headerName:"First name",isSortable:!0},{key:"surname",headerName:"Surname",isSortable:!0},{key:"age",headerName:"Age",sortIconType:"other",transform:function transform(_ref8){var age=_ref8.age;return(0,jsx_runtime.jsx)("div",{style:{textAlign:"right"},children:age})},isSortable:!0},{key:"profession",headerName:"Profession",isSortable:!0}],caption=(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("b",{children:"Table 1"}),": Table description"]});return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"640px"},children:(0,jsx_runtime.jsx)(Table.i,{variant:"light",ariaLabelSortButtonUnset:"Not sorted",ariaLabelSortButtonAscending:"Sorted in ascending order",ariaLabelSortButtonDescending:"Sorted in descending order",indexKey:"id",renderIndexCol:!1,cols,rows:[{id:1e3,firstName:"Lauri",surname:"Kekkonen",age:39,profession:"Engineer"},{id:1001,firstName:"Maria",surname:"Sarasoja",age:62,profession:"Designer"},{id:1002,firstName:"Anneli",surname:"Routa",age:50,profession:"Meteorologist"},{id:1003,firstName:"Osku",surname:"Rausku",age:18,profession:"Mail Carrier"},{id:1004,firstName:"Linda",surname:"Koululainen",age:8,profession:"School student"}],caption})})},InitiallySortedBy=function InitiallySortedBy(args){var cols=[{key:"id",headerName:"Not rendered"},{key:"firstName",headerName:"First name",isSortable:!0},{key:"surname",headerName:"Surname",isSortable:!0},{key:"age",headerName:"Age",sortIconType:"other",transform:function transform(_ref9){var age=_ref9.age;return(0,jsx_runtime.jsx)("div",{style:{textAlign:"right"},children:age})},isSortable:!0},{key:"profession",headerName:"Profession",isSortable:!0}],caption=(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("b",{children:"Table 1"}),": Table description"]});return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"640px"},children:(0,jsx_runtime.jsx)(Table.i,{initialSortingColumnKey:"age",initialSortingOrder:"desc",ariaLabelSortButtonUnset:"Not sorted",ariaLabelSortButtonAscending:"Sorted in ascending order",ariaLabelSortButtonDescending:"Sorted in descending order",rows:[{id:1e3,firstName:"Lauri",surname:"Kekkonen",age:39,profession:"Engineer"},{id:1001,firstName:"Maria",surname:"Sarasoja",age:62,profession:"Designer"},{id:1002,firstName:"Anneli",surname:"Routa",age:50,profession:"Meteorologist"},{id:1003,firstName:"Osku",surname:"Rausku",age:18,profession:"Mail Carrier"},{id:1004,firstName:"Linda",surname:"Koululainen",age:8,profession:"School student"}],cols,indexKey:"id",renderIndexCol:!1,caption})})},CustomSortFunction=function CustomSortFunction(args){var cols=[{key:"Paikka-ID",headerName:"Paikka-ID",isSortable:!0},{key:"Paikan tyyppi",headerName:"Paikan tyyppi",isSortable:!1},{key:"Tehtävänimike",headerName:"Tehtävänimike",isSortable:!0},{key:"Ilmoitus vanhenee",headerName:"Ilmoitus vanhenee",sortIconType:"other",customSortCompareFunction:function customSortCompareFunction(a,b){var aDate=(0,parse.Z)(a,"dd.MM.yyyy",new Date),bDate=(0,parse.Z)(b,"dd.MM.yyyy",new Date);return(0,isSameDay.Z)(aDate,bDate)?0:(0,isBefore.Z)(aDate,bDate)?-1:1},isSortable:!0},{key:"Toimiala/liikelaitos",headerName:"Toimiala/liikelaitos",isSortable:!0},{key:"Työpaikka",headerName:"Työpaikka",isSortable:!0},{key:"Postinumero",headerName:"Postinumero",isSortable:!0},{key:"Paikkoja",headerName:"Paikkoja",sortIconType:"other",transform:function transform(_ref10){var Paikkoja=_ref10.Paikkoja;return(0,jsx_runtime.jsx)("div",{style:{textAlign:"right"},children:Paikkoja})},isSortable:!0},{key:"Haastatteluun halutaan",headerName:"Haastatteluun halutaan",sortIconType:"other",transform:function transform(row){return(0,jsx_runtime.jsx)("div",{style:{textAlign:"right"},children:row["Haastatteluun halutaan"]})},isSortable:!0}],rows=story_example_work_trial_namespaceObject,caption=(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("b",{children:"Table 1"}),": Table description"]});return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"1200px",height:"600px"},children:(0,jsx_runtime.jsx)(Table.i,{initialSortingColumnKey:"Ilmoitus vanhenee",initialSortingOrder:"asc",ariaLabelSortButtonUnset:"Not sorted",ariaLabelSortButtonAscending:"Sorted in ascending order",ariaLabelSortButtonDescending:"Sorted in descending order",cols,rows,indexKey:"Paikka-ID",caption,dense:!0})})},SortingSideEffects=function SortingSideEffects(args){var cols=[{key:"id",headerName:"Not rendered"},{key:"firstName",headerName:"First name",isSortable:!0},{key:"surname",headerName:"Surname",isSortable:!0},{key:"age",headerName:"Age",sortIconType:"other",transform:function transform(_ref11){var age=_ref11.age;return(0,jsx_runtime.jsx)("div",{style:{textAlign:"right"},children:age})},isSortable:!0},{key:"profession",headerName:"Profession",isSortable:!0}],data=[{id:1e3,firstName:"Lauri",surname:"Kekkonen",age:39,profession:"Engineer"},{id:1001,firstName:"Maria",surname:"Sarasoja",age:62,profession:"Designer"},{id:1002,firstName:"Anneli",surname:"Routa",age:50,profession:"Meteorologist"},{id:1003,firstName:"Osku",surname:"Rausku",age:18,profession:"Mail Carrier"},{id:1004,firstName:"Linda",surname:"Koululainen",age:8,profession:"School student"}],_useState=(0,react.useState)(!1),_useState2=(0,slicedToArray.Z)(_useState,2),loading=_useState2[0],toggleLoading=_useState2[1],_useState3=(0,react.useState)(data),_useState4=(0,slicedToArray.Z)(_useState3,2),rows=_useState4[0],setRows=_useState4[1];(0,react.useEffect)((function(){loading&&setTimeout((function(){toggleLoading((function(currentValue){return!currentValue})),setRows(data)}),1e3)}),[loading]);var caption=(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("b",{children:"Table 1"}),": Table with loading spinner"]});return(0,jsx_runtime.jsxs)("div",{style:{maxWidth:"640px",display:"flex",flexDirection:"column",alignItems:"center"},children:[(0,jsx_runtime.jsx)(Table.i,{ariaLabelSortButtonUnset:"Not sorted",ariaLabelSortButtonAscending:"Sorted in ascending order",ariaLabelSortButtonDescending:"Sorted in descending order",indexKey:"id",renderIndexCol:!1,cols,rows,caption,onSort:function onSort(order,colKey,handleSort){setRows([]),toggleLoading((function(currentValue){return!currentValue})),handleSort()}}),loading&&(0,jsx_runtime.jsx)(LoadingSpinner.T,{style:{marginTop:"var(--spacing-l)"}})]})};SortingSideEffects.parameters={loki:{skip:!0}};var CheckboxSelection=function CheckboxSelection(args){var cols=[{key:"id",headerName:"Not rendered"},{key:"firstName",headerName:"First name"},{key:"surname",headerName:"Surname"},{key:"age",headerName:"Age",transform:function transform(_ref12){var age=_ref12.age;return(0,jsx_runtime.jsx)("div",{style:{textAlign:"right"},children:age})}},{key:"profession",headerName:"Profession"}],_useState5=(0,react.useState)([]),_useState6=(0,slicedToArray.Z)(_useState5,2),selectedRows=_useState6[0],setSelectedRows=_useState6[1];return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"640px"},children:(0,jsx_runtime.jsx)(Table.i,{checkboxSelection:!0,selectedRows,setSelectedRows,heading:"Employees",id:"checkbox-selection",indexKey:"id",renderIndexCol:!1,cols,rows:[{id:1e3,firstName:"Lauri",surname:"Kekkonen",age:39,profession:"Engineer"},{id:1001,firstName:"Maria",surname:"Sarasoja",age:62,profession:"Designer"},{id:1002,firstName:"Anneli",surname:"Routa",age:50,profession:"Meteorologist"},{id:1003,firstName:"Osku",surname:"Rausku",age:18,profession:"Mail Carrier"}],selectAllRowsText:"Select all rows",clearSelectionsText:"Clear selections",ariaLabelCheckboxSelection:"Row selection"})})},CheckboxSelectionDense=function CheckboxSelectionDense(args){var cols=[{key:"id",headerName:"Not rendered"},{key:"firstName",headerName:"First name"},{key:"surname",headerName:"Surname"},{key:"age",headerName:"Age",transform:function transform(_ref13){var age=_ref13.age;return(0,jsx_runtime.jsx)("div",{style:{textAlign:"right"},children:age})}},{key:"profession",headerName:"Profession"}],_useState7=(0,react.useState)([]),_useState8=(0,slicedToArray.Z)(_useState7,2),selectedRows=_useState8[0],setSelectedRows=_useState8[1];return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"500px"},children:(0,jsx_runtime.jsx)(Table.i,{dense:!0,checkboxSelection:!0,selectedRows,setSelectedRows,heading:"Employees",id:"checkbox-selection-dense",cols,rows:[{id:1e3,firstName:"Lauri",surname:"Kekkonen",age:39,profession:"Engineer"},{id:1001,firstName:"Maria",surname:"Sarasoja",age:62,profession:"Designer"},{id:1002,firstName:"Anneli",surname:"Routa",age:50,profession:"Meteorologist"},{id:1003,firstName:"Osku",surname:"Rausku",age:18,profession:"Mail Carrier"}],indexKey:"id",renderIndexCol:!1,selectAllRowsText:"Select all rows",clearSelectionsText:"Clear selections",ariaLabelCheckboxSelection:"Row selection"})})},InitiallySelectedRows=function InitiallySelectedRows(args){var cols=[{key:"id",headerName:"Not rendered"},{key:"firstName",headerName:"First name"},{key:"surname",headerName:"Surname"},{key:"age",headerName:"Age",transform:function transform(_ref14){var age=_ref14.age;return(0,jsx_runtime.jsx)("div",{style:{textAlign:"right"},children:age})}},{key:"profession",headerName:"Profession"}],_useState9=(0,react.useState)([1002,1003]),_useState10=(0,slicedToArray.Z)(_useState9,2),selectedRows=_useState10[0],setSelectedRows=_useState10[1];return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"640px"},children:(0,jsx_runtime.jsx)(Table.i,{heading:"Employees",id:"initially-selected",checkboxSelection:!0,selectedRows,setSelectedRows,variant:"dark",cols,rows:[{id:1e3,firstName:"Lauri",surname:"Kekkonen",age:39,profession:"Engineer"},{id:1001,firstName:"Maria",surname:"Sarasoja",age:62,profession:"Designer"},{id:1002,firstName:"Anneli",surname:"Routa",age:50,profession:"Meteorologist"},{id:1003,firstName:"Osku",surname:"Rausku",age:18,profession:"Mail Carrier"}],indexKey:"id",renderIndexCol:!1,selectAllRowsText:"Select all rows",clearSelectionsText:"Clear selections",ariaLabelCheckboxSelection:"Row selection"})})},WithCustomActions=function WithCustomActions(args){var cols=[{key:"id",headerName:"Not rendered"},{key:"firstName",headerName:"First name"},{key:"surname",headerName:"Surname"},{key:"age",headerName:"Age",transform:function transform(_ref15){var age=_ref15.age;return(0,jsx_runtime.jsx)("div",{style:{textAlign:"right"},children:age})}},{key:"profession",headerName:"Profession"}],_useState11=(0,react.useState)([{id:1e3,firstName:"Lauri",surname:"Kekkonen",age:39,profession:"Engineer"},{id:1001,firstName:"Maria",surname:"Sarasoja",age:62,profession:"Designer"},{id:1002,firstName:"Anneli",surname:"Routa",age:50,profession:"Meteorologist"},{id:1003,firstName:"Osku",surname:"Rausku",age:18,profession:"Mail Carrier"}]),_useState12=(0,slicedToArray.Z)(_useState11,2),tableRows=_useState12[0],setTableRows=_useState12[1],_useState13=(0,react.useState)([]),_useState14=(0,slicedToArray.Z)(_useState13,2),selectedRows=_useState14[0],setSelectedRows=_useState14[1],deleteSelectedButton=(0,jsx_runtime.jsx)(Button.z,{onClick:function onClick(){setTableRows(tableRows.filter((function(row){var rowId=row.id;return!1===selectedRows.some((function(selectedRow){return selectedRow===rowId}))}))),setSelectedRows([])},style:{flexGrow:0},className:"table-custom-action",variant:"secondary",size:"small",iconLeft:(0,jsx_runtime.jsx)(IconTrash.IconTrash,{}),disabled:0===selectedRows.length,children:"Delete selected"},1),copySelected=(0,jsx_runtime.jsx)(Button.z,{onClick:function onClick(){console.log("Copy clicked!")},style:{flexGrow:0},className:"table-custom-action",variant:"secondary",size:"small",disabled:0===selectedRows.length,children:"Copy selected"},2);return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"640px"},children:(0,jsx_runtime.jsx)(Table.i,{customActionButtons:[deleteSelectedButton,copySelected],selectedRows,setSelectedRows,checkboxSelection:!0,cols,rows:tableRows,heading:"Employees",id:"custom-actions",indexKey:"id",renderIndexCol:!1,variant:"dark",selectAllRowsText:"Select all rows",clearSelectionsText:"Clear selections",ariaLabelCheckboxSelection:"Row selection"})})},CheckboxSelectionWithSorting=function CheckboxSelectionWithSorting(args){var cols=[{key:"id",headerName:"Not rendered"},{key:"firstName",headerName:"First name",isSortable:!0},{key:"surname",headerName:"Surname",isSortable:!0},{key:"age",headerName:"Age",sortIconType:"other",transform:function transform(_ref16){var age=_ref16.age;return(0,jsx_runtime.jsx)("div",{style:{textAlign:"right"},children:age})},isSortable:!0},{key:"profession",headerName:"Profession",isSortable:!0}],_useState15=(0,react.useState)([]),_useState16=(0,slicedToArray.Z)(_useState15,2),selectedRows=_useState16[0],setSelectedRows=_useState16[1];return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"640px"},children:(0,jsx_runtime.jsx)(Table.i,{ariaLabelSortButtonUnset:"Not sorted",ariaLabelSortButtonAscending:"Sorted in ascending order",ariaLabelSortButtonDescending:"Sorted in descending order",selectAllRowsText:"Select all rows",clearSelectionsText:"Clear selections",ariaLabelCheckboxSelection:"Row selection",checkboxSelection:!0,selectedRows,setSelectedRows,cols,rows:[{id:1e3,firstName:"Lauri",surname:"Kekkonen",age:39,profession:"Engineer"},{id:1001,firstName:"Maria",surname:"Sarasoja",age:62,profession:"Designer"},{id:1002,firstName:"Anneli",surname:"Routa",age:50,profession:"Meteorologist"},{id:1003,firstName:"Osku",surname:"Rausku",age:18,profession:"Mail Carrier"},{id:1004,firstName:"Linda",surname:"Koululainen",age:8,profession:"School student"}],indexKey:"id",renderIndexCol:!1,heading:"Employees",id:"selection-with-sorting"})})},CustomBackgroundColorsForDarkVariant=function CustomBackgroundColorsForDarkVariant(args){var cols=[{key:"id",headerName:"Not rendered"},{key:"firstName",headerName:"First name"},{key:"surname",headerName:"Surname"},{key:"age",headerName:"Age",transform:function transform(_ref17){var age=_ref17.age;return(0,jsx_runtime.jsx)("div",{style:{textAlign:"right"},children:age})}},{key:"profession",headerName:"Profession"}],caption=(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("b",{children:"Table 1"}),": Table description"]});return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"640px"},children:(0,jsx_runtime.jsx)(Table.i,{theme:{"--header-background-color":"var(--color-tram)","--content-background-color":"var(--color-black-5)"},caption,variant:"dark",indexKey:"id",renderIndexCol:!1,rows:[{id:1e3,firstName:"Lauri",surname:"Kekkonen",age:39,profession:"Engineer"},{id:1001,firstName:"Maria",surname:"Sarasoja",age:62,profession:"Designer"},{id:1002,firstName:"Anneli",surname:"Routa",age:50,profession:"Meteorologist"},{id:1003,firstName:"Osku",surname:"Rausku",age:18,profession:"Mail Carrier"}],cols})})},CustomBackgroundColorsForLightVariant=function CustomBackgroundColorsForLightVariant(args){var cols=[{key:"id",headerName:"Not rendered"},{key:"firstName",headerName:"First name"},{key:"surname",headerName:"Surname"},{key:"age",headerName:"Age",transform:function transform(_ref18){var age=_ref18.age;return(0,jsx_runtime.jsx)("div",{style:{textAlign:"right"},children:age})}},{key:"profession",headerName:"Profession"}],caption=(0,jsx_runtime.jsxs)("span",{children:[(0,jsx_runtime.jsx)("b",{children:"Table 1"}),": Table description"]});return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"640px"},children:(0,jsx_runtime.jsx)(Table.i,{theme:{"--header-background-color":"var(--color-suomenlinna)","--content-background-color":"var(--color-black-5)"},caption,variant:"light",indexKey:"id",renderIndexCol:!1,rows:[{id:1e3,firstName:"Lauri",surname:"Kekkonen",age:39,profession:"Engineer"},{id:1001,firstName:"Maria",surname:"Sarasoja",age:62,profession:"Designer"},{id:1002,firstName:"Anneli",surname:"Routa",age:50,profession:"Meteorologist"},{id:1003,firstName:"Osku",surname:"Rausku",age:18,profession:"Mail Carrier"}],cols})})};Default.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name' },\n { key: 'surname', headerName: 'Surname' },\n {\n key: 'age',\n headerName: 'Age',\n transform: ({ age }) => {\n return {age}
;\n },\n },\n { key: 'profession', headerName: 'Profession' },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n ];\n\n const caption = (\n \n Table 1 : Table description\n \n );\n\n return (\n \n );\n}"}},Default.parameters),Light.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name' },\n { key: 'surname', headerName: 'Surname' },\n {\n key: 'age',\n headerName: 'Age',\n transform: ({ age }) => {\n return {age}
;\n },\n },\n { key: 'profession', headerName: 'Profession' },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n ];\n\n const caption = (\n \n Table 1 : Table description\n \n );\n\n return (\n \n );\n}"}},Light.parameters),Dense.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name' },\n { key: 'surname', headerName: 'Surname' },\n {\n key: 'age',\n headerName: 'Age',\n transform: ({ age }) => {\n return {age}
;\n },\n },\n { key: 'profession', headerName: 'Profession' },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n ];\n\n const caption = (\n \n Table 1 : Table description\n \n );\n\n return (\n \n );\n}"}},Dense.parameters),Zebra.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name' },\n { key: 'surname', headerName: 'Surname' },\n {\n key: 'age',\n headerName: 'Age',\n transform: ({ age }) => {\n return {age}
;\n },\n },\n { key: 'city', headerName: 'City' },\n { key: 'profession', headerName: 'Profession' },\n {\n key: 'experience',\n headerName: 'Experience (years)',\n transform: ({ experience }) => {\n return {experience}
;\n },\n },\n ];\n\n const rows: Array = [\n {\n id: 1000,\n firstName: 'Lauri',\n surname: 'Kekkonen',\n age: 39,\n city: 'Helsinki',\n profession: 'Engineer',\n experience: 10,\n },\n {\n id: 1001,\n firstName: 'Maria',\n surname: 'Sarasoja',\n age: 62,\n city: 'Tampere',\n profession: 'Designer',\n experience: 39,\n },\n {\n id: 1002,\n firstName: 'Anneli',\n surname: 'Routa',\n age: 50,\n city: 'Turku',\n profession: 'Meteorologist',\n experience: 25,\n },\n {\n id: 1003,\n firstName: 'Osku',\n surname: 'Rausku',\n age: 18,\n city: 'Oulu',\n profession: 'Mail Carrier',\n experience: 1,\n },\n ];\n\n const caption = (\n \n Table 1 : Table description\n \n );\n\n return (\n \n );\n}"}},Zebra.parameters),VerticalLines.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name' },\n { key: 'surname', headerName: 'Surname' },\n {\n key: 'age',\n headerName: 'Age',\n transform: ({ age }) => {\n return {age}
;\n },\n },\n { key: 'profession', headerName: 'Profession' },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n ];\n\n const caption = (\n \n Table 1 : Table description\n \n );\n\n return (\n \n );\n}"}},VerticalLines.parameters),VerticalHeaders.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: '8-12', headerName: '8-12' },\n { key: '12-14', headerName: '12-14' },\n { key: '14-16', headerName: '14-16' },\n { key: '16-18', headerName: '16-18' },\n ];\n\n const unitRows: Array = [\n { id: 'monday', '8-12': 324, '12-14': 562, '14-16': 280, '16-18': 94 },\n { id: 'tuesday', '8-12': 341, '12-14': 688, '14-16': 425, '16-18': 113 },\n { id: 'wednesday', '8-12': 294, '12-14': 492, '14-16': 280, '16-18': 67 },\n { id: 'thursday', '8-12': 312, '12-14': 501, '14-16': 455, '16-18': 112 },\n { id: 'friday', '8-12': 150, '12-14': 142, '14-16': 362, '16-18': 455 },\n ];\n\n const verticalHeaders = [\n { key: 'monday', headerName: 'Monday' },\n { key: 'tuesday', headerName: 'Tuesday' },\n { key: 'wednesday', headerName: 'Wednesday' },\n { key: 'thursday', headerName: 'Thursday' },\n { key: 'friday', headerName: 'Friday' },\n ];\n\n const caption = (\n \n Table 1 : Table description\n \n );\n\n return (\n \n );\n}"}},VerticalHeaders.parameters),Sorting.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name', isSortable: true },\n { key: 'surname', headerName: 'Surname', isSortable: true },\n {\n key: 'age',\n headerName: 'Age',\n sortIconType: 'other' as const,\n transform: ({ age }) => {\n return {age}
;\n },\n isSortable: true,\n },\n { key: 'profession', headerName: 'Profession', isSortable: true },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n { id: 1004, firstName: 'Linda', surname: 'Koululainen', age: 8, profession: 'School student' },\n ];\n\n const caption = (\n \n Table 1 : Table description\n \n );\n\n return (\n \n );\n}"}},Sorting.parameters),SortingLightVariant.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name', isSortable: true },\n { key: 'surname', headerName: 'Surname', isSortable: true },\n {\n key: 'age',\n headerName: 'Age',\n sortIconType: 'other' as const,\n transform: ({ age }) => {\n return {age}
;\n },\n isSortable: true,\n },\n { key: 'profession', headerName: 'Profession', isSortable: true },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n { id: 1004, firstName: 'Linda', surname: 'Koululainen', age: 8, profession: 'School student' },\n ];\n\n const caption = (\n \n Table 1 : Table description\n \n );\n\n return (\n \n );\n}"}},SortingLightVariant.parameters),InitiallySortedBy.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name', isSortable: true },\n { key: 'surname', headerName: 'Surname', isSortable: true },\n {\n key: 'age',\n headerName: 'Age',\n sortIconType: 'other' as const,\n transform: ({ age }) => {\n return {age}
;\n },\n isSortable: true,\n },\n { key: 'profession', headerName: 'Profession', isSortable: true },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n { id: 1004, firstName: 'Linda', surname: 'Koululainen', age: 8, profession: 'School student' },\n ];\n\n const caption = (\n \n Table 1 : Table description\n \n );\n\n return (\n \n );\n}"}},InitiallySortedBy.parameters),CustomSortFunction.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const cols = [\n { key: 'Paikka-ID', headerName: 'Paikka-ID', isSortable: true },\n { key: 'Paikan tyyppi', headerName: 'Paikan tyyppi', isSortable: false },\n { key: 'Tehtävänimike', headerName: 'Tehtävänimike', isSortable: true },\n {\n key: 'Ilmoitus vanhenee',\n headerName: 'Ilmoitus vanhenee',\n sortIconType: 'other' as const,\n customSortCompareFunction: (a, b) => {\n const aDate = parse(a, 'dd.MM.yyyy', new Date());\n const bDate = parse(b, 'dd.MM.yyyy', new Date());\n\n if (isSameDay(aDate, bDate)) {\n return 0;\n }\n\n if (isBefore(aDate, bDate)) {\n return -1;\n }\n\n return 1;\n },\n isSortable: true,\n },\n { key: 'Toimiala/liikelaitos', headerName: 'Toimiala/liikelaitos', isSortable: true },\n { key: 'Työpaikka', headerName: 'Työpaikka', isSortable: true },\n { key: 'Postinumero', headerName: 'Postinumero', isSortable: true },\n {\n key: 'Paikkoja',\n headerName: 'Paikkoja',\n sortIconType: 'other' as const,\n transform: ({ Paikkoja }) => {\n return {Paikkoja}
;\n },\n isSortable: true,\n },\n {\n key: 'Haastatteluun halutaan',\n headerName: 'Haastatteluun halutaan',\n sortIconType: 'other' as const,\n transform: (row) => {\n return {row['Haastatteluun halutaan']}
;\n },\n isSortable: true,\n },\n ];\n\n const rows: Array = workTrial;\n\n const caption = (\n \n Table 1 : Table description\n \n );\n\n return (\n \n );\n}"}},CustomSortFunction.parameters),SortingSideEffects.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name', isSortable: true },\n { key: 'surname', headerName: 'Surname', isSortable: true },\n {\n key: 'age',\n headerName: 'Age',\n sortIconType: 'other' as const,\n transform: ({ age }) => {\n return {age}
;\n },\n isSortable: true,\n },\n { key: 'profession', headerName: 'Profession', isSortable: true },\n ];\n\n const data: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n { id: 1004, firstName: 'Linda', surname: 'Koululainen', age: 8, profession: 'School student' },\n ];\n const [loading, toggleLoading] = useState(false);\n const [rows, setRows] = useState(data);\n\n useEffect(() => {\n if (loading) {\n setTimeout(() => {\n toggleLoading((currentValue) => !currentValue);\n setRows(data);\n }, 1000);\n }\n }, [loading]);\n\n const caption = (\n \n Table 1 : Table with loading spinner\n \n );\n\n return (\n \n
{\n // Side effects\n setRows([]);\n toggleLoading((currentValue) => !currentValue);\n // Call table's own sorting function\n handleSort();\n }}\n />\n {loading && {age}
;\n },\n },\n { key: 'profession', headerName: 'Profession' },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n ];\n\n const [selectedRows, setSelectedRows] = useState([]);\n\n return (\n \n );\n}"}},CheckboxSelection.parameters),CheckboxSelectionDense.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name' },\n { key: 'surname', headerName: 'Surname' },\n {\n key: 'age',\n headerName: 'Age',\n transform: ({ age }) => {\n return {age}
;\n },\n },\n { key: 'profession', headerName: 'Profession' },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n ];\n\n const [selectedRows, setSelectedRows] = useState([]);\n\n return (\n \n );\n}"}},CheckboxSelectionDense.parameters),InitiallySelectedRows.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name' },\n { key: 'surname', headerName: 'Surname' },\n {\n key: 'age',\n headerName: 'Age',\n transform: ({ age }) => {\n return {age}
;\n },\n },\n { key: 'profession', headerName: 'Profession' },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n ];\n\n const [selectedRows, setSelectedRows] = useState([1002, 1003]);\n\n return (\n \n );\n}"}},InitiallySelectedRows.parameters),WithCustomActions.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name' },\n { key: 'surname', headerName: 'Surname' },\n {\n key: 'age',\n headerName: 'Age',\n transform: ({ age }) => {\n return {age}
;\n },\n },\n { key: 'profession', headerName: 'Profession' },\n ];\n\n const indexKey = 'id';\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n ];\n\n const [tableRows, setTableRows] = useState(rows);\n const [selectedRows, setSelectedRows] = useState([]);\n\n const deleteSelectedButton = (\n {\n setTableRows(\n tableRows.filter((row) => {\n const rowId = row[indexKey];\n\n return (\n selectedRows.some((selectedRow) => {\n return selectedRow === rowId;\n }) === false\n );\n }),\n );\n setSelectedRows([]);\n }}\n style={{\n flexGrow: 0,\n }}\n className=\"table-custom-action\"\n variant=\"secondary\"\n size=\"small\"\n iconLeft={ {\n \n console.log('Copy clicked!');\n }}\n style={{\n flexGrow: 0,\n }}\n className=\"table-custom-action\"\n variant=\"secondary\"\n size=\"small\"\n disabled={selectedRows.length === 0}\n >\n Copy selected\n \n );\n\n return (\n \n );\n}"}},WithCustomActions.parameters),CheckboxSelectionWithSorting.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name', isSortable: true },\n { key: 'surname', headerName: 'Surname', isSortable: true },\n {\n key: 'age',\n headerName: 'Age',\n sortIconType: 'other' as const,\n transform: ({ age }) => {\n return {age}
;\n },\n isSortable: true,\n },\n { key: 'profession', headerName: 'Profession', isSortable: true },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n { id: 1004, firstName: 'Linda', surname: 'Koululainen', age: 8, profession: 'School student' },\n ];\n\n const [selectedRows, setSelectedRows] = useState([]);\n\n return (\n \n );\n}"}},CheckboxSelectionWithSorting.parameters),CustomBackgroundColorsForDarkVariant.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name' },\n { key: 'surname', headerName: 'Surname' },\n {\n key: 'age',\n headerName: 'Age',\n transform: ({ age }) => {\n return {age}
;\n },\n },\n { key: 'profession', headerName: 'Profession' },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n ];\n\n const caption = (\n \n Table 1 : Table description\n \n );\n\n const theme = {\n '--header-background-color': 'var(--color-tram)',\n '--content-background-color': 'var(--color-black-5)',\n };\n\n return (\n \n );\n}"}},CustomBackgroundColorsForDarkVariant.parameters),CustomBackgroundColorsForLightVariant.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const cols = [\n { key: 'id', headerName: 'Not rendered' },\n { key: 'firstName', headerName: 'First name' },\n { key: 'surname', headerName: 'Surname' },\n {\n key: 'age',\n headerName: 'Age',\n transform: ({ age }) => {\n return {age}
;\n },\n },\n { key: 'profession', headerName: 'Profession' },\n ];\n\n const rows: Array = [\n { id: 1000, firstName: 'Lauri', surname: 'Kekkonen', age: 39, profession: 'Engineer' },\n { id: 1001, firstName: 'Maria', surname: 'Sarasoja', age: 62, profession: 'Designer' },\n { id: 1002, firstName: 'Anneli', surname: 'Routa', age: 50, profession: 'Meteorologist' },\n { id: 1003, firstName: 'Osku', surname: 'Rausku', age: 18, profession: 'Mail Carrier' },\n ];\n\n const caption = (\n \n Table 1 : Table description\n \n );\n\n const theme = {\n '--header-background-color': 'var(--color-suomenlinna)',\n '--content-background-color': 'var(--color-black-5)',\n };\n\n return (\n \n );\n}"}},CustomBackgroundColorsForLightVariant.parameters);try{Default.displayName="Default",Default.__docgenInfo={description:"",displayName:"Default",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/Table.stories.tsx#Default"]={docgenInfo:Default.__docgenInfo,name:"Default",path:"src/components/table/Table.stories.tsx#Default"})}catch(__react_docgen_typescript_loader_error){}try{Light.displayName="Light",Light.__docgenInfo={description:"",displayName:"Light",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/Table.stories.tsx#Light"]={docgenInfo:Light.__docgenInfo,name:"Light",path:"src/components/table/Table.stories.tsx#Light"})}catch(__react_docgen_typescript_loader_error){}try{Dense.displayName="Dense",Dense.__docgenInfo={description:"",displayName:"Dense",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/Table.stories.tsx#Dense"]={docgenInfo:Dense.__docgenInfo,name:"Dense",path:"src/components/table/Table.stories.tsx#Dense"})}catch(__react_docgen_typescript_loader_error){}try{Zebra.displayName="Zebra",Zebra.__docgenInfo={description:"",displayName:"Zebra",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/Table.stories.tsx#Zebra"]={docgenInfo:Zebra.__docgenInfo,name:"Zebra",path:"src/components/table/Table.stories.tsx#Zebra"})}catch(__react_docgen_typescript_loader_error){}try{VerticalLines.displayName="VerticalLines",VerticalLines.__docgenInfo={description:"",displayName:"VerticalLines",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/Table.stories.tsx#VerticalLines"]={docgenInfo:VerticalLines.__docgenInfo,name:"VerticalLines",path:"src/components/table/Table.stories.tsx#VerticalLines"})}catch(__react_docgen_typescript_loader_error){}try{VerticalHeaders.displayName="VerticalHeaders",VerticalHeaders.__docgenInfo={description:"",displayName:"VerticalHeaders",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/Table.stories.tsx#VerticalHeaders"]={docgenInfo:VerticalHeaders.__docgenInfo,name:"VerticalHeaders",path:"src/components/table/Table.stories.tsx#VerticalHeaders"})}catch(__react_docgen_typescript_loader_error){}try{Sorting.displayName="Sorting",Sorting.__docgenInfo={description:"",displayName:"Sorting",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/Table.stories.tsx#Sorting"]={docgenInfo:Sorting.__docgenInfo,name:"Sorting",path:"src/components/table/Table.stories.tsx#Sorting"})}catch(__react_docgen_typescript_loader_error){}try{SortingLightVariant.displayName="SortingLightVariant",SortingLightVariant.__docgenInfo={description:"",displayName:"SortingLightVariant",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/Table.stories.tsx#SortingLightVariant"]={docgenInfo:SortingLightVariant.__docgenInfo,name:"SortingLightVariant",path:"src/components/table/Table.stories.tsx#SortingLightVariant"})}catch(__react_docgen_typescript_loader_error){}try{InitiallySortedBy.displayName="InitiallySortedBy",InitiallySortedBy.__docgenInfo={description:"",displayName:"InitiallySortedBy",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/Table.stories.tsx#InitiallySortedBy"]={docgenInfo:InitiallySortedBy.__docgenInfo,name:"InitiallySortedBy",path:"src/components/table/Table.stories.tsx#InitiallySortedBy"})}catch(__react_docgen_typescript_loader_error){}try{CustomSortFunction.displayName="CustomSortFunction",CustomSortFunction.__docgenInfo={description:"",displayName:"CustomSortFunction",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/Table.stories.tsx#CustomSortFunction"]={docgenInfo:CustomSortFunction.__docgenInfo,name:"CustomSortFunction",path:"src/components/table/Table.stories.tsx#CustomSortFunction"})}catch(__react_docgen_typescript_loader_error){}try{SortingSideEffects.displayName="SortingSideEffects",SortingSideEffects.__docgenInfo={description:"",displayName:"SortingSideEffects",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/Table.stories.tsx#SortingSideEffects"]={docgenInfo:SortingSideEffects.__docgenInfo,name:"SortingSideEffects",path:"src/components/table/Table.stories.tsx#SortingSideEffects"})}catch(__react_docgen_typescript_loader_error){}try{CheckboxSelection.displayName="CheckboxSelection",CheckboxSelection.__docgenInfo={description:"",displayName:"CheckboxSelection",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/Table.stories.tsx#CheckboxSelection"]={docgenInfo:CheckboxSelection.__docgenInfo,name:"CheckboxSelection",path:"src/components/table/Table.stories.tsx#CheckboxSelection"})}catch(__react_docgen_typescript_loader_error){}try{CheckboxSelectionDense.displayName="CheckboxSelectionDense",CheckboxSelectionDense.__docgenInfo={description:"",displayName:"CheckboxSelectionDense",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/Table.stories.tsx#CheckboxSelectionDense"]={docgenInfo:CheckboxSelectionDense.__docgenInfo,name:"CheckboxSelectionDense",path:"src/components/table/Table.stories.tsx#CheckboxSelectionDense"})}catch(__react_docgen_typescript_loader_error){}try{InitiallySelectedRows.displayName="InitiallySelectedRows",InitiallySelectedRows.__docgenInfo={description:"",displayName:"InitiallySelectedRows",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/Table.stories.tsx#InitiallySelectedRows"]={docgenInfo:InitiallySelectedRows.__docgenInfo,name:"InitiallySelectedRows",path:"src/components/table/Table.stories.tsx#InitiallySelectedRows"})}catch(__react_docgen_typescript_loader_error){}try{WithCustomActions.displayName="WithCustomActions",WithCustomActions.__docgenInfo={description:"",displayName:"WithCustomActions",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/Table.stories.tsx#WithCustomActions"]={docgenInfo:WithCustomActions.__docgenInfo,name:"WithCustomActions",path:"src/components/table/Table.stories.tsx#WithCustomActions"})}catch(__react_docgen_typescript_loader_error){}try{CheckboxSelectionWithSorting.displayName="CheckboxSelectionWithSorting",CheckboxSelectionWithSorting.__docgenInfo={description:"",displayName:"CheckboxSelectionWithSorting",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/Table.stories.tsx#CheckboxSelectionWithSorting"]={docgenInfo:CheckboxSelectionWithSorting.__docgenInfo,name:"CheckboxSelectionWithSorting",path:"src/components/table/Table.stories.tsx#CheckboxSelectionWithSorting"})}catch(__react_docgen_typescript_loader_error){}try{CustomBackgroundColorsForDarkVariant.displayName="CustomBackgroundColorsForDarkVariant",CustomBackgroundColorsForDarkVariant.__docgenInfo={description:"",displayName:"CustomBackgroundColorsForDarkVariant",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/Table.stories.tsx#CustomBackgroundColorsForDarkVariant"]={docgenInfo:CustomBackgroundColorsForDarkVariant.__docgenInfo,name:"CustomBackgroundColorsForDarkVariant",path:"src/components/table/Table.stories.tsx#CustomBackgroundColorsForDarkVariant"})}catch(__react_docgen_typescript_loader_error){}try{CustomBackgroundColorsForLightVariant.displayName="CustomBackgroundColorsForLightVariant",CustomBackgroundColorsForLightVariant.__docgenInfo={description:"",displayName:"CustomBackgroundColorsForLightVariant",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/Table.stories.tsx#CustomBackgroundColorsForLightVariant"]={docgenInfo:CustomBackgroundColorsForLightVariant.__docgenInfo,name:"CustomBackgroundColorsForLightVariant",path:"src/components/table/Table.stories.tsx#CustomBackgroundColorsForLightVariant"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/tabs/Tabs.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Small:()=>Small,WithCustomOnClickAction:()=>WithCustomOnClickAction,WithCustomTheme:()=>WithCustomTheme,default:()=>Tabs_stories});var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),slicedToArray=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react=__webpack_require__("../../node_modules/react/index.js"),LoadingSpinner=__webpack_require__("./src/components/loadingSpinner/LoadingSpinner.tsx");__webpack_require__("./src/styles/base.css");const Tabs_module_scrollButton="Tabs_scrollButton__IVOLh",Tabs_module_tabs="Tabs_tabs__yE6Zk",Tabs_module_small="Tabs_small__en-fO",Tabs_module_tablistBar="Tabs_tablistBar__FWUNP",Tabs_module_tablist="Tabs_tablist__afK+U",Tabs_module_tab="Tabs_tab__mtOp2",Tabs_module_active="Tabs_active__0EWQH";var classNames=__webpack_require__("./src/utils/classNames.ts"),TabsContext=react.createContext({activeTab:0,setActiveTab:function setActiveTab(){},focusedTab:null,setFocusedTab:function setFocusedTab(){}}),useTheme=__webpack_require__("./src/hooks/useTheme.tsx"),IconAngleLeft=__webpack_require__("./src/icons/IconAngleLeft.tsx"),IconAngleRight=__webpack_require__("./src/icons/IconAngleRight.tsx"),getChildren=__webpack_require__("./src/utils/getChildren.ts"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),TabList=function TabList(_ref){var children=_ref.children,className=_ref.className,_ref$style=_ref.style,style=void 0===_ref$style?{}:_ref$style,tablistElementRef=(0,react.useRef)(null),tablistContainerRef=(0,react.useRef)(null),_useContext=(0,react.useContext)(TabsContext),focusedTab=_useContext.focusedTab,setFocusedTab=_useContext.setFocusedTab,_useState=(0,react.useState)(0),_useState2=(0,slicedToArray.Z)(_useState,2),tablistWidth=_useState2[0],setTablistWidth=_useState2[1],_useState3=(0,react.useState)(null),_useState4=(0,slicedToArray.Z)(_useState3,2),scrollIndex=_useState4[0],setScrollIndex=_useState4[1],_useState5=(0,react.useState)(!0),_useState6=(0,slicedToArray.Z)(_useState5,2),showPreviousButton=_useState6[0],setShowPreviousButton=_useState6[1],_useState7=(0,react.useState)(!0),_useState8=(0,slicedToArray.Z)(_useState7,2),showNextButton=_useState8[0],setShowNextButton=_useState8[1],_useState9=(0,react.useState)(0),_useState10=(0,slicedToArray.Z)(_useState9,2),scrollValue=_useState10[0],setScrollValue=_useState10[1],tabs=(0,getChildren.AU)(children).map((function(child,index){return react.isValidElement(child)&&"Tab"===child.type.componentName?react.cloneElement(child,{index,key:index}):null})),updateScrollPosition=(0,react.useCallback)((function(){var tabElement=function getChildByIndex(index,parent){if(null!==index){var element=parent.children[index];if(null!==element&&element instanceof HTMLElement)return element}return null}(scrollIndex,tablistElementRef.current);if(null!==tabElement){var tabRightEdgeDistance=tabElement.offsetLeft+tabElement.offsetWidth,tabLeftEdgeDistance=tabElement.offsetLeft,tabRightEdgeOffset=tabRightEdgeDistance-tablistContainerRef.current.offsetWidth;tabRightEdgeOffset>0&&(scrollValuecontainerElement.offsetWidth+offset}(element,tablistContainerRef.current,scrollValue)}))}),[scrollValue]),findNextElementOutsideLeftEdge=(0,react.useCallback)((function(){var tabListElement=tablistElementRef.current,tabIndex=Array.from(tabListElement.children).reverse().findIndex((function(element){return function isElementOutsideLeftEdge(tab,offset){return tab.offsetLeft-1?tabListElement.children.length-tabIndex-1:-1}),[scrollValue]),updateScrollButtons=(0,react.useCallback)((function(){setShowPreviousButton(-1!==findNextElementOutsideLeftEdge()),setShowNextButton(-1!==findNextElementOutsideRightEdge())}),[findNextElementOutsideLeftEdge,findNextElementOutsideRightEdge]);(0,react.useEffect)((function(){var totalWidth=Array.from(tablistElementRef.current.children).reduce((function(total,el){return total+el.offsetWidth}),0);setTablistWidth(totalWidth)}),[children]),(0,react.useEffect)((function(){setScrollIndex(focusedTab)}),[focusedTab]),(0,react.useEffect)((function(){return updateScrollButtons(),window.addEventListener("resize",updateScrollButtons),function(){window.removeEventListener("resize",updateScrollButtons)}}),[updateScrollButtons]),(0,react.useEffect)((function(){updateScrollPosition()}),[updateScrollPosition,scrollIndex,showPreviousButton,showNextButton]);return(0,jsx_runtime.jsxs)("div",{className:(0,classNames.Z)(Tabs_module_tablistBar,className),style,children:[showPreviousButton&&(0,jsx_runtime.jsx)("div",{className:Tabs_module_scrollButton,"aria-hidden":"true",children:(0,jsx_runtime.jsx)("button",{type:"button",onClick:function onPreviousButtonClick(){var nextTabIndex=findNextElementOutsideLeftEdge();nextTabIndex>-1&&setScrollIndex(nextTabIndex)},tabIndex:-1,children:(0,jsx_runtime.jsx)(IconAngleLeft.IconAngleLeft,{})})}),(0,jsx_runtime.jsx)("div",{className:Tabs_module_tablist,ref:tablistContainerRef,children:(0,jsx_runtime.jsx)("ul",{role:"tablist",ref:tablistElementRef,onKeyDown:function onKeyDown(event){var nextIndex=null;"ArrowRight"===event.key&&(nextIndex=Math.min(focusedTab+1,tabs.length-1)),"ArrowLeft"===event.key&&(nextIndex=Math.max(focusedTab-1,0)),null!==nextIndex&&setFocusedTab(nextIndex)},style:{width:"".concat(tablistWidth,"px"),transform:scrollValue?"translateX(".concat(-1*scrollValue,"px)"):void 0},children:tabs})}),showNextButton&&(0,jsx_runtime.jsx)("div",{className:Tabs_module_scrollButton,"aria-hidden":"true",children:(0,jsx_runtime.jsx)("button",{type:"button",onClick:function onNextButtonClick(){var nextTabIndex=findNextElementOutsideRightEdge();nextTabIndex>-1&&setScrollIndex(nextTabIndex)},tabIndex:-1,children:(0,jsx_runtime.jsx)(IconAngleRight.IconAngleRight,{})})})]})};TabList.componentName="TabList";try{TabList.displayName="TabList",TabList.__docgenInfo={description:"",displayName:"TabList",props:{className:{defaultValue:null,description:"Additional class names to apply to the Tablist",name:"className",required:!1,type:{name:"string"}},style:{defaultValue:{value:"{}"},description:"Additional styles to apply to the Tablist",name:"style",required:!1,type:{name:"CSSProperties"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tabs/TabList.tsx#TabList"]={docgenInfo:TabList.__docgenInfo,name:"TabList",path:"src/components/tabs/TabList.tsx#TabList"})}catch(__react_docgen_typescript_loader_error){}var TabPanel=function TabPanel(_ref){var children=_ref.children,className=_ref.className,index=_ref.index,style=_ref.style;return(0,react.useContext)(TabsContext).activeTab===index?(0,jsx_runtime.jsx)("div",{id:"tab-".concat(index,"-panel"),role:"tabpanel","aria-labelledby":"tab-".concat(index,"-button"),className,style,children}):null};TabPanel.componentName="TabPanel";try{TabPanel.displayName="TabPanel",TabPanel.__docgenInfo={description:"",displayName:"TabPanel",props:{className:{defaultValue:null,description:"Additional class names to apply to the Tab",name:"className",required:!1,type:{name:"string"}},style:{defaultValue:null,description:"Additional styles to apply to the Tab",name:"style",required:!1,type:{name:"CSSProperties"}},index:{defaultValue:null,description:"",name:"index",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tabs/TabPanel.tsx#TabPanel"]={docgenInfo:TabPanel.__docgenInfo,name:"TabPanel",path:"src/components/tabs/TabPanel.tsx#TabPanel"})}catch(__react_docgen_typescript_loader_error){}var Tab=function Tab(_ref){var children=_ref.children,className=_ref.className,index=_ref.index,onClick=_ref.onClick,style=_ref.style,ref=(0,react.useRef)(null),_useContext=(0,react.useContext)(TabsContext),activeTab=_useContext.activeTab,focusedTab=_useContext.focusedTab,setFocusedTab=_useContext.setFocusedTab,setActiveTab=_useContext.setActiveTab,isActive=activeTab===index;(0,react.useEffect)((function(){focusedTab===index&&ref.current.focus({preventScroll:!0})}),[focusedTab,index]);return(0,jsx_runtime.jsx)("li",{role:"tab","aria-selected":isActive,"aria-controls":"tab-".concat(index,"-panel"),tabIndex:isActive?0:-1,id:"tab-".concat(index,"-button"),className:(0,classNames.Z)(Tabs_module_tab,isActive&&Tabs_module_active,className),style,onClick:function onTabClick(){onClick&&onClick(),setActiveTab(index),setFocusedTab(index)},onKeyDown:function onKeyDown(event){var isEnter="Enter"===event.key||13===event.keyCode,isSpace=" "===event.key||32===event.keyCode;(isEnter||isSpace)&&(onClick&&onClick(),setActiveTab(index))},onFocus:function onFocus(event){event.preventDefault(),focusedTab!==index&&setFocusedTab(index)},ref,children:(0,jsx_runtime.jsx)("span",{children})})};Tab.componentName="Tab";try{Tab.displayName="Tab",Tab.__docgenInfo={description:"",displayName:"Tab",props:{onClick:{defaultValue:null,description:"Custom function callback for on tab click",name:"onClick",required:!1,type:{name:"() => void"}},className:{defaultValue:null,description:"Additional class names to apply to the Tab",name:"className",required:!1,type:{name:"string"}},style:{defaultValue:null,description:"Additional styles to apply to the Tab",name:"style",required:!1,type:{name:"CSSProperties"}},index:{defaultValue:null,description:"",name:"index",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tabs/Tab.tsx#Tab"]={docgenInfo:Tab.__docgenInfo,name:"Tab",path:"src/components/tabs/Tab.tsx#Tab"})}catch(__react_docgen_typescript_loader_error){}var Tabs=function Tabs(_ref){var children=_ref.children,_ref$initiallyActiveT=_ref.initiallyActiveTab,initiallyActiveTab=void 0===_ref$initiallyActiveT?0:_ref$initiallyActiveT,_ref$small=_ref.small,small=void 0!==_ref$small&&_ref$small,theme=_ref.theme,_useState=(0,react.useState)(initiallyActiveTab),_useState2=(0,slicedToArray.Z)(_useState,2),activeTab=_useState2[0],setActiveTab=_useState2[1],_useState3=(0,react.useState)(null),_useState4=(0,slicedToArray.Z)(_useState3,2),focusedTab=_useState4[0],setFocusedTab=_useState4[1],customThemeClass=(0,useTheme.F)(Tabs_module_tabs,theme),childElements=(0,getChildren.fL)(children),tabList=childElements.filter((function(child){return react.isValidElement(child)&&"TabList"===child.type.componentName})),tabPanels=childElements.filter((function(child){return react.isValidElement(child)&&"TabPanel"===child.type.componentName})).map((function(child,index){return react.isValidElement(child)?react.cloneElement(child,{index,key:index}):child}));return(0,jsx_runtime.jsx)(TabsContext.Provider,{value:{activeTab,setActiveTab,focusedTab,setFocusedTab},children:(0,jsx_runtime.jsxs)("div",{className:(0,classNames.Z)(Tabs_module_tabs,small&&Tabs_module_small,theme&&customThemeClass),children:[tabList,tabPanels]})})};Tabs.TabList=TabList,Tabs.TabPanel=TabPanel,Tabs.Tab=Tab;try{Tabs.displayName="Tabs",Tabs.__docgenInfo={description:"",displayName:"Tabs",props:{initiallyActiveTab:{defaultValue:{value:"0"},description:"The initially active tab",name:"initiallyActiveTab",required:!1,type:{name:"number"}},small:{defaultValue:{value:"false"},description:"Use the small variant",name:"small",required:!1,type:{name:"boolean"}},theme:{defaultValue:null,description:"Defines the tabs theme",name:"theme",required:!1,type:{name:"TabsCustomTheme"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tabs/Tabs.tsx#Tabs"]={docgenInfo:Tabs.__docgenInfo,name:"Tabs",path:"src/components/tabs/Tabs.tsx#Tabs"})}catch(__react_docgen_typescript_loader_error){}try{Tabs.TabList.displayName="Tabs.TabList",Tabs.TabList.__docgenInfo={description:"",displayName:"Tabs.TabList",props:{className:{defaultValue:null,description:"Additional class names to apply to the Tablist",name:"className",required:!1,type:{name:"string"}},style:{defaultValue:{value:"{}"},description:"Additional styles to apply to the Tablist",name:"style",required:!1,type:{name:"CSSProperties"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tabs/Tabs.tsx#Tabs.TabList"]={docgenInfo:Tabs.TabList.__docgenInfo,name:"Tabs.TabList",path:"src/components/tabs/Tabs.tsx#Tabs.TabList"})}catch(__react_docgen_typescript_loader_error){}try{Tabs.TabPanel.displayName="Tabs.TabPanel",Tabs.TabPanel.__docgenInfo={description:"",displayName:"Tabs.TabPanel",props:{className:{defaultValue:null,description:"Additional class names to apply to the Tab",name:"className",required:!1,type:{name:"string"}},style:{defaultValue:null,description:"Additional styles to apply to the Tab",name:"style",required:!1,type:{name:"CSSProperties"}},index:{defaultValue:null,description:"",name:"index",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tabs/Tabs.tsx#Tabs.TabPanel"]={docgenInfo:Tabs.TabPanel.__docgenInfo,name:"Tabs.TabPanel",path:"src/components/tabs/Tabs.tsx#Tabs.TabPanel"})}catch(__react_docgen_typescript_loader_error){}try{Tabs.Tab.displayName="Tabs.Tab",Tabs.Tab.__docgenInfo={description:"",displayName:"Tabs.Tab",props:{onClick:{defaultValue:null,description:"Custom function callback for on tab click",name:"onClick",required:!1,type:{name:"() => void"}},className:{defaultValue:null,description:"Additional class names to apply to the Tab",name:"className",required:!1,type:{name:"string"}},style:{defaultValue:null,description:"Additional styles to apply to the Tab",name:"style",required:!1,type:{name:"CSSProperties"}},index:{defaultValue:null,description:"",name:"index",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tabs/Tabs.tsx#Tabs.Tab"]={docgenInfo:Tabs.Tab.__docgenInfo,name:"Tabs.Tab",path:"src/components/tabs/Tabs.tsx#Tabs.Tab"})}catch(__react_docgen_typescript_loader_error){}const Tabs_stories={component:Tabs,title:"Components/Tabs",decorators:[function(storyFn){return(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)("style",{children:".example-tablist { margin-bottom: var(--spacing-m); }"}),storyFn()]})}],parameters:{storySource:{source:"import React from 'react';\n\nimport { LoadingSpinner } from '../loadingSpinner';\nimport { Tabs } from './Tabs';\n\nexport default {\n component: Tabs,\n title: 'Components/Tabs',\n decorators: [\n (storyFn) => (\n \n \n {storyFn()}\n
\n ),\n ],\n parameters: {\n controls: { hideNoControlsWarning: true },\n },\n};\n\nexport const Default = () => (\n \n \n Daycare \n Pre-school \n Basic education \n Upper secondary \n University \n \n \n Daytime care for people who cannot be fully independent, such as children or elderly people.\n \n \n A pre-school is an educational establishment offering early childhood education to children before they begin\n compulsory education at primary school.\n \n \n The objective of basic education in Finland is to support pupils' growth towards humanity and ethically\n responsible membership of society.\n \n \n Upper secondary school studies last three to four years, preparing the students for the matriculation examination.\n \n \n A high-level educational institution in which students study for degrees and academic research is done.\n \n \n);\n\nexport const Small = () => (\n \n \n Daycare \n Pre-school \n Basic education \n Upper secondary \n University \n \n \n Daytime care for people who cannot be fully independent, such as children or elderly people.\n \n \n A pre-school is an educational establishment offering early childhood education to children before they begin\n compulsory education at primary school.\n \n \n The objective of basic education in Finland is to support pupils' growth towards humanity and ethically\n responsible membership of society.\n \n \n Upper secondary school studies last three to four years, preparing the students for the matriculation examination.\n \n \n A high-level educational institution in which students study for degrees and academic research is done.\n \n \n);\n\nexport const WithCustomTheme = () => {\n const theme = {\n '--tab-color': 'var(--color-black-90)',\n '--tab-active-border-color': 'var(--color-metro)',\n };\n\n return (\n \n \n Daycare \n Pre-school \n Basic education \n Upper secondary \n University \n \n \n Daytime care for people who cannot be fully independent, such as children or elderly people.\n \n \n A pre-school is an educational establishment offering early childhood education to children before they begin\n compulsory education at primary school.\n \n \n The objective of basic education in Finland is to support pupils' growth towards humanity and ethically\n responsible membership of society.\n \n \n Upper secondary school studies last three to four years, preparing the students for the matriculation\n examination.\n \n \n A high-level educational institution in which students study for degrees and academic research is done.\n \n \n );\n};\n\nexport const WithCustomOnClickAction = () => {\n const [isLoading, setIsLoading] = React.useState(false);\n const content = {\n education: 'Daytime care for people who cannot be fully independent, such as children or elderly people.',\n university:\n 'The objective of basic education in Finland is to support pupils' growth towards humanity and ethically responsible membership of society.',\n };\n\n const LoadingIndicator = () => (\n \n Tab content is loading \n
\n );\n\n const mockLoading = () => {\n setIsLoading(true);\n setTimeout(() => {\n setIsLoading(false);\n }, 500);\n };\n\n const onTabClick = () => {\n mockLoading();\n };\n\n React.useEffect(() => {\n mockLoading();\n }, []);\n\n return (\n \n \n onTabClick()}>Basic education \n onTabClick()}>University \n \n {isLoading ? \n {isLoading ? \n \n );\n};\n\nWithCustomOnClickAction.parameters = { loki: { skip: true } };\n",locationsMap:{default:{startLoc:{col:23,line:22},endLoc:{col:1,line:49},startBody:{col:23,line:22},endBody:{col:1,line:49}},small:{startLoc:{col:21,line:51},endLoc:{col:1,line:78},startBody:{col:21,line:51},endBody:{col:1,line:78}},"with-custom-theme":{startLoc:{col:31,line:80},endLoc:{col:1,line:115},startBody:{col:31,line:80},endBody:{col:1,line:115}},"with-custom-on-click-action":{startLoc:{col:39,line:117},endLoc:{col:1,line:161},startBody:{col:39,line:117},endBody:{col:1,line:161}}}},controls:{hideNoControlsWarning:!0}}};var Default=function Default(){return(0,jsx_runtime.jsxs)(Tabs,{children:[(0,jsx_runtime.jsxs)(Tabs.TabList,{className:"example-tablist",children:[(0,jsx_runtime.jsx)(Tabs.Tab,{children:"Daycare"}),(0,jsx_runtime.jsx)(Tabs.Tab,{children:"Pre-school"}),(0,jsx_runtime.jsx)(Tabs.Tab,{children:"Basic education"}),(0,jsx_runtime.jsx)(Tabs.Tab,{children:"Upper secondary"}),(0,jsx_runtime.jsx)(Tabs.Tab,{children:"University"})]}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{children:"Daytime care for people who cannot be fully independent, such as children or elderly people."}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{children:"A pre-school is an educational establishment offering early childhood education to children before they begin compulsory education at primary school."}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{children:"The objective of basic education in Finland is to support pupils' growth towards humanity and ethically responsible membership of society."}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{children:"Upper secondary school studies last three to four years, preparing the students for the matriculation examination."}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{children:"A high-level educational institution in which students study for degrees and academic research is done."})]})},Small=function Small(){return(0,jsx_runtime.jsxs)(Tabs,{small:!0,children:[(0,jsx_runtime.jsxs)(Tabs.TabList,{className:"example-tablist",children:[(0,jsx_runtime.jsx)(Tabs.Tab,{children:"Daycare"}),(0,jsx_runtime.jsx)(Tabs.Tab,{children:"Pre-school"}),(0,jsx_runtime.jsx)(Tabs.Tab,{children:"Basic education"}),(0,jsx_runtime.jsx)(Tabs.Tab,{children:"Upper secondary"}),(0,jsx_runtime.jsx)(Tabs.Tab,{children:"University"})]}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{children:"Daytime care for people who cannot be fully independent, such as children or elderly people."}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{children:"A pre-school is an educational establishment offering early childhood education to children before they begin compulsory education at primary school."}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{children:"The objective of basic education in Finland is to support pupils' growth towards humanity and ethically responsible membership of society."}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{children:"Upper secondary school studies last three to four years, preparing the students for the matriculation examination."}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{children:"A high-level educational institution in which students study for degrees and academic research is done."})]})},WithCustomTheme=function WithCustomTheme(){return(0,jsx_runtime.jsxs)(Tabs,{theme:{"--tab-color":"var(--color-black-90)","--tab-active-border-color":"var(--color-metro)"},children:[(0,jsx_runtime.jsxs)(Tabs.TabList,{className:"example-tablist",children:[(0,jsx_runtime.jsx)(Tabs.Tab,{children:"Daycare"}),(0,jsx_runtime.jsx)(Tabs.Tab,{children:"Pre-school"}),(0,jsx_runtime.jsx)(Tabs.Tab,{children:"Basic education"}),(0,jsx_runtime.jsx)(Tabs.Tab,{children:"Upper secondary"}),(0,jsx_runtime.jsx)(Tabs.Tab,{children:"University"})]}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{children:"Daytime care for people who cannot be fully independent, such as children or elderly people."}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{children:"A pre-school is an educational establishment offering early childhood education to children before they begin compulsory education at primary school."}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{children:"The objective of basic education in Finland is to support pupils' growth towards humanity and ethically responsible membership of society."}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{children:"Upper secondary school studies last three to four years, preparing the students for the matriculation examination."}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{children:"A high-level educational institution in which students study for degrees and academic research is done."})]})},WithCustomOnClickAction=function WithCustomOnClickAction(){var _React$useState=react.useState(!1),_React$useState2=(0,slicedToArray.Z)(_React$useState,2),isLoading=_React$useState2[0],setIsLoading=_React$useState2[1],content_education="Daytime care for people who cannot be fully independent, such as children or elderly people.",content_university="The objective of basic education in Finland is to support pupils' growth towards humanity and ethically responsible membership of society.",LoadingIndicator=function LoadingIndicator(){return(0,jsx_runtime.jsxs)("div",{style:{alignItems:"center",display:"flex",gap:"1rem"},children:[(0,jsx_runtime.jsx)(LoadingSpinner.T,{loadingText:"Tab content is loading",loadingFinishedText:"The tab content loading was finished",small:!0}),(0,jsx_runtime.jsx)("span",{children:"Tab content is loading"})]})},mockLoading=function mockLoading(){setIsLoading(!0),setTimeout((function(){setIsLoading(!1)}),500)},onTabClick=function onTabClick(){mockLoading()};return react.useEffect((function(){mockLoading()}),[]),(0,jsx_runtime.jsxs)(Tabs,{initiallyActiveTab:0,children:[(0,jsx_runtime.jsxs)(Tabs.TabList,{className:"example-tablist",children:[(0,jsx_runtime.jsx)(Tabs.Tab,{onClick:function onClick(){return onTabClick()},children:"Basic education"}),(0,jsx_runtime.jsx)(Tabs.Tab,{onClick:function onClick(){return onTabClick()},children:"University"})]}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{children:isLoading?(0,jsx_runtime.jsx)(LoadingIndicator,{}):content_education}),(0,jsx_runtime.jsx)(Tabs.TabPanel,{children:isLoading?(0,jsx_runtime.jsx)(LoadingIndicator,{}):content_university})]})};WithCustomOnClickAction.parameters={loki:{skip:!0}},Default.parameters=(0,objectSpread2.Z)({storySource:{source:'() => (\n \n \n Daycare \n Pre-school \n Basic education \n Upper secondary \n University \n \n \n Daytime care for people who cannot be fully independent, such as children or elderly people.\n \n \n A pre-school is an educational establishment offering early childhood education to children before they begin\n compulsory education at primary school.\n \n \n The objective of basic education in Finland is to support pupils' growth towards humanity and ethically\n responsible membership of society.\n \n \n Upper secondary school studies last three to four years, preparing the students for the matriculation examination.\n \n \n A high-level educational institution in which students study for degrees and academic research is done.\n \n \n)'}},Default.parameters),Small.parameters=(0,objectSpread2.Z)({storySource:{source:'() => (\n \n \n Daycare \n Pre-school \n Basic education \n Upper secondary \n University \n \n \n Daytime care for people who cannot be fully independent, such as children or elderly people.\n \n \n A pre-school is an educational establishment offering early childhood education to children before they begin\n compulsory education at primary school.\n \n \n The objective of basic education in Finland is to support pupils' growth towards humanity and ethically\n responsible membership of society.\n \n \n Upper secondary school studies last three to four years, preparing the students for the matriculation examination.\n \n \n A high-level educational institution in which students study for degrees and academic research is done.\n \n \n)'}},Small.parameters),WithCustomTheme.parameters=(0,objectSpread2.Z)({storySource:{source:"() => {\n const theme = {\n '--tab-color': 'var(--color-black-90)',\n '--tab-active-border-color': 'var(--color-metro)',\n };\n\n return (\n \n \n Daycare \n Pre-school \n Basic education \n Upper secondary \n University \n \n \n Daytime care for people who cannot be fully independent, such as children or elderly people.\n \n \n A pre-school is an educational establishment offering early childhood education to children before they begin\n compulsory education at primary school.\n \n \n The objective of basic education in Finland is to support pupils' growth towards humanity and ethically\n responsible membership of society.\n \n \n Upper secondary school studies last three to four years, preparing the students for the matriculation\n examination.\n \n \n A high-level educational institution in which students study for degrees and academic research is done.\n \n \n );\n}"}},WithCustomTheme.parameters),WithCustomOnClickAction.parameters=(0,objectSpread2.Z)({storySource:{source:"() => {\n const [isLoading, setIsLoading] = React.useState(false);\n const content = {\n education: 'Daytime care for people who cannot be fully independent, such as children or elderly people.',\n university:\n 'The objective of basic education in Finland is to support pupils' growth towards humanity and ethically responsible membership of society.',\n };\n\n const LoadingIndicator = () => (\n \n Tab content is loading \n
\n );\n\n const mockLoading = () => {\n setIsLoading(true);\n setTimeout(() => {\n setIsLoading(false);\n }, 500);\n };\n\n const onTabClick = () => {\n mockLoading();\n };\n\n React.useEffect(() => {\n mockLoading();\n }, []);\n\n return (\n \n \n onTabClick()}>Basic education \n onTabClick()}>University \n \n {isLoading ? \n {isLoading ? \n \n );\n}"}},WithCustomOnClickAction.parameters)},"./src/components/tag/Tag.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ClickableTag:()=>ClickableTag,CustomTheme:()=>CustomTheme,Default:()=>Default,DeletableTag:()=>DeletableTag,LargeDeletableTag:()=>LargeDeletableTag,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("../../node_modules/@storybook/addon-actions/dist/esm/index.js")),_Tag__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/tag/Tag.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={component:_Tag__WEBPACK_IMPORTED_MODULE_3__.V,title:"Components/Tag",parameters:{storySource:{source:"import React from 'react';\nimport { action } from '@storybook/addon-actions';\n\nimport { Tag } from './Tag';\n\nexport default {\n component: Tag,\n title: 'Components/Tag',\n parameters: {\n controls: { expanded: true },\n },\n args: {\n children: 'Americum',\n },\n};\n\nexport const Default = (args) => action(`Click: ${args.children}`)()}>\n {args.children}\n \n action(`Click: ${args.children}`)()}\n >\n {args.children}\n \n \n);\n\nexport const DeletableTag = (args) => {\n return (\n action(`Delete item: ${args.children}`)()}\n >\n {args.children}\n \n );\n};\n\nexport const CustomTheme = (args) => (\n action(`Click: ${args.children}`)()}>\n {args.children}\n \n);\n\nCustomTheme.args = {\n theme: {\n '--tag-background': 'var(--color-engel)',\n '--tag-color': 'var(--color-black-90)',\n '--tag-focus-outline-color': 'var(--color-black-90)',\n },\n};\n\nexport const LargeDeletableTag = (args) => {\n return (\n action(`Delete item: ${args.children}`)()}\n >\n {args.children}\n \n );\n};\n",locationsMap:{default:{startLoc:{col:23,line:17},endLoc:{col:50,line:17},startBody:{col:23,line:17},endBody:{col:50,line:17}},"clickable-tag":{startLoc:{col:28,line:19},endLoc:{col:1,line:35},startBody:{col:28,line:19},endBody:{col:1,line:35}},"deletable-tag":{startLoc:{col:28,line:37},endLoc:{col:1,line:48},startBody:{col:28,line:37},endBody:{col:1,line:48}},"custom-theme":{startLoc:{col:27,line:50},endLoc:{col:1,line:54},startBody:{col:27,line:50},endBody:{col:1,line:54}},"large-deletable-tag":{startLoc:{col:33,line:64},endLoc:{col:1,line:75},startBody:{col:33,line:64},endBody:{col:1,line:75}}}},controls:{expanded:!0}},args:{children:"Americum"}};var Default=function Default(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_3__.V,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({},args))},ClickableTag=function ClickableTag(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_3__.V,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({},args),{},{label:"Link",role:"link",id:"link",onClick:function onClick(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("Click: ".concat(args.children))()},children:args.children})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_3__.V,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({},args),{},{label:"Button",role:"button",id:"button",style:{marginLeft:"var(--spacing-s)"},onClick:function onClick(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("Click: ".concat(args.children))()},children:args.children}))]})},DeletableTag=function DeletableTag(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_3__.V,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({},args),{},{deleteButtonAriaLabel:"Delete item: ".concat(args.children),srOnlyLabel:!0,onDelete:function onDelete(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("Delete item: ".concat(args.children))()},children:args.children}))},CustomTheme=function CustomTheme(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_3__.V,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({},args),{},{onClick:function onClick(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("Click: ".concat(args.children))()},children:args.children}))};CustomTheme.args={theme:{"--tag-background":"var(--color-engel)","--tag-color":"var(--color-black-90)","--tag-focus-outline-color":"var(--color-black-90)"}};var LargeDeletableTag=function LargeDeletableTag(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Tag__WEBPACK_IMPORTED_MODULE_3__.V,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({},args),{},{size:"large",deleteButtonAriaLabel:"Delete item",onDelete:function onDelete(){return(0,_storybook_addon_actions__WEBPACK_IMPORTED_MODULE_1__.action)("Delete item: ".concat(args.children))()},children:args.children}))};Default.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:"(args) => action(`Click: ${args.children}`)()}>\n {args.children}\n \n action(`Click: ${args.children}`)()}\n >\n {args.children}\n \n \n)'}},ClickableTag.parameters),DeletableTag.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:"(args) => {\n return (\n action(`Delete item: ${args.children}`)()}\n >\n {args.children}\n \n );\n}"}},DeletableTag.parameters),CustomTheme.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:"(args) => (\n action(`Click: ${args.children}`)()}>\n {args.children}\n \n)"}},CustomTheme.parameters),LargeDeletableTag.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({storySource:{source:'(args) => {\n return (\n action(`Delete item: ${args.children}`)()}\n >\n {args.children}\n \n );\n}'}},LargeDeletableTag.parameters);try{Default.displayName="Default",Default.__docgenInfo={description:"",displayName:"Default",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tag/Tag.stories.tsx#Default"]={docgenInfo:Default.__docgenInfo,name:"Default",path:"src/components/tag/Tag.stories.tsx#Default"})}catch(__react_docgen_typescript_loader_error){}try{ClickableTag.displayName="ClickableTag",ClickableTag.__docgenInfo={description:"",displayName:"ClickableTag",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tag/Tag.stories.tsx#ClickableTag"]={docgenInfo:ClickableTag.__docgenInfo,name:"ClickableTag",path:"src/components/tag/Tag.stories.tsx#ClickableTag"})}catch(__react_docgen_typescript_loader_error){}try{DeletableTag.displayName="DeletableTag",DeletableTag.__docgenInfo={description:"",displayName:"DeletableTag",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tag/Tag.stories.tsx#DeletableTag"]={docgenInfo:DeletableTag.__docgenInfo,name:"DeletableTag",path:"src/components/tag/Tag.stories.tsx#DeletableTag"})}catch(__react_docgen_typescript_loader_error){}try{CustomTheme.displayName="CustomTheme",CustomTheme.__docgenInfo={description:"",displayName:"CustomTheme",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tag/Tag.stories.tsx#CustomTheme"]={docgenInfo:CustomTheme.__docgenInfo,name:"CustomTheme",path:"src/components/tag/Tag.stories.tsx#CustomTheme"})}catch(__react_docgen_typescript_loader_error){}try{LargeDeletableTag.displayName="LargeDeletableTag",LargeDeletableTag.__docgenInfo={description:"",displayName:"LargeDeletableTag",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tag/Tag.stories.tsx#LargeDeletableTag"]={docgenInfo:LargeDeletableTag.__docgenInfo,name:"LargeDeletableTag",path:"src/components/tag/Tag.stories.tsx#LargeDeletableTag"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/textInput/TextInput.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Disabled:()=>Disabled,Info:()=>Info,Invalid:()=>Invalid,NumberInput:()=>NumberInput,Playground:()=>Playground,ReadOnly:()=>ReadOnly,Success:()=>Success,UsingRef:()=>UsingRef,WithLabelHidden:()=>WithLabelHidden,WithTooltip:()=>WithTooltip,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js"),_TextInput__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/components/textInput/TextInput.tsx"),_button__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/components/button/Button.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),textInputProps={helperText:"Assistive text",id:"hdsInput",label:"Label",placeholder:"Placeholder"};const __WEBPACK_DEFAULT_EXPORT__={component:_TextInput__WEBPACK_IMPORTED_MODULE_3__.o,title:"Components/TextInput",decorators:[function(storyFn){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{style:{maxWidth:"400px"},children:storyFn()})}],parameters:{storySource:{source:"import React, { useRef } from 'react';\nimport { ArgsTable, Stories, Title } from '@storybook/addon-docs/blocks';\n\nimport { TextInput } from './TextInput';\nimport { Button } from '../button';\n\nconst textInputProps = {\n helperText: 'Assistive text',\n id: 'hdsInput',\n label: 'Label',\n placeholder: 'Placeholder',\n};\n\nexport default {\n component: TextInput,\n title: 'Components/TextInput',\n decorators: [(storyFn) => {storyFn()}
],\n parameters: {\n controls: { hideNoControlsWarning: true },\n docs: {\n page: () => (\n <>\n Props \n ref?.current?.focus()} style={{ marginBottom: '1rem' }} theme=\"black\" size=\"small\">\n Focus input\n \n ref?.current?.focus()} style={{ marginBottom: \'1rem\' }} theme="black" size="small">\n Focus input\n \n {storyFn()}
],\n parameters: {\n controls: { hideNoControlsWarning: true },\n docs: {\n page: () => (\n <>\n Props \n "}},readOnly:{defaultValue:null,description:"If `true`, prevents the user from changing the value of the field (not from interacting with the field)",name:"readOnly",required:!1,type:{name:"boolean"}},required:{defaultValue:null,description:"If `true`, the label is displayed as required and the `input` element will be required",name:"required",required:!1,type:{name:"boolean"}},errorText:{defaultValue:null,description:"The error text content that will be shown below the input",name:"errorText",required:!1,type:{name:"string"}},helperText:{defaultValue:null,description:"The helper text content that will be shown below the input",name:"helperText",required:!1,type:{name:"string"}},tooltipText:{defaultValue:null,description:"The text content of the tooltip",name:"tooltipText",required:!1,type:{name:"string"}},tooltipLabel:{defaultValue:null,description:"Aria-label text for the tooltip",name:"tooltipLabel",required:!1,type:{name:"string"}},tooltipButtonLabel:{defaultValue:null,description:"Aria-label text for the tooltip trigger button",name:"tooltipButtonLabel",required:!1,type:{name:"string"}},hideLabel:{defaultValue:null,description:"Hides the label above the input",name:"hideLabel",required:!1,type:{name:"boolean"}},invalid:{defaultValue:null,description:"If `true`, the input will be displayed in an invalid state.",name:"invalid",required:!1,type:{name:"boolean"}},successText:{defaultValue:null,description:"The success text content that will be shown below the input",name:"successText",required:!1,type:{name:"string"}},infoText:{defaultValue:null,description:"The info text content that will be shown below the input",name:"infoText",required:!1,type:{name:"string"}},hoursLabel:{defaultValue:null,description:"A visually hidden label for the hours. Helps to navigate the component with screen readers.",name:"hoursLabel",required:!0,type:{name:"string"}},minutesLabel:{defaultValue:null,description:"A visually hidden label for the minutes. Helps to navigate the component with screen readers.",name:"minutesLabel",required:!0,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/timeInput/TimeInput.tsx#TimeInput"]={docgenInfo:TimeInput.__docgenInfo,name:"TimeInput",path:"src/components/timeInput/TimeInput.tsx#TimeInput"})}catch(__react_docgen_typescript_loader_error){}const TimeInput_stories={component:TimeInput,title:"Components/TimeInput",decorators:[function(storyFn){return(0,jsx_runtime.jsx)("div",{style:{maxWidth:"400px"},children:storyFn()})}],parameters:{storySource:{source:"import React from 'react';\n\nimport { TimeInput } from './TimeInput';\n\nexport default {\n component: TimeInput,\n title: 'Components/TimeInput',\n decorators: [(storyFn) => {storyFn()}
],\n parameters: {\n controls: { expanded: true },\n },\n args: {\n id: 'time',\n label: 'Label',\n hoursLabel: 'hours',\n minutesLabel: 'minutes',\n helperText: 'Assistive text',\n value: '00:00',\n disabled: false,\n },\n};\n\nexport const Default = (args) => {\n return {storyFn()}
],\n parameters: {\n controls: { expanded: true },\n },\n args: {\n id: 'toggle-button',\n disabled: false,\n checked: false,\n },\n};\n\nexport const Default = (args) => {\n const [checked, setChecked] = useState(args.checked);\n const [oppositeChecked, setOppositeChecked] = useState(!args.checked);\n return (\n <>\n setChecked(!checked)} />\n setOppositeChecked(!oppositeChecked)}\n />\n \n );\n};\n\nexport const Disabled = (args) => {\n const [checked, setChecked] = useState(false);\n const [oppositeChecked, setOppositeChecked] = useState(!args.checked);\n\n return (\n <>\n setChecked(!checked)} />\n setOppositeChecked(!oppositeChecked)}\n />\n \n );\n};\n\nDisabled.args = {\n disabled: true,\n};\n\nexport const WithTooltip = (args) => {\n const [checked, setChecked] = useState(args.checked);\n return setChecked(!checked)} />;\n};\n\nWithTooltip.args = {\n tooltipLabel: 'What are the notifications?',\n tooltipButtonLabel: 'Open info tooltip',\n tooltipText:\n 'When notifications are allowed, the application can use desktop notifications. But this is not mandatory for application to function.',\n};\n\nWithTooltip.storyName = 'With tooltip';\n\nexport const Inline = (args) => {\n const [checked, setChecked] = useState(args.checked);\n const [checkedWithTooltip, setCheckedWithTooltip] = useState(args.checked);\n\n return (\n <>\n setChecked(!checked)}\n variant={args.variant}\n />\n setCheckedWithTooltip(!checkedWithTooltip)}\n variant={args.variant}\n tooltipText={args.tooltipText}\n tooltipButtonLabel={args.tooltipButtonLabel}\n tooltipLabel={args.tooltipLabel}\n />\n \n );\n};\n\nInline.args = {\n variant: 'inline',\n tooltipLabel: 'What are the notifications?',\n tooltipButtonLabel: 'Open info tooltip',\n tooltipText:\n 'When notifications are allowed, the application can use desktop notifications. But this is not mandatory for application to function.',\n};\n\nWithTooltip.storyName = 'With tooltip';\n\nexport const CustomTheme = (args) => {\n const customThemes = [\n {\n id: 'error',\n '--toggle-button-color': 'var(--color-brick)',\n '--toggle-button-hover-color': 'var(--color-brick-dark)',\n state: useState(args.checked),\n },\n {\n id: 'success',\n '--toggle-button-color': 'var(--color-tram)',\n '--toggle-button-hover-color': 'var(--color-tram-dark)',\n state: useState(args.checked),\n },\n {\n id: 'primary',\n '--toggle-button-color': 'var(--color-coat-of-arms)',\n '--toggle-button-hover-color': 'var(--color-coat-of-arms-dark)',\n state: useState(args.checked),\n },\n ];\n\n return (\n <>\n {customThemes.map(({ id, state, ...theme }) => {\n const [checked, setIsChecked] = state;\n\n return (\n \n setIsChecked(!checked)}\n variant={args.variant}\n theme={theme}\n />\n
\n );\n })}\n \n );\n};\nCustomTheme.args = {\n checked: true,\n variant: 'default',\n};\n\nCustomTheme.storyName = 'Custom theme';\n\nexport const Playground = (args) => {\n const [checked, setChecked] = useState(args.value);\n\n return (\n setChecked(!checked)}\n disabled={args.disabled}\n tooltipLabel={args.tooltipLabel}\n tooltipButtonLabel={args.tooltipButtonLabel}\n tooltipText={args.tooltipText}\n variant={args.variant}\n />\n );\n};\nPlayground.parameters = {\n previewTabs: {\n 'storybook/docs/panel': {\n hidden: true,\n },\n },\n docs: {\n disable: true,\n },\n loki: { skip: true },\n};\n\nPlayground.args = {\n id: 'toggle-button',\n label: 'Toggle button',\n tooltipLabel: 'Tooltip label',\n tooltipButtonLabel: 'Tooltip button label',\n tooltipText: 'Tooltip text',\n variant: 'default',\n disabled: false,\n};\n\nPlayground.argTypes = {\n variant: {\n options: ['default', 'inline'],\n control: { type: 'radio' },\n },\n};\n",locationsMap:{default:{startLoc:{col:23,line:19},endLoc:{col:1,line:35},startBody:{col:23,line:19},endBody:{col:1,line:35}},disabled:{startLoc:{col:24,line:37},endLoc:{col:1,line:54},startBody:{col:24,line:37},endBody:{col:1,line:54}},"with-tooltip":{startLoc:{col:27,line:60},endLoc:{col:1,line:63},startBody:{col:27,line:60},endBody:{col:1,line:63}},inline:{startLoc:{col:22,line:74},endLoc:{col:1,line:100},startBody:{col:22,line:74},endBody:{col:1,line:100}},"custom-theme":{startLoc:{col:27,line:112},endLoc:{col:1,line:154},startBody:{col:27,line:112},endBody:{col:1,line:154}},playground:{startLoc:{col:26,line:162},endLoc:{col:1,line:178},startBody:{col:26,line:162},endBody:{col:1,line:178}}}},controls:{expanded:!0}},args:{id:"toggle-button",disabled:!1,checked:!1}};var Default=function Default(args){var _useState=(0,react.useState)(args.checked),_useState2=(0,slicedToArray.Z)(_useState,2),checked=_useState2[0],setChecked=_useState2[1],_useState3=(0,react.useState)(!args.checked),_useState4=(0,slicedToArray.Z)(_useState3,2),oppositeChecked=_useState4[0],setOppositeChecked=_useState4[1];return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(ToggleButton,(0,objectSpread2.Z)((0,objectSpread2.Z)({},args),{},{label:"Allow notifications",checked,onChange:function onChange(){return setChecked(!checked)}})),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)(ToggleButton,(0,objectSpread2.Z)((0,objectSpread2.Z)({},args),{},{id:"".concat(args.id,"-opposite"),label:"Allow desktop notifications",checked:oppositeChecked,onChange:function onChange(){return setOppositeChecked(!oppositeChecked)}}))]})},Disabled=function Disabled(args){var _useState5=(0,react.useState)(!1),_useState6=(0,slicedToArray.Z)(_useState5,2),checked=_useState6[0],setChecked=_useState6[1],_useState7=(0,react.useState)(!args.checked),_useState8=(0,slicedToArray.Z)(_useState7,2),oppositeChecked=_useState8[0],setOppositeChecked=_useState8[1];return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(ToggleButton,(0,objectSpread2.Z)((0,objectSpread2.Z)({},args),{},{label:"Allow notifications",checked,onChange:function onChange(){return setChecked(!checked)}})),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)(ToggleButton,(0,objectSpread2.Z)((0,objectSpread2.Z)({},args),{},{id:"".concat(args.id,"-opposite"),label:"Allow desktop notifications",checked:oppositeChecked,onChange:function onChange(){return setOppositeChecked(!oppositeChecked)}}))]})};Disabled.args={disabled:!0};var WithTooltip=function WithTooltip(args){var _useState9=(0,react.useState)(args.checked),_useState10=(0,slicedToArray.Z)(_useState9,2),checked=_useState10[0],setChecked=_useState10[1];return(0,jsx_runtime.jsx)(ToggleButton,(0,objectSpread2.Z)((0,objectSpread2.Z)({},args),{},{label:"Allow notifications",checked,onChange:function onChange(){return setChecked(!checked)}}))};WithTooltip.args={tooltipLabel:"What are the notifications?",tooltipButtonLabel:"Open info tooltip",tooltipText:"When notifications are allowed, the application can use desktop notifications. But this is not mandatory for application to function."},WithTooltip.storyName="With tooltip";var Inline=function Inline(args){var _useState11=(0,react.useState)(args.checked),_useState12=(0,slicedToArray.Z)(_useState11,2),checked=_useState12[0],setChecked=_useState12[1],_useState13=(0,react.useState)(args.checked),_useState14=(0,slicedToArray.Z)(_useState13,2),checkedWithTooltip=_useState14[0],setCheckedWithTooltip=_useState14[1];return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(ToggleButton,{id:args.id,label:"Allow notifications",checked,onChange:function onChange(){return setChecked(!checked)},variant:args.variant}),(0,jsx_runtime.jsx)("br",{}),(0,jsx_runtime.jsx)(ToggleButton,{id:"".concat(args.id,"-without-tooltip"),label:"Allow desktop notifications",checked:checkedWithTooltip,onChange:function onChange(){return setCheckedWithTooltip(!checkedWithTooltip)},variant:args.variant,tooltipText:args.tooltipText,tooltipButtonLabel:args.tooltipButtonLabel,tooltipLabel:args.tooltipLabel})]})};Inline.args={variant:"inline",tooltipLabel:"What are the notifications?",tooltipButtonLabel:"Open info tooltip",tooltipText:"When notifications are allowed, the application can use desktop notifications. But this is not mandatory for application to function."},WithTooltip.storyName="With tooltip";var CustomTheme=function CustomTheme(args){var customThemes=[{id:"error","--toggle-button-color":"var(--color-brick)","--toggle-button-hover-color":"var(--color-brick-dark)",state:(0,react.useState)(args.checked)},{id:"success","--toggle-button-color":"var(--color-tram)","--toggle-button-hover-color":"var(--color-tram-dark)",state:(0,react.useState)(args.checked)},{id:"primary","--toggle-button-color":"var(--color-coat-of-arms)","--toggle-button-hover-color":"var(--color-coat-of-arms-dark)",state:(0,react.useState)(args.checked)}];return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:customThemes.map((function(_ref){var id=_ref.id,state=_ref.state,theme=(0,objectWithoutProperties.Z)(_ref,_excluded),_state=(0,slicedToArray.Z)(state,2),checked=_state[0],setIsChecked=_state[1];return(0,jsx_runtime.jsx)("div",{style:{marginBottom:"1.5rem"},children:(0,jsx_runtime.jsx)(ToggleButton,{id:"toggle-button-".concat(id),label:"label",checked,onChange:function onChange(){return setIsChecked(!checked)},variant:args.variant,theme})},"toggle-button-".concat(id,"-container"))}))})};CustomTheme.args={checked:!0,variant:"default"},CustomTheme.storyName="Custom theme";var Playground=function Playground(args){var _useState15=(0,react.useState)(args.value),_useState16=(0,slicedToArray.Z)(_useState15,2),checked=_useState16[0],setChecked=_useState16[1];return(0,jsx_runtime.jsx)(ToggleButton,{id:args.id,label:args.label,checked,onChange:function onChange(){return setChecked(!checked)},disabled:args.disabled,tooltipLabel:args.tooltipLabel,tooltipButtonLabel:args.tooltipButtonLabel,tooltipText:args.tooltipText,variant:args.variant})};Playground.parameters={previewTabs:{"storybook/docs/panel":{hidden:!0}},docs:{disable:!0},loki:{skip:!0}},Playground.args={id:"toggle-button",label:"Toggle button",tooltipLabel:"Tooltip label",tooltipButtonLabel:"Tooltip button label",tooltipText:"Tooltip text",variant:"default",disabled:!1},Playground.argTypes={variant:{options:["default","inline"],control:{type:"radio"}}},Default.parameters=(0,objectSpread2.Z)({storySource:{source:'(args) => {\n const [checked, setChecked] = useState(args.checked);\n const [oppositeChecked, setOppositeChecked] = useState(!args.checked);\n return (\n <>\n setChecked(!checked)} />\n setOppositeChecked(!oppositeChecked)}\n />\n \n );\n}'}},Default.parameters),Disabled.parameters=(0,objectSpread2.Z)({storySource:{source:'(args) => {\n const [checked, setChecked] = useState(false);\n const [oppositeChecked, setOppositeChecked] = useState(!args.checked);\n\n return (\n <>\n setChecked(!checked)} />\n setOppositeChecked(!oppositeChecked)}\n />\n \n );\n}'}},Disabled.parameters),WithTooltip.parameters=(0,objectSpread2.Z)({storySource:{source:'(args) => {\n const [checked, setChecked] = useState(args.checked);\n return setChecked(!checked)} />;\n}'}},WithTooltip.parameters),Inline.parameters=(0,objectSpread2.Z)({storySource:{source:'(args) => {\n const [checked, setChecked] = useState(args.checked);\n const [checkedWithTooltip, setCheckedWithTooltip] = useState(args.checked);\n\n return (\n <>\n setChecked(!checked)}\n variant={args.variant}\n />\n setCheckedWithTooltip(!checkedWithTooltip)}\n variant={args.variant}\n tooltipText={args.tooltipText}\n tooltipButtonLabel={args.tooltipButtonLabel}\n tooltipLabel={args.tooltipLabel}\n />\n \n );\n}'}},Inline.parameters),CustomTheme.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const customThemes = [\n {\n id: 'error',\n '--toggle-button-color': 'var(--color-brick)',\n '--toggle-button-hover-color': 'var(--color-brick-dark)',\n state: useState(args.checked),\n },\n {\n id: 'success',\n '--toggle-button-color': 'var(--color-tram)',\n '--toggle-button-hover-color': 'var(--color-tram-dark)',\n state: useState(args.checked),\n },\n {\n id: 'primary',\n '--toggle-button-color': 'var(--color-coat-of-arms)',\n '--toggle-button-hover-color': 'var(--color-coat-of-arms-dark)',\n state: useState(args.checked),\n },\n ];\n\n return (\n <>\n {customThemes.map(({ id, state, ...theme }) => {\n const [checked, setIsChecked] = state;\n\n return (\n \n setIsChecked(!checked)}\n variant={args.variant}\n theme={theme}\n />\n
\n );\n })}\n \n );\n}"}},CustomTheme.parameters),Playground.parameters=(0,objectSpread2.Z)({storySource:{source:"(args) => {\n const [checked, setChecked] = useState(args.value);\n\n return (\n setChecked(!checked)}\n disabled={args.disabled}\n tooltipLabel={args.tooltipLabel}\n tooltipButtonLabel={args.tooltipButtonLabel}\n tooltipText={args.tooltipText}\n variant={args.variant}\n />\n );\n}"}},Playground.parameters);try{Default.displayName="Default",Default.__docgenInfo={description:"",displayName:"Default",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/toggleButton/ToggleButton.stories.tsx#Default"]={docgenInfo:Default.__docgenInfo,name:"Default",path:"src/components/toggleButton/ToggleButton.stories.tsx#Default"})}catch(__react_docgen_typescript_loader_error){}try{Disabled.displayName="Disabled",Disabled.__docgenInfo={description:"",displayName:"Disabled",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/toggleButton/ToggleButton.stories.tsx#Disabled"]={docgenInfo:Disabled.__docgenInfo,name:"Disabled",path:"src/components/toggleButton/ToggleButton.stories.tsx#Disabled"})}catch(__react_docgen_typescript_loader_error){}try{WithTooltip.displayName="WithTooltip",WithTooltip.__docgenInfo={description:"",displayName:"WithTooltip",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/toggleButton/ToggleButton.stories.tsx#WithTooltip"]={docgenInfo:WithTooltip.__docgenInfo,name:"WithTooltip",path:"src/components/toggleButton/ToggleButton.stories.tsx#WithTooltip"})}catch(__react_docgen_typescript_loader_error){}try{Inline.displayName="Inline",Inline.__docgenInfo={description:"",displayName:"Inline",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/toggleButton/ToggleButton.stories.tsx#Inline"]={docgenInfo:Inline.__docgenInfo,name:"Inline",path:"src/components/toggleButton/ToggleButton.stories.tsx#Inline"})}catch(__react_docgen_typescript_loader_error){}try{CustomTheme.displayName="CustomTheme",CustomTheme.__docgenInfo={description:"",displayName:"CustomTheme",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/toggleButton/ToggleButton.stories.tsx#CustomTheme"]={docgenInfo:CustomTheme.__docgenInfo,name:"CustomTheme",path:"src/components/toggleButton/ToggleButton.stories.tsx#CustomTheme"})}catch(__react_docgen_typescript_loader_error){}try{Playground.displayName="Playground",Playground.__docgenInfo={description:"",displayName:"Playground",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/toggleButton/ToggleButton.stories.tsx#Playground"]={docgenInfo:Playground.__docgenInfo,name:"Playground",path:"src/components/toggleButton/ToggleButton.stories.tsx#Playground"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/tooltip/Tooltip.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:()=>Default,Small:()=>Small,WithBoxShadow:()=>WithBoxShadow,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_Tooltip__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/components/tooltip/Tooltip.tsx")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const __WEBPACK_DEFAULT_EXPORT__={component:_Tooltip__WEBPACK_IMPORTED_MODULE_2__.u,title:"Components/Tooltip",parameters:{storySource:{source:"import React from 'react';\n\nimport { Tooltip } from './Tooltip';\n\nexport default {\n component: Tooltip,\n title: 'Components/Tooltip',\n parameters: {\n controls: { expanded: true },\n },\n};\n\nexport const Default = (args) => (\n \n Tooltips contain "nice to have" information. Default Tooltip contents should not be longer than two to\n three sentences. For longer descriptions, provide a link to a separate page.\n \n);\n\nexport const Small = (args) => Less than five words long ;\nSmall.args = {\n small: true,\n};\n\nexport const WithBoxShadow = (args) => (\n \n Tooltips contain "nice to have" information. Default Tooltip contents should not be longer than two to\n three sentences. For longer descriptions, provide a link to a separate page.\n \n);\n",locationsMap:{default:{startLoc:{col:23,line:13},endLoc:{col:1,line:18},startBody:{col:23,line:13},endBody:{col:1,line:18}},small:{startLoc:{col:21,line:20},endLoc:{col:85,line:20},startBody:{col:21,line:20},endBody:{col:85,line:20}},"with-box-shadow":{startLoc:{col:29,line:25},endLoc:{col:1,line:30},startBody:{col:29,line:25},endBody:{col:1,line:30}}}},controls:{expanded:!0}}};var Default=function Default(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.u,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{children:'Tooltips contain "nice to have" information. Default Tooltip contents should not be longer than two to three sentences. For longer descriptions, provide a link to a separate page.'}))},Small=function Small(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.u,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{children:"Less than five words long"}))};Small.args={small:!0};var WithBoxShadow=function WithBoxShadow(args){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_Tooltip__WEBPACK_IMPORTED_MODULE_2__.u,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({},args),{},{boxShadow:!0,children:'Tooltips contain "nice to have" information. Default Tooltip contents should not be longer than two to three sentences. For longer descriptions, provide a link to a separate page.'}))};Default.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => (\n \n Tooltips contain "nice to have" information. Default Tooltip contents should not be longer than two to\n three sentences. For longer descriptions, provide a link to a separate page.\n \n)"}},Default.parameters),Small.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => Less than five words long "}},Small.parameters),WithBoxShadow.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_3__.Z)({storySource:{source:"(args) => (\n \n Tooltips contain "nice to have" information. Default Tooltip contents should not be longer than two to\n three sentences. For longer descriptions, provide a link to a separate page.\n \n)"}},WithBoxShadow.parameters);try{Default.displayName="Default",Default.__docgenInfo={description:"",displayName:"Default",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tooltip/Tooltip.stories.tsx#Default"]={docgenInfo:Default.__docgenInfo,name:"Default",path:"src/components/tooltip/Tooltip.stories.tsx#Default"})}catch(__react_docgen_typescript_loader_error){}try{Small.displayName="Small",Small.__docgenInfo={description:"",displayName:"Small",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tooltip/Tooltip.stories.tsx#Small"]={docgenInfo:Small.__docgenInfo,name:"Small",path:"src/components/tooltip/Tooltip.stories.tsx#Small"})}catch(__react_docgen_typescript_loader_error){}try{WithBoxShadow.displayName="WithBoxShadow",WithBoxShadow.__docgenInfo={description:"",displayName:"WithBoxShadow",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tooltip/Tooltip.stories.tsx#WithBoxShadow"]={docgenInfo:WithBoxShadow.__docgenInfo,name:"WithBoxShadow",path:"src/components/tooltip/Tooltip.stories.tsx#WithBoxShadow"})}catch(__react_docgen_typescript_loader_error){}},"./src/examples/forms/validation.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Dynamic:()=>_validationDynamic_stories__WEBPACK_IMPORTED_MODULE_0__.Dynamic,Hybrid:()=>_validationHybrid_stories__WEBPACK_IMPORTED_MODULE_2__.Hybrid,Static:()=>_validationStatic_stories__WEBPACK_IMPORTED_MODULE_1__.Static,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _validationDynamic_stories__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/examples/forms/validationDynamic.stories.tsx"),_validationStatic_stories__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/examples/forms/validationStatic.stories.tsx"),_validationHybrid_stories__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/examples/forms/validationHybrid.stories.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"Patterns/Form validation",parameters:{controls:{hideNoControlsWarning:!0}}}},"./src/examples/forms/validationDynamic.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Dynamic:()=>Dynamic});var _Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),react_hook_form__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../node_modules/react-hook-form/dist/index.esm.mjs"),_hookform_resolvers_yup__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/@hookform/resolvers/yup/dist/yup.mjs"),_validationUtils__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/examples/forms/validationUtils.ts"),_validationSchema__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/examples/forms/validationSchema.ts"),_components__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/components/textInput/TextInput.tsx"),_components__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/components/dropdown/combobox/Combobox.tsx"),_components__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/components/phoneInput/PhoneInput.tsx"),_components__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/components/selectionGroup/SelectionGroup.tsx"),_components__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/components/radioButton/RadioButton.tsx"),_components__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./src/components/dateInput/DateInput.tsx"),_components__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__("./src/components/textarea/TextArea.tsx"),_components__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__("./src/components/checkbox/Checkbox.tsx"),_components__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__("./src/components/button/Button.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("./src/examples/forms/validation.scss"),__webpack_require__("../../node_modules/react/jsx-runtime.js")),cities=(0,_validationUtils__WEBPACK_IMPORTED_MODULE_3__.L)(),Dynamic=function Dynamic(){var _errors$firstName,_errors$firstName2,_errors$firstName3,_errors$lastName,_errors$lastName2,_errors$lastName3,_errors$city,_errors$city2,_errors$postalCode,_errors$postalCode2,_errors$postalCode3,_errors$email,_errors$email2,_errors$email3,_errors$phoneNumber,_errors$phoneNumber2,_errors$phoneNumber3,_errors$registerPlate,_errors$registerPlate2,_errors$registerPlate3,_errors$brand,_errors$brand2,_errors$brand3,_errors$model,_errors$model2,_errors$model3,_errors$permitEndDate,_errors$permitEndDate2,_errors$permitEndDate3,_errors$acceptTerms,_errors$acceptTerms2,_useForm=(0,react_hook_form__WEBPACK_IMPORTED_MODULE_4__.cI)({mode:"onTouched",defaultValues:_validationSchema__WEBPACK_IMPORTED_MODULE_5__.P,resolver:(0,_hookform_resolvers_yup__WEBPACK_IMPORTED_MODULE_6__.X)(_validationSchema__WEBPACK_IMPORTED_MODULE_5__.p)}),getValues=_useForm.getValues,handleSubmit=_useForm.handleSubmit,register=_useForm.register,reset=_useForm.reset,setValue=_useForm.setValue,trigger=_useForm.trigger,errors=_useForm.formState.errors,handleChange=function handleChange(fieldName,value){getValues(fieldName)!==value&&setValue(fieldName,value,{shouldTouch:!0,shouldValidate:!0})},getSuccessMessage=function getSuccessMessage(fieldName){if("registerPlate"===fieldName)return getValues("registerPlate")&&void 0===(null==errors?void 0:errors.registerPlate)?"Register plate number is valid":void 0};return react__WEBPACK_IMPORTED_MODULE_0__.useEffect((function(){var invalidFields=Object.keys(errors);if(null!=errors&&errors.city&&"city"===invalidFields[0]){var element=document.getElementById("city-toggle-button");element&&setTimeout((function(){element.focus()}),10)}if(null!=errors&&errors.permitEndDate&&"permitEndDate"===invalidFields[0]){var _element=document.getElementById("permitEndDate");_element&&setTimeout((function(){_element.focus()}),10)}}),[errors]),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{className:"hds-example-form",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h1",{className:"hds-example-form__main-title",children:"Dynamic form validation example"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("form",{onSubmit:handleSubmit((function onSubmitHandler(data){console.log({data}),reset()})),noValidate:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h2",{className:"hds-example-form__title",children:"Residental parking permit application"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:"hds-example-form__required-info",children:"All fields marked with * are required"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{className:"hds-example-form__section",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h3",{className:"hds-example-form__section-title",children:"Contact information"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{className:"hds-example-form__grid-6-6",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:"hds-example-form__item",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components__WEBPACK_IMPORTED_MODULE_7__.o,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},register("firstName")),{},{id:"firstName",name:"firstName",label:"First name",invalid:!(null===(_errors$firstName=errors.firstName)||void 0===_errors$firstName||!_errors$firstName.message),"aria-invalid":!(null===(_errors$firstName2=errors.firstName)||void 0===_errors$firstName2||!_errors$firstName2.message),errorText:null===(_errors$firstName3=errors.firstName)||void 0===_errors$firstName3?void 0:_errors$firstName3.message,autoComplete:"given-name",required:!0}))}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:"hds-example-form__item",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components__WEBPACK_IMPORTED_MODULE_7__.o,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},register("lastName")),{},{id:"lastName",name:"lastName",label:"Last name",invalid:!(null===(_errors$lastName=errors.lastName)||void 0===_errors$lastName||!_errors$lastName.message),"aria-invalid":!(null===(_errors$lastName2=errors.lastName)||void 0===_errors$lastName2||!_errors$lastName2.message),errorText:null===(_errors$lastName3=errors.lastName)||void 0===_errors$lastName3?void 0:_errors$lastName3.message,autoComplete:"family-name",required:!0}))})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{className:"hds-example-form__grid-8-4",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:"hds-example-form__item",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components__WEBPACK_IMPORTED_MODULE_9__.h,{id:"city",label:"City",optionLabelField:"label",options:cities,onChange:function onChange(selected){handleChange("city",selected?selected.label:"")},defaultValue:{label:getValues("city")},toggleButtonAriaLabel:"Toggle",invalid:!(null===(_errors$city=errors.city)||void 0===_errors$city||!_errors$city.message),error:null===(_errors$city2=errors.city)||void 0===_errors$city2?void 0:_errors$city2.message,required:!0,onBlur:function onBlur(){trigger("city")}})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:"hds-example-form__item",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components__WEBPACK_IMPORTED_MODULE_7__.o,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},register("postalCode")),{},{id:"postalCode",name:"postalCode",label:"Postal code",invalid:!(null===(_errors$postalCode=errors.postalCode)||void 0===_errors$postalCode||!_errors$postalCode.message),"aria-invalid":!(null===(_errors$postalCode2=errors.postalCode)||void 0===_errors$postalCode2||!_errors$postalCode2.message),errorText:null===(_errors$postalCode3=errors.postalCode)||void 0===_errors$postalCode3?void 0:_errors$postalCode3.message,autoComplete:"postal-code",required:!0}))})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:"hds-example-form__item",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components__WEBPACK_IMPORTED_MODULE_7__.o,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},register("email")),{},{id:"email",name:"email",label:"Email address",invalid:!(null===(_errors$email=errors.email)||void 0===_errors$email||!_errors$email.message),"aria-invalid":!(null===(_errors$email2=errors.email)||void 0===_errors$email2||!_errors$email2.message),errorText:null===(_errors$email3=errors.email)||void 0===_errors$email3?void 0:_errors$email3.message,autoComplete:"email",required:!0,tooltipButtonLabel:"Tooltip: Email address",tooltipText:"We will send a confirmation to this email address. You may also receive important updates about your parking permit via email."}))}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:"hds-example-form__grid-6-6",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:"hds-example-form__item",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components__WEBPACK_IMPORTED_MODULE_10__.s,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},register("phoneNumber")),{},{id:"phoneNumber",name:"phoneNumber",label:"Phone number",pattern:"[+][0-9]",helperText:"Use international mobile number format, e.g. +358401234567",invalid:!(null===(_errors$phoneNumber=errors.phoneNumber)||void 0===_errors$phoneNumber||!_errors$phoneNumber.message),"aria-invalid":!(null===(_errors$phoneNumber2=errors.phoneNumber)||void 0===_errors$phoneNumber2||!_errors$phoneNumber2.message),errorText:null===(_errors$phoneNumber3=errors.phoneNumber)||void 0===_errors$phoneNumber3?void 0:_errors$phoneNumber3.message,successText:getSuccessMessage("phoneNumber")}))})})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{className:"hds-example-form__section",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h3",{className:"hds-example-form__section-title",children:"Vehicle information"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:"hds-example-form__grid-6-6",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:"hds-example-form__item",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components__WEBPACK_IMPORTED_MODULE_7__.o,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},register("registerPlate")),{},{id:"registerPlate",name:"registerPlate",label:"Register plate number",placeholder:"E.g. ABC-123",helperText:"Use format XXX-NNN",invalid:!(null===(_errors$registerPlate=errors.registerPlate)||void 0===_errors$registerPlate||!_errors$registerPlate.message),"aria-invalid":!(null===(_errors$registerPlate2=errors.registerPlate)||void 0===_errors$registerPlate2||!_errors$registerPlate2.message),errorText:null===(_errors$registerPlate3=errors.registerPlate)||void 0===_errors$registerPlate3?void 0:_errors$registerPlate3.message,successText:getSuccessMessage("registerPlate"),required:!0,onBlur:function onBlur(){return trigger("registerPlate")}}))})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{className:"hds-example-form__grid-6-6",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:"hds-example-form__item",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components__WEBPACK_IMPORTED_MODULE_7__.o,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},register("brand")),{},{id:"brand",name:"brand",label:"Vehicle brand",placeholder:"E.g. Skoda",invalid:!(null===(_errors$brand=errors.brand)||void 0===_errors$brand||!_errors$brand.message),"aria-invalid":!(null===(_errors$brand2=errors.brand)||void 0===_errors$brand2||!_errors$brand2.message),errorText:null===(_errors$brand3=errors.brand)||void 0===_errors$brand3?void 0:_errors$brand3.message,required:!0}))}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:"hds-example-form__item",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components__WEBPACK_IMPORTED_MODULE_7__.o,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},register("model")),{},{id:"model",name:"model",label:"Vehicle model",placeholder:"E.g. Octavia",invalid:!(null===(_errors$model=errors.model)||void 0===_errors$model||!_errors$model.message),"aria-invalid":!(null===(_errors$model2=errors.model)||void 0===_errors$model2||!_errors$model2.message),errorText:null===(_errors$model3=errors.model)||void 0===_errors$model3?void 0:_errors$model3.message,required:!0}))})]})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{className:"hds-example-form__section",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("h3",{className:"hds-example-form__section-title",children:"Parking information"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{className:"hds-example-form__grid-6-6",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:"hds-example-form__item",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components__WEBPACK_IMPORTED_MODULE_11__.M,{label:"Parking period",direction:"horizontal",required:!0,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components__WEBPACK_IMPORTED_MODULE_12__.E,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},register("parkingPeriod")),{},{id:"parkingPeriodContinuous",name:"parkingPeriod",value:"continuous",label:"Continuous",checked:"continuous"===getValues("parkingPeriod"),onChange:function onChange(){handleChange("parkingPeriod","continuous"),handleChange("permitEndDate","")}})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components__WEBPACK_IMPORTED_MODULE_12__.E,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},register("parkingPeriod")),{},{id:"parkingPeriodTemporary",name:"parkingPeriod",value:"temporary",label:"Temporary",checked:"temporary"===getValues("parkingPeriod"),onChange:function onChange(){return handleChange("parkingPeriod","temporary")}}))]})}),"temporary"===getValues("parkingPeriod")&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:"hds-example-form__item",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components__WEBPACK_IMPORTED_MODULE_13__.W,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},register("permitEndDate")),{},{id:"permitEndDate",name:"permitEndDate",label:"Permit end date",helperText:"Use format DD.MM.YYYY",minDate:new Date,onChange:function onChange(e){handleChange("permitEndDate",e)},value:getValues("permitEndDate"),invalid:!(null===(_errors$permitEndDate=errors.permitEndDate)||void 0===_errors$permitEndDate||!_errors$permitEndDate.message),"aria-invalid":!(null===(_errors$permitEndDate2=errors.permitEndDate)||void 0===_errors$permitEndDate2||!_errors$permitEndDate2.message),errorText:null===(_errors$permitEndDate3=errors.permitEndDate)||void 0===_errors$permitEndDate3?void 0:_errors$permitEndDate3.message,required:!0,tooltipButtonLabel:"Tooltip: Permit end date",tooltipText:"This is the last date you need the permit to be active. The permit will expire at the inputted date at 23:59 o'clock."}))})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:"hds-example-form__item",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components__WEBPACK_IMPORTED_MODULE_14__.K,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},register("additionalRequests")),{},{id:"additionalRequests",name:"additionalRequests",label:"Additional requests",placeholder:"E.g. Request for a parking space near a specific location",tooltipButtonLabel:"Tooltip: Additional requests",tooltipText:"Here you may leave extra requests regarding the parking space. For example, you may request space near a specific location. If you have a large vehicle, you may request a larger space."}))})]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:"hds-example-form__section",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("div",{className:"hds-example-form__item",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components__WEBPACK_IMPORTED_MODULE_15__.X,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({},register("acceptTerms")),{},{id:"acceptTerms",name:"acceptTerms",label:"I have read and I accept the terms and conditions",required:!0,"aria-invalid":!(null===(_errors$acceptTerms=errors.acceptTerms)||void 0===_errors$acceptTerms||!_errors$acceptTerms.message),errorText:null===(_errors$acceptTerms2=errors.acceptTerms)||void 0===_errors$acceptTerms2?void 0:_errors$acceptTerms2.message,checked:getValues("acceptTerms"),onChange:function onChange(e){handleChange("acceptTerms",e.target.checked)}})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:"hds-example-form__terms",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("span",{children:"Read the terms of service"})})]})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:"hds-example-form__item",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components__WEBPACK_IMPORTED_MODULE_16__.z,{type:"submit",children:"Submit"})})]})]})};Dynamic.parameters={loki:{skip:!0}},Dynamic.parameters=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_8__.Z)({storySource:{source:'() => {\n const {\n getValues,\n handleSubmit,\n register,\n reset,\n setValue,\n trigger,\n formState: { errors },\n } = useForm({\n mode: \'onTouched\',\n defaultValues,\n resolver: yupResolver(validationSchema),\n });\n\n const handleChange = (fieldName: FieldName, value) => {\n if (getValues(fieldName) !== value) {\n setValue(fieldName, value, { shouldTouch: true, shouldValidate: true });\n }\n };\n\n /**\n * Get the success message for a single field\n */\n const getSuccessMessage = (fieldName: FieldName) => {\n if (fieldName === \'registerPlate\') {\n return getValues(\'registerPlate\') && errors?.registerPlate === undefined\n ? \'Register plate number is valid\'\n : undefined;\n }\n return undefined;\n };\n\n /**\n * Handle form submit\n */\n const onSubmitHandler = (data) => {\n console.log({ data });\n reset();\n };\n\n React.useEffect(() => {\n const invalidFields = Object.keys(errors);\n // check for city and if it\'s the 1st -> focus\n if (errors?.city && invalidFields[0] === \'city\') {\n const element = document.getElementById(\'city-toggle-button\');\n if (element) {\n setTimeout(() => {\n element.focus();\n }, 10);\n }\n }\n if (errors?.permitEndDate && invalidFields[0] === \'permitEndDate\') {\n const element = document.getElementById(\'permitEndDate\');\n if (element) {\n setTimeout(() => {\n element.focus();\n }, 10);\n }\n }\n }, [errors]);\n\n return (\n \n
Dynamic form validation example \n
\n
({\n mode: \'onTouched\',\n defaultValues,\n resolver: yupResolver(validationSchema),\n });\n\n const [hasBackendErrors, setHasBackendErrors] = useState(false);\n\n /**\n * Set a simulated error message received from the backend\n */\n const setBackendErrorMessage = (fieldName: FieldName, message: string) => {\n setError(fieldName, {\n type: \'custom\',\n message,\n });\n };\n\n /**\n * Get the success message for a single field\n */\n const getSuccessMessage = (fieldName: FieldName) => {\n if (fieldName === \'registerPlate\') {\n return getValues(\'registerPlate\') && errors?.registerPlate === undefined\n ? \'Register plate number is valid\'\n : undefined;\n }\n return undefined;\n };\n\n /**\n * Handle form submit\n */\n const onSubmitHandler = (data) => {\n if (Object.keys(errors).length > 0) {\n setHasBackendErrors(false);\n } else {\n setHasBackendErrors(true);\n setBackendErrorMessage(\n \'registerPlate\',\n \'Permit for this plate number already exists. Only one permit per vehicle is allowed.\',\n );\n }\n console.log({ data });\n };\n\n const handleChange = (fieldName: FieldName, value) => {\n if (getValues(fieldName) !== value) {\n setValue(fieldName, value, { shouldTouch: true, shouldValidate: true });\n }\n };\n\n React.useEffect(() => {\n const invalidFields = Object.keys(errors);\n // check for city and if it\'s the 1st -> focus\n if (errors?.city && invalidFields[0] === \'city\') {\n const element = document.getElementById(\'city-toggle-button\');\n if (element) {\n setTimeout(() => {\n element.focus();\n }, 10);\n }\n }\n if (errors?.permitEndDate && invalidFields[0] === \'permitEndDate\') {\n const element = document.getElementById(\'permitEndDate\');\n if (element) {\n setTimeout(() => {\n element.focus();\n }, 10);\n }\n }\n }, [errors]);\n\n /**\n * Render the error summary section for backend validation errors\n */\n const renderErrorSummary = () =>\n hasBackendErrors ? (\n \n \n \n ) : null;\n\n return (\n \n
Hybrid form validation example \n
\n
({\n mode: \'onSubmit\',\n defaultValues,\n shouldFocusError: false,\n resolver: yupResolver(validationSchema),\n });\n\n const handleChange = (fieldName: FieldName, value) => {\n setValue(fieldName, value);\n };\n\n /**\n * Get the success message for a single field\n */\n const getSuccessMessage = (fieldName: FieldName) => {\n if (fieldName === \'registerPlate\') {\n return getValues(\'registerPlate\') && errors?.registerPlate === undefined\n ? \'Register plate number is valid\'\n : undefined;\n }\n return undefined;\n };\n\n /**\n * Get the focusable field id\n */\n const getFocusableFieldId = (fieldName: FieldName): string => {\n // For the city select element, focus the toggle button\n if (fieldName === \'city\') {\n return `${fieldName}-toggle-button`;\n }\n return fieldName;\n };\n\n /**\n * Handle form submit\n */\n const onSubmitHandler = (data) => {\n console.log({ data });\n reset();\n };\n\n /**\n * Render the error summary section\n */\n const renderErrorSummary = () =>\n Object.keys(errors).length > 0 ? (\n \n \n \n ) : null;\n\n return (\n \n
Static form validation example \n
\n
\n {children}\n \n);\n\nconst req = require.context('.', true, /Icon.*.tsx$/);\nreq.keys().forEach((fileName, index) => {\n const story = storiesOf(`Icons/Icons`, module);\n const componentName = path.basename(fileName, '.tsx');\n const Component = req(fileName)[componentName];\n Component.displayName = componentName;\n\n if (index === 0) {\n story.addParameters({\n component: Component,\n controls: { hideNoControlsWarning: true },\n docs: {\n disable: true,\n },\n });\n }\n\n story.add(componentName, () => (\n <>\n \n {['xs', 's', 'm', 'l', 'xl'].map((size) => (\n \n \n {['xs', 's', 'm', 'l', 'xl'].map((size) => (\n \n \n ));\n});\n",__LOCATIONS_MAP__={},Wrapper=function Wrapper(_ref){var children=_ref.children,_ref$color=_ref.color,color=void 0===_ref$color?"var(--color-black)":_ref$color,_ref$style=_ref.style,style=void 0===_ref$style?{}:_ref$style;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{style:(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_4__.Z)({alignItems:"center",justifyContent:"space-around",display:"flex",maxWidth:400,padding:"var(--spacing-s)",color},style),children})},req=__webpack_require__("./src/icons sync recursive Icon.*.tsx$");req.keys().forEach((function(fileName,index){var story=(0,_storybook_react__WEBPACK_IMPORTED_MODULE_2__.storiesOf)("Icons/Icons",module).addParameters({storySource:{source:__STORY__,locationsMap:__LOCATIONS_MAP__}}).addParameters({storySource:{source:__STORY__,locationsMap:__LOCATIONS_MAP__}}),componentName=path__WEBPACK_IMPORTED_MODULE_0___default().basename(fileName,".tsx"),Component=req(fileName)[componentName];Component.displayName=componentName,0===index&&story.addParameters({component:Component,controls:{hideNoControlsWarning:!0},docs:{disable:!0}}),story.add(componentName,(function(){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Wrapper,{children:["xs","s","m","l","xl"].map((function(size){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Component,{size},"icon-black-".concat(size))}))}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Wrapper,{style:{background:"var(--color-black)"},children:["xs","s","m","l","xl"].map((function(size){return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Component,{size,style:{color:"#fff"}},"icon-white-".concat(size))}))})]})}))}))},"./.storybook/preview.js-generated-config-entry.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var preview_namespaceObject={};__webpack_require__.r(preview_namespaceObject),__webpack_require__.d(preview_namespaceObject,{parameters:()=>parameters});var ClientApi=__webpack_require__("../../node_modules/@storybook/builder-webpack5/node_modules/@storybook/client-api/dist/esm/ClientApi.js"),objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),blocks=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./node_modules/@storybook/addon-docs/blocks.js")),preview=__webpack_require__("./node_modules/@storybook/addon-viewport/dist/esm/preview.js"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),parameters={options:{storySort:function storySort(a,b){return a[1].kind===b[1].kind?0:a[1].id.localeCompare(b[1].id,void 0,{numeric:!0})}},viewport:{viewports:(0,objectSpread2.Z)((0,objectSpread2.Z)({},preview.p),{},{narrow:{name:"Narrow full-height (320px)",styles:{width:"320px",height:"100%"}}})},docs:{container:blocks.Zu,page:function page(){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(blocks.Dx,{children:"Props"}),(0,jsx_runtime.jsx)(blocks.$4,{}),(0,jsx_runtime.jsx)(blocks.fQ,{title:"Examples",includePrimary:!0})]})}},backgrounds:{default:"White",values:[{name:"White",value:"#fff"},{name:"Black",value:"#111"}]},controls:{expanded:!0,sort:"alpha"}};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,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}Object.keys(preview_namespaceObject).forEach((function(key){var value=preview_namespaceObject[key];switch(key){case"args":return(0,ClientApi.uc)(value);case"argTypes":return(0,ClientApi.v9)(value);case"decorators":return value.forEach((function(decorator){return(0,ClientApi.$9)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return(0,ClientApi.HZ)(loader,!1)}));case"parameters":return(0,ClientApi.h1)(function _objectSpread(target){for(var i=1;i{"use strict";__webpack_require__.d(__webpack_exports__,{U:()=>Accordion});var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),slicedToArray=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react=__webpack_require__("../../node_modules/react/index.js"),lodash_uniqueid=__webpack_require__("../../node_modules/lodash.uniqueid/index.js"),lodash_uniqueid_default=__webpack_require__.n(lodash_uniqueid),lodash_pickby=__webpack_require__("../../node_modules/lodash.pickby/index.js"),lodash_pickby_default=__webpack_require__.n(lodash_pickby);__webpack_require__("./src/styles/base.css");const Accordion_module={accordion:"Accordion_accordion__LJMti",card:"Accordion_card__5KmRQ",border:"Accordion_border__g8tVD",accordionHeader:"Accordion_accordionHeader__bIhZv",s:"Accordion_s__NPnBX",closeButton:"Accordion_closeButton__0sv-S",m:"Accordion_m__CEK3A",l:"Accordion_l__ItzO3",accordionContent:"Accordion_accordionContent__QoQWw",contentWithCloseButton:"Accordion_contentWithCloseButton__-+Xrz",headingContainer:"Accordion_headingContainer__bDZNl",accordionButtonIcon:"Accordion_accordionButtonIcon__f0GGU"};var classNames=__webpack_require__("./src/utils/classNames.ts"),IconAngleUp=__webpack_require__("./src/icons/IconAngleUp.tsx"),IconAngleDown=__webpack_require__("./src/icons/IconAngleDown.tsx"),useAccordion=__webpack_require__("./src/components/accordion/useAccordion.ts"),useTheme=__webpack_require__("./src/hooks/useTheme.tsx"),Button=__webpack_require__("./src/components/button/Button.tsx");const hooks_useHasMounted=function useHasMounted(){var _React$useState=react.useState(!1),_React$useState2=(0,slicedToArray.Z)(_React$useState,2),hasMounted=_React$useState2[0],setHasMounted=_React$useState2[1];return react.useEffect((function(){setHasMounted(!0)}),[]),hasMounted};var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),getCloseMessage=function getCloseMessage(language){return{en:"Close",fi:"Sulje",sv:"Stäng"}[language]},Accordion=function Accordion(_ref){var _ref$border=_ref.border,border=void 0!==_ref$border&&_ref$border,_ref$card=_ref.card,card=void 0!==_ref$card&&_ref$card,children=_ref.children,className=_ref.className,closeButtonClassName=_ref.closeButtonClassName,_ref$closeButton=_ref.closeButton,closeButton=void 0===_ref$closeButton||_ref$closeButton,heading=_ref.heading,_ref$headingLevel=_ref.headingLevel,headingLevel=void 0===_ref$headingLevel?2:_ref$headingLevel,id=_ref.id,_ref$initiallyOpen=_ref.initiallyOpen,initiallyOpen=void 0!==_ref$initiallyOpen&&_ref$initiallyOpen,_ref$language=_ref.language,language=void 0===_ref$language?"fi":_ref$language,_ref$size=_ref.size,size=void 0===_ref$size?"m":_ref$size,style=_ref.style,theme=_ref.theme,headerRef=(0,react.useRef)(null),_useState=(0,react.useState)(!1),_useState2=(0,slicedToArray.Z)(_useState,2),beforeCloseButtonClick=_useState2[0],setBeforeCloseButtonClick=_useState2[1],_useState3=(0,react.useState)(id||lodash_uniqueid_default()("accordion-")),accordionId=(0,slicedToArray.Z)(_useState3,1)[0],sovereignThemeVariables=theme&&{"--background-color":theme["--background-color"],"--border-color":theme["--border-color"],"--header-font-color":theme["--header-font-color"],"--header-focus-outline-color":theme["--header-focus-outline-color"],"--content-font-color":theme["--content-font-color"],"--content-font-size":theme["--content-font-size"],"--content-line-height":theme["--content-line-height"]},filteredSovereignThemeVariables=lodash_pickby_default()(sovereignThemeVariables),sovereignThemeClass=(0,useTheme.F)(Accordion_module.accordion,Object.keys(filteredSovereignThemeVariables).length>0?filteredSovereignThemeVariables:void 0),sizeDependentThemeVariables=theme&&{"--header-font-size":theme["--header-font-size"],"--padding-vertical":theme["--padding-vertical"],"--padding-horizontal":theme["--padding-horizontal"],"--header-font-weight":theme["--header-font-weight"],"--header-letter-spacing":theme["--header-letter-spacing"],"--header-line-height":theme["--header-line-height"],"--button-size":theme["--button-size"]},filteredSizeDependentThemeVariables=lodash_pickby_default()(sizeDependentThemeVariables),sizeDependentThemeClass=(0,useTheme.F)(Accordion_module[size],Object.keys(filteredSizeDependentThemeVariables).length>0?filteredSizeDependentThemeVariables:void 0),_useAccordion=(0,useAccordion.A)({initiallyOpen}),isOpen=_useAccordion.isOpen,buttonProps=_useAccordion.buttonProps,contentProps=_useAccordion.contentProps,icon=isOpen?(0,jsx_runtime.jsx)(IconAngleUp.IconAngleUp,{"aria-hidden":!0,className:Accordion_module.accordionButtonIcon}):(0,jsx_runtime.jsx)(IconAngleDown.IconAngleDown,{"aria-hidden":!0,className:Accordion_module.accordionButtonIcon}),hasMounted=hooks_useHasMounted();(0,react.useEffect)((function(){if(hasMounted){var timer=setTimeout((function(){headerRef.current.focus(),!0===beforeCloseButtonClick&&(setBeforeCloseButtonClick(!1),buttonProps.onClick())}),50);return function(){return clearTimeout(timer)}}}),[beforeCloseButtonClick]);var onCloseButtonActivate=function onCloseButtonActivate(){setBeforeCloseButtonClick(!0)};return(0,jsx_runtime.jsxs)("div",{className:(0,classNames.Z)(Accordion_module.accordion,card&&Accordion_module.card,card&&border&&Accordion_module.border,isOpen&&Accordion_module.isOpen,Accordion_module[size],sovereignThemeClass,sizeDependentThemeClass,className),style,id:accordionId,children:[(0,jsx_runtime.jsx)("div",{className:(0,classNames.Z)(Accordion_module.accordionHeader),children:(0,jsx_runtime.jsx)("div",{role:"heading","aria-level":headingLevel,id:"".concat(accordionId,"-heading"),children:(0,jsx_runtime.jsxs)("div",(0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)({ref:headerRef,role:"button",tabIndex:0,onKeyPress:function onKeyPress(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),buttonProps.onClick())},className:Accordion_module.headingContainer,"aria-labelledby":"".concat(accordionId,"-heading")},buttonProps),beforeCloseButtonClick?{"aria-expanded":!1}:{}),{},{children:[(0,jsx_runtime.jsx)("span",{className:"label",children:heading}),icon]}))})}),(0,jsx_runtime.jsxs)("div",(0,objectSpread2.Z)((0,objectSpread2.Z)({},contentProps),{},{id:"".concat(accordionId,"-content"),role:"region",className:(0,classNames.Z)(Accordion_module.accordionContent,card&&Accordion_module.card,closeButton&&Accordion_module.contentWithCloseButton),"aria-labelledby":"".concat(accordionId,"-heading"),children:[children,closeButton&&(0,jsx_runtime.jsx)(Button.z,{"data-testid":"".concat(accordionId,"-closeButton"),"aria-label":"".concat(getCloseMessage(language)," ").concat(heading),className:(0,classNames.Z)(Accordion_module.closeButton,closeButtonClassName),theme:"black",size:"small",onKeyPress:function onKeyPress(e){" "===e.key&&onCloseButtonActivate()},onClick:function onClick(){onCloseButtonActivate()},variant:"supplementary",iconRight:(0,jsx_runtime.jsx)(IconAngleUp.IconAngleUp,{"aria-hidden":!0,size:"xs",className:Accordion_module.accordionButtonIcon}),children:getCloseMessage(language)})]}))]})};try{Accordion.displayName="Accordion",Accordion.__docgenInfo={description:"",displayName:"Accordion",props:{border:{defaultValue:{value:"false"},description:"If `true` border will be drawn around the accordion card.",name:"border",required:!1,type:{name:"boolean"}},card:{defaultValue:{value:"false"},description:"Use the card variant if `true`",name:"card",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"Additional class names for accordion",name:"className",required:!1,type:{name:"string"}},closeButton:{defaultValue:{value:"true"},description:"Boolean indicating whether there is a close button at the bottom of the accordion or not.\n@Default true",name:"closeButton",required:!1,type:{name:"boolean"}},closeButtonClassName:{defaultValue:null,description:"className for close button to enable custom styling",name:"closeButtonClassName",required:!1,type:{name:"string"}},heading:{defaultValue:null,description:"Heading text.",name:"heading",required:!1,type:{name:"string"}},headingLevel:{defaultValue:{value:"2"},description:"Heading level",name:"headingLevel",required:!1,type:{name:"number"}},id:{defaultValue:null,description:"The id for the accordion element",name:"id",required:!1,type:{name:"string"}},initiallyOpen:{defaultValue:{value:"false"},description:"Boolean indicating whether the accordion is initially opened.",name:"initiallyOpen",required:!1,type:{name:"boolean"}},language:{defaultValue:{value:"fi"},description:"The language of the component. It affects which language is used for the close button text.",name:"language",required:!1,type:{name:"enum",value:[{value:'"en"'},{value:'"fi"'},{value:'"sv"'}]}},size:{defaultValue:{value:"m"},description:"Size",name:"size",required:!1,type:{name:"enum",value:[{value:'"s"'},{value:'"m"'},{value:'"l"'}]}},style:{defaultValue:null,description:"Additional styles",name:"style",required:!1,type:{name:"CSSProperties"}},theme:{defaultValue:null,description:"Custom theme styles",name:"theme",required:!1,type:{name:"AccordionCustomTheme"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/accordion/Accordion.tsx#Accordion"]={docgenInfo:Accordion.__docgenInfo,name:"Accordion",path:"src/components/accordion/Accordion.tsx#Accordion"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/accordion/useAccordion.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>useAccordion});var _Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),useAccordion=function useAccordion(_ref){var _ref$initiallyOpen=_ref.initiallyOpen,initiallyOpen=void 0!==_ref$initiallyOpen&&_ref$initiallyOpen,_useState=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(initiallyOpen),_useState2=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_1__.Z)(_useState,2),isOpen=_useState2[0],setIsOpen=_useState2[1],openAccordion=function openAccordion(){setIsOpen(!0)},closeAccordion=function closeAccordion(){setIsOpen(!1)},toggleAccordion=function toggleAccordion(){isOpen?closeAccordion():openAccordion()},buttonProps={onClick:toggleAccordion,"aria-expanded":isOpen},contentProps={};return!1===isOpen&&(contentProps.style={display:"none"}),{isOpen,openAccordion,closeAccordion,toggleAccordion,buttonProps,contentProps}}},"./src/components/button/Button.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{z:()=>Button});var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),objectWithoutProperties=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react=__webpack_require__("../../node_modules/react/index.js"),LoadingSpinner=(__webpack_require__("./src/styles/base.css"),__webpack_require__("./src/components/loadingSpinner/LoadingSpinner.tsx"));const Button_module={button:"Button_button__Qra3d button_hds-button__0Xq-p",label:"Button_label__FCSRw button_hds-button__label__uGz5c",fullWidth:"Button_fullWidth__lkpjJ button_hds-button--fullwidth__iALSM","size-small":"Button_size-small__R8yV4 button_hds-button--small__Dzlfw",icon:"Button_icon__Yg8+Z button_hds-icon__dmvEa",primary:"Button_primary__JmVXF button_hds-button--primary__49TcJ",secondary:"Button_secondary__4Emk1 button_hds-button--secondary__OO96T",supplementary:"Button_supplementary__ROo1F button_hds-button--supplementary__Xz03B",isLoading:"Button_isLoading__uh-jw button_hds-button--loading__6AAUf",success:"Button_success__F3-t- button_hds-button--success__hXu6M",danger:"Button_danger__Lti+9 button_hds-button--danger__fyXns","theme-coat":"Button_theme-coat__W60Pt button_hds-button--theme-coat__SrO6A","theme-black":"Button_theme-black__tXhTt button_hds-button--theme-black__eW37x"};var classNames=__webpack_require__("./src/utils/classNames.ts"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_excluded=["children","className","disabled","fullWidth","size","theme","variant","iconLeft","iconRight","isLoading","loadingText","onClick"],Button=react.forwardRef((function(_ref,ref){var children=_ref.children,className=_ref.className,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,fullWidth=_ref.fullWidth,_ref$size=_ref.size,size=void 0===_ref$size?"default":_ref$size,_ref$theme=_ref.theme,theme=void 0===_ref$theme?"default":_ref$theme,_ref$variant=_ref.variant,variant=void 0===_ref$variant?"primary":_ref$variant,iconLeft=_ref.iconLeft,iconRight=_ref.iconRight,_ref$isLoading=_ref.isLoading,isLoading=void 0!==_ref$isLoading&&_ref$isLoading,loadingText=_ref.loadingText,onClick=_ref.onClick,rest=(0,objectWithoutProperties.Z)(_ref,_excluded),iconElementLeft=iconLeft?(0,jsx_runtime.jsx)("div",{className:Button_module.icon,"aria-hidden":"true",children:iconLeft}):null,iconElementRight=iconRight?(0,jsx_runtime.jsx)("div",{className:(0,classNames.Z)(Button_module.icon),"aria-hidden":"true",children:iconRight}):null;return(0,jsx_runtime.jsxs)("button",(0,objectSpread2.Z)((0,objectSpread2.Z)({ref,disabled,"aria-disabled":isLoading||disabled||void 0,"aria-label":isLoading?loadingText:void 0,type:"button",className:(0,classNames.Z)(Button_module.button,Button_module[variant],Button_module["theme-".concat(theme)],Button_module["size-".concat(size)],fullWidth?Button_module.fullWidth:"",isLoading?Button_module.isLoading:"",className),onClick:isLoading?function loadingOnClick(event){event.preventDefault()}:onClick},rest),{},{children:[isLoading?(0,jsx_runtime.jsx)(LoadingSpinner.T,{small:!0}):iconElementLeft,(0,jsx_runtime.jsx)("span",{className:Button_module.label,children:isLoading?loadingText:children}),isLoading?null:iconElementRight]}))}));try{Button.displayName="Button",Button.__docgenInfo={description:"",displayName:"Button",props:{children:{defaultValue:null,description:"The content of the button",name:"children",required:!1,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Additional class names to apply to the button",name:"className",required:!1,type:{name:"string"}},variant:{defaultValue:{value:"primary"},description:"Defines the button variant",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"supplementary"'},{value:'"success"'},{value:'"danger"'}]}},theme:{defaultValue:{value:"default"},description:"Defines the button theme",name:"theme",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"coat"'},{value:'"black"'}]}},disabled:{defaultValue:{value:"false"},description:"If `true`, the button will be disabled",name:"disabled",required:!1,type:{name:"boolean"}},fullWidth:{defaultValue:null,description:"If `true`, the button will take up the full width of its container",name:"fullWidth",required:!1,type:{name:"boolean"}},iconLeft:{defaultValue:null,description:"Element placed on the left side of the button label",name:"iconLeft",required:!1,type:{name:"ReactNode"}},iconRight:{defaultValue:null,description:"Element placed on the right side of the button label",name:"iconRight",required:!1,type:{name:"ReactNode"}},size:{defaultValue:{value:"default"},description:"The size of the button",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"default"'}]}},isLoading:{defaultValue:{value:"false"},description:"If `true` a loading spinner is displayed inside the button along `loadingText`",name:"isLoading",required:!1,type:{name:"boolean"}},loadingText:{defaultValue:null,description:"Loading text to show alongside loading spinner",name:"loadingText",required:!1,type:{name:"string"}}}},"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.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>Card});var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),objectWithoutProperties=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js");__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/styles/base.css");const Card_module_card="Card_card__pqOY8",Card_module_boxShadow="Card_boxShadow__AbKlS card_hds-card--box-shadow__fL4OQ",Card_module_border="Card_border__2rBC6 card_hds-card--border__dAvyD",Card_module_body="Card_body__Xk+Zr card_hds-card__body__UNDqR",Card_module_text="Card_text__Tzho3 card_hds-card__text__IQ+PH";var classNames=__webpack_require__("./src/utils/classNames.ts"),useTheme=__webpack_require__("./src/hooks/useTheme.tsx"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_excluded=["border","heading","headingAriaLevel","boxShadow","text","className","theme","children"],Card=function Card(_ref){var border=_ref.border,heading=_ref.heading,_ref$headingAriaLevel=_ref.headingAriaLevel,headingAriaLevel=void 0===_ref$headingAriaLevel?2:_ref$headingAriaLevel,_ref$boxShadow=_ref.boxShadow,boxShadow=void 0!==_ref$boxShadow&&_ref$boxShadow,text=_ref.text,className=_ref.className,theme=_ref.theme,children=_ref.children,divProps=(0,objectWithoutProperties.Z)(_ref,_excluded),customThemeClass=(0,useTheme.F)(Card_module_card,theme),hasBody=!!heading||!!text;return(0,jsx_runtime.jsxs)("div",(0,objectSpread2.Z)((0,objectSpread2.Z)({className:(0,classNames.Z)(Card_module_card,border&&Card_module_border,boxShadow&&Card_module_boxShadow,customThemeClass,className),role:"region"},divProps),{},{children:[hasBody&&(0,jsx_runtime.jsxs)("div",{className:Card_module_body,children:[heading&&(0,jsx_runtime.jsx)("div",{className:"heading-m",role:"heading","aria-level":headingAriaLevel,children:heading}),text&&(0,jsx_runtime.jsx)("div",{className:Card_module_text,children:text})]}),children]}))};try{Card.displayName="Card",Card.__docgenInfo={description:"",displayName:"Card",props:{boxShadow:{defaultValue:{value:"false"},description:"Boolean indicating whether Card will have box shadow or not.",name:"boxShadow",required:!1,type:{name:"boolean"}},border:{defaultValue:null,description:"If `true` border will be drawn around the card.",name:"border",required:!1,type:{name:"boolean"}},heading:{defaultValue:null,description:"Heading text.",name:"heading",required:!1,type:{name:"string"}},headingAriaLevel:{defaultValue:{value:"2"},description:"Heading aria-level.",name:"headingAriaLevel",required:!1,type:{name:"number"}},text:{defaultValue:null,description:"Body text.",name:"text",required:!1,type:{name:"string"}},className:{defaultValue:null,description:"Additional class names to apply to the card.",name:"className",required:!1,type:{name:"string"}},theme:{defaultValue:null,description:"Custom theme styles",name:"theme",required:!1,type:{name:"CardCustomTheme"}},children:{defaultValue:null,description:"Additional children to render inside the card.",name:"children",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/card/Card.tsx#Card"]={docgenInfo:Card.__docgenInfo,name:"Card",path:"src/components/card/Card.tsx#Card"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/checkbox/Checkbox.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{X:()=>Checkbox});var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),objectWithoutProperties=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react=__webpack_require__("../../node_modules/react/index.js");__webpack_require__("./src/styles/base.css");const Checkbox_module_checkbox="Checkbox_checkbox__t7n64 checkbox_hds-checkbox__NdOVQ",Checkbox_module_input="Checkbox_input__FP-KE checkbox_hds-checkbox__input__qYnvZ",Checkbox_module_label="Checkbox_label__Imu5d checkbox_hds-checkbox__label__PXb3l",Checkbox_module_errorText="Checkbox_errorText__RYodK checkbox_hds-checkbox__error-text__iDgoi",Checkbox_module_helperText="Checkbox_helperText__CZupe helpers_helper-text__kpl-5",Checkbox_module_tooltipButton="Checkbox_tooltipButton__Fwjsk";var classNames=__webpack_require__("./src/utils/classNames.ts"),mergeRefWithInternalRef=__webpack_require__("./src/utils/mergeRefWithInternalRef.ts"),Tooltip=__webpack_require__("./src/components/tooltip/Tooltip.tsx"),composeAriaDescribedBy=__webpack_require__("./src/utils/composeAriaDescribedBy.ts"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_excluded=["checked","className","disabled","errorText","helperText","id","indeterminate","label","onChange","style","value","tooltipText","tooltipLabel","tooltipButtonLabel"],Checkbox=react.forwardRef((function(_ref,ref){var _ref$checked=_ref.checked,checked=void 0!==_ref$checked&&_ref$checked,className=_ref.className,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,errorText=_ref.errorText,helperText=_ref.helperText,id=_ref.id,indeterminate=_ref.indeterminate,label=_ref.label,_ref$onChange=_ref.onChange,onChange=void 0===_ref$onChange?function(){return null}:_ref$onChange,style=_ref.style,value=_ref.value,tooltipText=_ref.tooltipText,tooltipLabel=_ref.tooltipLabel,tooltipButtonLabel=_ref.tooltipButtonLabel,rest=(0,objectWithoutProperties.Z)(_ref,_excluded),inputRef=(0,react.useRef)(null);(0,react.useEffect)((function(){ref&&(0,mergeRefWithInternalRef.Z)(ref,inputRef),inputRef.current.indeterminate=indeterminate}),[inputRef,ref,indeterminate]),label&&"string"!=typeof label&&"number"!=typeof label&&console.warn("Using ReactElement as a label is against good usability and accessibility practices. Please prefer plain strings.");var ariaDescribedBy=(0,composeAriaDescribedBy.Z)(id,helperText,errorText,void 0,void 0);return(0,jsx_runtime.jsxs)("div",{className:(0,classNames.Z)(Checkbox_module_checkbox,className),style,children:[(0,jsx_runtime.jsx)("input",(0,objectSpread2.Z)({ref:inputRef,id,className:(0,classNames.Z)(Checkbox_module_input),onChange,value,type:"checkbox",disabled,checked,"aria-describedby":ariaDescribedBy.length>0?ariaDescribedBy:null},rest)),(0,jsx_runtime.jsx)("label",{htmlFor:id,className:(0,classNames.Z)(Checkbox_module_label),children:label}),tooltipText&&(0,jsx_runtime.jsx)(Tooltip.u,{className:Checkbox_module_tooltipButton,buttonLabel:tooltipButtonLabel,tooltipLabel,children:tooltipText}),errorText&&(0,jsx_runtime.jsx)("div",{className:Checkbox_module_errorText,id:"".concat(id,"-error"),children:errorText}),helperText&&(0,jsx_runtime.jsx)("div",{className:Checkbox_module_helperText,id:"".concat(id,"-helper"),children:helperText})]})}));try{Checkbox.displayName="Checkbox",Checkbox.__docgenInfo={description:"",displayName:"Checkbox",props:{checked:{defaultValue:{value:"false"},description:"If `true`, the component is checked",name:"checked",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"Additional class names to apply to the checkbox",name:"className",required:!1,type:{name:"string"}},disabled:{defaultValue:{value:"false"},description:"If `true`, the checkbox will be disabled",name:"disabled",required:!1,type:{name:"boolean"}},errorText:{defaultValue:null,description:"The error text content that will be shown below the checkbox",name:"errorText",required:!1,type:{name:"string"}},helperText:{defaultValue:null,description:"The helper text content that will be shown below the checkbox",name:"helperText",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"The id of the input element",name:"id",required:!1,type:{name:"string"}},indeterminate:{defaultValue:null,description:"Boolean indicating indeterminate status of the checkbox",name:"indeterminate",required:!1,type:{name:"boolean"}},label:{defaultValue:null,description:"The label for the checkbox",name:"label",required:!1,type:{name:"ReactNode"}},onChange:{defaultValue:{value:"() => null"},description:"Callback fired when the state is changed",name:"onChange",required:!1,type:{name:"ChangeEventHandler"}},style:{defaultValue:null,description:"Override or extend the styles applied to the component",name:"style",required:!1,type:{name:"CSSProperties"}},value:{defaultValue:null,description:"The value of the component",name:"value",required:!1,type:{name:"string & (string | number | readonly string[])"}},tooltipText:{defaultValue:null,description:"Tooltip text for the checkbox",name:"tooltipText",required:!1,type:{name:"string"}},tooltipLabel:{defaultValue:null,description:"Aria-label text for the tooltip",name:"tooltipLabel",required:!1,type:{name:"string"}},tooltipButtonLabel:{defaultValue:null,description:"Aria-label text for the tooltip trigger button",name:"tooltipButtonLabel",required:!1,type:{name:"string"}}}},"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/dateInput/DateInput.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{W:()=>DateInput});var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),slicedToArray=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),objectWithoutProperties=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),parse=__webpack_require__("../../node_modules/date-fns/esm/parse/index.js"),isValid=__webpack_require__("../../node_modules/date-fns/esm/isValid/index.js"),startOfMonth=__webpack_require__("../../node_modules/date-fns/esm/startOfMonth/index.js"),subYears=__webpack_require__("../../node_modules/date-fns/esm/subYears/index.js"),endOfMonth=__webpack_require__("../../node_modules/date-fns/esm/endOfMonth/index.js"),addYears=__webpack_require__("../../node_modules/date-fns/esm/addYears/index.js"),max=__webpack_require__("../../node_modules/date-fns/esm/max/index.js"),format=__webpack_require__("../../node_modules/date-fns/esm/format/index.js"),react=__webpack_require__("../../node_modules/react/index.js"),IconCalendar=__webpack_require__("./src/icons/IconCalendar.tsx"),mergeRefWithInternalRef=__webpack_require__("./src/utils/mergeRefWithInternalRef.ts"),TextInput=__webpack_require__("./src/components/textInput/TextInput.tsx"),toConsumableArray=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/toConsumableArray.js"),addDays=__webpack_require__("../../node_modules/date-fns/esm/addDays/index.js"),endOfDay=__webpack_require__("../../node_modules/date-fns/esm/endOfDay/index.js"),getDaysInMonth=__webpack_require__("../../node_modules/date-fns/esm/getDaysInMonth/index.js"),startOfDay=__webpack_require__("../../node_modules/date-fns/esm/startOfDay/index.js"),isAfter=__webpack_require__("../../node_modules/date-fns/esm/isAfter/index.js"),isBefore=__webpack_require__("../../node_modules/date-fns/esm/isBefore/index.js"),en_GB=__webpack_require__("../../node_modules/date-fns/esm/locale/en-GB/index.js"),fi=__webpack_require__("../../node_modules/date-fns/esm/locale/fi/index.js"),sv=__webpack_require__("../../node_modules/date-fns/esm/locale/sv/index.js"),usePopper=__webpack_require__("./node_modules/react-popper/lib/esm/usePopper.js"),defaultProps={className:"",style:{},language:"en",month:(0,startOfMonth.Z)(new Date),selectButtonLabel:"Select",closeButtonLabel:"Close",onCloseButtonClick:function onCloseButtonClick(){}},DatePickerContext=react.createContext(null),getWeeksInMonth=__webpack_require__("../../node_modules/date-fns/esm/getWeeksInMonth/index.js"),eachWeekOfInterval=__webpack_require__("../../node_modules/date-fns/esm/eachWeekOfInterval/index.js"),add=__webpack_require__("../../node_modules/date-fns/esm/add/index.js");const DatePicker_module={"small-up":"only screen and (min-width: 576px)","hds-datepicker__day__wrapper-vhidden":"DatePicker_hds-datepicker__day__wrapper-vhidden__iX-3Q","hds-datepicker__head__weekday-vhidden":"DatePicker_hds-datepicker__head__weekday-vhidden__NyZMF",pickerWrapper:"DatePicker_pickerWrapper__+2H2T",isVisible:"DatePicker_isVisible__c4cur","hds-datepicker":"DatePicker_hds-datepicker__h8rZ6","hds-datepicker__month-table":"DatePicker_hds-datepicker__month-table__J1vmA","hds-datepicker__head__weekday":"DatePicker_hds-datepicker__head__weekday__yQEhE","hds-datepicker__day-cell":"DatePicker_hds-datepicker__day-cell__ns20X","hds-datepicker__day":"DatePicker_hds-datepicker__day__abzXn","hds-datepicker__day--selected":"DatePicker_hds-datepicker__day--selected__n14tJ","hds-datepicker__day--outside":"DatePicker_hds-datepicker__day--outside__HNZjx","hds-datepicker__day--today":"DatePicker_hds-datepicker__day--today__bpYy0","hds-datepicker__day__wrapper":"DatePicker_hds-datepicker__day__wrapper__SANGS","hds-datepicker__navigation":"DatePicker_hds-datepicker__navigation__KisN9","hds-datepicker__navigation__select":"DatePicker_hds-datepicker__navigation__select__yPdLY","hds-datepicker__navigation__select-label":"DatePicker_hds-datepicker__navigation__select-label__mvtp7","hds-datepicker__navigation__select-icon":"DatePicker_hds-datepicker__navigation__select-icon__nP3J1","hds-datepicker__navigation__buttons":"DatePicker_hds-datepicker__navigation__buttons__ts6cm","hds-datepicker__bottom-buttons":"DatePicker_hds-datepicker__bottom-buttons__NBwkO"};var startOfWeek=__webpack_require__("../../node_modules/date-fns/esm/startOfWeek/index.js");var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),Head=function Head(_ref){var weekdayNames=function getWeekdaysNames(locale){for(var start=(0,startOfWeek.Z)(new Date,{locale}),names=[],i=0;i<7;i++){var day=(0,addDays.Z)(start,i);names.push([(0,format.Z)(day,"iiiiii",{locale}),(0,format.Z)(day,"iiii",{locale})])}return names}(_ref.locale);return(0,jsx_runtime.jsx)("thead",{children:(0,jsx_runtime.jsx)("tr",{children:weekdayNames.map((function(names){return(0,jsx_runtime.jsxs)("th",{scope:"col",className:DatePicker_module["hds-datepicker__head__weekday"],children:[(0,jsx_runtime.jsx)("span",{"aria-hidden":!0,children:names[0]}),(0,jsx_runtime.jsx)("span",{className:DatePicker_module["hds-datepicker__head__weekday-vhidden"],children:names[1]})]},names[0])}))})})};try{Head.displayName="Head",Head.__docgenInfo={description:"Render the head of the month table, including the weekday names (Mon, Tue,\netc.).",displayName:"Head",props:{locale:{defaultValue:null,description:"",name:"locale",required:!0,type:{name:"Locale"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/dateInput/components/head/Head.tsx#Head"]={docgenInfo:Head.__docgenInfo,name:"Head",path:"src/components/dateInput/components/head/Head.tsx#Head"})}catch(__react_docgen_typescript_loader_error){}var eachMonthOfInterval=__webpack_require__("../../node_modules/date-fns/esm/eachMonthOfInterval/index.js"),eachYearOfInterval=__webpack_require__("../../node_modules/date-fns/esm/eachYearOfInterval/index.js"),addMonths=__webpack_require__("../../node_modules/date-fns/esm/addMonths/index.js"),endOfYear=__webpack_require__("../../node_modules/date-fns/esm/endOfYear/index.js"),startOfYear=__webpack_require__("../../node_modules/date-fns/esm/startOfYear/index.js"),IconAngleDown=__webpack_require__("./src/icons/IconAngleDown.tsx"),IconAngleLeft=__webpack_require__("./src/icons/IconAngleLeft.tsx"),IconAngleRight=__webpack_require__("./src/icons/IconAngleRight.tsx"),MonthNavigation=function MonthNavigation(_ref){var prevMonth,nextMonth,month=_ref.month,_useContext=(0,react.useContext)(DatePickerContext),locale=_useContext.locale,language=_useContext.language,handleMonthChange=_useContext.handleMonthChange,minDate=_useContext.minDate,maxDate=_useContext.maxDate,selectedYear=month.getFullYear();(!minDate||month>(0,startOfMonth.Z)(minDate))&&(prevMonth=(0,addMonths.Z)(month,-1)),(!maxDate||(0,addMonths.Z)(month,1)<=(0,startOfMonth.Z)(maxDate))&&(nextMonth=(0,addMonths.Z)(month,1));return(0,jsx_runtime.jsxs)("div",{className:DatePicker_module["hds-datepicker__navigation"],children:[(0,jsx_runtime.jsxs)("div",{className:DatePicker_module["hds-datepicker__navigation__select"],children:[(0,jsx_runtime.jsx)("select",{"aria-label":function getMonthAriaLabel(){return{en:"Month",fi:"Kuukausi",sv:"Månad"}[language]}(),onChange:function onMonthChange(event){var newSelectedMonth=new Date(month);newSelectedMonth.setMonth(Number(event.target.value)),handleMonthChange(newSelectedMonth)},value:month.getMonth(),children:(0,eachMonthOfInterval.Z)({start:new Date(selectedYear,0,1),end:new Date(selectedYear,11,31)}).map((function(monthDate){var monthNumber=monthDate.getMonth(),isDisabled=(0,startOfMonth.Z)(minDate)>monthDate||(0,endOfMonth.Z)(maxDate)window.innerHeight&&target.scrollIntoView(!!isOptsSupported&&{block:"end",inline:"nearest",behavior:"smooth"}),target.getBoundingClientRect().top<0&&target.scrollIntoView(!isOptsSupported||{block:"start",inline:"nearest",behavior:"smooth"})}(pickerWrapperRef.current)}),30)}return function(){clearTimeout(scrollTimeout)}}),[open]);var findNextAvailableDate=function findNextAvailableDate(days,nextDate){var nextDateToTry=(0,addDays.Z)(nextDate,days);return isDateDisabledBy(nextDateToTry)?findNextAvailableDate(days,nextDateToTry):nextDateToTry},addToFocusedDate=function addToFocusedDate(days){if(null!==focusedDate){var nextDate=(0,addDays.Z)(focusedDate,days),nextAvailableDay=isDateDisabledBy&&isDateDisabledBy(nextDate)?findNextAvailableDate(days,nextDate):nextDate,isAfterMinDate=(0,isAfter.Z)((0,endOfDay.Z)(nextAvailableDay),(0,startOfDay.Z)(minDate)),isBeforeMaxDate=(0,isBefore.Z)((0,startOfDay.Z)(nextAvailableDay),(0,endOfDay.Z)(maxDate));isAfterMinDate&&isBeforeMaxDate&&(setCurrentMonth((0,startOfMonth.Z)(nextAvailableDay)),setFocusedDate(nextAvailableDay))}},handleDayClick=function handleDayClick(date,e){setSelectedDate(date),onDaySelect&&disableConfirmation&&onDaySelect(date,e)},currentMonthDates=(0,toConsumableArray.Z)(Array((0,getDaysInMonth.Z)(currentMonth)).keys()).map((function(_,index){return(0,addDays.Z)(currentMonth,index)})),currentMonthAvailableDays=(isDateDisabledBy?currentMonthDates.filter((function(date){return!isDateDisabledBy(date)})):currentMonthDates).filter((function(date){return(0,isAfter.Z)((0,endOfDay.Z)(date),(0,startOfDay.Z)(minDate))&&(0,isBefore.Z)((0,startOfDay.Z)(date),(0,endOfDay.Z)(maxDate))})).map((function(date){return date.getDate()})),beforePopperWrite=(0,react.useMemo)((function(){return{name:"beforePopperWrite",enabled:!0,phase:"beforeWrite",fn:function fn(){isPopperReady||setIsPopperReady(!0)}}}),[]),_usePopper=(0,usePopper.D)(inputRef.current,pickerWrapperRef.current,{placement:"bottom-end",modifiers:[beforePopperWrite,{name:"offset",options:{offset:[0,5]}},{name:"flip",options:{rootBoundary:"document",fallbackPlacements:["bottom-start","top-end"]}}]}),datePickerPopperStyles=_usePopper.styles,datePickerPopperAttributes=_usePopper.attributes;return(0,jsx_runtime.jsx)("div",(0,objectSpread2.Z)((0,objectSpread2.Z)({ref:pickerWrapperRef,className:(0,classNames.Z)(DatePicker_module.pickerWrapper,isPopperReady&&DatePicker_module.isVisible),role:"dialog","aria-modal":"true","aria-hidden":!open||void 0,style:datePickerPopperStyles.popper},datePickerPopperAttributes.popper),{},{children:(0,jsx_runtime.jsx)(DatePickerContext.Provider,{value:{datepickerRef,minDate,maxDate,currentMonth,currentMonthAvailableDays,focusedDate,selectedDate,locale:function getLocaleByLanguage(lang){return{en:en_GB.Z,fi:fi.Z,sv:sv.Z}[lang]}(language),language,isDateDisabledBy,setCurrentMonth,setFocusedDate,setSelectedDate,onDayClick:handleDayClick,handleKeyboardNavigation:function handleKeyboardNavigation(event){var handled=!0;switch(event.keyCode){case keyCode_RIGHT:addToFocusedDate(1);break;case keyCode_LEFT:addToFocusedDate(-1);break;case keyCode_UP:addToFocusedDate(-7);break;case keyCode_DOWN:addToFocusedDate(7);break;case keyCode_SPACE:handleDayClick(focusedDate,null);break;default:handled=!1}!0===handled&&event.preventDefault()},handleMonthChange:function handleMonthChange(nextMonth,event){setCurrentMonth(nextMonth),"function"==typeof onMonthChange&&onMonthChange(nextMonth,event)}},children:(0,jsx_runtime.jsxs)("div",{className:DatePicker_module["hds-datepicker"],ref:datepickerRef,children:[(0,jsx_runtime.jsx)(MonthTable,{month:currentMonth}),(0,jsx_runtime.jsxs)("div",{className:DatePicker_module["hds-datepicker__bottom-buttons"],children:[!disableConfirmation&&(0,jsx_runtime.jsx)(Button.z,{disabled:!selectedDate,size:"small",variant:"secondary",iconLeft:(0,jsx_runtime.jsx)(IconCheck.IconCheck,{"aria-hidden":!0}),onClick:function handleConfirmClick(event){onDaySelect&&onDaySelect(selectedDate,event)},"data-testid":"selectButton",children:selectButtonLabel}),(0,jsx_runtime.jsx)(Button.z,{size:"small",variant:"supplementary",iconLeft:(0,jsx_runtime.jsx)(IconCross.IconCross,{"aria-hidden":!0}),onClick:function onClick(){return onCloseButtonClick()},"data-testid":"closeButton",children:closeButtonLabel})]})]})})}))};try{DatePicker.displayName="DatePicker",DatePicker.__docgenInfo={description:"",displayName:"DatePicker",props:{className:{defaultValue:null,description:"CSS class to add to the root element.",name:"className",required:!1,type:{name:"string"}},disableConfirmation:{defaultValue:null,description:"Select the date from date picker without confirmation button.",name:"disableConfirmation",required:!1,type:{name:"boolean"}},style:{defaultValue:null,description:"Style to apply to the root element.",name:"style",required:!1,type:{name:"CSSProperties"}},initialMonth:{defaultValue:null,description:"The initial month to show in the calendar.",name:"initialMonth",required:!1,type:{name:"Date"}},minDate:{defaultValue:null,description:"Allow navigation after (and including) the specified date.",name:"minDate",required:!1,type:{name:"Date"}},maxDate:{defaultValue:null,description:"Allow navigation before (and including) the specified date.",name:"maxDate",required:!1,type:{name:"Date"}},month:{defaultValue:null,description:"The rendered month. Implement [[onMonthChange]] to enable months\nnavigation.",name:"month",required:!1,type:{name:"Date"}},selected:{defaultValue:null,description:"Date currently selected",name:"selected",required:!1,type:{name:"Date"}},language:{defaultValue:null,description:"Language of the user interface",name:"language",required:!1,type:{name:"enum",value:[{value:'"en"'},{value:'"fi"'},{value:'"sv"'}]}},selectButtonLabel:{defaultValue:null,description:"Label for the select button.",name:"selectButtonLabel",required:!0,type:{name:"string"}},closeButtonLabel:{defaultValue:null,description:"Label for the close button.",name:"closeButtonLabel",required:!0,type:{name:"string"}},onDaySelect:{defaultValue:null,description:"Event handler when the user clicks on a day.",name:"onDaySelect",required:!1,type:{name:"DayClickEventHandler"}},onMonthChange:{defaultValue:null,description:"Event handler when the month changes.",name:"onMonthChange",required:!1,type:{name:"MonthChangeEventHandler"}},onNextClick:{defaultValue:null,description:"Event handler when the next month button is clicked.",name:"onNextClick",required:!1,type:{name:"MonthChangeEventHandler"}},onPrevClick:{defaultValue:null,description:"Event handler when the previous month button is clicked.",name:"onPrevClick",required:!1,type:{name:"MonthChangeEventHandler"}},onCloseButtonClick:{defaultValue:null,description:"Event handler for the close button",name:"onCloseButtonClick",required:!0,type:{name:"(focus?: boolean) => void"}},isDateDisabledBy:{defaultValue:null,description:"Disables date(s) in datepicker calendar based on conditional function",name:"isDateDisabledBy",required:!1,type:{name:"(Date: any) => boolean"}},open:{defaultValue:null,description:"Boolean value for showing the DatePicker",name:"open",required:!1,type:{name:"boolean"}},inputRef:{defaultValue:null,description:"Reference object to DateInput",name:"inputRef",required:!1,type:{name:"MutableRefObject"}},toggleButton:{defaultValue:null,description:"Calendar toggle button",name:"toggleButton",required:!1,type:{name:"HTMLButtonElement"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/dateInput/components/datePicker/DatePicker.tsx#DatePicker"]={docgenInfo:DatePicker.__docgenInfo,name:"DatePicker",path:"src/components/dateInput/components/datePicker/DatePicker.tsx#DatePicker"})}catch(__react_docgen_typescript_loader_error){}const DateInput_module_wrapper="DateInput_wrapper__Uc4NQ";var _excluded=["closeButtonLabel","disableConfirmation","disableDatePicker","initialMonth","language","openButtonAriaLabel","selectButtonLabel","defaultValue","value","minDate","maxDate","isDateDisabledBy"],DateInput=react.forwardRef((function(_ref,ref){var closeButtonLabel=_ref.closeButtonLabel,_ref$disableConfirmat=_ref.disableConfirmation,disableConfirmation=void 0!==_ref$disableConfirmat&&_ref$disableConfirmat,_ref$disableDatePicke=_ref.disableDatePicker,disableDatePicker=void 0!==_ref$disableDatePicke&&_ref$disableDatePicke,_ref$initialMonth=_ref.initialMonth,initialMonth=void 0===_ref$initialMonth?new Date:_ref$initialMonth,_ref$language=_ref.language,language=void 0===_ref$language?"en":_ref$language,openButtonAriaLabel=_ref.openButtonAriaLabel,selectButtonLabel=_ref.selectButtonLabel,defaultValue=_ref.defaultValue,providedValue=_ref.value,minDate=_ref.minDate,maxDate=_ref.maxDate,isDateDisabledBy=_ref.isDateDisabledBy,textInputProps=(0,objectWithoutProperties.Z)(_ref,_excluded),inputRef=(0,react.useRef)(),didMount=(0,react.useRef)(!1),_useState=(0,react.useState)(providedValue||defaultValue||""),_useState2=(0,slicedToArray.Z)(_useState,2),inputValue=_useState2[0],setInputValue=_useState2[1],_useState3=(0,react.useState)(!1),_useState4=(0,slicedToArray.Z)(_useState3,2),showPicker=_useState4[0],setShowPicker=_useState4[1],getToggleButton=function getToggleButton(){var _inputRef$current;return null===(_inputRef$current=inputRef.current)||void 0===_inputRef$current?void 0:_inputRef$current.parentNode.querySelector("button")};(0,react.useEffect)((function(){didMount.current?setInputValue(providedValue||""):didMount.current=!0}),[providedValue]);var closeDatePicker=function closeDatePicker(){var focusToggleButton=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];if(setShowPicker(!1),inputRef.current&&focusToggleButton){var button=getToggleButton();button&&button.focus()}};(0,react.useEffect)((function(){ref&&(0,mergeRefWithInternalRef.Z)(ref,inputRef)}),[inputRef,ref]);var stringToDate=(0,react.useCallback)((function(value){return(0,parse.Z)(value,"d.M.yyyy",new Date)}),["d.M.yyyy"]),handleInputChange=function handleInputChange(value){var newValue=value.replace(/[^0-9.]+/g,"");setInputValue(newValue);var valueAsDate=stringToDate(newValue);textInputProps.onChange&&textInputProps.onChange(newValue,valueAsDate)},inputValueAsDate=stringToDate(inputValue),toggleButton=getToggleButton(),minDateToUse=minDate&&(0,isValid.Z)(minDate)?minDate:(0,startOfMonth.Z)((0,subYears.Z)(new Date,10)),maxDateToUse=maxDate&&(0,isValid.Z)(maxDate)?maxDate:(0,endOfMonth.Z)((0,addYears.Z)((0,max.Z)([minDateToUse,new Date]),10));return(0,jsx_runtime.jsx)("div",{lang:language,className:DateInput_module_wrapper,children:(0,jsx_runtime.jsx)(TextInput.o,(0,objectSpread2.Z)((0,objectSpread2.Z)({},textInputProps),{},{buttonIcon:disableDatePicker?void 0:(0,jsx_runtime.jsx)(IconCalendar.IconCalendar,{"aria-hidden":!0}),buttonAriaLabel:disableDatePicker?void 0:function getOpenButtonLabel(){return openButtonAriaLabel||{en:"Choose date",fi:"Valitse päivämäärä",sv:"Välj datum"}[language]}(),onButtonClick:disableDatePicker?void 0:function onOpenButtonClick(event){event.preventDefault(),setShowPicker(!showPicker)},onChange:function onChange(event){handleInputChange(event.target.value)},value:inputValue,ref:inputRef,children:!1===disableDatePicker&&showPicker&&(0,jsx_runtime.jsx)(DatePicker,{language,disableConfirmation,selected:(0,isValid.Z)(inputValueAsDate)?inputValueAsDate:void 0,initialMonth,onDaySelect:function onDaySelect(day){closeDatePicker(),handleInputChange((0,format.Z)(day,"d.M.yyyy"))},onCloseButtonClick:function onCloseButtonClick(focusToggleButton){return closeDatePicker(focusToggleButton)},selectButtonLabel:function getSelectButtonLabel(){return selectButtonLabel||{en:"Select",fi:"Valitse",sv:"Välj"}[language]}(),closeButtonLabel:function getCloseButtonLabel(){return closeButtonLabel||{en:"Close",fi:"Sulje",sv:"Stäng"}[language]}(),minDate:minDateToUse,maxDate:maxDateToUse,isDateDisabledBy,open:showPicker,inputRef,toggleButton})}))})}));try{DateInput.displayName="DateInput",DateInput.__docgenInfo={description:"",displayName:"DateInput",props:{className:{defaultValue:null,description:"Additional class names to apply to the text input",name:"className",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"The id of the input element",name:"id",required:!1,type:{name:"string"}},language:{defaultValue:{value:"en"},description:"Language",name:"language",required:!1,type:{name:"enum",value:[{value:'"en"'},{value:'"fi"'},{value:'"sv"'}]}},style:{defaultValue:null,description:"Override or extend the styles applied to the component",name:"style",required:!1,type:{name:"CSSProperties"}},children:{defaultValue:null,description:"Additional children to render after the input.",name:"children",required:!1,type:{name:"ReactNode"}},label:{defaultValue:null,description:"The label for the input",name:"label",required:!1,type:{name:"ReactNode"}},disabled:{defaultValue:null,description:"If `true`, the input will be disabled",name:"disabled",required:!1,type:{name:"boolean"}},type:{defaultValue:null,description:"Type of the input element",name:"type",required:!1,type:{name:"string"}},value:{defaultValue:null,description:"The value of the input element, required for a controlled component",name:"value",required:!1,type:{name:"string & (string | number | readonly string[])"}},defaultValue:{defaultValue:null,description:"The default input element value. Use when the component is not controlled",name:"defaultValue",required:!1,type:{name:"string & (string | number | readonly string[])"}},placeholder:{defaultValue:null,description:"Short hint displayed in the input before the user enters a value",name:"placeholder",required:!1,type:{name:"string"}},onChange:{defaultValue:null,description:"Callback fired when text input value is changed",name:"onChange",required:!1,type:{name:"(value: string, valueAsDate: Date) => void"}},readOnly:{defaultValue:null,description:"If `true`, prevents the user from changing the value of the field (not from interacting with the field)",name:"readOnly",required:!1,type:{name:"boolean"}},required:{defaultValue:null,description:"If `true`, the label is displayed as required and the `input` element will be required",name:"required",required:!1,type:{name:"boolean"}},errorText:{defaultValue:null,description:"The error text content that will be shown below the input",name:"errorText",required:!1,type:{name:"string"}},helperText:{defaultValue:null,description:"The helper text content that will be shown below the input",name:"helperText",required:!1,type:{name:"string"}},tooltipText:{defaultValue:null,description:"The text content of the tooltip",name:"tooltipText",required:!1,type:{name:"string"}},tooltipLabel:{defaultValue:null,description:"Aria-label text for the tooltip",name:"tooltipLabel",required:!1,type:{name:"string"}},tooltipButtonLabel:{defaultValue:null,description:"Aria-label text for the tooltip trigger button",name:"tooltipButtonLabel",required:!1,type:{name:"string"}},hideLabel:{defaultValue:null,description:"Hides the label above the input",name:"hideLabel",required:!1,type:{name:"boolean"}},invalid:{defaultValue:null,description:"If `true`, the input will be displayed in an invalid state.",name:"invalid",required:!1,type:{name:"boolean"}},successText:{defaultValue:null,description:"The success text content that will be shown below the input",name:"successText",required:!1,type:{name:"string"}},infoText:{defaultValue:null,description:"The info text content that will be shown below the input",name:"infoText",required:!1,type:{name:"string"}},buttonIcon:{defaultValue:null,description:"Button icon",name:"buttonIcon",required:!1,type:{name:"ReactNode"}},buttonAriaLabel:{defaultValue:null,description:"Button aria-label",name:"buttonAriaLabel",required:!1,type:{name:"string"}},onButtonClick:{defaultValue:null,description:"Button click callback",name:"onButtonClick",required:!1,type:{name:"MouseEventHandler"}},closeButtonLabel:{defaultValue:null,description:"Close button label",name:"closeButtonLabel",required:!1,type:{name:"string"}},disableConfirmation:{defaultValue:{value:"false"},description:"Select the date from date picker without confirmation button.",name:"disableConfirmation",required:!1,type:{name:"boolean"}},disableDatePicker:{defaultValue:{value:"false"},description:"Show the input without the date picker.",name:"disableDatePicker",required:!1,type:{name:"boolean"}},initialMonth:{defaultValue:{value:"new Date()"},description:"The initial month open in calendar.",name:"initialMonth",required:!1,type:{name:"Date"}},openButtonAriaLabel:{defaultValue:null,description:"Calendar button aria-label",name:"openButtonAriaLabel",required:!1,type:{name:"string"}},selectButtonLabel:{defaultValue:null,description:"Select button label",name:"selectButtonLabel",required:!1,type:{name:"string"}},minDate:{defaultValue:null,description:"Minimum date to show in the datepicker calendar. Defaults to start of the month ten years before current date.",name:"minDate",required:!1,type:{name:"Date"}},maxDate:{defaultValue:null,description:"Maximum date to show in the datepicker calendar. Defaults to end of the month ten years from current date.",name:"maxDate",required:!1,type:{name:"Date"}},isDateDisabledBy:{defaultValue:null,description:"Disables date(s) based on conditional function",name:"isDateDisabledBy",required:!1,type:{name:"(date: any) => boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/dateInput/DateInput.tsx#DateInput"]={docgenInfo:DateInput.__docgenInfo,name:"DateInput",path:"src/components/dateInput/DateInput.tsx#DateInput"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/dropdown/combobox/Combobox.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{h:()=>Combobox});var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),slicedToArray=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react=__webpack_require__("../../node_modules/react/index.js"),downshift_esm=__webpack_require__("./node_modules/downshift/dist/downshift.esm.js"),lodash_isequal=__webpack_require__("../../node_modules/lodash.isequal/index.js"),lodash_isequal_default=__webpack_require__.n(lodash_isequal),lodash_uniqueid=__webpack_require__("../../node_modules/lodash.uniqueid/index.js"),lodash_uniqueid_default=__webpack_require__.n(lodash_uniqueid),react_virtual=__webpack_require__("../../node_modules/react-virtual/dist/react-virtual.mjs");__webpack_require__("./src/styles/base.css");const Combobox_module={button:"Combobox_button__QXg9b",multiselect:"Combobox_multiselect__O4av3",multiselectIconAndInputWrapper:"Combobox_multiselectIconAndInputWrapper__8jMyd",hidden:"Combobox_hidden__gP-du",input:"Combobox_input__LXX4s",menuItem:"Combobox_menuItem__RLA9j",highlighted:"Combobox_highlighted__r8q+u",selected:"Combobox_selected__m7REq",checkbox:"Combobox_checkbox__ZtvHs",wrapper:"Combobox_wrapper__2QWwN",root:"Combobox_root__2iEEq",open:"Combobox_open__HwiUh",angleIcon:"Combobox_angleIcon__F2jpy",menu:"Combobox_menu__kpblc",icon:"Combobox_icon__8RxpF",disabled:"Combobox_disabled__CGI6r",virtualized:"Combobox_virtualized__H1GeS",helperText:"Combobox_helperText__y8EyI",invalid:"Combobox_invalid__X7ggT",errorText:"Combobox_errorText__31hjb",invalidIcon:"Combobox_invalidIcon__HYxU7",wrapperWithMultiSelectAndIcon:"Combobox_wrapperWithMultiSelectAndIcon__z7SG9",noToggle:"Combobox_noToggle__9yQP1",withClearButton:"Combobox_withClearButton__p0rDv",selectedItems:"Combobox_selectedItems__tfHsh",adjustSpacing:"Combobox_adjustSpacing__rkvhU",inputWithIcon:"Combobox_inputWithIcon__Rl73T",adjustSpacingForIcon:"Combobox_adjustSpacingForIcon__2uJ1t"};var FieldLabel=__webpack_require__("./src/internal/field-label/FieldLabel.tsx"),classNames=__webpack_require__("./src/utils/classNames.ts"),IconAngleDown=__webpack_require__("./src/icons/IconAngleDown.tsx"),IconAlertCircleFill=__webpack_require__("./src/icons/IconAlertCircleFill.tsx"),SelectedItems=__webpack_require__("./src/internal/selectedItems/SelectedItems.tsx"),Select=__webpack_require__("./src/components/dropdown/select/Select.tsx"),dropdownUtils=__webpack_require__("./src/components/dropdown/dropdownUtils.ts"),DropdownMenu=__webpack_require__("./src/internal/dropdownMenu/DropdownMenu.tsx"),getIsElementFocused=__webpack_require__("./src/utils/getIsElementFocused.ts"),getIsElementBlurred=__webpack_require__("./src/utils/getIsElementBlurred.ts"),useTheme=__webpack_require__("./src/hooks/useTheme.tsx"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js");var Combobox=function Combobox(props){var _props$defaultValue,_props$value,_ref,_props$defaultValue2,ariaLabelledBy=props["aria-labelledby"],customAriaDescribedBy=props["aria-describedby"],catchEscapeKey=props.catchEscapeKey,_props$circularNaviga=props.circularNavigation,circularNavigation=void 0!==_props$circularNaviga&&_props$circularNaviga,className=props.className,_props$clearable=props.clearable,clearable=void 0===_props$clearable?props.multiselect:_props$clearable,_props$disabled=props.disabled,disabled=void 0!==_props$disabled&&_props$disabled,error=props.error,_props$getA11ySelecti=props.getA11ySelectionMessage,getA11ySelectionMessage=void 0===_props$getA11ySelecti?function(){return""}:_props$getA11ySelecti,_props$getA11yStatusM=props.getA11yStatusMessage,getA11yStatusMessage=void 0===_props$getA11yStatusM?function(){return""}:_props$getA11yStatusM,helper=props.helper,_props$id=props.id,id=void 0===_props$id?lodash_uniqueid_default()("hds-combobox-"):_props$id,_props$invalid=props.invalid,invalid=void 0!==_props$invalid&&_props$invalid,isOptionDisabled=props.isOptionDisabled,label=props.label,_props$onBlur=props.onBlur,onBlur=void 0===_props$onBlur?function(){return null}:_props$onBlur,_props$onFocus=props.onFocus,onFocus=void 0===_props$onFocus?function(){return null}:_props$onFocus,optionKeyField=props.optionKeyField,_props$optionLabelFie=props.optionLabelField,optionLabelField=void 0===_props$optionLabelFie?"label":_props$optionLabelFie,_props$options=props.options,options=void 0===_props$options?[]:_props$options,placeholder=props.placeholder,required=props.required,_props$showToggleButt=props.showToggleButton,showToggleButton=void 0===_props$showToggleButt||_props$showToggleButt,style=props.style,theme=props.theme,_props$virtualized=props.virtualized,virtualized=void 0!==_props$virtualized&&_props$virtualized,_props$visibleOptions=props.visibleOptions,visibleOptions=void 0===_props$visibleOptions?5:_props$visibleOptions,userLandFilter=props.filter,toggleButtonAriaLabel=props.toggleButtonAriaLabel,tooltipLabel=props.tooltipLabel,tooltipButtonLabel=props.tooltipButtonLabel,tooltipText=props.tooltipText,controlled=props.multiselect&&void 0!==props.value,customThemeClass=(0,useTheme.F)(Combobox_module.root,theme),selectedItemsContainerRef=(0,react.useRef)(),inputRef=(0,react.useRef)(),menuRef=react.useRef(),toggleButtonRef=react.useRef(null),_useState=(0,react.useState)(!1),_useState2=(0,slicedToArray.Z)(_useState,2),hasFocus=_useState2[0],setFocus=_useState2[1],_useState3=(0,react.useState)(!1),_useState4=(0,slicedToArray.Z)(_useState3,2),isClicking=_useState4[0],setIsClicking=_useState4[1],_useState5=(0,react.useState)(""),_useState6=(0,slicedToArray.Z)(_useState5,2),search=_useState6[0],setSearch=_useState6[1],getFilteredItems=(0,react.useMemo)((function(){var filter=userLandFilter||function getDefaultFilter(labelField){return function(options,search){return options.filter((function(option){var label=option[labelField];return label?"string"==typeof label?label.toLowerCase().indexOf(search.toLowerCase())>-1:(console.warn("Filtering failed because field ".concat(labelField," has a value that is not a string")),!1):(console.warn("Filtering failed because field ".concat(labelField," could not be found from OptionType")),!1)}))}}(optionLabelField);return filter(options,search)}),[options,search,userLandFilter,optionLabelField]),virtualizer=(0,react_virtual.o)({size:getFilteredItems.length,parentRef:menuRef,estimateSize:(0,react.useCallback)((function(){return dropdownUtils.V}),[]),overscan:visibleOptions}),focusInput=function focusInput(){inputRef.current&&inputRef.current.focus()},_useMultipleSelection=(0,downshift_esm.M$)((0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)({defaultActiveIndex:0,initialActiveIndex:0},props.multiselect&&{initialSelectedItems:null!==(_props$defaultValue=props.defaultValue)&&void 0!==_props$defaultValue?_props$defaultValue:[]}),props.multiselect&&void 0!==props.value&&{selectedItems:null!==(_props$value=props.value)&&void 0!==_props$value?_props$value:[]}),{},{getA11yRemovalMessage:null!==(_ref=props.multiselect&&props.getA11yRemovalMessage)&&void 0!==_ref?_ref:function(){return""},onSelectedItemsChange:function onSelectedItemsChange(_ref2){var _selectedItems=_ref2.selectedItems;return props.multiselect&&"function"==typeof props.onChange&&props.onChange(_selectedItems)},onStateChange:function onStateChange(changes){return(0,Select.xo)(changes,activeIndex,selectedItemsContainerRef.current)},stateReducer:function stateReducer(state,actionAndChanges){return(0,Select.WP)(state,actionAndChanges,controlled)}})),activeIndex=_useMultipleSelection.activeIndex,addSelectedItem=_useMultipleSelection.addSelectedItem,getDropdownProps=_useMultipleSelection.getDropdownProps,getSelectedItemProps=_useMultipleSelection.getSelectedItemProps,removeSelectedItem=_useMultipleSelection.removeSelectedItem,reset=_useMultipleSelection.reset,selectedItems=_useMultipleSelection.selectedItems,setActiveIndex=_useMultipleSelection.setActiveIndex,_setSelectedItems=_useMultipleSelection.setSelectedItems,_useCombobox=(0,downshift_esm.Kb)((0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)({circularNavigation,id,items:getFilteredItems},!1===props.multiselect&&{initialSelectedItem:null!==(_props$defaultValue2=props.defaultValue)&&void 0!==_props$defaultValue2?_props$defaultValue2:null}),!1===props.multiselect&&void 0!==props.value&&{selectedItem:props.value}),{},{onInputValueChange:function onInputValueChange(_ref3){var inputValue=_ref3.inputValue;return setSearch(inputValue)},getA11ySelectionMessage,getA11yStatusMessage,itemToString:function itemToString(item){var _item$optionLabelFiel;return item&&null!==(_item$optionLabelFiel=item[optionLabelField])&&void 0!==_item$optionLabelFiel?_item$optionLabelFiel:""},onSelectedItemChange:function onSelectedItemChange(_ref4){var _selectedItem=_ref4.selectedItem;return!1===props.multiselect&&"function"==typeof props.onChange&&props.onChange(_selectedItem)},onStateChange:function onStateChange(_ref5){var type=_ref5.type,_selectedItem=_ref5.selectedItem,_useCombobox$stateCha=downshift_esm.Kb.stateChangeTypes,InputBlur=_useCombobox$stateCha.InputBlur,InputKeyDownEnter=_useCombobox$stateCha.InputKeyDownEnter,ItemClick=_useCombobox$stateCha.ItemClick;(type===InputBlur||type===InputKeyDownEnter||type===ItemClick)&&props.multiselect&&_selectedItem&&((0,dropdownUtils.l)(selectedItems,_selectedItem)?_setSelectedItems(selectedItems.filter((function(item){return!lodash_isequal_default()(item,_selectedItem)}))):addSelectedItem(_selectedItem),selectItem(null))},stateReducer:function stateReducer(state,_ref6){var type=_ref6.type,changes=_ref6.changes,_useCombobox$stateCha2=downshift_esm.Kb.stateChangeTypes,ItemClick=_useCombobox$stateCha2.ItemClick,InputBlur=_useCombobox$stateCha2.InputBlur,FunctionSelectItem=_useCombobox$stateCha2.FunctionSelectItem,InputKeyDownEnter=_useCombobox$stateCha2.InputKeyDownEnter,_selectedItem=changes.selectedItem,inputValue=changes.inputValue;if(!props.multiselect){if(_selectedItem&&_selectedItem[optionLabelField]!==inputValue)return(0,objectSpread2.Z)((0,objectSpread2.Z)({},changes),{},{selectedItem:null});if(type===InputBlur&&!_selectedItem)return(0,objectSpread2.Z)((0,objectSpread2.Z)({},changes),{},{inputValue:""})}if(props.multiselect){if(type===InputBlur)return state.selectedItem?(0,objectSpread2.Z)((0,objectSpread2.Z)({},changes),{},{inputValue:""}):(0,objectSpread2.Z)((0,objectSpread2.Z)({},changes),{},{selectedItem:null,inputValue:""});if(type===ItemClick)return(0,objectSpread2.Z)((0,objectSpread2.Z)({},changes),{},{isOpen:state.isOpen,highlightedIndex:state.highlightedIndex,inputValue:state.inputValue});if(type===InputKeyDownEnter)return(0,objectSpread2.Z)((0,objectSpread2.Z)({},changes),{},{inputValue:""});if(type===FunctionSelectItem)return(0,objectSpread2.Z)((0,objectSpread2.Z)({},changes),{},{inputValue:state.inputValue})}return changes}})),_getItemProps=_useCombobox.getItemProps,getLabelProps=_useCombobox.getLabelProps,getMenuProps=_useCombobox.getMenuProps,getToggleButtonProps=_useCombobox.getToggleButtonProps,highlightedIndex=_useCombobox.highlightedIndex,isOpen=_useCombobox.isOpen,resetCombobox=_useCombobox.reset,selectedItem=_useCombobox.selectedItem,selectItem=_useCombobox.selectItem,closeMenu=_useCombobox.closeMenu,setInputValue=_useCombobox.setInputValue,getInputProps=_useCombobox.getInputProps,getComboboxProps=_useCombobox.getComboboxProps,showClearButtonForSingleSelect=clearable&&!props.multiselect&&selectedItem,ignoreFocusHandlerWhenClickingItem=function ignoreFocusHandlerWhenClickingItem(handler){return function(event){isClicking||handler(event)}},handleMultiSelectInputKeyDown=function handleMultiSelectInputKeyDown(e){(catchEscapeKey&&"Escape"===e.key&&e.stopPropagation()," "===e.key&&highlightedIndex>-1)&&(e.preventDefault(),function setSelectedItems(itemToBeSelected){(0,dropdownUtils.l)(selectedItems,itemToBeSelected)?_setSelectedItems(selectedItems.filter((function(item){return!lodash_isequal_default()(item,itemToBeSelected)}))):addSelectedItem(itemToBeSelected)}(getFilteredItems[highlightedIndex]));!isOpen||"Backspace"!==e.key&&"ArrowLeft"!==e.key||(e.nativeEvent.preventDownshiftDefault=!0),"Tab"===e.key&&highlightedIndex>-1&&isOpen&&closeMenu()};props.multiselect||getDropdownProps({},{suppressRefError:!0});var isInputVisible=!props.multiselect||isOpen||!isOpen&&0===selectedItems.length,inputAriaLabel="".concat(getLabelProps().id).concat(ariaLabelledBy?" ".concat(ariaLabelledBy):"").concat(error?" ".concat(id,"-error"):"").concat(helper?" ".concat(id,"-helper"):""," ").concat(getInputProps().id),renderInput=function renderInput(){return(0,jsx_runtime.jsx)("input",(0,objectSpread2.Z)((0,objectSpread2.Z)({},getInputProps((0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)({},invalid&&{"aria-invalid":!0}),props.multiselect&&(0,objectSpread2.Z)({},getDropdownProps({onKeyDown:handleMultiSelectInputKeyDown,ref:inputRef}))),{},{type:"text",disabled,required,role:getComboboxProps().role,"aria-expanded":getComboboxProps()["aria-expanded"],"aria-haspopup":getComboboxProps()["aria-haspopup"],"aria-owns":getComboboxProps()["aria-owns"],"aria-labelledby":inputAriaLabel,"aria-describedby":customAriaDescribedBy}))),{},{placeholder,className:(0,classNames.Z)(Combobox_module.input,!isInputVisible&&Combobox_module.hidden,!showToggleButton&&Combobox_module.noToggle,hasFocus&&selectedItems.length>0&&Combobox_module.adjustSpacing,props.icon&&props.multiselect&&Combobox_module.inputWithIcon,showClearButtonForSingleSelect&&Combobox_module.withClearButton),autoCorrect:"off",autoComplete:"off"}))};return(0,jsx_runtime.jsxs)("div",{className:(0,classNames.Z)(Combobox_module.root,invalid&&Combobox_module.invalid,disabled&&Combobox_module.disabled,isOpen&&Combobox_module.open,props.multiselect&&Combobox_module.multiselect,customThemeClass,className),style,children:[label&&(0,jsx_runtime.jsx)(FieldLabel.Q,(0,objectSpread2.Z)((0,objectSpread2.Z)({label,required},getLabelProps()),{},{tooltipLabel,tooltipButtonLabel,tooltipText})),(0,jsx_runtime.jsxs)("div",{onFocus:ignoreFocusHandlerWhenClickingItem((function handleWrapperFocus(e){(0,getIsElementFocused.Z)(e)&&(setFocus(!0),onFocus())})),onBlur:ignoreFocusHandlerWhenClickingItem((function handleWrapperBlur(e){(0,getIsElementBlurred.Z)(e)&&(setFocus(!1),onBlur())})),onClick:function handleWrapperClick(e){var selectedItemsContainerEl=selectedItemsContainerRef.current;selectedItemsContainerEl!==e.target&&(null==selectedItemsContainerEl?void 0:selectedItemsContainerEl.contains(e.target))||focusInput()},onMouseUp:function onMouseUp(){setIsClicking(!1),focusInput()},className:(0,classNames.Z)(Combobox_module.wrapper,props.multiselect&&props.icon&&Combobox_module.wrapperWithMultiSelectAndIcon),ref:getComboboxProps().ref,children:[props.multiselect&&selectedItems.length>0&&(0,jsx_runtime.jsx)(SelectedItems.A,{activeIndex,className:Combobox_module.selectedItems,clearable,clearButtonAriaLabel:props.clearButtonAriaLabel,dropdownId:id,getSelectedItemProps,hideItems:!hasFocus,onClear:function onClear(){reset(),setInputValue(""),toggleButtonRef.current.focus()},onRemove:removeSelectedItem,optionKeyField:optionKeyField||optionLabelField,optionLabelField,removeButtonAriaLabel:props.selectedItemRemoveButtonAriaLabel,selectedItems,selectedItemSrLabel:props.selectedItemSrLabel,selectedItemsContainerRef,setActiveIndex,toggleButtonHidden:!showToggleButton}),!1===props.multiselect&&props.icon&&(0,jsx_runtime.jsx)("span",{className:Combobox_module.icon,"aria-hidden":!0,children:props.icon}),props.multiselect&&props.icon?(0,jsx_runtime.jsxs)("div",{className:(0,classNames.Z)(Combobox_module.multiselectIconAndInputWrapper,!isInputVisible&&Combobox_module.hidden),children:[(0,jsx_runtime.jsx)("span",{className:(0,classNames.Z)(Combobox_module.icon,hasFocus&&selectedItems.length>0&&Combobox_module.adjustSpacingForIcon),"aria-hidden":!0,children:props.icon}),renderInput()]}):renderInput(),(0,jsx_runtime.jsx)("button",(0,objectSpread2.Z)((0,objectSpread2.Z)({type:"button"},getToggleButtonProps((0,objectSpread2.Z)((0,objectSpread2.Z)({disabled,className:(0,classNames.Z)(Combobox_module.button,!showToggleButton&&Combobox_module.hidden),"aria-label":"".concat(label,": ").concat(toggleButtonAriaLabel),"aria-expanded":isOpen},invalid&&{"aria-invalid":!0}),{},{ref:toggleButtonRef}))),{},{children:(0,jsx_runtime.jsx)(IconAngleDown.IconAngleDown,{className:Combobox_module.angleIcon,"aria-hidden":!0})})),showClearButtonForSingleSelect&&(0,jsx_runtime.jsx)(SelectedItems.C,{toggleButtonHidden:!showToggleButton,onClear:function onClear(){resetCombobox(),toggleButtonRef.current.focus()},clearButtonAriaLabel:props.clearButtonAriaLabel}),(0,jsx_runtime.jsx)(DropdownMenu.h,{getItemProps:function getItemProps(item,index,selected,optionDisabled,virtualRow){return _getItemProps((0,objectSpread2.Z)({item,index,disabled:optionDisabled,className:(0,classNames.Z)(Combobox_module.menuItem,highlightedIndex===index&&Combobox_module.highlighted,selected&&Combobox_module.selected,optionDisabled&&Combobox_module.disabled,virtualized&&Combobox_module.virtualized),onMouseDown:function onMouseDown(){setIsClicking(!0)},onClick:function onClick(){setIsClicking(!1)}},virtualRow&&{style:{transform:"translateY(".concat(virtualRow.start,"px")},ref:virtualRow.measureRef}))},isOptionDisabled,menuProps:getMenuProps((0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)({},props.multiselect&&{"aria-multiselectable":!0}),required&&{"aria-required":!0}),{},{style:{maxHeight:dropdownUtils.V*visibleOptions},ref:menuRef,onMouseLeave:function onMouseLeave(event){event.nativeEvent.preventDownshiftDefault=!0}})),menuStyles:Combobox_module,multiselect:props.multiselect,open:isOpen,optionKeyField:optionKeyField||optionLabelField,optionLabelField,options:getFilteredItems,selectedItem,selectedItems,virtualizer:virtualized&&virtualizer})]}),invalid&&error&&(0,jsx_runtime.jsxs)("div",{id:"".concat(id,"-error"),className:Combobox_module.errorText,"aria-hidden":!0,children:[(0,jsx_runtime.jsx)(IconAlertCircleFill.IconAlertCircleFill,{className:Combobox_module.invalidIcon}),error]}),helper&&(0,jsx_runtime.jsx)("div",{id:"".concat(id,"-helper"),className:Combobox_module.helperText,"aria-hidden":!0,children:helper})]})};Combobox.defaultProps={multiselect:!1};try{Combobox.displayName="Combobox",Combobox.__docgenInfo={description:"",displayName:"Combobox",props:{label:{defaultValue:null,description:"The label for the dropdown.",name:"label",required:!1,type:{name:"ReactNode"}},"aria-labelledby":{defaultValue:null,description:"The id of the external label element. Use this if you use external label instead of label.",name:"aria-labelledby",required:!1,type:{name:"string"}},circularNavigation:{defaultValue:null,description:"When `true`, allows moving from the first item to the last item with Arrow Up, and vice versa using Arrow Down.",name:"circularNavigation",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"Additional class names to apply to the select",name:"className",required:!1,type:{name:"string"}},clearable:{defaultValue:null,description:"Flag for whether the clear selections button should be displayed",name:"clearable",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"If `true`, the dropdown will be disabled",name:"disabled",required:!1,type:{name:"boolean"}},getA11ySelectionMessage:{defaultValue:null,description:"Function used to generate an ARIA a11y message when an item is selected. See [here](https://github.com/downshift-js/downshift/tree/master/src/hooks/useSelect#geta11yselectionmessage) for more information.",name:"getA11ySelectionMessage",required:!1,type:{name:"(options: A11yStatusMessageOptions) => string"}},getA11yStatusMessage:{defaultValue:null,description:"Function used to generate an ARIA a11y message when the status changes. See [here](https://github.com/downshift-js/downshift/tree/master/src/hooks/useSelect#geta11ystatusmessage) for more information.",name:"getA11yStatusMessage",required:!1,type:{name:"(options: A11yStatusMessageOptions) => string"}},helper:{defaultValue:null,description:"A helper text that will be shown below the dropdown",name:"helper",required:!1,type:{name:"ReactNode"}},error:{defaultValue:null,description:"An error text that will be shown below the dropdown when `invalid` is true",name:"error",required:!1,type:{name:"ReactNode"}},icon:{defaultValue:null,description:"Icon to be shown in the dropdown",name:"icon",required:!1,type:{name:"ReactNode"}},id:{defaultValue:null,description:"Used to generate the first part of the id on the elements",name:"id",required:!1,type:{name:"string"}},invalid:{defaultValue:null,description:"If `true`, the input and `helper` will be displayed in an invalid state",name:"invalid",required:!1,type:{name:"boolean"}},isOptionDisabled:{defaultValue:null,description:"A function used to detect whether an option is disabled",name:"isOptionDisabled",required:!1,type:{name:"(option: OptionType, index: number) => boolean"}},onBlur:{defaultValue:null,description:"Callback function fired when the state is changed",name:"onBlur",required:!1,type:{name:"() => void"}},onFocus:{defaultValue:null,description:"Callback function fired when the component is focused",name:"onFocus",required:!1,type:{name:"() => void"}},optionKeyField:{defaultValue:null,description:"Sets the data item field that represents the item key. Key needs to be unique between items.\nE.g. an `optionKeyField` value of `'bar'` and a data item `{ foo: 'Label', bar: 'value' }`, would use `'value'` as the key in the menu for that specific item\nUses value of `optionLabelField` by default.",name:"optionKeyField",required:!1,type:{name:"string"}},optionLabelField:{defaultValue:null,description:"Sets the data item field that represents the item label\nE.g. an `optionLabelField` value of `'foo'` and a data item `{ foo: 'Label', bar: 'value' }`, would display `Label` in the menu for that specific item",name:"optionLabelField",required:!1,type:{name:"string"}},options:{defaultValue:null,description:"Array of options that should be shown in the menu",name:"options",required:!0,type:{name:"OptionType[]"}},placeholder:{defaultValue:null,description:"Short hint displayed in the dropdown before the user enters a value",name:"placeholder",required:!1,type:{name:"string"}},required:{defaultValue:null,description:"If `true`, marks the dropdown as required",name:"required",required:!1,type:{name:"boolean"}},style:{defaultValue:null,description:"Override or extend the root styles applied to the component",name:"style",required:!1,type:{name:"CSSProperties"}},theme:{defaultValue:null,description:"Custom theme styles",name:"theme",required:!1,type:{name:"SelectCustomTheme"}},virtualized:{defaultValue:null,description:"If `true`, the menu options will be virtualized. This greatly increases performance when there are a lot of options,\nbut screen readers won't be able to know how many options there are.",name:"virtualized",required:!1,type:{name:"boolean"}},visibleOptions:{defaultValue:null,description:"Sets the number of options that are visible in the menu before it becomes scrollable",name:"visibleOptions",required:!1,type:{name:"number"}},tooltipLabel:{defaultValue:null,description:"Aria-label text for the tooltip",name:"tooltipLabel",required:!1,type:{name:"string"}},tooltipButtonLabel:{defaultValue:null,description:"Aria-label text for the tooltip trigger button",name:"tooltipButtonLabel",required:!1,type:{name:"string"}},tooltipText:{defaultValue:null,description:"The text content of the tooltip",name:"tooltipText",required:!1,type:{name:"string"}},clearButtonAriaLabel:{defaultValue:null,description:"The aria-label for the clear button",name:"clearButtonAriaLabel",required:!1,type:{name:"string"}},multiselect:{defaultValue:{value:"false"},description:"When `true`, enables selecting multiple values",name:"multiselect",required:!1,type:{name:"boolean"}},defaultValue:{defaultValue:null,description:"Value that should be selected when the dropdown is initialized\nValue(s) that should be selected when the dropdown is initialized",name:"defaultValue",required:!1,type:{name:"OptionType | OptionType[]"}},onChange:{defaultValue:null,description:"Callback function fired when the state is changed",name:"onChange",required:!1,type:{name:"((selected: OptionType) => void) | ((selected: OptionType[]) => void)"}},value:{defaultValue:null,description:"The selected value\nThe selected value(s)",name:"value",required:!1,type:{name:"OptionType | OptionType[]"}},"aria-describedby":{defaultValue:null,description:"Custom aria-describedby added to the input element",name:"aria-describedby",required:!1,type:{name:"string"}},catchEscapeKey:{defaultValue:null,description:"Prevents further propagation of the 'Escape' onKeyDown event when the menu is closed by pressing Esc.\nUseful e.g. when the component is used inside a modal.",name:"catchEscapeKey",required:!1,type:{name:"boolean"}},filter:{defaultValue:null,description:"If provided, this filter function will be used for filtering the\ncombobox suggestions. If this prop is not provided, the default\nfilter implementation is used. The default implementation assumes\nthat the `optionLabelField` prop points to a string value that it\ncan compare with the search value.",name:"filter",required:!1,type:{name:"FilterFunction"}},showToggleButton:{defaultValue:null,description:"If `true`, displays a menu toggle button in the combobox.",name:"showToggleButton",required:!1,type:{name:"boolean"}},toggleButtonAriaLabel:{defaultValue:null,description:"aria-label for the menu toggle button. The label for the combobox will be prepended to the given value.",name:"toggleButtonAriaLabel",required:!0,type:{name:"string"}},getA11yRemovalMessage:{defaultValue:null,description:"Function used to generate an ARIA a11y message when an item is removed. See [here](https://github.com/downshift-js/downshift/tree/master/src/hooks/useMultipleSelection#geta11yremovalmessage) for more information.",name:"getA11yRemovalMessage",required:!1,type:{name:"(options: A11yRemovalMessage) => string"}},selectedItemRemoveButtonAriaLabel:{defaultValue:null,description:"The aria-label for the selected item remove button.\nYou can use a special {value} token that will be replaced with the actual item value.\nE.g. an item with the label Foo and property value of `'Remove ${value}'` would become `aria-label=\"Remove Foo\"`.",name:"selectedItemRemoveButtonAriaLabel",required:!0,type:{name:"string"}},selectedItemSrLabel:{defaultValue:null,description:"A label for the selected items that is only visible to screen readers. Can be used to to give screen reader users additional information about the selected item.\nYou can use a special {value} token that will be replaced with the actual item value.\nE.g. an item with the label Foo and property value of `'Selected item ${value}'` would become `aria-label=\"Selected item Foo\"`.",name:"selectedItemSrLabel",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/dropdown/combobox/Combobox.tsx#Combobox"]={docgenInfo:Combobox.__docgenInfo,name:"Combobox",path:"src/components/dropdown/combobox/Combobox.tsx#Combobox"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/dropdown/dropdownUtils.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{V:()=>DROPDOWN_MENU_ITEM_HEIGHT,l:()=>getIsInSelectedOptions});var lodash_isequal__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/lodash.isequal/index.js"),lodash_isequal__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(lodash_isequal__WEBPACK_IMPORTED_MODULE_0__),DROPDOWN_MENU_ITEM_HEIGHT=52;function getIsInSelectedOptions(selectedOptions,item){return selectedOptions.some((function(selectedOption){return lodash_isequal__WEBPACK_IMPORTED_MODULE_0___default()(selectedOption,item)}))}},"./src/components/dropdown/select/Select.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Ph:()=>Select,WP:()=>multiSelectReducer,xo:()=>onMultiSelectStateChange});var slicedToArray=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),react=__webpack_require__("../../node_modules/react/index.js"),downshift_esm=__webpack_require__("./node_modules/downshift/dist/downshift.esm.js"),lodash_isequal=__webpack_require__("../../node_modules/lodash.isequal/index.js"),lodash_isequal_default=__webpack_require__.n(lodash_isequal),lodash_uniqueid=__webpack_require__("../../node_modules/lodash.uniqueid/index.js"),lodash_uniqueid_default=__webpack_require__.n(lodash_uniqueid),react_virtual=__webpack_require__("../../node_modules/react-virtual/dist/react-virtual.mjs");__webpack_require__("./src/styles/base.css");const Select_module={button:"Select_button__46z4E",multiselect:"Select_multiselect__D7Hfm",angleIcon:"Select_angleIcon__ObSY4",menuItem:"Select_menuItem__bgXLl",highlighted:"Select_highlighted__CTWnE",selected:"Select_selected__TfwgD",checkbox:"Select_checkbox__NMHNC",wrapper:"Select_wrapper__gpALI",root:"Select_root__5RYUR",open:"Select_open__T3gsk",menu:"Select_menu__ut2ql",icon:"Select_icon__yh+Ic",disabled:"Select_disabled__9eMhN",virtualized:"Select_virtualized__DD-cO",helperText:"Select_helperText__8yL4j",invalid:"Select_invalid__k0jk6",errorText:"Select_errorText__LPbll",invalidIcon:"Select_invalidIcon__dDKCH",placeholder:"Select_placeholder__x+7Mk",buttonLabel:"Select_buttonLabel__GgLjp",buttonLabelWithClearButton:"Select_buttonLabelWithClearButton__q90mN"};var FieldLabel=__webpack_require__("./src/internal/field-label/FieldLabel.tsx"),classNames=__webpack_require__("./src/utils/classNames.ts"),IconAngleDown=__webpack_require__("./src/icons/IconAngleDown.tsx"),IconAlertCircleFill=__webpack_require__("./src/icons/IconAlertCircleFill.tsx"),SelectedItems=__webpack_require__("./src/internal/selectedItems/SelectedItems.tsx"),dropdownUtils=__webpack_require__("./src/components/dropdown/dropdownUtils.ts"),DropdownMenu=__webpack_require__("./src/internal/dropdownMenu/DropdownMenu.tsx"),getIsElementFocused=__webpack_require__("./src/utils/getIsElementFocused.ts"),getIsElementBlurred=__webpack_require__("./src/utils/getIsElementBlurred.ts"),useTheme=__webpack_require__("./src/hooks/useTheme.tsx"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js");function onMultiSelectStateChange(_ref,currentActiveIndex,selectedItemsContainerEl){var activeNode,type=_ref.type,activeIndex=_ref.activeIndex,_useMultipleSelection=downshift_esm.M$.stateChangeTypes,FunctionRemoveSelectedItem=_useMultipleSelection.FunctionRemoveSelectedItem,SelectedItemKeyDownBackspace=_useMultipleSelection.SelectedItemKeyDownBackspace;type!==FunctionRemoveSelectedItem&&type!==SelectedItemKeyDownBackspace||(activeNode=null==selectedItemsContainerEl?void 0:selectedItemsContainerEl.childNodes[currentActiveIndex],!activeIndex&&activeNode&&activeNode.focus())}function multiSelectReducer(state,_ref2,controlled){var type=_ref2.type,changes=_ref2.changes,_useMultipleSelection2=downshift_esm.M$.stateChangeTypes,FunctionRemoveSelectedItem=_useMultipleSelection2.FunctionRemoveSelectedItem,SelectedItemKeyDownBackspace=_useMultipleSelection2.SelectedItemKeyDownBackspace;if(type===FunctionRemoveSelectedItem||type===SelectedItemKeyDownBackspace){var removedItemIndex=state.selectedItems.findIndex((function(item){return!changes.selectedItems.includes(item)})),adjustedIndex=controlled?removedItemIndex+1:removedItemIndex,lastItemRemoved=removedItemIndex===changes.selectedItems.length;return(0,objectSpread2.Z)((0,objectSpread2.Z)({},changes),{},{activeIndex:lastItemRemoved?removedItemIndex-1:adjustedIndex})}return changes}var Select=function Select(props){var _props$defaultValue,_props$value,_ref3,_props$defaultValue2,ariaLabelledBy=props["aria-labelledby"],_props$circularNaviga=props.circularNavigation,circularNavigation=void 0!==_props$circularNaviga&&_props$circularNaviga,className=props.className,_props$clearable=props.clearable,clearable=void 0===_props$clearable?props.multiselect:_props$clearable,_props$disabled=props.disabled,disabled=void 0!==_props$disabled&&_props$disabled,error=props.error,_props$getA11ySelecti=props.getA11ySelectionMessage,getA11ySelectionMessage=void 0===_props$getA11ySelecti?function(){return""}:_props$getA11ySelecti,_props$getA11yStatusM=props.getA11yStatusMessage,getA11yStatusMessage=void 0===_props$getA11yStatusM?function(){return""}:_props$getA11yStatusM,helper=props.helper,_props$id=props.id,id=void 0===_props$id?lodash_uniqueid_default()("hds-select-"):_props$id,invalid=props.invalid,isOptionDisabled=props.isOptionDisabled,label=props.label,_props$onBlur=props.onBlur,onBlur=void 0===_props$onBlur?function(){return null}:_props$onBlur,_props$onFocus=props.onFocus,onFocus=void 0===_props$onFocus?function(){return null}:_props$onFocus,optionKeyField=props.optionKeyField,_props$optionLabelFie=props.optionLabelField,optionLabelField=void 0===_props$optionLabelFie?"label":_props$optionLabelFie,_props$options=props.options,options=void 0===_props$options?[]:_props$options,placeholder=props.placeholder,required=props.required,style=props.style,theme=props.theme,_props$virtualized=props.virtualized,virtualized=void 0!==_props$virtualized&&_props$virtualized,_props$visibleOptions=props.visibleOptions,visibleOptions=void 0===_props$visibleOptions?5:_props$visibleOptions,tooltipLabel=props.tooltipLabel,tooltipButtonLabel=props.tooltipButtonLabel,tooltipText=props.tooltipText,controlled=props.multiselect&&void 0!==props.value,customThemeClass=(0,useTheme.F)(Select_module.root,theme),selectedItemsContainerRef=(0,react.useRef)(),menuRef=react.useRef(),toggleButtonRef=react.useRef(null),_useState=(0,react.useState)(!1),_useState2=(0,slicedToArray.Z)(_useState,2),hasFocus=_useState2[0],setFocus=_useState2[1],virtualizer=(0,react_virtual.o)({size:options.length,parentRef:menuRef,estimateSize:(0,react.useCallback)((function(){return dropdownUtils.V}),[]),overscan:visibleOptions}),_useMultipleSelection3=(0,downshift_esm.M$)((0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)({defaultActiveIndex:0,initialActiveIndex:0},props.multiselect&&{initialSelectedItems:null!==(_props$defaultValue=props.defaultValue)&&void 0!==_props$defaultValue?_props$defaultValue:[]}),props.multiselect&&void 0!==props.value&&{selectedItems:null!==(_props$value=props.value)&&void 0!==_props$value?_props$value:[]}),{},{getA11yRemovalMessage:null!==(_ref3=props.multiselect&&props.getA11yRemovalMessage)&&void 0!==_ref3?_ref3:function(){return""},onSelectedItemsChange:function onSelectedItemsChange(_ref4){var _selectedItems=_ref4.selectedItems;return props.multiselect&&"function"==typeof props.onChange&&props.onChange(_selectedItems)},onStateChange:function onStateChange(changes){return onMultiSelectStateChange(changes,activeIndex,selectedItemsContainerRef.current)},stateReducer:function stateReducer(state,actionAndChanges){return multiSelectReducer(state,actionAndChanges,controlled)}})),activeIndex=_useMultipleSelection3.activeIndex,addSelectedItem=_useMultipleSelection3.addSelectedItem,getDropdownProps=_useMultipleSelection3.getDropdownProps,getSelectedItemProps=_useMultipleSelection3.getSelectedItemProps,removeSelectedItem=_useMultipleSelection3.removeSelectedItem,reset=_useMultipleSelection3.reset,selectedItems=_useMultipleSelection3.selectedItems,setActiveIndex=_useMultipleSelection3.setActiveIndex,setSelectedItems=_useMultipleSelection3.setSelectedItems,_useSelect=(0,downshift_esm.L7)((0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)({circularNavigation,id,items:options},!1===props.multiselect&&{initialSelectedItem:null!==(_props$defaultValue2=props.defaultValue)&&void 0!==_props$defaultValue2?_props$defaultValue2:null}),!1===props.multiselect&&void 0!==props.value&&{selectedItem:props.value}),{},{getA11ySelectionMessage,getA11yStatusMessage,itemToString:function itemToString(item){var _item$optionLabelFiel;return item&&null!==(_item$optionLabelFiel=item[optionLabelField])&&void 0!==_item$optionLabelFiel?_item$optionLabelFiel:""},onSelectedItemChange:function onSelectedItemChange(_ref5){var _selectedItem=_ref5.selectedItem;return!1===props.multiselect&&"function"==typeof props.onChange&&props.onChange(_selectedItem)},onStateChange:function onStateChange(_ref6){var type=_ref6.type,_selectedItem=_ref6.selectedItem,_useSelect$stateChang=downshift_esm.L7.stateChangeTypes,ItemClick=_useSelect$stateChang.ItemClick,MenuBlur=_useSelect$stateChang.MenuBlur,MenuKeyDownEnter=_useSelect$stateChang.MenuKeyDownEnter,MenuKeyDownSpaceButton=_useSelect$stateChang.MenuKeyDownSpaceButton;(type===ItemClick||type===MenuBlur||type===MenuKeyDownEnter||type===MenuKeyDownSpaceButton)&&props.multiselect&&_selectedItem&&((0,dropdownUtils.l)(selectedItems,_selectedItem)?setSelectedItems(selectedItems.filter((function(item){return!lodash_isequal_default()(item,_selectedItem)}))):addSelectedItem(_selectedItem),selectItem(null))},stateReducer:function stateReducer(state,_ref7){var type=_ref7.type,changes=_ref7.changes,_useSelect$stateChang2=downshift_esm.L7.stateChangeTypes,ItemClick=_useSelect$stateChang2.ItemClick,MenuKeyDownSpaceButton=_useSelect$stateChang2.MenuKeyDownSpaceButton;return type!==ItemClick&&type!==MenuKeyDownSpaceButton||!props.multiselect?changes:(0,objectSpread2.Z)((0,objectSpread2.Z)({},changes),{},{isOpen:state.isOpen,highlightedIndex:state.highlightedIndex})}})),_getItemProps=_useSelect.getItemProps,getLabelProps=_useSelect.getLabelProps,getMenuProps=_useSelect.getMenuProps,getToggleButtonProps=_useSelect.getToggleButtonProps,highlightedIndex=_useSelect.highlightedIndex,isOpen=_useSelect.isOpen,selectedItem=_useSelect.selectedItem,selectItem=_useSelect.selectItem,resetSelect=_useSelect.reset;props.multiselect||getDropdownProps({},{suppressRefError:!0});var showClearButtonForSingleSelect=clearable&&!props.multiselect&&selectedItem,buttonAriaLabel="".concat(getLabelProps().id).concat(ariaLabelledBy?" ".concat(ariaLabelledBy):"").concat(error?" ".concat(id,"-error"):"").concat(helper?" ".concat(id,"-helper"):""," ").concat(getToggleButtonProps().id),showPlaceholder=props.multiselect&&0===selectedItems.length||!props.multiselect&&!selectedItem,showIcon=props.icon&&!1===props.multiselect||props.icon&&props.multiselect&&0===selectedItems.length;return(0,jsx_runtime.jsxs)("div",{className:(0,classNames.Z)(Select_module.root,invalid&&Select_module.invalid,disabled&&Select_module.disabled,isOpen&&Select_module.open,props.multiselect&&Select_module.multiselect,customThemeClass,className),style,children:[label&&(0,jsx_runtime.jsx)(FieldLabel.Q,(0,objectSpread2.Z)((0,objectSpread2.Z)({label,required},getLabelProps()),{},{tooltipLabel,tooltipButtonLabel,tooltipText})),(0,jsx_runtime.jsxs)("div",{className:Select_module.wrapper,onFocus:function handleWrapperFocus(e){(0,getIsElementFocused.Z)(e)&&(setFocus(!0),onFocus())},onBlur:function handleWrapperBlur(e){(0,getIsElementBlurred.Z)(e)&&(setFocus(!1),onBlur())},children:[props.multiselect&&selectedItems.length>0&&(0,jsx_runtime.jsx)(SelectedItems.A,{activeIndex,clearable,clearButtonAriaLabel:props.clearButtonAriaLabel,dropdownId:id,getSelectedItemProps,hideItems:!hasFocus,onClear:function onClear(){reset(),toggleButtonRef.current.focus()},onRemove:removeSelectedItem,optionKeyField:optionKeyField||optionLabelField,optionLabelField,removeButtonAriaLabel:props.selectedItemRemoveButtonAriaLabel,selectedItems,selectedItemSrLabel:props.selectedItemSrLabel,selectedItemsContainerRef,setActiveIndex}),(0,jsx_runtime.jsxs)("button",(0,objectSpread2.Z)((0,objectSpread2.Z)({type:"button"},getToggleButtonProps((0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)({"aria-owns":getMenuProps().id,"aria-labelledby":buttonAriaLabel},props.multiselect&&(0,objectSpread2.Z)({},getDropdownProps({preventKeyAction:isOpen,ref:toggleButtonRef}))),invalid&&{"aria-invalid":!0}),{},{disabled,className:(0,classNames.Z)(Select_module.button,showPlaceholder&&Select_module.placeholder)},!props.multiselect&&{ref:toggleButtonRef}))),{},{children:[showIcon&&(0,jsx_runtime.jsx)("span",{className:Select_module.icon,"aria-hidden":!0,children:props.icon}),function getButtonLabel(){var buttonLabel=(null==selectedItem?void 0:selectedItem[optionLabelField])||placeholder;return props.multiselect&&(buttonLabel=selectedItems.length>0?null:placeholder),buttonLabel&&(0,jsx_runtime.jsx)("span",{className:(0,classNames.Z)(Select_module.buttonLabel,showClearButtonForSingleSelect&&Select_module.buttonLabelWithClearButton),children:buttonLabel})}(),(0,jsx_runtime.jsx)(IconAngleDown.IconAngleDown,{className:Select_module.angleIcon,"aria-hidden":!0})]})),showClearButtonForSingleSelect&&(0,jsx_runtime.jsx)(SelectedItems.C,{onClear:function onClear(){resetSelect(),toggleButtonRef.current.focus()},clearButtonAriaLabel:props.clearButtonAriaLabel}),(0,jsx_runtime.jsx)(DropdownMenu.h,{getItemProps:function getItemProps(item,index,selected,optionDisabled,virtualRow){return _getItemProps((0,objectSpread2.Z)({item,index,disabled:optionDisabled,className:(0,classNames.Z)(Select_module.menuItem,highlightedIndex===index&&Select_module.highlighted,selected&&Select_module.selected,optionDisabled&&Select_module.disabled,virtualized&&Select_module.virtualized)},virtualRow&&{style:{transform:"translateY(".concat(virtualRow.start,"px")},ref:virtualRow.measureRef}))},isOptionDisabled,menuProps:getMenuProps((0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)({},props.multiselect&&{"aria-multiselectable":!0}),required&&{"aria-required":!0}),{},{style:{maxHeight:dropdownUtils.V*visibleOptions},ref:menuRef})),menuStyles:Select_module,multiselect:props.multiselect,open:isOpen,optionKeyField:optionKeyField||optionLabelField,optionLabelField,options,selectedItem,selectedItems,virtualizer:virtualized&&virtualizer})]}),invalid&&error&&(0,jsx_runtime.jsxs)("div",{id:"".concat(id,"-error"),className:Select_module.errorText,"aria-hidden":!0,children:[(0,jsx_runtime.jsx)(IconAlertCircleFill.IconAlertCircleFill,{className:Select_module.invalidIcon}),error]}),helper&&(0,jsx_runtime.jsx)("div",{id:"".concat(id,"-helper"),className:Select_module.helperText,"aria-hidden":!0,children:helper})]})};Select.defaultProps={multiselect:!1};try{onMultiSelectStateChange.displayName="onMultiSelectStateChange",onMultiSelectStateChange.__docgenInfo={description:"Multi-select state change handler",displayName:"onMultiSelectStateChange",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/dropdown/select/Select.tsx#onMultiSelectStateChange"]={docgenInfo:onMultiSelectStateChange.__docgenInfo,name:"onMultiSelectStateChange",path:"src/components/dropdown/select/Select.tsx#onMultiSelectStateChange"})}catch(__react_docgen_typescript_loader_error){}try{multiSelectReducer.displayName="multiSelectReducer",multiSelectReducer.__docgenInfo={description:"Multi-select reducer function",displayName:"multiSelectReducer",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/dropdown/select/Select.tsx#multiSelectReducer"]={docgenInfo:multiSelectReducer.__docgenInfo,name:"multiSelectReducer",path:"src/components/dropdown/select/Select.tsx#multiSelectReducer"})}catch(__react_docgen_typescript_loader_error){}try{Select.displayName="Select",Select.__docgenInfo={description:"",displayName:"Select",props:{label:{defaultValue:null,description:"The label for the dropdown.",name:"label",required:!1,type:{name:"ReactNode"}},"aria-labelledby":{defaultValue:null,description:"The id of the external label element. Use this if you use external label instead of label.",name:"aria-labelledby",required:!1,type:{name:"string"}},circularNavigation:{defaultValue:null,description:"When `true`, allows moving from the first item to the last item with Arrow Up, and vice versa using Arrow Down.",name:"circularNavigation",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"Additional class names to apply to the select",name:"className",required:!1,type:{name:"string"}},clearable:{defaultValue:null,description:"Flag for whether the clear selections button should be displayed",name:"clearable",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"If `true`, the dropdown will be disabled",name:"disabled",required:!1,type:{name:"boolean"}},getA11ySelectionMessage:{defaultValue:null,description:"Function used to generate an ARIA a11y message when an item is selected. See [here](https://github.com/downshift-js/downshift/tree/master/src/hooks/useSelect#geta11yselectionmessage) for more information.",name:"getA11ySelectionMessage",required:!1,type:{name:"(options: A11yStatusMessageOptions) => string"}},getA11yStatusMessage:{defaultValue:null,description:"Function used to generate an ARIA a11y message when the status changes. See [here](https://github.com/downshift-js/downshift/tree/master/src/hooks/useSelect#geta11ystatusmessage) for more information.",name:"getA11yStatusMessage",required:!1,type:{name:"(options: A11yStatusMessageOptions) => string"}},helper:{defaultValue:null,description:"A helper text that will be shown below the dropdown",name:"helper",required:!1,type:{name:"ReactNode"}},error:{defaultValue:null,description:"An error text that will be shown below the dropdown when `invalid` is true",name:"error",required:!1,type:{name:"ReactNode"}},icon:{defaultValue:null,description:"Icon to be shown in the dropdown",name:"icon",required:!1,type:{name:"ReactNode"}},id:{defaultValue:null,description:"Used to generate the first part of the id on the elements",name:"id",required:!1,type:{name:"string"}},invalid:{defaultValue:null,description:"If `true`, the input and `helper` will be displayed in an invalid state",name:"invalid",required:!1,type:{name:"boolean"}},isOptionDisabled:{defaultValue:null,description:"A function used to detect whether an option is disabled",name:"isOptionDisabled",required:!1,type:{name:"(option: OptionType, index: number) => boolean"}},onBlur:{defaultValue:null,description:"Callback function fired when the state is changed",name:"onBlur",required:!1,type:{name:"() => void"}},onFocus:{defaultValue:null,description:"Callback function fired when the component is focused",name:"onFocus",required:!1,type:{name:"() => void"}},optionKeyField:{defaultValue:null,description:"Sets the data item field that represents the item key. Key needs to be unique between items.\nE.g. an `optionKeyField` value of `'bar'` and a data item `{ foo: 'Label', bar: 'value' }`, would use `'value'` as the key in the menu for that specific item\nUses value of `optionLabelField` by default.",name:"optionKeyField",required:!1,type:{name:"string"}},optionLabelField:{defaultValue:null,description:"Sets the data item field that represents the item label\nE.g. an `optionLabelField` value of `'foo'` and a data item `{ foo: 'Label', bar: 'value' }`, would display `Label` in the menu for that specific item",name:"optionLabelField",required:!1,type:{name:"string"}},options:{defaultValue:null,description:"Array of options that should be shown in the menu",name:"options",required:!0,type:{name:"OptionType[]"}},placeholder:{defaultValue:null,description:"Short hint displayed in the dropdown before the user enters a value",name:"placeholder",required:!1,type:{name:"string"}},required:{defaultValue:null,description:"If `true`, marks the dropdown as required",name:"required",required:!1,type:{name:"boolean"}},style:{defaultValue:null,description:"Override or extend the root styles applied to the component",name:"style",required:!1,type:{name:"CSSProperties"}},theme:{defaultValue:null,description:"Custom theme styles",name:"theme",required:!1,type:{name:"SelectCustomTheme"}},virtualized:{defaultValue:null,description:"If `true`, the menu options will be virtualized. This greatly increases performance when there are a lot of options,\nbut screen readers won't be able to know how many options there are.",name:"virtualized",required:!1,type:{name:"boolean"}},visibleOptions:{defaultValue:null,description:"Sets the number of options that are visible in the menu before it becomes scrollable",name:"visibleOptions",required:!1,type:{name:"number"}},tooltipLabel:{defaultValue:null,description:"Aria-label text for the tooltip",name:"tooltipLabel",required:!1,type:{name:"string"}},tooltipButtonLabel:{defaultValue:null,description:"Aria-label text for the tooltip trigger button",name:"tooltipButtonLabel",required:!1,type:{name:"string"}},tooltipText:{defaultValue:null,description:"The text content of the tooltip",name:"tooltipText",required:!1,type:{name:"string"}},clearButtonAriaLabel:{defaultValue:null,description:"The aria-label for the clear button",name:"clearButtonAriaLabel",required:!1,type:{name:"string"}},multiselect:{defaultValue:{value:"false"},description:"When `true`, enables selecting multiple values",name:"multiselect",required:!1,type:{name:"boolean"}},defaultValue:{defaultValue:null,description:"Value that should be selected when the dropdown is initialized\nValue(s) that should be selected when the dropdown is initialized",name:"defaultValue",required:!1,type:{name:"OptionType | OptionType[]"}},onChange:{defaultValue:null,description:"Callback function fired when the state is changed",name:"onChange",required:!1,type:{name:"((selected: OptionType) => void) | ((selected: OptionType[]) => void)"}},value:{defaultValue:null,description:"The selected value\nThe selected value(s)",name:"value",required:!1,type:{name:"OptionType | OptionType[]"}},getA11yRemovalMessage:{defaultValue:null,description:"Function used to generate an ARIA a11y message when an item is removed. See [here](https://github.com/downshift-js/downshift/tree/master/src/hooks/useMultipleSelection#geta11yremovalmessage) for more information.",name:"getA11yRemovalMessage",required:!1,type:{name:"(options: A11yRemovalMessage) => string"}},selectedItemRemoveButtonAriaLabel:{defaultValue:null,description:"The aria-label for the selected item remove button.\nYou can use a special {value} token that will be replaced with the actual item value.\nE.g. an item with the label Foo and property value of `'Remove ${value}'` would become `aria-label=\"Remove Foo\"`.",name:"selectedItemRemoveButtonAriaLabel",required:!0,type:{name:"string"}},selectedItemSrLabel:{defaultValue:null,description:"A label for the selected items that is only visible to screen readers. Can be used to to give screen reader users additional information about the selected item.\nYou can use a special {value} token that will be replaced with the actual item value.\nE.g. an item with the label Foo and property value of `'Selected item ${value}'` would become `aria-label=\"Selected item Foo\"`.",name:"selectedItemSrLabel",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/dropdown/select/Select.tsx#Select"]={docgenInfo:Select.__docgenInfo,name:"Select",path:"src/components/dropdown/select/Select.tsx#Select"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/errorSummary/ErrorSummary.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{X:()=>ErrorSummary});var react=__webpack_require__("../../node_modules/react/index.js"),Notification_module=(__webpack_require__("./src/styles/base.css"),__webpack_require__("./src/components/notification/Notification.module.css"));const ErrorSummary_module_errorSummaryBody="ErrorSummary_errorSummaryBody__tyRnt",ErrorSummary_module_label="ErrorSummary_label__X3qz7";var IconAlertCircleFill=__webpack_require__("./src/icons/IconAlertCircleFill.tsx"),classNames=__webpack_require__("./src/utils/classNames.ts"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),ErrorSummary=react.forwardRef((function(_ref,ref){var _ref$autofocus=_ref.autofocus,autofocus=void 0!==_ref$autofocus&&_ref$autofocus,className=_ref.className,label=_ref.label,_ref$size=_ref.size,size=void 0===_ref$size?"default":_ref$size,style=_ref.style,children=_ref.children,labelRef=(0,react.useRef)(null);return(0,react.useEffect)((function(){!0===autofocus&&labelRef.current.focus()}),[autofocus]),(0,jsx_runtime.jsx)("div",{ref,className:(0,classNames.Z)(Notification_module.Z.notification,Notification_module.Z[size],Notification_module.Z.error,className),style,"aria-label":"Error summary","aria-atomic":"true",children:(0,jsx_runtime.jsxs)("div",{className:Notification_module.Z.content,children:[(0,jsx_runtime.jsxs)("div",{className:(0,classNames.Z)(Notification_module.Z.label,ErrorSummary_module_label),role:"heading","aria-level":2,tabIndex:-1,ref:labelRef,children:[(0,jsx_runtime.jsx)(IconAlertCircleFill.IconAlertCircleFill,{className:Notification_module.Z.icon,"aria-hidden":!0}),label]}),(0,jsx_runtime.jsx)("div",{className:(Notification_module.Z.body,ErrorSummary_module_errorSummaryBody),children})]})})}));try{ErrorSummary.displayName="ErrorSummary",ErrorSummary.__docgenInfo={description:"",displayName:"ErrorSummary",props:{autofocus:{defaultValue:{value:"false"},description:"Automatically focus the label of the error summary",name:"autofocus",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"Additional class names to apply to the error summary",name:"className",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"The label of the error summary.",name:"label",required:!0,type:{name:"ReactNode"}},size:{defaultValue:{value:"default"},description:"The size of the error summary",name:"size",required:!1,type:{name:"enum",value:[{value:'"default"'},{value:'"large"'}]}},style:{defaultValue:null,description:"Override or extend the styles applied to the component",name:"style",required:!1,type:{name:"CSSProperties"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/errorSummary/ErrorSummary.tsx#ErrorSummary"]={docgenInfo:ErrorSummary.__docgenInfo,name:"ErrorSummary",path:"src/components/errorSummary/ErrorSummary.tsx#ErrorSummary"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/fieldset/Fieldset.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{p:()=>Fieldset});var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),objectWithoutProperties=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js");__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/styles/base.css");const Fieldset_module_fieldset="Fieldset_fieldset__tEBPK fieldset_hds-fieldset__Mlrn-",Fieldset_module_border="Fieldset_border__D+WGs fieldset_hds-fieldset--border__KXoAh",Fieldset_module_legend="Fieldset_legend__iHVuj fieldset_hds-fieldset-legend__Ciy0X",Fieldset_module_helperText="Fieldset_helperText__XRCji helpers_helper-text__kpl-5",Fieldset_module_legendWithTooltip="Fieldset_legendWithTooltip__b9Pvq fieldset_hds-fieldset-legend__Ciy0X",Fieldset_module_tooltipButton="Fieldset_tooltipButton__rkt3K";var classNames=__webpack_require__("./src/utils/classNames.ts"),Tooltip=__webpack_require__("./src/components/tooltip/Tooltip.tsx"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_excluded=["heading","border","className","helperText","tooltipText","tooltipLabel","tooltipButtonLabel","children"],Fieldset=function Fieldset(_ref){var heading=_ref.heading,border=_ref.border,className=_ref.className,helperText=_ref.helperText,tooltipText=_ref.tooltipText,tooltipLabel=_ref.tooltipLabel,tooltipButtonLabel=_ref.tooltipButtonLabel,children=_ref.children,fieldSetProps=(0,objectWithoutProperties.Z)(_ref,_excluded);return(0,jsx_runtime.jsxs)("fieldset",(0,objectSpread2.Z)((0,objectSpread2.Z)({className:(0,classNames.Z)(Fieldset_module_fieldset,border&&Fieldset_module_border,className)},fieldSetProps),{},{children:[(0,jsx_runtime.jsxs)("legend",{className:tooltipText?Fieldset_module_legendWithTooltip:Fieldset_module_legend,children:[heading,tooltipText&&(0,jsx_runtime.jsx)(Tooltip.u,{className:Fieldset_module_tooltipButton,tooltipLabel,buttonLabel:tooltipButtonLabel,children:tooltipText})]}),children,helperText&&(0,jsx_runtime.jsx)("div",{className:Fieldset_module_helperText,children:helperText})]}))};try{Fieldset.displayName="Fieldset",Fieldset.__docgenInfo={description:"",displayName:"Fieldset",props:{heading:{defaultValue:null,description:"Heading text inside legend element",name:"heading",required:!0,type:{name:"string"}},border:{defaultValue:null,description:"If `true` border will be drawn around the fieldset.",name:"border",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"Additional class names to apply to the card.",name:"className",required:!1,type:{name:"string"}},helperText:{defaultValue:null,description:"",name:"helperText",required:!1,type:{name:"string"}},tooltipText:{defaultValue:null,description:"Tooltip text for the fieldset",name:"tooltipText",required:!1,type:{name:"string"}},tooltipLabel:{defaultValue:null,description:"Aria-label text for the tooltip",name:"tooltipLabel",required:!1,type:{name:"string"}},tooltipButtonLabel:{defaultValue:null,description:"Aria-label text for the tooltip trigger button",name:"tooltipButtonLabel",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/fieldset/Fieldset.tsx#Fieldset"]={docgenInfo:Fieldset.__docgenInfo,name:"Fieldset",path:"src/components/fieldset/Fieldset.tsx#Fieldset"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/fileInput/FileInput.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{S:()=>FileInput});var toConsumableArray=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/toConsumableArray.js"),objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),slicedToArray=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react=__webpack_require__("../../node_modules/react/index.js"),lodash_uniqueid=__webpack_require__("../../node_modules/lodash.uniqueid/index.js"),lodash_uniqueid_default=__webpack_require__.n(lodash_uniqueid),composeAriaDescribedBy=(__webpack_require__("./src/styles/base.css"),__webpack_require__("./src/utils/composeAriaDescribedBy.ts")),classNames=__webpack_require__("./src/utils/classNames.ts"),Button=__webpack_require__("./src/components/button/Button.tsx"),IconUpload=__webpack_require__("./src/icons/IconUpload.tsx"),IconPlus=__webpack_require__("./src/icons/IconPlus.tsx"),IconPhoto=__webpack_require__("./src/icons/IconPhoto.tsx"),IconDocument=__webpack_require__("./src/icons/IconDocument.tsx"),IconCross=__webpack_require__("./src/icons/IconCross.tsx"),InputWrapper=__webpack_require__("./src/internal/input-wrapper/InputWrapper.tsx");const FileInput_module_fileInput="FileInput_fileInput__28l+n",FileInput_module_dragAndDropHelperText="FileInput_dragAndDropHelperText__EXThC",FileInput_module_dragAndDrop="FileInput_dragAndDrop__Fa8zS",FileInput_module_dragAndDropActive="FileInput_dragAndDropActive__wnsu8",FileInput_module_dragAndDropDisabled="FileInput_dragAndDropDisabled__OhoJn",FileInput_module_dragAndDropLabel="FileInput_dragAndDropLabel__Pf3uh",FileInput_module_dragAndDropLabelText="FileInput_dragAndDropLabelText__+bvhR",FileInput_module_fileInputContainer="FileInput_fileInputContainer__iJA9K",FileInput_module_fileInputWrapper="FileInput_fileInputWrapper__R5UUk",FileInput_module_fileList="FileInput_fileList__rKP3y",FileInput_module_fileListItem="FileInput_fileListItem__1azAx",FileInput_module_fileListItemTitle="FileInput_fileListItemTitle__zp6kM",FileInput_module_fileListItemName="FileInput_fileListItemName__TruWb",FileInput_module_fileListItemSize="FileInput_fileListItemSize__2QhuF",FileInput_module_fileListItemButton="FileInput_fileListItemButton__pST8b";var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),convertFileToFileItem=function convertFileToFileItem(file){return{file,uiId:lodash_uniqueid_default()(file.name)}},convertFileItemToFile=function convertFileItemToFile(fileItem){return fileItem.file},formatBytes=function formatBytes(bytes){if(0===bytes)return"0 B";var sizeUnitIndex=Math.floor(Math.log(bytes)/Math.log(1024)),sizeInUnit=bytes/Math.pow(1024,sizeUnitIndex);return"".concat(sizeUnitIndex<2||sizeInUnit%1==0?Math.round(sizeInUnit):sizeInUnit.toFixed(1)," ").concat(["B","KB","MB","GB","TB"][sizeUnitIndex])},getButtonLabel=function getButtonLabel(language,multiple){return{en:"Add ".concat(multiple?"files":"a file"),fi:"Lisää ".concat(multiple?"tiedostoja":"tiedosto"),sv:"Välj ".concat(multiple?"filer":"en fil")}[language]},getDragAndDropLabel=function getDragAndDropLabel(language){return{en:"Drag files here",fi:"Raahaa tiedostot tähän",sv:"Dra filerna hit"}[language]},getDragAndDropInputLabel=function getDragAndDropInputLabel(language){return{en:"or browse from your device",fi:"tai valitse tiedostot laitteeltasi",sv:"eller välj filerna från din enhet"}[language]},getNoFilesAddedMessage=function getNoFilesAddedMessage(language){return{en:"No file has been selected.",fi:"Yhtään tiedostoa ei ole valittu.",sv:"Ingen fil har valts."}[language]},getRemoveButtonLabel=function getRemoveButtonLabel(language){return{en:"Remove",fi:"Poista",sv:"Ta bort"}[language]},getRemoveButtonAriaLabel=function getRemoveButtonAriaLabel(language,fileName){return{en:"Remove ".concat(fileName," from the added files."),fi:"Poista tiedosto ".concat(fileName," lisätyistä tiedostoista."),sv:"Ta bort ".concat(fileName," från filerna som lagts till.")}[language]},getFileListAriaLabel=function getFileListAriaLabel(language,totalAddedFiles){return{en:"".concat(0===totalAddedFiles?"1 file":"".concat(totalAddedFiles," files")," added."),fi:"".concat(0===totalAddedFiles?"1 tiedosto":"".concat(totalAddedFiles," tiedostoa")," added."),sv:"".concat(0===totalAddedFiles?"1 fil":"".concat(totalAddedFiles," filer")," har lagts till.")}[language]},getAddSuccessMessage=function getAddSuccessMessage(language,numberOfAdded,numberOfTotal){var partOfTotalStr=numberOfAdded===numberOfTotal?numberOfAdded:"".concat(numberOfAdded,"/").concat(numberOfTotal);return{en:"".concat(partOfTotalStr," file(s) added."),fi:"".concat(partOfTotalStr," tiedosto(a) lisätty."),sv:"".concat(partOfTotalStr," fil(er) har lagts till.")}[language]},getMaxSizeMessage=function getMaxSizeMessage(language,maxSize){var formattedMaxSize=formatBytes(maxSize);return{en:"The maximum file size is ".concat(formattedMaxSize,"."),fi:"Suurin sallittu tiedostokoko on ".concat(formattedMaxSize,"."),sv:"Den maximala filstorleken är ".concat(formattedMaxSize,".")}[language]},getAcceptString=function getAcceptString(accept,conjunction){var acceptList=accept.split(",");if(1===acceptList.length)return acceptList.toString();var last=acceptList.pop();return"".concat(acceptList.join(", ")," ").concat(conjunction," ").concat(last)},getAcceptMessage=function getAcceptMessage(language,accept){return{en:"Only ".concat(getAcceptString(accept,"and")," files."),fi:"Vain ".concat(getAcceptString(accept,"ja")," tiedostoja."),sv:"Endast ".concat(getAcceptString(accept,"och")," filer.")}[language]},getAcceptErrorMessage=function getAcceptErrorMessage(language,file,accept){var acceptMessage=getAcceptMessage(language,accept);return{en:"The file type, ".concat(file.name,", is not supported. ").concat(acceptMessage),fi:"Tiedoston, ".concat(file.name,", tyyppi ei vastaa hyväksyttyjä tiedostotyppejä. ").concat(acceptMessage),sv:"Filformatet, ".concat(file.name,", stöds inte. ").concat(acceptMessage)}[language]},getMaxSizeErrorMessage=function getMaxSizeErrorMessage(language,file,maxSize){var fileSize=formatBytes(file.size);return{en:"File, ".concat(file.name,", is too large (").concat(fileSize,"). ").concat(getMaxSizeMessage(language,maxSize)),fi:"Tiedosto, ".concat(file.name," on liian suuri (").concat(fileSize,"). ").concat(getMaxSizeMessage(language,maxSize)),sv:"Filen, ".concat(file.name,", är för stor (").concat(fileSize,"). ").concat(getMaxSizeMessage(language,maxSize))}[language]},ValidationErrorType=function(ValidationErrorType){return ValidationErrorType.accept="accept",ValidationErrorType.maxSize="maxSize",ValidationErrorType}(ValidationErrorType||{}),validateAccept=function validateAccept(language,accept){return function(file){var extension=function getExtension(path){if(!path||"string"!=typeof path||""===path)return console.warn("FileInput: Path must be a non-empty string. Path is now ".concat(JSON.stringify(path))),"";var lastDotIndex=path.lastIndexOf(".");if(-1===lastDotIndex)return console.warn("FileInput: File is missing extension"),"";var extensionWithDot=path.substring(lastDotIndex);return extensionWithDot.length<=1?(console.warn("FileInput: File is missing extension"),""):extensionWithDot}(file.name),fileType=file.type,acceptedExtensions=accept.split(",").map((function(str){return str.trim()})),isMatchingType=!!acceptedExtensions.find((function(acceptExtension){return acceptExtension.includes(fileType)||acceptExtension.includes("".concat(fileType.split("/")[0],"/*"))})),hasMatchingFileExtension=!!acceptedExtensions.find((function(acceptExtension){return acceptExtension===extension}));return isMatchingType||hasMatchingFileExtension||{type:ValidationErrorType.accept,text:getAcceptErrorMessage(language,file,accept)}}},validateMaxSize=function validateMaxSize(language,maxSize){return function(file){return file.size<=maxSize||{type:ValidationErrorType.maxSize,text:getMaxSizeErrorMessage(language,file,maxSize)}}},FileInput=function FileInput(_ref){var id=_ref.id,label=_ref.label,buttonLabel=_ref.buttonLabel,_ref$language=_ref.language,language=void 0===_ref$language?"fi":_ref$language,defaultValue=_ref.defaultValue,disabled=_ref.disabled,dragAndDrop=_ref.dragAndDrop,dragAndDropLabel=_ref.dragAndDropLabel,dragAndDropInputLabel=_ref.dragAndDropInputLabel,maxSize=_ref.maxSize,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,successText=_ref.successText,errorText=_ref.errorText,helperText=_ref.helperText,infoText=_ref.infoText,onChange=_ref.onChange,required=_ref.required,style=_ref.style,accept=_ref.accept,multiple=_ref.multiple,tooltipLabel=_ref.tooltipLabel,tooltipButtonLabel=_ref.tooltipButtonLabel,tooltipText=_ref.tooltipText,inputRef=(0,react.useRef)(null),didMountRef=(0,react.useRef)(!1),_useState=(0,react.useState)([]),_useState2=(0,slicedToArray.Z)(_useState,2),selectedFileItems=_useState2[0],setSelectedFileItems=_useState2[1],_useState3=(0,react.useState)(),_useState4=(0,slicedToArray.Z)(_useState3,2),inputStateText=_useState4[0],setInputStateText=_useState4[1],_useState5=(0,react.useState)(),_useState6=(0,slicedToArray.Z)(_useState5,2),invalidText=_useState6[0],setInvalidText=_useState6[1],_useState7=(0,react.useState)(),_useState8=(0,slicedToArray.Z)(_useState7,2),processSuccessText=_useState8[0],setProcessSuccessText=_useState8[1],hasFileItems=selectedFileItems&&selectedFileItems.length>0,fileListId="".concat(id,"-list"),fileListRef=(0,react.useRef)(null),fileListFocusIndexRef=(0,react.useRef)(),dropAreaRef=(0,react.useRef)(null),_useState9=(0,react.useState)(!1),_useState10=(0,slicedToArray.Z)(_useState9,2),isDragOverDrop=_useState10[0],setIsDragOverDrop=_useState10[1],instructionsText=[accept&&getAcceptMessage(language,accept),maxSize&&getMaxSizeMessage(language,maxSize)].filter((function(t){return!!t})).join(" "),helperTextToUse=helperText||instructionsText,errorTextToUse=errorText||invalidText,infoTextToUse=infoText||inputStateText,wrapperProps={className,helperText:helperTextToUse,successText:successText||processSuccessText,errorText:errorTextToUse,infoText:disabled?void 0:infoTextToUse,id,label,required,style,tooltipLabel,tooltipButtonLabel,tooltipText},passClickToInput=function passClickToInput(){inputRef.current&&inputRef.current.click()},passFocusToInput=function passFocusToInput(){inputRef.current&&inputRef.current.focus()},clearState=function clearState(){setProcessSuccessText(void 0),setInputStateText(void 0),setInvalidText(void 0),fileListFocusIndexRef.current=null},validationFns=[accept?validateAccept(language,accept):void 0,maxSize?validateMaxSize(language,maxSize):void 0].filter((function(fn){return!!fn})),runValidations=function runValidations(files){return 0===validationFns.length?{validFiles:files,validationErrors:[]}:files.reduce((function(acc,file){var errors=validationFns.map((function(fn){return fn(file)})).filter((function(r){return!0!==r}));return errors.length>0?(0,objectSpread2.Z)((0,objectSpread2.Z)({},acc),{},{validationErrors:[].concat((0,toConsumableArray.Z)(acc.validationErrors),[errors])}):(0,objectSpread2.Z)((0,objectSpread2.Z)({},acc),{},{validFiles:[].concat((0,toConsumableArray.Z)(acc.validFiles),[file])})}),{validFiles:[],validationErrors:[]})},getValidationErrorsMessage=function getValidationErrorsMessage(errors,totalNumberOfFiles){return"".concat(function getFailedValidationTitle(language,numberOfFailed,numberOfTotal){var partOfTotalStr="".concat(numberOfFailed,"/").concat(numberOfTotal);return{en:"File processing failed for ".concat(partOfTotalStr," files:\n"),fi:"Tiedostonlisäys epäonnistui ".concat(partOfTotalStr," tiedoston kohdalla:\n"),sv:"Filprocesseringen av filerna ".concat(partOfTotalStr," misslyckades:\n")}[language]}(language,errors.length,totalNumberOfFiles)).concat(errors.map((function(errorSet){return"- ".concat(errorSet[0].text)})).join("\n"))},afterFileItemsChange=function afterFileItemsChange(fileItems){if(onChange){var selectedFiles=fileItems.map(convertFileItemToFile);onChange(selectedFiles)}!function resetInputValue(){inputRef.current&&(inputRef.current.value="")}()},onFilesChange=function onFilesChange(files){clearState(),multiple?function handleMultipleChange(files){if(files.length>0){var _runValidations2=runValidations(files),validFiles=_runValidations2.validFiles,validationErrors=_runValidations2.validationErrors;if(validationErrors.length>0&&setInvalidText(getValidationErrorsMessage(validationErrors,files.length)),validFiles.length>0){var newFileItems=validFiles.map(convertFileToFileItem),allFileItems=[].concat((0,toConsumableArray.Z)(selectedFileItems),(0,toConsumableArray.Z)(newFileItems));setSelectedFileItems(allFileItems),setProcessSuccessText(getAddSuccessMessage(language,validFiles.length,files.length)),afterFileItemsChange(allFileItems)}}}(files):function handleSingleFileChange(files){if(files.length>0){var _runValidations=runValidations(files),validFiles=_runValidations.validFiles,validationErrors=_runValidations.validationErrors;if(validationErrors.length>0)setInvalidText(getValidationErrorsMessage(validationErrors,1));else{var newFileItems=[convertFileToFileItem(validFiles[0])];setSelectedFileItems(newFileItems),setProcessSuccessText(getAddSuccessMessage(language,1,1)),afterFileItemsChange(newFileItems)}}}(files)},onDragEnter=function onDragEnter(event){event.preventDefault(),event.stopPropagation(),setIsDragOverDrop(!0)},onDragLeave=function onDragLeave(event){event.preventDefault(),event.stopPropagation(),setIsDragOverDrop(!1)};(0,react.useEffect)((function(){didMountRef.current||(setInputStateText(getNoFilesAddedMessage(language)),didMountRef.current=!0)}),[setInputStateText,language]),(0,react.useEffect)((function(){if(!hasFileItems&&defaultValue&&inputRef.current){var dataTransfer=new DataTransfer;defaultValue.forEach((function(defaultFile){var file=new File([defaultFile],defaultFile.name,{type:defaultFile.type,lastModified:defaultFile.lastModified});dataTransfer.items.add(file)})),inputRef.current.files=dataTransfer.files;var event=new Event("change",{bubbles:!0});inputRef.current.dispatchEvent(event)}}),[defaultValue]);var ariaDescribedBy=[(0,composeAriaDescribedBy.Z)(id,helperTextToUse,errorTextToUse,successText,infoTextToUse),hasFileItems&&fileListId].filter((function(text){return!!text})).join(" ");return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(InputWrapper.S,(0,objectSpread2.Z)((0,objectSpread2.Z)({},wrapperProps),{},{children:(0,jsx_runtime.jsxs)("div",{className:FileInput_module_fileInputContainer,children:[dragAndDrop&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("div",(0,objectSpread2.Z)((0,objectSpread2.Z)({"aria-hidden":!0,className:(0,classNames.Z)(FileInput_module_dragAndDrop,isDragOverDrop&&FileInput_module_dragAndDropActive,disabled&&FileInput_module_dragAndDropDisabled),ref:dropAreaRef},disabled?{}:{onClick:function onClick(){return passClickToInput()},onDragEnter,onDragOver:onDragEnter,onDragLeave,onDrop:function onDrop(event){var dataTransfer=event.dataTransfer;onDragLeave(event),onFilesChange(Array.from(dataTransfer.files))}}),{},{children:(0,jsx_runtime.jsxs)("div",{className:FileInput_module_dragAndDropLabel,children:[(0,jsx_runtime.jsx)(IconUpload.IconUpload,{"aria-hidden":!0}),(0,jsx_runtime.jsx)("span",{className:FileInput_module_dragAndDropLabelText,children:dragAndDropLabel||getDragAndDropLabel(language)})]})})),(0,jsx_runtime.jsx)("div",{className:FileInput_module_dragAndDropHelperText,children:dragAndDropInputLabel||getDragAndDropInputLabel(language)})]}),(0,jsx_runtime.jsxs)("div",{className:FileInput_module_fileInputWrapper,children:[(0,jsx_runtime.jsx)(Button.z,{"aria-hidden":!0,tabIndex:-1,variant:"secondary",iconLeft:(0,jsx_runtime.jsx)(IconPlus.IconPlus,{"aria-hidden":!0}),onClick:function onClick(event){event.preventDefault(),event.stopPropagation(),passFocusToInput(),passClickToInput()},disabled,children:buttonLabel||getButtonLabel(language,multiple)}),(0,jsx_runtime.jsx)("input",(0,objectSpread2.Z)((0,objectSpread2.Z)({type:"file",ref:inputRef,id,disabled,required,"aria-describedby":ariaDescribedBy,className:FileInput_module_fileInput,onChange:function onChange(event){onFilesChange(Array.from(event.target.files))}},accept?{accept}:{}),multiple?{multiple}:{}))]})]})})),(0,jsx_runtime.jsx)("ul",{id:fileListId,ref:fileListRef,tabIndex:-1,className:FileInput_module_fileList,"aria-label":hasFileItems?getFileListAriaLabel(language,selectedFileItems.length):getNoFilesAddedMessage(language),children:selectedFileItems.map((function(item,index){return(0,jsx_runtime.jsxs)("li",{className:FileInput_module_fileListItem,tabIndex:-1,ref:function ref(el){el&&fileListRef.current&&fileListFocusIndexRef.current===index&&el.focus()},children:[item.file.type.startsWith("image")?(0,jsx_runtime.jsx)(IconPhoto.IconPhoto,{"aria-hidden":!0}):(0,jsx_runtime.jsx)(IconDocument.IconDocument,{"aria-hidden":!0}),(0,jsx_runtime.jsxs)("div",{className:FileInput_module_fileListItemTitle,children:[(0,jsx_runtime.jsx)("span",{className:FileInput_module_fileListItemName,children:item.file.name}),(0,jsx_runtime.jsxs)("span",{className:FileInput_module_fileListItemSize,children:["(",formatBytes(item.file.size),")"]})]}),(0,jsx_runtime.jsx)(Button.z,{onClick:function onClick(event){event.preventDefault(),event.stopPropagation(),function onRemoveFileFromList(fileItemToRemove,indexToRemove){clearState();var selectedFileItemsWithoutRemoved=selectedFileItems.filter((function(fileItem){return fileItem.uiId!==fileItemToRemove.uiId}));setSelectedFileItems(selectedFileItemsWithoutRemoved),selectedFileItemsWithoutRemoved.length>0?(fileListFocusIndexRef.current=indexToRemove>0?indexToRemove-1:0,setInputStateText(function getRemoveSuccessMessage(language){return{en:"The file has been deleted.",fi:"Tiedosto poistettu.",sv:"Filen har tagits bort."}[language]}(language))):(passFocusToInput(),setInputStateText(getNoFilesAddedMessage(language))),afterFileItemsChange(selectedFileItemsWithoutRemoved)}(item,index)},variant:"supplementary",size:"small",theme:"black",iconLeft:(0,jsx_runtime.jsx)(IconCross.IconCross,{}),"aria-label":getRemoveButtonAriaLabel(language,item.file.name),className:FileInput_module_fileListItemButton,disabled,children:getRemoveButtonLabel(language)})]},item.uiId)}))})]})};try{formatBytes.displayName="formatBytes",formatBytes.__docgenInfo={description:"",displayName:"formatBytes",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/fileInput/FileInput.tsx#formatBytes"]={docgenInfo:formatBytes.__docgenInfo,name:"formatBytes",path:"src/components/fileInput/FileInput.tsx#formatBytes"})}catch(__react_docgen_typescript_loader_error){}try{FileInput.displayName="FileInput",FileInput.__docgenInfo={description:"",displayName:"FileInput",props:{accept:{defaultValue:null,description:"A comma-separated list of unique file type specifiers describing file types to allow. If present, the filename extension or filetype property is validated against the list. If the file(s) do not match the acceptance criteria, the component will not add the file(s), and it will show an error message with the file name.",name:"accept",required:!1,type:{name:"string"}},buttonLabel:{defaultValue:null,description:"The label for the file button. Overrides default text. The button is not visible for assistive technology",name:"buttonLabel",required:!1,type:{name:"string"}},className:{defaultValue:{value:""},description:"Additional class names to apply to the file input",name:"className",required:!1,type:{name:"string"}},defaultValue:{defaultValue:null,description:"Default selected files for the input",name:"defaultValue",required:!1,type:{name:"File[]"}},disabled:{defaultValue:null,description:"If `true`, the file input will be disabled",name:"disabled",required:!1,type:{name:"boolean"}},dragAndDrop:{defaultValue:null,description:"If `true`, the file input will have a drag and drop area",name:"dragAndDrop",required:!1,type:{name:"boolean"}},dragAndDropLabel:{defaultValue:null,description:"Overrides default drag and drop area text",name:"dragAndDropLabel",required:!1,type:{name:"string"}},dragAndDropInputLabel:{defaultValue:null,description:"Overrides default label text between the drag and drop area and the input",name:"dragAndDropInputLabel",required:!1,type:{name:"string"}},errorText:{defaultValue:null,description:"The error text content that will be shown below the input",name:"errorText",required:!1,type:{name:"string"}},helperText:{defaultValue:null,description:"The helper text content that will be shown below the input",name:"helperText",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"The id of the input element",name:"id",required:!0,type:{name:"string"}},infoText:{defaultValue:null,description:"The info text content that will be shown below the input",name:"infoText",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"The label for the input",name:"label",required:!0,type:{name:"string"}},language:{defaultValue:{value:"fi"},description:"The language of the component. It affects which language is used to present component-specific messages, labels, and aria-labels",name:"language",required:!1,type:{name:"enum",value:[{value:'"en"'},{value:'"fi"'},{value:'"sv"'}]}},maxSize:{defaultValue:null,description:"Maximum file size in bytes. If present, the file size is compared to this property. If the file(s) size property is larger than the max size, the component will not add the file(s), and it will show an error message with the file name.",name:"maxSize",required:!1,type:{name:"number"}},multiple:{defaultValue:null,description:"A Boolean that indicates that more than one file can be chosen",name:"multiple",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"Callback fired when the list of files changes",name:"onChange",required:!0,type:{name:"(files: File[]) => void"}},required:{defaultValue:null,description:"If `true`, the label is displayed as required and the `input` element will be required",name:"required",required:!1,type:{name:"boolean"}},style:{defaultValue:null,description:"Override or extend the styles applied to the component",name:"style",required:!1,type:{name:"CSSProperties"}},successText:{defaultValue:null,description:"The success text content that will be shown below the input",name:"successText",required:!1,type:{name:"string"}},tooltipLabel:{defaultValue:null,description:"Aria-label text for the tooltip",name:"tooltipLabel",required:!1,type:{name:"string"}},tooltipButtonLabel:{defaultValue:null,description:"Aria-label text for the tooltip trigger button",name:"tooltipButtonLabel",required:!1,type:{name:"string"}},tooltipText:{defaultValue:null,description:"The text content of the tooltip",name:"tooltipText",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/fileInput/FileInput.tsx#FileInput"]={docgenInfo:FileInput.__docgenInfo,name:"FileInput",path:"src/components/fileInput/FileInput.tsx#FileInput"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/header/Header.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{h:()=>Header});var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),objectWithoutProperties=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react=__webpack_require__("../../node_modules/react/index.js"),classNames=__webpack_require__("./src/utils/classNames.ts"),HeaderContext=__webpack_require__("./src/components/header/HeaderContext.tsx"),HeaderUniversalBar=__webpack_require__("./src/components/header/components/headerUniversalBar/HeaderUniversalBar.tsx"),HeaderActionBar=__webpack_require__("./src/components/header/components/headerActionBar/HeaderActionBar.tsx"),HeaderNavigationMenu=__webpack_require__("./src/components/header/components/headerNavigationMenu/HeaderNavigationMenu.tsx"),HeaderLink=__webpack_require__("./src/components/header/components/headerLink/HeaderLink.tsx"),HeaderActionBarItemWithDropdown=__webpack_require__("./src/components/header/components/headerActionBarItem/HeaderActionBarItemWithDropdown.tsx"),HeaderLanguageSelector=__webpack_require__("./src/components/header/components/headerLanguageSelector/HeaderLanguageSelector.tsx"),slicedToArray=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js");const HeaderSearch_module_searchContainer="HeaderSearch_searchContainer__SfMD1";var SearchInput=__webpack_require__("./src/components/searchInput/SearchInput.tsx"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),HeaderSearch=function HeaderSearch(_ref){var onChange=_ref.onChange,onSubmit=_ref.onSubmit,label=_ref.label,_useState=(0,react.useState)(""),_useState2=(0,slicedToArray.Z)(_useState,2),inputValue=_useState2[0],setInputValue=_useState2[1];(0,react.useEffect)((function(){onChange&&onChange(inputValue)}),[inputValue]);return(0,jsx_runtime.jsx)("div",{className:HeaderSearch_module_searchContainer,role:"search",children:(0,jsx_runtime.jsx)(SearchInput.M,{label,onSubmit:function handleSubmit(){onSubmit&&onSubmit(inputValue)},onChange:setInputValue})})};HeaderSearch.displayName="HeaderSearch";try{HeaderSearch.displayName="HeaderSearch",HeaderSearch.__docgenInfo={description:"",displayName:"HeaderSearch",props:{onSubmit:{defaultValue:null,description:"Callback fired when the search button or Enter key is pressed",name:"onSubmit",required:!1,type:{name:"(inputValue: string) => void"}},onChange:{defaultValue:null,description:"Callback fired when the search input value is changed",name:"onChange",required:!1,type:{name:"(inputValue: string) => void"}},label:{defaultValue:null,description:"Label for the search element.",name:"label",required:!0,type:{name:"string | Element"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/header/components/headerSearch/HeaderSearch.tsx#HeaderSearch"]={docgenInfo:HeaderSearch.__docgenInfo,name:"HeaderSearch",path:"src/components/header/components/headerSearch/HeaderSearch.tsx#HeaderSearch"})}catch(__react_docgen_typescript_loader_error){}var SkipLink=__webpack_require__("./src/internal/skipLink/SkipLink.tsx"),LanguageContext=__webpack_require__("./src/components/header/LanguageContext.tsx");__webpack_require__("./src/styles/base.css");const Header_module={header:"Header_header__QJfsy","theme-dark":"Header_theme-dark__H5GH1",headerBackgroundWrapper:"Header_headerBackgroundWrapper__E+oFj"};var useTheme=__webpack_require__("./src/hooks/useTheme.tsx"),_excluded=["ariaLabel","children","className"],_excluded2=["onDidChangeLanguage","defaultLanguage","languages"],Header_classNames=(0,classNames.P)(Header_module),HeaderNode=function HeaderNode(_ref){var ariaLabel=_ref.ariaLabel,children=_ref.children,className=_ref.className,props=(0,objectWithoutProperties.Z)(_ref,_excluded),isNotLargeScreen=(0,HeaderContext.Jv)().isNotLargeScreen,theme=props.theme,customThemeClass=(0,useTheme.F)(Header_module.header,theme),headerClassNames=Header_classNames("hds-header",Header_module.header,theme&&Header_module["theme-".concat(theme)],className,customThemeClass,{isNotLargeScreen});return(0,jsx_runtime.jsx)("header",(0,objectSpread2.Z)((0,objectSpread2.Z)({className:headerClassNames},props),{},{"aria-label":ariaLabel,children:(0,jsx_runtime.jsx)("div",{className:Header_module.headerBackgroundWrapper,children})}))},Header=function Header(_ref2){var onDidChangeLanguage=_ref2.onDidChangeLanguage,defaultLanguage=_ref2.defaultLanguage,languages=_ref2.languages,props=(0,objectWithoutProperties.Z)(_ref2,_excluded2);return(0,jsx_runtime.jsx)(HeaderContext.fL,{children:(0,jsx_runtime.jsx)(LanguageContext.iL,{onDidChangeLanguage,defaultLanguage,languages,children:(0,jsx_runtime.jsx)(HeaderNode,(0,objectSpread2.Z)({},props))})})};Header.UniversalBar=HeaderUniversalBar.V,Header.ActionBar=HeaderActionBar.K,Header.TitleStyleType=HeaderActionBar.b,Header.NavigationMenu=HeaderNavigationMenu.p,Header.ActionBarItem=HeaderActionBarItemWithDropdown.e,Header.Link=HeaderLink.K,Header.LanguageSelector=HeaderLanguageSelector.Mg,Header.Search=HeaderSearch,Header.SkipLink=SkipLink.G,Header.LanguageButton=HeaderLanguageSelector.Rf,Header.SimpleLanguageOptions=HeaderLanguageSelector.rq;try{Header.displayName="Header",Header.__docgenInfo={description:"",displayName:"Header",props:{ariaLabel:{defaultValue:null,description:"Aria-label for describing Header.",name:"ariaLabel",required:!1,type:{name:"string"}},className:{defaultValue:null,description:"Additional class names to apply to the header.",name:"className",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"ID of the header element.",name:"id",required:!1,type:{name:"string"}},theme:{defaultValue:null,description:"theme of the header element.",name:"theme",required:!1,type:{name:"HeaderTheme"}},defaultLanguage:{defaultValue:null,description:"",name:"defaultLanguage",required:!1,type:{name:"string"}},onDidChangeLanguage:{defaultValue:null,description:"",name:"onDidChangeLanguage",required:!1,type:{name:"(string: any) => void"}},languages:{defaultValue:null,description:"",name:"languages",required:!1,type:{name:"LanguageOption[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/header/Header.tsx#Header"]={docgenInfo:Header.__docgenInfo,name:"Header",path:"src/components/header/Header.tsx#Header"})}catch(__react_docgen_typescript_loader_error){}try{Header.UniversalBar.displayName="Header.UniversalBar",Header.UniversalBar.__docgenInfo={description:"",displayName:"Header.UniversalBar",props:{ariaLabel:{defaultValue:null,description:"Aria-label for describing UniversalBar.",name:"ariaLabel",required:!1,type:{name:"string"}},className:{defaultValue:null,description:"Additional class names to apply.",name:"className",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"Children are expected to be HeaderLink components or a container with HeaderLink components inside.",name:"children",required:!1,type:{name:"ReactNode"}},id:{defaultValue:null,description:"ID of the header element.",name:"id",required:!1,type:{name:"string"}},primaryLinkHref:{defaultValue:null,description:"Hypertext reference of the primary link.",name:"primaryLinkHref",required:!1,type:{name:"string"}},primaryLinkText:{defaultValue:null,description:"Link text for the primary link.",name:"primaryLinkText",required:!1,type:{name:"string"}},role:{defaultValue:null,description:"ARIA role to describe the contents.",name:"role",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/header/Header.tsx#Header.UniversalBar"]={docgenInfo:Header.UniversalBar.__docgenInfo,name:"Header.UniversalBar",path:"src/components/header/Header.tsx#Header.UniversalBar"})}catch(__react_docgen_typescript_loader_error){}try{Header.ActionBar.displayName="Header.ActionBar",Header.ActionBar.__docgenInfo={description:"",displayName:"Header.ActionBar",props:{ariaLabel:{defaultValue:null,description:"Aria-label for describing ActionBar.",name:"ariaLabel",required:!1,type:{name:"string"}},className:{defaultValue:null,description:"Additional class names to apply.",name:"className",required:!1,type:{name:"string"}},frontPageLabel:{defaultValue:null,description:"Label for front page link in mobile navigation menu.",name:"frontPageLabel",required:!0,type:{name:"string"}},openFrontPageLinksAriaLabel:{defaultValue:null,description:"Aria-label for describing opening main navigation links into view in mobile navigation menu.",name:"openFrontPageLinksAriaLabel",required:!1,type:{name:"string"}},logo:{defaultValue:null,description:"Logo to use",name:"logo",required:!0,type:{name:"ReactElement<({ alt, className, dataTestId, size, style, ...rest }: LogoProps) => Element, string | JSXElementConstructor>"}},logoAriaLabel:{defaultValue:null,description:"The aria-label for the logo to screen reader users.",name:"logoAriaLabel",required:!1,type:{name:"string"}},logoHref:{defaultValue:null,description:"Link for the logo.",name:"logoHref",required:!1,type:{name:"string"}},menuButtonAriaLabel:{defaultValue:null,description:"The aria-label for the menu button to screen reader users.",name:"menuButtonAriaLabel",required:!1,type:{name:"string"}},onLogoClick:{defaultValue:null,description:"Callback fired when the logo is clicked.",name:"onLogoClick",required:!1,type:{name:"MouseEventHandler"}},onTitleClick:{defaultValue:null,description:"Callback fired when the title is clicked.",name:"onTitleClick",required:!1,type:{name:"MouseEventHandler"}},role:{defaultValue:null,description:"ARIA role to describe the contents.",name:"role",required:!1,type:{name:"string"}},title:{defaultValue:null,description:"Service name that is displayed next to the Helsinki logo.",name:"title",required:!0,type:{name:"string"}},titleAriaLabel:{defaultValue:null,description:"The aria-label for the title describing the service to screen reader users.",name:"titleAriaLabel",required:!1,type:{name:"string"}},titleHref:{defaultValue:null,description:"Link for the title.",name:"titleHref",required:!0,type:{name:"string"}},titleStyle:{defaultValue:{value:"TitleStyleType.Normal"},description:"Style for title.",name:"titleStyle",required:!1,type:{name:"enum",value:[{value:'"normal"'},{value:'"bold"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/header/Header.tsx#Header.ActionBar"]={docgenInfo:Header.ActionBar.__docgenInfo,name:"Header.ActionBar",path:"src/components/header/Header.tsx#Header.ActionBar"})}catch(__react_docgen_typescript_loader_error){}try{Header.NavigationMenu.displayName="Header.NavigationMenu",Header.NavigationMenu.__docgenInfo={description:"",displayName:"Header.NavigationMenu",props:{ariaLabel:{defaultValue:null,description:"Aria-label for describing universal bar.",name:"ariaLabel",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"Children are expected to be HeaderLink components or a container with HeaderLink components inside.",name:"children",required:!1,type:{name:"ReactNode"}},id:{defaultValue:null,description:"ID of the header element.",name:"id",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/header/Header.tsx#Header.NavigationMenu"]={docgenInfo:Header.NavigationMenu.__docgenInfo,name:"Header.NavigationMenu",path:"src/components/header/Header.tsx#Header.NavigationMenu"})}catch(__react_docgen_typescript_loader_error){}try{Header.ActionBarItem.displayName="Header.ActionBarItem",Header.ActionBarItem.__docgenInfo={description:"",displayName:"Header.ActionBarItem",props:{id:{defaultValue:null,description:"ID of the dropdown item.",name:"id",required:!1,type:{name:"string"}},fullWidth:{defaultValue:{value:"false"},description:"Possibility to use a full-width version of the dropdown, for example in mobile use.",name:"fullWidth",required:!1,type:{name:"boolean"}},iconClassName:{defaultValue:null,description:"Additional classname for the icon.",name:"iconClassName",required:!1,type:{name:"string"}},dropdownClassName:{defaultValue:null,description:"Additional classname for the dropdown element.",name:"dropdownClassName",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Label for the action bar item.",name:"label",required:!0,type:{name:"string | Element"}},closeLabel:{defaultValue:{value:"Sulje"},description:"Label for the action bar item when dropdown is open.",name:"closeLabel",required:!1,type:{name:"string | Element"}},icon:{defaultValue:null,description:"Icon for the action bar item.",name:"icon",required:!0,type:{name:"Element"}},closeIcon:{defaultValue:null,description:"Icon for the action bar item when dropdown is open.",name:"closeIcon",required:!1,type:{name:"Element"}},ariaLabel:{defaultValue:null,description:"Aria-label attribute for the dropdown button.",name:"ariaLabel",required:!1,type:{name:"string"}},labelOnRight:{defaultValue:null,description:"Positions the label right side of the icon.",name:"labelOnRight",required:!1,type:{name:"boolean"}},fixedRightPosition:{defaultValue:null,description:"Fix the item position to the right side of the action bar.",name:"fixedRightPosition",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/header/Header.tsx#Header.ActionBarItem"]={docgenInfo:Header.ActionBarItem.__docgenInfo,name:"Header.ActionBarItem",path:"src/components/header/Header.tsx#Header.ActionBarItem"})}catch(__react_docgen_typescript_loader_error){}try{Header.Link.displayName="Header.Link",Header.Link.__docgenInfo={description:"",displayName:"Header.Link",props:{active:{defaultValue:null,description:"Indicator for active link. This is used in HeaderNavigationMenu.",name:"active",required:!1,type:{name:"boolean"}},as:{defaultValue:{value:"React.forwardRef(\n (\n {\n ariaLabel,\n children,\n className,\n disableVisitedStyles = false,\n external = false,\n href,\n iconLeft,\n openInNewTab = false,\n openInExternalDomainAriaLabel,\n openInNewTabAriaLabel,\n style = {},\n size = 'M',\n ...rest\n }: LinkProps,\n ref: React.Ref,\n ) => {\n const composeAriaLabel = () => {\n let childrenText = ariaLabel || getTextFromReactChildren(children);\n const newTabText = openInNewTab ? openInNewTabAriaLabel || 'Avautuu uudessa välilehdessä.' : '';\n const externalText = external ? openInExternalDomainAriaLabel || 'Siirtyy toiseen sivustoon.' : '';\n\n if (childrenText && childrenText.slice(-1) !== '.') {\n childrenText = `${childrenText}.`;\n }\n\n return [childrenText, newTabText, externalText].filter((text) => text).join(' ');\n };\n\n const mapLinkSizeToExternalIconSize: LinkToIconSizeMappingType = {\n L: 'l',\n M: 's',\n S: 'xs',\n };\n const mapLinkSizeToIconVerticalStyling = {\n L: styles.verticalAlignBigIcon,\n M: styles.verticalAlignMediumIcon,\n S: styles.verticalAlignSmallIcon,\n };\n\n return (\n \n {iconLeft && (\n \n {iconLeft}\n \n )}\n {children}\n {external && (\n "}},className:{defaultValue:null,description:"Additional class names to apply for the link element.",name:"className",required:!1,type:{name:"string"}},closeDropdownAriaButtonLabel:{defaultValue:null,description:"Aria-label for the dropdown button to describe closing the dropdown.",name:"closeDropdownAriaButtonLabel",required:!1,type:{name:"string"}},depth:{defaultValue:{value:"0"},description:"Depth in nested dropdowns.\n@internal",name:"depth",required:!1,type:{name:"number"}},dropdownButtonClassName:{defaultValue:null,description:"Additional class name for the dropdown button.",name:"dropdownButtonClassName",required:!1,type:{name:"string"}},dropdownClassName:{defaultValue:null,description:"Additional class name for the dropdown element.",name:"dropdownClassName",required:!1,type:{name:"string"}},dropdownLinkClassName:{defaultValue:null,description:"Additional class name for the dropdown items.",name:"dropdownLinkClassName",required:!1,type:{name:"string"}},dropdownLinks:{defaultValue:null,description:"Array of HeaderLink components to render in a dropdown. Can be used only inside navigation components.",name:"dropdownLinks",required:!1,type:{name:"ReactElement>[]"}},href:{defaultValue:{value:"#"},description:"Hypertext Reference of the link.",name:"href",required:!1,type:{name:"string"}},index:{defaultValue:null,description:"Element index given by parent mapping.\n@internal",name:"index",required:!1,type:{name:"number"}},label:{defaultValue:null,description:"Label for link.",name:"label",required:!0,type:{name:"string"}},onDropdownButtonClick:{defaultValue:null,description:"Callback fired when the dropdown button is clicked.",name:"onDropdownButtonClick",required:!1,type:{name:"() => void"}},openDropdownAriaButtonLabel:{defaultValue:null,description:"Aria-label for the dropdown button to describe opening the dropdown.",name:"openDropdownAriaButtonLabel",required:!1,type:{name:"string"}},openSubNavIndex:{defaultValue:null,description:"Which sub navigation index is open.\n@internal",name:"openSubNavIndex",required:!1,type:{name:"number"}},setOpenSubNavIndex:{defaultValue:null,description:"Set which sub navigation index is open.\n@internal",name:"setOpenSubNavIndex",required:!1,type:{name:"(val: number) => void"}},wrapperClassName:{defaultValue:null,description:"Additional class name for the NavigationLink wrapper element.",name:"wrapperClassName",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/header/Header.tsx#Header.Link"]={docgenInfo:Header.Link.__docgenInfo,name:"Header.Link",path:"src/components/header/Header.tsx#Header.Link"})}catch(__react_docgen_typescript_loader_error){}try{Header.LanguageSelector.displayName="Header.LanguageSelector",Header.LanguageSelector.__docgenInfo={description:"",displayName:"Header.LanguageSelector",props:{ariaLabel:{defaultValue:null,description:"Aria-label attribute for the dropdown button.",name:"ariaLabel",required:!1,type:{name:"string"}},languageHeading:{defaultValue:null,description:"Heading for the list of languages inside the dropdown",name:"languageHeading",required:!1,type:{name:"string"}},sortLanguageOptions:{defaultValue:{value:"(options, selectedLanguage) => {\n const hasPrimaryLanguages = options.some((option) => typeof option.isPrimary !== 'undefined');\n const selectedOption = options.find((option) => option.value === selectedLanguage);\n if (hasPrimaryLanguages && selectedOption.isPrimary !== true) {\n return [[selectedOption], options.filter((option) => option.value !== selectedOption.value)];\n }\n return hasPrimaryLanguages\n ? [options.filter((option) => !!option.isPrimary), options.filter((option) => !option.isPrimary)]\n : [options, []];\n}"},description:"Function for sorting language options into primary and secondary.",name:"sortLanguageOptions",required:!1,type:{name:"(options: LanguageOption[], selectedLanguage: string) => [LanguageOption[], LanguageOption[]]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/header/Header.tsx#Header.LanguageSelector"]={docgenInfo:Header.LanguageSelector.__docgenInfo,name:"Header.LanguageSelector",path:"src/components/header/Header.tsx#Header.LanguageSelector"})}catch(__react_docgen_typescript_loader_error){}try{Header.Search.displayName="Header.Search",Header.Search.__docgenInfo={description:"",displayName:"Header.Search",props:{onSubmit:{defaultValue:null,description:"Callback fired when the search button or Enter key is pressed",name:"onSubmit",required:!1,type:{name:"(inputValue: string) => void"}},onChange:{defaultValue:null,description:"Callback fired when the search input value is changed",name:"onChange",required:!1,type:{name:"(inputValue: string) => void"}},label:{defaultValue:null,description:"Label for the search element.",name:"label",required:!0,type:{name:"string | Element"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/header/Header.tsx#Header.Search"]={docgenInfo:Header.Search.__docgenInfo,name:"Header.Search",path:"src/components/header/Header.tsx#Header.Search"})}catch(__react_docgen_typescript_loader_error){}try{Header.SkipLink.displayName="Header.SkipLink",Header.SkipLink.__docgenInfo={description:"",displayName:"Header.SkipLink",props:{ariaLabel:{defaultValue:null,description:"aria-label for describing SkipLink for screen readers.",name:"ariaLabel",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Label for the SkipLink.",name:"label",required:!0,type:{name:"string"}},skipTo:{defaultValue:null,description:"ID of the element where the SkipLink jumps to.",name:"skipTo",required:!0,type:{name:"string"}},theme:{defaultValue:null,description:"Custom styling for SkipLink.",name:"theme",required:!1,type:{name:"SkipLinkTheme"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/header/Header.tsx#Header.SkipLink"]={docgenInfo:Header.SkipLink.__docgenInfo,name:"Header.SkipLink",path:"src/components/header/Header.tsx#Header.SkipLink"})}catch(__react_docgen_typescript_loader_error){}try{Header.LanguageButton.displayName="Header.LanguageButton",Header.LanguageButton.__docgenInfo={description:"",displayName:"Header.LanguageButton",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"string"}},isPrimary:{defaultValue:null,description:"",name:"isPrimary",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/header/Header.tsx#Header.LanguageButton"]={docgenInfo:Header.LanguageButton.__docgenInfo,name:"Header.LanguageButton",path:"src/components/header/Header.tsx#Header.LanguageButton"})}catch(__react_docgen_typescript_loader_error){}try{Header.SimpleLanguageOptions.displayName="Header.SimpleLanguageOptions",Header.SimpleLanguageOptions.__docgenInfo={description:"",displayName:"Header.SimpleLanguageOptions",props:{languages:{defaultValue:null,description:"",name:"languages",required:!0,type:{name:"LanguageOption[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/header/Header.tsx#Header.SimpleLanguageOptions"]={docgenInfo:Header.SimpleLanguageOptions.__docgenInfo,name:"Header.SimpleLanguageOptions",path:"src/components/header/Header.tsx#Header.SimpleLanguageOptions"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/header/HeaderContext.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Jv:()=>useHeaderContext,ZQ:()=>useSetHeaderContext,fL:()=>HeaderContextProvider});var _Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),_hooks_useMediaQuery__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/hooks/useMediaQuery.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),HeaderContext=(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)({navigationContent:null,languageSelectorContent:null,universalContent:null}),HeaderDispatchContext=(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)({setNavigationContent:function setNavigationContent(){},setLanguageSelectorContent:function setLanguageSelectorContent(){},setMobileMenuOpen:function setMobileMenuOpen(){},setUniversalContent:function setUniversalContent(){},setOpenMainNavIndex:function setOpenMainNavIndex(){}});HeaderContext.displayName="HeaderContext",HeaderDispatchContext.displayName="HeaderDispatchContext";var HeaderContextProvider=function HeaderContextProvider(_ref){var children=_ref.children,isNotLargeScreen=(0,_hooks_useMediaQuery__WEBPACK_IMPORTED_MODULE_2__.kR)("l"),_useState=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),_useState2=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_3__.Z)(_useState,2),navigationContent=_useState2[0],setNavigationContent=_useState2[1],_useState3=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),_useState4=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_3__.Z)(_useState3,2),languageSelectorContent=_useState4[0],setLanguageSelectorContent=_useState4[1],_useState5=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!1),_useState6=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_3__.Z)(_useState5,2),mobileMenuOpen=_useState6[0],setMobileMenuOpen=_useState6[1],_useState7=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),_useState8=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_3__.Z)(_useState7,2),universalContent=_useState8[0],setUniversalContent=_useState8[1],_useState9=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(-1),_useState10=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_3__.Z)(_useState9,2),openMainNavIndex=_useState10[0],setOpenMainNavIndex=_useState10[1];(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){return setMobileMenuOpen(!1)}),[isNotLargeScreen]);var context={isNotLargeScreen,mobileMenuOpen,navigationContent,hasNavigationContent:!!navigationContent,languageSelectorContent,hasUniversalContent:!!navigationContent,universalContent,openMainNavIndex},dispatchContext={setNavigationContent,setLanguageSelectorContent,setMobileMenuOpen,setUniversalContent,setOpenMainNavIndex};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(HeaderContext.Provider,{value:context,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(HeaderDispatchContext.Provider,{value:dispatchContext,children})})};function useHeaderContext(){return(0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(HeaderContext)}function useSetHeaderContext(){return(0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(HeaderDispatchContext)}try{HeaderContext.displayName="HeaderContext",HeaderContext.__docgenInfo={description:"",displayName:"HeaderContext",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/header/HeaderContext.tsx#HeaderContext"]={docgenInfo:HeaderContext.__docgenInfo,name:"HeaderContext",path:"src/components/header/HeaderContext.tsx#HeaderContext"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/header/LanguageContext.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{NO:()=>useActiveLanguage,RN:()=>useSetLanguage,iL:()=>LanguageProvider,rT:()=>useAvailableLanguages});var _Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),LanguageContext=(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)({activeLanguage:"fi",availableLanguages:[]}),LanguageDispatchContext=(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)({setLanguage:function setLanguage(){},setAvailableLanguages:function setAvailableLanguages(){}});function LanguageProvider(_ref){var children=_ref.children,defaultLanguage=_ref.defaultLanguage,onDidChangeLanguage=_ref.onDidChangeLanguage,languages=_ref.languages,_useState=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(defaultLanguage),_useState2=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_2__.Z)(_useState,2),activeLanguage=_useState2[0],setActiveLanguage=_useState2[1],_useState3=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(languages||[]),_useState4=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_2__.Z)(_useState3,2),languageOptions=_useState4[0],setLanguageOptions=_useState4[1];(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){onDidChangeLanguage&&onDidChangeLanguage(activeLanguage)}),[activeLanguage]);var languageContextValue={activeLanguage,availableLanguages:languageOptions};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(LanguageContext.Provider,{value:languageContextValue,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(LanguageDispatchContext.Provider,{value:{setLanguage:function setLanguage(language){if(-1===languageOptions.map((function(option){return option.value})).indexOf(language))throw new TypeError("Language not found in available languages");setActiveLanguage(language)},setAvailableLanguages:function setAvailableLanguages(newLanguages){setLanguageOptions(newLanguages)}},children})})}function useActiveLanguage(){return(0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(LanguageContext).activeLanguage}function useSetLanguage(){return(0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(LanguageDispatchContext).setLanguage}function useSetAvailableLanguages(){return useContext(LanguageDispatchContext).setAvailableLanguages}function useAvailableLanguages(){return(0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(LanguageContext).availableLanguages}LanguageProvider.defaultProps={defaultLanguage:"fi"};try{LanguageProvider.displayName="LanguageProvider",LanguageProvider.__docgenInfo={description:"",displayName:"LanguageProvider",props:{defaultLanguage:{defaultValue:{value:"fi"},description:"",name:"defaultLanguage",required:!1,type:{name:"string"}},onDidChangeLanguage:{defaultValue:null,description:"",name:"onDidChangeLanguage",required:!1,type:{name:"(string: any) => void"}},languages:{defaultValue:null,description:"",name:"languages",required:!1,type:{name:"LanguageOption[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/header/LanguageContext.tsx#LanguageProvider"]={docgenInfo:LanguageProvider.__docgenInfo,name:"LanguageProvider",path:"src/components/header/LanguageContext.tsx#LanguageProvider"})}catch(__react_docgen_typescript_loader_error){}try{useActiveLanguage.displayName="useActiveLanguage",useActiveLanguage.__docgenInfo={description:"Hook for getting currently active language",displayName:"useActiveLanguage",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/header/LanguageContext.tsx#useActiveLanguage"]={docgenInfo:useActiveLanguage.__docgenInfo,name:"useActiveLanguage",path:"src/components/header/LanguageContext.tsx#useActiveLanguage"})}catch(__react_docgen_typescript_loader_error){}try{useSetLanguage.displayName="useSetLanguage",useSetLanguage.__docgenInfo={description:"Hook for setting currently active language",displayName:"useSetLanguage",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/header/LanguageContext.tsx#useSetLanguage"]={docgenInfo:useSetLanguage.__docgenInfo,name:"useSetLanguage",path:"src/components/header/LanguageContext.tsx#useSetLanguage"})}catch(__react_docgen_typescript_loader_error){}try{useSetAvailableLanguages.displayName="useSetAvailableLanguages",useSetAvailableLanguages.__docgenInfo={description:"Hook for setting available languages",displayName:"useSetAvailableLanguages",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/header/LanguageContext.tsx#useSetAvailableLanguages"]={docgenInfo:useSetAvailableLanguages.__docgenInfo,name:"useSetAvailableLanguages",path:"src/components/header/LanguageContext.tsx#useSetAvailableLanguages"})}catch(__react_docgen_typescript_loader_error){}try{useAvailableLanguages.displayName="useAvailableLanguages",useAvailableLanguages.__docgenInfo={description:"Hook for getting available languages",displayName:"useAvailableLanguages",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/header/LanguageContext.tsx#useAvailableLanguages"]={docgenInfo:useAvailableLanguages.__docgenInfo,name:"useAvailableLanguages",path:"src/components/header/LanguageContext.tsx#useAvailableLanguages"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/header/components/headerActionBar/HeaderActionBar.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{K:()=>HeaderActionBar,b:()=>TitleStyleType});var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),react=__webpack_require__("../../node_modules/react/index.js"),classNames=__webpack_require__("./src/utils/classNames.ts"),objectWithoutProperties=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_excluded=["children","href"],LinkItem=function LinkItem(props){var children=props.children,href=props.href,attributes=(0,objectWithoutProperties.Z)(props,_excluded);return href?(0,jsx_runtime.jsx)("a",(0,objectSpread2.Z)((0,objectSpread2.Z)({href},attributes),{},{children})):(0,jsx_runtime.jsx)("span",(0,objectSpread2.Z)((0,objectSpread2.Z)({},attributes),{},{children}))};try{LinkItem.displayName="LinkItem",LinkItem.__docgenInfo={description:"",displayName:"LinkItem",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/internal/LinkItem.tsx#LinkItem"]={docgenInfo:LinkItem.__docgenInfo,name:"LinkItem",path:"src/internal/LinkItem.tsx#LinkItem"})}catch(__react_docgen_typescript_loader_error){}var regeneratorRuntime=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/regeneratorRuntime.js"),asyncToGenerator=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),slicedToArray=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),toConsumableArray=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/toConsumableArray.js"),HeaderContext=__webpack_require__("./src/components/header/HeaderContext.tsx");const HeaderActionBarNavigationMenu_module={activeLinkWrapper:"HeaderActionBarNavigationMenu_activeLinkWrapper__yqmMT",previousLinkWrapper:"HeaderActionBarNavigationMenu_previousLinkWrapper__YU842",backIcon:"HeaderActionBarNavigationMenu_backIcon__VocN3",headerNavigationMenu:"HeaderActionBarNavigationMenu_headerNavigationMenu__IcW9l",menu:"HeaderActionBarNavigationMenu_menu__DVFTJ",activeListItem:"HeaderActionBarNavigationMenu_activeListItem__2KlS2",activeMobileLink:"HeaderActionBarNavigationMenu_activeMobileLink__AkNwN",hideDropdownButton:"HeaderActionBarNavigationMenu_hideDropdownButton__I4ig7",previousListItem:"HeaderActionBarNavigationMenu_previousListItem__COLVm",previousButton:"HeaderActionBarNavigationMenu_previousButton__AwwGV",previousMobileLink:"HeaderActionBarNavigationMenu_previousMobileLink__k8n6B",mobileDropdownLink:"HeaderActionBarNavigationMenu_mobileDropdownLink__WeJRA",mobileLinkDropdown:"HeaderActionBarNavigationMenu_mobileLinkDropdown__gj1LI",mobileLinkDropdownButton:"HeaderActionBarNavigationMenu_mobileLinkDropdownButton__PG1PH",mobileLinkWrapper:"HeaderActionBarNavigationMenu_mobileLinkWrapper__f7Qx2",mobileLink:"HeaderActionBarNavigationMenu_mobileLink__AXN3e",mobileMenuOpen:"HeaderActionBarNavigationMenu_mobileMenuOpen__uvrcn",mobileNavigationLink:"HeaderActionBarNavigationMenu_mobileNavigationLink__ZYTLq",navigation:"HeaderActionBarNavigationMenu_navigation__jliKw",navigationWrapper:"HeaderActionBarNavigationMenu_navigationWrapper__Q8dZ4",left0:"HeaderActionBarNavigationMenu_left0__sp8ef",left100:"HeaderActionBarNavigationMenu_left100__hNt5c",left200:"HeaderActionBarNavigationMenu_left200__yJINQ",universalList:"HeaderActionBarNavigationMenu_universalList__zlPCM",universalLink:"HeaderActionBarNavigationMenu_universalLink__QdYSt",logoLink:"HeaderActionBarNavigationMenu_logoLink__oAoC+",visible:"HeaderActionBarNavigationMenu_visible__mJKhX",hidden:"HeaderActionBarNavigationMenu_hidden__9lLrq"};var getChildren=__webpack_require__("./src/utils/getChildren.ts"),HeaderLink=__webpack_require__("./src/components/header/components/headerLink/HeaderLink.tsx"),IconAngleLeft=__webpack_require__("./src/icons/IconAngleLeft.tsx"),useIsomorphicLayoutEffect=__webpack_require__("./src/hooks/useIsomorphicLayoutEffect.ts");const getIsElementLoaded=function(){var _ref=(0,asyncToGenerator.Z)((0,regeneratorRuntime.Z)().mark((function _callee(selector){return(0,regeneratorRuntime.Z)().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:if(document){_context.next=2;break}return _context.abrupt("return",null);case 2:if(null!==document.querySelector(selector)){_context.next=7;break}return _context.next=5,new Promise((function(resolve){return requestAnimationFrame(resolve)}));case 5:_context.next=2;break;case 7:return _context.abrupt("return",document.querySelector(selector));case 8:case"end":return _context.stop()}}),_callee)})));return function(_x){return _ref.apply(this,arguments)}}(),HeaderActionBarLogo_module_logoWrapper="HeaderActionBarLogo_logoWrapper__DpRbd";var HeaderActionBarLogo=function HeaderActionBarLogo(_ref){var logoProps=_ref.logoProps,logo=_ref.logo;return(0,jsx_runtime.jsx)(LinkItem,(0,objectSpread2.Z)((0,objectSpread2.Z)({},logoProps),{},{children:(0,jsx_runtime.jsx)("span",{className:HeaderActionBarLogo_module_logoWrapper,children:logo})}))};const headerActionBar_HeaderActionBarLogo=HeaderActionBarLogo;try{HeaderActionBarLogo.displayName="HeaderActionBarLogo",HeaderActionBarLogo.__docgenInfo={description:"",displayName:"HeaderActionBarLogo",props:{logoProps:{defaultValue:null,description:"Logo properties",name:"logoProps",required:!0,type:{name:"LinkProps"}},logo:{defaultValue:null,description:"Logo to use",name:"logo",required:!0,type:{name:"Element"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/header/components/headerActionBar/HeaderActionBarLogo.tsx#HeaderActionBarLogo"]={docgenInfo:HeaderActionBarLogo.__docgenInfo,name:"HeaderActionBarLogo",path:"src/components/header/components/headerActionBar/HeaderActionBarLogo.tsx#HeaderActionBarLogo"})}catch(__react_docgen_typescript_loader_error){}var HeaderActionBarNavigationMenu_excluded=["children","className","universalLinks"],NavigationSection=function NavigationSection(_ref){var children=_ref.children,className=_ref.className,universalLinks=_ref.universalLinks,rest=(0,objectWithoutProperties.Z)(_ref,HeaderActionBarNavigationMenu_excluded);return(0,jsx_runtime.jsxs)("section",(0,objectSpread2.Z)((0,objectSpread2.Z)({},rest),{},{className:(0,classNames.Z)(HeaderActionBarNavigationMenu_module.navSection,className),children:[(0,jsx_runtime.jsx)("nav",{className:HeaderActionBarNavigationMenu_module.navigation,children:(0,jsx_runtime.jsx)("ul",{className:HeaderActionBarNavigationMenu_module.menu,children})}),(0,jsx_runtime.jsx)("ul",{className:HeaderActionBarNavigationMenu_module.universalList,children:universalLinks.map((function(child,index){return(0,react.isValidElement)(child)?(0,jsx_runtime.jsx)("li",{children:(0,react.cloneElement)(child,{className:HeaderActionBarNavigationMenu_module.universalLink})},index):null}))})]}))},PreviousDropdownLink=function PreviousDropdownLink(_ref2){var link=_ref2.link,frontPageLabel=_ref2.frontPageLabel,_onClick=_ref2.onClick,titleHref=_ref2.titleHref,openFrontPageLinksAriaLabel=_ref2.openFrontPageLinksAriaLabel,previousLabel=(null==link?void 0:link.props.label)||frontPageLabel,previousAriaLabel=(null==link?void 0:link.props.openDropdownAriaButtonLabel)||openFrontPageLinksAriaLabel;return(0,jsx_runtime.jsx)("li",{className:HeaderActionBarNavigationMenu_module.previousListItem,children:(0,jsx_runtime.jsxs)("button",{type:"button",className:HeaderActionBarNavigationMenu_module.previousLinkWrapper,onClick:function onClick(){return _onClick(link||titleHref)},"aria-label":previousAriaLabel,children:[(0,jsx_runtime.jsx)("span",{className:HeaderActionBarNavigationMenu_module.previousButton,children:(0,jsx_runtime.jsx)(IconAngleLeft.IconAngleLeft,{className:HeaderActionBarNavigationMenu_module.backIcon})}),(0,jsx_runtime.jsx)("span",{className:HeaderActionBarNavigationMenu_module.previousMobileLink,children:previousLabel})]})})},ActiveDropdownLink=function ActiveDropdownLink(_ref3){var id=_ref3.id,link=_ref3.link,frontPageLabel=_ref3.frontPageLabel,titleHref=_ref3.titleHref,onLinkClick=_ref3.onLinkClick,className=HeaderActionBarNavigationMenu_module.activeMobileLink,activeLink=link?(0,react.cloneElement)(link,{id,className,dropdownButtonClassName:HeaderActionBarNavigationMenu_module.hideDropdownButton,wrapperClassName:HeaderActionBarNavigationMenu_module.mobileLinkWrapper,onClick:function onClick(event){link.props.onClick&&link.props.onClick(event),onLinkClick(event)}}):(0,jsx_runtime.jsx)(HeaderLink.K,{id,label:frontPageLabel,href:titleHref,className,onClick:onLinkClick});return(0,jsx_runtime.jsx)("li",{className:HeaderActionBarNavigationMenu_module.activeListItem,children:(0,jsx_runtime.jsx)("span",{className:HeaderActionBarNavigationMenu_module.activeLinkWrapper,children:activeLink})})},MenuLinks=function MenuLinks(_ref4){var links=_ref4.links,_onDropdownButtonClick=_ref4.onDropdownButtonClick,onLinkClick=_ref4.onLinkClick;return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:links.filter((function(child){return(0,react.isValidElement)(child)})).map((function(child,index){return(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)("span",{className:HeaderActionBarNavigationMenu_module.mobileNavigationLink,children:(0,react.cloneElement)(child,{dropdownLinkClassName:HeaderActionBarNavigationMenu_module.mobileDropdownLink,dropdownClassName:HeaderActionBarNavigationMenu_module.mobileLinkDropdown,wrapperClassName:HeaderActionBarNavigationMenu_module.mobileLinkWrapper,dropdownButtonClassName:HeaderActionBarNavigationMenu_module.mobileLinkDropdownButton,className:(0,classNames.Z)(child.props.className,HeaderActionBarNavigationMenu_module.mobileLink),index,onDropdownButtonClick:function onDropdownButtonClick(){return _onDropdownButtonClick(child)},onClick:function onClick(event){child.props.onClick&&child.props.onClick(event),onLinkClick(child)}})})},index)}))})};function findActiveLinks(obj){var activeLinks=[];return obj.props.active&&activeLinks.push(obj),obj.props.dropdownLinks&&obj.props.dropdownLinks.length>0&&obj.props.dropdownLinks.forEach((function(link){activeLinks.push.apply(activeLinks,(0,toConsumableArray.Z)(findActiveLinks(link)))})),activeLinks}var HeaderActionBarNavigationMenu=function HeaderActionBarNavigationMenu(_ref5){var frontPageLabel=_ref5.frontPageLabel,titleHref=_ref5.titleHref,logo=_ref5.logo,logoProps=_ref5.logoProps,openFrontPageLinksAriaLabel=_ref5.openFrontPageLinksAriaLabel,_useHeaderContext=(0,HeaderContext.Jv)(),navigationContent=_useHeaderContext.navigationContent,mobileMenuOpen=_useHeaderContext.mobileMenuOpen,hasUniversalContent=_useHeaderContext.hasUniversalContent,universalContent=_useHeaderContext.universalContent,setMobileMenuOpen=(0,HeaderContext.ZQ)().setMobileMenuOpen,_useState=(0,react.useState)([]),_useState2=(0,slicedToArray.Z)(_useState,2),openMainLinks=_useState2[0],setOpenMainLinks=_useState2[1],_useState3=(0,react.useState)(null),_useState4=(0,slicedToArray.Z)(_useState3,2),openingLink=_useState4[0],setOpeningLink=_useState4[1],_useState5=(0,react.useState)("left0"),_useState6=(0,slicedToArray.Z)(_useState5,2),position=_useState6[0],setPosition=_useState6[1],_useState7=(0,react.useState)(!1),_useState8=(0,slicedToArray.Z)(_useState7,2),isAnimating=_useState8[0],setIsAnimating=_useState8[1],navContainerRef=(0,react.useRef)(),isOpeningFrontPageLinks="string"==typeof openingLink&&openingLink===titleHref,isUserInDropdownTree=openMainLinks.length>1,currentlyActiveMainLink=openMainLinks[openMainLinks.length-1],previousDropdownLink=isUserInDropdownTree?openMainLinks[openMainLinks.indexOf(currentlyActiveMainLink)-1]:null,menuLinks=openMainLinks.length>0?currentlyActiveMainLink.props.dropdownLinks:navigationContent,previousMenuLinks=isUserInDropdownTree?openMainLinks[openMainLinks.indexOf(currentlyActiveMainLink)-1].props.dropdownLinks:navigationContent,universalLinks=hasUniversalContent?(0,getChildren.AU)(universalContent):[],isRenderingDeepestMenu="left200"===position,isOpeningLinkFromBefore=function isOpeningLinkFromBefore(link){return"string"!=typeof link&&!!openMainLinks.includes(link)};if((0,useIsomorphicLayoutEffect.Z)((function(){var mainLevelActiveLink=function getActiveMainLevelLink(links){return(0,getChildren.AU)(links).find((function(link){return(0,react.isValidElement)(link)&&link.props.active}))}(navigationContent);if(mainLevelActiveLink){var mainLinkElement=mainLevelActiveLink,activeMainLinks=findActiveLinks((0,react.cloneElement)(mainLinkElement)).filter((function(link){return link.props.dropdownLinks}));setOpenMainLinks(activeMainLinks),setPosition({0:"left0",1:"left100",2:"left200"}[activeMainLinks.length])}}),[navigationContent]),(0,react.useEffect)((function(){openingLink&&isOpeningLinkFromBefore(openingLink)||openingLink===titleHref?"left100"===position?setPosition("left0"):"left200"===position&&setPosition("left100"):openingLink&&!isOpeningLinkFromBefore(openingLink)&&("left0"===position?setPosition("left100"):"left100"===position&&setPosition("left200"))}),[openingLink]),!mobileMenuOpen)return null;var goDeeper=function goDeeper(link){setOpeningLink(link),setIsAnimating(!0)},goBack=function goBack(link){setOpeningLink(link),setIsAnimating(!0)},animationsDone=function(){var _ref6=(0,asyncToGenerator.Z)((0,regeneratorRuntime.Z)().mark((function _callee(e){var targetElement,newLinks,newlyOpenedLink;return(0,regeneratorRuntime.Z)().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:if(targetElement=e.target,openingLink&&!isOpeningFrontPageLinks?(newLinks=[],newlyOpenedLink=openingLink,newLinks=isOpeningLinkFromBefore(openingLink)?openMainLinks.slice(0,-1):[].concat((0,toConsumableArray.Z)(openMainLinks),[newlyOpenedLink]),setOpenMainLinks(newLinks),setOpeningLink(null)):isOpeningFrontPageLinks&&(setOpenMainLinks([]),setOpeningLink(null)),setIsAnimating(!1),"transform"!==e.propertyName||"SECTION"!==targetElement.firstChild.nodeName){_context.next=8;break}return _context.next=6,getIsElementLoaded("#".concat("current-active-link"));case 6:_context.sent.focus();case 8:case"end":return _context.stop()}}),_callee)})));return function animationsDone(_x){return _ref6.apply(this,arguments)}}(),handleLinkClick=function handleLinkClick(){setMobileMenuOpen(!1)};return(0,jsx_runtime.jsxs)("div",{className:(0,classNames.Z)(HeaderActionBarNavigationMenu_module.headerNavigationMenu,mobileMenuOpen&&HeaderActionBarNavigationMenu_module.mobileMenuOpen),children:[(0,jsx_runtime.jsxs)("div",{className:(0,classNames.Z)(HeaderActionBarNavigationMenu_module.navigationWrapper,HeaderActionBarNavigationMenu_module[position]),onTransitionEnd:animationsDone,ref:navContainerRef,children:[openMainLinks.length>=1&&(0,jsx_runtime.jsxs)(NavigationSection,{universalLinks,"aria-hidden":!0,className:isAnimating?HeaderActionBarNavigationMenu_module.visible:HeaderActionBarNavigationMenu_module.hidden,children:[(0,jsx_runtime.jsx)(ActiveDropdownLink,{link:previousDropdownLink,frontPageLabel,titleHref,onLinkClick:handleLinkClick}),(0,jsx_runtime.jsx)(MenuLinks,{links:previousMenuLinks,onDropdownButtonClick:goDeeper,onLinkClick:handleLinkClick})]}),(0,jsx_runtime.jsxs)(NavigationSection,{universalLinks,"aria-hidden":isRenderingDeepestMenu,className:isRenderingDeepestMenu?HeaderActionBarNavigationMenu_module.hidden:HeaderActionBarNavigationMenu_module.visible,children:[openMainLinks.length>0&&(0,jsx_runtime.jsx)(PreviousDropdownLink,{link:previousDropdownLink,frontPageLabel,titleHref,onClick:goBack,openFrontPageLinksAriaLabel}),(0,jsx_runtime.jsx)(ActiveDropdownLink,{id:isRenderingDeepestMenu||isAnimating?void 0:"current-active-link",link:isRenderingDeepestMenu?previousDropdownLink:currentlyActiveMainLink,frontPageLabel,titleHref,onLinkClick:handleLinkClick}),(0,jsx_runtime.jsx)(MenuLinks,{links:menuLinks,onDropdownButtonClick:goDeeper,onLinkClick:handleLinkClick})]}),!openingLink&&(0,jsx_runtime.jsxs)(NavigationSection,{universalLinks,"aria-hidden":!isRenderingDeepestMenu,className:isAnimating||isRenderingDeepestMenu?HeaderActionBarNavigationMenu_module.visible:HeaderActionBarNavigationMenu_module.hidden,children:[(0,jsx_runtime.jsx)(PreviousDropdownLink,{link:previousDropdownLink,frontPageLabel,titleHref,onClick:goBack,openFrontPageLinksAriaLabel}),(0,jsx_runtime.jsx)(ActiveDropdownLink,{id:isRenderingDeepestMenu?"current-active-link":void 0,link:currentlyActiveMainLink,frontPageLabel,titleHref,onLinkClick:handleLinkClick}),(0,jsx_runtime.jsx)(MenuLinks,{links:menuLinks,onDropdownButtonClick:goDeeper,onLinkClick:handleLinkClick})]}),openingLink&&"string"!=typeof openingLink&&(0,jsx_runtime.jsxs)(NavigationSection,{universalLinks,"aria-hidden":!openingLink,className:isAnimating?HeaderActionBarNavigationMenu_module.visible:HeaderActionBarNavigationMenu_module.hidden,children:[(0,jsx_runtime.jsx)(PreviousDropdownLink,{link:currentlyActiveMainLink,frontPageLabel,titleHref,onClick:goBack,openFrontPageLinksAriaLabel}),(0,jsx_runtime.jsx)(ActiveDropdownLink,{link:openingLink,frontPageLabel,titleHref,onLinkClick:handleLinkClick}),(0,jsx_runtime.jsx)(MenuLinks,{links:openingLink.props.dropdownLinks,onDropdownButtonClick:goDeeper,onLinkClick:handleLinkClick})]})]}),(0,jsx_runtime.jsx)(headerActionBar_HeaderActionBarLogo,{logoProps:(0,objectSpread2.Z)((0,objectSpread2.Z)({},logoProps),{},{className:(0,classNames.Z)(logoProps.className,HeaderActionBarNavigationMenu_module.logoLink)}),logo})]})};try{HeaderActionBarNavigationMenu.displayName="HeaderActionBarNavigationMenu",HeaderActionBarNavigationMenu.__docgenInfo={description:"",displayName:"HeaderActionBarNavigationMenu",props:{frontPageLabel:{defaultValue:null,description:"",name:"frontPageLabel",required:!0,type:{name:"string"}},titleHref:{defaultValue:null,description:"",name:"titleHref",required:!0,type:{name:"string"}},logo:{defaultValue:null,description:"Logo to use",name:"logo",required:!0,type:{name:"Element"}},logoProps:{defaultValue:null,description:"Logo properties",name:"logoProps",required:!0,type:{name:"LinkProps"}},openFrontPageLinksAriaLabel:{defaultValue:null,description:"",name:"openFrontPageLinksAriaLabel",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/header/components/headerActionBar/HeaderActionBarNavigationMenu.tsx#HeaderActionBarNavigationMenu"]={docgenInfo:HeaderActionBarNavigationMenu.__docgenInfo,name:"HeaderActionBarNavigationMenu",path:"src/components/header/components/headerActionBar/HeaderActionBarNavigationMenu.tsx#HeaderActionBarNavigationMenu"})}catch(__react_docgen_typescript_loader_error){}var HeaderLanguageSelector=__webpack_require__("./src/components/header/components/headerLanguageSelector/HeaderLanguageSelector.tsx"),useCallback=__webpack_require__("./src/utils/useCallback.ts"),IconCross=__webpack_require__("./src/icons/IconCross.tsx"),IconMenuHamburger=__webpack_require__("./src/icons/IconMenuHamburger.tsx"),HeaderActionBarItem=__webpack_require__("./src/components/header/components/headerActionBarItem/HeaderActionBarItem.tsx"),HeaderActionBarMenuItem=function HeaderActionBarMenuItem(_ref){var ariaLabel=_ref.ariaLabel,onClick=_ref.onClick,_useHeaderContext=(0,HeaderContext.Jv)(),hasNavigationContent=_useHeaderContext.hasNavigationContent,mobileMenuOpen=_useHeaderContext.mobileMenuOpen,isNotLargeScreen=_useHeaderContext.isNotLargeScreen,setMobileMenuOpen=(0,HeaderContext.ZQ)().setMobileMenuOpen,aria={"aria-label":ariaLabel,"aria-expanded":mobileMenuOpen,"aria-controls":mobileMenuOpen&&"hds-mobile-menu"},handleClickCapture=(0,useCallback.Zi)(onClick);return hasNavigationContent&&isNotLargeScreen?(0,jsx_runtime.jsx)(HeaderActionBarItem.n,(0,objectSpread2.Z)((0,objectSpread2.Z)({label:"Menu"},aria),{},{onClick:function handleClick(event){event.isPropagationStopped()||setMobileMenuOpen(!mobileMenuOpen)},onClickCapture:handleClickCapture,icon:mobileMenuOpen?(0,jsx_runtime.jsx)(IconCross.IconCross,{}):(0,jsx_runtime.jsx)(IconMenuHamburger.IconMenuHamburger,{})})):null};try{HeaderActionBarMenuItem.displayName="HeaderActionBarMenuItem",HeaderActionBarMenuItem.__docgenInfo={description:"",displayName:"HeaderActionBarMenuItem",props:{ariaLabel:{defaultValue:null,description:"",name:"ariaLabel",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"(event: MouseEvent) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/header/components/headerActionBarItem/HeaderActionBarMenuItem.tsx#HeaderActionBarMenuItem"]={docgenInfo:HeaderActionBarMenuItem.__docgenInfo,name:"HeaderActionBarMenuItem",path:"src/components/header/components/headerActionBarItem/HeaderActionBarMenuItem.tsx#HeaderActionBarMenuItem"})}catch(__react_docgen_typescript_loader_error){}const HeaderActionBar_module={header:"HeaderActionBar_header__+ARfd","theme-dark":"HeaderActionBar_theme-dark__5qOpQ",headerBackgroundWrapper:"HeaderActionBar_headerBackgroundWrapper__NKEiY",headerActionBar:"HeaderActionBar_headerActionBar__04z3n",headerActionBarContainer:"HeaderActionBar_headerActionBarContainer__Qy-WL",headerActions:"HeaderActionBar_headerActions__OQ9D5",titleAndLogoContainer:"HeaderActionBar_titleAndLogoContainer__UNUXl",title:"HeaderActionBar_title__HR+eI",normal:"HeaderActionBar_normal__FN63e",bold:"HeaderActionBar_bold__ovvxq",black:"HeaderActionBar_black__FoYNm",logo:"HeaderActionBar_logo__jkhie"};var HeaderActionBar_classNames=(0,classNames.P)(HeaderActionBar_module),TabBarrierPosition=function(TabBarrierPosition){return TabBarrierPosition.top="top",TabBarrierPosition.bottom="bottom",TabBarrierPosition}(TabBarrierPosition||{}),defaultBarrierProps={tabIndex:0,"aria-hidden":!0},findFocusableElementsWithin=function findFocusableElementsWithin(element){var elements=element.querySelectorAll('a, button, textarea, input[type="text"], select');return Array.from(elements).filter((function(item){return function elementIsFocusable(element){if(!window)return!1;var _window=window,innerHeight=_window.innerHeight,innerWidth=_window.innerWidth,_element$getBoundingC=element.getBoundingClientRect(),top=_element$getBoundingC.top,left=_element$getBoundingC.left,bottom=_element$getBoundingC.bottom,right=_element$getBoundingC.right,width=_element$getBoundingC.width,height=_element$getBoundingC.height,isInViewport=top>=0&&left>=0&&bottom<=innerHeight&&right<=innerWidth,hasTabIndex=element.tabIndex>=0,isEnabled=!1===Boolean(element.getAttribute("disabled"));return isInViewport&&hasTabIndex&&isEnabled&&width>0&&height>0}(item)}))},focusToActionBar=function focusToActionBar(position,element){if(element){var focusableElements=findFocusableElementsWithin(element);focusableElements.length&&focusableElements[position===TabBarrierPosition.top?0:focusableElements.length-1].focus()}},ContentTabBarrier=function ContentTabBarrier(_ref){var onFocus=_ref.onFocus;return(0,jsx_runtime.jsx)("div",(0,objectSpread2.Z)((0,objectSpread2.Z)({},defaultBarrierProps),{},{onFocus}))},addDocumentTabBarrier=function addDocumentTabBarrier(position,actionBar){var element=document.createElement("div");return element.className="hds-actionbar-tab-barrier",element.tabIndex=defaultBarrierProps.tabIndex,element["aria-hidden"]=defaultBarrierProps["aria-hidden"],element.addEventListener("focus",(function(){return focusToActionBar(position,actionBar)})),position===TabBarrierPosition.top?document.body.insertBefore(element,document.body.firstChild):document.body.appendChild(element),function(){return element.remove()}},TitleStyleType=function(TitleStyleType){return TitleStyleType.Normal="normal",TitleStyleType.Bold="bold",TitleStyleType}({}),HeaderActionBar=function HeaderActionBar(_ref2){var title=_ref2.title,titleStyle=_ref2.titleStyle,titleAriaLabel=_ref2.titleAriaLabel,logoAriaLabel=_ref2.logoAriaLabel,menuButtonAriaLabel=_ref2.menuButtonAriaLabel,titleHref=_ref2.titleHref,logoHref=_ref2.logoHref,logo=_ref2.logo,onTitleClick=_ref2.onTitleClick,onLogoClick=_ref2.onLogoClick,children=_ref2.children,className=_ref2.className,ariaLabel=_ref2.ariaLabel,role=_ref2.role,frontPageLabel=_ref2.frontPageLabel,openFrontPageLinksAriaLabel=_ref2.openFrontPageLinksAriaLabel,handleClick=(0,useCallback.Zi)(onTitleClick),handleLogoClick=(0,useCallback.Zi)(onLogoClick),handleKeyPress=(0,useCallback.dq)(handleClick),handleLogoKeyPress=(0,useCallback.dq)(handleLogoClick),mobileMenuOpen=(0,HeaderContext.Jv)().mobileMenuOpen,actionBarRef=(0,react.useRef)();(0,react.useEffect)((function(){if(mobileMenuOpen&&void 0!==actionBarRef){var removeTopTabBarrier=addDocumentTabBarrier(TabBarrierPosition.top,actionBarRef.current),removeBottomTabBarrier=addDocumentTabBarrier(TabBarrierPosition.bottom,actionBarRef.current);return function(){removeTopTabBarrier(),removeBottomTabBarrier()}}}),[actionBarRef,mobileMenuOpen]);var logoProps={"aria-label":logoAriaLabel,href:logoHref,className:HeaderActionBar_classNames(HeaderActionBar_module.titleAndLogoContainer,HeaderActionBar_module.logo),onClick:handleLogoClick,onKeyPress:handleLogoKeyPress},titleProps={"aria-label":titleAriaLabel,href:titleHref,className:HeaderActionBar_classNames(HeaderActionBar_module.titleAndLogoContainer,HeaderActionBar_module.title,HeaderActionBar_module[titleStyle]),onClick:onTitleClick,onKeyPress:handleLogoKeyPress};titleProps.href||titleProps.onClick?(titleProps.onKeyPress=handleKeyPress,titleProps.onClick=handleClick):titleProps.role=titleAriaLabel&&"img";var childrenLeft=Array.isArray(children)?children.filter((function(item){return react.isValidElement(item)&&!item.props.fixedRightPosition})):[children],childrenRight=Array.isArray(children)?children.filter((function(item){return react.isValidElement(item)&&!!item.props.fixedRightPosition})):[],_getLanguageSelectorC=(0,HeaderLanguageSelector.fl)(children),lsChildren=_getLanguageSelectorC.children,lsProps=_getLanguageSelectorC.props,componentExists=_getLanguageSelectorC.componentExists,languageSelectorChildren=(0,react.useMemo)((function(){return lsChildren?(0,getChildren.fL)(lsChildren):null}),[lsChildren]);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[mobileMenuOpen&&(0,jsx_runtime.jsx)(ContentTabBarrier,{onFocus:function onFocus(){return focusToActionBar(TabBarrierPosition.bottom,actionBarRef.current)}}),(0,jsx_runtime.jsxs)("div",{className:HeaderActionBar_module.headerActionBarContainer,ref:actionBarRef,children:[(0,jsx_runtime.jsxs)("div",{className:HeaderActionBar_classNames(HeaderActionBar_module.headerActionBar,className),role,"aria-label":ariaLabel,children:[(0,jsx_runtime.jsx)(headerActionBar_HeaderActionBarLogo,{logo,logoProps}),title&&(0,jsx_runtime.jsx)(LinkItem,(0,objectSpread2.Z)((0,objectSpread2.Z)({},titleProps),{},{children:(0,jsx_runtime.jsx)("span",{className:HeaderActionBar_classNames(HeaderActionBar_module.title),children:title})})),(0,jsx_runtime.jsxs)("div",{className:HeaderActionBar_module.headerActions,children:[componentExists&&(0,jsx_runtime.jsx)(HeaderLanguageSelector.hR,(0,objectSpread2.Z)((0,objectSpread2.Z)({},lsProps),{},{children:languageSelectorChildren})),childrenLeft,(0,jsx_runtime.jsx)(HeaderActionBarMenuItem,{ariaLabel:menuButtonAriaLabel}),childrenRight.length>0&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("hr",{}),childrenRight]})]})]}),(0,jsx_runtime.jsx)(HeaderActionBarNavigationMenu,{frontPageLabel,titleHref,logo,logoProps,openFrontPageLinksAriaLabel})]}),componentExists&&(0,jsx_runtime.jsx)(HeaderLanguageSelector.hR,(0,objectSpread2.Z)((0,objectSpread2.Z)({},lsProps),{},{fullWidthForMobile:!0,children:languageSelectorChildren})),mobileMenuOpen&&(0,jsx_runtime.jsx)(ContentTabBarrier,{onFocus:function onFocus(){return focusToActionBar(TabBarrierPosition.top,actionBarRef.current)}})]})};HeaderActionBar.defaultProps={titleStyle:TitleStyleType.Normal};try{HeaderActionBar.displayName="HeaderActionBar",HeaderActionBar.__docgenInfo={description:"",displayName:"HeaderActionBar",props:{ariaLabel:{defaultValue:null,description:"Aria-label for describing ActionBar.",name:"ariaLabel",required:!1,type:{name:"string"}},className:{defaultValue:null,description:"Additional class names to apply.",name:"className",required:!1,type:{name:"string"}},frontPageLabel:{defaultValue:null,description:"Label for front page link in mobile navigation menu.",name:"frontPageLabel",required:!0,type:{name:"string"}},openFrontPageLinksAriaLabel:{defaultValue:null,description:"Aria-label for describing opening main navigation links into view in mobile navigation menu.",name:"openFrontPageLinksAriaLabel",required:!1,type:{name:"string"}},logo:{defaultValue:null,description:"Logo to use",name:"logo",required:!0,type:{name:"ReactElement<({ alt, className, dataTestId, size, style, ...rest }: LogoProps) => Element, string | JSXElementConstructor>"}},logoAriaLabel:{defaultValue:null,description:"The aria-label for the logo to screen reader users.",name:"logoAriaLabel",required:!1,type:{name:"string"}},logoHref:{defaultValue:null,description:"Link for the logo.",name:"logoHref",required:!1,type:{name:"string"}},menuButtonAriaLabel:{defaultValue:null,description:"The aria-label for the menu button to screen reader users.",name:"menuButtonAriaLabel",required:!1,type:{name:"string"}},onLogoClick:{defaultValue:null,description:"Callback fired when the logo is clicked.",name:"onLogoClick",required:!1,type:{name:"MouseEventHandler"}},onTitleClick:{defaultValue:null,description:"Callback fired when the title is clicked.",name:"onTitleClick",required:!1,type:{name:"MouseEventHandler"}},role:{defaultValue:null,description:"ARIA role to describe the contents.",name:"role",required:!1,type:{name:"string"}},title:{defaultValue:null,description:"Service name that is displayed next to the Helsinki logo.",name:"title",required:!0,type:{name:"string"}},titleAriaLabel:{defaultValue:null,description:"The aria-label for the title describing the service to screen reader users.",name:"titleAriaLabel",required:!1,type:{name:"string"}},titleHref:{defaultValue:null,description:"Link for the title.",name:"titleHref",required:!0,type:{name:"string"}},titleStyle:{defaultValue:{value:"TitleStyleType.Normal"},description:"Style for title.",name:"titleStyle",required:!1,type:{name:"enum",value:[{value:'"normal"'},{value:'"bold"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/header/components/headerActionBar/HeaderActionBar.tsx#HeaderActionBar"]={docgenInfo:HeaderActionBar.__docgenInfo,name:"HeaderActionBar",path:"src/components/header/components/headerActionBar/HeaderActionBar.tsx#HeaderActionBar"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/header/components/headerActionBarItem/HeaderActionBarItem.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{n:()=>HeaderActionBarItem});var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),defineProperty=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/defineProperty.js"),objectWithoutProperties=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react=__webpack_require__("../../node_modules/react/index.js"),classNames=__webpack_require__("./src/utils/classNames.ts");const HeaderActionBarItem_module_actionBarItem="HeaderActionBarItem_actionBarItem__S+tGH",HeaderActionBarItem_module_actionBarItemIcon="HeaderActionBarItem_actionBarItemIcon__GljMr",HeaderActionBarItem_module_actionBarItemLabel="HeaderActionBarItem_actionBarItemLabel__BOp-4",HeaderActionBarItem_module_labelOnRight="HeaderActionBarItem_labelOnRight__eBQP-",HeaderActionBarItem_module_fixedRightPosition="HeaderActionBarItem_fixedRightPosition__M47GS";var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_excluded=["icon","label","labelOnRight","fixedRightPosition","className","ariaLabel","ariaControls"],HeaderActionBarItem=(0,react.forwardRef)((function(_ref,ref){var _classNames,_classNames2,_classNames3,icon=_ref.icon,label=_ref.label,labelOnRight=_ref.labelOnRight,fixedRightPosition=_ref.fixedRightPosition,className=_ref.className,ariaLabel=_ref.ariaLabel,ariaControls=_ref.ariaControls,rest=(0,objectWithoutProperties.Z)(_ref,_excluded),buttonClassName=(0,classNames.Z)((_classNames={},(0,defineProperty.Z)(_classNames,HeaderActionBarItem_module_actionBarItem,!0),(0,defineProperty.Z)(_classNames,className,!0),(0,defineProperty.Z)(_classNames,HeaderActionBarItem_module_fixedRightPosition,fixedRightPosition),_classNames)),iconClassName=(0,classNames.Z)((_classNames2={},(0,defineProperty.Z)(_classNames2,HeaderActionBarItem_module_actionBarItemIcon,!0),(0,defineProperty.Z)(_classNames2,HeaderActionBarItem_module_labelOnRight,labelOnRight),_classNames2)),labelClassName=(0,classNames.Z)((_classNames3={},(0,defineProperty.Z)(_classNames3,HeaderActionBarItem_module_actionBarItemLabel,!0),(0,defineProperty.Z)(_classNames3,HeaderActionBarItem_module_labelOnRight,labelOnRight),_classNames3));return(0,jsx_runtime.jsxs)("button",(0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)({type:"button"},rest),ariaLabel&&{"aria-label":ariaLabel}),ariaControls&&{"aria-controls":ariaControls}),{},{className:buttonClassName,ref,children:[icon&&react.isValidElement(icon)&&(0,jsx_runtime.jsx)("span",{className:iconClassName,children:(0,react.cloneElement)(icon,{"aria-hidden":!0})}),label&&(0,jsx_runtime.jsx)("span",{className:labelClassName,children:label})]}))}));try{HeaderActionBarItem.displayName="HeaderActionBarItem",HeaderActionBarItem.__docgenInfo={description:"",displayName:"HeaderActionBarItem",props:{ariaLabel:{defaultValue:null,description:"Aria label for the item.",name:"ariaLabel",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Label for the action bar item.",name:"label",required:!1,type:{name:"string | Element"}},icon:{defaultValue:null,description:"Icon element for the action bar item.",name:"icon",required:!1,type:{name:"ReactNode"}},labelOnRight:{defaultValue:null,description:"Positions the label to the right side of the icon.\n@internal",name:"labelOnRight",required:!1,type:{name:"boolean"}},fixedRightPosition:{defaultValue:null,description:"Fix the item position to the right side of the action bar.",name:"fixedRightPosition",required:!1,type:{name:"boolean"}},ariaControls:{defaultValue:null,description:"Id of controlled dropdown menu.",name:"ariaControls",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/header/components/headerActionBarItem/HeaderActionBarItem.tsx#HeaderActionBarItem"]={docgenInfo:HeaderActionBarItem.__docgenInfo,name:"HeaderActionBarItem",path:"src/components/header/components/headerActionBarItem/HeaderActionBarItem.tsx#HeaderActionBarItem"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/header/components/headerActionBarItem/HeaderActionBarItemWithDropdown.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{e:()=>HeaderActionBarItemWithDropdown});var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),defineProperty=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/defineProperty.js"),slicedToArray=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),objectWithoutProperties=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react=__webpack_require__("../../node_modules/react/index.js"),IconCross=__webpack_require__("./src/icons/IconCross.tsx"),HeaderActionBarItem=__webpack_require__("./src/components/header/components/headerActionBarItem/HeaderActionBarItem.tsx"),classNames=__webpack_require__("./src/utils/classNames.ts");const HeaderActionBarItemWithDropdown_module_dropdownWrapper="HeaderActionBarItemWithDropdown_dropdownWrapper__67yXE",HeaderActionBarItemWithDropdown_module_container="HeaderActionBarItemWithDropdown_container__Tz0nf",HeaderActionBarItemWithDropdown_module_visible="HeaderActionBarItemWithDropdown_visible__eSKCG",HeaderActionBarItemWithDropdown_module_hasContent="HeaderActionBarItemWithDropdown_hasContent__hTaRq",HeaderActionBarItemWithDropdown_module_fullWidth="HeaderActionBarItemWithDropdown_fullWidth__amhk4",HeaderActionBarItemWithDropdown_module_icon="HeaderActionBarItemWithDropdown_icon__aOwHX",HeaderActionBarItemWithDropdown_module_dropdown="HeaderActionBarItemWithDropdown_dropdown__eeq6d";var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_excluded=["id","children","label","fullWidth","className","iconClassName","dropdownClassName","closeLabel","icon","closeIcon","ariaLabel","labelOnRight","fixedRightPosition"],HeaderActionBarItemWithDropdown=function HeaderActionBarItemWithDropdown(properties){var _visibilityClasses,id=properties.id,children=properties.children,label=properties.label,fullWidth=properties.fullWidth,classNameProp=properties.className,iconClassNameProp=properties.iconClassName,dropdownClassNameProp=properties.dropdownClassName,closeLabel=properties.closeLabel,icon=properties.icon,_properties$closeIcon=properties.closeIcon,closeIcon=void 0===_properties$closeIcon?IconCross.IconCross:_properties$closeIcon,ariaLabel=properties.ariaLabel,labelOnRight=properties.labelOnRight,fixedRightPosition=properties.fixedRightPosition,props=(0,objectWithoutProperties.Z)(properties,_excluded),dropdownContentElementRef=(0,react.useRef)(null),containerElementRef=(0,react.useRef)(null),_useState=(0,react.useState)(!1),_useState2=(0,slicedToArray.Z)(_useState,2),visible=_useState2[0],setDisplayProperty=_useState2[1],_useState3=(0,react.useState)(!1),_useState4=(0,slicedToArray.Z)(_useState3,2),hasContent=_useState4[0],setHasContent=_useState4[1],getContainer=function getContainer(){return containerElementRef.current},handleDocumentClick=function handleDocumentClick(event){var container=getContainer(),eventTargetNode=event.target;container.contains(eventTargetNode)||setDisplayProperty(!1)};(0,react.useEffect)((function(){return visible&&document.addEventListener("click",handleDocumentClick),function(){return document.removeEventListener("click",handleDocumentClick)}}),[containerElementRef.current,visible]),(0,react.useEffect)((function(){var _dropdownContentEleme;setHasContent(0!==(null===(_dropdownContentEleme=dropdownContentElementRef.current)||void 0===_dropdownContentEleme?void 0:_dropdownContentEleme.childNodes.length))}),[children]);var iconLabel=visible?closeLabel:label,iconClass=visible?closeIcon:icon,visibilityClasses=(_visibilityClasses={visible},(0,defineProperty.Z)(_visibilityClasses,HeaderActionBarItemWithDropdown_module_visible,visible),(0,defineProperty.Z)(_visibilityClasses,HeaderActionBarItemWithDropdown_module_hasContent,hasContent),(0,defineProperty.Z)(_visibilityClasses,HeaderActionBarItemWithDropdown_module_fullWidth,fullWidth),_visibilityClasses),className=(0,classNames.Z)(HeaderActionBarItemWithDropdown_module_container,classNameProp,visibilityClasses),iconClassName=(0,classNames.Z)(HeaderActionBarItemWithDropdown_module_icon,iconClassNameProp),dropdownClassName=(0,classNames.Z)(HeaderActionBarItemWithDropdown_module_dropdown,dropdownClassNameProp,visibilityClasses);return(0,jsx_runtime.jsxs)("div",(0,objectSpread2.Z)((0,objectSpread2.Z)({},props),{},{id,className,ref:containerElementRef,onBlur:function handleBlur(event){var container=getContainer(),eventTargetNode=event.relatedTarget;container.contains(eventTargetNode)||setDisplayProperty(!1)},children:[(0,jsx_runtime.jsx)(HeaderActionBarItem.n,{className:iconClassName,onClick:function handleButtonClick(){setDisplayProperty(!visible)},label:iconLabel,icon:iconClass,"aria-expanded":visible,"aria-label":ariaLabel,"aria-controls":"".concat(id,"-dropdown"),labelOnRight,fixedRightPosition}),(0,jsx_runtime.jsx)("div",{className:HeaderActionBarItemWithDropdown_module_dropdownWrapper,children:(0,jsx_runtime.jsx)("aside",{id:"".concat(id,"-dropdown"),className:dropdownClassName,ref:dropdownContentElementRef,children})})]}))};HeaderActionBarItemWithDropdown.defaultProps={fullWidth:!1,closeLabel:"Sulje"};try{HeaderActionBarItemWithDropdown.displayName="HeaderActionBarItemWithDropdown",HeaderActionBarItemWithDropdown.__docgenInfo={description:"",displayName:"HeaderActionBarItemWithDropdown",props:{id:{defaultValue:null,description:"ID of the dropdown item.",name:"id",required:!1,type:{name:"string"}},fullWidth:{defaultValue:{value:"false"},description:"Possibility to use a full-width version of the dropdown, for example in mobile use.",name:"fullWidth",required:!1,type:{name:"boolean"}},iconClassName:{defaultValue:null,description:"Additional classname for the icon.",name:"iconClassName",required:!1,type:{name:"string"}},dropdownClassName:{defaultValue:null,description:"Additional classname for the dropdown element.",name:"dropdownClassName",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"Label for the action bar item.",name:"label",required:!0,type:{name:"string | Element"}},closeLabel:{defaultValue:{value:"Sulje"},description:"Label for the action bar item when dropdown is open.",name:"closeLabel",required:!1,type:{name:"string | Element"}},icon:{defaultValue:null,description:"Icon for the action bar item.",name:"icon",required:!0,type:{name:"Element"}},closeIcon:{defaultValue:null,description:"Icon for the action bar item when dropdown is open.",name:"closeIcon",required:!1,type:{name:"Element"}},ariaLabel:{defaultValue:null,description:"Aria-label attribute for the dropdown button.",name:"ariaLabel",required:!1,type:{name:"string"}},labelOnRight:{defaultValue:null,description:"Positions the label right side of the icon.",name:"labelOnRight",required:!1,type:{name:"boolean"}},fixedRightPosition:{defaultValue:null,description:"Fix the item position to the right side of the action bar.",name:"fixedRightPosition",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/header/components/headerActionBarItem/HeaderActionBarItemWithDropdown.tsx#HeaderActionBarItemWithDropdown"]={docgenInfo:HeaderActionBarItemWithDropdown.__docgenInfo,name:"HeaderActionBarItemWithDropdown",path:"src/components/header/components/headerActionBarItem/HeaderActionBarItemWithDropdown.tsx#HeaderActionBarItemWithDropdown"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/header/components/headerLanguageSelector/HeaderLanguageSelector.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Mg:()=>HeaderLanguageSelector,hR:()=>HeaderLanguageSelectorConsumer,Rf:()=>LanguageButton,rq:()=>SimpleLanguageOptions,fl:()=>getLanguageSelectorComponentProps});var objectWithoutProperties=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),slicedToArray=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),defineProperty=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/defineProperty.js"),LanguageContext=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/components/header/LanguageContext.tsx")),classNames=__webpack_require__("./src/utils/classNames.ts"),useCallback=__webpack_require__("./src/utils/useCallback.ts"),HeaderActionBarItemWithDropdown=__webpack_require__("./src/components/header/components/headerActionBarItem/HeaderActionBarItemWithDropdown.tsx"),IconAngleDown=__webpack_require__("./src/icons/IconAngleDown.tsx"),IconAngleUp=__webpack_require__("./src/icons/IconAngleUp.tsx"),IconGlobe=__webpack_require__("./src/icons/IconGlobe.tsx");const HeaderLanguageSelector_module_languageSelector="HeaderLanguageSelector_languageSelector__K5jvz",HeaderLanguageSelector_module_languageSelectorDropdownIcon="HeaderLanguageSelector_languageSelectorDropdownIcon__JjYrv",HeaderLanguageSelector_module_languageSelectorDropdown="HeaderLanguageSelector_languageSelectorDropdown__yfzJl",HeaderLanguageSelector_module_item="HeaderLanguageSelector_item__20oWT",HeaderLanguageSelector_module_activeItem="HeaderLanguageSelector_activeItem__-wlYS",HeaderLanguageSelector_module_languageNodes="HeaderLanguageSelector_languageNodes__LfQt-",HeaderLanguageSelector_module_simpleLanguageNodes="HeaderLanguageSelector_simpleLanguageNodes__v9iSd",HeaderLanguageSelector_module_fullWidthForMobile="HeaderLanguageSelector_fullWidthForMobile__eEJS4";var HeaderContext=__webpack_require__("./src/components/header/HeaderContext.tsx"),getChildren=__webpack_require__("./src/utils/getChildren.ts"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_excluded=["children"],LanguageButton=function LanguageButton(_ref){var value=_ref.value,label=_ref.label,activeLanguage=(0,LanguageContext.NO)(),setLanguage=(0,LanguageContext.RN)(),className=(0,classNames.Z)(HeaderLanguageSelector_module_item,(0,defineProperty.Z)({},HeaderLanguageSelector_module_activeItem,activeLanguage===value)),selectLanguage=(0,useCallback.K4)((function(){return setLanguage(value)}));return(0,jsx_runtime.jsx)("button",{lang:value,onClick:selectLanguage,type:"button",className,children:(0,jsx_runtime.jsx)("span",{children:label})},value)},renderLanguageNode=function renderLanguageNode(language){return(0,jsx_runtime.jsx)(LanguageButton,{value:language.value,label:language.label},language.value)},SimpleLanguageOptions=function SimpleLanguageOptions(_ref2){var languages=_ref2.languages;return(0,jsx_runtime.jsx)("div",{className:(0,classNames.Z)(HeaderLanguageSelector_module_languageNodes,HeaderLanguageSelector_module_simpleLanguageNodes),children:languages.map(renderLanguageNode)})},defaultLanguageSorter=function defaultLanguageSorter(options,selectedLanguage){var hasPrimaryLanguages=options.some((function(option){return void 0!==option.isPrimary})),selectedOption=options.find((function(option){return option.value===selectedLanguage}));return hasPrimaryLanguages&&!0!==selectedOption.isPrimary?[[selectedOption],options.filter((function(option){return option.value!==selectedOption.value}))]:hasPrimaryLanguages?[options.filter((function(option){return!!option.isPrimary})),options.filter((function(option){return!option.isPrimary}))]:[options,[]]};function HeaderLanguageSelector(props){return null}HeaderLanguageSelector.componentName="HeaderLanguageSelector";var HeaderLanguageSelectorConsumer=function HeaderLanguageSelectorConsumer(_ref3){var children=_ref3.children,ariaLabel=_ref3.ariaLabel,languageHeading=_ref3.languageHeading,_ref3$sortLanguageOpt=_ref3.sortLanguageOptions,sortLanguageOptions=void 0===_ref3$sortLanguageOpt?defaultLanguageSorter:_ref3$sortLanguageOpt,_ref3$fullWidthForMob=_ref3.fullWidthForMobile,fullWidthForMobile=void 0!==_ref3$fullWidthForMob&&_ref3$fullWidthForMob,_useHeaderContext=(0,HeaderContext.Jv)(),isNotLargeScreen=_useHeaderContext.isNotLargeScreen,mobileMenuOpen=_useHeaderContext.mobileMenuOpen,_sortLanguageOptions=sortLanguageOptions((0,LanguageContext.rT)(),(0,LanguageContext.NO)()),_sortLanguageOptions2=(0,slicedToArray.Z)(_sortLanguageOptions,2),primaryLanguages=_sortLanguageOptions2[0],secondaryLanguages=_sortLanguageOptions2[1],primaryLanguageNodes=primaryLanguages.map(renderLanguageNode),SecondaryLanguages=function SecondaryLanguages(){return 0===secondaryLanguages.length?null:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[languageHeading&&(0,jsx_runtime.jsx)("h3",{children:languageHeading}),secondaryLanguages.map(renderLanguageNode)]})};if(!(isNotLargeScreen&&fullWidthForMobile&&!mobileMenuOpen||!isNotLargeScreen&&!fullWidthForMobile))return null;var hasChildren=children&&Array.isArray(children)&&children.length>0,hasSecondaryLanguages=secondaryLanguages.length>0;return(0,jsx_runtime.jsxs)("div",{className:(0,classNames.Z)(HeaderLanguageSelector_module_languageSelector,(0,defineProperty.Z)({},HeaderLanguageSelector_module_fullWidthForMobile,fullWidthForMobile)),children:[(0,jsx_runtime.jsx)("div",{className:(0,classNames.Z)(HeaderLanguageSelector_module_languageNodes),children:primaryLanguageNodes}),(hasChildren||hasSecondaryLanguages)&&(0,jsx_runtime.jsxs)(HeaderActionBarItemWithDropdown.e,{id:"language-selection-more",iconClassName:HeaderLanguageSelector_module_languageSelectorDropdownIcon,dropdownClassName:HeaderLanguageSelector_module_languageSelectorDropdown,label:(0,jsx_runtime.jsx)(IconAngleDown.IconAngleDown,{"aria-hidden":!0}),closeLabel:(0,jsx_runtime.jsx)(IconAngleUp.IconAngleUp,{"aria-hidden":!0}),icon:(0,jsx_runtime.jsx)(IconGlobe.IconGlobe,{"aria-hidden":!0}),closeIcon:(0,jsx_runtime.jsx)(IconGlobe.IconGlobe,{"aria-hidden":!0}),fullWidth:isNotLargeScreen,ariaLabel,labelOnRight:!0,children:[(0,jsx_runtime.jsx)(SecondaryLanguages,{}),children]})]})},getLanguageSelectorComponentProps=function getLanguageSelectorComponentProps(childList){var component=function getLanguageSelectorComponent(childList){var component=(0,getChildren.N1)(childList,HeaderLanguageSelector.componentName);return component[0]&&component[0][0]}(childList),_ref4=component&&component.props||{};return{children:_ref4.children,props:(0,objectWithoutProperties.Z)(_ref4,_excluded),componentExists:!!component}};try{HeaderLanguageSelector.displayName="HeaderLanguageSelector",HeaderLanguageSelector.__docgenInfo={description:"",displayName:"HeaderLanguageSelector",props:{ariaLabel:{defaultValue:null,description:"Aria-label attribute for the dropdown button.",name:"ariaLabel",required:!1,type:{name:"string"}},languageHeading:{defaultValue:null,description:"Heading for the list of languages inside the dropdown",name:"languageHeading",required:!1,type:{name:"string"}},sortLanguageOptions:{defaultValue:{value:"(options, selectedLanguage) => {\n const hasPrimaryLanguages = options.some((option) => typeof option.isPrimary !== 'undefined');\n const selectedOption = options.find((option) => option.value === selectedLanguage);\n if (hasPrimaryLanguages && selectedOption.isPrimary !== true) {\n return [[selectedOption], options.filter((option) => option.value !== selectedOption.value)];\n }\n return hasPrimaryLanguages\n ? [options.filter((option) => !!option.isPrimary), options.filter((option) => !option.isPrimary)]\n : [options, []];\n}"},description:"Function for sorting language options into primary and secondary.",name:"sortLanguageOptions",required:!1,type:{name:"(options: LanguageOption[], selectedLanguage: string) => [LanguageOption[], LanguageOption[]]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/header/components/headerLanguageSelector/HeaderLanguageSelector.tsx#HeaderLanguageSelector"]={docgenInfo:HeaderLanguageSelector.__docgenInfo,name:"HeaderLanguageSelector",path:"src/components/header/components/headerLanguageSelector/HeaderLanguageSelector.tsx#HeaderLanguageSelector"})}catch(__react_docgen_typescript_loader_error){}try{LanguageButton.displayName="LanguageButton",LanguageButton.__docgenInfo={description:"",displayName:"LanguageButton",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"string"}},isPrimary:{defaultValue:null,description:"",name:"isPrimary",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/header/components/headerLanguageSelector/HeaderLanguageSelector.tsx#LanguageButton"]={docgenInfo:LanguageButton.__docgenInfo,name:"LanguageButton",path:"src/components/header/components/headerLanguageSelector/HeaderLanguageSelector.tsx#LanguageButton"})}catch(__react_docgen_typescript_loader_error){}try{SimpleLanguageOptions.displayName="SimpleLanguageOptions",SimpleLanguageOptions.__docgenInfo={description:"",displayName:"SimpleLanguageOptions",props:{languages:{defaultValue:null,description:"",name:"languages",required:!0,type:{name:"LanguageOption[]"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/header/components/headerLanguageSelector/HeaderLanguageSelector.tsx#SimpleLanguageOptions"]={docgenInfo:SimpleLanguageOptions.__docgenInfo,name:"SimpleLanguageOptions",path:"src/components/header/components/headerLanguageSelector/HeaderLanguageSelector.tsx#SimpleLanguageOptions"})}catch(__react_docgen_typescript_loader_error){}try{HeaderLanguageSelectorConsumer.displayName="HeaderLanguageSelectorConsumer",HeaderLanguageSelectorConsumer.__docgenInfo={description:"",displayName:"HeaderLanguageSelectorConsumer",props:{ariaLabel:{defaultValue:null,description:"Aria-label attribute for the dropdown button.",name:"ariaLabel",required:!1,type:{name:"string"}},languageHeading:{defaultValue:null,description:"Heading for the list of languages inside the dropdown",name:"languageHeading",required:!1,type:{name:"string"}},sortLanguageOptions:{defaultValue:{value:"(options, selectedLanguage) => {\n const hasPrimaryLanguages = options.some((option) => typeof option.isPrimary !== 'undefined');\n const selectedOption = options.find((option) => option.value === selectedLanguage);\n if (hasPrimaryLanguages && selectedOption.isPrimary !== true) {\n return [[selectedOption], options.filter((option) => option.value !== selectedOption.value)];\n }\n return hasPrimaryLanguages\n ? [options.filter((option) => !!option.isPrimary), options.filter((option) => !option.isPrimary)]\n : [options, []];\n}"},description:"Function for sorting language options into primary and secondary.",name:"sortLanguageOptions",required:!1,type:{name:"(options: LanguageOption[], selectedLanguage: string) => [LanguageOption[], LanguageOption[]]"}},fullWidthForMobile:{defaultValue:{value:"false"},description:"Mobile mode.\n@internal",name:"fullWidthForMobile",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/header/components/headerLanguageSelector/HeaderLanguageSelector.tsx#HeaderLanguageSelectorConsumer"]={docgenInfo:HeaderLanguageSelectorConsumer.__docgenInfo,name:"HeaderLanguageSelectorConsumer",path:"src/components/header/components/headerLanguageSelector/HeaderLanguageSelector.tsx#HeaderLanguageSelectorConsumer"})}catch(__react_docgen_typescript_loader_error){}try{getLanguageSelectorComponentProps.displayName="getLanguageSelectorComponentProps",getLanguageSelectorComponentProps.__docgenInfo={description:"",displayName:"getLanguageSelectorComponentProps",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/header/components/headerLanguageSelector/HeaderLanguageSelector.tsx#getLanguageSelectorComponentProps"]={docgenInfo:getLanguageSelectorComponentProps.__docgenInfo,name:"getLanguageSelectorComponentProps",path:"src/components/header/components/headerLanguageSelector/HeaderLanguageSelector.tsx#getLanguageSelectorComponentProps"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/header/components/headerLink/HeaderLink.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{K:()=>HeaderLink});var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),slicedToArray=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),objectWithoutProperties=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react=__webpack_require__("../../node_modules/react/index.js"),v4=__webpack_require__("./node_modules/uuid/dist/esm-browser/v4.js");__webpack_require__("./src/styles/base.css");const HeaderLink_module={header:"HeaderLink_header__HS1GF","theme-dark":"HeaderLink_theme-dark__UI0vQ",headerBackgroundWrapper:"HeaderLink_headerBackgroundWrapper__V+bMi",headerLink:"HeaderLink_headerLink__Q+CZQ",active:"HeaderLink_active__8Jw+7",navigationLinkWrapper:"HeaderLink_navigationLinkWrapper__XhsWz",isNotLargeScreen:"HeaderLink_isNotLargeScreen__WOoeU"};var classNames=__webpack_require__("./src/utils/classNames.ts"),Link=__webpack_require__("./src/components/link/Link.tsx");const HeaderLinkDropdown_module={header:"HeaderLinkDropdown_header__9AwcE","theme-dark":"HeaderLinkDropdown_theme-dark__wUr1f",headerBackgroundWrapper:"HeaderLinkDropdown_headerBackgroundWrapper__X5Fks",button:"HeaderLinkDropdown_button__ClWrt",isNotLargeScreen:"HeaderLinkDropdown_isNotLargeScreen__9sZf2","depth-0":"HeaderLinkDropdown_depth-0__Eckuc",chevron:"HeaderLinkDropdown_chevron__JNMi9",chevronOpen:"HeaderLinkDropdown_chevronOpen__Znpsv",hidden:"HeaderLinkDropdown_hidden__-+n71",dropdownMenu:"HeaderLinkDropdown_dropdownMenu__ppesK",dropdownLink:"HeaderLinkDropdown_dropdownLink__Jc0Kf",activeLink:"HeaderLinkDropdown_activeLink__sIRUp",left:"HeaderLinkDropdown_left__6e3eu",right:"HeaderLinkDropdown_right__46eju"};var IconAngleRight=__webpack_require__("./src/icons/IconAngleRight.tsx"),IconAngleLeft=__webpack_require__("./src/icons/IconAngleLeft.tsx"),IconAngleDown=__webpack_require__("./src/icons/IconAngleDown.tsx"),HeaderContext=__webpack_require__("./src/components/header/HeaderContext.tsx"),getChildren=__webpack_require__("./src/utils/getChildren.ts"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),DropdownMenuPosition=function(DropdownMenuPosition){return DropdownMenuPosition.Left="left",DropdownMenuPosition.Right="right",DropdownMenuPosition}({}),HeaderLinkDropdown=function HeaderLinkDropdown(_ref){var children=_ref.children,_ref$position=_ref.position,position=void 0===_ref$position?DropdownMenuPosition.Right:_ref$position,className=_ref.className,index=_ref.index,open=_ref.open,setOpen=_ref.setOpen,_ref$depth=_ref.depth,depth=void 0===_ref$depth?0:_ref$depth,closeDropdownAriaButtonLabel=_ref.closeDropdownAriaButtonLabel,openDropdownAriaButtonLabel=_ref.openDropdownAriaButtonLabel,dropdownButtonClassName=_ref.dropdownButtonClassName,isNotLargeScreen=(0,HeaderContext.Jv)().isNotLargeScreen,_useState=(0,react.useState)(-1),_useState2=(0,slicedToArray.Z)(_useState,2),openSubNavIndex=_useState2[0],setOpenSubNavIndex=_useState2[1],ref=(0,react.useRef)(null),chevronClassName=open?(0,classNames.Z)(HeaderLinkDropdown_module.chevron,HeaderLinkDropdown_module.chevronOpen):HeaderLinkDropdown_module.chevron,depthClassName=HeaderLinkDropdown_module["depth-".concat(depth-1)],dropdownDirectionClass=position?(0,classNames.Z)(HeaderLinkDropdown_module.dropdownMenu,HeaderLinkDropdown_module[position]):HeaderLinkDropdown_module.dropdownMenu,childElements=(0,getChildren.fL)(children);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("button",{type:"button",className:(0,classNames.Z)(HeaderLinkDropdown_module.button,{isNotLargeScreen},depthClassName,dropdownButtonClassName),onClick:function handleMenuButtonClick(e){e.preventDefault(),setOpen(!open)},"data-testid":"dropdown-button-".concat(index),"aria-label":function getDefaultButtonAriaLabel(){return open?closeDropdownAriaButtonLabel||"Sulje alasvetovalikko.":openDropdownAriaButtonLabel||"Avaa alasvetovalikko."}(),children:function renderIcon(){return depth>1&&position===DropdownMenuPosition.Right?(0,jsx_runtime.jsx)(IconAngleRight.IconAngleRight,{className:chevronClassName}):depth>1&&position===DropdownMenuPosition.Left?(0,jsx_runtime.jsx)(IconAngleLeft.IconAngleLeft,{className:chevronClassName}):(0,jsx_runtime.jsx)(IconAngleDown.IconAngleDown,{className:chevronClassName})}()}),(0,jsx_runtime.jsx)("ul",(0,objectSpread2.Z)((0,objectSpread2.Z)({className:(0,classNames.Z)(dropdownDirectionClass,{isNotLargeScreen},className)},!open&&{style:{display:"none"}}),{},{"data-testid":"dropdown-menu-".concat(index),ref,children:childElements.map((function(child,childIndex){return(0,jsx_runtime.jsx)("li",{children:(0,react.isValidElement)(child)?(0,react.cloneElement)(child,{index:childIndex,openSubNavIndex,setOpenSubNavIndex,depth,className:child.props.active?(0,classNames.Z)(HeaderLinkDropdown_module.dropdownLink,HeaderLinkDropdown_module.activeLink):HeaderLinkDropdown_module.dropdownLink,dropdownButtonClassName}):child},"link-dropdown-".concat(index,"-").concat(childIndex))}))}))]})};HeaderLinkDropdown.componentName="HDSNavigationLinkDropdown";try{HeaderLinkDropdown.displayName="HeaderLinkDropdown",HeaderLinkDropdown.__docgenInfo={description:"",displayName:"HeaderLinkDropdown",props:{className:{defaultValue:null,description:"Additional class names.",name:"className",required:!1,type:{name:"string"}},closeDropdownAriaButtonLabel:{defaultValue:null,description:"Aria-label for the dropdown button to describe closing the dropdown.",name:"closeDropdownAriaButtonLabel",required:!1,type:{name:"string"}},dropdownButtonClassName:{defaultValue:null,description:"Additional class names for the dropdown button.",name:"dropdownButtonClassName",required:!1,type:{name:"string"}},position:{defaultValue:{value:"DropdownMenuPosition.Right"},description:"Direction for dropdown position.",name:"position",required:!1,type:{name:"enum",value:[{value:'"left"'},{value:'"right"'}]}},index:{defaultValue:null,description:"Element index given by parent mapping.\n@internal",name:"index",required:!1,type:{name:"number"}},open:{defaultValue:null,description:"Is dropdown open.",name:"open",required:!0,type:{name:"boolean"}},openDropdownAriaButtonLabel:{defaultValue:null,description:"Aria-label for the dropdown button to describe opening the dropdown.",name:"openDropdownAriaButtonLabel",required:!1,type:{name:"string"}},setOpen:{defaultValue:null,description:"Function that is called when open value is changed.",name:"setOpen",required:!0,type:{name:"(isOpen: boolean) => void"}},depth:{defaultValue:{value:"0"},description:"Depth in nested dropdowns.\n@internal",name:"depth",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/header/components/headerLink/headerLinkDropdown/HeaderLinkDropdown.tsx#HeaderLinkDropdown"]={docgenInfo:HeaderLinkDropdown.__docgenInfo,name:"HeaderLinkDropdown",path:"src/components/header/components/headerLink/headerLinkDropdown/HeaderLinkDropdown.tsx#HeaderLinkDropdown"})}catch(__react_docgen_typescript_loader_error){}var useIsomorphicLayoutEffect=__webpack_require__("./src/hooks/useIsomorphicLayoutEffect.ts"),_excluded=["active","as","className","wrapperClassName","dropdownClassName","dropdownLinks","dropdownLinkClassName","href","index","label","openSubNavIndex","setOpenSubNavIndex","depth","openDropdownAriaButtonLabel","closeDropdownAriaButtonLabel","dropdownButtonClassName","onDropdownButtonClick"],HeaderLink_classNames=(0,classNames.P)(HeaderLink_module),HeaderLink=function HeaderLink(_ref){var active=_ref.active,LinkComponent=_ref.as,className=_ref.className,wrapperClassName=_ref.wrapperClassName,dropdownClassName=_ref.dropdownClassName,dropdownLinks=_ref.dropdownLinks,dropdownLinkClassName=_ref.dropdownLinkClassName,href=_ref.href,index=_ref.index,label=_ref.label,openSubNavIndex=_ref.openSubNavIndex,setOpenSubNavIndex=_ref.setOpenSubNavIndex,_ref$depth=_ref.depth,depth=void 0===_ref$depth?0:_ref$depth,openDropdownAriaButtonLabel=_ref.openDropdownAriaButtonLabel,closeDropdownAriaButtonLabel=_ref.closeDropdownAriaButtonLabel,dropdownButtonClassName=_ref.dropdownButtonClassName,onDropdownButtonClick=_ref.onDropdownButtonClick,rest=(0,objectWithoutProperties.Z)(_ref,_excluded),Item=react.isValidElement(LinkComponent)?LinkComponent.type:LinkComponent,isNotLargeScreen=(0,HeaderContext.Jv)().isNotLargeScreen,_useState=(0,react.useState)(!1),_useState2=(0,slicedToArray.Z)(_useState,2),isDropdownOpen=_useState2[0],setDropdownOpen=_useState2[1],_useState3=(0,react.useState)(null),_useState4=(0,slicedToArray.Z)(_useState3,2),dynamicPosition=_useState4[0],setDynamicPosition=_useState4[1],openMainNavIndex=(0,HeaderContext.Jv)().openMainNavIndex,setOpenMainNavIndex=(0,HeaderContext.ZQ)().setOpenMainNavIndex,containerRef=(0,react.useRef)(null),isSubNavLink=void 0!==openSubNavIndex&&void 0!==setOpenSubNavIndex;(0,useIsomorphicLayoutEffect.Z)((function(){1===depth&&setDynamicPosition(function getDropdownPosition(){if(void 0===window)return DropdownMenuPosition.Right;if(null!=containerRef.current){var _containerRef$current=containerRef.current.getBoundingClientRect(),leftPosition=_containerRef$current.x,rightPosition=leftPosition+_containerRef$current.width;return leftPosition>window.innerWidth-rightPosition?DropdownMenuPosition.Left:DropdownMenuPosition.Right}return DropdownMenuPosition.Right}())}),[]);var closeDropdown=function closeDropdown(){return setDropdownOpen(!1)};(0,react.useEffect)((function(){isSubNavLink||openMainNavIndex!==index&&isDropdownOpen&&closeDropdown()}),[openMainNavIndex]),(0,react.useEffect)((function(){isSubNavLink&&openSubNavIndex!==index&&isDropdownOpen&&closeDropdown()}),[openSubNavIndex]);var handleOutsideClick=(0,react.useCallback)((function(e){isDropdownOpen&&containerRef.current&&!containerRef.current.contains(e.target)&&closeDropdown()}),[isDropdownOpen]);(0,react.useEffect)((function(){return isDropdownOpen&&document.addEventListener("click",handleOutsideClick),function(){return document.removeEventListener("click",handleOutsideClick)}}),[isDropdownOpen]);var navigationWrapperLinkClassName=HeaderLink_classNames({isNotLargeScreen},HeaderLink_module.navigationLinkWrapper,HeaderLink_module["depth-".concat(depth)],wrapperClassName),navigationLinkClassName=HeaderLink_classNames(HeaderLink_module.headerLink,HeaderLink_module["depth-".concat(depth)],className,{active,isNotLargeScreen});return(0,jsx_runtime.jsxs)("span",(0,objectSpread2.Z)((0,objectSpread2.Z)({className:navigationWrapperLinkClassName,ref:containerRef},Boolean(dropdownLinks)&&{"aria-expanded":isDropdownOpen}),{},{children:[(0,jsx_runtime.jsx)(Item,(0,objectSpread2.Z)((0,objectSpread2.Z)({className:navigationLinkClassName,href},rest),{},{children:label})),dropdownLinks&&(0,jsx_runtime.jsx)(HeaderLinkDropdown,{open:isDropdownOpen,setOpen:function handleDropdownOpen(val){isNotLargeScreen||setDropdownOpen(val),onDropdownButtonClick&&onDropdownButtonClick(),isSubNavLink&&void 0!==index?setOpenSubNavIndex(val?index:-1):(val!==isDropdownOpen&&openMainNavIndex===index||val)&&setOpenMainNavIndex&&setOpenMainNavIndex(val?index:-1)},index,depth:depth+1,className:dropdownClassName,position:dynamicPosition,openDropdownAriaButtonLabel,closeDropdownAriaButtonLabel,dropdownButtonClassName,children:dropdownLinks.map((function(child){return(0,react.cloneElement)(child,{key:(0,v4.Z)(),wrapperClassName,dropdownClassName,dropdownLinkClassName})}))})]}))};HeaderLink.defaultProps={as:Link.r,href:"#"};try{HeaderLink.displayName="HeaderLink",HeaderLink.__docgenInfo={description:"",displayName:"HeaderLink",props:{active:{defaultValue:null,description:"Indicator for active link. This is used in HeaderNavigationMenu.",name:"active",required:!1,type:{name:"boolean"}},as:{defaultValue:{value:"React.forwardRef(\n (\n {\n ariaLabel,\n children,\n className,\n disableVisitedStyles = false,\n external = false,\n href,\n iconLeft,\n openInNewTab = false,\n openInExternalDomainAriaLabel,\n openInNewTabAriaLabel,\n style = {},\n size = 'M',\n ...rest\n }: LinkProps,\n ref: React.Ref,\n ) => {\n const composeAriaLabel = () => {\n let childrenText = ariaLabel || getTextFromReactChildren(children);\n const newTabText = openInNewTab ? openInNewTabAriaLabel || 'Avautuu uudessa välilehdessä.' : '';\n const externalText = external ? openInExternalDomainAriaLabel || 'Siirtyy toiseen sivustoon.' : '';\n\n if (childrenText && childrenText.slice(-1) !== '.') {\n childrenText = `${childrenText}.`;\n }\n\n return [childrenText, newTabText, externalText].filter((text) => text).join(' ');\n };\n\n const mapLinkSizeToExternalIconSize: LinkToIconSizeMappingType = {\n L: 'l',\n M: 's',\n S: 'xs',\n };\n const mapLinkSizeToIconVerticalStyling = {\n L: styles.verticalAlignBigIcon,\n M: styles.verticalAlignMediumIcon,\n S: styles.verticalAlignSmallIcon,\n };\n\n return (\n \n {iconLeft && (\n \n {iconLeft}\n \n )}\n {children}\n {external && (\n "}},className:{defaultValue:null,description:"Additional class names to apply for the link element.",name:"className",required:!1,type:{name:"string"}},closeDropdownAriaButtonLabel:{defaultValue:null,description:"Aria-label for the dropdown button to describe closing the dropdown.",name:"closeDropdownAriaButtonLabel",required:!1,type:{name:"string"}},depth:{defaultValue:{value:"0"},description:"Depth in nested dropdowns.\n@internal",name:"depth",required:!1,type:{name:"number"}},dropdownButtonClassName:{defaultValue:null,description:"Additional class name for the dropdown button.",name:"dropdownButtonClassName",required:!1,type:{name:"string"}},dropdownClassName:{defaultValue:null,description:"Additional class name for the dropdown element.",name:"dropdownClassName",required:!1,type:{name:"string"}},dropdownLinkClassName:{defaultValue:null,description:"Additional class name for the dropdown items.",name:"dropdownLinkClassName",required:!1,type:{name:"string"}},dropdownLinks:{defaultValue:null,description:"Array of HeaderLink components to render in a dropdown. Can be used only inside navigation components.",name:"dropdownLinks",required:!1,type:{name:"ReactElement>[]"}},href:{defaultValue:{value:"#"},description:"Hypertext Reference of the link.",name:"href",required:!1,type:{name:"string"}},index:{defaultValue:null,description:"Element index given by parent mapping.\n@internal",name:"index",required:!1,type:{name:"number"}},label:{defaultValue:null,description:"Label for link.",name:"label",required:!0,type:{name:"string"}},onDropdownButtonClick:{defaultValue:null,description:"Callback fired when the dropdown button is clicked.",name:"onDropdownButtonClick",required:!1,type:{name:"() => void"}},openDropdownAriaButtonLabel:{defaultValue:null,description:"Aria-label for the dropdown button to describe opening the dropdown.",name:"openDropdownAriaButtonLabel",required:!1,type:{name:"string"}},openSubNavIndex:{defaultValue:null,description:"Which sub navigation index is open.\n@internal",name:"openSubNavIndex",required:!1,type:{name:"number"}},setOpenSubNavIndex:{defaultValue:null,description:"Set which sub navigation index is open.\n@internal",name:"setOpenSubNavIndex",required:!1,type:{name:"(val: number) => void"}},wrapperClassName:{defaultValue:null,description:"Additional class name for the NavigationLink wrapper element.",name:"wrapperClassName",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/header/components/headerLink/HeaderLink.tsx#HeaderLink"]={docgenInfo:HeaderLink.__docgenInfo,name:"HeaderLink",path:"src/components/header/components/headerLink/HeaderLink.tsx#HeaderLink"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/header/components/headerNavigationMenu/HeaderNavigationMenu.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{p:()=>HeaderNavigationMenu});var react=__webpack_require__("../../node_modules/react/index.js"),HeaderContext=(__webpack_require__("./src/styles/base.css"),__webpack_require__("./src/components/header/HeaderContext.tsx")),classNames=__webpack_require__("./src/utils/classNames.ts"),getChildren=__webpack_require__("./src/utils/getChildren.ts");const HeaderNavigationMenu_module={headerNavigationMenu:"HeaderNavigationMenu_headerNavigationMenu__94nwN",headerNavigationMenuContainer:"HeaderNavigationMenu_headerNavigationMenuContainer__2CxQ6",headerNavigationMenuList:"HeaderNavigationMenu_headerNavigationMenuList__VXKgy",headerNavigationMenuLinkContent:"HeaderNavigationMenu_headerNavigationMenuLinkContent__1UgUp",headerNavigationMenuLinkContentActive:"HeaderNavigationMenu_headerNavigationMenuLinkContentActive__FjIpJ",headerNavigationMenuLink:"HeaderNavigationMenu_headerNavigationMenuLink__ZxwLW"};var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),HeaderNavigationMenuContent=function HeaderNavigationMenuContent(){var _useHeaderContext=(0,HeaderContext.Jv)(),isNotLargeScreen=_useHeaderContext.isNotLargeScreen,navigationContent=_useHeaderContext.navigationContent,navigationLinks=(0,getChildren.AU)(navigationContent);return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:navigationLinks.map((function(child,index){return(0,react.isValidElement)(child)?function renderHeaderNavigationMenuItem(child,index,isNotLargeScreen){var linkContentClass=isNotLargeScreen?HeaderNavigationMenu_module.headerNavigationMenuLinkContentMobile:HeaderNavigationMenu_module.headerNavigationMenuLinkContent,activeLinkClassName=(0,classNames.Z)(linkContentClass,HeaderNavigationMenu_module.headerNavigationMenuLinkContentActive),linkContainerClasses=child.props.active&&!isNotLargeScreen?activeLinkClassName:linkContentClass,mobileNode=(0,react.cloneElement)(child,{dropdownLinkClassName:HeaderNavigationMenu_module.headerNavigationMenuDropdownLinkMobile,dropdownClassName:HeaderNavigationMenu_module.headerNavigationMenuDropdownMobile,wrapperClassName:HeaderNavigationMenu_module.headerNavigationMenuLinkWrapperMobile,dropdownButtonClassName:HeaderNavigationMenu_module.headerNavigationMenuDropdownButtonMobile,className:(0,classNames.Z)(child.props.className,HeaderNavigationMenu_module.headerNavigationMenuLinkMobile),index}),desktopNode=(0,react.cloneElement)(child,{className:(0,classNames.Z)(child.props.className,HeaderNavigationMenu_module.headerNavigationMenuLink),index}),node=isNotLargeScreen?mobileNode:desktopNode;return(0,jsx_runtime.jsx)("li",{children:(0,jsx_runtime.jsx)("span",{className:linkContainerClasses,children:node})},index)}(child,index,isNotLargeScreen):null}))})},HeaderNavigationMenu=function HeaderNavigationMenu(_ref){var ariaLabel=_ref.ariaLabel,children=_ref.children,id=_ref.id,isNotLargeScreen=(0,HeaderContext.Jv)().isNotLargeScreen,setNavigationContent=(0,HeaderContext.ZQ)().setNavigationContent;return(0,react.useEffect)((function(){var navigationContent=(0,getChildren.fL)(children);setNavigationContent(navigationContent)}),[children]),isNotLargeScreen?null:(0,jsx_runtime.jsx)("div",{className:HeaderNavigationMenu_module.headerNavigationMenuContainer,children:(0,jsx_runtime.jsx)("nav",{"aria-label":ariaLabel,id,className:HeaderNavigationMenu_module.headerNavigationMenu,children:(0,jsx_runtime.jsx)("ul",{className:HeaderNavigationMenu_module.headerNavigationMenuList,children:(0,jsx_runtime.jsx)(HeaderNavigationMenuContent,{})})})})};try{HeaderNavigationMenu.displayName="HeaderNavigationMenu",HeaderNavigationMenu.__docgenInfo={description:"",displayName:"HeaderNavigationMenu",props:{ariaLabel:{defaultValue:null,description:"Aria-label for describing universal bar.",name:"ariaLabel",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"Children are expected to be HeaderLink components or a container with HeaderLink components inside.",name:"children",required:!1,type:{name:"ReactNode"}},id:{defaultValue:null,description:"ID of the header element.",name:"id",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/header/components/headerNavigationMenu/HeaderNavigationMenu.tsx#HeaderNavigationMenu"]={docgenInfo:HeaderNavigationMenu.__docgenInfo,name:"HeaderNavigationMenu",path:"src/components/header/components/headerNavigationMenu/HeaderNavigationMenu.tsx#HeaderNavigationMenu"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/header/components/headerUniversalBar/HeaderUniversalBar.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{V:()=>HeaderUniversalBar});var react=__webpack_require__("../../node_modules/react/index.js");__webpack_require__("./src/styles/base.css");const HeaderUniversalBar_module_headerUniversalBar="HeaderUniversalBar_headerUniversalBar__5yFHV",HeaderUniversalBar_module_headerUniversalBarContainer="HeaderUniversalBar_headerUniversalBarContainer__Rz4zN",HeaderUniversalBar_module_headerUniversalBarList="HeaderUniversalBar_headerUniversalBarList__Wv4g+",HeaderUniversalBar_module_universalBarMainLinkContainer="HeaderUniversalBar_universalBarMainLinkContainer__cmBG5",HeaderUniversalBar_module_universalBarSecondaryLinkContainer="HeaderUniversalBar_universalBarSecondaryLinkContainer__gfhCe",HeaderUniversalBar_module_universalBarLink="HeaderUniversalBar_universalBarLink__fCvdQ";var HeaderLink=__webpack_require__("./src/components/header/components/headerLink/HeaderLink.tsx"),HeaderContext=__webpack_require__("./src/components/header/HeaderContext.tsx"),classNames=__webpack_require__("./src/utils/classNames.ts"),getChildren=__webpack_require__("./src/utils/getChildren.ts"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),HeaderUniversalBar=function HeaderUniversalBar(_ref){var ariaLabel=_ref.ariaLabel,className=_ref.className,children=_ref.children,id=_ref.id,primaryLinkHref=_ref.primaryLinkHref,primaryLinkText=_ref.primaryLinkText,role=_ref.role,isNotLargeScreen=(0,HeaderContext.Jv)().isNotLargeScreen,childElements=(0,getChildren.fL)(children),setUniversalContent=(0,HeaderContext.ZQ)().setUniversalContent;return(0,react.useEffect)((function(){var universalContent=(0,getChildren.fL)(children);setUniversalContent(universalContent)}),[children]),isNotLargeScreen?null:(0,jsx_runtime.jsx)("div",{className:HeaderUniversalBar_module_headerUniversalBarContainer,children:(0,jsx_runtime.jsx)("div",{role,"aria-label":ariaLabel,id,className:(0,classNames.Z)(HeaderUniversalBar_module_headerUniversalBar,className),children:(0,jsx_runtime.jsxs)("ul",{className:HeaderUniversalBar_module_headerUniversalBarList,children:[(0,jsx_runtime.jsx)("li",{className:HeaderUniversalBar_module_universalBarMainLinkContainer,children:(0,jsx_runtime.jsx)(HeaderLink.K,{href:primaryLinkHref,label:primaryLinkText,className:HeaderUniversalBar_module_universalBarLink})}),childElements.map((function(child,index){return react.isValidElement(child)?(0,jsx_runtime.jsx)("li",{className:HeaderUniversalBar_module_universalBarSecondaryLinkContainer,children:(0,react.cloneElement)(child,{className:(0,classNames.Z)(child.props.className,HeaderUniversalBar_module_universalBarLink)})},"secondary-link-".concat(index)):null}))]})})})};try{HeaderUniversalBar.displayName="HeaderUniversalBar",HeaderUniversalBar.__docgenInfo={description:"",displayName:"HeaderUniversalBar",props:{ariaLabel:{defaultValue:null,description:"Aria-label for describing UniversalBar.",name:"ariaLabel",required:!1,type:{name:"string"}},className:{defaultValue:null,description:"Additional class names to apply.",name:"className",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"Children are expected to be HeaderLink components or a container with HeaderLink components inside.",name:"children",required:!1,type:{name:"ReactNode"}},id:{defaultValue:null,description:"ID of the header element.",name:"id",required:!1,type:{name:"string"}},primaryLinkHref:{defaultValue:null,description:"Hypertext reference of the primary link.",name:"primaryLinkHref",required:!1,type:{name:"string"}},primaryLinkText:{defaultValue:null,description:"Link text for the primary link.",name:"primaryLinkText",required:!1,type:{name:"string"}},role:{defaultValue:null,description:"ARIA role to describe the contents.",name:"role",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/header/components/headerUniversalBar/HeaderUniversalBar.tsx#HeaderUniversalBar"]={docgenInfo:HeaderUniversalBar.__docgenInfo,name:"HeaderUniversalBar",path:"src/components/header/components/headerUniversalBar/HeaderUniversalBar.tsx#HeaderUniversalBar"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/koros/Koros.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{N:()=>Koros,X:()=>getShapeHeight});var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),slicedToArray=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react=__webpack_require__("../../node_modules/react/index.js"),lodash_uniqueid=__webpack_require__("../../node_modules/lodash.uniqueid/index.js"),lodash_uniqueid_default=__webpack_require__.n(lodash_uniqueid),classNames=(__webpack_require__("./src/styles/base.css"),__webpack_require__("./src/utils/classNames.ts"));const Koros_module={koros:"Koros_koros__Wg7gu",rotate:"Koros_rotate__D6W95"};var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),getSVG=function getSVG(dense,type,patternName){var transform="scale(".concat(dense?1:3,")"),patterns={basic:(0,jsx_runtime.jsx)("path",{transform,d:"m0 5v80h32v-80c-8 0-8-5-16-5s-8 5-16 5z"}),beat:(0,jsx_runtime.jsx)("path",{transform,d:"m0 21v64h32v-64c-4 0-5.4-4-5.4-4l-5.2-13s-1.4-4-5.4-4-5.4 4-5.4 4l-5.2 13s-1.4 4-5.4 4z"}),pulse:(0,jsx_runtime.jsx)("path",{transform,d:"m0 10v75h32v-75c-8 0-8-10-16-10s-8 10-16 10z"}),wave:(0,jsx_runtime.jsx)("path",{transform,d:"m0 10v75h32v-75c-8 0-13-3.7-16-10-3 6.3-8 10-16 10z"}),vibration:(0,jsx_runtime.jsx)("path",{transform,d:"m0 0v85h32v-85l-16 16z"}),calm:(0,jsx_runtime.jsx)("path",{transform,d:"m0 0v85h32v-85z"})};return(0,jsx_runtime.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",width:"100%",height:"85",children:[(0,jsx_runtime.jsx)("defs",{children:(0,jsx_runtime.jsx)("pattern",{id:"".concat(patternName),x:"0",y:"0",width:"".concat(dense?32:96),height:"85",patternUnits:"userSpaceOnUse",children:patterns[type]})}),(0,jsx_runtime.jsx)("rect",{fill:"url(#".concat(patternName,")"),width:"100%",height:"85",style:{shapeRendering:"crispEdges"}})]})},waveHeights={basic:[15,5],beat:[70,24],pulse:[34,12],wave:[35,12],vibration:[54,18],calm:[0,0]},getShapeHeight=function getShapeHeight(_ref){var _ref$dense=_ref.dense,dense=void 0!==_ref$dense&&_ref$dense,_ref$type=_ref.type,waveData=waveHeights[void 0===_ref$type?"basic":_ref$type];return waveData&&waveData[dense?1:0]||0},Koros=function Koros(_ref2){var _ref2$dense=_ref2.dense,dense=void 0!==_ref2$dense&&_ref2$dense,_ref2$flipVertical=_ref2.flipVertical,flipVertical=void 0!==_ref2$flipVertical&&_ref2$flipVertical,_ref2$type=_ref2.type,type=void 0===_ref2$type?"basic":_ref2$type,rotate=_ref2.rotate,_ref2$className=_ref2.className,className=void 0===_ref2$className?"":_ref2$className,style=_ref2.style,patternName="koros_".concat(type),_useState=(0,react.useState)(lodash_uniqueid_default()("".concat(patternName,"-"))),id=(0,slicedToArray.Z)(_useState,1)[0],cssTransforms=[flipVertical&&"scaleY(-1)",rotate&&"rotate(".concat(rotate,") translateZ(0)")].filter((function(t){return!!t}));return(0,jsx_runtime.jsx)("div",{className:(0,classNames.Z)(Koros_module.koros,Koros_module[type],rotate&&Koros_module.rotate,className),style:(0,objectSpread2.Z)((0,objectSpread2.Z)({},style),cssTransforms.length>0?{transform:cssTransforms.join(" ")}:{}),children:getSVG(dense,type,id)})};try{getShapeHeight.displayName="getShapeHeight",getShapeHeight.__docgenInfo={description:"",displayName:"getShapeHeight",props:{type:{defaultValue:{value:"basic"},description:"Koros type",name:"type",required:!1,type:{name:"enum",value:[{value:'"basic"'},{value:'"beat"'},{value:'"pulse"'},{value:'"wave"'},{value:'"vibration"'},{value:'"calm"'}]}},dense:{defaultValue:{value:"false"},description:"Whether to use dense variant",name:"dense",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/koros/Koros.tsx#getShapeHeight"]={docgenInfo:getShapeHeight.__docgenInfo,name:"getShapeHeight",path:"src/components/koros/Koros.tsx#getShapeHeight"})}catch(__react_docgen_typescript_loader_error){}try{Koros.displayName="Koros",Koros.__docgenInfo={description:"",displayName:"Koros",props:{dense:{defaultValue:{value:"false"},description:"Whether to use dense variant",name:"dense",required:!1,type:{name:"boolean"}},flipVertical:{defaultValue:{value:"false"},description:"Whether the component should be flipped vertically",name:"flipVertical",required:!1,type:{name:"boolean"}},rotate:{defaultValue:null,description:"A property to rotate Koros",name:"rotate",required:!1,type:{name:"enum",value:[{value:'"45deg"'},{value:'"90deg"'},{value:'"135deg"'},{value:'"180deg"'},{value:'"225deg"'},{value:'"270deg"'},{value:'"315deg"'}]}},type:{defaultValue:{value:"basic"},description:"Koros type",name:"type",required:!1,type:{name:"enum",value:[{value:'"basic"'},{value:'"beat"'},{value:'"pulse"'},{value:'"wave"'},{value:'"vibration"'},{value:'"calm"'}]}},className:{defaultValue:{value:""},description:"Additional class names to apply to component",name:"className",required:!1,type:{name:"string"}},style:{defaultValue:null,description:"Additional style properties to apply to component",name:"style",required:!1,type:{name:"CSSProperties"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/koros/Koros.tsx#Koros"]={docgenInfo:Koros.__docgenInfo,name:"Koros",path:"src/components/koros/Koros.tsx#Koros"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/link/Link.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{r:()=>Link});var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),objectWithoutProperties=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react=__webpack_require__("../../node_modules/react/index.js");__webpack_require__("./src/styles/base.css");const Link_module={link:"Link_link__lMaCH link_hds-link__sPvb2",icon:"Link_icon__qqEkU link_icon__piHiC",iconLeft:"Link_iconLeft__GaHQP link_hds-icon-left__EakEx",verticalAlignMediumIcon:"Link_verticalAlignMediumIcon__UvS2Z link_vertical-align-medium-icon__QuWDG",verticalAlignBigIcon:"Link_verticalAlignBigIcon__4LEO8 link_vertical-align-big-icon__DpV-s",verticalAlignSmallIcon:"Link_verticalAlignSmallIcon__JSThm link_vertical-align-small-icon__+KxOo",disableVisitedStyles:"Link_disableVisitedStyles__0uFxY link_hds-link--disable-visited-styles__-bH6y",linkS:"Link_linkS__iidUS link_hds-link--small__7dDjY",linkM:"Link_linkM__dWlgi link_hds-link--medium__2Vr6K",linkL:"Link_linkL__zHVkB link_hds-link--large__jPxDh"};var IconLinkExternal=__webpack_require__("./src/icons/IconLinkExternal.tsx"),classNames=__webpack_require__("./src/utils/classNames.ts"),hasChildren=function hasChildren(element){return(0,react.isValidElement)(element)&&Boolean(element.props.children)},childToString=function childToString(child){return null==child||"boolean"==typeof child||"{}"===JSON.stringify(child)?"":child.toString()},getTextFromReactChildren=function getTextFromReactChildren(children){return children instanceof Array||(0,react.isValidElement)(children)?react.Children.toArray(children).reduce((function(text,child){var newText="";return newText=(0,react.isValidElement)(child)&&hasChildren(child)?getTextFromReactChildren(child.props.children):(0,react.isValidElement)(child)&&!hasChildren(child)?"":childToString(child),text.concat(newText)}),""):childToString(children)},jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_excluded=["ariaLabel","children","className","disableVisitedStyles","external","href","iconLeft","openInNewTab","openInExternalDomainAriaLabel","openInNewTabAriaLabel","style","size"],Link=react.forwardRef((function(_ref,ref){var ariaLabel=_ref.ariaLabel,children=_ref.children,className=_ref.className,_ref$disableVisitedSt=_ref.disableVisitedStyles,disableVisitedStyles=void 0!==_ref$disableVisitedSt&&_ref$disableVisitedSt,_ref$external=_ref.external,external=void 0!==_ref$external&&_ref$external,href=_ref.href,iconLeft=_ref.iconLeft,_ref$openInNewTab=_ref.openInNewTab,openInNewTab=void 0!==_ref$openInNewTab&&_ref$openInNewTab,openInExternalDomainAriaLabel=_ref.openInExternalDomainAriaLabel,openInNewTabAriaLabel=_ref.openInNewTabAriaLabel,_ref$style=_ref.style,style=void 0===_ref$style?{}:_ref$style,_ref$size=_ref.size,size=void 0===_ref$size?"M":_ref$size,rest=(0,objectWithoutProperties.Z)(_ref,_excluded),mapLinkSizeToIconVerticalStyling={L:Link_module.verticalAlignBigIcon,M:Link_module.verticalAlignMediumIcon,S:Link_module.verticalAlignSmallIcon};return(0,jsx_runtime.jsxs)("a",(0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)({"aria-label":ariaLabel,className:(0,classNames.Z)(Link_module.link,Link_module["link".concat(size)],disableVisitedStyles?Link_module.disableVisitedStyles:"",className),href,style},openInNewTab&&{target:"_blank",rel:"noopener"}),(openInNewTab||external||ariaLabel)&&{"aria-label":function composeAriaLabel(){var childrenText=ariaLabel||getTextFromReactChildren(children),newTabText=openInNewTab?openInNewTabAriaLabel||"Avautuu uudessa välilehdessä.":"",externalText=external?openInExternalDomainAriaLabel||"Siirtyy toiseen sivustoon.":"";return childrenText&&"."!==childrenText.slice(-1)&&(childrenText="".concat(childrenText,".")),[childrenText,newTabText,externalText].filter((function(text){return text})).join(" ")}()}),{},{ref},rest),{},{children:[iconLeft&&(0,jsx_runtime.jsx)("span",{className:Link_module.iconLeft,"aria-hidden":"true",children:iconLeft}),children,external&&(0,jsx_runtime.jsx)(IconLinkExternal.IconLinkExternal,{size:{L:"l",M:"s",S:"xs"}[size],className:(0,classNames.Z)(Link_module.icon,mapLinkSizeToIconVerticalStyling[size]),"aria-hidden":!0})]}))}));try{Link.displayName="Link",Link.__docgenInfo={description:"",displayName:"Link",props:{ariaLabel:{defaultValue:null,description:"aria-label for providing detailed information for screen readers about a link text.",name:"ariaLabel",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"Link content",name:"children",required:!1,type:{name:"ReactNode"}},disableVisitedStyles:{defaultValue:{value:"false"},description:"Boolean indicating whether visited styles of the link are applied",name:"disableVisitedStyles",required:!1,type:{name:"boolean"}},external:{defaultValue:{value:"false"},description:"Boolean indicating whether the link will lead user to external domain.",name:"external",required:!1,type:{name:"boolean"}},href:{defaultValue:null,description:"Hypertext Reference of the link.",name:"href",required:!0,type:{name:"string"}},iconLeft:{defaultValue:null,description:"Element placed on the left side of the link text",name:"iconLeft",required:!1,type:{name:"ReactNode"}},openInNewTab:{defaultValue:{value:"false"},description:"Boolean indicating whether the link will open in new tab or not.",name:"openInNewTab",required:!1,type:{name:"boolean"}},openInNewTabAriaLabel:{defaultValue:null,description:"The aria-label for opening link in a new tab",name:"openInNewTabAriaLabel",required:!1,type:{name:"string"}},openInExternalDomainAriaLabel:{defaultValue:null,description:"The aria-label for opening link in an external domain",name:"openInExternalDomainAriaLabel",required:!1,type:{name:"string"}},size:{defaultValue:{value:"M"},description:"Size of the link",name:"size",required:!1,type:{name:"enum",value:[{value:'"S"'},{value:'"M"'},{value:'"L"'}]}},style:{defaultValue:{value:"{}"},description:"Additional styles",name:"style",required:!1,type:{name:"CSSProperties"}}}},"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/linkbox/Linkbox.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{R:()=>Linkbox});var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),objectWithoutProperties=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react=__webpack_require__("../../node_modules/react/index.js");__webpack_require__("./src/styles/base.css");const Linkbox_module_linkbox="Linkbox_linkbox__HzFOs",Linkbox_module_withBackground="Linkbox_withBackground__uf7zS",Linkbox_module_withoutBackground="Linkbox_withoutBackground__Tsc3z",Linkbox_module_paddingWithoutImageAndWithBackground="Linkbox_paddingWithoutImageAndWithBackground__6+zIn",Linkbox_module_paddingWithoutImageAndWithoutBackground="Linkbox_paddingWithoutImageAndWithoutBackground__EvU3T",Linkbox_module_withSmallImage="Linkbox_withSmallImage__M4t5w",Linkbox_module_withMediumImage="Linkbox_withMediumImage__vRr8E",Linkbox_module_withLargeImage="Linkbox_withLargeImage__D0rMj",Linkbox_module_contentSmall="Linkbox_contentSmall__PVRhX",Linkbox_module_contentMedium="Linkbox_contentMedium__if63E",Linkbox_module_contentLarge="Linkbox_contentLarge__CJVC0",Linkbox_module_icon="Linkbox_icon__0XOcJ",Linkbox_module_border="Linkbox_border__-DQ0n",Linkbox_module_text="Linkbox_text__IBzhQ",Linkbox_module_headingSmall="Linkbox_headingSmall__5kDF7 helpers_heading-s__nItuH",Linkbox_module_headingMedium="Linkbox_headingMedium__SDn4p helpers_heading-m__7mAiU",Linkbox_module_headingLarge="Linkbox_headingLarge__mZrPu helpers_heading-l__ZCbCh",Linkbox_module_link="Linkbox_link__e5TAM",Linkbox_module_iconWhenNoBackground="Linkbox_iconWhenNoBackground__4VcuI",Linkbox_module_iconPositionForLinkboxLargeVariant="Linkbox_iconPositionForLinkboxLargeVariant__ezOjg",Linkbox_module_image="Linkbox_image__pnQLr";var IconLinkExternal=__webpack_require__("./src/icons/IconLinkExternal.tsx"),IconArrowRight=__webpack_require__("./src/icons/IconArrowRight.tsx"),classNames=__webpack_require__("./src/utils/classNames.ts"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_excluded=["children","className","external","heading","headingAriaLevel","href","imgProps","linkAriaLabel","linkboxAriaLabel","noBackground","openInExternalDomainAriaLabel","openInNewTab","openInNewTabAriaLabel","text","border","size"],Linkbox=function Linkbox(_ref){var children=_ref.children,className=_ref.className,_ref$external=_ref.external,external=void 0!==_ref$external&&_ref$external,heading=_ref.heading,_ref$headingAriaLevel=_ref.headingAriaLevel,headingAriaLevel=void 0===_ref$headingAriaLevel?2:_ref$headingAriaLevel,href=_ref.href,imgProps=_ref.imgProps,linkAriaLabel=_ref.linkAriaLabel,linkboxAriaLabel=_ref.linkboxAriaLabel,_ref$noBackground=_ref.noBackground,noBackground=void 0!==_ref$noBackground&&_ref$noBackground,openInExternalDomainAriaLabel=_ref.openInExternalDomainAriaLabel,_ref$openInNewTab=_ref.openInNewTab,openInNewTab=void 0!==_ref$openInNewTab&&_ref$openInNewTab,openInNewTabAriaLabel=_ref.openInNewTabAriaLabel,text=_ref.text,_ref$border=_ref.border,border=void 0!==_ref$border&&_ref$border,_ref$size=_ref.size,size=void 0===_ref$size?"medium":_ref$size,rest=(0,objectWithoutProperties.Z)(_ref,_excluded),linkRef=(0,react.useRef)(null),composeAriaLabel=function composeAriaLabel(ariaLabel){var newTabText=openInNewTab?openInNewTabAriaLabel||"Avautuu uudessa välilehdessä.":"",externalText=external?openInExternalDomainAriaLabel||"Siirtyy toiseen sivustoon.":"",extendedAriaLabel="";return ariaLabel&&"."!==ariaLabel.slice(-1)&&(extendedAriaLabel="".concat(ariaLabel,".")),[extendedAriaLabel,newTabText,externalText].filter((function(txt){return txt})).join(" ")};return(0,jsx_runtime.jsxs)("div",{role:"region",tabIndex:0,onKeyPress:function onKeyPress(e){"Enter"===e.key&&linkRef.current.click()},onClick:function onClick(){linkRef.current.click()},className:(0,classNames.Z)(Linkbox_module_linkbox,border&&Linkbox_module_border,className),"aria-label":composeAriaLabel(linkboxAriaLabel),children:[imgProps&&(0,jsx_runtime.jsx)("img",(0,objectSpread2.Z)((0,objectSpread2.Z)({},imgProps),{},{className:Linkbox_module_image,alt:""})),(0,jsx_runtime.jsxs)("div",{className:(0,classNames.Z)(noBackground&&Linkbox_module_withoutBackground,!noBackground&&Linkbox_module_withBackground,noBackground&&!imgProps&&Linkbox_module_paddingWithoutImageAndWithoutBackground,!noBackground&&!imgProps&&Linkbox_module_paddingWithoutImageAndWithBackground,imgProps&&"small"===size&&Linkbox_module_withSmallImage,imgProps&&"medium"===size&&Linkbox_module_withMediumImage,imgProps&&"large"===size&&Linkbox_module_withLargeImage,"small"===size&&Linkbox_module_contentSmall,"medium"===size&&Linkbox_module_contentMedium,"large"===size&&Linkbox_module_contentLarge),children:[heading&&(0,jsx_runtime.jsx)("div",{role:"heading","aria-level":headingAriaLevel,className:(0,classNames.Z)("small"===size&&Linkbox_module_headingSmall,"medium"===size&&Linkbox_module_headingMedium,"large"===size&&Linkbox_module_headingLarge),children:heading}),text&&(0,jsx_runtime.jsx)("p",{className:Linkbox_module_text,children:text}),children]}),(0,jsx_runtime.jsx)("a",(0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)({className:Linkbox_module_link,"aria-label":composeAriaLabel(linkAriaLabel),ref:linkRef,tabIndex:-1,href},openInNewTab&&{target:"_blank",rel:"noopener"}),rest),{},{children:external?(0,jsx_runtime.jsx)(IconLinkExternal.IconLinkExternal,{className:(0,classNames.Z)(Linkbox_module_icon,noBackground?Linkbox_module_iconWhenNoBackground:"large"===size&&Linkbox_module_iconPositionForLinkboxLargeVariant),size:"l","aria-hidden":!0}):(0,jsx_runtime.jsx)(IconArrowRight.IconArrowRight,{className:(0,classNames.Z)(Linkbox_module_icon,noBackground?Linkbox_module_iconWhenNoBackground:"large"===size&&Linkbox_module_iconPositionForLinkboxLargeVariant),size:"l","aria-hidden":!0})}))]})};try{Linkbox.displayName="Linkbox",Linkbox.__docgenInfo={description:"",displayName:"Linkbox",props:{external:{defaultValue:{value:"false"},description:"Boolean indicating for external link that takes user to an entirely new web site. Defaults to false.",name:"external",required:!1,type:{name:"boolean"}},heading:{defaultValue:null,description:"Optional heading of the linkbox.",name:"heading",required:!1,type:{name:"string"}},headingAriaLevel:{defaultValue:{value:"2"},description:"Heading level for linkbox title. Defaults to 2.",name:"headingAriaLevel",required:!1,type:{name:"number"}},imgProps:{defaultValue:null,description:"The image props passed to the linkbox image. Image variant requires prop withImg set to true.",name:"imgProps",required:!1,type:{name:'Pick, HTMLImageElement>, "key" | keyof ImgHTMLAttributes<...>>'}},linkAriaLabel:{defaultValue:null,description:"The aria-label for the link (arrow or external icon) that is located at the bottom of the linkbox.",name:"linkAriaLabel",required:!0,type:{name:"string"}},linkboxAriaLabel:{defaultValue:null,description:"The aria-label for the whole linkbox region. Remember to tell users of assistive technology that they are inside\na linkbox. Check storybook examples on how it can be done.",name:"linkboxAriaLabel",required:!0,type:{name:"string"}},noBackground:{defaultValue:{value:"false"},description:"Boolean for the variant with no background color. Changes paddings also. Defaults to false.",name:"noBackground",required:!1,type:{name:"boolean"}},openInExternalDomainAriaLabel:{defaultValue:null,description:"The aria-label for opening link in an external domain. Active when external prop is true.",name:"openInExternalDomainAriaLabel",required:!1,type:{name:"string"}},openInNewTab:{defaultValue:{value:"false"},description:"Boolean indicating whether the link will open in new tab or not. Defaults to false.",name:"openInNewTab",required:!1,type:{name:"boolean"}},openInNewTabAriaLabel:{defaultValue:null,description:"The aria-label for opening link in a new tab",name:"openInNewTabAriaLabel",required:!1,type:{name:"string"}},text:{defaultValue:null,description:"Optional text of the linkbox.",name:"text",required:!1,type:{name:"string"}},border:{defaultValue:{value:"false"},description:"Boolean indicating whether the Linkbox contains a border or not. Defaults to false.",name:"border",required:!1,type:{name:"boolean"}},size:{defaultValue:{value:"medium"},description:"Size variant for the linkbox. Affects texts and paddings.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"large"'},{value:'"medium"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/linkbox/Linkbox.tsx#Linkbox"]={docgenInfo:Linkbox.__docgenInfo,name:"Linkbox",path:"src/components/linkbox/Linkbox.tsx#Linkbox"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/loadingSpinner/LoadingSpinner.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{T:()=>LoadingSpinner});var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),objectWithoutProperties=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react=__webpack_require__("../../node_modules/react/index.js");__webpack_require__("./src/styles/base.css");const LoadingSpinner_module_notificationArea="LoadingSpinner_notificationArea__bY4si",LoadingSpinner_module_loadingSpinner="LoadingSpinner_loadingSpinner__t+mRF",LoadingSpinner_module_small="LoadingSpinner_small__TAnDv",LoadingSpinner_module_multicolor="LoadingSpinner_multicolor__JABbz";var classNames=__webpack_require__("./src/utils/classNames.ts"),useTheme=__webpack_require__("./src/hooks/useTheme.tsx"),slicedToArray=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),lodash_uniqueid=__webpack_require__("../../node_modules/lodash.uniqueid/index.js"),lodash_uniqueid_default=__webpack_require__.n(lodash_uniqueid),getNotificationAreaElement=function getNotificationAreaElement(){return"undefined"==typeof document?null:document.getElementById("hds-loading-spinner-notification-area")||function createNotificationAreaElement(){var element=document.createElement("div");return element.id="hds-loading-spinner-notification-area",element.className=LoadingSpinner_module_notificationArea,element.setAttribute("role","status"),document.body.appendChild(element),element}()},jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_excluded=["className","multicolor","small","theme","loadingText","loadingFinishedText"],LoadingSpinner=function LoadingSpinner(_ref){var className=_ref.className,_ref$multicolor=_ref.multicolor,multicolor=void 0!==_ref$multicolor&&_ref$multicolor,_ref$small=_ref.small,small=void 0!==_ref$small&&_ref$small,theme=_ref.theme,_ref$loadingText=_ref.loadingText,loadingText=void 0===_ref$loadingText?"Page is loading":_ref$loadingText,_ref$loadingFinishedT=_ref.loadingFinishedText,loadingFinishedText=void 0===_ref$loadingFinishedT?"Page has finished loading":_ref$loadingFinishedT,rest=(0,objectWithoutProperties.Z)(_ref,_excluded),customThemeClass=(0,useTheme.F)(LoadingSpinner_module_loadingSpinner,theme);return function useNotificationArea(loadingTextVal,finishedTextVal){var _useState=(0,react.useState)(lodash_uniqueid_default()()),spinnerId=(0,slicedToArray.Z)(_useState,1)[0],_useState3=(0,react.useState)(loadingTextVal),loadingText=(0,slicedToArray.Z)(_useState3,1)[0],_useState5=(0,react.useState)(finishedTextVal),finishedText=(0,slicedToArray.Z)(_useState5,1)[0],notificationArea=(0,react.useRef)(getNotificationAreaElement()),setLoadingText=(0,react.useCallback)((function(){null!==notificationArea.current&&(notificationArea.current.textContent=loadingText)}),[notificationArea,loadingText]),setFinishedText=(0,react.useCallback)((function(){notificationArea.current.textContent=finishedText}),[notificationArea,finishedText]),getActiveIds=(0,react.useCallback)((function(){return(notificationArea.current.getAttribute("data-active-spinners")||"").split(",").filter((function(id){return""!==id}))}),[notificationArea]),setActiveSpinnerId=(0,react.useCallback)((function(){var activeIds=getActiveIds();activeIds.push(spinnerId),notificationArea.current.setAttribute("data-active-spinners",activeIds.join(","))}),[getActiveIds,notificationArea,spinnerId]),unsetActiveSpinnerId=(0,react.useCallback)((function(){var activeIds=getActiveIds().filter((function(id){return id!==spinnerId}));notificationArea.current.setAttribute("data-active-spinners",activeIds.join(","))}),[getActiveIds,notificationArea,spinnerId]),cleanNotificationArea=(0,react.useCallback)((function(){0===getActiveIds().length&&(setFinishedText(),setTimeout((function(){0===getActiveIds().length&¬ificationArea.current.parentNode&¬ificationArea.current.parentNode.removeChild(notificationArea.current)}),1e3))}),[getActiveIds,setFinishedText,notificationArea]);(0,react.useEffect)((function(){return null===notificationArea.current?function(){return null}:(setLoadingText(),setActiveSpinnerId(),function(){unsetActiveSpinnerId(),cleanNotificationArea()})}),[setLoadingText,setActiveSpinnerId,unsetActiveSpinnerId,cleanNotificationArea])}(loadingText,loadingFinishedText),(0,jsx_runtime.jsxs)("div",(0,objectSpread2.Z)((0,objectSpread2.Z)({className:(0,classNames.Z)(LoadingSpinner_module_loadingSpinner,small&&LoadingSpinner_module_small,multicolor&&LoadingSpinner_module_multicolor,customThemeClass,className)},rest),{},{children:[(0,jsx_runtime.jsx)("div",{}),(0,jsx_runtime.jsx)("div",{}),(0,jsx_runtime.jsx)("div",{})]}))};try{LoadingSpinner.displayName="LoadingSpinner",LoadingSpinner.__docgenInfo={description:"",displayName:"LoadingSpinner",props:{className:{defaultValue:null,description:"Additional class names for loading spinner.",name:"className",required:!1,type:{name:"string"}},multicolor:{defaultValue:{value:"false"},description:"If `true`, the multicolor variant is used.",name:"multicolor",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"If `true`, the small variant is used.",name:"small",required:!1,type:{name:"boolean"}},theme:{defaultValue:null,description:"Custom theme",name:"theme",required:!1,type:{name:"LoadingSpinnerCustomTheme"}},loadingText:{defaultValue:{value:"Page is loading"},description:"Text to show for screen readers when spinner is visible.",name:"loadingText",required:!1,type:{name:"string"}},loadingFinishedText:{defaultValue:{value:"Page has finished loading"},description:"Text to show for screen readers when spinner is removed.",name:"loadingFinishedText",required:!1,type:{name:"string"}},valuenow:{defaultValue:null,description:"Value for aria-valuenow attribute. Required unless the loading status is indeterminate.",name:"valuenow",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/loadingSpinner/LoadingSpinner.tsx#LoadingSpinner"]={docgenInfo:LoadingSpinner.__docgenInfo,name:"LoadingSpinner",path:"src/components/loadingSpinner/LoadingSpinner.tsx#LoadingSpinner"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/logo/Logo.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{TR:()=>Logo,Cv:()=>logoFi,ec:()=>logoFiDark,eT:()=>logoRu,Vb:()=>logoSv,pO:()=>logoSvDark});var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),objectWithoutProperties=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js");__webpack_require__("../../node_modules/react/index.js");const Logo_module={logo:"Logo_logo__gA4ON",small:"Logo_small__rKhkr",medium:"Logo_medium__dmydf",large:"Logo_large__BZgUK"};var classNames=__webpack_require__("./src/utils/classNames.ts"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_excluded=["alt","className","dataTestId","size","style"],logoFi="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNzggMzYiIHRpdGxlPSJIZWxzaW5naW4ga2F1cHVua2kiIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoCiAgICAgICAgZD0iTTc1Ljc1MyAyLjI1MXYyMC43YzAgMy45NS0zLjI3NSA3LjE3OC03LjMxIDcuMTc4aC0yMi4yNmMtMi42NzQgMC01LjIwNS45Ni03LjE4MyAyLjczOWExMC43NDkgMTAuNzQ5IDAgMDAtNy4xODMtMi43NEg5LjUwOWMtNC4wMDMgMC03LjI0Ny0zLjIxLTcuMjQ3LTcuMTc3VjIuMjVoNzMuNDkxek00MC4xODcgMzQuODM1YTguNDcgOC40NyAwIDAxNi4wMTItMi40NzFoMjIuMjQ1YzUuMjY4IDAgOS41NTYtNC4yMTkgOS41NTYtOS40MTNWMEgwdjIyLjkzNWMwIDUuMTk0IDQuMjU2IDkuNDEzIDkuNTA5IDkuNDEzaDIyLjMwOGMyLjI2MyAwIDQuMzk4Ljg4MiA2LjAxMiAyLjQ3MUwzOS4wMTYgMzZsMS4xNy0xLjE2NXoiCiAgICAgICAgZmlsbD0iY3VycmVudENvbG9yIiAvPgogICAgPHBhdGgKICAgICAgICBkPSJNNjcuNTIyIDExLjY3NmMwIC42ODEtLjU1NiAxLjE3Ny0xLjI1NSAxLjE3Ny0uNyAwLTEuMjU1LS40OTYtMS4yNTUtMS4xNzcgMC0uNjgyLjU1Ni0xLjE3OCAxLjI1NS0xLjE3OC43LS4wMyAxLjI1NS40NjUgMS4yNTUgMS4xNzh6bS0yLjM1MiA5LjYyMmgyLjE3OHYtNy41NDZINjUuMTd2Ny41NDZ6bS0zLjkwOS00LjU1NmwyLjg0NSA0LjU1NmgtMi4zNjhsLTEuOTA3LTMuMDIyLTEuMDMzIDEuMjcxdjEuNzVoLTIuMTYxVjEwLjQ1M2gyLjE2djUuMDA0YzAgLjkzLS4xMSAxLjg2LS4xMSAxLjg2aC4wNDdzLjUwOS0uODIxLjkzOC0xLjQxbDEuNjUzLTIuMTU0aDIuNTQybC0yLjYwNiAyLjk5em0tNi44MTctLjI3OGMwLTEuODc1LS45MzgtMi44OTgtMi40MzItMi44OTgtMS4yNzEgMC0xLjkzOS43MjgtMi4zMiAxLjQyNmgtLjA0OGwuMTEyLTEuMjRoLTIuMTYydjcuNTQ2aDIuMTYyVjE2LjgyYzAtLjg2OC41MjQtMS40NzIgMS4zMzUtMS40NzIuODEgMCAxLjE2LjUyNyAxLjE2IDEuNTM0djQuNDE2aDIuMTc3bC4wMTYtNC44MzR6bS04LjkzMS00Ljc4OGMwIC42ODEtLjU1NyAxLjE3Ny0xLjI1NiAxLjE3Ny0uNyAwLTEuMjU1LS40OTYtMS4yNTUtMS4xNzcgMC0uNjgyLjU1Ni0xLjE3OCAxLjI1NS0xLjE3OC43MTUtLjAzIDEuMjU2LjQ2NSAxLjI1NiAxLjE3OHptLTIuMzUyIDkuNjIyaDIuMTc3di03LjU0Nkg0My4xNnY3LjU0NnptLTMuNzUtMi4xMDdjMC0uNjA1LS44NTktLjcyOS0xLjg2LTEuMDA4LTEuMTYtLjI5NC0yLjYyMi0uODY3LTIuNjIyLTIuMzA4IDAtMS40MjYgMS4zOTgtMi4zMjQgMy4wNTEtMi4zMjQgMS41NDEgMCAyLjk1Ni43MTIgMy41NDQgMS43MmwtMS44NiAxLjAyMmMtLjE5LS42NjYtLjc2Mi0xLjE5My0xLjYyLTEuMTkzLS41NTcgMC0xLjAxOC4yMzItMS4wMTguNjgyIDAgLjU3MyAxLjAxOC42MzUgMi4xNjIuOTkxIDEuMjA4LjM3MiAyLjMyLjkxNSAyLjMyIDIuMjk0IDAgMS41MTgtMS40NDYgMi40MTctMy4xMTUgMi40MTctMS44MTEgMC0zLjI0Mi0uNzQ0LTMuODc3LTEuOTUybDEuODktMS4wMzljLjI0LjgyMi45MjIgMS40NDEgMS45NTUgMS40NDEuNjIgMCAxLjA1LS4yNDggMS4wNS0uNzQzem0tNi44ODItOC42NzdoLTIuMTc3djguNjkyYzAgLjc3NS4xNzUgMS4zNDguNTA5IDEuNzA1LjM1LjM1Ni44OS41MjYgMS42MzYuNTI2LjI1NSAwIC41MjUtLjAzLjc4LS4wNzcuMjctLjA2Mi40NzYtLjE0LjY1LS4yMzNsLjE5MS0xLjQyNWEyLjA3IDIuMDcgMCAwMS0uNDYuMTI0Yy0uMTI4LjAzLS4yODcuMDMtLjQ2MS4wMy0uMjg2IDAtLjQxNC0uMDc3LS41MDktLjIxNi0uMTExLS4xNC0uMTU5LS4zODctLjE1OS0uNzQ0di04LjM4MnptLTcuMjQ2IDQuNTdjLS43OTUgMC0xLjQ0Ni41NTgtMS42MjEgMS41ODFoMy4wNWMuMDE3LS44OTktLjU4Ny0xLjU4LTEuNDMtMS41OHptMy4zNTMgMy4wMDdIMjMuNjNjLjA5NSAxLjIyNC43OTQgMS44MjggMS43IDEuODI4LjgxIDAgMS4zNjctLjUyNyAxLjQ5NC0xLjI0bDEuODI4IDEuMDA3Yy0uNTQuOTYxLTEuNyAxLjc5OC0zLjMyMiAxLjc5OC0yLjE2IDAtMy43NS0xLjQ3Mi0zLjc1LTMuOTUxIDAtMi40NjQgMS42Mi0zLjk1MSAzLjcwMy0zLjk1MSAyLjA4MSAwIDMuNDY0IDEuNDQgMy40NjQgMy40ODYtLjAxNi42MDQtLjExMSAxLjAyMy0uMTExIDEuMDIzem0tMTEuMDc3IDMuMjA3aDIuMjU3VjEwLjkxNmgtMi4yNTd2NC4xMDdoLTQuMjQzdi00LjA5MUgxMS4wNnYxMC4zNjZoMi4yNTZ2LTQuMjkyaDQuMjQzdjQuMjkyeiIKICAgICAgICBmaWxsPSJjdXJyZW50Q29sb3IiIC8+Cjwvc3ZnPg==",logoFiDark="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2Zz4KPHN2ZyB2aWV3Qm94PSIwIDAgNzggMzYiIHRpdGxlPSJIZWxzaW5naW4ga2F1cHVua2kiIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICAgY2xhc3M9IkxvZ28tbW9kdWxlX2xvZ29fX1kybXdQIExvZ28tbW9kdWxlX21lZGl1bV9fMXp5V20iIGFyaWEtaGlkZGVuPSJ0cnVlIiBzdHlsZT0iCiAgICBjb2xvcjogd2hpdGU7CiI+CiAgICA8cGF0aAogICAgICAgIGQ9Ik03NS43NTMgMi4yNTF2MjAuN2MwIDMuOTUtMy4yNzUgNy4xNzgtNy4zMSA3LjE3OGgtMjIuMjZjLTIuNjc0IDAtNS4yMDUuOTYtNy4xODMgMi43MzlhMTAuNzQ5IDEwLjc0OSAwIDAwLTcuMTgzLTIuNzRIOS41MDljLTQuMDAzIDAtNy4yNDctMy4yMS03LjI0Ny03LjE3N1YyLjI1aDczLjQ5MXpNNDAuMTg3IDM0LjgzNWE4LjQ3IDguNDcgMCAwMTYuMDEyLTIuNDcxaDIyLjI0NWM1LjI2OCAwIDkuNTU2LTQuMjE5IDkuNTU2LTkuNDEzVjBIMHYyMi45MzVjMCA1LjE5NCA0LjI1NiA5LjQxMyA5LjUwOSA5LjQxM2gyMi4zMDhjMi4yNjMgMCA0LjM5OC44ODIgNi4wMTIgMi40NzFMMzkuMDE2IDM2bDEuMTctMS4xNjV6IgogICAgICAgIGZpbGw9ImN1cnJlbnRDb2xvciI+PC9wYXRoPgogICAgPHBhdGgKICAgICAgICBkPSJNNjcuNTIyIDExLjY3NmMwIC42ODEtLjU1NiAxLjE3Ny0xLjI1NSAxLjE3Ny0uNyAwLTEuMjU1LS40OTYtMS4yNTUtMS4xNzcgMC0uNjgyLjU1Ni0xLjE3OCAxLjI1NS0xLjE3OC43LS4wMyAxLjI1NS40NjUgMS4yNTUgMS4xNzh6bS0yLjM1MiA5LjYyMmgyLjE3OHYtNy41NDZINjUuMTd2Ny41NDZ6bS0zLjkwOS00LjU1NmwyLjg0NSA0LjU1NmgtMi4zNjhsLTEuOTA3LTMuMDIyLTEuMDMzIDEuMjcxdjEuNzVoLTIuMTYxVjEwLjQ1M2gyLjE2djUuMDA0YzAgLjkzLS4xMSAxLjg2LS4xMSAxLjg2aC4wNDdzLjUwOS0uODIxLjkzOC0xLjQxbDEuNjUzLTIuMTU0aDIuNTQybC0yLjYwNiAyLjk5em0tNi44MTctLjI3OGMwLTEuODc1LS45MzgtMi44OTgtMi40MzItMi44OTgtMS4yNzEgMC0xLjkzOS43MjgtMi4zMiAxLjQyNmgtLjA0OGwuMTEyLTEuMjRoLTIuMTYydjcuNTQ2aDIuMTYyVjE2LjgyYzAtLjg2OC41MjQtMS40NzIgMS4zMzUtMS40NzIuODEgMCAxLjE2LjUyNyAxLjE2IDEuNTM0djQuNDE2aDIuMTc3bC4wMTYtNC44MzR6bS04LjkzMS00Ljc4OGMwIC42ODEtLjU1NyAxLjE3Ny0xLjI1NiAxLjE3Ny0uNyAwLTEuMjU1LS40OTYtMS4yNTUtMS4xNzcgMC0uNjgyLjU1Ni0xLjE3OCAxLjI1NS0xLjE3OC43MTUtLjAzIDEuMjU2LjQ2NSAxLjI1NiAxLjE3OHptLTIuMzUyIDkuNjIyaDIuMTc3di03LjU0Nkg0My4xNnY3LjU0NnptLTMuNzUtMi4xMDdjMC0uNjA1LS44NTktLjcyOS0xLjg2LTEuMDA4LTEuMTYtLjI5NC0yLjYyMi0uODY3LTIuNjIyLTIuMzA4IDAtMS40MjYgMS4zOTgtMi4zMjQgMy4wNTEtMi4zMjQgMS41NDEgMCAyLjk1Ni43MTIgMy41NDQgMS43MmwtMS44NiAxLjAyMmMtLjE5LS42NjYtLjc2Mi0xLjE5My0xLjYyLTEuMTkzLS41NTcgMC0xLjAxOC4yMzItMS4wMTguNjgyIDAgLjU3MyAxLjAxOC42MzUgMi4xNjIuOTkxIDEuMjA4LjM3MiAyLjMyLjkxNSAyLjMyIDIuMjk0IDAgMS41MTgtMS40NDYgMi40MTctMy4xMTUgMi40MTctMS44MTEgMC0zLjI0Mi0uNzQ0LTMuODc3LTEuOTUybDEuODktMS4wMzljLjI0LjgyMi45MjIgMS40NDEgMS45NTUgMS40NDEuNjIgMCAxLjA1LS4yNDggMS4wNS0uNzQzem0tNi44ODItOC42NzdoLTIuMTc3djguNjkyYzAgLjc3NS4xNzUgMS4zNDguNTA5IDEuNzA1LjM1LjM1Ni44OS41MjYgMS42MzYuNTI2LjI1NSAwIC41MjUtLjAzLjc4LS4wNzcuMjctLjA2Mi40NzYtLjE0LjY1LS4yMzNsLjE5MS0xLjQyNWEyLjA3IDIuMDcgMCAwMS0uNDYuMTI0Yy0uMTI4LjAzLS4yODcuMDMtLjQ2MS4wMy0uMjg2IDAtLjQxNC0uMDc3LS41MDktLjIxNi0uMTExLS4xNC0uMTU5LS4zODctLjE1OS0uNzQ0di04LjM4MnptLTcuMjQ2IDQuNTdjLS43OTUgMC0xLjQ0Ni41NTgtMS42MjEgMS41ODFoMy4wNWMuMDE3LS44OTktLjU4Ny0xLjU4LTEuNDMtMS41OHptMy4zNTMgMy4wMDdIMjMuNjNjLjA5NSAxLjIyNC43OTQgMS44MjggMS43IDEuODI4LjgxIDAgMS4zNjctLjUyNyAxLjQ5NC0xLjI0bDEuODI4IDEuMDA3Yy0uNTQuOTYxLTEuNyAxLjc5OC0zLjMyMiAxLjc5OC0yLjE2IDAtMy43NS0xLjQ3Mi0zLjc1LTMuOTUxIDAtMi40NjQgMS42Mi0zLjk1MSAzLjcwMy0zLjk1MSAyLjA4MSAwIDMuNDY0IDEuNDQgMy40NjQgMy40ODYtLjAxNi42MDQtLjExMSAxLjAyMy0uMTExIDEuMDIzem0tMTEuMDc3IDMuMjA3aDIuMjU3VjEwLjkxNmgtMi4yNTd2NC4xMDdoLTQuMjQzdi00LjA5MUgxMS4wNnYxMC4zNjZoMi4yNTZ2LTQuMjkyaDQuMjQzdjQuMjkyeiIKICAgICAgICBmaWxsPSJjdXJyZW50Q29sb3IiPjwvcGF0aD4KPC9zdmc+",logoSv="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTA0IDM2IiB0aXRsZT0iSGVsc2luZ2ZvcnMgc3RhZCIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPHBhdGgKICAgICAgICBkPSJNMTAzLjEwNSAwdjIyLjkzNWMwIDUuMTc5LTQuMjY2IDkuMzk3LTkuNTI0IDkuMzk3bC0zNC44NjcuMDMyYTguNDYgOC40NiAwIDAwLTUuOTgxIDIuNDcxTDUxLjU1MyAzNmwtMS4xODEtMS4xNjVhOC40MDUgOC40MDUgMCAwMC01Ljk4Mi0yLjQ3MUg5LjQ3NkM0LjI1IDMyLjM2NCAwIDI4LjE0NSAwIDIyLjk2NlYwaDEwMy4xMDV6bS0yLjIzNiAyLjIzNUgyLjI1MXYyMC43MzFjMCAzLjk1MSAzLjI0MyA3LjE2MyA3LjIyNSA3LjE2M0g0NC4zOWMyLjY3NiAwIDUuMTk1Ljk2IDcuMTYyIDIuNzM5IDEuOTY4LTEuNzggNC40ODYtMi43NCA3LjE2Mi0yLjc0bDM0Ljg2Ny0uMDNjNC4wMTQgMCA3LjI4OC0zLjIxMiA3LjI4OC03LjE2M3YtMjAuN3pNNjIuMDIgMTIuMDlsMiAxLjE1Yy0uMDMyIDEuMDA3LS40ODkgMS40NzktMS4zNTQgMS40NzktLjIwNSAwLS40NzMtLjA0Ny0uNjE0LS4wOTR2LjA2MmMuNDI1LjMzMS45NDQuODgyLjk0NCAxLjc2MyAwIDEuNTEyLTEuNDY0IDIuNDcyLTMuMjc0IDIuNDcyLS44MzQgMC0xLjU1OC4yNjctMS41NTguNjc3IDAgLjMxNS4yNjcuNDU2LjkxMy40NTYuNjQ1IDAgMS4zNjktLjEyNiAyLjIwMy0uMTI2IDEuNjUzIDAgMi43NTUuNjYxIDIuNzU1IDIuMTU3IDAgMS43OTQtMi4wMTUgMi41MDMtNC4yODIgMi41MDMtMi4xMDkgMC00LjAzLS41OTgtNC4wMy0xLjk1MiAwLS44MTkuODUtMS4zMDcgMS42MjItMS40NDh2LS4wNDhjLS41ODItLjE3My0xLjEwMi0uNTUtMS4xMDItMS4yMTIgMC0uODY1Ljg4Mi0xLjMzOCAxLjc3OS0xLjUyN3YtLjA0N2MtLjgzNC0uMzMtMS41NDMtMS4wMDctMS41NDMtMi4xODggMC0xLjUxMSAxLjMyMi0yLjU1IDMuMTMzLTIuNTUuNjkyIDAgMS4wODYuMTQyIDEuNjA1LjE0Mi42NDYgMCAuODgyLS4zNjIuODgyLS45NDUgMC0uMjY3LS4wNDctLjUzNS0uMDc5LS43MjR6bS0xLjczMSA5LjU0Yy0uOTMgMC0yLjcyNC4wNzgtMi43MjQuNzg2IDAgLjUzNi44OTguNzg3IDIuMTU3LjgwMyAxLjQxNyAwIDIuMjM1LS4yNjcgMi4yMzUtLjkxMyAwLS41MDQtLjc1NS0uNjc3LTEuNjY4LS42Nzd6bTI4Ljk5NS04LjAxM2MxLjUyNyAwIDIuOTI4LjcyNCAzLjUyNiAxLjc0N2wtMS44NDIgMS4wNGExLjYyNCAxLjYyNCAwIDAwLTEuNjA2LTEuMjEzYy0uNTUgMC0xLjAwNy4yMzYtMS4wMDcuNjc3IDAgLjU4MiAxLjAwNy42NDUgMi4xNTcgMS4wMDggMS4xOTYuMzc3IDIuMjk4LjkyOCAyLjI5OCAyLjMzIDAgMS41NDItMS40MzMgMi40NTUtMy4xMDEgMi40NTUtMS43OTUgMC0zLjIxMS0uNzcxLTMuODQxLTEuOTg0bDEuODczLTEuMDU0Yy4yNTIuODM0LjkxMyAxLjQ2NCAxLjkzNiAxLjQ2NC41OTggMCAxLjAyMy0uMjY4IDEuMDIzLS43NCAwLS42MTQtLjg1LS43NTYtMS44NDEtMS4wMjMtMS4xNjUtLjMxNS0yLjYxMy0uODgyLTIuNjEzLTIuMzQ2IDAtMS40NDggMS4zODUtMi4zNiAzLjAzOC0yLjM2em0tMTQuNjU1IDBjMi4wNzggMCAzLjY5OSAxLjUyNyAzLjY5OSA0LjAxNHMtMS42MDYgNC4wMTQtMy43IDQuMDE0Yy0yLjEwOSAwLTMuNzE0LTEuNTI3LTMuNzE0LTQuMDE0czEuNjA1LTQuMDE0IDMuNzE1LTQuMDE0em0tNDkuNjggMGMyLjA2MyAwIDMuNDMyIDEuNDY0IDMuNDMyIDMuNTQyLjAxNi42MTQtLjA5NCAxLjAzOS0uMDk0IDEuMDM5aC00Ljk3NGMuMDk0IDEuMjQzLjc4NyAxLjg1NyAxLjY4NCAxLjg1Ny44MDMgMCAxLjM1NC0uNTM1IDEuNDgtMS4yNmwxLjgxIDEuMDI0Yy0uNTM1Ljk3Ni0xLjY4NCAxLjgyNi0zLjI5IDEuODI2LTIuMTQgMC0zLjcxNS0xLjQ5NS0zLjcxNS00LjAxNCAwLTIuNDg3IDEuNjA2LTQuMDE0IDMuNjY4LTQuMDE0em0xMy4wNjYtLjAxNmMxLjUyNyAwIDIuOTI4LjcyNCAzLjUyNiAxLjc0OGwtMS44NDIgMS4wMzljLS4xODktLjY3Ny0uNzU1LTEuMjEzLTEuNjA1LTEuMjEzLS41NTEgMC0xLjAwOC4yMzctMS4wMDguNjc3IDAgLjU4MyAxLjAwOC42NDYgMi4xNCAxLjAwOCAxLjE5Ny4zNzggMi4zLjkyOCAyLjMgMi4zMyAwIDEuNTQyLTEuNDMzIDIuNDQtMy4wODYgMi40NC0xLjc5NSAwLTMuMjExLS43NTYtMy44NDEtMS45ODRsMS44NzMtMS4wNTVjLjIzNi44MzUuOTEzIDEuNDY0IDEuOTM2IDEuNDY0LjU4My4wMTYgMS4wMDgtLjIzNiAxLjAwOC0uNzI0IDAtLjYxNC0uODUtLjc0LTEuODQyLTEuMDIzLTEuMTY1LS4zLTIuNTk3LS44ODItMi41OTctMi4zNDUgMC0xLjQ0OSAxLjM4NS0yLjM2MiAzLjAzOC0yLjM2MnpNMzIuMyAxMC41M3Y4LjUwMWMwIC4zNjIuMDQ3LjYxNC4xNTcuNzU2LjA5NS4xNTcuMjIuMjIuNTA0LjIyLjE3MyAwIC4zMyAwIC40NTYtLjAzMWEyLjAxIDIuMDEgMCAwMC40NTctLjEyNmwtLjE4OSAxLjQ0OGEyLjUzMiAyLjUzMiAwIDAxLS42NDUuMjM2Yy0uMjUyLjA0Ny0uNTIuMDc5LS43NzIuMDc5LS43NCAwLTEuMjc1LS4xNzQtMS42MjEtLjUzNi0uMzMtLjM2Mi0uNTA0LS45NDQtLjUwNC0xLjczMVYxMC41M2gyLjE1N3ptMTkuODE4IDMuMDg2YzEuNDggMCAyLjQwOCAxLjAyMyAyLjQwOCAyLjkyOHY0LjkxMWgtMi4xNTZWMTYuOTdjMC0xLjAwNy0uMzYyLTEuNTQzLTEuMTY1LTEuNTQzcy0xLjMyMi42MTQtMS4zMjIgMS40OTZ2NC41NDloLTIuMTQxdi03LjY2NmgyLjE0bC0uMTEgMS4yNmguMDQ4Yy4zNzgtLjcxIDEuMDM5LTEuNDQ5IDIuMjk4LTEuNDQ5em0xNi43MzMtMy4zMzdhMy4yNyAzLjI3IDAgMDEyLjczOSAxLjRsLTEuODU4IDEuMTM0Yy0uMDMxLS40NTYtLjI1Mi0uOTI4LS43NzEtLjkyOC0uNTM1IDAtLjc4Ny40MDktLjc4NyAxLjA4NnYuODM0aDEuNjg0djEuNjM3aC0xLjY4NHY2LjAyOWgtMi4xNHYtNi4wMjloLTEuMTgxdi0xLjYzN2gxLjE4di0uODE5YzAtMS43OTQgMS4xOC0yLjcwNyAyLjgxOC0yLjcwN3ptMTQuODEyIDMuMzg0YzEuMDg2IDAgMS42ODQuOTEzIDEuNjg0IDIuMDMgMCAuNTA1LS4wNzguODk4LS4wNzguODk4bC0xLjkzNiAxLjExOGMuMDMxLS4yMi4xMjYtLjc0LjEyNi0xLjI2IDAtLjUwMy0uMTktLjk3NS0uNzI1LS45NzUtLjY3NiAwLS45NDQuNjMtLjk0NCAxLjYydjQuMzc3aC0yLjE1N3YtNy42NWgyLjE1N2wtLjExIDEuMjU5aC4wNDdjLjM3OC0uNzQuOTYtMS40MTcgMS45MzYtMS40MTd6bS03MC41Mi0yLjcyM3Y0LjE3MWg0LjIwM3YtNC4xN2gyLjIzNXYxMC41MTRoLTIuMjM1di00LjM2aC00LjIwM3Y0LjM2aC0yLjIzNVYxMC45NGgyLjIzNXptMzIuMzMyIDIuODV2Ny42NjVINDMuMzJWMTMuNzloMi4xNTZ6bTI5LjE1MyAxLjQ2M2MtMS4wNyAwLTEuNTQzIDEuMDA4LTEuNTQzIDIuMzc3IDAgMS4zNy40NzIgMi4zNzcgMS41NDMgMi4zNzcgMS4wNTQgMCAxLjUyNy0xLjAwNyAxLjUyNy0yLjM3NyAwLTEuMzctLjQ3My0yLjM3Ny0xLjUyNy0yLjM3N3ptLTE0Ljg5MS0uMTg5Yy0uNzI0IDAtMS4zMDcuNDczLTEuMzA3IDEuMTk3IDAgLjc0LjU4MyAxLjIxMiAxLjMwNyAxLjE5Ni43MjQgMCAxLjMwNi0uNDcyIDEuMzA2LTEuMTk2cy0uNTgyLTEuMTk3LTEuMzA2LTEuMTk3em0tMzQuNzczLjA5NWMtLjc4NyAwLTEuNDMyLjU2Ni0xLjYwNSAxLjYwNWgzLjAzOGMwLS45MTMtLjU5OC0xLjYwNS0xLjQzMy0xLjYwNXptMTkuNDQtNC42NzVjLjY5MyAwIDEuMjQ0LjUwMyAxLjI0NCAxLjE5NnMtLjU1IDEuMTk2LTEuMjQzIDEuMTk2Yy0uNzA5IDAtMS4yNDQtLjUwMy0xLjI0NC0xLjE5NnMuNTUxLTEuMTk2IDEuMjQ0LTEuMTk2eiIKICAgICAgICBmaWxsPSJjdXJyZW50Q29sb3IiIC8+Cjwvc3ZnPg==",logoSvDark="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2Zz4KPHN2ZyB2aWV3Qm94PSIwIDAgMTA0IDM2IiB0aXRsZT0iSGVsc2luZ2ZvcnMgc3RhZCIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgICBjbGFzcz0iTG9nby1tb2R1bGVfbG9nb19fWTJtd1AgTG9nby1tb2R1bGVfbWVkaXVtX18xenlXbSIgc3R5bGU9Im1hcmdpbi1yaWdodDogdmFyKC0tc3BhY2luZy14cyk7Ij4KICAgIDxwYXRoCiAgICAgICAgZD0iTTEwMy4xMDUgMHYyMi45MzVjMCA1LjE3OS00LjI2NiA5LjM5Ny05LjUyNCA5LjM5N2wtMzQuODY3LjAzMmE4LjQ2IDguNDYgMCAwMC01Ljk4MSAyLjQ3MUw1MS41NTMgMzZsLTEuMTgxLTEuMTY1YTguNDA1IDguNDA1IDAgMDAtNS45ODItMi40NzFIOS40NzZDNC4yNSAzMi4zNjQgMCAyOC4xNDUgMCAyMi45NjZWMGgxMDMuMTA1em0tMi4yMzYgMi4yMzVIMi4yNTF2MjAuNzMxYzAgMy45NTEgMy4yNDMgNy4xNjMgNy4yMjUgNy4xNjNINDQuMzljMi42NzYgMCA1LjE5NS45NiA3LjE2MiAyLjczOSAxLjk2OC0xLjc4IDQuNDg2LTIuNzQgNy4xNjItMi43NGwzNC44NjctLjAzYzQuMDE0IDAgNy4yODgtMy4yMTIgNy4yODgtNy4xNjN2LTIwLjd6TTYyLjAyIDEyLjA5bDIgMS4xNWMtLjAzMiAxLjAwNy0uNDg5IDEuNDc5LTEuMzU0IDEuNDc5LS4yMDUgMC0uNDczLS4wNDctLjYxNC0uMDk0di4wNjJjLjQyNS4zMzEuOTQ0Ljg4Mi45NDQgMS43NjMgMCAxLjUxMi0xLjQ2NCAyLjQ3Mi0zLjI3NCAyLjQ3Mi0uODM0IDAtMS41NTguMjY3LTEuNTU4LjY3NyAwIC4zMTUuMjY3LjQ1Ni45MTMuNDU2LjY0NSAwIDEuMzY5LS4xMjYgMi4yMDMtLjEyNiAxLjY1MyAwIDIuNzU1LjY2MSAyLjc1NSAyLjE1NyAwIDEuNzk0LTIuMDE1IDIuNTAzLTQuMjgyIDIuNTAzLTIuMTA5IDAtNC4wMy0uNTk4LTQuMDMtMS45NTIgMC0uODE5Ljg1LTEuMzA3IDEuNjIyLTEuNDQ4di0uMDQ4Yy0uNTgyLS4xNzMtMS4xMDItLjU1LTEuMTAyLTEuMjEyIDAtLjg2NS44ODItMS4zMzggMS43NzktMS41Mjd2LS4wNDdjLS44MzQtLjMzLTEuNTQzLTEuMDA3LTEuNTQzLTIuMTg4IDAtMS41MTEgMS4zMjItMi41NSAzLjEzMy0yLjU1LjY5MiAwIDEuMDg2LjE0MiAxLjYwNS4xNDIuNjQ2IDAgLjg4Mi0uMzYyLjg4Mi0uOTQ1IDAtLjI2Ny0uMDQ3LS41MzUtLjA3OS0uNzI0em0tMS43MzEgOS41NGMtLjkzIDAtMi43MjQuMDc4LTIuNzI0Ljc4NiAwIC41MzYuODk4Ljc4NyAyLjE1Ny44MDMgMS40MTcgMCAyLjIzNS0uMjY3IDIuMjM1LS45MTMgMC0uNTA0LS43NTUtLjY3Ny0xLjY2OC0uNjc3em0yOC45OTUtOC4wMTNjMS41MjcgMCAyLjkyOC43MjQgMy41MjYgMS43NDdsLTEuODQyIDEuMDRhMS42MjQgMS42MjQgMCAwMC0xLjYwNi0xLjIxM2MtLjU1IDAtMS4wMDcuMjM2LTEuMDA3LjY3NyAwIC41ODIgMS4wMDcuNjQ1IDIuMTU3IDEuMDA4IDEuMTk2LjM3NyAyLjI5OC45MjggMi4yOTggMi4zMyAwIDEuNTQyLTEuNDMzIDIuNDU1LTMuMTAxIDIuNDU1LTEuNzk1IDAtMy4yMTEtLjc3MS0zLjg0MS0xLjk4NGwxLjg3My0xLjA1NGMuMjUyLjgzNC45MTMgMS40NjQgMS45MzYgMS40NjQuNTk4IDAgMS4wMjMtLjI2OCAxLjAyMy0uNzQgMC0uNjE0LS44NS0uNzU2LTEuODQxLTEuMDIzLTEuMTY1LS4zMTUtMi42MTMtLjg4Mi0yLjYxMy0yLjM0NiAwLTEuNDQ4IDEuMzg1LTIuMzYgMy4wMzgtMi4zNnptLTE0LjY1NSAwYzIuMDc4IDAgMy42OTkgMS41MjcgMy42OTkgNC4wMTRzLTEuNjA2IDQuMDE0LTMuNyA0LjAxNGMtMi4xMDkgMC0zLjcxNC0xLjUyNy0zLjcxNC00LjAxNHMxLjYwNS00LjAxNCAzLjcxNS00LjAxNHptLTQ5LjY4IDBjMi4wNjMgMCAzLjQzMiAxLjQ2NCAzLjQzMiAzLjU0Mi4wMTYuNjE0LS4wOTQgMS4wMzktLjA5NCAxLjAzOWgtNC45NzRjLjA5NCAxLjI0My43ODcgMS44NTcgMS42ODQgMS44NTcuODAzIDAgMS4zNTQtLjUzNSAxLjQ4LTEuMjZsMS44MSAxLjAyNGMtLjUzNS45NzYtMS42ODQgMS44MjYtMy4yOSAxLjgyNi0yLjE0IDAtMy43MTUtMS40OTUtMy43MTUtNC4wMTQgMC0yLjQ4NyAxLjYwNi00LjAxNCAzLjY2OC00LjAxNHptMTMuMDY2LS4wMTZjMS41MjcgMCAyLjkyOC43MjQgMy41MjYgMS43NDhsLTEuODQyIDEuMDM5Yy0uMTg5LS42NzctLjc1NS0xLjIxMy0xLjYwNS0xLjIxMy0uNTUxIDAtMS4wMDguMjM3LTEuMDA4LjY3NyAwIC41ODMgMS4wMDguNjQ2IDIuMTQgMS4wMDggMS4xOTcuMzc4IDIuMy45MjggMi4zIDIuMzMgMCAxLjU0Mi0xLjQzMyAyLjQ0LTMuMDg2IDIuNDQtMS43OTUgMC0zLjIxMS0uNzU2LTMuODQxLTEuOTg0bDEuODczLTEuMDU1Yy4yMzYuODM1LjkxMyAxLjQ2NCAxLjkzNiAxLjQ2NC41ODMuMDE2IDEuMDA4LS4yMzYgMS4wMDgtLjcyNCAwLS42MTQtLjg1LS43NC0xLjg0Mi0xLjAyMy0xLjE2NS0uMy0yLjU5Ny0uODgyLTIuNTk3LTIuMzQ1IDAtMS40NDkgMS4zODUtMi4zNjIgMy4wMzgtMi4zNjJ6TTMyLjMgMTAuNTN2OC41MDFjMCAuMzYyLjA0Ny42MTQuMTU3Ljc1Ni4wOTUuMTU3LjIyLjIyLjUwNC4yMi4xNzMgMCAuMzMgMCAuNDU2LS4wMzFhMi4wMSAyLjAxIDAgMDAuNDU3LS4xMjZsLS4xODkgMS40NDhhMi41MzIgMi41MzIgMCAwMS0uNjQ1LjIzNmMtLjI1Mi4wNDctLjUyLjA3OS0uNzcyLjA3OS0uNzQgMC0xLjI3NS0uMTc0LTEuNjIxLS41MzYtLjMzLS4zNjItLjUwNC0uOTQ0LS41MDQtMS43MzFWMTAuNTNoMi4xNTd6bTE5LjgxOCAzLjA4NmMxLjQ4IDAgMi40MDggMS4wMjMgMi40MDggMi45Mjh2NC45MTFoLTIuMTU2VjE2Ljk3YzAtMS4wMDctLjM2Mi0xLjU0My0xLjE2NS0xLjU0M3MtMS4zMjIuNjE0LTEuMzIyIDEuNDk2djQuNTQ5aC0yLjE0MXYtNy42NjZoMi4xNGwtLjExIDEuMjZoLjA0OGMuMzc4LS43MSAxLjAzOS0xLjQ0OSAyLjI5OC0xLjQ0OXptMTYuNzMzLTMuMzM3YTMuMjcgMy4yNyAwIDAxMi43MzkgMS40bC0xLjg1OCAxLjEzNGMtLjAzMS0uNDU2LS4yNTItLjkyOC0uNzcxLS45MjgtLjUzNSAwLS43ODcuNDA5LS43ODcgMS4wODZ2LjgzNGgxLjY4NHYxLjYzN2gtMS42ODR2Ni4wMjloLTIuMTR2LTYuMDI5aC0xLjE4MXYtMS42MzdoMS4xOHYtLjgxOWMwLTEuNzk0IDEuMTgtMi43MDcgMi44MTgtMi43MDd6bTE0LjgxMiAzLjM4NGMxLjA4NiAwIDEuNjg0LjkxMyAxLjY4NCAyLjAzIDAgLjUwNS0uMDc4Ljg5OC0uMDc4Ljg5OGwtMS45MzYgMS4xMThjLjAzMS0uMjIuMTI2LS43NC4xMjYtMS4yNiAwLS41MDMtLjE5LS45NzUtLjcyNS0uOTc1LS42NzYgMC0uOTQ0LjYzLS45NDQgMS42MnY0LjM3N2gtMi4xNTd2LTcuNjVoMi4xNTdsLS4xMSAxLjI1OWguMDQ3Yy4zNzgtLjc0Ljk2LTEuNDE3IDEuOTM2LTEuNDE3em0tNzAuNTItMi43MjN2NC4xNzFoNC4yMDN2LTQuMTdoMi4yMzV2MTAuNTE0aC0yLjIzNXYtNC4zNmgtNC4yMDN2NC4zNmgtMi4yMzVWMTAuOTRoMi4yMzV6bTMyLjMzMiAyLjg1djcuNjY1SDQzLjMyVjEzLjc5aDIuMTU2em0yOS4xNTMgMS40NjNjLTEuMDcgMC0xLjU0MyAxLjAwOC0xLjU0MyAyLjM3NyAwIDEuMzcuNDcyIDIuMzc3IDEuNTQzIDIuMzc3IDEuMDU0IDAgMS41MjctMS4wMDcgMS41MjctMi4zNzcgMC0xLjM3LS40NzMtMi4zNzctMS41MjctMi4zNzd6bS0xNC44OTEtLjE4OWMtLjcyNCAwLTEuMzA3LjQ3My0xLjMwNyAxLjE5NyAwIC43NC41ODMgMS4yMTIgMS4zMDcgMS4xOTYuNzI0IDAgMS4zMDYtLjQ3MiAxLjMwNi0xLjE5NnMtLjU4Mi0xLjE5Ny0xLjMwNi0xLjE5N3ptLTM0Ljc3My4wOTVjLS43ODcgMC0xLjQzMi41NjYtMS42MDUgMS42MDVoMy4wMzhjMC0uOTEzLS41OTgtMS42MDUtMS40MzMtMS42MDV6bTE5LjQ0LTQuNjc1Yy42OTMgMCAxLjI0NC41MDMgMS4yNDQgMS4xOTZzLS41NSAxLjE5Ni0xLjI0MyAxLjE5NmMtLjcwOSAwLTEuMjQ0LS41MDMtMS4yNDQtMS4xOTZzLjU1MS0xLjE5NiAxLjI0NC0xLjE5NnoiCiAgICAgICAgZmlsbD0id2hpdGUiPjwvcGF0aD4KPC9zdmc+",logoRu="data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTExIDQwIiB0aXRsZT0iWNC10LvRjNGB0LjQvdC60LgiIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoCiAgICAgICAgZD0iTTExMSwwIEwxMTEsMjUuNTAwNDM2NiBDMTExLDMxLjI2NTQwMTIgMTA2LjI2MjcyNSwzNS45NTU0Mzc3IDEwMC40Mzk5ODYsMzUuOTU1NDM3NyBMNjMuMzU2MjA3MiwzNS45NTU0Mzc3IEM2MC44NTAyNzE0LDM1Ljk1NTQzNzcgNTguNDk0NTU2MSwzNi45Mjg4MjMyIDU2LjcyMjI3NzcsMzguNjk1NzkyOCBMNTUuNDE2MTY3Myw0MCBMNTQuMTA5NDEwOCwzOC42OTU3OTI4IEM1Mi4zMzc3Nzg1LDM2LjkyODgyMzIgNDkuOTgxNzQwMSwzNS45NTU0Mzc3IDQ3LjQ3NjEyNzQsMzUuOTU1NDM3NyBMMTAuNDk1NDAzLDM1Ljk1NTQzNzcgQzQuNzA4MjAwMDYsMzUuOTU1NDM3NyAwLDMxLjI2NTQwMTIgMCwyNS41MDA0MzY2IEwwLDAgTDExMSwwIFogTTEwOC41MTYwMzIsMi40ODYxNzUzNCBMMi40ODM2NDQ5OSwyLjQ4NjE3NTM0IEwyLjQ4MzY0NDk5LDI1LjUwMDQzNjYgQzIuNDgzNjQ0OTksMjkuODk0MjUzNSA2LjA3Nzk1MjI0LDMzLjQ2OTI2MjQgMTAuNDk1NDAzLDMzLjQ2OTI2MjQgTDQ3LjQ3NjEyNzQsMzMuNDY5MjYyNCBDNTAuNDM3MjQ3MywzMy40NjkyNjI0IDUzLjIzMzYwOTMsMzQuNTQ0ODM3MiA1NS40MTYxNjczLDM2LjUxMTAxMTIgQzU3LjU5OTM3MTQsMzQuNTQ0NTEzOCA2MC4zOTUwODcyLDMzLjQ2OTI2MjQgNjMuMzU2MjA3MiwzMy40NjkyNjI0IEwxMDAuNDM5OTg2LDMzLjQ2OTI2MjQgQzEwNC44OTI5NzMsMzMuNDY5MjYyNCAxMDguNTE2MDMyLDI5Ljg5NDI1MzUgMTA4LjUxNjAzMiwyNS41MDA0MzY2IEwxMDguNTE2MDMyLDIuNDg2MTc1MzQgWiIgLz4KICAgIDxwYXRoCiAgICAgICAgZD0iTTI2Ljc1ODMwMjcsMTUuMTAyMzUxIEMyOS4wMzkzOTIzLDE1LjEwMjM1MSAzMC41NjAwMTExLDE2LjcyNjA2MTUgMzAuNTYwMDExMSwxOS4wNDM0MzA1IEMzMC41NjAwMTExLDE5LjI3Njc2NDQgMzAuNTQ2NjE5NiwxOS40ODUyMjkzIDMwLjUyODg1MDMsMTkuNjU5MTM3MSBMMzAuNTA2MDAyNCwxOS44NTA2MTg5IEwzMC41MDYwMDI0LDE5Ljg1MDYxODkgTDMwLjQ3MTQyMTcsMjAuMDY3NTAwNSBMMzAuNDcxNDIxNywyMC4wNjc1MDA1IEwzMC40NDE3NzMsMjAuMjEwNTIyOSBMMjQuOTMzMzY2MywyMC4yMTA1MjI5IEMyNS4wMzQ4MDU1LDIxLjU5NzgzOTggMjUuODExNzUyMiwyMi4yNzQwMzU1IDI2LjgwODY5OTIsMjIuMjc0MDM1NSBDMjcuNjYzODEwNSwyMi4yNzQwMzU1IDI4LjI1Njk0NywyMS43MzQ1MjQ5IDI4LjQyNjU0ODgsMjAuOTc5NTE1NSBMMjguNDQ3ODc5LDIwLjg3MDIyNiBMMzAuNDU4ODk0OSwyMi4wMDM2ODY2IEMyOS44NjczODE3LDIzLjA4NjA1MjUgMjguNTgzMjM5LDI0LjAzMzI0MzkgMjYuODA4Njk5MiwyNC4wMzMyNDM5IEMyNC40MjY0OTM0LDI0LjAzMzI0MzkgMjIuNjg1ODc0NCwyMi4zNzU5MDE0IDIyLjY4NTg3NDQsMTkuNTY3NjM1NyBDMjIuNjg1ODc0NCwxNi43OTM5NzIxIDI0LjQ2MDQxNDIsMTUuMTAyMzUxIDI2Ljc1ODMwMjcsMTUuMTAyMzUxIFogTTU1LjY5NTYwOTcsMTUuMTAyMzUxIEM1Ny44MDgwNjQ3LDE1LjEwMjM1MSA1OS4wOTIyMDc0LDE2LjUwNjE2MDUgNTkuMzYyNjA0MiwxNy44NzYwMTQ2IEw1Ny4xODI5NTM4LDE4Ljk5MjY1OTIgQzU3LjE4Mjk1MzgsMTcuODU5MTk4NyA1Ni43NDMyNzYyLDE2LjkyOTE0NjYgNTUuNjk1NjA5NywxNi45MjkxNDY2IEM1NC41NDY4MjY5LDE2LjkyOTE0NjYgNTQuMDU2NzUyOSwxOC4wNDU0Njc4IDU0LjA1Njc1MjksMTkuNTY3NjM1NyBDNTQuMDU2NzUyOSwyMS4wOTAxMjcxIDU0LjU0NjgyNjksMjIuMjA2NzcxNyA1NS42OTU2MDk3LDIyLjIwNjc3MTcgQzU2Ljc0MzI3NjIsMjIuMjA2NzcxNyA1Ny4xODI5NTM4LDIxLjI3NjM5NjIgNTcuMTgyOTUzOCwyMC4xNDI5MzU3IEw1OS4zNjI2MDQyLDIxLjI1OTI1NjkgQzU5LjA5MjIwNzQsMjIuNjI5NDM0NCA1Ny44MDgwNjQ3LDI0LjAzMzI0MzkgNTUuNjk1NjA5NywyNC4wMzMyNDM5IEM1My4zNjM4MDA0LDI0LjAzMzI0MzkgNTEuNjQwMzAzMywyMi4zNDE5NDYxIDUxLjY0MDMwMzMsMTkuNTY3NjM1NyBDNTEuNjQwMzAzMywxNi43OTM5NzIxIDUzLjM2MzgwMDQsMTUuMTAyMzUxIDU1LjY5NTYwOTcsMTUuMTAyMzUxIFogTTQwLjI3NjIwNiwxNS4xMTk0OTAzIEw0MC4yNzYyMDYsMjMuODMwMTU4OCBMMzguMDExOTE1MiwyMy44MzAxNTg4IEwzOC4wMTE5MTUyLDE2Ljg0NDQyIEwzNS44MzgwNzk3LDE2Ljg0NDQyIEwzNS44MzgwNzk3LDIwLjAwNzc2MTIgQzM1LjgzODA3OTcsMjIuMTA0OTA1NyAzNS4yODIxMDI1LDIzLjUyNjE3NzkgMzMuNDkwNDQwOCwyNC4wMzMyNDM5IEwzMS40MTI1NTI2LDIyLjQ0MzE2NTMgQzMzLjAwMDY4OTgsMjIuMTA0OTA1NyAzMy41NDE0ODM0LDIxLjUyOTkyOTIgMzMuNTQxNDgzNCwxOS43ODc4NjAyIEwzMy41MzQwNTMyLDE1LjExOTQ5MDMgTDQwLjI3NjIwNiwxNS4xMTk0OTAzIFogTTEyLjAyNjAzNjUsMTIuMTI1Mjc4OSBMMTQuNzgwMDc4MywxMi4xMjUyNzg5IEwxNi4yNzE3NDY0LDE0Ljk3MjUyMzQgTDE2LjI3MTc0NjQsMTQuOTcyNTIzNCBMMTYuNDM0MTc0OCwxNS4yOTUzNDQxIEwxNi40MzQxNzQ4LDE1LjI5NTM0NDEgTDE2LjY3ODg0OTEsMTUuODAzNzMzOSBMMTYuNjc4ODQ5MSwxNS44MDM3MzM5IEwxNi45NzY4NTA3LDE2LjQ1NTM4OTIgTDE2Ljk3Njg1MDcsMTYuNDU1Mzg5MiBMMTcuMDI3NTcwMiwxNi40NTUzODkyIEwxNy40NDMwNDI2LDE1LjYwMTAzMjkgTDE3LjQ0MzA0MjYsMTUuNjAxMDMyOSBMMTcuNzY2MDUwOSwxNC45NzAzNDQ0IEwxNy43NjYwNTA5LDE0Ljk3MDM0NDQgTDE5LjI5MTg2MTEsMTIuMTI1Mjc4OSBMMjEuODc3MjY4MywxMi4xMjUyNzg5IEwxOC43Njc4NjYyLDE3Ljc1Nzk3OTUgTDIyLjIxNTE4MzYsMjMuODMwMTU4OCBMMTkuNDc3NjE3NSwyMy44MzAxNTg4IEwxNy43ODgwNDEyLDIwLjczNDcyODIgTDE3LjM0Nzc4MjEsMTkuODkzNDg1MSBMMTcuMzQ3NzgyMSwxOS44OTM0ODUxIEwxNi45OTM2NDk1LDE5LjE5NTc0NDMgTDE2Ljk5MzY0OTUsMTkuMTk1NzQ0MyBMMTYuOTQyOTI5OSwxOS4xOTU3NDQzIEwxNi40Mjk2NjY2LDIwLjIwMTc2MTIgTDE2LjQyOTY2NjYsMjAuMjAxNzYxMiBMMTYuMTQ4ODYxMywyMC43MzQ3MjgyIEwxNi4xNDg4NjEzLDIwLjczNDcyODIgTDE0LjQ1ODk2MTksMjMuODMwMTU4OCBMMTEuODA2MDM2MiwyMy44MzAxNTg4IEwxNS4xODU4MzUxLDE3Ljg0MjM4MjcgTDEyLjAyNjAzNjUsMTIuMTI1Mjc4OSBaIE03My42MzI5MDIxLDE1LjMwODk5MzMgTDczLjYzMjkwMjEsMTguNDk4MjA1MiBMNzYuNzM4NDI3NSwxOC40OTgyMDUyIEw3Ni43Mzg0Mjc1LDE1LjMwODk5MzMgTDc5LjAyNjMwMTMsMTUuMzA4OTkzMyBMNzkuMDI2MzAxMywyMy44MzAxNTg4IEw3Ni43Mzg0Mjc1LDIzLjgzMDE1ODggTDc2LjczODQyNzUsMjAuNTMwMDI2MiBMNzMuNjMyOTAyMSwyMC41MzAwMjYyIEw3My42MzI5MDIxLDIzLjgzMDE1ODggTDcxLjM0NDM4MjIsMjMuODMwMTU4OCBMNzEuMzQ0MzgyMiwxNS4zMDg5OTMzIEw3My42MzI5MDIxLDE1LjMwODk5MzMgWiBNODEuNzUwOTQ1MiwxNS4zMDg5OTMzIEw4NC4wMzg4MTksMTUuMzA4OTkzMyBMODQuMDM4MjgyNiwxNy43NjI1MTQ2IEw4NC4wMzgyODI2LDE3Ljc2MjUxNDYgTDg0LjAyNzI1OTcsMTguMjI3Mjg1MyBMODQuMDI3MjU5NywxOC4yMjcyODUzIEw4NC4wMDczNTkyLDE4LjY2NzY2NjQgTDg0LjAwNzM1OTIsMTguNjY3NjY2NCBMODMuOTY0ODM5NCwxOS4zMjM0ODA5IEw4My45NjQ4Mzk0LDE5LjMyMzQ4MDkgTDg0LjAxMzk0MzcsMTkuMzIzNDgwOSBMODQuMTY5Mzc5LDE5LjAyNjQ5MDYgTDg0LjE2OTM3OSwxOS4wMjY0OTA2IEw4NC4yOTY4OTkzLDE4Ljc5Mzg5OTQgTDg0LjI5Njg5OTMsMTguNzkzODk5NCBMODQuNTEzMDQxLDE4LjQxNzg1MTkgTDg0LjUxMzA0MSwxOC40MTc4NTE5IEw4NC42Mzc2MjgxLDE4LjIxMTA2OTggTDg0LjYzNzYyODEsMTguMjExMDY5OCBMODQuNzcxMzAxNywxNy45OTc0MDkyIEw4NC43NzEzMDE3LDE3Ljk5NzQwOTIgTDg0LjkxMjYxODcsMTcuNzgxMDkwNCBMODQuOTEyNjE4NywxNy43ODEwOTA0IEw4Ni41OTc0MTI3LDE1LjMwODk5MzMgTDg5LjIxNzcwOTgsMTUuMzA4OTkzMyBMODYuNTg1MTM2NiwxOC43OTM3NzgxIEw4OS4zNzc2MjE5LDIzLjgzMDE1ODggTDg2Ljg0MzI1NzMsMjMuODMwMTU4OCBMODUuMTA4Nzc2MywyMC42Nzc4MTI2IEw4NC4wMzg4MTksMjIuMTQzMDY1IEw4NC4wMzg4MTksMjMuODMwMTU4OCBMODEuNzUwOTQ1MiwyMy44MzAxNTg4IEw4MS43NTA5NDUyLDE1LjMwODk5MzMgWiBNNjEuNDAxMjQxMywxNS4zMDY2MDAzIEw2My41Mjk1MjYsMTUuMzA2NjAwMyBMNjMuNTI4OTgzNSwxOS4xODg4MTg1IEw2My41Mjg5ODM1LDE5LjE4ODgxODUgTDYzLjUyMTYyMjEsMTkuNTE1NzU4NSBMNjMuNTIxNjIyMSwxOS41MTU3NTg1IEw2My41MDc3MDEyLDE5Ljg1Nzg5MDcgTDYzLjUwNzcwMTIsMTkuODU3ODkwNyBMNjMuNDc3MDQ5MiwyMC40MDMwNDcyIEw2My40NzcwNDkyLDIwLjQwMzA0NzIgTDYzLjQzMDk5NDMsMjEuMDQ1MDQ3NCBMNjMuNDgwMDk4NywyMS4wNDUwNDc0IEw2My43NzE2ODc0LDIwLjI1MzY0MSBMNjMuNzcxNjg3NCwyMC4yNTM2NDEgTDYzLjkzMTEzODQsMTkuODQwNTcyNCBMNjQuMDc4Njg3MSwxOS40Nzc0OTQ3IEM2NC4wOTQ0MjQ1LDE5LjQ0MDE3IDY0LjEwOTg0NTIsMTkuNDA0MTUwNyA2NC4xMjQ4NTEzLDE5LjM2OTczNjcgTDY0LjE2ODUyODQsMTkuMjcxNjEwMSBMNjUuOTg5NTg4LDE1LjMwNjYwMDMgTDY4Ljk0MTk4NTUsMTUuMzA2NjAwMyBMNjguOTQxOTg1NSwyMy44MjgwODkxIEw2Ni44MjU5NzY4LDIzLjgyODA4OTEgTDY2LjgyNjcyMjIsMTkuOTQ1NTA4OSBMNjYuODI2NzIyMiwxOS45NDU1MDg5IEw2Ni44MzIyODQ4LDE5LjczMDI0OTMgTDY2LjgzMjI4NDgsMTkuNzMwMjQ5MyBMNjYuODQyMzg2NCwxOS41MDUwNTI3IEw2Ni44NDIzODY0LDE5LjUwNTA1MjcgTDY2Ljg3MTkzNDksMTkuMDUwNTAxOCBMNjYuODcxOTM0OSwxOS4wNTA1MDE4IEw2Ni45MjM2MDAyLDE4LjQ1NDQ4MTIgTDY2LjkyMzYwMDIsMTguNDU0NDgxMiBMNjYuOTYxMzM2NywxOC4wODkzMTg2IEw2Ni45MTE5MDk0LDE4LjA4OTMxODYgTDY2LjU5NzYxMTgsMTguODY2NzU3OCBMNjYuNTk3NjExOCwxOC44NjY3NTc4IEw2Ni4zMzI1NDk0LDE5LjUwMTMyMDEgTDY2LjMzMjU0OTQsMTkuNTAxMzIwMSBMNjYuMTczNzI5MiwxOS44NjI3NTU5IEw2NC4wOTYxNjQxLDIzLjgyODA4OTEgTDYxLjQwMTI0MTMsMjMuODI4MDg5MSBMNjEuNDAxMjQxMywxNS4zMDY2MDAzIFogTTkzLjE0ODk2MzIsMTUuMzA2NjAwMyBMOTMuMTQ4OTYzMiwxOS4wODY5NTc5IEM5My4xNDg5NjMyLDE5LjI4NjA0OTkgOTMuMTQyMjU3OCwxOS41MTQ1MjE2IDkzLjEzMjM0NTUsMTkuNzQzNDk1NSBMOTMuMTA5MjgxNiwyMC4xOTM1NTcgTDkzLjEwOTI4MTYsMjAuMTkzNTU3IEw5My4wNTA0MzE1LDIxLjA0NTA0NzQgTDkzLjA5OTUzNTgsMjEuMDQ1MDQ3NCBMOTMuNDI4ODk5NCwyMC4xNTQ4NDc1IEw5My40Mjg4OTk0LDIwLjE1NDg0NzUgTDkzLjYwMDk2NDgsMTkuNzE0NzExMiBMOTMuNjAwOTY0OCwxOS43MTQ3MTEyIEw5My43NDQ2MDg3LDE5LjM2OTczNjcgTDkzLjc0NDYwODcsMTkuMzY5NzM2NyBMOTMuNzg4Mjg4NSwxOS4yNzE2MTAxIEw5NS42MDkwMjUyLDE1LjMwNjYwMDMgTDk4LjU2MTQyMjYsMTUuMzA2NjAwMyBMOTguNTYxNDIyNiwyMy44MjgwODkxIEw5Ni40NDU3MzcsMjMuODI4MDg5MSBMOTYuNDQ2NDgwNiwxOS45NDU1MDg5IEw5Ni40NDY0ODA2LDE5Ljk0NTUwODkgTDk2LjQ1MjAyOTksMTkuNzMwMjQ5MyBMOTYuNDUyMDI5OSwxOS43MzAyNDkzIEw5Ni40NjIxMDc0LDE5LjUwNTA1MjcgTDk2LjQ2MjEwNzQsMTkuNTA1MDUyNyBMOTYuNDkxNTg1NCwxOS4wNTA1MDE4IEw5Ni40OTE1ODU0LDE5LjA1MDUwMTggTDk2LjUzNDkyNTUsMTguNTQwNjU0OSBMOTYuNTM0OTI1NSwxOC41NDA2NTQ5IEw5Ni41ODA3NzM5LDE4LjA4OTMxODYgTDk2LjUzMTM0NjUsMTguMDg5MzE4NiBMOTYuMTczNjYxLDE4Ljk3MjQxMjUgTDk2LjE3MzY2MSwxOC45NzI0MTI1IEw5NS45NjA3OTQ2LDE5LjQ4MTEwOTQgTDk1Ljk2MDc5NDYsMTkuNDgxMTA5NCBMOTUuODQ1MzMyNywxOS43NDcyOSBMOTUuODQ1MzMyNywxOS43NDcyOSBMOTUuNzkzNDg5NCwxOS44NjI3NTU5IEw5My43MTU2MDEyLDIzLjgyODA4OTEgTDkxLjAyMDY3ODQsMjMuODI4MDg5MSBMOTEuMDIwNjc4NCwxNS4zMDY2MDAzIEw5My4xNDg5NjMyLDE1LjMwNjYwMDMgWiBNNDQuOTAwODk2NCwxNC45OTI0NjUyIEw0NC45MDA4OTY0LDE4LjA2NDYxMjEgTDQ3LjEwNTQyMjEsMTguMDY0NjEyMSBDNDcuNjE4NzU2MSwxOC4wNjQ2MTIxIDQ4LjA3NzgxNjksMTguMTIxMjA0MyA0OC40ODE5NTg0LDE4LjIzNDcxMiBDNDguODg2MDk5OSwxOC4zNDgyMTk4IDQ5LjIyODIxNDksMTguNTI0MTQwNiA0OS41MDc2NTczLDE4Ljc2MTUwNDQgQzQ5Ljc4NzQyMjcsMTguOTk5MTkxNSA1MC4wMDA5NjE5LDE5LjMwMDU4NTMgNTAuMTQ4NTk3OSwxOS42NjUzNjI0IEM1MC4yOTU5MTA5LDIwLjAzMDEzOTQgNTAuMzY5NTY3NCwyMC40NjEyMTAxIDUwLjM2OTU2NzQsMjAuOTU4MjUxMSBDNTAuMzY5NTY3NCwyMS40MDcxMDggNTAuMzA4NTEsMjEuNzkwMzE3OSA1MC4xODY3MTg0LDIyLjEwOTQ5NzggQzUwLjA2NDI4MDYsMjIuNDI4MDMwOSA0OS45MDgyNDUyLDIyLjY5NDE3NTkgNDkuNzE3NjQyOSwyMi45MDc2MDkyIEM0OS41MjY3MTc1LDIzLjEyMTA0MjYgNDkuMzE0NDcwNSwyMy4yODg4Nzg4IDQ5LjA4MDU3ODksMjMuNDEwNDcxMiBDNDguODQ2Njg3MiwyMy41MzIwNjM1IDQ4LjYxNzY0MTQsMjMuNjIzOTA0NSA0OC4zOTQwODc1LDIzLjY4NTk5NDIgQzQ4LjE3MDUzMzYsMjMuNzQ4MDg0IDQ3Ljk2MzEzMjUsMjMuNzg3MjEzNCA0Ny43NzI1MzAyLDIzLjgwMzM4MjYgTDQ3LjU2NDkzMjYsMjMuODE4OTA1IEw0Ny41NjQ5MzI2LDIzLjgxODkwNSBMNDcuNDAwMTk1MywyMy44MjY2NjYyIEw0Ny40MDAxOTUzLDIzLjgyNjY2NjIgTDQyLjc0MjI0NDUsMjMuODI3NjM2NCBMNDIuNzQyMjQ0NSwxNC45OTI0NjUyIEw0NC45MDA4OTY0LDE0Ljk5MjQ2NTIgWiBNNDYuNTQwNzIyNCwxOS43OTA4MzUzIEw0NC45MDA4OTY0LDE5Ljc5MDgzNTMgTDQ0LjkwMDg5NjQsMjIuMTAxNDEzMiBMNDYuNzIzNTcxNCwyMi4xMDE0MTMyIEM0Ni44OTE1NTk4LDIyLjEwMTQxMzIgNDcuMDU3OTMzLDIyLjA4NjUzNzUgNDcuMjIzMzM3MSwyMi4wNTY0NjI4IEM0Ny4zODg3NDExLDIyLjAyNzAzNDkgNDcuNTM4NjM4NSwyMS45NzA0NDI3IDQ3LjY3MzM1MjMsMjEuODg2MzYyOSBDNDcuODA4MDY2MiwyMS44MDI2MDY1IDQ3LjkxNjI4OTUsMjEuNjg2NTExNyA0Ny45OTc2OTkzLDIxLjUzNzc1NTEgQzQ4LjA3OTEwOTEsMjEuMzg5MzIxOSA0OC4xMTk4MTQsMjEuMTk1OTM4MyA0OC4xMTk4MTQsMjAuOTU4MjUxMSBDNDguMTE5ODE0LDIwLjcyNjA2MTUgNDguMDc3ODE2OSwyMC41MzM5NzE1IDQ3Ljk5MzgyMjcsMjAuMzgyOTUxMiBDNDcuOTA5ODI4NCwyMC4yMzE2MDc1IDQ3Ljc5NTc5MDEsMjAuMTEyNjAyMyA0Ny42NTA0MTU1LDIwLjAyNjI1ODggQzQ3LjUwNTM2MzksMTkuOTM5OTE1MyA0Ny4zMzgwMjE1LDE5Ljg3ODc5NTcgNDcuMTQ3MDk2MSwxOS44NDM1NDY5IEM0Ny4wMDQxNDQ0LDE5LjgxNzM1MjggNDYuODU0NjUwOCwxOS44MDA3OTk2IDQ2LjY5ODc1MTcsMTkuNzk0MTYwMSBMNDYuNTQwNzIyNCwxOS43OTA4MzUzIFogTTI2Ljc1ODMwMjcsMTYuODI3NjA0IEMyNS45MTYyMDY2LDE2LjgyNzYwNCAyNS4yMjkyODE3LDE3LjQwMjU4OTYgMjUuMDEwMDA4OSwxOC40Nzc3MDUxIEwyNC45ODQwODU5LDE4LjYyMDc2NzcgTDI4LjM0Njc2MjksMTguNjIwNzY3NyBDMjguMzQ2NzYyOSwxNy41ODg4NDk3IDI3LjY4NzczMTIsMTYuODI3NjA0IDI2Ljc1ODMwMjcsMTYuODI3NjA0IFoiIC8+Cjwvc3ZnPg==",Logo=function Logo(_ref){var alt=_ref.alt,className=_ref.className,dataTestId=_ref.dataTestId,_ref$size=_ref.size,size=void 0===_ref$size?"full":_ref$size,style=_ref.style,rest=(0,objectWithoutProperties.Z)(_ref,_excluded),props=(0,objectSpread2.Z)({alt,size,className:(0,classNames.Z)(Logo_module.logo,"full"!==size&&Logo_module[size],className),style,"data-testid":dataTestId},rest);return(0,jsx_runtime.jsx)("img",(0,objectSpread2.Z)({alt},props))};try{Logo.displayName="Logo",Logo.__docgenInfo={description:"",displayName:"Logo",props:{"aria-hidden":{defaultValue:null,description:"Aria hidden property",name:"aria-hidden",required:!1,type:{name:"boolean"}},alt:{defaultValue:null,description:"Alt text to apply to the logo",name:"alt",required:!1,type:{name:"string"}},className:{defaultValue:null,description:"Additional class names to apply to the logo",name:"className",required:!1,type:{name:"string"}},dataTestId:{defaultValue:null,description:"Adds a data-testid attribute to the root element with the given value",name:"dataTestId",required:!1,type:{name:"string"}},size:{defaultValue:{value:"full"},description:"The size of the logo",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"large"'},{value:'"full"'},{value:'"medium"'}]}},src:{defaultValue:null,description:"Src of the logo. Data-url, locally imported image or a URL",name:"src",required:!0,type:{name:"string"}},title:{defaultValue:null,description:"Title for the logo",name:"title",required:!1,type:{name:"string"}},style:{defaultValue:null,description:"Override or extend the styles applied to the component",name:"style",required:!1,type:{name:"CSSProperties"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/logo/Logo.tsx#Logo"]={docgenInfo:Logo.__docgenInfo,name:"Logo",path:"src/components/logo/Logo.tsx#Logo"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/notification/Notification.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{P:()=>Notification});var _Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),react_spring__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react-spring/dist/react-spring.esm.js"),_react_aria_visually_hidden__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("../../node_modules/@react-aria/visually-hidden/dist/import.mjs"),_utils_classNames__WEBPACK_IMPORTED_MODULE_11__=(__webpack_require__("./src/styles/base.css"),__webpack_require__("./src/utils/classNames.ts")),_Notification_module_css__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__("./src/components/notification/Notification.module.css"),_icons__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/icons/IconInfoCircleFill.tsx"),_icons__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/icons/IconCheckCircleFill.tsx"),_icons__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/icons/IconErrorFill.tsx"),_icons__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/icons/IconAlertCircleFill.tsx"),_icons__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__("./src/icons/IconCross.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),icons={info:_icons__WEBPACK_IMPORTED_MODULE_4__.IconInfoCircleFill,success:_icons__WEBPACK_IMPORTED_MODULE_5__.IconCheckCircleFill,error:_icons__WEBPACK_IMPORTED_MODULE_6__.IconErrorFill,alert:_icons__WEBPACK_IMPORTED_MODULE_7__.IconAlertCircleFill},ConditionalVisuallyHidden=function ConditionalVisuallyHidden(_ref){var visuallyHidden=_ref.visuallyHidden,children=_ref.children;return visuallyHidden?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_react_aria_visually_hidden__WEBPACK_IMPORTED_MODULE_8__.T,{children}):children},Notification=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef((function(_ref2,ref){var _ref2$autoClose=_ref2.autoClose,autoClose=void 0!==_ref2$autoClose&&_ref2$autoClose,_ref2$autoCloseDurati=_ref2.autoCloseDuration,autoCloseDuration=void 0===_ref2$autoCloseDurati?6e3:_ref2$autoCloseDurati,_ref2$boxShadow=_ref2.boxShadow,boxShadow=void 0!==_ref2$boxShadow&&_ref2$boxShadow,children=_ref2.children,_ref2$className=_ref2.className,className=void 0===_ref2$className?"":_ref2$className,_ref2$closeAnimationD=_ref2.closeAnimationDuration,closeAnimationDuration=void 0===_ref2$closeAnimationD?85:_ref2$closeAnimationD,closeButtonLabelText=_ref2.closeButtonLabelText,dataTestId=_ref2.dataTestId,_ref2$dismissible=_ref2.dismissible,dismissible=void 0!==_ref2$dismissible&&_ref2$dismissible,_ref2$displayAutoClos=_ref2.displayAutoCloseProgress,displayAutoCloseProgress=void 0===_ref2$displayAutoClos||_ref2$displayAutoClos,_ref2$invisible=_ref2.invisible,invisible=void 0!==_ref2$invisible&&_ref2$invisible,label=_ref2.label,_ref2$notificationAri=_ref2.notificationAriaLabel,notificationAriaLabel=void 0===_ref2$notificationAri?"Notification":_ref2$notificationAri,_ref2$position=_ref2.position,position=void 0===_ref2$position?"inline":_ref2$position,_ref2$onClose=_ref2.onClose,onClose=void 0===_ref2$onClose?function(){return null}:_ref2$onClose,_ref2$size=_ref2.size,size=void 0===_ref2$size?"default":_ref2$size,style=_ref2.style,_ref2$type=_ref2.type,type=void 0===_ref2$type?"info":_ref2$type,_ref2$headingLevel=_ref2.headingLevel,headingLevel=void 0===_ref2$headingLevel?2:_ref2$headingLevel,isToast="inline"!==position;isToast&&"large"===size&&(console.warn("Size '".concat(size,"' is only allowed for inline positioned notifications")),size="default"),!isToast&&autoClose&&(console.warn("The 'autoClose' property is not allowed for inline positioned notifications"),autoClose=!1);var _useState=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(!0),_useState2=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_slicedToArray_js__WEBPACK_IMPORTED_MODULE_9__.Z)(_useState,2),open=_useState2[0],setOpen=_useState2[1],handleClose=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((function(){setOpen(!1),setTimeout((function(){return onClose()}),closeAnimationDuration)}),[onClose,closeAnimationDuration]);(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((function(){var interval=setTimeout((function(){autoClose&&handleClose()}),autoCloseDuration);return function(){return clearTimeout(interval)}}),[autoClose,autoCloseDuration,handleClose]);var Icon=icons[type],openTransitionProps=isToast?function getOpenTransition(position){var centerPositioned=position.includes("center"),animateFromTop=position.includes("top");return{from:{transform:"translate3d(".concat(centerPositioned?"-50%":"0",", ").concat(animateFromTop?"-":"","32px, 0)"),opacity:.66},to:{transform:"translate3d(".concat(centerPositioned?"-50%":"0",", 0, 0)"),opacity:1},config:{friction:30,tension:300}}}(position):{},closeTransitionProps=function getCloseTransition(duration){return{from:{opacity:1},to:{opacity:0},config:{duration}}}(closeAnimationDuration),autoCloseTransitionProps=displayAutoCloseProgress?function getAutoCloseTransition(duration){return{from:{transform:"translate3d(-100%, 0, 0)"},to:{transform:"translate3d(0%, 0, 0)"},config:{duration}}}(autoCloseDuration):{},notificationTransition=(0,react_spring__WEBPACK_IMPORTED_MODULE_1__.useSpring)(open?openTransitionProps:closeTransitionProps),autoCloseTransition=(0,react_spring__WEBPACK_IMPORTED_MODULE_1__.useSpring)(autoCloseTransitionProps);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(ConditionalVisuallyHidden,{visuallyHidden:invisible,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)(react_spring__WEBPACK_IMPORTED_MODULE_1__.animated.section,{style:(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_10__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_10__.Z)({},notificationTransition),style),className:(0,_utils_classNames__WEBPACK_IMPORTED_MODULE_11__.Z)(_Notification_module_css__WEBPACK_IMPORTED_MODULE_12__.Z[position],_Notification_module_css__WEBPACK_IMPORTED_MODULE_12__.Z.notification,_Notification_module_css__WEBPACK_IMPORTED_MODULE_12__.Z[size],_Notification_module_css__WEBPACK_IMPORTED_MODULE_12__.Z[type],autoClose&&_Notification_module_css__WEBPACK_IMPORTED_MODULE_12__.Z.noBorder,boxShadow&&_Notification_module_css__WEBPACK_IMPORTED_MODULE_12__.Z.boxShadow,className),"aria-label":notificationAriaLabel,"data-testid":dataTestId,role:isToast||invisible?"alert":void 0,children:[autoClose&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(react_spring__WEBPACK_IMPORTED_MODULE_1__.animated.div,{style:autoCloseTransition,className:_Notification_module_css__WEBPACK_IMPORTED_MODULE_12__.Z.autoClose}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div",{className:_Notification_module_css__WEBPACK_IMPORTED_MODULE_12__.Z.content,ref,children:[label&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div",(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_10__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_10__.Z)({className:_Notification_module_css__WEBPACK_IMPORTED_MODULE_12__.Z.label},isToast||invisible?{}:{role:"heading","aria-level":headingLevel}),{},{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Icon,{className:_Notification_module_css__WEBPACK_IMPORTED_MODULE_12__.Z.icon,"aria-hidden":!0}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(ConditionalVisuallyHidden,{visuallyHidden:"small"===size,children:label})]})),children&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{className:_Notification_module_css__WEBPACK_IMPORTED_MODULE_12__.Z.body,children})]}),dismissible&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("button",{className:(0,_utils_classNames__WEBPACK_IMPORTED_MODULE_11__.Z)(_Notification_module_css__WEBPACK_IMPORTED_MODULE_12__.Z.close,_Notification_module_css__WEBPACK_IMPORTED_MODULE_12__.Z[type]),type:"button",title:closeButtonLabelText,"aria-label":closeButtonLabelText,onClick:handleClose,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_13__.IconCross,{"aria-hidden":!0})})]})})}));try{Notification.displayName="Notification",Notification.__docgenInfo={description:"",displayName:"Notification",props:{autoClose:{defaultValue:{value:"false"},description:"Whether the notification should be closed automatically after a certain time",name:"autoClose",required:!1,type:{name:"boolean"}},autoCloseDuration:{defaultValue:{value:"6000"},description:"The duration before the notification is automatically closed. Used together with the `autoClose` prop.",name:"autoCloseDuration",required:!1,type:{name:"number"}},boxShadow:{defaultValue:{value:"false"},description:"Boolean indication whether notification has box shadow or not.",name:"boxShadow",required:!1,type:{name:"boolean"}},className:{defaultValue:{value:""},description:"Additional class names to apply to the notification",name:"className",required:!1,type:{name:"string"}},closeAnimationDuration:{defaultValue:{value:"85"},description:"Duration of the close fade-out animation",name:"closeAnimationDuration",required:!1,type:{name:"number"}},dataTestId:{defaultValue:null,description:"Value for the data-testid attribute that is applied to the root component.",name:"dataTestId",required:!1,type:{name:"string"}},displayAutoCloseProgress:{defaultValue:{value:"true"},description:"Displays a progress bar on top of the notification when `true`",name:"displayAutoCloseProgress",required:!1,type:{name:"boolean"}},invisible:{defaultValue:{value:"false"},description:'Determines whether the notification should be visually hidden. Useful when notification should only be "seen" by screen readers.',name:"invisible",required:!1,type:{name:"boolean"}},label:{defaultValue:null,description:"The label of the notification.\nNote: Labels are not displayed visually for small notifications, but they are still accessible to assistive technology. This could be used to help screen reader users to better understand the context of the notification.",name:"label",required:!1,type:{name:"ReactNode"}},notificationAriaLabel:{defaultValue:{value:"Notification"},description:"The aria-label of the notification region",name:"notificationAriaLabel",required:!1,type:{name:"string"}},onClose:{defaultValue:{value:"() => null"},description:"Callback fired when the notification is closed",name:"onClose",required:!1,type:{name:"() => void"}},style:{defaultValue:null,description:"Override or extend the styles applied to the component",name:"style",required:!1,type:{name:"CSSProperties"}},type:{defaultValue:{value:"info"},description:"The type of the notification",name:"type",required:!1,type:{name:"enum",value:[{value:'"success"'},{value:'"info"'},{value:'"error"'},{value:'"alert"'}]}},headingLevel:{defaultValue:{value:"2"},description:"The aria-level of the heading element",name:"headingLevel",required:!1,type:{name:"number"}},position:{defaultValue:{value:"inline"},description:"The position of the notification",name:"position",required:!1,type:{name:"enum",value:[{value:'"inline"'},{value:'"top-left"'},{value:'"top-center"'},{value:'"top-right"'},{value:'"bottom-left"'},{value:'"bottom-center"'},{value:'"bottom-right"'}]}},size:{defaultValue:{value:"default"},description:"The size of the notification",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"default"'},{value:'"large"'}]}},dismissible:{defaultValue:{value:"false"},description:"Whether the notification can be closed",name:"dismissible",required:!1,type:{name:"boolean"}},closeButtonLabelText:{defaultValue:null,description:"The aria-label and title for the close button",name:"closeButtonLabelText",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/notification/Notification.tsx#Notification"]={docgenInfo:Notification.__docgenInfo,name:"Notification",path:"src/components/notification/Notification.tsx#Notification"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/numberInput/NumberInput.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Y:()=>NumberInput});var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),slicedToArray=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),objectWithoutProperties=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react=__webpack_require__("../../node_modules/react/index.js"),dist_import=__webpack_require__("../../node_modules/@react-aria/visually-hidden/dist/import.mjs"),lodash_throttle=__webpack_require__("../../node_modules/lodash.throttle/index.js"),lodash_throttle_default=__webpack_require__.n(lodash_throttle);const hooks_useThrottledWheel=function useThrottledWheel(inputRef){var delay=arguments.length>1&&void 0!==arguments[1]?arguments[1]:200,throttledWheel=!1,throttledWheelToggler=lodash_throttle_default()((function(){throttledWheel=!1}),delay);(0,react.useEffect)((function(){var ignoreScroll=function ignoreScroll(e){throttledWheel&&e.preventDefault(),throttledWheel=!0,throttledWheelToggler()};return inputRef.current&&inputRef.current.addEventListener("wheel",ignoreScroll,{passive:!1}),function(){inputRef.current&&inputRef.current.removeEventListener("wheel",ignoreScroll)}}),[inputRef])};__webpack_require__("./src/styles/base.css");const NumberInput_module_numberInputContainer="NumberInput_numberInputContainer__gsj+q",NumberInput_module_numberInputWithSteps="NumberInput_numberInputWithSteps__roLLA",NumberInput_module_minusButtonWrapper="NumberInput_minusButtonWrapper__VxU7X",NumberInput_module_minusButtonWrapperWithoutBorder="NumberInput_minusButtonWrapperWithoutBorder__R71sY",NumberInput_module_plusButtonWrapper="NumberInput_plusButtonWrapper__AE9D5",NumberInput_module_plusButtonWrapperWithoutBorder="NumberInput_plusButtonWrapperWithoutBorder__gzOze",NumberInput_module_button="NumberInput_button__YkgdE";var IconMinus=__webpack_require__("./src/icons/IconMinus.tsx"),IconPlus=__webpack_require__("./src/icons/IconPlus.tsx"),InputWrapper=__webpack_require__("./src/internal/input-wrapper/InputWrapper.tsx"),TextInput_module=__webpack_require__("./src/components/textInput/TextInput.module.css"),classNames=__webpack_require__("./src/utils/classNames.ts"),composeAriaDescribedBy=__webpack_require__("./src/utils/composeAriaDescribedBy.ts"),mergeRefWithInternalRef=__webpack_require__("./src/utils/mergeRefWithInternalRef.ts"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_excluded=["className","disabled","defaultValue","errorText","helperText","hideLabel","invalid","id","label","max","min","minusStepButtonAriaLabel","onChange","plusStepButtonAriaLabel","required","step","style","successText","infoText","tooltipLabel","tooltipText","tooltipButtonLabel","type","unit"];function combineLabelAndUnit(label,unit){return!label&&unit?"(".concat(unit,")"):label&&unit?"".concat(label," (").concat(unit,")"):label}var NumberInput=react.forwardRef((function(_ref,ref){var _ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,defaultValue=_ref.defaultValue,errorText=_ref.errorText,helperText=_ref.helperText,hideLabel=_ref.hideLabel,invalid=_ref.invalid,id=_ref.id,label=_ref.label,max=_ref.max,min=_ref.min,minusStepButtonAriaLabel=_ref.minusStepButtonAriaLabel,_ref$onChange=_ref.onChange,onChange=void 0===_ref$onChange?function(){return null}:_ref$onChange,plusStepButtonAriaLabel=_ref.plusStepButtonAriaLabel,required=_ref.required,step=_ref.step,style=_ref.style,successText=_ref.successText,infoText=_ref.infoText,tooltipLabel=_ref.tooltipLabel,tooltipText=_ref.tooltipText,tooltipButtonLabel=_ref.tooltipButtonLabel,_ref$type=_ref.type,type=void 0===_ref$type?"number":_ref$type,unit=_ref.unit,rest=(0,objectWithoutProperties.Z)(_ref,_excluded),wrapperProps={className,errorText,helperText,hideLabel,id,invalid,label:combineLabelAndUnit(label,unit),required,style,successText,infoText,tooltipLabel,tooltipText,tooltipButtonLabel,labelId:step?"".concat(id,"-label"):void 0},inputRef=(0,react.useRef)(null),_useState=(0,react.useState)(null),_useState2=(0,slicedToArray.Z)(_useState,2),screenReaderValue=_useState2[0],setScreenReaderValue=_useState2[1],notifyScreenReaderStepperChangedValue=function notifyScreenReaderStepperChangedValue(){setScreenReaderValue(String(inputRef.current.value))};hooks_useThrottledWheel(inputRef),(0,react.useEffect)((function(){ref&&(0,mergeRefWithInternalRef.Z)(ref,inputRef)}),[inputRef,ref]);var dispatchNativeOnChangeEvent=function dispatchNativeOnChangeEvent(){Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"value").set.call(inputRef.current,inputRef.current.value);var onChangeEvent=new Event("input",{bubbles:!0});inputRef.current.dispatchEvent(onChangeEvent)},onChangeListener=step?function(e){null!==screenReaderValue&&setScreenReaderValue(null),onChange(e)}:onChange,ariaDescribedBy=(0,composeAriaDescribedBy.Z)(id,helperText,errorText,successText,infoText);return(0,jsx_runtime.jsx)(InputWrapper.S,(0,objectSpread2.Z)((0,objectSpread2.Z)({},wrapperProps),{},{children:(0,jsx_runtime.jsxs)("div",(0,objectSpread2.Z)((0,objectSpread2.Z)({className:NumberInput_module_numberInputContainer},step&&{role:"group","aria-labelledby":wrapperProps.labelId}),{},{children:[(0,jsx_runtime.jsx)("input",(0,objectSpread2.Z)({className:(0,classNames.Z)(TextInput_module.Z.input,step?NumberInput_module_numberInputWithSteps:""),defaultValue,disabled,id,max,min,step,onChange:onChangeListener,ref:inputRef,required,type,"aria-describedby":ariaDescribedBy.length>0?ariaDescribedBy:null},rest)),step&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("div",{className:disabled?NumberInput_module_minusButtonWrapperWithoutBorder:NumberInput_module_minusButtonWrapper,children:(0,jsx_runtime.jsx)("button",{className:NumberInput_module_button,disabled,type:"button",onClick:function onClick(event){event.preventDefault(),inputRef.current.stepDown(),dispatchNativeOnChangeEvent(),notifyScreenReaderStepperChangedValue()},"aria-label":minusStepButtonAriaLabel||"Decrease by one",children:(0,jsx_runtime.jsx)(IconMinus.IconMinus,{"aria-hidden":"true"})})}),(0,jsx_runtime.jsx)("div",{className:disabled?NumberInput_module_plusButtonWrapperWithoutBorder:NumberInput_module_plusButtonWrapper,children:(0,jsx_runtime.jsx)("button",{className:NumberInput_module_button,disabled,type:"button",onClick:function onClick(event){event.preventDefault(),inputRef.current.stepUp(),dispatchNativeOnChangeEvent(),notifyScreenReaderStepperChangedValue()},"aria-label":plusStepButtonAriaLabel||"Increase by one",children:(0,jsx_runtime.jsx)(IconPlus.IconPlus,{"aria-hidden":"true"})})}),null!==screenReaderValue&&(0,jsx_runtime.jsx)(dist_import.T,{children:(0,jsx_runtime.jsx)("span",{"aria-live":"assertive",children:screenReaderValue})})]})]}))}))}));try{NumberInput.displayName="NumberInput",NumberInput.__docgenInfo={description:"",displayName:"NumberInput",props:{className:{defaultValue:{value:""},description:"Additional class names to apply to the text input",name:"className",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"The id of the input element",name:"id",required:!1,type:{name:"string"}},style:{defaultValue:null,description:"Override or extend the styles applied to the component",name:"style",required:!1,type:{name:"CSSProperties"}},label:{defaultValue:null,description:"The label for the input",name:"label",required:!0,type:{name:"string"}},disabled:{defaultValue:{value:"false"},description:"If `true`, the input will be disabled",name:"disabled",required:!1,type:{name:"boolean"}},type:{defaultValue:{value:"number"},description:"Type of the input element",name:"type",required:!1,type:{name:"string"}},value:{defaultValue:null,description:"The value of the input element, required for a controlled component",name:"value",required:!1,type:{name:'number | ""'}},defaultValue:{defaultValue:null,description:"The default input element value. Use when the component is not controlled",name:"defaultValue",required:!1,type:{name:"number"}},onChange:{defaultValue:{value:"() => null"},description:"Callback fired when the state is changed",name:"onChange",required:!1,type:{name:"ChangeEventHandler"}},readOnly:{defaultValue:null,description:"If `true`, prevents the user from changing the value of the field (not from interacting with the field)",name:"readOnly",required:!1,type:{name:"boolean"}},required:{defaultValue:null,description:"If `true`, the label is displayed as required and the `input` element will be required",name:"required",required:!1,type:{name:"boolean"}},errorText:{defaultValue:null,description:"The error text content that will be shown below the input",name:"errorText",required:!1,type:{name:"string"}},helperText:{defaultValue:null,description:"The helper text content that will be shown below the input",name:"helperText",required:!1,type:{name:"string"}},tooltipText:{defaultValue:null,description:"The text content of the tooltip",name:"tooltipText",required:!1,type:{name:"string"}},tooltipLabel:{defaultValue:null,description:"Aria-label text for the tooltip",name:"tooltipLabel",required:!1,type:{name:"string"}},tooltipButtonLabel:{defaultValue:null,description:"Aria-label text for the tooltip trigger button",name:"tooltipButtonLabel",required:!1,type:{name:"string"}},hideLabel:{defaultValue:null,description:"Hides the label above the input",name:"hideLabel",required:!1,type:{name:"boolean"}},invalid:{defaultValue:null,description:"If `true`, the input will be displayed in an invalid state.",name:"invalid",required:!1,type:{name:"boolean"}},successText:{defaultValue:null,description:"The success text content that will be shown below the input",name:"successText",required:!1,type:{name:"string"}},infoText:{defaultValue:null,description:"The info text content that will be shown below the input",name:"infoText",required:!1,type:{name:"string"}},minusStepButtonAriaLabel:{defaultValue:null,description:"The aria-label for minus step button",name:"minusStepButtonAriaLabel",required:!1,type:{name:"string"}},plusStepButtonAriaLabel:{defaultValue:null,description:"The aria-label for plus step button",name:"plusStepButtonAriaLabel",required:!1,type:{name:"string"}},unit:{defaultValue:null,description:"Unit characters of the input. Example: €",name:"unit",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/numberInput/NumberInput.tsx#NumberInput"]={docgenInfo:NumberInput.__docgenInfo,name:"NumberInput",path:"src/components/numberInput/NumberInput.tsx#NumberInput"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/phoneInput/PhoneInput.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{s:()=>PhoneInput});var _Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),_internal_input_wrapper_InputWrapper__WEBPACK_IMPORTED_MODULE_5__=(__webpack_require__("./src/styles/base.css"),__webpack_require__("./src/internal/input-wrapper/InputWrapper.tsx")),_textInput_TextInput_module_css__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/components/textInput/TextInput.module.css"),_utils_composeAriaDescribedBy__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/utils/composeAriaDescribedBy.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_excluded=["aria-describedby","className","disabled","defaultValue","errorText","helperText","hideLabel","invalid","id","label","onChange","required","style","successText","infoText","tooltipLabel","tooltipText","tooltipButtonLabel","type"],PhoneInput=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef((function(_ref,ref){var customAriaDescribedBy=_ref["aria-describedby"],_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,defaultValue=_ref.defaultValue,errorText=_ref.errorText,helperText=_ref.helperText,hideLabel=_ref.hideLabel,invalid=_ref.invalid,id=_ref.id,label=_ref.label,_ref$onChange=_ref.onChange,onChange=void 0===_ref$onChange?function(){return null}:_ref$onChange,required=_ref.required,style=_ref.style,successText=_ref.successText,infoText=_ref.infoText,tooltipLabel=_ref.tooltipLabel,tooltipText=_ref.tooltipText,tooltipButtonLabel=_ref.tooltipButtonLabel,_ref$type=_ref.type,type=void 0===_ref$type?"tel":_ref$type,rest=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_3__.Z)(_ref,_excluded),wrapperProps={className,errorText,helperText,hideLabel,id,invalid,label,required,style,successText,tooltipLabel,tooltipText,tooltipButtonLabel},ariaDescribedBy=[customAriaDescribedBy,(0,_utils_composeAriaDescribedBy__WEBPACK_IMPORTED_MODULE_4__.Z)(id,helperText,errorText,successText,infoText)].filter((function(item){return item})).join(" ");return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_internal_input_wrapper_InputWrapper__WEBPACK_IMPORTED_MODULE_5__.S,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__.Z)({},wrapperProps),{},{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("input",(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__.Z)({className:_textInput_TextInput_module_css__WEBPACK_IMPORTED_MODULE_7__.Z.input,defaultValue,disabled,id,onChange,ref,required,type,"aria-describedby":ariaDescribedBy.length>0?ariaDescribedBy:null,autoComplete:"tel"},rest))}))}));try{PhoneInput.displayName="PhoneInput",PhoneInput.__docgenInfo={description:"",displayName:"PhoneInput",props:{className:{defaultValue:{value:""},description:"Additional class names to apply to the text input",name:"className",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"The id of the input element",name:"id",required:!1,type:{name:"string"}},style:{defaultValue:null,description:"Override or extend the styles applied to the component",name:"style",required:!1,type:{name:"CSSProperties"}},label:{defaultValue:null,description:"The label for the input",name:"label",required:!1,type:{name:"string"}},disabled:{defaultValue:{value:"false"},description:"If `true`, the input will be disabled",name:"disabled",required:!1,type:{name:"boolean"}},type:{defaultValue:{value:"tel"},description:"Type of the input element",name:"type",required:!1,type:{name:"string"}},value:{defaultValue:null,description:"The value of the input element, required for a controlled component",name:"value",required:!1,type:{name:"string & (string | number | readonly string[])"}},defaultValue:{defaultValue:null,description:"The default input element value. Use when the component is not controlled",name:"defaultValue",required:!1,type:{name:"string & (string | number | readonly string[])"}},placeholder:{defaultValue:null,description:"Short hint displayed in the input before the user enters a value",name:"placeholder",required:!1,type:{name:"string"}},onChange:{defaultValue:{value:"() => null"},description:"Callback fired when the state is changed",name:"onChange",required:!1,type:{name:"ChangeEventHandler"}},readOnly:{defaultValue:null,description:"If `true`, prevents the user from changing the value of the field (not from interacting with the field)",name:"readOnly",required:!1,type:{name:"boolean"}},required:{defaultValue:null,description:"If `true`, the label is displayed as required and the `input` element will be required",name:"required",required:!1,type:{name:"boolean"}},errorText:{defaultValue:null,description:"The error text content that will be shown below the input",name:"errorText",required:!1,type:{name:"string"}},helperText:{defaultValue:null,description:"The helper text content that will be shown below the input",name:"helperText",required:!1,type:{name:"string"}},tooltipText:{defaultValue:null,description:"The text content of the tooltip",name:"tooltipText",required:!1,type:{name:"string"}},tooltipLabel:{defaultValue:null,description:"Aria-label text for the tooltip",name:"tooltipLabel",required:!1,type:{name:"string"}},tooltipButtonLabel:{defaultValue:null,description:"Aria-label text for the tooltip trigger button",name:"tooltipButtonLabel",required:!1,type:{name:"string"}},hideLabel:{defaultValue:null,description:"Hides the label above the input",name:"hideLabel",required:!1,type:{name:"boolean"}},invalid:{defaultValue:null,description:"If `true`, the input will be displayed in an invalid state.",name:"invalid",required:!1,type:{name:"boolean"}},successText:{defaultValue:null,description:"The success text content that will be shown below the input",name:"successText",required:!1,type:{name:"string"}},infoText:{defaultValue:null,description:"The info text content that will be shown below the input",name:"infoText",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/phoneInput/PhoneInput.tsx#PhoneInput"]={docgenInfo:PhoneInput.__docgenInfo,name:"PhoneInput",path:"src/components/phoneInput/PhoneInput.tsx#PhoneInput"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/radioButton/RadioButton.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{E:()=>RadioButton});var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),objectWithoutProperties=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react=__webpack_require__("../../node_modules/react/index.js");__webpack_require__("./src/styles/base.css");const RadioButton_module_radioButton="RadioButton_radioButton__ur1rv radio-button_hds-radio-button__vPgjR",RadioButton_module_input="RadioButton_input__XmJe8 radio-button_hds-radio-button__input__uLp-t",RadioButton_module_label="RadioButton_label__sIbpU radio-button_hds-radio-button__label__j5TCU",RadioButton_module_helperText="RadioButton_helperText__PHV37 helpers_helper-text__kpl-5";var classNames=__webpack_require__("./src/utils/classNames.ts"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_excluded=["checked","className","disabled","helperText","id","label","onChange","style","value"],RadioButton=react.forwardRef((function(_ref,ref){var _ref$checked=_ref.checked,checked=void 0!==_ref$checked&&_ref$checked,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,helperText=_ref.helperText,id=_ref.id,label=_ref.label,_ref$onChange=_ref.onChange,onChange=void 0===_ref$onChange?function(){return null}:_ref$onChange,style=_ref.style,value=_ref.value,rest=(0,objectWithoutProperties.Z)(_ref,_excluded);return label&&"string"!=typeof label&&"number"!=typeof label&&console.warn("Using ReactElement as a label is against good usability and accessibility practices. Please prefer plain strings."),(0,jsx_runtime.jsxs)("div",{className:(0,classNames.Z)(RadioButton_module_radioButton,className),style,children:[(0,jsx_runtime.jsx)("input",(0,objectSpread2.Z)({ref,id,className:(0,classNames.Z)(RadioButton_module_input),onChange,value,type:"radio",disabled,checked,"aria-describedby":helperText?"".concat(id,"-helper"):null},rest)),(0,jsx_runtime.jsx)("label",{htmlFor:id,className:(0,classNames.Z)(RadioButton_module_label),children:label}),helperText&&(0,jsx_runtime.jsx)("div",{className:RadioButton_module_helperText,id:"".concat(id,"-helper"),children:helperText})]})}));RadioButton.displayName="RadioButton";try{RadioButton.displayName="RadioButton",RadioButton.__docgenInfo={description:"",displayName:"RadioButton",props:{checked:{defaultValue:{value:"false"},description:"If `true`, the component is checked",name:"checked",required:!1,type:{name:"boolean"}},className:{defaultValue:{value:""},description:"Additional class names to apply to the radio button",name:"className",required:!1,type:{name:"string"}},disabled:{defaultValue:{value:"false"},description:"If `true`, the radio button will be disabled",name:"disabled",required:!1,type:{name:"boolean"}},helperText:{defaultValue:null,description:"The helper text content that will be shown below the input",name:"helperText",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"The id of the input element",name:"id",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"The label for the radio button",name:"label",required:!1,type:{name:"ReactNode"}},onChange:{defaultValue:{value:"() => null"},description:"Callback fired when the state is changed",name:"onChange",required:!1,type:{name:"ChangeEventHandler"}},style:{defaultValue:null,description:"Override or extend the styles applied to the component",name:"style",required:!1,type:{name:"CSSProperties"}},value:{defaultValue:null,description:"The value of the component",name:"value",required:!1,type:{name:"string & (string | number | readonly string[])"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/radioButton/RadioButton.tsx#RadioButton"]={docgenInfo:RadioButton.__docgenInfo,name:"RadioButton",path:"src/components/radioButton/RadioButton.tsx#RadioButton"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/searchInput/SearchInput.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{M:()=>SearchInput});var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),slicedToArray=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),react=__webpack_require__("../../node_modules/react/index.js"),downshift_esm=__webpack_require__("./node_modules/downshift/dist/downshift.esm.js");__webpack_require__("./src/styles/base.css");const SearchInput_module={input:"SearchInput_input__Jqnp+",hidden:"SearchInput_hidden__hfnzZ",button:"SearchInput_button__+lJq3 search-input_hds-search-input__button__PVQba",wrapper:"SearchInput_wrapper__cAVzn",root:"SearchInput_root__Gh2uc",open:"SearchInput_open__Ns+jf",angleIcon:"SearchInput_angleIcon__GLqU0",menu:"SearchInput_menu__1csYs",loadingSpinnerContainer:"SearchInput_loadingSpinnerContainer__vEzxX",menuItem:"SearchInput_menuItem__uWrkq",highlighted:"SearchInput_highlighted__UYbsP",selected:"SearchInput_selected__DrU67",disabled:"SearchInput_disabled__u46Pz",virtualized:"SearchInput_virtualized__6fJjf",buttons:"SearchInput_buttons__fs8Em search-input_hds-search-input__buttons__5Xhf+",searchIcon:"SearchInput_searchIcon__k3MON",noToggle:"SearchInput_noToggle__JtDZ2",helperText:"SearchInput_helperText__n2PDj",loadingSpinner:"SearchInput_loadingSpinner__IT9l2"};var FieldLabel=__webpack_require__("./src/internal/field-label/FieldLabel.tsx"),DropdownMenu=__webpack_require__("./src/internal/dropdownMenu/DropdownMenu.tsx"),classNames=__webpack_require__("./src/utils/classNames.ts"),IconCrossCircle=__webpack_require__("./src/icons/IconCrossCircle.tsx"),IconSearch=__webpack_require__("./src/icons/IconSearch.tsx"),createClass=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/createClass.js"),classCallCheck=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/classCallCheck.js"),inherits=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/inherits.js"),createSuper=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/createSuper.js"),CancelledPromiseError=function(_Error){(0,inherits.Z)(CancelledPromiseError,_Error);var _super=(0,createSuper.Z)(CancelledPromiseError);function CancelledPromiseError(){return(0,classCallCheck.Z)(this,CancelledPromiseError),_super.apply(this,arguments)}return(0,createClass.Z)(CancelledPromiseError)}((0,__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/wrapNativeSuper.js").Z)(Error)),useSuggestions=function useSuggestions(searchString,getSuggestions,isSubmitted){var cancelAll=(0,react.useRef)(isSubmitted),_useState=(0,react.useState)(!1),_useState2=(0,slicedToArray.Z)(_useState,2),isLoading=_useState2[0],setIsLoading=_useState2[1],cancelSuggestionsFunction=(0,react.useRef)((function(){return null})),_useState3=(0,react.useState)([]),_useState4=(0,slicedToArray.Z)(_useState3,2),suggestions=_useState4[0],setSuggestions=_useState4[1],clearSuggestions=(0,react.useCallback)((function(){setSuggestions([]),setIsLoading(!1),cancelSuggestionsFunction.current()}),[setSuggestions,cancelSuggestionsFunction]);return(0,react.useEffect)((function(){return function(){cancelSuggestionsFunction.current()}}),[cancelSuggestionsFunction]),(0,react.useEffect)((function(){cancelAll.current=isSubmitted}),[isSubmitted]),function useDebouncedEffect(effect,delay,deps){var callback=(0,react.useCallback)(effect,deps);(0,react.useEffect)((function(){var timeout=setTimeout((function(){callback()}),delay);return function(){clearTimeout(timeout)}}),[callback,delay])}((function(){if("function"==typeof getSuggestions&&!0!==cancelAll.current){if(setIsLoading(!0),cancelSuggestionsFunction.current(),0===searchString.length)return setIsLoading(!1),void setSuggestions([]);var _cancellablePromise=function cancellablePromise(promise){var isCancelled=!1;return{promise:new Promise((function(res,rej){promise.then((function(value){if(isCancelled)throw new CancelledPromiseError;res(value)})).catch((function(error){error instanceof CancelledPromiseError||rej(error)}))})),cancel:function cancel(){isCancelled=!0}}}(getSuggestions(searchString)),promise=_cancellablePromise.promise,cancel=_cancellablePromise.cancel;cancelSuggestionsFunction.current=cancel,promise.then((function(newSuggestions){setIsLoading(!1),Array.isArray(newSuggestions)&&"function"==typeof setSuggestions&&!1===cancelAll.current&&setSuggestions(newSuggestions)}))}}),200,[searchString,getSuggestions,setSuggestions]),{suggestions,isLoading:!cancelAll.current&&isLoading,clearSuggestions}},dropdownUtils=__webpack_require__("./src/components/dropdown/dropdownUtils.ts"),LoadingSpinner=__webpack_require__("./src/components/loadingSpinner/LoadingSpinner.tsx"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),SearchInput=function SearchInput(_ref){var className=_ref.className,_ref$clearButtonAriaL=_ref.clearButtonAriaLabel,clearButtonAriaLabel=void 0===_ref$clearButtonAriaL?"Clear":_ref$clearButtonAriaL,getSuggestions=_ref.getSuggestions,helperText=_ref.helperText,_ref$highlightSuggest=_ref.highlightSuggestions,highlightSuggestions=void 0!==_ref$highlightSuggest&&_ref$highlightSuggest,label=_ref.label,_ref$loadingSpinnerFi=_ref.loadingSpinnerFinishedText,loadingSpinnerFinishedText=void 0===_ref$loadingSpinnerFi?"Finished loading suggestions":_ref$loadingSpinnerFi,_ref$loadingSpinnerTe=_ref.loadingSpinnerText,loadingSpinnerText=void 0===_ref$loadingSpinnerTe?"Loading suggestions":_ref$loadingSpinnerTe,onSubmit=_ref.onSubmit,placeholder=_ref.placeholder,_ref$searchButtonAria=_ref.searchButtonAriaLabel,searchButtonAriaLabel=void 0===_ref$searchButtonAria?"Search":_ref$searchButtonAria,_ref$hideSearchButton=_ref.hideSearchButton,hideSearchButton=void 0!==_ref$hideSearchButton&&_ref$hideSearchButton,style=_ref.style,suggestionKeyField=_ref.suggestionKeyField,suggestionLabelField=_ref.suggestionLabelField,_ref$visibleSuggestio=_ref.visibleSuggestions,visibleSuggestions=void 0===_ref$visibleSuggestio?8:_ref$visibleSuggestio,onChange=_ref.onChange,value=_ref.value,didMount=(0,react.useRef)(!1),inputRef=(0,react.useRef)(null),_useState=(0,react.useState)(void 0),_useState2=(0,slicedToArray.Z)(_useState,2),lastAction=_useState2[0],updateLastAction=_useState2[1],_useState3=(0,react.useState)(""),_useState4=(0,slicedToArray.Z)(_useState3,2),internalValue=_useState4[0],setInternalValue=_useState4[1],inputValue=value||internalValue,wasLastActionStateChangeEnterKey=function wasLastActionStateChangeEnterKey(){return lastAction===downshift_esm.Kb.stateChangeTypes.InputKeyDownEnter},_useSuggestions=useSuggestions(inputValue,getSuggestions,function wasSubmitted(){return lastAction===downshift_esm.Kb.stateChangeTypes.ItemClick||"userEnterKeyAction"===lastAction||wasLastActionStateChangeEnterKey()}()),suggestions=_useSuggestions.suggestions,isLoading=_useSuggestions.isLoading,clearSuggestions=_useSuggestions.clearSuggestions,showLoadingSpinner=function useShowLoadingSpinner(isLoading){var timeoutValue=arguments.length>1&&void 0!==arguments[1]?arguments[1]:3e3,_useState=(0,react.useState)(!1),_useState2=(0,slicedToArray.Z)(_useState,2),showLoadingSpinner=_useState2[0],setShowLoadingSpinner=_useState2[1],loadingSpinnerTimeout=(0,react.useRef)(null);return(0,react.useEffect)((function(){return clearTimeout(loadingSpinnerTimeout.current),isLoading?loadingSpinnerTimeout.current=setTimeout((function(){setShowLoadingSpinner(!0)}),timeoutValue):setShowLoadingSpinner(!1),function(){clearTimeout(loadingSpinnerTimeout.current)}}),[isLoading,timeoutValue,setShowLoadingSpinner]),showLoadingSpinner}(isLoading,1300),isControlledComponent=void 0!==value&&onChange,dispatchValueChange=function dispatchValueChange(changedValue){isControlledComponent?onChange(changedValue):setInternalValue(changedValue)},submitValue=function submitValue(val){var _inputRef$current,inputElementValue=null===(_inputRef$current=inputRef.current)||void 0===_inputRef$current?void 0:_inputRef$current.value;onSubmit(void 0!==val?val:inputElementValue),clearSuggestions()},_useCombobox=(0,downshift_esm.Kb)((0,objectSpread2.Z)({items:suggestions,onStateChange:function onStateChange(props){var _useCombobox$stateCha=downshift_esm.Kb.stateChangeTypes,ItemClick=_useCombobox$stateCha.ItemClick,FunctionReset=_useCombobox$stateCha.FunctionReset;if([ItemClick,FunctionReset,_useCombobox$stateCha.InputKeyDownEnter].includes(props.type)){var _inputRef$current2,clickedValueMatchesCurrentValue=props.type===ItemClick&&void 0===props.inputValue,newValue=clickedValueMatchesCurrentValue?null===(_inputRef$current2=inputRef.current)||void 0===_inputRef$current2?void 0:_inputRef$current2.value:props.inputValue;if(void 0===newValue)return;clickedValueMatchesCurrentValue||dispatchValueChange(newValue),props.type!==FunctionReset&&submitValue(newValue),updateLastAction(props.type)}else updateLastAction(void 0)},itemToString:function itemToString(item){return item?"".concat(item[suggestionLabelField]):""}},isControlledComponent&&{inputValue})),isOpen=_useCombobox.isOpen,getLabelProps=_useCombobox.getLabelProps,getMenuProps=_useCombobox.getMenuProps,getInputProps=_useCombobox.getInputProps,getComboboxProps=_useCombobox.getComboboxProps,highlightedIndex=_useCombobox.highlightedIndex,_getItemProps=_useCombobox.getItemProps,reset=_useCombobox.reset;return(0,react.useEffect)((function(){didMount.current?onChange&&void 0===value&&onChange(inputValue):didMount.current=!0}),[onChange,inputValue]),(0,jsx_runtime.jsxs)("div",{className:(0,classNames.Z)(SearchInput_module.root,isOpen&&SearchInput_module.open,className),style,children:[label&&(0,jsx_runtime.jsx)(FieldLabel.Q,(0,objectSpread2.Z)({label},getLabelProps())),(0,jsx_runtime.jsxs)("div",{className:(0,classNames.Z)(SearchInput_module.wrapper),ref:getComboboxProps().ref,children:[(0,jsx_runtime.jsx)("input",(0,objectSpread2.Z)((0,objectSpread2.Z)({},getInputProps({onKeyUp:function onInputKeyUp(event){var key=event.key||event.keyCode,wasEnterKey="Enter"===key||13===key;!wasLastActionStateChangeEnterKey()&&wasEnterKey&&submitValue(),updateLastAction(wasEnterKey?"userEnterKeyAction":void 0)},onKeyDown:function onInputKeyDown(event){isOpen&&suggestions.length||"Home"!==event.key&&"End"!==event.key||(event.nativeEvent.preventDownshiftDefault=!0)},onChange:function onInputValueChange(e){dispatchValueChange(e.target.value)},ref:inputRef,role:getComboboxProps().role,"aria-expanded":getComboboxProps()["aria-expanded"],"aria-haspopup":getComboboxProps()["aria-haspopup"],"aria-owns":getComboboxProps()["aria-owns"]})),{},{className:(0,classNames.Z)(SearchInput_module.input),placeholder,enterKeyHint:"search"})),(0,jsx_runtime.jsxs)("div",{className:SearchInput_module.buttons,children:[inputValue.length>0&&(0,jsx_runtime.jsx)("button",{type:"button","aria-label":clearButtonAriaLabel,className:(0,classNames.Z)(SearchInput_module.button),onClick:function clear(){reset(),inputRef.current.focus(),clearSuggestions()},children:(0,jsx_runtime.jsx)(IconCrossCircle.IconCrossCircle,{className:SearchInput_module.searchIcon,"aria-hidden":!0})}),!hideSearchButton&&(0,jsx_runtime.jsx)("button",{type:"button","aria-label":searchButtonAriaLabel,className:(0,classNames.Z)(SearchInput_module.button),onClick:function onClick(){return submitValue()},children:(0,jsx_runtime.jsx)(IconSearch.IconSearch,{className:SearchInput_module.searchIcon,"aria-hidden":!0})})]}),showLoadingSpinner&&(0,jsx_runtime.jsxs)("div",{className:SearchInput_module.loadingSpinnerContainer,"aria-hidden":!0,children:[(0,jsx_runtime.jsx)(LoadingSpinner.T,{loadingText:loadingSpinnerText,loadingFinishedText:loadingSpinnerFinishedText,small:!0,className:SearchInput_module.loadingSpinner}),loadingSpinnerText]}),(0,jsx_runtime.jsx)(DropdownMenu.h,{isOptionDisabled:function isOptionDisabled(){return!1},multiselect:!1,open:isOpen&&!showLoadingSpinner,selectedItem:null,selectedItems:[],highlightValue:highlightSuggestions&&inputValue.length>=3&&inputValue,menuStyles:SearchInput_module,options:suggestions,optionKeyField:"".concat(String(suggestionKeyField||suggestionLabelField)),optionLabelField:"".concat(String(suggestionLabelField)),menuProps:getMenuProps({style:{maxHeight:dropdownUtils.V*visibleSuggestions}}),getItemProps:function getItemProps(item,index,selected,optionDisabled){return _getItemProps({item,index,disabled:optionDisabled,className:(0,classNames.Z)(SearchInput_module.menuItem,selected&&SearchInput_module.selected,highlightedIndex===index&&SearchInput_module.highlighted)})}})]}),helperText&&(0,jsx_runtime.jsx)("div",{className:SearchInput_module.helperText,children:helperText})]})};try{SearchInput.displayName="SearchInput",SearchInput.__docgenInfo={description:"",displayName:"SearchInput",props:{className:{defaultValue:null,description:"Additional class names to add to the component.",name:"className",required:!1,type:{name:"string"}},clearButtonAriaLabel:{defaultValue:{value:"Clear"},description:"The aria-label for the clear button.",name:"clearButtonAriaLabel",required:!1,type:{name:"string"}},getSuggestions:{defaultValue:null,description:"Callback function fired every time the input content changes. Receives the input value as a parameter. Must return a promise which resolves to an array of SuggestionItems.",name:"getSuggestions",required:!1,type:{name:"GetSuggestionsFunction"}},helperText:{defaultValue:null,description:"The helper text content that will be shown below the input.",name:"helperText",required:!1,type:{name:"string"}},highlightSuggestions:{defaultValue:{value:"false"},description:"Should the matching part of a suggestion be highlighted.",name:"highlightSuggestions",required:!1,type:{name:"boolean"}},label:{defaultValue:null,description:"The label for the search field.",name:"label",required:!0,type:{name:"ReactNode"}},loadingSpinnerFinishedText:{defaultValue:{value:"Finished loading suggestions"},description:"Text to show for screen readers when loading spinner is no longer visible.",name:"loadingSpinnerFinishedText",required:!1,type:{name:"string"}},loadingSpinnerText:{defaultValue:{value:"Loading suggestions"},description:"Text to show for screen readers when loading spinner is visible.",name:"loadingSpinnerText",required:!1,type:{name:"string"}},onSubmit:{defaultValue:null,description:"Callback function fired after search is triggered.",name:"onSubmit",required:!0,type:{name:"(value: string) => void"}},onChange:{defaultValue:null,description:"Callback function fired after input value has changed. Required for a controlled component.",name:"onChange",required:!1,type:{name:"(value: string) => void"}},placeholder:{defaultValue:null,description:"Placeholder text for the search input.",name:"placeholder",required:!1,type:{name:"string"}},searchButtonAriaLabel:{defaultValue:{value:"Search"},description:"The aria-label for the search button.",name:"searchButtonAriaLabel",required:!1,type:{name:"string"}},hideSearchButton:{defaultValue:{value:"false"},description:"Hides the search button.",name:"hideSearchButton",required:!1,type:{name:"boolean"}},style:{defaultValue:null,description:"Override or extend the styles applied to the component.",name:"style",required:!1,type:{name:"CSSProperties"}},suggestionKeyField:{defaultValue:null,description:"Field of the SuggestionItem that represents the item key. Key needs to be unique between item.\nE.g. an `suggestionKeyField` value of `'bar'` and a suggestion item `{ foo: 'Label', bar: 'value' }`, would use `'value'` as the key in the menu for that specific item.\nUses value of `suggestionLabelField` by default.",name:"suggestionKeyField",required:!1,type:{name:"string | number | symbol"}},suggestionLabelField:{defaultValue:null,description:"Field of the SuggestionItem that represents the item label.\nE.g. an `suggestionLabelField` value of `'foo'` and a suggestion item `{ foo: 'Label', bar: 'value' }`, would display `'Label'` in the menu for that specific suggestion.",name:"suggestionLabelField",required:!1,type:{name:"string | number | symbol"}},value:{defaultValue:null,description:"The value of the input element, required for a controlled component. Remember to use onChange prop as well.",name:"value",required:!1,type:{name:"string"}},visibleSuggestions:{defaultValue:{value:"8"},description:"The number of suggestions that are visible in the menu before it becomes scrollable.",name:"visibleSuggestions",required:!1,type:{name:"number"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/searchInput/SearchInput.tsx#SearchInput"]={docgenInfo:SearchInput.__docgenInfo,name:"SearchInput",path:"src/components/searchInput/SearchInput.tsx#SearchInput"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/section/Section.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{$:()=>Section});__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("./src/styles/base.css");var classNames=__webpack_require__("./src/utils/classNames.ts"),Koros=__webpack_require__("./src/components/koros/Koros.tsx");const Section_module={section:"Section_section__kylri",withKoros:"Section_withKoros__9XgJP",content:"Section_content__ApV7A",plain:"Section_plain__aUHey",primary:"Section_primary__xam+l",secondary:"Section_secondary__rd3i6",tertiary:"Section_tertiary__k5S2h",koros:"Section_koros__ocIdb",basic:"Section_basic__1nqVO",topKoros:"Section_topKoros__OvOFW",beat:"Section_beat__qCJju",pulse:"Section_pulse__9zG7c",wave:"Section_wave__lCTiK",vibration:"Section_vibration__A8hj8",bottomKoros:"Section_bottomKoros__B0Do-"};var jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),Section=function Section(_ref){var children=_ref.children,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,_ref$color=_ref.color,color=void 0===_ref$color?"plain":_ref$color,_ref$korosType=_ref.korosType,korosType=void 0===_ref$korosType?null:_ref$korosType,withKoros=null!==korosType;return(0,jsx_runtime.jsxs)("div",{className:(0,classNames.Z)(Section_module.section,Section_module[color],withKoros&&Section_module.withKoros,className),children:[withKoros&&(0,jsx_runtime.jsx)(Koros.N,{type:korosType,className:"".concat(Section_module.koros," ").concat(Section_module.topKoros," ").concat(Section_module[korosType])}),(0,jsx_runtime.jsx)("div",{className:Section_module.content,children}),withKoros&&(0,jsx_runtime.jsx)(Koros.N,{flipVertical:!0,type:korosType,className:"".concat(Section_module.koros," ").concat(Section_module.bottomKoros," ").concat(Section_module[korosType])})]})};try{Section.displayName="Section",Section.__docgenInfo={description:"",displayName:"Section",props:{color:{defaultValue:{value:"plain"},description:"",name:"color",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"plain"'}]}},className:{defaultValue:{value:""},description:"",name:"className",required:!1,type:{name:"string"}},korosType:{defaultValue:{value:"null"},description:"",name:"korosType",required:!1,type:{name:"enum",value:[{value:'"basic"'},{value:'"beat"'},{value:'"pulse"'},{value:'"wave"'},{value:'"vibration"'},{value:'"calm"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/section/Section.tsx#Section"]={docgenInfo:Section.__docgenInfo,name:"Section",path:"src/components/section/Section.tsx#Section"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/selectionGroup/SelectionGroup.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{M:()=>SelectionGroup});var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),objectWithoutProperties=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react=__webpack_require__("../../node_modules/react/index.js");__webpack_require__("./src/styles/base.css");const SelectionGroup_module={label:"SelectionGroup_label__60Dta",selectionGroup:"SelectionGroup_selectionGroup__asaZT",items:"SelectionGroup_items__+FA-N",vertical:"SelectionGroup_vertical__wFUOP",horizontal:"SelectionGroup_horizontal__9GFVO",tooltipButton:"SelectionGroup_tooltipButton__0kepL",errorText:"SelectionGroup_errorText__CgJ+y selection-group_hds-selection-group__error-text__J2JrQ",helperText:"SelectionGroup_helperText__A3F2d helpers_helper-text__kpl-5"};var classNames=__webpack_require__("./src/utils/classNames.ts"),RequiredIndicator=__webpack_require__("./src/internal/required-indicator/RequiredIndicator.tsx"),Tooltip=__webpack_require__("./src/components/tooltip/Tooltip.tsx"),getChildren=__webpack_require__("./src/utils/getChildren.ts"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_excluded=["label","direction","errorText","helperText","required","tooltipLabel","tooltipButtonLabel","tooltipText","children","className"],SelectionGroup=function SelectionGroup(_ref){var label=_ref.label,_ref$direction=_ref.direction,direction=void 0===_ref$direction?"vertical":_ref$direction,errorText=_ref.errorText,helperText=_ref.helperText,required=_ref.required,tooltipLabel=_ref.tooltipLabel,tooltipButtonLabel=_ref.tooltipButtonLabel,tooltipText=_ref.tooltipText,children=_ref.children,className=_ref.className,fieldSetProps=(0,objectWithoutProperties.Z)(_ref,_excluded),childElements=(0,getChildren.AU)(children);return(0,react.useEffect)((function(){var hasRadios=!1,hasCheckedRadios=!1;childElements.forEach((function(child){var reactElement=child;"RadioButton"===reactElement.type.displayName&&(hasRadios=!0,!0===reactElement.props.checked&&(hasCheckedRadios=!0))})),hasRadios&&!hasCheckedRadios&&console.warn("All radio buttons in a SelectionGroup are unchecked. One radio button should be checked by default.")}),[children]),(0,jsx_runtime.jsxs)("fieldset",(0,objectSpread2.Z)((0,objectSpread2.Z)({className:(0,classNames.Z)(SelectionGroup_module.selectionGroup,className)},fieldSetProps),{},{children:[(0,jsx_runtime.jsxs)("legend",{className:SelectionGroup_module.label,children:[label," ",required&&(0,jsx_runtime.jsx)(RequiredIndicator.n,{})]}),tooltipText&&(0,jsx_runtime.jsx)(Tooltip.u,{buttonClassName:SelectionGroup_module.tooltipButton,tooltipLabel,buttonLabel:tooltipButtonLabel,children:tooltipText}),(0,jsx_runtime.jsx)("div",{className:(0,classNames.Z)(SelectionGroup_module.items,SelectionGroup_module[direction]),children:childElements.map((function(child){return(0,react.isValidElement)(child)&&(0,jsx_runtime.jsx)("div",{className:SelectionGroup_module.item,children:child},child.props.id)}))}),errorText&&(0,jsx_runtime.jsx)("div",{className:SelectionGroup_module.errorText,children:errorText}),helperText&&(0,jsx_runtime.jsx)("div",{className:SelectionGroup_module.helperText,children:helperText})]}))};try{SelectionGroup.displayName="SelectionGroup",SelectionGroup.__docgenInfo={description:"",displayName:"SelectionGroup",props:{label:{defaultValue:null,description:"The label for the selection group.",name:"label",required:!1,type:{name:"string"}},direction:{defaultValue:{value:"vertical"},description:"The direction in which child components should be rendered in.",name:"direction",required:!1,type:{name:"enum",value:[{value:'"vertical"'},{value:'"horizontal"'}]}},errorText:{defaultValue:null,description:"The error text content that will be shown below the selection group",name:"errorText",required:!1,type:{name:"string"}},helperText:{defaultValue:null,description:"The helper text content that will be shown below the radiobutton",name:"helperText",required:!1,type:{name:"string"}},required:{defaultValue:null,description:"If `true`, the label is displayed as required.",name:"required",required:!1,type:{name:"boolean"}},tooltipLabel:{defaultValue:null,description:"Aria-label text for the tooltip",name:"tooltipLabel",required:!1,type:{name:"string"}},tooltipButtonLabel:{defaultValue:null,description:"Aria-label text for the tooltip trigger button",name:"tooltipButtonLabel",required:!1,type:{name:"string"}},tooltipText:{defaultValue:null,description:"The text content of the tooltip",name:"tooltipText",required:!1,type:{name:"string"}},className:{defaultValue:null,description:"Additional class names",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/selectionGroup/SelectionGroup.tsx#SelectionGroup"]={docgenInfo:SelectionGroup.__docgenInfo,name:"SelectionGroup",path:"src/components/selectionGroup/SelectionGroup.tsx#SelectionGroup"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/table/Table.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{i:()=>Table});var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),slicedToArray=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),objectWithoutProperties=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),toConsumableArray=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/toConsumableArray.js"),react=__webpack_require__("../../node_modules/react/index.js");__webpack_require__("./src/styles/base.css");const Table_module_sortButton="Table_sortButton__CGRnR",Table_module_table="Table_table__3L4Ny table_hds-table__1a2K2",Table_module_dark="Table_dark__bjkwn",Table_module_light="Table_light__hYIPd",Table_module_checkbox="Table_checkbox__LCvDq",Table_module_caption="Table_caption__+7h48 table_hds-table__caption__tfn7Q",Table_module_container="Table_container__5LqRZ table_hds-table-container__XoVHM",Table_module_headerRow="Table_headerRow__mG+bi table_hds-table__header-row__ssXq5",Table_module_content="Table_content__Ltug+ table_hds-table__content__zLT0L",Table_module_sortIcon="Table_sortIcon__B34qR",Table_module_dense="Table_dense__tlk2+ table_hds-table--dense__QoWuD",Table_module_sortingHeader="Table_sortingHeader__ap3sQ",Table_module_zebra="Table_zebra__Q+Bce table_hds-table--zebra__aySpk",Table_module_verticalLines="Table_verticalLines__GAUZw table_hds-table--with-vertical-lines__9bSqJ",Table_module_verticalHeaderColumn="Table_verticalHeaderColumn__nIJ-1 table_hds-table__vertical-header-column__M0eyr",Table_module_textAlignContentRight="Table_textAlignContentRight__kLnVe table_hds-table__content--text-align-td-right__AvNXl",Table_module_sortColumnCell="Table_sortColumnCell__4dKGO",Table_module_checkboxHeader="Table_checkboxHeader__tsElq",Table_module_checkboxData="Table_checkboxData__DGayX",Table_module_actionContainer="Table_actionContainer__Npr3A",Table_module_heading="Table_heading__SdX4v",Table_module_actionButtonContainer="Table_actionButtonContainer__5zunJ",Table_module_actionButton="Table_actionButton__xfzGO";var classNames=__webpack_require__("./src/utils/classNames.ts"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_excluded=["children","dataTestId","variant","id","dense","zebra","verticalLines","customThemeClass","headingId"],TableContainer=function TableContainer(_ref){var children=_ref.children,dataTestId=_ref.dataTestId,_ref$variant=_ref.variant,variant=void 0===_ref$variant?"dark":_ref$variant,id=_ref.id,_ref$dense=_ref.dense,dense=void 0!==_ref$dense&&_ref$dense,_ref$zebra=_ref.zebra,zebra=void 0!==_ref$zebra&&_ref$zebra,_ref$verticalLines=_ref.verticalLines,verticalLines=void 0!==_ref$verticalLines&&_ref$verticalLines,customThemeClass=_ref.customThemeClass,headingId=_ref.headingId,rest=(0,objectWithoutProperties.Z)(_ref,_excluded);return(0,jsx_runtime.jsx)("div",{tabIndex:0,className:Table_module_container,children:(0,jsx_runtime.jsx)("table",(0,objectSpread2.Z)((0,objectSpread2.Z)({className:(0,classNames.Z)(Table_module_table,"dark"===variant?Table_module_dark:Table_module_light,dense&&Table_module_dense,zebra&&Table_module_zebra,verticalLines&&Table_module_verticalLines,customThemeClass),"aria-labelledby":headingId,"data-testid":dataTestId,id},rest),{},{children}))})};try{TableContainer.displayName="TableContainer",TableContainer.__docgenInfo={description:"",displayName:"TableContainer",props:{dataTestId:{defaultValue:null,description:"",name:"dataTestId",required:!1,type:{name:"string"}},variant:{defaultValue:{value:"dark"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"light"'},{value:'"dark"'}]}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},dense:{defaultValue:{value:"false"},description:"",name:"dense",required:!1,type:{name:"boolean"}},zebra:{defaultValue:{value:"false"},description:"",name:"zebra",required:!1,type:{name:"boolean"}},verticalLines:{defaultValue:{value:"false"},description:"",name:"verticalLines",required:!1,type:{name:"boolean"}},customThemeClass:{defaultValue:null,description:"",name:"customThemeClass",required:!1,type:{name:"string"}},headingId:{defaultValue:null,description:"",name:"headingId",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/components/TableContainer/TableContainer.tsx#TableContainer"]={docgenInfo:TableContainer.__docgenInfo,name:"TableContainer",path:"src/components/table/components/TableContainer/TableContainer.tsx#TableContainer"})}catch(__react_docgen_typescript_loader_error){}var HeaderRow=function HeaderRow(_ref){var children=_ref.children;return(0,jsx_runtime.jsx)("tr",{className:Table_module_headerRow,children})};try{HeaderRow.displayName="HeaderRow",HeaderRow.__docgenInfo={description:"",displayName:"HeaderRow",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/components/HeaderRow/HeaderRow.tsx#HeaderRow"]={docgenInfo:HeaderRow.__docgenInfo,name:"HeaderRow",path:"src/components/table/components/HeaderRow/HeaderRow.tsx#HeaderRow"})}catch(__react_docgen_typescript_loader_error){}var VerticalHeaderColGroup=function VerticalHeaderColGroup(){return(0,jsx_runtime.jsx)("colgroup",{children:(0,jsx_runtime.jsx)("col",{span:1,className:Table_module_verticalHeaderColumn})})},IconSort=__webpack_require__("./src/icons/IconSort.tsx"),IconSortAlphabeticalAscending=__webpack_require__("./src/icons/IconSortAlphabeticalAscending.tsx"),IconSortAscending=__webpack_require__("./src/icons/IconSortAscending.tsx"),IconSortAlphabeticalDescending=__webpack_require__("./src/icons/IconSortAlphabeticalDescending.tsx"),IconSortDescending=__webpack_require__("./src/icons/IconSortDescending.tsx"),SortingHeaderCell_excluded=["ariaLabelSortButtonUnset","ariaLabelSortButtonAscending","ariaLabelSortButtonDescending","colKey","onSort","title","setSortingAndOrder","order","sortIconType"],renderSortIcon=function renderSortIcon(_ref){var ariaLabelSortButtonUnset=_ref.ariaLabelSortButtonUnset,ariaLabelSortButtonAscending=_ref.ariaLabelSortButtonAscending,ariaLabelSortButtonDescending=_ref.ariaLabelSortButtonDescending,order=_ref.order,sortIconType=_ref.sortIconType;return"unset"===order?(0,jsx_runtime.jsx)(IconSort.IconSort,{className:Table_module_sortIcon,"aria-label":ariaLabelSortButtonUnset}):"asc"===order?"string"===sortIconType?(0,jsx_runtime.jsx)(IconSortAlphabeticalAscending.IconSortAlphabeticalAscending,{className:Table_module_sortIcon,"aria-label":ariaLabelSortButtonAscending}):(0,jsx_runtime.jsx)(IconSortAscending.IconSortAscending,{className:Table_module_sortIcon,"aria-label":ariaLabelSortButtonAscending}):"string"===sortIconType?(0,jsx_runtime.jsx)(IconSortAlphabeticalDescending.IconSortAlphabeticalDescending,{className:Table_module_sortIcon,"aria-label":ariaLabelSortButtonDescending}):(0,jsx_runtime.jsx)(IconSortDescending.IconSortDescending,{className:Table_module_sortIcon,"aria-label":ariaLabelSortButtonDescending})},SortingHeaderCell=function SortingHeaderCell(_ref3){var ariaLabelSortButtonUnset=_ref3.ariaLabelSortButtonUnset,ariaLabelSortButtonAscending=_ref3.ariaLabelSortButtonAscending,ariaLabelSortButtonDescending=_ref3.ariaLabelSortButtonDescending,colKey=_ref3.colKey,onSort=_ref3.onSort,title=_ref3.title,setSortingAndOrder=_ref3.setSortingAndOrder,_ref3$order=_ref3.order,order=void 0===_ref3$order?"unset":_ref3$order,_ref3$sortIconType=_ref3.sortIconType,sortIconType=void 0===_ref3$sortIconType?"string":_ref3$sortIconType,rest=(0,objectWithoutProperties.Z)(_ref3,SortingHeaderCell_excluded),sortingCallback=function sortingCallback(){setSortingAndOrder(colKey)};return(0,jsx_runtime.jsx)("th",(0,objectSpread2.Z)((0,objectSpread2.Z)({className:Table_module_sortingHeader,scope:"col"},rest),{},{children:(0,jsx_runtime.jsx)("div",{className:Table_module_sortColumnCell,children:(0,jsx_runtime.jsxs)("button",{"data-testid":"hds-table-sorting-header-".concat(colKey),className:Table_module_sortButton,type:"button",onClick:function onClick(event){event.preventDefault(),onSort?onSort(function resolveNewOrder(_ref2){var previousOrder=_ref2.previousOrder;return"unset"===previousOrder||"desc"===previousOrder?"asc":"desc"}({previousOrder:order}),colKey,sortingCallback):setSortingAndOrder(colKey)},children:[(0,jsx_runtime.jsx)("span",{children:title}),renderSortIcon({ariaLabelSortButtonUnset,ariaLabelSortButtonAscending,ariaLabelSortButtonDescending,order,sortIconType})]})})}))};try{SortingHeaderCell.displayName="SortingHeaderCell",SortingHeaderCell.__docgenInfo={description:"",displayName:"SortingHeaderCell",props:{ariaLabelSortButtonUnset:{defaultValue:null,description:"",name:"ariaLabelSortButtonUnset",required:!0,type:{name:"string"}},ariaLabelSortButtonAscending:{defaultValue:null,description:"",name:"ariaLabelSortButtonAscending",required:!0,type:{name:"string"}},ariaLabelSortButtonDescending:{defaultValue:null,description:"",name:"ariaLabelSortButtonDescending",required:!0,type:{name:"string"}},colKey:{defaultValue:null,description:"",name:"colKey",required:!0,type:{name:"string"}},onSort:{defaultValue:null,description:"",name:"onSort",required:!1,type:{name:'(order: "desc" | "asc", colKey: string, handleSort: () => void) => void'}},order:{defaultValue:{value:"unset"},description:"",name:"order",required:!1,type:{name:"enum",value:[{value:'"desc"'},{value:'"asc"'},{value:'"unset"'}]}},title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},setSortingAndOrder:{defaultValue:null,description:"",name:"setSortingAndOrder",required:!0,type:{name:"(colKey: string) => void"}},sortIconType:{defaultValue:{value:"string"},description:"",name:"sortIconType",required:!1,type:{name:"enum",value:[{value:'"string"'},{value:'"other"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/components/SortingHeaderCell/SortingHeaderCell.tsx#SortingHeaderCell"]={docgenInfo:SortingHeaderCell.__docgenInfo,name:"SortingHeaderCell",path:"src/components/table/components/SortingHeaderCell/SortingHeaderCell.tsx#SortingHeaderCell"})}catch(__react_docgen_typescript_loader_error){}var TableBody=function TableBody(_ref){var children=_ref.children,textAlignContentRight=_ref.textAlignContentRight;return(0,jsx_runtime.jsx)("tbody",{className:(0,classNames.Z)(Table_module_content,textAlignContentRight&&Table_module_textAlignContentRight),children})};try{TableBody.displayName="TableBody",TableBody.__docgenInfo={description:"",displayName:"TableBody",props:{textAlignContentRight:{defaultValue:null,description:"",name:"textAlignContentRight",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/components/TableBody/TableBody.tsx#TableBody"]={docgenInfo:TableBody.__docgenInfo,name:"TableBody",path:"src/components/table/components/TableBody/TableBody.tsx#TableBody"})}catch(__react_docgen_typescript_loader_error){}var Checkbox=__webpack_require__("./src/components/checkbox/Checkbox.tsx"),useTheme=__webpack_require__("./src/hooks/useTheme.tsx"),Button=__webpack_require__("./src/components/button/Button.tsx"),Table_excluded=["ariaLabelCheckboxSelection","ariaLabelSortButtonAscending","ariaLabelSortButtonDescending","ariaLabelSortButtonUnset","caption","checkboxSelection","clearSelectionsText","cols","customActionButtons","dataTestId","dense","heading","headingAriaLevel","headingClassName","headingId","id","indexKey","initialSortingColumnKey","initialSortingOrder","onSort","renderIndexCol","rows","selectAllRowsText","selectedRows","setSelectedRows","textAlignContentRight","theme","variant","verticalHeaders","verticalLines","zebra"],Table=function Table(_ref){var _ref$ariaLabelCheckbo=_ref.ariaLabelCheckboxSelection,ariaLabelCheckboxSelection=void 0===_ref$ariaLabelCheckbo?"Rivin valinta":_ref$ariaLabelCheckbo,_ref$ariaLabelSortBut=_ref.ariaLabelSortButtonAscending,ariaLabelSortButtonAscending=void 0===_ref$ariaLabelSortBut?"Järjestetty nousevaan järjestykseen":_ref$ariaLabelSortBut,_ref$ariaLabelSortBut2=_ref.ariaLabelSortButtonDescending,ariaLabelSortButtonDescending=void 0===_ref$ariaLabelSortBut2?"Järjestetty laskevaan järjestykseen":_ref$ariaLabelSortBut2,_ref$ariaLabelSortBut3=_ref.ariaLabelSortButtonUnset,ariaLabelSortButtonUnset=void 0===_ref$ariaLabelSortBut3?"":_ref$ariaLabelSortBut3,caption=_ref.caption,_ref$checkboxSelectio=_ref.checkboxSelection,checkboxSelection=void 0!==_ref$checkboxSelectio&&_ref$checkboxSelectio,_ref$clearSelectionsT=_ref.clearSelectionsText,clearSelectionsText=void 0===_ref$clearSelectionsT?"Tyhjennä valinnat":_ref$clearSelectionsT,cols=_ref.cols,customActionButtons=_ref.customActionButtons,_ref$dataTestId=_ref.dataTestId,dataTestId=void 0===_ref$dataTestId?"hds-table-data-testid":_ref$dataTestId,_ref$dense=_ref.dense,dense=void 0!==_ref$dense&&_ref$dense,heading=_ref.heading,_ref$headingAriaLevel=_ref.headingAriaLevel,headingAriaLevel=void 0===_ref$headingAriaLevel?2:_ref$headingAriaLevel,headingClassName=_ref.headingClassName,_ref$headingId=_ref.headingId,headingId=void 0===_ref$headingId?"hds-table-heading-id":_ref$headingId,_ref$id=_ref.id,id=void 0===_ref$id?"hds-table-id":_ref$id,indexKey=_ref.indexKey,initialSortingColumnKey=_ref.initialSortingColumnKey,initialSortingOrder=_ref.initialSortingOrder,onSort=_ref.onSort,_ref$renderIndexCol=_ref.renderIndexCol,renderIndexCol=void 0===_ref$renderIndexCol||_ref$renderIndexCol,rows=_ref.rows,_ref$selectAllRowsTex=_ref.selectAllRowsText,selectAllRowsText=void 0===_ref$selectAllRowsTex?"Valitse kaikki rivit":_ref$selectAllRowsTex,selectedRows=_ref.selectedRows,setSelectedRows=_ref.setSelectedRows,_ref$textAlignContent=_ref.textAlignContentRight,textAlignContentRight=void 0!==_ref$textAlignContent&&_ref$textAlignContent,theme=_ref.theme,_ref$variant=_ref.variant,variant=void 0===_ref$variant?"dark":_ref$variant,verticalHeaders=_ref.verticalHeaders,_ref$verticalLines=_ref.verticalLines,verticalLines=void 0!==_ref$verticalLines&&_ref$verticalLines,_ref$zebra=_ref.zebra,zebra=void 0!==_ref$zebra&&_ref$zebra,rest=(0,objectWithoutProperties.Z)(_ref,Table_excluded);verticalHeaders&&verticalHeaders.length&&checkboxSelection&&(console.warn("Incompatible props verticalHeaders and checkboxSelection provided. Cannot use checkboxSelection when verticalHeaders is applied"),checkboxSelection=!1),checkboxSelection&&caption&&(console.warn("Cannot use caption prop when checkboxSelection is set to true. Use heading prop instead"),caption=void 0);var _useState=(0,react.useState)(initialSortingColumnKey),_useState2=(0,slicedToArray.Z)(_useState,2),sorting=_useState2[0],setSorting=_useState2[1],_useState3=(0,react.useState)(initialSortingOrder),_useState4=(0,slicedToArray.Z)(_useState3,2),order=_useState4[0],setOrder=_useState4[1],customThemeClass=(0,useTheme.F)("dark"===variant?Table_module_dark:Table_module_light,theme),setSortingAndOrder=function setSortingAndOrder(colKey){setOrder(sorting===colKey?"desc"===order?"asc":"desc":"asc"),setSorting(colKey)},processedRows=(0,react.useMemo)((function(){return function processRows(rows,order,sorting,cols){if(!cols.some((function(column){return!0===column.isSortable}))||!order||!sorting)return(0,toConsumableArray.Z)(rows);var sortColumn=cols.find((function(column){return column.key===sorting})),customSortCompareFunction=sortColumn?sortColumn.customSortCompareFunction:void 0;if(customSortCompareFunction){var sortedRows=(0,toConsumableArray.Z)(rows).sort((function(a,b){var aValue=a[sorting],bValue=b[sorting];return customSortCompareFunction(aValue,bValue)}));if("asc"===order)return sortedRows;if("desc"===order)return sortedRows.reverse()}return(0,toConsumableArray.Z)(rows).sort((function(a,b){var aValue=a[sorting],bValue=b[sorting];return aValuebValue?"asc"===order?1:-1:0}))}(rows,order,sorting,cols)}),[rows,sorting,order,cols]),firstRenderedColumnKey=cols.find((function(column){return!!renderIndexCol||column.key!==indexKey})).key,hasCustomActionButtons=customActionButtons&&customActionButtons.length>0,visibleColumns=renderIndexCol?cols:cols.filter((function(column){return column.key!==indexKey}));return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(checkboxSelection||heading||hasCustomActionButtons)&&(0,jsx_runtime.jsxs)("div",{className:Table_module_actionContainer,children:[heading&&(0,jsx_runtime.jsx)("div",{id:headingId,role:"heading","aria-level":headingAriaLevel,className:(0,classNames.Z)(Table_module_heading,headingClassName),children:heading}),(checkboxSelection||hasCustomActionButtons)&&(0,jsx_runtime.jsxs)("div",{className:Table_module_actionButtonContainer,children:[checkboxSelection&&(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(Button.z,{onClick:function onClick(){!function selectAllRows(){var allRows=rows.map((function(row){return row[indexKey]}));setSelectedRows(allRows)}()},variant:"secondary",size:"small",disabled:selectedRows.length===rows.length,className:Table_module_actionButton,"data-testid":"hds-table-select-all-button-".concat(dataTestId),children:selectAllRowsText}),(0,jsx_runtime.jsx)(Button.z,{onClick:function onClick(){!function deSelectAllRows(){setSelectedRows([])}()},variant:"secondary",size:"small",disabled:0===selectedRows.length,className:Table_module_actionButton,"data-testid":"hds-table-deselect-all-button-".concat(dataTestId),children:clearSelectionsText})]}),hasCustomActionButtons&&customActionButtons.map((function(actionButton){return actionButton}))]})]}),(0,jsx_runtime.jsxs)(TableContainer,(0,objectSpread2.Z)((0,objectSpread2.Z)({variant,dataTestId,dense,id,zebra,verticalLines,customThemeClass,headingId:heading?headingId:void 0},rest),{},{children:[caption&&(0,jsx_runtime.jsx)("caption",{className:Table_module_caption,children:caption}),verticalHeaders&&verticalHeaders.length&&(0,jsx_runtime.jsx)(VerticalHeaderColGroup,{}),(0,jsx_runtime.jsx)("thead",{children:(0,jsx_runtime.jsxs)(HeaderRow,{children:[verticalHeaders&&verticalHeaders.length&&(0,jsx_runtime.jsx)("td",{role:"presentation"}),checkboxSelection&&(0,jsx_runtime.jsx)("td",{className:Table_module_checkboxHeader}),visibleColumns.map((function(column){return column.isSortable?(0,jsx_runtime.jsx)(SortingHeaderCell,{colKey:column.key,title:column.headerName,ariaLabelSortButtonUnset,ariaLabelSortButtonAscending,ariaLabelSortButtonDescending,setSortingAndOrder,onSort,order:sorting===column.key?order:"unset",sortIconType:column.sortIconType},column.key):(0,jsx_runtime.jsx)("th",{scope:"col",children:column.headerName},column.key)}))]})}),(0,jsx_runtime.jsx)(TableBody,{textAlignContentRight,children:processedRows.map((function(row,index){return(0,jsx_runtime.jsxs)("tr",{children:[verticalHeaders&&verticalHeaders.length&&(0,jsx_runtime.jsx)("th",{scope:"row",children:verticalHeaders[index].headerName}),checkboxSelection&&(0,jsx_runtime.jsx)("td",{className:Table_module_checkboxData,children:(0,jsx_runtime.jsx)(Checkbox.X,{checked:selectedRows.includes(row[indexKey]),id:"".concat(id,"-checkbox-").concat(row[indexKey]),"aria-label":"".concat(ariaLabelCheckboxSelection," ").concat(row[firstRenderedColumnKey]),onChange:function onChange(e){if(e.target.checked)setSelectedRows([].concat((0,toConsumableArray.Z)(selectedRows),[row[indexKey]]));else{var result=(0,toConsumableArray.Z)(selectedRows.filter((function(selectedRow){return selectedRow!==row[indexKey]})));setSelectedRows(result)}},className:Table_module_checkbox})}),visibleColumns.map((function(column,cellIndex){return(0,jsx_runtime.jsxs)("td",{"data-testid":"".concat(column.key,"-").concat(index),children:[column.transform&&column.transform(row),!column.transform&&row[column.key]]},cellIndex)}))]},row[indexKey])}))})]}))]})};try{Table.displayName="Table",Table.__docgenInfo={description:"",displayName:"Table",props:{ariaLabelCheckboxSelection:{defaultValue:{value:"Rivin valinta"},description:"Aria-label for checkbox selection.",name:"ariaLabelCheckboxSelection",required:!1,type:{name:"string"}},ariaLabelSortButtonAscending:{defaultValue:{value:"Järjestetty nousevaan järjestykseen"},description:"Aria-label for sort button in ascending state.",name:"ariaLabelSortButtonAscending",required:!1,type:{name:"string"}},ariaLabelSortButtonDescending:{defaultValue:{value:"Järjestetty laskevaan järjestykseen"},description:"Aria-label for sort button in descending state.",name:"ariaLabelSortButtonDescending",required:!1,type:{name:"string"}},ariaLabelSortButtonUnset:{defaultValue:{value:""},description:"Aria-label for sort button in the unordered state.",name:"ariaLabelSortButtonUnset",required:!1,type:{name:"string"}},caption:{defaultValue:null,description:"Caption of the table.",name:"caption",required:!1,type:{name:"ReactNode"}},checkboxSelection:{defaultValue:{value:"false"},description:"Boolean indicating whether the table has the checkbox selection column to select rows.",name:"checkboxSelection",required:!1,type:{name:"boolean"}},clearSelectionsText:{defaultValue:{value:"Tyhjennä valinnat"},description:"Text for clear selected rows button.",name:"clearSelectionsText",required:!1,type:{name:"string"}},cols:{defaultValue:null,description:"Columns of the table header row. Defines header name, optional sort icon type and optional cell row transform function.",name:"cols",required:!0,type:{name:"Header[]"}},customActionButtons:{defaultValue:null,description:"Custom action buttons to place on top of the table.",name:"customActionButtons",required:!1,type:{name:"ReactNode[]"}},dataTestId:{defaultValue:{value:"hds-table-data-testid"},description:"Test id attribute that is passed to the html table element.",name:"dataTestId",required:!1,type:{name:"string"}},dense:{defaultValue:{value:"false"},description:"Boolean indicating whether to use the dense variant of the table.",name:"dense",required:!1,type:{name:"boolean"}},heading:{defaultValue:null,description:"Table heading.",name:"heading",required:!1,type:{name:"string"}},headingAriaLevel:{defaultValue:{value:"2"},description:"Table heading aria level.",name:"headingAriaLevel",required:!1,type:{name:"number"}},headingClassName:{defaultValue:null,description:"A custom class name passed to table heading.",name:"headingClassName",required:!1,type:{name:"string"}},headingId:{defaultValue:{value:"hds-table-heading-id"},description:"Table heading id. Used to name table to assistive technologies. Only applicable when heading prop is used.",name:"headingId",required:!1,type:{name:"string"}},id:{defaultValue:{value:"hds-table-id"},description:"Id that is passed to the native html table element.",name:"id",required:!1,type:{name:"string"}},indexKey:{defaultValue:null,description:"Column key used as a unique identifier for a row",name:"indexKey",required:!0,type:{name:"string"}},initialSortingColumnKey:{defaultValue:null,description:"Key indicating a column that you wish to be initially sorted. Use undefined to have no column initially sorted.",name:"initialSortingColumnKey",required:!1,type:{name:"string"}},initialSortingOrder:{defaultValue:null,description:"Sorting order applied for initial sorting.",name:"initialSortingOrder",required:!1,type:{name:"enum",value:[{value:'"desc"'},{value:'"asc"'}]}},onSort:{defaultValue:null,description:"Function for providing side effects before or after the sort. If you want to use the component's own sorting function, call the handleSort callback function.\n@param order\n@param colKey\n@param handleSort",name:"onSort",required:!1,type:{name:'(order: "desc" | "asc", colKey: string, handleSort: () => void) => void'}},renderIndexCol:{defaultValue:{value:"true"},description:"Boolean indicating whether index column is rendered in the table.",name:"renderIndexCol",required:!1,type:{name:"boolean"}},rows:{defaultValue:null,description:"Table rows. An array of objects where keys map with the keys of col.",name:"rows",required:!0,type:{name:"object[]"}},selectAllRowsText:{defaultValue:{value:"Valitse kaikki rivit"},description:"Text for the select all rows button.",name:"selectAllRowsText",required:!1,type:{name:"string"}},selectedRows:{defaultValue:null,description:"Selected table rows.",name:"selectedRows",required:!1,type:{name:"SelectedRow[]"}},setSelectedRows:{defaultValue:null,description:"Callback that updates selected rows.",name:"setSelectedRows",required:!1,type:{name:"Dispatch>"}},textAlignContentRight:{defaultValue:{value:"false"},description:"Boolean indicating whether table data cell text content is aligned right. Default is false -> text is aligned left.",name:"textAlignContentRight",required:!1,type:{name:"boolean"}},theme:{defaultValue:null,description:"Custom theme to change table header background color.",name:"theme",required:!1,type:{name:"TableCustomTheme"}},variant:{defaultValue:{value:"dark"},description:"Table variant. Use dark for dark brand background colors, and light for light brand background colors.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"light"'},{value:'"dark"'}]}},verticalHeaders:{defaultValue:null,description:"Vertical headers of the table.",name:"verticalHeaders",required:!1,type:{name:"Header[]"}},verticalLines:{defaultValue:{value:"false"},description:"Boolean indicating whether the table has vertical lines on columns",name:"verticalLines",required:!1,type:{name:"boolean"}},zebra:{defaultValue:{value:"false"},description:"Boolean indicating whether the table has alternating row colors zebra style.",name:"zebra",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/table/Table.tsx#Table"]={docgenInfo:Table.__docgenInfo,name:"Table",path:"src/components/table/Table.tsx#Table"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/tag/Tag.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{V:()=>Tag});var objectSpread2=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),objectWithoutProperties=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react=__webpack_require__("../../node_modules/react/index.js");__webpack_require__("./src/styles/base.css");const Tag_module={deleteButton:"Tag_deleteButton__+f5jn tag_hds-tag__delete-button__Np8uj",visuallyHidden:"Tag_visuallyHidden__49IQ2",tag:"Tag_tag__Hkb9W tag_hds-tag__VFPVg",label:"Tag_label__yIfI+ tag_hds-tag__label__8qXJA",large:"Tag_large__rosYx tag_hds-tag--large__tIyQm"};var IconCross=__webpack_require__("./src/icons/IconCross.tsx"),classNames=__webpack_require__("./src/utils/classNames.ts"),useTheme=__webpack_require__("./src/hooks/useTheme.tsx"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_excluded=["children","className","deleteButtonAriaLabel","deleteButtonProps","id","labelClassName","labelProps","onClick","onDelete","role","size","srOnlyLabel","theme"],Tag=(0,react.forwardRef)((function(_ref,ref){var children=_ref.children,className=_ref.className,deleteButtonAriaLabel=_ref.deleteButtonAriaLabel,deleteButtonProps=_ref.deleteButtonProps,_ref$id=_ref.id,id=void 0===_ref$id?"hds-tag":_ref$id,labelClassName=_ref.labelClassName,labelProps=_ref.labelProps,onClick=_ref.onClick,onDelete=_ref.onDelete,_ref$role=_ref.role,role=void 0===_ref$role?"link":_ref$role,_ref$size=_ref.size,size=void 0===_ref$size?"m":_ref$size,srOnlyLabel=_ref.srOnlyLabel,theme=_ref.theme,rest=(0,objectWithoutProperties.Z)(_ref,_excluded),customThemeClass=(0,useTheme.F)(Tag_module.tag,theme),largeClass=Tag_module.large,containerClassName=(0,classNames.Z)(Tag_module.tag,"l"===size&&largeClass,customThemeClass,className),clickable="function"==typeof onClick,deletable="function"==typeof onDelete,hideLabelFromScreenReaders=srOnlyLabel||deleteButtonAriaLabel,labelContainerClassName=(0,classNames.Z)(Tag_module.label,labelClassName);return(0,jsx_runtime.jsxs)("div",(0,objectSpread2.Z)((0,objectSpread2.Z)((0,objectSpread2.Z)({id,className:containerClassName,ref},clickable&&{tabIndex:0,role,onClick,onKeyDown:function onKeyDown(event){"Enter"!==event.key&&" "!==event.key||onClick(event)}}),rest),{},{children:[(0,jsx_runtime.jsxs)("span",(0,objectSpread2.Z)((0,objectSpread2.Z)({id:id&&"".concat(id,"-label"),className:labelContainerClassName},labelProps),{},{children:[srOnlyLabel&&(0,jsx_runtime.jsx)("span",{className:Tag_module.visuallyHidden,children:srOnlyLabel}),(0,jsx_runtime.jsx)("span",(0,objectSpread2.Z)((0,objectSpread2.Z)({},hideLabelFromScreenReaders?{"aria-hidden":!0}:{}),{},{children}))]})),deletable&&(0,jsx_runtime.jsx)("button",(0,objectSpread2.Z)((0,objectSpread2.Z)({},deleteButtonProps),{},{id:id&&"".concat(id,"-delete-button"),type:"button",className:Tag_module.deleteButton,"aria-label":deleteButtonAriaLabel,onClick:onDelete,children:(0,jsx_runtime.jsx)(IconCross.IconCross,{className:Tag_module.icon,"aria-hidden":!0})}))]}))}));try{Tag.displayName="Tag",Tag.__docgenInfo={description:"",displayName:"Tag",props:{children:{defaultValue:null,description:"The label for the tag",name:"children",required:!0,type:{name:"ReactNode"}},className:{defaultValue:null,description:"Additional class names to apply to the tag",name:"className",required:!1,type:{name:"string"}},deleteButtonAriaLabel:{defaultValue:null,description:"The aria-label for the delete button",name:"deleteButtonAriaLabel",required:!1,type:{name:"string"}},deleteButtonProps:{defaultValue:null,description:"Prop will be passed to the delete button `` element. It also hides the default label from screen readers to prevent confusion with labels when present.",name:"deleteButtonProps",required:!1,type:{name:'Pick, HTMLButtonElement>, "key" | keyof ButtonHTMLAttributes<...>>'}},id:{defaultValue:{value:"hds-tag"},description:"Used to generate the first part of the id on the elements.",name:"id",required:!1,type:{name:"string"}},labelClassName:{defaultValue:null,description:"Additional class names to apply to the tag's label element",name:"labelClassName",required:!1,type:{name:"string"}},labelProps:{defaultValue:null,description:"Props that will be passed to the label `` element.",name:"labelProps",required:!1,type:{name:'Pick, HTMLSpanElement>, "key" | keyof HTMLAttributes>'}},onClick:{defaultValue:null,description:"Callback function fired when the tag is clicked. If set, the tag will be clickable.",name:"onClick",required:!1,type:{name:"(event: KeyboardEvent | MouseEvent) => void"}},onDelete:{defaultValue:null,description:"Callback function fired when the delete icon is clicked. If set, a delete button will be shown.",name:"onDelete",required:!1,type:{name:"(event: MouseEvent) => void"}},role:{defaultValue:{value:"link"},description:"Sets the role of the tag when it's clickable. Uses 'link' by default.",name:"role",required:!1,type:{name:"enum",value:[{value:'"button"'},{value:'"link"'}]}},size:{defaultValue:{value:"m"},description:"Size variant for the Tag.",name:"size",required:!1,type:{name:"enum",value:[{value:'"m"'},{value:'"l"'}]}},srOnlyLabel:{defaultValue:null,description:"The label is only visible to screen readers. Can be used to give screen reader users additional information about the tag.",name:"srOnlyLabel",required:!1,type:{name:"string"}},theme:{defaultValue:null,description:"Custom theme styles",name:"theme",required:!1,type:{name:"TagCustomTheme"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/tag/Tag.tsx#Tag"]={docgenInfo:Tag.__docgenInfo,name:"Tag",path:"src/components/tag/Tag.tsx#Tag"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/textInput/TextInput.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{o:()=>TextInput});var _Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectSpread2.js"),_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js"),_TextInput_module_css__WEBPACK_IMPORTED_MODULE_8__=(__webpack_require__("./src/styles/base.css"),__webpack_require__("./src/components/textInput/TextInput.module.css")),_internal_input_wrapper_InputWrapper__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/internal/input-wrapper/InputWrapper.tsx"),_utils_classNames__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/utils/classNames.ts"),_utils_composeAriaDescribedBy__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/utils/composeAriaDescribedBy.ts"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/react/jsx-runtime.js"),_excluded=["className","children","disabled","defaultValue","errorText","helperText","hideLabel","invalid","id","label","onChange","required","style","successText","infoText","tooltipLabel","tooltipText","tooltipButtonLabel","type","buttonIcon","buttonAriaLabel","onButtonClick"],TextInput=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef((function(_ref,ref){var _ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,children=_ref.children,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,defaultValue=_ref.defaultValue,errorText=_ref.errorText,helperText=_ref.helperText,hideLabel=_ref.hideLabel,invalid=_ref.invalid,id=_ref.id,label=_ref.label,_ref$onChange=_ref.onChange,onChange=void 0===_ref$onChange?function(){return null}:_ref$onChange,required=_ref.required,style=_ref.style,successText=_ref.successText,infoText=_ref.infoText,tooltipLabel=_ref.tooltipLabel,tooltipText=_ref.tooltipText,tooltipButtonLabel=_ref.tooltipButtonLabel,_ref$type=_ref.type,type=void 0===_ref$type?"text":_ref$type,buttonIcon=_ref.buttonIcon,buttonAriaLabel=_ref.buttonAriaLabel,onButtonClick=_ref.onButtonClick,rest=(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_3__.Z)(_ref,_excluded),wrapperProps={className,errorText,helperText,hideLabel,id,invalid,label,required,style,successText,infoText,tooltipLabel,tooltipText,tooltipButtonLabel},ariaDescribedBy=(0,_utils_composeAriaDescribedBy__WEBPACK_IMPORTED_MODULE_4__.Z)(id,helperText,errorText,successText,infoText),hasButton=Boolean(buttonIcon&&onButtonClick);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_internal_input_wrapper_InputWrapper__WEBPACK_IMPORTED_MODULE_5__.S,(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__.Z)((0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__.Z)({},wrapperProps),{},{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("input",(0,_Users_mikko_jamia_git_helsinki_helsinki_design_system_node_modules_babel_runtime_helpers_esm_objectSpread2_js__WEBPACK_IMPORTED_MODULE_6__.Z)({className:(0,_utils_classNames__WEBPACK_IMPORTED_MODULE_7__.Z)(_TextInput_module_css__WEBPACK_IMPORTED_MODULE_8__.Z.input,hasButton&&_TextInput_module_css__WEBPACK_IMPORTED_MODULE_8__.Z.hasButton),defaultValue,disabled,id,onChange,ref,required,type,"aria-describedby":ariaDescribedBy.length>0?ariaDescribedBy:null},rest)),hasButton&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:_TextInput_module_css__WEBPACK_IMPORTED_MODULE_8__.Z.buttonWrapper,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("button",{className:_TextInput_module_css__WEBPACK_IMPORTED_MODULE_8__.Z.button,disabled,type:"button",onClick:onButtonClick,"aria-label":buttonAriaLabel,children:buttonIcon})}),children]}))}));try{TextInput.displayName="TextInput",TextInput.__docgenInfo={description:"",displayName:"TextInput",props:{className:{defaultValue:{value:""},description:"Additional class names to apply to the text input",name:"className",required:!1,type:{name:"string"}},id:{defaultValue:null,description:"The id of the input element",name:"id",required:!1,type:{name:"string"}},style:{defaultValue:null,description:"Override or extend the styles applied to the component",name:"style",required:!1,type:{name:"CSSProperties"}},children:{defaultValue:null,description:"Additional children to render after the input.",name:"children",required:!1,type:{name:"ReactNode"}},label:{defaultValue:null,description:"The label for the input",name:"label",required:!1,type:{name:"ReactNode"}},disabled:{defaultValue:{value:"false"},description:"If `true`, the input will be disabled",name:"disabled",required:!1,type:{name:"boolean"}},type:{defaultValue:{value:"text"},description:"Type of the input element",name:"type",required:!1,type:{name:"string"}},value:{defaultValue:null,description:"The value of the input element, required for a controlled component",name:"value",required:!1,type:{name:"string & (string | number | readonly string[])"}},defaultValue:{defaultValue:null,description:"The default input element value. Use when the component is not controlled",name:"defaultValue",required:!1,type:{name:"string & (string | number | readonly string[])"}},placeholder:{defaultValue:null,description:"Short hint displayed in the input before the user enters a value",name:"placeholder",required:!1,type:{name:"string"}},onChange:{defaultValue:{value:"() => null"},description:"Callback fired when the state is changed",name:"onChange",required:!1,type:{name:"ChangeEventHandler"}},readOnly:{defaultValue:null,description:"If `true`, prevents the user from changing the value of the field (not from interacting with the field)",name:"readOnly",required:!1,type:{name:"boolean"}},required:{defaultValue:null,description:"If `true`, the label is displayed as required and the `input` element will be required",name:"required",required:!1,type:{name:"boolean"}},errorText:{defaultValue:null,description:"The error text content that will be shown below the input",name:"errorText",required:!1,type:{name:"string"}},helperText:{defaultValue:null,description:"The helper text content that will be shown below the input",name:"helperText",required:!1,type:{name:"string"}},tooltipText:{defaultValue:null,description:"The text content of the tooltip",name:"tooltipText",required:!1,type:{name:"string"}},tooltipLabel:{defaultValue:null,description:"Aria-label text for the tooltip",name:"tooltipLabel",required:!1,type:{name:"string"}},tooltipButtonLabel:{defaultValue:null,description:"Aria-label text for the tooltip trigger button",name:"tooltipButtonLabel",required:!1,type:{name:"string"}},hideLabel:{defaultValue:null,description:"Hides the label above the input",name:"hideLabel",required:!1,type:{name:"boolean"}},invalid:{defaultValue:null,description:"If `true`, the input will be displayed in an invalid state.",name:"invalid",required:!1,type:{name:"boolean"}},successText:{defaultValue:null,description:"The success text content that will be shown below the input",name:"successText",required:!1,type:{name:"string"}},infoText:{defaultValue:null,description:"The info text content that will be shown below the input",name:"infoText",required:!1,type:{name:"string"}},buttonIcon:{defaultValue:null,description:"Button icon",name:"buttonIcon",required:!1,type:{name:"ReactNode"}},buttonAriaLabel:{defaultValue:null,description:"Button aria-label",name:"buttonAriaLabel",required:!1,type:{name:"string"}},onButtonClick:{defaultValue:null,description:"Button click callback",name:"onButtonClick",required:!1,type:{name:"MouseEventHandler