@geoinsight/react-components 0.8.12 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.css +463 -178
- package/dist/cjs/index.js +302 -219
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.css +463 -178
- package/dist/esm/index.js +303 -216
- package/dist/esm/index.js.map +1 -1
- package/package.json +13 -10
- package/storybook-static/115.875b767a.iframe.bundle.js +1 -0
- package/storybook-static/143.e6f5cdb6.iframe.bundle.js +2 -0
- package/storybook-static/143.e6f5cdb6.iframe.bundle.js.LICENSE.txt +5 -0
- package/storybook-static/155.77237ba4.iframe.bundle.js +1 -0
- package/storybook-static/439.c739b452.iframe.bundle.js +1 -0
- package/storybook-static/49.9b0e5ded.iframe.bundle.js +2 -0
- package/storybook-static/497.a86e867f.iframe.bundle.js +134 -0
- package/storybook-static/497.a86e867f.iframe.bundle.js.map +1 -0
- package/storybook-static/607.55c78741.iframe.bundle.js +1 -0
- package/storybook-static/729.0e069928.iframe.bundle.js +1 -0
- package/storybook-static/750.1274e780.iframe.bundle.js +1 -0
- package/storybook-static/751.ce4b4118.iframe.bundle.js +411 -0
- package/storybook-static/751.ce4b4118.iframe.bundle.js.map +1 -0
- package/storybook-static/797.7e13109b.iframe.bundle.js +1 -0
- package/storybook-static/887.40a58cdf.iframe.bundle.js +1 -0
- package/storybook-static/components-button-index-stories.6b018cc0.iframe.bundle.js +1 -0
- package/storybook-static/components-form-index-stories.847721d0.iframe.bundle.js +1 -0
- package/storybook-static/components-input-index-stories.dba32411.iframe.bundle.js +2 -0
- package/storybook-static/components-loading-index-stories.b0653762.iframe.bundle.js +2 -0
- package/storybook-static/components-map-index-stories.08759744.iframe.bundle.js +1 -0
- package/storybook-static/components-menu-index-stories.0c6eb18b.iframe.bundle.js +1 -0
- package/storybook-static/components-modal-index-stories.ef8c8dd0.iframe.bundle.js +2 -0
- package/storybook-static/components-select-index-stories.a5ffb2f5.iframe.bundle.js +1 -0
- package/storybook-static/components-text-area-index-stories.44892133.iframe.bundle.js +2 -0
- package/storybook-static/context-loading-index-stories.ad731185.iframe.bundle.js +2 -0
- package/storybook-static/context-modal-index-stories.a607105d.iframe.bundle.js +2 -0
- package/storybook-static/iframe.html +4 -4
- package/storybook-static/index.html +2 -1
- package/storybook-static/index.json +1 -1
- package/storybook-static/main.9dd1aacd.iframe.bundle.js +1 -0
- package/storybook-static/project.json +1 -1
- package/storybook-static/runtime~main.3725a291.iframe.bundle.js +1 -0
- package/storybook-static/sb-addons/essentials-actions-2/manager-bundle.js +1 -1
- package/storybook-static/sb-addons/essentials-backgrounds-3/manager-bundle.js +4 -4
- package/storybook-static/sb-addons/essentials-controls-1/manager-bundle.js +37 -88
- package/storybook-static/sb-addons/essentials-measure-6/manager-bundle.js +1 -1
- package/storybook-static/sb-addons/essentials-outline-7/manager-bundle.js +1 -1
- package/storybook-static/sb-addons/essentials-toolbars-5/manager-bundle.js +1 -1
- package/storybook-static/sb-addons/essentials-viewport-4/manager-bundle.js +1 -1
- package/storybook-static/sb-addons/interactions-8/manager-bundle.js +9 -24
- package/storybook-static/sb-addons/links-0/manager-bundle.js +1 -1
- package/storybook-static/sb-manager/WithTooltip-V3YHNWJZ-LVYLGZW2.js +1 -0
- package/storybook-static/sb-manager/chunk-2IXBUOFS.js +7 -0
- package/storybook-static/sb-manager/{chunk-DAJ4OSDJ.js → chunk-F4FCO4CF.js} +23 -23
- package/storybook-static/sb-manager/{chunk-NFZCBIX3.js → chunk-INSKDKQB.js} +6 -6
- package/storybook-static/sb-manager/chunk-NGTUFCUO.js +9 -0
- package/storybook-static/sb-manager/globals-module-info.js +1 -0
- package/storybook-static/sb-manager/globals.js +1 -1
- package/storybook-static/sb-manager/index.js +1 -1
- package/storybook-static/sb-manager/runtime.js +1 -1
- package/storybook-static/sb-manager/{syntaxhighlighter-NMPM6SWI-GZTSOZ5L.js → syntaxhighlighter-V7JZZA35-DXZCI2WR.js} +1 -1
- package/storybook-static/sb-preview/globals.js +1 -1
- package/storybook-static/sb-preview/runtime.js +16 -16
- package/storybook-static/static/media/loading.cbc96c95.gif +0 -0
- package/storybook-static/stories-Introduction-stories-mdx.d86fb94b.iframe.bundle.js +2 -0
- package/storybook-static/stories-Introduction-stories-mdx.d86fb94b.iframe.bundle.js.LICENSE.txt +9 -0
- package/storybook-static/stories.json +1 -1
- package/.yarn/install-state.gz +0 -0
- package/.yarnrc.yml +0 -1
- package/dist/cjs/components/accordion/accordion-button.d.ts +0 -4
- package/dist/cjs/components/accordion/accordion-content.d.ts +0 -4
- package/dist/cjs/components/accordion/accordion-item.d.ts +0 -4
- package/dist/cjs/components/accordion/accordion.d.ts +0 -4
- package/dist/cjs/components/accordion/index.d.ts +0 -4
- package/dist/cjs/components/accordion/index.stories.d.ts +0 -7
- package/dist/cjs/components/accordion/index.types.d.ts +0 -36
- package/dist/cjs/components/button/index.d.ts +0 -5
- package/dist/cjs/components/button/index.stories.d.ts +0 -7
- package/dist/cjs/components/button/index.types.d.ts +0 -41
- package/dist/cjs/components/form/FormInput.d.ts +0 -4
- package/dist/cjs/components/form/FormSelect.d.ts +0 -4
- package/dist/cjs/components/form/FormTextArea.d.ts +0 -4
- package/dist/cjs/components/form/index.d.ts +0 -4
- package/dist/cjs/components/form/index.stories.d.ts +0 -7
- package/dist/cjs/components/form/index.types.d.ts +0 -45
- package/dist/cjs/components/input/index.d.ts +0 -4
- package/dist/cjs/components/input/index.stories.d.ts +0 -8
- package/dist/cjs/components/input/index.types.d.ts +0 -40
- package/dist/cjs/components/loading/index.d.ts +0 -4
- package/dist/cjs/components/loading/index.stories.d.ts +0 -6
- package/dist/cjs/components/loading/index.types.d.ts +0 -11
- package/dist/cjs/components/map/MapboxMap.d.ts +0 -2
- package/dist/cjs/components/map/index.d.ts +0 -4
- package/dist/cjs/components/map/index.stories.d.ts +0 -8
- package/dist/cjs/components/map/index.types.d.ts +0 -56
- package/dist/cjs/components/map/useAddMap.d.ts +0 -8
- package/dist/cjs/components/map-control/index.d.ts +0 -4
- package/dist/cjs/components/map-control/index.types.d.ts +0 -11
- package/dist/cjs/components/modal/index.d.ts +0 -4
- package/dist/cjs/components/modal/index.stories.d.ts +0 -6
- package/dist/cjs/components/modal/index.types.d.ts +0 -39
- package/dist/cjs/components/select/index.d.ts +0 -4
- package/dist/cjs/components/select/index.stories.d.ts +0 -7
- package/dist/cjs/components/select/index.types.d.ts +0 -30
- package/dist/cjs/components/text-area/index.d.ts +0 -5
- package/dist/cjs/components/text-area/index.stories.d.ts +0 -7
- package/dist/cjs/components/text-area/index.types.d.ts +0 -43
- package/dist/cjs/context/accordion/index.d.ts +0 -10
- package/dist/cjs/context/loading/index.d.ts +0 -24
- package/dist/cjs/context/loading/index.stories.d.ts +0 -8
- package/dist/cjs/context/modal/index.d.ts +0 -29
- package/dist/cjs/context/modal/index.stories.d.ts +0 -6
- package/dist/cjs/context/theme/index.d.ts +0 -18
- package/dist/cjs/decorators/withColorScheme.d.ts +0 -7
- package/dist/cjs/decorators/withLoading.d.ts +0 -2
- package/dist/cjs/decorators/withModal.d.ts +0 -2
- package/dist/cjs/decorators/withWrapper.d.ts +0 -2
- package/dist/cjs/index.d.ts +0 -18
- package/dist/cjs/utils/palette.d.ts +0 -1
- package/dist/cjs/utils/recursive.d.ts +0 -6
- package/dist/esm/components/accordion/accordion-button.d.ts +0 -4
- package/dist/esm/components/accordion/accordion-content.d.ts +0 -4
- package/dist/esm/components/accordion/accordion-item.d.ts +0 -4
- package/dist/esm/components/accordion/accordion.d.ts +0 -4
- package/dist/esm/components/accordion/index.d.ts +0 -4
- package/dist/esm/components/accordion/index.stories.d.ts +0 -7
- package/dist/esm/components/accordion/index.types.d.ts +0 -36
- package/dist/esm/components/button/index.d.ts +0 -5
- package/dist/esm/components/button/index.stories.d.ts +0 -7
- package/dist/esm/components/button/index.types.d.ts +0 -41
- package/dist/esm/components/form/FormInput.d.ts +0 -4
- package/dist/esm/components/form/FormSelect.d.ts +0 -4
- package/dist/esm/components/form/FormTextArea.d.ts +0 -4
- package/dist/esm/components/form/index.d.ts +0 -4
- package/dist/esm/components/form/index.stories.d.ts +0 -7
- package/dist/esm/components/form/index.types.d.ts +0 -45
- package/dist/esm/components/input/index.d.ts +0 -4
- package/dist/esm/components/input/index.stories.d.ts +0 -8
- package/dist/esm/components/input/index.types.d.ts +0 -40
- package/dist/esm/components/loading/index.d.ts +0 -4
- package/dist/esm/components/loading/index.stories.d.ts +0 -6
- package/dist/esm/components/loading/index.types.d.ts +0 -11
- package/dist/esm/components/map/MapboxMap.d.ts +0 -2
- package/dist/esm/components/map/index.d.ts +0 -4
- package/dist/esm/components/map/index.stories.d.ts +0 -8
- package/dist/esm/components/map/index.types.d.ts +0 -56
- package/dist/esm/components/map/useAddMap.d.ts +0 -8
- package/dist/esm/components/map-control/index.d.ts +0 -4
- package/dist/esm/components/map-control/index.types.d.ts +0 -11
- package/dist/esm/components/modal/index.d.ts +0 -4
- package/dist/esm/components/modal/index.stories.d.ts +0 -6
- package/dist/esm/components/modal/index.types.d.ts +0 -39
- package/dist/esm/components/select/index.d.ts +0 -4
- package/dist/esm/components/select/index.stories.d.ts +0 -7
- package/dist/esm/components/select/index.types.d.ts +0 -30
- package/dist/esm/components/text-area/index.d.ts +0 -5
- package/dist/esm/components/text-area/index.stories.d.ts +0 -7
- package/dist/esm/components/text-area/index.types.d.ts +0 -43
- package/dist/esm/context/accordion/index.d.ts +0 -10
- package/dist/esm/context/loading/index.d.ts +0 -24
- package/dist/esm/context/loading/index.stories.d.ts +0 -8
- package/dist/esm/context/modal/index.d.ts +0 -29
- package/dist/esm/context/modal/index.stories.d.ts +0 -6
- package/dist/esm/context/theme/index.d.ts +0 -18
- package/dist/esm/decorators/withColorScheme.d.ts +0 -7
- package/dist/esm/decorators/withLoading.d.ts +0 -2
- package/dist/esm/decorators/withModal.d.ts +0 -2
- package/dist/esm/decorators/withWrapper.d.ts +0 -2
- package/dist/esm/index.d.ts +0 -18
- package/dist/esm/utils/palette.d.ts +0 -1
- package/dist/esm/utils/recursive.d.ts +0 -6
- package/storybook-static/145.34858399.iframe.bundle.js +0 -2
- package/storybook-static/296.673fff81.iframe.bundle.js +0 -1
- package/storybook-static/439.51454c4d.iframe.bundle.js +0 -1
- package/storybook-static/471.f9d522fc.iframe.bundle.js +0 -402
- package/storybook-static/471.f9d522fc.iframe.bundle.js.map +0 -1
- package/storybook-static/497.dafe304f.iframe.bundle.js +0 -134
- package/storybook-static/497.dafe304f.iframe.bundle.js.map +0 -1
- package/storybook-static/659.1ad30476.iframe.bundle.js +0 -1
- package/storybook-static/677.e7db0cd6.iframe.bundle.js +0 -2
- package/storybook-static/677.e7db0cd6.iframe.bundle.js.LICENSE.txt +0 -15
- package/storybook-static/729.01f72d48.iframe.bundle.js +0 -1
- package/storybook-static/750.2215b5aa.iframe.bundle.js +0 -1
- package/storybook-static/796.09f6c96d.iframe.bundle.js +0 -1
- package/storybook-static/984.6be9debc.iframe.bundle.js +0 -1
- package/storybook-static/components-accordion-index-stories.ef18c840.iframe.bundle.js +0 -1
- package/storybook-static/components-button-index-stories.ab760bed.iframe.bundle.js +0 -2
- package/storybook-static/components-form-index-stories.3cba66b0.iframe.bundle.js +0 -1
- package/storybook-static/components-input-index-stories.52cb94b7.iframe.bundle.js +0 -2
- package/storybook-static/components-loading-index-stories.c03f4231.iframe.bundle.js +0 -2
- package/storybook-static/components-map-index-stories.df3b2a69.iframe.bundle.js +0 -1
- package/storybook-static/components-modal-index-stories.4204e0d1.iframe.bundle.js +0 -1
- package/storybook-static/components-select-index-stories.5d8e5e16.iframe.bundle.js +0 -1
- package/storybook-static/components-text-area-index-stories.c1412c7f.iframe.bundle.js +0 -2
- package/storybook-static/context-loading-index-stories.4d6c26b7.iframe.bundle.js +0 -2
- package/storybook-static/context-modal-index-stories.74348761.iframe.bundle.js +0 -1
- package/storybook-static/main.6ecf7d5b.iframe.bundle.js +0 -1
- package/storybook-static/runtime~main.b58604cf.iframe.bundle.js +0 -1
- package/storybook-static/sb-manager/WithTooltip-4HIR6TLV-YPPZ2DMB.js +0 -1
- package/storybook-static/sb-manager/chunk-FWZ33S65.js +0 -9
- package/storybook-static/sb-manager/chunk-SZNM6KS3.js +0 -7
- package/storybook-static/stories-Introduction-stories-mdx.7a2cd1ec.iframe.bundle.js +0 -2
- /package/storybook-static/{145.34858399.iframe.bundle.js.LICENSE.txt → 49.9b0e5ded.iframe.bundle.js.LICENSE.txt} +0 -0
- /package/storybook-static/{497.dafe304f.iframe.bundle.js.LICENSE.txt → 497.a86e867f.iframe.bundle.js.LICENSE.txt} +0 -0
- /package/storybook-static/{471.f9d522fc.iframe.bundle.js.LICENSE.txt → 751.ce4b4118.iframe.bundle.js.LICENSE.txt} +0 -0
- /package/storybook-static/{components-button-index-stories.ab760bed.iframe.bundle.js.LICENSE.txt → components-input-index-stories.dba32411.iframe.bundle.js.LICENSE.txt} +0 -0
- /package/storybook-static/{components-input-index-stories.52cb94b7.iframe.bundle.js.LICENSE.txt → components-loading-index-stories.b0653762.iframe.bundle.js.LICENSE.txt} +0 -0
- /package/storybook-static/{components-loading-index-stories.c03f4231.iframe.bundle.js.LICENSE.txt → components-modal-index-stories.ef8c8dd0.iframe.bundle.js.LICENSE.txt} +0 -0
- /package/storybook-static/{components-text-area-index-stories.c1412c7f.iframe.bundle.js.LICENSE.txt → components-text-area-index-stories.44892133.iframe.bundle.js.LICENSE.txt} +0 -0
- /package/storybook-static/{context-loading-index-stories.4d6c26b7.iframe.bundle.js.LICENSE.txt → context-loading-index-stories.ad731185.iframe.bundle.js.LICENSE.txt} +0 -0
- /package/storybook-static/{stories-Introduction-stories-mdx.7a2cd1ec.iframe.bundle.js.LICENSE.txt → context-modal-index-stories.a607105d.iframe.bundle.js.LICENSE.txt} +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";(self.webpackChunk_geoinsight_react_components=self.webpackChunk_geoinsight_react_components||[]).push([[5],{"./src/components/map/index.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{DeckGL:()=>DeckGL,DeckGLPoints:()=>DeckGLPoints,Mapbox:()=>Mapbox,__namedExportsOrder:()=>__namedExportsOrder,default:()=>index_stories});var deckgl=__webpack_require__("./node_modules/@deck.gl/react/dist/esm/deckgl.js"),esm=__webpack_require__("./node_modules/@deck.gl/layers/dist/esm/index.js"),dist_esm=__webpack_require__("./node_modules/react-map-gl/dist/esm/index.js"),maplibre_gl=__webpack_require__("./node_modules/maplibre-gl/dist/maplibre-gl.js"),maplibre_gl_default=__webpack_require__.n(maplibre_gl),components_button=__webpack_require__("./src/components/button/index.tsx"),context_theme=__webpack_require__("./src/context/theme/index.tsx"),index_esm=__webpack_require__("./node_modules/react-icons/fi/index.esm.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),map_control=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./src/components/map-control/index.css"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(map_control.Z,options);map_control.Z&&map_control.Z.locals&&map_control.Z.locals;var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function MapControl({children,position="top-right"}){return(0,jsx_runtime.jsx)("div",{className:`control control--${position}`,children})}MapControl.displayName="MapControl";const src_components_map_control=MapControl;try{MapControl.displayName="MapControl",MapControl.__docgenInfo={description:"",displayName:"MapControl",props:{position:{defaultValue:{value:"top-right"},description:"Position of the control",name:"position",required:!1,type:{name:"enum",value:[{value:'"top-left"'},{value:'"top-center"'},{value:'"top-right"'},{value:'"center-left"'},{value:'"center"'},{value:'"center-right"'},{value:'"bottom-left"'},{value:'"bottom-center"'},{value:'"bottom-right"'}]}},children:{defaultValue:null,description:"Children inside the control",name:"children",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/map-control/index.tsx#MapControl"]={docgenInfo:MapControl.__docgenInfo,name:"MapControl",path:"src/components/map-control/index.tsx#MapControl"})}catch(__react_docgen_typescript_loader_error){}var map=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./src/components/map/index.css"),map_options={};map_options.styleTagTransform=styleTagTransform_default(),map_options.setAttributes=setAttributesWithoutAttributes_default(),map_options.insert=insertBySelector_default().bind(null,"head"),map_options.domAPI=styleDomAPI_default(),map_options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(map.Z,map_options);map.Z&&map.Z.locals&&map.Z.locals;var react=__webpack_require__("./node_modules/react/index.js"),process=__webpack_require__("./node_modules/process/browser.js");const INITIAL_VIEW_STATE={longitude:-122.41669,latitude:37.7853,zoom:13,pitch:0,bearing:0};function MapComponent({basemap,initialViewState,framework,mapProps,hasSwitchBasemap=!0,layers,controls={},basemapToken,...rest}){const _layers=layers&&layers.map((({type,layer})=>new esm[type](layer))),theme=(0,context_theme.Fg)(),{"bottom-right":bottomRight,"bottom-left":bottomLeft,..._controls}=controls,[viewState,setViewState]=(0,react.useState)(INITIAL_VIEW_STATE);return"deck.gl"===framework?(0,jsx_runtime.jsx)("div",{className:"map",children:(0,jsx_runtime.jsxs)(deckgl.Z,{initialViewState:initialViewState||INITIAL_VIEW_STATE,controller:!0,layers:_layers,...rest,children:[(0,jsx_runtime.jsx)(dist_esm.D5,{attributionControl:!1,mapLib:maplibre_gl_default(),mapStyle:basemap||"dark"===theme.dataTheme?`https://api.maptiler.com/maps/darkmatter/style.json?key=${basemapToken||process.env.STORYBOOK_OPEN_TILES_TOKEN}`:`https://api.maptiler.com/maps/positron/style.json?key=${basemapToken||process.env.STORYBOOK_OPEN_TILES_TOKEN}`}),Object.keys(_controls).map((key=>(0,jsx_runtime.jsx)(src_components_map_control,{position:key,children:_controls[key]}))),(0,jsx_runtime.jsx)(src_components_map_control,{position:"bottom-left",children:hasSwitchBasemap?(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[bottomLeft,(0,jsx_runtime.jsx)(components_button.Z,{mode:"icon",size:"small",onClick:()=>{theme.switchDataTheme("dark"===theme.dataTheme?"light":"dark")},children:"dark"===theme.dataTheme?(0,jsx_runtime.jsx)(index_esm.kXG,{size:"1.25rem"}):(0,jsx_runtime.jsx)(index_esm.wOW,{size:"1.25rem",color:"var(--color-black)"})})]}):bottomLeft}),(0,jsx_runtime.jsxs)(src_components_map_control,{position:"bottom-right",children:[bottomRight,(0,jsx_runtime.jsxs)("div",{className:"map__attribution",children:[(0,jsx_runtime.jsx)(components_button.Z,{as:"link",href:"https://www.maptiler.com/copyright/",target:"_blank",children:"© MapTiler"}),(0,jsx_runtime.jsx)(components_button.Z,{as:"link",href:"https://www.openstreetmap.org/copyright",target:"_blank",children:"© OpenStreetMap contributors"})]})]})]})}):"mapboxgl"===framework?(0,jsx_runtime.jsx)("div",{children:"Coming soon..."}):(0,jsx_runtime.jsx)("div",{children:"The component needs a framework"})}try{MapComponent.displayName="MapComponent",MapComponent.__docgenInfo={description:"",displayName:"MapComponent",props:{basemap:{defaultValue:null,description:"Basemap tile",name:"basemap",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"Component's children",name:"children",required:!1,type:{name:"ReactNode"}},initialViewState:{defaultValue:null,description:"Viewport of the map",name:"initialViewState",required:!1,type:{name:"Viewport"}},framework:{defaultValue:null,description:"Type of the visualization framework",name:"framework",required:!1,type:{name:"enum",value:[{value:'"deck.gl"'},{value:'"mapboxgl"'}]}},hasSwitchBasemap:{defaultValue:{value:"true"},description:"if it has switch basemap button",name:"hasSwitchBasemap",required:!1,type:{name:"boolean"}},layers:{defaultValue:null,description:"Props of the visualization framework",name:"layers",required:!1,type:{name:"{ type: string; layer: LayerProps<any>; }[]"}},mapProps:{defaultValue:null,description:"Props of the visualization framework",name:"mapProps",required:!1,type:{name:"{ [key: string]: any; }"}},controls:{defaultValue:{value:"{}"},description:"Controls you want to add",name:"controls",required:!1,type:{name:"Controls"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/map/index.tsx#MapComponent"]={docgenInfo:MapComponent.__docgenInfo,name:"MapComponent",path:"src/components/map/index.tsx#MapComponent"})}catch(__react_docgen_typescript_loader_error){}const index_stories={title:"Example/Map",component:MapComponent,decorators:[__webpack_require__("./src/decorators/withColorScheme.tsx").c]},DeckGL={args:{framework:"deck.gl",layers:[{type:"LineLayer",layer:{id:"line-layer",data:[{sourcePosition:[-122.41669,37.7853],targetPosition:[-122.41669,37.781]}],getColor:[0,140,0,200],getWidth:5,isSelectable:!0}}],controls:{"top-left":(0,jsx_runtime.jsx)("div",{children:"Test top control"}),"bottom-right":(0,jsx_runtime.jsx)("div",{children:"Test bottom control"})}}},DeckGLPoints={args:{framework:"deck.gl",initialViewState:{longitude:7.2,latitude:51.4,zoom:13,pitch:0,bearing:0},layers:[{type:"ScatterplotLayer",layer:{id:"scatterplot-layer",data:[{type:"Point",crs:{type:"name",properties:{name:"EPSG:4326"}},coordinates:[4.665568937320579,52.58335897336767]}],pickable:!0,stroked:!0,filled:!0,radiusMinPixels:10,getPosition:d=>d.center?d.center.coordinates:d.coordinates,getFillColor:d=>[120,240,210],getLineColor:d=>[0,0,0]}}],controls:{"top-left":(0,jsx_runtime.jsx)("div",{children:"Test top control"}),"bottom-right":(0,jsx_runtime.jsx)("div",{children:"Test bottom control"})}}},Mapbox={args:{framework:"mapboxgl"}};DeckGL.parameters={...DeckGL.parameters,docs:{...DeckGL.parameters?.docs,source:{originalSource:'{\n args: {\n framework: "deck.gl",\n // initialViewState: INITIAL_VIEW_STATE,\n layers: [{\n type: "LineLayer",\n layer: {\n id: "line-layer",\n data: data,\n getColor: [0, 140, 0, 200],\n getWidth: 5,\n isSelectable: true\n }\n }],\n controls: {\n "top-left": <div>Test top control</div>,\n "bottom-right": <div>Test bottom control</div>\n }\n }\n // render: (args) => (\n // <MapComponent {...args}>\n // <MapControl position="bottom-left">1234</MapControl>\n // <MapControl position="bottom-right">bottom right</MapControl>\n // </MapComponent>\n // ),\n}',...DeckGL.parameters?.docs?.source}}},DeckGLPoints.parameters={...DeckGLPoints.parameters,docs:{...DeckGLPoints.parameters?.docs,source:{originalSource:'{\n args: {\n framework: "deck.gl",\n initialViewState: INITIAL_VIEW_STATE,\n layers: [{\n type: "ScatterplotLayer",\n layer: {\n id: "scatterplot-layer",\n data: points1,\n pickable: true,\n stroked: true,\n filled: true,\n radiusMinPixels: 10,\n getPosition: d => d.center ? d.center.coordinates : d.coordinates,\n getFillColor: d => [120, 240, 210],\n getLineColor: d => [0, 0, 0]\n }\n }],\n controls: {\n "top-left": <div>Test top control</div>,\n "bottom-right": <div>Test bottom control</div>\n }\n }\n}',...DeckGLPoints.parameters?.docs?.source}}},Mapbox.parameters={...Mapbox.parameters,docs:{...Mapbox.parameters?.docs,source:{originalSource:'{\n args: {\n framework: "mapboxgl"\n // layers: [\n // {\n // type: "LineLayer",\n // layer: {\n // id: "line-layer",\n // data: data,\n // getColor: [0, 140, 0, 200],\n // getWidth: 5,\n // isSelectable: true\n // },\n // },\n // ],\n // controls: {\n // "top-left": (\n // <>\n // 1234\n // <div>w</div>\n // </>\n // ),\n // "bottom-right": <div>d3r3</div>,\n // },\n }\n // render: (args) => (\n // <MapComponent {...args}>\n // <MapControl position="bottom-left">1234</MapControl>\n // <MapControl position="bottom-right">bottom right</MapControl>\n // </MapComponent>\n // ),\n}',...Mapbox.parameters?.docs?.source}}};const __namedExportsOrder=["DeckGL","DeckGLPoints","Mapbox"]},"./src/components/button/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{z:()=>Button,Z:()=>src_components_button_0});var clsx_m=__webpack_require__("./node_modules/clsx/dist/clsx.m.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),components_button=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./src/components/button/index.css"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(components_button.Z,options);components_button.Z&&components_button.Z.locals&&components_button.Z.locals;var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Anchor=({Custom,children,...rest})=>Custom?(0,jsx_runtime.jsx)(Custom,{...rest,children}):(0,jsx_runtime.jsx)("a",{...rest,children});function Button({children="Click me",className="",icon,isNewWindow=!1,mode="primary",size="medium",as="button",CustomAnchor,...rest}){return"link"===as?(0,jsx_runtime.jsxs)(Anchor,{Custom:CustomAnchor,...isNewWindow&&{target:"_blank"},className:(0,clsx_m.Z)(`button ${className}`,"secondary"===mode?`button button__${mode}`:"button__link",`button__${size}`),...rest,children:[children,icon]}):(0,jsx_runtime.jsxs)("button",{className:(0,clsx_m.Z)("button",`button__${mode}`,`button__${size}`,className),...rest,children:[children,icon]})}const src_components_button_0=Button;try{Button.displayName="Button",Button.__docgenInfo={description:"",displayName:"Button",props:{children:{defaultValue:{value:"Click me"},description:"What to put inside the button (string or html elements)",name:"children",required:!1,type:{name:"string | Element"}},className:{defaultValue:{value:""},description:"Custom css class name",name:"className",required:!1,type:{name:"string"}},icon:{defaultValue:{value:"undefined"},description:"If you want to add an icon image next to the children. Needs to be an react html element.",name:"icon",required:!1,type:{name:"Element"}},isNewWindow:{defaultValue:{value:"false"},description:"If you want to open a new window on the browser when you click the button. Only applies to html anchor elements.",name:"isNewWindow",required:!1,type:{name:"boolean"}},mode:{defaultValue:{value:"primary"},description:"Css mode used to style the button.",name:"mode",required:!1,type:{name:"enum",value:[{value:'"icon"'},{value:'"primary"'},{value:'"secondary"'}]}},size:{defaultValue:{value:"medium"},description:"Button size.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'}]}},as:{defaultValue:{value:"button"},description:"Button type.",name:"as",required:!1,type:{name:"enum",value:[{value:'"button"'},{value:'"link"'}]}},CustomAnchor:{defaultValue:null,description:"",name:"CustomAnchor",required:!1,type:{name:"ComponentClass<any, any>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/button/index.tsx#Button"]={docgenInfo:Button.__docgenInfo,name:"Button",path:"src/components/button/index.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}},"./src/context/theme/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Fg:()=>useTheme,f6:()=>ThemeProvider});var 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");const ThemeContext=(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(void 0);function ThemeProvider({children,dataTheme:dataThemeProp,dataPalette:dataPaletteProp="water"}){const[dataTheme,setDataTheme]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),[dataPalette,setDataPalette]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)();(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{dataPaletteProp&&switchDataPalette(dataPaletteProp)}),[dataPaletteProp]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{dataThemeProp&&switchDataTheme(dataThemeProp)}),[dataThemeProp]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{window.matchMedia&&(localStorage.getItem("data-theme")?(document.documentElement.setAttribute("data-theme",localStorage.getItem("data-theme")),setDataTheme(localStorage.getItem("data-theme"))):window.matchMedia("(prefers-color-scheme: dark)").matches&&(document.documentElement.setAttribute("data-theme","dark"),setDataTheme("dark")))}),[]);const switchDataTheme=mode=>{document.documentElement.setAttribute("data-theme",mode),setDataTheme(mode),localStorage.setItem("data-theme",mode)},switchDataPalette=mode=>{document.documentElement.setAttribute("data-palette",mode),setDataPalette(mode),localStorage.setItem("palette-theme",mode)};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(ThemeContext.Provider,{value:{dataTheme,switchDataTheme,dataPalette,switchDataPalette},children})}function useTheme(){const context=(0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(ThemeContext);if(void 0===context)throw new Error("useTheme must be used within a ThemeProvider");return context}ThemeProvider.displayName="ThemeProvider";try{ThemeProvider.displayName="ThemeProvider",ThemeProvider.__docgenInfo={description:"",displayName:"ThemeProvider",props:{dataTheme:{defaultValue:null,description:"",name:"dataTheme",required:!1,type:{name:"enum",value:[{value:'"light"'},{value:'"dark"'}]}},dataPalette:{defaultValue:null,description:"",name:"dataPalette",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/context/theme/index.tsx#ThemeProvider"]={docgenInfo:ThemeProvider.__docgenInfo,name:"ThemeProvider",path:"src/context/theme/index.tsx#ThemeProvider"})}catch(__react_docgen_typescript_loader_error){}},"./src/decorators/withColorScheme.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{c:()=>withColorScheme});var _context_theme__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/context/theme/index.tsx"),react__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("./src/styles/variables.css"),__webpack_require__("./node_modules/react/index.js")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const withColorScheme=(Story,context)=>((0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)((()=>{document.documentElement.style.height="100%",document.body.style.height="100%",document.getElementById("storybook-root").style.height="100%"}),[]),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_context_theme__WEBPACK_IMPORTED_MODULE_0__.f6,{dataTheme:context.globals.theme,dataPalette:context.globals.palette,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{style:{height:"100%",backgroundColor:"var(--color-neutral-900)"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Wrapped,{Story,context})})}));withColorScheme.displayName="withColorScheme";const Wrapped=({Story,context})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Story,{});Wrapped.displayName="Wrapped";try{Wrapped.displayName="Wrapped",Wrapped.__docgenInfo={description:"",displayName:"Wrapped",props:{Story:{defaultValue:null,description:"",name:"Story",required:!0,type:{name:"AnnotatedStoryFn<ReactRenderer, Args>"}},context:{defaultValue:null,description:"",name:"context",required:!0,type:{name:"StoryContext<StrictArgs>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/decorators/withColorScheme.tsx#Wrapped"]={docgenInfo:Wrapped.__docgenInfo,name:"Wrapped",path:"src/decorators/withColorScheme.tsx#Wrapped"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./src/components/button/index.css":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".button {\n align-items: center;\n border-radius: var(--spacing-32);\n border: none;\n cursor: pointer;\n display: flex;\n justify-content: center;\n gap: var(--spacing-8);\n font-size: var(--font-size-16);\n}\n\n/* \n.button--active {\n background-color: var(--color-neutral-500) !important;\n} */\n\n.button:disabled {\n cursor: unset;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.button:hover {\n background-color: var(--color-primary);\n transition: var(--transition-bg-cubic-bezier);\n}\n\n.button__link {\n background-color: unset !important;\n color: var(--color-neutral-100);\n text-decoration: underline transparent;\n}\n\n.button__link:hover {\n color: var(--color-primary);\n text-decoration: underline 0.1rem var(--color-primary);\n text-underline-offset: var(--spacing-8);\n transition: var(--transition-color-cubic-bezier),\n var(--transition-text-decoration-cubic-bezier);\n}\n\n.button__primary {\n background-color: var(--color-secondary);\n border: 3px solid var(--color-primary);\n}\n\n.button__primary:hover {\n box-shadow: 0 4px 4px 0 var(--color-neutral-400);\n transition: var(--transition-bg-cubic-bezier), var(--transition-box-shadow-cubic-bezier);\n}\n\n.button__secondary {\n background-color: var(--color-neutral-900);\n border: 3px solid var(--color-primary);\n color: var(--color-neutral-100);\n}\n\n.button__secondary:hover {\n background-color: var(--color-primary);\n}\n\n.button__icon {\n background-color: unset;\n}\n\n.button__icon:hover {\n box-shadow: unset;\n}\n\n.button__small {\n padding: var(--spacing-4);\n}\n\n.button__medium {\n padding: var(--spacing-8) var(--spacing-24);\n}\n\n.button__large {\n padding: var(--spacing-16);\n}\n","",{version:3,sources:["webpack://./src/components/button/index.css"],names:[],mappings:"AAAA;EACE,mBAAmB;EACnB,gCAAgC;EAChC,YAAY;EACZ,eAAe;EACf,aAAa;EACb,uBAAuB;EACvB,qBAAqB;EACrB,8BAA8B;AAChC;;AAEA;;;GAGG;;AAEH;EACE,aAAa;EACb,YAAY;EACZ,oBAAoB;AACtB;;AAEA;EACE,sCAAsC;EACtC,6CAA6C;AAC/C;;AAEA;EACE,kCAAkC;EAClC,+BAA+B;EAC/B,sCAAsC;AACxC;;AAEA;EACE,2BAA2B;EAC3B,sDAAsD;EACtD,uCAAuC;EACvC;kDACgD;AAClD;;AAEA;EACE,wCAAwC;EACxC,sCAAsC;AACxC;;AAEA;EACE,gDAAgD;EAChD,wFAAwF;AAC1F;;AAEA;EACE,0CAA0C;EAC1C,sCAAsC;EACtC,+BAA+B;AACjC;;AAEA;EACE,sCAAsC;AACxC;;AAEA;EACE,uBAAuB;AACzB;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,2CAA2C;AAC7C;;AAEA;EACE,0BAA0B;AAC5B",sourcesContent:[".button {\n align-items: center;\n border-radius: var(--spacing-32);\n border: none;\n cursor: pointer;\n display: flex;\n justify-content: center;\n gap: var(--spacing-8);\n font-size: var(--font-size-16);\n}\n\n/* \n.button--active {\n background-color: var(--color-neutral-500) !important;\n} */\n\n.button:disabled {\n cursor: unset;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.button:hover {\n background-color: var(--color-primary);\n transition: var(--transition-bg-cubic-bezier);\n}\n\n.button__link {\n background-color: unset !important;\n color: var(--color-neutral-100);\n text-decoration: underline transparent;\n}\n\n.button__link:hover {\n color: var(--color-primary);\n text-decoration: underline 0.1rem var(--color-primary);\n text-underline-offset: var(--spacing-8);\n transition: var(--transition-color-cubic-bezier),\n var(--transition-text-decoration-cubic-bezier);\n}\n\n.button__primary {\n background-color: var(--color-secondary);\n border: 3px solid var(--color-primary);\n}\n\n.button__primary:hover {\n box-shadow: 0 4px 4px 0 var(--color-neutral-400);\n transition: var(--transition-bg-cubic-bezier), var(--transition-box-shadow-cubic-bezier);\n}\n\n.button__secondary {\n background-color: var(--color-neutral-900);\n border: 3px solid var(--color-primary);\n color: var(--color-neutral-100);\n}\n\n.button__secondary:hover {\n background-color: var(--color-primary);\n}\n\n.button__icon {\n background-color: unset;\n}\n\n.button__icon:hover {\n box-shadow: unset;\n}\n\n.button__small {\n padding: var(--spacing-4);\n}\n\n.button__medium {\n padding: var(--spacing-8) var(--spacing-24);\n}\n\n.button__large {\n padding: var(--spacing-16);\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./src/components/map-control/index.css":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".control {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-16);\n position: absolute;\n margin: var(--spacing-4);\n}\n\n.control--top-left {\n top: 0;\n}\n\n.control--top-right {\n align-items: end;\n right: 0;\n top: 0;\n}\n\n.control--bottom-left {\n bottom: 0;\n}\n\n.control--bottom-right {\n align-items: end;\n bottom: 0;\n right: 0;\n}\n\n.control--top-center {\n left: 40%;\n top: 0;\n}\n\n.control--center-left {\n position: absolute;\n left: 0;\n top: 40%;\n}\n\n.control--center {\n left: 50%;\n top: 50%;\n}\n\n.control--center-right {\n right: 0;\n top: 40%;\n}\n\n.control--bottom-center {\n bottom: 0;\n left: 40%;\n top: auto;\n}\n","",{version:3,sources:["webpack://./src/components/map-control/index.css"],names:[],mappings:"AAAA;EACE,aAAa;EACb,sBAAsB;EACtB,sBAAsB;EACtB,kBAAkB;EAClB,wBAAwB;AAC1B;;AAEA;EACE,MAAM;AACR;;AAEA;EACE,gBAAgB;EAChB,QAAQ;EACR,MAAM;AACR;;AAEA;EACE,SAAS;AACX;;AAEA;EACE,gBAAgB;EAChB,SAAS;EACT,QAAQ;AACV;;AAEA;EACE,SAAS;EACT,MAAM;AACR;;AAEA;EACE,kBAAkB;EAClB,OAAO;EACP,QAAQ;AACV;;AAEA;EACE,SAAS;EACT,QAAQ;AACV;;AAEA;EACE,QAAQ;EACR,QAAQ;AACV;;AAEA;EACE,SAAS;EACT,SAAS;EACT,SAAS;AACX",sourcesContent:[".control {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-16);\n position: absolute;\n margin: var(--spacing-4);\n}\n\n.control--top-left {\n top: 0;\n}\n\n.control--top-right {\n align-items: end;\n right: 0;\n top: 0;\n}\n\n.control--bottom-left {\n bottom: 0;\n}\n\n.control--bottom-right {\n align-items: end;\n bottom: 0;\n right: 0;\n}\n\n.control--top-center {\n left: 40%;\n top: 0;\n}\n\n.control--center-left {\n position: absolute;\n left: 0;\n top: 40%;\n}\n\n.control--center {\n left: 50%;\n top: 50%;\n}\n\n.control--center-right {\n right: 0;\n top: 40%;\n}\n\n.control--bottom-center {\n bottom: 0;\n left: 40%;\n top: auto;\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./src/components/map/index.css":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".map {\n position: relative;\n height: 100%;\n}\n\n.map__attribution {\n display: flex;\n flex-direction: row;\n gap: var(--spacing-4);\n}\n\n.map__attribution a {\n font-size: var(--font-size-12);\n padding: 0;\n}\n\n.map__attribution a:hover {\n text-underline-offset: var(--spacing-4);\n}","",{version:3,sources:["webpack://./src/components/map/index.css"],names:[],mappings:"AAAA;IACI,kBAAkB;IAClB,YAAY;AAChB;;AAEA;IACI,aAAa;IACb,mBAAmB;IACnB,qBAAqB;AACzB;;AAEA;IACI,8BAA8B;IAC9B,UAAU;AACd;;AAEA;IACI,uCAAuC;AAC3C",sourcesContent:[".map {\n position: relative;\n height: 100%;\n}\n\n.map__attribution {\n display: flex;\n flex-direction: row;\n gap: var(--spacing-4);\n}\n\n.map__attribution a {\n font-size: var(--font-size-12);\n padding: 0;\n}\n\n.map__attribution a:hover {\n text-underline-offset: var(--spacing-4);\n}"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";(self.webpackChunk_geoinsight_react_components=self.webpackChunk_geoinsight_react_components||[]).push([[981],{"./src/components/modal/index.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Primary:()=>Primary,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _index__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/components/modal/index.tsx"),_decorators_withColorScheme__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/decorators/withColorScheme.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"Example/Modal",component:_index__WEBPACK_IMPORTED_MODULE_0__.u,decorators:[_decorators_withColorScheme__WEBPACK_IMPORTED_MODULE_1__.c]},Primary={args:{title:"2"}};Primary.parameters={...Primary.parameters,docs:{...Primary.parameters?.docs,source:{originalSource:'{\n args: {\n title: "2"\n }\n}',...Primary.parameters?.docs?.source}}};const __namedExportsOrder=["Primary"]},"./src/components/button/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{z:()=>Button,Z:()=>src_components_button_0});var clsx_m=__webpack_require__("./node_modules/clsx/dist/clsx.m.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),components_button=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./src/components/button/index.css"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(components_button.Z,options);components_button.Z&&components_button.Z.locals&&components_button.Z.locals;var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Anchor=({Custom,children,...rest})=>Custom?(0,jsx_runtime.jsx)(Custom,{...rest,children}):(0,jsx_runtime.jsx)("a",{...rest,children});function Button({children="Click me",className="",icon,isNewWindow=!1,mode="primary",size="medium",as="button",CustomAnchor,...rest}){return"link"===as?(0,jsx_runtime.jsxs)(Anchor,{Custom:CustomAnchor,...isNewWindow&&{target:"_blank"},className:(0,clsx_m.Z)(`button ${className}`,"secondary"===mode?`button button__${mode}`:"button__link",`button__${size}`),...rest,children:[children,icon]}):(0,jsx_runtime.jsxs)("button",{className:(0,clsx_m.Z)("button",`button__${mode}`,`button__${size}`,className),...rest,children:[children,icon]})}const src_components_button_0=Button;try{Button.displayName="Button",Button.__docgenInfo={description:"",displayName:"Button",props:{children:{defaultValue:{value:"Click me"},description:"What to put inside the button (string or html elements)",name:"children",required:!1,type:{name:"string | Element"}},className:{defaultValue:{value:""},description:"Custom css class name",name:"className",required:!1,type:{name:"string"}},icon:{defaultValue:{value:"undefined"},description:"If you want to add an icon image next to the children. Needs to be an react html element.",name:"icon",required:!1,type:{name:"Element"}},isNewWindow:{defaultValue:{value:"false"},description:"If you want to open a new window on the browser when you click the button. Only applies to html anchor elements.",name:"isNewWindow",required:!1,type:{name:"boolean"}},mode:{defaultValue:{value:"primary"},description:"Css mode used to style the button.",name:"mode",required:!1,type:{name:"enum",value:[{value:'"icon"'},{value:'"primary"'},{value:'"secondary"'}]}},size:{defaultValue:{value:"medium"},description:"Button size.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'}]}},as:{defaultValue:{value:"button"},description:"Button type.",name:"as",required:!1,type:{name:"enum",value:[{value:'"button"'},{value:'"link"'}]}},CustomAnchor:{defaultValue:null,description:"",name:"CustomAnchor",required:!1,type:{name:"ComponentClass<any, any>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/button/index.tsx#Button"]={docgenInfo:Button.__docgenInfo,name:"Button",path:"src/components/button/index.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/modal/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{u:()=>Modal,Z:()=>src_components_modal});var index_esm=__webpack_require__("./node_modules/react-icons/io5/index.esm.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),modal=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./src/components/modal/index.css"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(modal.Z,options);modal.Z&&modal.Z.locals&&modal.Z.locals;var components_button=__webpack_require__("./src/components/button/index.tsx"),clsx_m=__webpack_require__("./node_modules/clsx/dist/clsx.m.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Modal({className,modalref,children,title,subtitle,footer,hasOverlay=!0,hasCloseButton=!0,handleClose,...rest}){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[hasOverlay&&(0,jsx_runtime.jsx)("div",{className:"modal-overlay"}),(0,jsx_runtime.jsxs)("div",{ref:modalref,className:(0,clsx_m.Z)("modal",className),...rest,children:[hasCloseButton&&(0,jsx_runtime.jsx)(components_button.Z,{mode:"secondary",className:"modal__close",size:"small",onClick:handleClose,children:(0,jsx_runtime.jsx)(index_esm.bjh,{})}),(0,jsx_runtime.jsxs)("div",{className:"modal__content",children:[title&&(0,jsx_runtime.jsxs)("div",{className:"modal__header",children:[(0,jsx_runtime.jsx)("h3",{children:title}),(0,jsx_runtime.jsx)("h6",{children:subtitle})]}),(0,jsx_runtime.jsx)("div",{className:"modal__children",children}),footer&&(0,jsx_runtime.jsx)("div",{className:"modal__footer",children:footer})]})]})]})}const src_components_modal=Modal;try{Modal.displayName="Modal",Modal.__docgenInfo={description:"",displayName:"Modal",props:{className:{defaultValue:null,description:"Custom css class name.",name:"className",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"Children",name:"children",required:!1,type:{name:"ReactNode"}},footer:{defaultValue:null,description:"Modal footer",name:"footer",required:!1,type:{name:"ReactNode"}},handleClose:{defaultValue:null,description:"Close click function",name:"handleClose",required:!1,type:{name:"any"}},hasCloseButton:{defaultValue:{value:"true"},description:"Modal close button",name:"hasCloseButton",required:!1,type:{name:"boolean"}},hasOverlay:{defaultValue:{value:"true"},description:"Overlay div",name:"hasOverlay",required:!1,type:{name:"boolean"}},modalref:{defaultValue:null,description:"Modal body ref",name:"modalref",required:!1,type:{name:"LegacyRef<HTMLDivElement>"}},subtitle:{defaultValue:null,description:"Subtitle of the modal",name:"subtitle",required:!1,type:{name:"ReactNode"}},title:{defaultValue:null,description:"Title of the modal",name:"title",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/modal/index.tsx#Modal"]={docgenInfo:Modal.__docgenInfo,name:"Modal",path:"src/components/modal/index.tsx#Modal"})}catch(__react_docgen_typescript_loader_error){}},"./src/context/theme/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Fg:()=>useTheme,f6:()=>ThemeProvider});var 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");const ThemeContext=(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(void 0);function ThemeProvider({children,dataTheme:dataThemeProp,dataPalette:dataPaletteProp="water"}){const[dataTheme,setDataTheme]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),[dataPalette,setDataPalette]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)();(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{dataPaletteProp&&switchDataPalette(dataPaletteProp)}),[dataPaletteProp]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{dataThemeProp&&switchDataTheme(dataThemeProp)}),[dataThemeProp]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{window.matchMedia&&(localStorage.getItem("data-theme")?(document.documentElement.setAttribute("data-theme",localStorage.getItem("data-theme")),setDataTheme(localStorage.getItem("data-theme"))):window.matchMedia("(prefers-color-scheme: dark)").matches&&(document.documentElement.setAttribute("data-theme","dark"),setDataTheme("dark")))}),[]);const switchDataTheme=mode=>{document.documentElement.setAttribute("data-theme",mode),setDataTheme(mode),localStorage.setItem("data-theme",mode)},switchDataPalette=mode=>{document.documentElement.setAttribute("data-palette",mode),setDataPalette(mode),localStorage.setItem("palette-theme",mode)};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(ThemeContext.Provider,{value:{dataTheme,switchDataTheme,dataPalette,switchDataPalette},children})}function useTheme(){const context=(0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(ThemeContext);if(void 0===context)throw new Error("useTheme must be used within a ThemeProvider");return context}ThemeProvider.displayName="ThemeProvider";try{ThemeProvider.displayName="ThemeProvider",ThemeProvider.__docgenInfo={description:"",displayName:"ThemeProvider",props:{dataTheme:{defaultValue:null,description:"",name:"dataTheme",required:!1,type:{name:"enum",value:[{value:'"light"'},{value:'"dark"'}]}},dataPalette:{defaultValue:null,description:"",name:"dataPalette",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/context/theme/index.tsx#ThemeProvider"]={docgenInfo:ThemeProvider.__docgenInfo,name:"ThemeProvider",path:"src/context/theme/index.tsx#ThemeProvider"})}catch(__react_docgen_typescript_loader_error){}},"./src/decorators/withColorScheme.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{c:()=>withColorScheme});var _context_theme__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/context/theme/index.tsx"),react__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("./src/styles/variables.css"),__webpack_require__("./node_modules/react/index.js")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const withColorScheme=(Story,context)=>((0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)((()=>{document.documentElement.style.height="100%",document.body.style.height="100%",document.getElementById("storybook-root").style.height="100%"}),[]),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_context_theme__WEBPACK_IMPORTED_MODULE_0__.f6,{dataTheme:context.globals.theme,dataPalette:context.globals.palette,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{style:{height:"100%",backgroundColor:"var(--color-neutral-900)"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Wrapped,{Story,context})})}));withColorScheme.displayName="withColorScheme";const Wrapped=({Story,context})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Story,{});Wrapped.displayName="Wrapped";try{Wrapped.displayName="Wrapped",Wrapped.__docgenInfo={description:"",displayName:"Wrapped",props:{Story:{defaultValue:null,description:"",name:"Story",required:!0,type:{name:"AnnotatedStoryFn<ReactRenderer, Args>"}},context:{defaultValue:null,description:"",name:"context",required:!0,type:{name:"StoryContext<StrictArgs>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/decorators/withColorScheme.tsx#Wrapped"]={docgenInfo:Wrapped.__docgenInfo,name:"Wrapped",path:"src/decorators/withColorScheme.tsx#Wrapped"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./src/components/button/index.css":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".button {\n align-items: center;\n border-radius: var(--spacing-32);\n border: none;\n cursor: pointer;\n display: flex;\n justify-content: center;\n gap: var(--spacing-8);\n font-size: var(--font-size-16);\n}\n\n/* \n.button--active {\n background-color: var(--color-neutral-500) !important;\n} */\n\n.button:disabled {\n cursor: unset;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.button:hover {\n background-color: var(--color-primary);\n transition: var(--transition-bg-cubic-bezier);\n}\n\n.button__link {\n background-color: unset !important;\n color: var(--color-neutral-100);\n text-decoration: underline transparent;\n}\n\n.button__link:hover {\n color: var(--color-primary);\n text-decoration: underline 0.1rem var(--color-primary);\n text-underline-offset: var(--spacing-8);\n transition: var(--transition-color-cubic-bezier),\n var(--transition-text-decoration-cubic-bezier);\n}\n\n.button__primary {\n background-color: var(--color-secondary);\n border: 3px solid var(--color-primary);\n}\n\n.button__primary:hover {\n box-shadow: 0 4px 4px 0 var(--color-neutral-400);\n transition: var(--transition-bg-cubic-bezier), var(--transition-box-shadow-cubic-bezier);\n}\n\n.button__secondary {\n background-color: var(--color-neutral-900);\n border: 3px solid var(--color-primary);\n color: var(--color-neutral-100);\n}\n\n.button__secondary:hover {\n background-color: var(--color-primary);\n}\n\n.button__icon {\n background-color: unset;\n}\n\n.button__icon:hover {\n box-shadow: unset;\n}\n\n.button__small {\n padding: var(--spacing-4);\n}\n\n.button__medium {\n padding: var(--spacing-8) var(--spacing-24);\n}\n\n.button__large {\n padding: var(--spacing-16);\n}\n","",{version:3,sources:["webpack://./src/components/button/index.css"],names:[],mappings:"AAAA;EACE,mBAAmB;EACnB,gCAAgC;EAChC,YAAY;EACZ,eAAe;EACf,aAAa;EACb,uBAAuB;EACvB,qBAAqB;EACrB,8BAA8B;AAChC;;AAEA;;;GAGG;;AAEH;EACE,aAAa;EACb,YAAY;EACZ,oBAAoB;AACtB;;AAEA;EACE,sCAAsC;EACtC,6CAA6C;AAC/C;;AAEA;EACE,kCAAkC;EAClC,+BAA+B;EAC/B,sCAAsC;AACxC;;AAEA;EACE,2BAA2B;EAC3B,sDAAsD;EACtD,uCAAuC;EACvC;kDACgD;AAClD;;AAEA;EACE,wCAAwC;EACxC,sCAAsC;AACxC;;AAEA;EACE,gDAAgD;EAChD,wFAAwF;AAC1F;;AAEA;EACE,0CAA0C;EAC1C,sCAAsC;EACtC,+BAA+B;AACjC;;AAEA;EACE,sCAAsC;AACxC;;AAEA;EACE,uBAAuB;AACzB;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,2CAA2C;AAC7C;;AAEA;EACE,0BAA0B;AAC5B",sourcesContent:[".button {\n align-items: center;\n border-radius: var(--spacing-32);\n border: none;\n cursor: pointer;\n display: flex;\n justify-content: center;\n gap: var(--spacing-8);\n font-size: var(--font-size-16);\n}\n\n/* \n.button--active {\n background-color: var(--color-neutral-500) !important;\n} */\n\n.button:disabled {\n cursor: unset;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.button:hover {\n background-color: var(--color-primary);\n transition: var(--transition-bg-cubic-bezier);\n}\n\n.button__link {\n background-color: unset !important;\n color: var(--color-neutral-100);\n text-decoration: underline transparent;\n}\n\n.button__link:hover {\n color: var(--color-primary);\n text-decoration: underline 0.1rem var(--color-primary);\n text-underline-offset: var(--spacing-8);\n transition: var(--transition-color-cubic-bezier),\n var(--transition-text-decoration-cubic-bezier);\n}\n\n.button__primary {\n background-color: var(--color-secondary);\n border: 3px solid var(--color-primary);\n}\n\n.button__primary:hover {\n box-shadow: 0 4px 4px 0 var(--color-neutral-400);\n transition: var(--transition-bg-cubic-bezier), var(--transition-box-shadow-cubic-bezier);\n}\n\n.button__secondary {\n background-color: var(--color-neutral-900);\n border: 3px solid var(--color-primary);\n color: var(--color-neutral-100);\n}\n\n.button__secondary:hover {\n background-color: var(--color-primary);\n}\n\n.button__icon {\n background-color: unset;\n}\n\n.button__icon:hover {\n box-shadow: unset;\n}\n\n.button__small {\n padding: var(--spacing-4);\n}\n\n.button__medium {\n padding: var(--spacing-8) var(--spacing-24);\n}\n\n.button__large {\n padding: var(--spacing-16);\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./src/components/modal/index.css":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".modal-overlay {\n background: rgba(0, 0, 0, 0.3);\n bottom: 0;\n left: 0;\n position: fixed;\n right: 0;\n top: 0;\n}\n\n.modal {\n background: white;\n border-radius: var(--spacing-8);\n border: 1px solid var(--color-neutral-600);\n color: var(--color-black);\n left: 50%;\n padding: var(--spacing-4) var(--spacing-4);\n position: absolute;\n right: var(--spacing-16);\n top: 50%;\n transform: translate(-50%, -50%);\n z-index: 5;\n}\n\n.modal__close {\n position: absolute;\n right: calc(var(--spacing-16) * -1);\n top: calc(var(--spacing-16) * -1);\n z-index: 5;\n}\n\n.modal__content {\n border: 1px solid var(--color-neutral-100);\n border-radius: var(--spacing-8);\n display: flex;\n flex-direction: column;\n gap: var(--spacing-16);\n /* padding: 0 var(--spacing-16); */\n}\n\n.modal__footer {\n padding-bottom: var(--spacing-16);\n}","",{version:3,sources:["webpack://./src/components/modal/index.css"],names:[],mappings:"AAAA;EACE,8BAA8B;EAC9B,SAAS;EACT,OAAO;EACP,eAAe;EACf,QAAQ;EACR,MAAM;AACR;;AAEA;EACE,iBAAiB;EACjB,+BAA+B;EAC/B,0CAA0C;EAC1C,yBAAyB;EACzB,SAAS;EACT,0CAA0C;EAC1C,kBAAkB;EAClB,wBAAwB;EACxB,QAAQ;EACR,gCAAgC;EAChC,UAAU;AACZ;;AAEA;EACE,kBAAkB;EAClB,mCAAmC;EACnC,iCAAiC;EACjC,UAAU;AACZ;;AAEA;EACE,0CAA0C;EAC1C,+BAA+B;EAC/B,aAAa;EACb,sBAAsB;EACtB,sBAAsB;EACtB,kCAAkC;AACpC;;AAEA;EACE,iCAAiC;AACnC",sourcesContent:[".modal-overlay {\n background: rgba(0, 0, 0, 0.3);\n bottom: 0;\n left: 0;\n position: fixed;\n right: 0;\n top: 0;\n}\n\n.modal {\n background: white;\n border-radius: var(--spacing-8);\n border: 1px solid var(--color-neutral-600);\n color: var(--color-black);\n left: 50%;\n padding: var(--spacing-4) var(--spacing-4);\n position: absolute;\n right: var(--spacing-16);\n top: 50%;\n transform: translate(-50%, -50%);\n z-index: 5;\n}\n\n.modal__close {\n position: absolute;\n right: calc(var(--spacing-16) * -1);\n top: calc(var(--spacing-16) * -1);\n z-index: 5;\n}\n\n.modal__content {\n border: 1px solid var(--color-neutral-100);\n border-radius: var(--spacing-8);\n display: flex;\n flex-direction: column;\n gap: var(--spacing-16);\n /* padding: 0 var(--spacing-16); */\n}\n\n.modal__footer {\n padding-bottom: var(--spacing-16);\n}"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";(self.webpackChunk_geoinsight_react_components=self.webpackChunk_geoinsight_react_components||[]).push([[457],{"./src/components/select/index.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Error:()=>Error,Primary:()=>Primary,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _index__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/components/select/index.tsx"),_decorators_withColorScheme__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/decorators/withColorScheme.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"Example/Select",component:_index__WEBPACK_IMPORTED_MODULE_0__.P,argTypes:{backgroundColor:{control:"color"}},decorators:[_decorators_withColorScheme__WEBPACK_IMPORTED_MODULE_1__.c]},Primary={args:{options:["features","story","form"]}},Error={args:{inputProps:{error:{is:!0,message:"Insert a value"}},options:["","features","story","form","fed","s","fef","fef"]}};Primary.parameters={...Primary.parameters,docs:{...Primary.parameters?.docs,source:{originalSource:'{\n args: {\n options: ["features", "story", "form"]\n }\n}',...Primary.parameters?.docs?.source}}},Error.parameters={...Error.parameters,docs:{...Error.parameters?.docs,source:{originalSource:'{\n args: {\n inputProps: {\n error: {\n is: true,\n message: "Insert a value"\n }\n },\n options: ["", "features", "story", "form", "fed", "s", "fef", "fef"]\n }\n}',...Error.parameters?.docs?.source}}};const __namedExportsOrder=["Primary","Error"]}}]);
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! For license information please see components-text-area-index-stories.c1412c7f.iframe.bundle.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunk_geoinsight_react_components=self.webpackChunk_geoinsight_react_components||[]).push([[466],{"./src/components/text-area/index.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Active:()=>Active,Disabled:()=>Disabled,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var _index__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/components/text-area/index.tsx"),_decorators_withColorScheme__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/decorators/withColorScheme.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"Example/TextArea",component:_index__WEBPACK_IMPORTED_MODULE_0__.K,argTypes:{backgroundColor:{control:"color"}},decorators:[_decorators_withColorScheme__WEBPACK_IMPORTED_MODULE_1__.c]},Active={args:{placeholder:"Insert a value",disabled:!1}},Disabled={args:{placeholder:"Insert a value"}};Active.parameters={...Active.parameters,docs:{...Active.parameters?.docs,source:{originalSource:'{\n args: {\n placeholder: "Insert a value",\n disabled: false\n }\n}',...Active.parameters?.docs?.source}}},Disabled.parameters={...Disabled.parameters,docs:{...Disabled.parameters?.docs,source:{originalSource:'{\n args: {\n placeholder: "Insert a value"\n }\n}',...Disabled.parameters?.docs?.source}}};const __namedExportsOrder=["Active","Disabled"]},"./src/components/text-area/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{K:()=>TextArea,Z:()=>src_components_text_area});var react=__webpack_require__("./node_modules/react/index.js"),clsx_m=__webpack_require__("./node_modules/clsx/dist/clsx.m.js"),index_esm=__webpack_require__("./node_modules/react-icons/tb/index.esm.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),text_area=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./src/components/text-area/index.css"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(text_area.Z,options);text_area.Z&&text_area.Z.locals&&text_area.Z.locals;var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function TextArea({buttonDisabled=!1,className="",disabled=!0,error={is:!1,message:""},hasToggleButton=!0,hideHeight="5rem",label,labelClass,placeholder="Insert value",showHeight="10rem",style={},textareaClassName="",...rest}){const ref=(0,react.useRef)(),[isShow,setIsShow]=(0,react.useState)(!1);return(0,jsx_runtime.jsxs)("div",{className:(0,clsx_m.Z)("textarea",className),style,children:[(0,jsx_runtime.jsxs)("div",{className:"textarea__header",children:[label&&(0,jsx_runtime.jsx)("label",{className:labelClass,children:label}),error&&error.is&&(0,jsx_runtime.jsx)("span",{className:"textarea__header--error",children:error.message})]}),(0,jsx_runtime.jsx)("textarea",{ref,className:(0,clsx_m.Z)("textarea__input",error.is&&"textarea__input--error",textareaClassName),style:{height:hasToggleButton?hideHeight:showHeight},placeholder,disabled,...rest}),hasToggleButton&&(0,jsx_runtime.jsx)("button",{type:"button",className:(0,clsx_m.Z)("textarea__button",isShow&&"textarea__button--show",error.is&&"textarea__button--error"),onClick:()=>{ref&&ref.current&&(ref.current.style.height=isShow?hideHeight:showHeight,setIsShow((prev=>!prev)))},disabled:buttonDisabled,children:(0,jsx_runtime.jsx)(index_esm.RPH,{size:"1.5rem"})})]})}TextArea.displayName="TextArea";const src_components_text_area=TextArea;try{TextArea.displayName="TextArea",TextArea.__docgenInfo={description:"",displayName:"TextArea",props:{className:{defaultValue:{value:""},description:"Custom css class name textarea wrapper.",name:"className",required:!1,type:{name:"string"}},disabled:{defaultValue:{value:"true"},description:"Disable prop",name:"disabled",required:!1,type:{name:"boolean"}},error:{defaultValue:{value:'{\n is: false,\n message: "",\n }'},description:"Error message to show when input has an error.",name:"error",required:!1,type:{name:"{ message?: string | false | FieldError | Merge<FieldError, FieldErrorsImpl<any>>; is?: boolean; } | undefined"}},hasToggleButton:{defaultValue:{value:"true"},description:"",name:"hasToggleButton",required:!1,type:{name:"boolean"}},hideHeight:{defaultValue:{value:"5rem"},description:"Minimum height if toggle button is true",name:"hideHeight",required:!1,type:{name:"string"}},placeholder:{defaultValue:{value:"Insert value"},description:"Placeholder for textarea html tag",name:"placeholder",required:!1,type:{name:"string"}},showHeight:{defaultValue:{value:"10rem"},description:"Maximum height if toggle button is false",name:"showHeight",required:!1,type:{name:"string"}},style:{defaultValue:{value:"{}"},description:"Style textarea group wrapper",name:"style",required:!1,type:{name:"CSSProperties"}},textareaClassName:{defaultValue:{value:""},description:"Classname of the textarea",name:"textareaClassName",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string"}},labelClass:{defaultValue:null,description:"",name:"labelClass",required:!1,type:{name:"string"}},buttonDisabled:{defaultValue:{value:"false"},description:"",name:"buttonDisabled",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/text-area/index.tsx#TextArea"]={docgenInfo:TextArea.__docgenInfo,name:"TextArea",path:"src/components/text-area/index.tsx#TextArea"})}catch(__react_docgen_typescript_loader_error){}},"./src/context/theme/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Fg:()=>useTheme,f6:()=>ThemeProvider});var 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");const ThemeContext=(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(void 0);function ThemeProvider({children,dataTheme:dataThemeProp,dataPalette:dataPaletteProp="water"}){const[dataTheme,setDataTheme]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),[dataPalette,setDataPalette]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)();(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{dataPaletteProp&&switchDataPalette(dataPaletteProp)}),[dataPaletteProp]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{dataThemeProp&&switchDataTheme(dataThemeProp)}),[dataThemeProp]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{window.matchMedia&&(localStorage.getItem("data-theme")?(document.documentElement.setAttribute("data-theme",localStorage.getItem("data-theme")),setDataTheme(localStorage.getItem("data-theme"))):window.matchMedia("(prefers-color-scheme: dark)").matches&&(document.documentElement.setAttribute("data-theme","dark"),setDataTheme("dark")))}),[]);const switchDataTheme=mode=>{document.documentElement.setAttribute("data-theme",mode),setDataTheme(mode),localStorage.setItem("data-theme",mode)},switchDataPalette=mode=>{document.documentElement.setAttribute("data-palette",mode),setDataPalette(mode),localStorage.setItem("palette-theme",mode)};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(ThemeContext.Provider,{value:{dataTheme,switchDataTheme,dataPalette,switchDataPalette},children})}function useTheme(){const context=(0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(ThemeContext);if(void 0===context)throw new Error("useTheme must be used within a ThemeProvider");return context}ThemeProvider.displayName="ThemeProvider";try{ThemeProvider.displayName="ThemeProvider",ThemeProvider.__docgenInfo={description:"",displayName:"ThemeProvider",props:{dataTheme:{defaultValue:null,description:"",name:"dataTheme",required:!1,type:{name:"enum",value:[{value:'"light"'},{value:'"dark"'}]}},dataPalette:{defaultValue:null,description:"",name:"dataPalette",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/context/theme/index.tsx#ThemeProvider"]={docgenInfo:ThemeProvider.__docgenInfo,name:"ThemeProvider",path:"src/context/theme/index.tsx#ThemeProvider"})}catch(__react_docgen_typescript_loader_error){}},"./src/decorators/withColorScheme.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{c:()=>withColorScheme});var _context_theme__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/context/theme/index.tsx"),react__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("./src/styles/variables.css"),__webpack_require__("./node_modules/react/index.js")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const withColorScheme=(Story,context)=>((0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)((()=>{document.documentElement.style.height="100%",document.body.style.height="100%",document.getElementById("storybook-root").style.height="100%"}),[]),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_context_theme__WEBPACK_IMPORTED_MODULE_0__.f6,{dataTheme:context.globals.theme,dataPalette:context.globals.palette,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{style:{height:"100%",backgroundColor:"var(--color-neutral-900)"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Wrapped,{Story,context})})}));withColorScheme.displayName="withColorScheme";const Wrapped=({Story,context})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Story,{});Wrapped.displayName="Wrapped";try{Wrapped.displayName="Wrapped",Wrapped.__docgenInfo={description:"",displayName:"Wrapped",props:{Story:{defaultValue:null,description:"",name:"Story",required:!0,type:{name:"AnnotatedStoryFn<ReactRenderer, Args>"}},context:{defaultValue:null,description:"",name:"context",required:!0,type:{name:"StoryContext<StrictArgs>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/decorators/withColorScheme.tsx#Wrapped"]={docgenInfo:Wrapped.__docgenInfo,name:"Wrapped",path:"src/decorators/withColorScheme.tsx#Wrapped"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/clsx/dist/clsx.m.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__=function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./src/components/text-area/index.css":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".textarea {\n margin-bottom: var(--spacing-8);\n position: relative;\n width: 100%;\n}\n\n.textarea__header {\n align-items: center;\n display: flex;\n justify-content: space-between;\n width: 100%;\n}\n\n.textarea__header--error {\n font-size: 12px;\n color: var(--color-danger);\n\n}\n\n.textarea__input {\n background-color: var(--color-white);\n box-sizing: border-box;\n border-radius: var(--spacing-8);\n border: 2px solid var(--color-primary);\n cursor: text;\n color: var(--color-black);\n outline: none;\n padding: var(--spacing-8) var(--spacing-16);\n resize: vertical;\n width: 100%;\n}\n\n.textarea__input--error {\n border: 3px solid var(--color-danger);\n}\n\n.textarea__input:enabled:hover {\n box-shadow: 4px 6px 4px 0 var(--color-neutral-400);\n transition: var(--transition-box-shadow-cubic-bezier);\n}\n\n.textarea__input:disabled {\n opacity: 0.5;\n}\n\n.textarea__button {\n background: var(--color-primary);\n border: 2px solid var(--color-secondary);\n box-shadow: 2px 4px 2px 1px rgba(0, 0, 0, 0.25);\n border-radius: 0px 0px var(--spacing-8) var(--spacing-8);\n bottom: 0;\n cursor: pointer;\n left: 0;\n padding-bottom: -20px;\n position: absolute;\n width: 100%;\n}\n\n.textarea__button--error {\n background: var(--color-danger) !important;\n border: 3px solid var(--color-danger);\n}\n\n.textarea__button > svg {\n color: var(--color-neutral-100);\n}\n\n.textarea__button:disabled {\n cursor: unset;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.textarea__button:enabled:hover {\n background: var(--color-secondary);\n color: var(--color-neutral-100);\n}\n\n.textarea__button--show {\n background: var(--color-primary-700);\n color: var(--color-neutral-100);\n}\n","",{version:3,sources:["webpack://./src/components/text-area/index.css"],names:[],mappings:"AAAA;EACE,+BAA+B;EAC/B,kBAAkB;EAClB,WAAW;AACb;;AAEA;EACE,mBAAmB;EACnB,aAAa;EACb,8BAA8B;EAC9B,WAAW;AACb;;AAEA;EACE,eAAe;EACf,0BAA0B;;AAE5B;;AAEA;EACE,oCAAoC;EACpC,sBAAsB;EACtB,+BAA+B;EAC/B,sCAAsC;EACtC,YAAY;EACZ,yBAAyB;EACzB,aAAa;EACb,2CAA2C;EAC3C,gBAAgB;EAChB,WAAW;AACb;;AAEA;EACE,qCAAqC;AACvC;;AAEA;EACE,kDAAkD;EAClD,qDAAqD;AACvD;;AAEA;EACE,YAAY;AACd;;AAEA;EACE,gCAAgC;EAChC,wCAAwC;EACxC,+CAA+C;EAC/C,wDAAwD;EACxD,SAAS;EACT,eAAe;EACf,OAAO;EACP,qBAAqB;EACrB,kBAAkB;EAClB,WAAW;AACb;;AAEA;EACE,0CAA0C;EAC1C,qCAAqC;AACvC;;AAEA;EACE,+BAA+B;AACjC;;AAEA;EACE,aAAa;EACb,YAAY;EACZ,oBAAoB;AACtB;;AAEA;EACE,kCAAkC;EAClC,+BAA+B;AACjC;;AAEA;EACE,oCAAoC;EACpC,+BAA+B;AACjC",sourcesContent:[".textarea {\n margin-bottom: var(--spacing-8);\n position: relative;\n width: 100%;\n}\n\n.textarea__header {\n align-items: center;\n display: flex;\n justify-content: space-between;\n width: 100%;\n}\n\n.textarea__header--error {\n font-size: 12px;\n color: var(--color-danger);\n\n}\n\n.textarea__input {\n background-color: var(--color-white);\n box-sizing: border-box;\n border-radius: var(--spacing-8);\n border: 2px solid var(--color-primary);\n cursor: text;\n color: var(--color-black);\n outline: none;\n padding: var(--spacing-8) var(--spacing-16);\n resize: vertical;\n width: 100%;\n}\n\n.textarea__input--error {\n border: 3px solid var(--color-danger);\n}\n\n.textarea__input:enabled:hover {\n box-shadow: 4px 6px 4px 0 var(--color-neutral-400);\n transition: var(--transition-box-shadow-cubic-bezier);\n}\n\n.textarea__input:disabled {\n opacity: 0.5;\n}\n\n.textarea__button {\n background: var(--color-primary);\n border: 2px solid var(--color-secondary);\n box-shadow: 2px 4px 2px 1px rgba(0, 0, 0, 0.25);\n border-radius: 0px 0px var(--spacing-8) var(--spacing-8);\n bottom: 0;\n cursor: pointer;\n left: 0;\n padding-bottom: -20px;\n position: absolute;\n width: 100%;\n}\n\n.textarea__button--error {\n background: var(--color-danger) !important;\n border: 3px solid var(--color-danger);\n}\n\n.textarea__button > svg {\n color: var(--color-neutral-100);\n}\n\n.textarea__button:disabled {\n cursor: unset;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.textarea__button:enabled:hover {\n background: var(--color-secondary);\n color: var(--color-neutral-100);\n}\n\n.textarea__button--show {\n background: var(--color-primary-700);\n color: var(--color-neutral-100);\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/react-icons/lib/esm/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{w_:()=>GenIcon});var react=__webpack_require__("./node_modules/react/index.js"),DefaultContext={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},IconContext=react.createContext&&react.createContext(DefaultContext),__assign=function(){return __assign=Object.assign||function(t){for(var s,i=1,n=arguments.length;i<n;i++)for(var p in s=arguments[i])Object.prototype.hasOwnProperty.call(s,p)&&(t[p]=s[p]);return t},__assign.apply(this,arguments)},__rest=function(s,e){var t={};for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0&&(t[p]=s[p]);if(null!=s&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(p=Object.getOwnPropertySymbols(s);i<p.length;i++)e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i])&&(t[p[i]]=s[p[i]])}return t};function Tree2Element(tree){return tree&&tree.map((function(node,i){return react.createElement(node.tag,__assign({key:i},node.attr),Tree2Element(node.child))}))}function GenIcon(data){return function(props){return react.createElement(IconBase,__assign({attr:__assign({},data.attr)},props),Tree2Element(data.child))}}function IconBase(props){var elem=function(conf){var className,attr=props.attr,size=props.size,title=props.title,svgProps=__rest(props,["attr","size","title"]),computedSize=size||conf.size||"1em";return conf.className&&(className=conf.className),props.className&&(className=(className?className+" ":"")+props.className),react.createElement("svg",__assign({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},conf.attr,attr,svgProps,{className,style:__assign(__assign({color:props.color||conf.color},conf.style),props.style),height:computedSize,width:computedSize,xmlns:"http://www.w3.org/2000/svg"}),title&&react.createElement("title",null,title),props.children)};return void 0!==IconContext?react.createElement(IconContext.Consumer,null,(function(conf){return elem(conf)})):elem(DefaultContext)}},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
/*! For license information please see context-loading-index-stories.4d6c26b7.iframe.bundle.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunk_geoinsight_react_components=self.webpackChunk_geoinsight_react_components||[]).push([[480],{"./src/context/loading/index.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,CustomImage:()=>CustomImage,CustomMessage:()=>CustomMessage,__namedExportsOrder:()=>__namedExportsOrder,default:()=>index_stories});var withColorScheme=__webpack_require__("./src/decorators/withColorScheme.tsx"),react=__webpack_require__("./node_modules/react/index.js"),loading=__webpack_require__("./src/components/loading/index.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const LoadingContext=(0,react.createContext)(void 0);function loadingReducer(state,action){switch(action.type){case"set_ref":return{...state,ref:action.ref};case"start_loading":return{...state,isLoading:!0};case"stop_loading":return{...state,isLoading:!1};case"set_message":return{...state,message:action.message};default:throw new Error(`Unhandled action type: ${action.type}`)}}function LoadingProvider({children}){const[{isLoading,message,ref},dispatch]=(0,react.useReducer)(loadingReducer,{isLoading:!1,message:"Loading",ref:void 0});return(0,jsx_runtime.jsxs)(LoadingContext.Provider,{value:{state:{ref,message,isLoading},setMessage:message=>{dispatch({type:"set_message",message})},setRef:ref=>{dispatch({type:"set_ref",ref})},startLoading:()=>{dispatch({type:"start_loading"})},stopLoading:()=>{dispatch({type:"stop_loading"})}},children:[!ref&&(0,jsx_runtime.jsx)(loading.Z,{children:message}),children]})}function useLoading({ref,message}={}){const context=(0,react.useContext)(LoadingContext);if((0,react.useEffect)((()=>{ref&&context?.setRef(ref),message&&context?.setMessage(message)}),[]),void 0===context)throw new Error("useLoading must be used within a LoadingProvider");return context}LoadingProvider.displayName="LoadingProvider";try{LoadingProvider.displayName="LoadingProvider",LoadingProvider.__docgenInfo={description:"",displayName:"LoadingProvider",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/context/loading/index.tsx#LoadingProvider"]={docgenInfo:LoadingProvider.__docgenInfo,name:"LoadingProvider",path:"src/context/loading/index.tsx#LoadingProvider"})}catch(__react_docgen_typescript_loader_error){}try{useLoading.displayName="useLoading",useLoading.__docgenInfo={description:"",displayName:"useLoading",props:{ref:{defaultValue:null,description:"",name:"ref",required:!1,type:{name:"RefObject<ReactNode>"}},message:{defaultValue:null,description:"",name:"message",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/context/loading/index.tsx#useLoading"]={docgenInfo:useLoading.__docgenInfo,name:"useLoading",path:"src/context/loading/index.tsx#useLoading"})}catch(__react_docgen_typescript_loader_error){}const LoadingProviderMock=({Story,loadingOptions,loadingArgs})=>{const ref=(0,react.useRef)(),loading=useLoading({...loadingOptions?.isRef&&{ref},...loadingOptions?.message&&{message:loadingOptions.message}});return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[loading.state.ref&&(0,jsx_runtime.jsx)("img",{ref,src:loadingArgs.img}),(0,jsx_runtime.jsx)(Story,{})]})},withLoading=(Story,context)=>(0,jsx_runtime.jsx)(LoadingProvider,{children:(0,jsx_runtime.jsx)(LoadingProviderMock,{Story,loadingOptions:context.parameters.loadingOptions,loadingArgs:context.args})});withLoading.displayName="withLoading";const spinner_2_namespaceObject=__webpack_require__.p+"static/media/spinner_2.6f37ee56.png",index_stories={title:"Context/Loading",component:()=>(0,jsx_runtime.jsx)("div",{}),decorators:[withColorScheme.c,withLoading]},Basic={},CustomMessage={parameters:{loadingOptions:{message:"Updating form"}}},CustomImage={parameters:{loadingOptions:{isRef:!0}},args:{img:spinner_2_namespaceObject}};Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:"{}",...Basic.parameters?.docs?.source}}},CustomMessage.parameters={...CustomMessage.parameters,docs:{...CustomMessage.parameters?.docs,source:{originalSource:'{\n parameters: {\n loadingOptions: {\n message: "Updating form"\n }\n }\n}',...CustomMessage.parameters?.docs?.source}}},CustomImage.parameters={...CustomImage.parameters,docs:{...CustomImage.parameters?.docs,source:{originalSource:"{\n parameters: {\n loadingOptions: {\n isRef: true\n }\n },\n args: {\n img: spinner\n }\n}",...CustomImage.parameters?.docs?.source}}};const __namedExportsOrder=["Basic","CustomMessage","CustomImage"]},"./src/components/loading/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{g:()=>Loading,Z:()=>src_components_loading});var injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),loading=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./src/components/loading/index.css"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(loading.Z,options);loading.Z&&loading.Z.locals&&loading.Z.locals;var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Loading({img,children}){return(0,jsx_runtime.jsxs)("div",{className:"loading",children:[(0,jsx_runtime.jsx)("img",{src:img||"../../stories/assets/loading.gif"}),children]})}Loading.displayName="Loading";const src_components_loading=Loading;try{Loading.displayName="Loading",Loading.__docgenInfo={description:"",displayName:"Loading",props:{img:{defaultValue:null,description:"Image or gif used",name:"img",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"Message that its sent",name:"children",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/loading/index.tsx#Loading"]={docgenInfo:Loading.__docgenInfo,name:"Loading",path:"src/components/loading/index.tsx#Loading"})}catch(__react_docgen_typescript_loader_error){}},"./src/context/theme/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Fg:()=>useTheme,f6:()=>ThemeProvider});var 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");const ThemeContext=(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(void 0);function ThemeProvider({children,dataTheme:dataThemeProp,dataPalette:dataPaletteProp="water"}){const[dataTheme,setDataTheme]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),[dataPalette,setDataPalette]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)();(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{dataPaletteProp&&switchDataPalette(dataPaletteProp)}),[dataPaletteProp]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{dataThemeProp&&switchDataTheme(dataThemeProp)}),[dataThemeProp]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{window.matchMedia&&(localStorage.getItem("data-theme")?(document.documentElement.setAttribute("data-theme",localStorage.getItem("data-theme")),setDataTheme(localStorage.getItem("data-theme"))):window.matchMedia("(prefers-color-scheme: dark)").matches&&(document.documentElement.setAttribute("data-theme","dark"),setDataTheme("dark")))}),[]);const switchDataTheme=mode=>{document.documentElement.setAttribute("data-theme",mode),setDataTheme(mode),localStorage.setItem("data-theme",mode)},switchDataPalette=mode=>{document.documentElement.setAttribute("data-palette",mode),setDataPalette(mode),localStorage.setItem("palette-theme",mode)};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(ThemeContext.Provider,{value:{dataTheme,switchDataTheme,dataPalette,switchDataPalette},children})}function useTheme(){const context=(0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(ThemeContext);if(void 0===context)throw new Error("useTheme must be used within a ThemeProvider");return context}ThemeProvider.displayName="ThemeProvider";try{ThemeProvider.displayName="ThemeProvider",ThemeProvider.__docgenInfo={description:"",displayName:"ThemeProvider",props:{dataTheme:{defaultValue:null,description:"",name:"dataTheme",required:!1,type:{name:"enum",value:[{value:'"light"'},{value:'"dark"'}]}},dataPalette:{defaultValue:null,description:"",name:"dataPalette",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/context/theme/index.tsx#ThemeProvider"]={docgenInfo:ThemeProvider.__docgenInfo,name:"ThemeProvider",path:"src/context/theme/index.tsx#ThemeProvider"})}catch(__react_docgen_typescript_loader_error){}},"./src/decorators/withColorScheme.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{c:()=>withColorScheme});var _context_theme__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/context/theme/index.tsx"),react__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("./src/styles/variables.css"),__webpack_require__("./node_modules/react/index.js")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const withColorScheme=(Story,context)=>((0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)((()=>{document.documentElement.style.height="100%",document.body.style.height="100%",document.getElementById("storybook-root").style.height="100%"}),[]),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_context_theme__WEBPACK_IMPORTED_MODULE_0__.f6,{dataTheme:context.globals.theme,dataPalette:context.globals.palette,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{style:{height:"100%",backgroundColor:"var(--color-neutral-900)"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Wrapped,{Story,context})})}));withColorScheme.displayName="withColorScheme";const Wrapped=({Story,context})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Story,{});Wrapped.displayName="Wrapped";try{Wrapped.displayName="Wrapped",Wrapped.__docgenInfo={description:"",displayName:"Wrapped",props:{Story:{defaultValue:null,description:"",name:"Story",required:!0,type:{name:"AnnotatedStoryFn<ReactRenderer, Args>"}},context:{defaultValue:null,description:"",name:"context",required:!0,type:{name:"StoryContext<StrictArgs>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/decorators/withColorScheme.tsx#Wrapped"]={docgenInfo:Wrapped.__docgenInfo,name:"Wrapped",path:"src/decorators/withColorScheme.tsx#Wrapped"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./src/components/loading/index.css":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".loading {\n align-items: center;\n display: flex;\n flex-direction: column;\n height: 100%;\n justify-content: center;;\n position: relative;\n}\n","",{version:3,sources:["webpack://./src/components/loading/index.css"],names:[],mappings:"AAAA;EACE,mBAAmB;EACnB,aAAa;EACb,sBAAsB;EACtB,YAAY;EACZ,uBAAuB;EACvB,kBAAkB;AACpB",sourcesContent:[".loading {\n align-items: center;\n display: flex;\n flex-direction: column;\n height: 100%;\n justify-content: center;;\n position: relative;\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";(self.webpackChunk_geoinsight_react_components=self.webpackChunk_geoinsight_react_components||[]).push([[976],{"./src/context/modal/index.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Basic:()=>Basic,__namedExportsOrder:()=>__namedExportsOrder,default:()=>index_stories});var react=__webpack_require__("./node_modules/react/index.js"),components_modal=__webpack_require__("./src/components/modal/index.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const ModalContext=(0,react.createContext)(void 0);function modalReducer(state,action){switch(action.type){case"open_modal":return{...state,...action.modal,isModal:!0};case"close_modal":return{...state,isModal:!1};default:throw new Error(`Unhandled action type: ${action.type}`)}}const defaultState={subtitle:void 0,title:void 0,content:void 0,hasCloseButton:!0,hasOverlay:!0,footer:void 0,isCustom:!1,customRef:void 0,hasWindowClose:!0};function ModalProvider({children}){const ref=(0,react.useRef)(null),[state,dispatch]=(0,react.useReducer)(modalReducer,{isModal:!1,...defaultState}),closeModal=()=>{dispatch({type:"close_modal"})};return(0,react.useEffect)((()=>{if(state.isModal&&state.hasWindowClose){const listener=e=>{state.isModal&&ref.current&&!ref.current.contains(e.target)&&closeModal(),state.isModal&&state.customRef&&state.customRef.current&&!state.customRef.current.contains(e.target)&&closeModal()};return document.addEventListener("mousedown",listener),()=>{document.removeEventListener("mousedown",listener)}}}),[closeModal]),(0,jsx_runtime.jsxs)(ModalContext.Provider,{value:{state,openModal:modal=>{dispatch({type:"open_modal",modal})},closeModal},children:[children,state.isModal&&!state.isCustom&&(0,jsx_runtime.jsx)(components_modal.Z,{modalref:ref,title:state.title,footer:state.footer,handleClose:closeModal,subtitle:state.subtitle,hasCloseButton:state.hasCloseButton,hasOverlay:state.hasOverlay,children:state.content})]})}function useModal({}={}){const context=(0,react.useContext)(ModalContext);if(void 0===context)throw new Error("useModal must be used within a ModalProvider");return context}ModalProvider.displayName="ModalProvider";try{ModalProvider.displayName="ModalProvider",ModalProvider.__docgenInfo={description:"",displayName:"ModalProvider",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/context/modal/index.tsx#ModalProvider"]={docgenInfo:ModalProvider.__docgenInfo,name:"ModalProvider",path:"src/context/modal/index.tsx#ModalProvider"})}catch(__react_docgen_typescript_loader_error){}try{useModal.displayName="useModal",useModal.__docgenInfo={description:"",displayName:"useModal",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/context/modal/index.tsx#useModal"]={docgenInfo:useModal.__docgenInfo,name:"useModal",path:"src/context/modal/index.tsx#useModal"})}catch(__react_docgen_typescript_loader_error){}var components_button=__webpack_require__("./src/components/button/index.tsx");const ModalProviderMock=({Story,modalOptions,modalArgs})=>{const ref=(0,react.useRef)(),modal=useModal();return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(components_button.Z,{onClick:()=>modal.openModal({isCustom:!0,customRef:ref}),children:"Custom"}),modal.state.isModal&&(0,jsx_runtime.jsx)(components_modal.Z,{modalref:ref,handleClose:()=>modal.closeModal(),children:"2"})," */}",(0,jsx_runtime.jsx)(Story,{})]})},withModal=(Story,context)=>(0,jsx_runtime.jsx)(ModalProvider,{children:(0,jsx_runtime.jsx)(ModalProviderMock,{Story,modalOptions:context.parameters.modalOptions,modalArgs:context.args})});withModal.displayName="withModal";const index_stories={title:"Context/Modal",component:()=>(0,jsx_runtime.jsx)("div",{}),decorators:[withModal,__webpack_require__("./src/decorators/withColorScheme.tsx").c]},Basic={};Basic.parameters={...Basic.parameters,docs:{...Basic.parameters?.docs,source:{originalSource:"{}",...Basic.parameters?.docs?.source}}};const __namedExportsOrder=["Basic"]},"./src/components/button/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{z:()=>Button,Z:()=>src_components_button_0});var clsx_m=__webpack_require__("./node_modules/clsx/dist/clsx.m.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),components_button=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./src/components/button/index.css"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(components_button.Z,options);components_button.Z&&components_button.Z.locals&&components_button.Z.locals;var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");const Anchor=({Custom,children,...rest})=>Custom?(0,jsx_runtime.jsx)(Custom,{...rest,children}):(0,jsx_runtime.jsx)("a",{...rest,children});function Button({children="Click me",className="",icon,isNewWindow=!1,mode="primary",size="medium",as="button",CustomAnchor,...rest}){return"link"===as?(0,jsx_runtime.jsxs)(Anchor,{Custom:CustomAnchor,...isNewWindow&&{target:"_blank"},className:(0,clsx_m.Z)(`button ${className}`,"secondary"===mode?`button button__${mode}`:"button__link",`button__${size}`),...rest,children:[children,icon]}):(0,jsx_runtime.jsxs)("button",{className:(0,clsx_m.Z)("button",`button__${mode}`,`button__${size}`,className),...rest,children:[children,icon]})}const src_components_button_0=Button;try{Button.displayName="Button",Button.__docgenInfo={description:"",displayName:"Button",props:{children:{defaultValue:{value:"Click me"},description:"What to put inside the button (string or html elements)",name:"children",required:!1,type:{name:"string | Element"}},className:{defaultValue:{value:""},description:"Custom css class name",name:"className",required:!1,type:{name:"string"}},icon:{defaultValue:{value:"undefined"},description:"If you want to add an icon image next to the children. Needs to be an react html element.",name:"icon",required:!1,type:{name:"Element"}},isNewWindow:{defaultValue:{value:"false"},description:"If you want to open a new window on the browser when you click the button. Only applies to html anchor elements.",name:"isNewWindow",required:!1,type:{name:"boolean"}},mode:{defaultValue:{value:"primary"},description:"Css mode used to style the button.",name:"mode",required:!1,type:{name:"enum",value:[{value:'"icon"'},{value:'"primary"'},{value:'"secondary"'}]}},size:{defaultValue:{value:"medium"},description:"Button size.",name:"size",required:!1,type:{name:"enum",value:[{value:'"small"'},{value:'"medium"'},{value:'"large"'}]}},as:{defaultValue:{value:"button"},description:"Button type.",name:"as",required:!1,type:{name:"enum",value:[{value:'"button"'},{value:'"link"'}]}},CustomAnchor:{defaultValue:null,description:"",name:"CustomAnchor",required:!1,type:{name:"ComponentClass<any, any>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/button/index.tsx#Button"]={docgenInfo:Button.__docgenInfo,name:"Button",path:"src/components/button/index.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}},"./src/components/modal/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{u:()=>Modal,Z:()=>src_components_modal});var index_esm=__webpack_require__("./node_modules/react-icons/io5/index.esm.js"),injectStylesIntoStyleTag=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styleDomAPI=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),styleDomAPI_default=__webpack_require__.n(styleDomAPI),insertBySelector=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),insertBySelector_default=__webpack_require__.n(insertBySelector),setAttributesWithoutAttributes=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),setAttributesWithoutAttributes_default=__webpack_require__.n(setAttributesWithoutAttributes),insertStyleElement=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),insertStyleElement_default=__webpack_require__.n(insertStyleElement),styleTagTransform=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),styleTagTransform_default=__webpack_require__.n(styleTagTransform),modal=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./src/components/modal/index.css"),options={};options.styleTagTransform=styleTagTransform_default(),options.setAttributes=setAttributesWithoutAttributes_default(),options.insert=insertBySelector_default().bind(null,"head"),options.domAPI=styleDomAPI_default(),options.insertStyleElement=insertStyleElement_default();injectStylesIntoStyleTag_default()(modal.Z,options);modal.Z&&modal.Z.locals&&modal.Z.locals;var components_button=__webpack_require__("./src/components/button/index.tsx"),clsx_m=__webpack_require__("./node_modules/clsx/dist/clsx.m.js"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Modal({className,modalref,children,title,subtitle,footer,hasOverlay=!0,hasCloseButton=!0,handleClose,...rest}){return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[hasOverlay&&(0,jsx_runtime.jsx)("div",{className:"modal-overlay"}),(0,jsx_runtime.jsxs)("div",{ref:modalref,className:(0,clsx_m.Z)("modal",className),...rest,children:[hasCloseButton&&(0,jsx_runtime.jsx)(components_button.Z,{mode:"secondary",className:"modal__close",size:"small",onClick:handleClose,children:(0,jsx_runtime.jsx)(index_esm.bjh,{})}),(0,jsx_runtime.jsxs)("div",{className:"modal__content",children:[title&&(0,jsx_runtime.jsxs)("div",{className:"modal__header",children:[(0,jsx_runtime.jsx)("h3",{children:title}),(0,jsx_runtime.jsx)("h6",{children:subtitle})]}),(0,jsx_runtime.jsx)("div",{className:"modal__children",children}),footer&&(0,jsx_runtime.jsx)("div",{className:"modal__footer",children:footer})]})]})]})}const src_components_modal=Modal;try{Modal.displayName="Modal",Modal.__docgenInfo={description:"",displayName:"Modal",props:{className:{defaultValue:null,description:"Custom css class name.",name:"className",required:!1,type:{name:"string"}},children:{defaultValue:null,description:"Children",name:"children",required:!1,type:{name:"ReactNode"}},footer:{defaultValue:null,description:"Modal footer",name:"footer",required:!1,type:{name:"ReactNode"}},handleClose:{defaultValue:null,description:"Close click function",name:"handleClose",required:!1,type:{name:"any"}},hasCloseButton:{defaultValue:{value:"true"},description:"Modal close button",name:"hasCloseButton",required:!1,type:{name:"boolean"}},hasOverlay:{defaultValue:{value:"true"},description:"Overlay div",name:"hasOverlay",required:!1,type:{name:"boolean"}},modalref:{defaultValue:null,description:"Modal body ref",name:"modalref",required:!1,type:{name:"LegacyRef<HTMLDivElement>"}},subtitle:{defaultValue:null,description:"Subtitle of the modal",name:"subtitle",required:!1,type:{name:"ReactNode"}},title:{defaultValue:null,description:"Title of the modal",name:"title",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/modal/index.tsx#Modal"]={docgenInfo:Modal.__docgenInfo,name:"Modal",path:"src/components/modal/index.tsx#Modal"})}catch(__react_docgen_typescript_loader_error){}},"./src/context/theme/index.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Fg:()=>useTheme,f6:()=>ThemeProvider});var 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");const ThemeContext=(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)(void 0);function ThemeProvider({children,dataTheme:dataThemeProp,dataPalette:dataPaletteProp="water"}){const[dataTheme,setDataTheme]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),[dataPalette,setDataPalette]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)();(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{dataPaletteProp&&switchDataPalette(dataPaletteProp)}),[dataPaletteProp]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{dataThemeProp&&switchDataTheme(dataThemeProp)}),[dataThemeProp]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{window.matchMedia&&(localStorage.getItem("data-theme")?(document.documentElement.setAttribute("data-theme",localStorage.getItem("data-theme")),setDataTheme(localStorage.getItem("data-theme"))):window.matchMedia("(prefers-color-scheme: dark)").matches&&(document.documentElement.setAttribute("data-theme","dark"),setDataTheme("dark")))}),[]);const switchDataTheme=mode=>{document.documentElement.setAttribute("data-theme",mode),setDataTheme(mode),localStorage.setItem("data-theme",mode)},switchDataPalette=mode=>{document.documentElement.setAttribute("data-palette",mode),setDataPalette(mode),localStorage.setItem("palette-theme",mode)};return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(ThemeContext.Provider,{value:{dataTheme,switchDataTheme,dataPalette,switchDataPalette},children})}function useTheme(){const context=(0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(ThemeContext);if(void 0===context)throw new Error("useTheme must be used within a ThemeProvider");return context}ThemeProvider.displayName="ThemeProvider";try{ThemeProvider.displayName="ThemeProvider",ThemeProvider.__docgenInfo={description:"",displayName:"ThemeProvider",props:{dataTheme:{defaultValue:null,description:"",name:"dataTheme",required:!1,type:{name:"enum",value:[{value:'"light"'},{value:'"dark"'}]}},dataPalette:{defaultValue:null,description:"",name:"dataPalette",required:!1,type:{name:"any"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/context/theme/index.tsx#ThemeProvider"]={docgenInfo:ThemeProvider.__docgenInfo,name:"ThemeProvider",path:"src/context/theme/index.tsx#ThemeProvider"})}catch(__react_docgen_typescript_loader_error){}},"./src/decorators/withColorScheme.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{c:()=>withColorScheme});var _context_theme__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/context/theme/index.tsx"),react__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("./src/styles/variables.css"),__webpack_require__("./node_modules/react/index.js")),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/react/jsx-runtime.js");const withColorScheme=(Story,context)=>((0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)((()=>{document.documentElement.style.height="100%",document.body.style.height="100%",document.getElementById("storybook-root").style.height="100%"}),[]),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_context_theme__WEBPACK_IMPORTED_MODULE_0__.f6,{dataTheme:context.globals.theme,dataPalette:context.globals.palette,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div",{style:{height:"100%",backgroundColor:"var(--color-neutral-900)"},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Wrapped,{Story,context})})}));withColorScheme.displayName="withColorScheme";const Wrapped=({Story,context})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(Story,{});Wrapped.displayName="Wrapped";try{Wrapped.displayName="Wrapped",Wrapped.__docgenInfo={description:"",displayName:"Wrapped",props:{Story:{defaultValue:null,description:"",name:"Story",required:!0,type:{name:"AnnotatedStoryFn<ReactRenderer, Args>"}},context:{defaultValue:null,description:"",name:"context",required:!0,type:{name:"StoryContext<StrictArgs>"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/decorators/withColorScheme.tsx#Wrapped"]={docgenInfo:Wrapped.__docgenInfo,name:"Wrapped",path:"src/decorators/withColorScheme.tsx#Wrapped"})}catch(__react_docgen_typescript_loader_error){}},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./src/components/button/index.css":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".button {\n align-items: center;\n border-radius: var(--spacing-32);\n border: none;\n cursor: pointer;\n display: flex;\n justify-content: center;\n gap: var(--spacing-8);\n font-size: var(--font-size-16);\n}\n\n/* \n.button--active {\n background-color: var(--color-neutral-500) !important;\n} */\n\n.button:disabled {\n cursor: unset;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.button:hover {\n background-color: var(--color-primary);\n transition: var(--transition-bg-cubic-bezier);\n}\n\n.button__link {\n background-color: unset !important;\n color: var(--color-neutral-100);\n text-decoration: underline transparent;\n}\n\n.button__link:hover {\n color: var(--color-primary);\n text-decoration: underline 0.1rem var(--color-primary);\n text-underline-offset: var(--spacing-8);\n transition: var(--transition-color-cubic-bezier),\n var(--transition-text-decoration-cubic-bezier);\n}\n\n.button__primary {\n background-color: var(--color-secondary);\n border: 3px solid var(--color-primary);\n}\n\n.button__primary:hover {\n box-shadow: 0 4px 4px 0 var(--color-neutral-400);\n transition: var(--transition-bg-cubic-bezier), var(--transition-box-shadow-cubic-bezier);\n}\n\n.button__secondary {\n background-color: var(--color-neutral-900);\n border: 3px solid var(--color-primary);\n color: var(--color-neutral-100);\n}\n\n.button__secondary:hover {\n background-color: var(--color-primary);\n}\n\n.button__icon {\n background-color: unset;\n}\n\n.button__icon:hover {\n box-shadow: unset;\n}\n\n.button__small {\n padding: var(--spacing-4);\n}\n\n.button__medium {\n padding: var(--spacing-8) var(--spacing-24);\n}\n\n.button__large {\n padding: var(--spacing-16);\n}\n","",{version:3,sources:["webpack://./src/components/button/index.css"],names:[],mappings:"AAAA;EACE,mBAAmB;EACnB,gCAAgC;EAChC,YAAY;EACZ,eAAe;EACf,aAAa;EACb,uBAAuB;EACvB,qBAAqB;EACrB,8BAA8B;AAChC;;AAEA;;;GAGG;;AAEH;EACE,aAAa;EACb,YAAY;EACZ,oBAAoB;AACtB;;AAEA;EACE,sCAAsC;EACtC,6CAA6C;AAC/C;;AAEA;EACE,kCAAkC;EAClC,+BAA+B;EAC/B,sCAAsC;AACxC;;AAEA;EACE,2BAA2B;EAC3B,sDAAsD;EACtD,uCAAuC;EACvC;kDACgD;AAClD;;AAEA;EACE,wCAAwC;EACxC,sCAAsC;AACxC;;AAEA;EACE,gDAAgD;EAChD,wFAAwF;AAC1F;;AAEA;EACE,0CAA0C;EAC1C,sCAAsC;EACtC,+BAA+B;AACjC;;AAEA;EACE,sCAAsC;AACxC;;AAEA;EACE,uBAAuB;AACzB;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,2CAA2C;AAC7C;;AAEA;EACE,0BAA0B;AAC5B",sourcesContent:[".button {\n align-items: center;\n border-radius: var(--spacing-32);\n border: none;\n cursor: pointer;\n display: flex;\n justify-content: center;\n gap: var(--spacing-8);\n font-size: var(--font-size-16);\n}\n\n/* \n.button--active {\n background-color: var(--color-neutral-500) !important;\n} */\n\n.button:disabled {\n cursor: unset;\n opacity: 0.5;\n pointer-events: none;\n}\n\n.button:hover {\n background-color: var(--color-primary);\n transition: var(--transition-bg-cubic-bezier);\n}\n\n.button__link {\n background-color: unset !important;\n color: var(--color-neutral-100);\n text-decoration: underline transparent;\n}\n\n.button__link:hover {\n color: var(--color-primary);\n text-decoration: underline 0.1rem var(--color-primary);\n text-underline-offset: var(--spacing-8);\n transition: var(--transition-color-cubic-bezier),\n var(--transition-text-decoration-cubic-bezier);\n}\n\n.button__primary {\n background-color: var(--color-secondary);\n border: 3px solid var(--color-primary);\n}\n\n.button__primary:hover {\n box-shadow: 0 4px 4px 0 var(--color-neutral-400);\n transition: var(--transition-bg-cubic-bezier), var(--transition-box-shadow-cubic-bezier);\n}\n\n.button__secondary {\n background-color: var(--color-neutral-900);\n border: 3px solid var(--color-primary);\n color: var(--color-neutral-100);\n}\n\n.button__secondary:hover {\n background-color: var(--color-primary);\n}\n\n.button__icon {\n background-color: unset;\n}\n\n.button__icon:hover {\n box-shadow: unset;\n}\n\n.button__small {\n padding: var(--spacing-4);\n}\n\n.button__medium {\n padding: var(--spacing-8) var(--spacing-24);\n}\n\n.button__large {\n padding: var(--spacing-16);\n}\n"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./src/components/modal/index.css":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".modal-overlay {\n background: rgba(0, 0, 0, 0.3);\n bottom: 0;\n left: 0;\n position: fixed;\n right: 0;\n top: 0;\n}\n\n.modal {\n background: white;\n border-radius: var(--spacing-8);\n border: 1px solid var(--color-neutral-600);\n color: var(--color-black);\n left: 50%;\n padding: var(--spacing-4) var(--spacing-4);\n position: absolute;\n right: var(--spacing-16);\n top: 50%;\n transform: translate(-50%, -50%);\n z-index: 5;\n}\n\n.modal__close {\n position: absolute;\n right: calc(var(--spacing-16) * -1);\n top: calc(var(--spacing-16) * -1);\n z-index: 5;\n}\n\n.modal__content {\n border: 1px solid var(--color-neutral-100);\n border-radius: var(--spacing-8);\n display: flex;\n flex-direction: column;\n gap: var(--spacing-16);\n /* padding: 0 var(--spacing-16); */\n}\n\n.modal__footer {\n padding-bottom: var(--spacing-16);\n}","",{version:3,sources:["webpack://./src/components/modal/index.css"],names:[],mappings:"AAAA;EACE,8BAA8B;EAC9B,SAAS;EACT,OAAO;EACP,eAAe;EACf,QAAQ;EACR,MAAM;AACR;;AAEA;EACE,iBAAiB;EACjB,+BAA+B;EAC/B,0CAA0C;EAC1C,yBAAyB;EACzB,SAAS;EACT,0CAA0C;EAC1C,kBAAkB;EAClB,wBAAwB;EACxB,QAAQ;EACR,gCAAgC;EAChC,UAAU;AACZ;;AAEA;EACE,kBAAkB;EAClB,mCAAmC;EACnC,iCAAiC;EACjC,UAAU;AACZ;;AAEA;EACE,0CAA0C;EAC1C,+BAA+B;EAC/B,aAAa;EACb,sBAAsB;EACtB,sBAAsB;EACtB,kCAAkC;AACpC;;AAEA;EACE,iCAAiC;AACnC",sourcesContent:[".modal-overlay {\n background: rgba(0, 0, 0, 0.3);\n bottom: 0;\n left: 0;\n position: fixed;\n right: 0;\n top: 0;\n}\n\n.modal {\n background: white;\n border-radius: var(--spacing-8);\n border: 1px solid var(--color-neutral-600);\n color: var(--color-black);\n left: 50%;\n padding: var(--spacing-4) var(--spacing-4);\n position: absolute;\n right: var(--spacing-16);\n top: 50%;\n transform: translate(-50%, -50%);\n z-index: 5;\n}\n\n.modal__close {\n position: absolute;\n right: calc(var(--spacing-16) * -1);\n top: calc(var(--spacing-16) * -1);\n z-index: 5;\n}\n\n.modal__content {\n border: 1px solid var(--color-neutral-100);\n border-radius: var(--spacing-8);\n display: flex;\n flex-direction: column;\n gap: var(--spacing-16);\n /* padding: 0 var(--spacing-16); */\n}\n\n.modal__footer {\n padding-bottom: var(--spacing-16);\n}"],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(self.webpackChunk_geoinsight_react_components=self.webpackChunk_geoinsight_react_components||[]).push([[179],{"./.storybook/preview.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,globalTypes:()=>globalTypes,parameters:()=>parameters});__webpack_require__("./src/styles/variables.css"),__webpack_require__("./node_modules/@storybook/addon-console/dist/index.js");const parameters={actions:{argTypesRegex:"^on[A-Z].*"},controls:{matchers:{color:/(background|color)$/i,date:/Date$/}}},globalTypes={theme:{name:"Theme",description:"Global theme for components",defaultValue:"light",toolbar:{icon:"circlehollow",items:["light","dark"],showName:!0,dynamicTitle:!0}},palette:{name:"Palette",description:"Global theme for components",defaultValue:"forest",toolbar:{icon:"circlehollow",items:["water","forest","earth"],showName:!0,dynamicTitle:!0}}},__namedExportsOrder=["parameters","globalTypes"]},"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./src/styles/variables.css":(module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,"@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);"]),___CSS_LOADER_EXPORT___.push([module.id,':root {\n box-sizing: border-box;\n font-family: Poppins;\n font-size: var(--font-size-16);\n\n --font-size-10: 10px;\n --font-size-12: 12px;\n --font-size-14: 14px;\n --font-size-16: 16px;\n --font-size-18: 18px;\n --font-size-20: 20px;\n --font-size-24: 24px;\n --font-size-32: 32px;\n --font-size-40: 40px;\n\n --spacing-4: 0.25rem;\n --spacing-8: 0.5rem;\n --spacing-16: 1rem;\n --spacing-20: 1.25rem;\n --spacing-24: 1.5rem;\n --spacing-32: 2rem;\n --spacing-40: 2.5rem;\n --spacing-48: 3rem;\n --spacing-64: 4rem;\n --spacing-96: 6rem;\n --spacing-128: 8rem;\n\n --size-m: 12rem;\n\n --color-black: #1d1d1d;\n --color-white: #eee;\n\n --color-neutral-200: #dedede;\n --color-neutral-300: #c3c3c3;\n --color-neutral-400: #afafaf;\n --color-neutral-500: #818181;\n --color-neutral-600: #6c6c6c;\n --color-neutral-700: #403b3a;\n --color-neutral-800: #201e1d;\n\n --color-success: #20e52f;\n --color-danger: #e52f20;\n\n --transition-bg-cubic-bezier: background-color 500ms\n cubic-bezier(0.1, 0.2, 0.3, 0.4);\n --transition-color-cubic-bezier: color 500ms cubic-bezier(0.1, 0.2, 0.3, 0.4);\n --transition-text-decoration-cubic-bezier: text-decoration 500ms cubic-bezier(0.1, 0.2, 0.3, 0.4);\n --transition-box-shadow-cubic-bezier: box-shadow 500ms cubic-bezier(0.1, 0.2, 0.3, 0.4);\n\n\n}\n\n[data-theme="dark"] {\n --color-neutral-900: var(--color-black);\n --color-neutral-100: var(--color-white);\n --color-primary: var(--color-primary-500);\n --color-secondary: var(--color-primary-600);\n\n color: var(--color-neutral-100) !important;\n background-color: var(--color-neutral-900) !important;\n}\n\n[data-theme="light"] {\n --color-neutral-900: var(--color-white);\n --color-neutral-100: var(--color-black);\n --color-primary: var(--color-primary-600);\n --color-secondary: var(--color-primary-500);\n color: var(--color-neutral-900) !important;\n background-color: var(--color-neutral-100) !important;\n}\n\n@media (prefers-color-scheme: dark) {\n html {\n color-scheme: dark;\n }\n body {\n color: var(--color-neutral-100);\n background-color: var(--color-neutral-900);\n }\n}\n\n[data-palette="water"] {\n --color-primary-100: #d6efff;\n --color-primary-200: #ade0ff;\n --color-primary-300: #85d0ff;\n --color-primary-400: #5cc0ff;\n --color-primary-500: #33b1ff;\n --color-primary-600: #009eff;\n --color-primary-700: #008ae0;\n --color-primary-800: #0071b8;\n --color-primary-900: #00588f;\n}\n\n[data-palette="earth"]{\n --color-primary-100: #f6e3cb;\n --color-primary-200: #edc897;\n --color-primary-300: #eabe86;\n --color-primary-400: #e3ac63;\n --color-primary-500: #dd9940;\n --color-primary-600: #ca8323;\n --color-primary-700: #ad701f;\n --color-primary-800: #8b5918;\n --color-primary-900: #684312;\n}\n\n[data-palette="forest"] {\n --color-primary-100: #bee8b0;\n --color-primary-200: #a4df90;\n --color-primary-300: #8ad671;\n --color-primary-400: #70cd51;\n --color-primary-500: #54b435;\n --color-primary-600: #4a9e2e;\n --color-primary-700: #3b7e25;\n --color-primary-800: #2c5f1c;\n --color-primary-900: #1e3f12;\n}',"",{version:3,sources:["webpack://./src/styles/variables.css"],names:[],mappings:"AAEA;EACE,sBAAsB;EACtB,oBAAoB;EACpB,8BAA8B;;EAE9B,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;EACpB,oBAAoB;;EAEpB,oBAAoB;EACpB,mBAAmB;EACnB,kBAAkB;EAClB,qBAAqB;EACrB,oBAAoB;EACpB,kBAAkB;EAClB,oBAAoB;EACpB,kBAAkB;EAClB,kBAAkB;EAClB,kBAAkB;EAClB,mBAAmB;;EAEnB,eAAe;;EAEf,sBAAsB;EACtB,mBAAmB;;EAEnB,4BAA4B;EAC5B,4BAA4B;EAC5B,4BAA4B;EAC5B,4BAA4B;EAC5B,4BAA4B;EAC5B,4BAA4B;EAC5B,4BAA4B;;EAE5B,wBAAwB;EACxB,uBAAuB;;EAEvB;oCACkC;EAClC,6EAA6E;EAC7E,iGAAiG;EACjG,uFAAuF;;;AAGzF;;AAEA;EACE,uCAAuC;EACvC,uCAAuC;EACvC,yCAAyC;EACzC,2CAA2C;;EAE3C,0CAA0C;EAC1C,qDAAqD;AACvD;;AAEA;EACE,uCAAuC;EACvC,uCAAuC;EACvC,yCAAyC;EACzC,2CAA2C;EAC3C,0CAA0C;EAC1C,qDAAqD;AACvD;;AAEA;EACE;IACE,kBAAkB;EACpB;EACA;IACE,+BAA+B;IAC/B,0CAA0C;EAC5C;AACF;;AAEA;EACE,4BAA4B;EAC5B,4BAA4B;EAC5B,4BAA4B;EAC5B,4BAA4B;EAC5B,4BAA4B;EAC5B,4BAA4B;EAC5B,4BAA4B;EAC5B,4BAA4B;EAC5B,4BAA4B;AAC9B;;AAEA;EACE,4BAA4B;EAC5B,4BAA4B;EAC5B,4BAA4B;EAC5B,4BAA4B;EAC5B,4BAA4B;EAC5B,4BAA4B;EAC5B,4BAA4B;EAC5B,4BAA4B;EAC5B,4BAA4B;AAC9B;;AAEA;EACE,4BAA4B;EAC5B,4BAA4B;EAC5B,4BAA4B;EAC5B,4BAA4B;EAC5B,4BAA4B;EAC5B,4BAA4B;EAC5B,4BAA4B;EAC5B,4BAA4B;EAC5B,4BAA4B;AAC9B",sourcesContent:['@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");\n\n:root {\n box-sizing: border-box;\n font-family: Poppins;\n font-size: var(--font-size-16);\n\n --font-size-10: 10px;\n --font-size-12: 12px;\n --font-size-14: 14px;\n --font-size-16: 16px;\n --font-size-18: 18px;\n --font-size-20: 20px;\n --font-size-24: 24px;\n --font-size-32: 32px;\n --font-size-40: 40px;\n\n --spacing-4: 0.25rem;\n --spacing-8: 0.5rem;\n --spacing-16: 1rem;\n --spacing-20: 1.25rem;\n --spacing-24: 1.5rem;\n --spacing-32: 2rem;\n --spacing-40: 2.5rem;\n --spacing-48: 3rem;\n --spacing-64: 4rem;\n --spacing-96: 6rem;\n --spacing-128: 8rem;\n\n --size-m: 12rem;\n\n --color-black: #1d1d1d;\n --color-white: #eee;\n\n --color-neutral-200: #dedede;\n --color-neutral-300: #c3c3c3;\n --color-neutral-400: #afafaf;\n --color-neutral-500: #818181;\n --color-neutral-600: #6c6c6c;\n --color-neutral-700: #403b3a;\n --color-neutral-800: #201e1d;\n\n --color-success: #20e52f;\n --color-danger: #e52f20;\n\n --transition-bg-cubic-bezier: background-color 500ms\n cubic-bezier(0.1, 0.2, 0.3, 0.4);\n --transition-color-cubic-bezier: color 500ms cubic-bezier(0.1, 0.2, 0.3, 0.4);\n --transition-text-decoration-cubic-bezier: text-decoration 500ms cubic-bezier(0.1, 0.2, 0.3, 0.4);\n --transition-box-shadow-cubic-bezier: box-shadow 500ms cubic-bezier(0.1, 0.2, 0.3, 0.4);\n\n\n}\n\n[data-theme="dark"] {\n --color-neutral-900: var(--color-black);\n --color-neutral-100: var(--color-white);\n --color-primary: var(--color-primary-500);\n --color-secondary: var(--color-primary-600);\n\n color: var(--color-neutral-100) !important;\n background-color: var(--color-neutral-900) !important;\n}\n\n[data-theme="light"] {\n --color-neutral-900: var(--color-white);\n --color-neutral-100: var(--color-black);\n --color-primary: var(--color-primary-600);\n --color-secondary: var(--color-primary-500);\n color: var(--color-neutral-900) !important;\n background-color: var(--color-neutral-100) !important;\n}\n\n@media (prefers-color-scheme: dark) {\n html {\n color-scheme: dark;\n }\n body {\n color: var(--color-neutral-100);\n background-color: var(--color-neutral-900);\n }\n}\n\n[data-palette="water"] {\n --color-primary-100: #d6efff;\n --color-primary-200: #ade0ff;\n --color-primary-300: #85d0ff;\n --color-primary-400: #5cc0ff;\n --color-primary-500: #33b1ff;\n --color-primary-600: #009eff;\n --color-primary-700: #008ae0;\n --color-primary-800: #0071b8;\n --color-primary-900: #00588f;\n}\n\n[data-palette="earth"]{\n --color-primary-100: #f6e3cb;\n --color-primary-200: #edc897;\n --color-primary-300: #eabe86;\n --color-primary-400: #e3ac63;\n --color-primary-500: #dd9940;\n --color-primary-600: #ca8323;\n --color-primary-700: #ad701f;\n --color-primary-800: #8b5918;\n --color-primary-900: #684312;\n}\n\n[data-palette="forest"] {\n --color-primary-100: #bee8b0;\n --color-primary-200: #a4df90;\n --color-primary-300: #8ad671;\n --color-primary-400: #70cd51;\n --color-primary-500: #54b435;\n --color-primary-600: #4a9e2e;\n --color-primary-700: #3b7e25;\n --color-primary-800: #2c5f1c;\n --color-primary-900: #1e3f12;\n}'],sourceRoot:""}]);const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/styles/variables.css":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__),_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__),_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__),_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_7_use_1_variables_css__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].use[1]!./src/styles/variables.css"),options={};options.styleTagTransform=_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default(),options.setAttributes=_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default(),options.insert=_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null,"head"),options.domAPI=_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default(),options.insertStyleElement=_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default();_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_7_use_1_variables_css__WEBPACK_IMPORTED_MODULE_6__.Z,options),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_7_use_1_variables_css__WEBPACK_IMPORTED_MODULE_6__.Z&&_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_7_use_1_variables_css__WEBPACK_IMPORTED_MODULE_6__.Z.locals&&_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_7_use_1_variables_css__WEBPACK_IMPORTED_MODULE_6__.Z.locals},"./src lazy recursive ^\\.\\/.*$ include: (?:\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./components/accordion/index.stories":["./src/components/accordion/index.stories.tsx",40,22],"./components/accordion/index.stories.tsx":["./src/components/accordion/index.stories.tsx",40,22],"./components/button/index.stories":["./src/components/button/index.stories.tsx",712],"./components/button/index.stories.tsx":["./src/components/button/index.stories.tsx",712],"./components/form/index.stories":["./src/components/form/index.stories.tsx",40,106,750,439,796,479],"./components/form/index.stories.tsx":["./src/components/form/index.stories.tsx",40,106,750,439,796,479],"./components/input/index.stories":["./src/components/input/index.stories.tsx",750,200],"./components/input/index.stories.tsx":["./src/components/input/index.stories.tsx",750,200],"./components/loading/index.stories":["./src/components/loading/index.stories.tsx",96],"./components/loading/index.stories.tsx":["./src/components/loading/index.stories.tsx",96],"./components/map/index.stories":["./src/components/map/index.stories.tsx",677,5],"./components/map/index.stories.tsx":["./src/components/map/index.stories.tsx",677,5],"./components/modal/index.stories":["./src/components/modal/index.stories.tsx",145,981],"./components/modal/index.stories.tsx":["./src/components/modal/index.stories.tsx",145,981],"./components/select/index.stories":["./src/components/select/index.stories.tsx",40,796,457],"./components/select/index.stories.tsx":["./src/components/select/index.stories.tsx",40,796,457],"./components/text-area/index.stories":["./src/components/text-area/index.stories.tsx",106,466],"./components/text-area/index.stories.tsx":["./src/components/text-area/index.stories.tsx",106,466],"./context/loading/index.stories":["./src/context/loading/index.stories.tsx",480],"./context/loading/index.stories.tsx":["./src/context/loading/index.stories.tsx",480],"./context/modal/index.stories":["./src/context/modal/index.stories.tsx",145,976],"./context/modal/index.stories.tsx":["./src/context/modal/index.stories.tsx",145,976]};function webpackAsyncContext(req){if(!__webpack_require__.o(map,req))return Promise.resolve().then((()=>{var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}));var ids=map[req],id=ids[0];return Promise.all(ids.slice(1).map(__webpack_require__.e)).then((()=>__webpack_require__(id)))}webpackAsyncContext.keys=()=>Object.keys(map),webpackAsyncContext.id="./src lazy recursive ^\\.\\/.*$ include: (?:\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$",module.exports=webpackAsyncContext},"./src lazy recursive ^\\.\\/.*$ include: (?:\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$":(module,__unused_webpack_exports,__webpack_require__)=>{var map={"./stories/Introduction.stories.mdx":["./src/stories/Introduction.stories.mdx",497,991]};function webpackAsyncContext(req){if(!__webpack_require__.o(map,req))return Promise.resolve().then((()=>{var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}));var ids=map[req],id=ids[0];return Promise.all(ids.slice(1).map(__webpack_require__.e)).then((()=>__webpack_require__(id)))}webpackAsyncContext.keys=()=>Object.keys(map),webpackAsyncContext.id="./src lazy recursive ^\\.\\/.*$ include: (?:\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$",module.exports=webpackAsyncContext},"./storybook-config-entry.js":(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{"use strict";var external_STORYBOOK_MODULE_GLOBAL_=__webpack_require__("@storybook/global"),external_STORYBOOK_MODULE_PREVIEW_API_=__webpack_require__("@storybook/preview-api"),external_STORYBOOK_MODULE_CHANNELS_=__webpack_require__("@storybook/channels");const importers=[async path=>{if(!/^\.[\\/](?:src(?:\/(?!\.)(?:(?:(?!(?:^|\/)\.).)*?)\/|\/|$)(?!\.)(?=.)[^/]*?\.stories\.mdx)$/.exec(path))return;const pathRemainder=path.substring(6);return __webpack_require__("./src lazy recursive ^\\.\\/.*$ include: (?:\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.mdx)$")("./"+pathRemainder)},async path=>{if(!/^\.[\\/](?:src(?:\/(?!\.)(?:(?:(?!(?:^|\/)\.).)*?)\/|\/|$)(?!\.)(?=.)[^/]*?\.stories\.(js|jsx|ts|tsx))$/.exec(path))return;const pathRemainder=path.substring(6);return __webpack_require__("./src lazy recursive ^\\.\\/.*$ include: (?:\\/src(?:\\/(?%21\\.)(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/%7C\\/%7C$)(?%21\\.)(?=.)[^/]*?\\.stories\\.(js%7Cjsx%7Cts%7Ctsx))$")("./"+pathRemainder)}];const channel=(0,external_STORYBOOK_MODULE_CHANNELS_.createBrowserChannel)({page:"preview"});external_STORYBOOK_MODULE_PREVIEW_API_.addons.setChannel(channel),"DEVELOPMENT"===external_STORYBOOK_MODULE_GLOBAL_.global.CONFIG_TYPE&&(window.__STORYBOOK_SERVER_CHANNEL__=channel);const preview=new external_STORYBOOK_MODULE_PREVIEW_API_.PreviewWeb;window.__STORYBOOK_PREVIEW__=preview,window.__STORYBOOK_STORY_STORE__=preview.storyStore,window.__STORYBOOK_ADDONS_CHANNEL__=channel,window.__STORYBOOK_CLIENT_API__=new external_STORYBOOK_MODULE_PREVIEW_API_.ClientApi({storyStore:preview.storyStore}),preview.initialize({importFn:async function importFn(path){for(let i=0;i<importers.length;i++){const moduleExports=await(x=()=>importers[i](path),x());if(moduleExports)return moduleExports}var x},getProjectAnnotations:()=>(0,external_STORYBOOK_MODULE_PREVIEW_API_.composeConfigs)([__webpack_require__("./node_modules/@storybook/react/preview.js"),__webpack_require__("./node_modules/@storybook/addon-links/dist/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/docs/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/actions/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/backgrounds/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/measure/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/outline/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-essentials/dist/highlight/preview.mjs"),__webpack_require__("./node_modules/@storybook/addon-interactions/dist/preview.mjs"),__webpack_require__("./.storybook/preview.js")])})},"@storybook/channels":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CHANNELS__},"@storybook/client-logger":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CLIENT_LOGGER__},"@storybook/core-events":module=>{"use strict";module.exports=__STORYBOOK_MODULE_CORE_EVENTS__},"@storybook/global":module=>{"use strict";module.exports=__STORYBOOK_MODULE_GLOBAL__},"@storybook/preview-api":module=>{"use strict";module.exports=__STORYBOOK_MODULE_PREVIEW_API__}},__webpack_require__=>{__webpack_require__.O(0,[471],(()=>{return moduleId="./storybook-config-entry.js",__webpack_require__(__webpack_require__.s=moduleId);var moduleId}));__webpack_require__.O()}]);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
(()=>{"use strict";var deferred,leafPrototypes,getProto,inProgress,__webpack_modules__={},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(void 0!==cachedModule)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,__webpack_require__.amdO={},deferred=[],__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(!chunkIds){var notFulfilled=1/0;for(i=0;i<deferred.length;i++){for(var[chunkIds,fn,priority]=deferred[i],fulfilled=!0,j=0;j<chunkIds.length;j++)(!1&priority||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every((key=>__webpack_require__.O[key](chunkIds[j])))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();void 0!==r&&(result=r)}}return result}priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority]},__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__,__webpack_require__.t=function(value,mode){if(1&mode&&(value=this(value)),8&mode)return value;if("object"==typeof value&&value){if(4&mode&&value.__esModule)return value;if(16&mode&&"function"==typeof value.then)return value}var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=2&mode&&value;"object"==typeof current&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach((key=>def[key]=()=>value[key]));return def.default=()=>value,__webpack_require__.d(ns,def),ns},__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.f={},__webpack_require__.e=chunkId=>Promise.all(Object.keys(__webpack_require__.f).reduce(((promises,key)=>(__webpack_require__.f[key](chunkId,promises),promises)),[])),__webpack_require__.u=chunkId=>(({5:"components-map-index-stories",22:"components-accordion-index-stories",96:"components-loading-index-stories",200:"components-input-index-stories",457:"components-select-index-stories",466:"components-text-area-index-stories",479:"components-form-index-stories",480:"context-loading-index-stories",712:"components-button-index-stories",976:"context-modal-index-stories",981:"components-modal-index-stories",991:"stories-Introduction-stories-mdx"}[chunkId]||chunkId)+"."+{5:"df3b2a69",22:"ef18c840",40:"a1700674",96:"c03f4231",106:"ec5a495a",145:"34858399",158:"734aa560",200:"52cb94b7",296:"673fff81",426:"afefed49",433:"19f615e7",439:"51454c4d",457:"5d8e5e16",466:"c1412c7f",479:"3cba66b0",480:"4d6c26b7",497:"dafe304f",659:"1ad30476",677:"e7db0cd6",712:"ab760bed",729:"01f72d48",750:"2215b5aa",796:"09f6c96d",976:"74348761",981:"4204e0d1",984:"6be9debc",991:"7a2cd1ec"}[chunkId]+".iframe.bundle.js"),__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),inProgress={},__webpack_require__.l=(url,done,key,chunkId)=>{if(inProgress[url])inProgress[url].push(done);else{var script,needAttach;if(void 0!==key)for(var scripts=document.getElementsByTagName("script"),i=0;i<scripts.length;i++){var s=scripts[i];if(s.getAttribute("src")==url||s.getAttribute("data-webpack")=="@geoinsight/react-components:"+key){script=s;break}}script||(needAttach=!0,(script=document.createElement("script")).charset="utf-8",script.timeout=120,__webpack_require__.nc&&script.setAttribute("nonce",__webpack_require__.nc),script.setAttribute("data-webpack","@geoinsight/react-components:"+key),script.src=url),inProgress[url]=[done];var onScriptComplete=(prev,event)=>{script.onerror=script.onload=null,clearTimeout(timeout);var doneFns=inProgress[url];if(delete inProgress[url],script.parentNode&&script.parentNode.removeChild(script),doneFns&&doneFns.forEach((fn=>fn(event))),prev)return prev(event)},timeout=setTimeout(onScriptComplete.bind(null,void 0,{type:"timeout",target:script}),12e4);script.onerror=onScriptComplete.bind(null,script.onerror),script.onload=onScriptComplete.bind(null,script.onload),needAttach&&document.head.appendChild(script)}},__webpack_require__.r=exports=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children||(module.children=[]),module),__webpack_require__.p="",(()=>{var installedChunks={303:0};__webpack_require__.f.j=(chunkId,promises)=>{var installedChunkData=__webpack_require__.o(installedChunks,chunkId)?installedChunks[chunkId]:void 0;if(0!==installedChunkData)if(installedChunkData)promises.push(installedChunkData[2]);else if(303!=chunkId){var promise=new Promise(((resolve,reject)=>installedChunkData=installedChunks[chunkId]=[resolve,reject]));promises.push(installedChunkData[2]=promise);var url=__webpack_require__.p+__webpack_require__.u(chunkId),error=new Error;__webpack_require__.l(url,(event=>{if(__webpack_require__.o(installedChunks,chunkId)&&(0!==(installedChunkData=installedChunks[chunkId])&&(installedChunks[chunkId]=void 0),installedChunkData)){var errorType=event&&("load"===event.type?"missing":event.type),realSrc=event&&event.target&&event.target.src;error.message="Loading chunk "+chunkId+" failed.\n("+errorType+": "+realSrc+")",error.name="ChunkLoadError",error.type=errorType,error.request=realSrc,installedChunkData[1](error)}}),"chunk-"+chunkId,chunkId)}else installedChunks[chunkId]=0},__webpack_require__.O.j=chunkId=>0===installedChunks[chunkId];var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var moduleId,chunkId,[chunkIds,moreModules,runtime]=data,i=0;if(chunkIds.some((id=>0!==installedChunks[id]))){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkId]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.webpackChunk_geoinsight_react_components=self.webpackChunk_geoinsight_react_components||[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))})(),__webpack_require__.nc=void 0})();
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{WithToolTipState,WithTooltipPure}from"./chunk-FWZ33S65.js";import"./chunk-NFZCBIX3.js";import"./chunk-ZEU7PDD3.js";export{WithToolTipState,WithToolTipState as WithTooltip,WithTooltipPure};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import{_extends,_objectWithoutPropertiesLoose,lightenColor,newStyled,require_react,require_react_dom,scope}from"./chunk-NFZCBIX3.js";import{__commonJS2 as __commonJS,__toESM,__toESM2,require_memoizerific}from"./chunk-ZEU7PDD3.js";var React3=__toESM(require_react(),1),import_react=__toESM(require_react(),1),ReactDOM=__toESM(require_react_dom(),1),import_react_dom=__toESM(require_react_dom(),1);var import_memoizerific=__toESM(require_memoizerific(),1),require_react_fast_compare=__commonJS({"../../node_modules/react-fast-compare/index.js"(exports,module){var hasElementType=typeof Element<"u",hasMap=typeof Map=="function",hasSet=typeof Set=="function",hasArrayBuffer=typeof ArrayBuffer=="function"&&!!ArrayBuffer.isView;function equal(a,b){if(a===b)return!0;if(a&&b&&typeof a=="object"&&typeof b=="object"){if(a.constructor!==b.constructor)return!1;var length,i,keys;if(Array.isArray(a)){if(length=a.length,length!=b.length)return!1;for(i=length;i--!==0;)if(!equal(a[i],b[i]))return!1;return!0}var it;if(hasMap&&a instanceof Map&&b instanceof Map){if(a.size!==b.size)return!1;for(it=a.entries();!(i=it.next()).done;)if(!b.has(i.value[0]))return!1;for(it=a.entries();!(i=it.next()).done;)if(!equal(i.value[1],b.get(i.value[0])))return!1;return!0}if(hasSet&&a instanceof Set&&b instanceof Set){if(a.size!==b.size)return!1;for(it=a.entries();!(i=it.next()).done;)if(!b.has(i.value[0]))return!1;return!0}if(hasArrayBuffer&&ArrayBuffer.isView(a)&&ArrayBuffer.isView(b)){if(length=a.length,length!=b.length)return!1;for(i=length;i--!==0;)if(a[i]!==b[i])return!1;return!0}if(a.constructor===RegExp)return a.source===b.source&&a.flags===b.flags;if(a.valueOf!==Object.prototype.valueOf&&typeof a.valueOf=="function"&&typeof b.valueOf=="function")return a.valueOf()===b.valueOf();if(a.toString!==Object.prototype.toString&&typeof a.toString=="function"&&typeof b.toString=="function")return a.toString()===b.toString();if(keys=Object.keys(a),length=keys.length,length!==Object.keys(b).length)return!1;for(i=length;i--!==0;)if(!Object.prototype.hasOwnProperty.call(b,keys[i]))return!1;if(hasElementType&&a instanceof Element)return!1;for(i=length;i--!==0;)if(!((keys[i]==="_owner"||keys[i]==="__v"||keys[i]==="__o")&&a.$$typeof)&&!equal(a[keys[i]],b[keys[i]]))return!1;return!0}return a!==a&&b!==b}module.exports=function(a,b){try{return equal(a,b)}catch(error){if((error.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw error}}}}),fromEntries=function(entries){return entries.reduce(function(acc,_ref){var key=_ref[0],value=_ref[1];return acc[key]=value,acc},{})},useIsomorphicLayoutEffect=typeof window<"u"&&window.document&&window.document.createElement?React3.useLayoutEffect:React3.useEffect,top="top",bottom="bottom",right="right",left="left",auto="auto",basePlacements=[top,bottom,right,left],start="start",end="end",clippingParents="clippingParents",viewport="viewport",popper="popper",reference="reference",variationPlacements=basePlacements.reduce(function(acc,placement){return acc.concat([placement+"-"+start,placement+"-"+end])},[]),placements=[].concat(basePlacements,[auto]).reduce(function(acc,placement){return acc.concat([placement,placement+"-"+start,placement+"-"+end])},[]),beforeRead="beforeRead",read="read",afterRead="afterRead",beforeMain="beforeMain",main="main",afterMain="afterMain",beforeWrite="beforeWrite",write="write",afterWrite="afterWrite",modifierPhases=[beforeRead,read,afterRead,beforeMain,main,afterMain,beforeWrite,write,afterWrite];function getNodeName(element){return element?(element.nodeName||"").toLowerCase():null}function getWindow(node){if(node==null)return window;if(node.toString()!=="[object Window]"){var ownerDocument=node.ownerDocument;return ownerDocument&&ownerDocument.defaultView||window}return node}function isElement(node){var OwnElement=getWindow(node).Element;return node instanceof OwnElement||node instanceof Element}function isHTMLElement(node){var OwnElement=getWindow(node).HTMLElement;return node instanceof OwnElement||node instanceof HTMLElement}function isShadowRoot(node){if(typeof ShadowRoot>"u")return!1;var OwnElement=getWindow(node).ShadowRoot;return node instanceof OwnElement||node instanceof ShadowRoot}function applyStyles(_ref){var state=_ref.state;Object.keys(state.elements).forEach(function(name){var style=state.styles[name]||{},attributes=state.attributes[name]||{},element=state.elements[name];!isHTMLElement(element)||!getNodeName(element)||(Object.assign(element.style,style),Object.keys(attributes).forEach(function(name2){var value=attributes[name2];value===!1?element.removeAttribute(name2):element.setAttribute(name2,value===!0?"":value)}))})}function effect(_ref2){var state=_ref2.state,initialStyles={popper:{position:state.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(state.elements.popper.style,initialStyles.popper),state.styles=initialStyles,state.elements.arrow&&Object.assign(state.elements.arrow.style,initialStyles.arrow),function(){Object.keys(state.elements).forEach(function(name){var element=state.elements[name],attributes=state.attributes[name]||{},styleProperties=Object.keys(state.styles.hasOwnProperty(name)?state.styles[name]:initialStyles[name]),style=styleProperties.reduce(function(style2,property){return style2[property]="",style2},{});!isHTMLElement(element)||!getNodeName(element)||(Object.assign(element.style,style),Object.keys(attributes).forEach(function(attribute){element.removeAttribute(attribute)}))})}}var applyStyles_default={name:"applyStyles",enabled:!0,phase:"write",fn:applyStyles,effect,requires:["computeStyles"]};function getBasePlacement(placement){return placement.split("-")[0]}var max=Math.max,min=Math.min,round=Math.round;function getUAString(){var uaData=navigator.userAgentData;return uaData!=null&&uaData.brands&&Array.isArray(uaData.brands)?uaData.brands.map(function(item){return item.brand+"/"+item.version}).join(" "):navigator.userAgent}function isLayoutViewport(){return!/^((?!chrome|android).)*safari/i.test(getUAString())}function getBoundingClientRect(element,includeScale,isFixedStrategy){includeScale===void 0&&(includeScale=!1),isFixedStrategy===void 0&&(isFixedStrategy=!1);var clientRect=element.getBoundingClientRect(),scaleX=1,scaleY=1;includeScale&&isHTMLElement(element)&&(scaleX=element.offsetWidth>0&&round(clientRect.width)/element.offsetWidth||1,scaleY=element.offsetHeight>0&&round(clientRect.height)/element.offsetHeight||1);var _ref=isElement(element)?getWindow(element):window,visualViewport=_ref.visualViewport,addVisualOffsets=!isLayoutViewport()&&isFixedStrategy,x=(clientRect.left+(addVisualOffsets&&visualViewport?visualViewport.offsetLeft:0))/scaleX,y=(clientRect.top+(addVisualOffsets&&visualViewport?visualViewport.offsetTop:0))/scaleY,width=clientRect.width/scaleX,height=clientRect.height/scaleY;return{width,height,top:y,right:x+width,bottom:y+height,left:x,x,y}}function getLayoutRect(element){var clientRect=getBoundingClientRect(element),width=element.offsetWidth,height=element.offsetHeight;return Math.abs(clientRect.width-width)<=1&&(width=clientRect.width),Math.abs(clientRect.height-height)<=1&&(height=clientRect.height),{x:element.offsetLeft,y:element.offsetTop,width,height}}function contains(parent,child){var rootNode=child.getRootNode&&child.getRootNode();if(parent.contains(child))return!0;if(rootNode&&isShadowRoot(rootNode)){var next=child;do{if(next&&parent.isSameNode(next))return!0;next=next.parentNode||next.host}while(next)}return!1}function getComputedStyle(element){return getWindow(element).getComputedStyle(element)}function isTableElement(element){return["table","td","th"].indexOf(getNodeName(element))>=0}function getDocumentElement(element){return((isElement(element)?element.ownerDocument:element.document)||window.document).documentElement}function getParentNode(element){return getNodeName(element)==="html"?element:element.assignedSlot||element.parentNode||(isShadowRoot(element)?element.host:null)||getDocumentElement(element)}function getTrueOffsetParent(element){return!isHTMLElement(element)||getComputedStyle(element).position==="fixed"?null:element.offsetParent}function getContainingBlock(element){var isFirefox=/firefox/i.test(getUAString()),isIE=/Trident/i.test(getUAString());if(isIE&&isHTMLElement(element)){var elementCss=getComputedStyle(element);if(elementCss.position==="fixed")return null}var currentNode=getParentNode(element);for(isShadowRoot(currentNode)&&(currentNode=currentNode.host);isHTMLElement(currentNode)&&["html","body"].indexOf(getNodeName(currentNode))<0;){var css=getComputedStyle(currentNode);if(css.transform!=="none"||css.perspective!=="none"||css.contain==="paint"||["transform","perspective"].indexOf(css.willChange)!==-1||isFirefox&&css.willChange==="filter"||isFirefox&&css.filter&&css.filter!=="none")return currentNode;currentNode=currentNode.parentNode}return null}function getOffsetParent(element){for(var window2=getWindow(element),offsetParent=getTrueOffsetParent(element);offsetParent&&isTableElement(offsetParent)&&getComputedStyle(offsetParent).position==="static";)offsetParent=getTrueOffsetParent(offsetParent);return offsetParent&&(getNodeName(offsetParent)==="html"||getNodeName(offsetParent)==="body"&&getComputedStyle(offsetParent).position==="static")?window2:offsetParent||getContainingBlock(element)||window2}function getMainAxisFromPlacement(placement){return["top","bottom"].indexOf(placement)>=0?"x":"y"}function within(min2,value,max2){return max(min2,min(value,max2))}function withinMaxClamp(min2,value,max2){var v=within(min2,value,max2);return v>max2?max2:v}function getFreshSideObject(){return{top:0,right:0,bottom:0,left:0}}function mergePaddingObject(paddingObject){return Object.assign({},getFreshSideObject(),paddingObject)}function expandToHashMap(value,keys){return keys.reduce(function(hashMap,key){return hashMap[key]=value,hashMap},{})}var toPaddingObject=function(padding,state){return padding=typeof padding=="function"?padding(Object.assign({},state.rects,{placement:state.placement})):padding,mergePaddingObject(typeof padding!="number"?padding:expandToHashMap(padding,basePlacements))};function arrow(_ref){var _state$modifiersData$,state=_ref.state,name=_ref.name,options=_ref.options,arrowElement=state.elements.arrow,popperOffsets2=state.modifiersData.popperOffsets,basePlacement=getBasePlacement(state.placement),axis=getMainAxisFromPlacement(basePlacement),isVertical=[left,right].indexOf(basePlacement)>=0,len=isVertical?"height":"width";if(!(!arrowElement||!popperOffsets2)){var paddingObject=toPaddingObject(options.padding,state),arrowRect=getLayoutRect(arrowElement),minProp=axis==="y"?top:left,maxProp=axis==="y"?bottom:right,endDiff=state.rects.reference[len]+state.rects.reference[axis]-popperOffsets2[axis]-state.rects.popper[len],startDiff=popperOffsets2[axis]-state.rects.reference[axis],arrowOffsetParent=getOffsetParent(arrowElement),clientSize=arrowOffsetParent?axis==="y"?arrowOffsetParent.clientHeight||0:arrowOffsetParent.clientWidth||0:0,centerToReference=endDiff/2-startDiff/2,min2=paddingObject[minProp],max2=clientSize-arrowRect[len]-paddingObject[maxProp],center=clientSize/2-arrowRect[len]/2+centerToReference,offset2=within(min2,center,max2),axisProp=axis;state.modifiersData[name]=(_state$modifiersData$={},_state$modifiersData$[axisProp]=offset2,_state$modifiersData$.centerOffset=offset2-center,_state$modifiersData$)}}function effect2(_ref2){var state=_ref2.state,options=_ref2.options,_options$element=options.element,arrowElement=_options$element===void 0?"[data-popper-arrow]":_options$element;arrowElement!=null&&(typeof arrowElement=="string"&&(arrowElement=state.elements.popper.querySelector(arrowElement),!arrowElement)||contains(state.elements.popper,arrowElement)&&(state.elements.arrow=arrowElement))}var arrow_default={name:"arrow",enabled:!0,phase:"main",fn:arrow,effect:effect2,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function getVariation(placement){return placement.split("-")[1]}var unsetSides={top:"auto",right:"auto",bottom:"auto",left:"auto"};function roundOffsetsByDPR(_ref,win){var x=_ref.x,y=_ref.y,dpr=win.devicePixelRatio||1;return{x:round(x*dpr)/dpr||0,y:round(y*dpr)/dpr||0}}function mapToStyles(_ref2){var _Object$assign2,popper2=_ref2.popper,popperRect=_ref2.popperRect,placement=_ref2.placement,variation=_ref2.variation,offsets=_ref2.offsets,position=_ref2.position,gpuAcceleration=_ref2.gpuAcceleration,adaptive=_ref2.adaptive,roundOffsets=_ref2.roundOffsets,isFixed=_ref2.isFixed,_offsets$x=offsets.x,x=_offsets$x===void 0?0:_offsets$x,_offsets$y=offsets.y,y=_offsets$y===void 0?0:_offsets$y,_ref3=typeof roundOffsets=="function"?roundOffsets({x,y}):{x,y};x=_ref3.x,y=_ref3.y;var hasX=offsets.hasOwnProperty("x"),hasY=offsets.hasOwnProperty("y"),sideX=left,sideY=top,win=window;if(adaptive){var offsetParent=getOffsetParent(popper2),heightProp="clientHeight",widthProp="clientWidth";if(offsetParent===getWindow(popper2)&&(offsetParent=getDocumentElement(popper2),getComputedStyle(offsetParent).position!=="static"&&position==="absolute"&&(heightProp="scrollHeight",widthProp="scrollWidth")),offsetParent=offsetParent,placement===top||(placement===left||placement===right)&&variation===end){sideY=bottom;var offsetY=isFixed&&offsetParent===win&&win.visualViewport?win.visualViewport.height:offsetParent[heightProp];y-=offsetY-popperRect.height,y*=gpuAcceleration?1:-1}if(placement===left||(placement===top||placement===bottom)&&variation===end){sideX=right;var offsetX=isFixed&&offsetParent===win&&win.visualViewport?win.visualViewport.width:offsetParent[widthProp];x-=offsetX-popperRect.width,x*=gpuAcceleration?1:-1}}var commonStyles=Object.assign({position},adaptive&&unsetSides),_ref4=roundOffsets===!0?roundOffsetsByDPR({x,y},getWindow(popper2)):{x,y};if(x=_ref4.x,y=_ref4.y,gpuAcceleration){var _Object$assign;return Object.assign({},commonStyles,(_Object$assign={},_Object$assign[sideY]=hasY?"0":"",_Object$assign[sideX]=hasX?"0":"",_Object$assign.transform=(win.devicePixelRatio||1)<=1?"translate("+x+"px, "+y+"px)":"translate3d("+x+"px, "+y+"px, 0)",_Object$assign))}return Object.assign({},commonStyles,(_Object$assign2={},_Object$assign2[sideY]=hasY?y+"px":"",_Object$assign2[sideX]=hasX?x+"px":"",_Object$assign2.transform="",_Object$assign2))}function computeStyles(_ref5){var state=_ref5.state,options=_ref5.options,_options$gpuAccelerat=options.gpuAcceleration,gpuAcceleration=_options$gpuAccelerat===void 0?!0:_options$gpuAccelerat,_options$adaptive=options.adaptive,adaptive=_options$adaptive===void 0?!0:_options$adaptive,_options$roundOffsets=options.roundOffsets,roundOffsets=_options$roundOffsets===void 0?!0:_options$roundOffsets,commonStyles={placement:getBasePlacement(state.placement),variation:getVariation(state.placement),popper:state.elements.popper,popperRect:state.rects.popper,gpuAcceleration,isFixed:state.options.strategy==="fixed"};state.modifiersData.popperOffsets!=null&&(state.styles.popper=Object.assign({},state.styles.popper,mapToStyles(Object.assign({},commonStyles,{offsets:state.modifiersData.popperOffsets,position:state.options.strategy,adaptive,roundOffsets})))),state.modifiersData.arrow!=null&&(state.styles.arrow=Object.assign({},state.styles.arrow,mapToStyles(Object.assign({},commonStyles,{offsets:state.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets})))),state.attributes.popper=Object.assign({},state.attributes.popper,{"data-popper-placement":state.placement})}var computeStyles_default={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:computeStyles,data:{}},passive={passive:!0};function effect3(_ref){var state=_ref.state,instance=_ref.instance,options=_ref.options,_options$scroll=options.scroll,scroll=_options$scroll===void 0?!0:_options$scroll,_options$resize=options.resize,resize=_options$resize===void 0?!0:_options$resize,window2=getWindow(state.elements.popper),scrollParents=[].concat(state.scrollParents.reference,state.scrollParents.popper);return scroll&&scrollParents.forEach(function(scrollParent){scrollParent.addEventListener("scroll",instance.update,passive)}),resize&&window2.addEventListener("resize",instance.update,passive),function(){scroll&&scrollParents.forEach(function(scrollParent){scrollParent.removeEventListener("scroll",instance.update,passive)}),resize&&window2.removeEventListener("resize",instance.update,passive)}}var eventListeners_default={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:effect3,data:{}},hash={left:"right",right:"left",bottom:"top",top:"bottom"};function getOppositePlacement(placement){return placement.replace(/left|right|bottom|top/g,function(matched){return hash[matched]})}var hash2={start:"end",end:"start"};function getOppositeVariationPlacement(placement){return placement.replace(/start|end/g,function(matched){return hash2[matched]})}function getWindowScroll(node){var win=getWindow(node),scrollLeft=win.pageXOffset,scrollTop=win.pageYOffset;return{scrollLeft,scrollTop}}function getWindowScrollBarX(element){return getBoundingClientRect(getDocumentElement(element)).left+getWindowScroll(element).scrollLeft}function getViewportRect(element,strategy){var win=getWindow(element),html=getDocumentElement(element),visualViewport=win.visualViewport,width=html.clientWidth,height=html.clientHeight,x=0,y=0;if(visualViewport){width=visualViewport.width,height=visualViewport.height;var layoutViewport=isLayoutViewport();(layoutViewport||!layoutViewport&&strategy==="fixed")&&(x=visualViewport.offsetLeft,y=visualViewport.offsetTop)}return{width,height,x:x+getWindowScrollBarX(element),y}}function getDocumentRect(element){var _element$ownerDocumen,html=getDocumentElement(element),winScroll=getWindowScroll(element),body=(_element$ownerDocumen=element.ownerDocument)==null?void 0:_element$ownerDocumen.body,width=max(html.scrollWidth,html.clientWidth,body?body.scrollWidth:0,body?body.clientWidth:0),height=max(html.scrollHeight,html.clientHeight,body?body.scrollHeight:0,body?body.clientHeight:0),x=-winScroll.scrollLeft+getWindowScrollBarX(element),y=-winScroll.scrollTop;return getComputedStyle(body||html).direction==="rtl"&&(x+=max(html.clientWidth,body?body.clientWidth:0)-width),{width,height,x,y}}function isScrollParent(element){var _getComputedStyle=getComputedStyle(element),overflow=_getComputedStyle.overflow,overflowX=_getComputedStyle.overflowX,overflowY=_getComputedStyle.overflowY;return/auto|scroll|overlay|hidden/.test(overflow+overflowY+overflowX)}function getScrollParent(node){return["html","body","#document"].indexOf(getNodeName(node))>=0?node.ownerDocument.body:isHTMLElement(node)&&isScrollParent(node)?node:getScrollParent(getParentNode(node))}function listScrollParents(element,list){var _element$ownerDocumen;list===void 0&&(list=[]);var scrollParent=getScrollParent(element),isBody=scrollParent===((_element$ownerDocumen=element.ownerDocument)==null?void 0:_element$ownerDocumen.body),win=getWindow(scrollParent),target=isBody?[win].concat(win.visualViewport||[],isScrollParent(scrollParent)?scrollParent:[]):scrollParent,updatedList=list.concat(target);return isBody?updatedList:updatedList.concat(listScrollParents(getParentNode(target)))}function rectToClientRect(rect){return Object.assign({},rect,{left:rect.x,top:rect.y,right:rect.x+rect.width,bottom:rect.y+rect.height})}function getInnerBoundingClientRect(element,strategy){var rect=getBoundingClientRect(element,!1,strategy==="fixed");return rect.top=rect.top+element.clientTop,rect.left=rect.left+element.clientLeft,rect.bottom=rect.top+element.clientHeight,rect.right=rect.left+element.clientWidth,rect.width=element.clientWidth,rect.height=element.clientHeight,rect.x=rect.left,rect.y=rect.top,rect}function getClientRectFromMixedType(element,clippingParent,strategy){return clippingParent===viewport?rectToClientRect(getViewportRect(element,strategy)):isElement(clippingParent)?getInnerBoundingClientRect(clippingParent,strategy):rectToClientRect(getDocumentRect(getDocumentElement(element)))}function getClippingParents(element){var clippingParents2=listScrollParents(getParentNode(element)),canEscapeClipping=["absolute","fixed"].indexOf(getComputedStyle(element).position)>=0,clipperElement=canEscapeClipping&&isHTMLElement(element)?getOffsetParent(element):element;return isElement(clipperElement)?clippingParents2.filter(function(clippingParent){return isElement(clippingParent)&&contains(clippingParent,clipperElement)&&getNodeName(clippingParent)!=="body"}):[]}function getClippingRect(element,boundary,rootBoundary,strategy){var mainClippingParents=boundary==="clippingParents"?getClippingParents(element):[].concat(boundary),clippingParents2=[].concat(mainClippingParents,[rootBoundary]),firstClippingParent=clippingParents2[0],clippingRect=clippingParents2.reduce(function(accRect,clippingParent){var rect=getClientRectFromMixedType(element,clippingParent,strategy);return accRect.top=max(rect.top,accRect.top),accRect.right=min(rect.right,accRect.right),accRect.bottom=min(rect.bottom,accRect.bottom),accRect.left=max(rect.left,accRect.left),accRect},getClientRectFromMixedType(element,firstClippingParent,strategy));return clippingRect.width=clippingRect.right-clippingRect.left,clippingRect.height=clippingRect.bottom-clippingRect.top,clippingRect.x=clippingRect.left,clippingRect.y=clippingRect.top,clippingRect}function computeOffsets(_ref){var reference2=_ref.reference,element=_ref.element,placement=_ref.placement,basePlacement=placement?getBasePlacement(placement):null,variation=placement?getVariation(placement):null,commonX=reference2.x+reference2.width/2-element.width/2,commonY=reference2.y+reference2.height/2-element.height/2,offsets;switch(basePlacement){case top:offsets={x:commonX,y:reference2.y-element.height};break;case bottom:offsets={x:commonX,y:reference2.y+reference2.height};break;case right:offsets={x:reference2.x+reference2.width,y:commonY};break;case left:offsets={x:reference2.x-element.width,y:commonY};break;default:offsets={x:reference2.x,y:reference2.y}}var mainAxis=basePlacement?getMainAxisFromPlacement(basePlacement):null;if(mainAxis!=null){var len=mainAxis==="y"?"height":"width";switch(variation){case start:offsets[mainAxis]=offsets[mainAxis]-(reference2[len]/2-element[len]/2);break;case end:offsets[mainAxis]=offsets[mainAxis]+(reference2[len]/2-element[len]/2);break}}return offsets}function detectOverflow(state,options){options===void 0&&(options={});var _options=options,_options$placement=_options.placement,placement=_options$placement===void 0?state.placement:_options$placement,_options$strategy=_options.strategy,strategy=_options$strategy===void 0?state.strategy:_options$strategy,_options$boundary=_options.boundary,boundary=_options$boundary===void 0?clippingParents:_options$boundary,_options$rootBoundary=_options.rootBoundary,rootBoundary=_options$rootBoundary===void 0?viewport:_options$rootBoundary,_options$elementConte=_options.elementContext,elementContext=_options$elementConte===void 0?popper:_options$elementConte,_options$altBoundary=_options.altBoundary,altBoundary=_options$altBoundary===void 0?!1:_options$altBoundary,_options$padding=_options.padding,padding=_options$padding===void 0?0:_options$padding,paddingObject=mergePaddingObject(typeof padding!="number"?padding:expandToHashMap(padding,basePlacements)),altContext=elementContext===popper?reference:popper,popperRect=state.rects.popper,element=state.elements[altBoundary?altContext:elementContext],clippingClientRect=getClippingRect(isElement(element)?element:element.contextElement||getDocumentElement(state.elements.popper),boundary,rootBoundary,strategy),referenceClientRect=getBoundingClientRect(state.elements.reference),popperOffsets2=computeOffsets({reference:referenceClientRect,element:popperRect,strategy:"absolute",placement}),popperClientRect=rectToClientRect(Object.assign({},popperRect,popperOffsets2)),elementClientRect=elementContext===popper?popperClientRect:referenceClientRect,overflowOffsets={top:clippingClientRect.top-elementClientRect.top+paddingObject.top,bottom:elementClientRect.bottom-clippingClientRect.bottom+paddingObject.bottom,left:clippingClientRect.left-elementClientRect.left+paddingObject.left,right:elementClientRect.right-clippingClientRect.right+paddingObject.right},offsetData=state.modifiersData.offset;if(elementContext===popper&&offsetData){var offset2=offsetData[placement];Object.keys(overflowOffsets).forEach(function(key){var multiply=[right,bottom].indexOf(key)>=0?1:-1,axis=[top,bottom].indexOf(key)>=0?"y":"x";overflowOffsets[key]+=offset2[axis]*multiply})}return overflowOffsets}function computeAutoPlacement(state,options){options===void 0&&(options={});var _options=options,placement=_options.placement,boundary=_options.boundary,rootBoundary=_options.rootBoundary,padding=_options.padding,flipVariations=_options.flipVariations,_options$allowedAutoP=_options.allowedAutoPlacements,allowedAutoPlacements=_options$allowedAutoP===void 0?placements:_options$allowedAutoP,variation=getVariation(placement),placements2=variation?flipVariations?variationPlacements:variationPlacements.filter(function(placement2){return getVariation(placement2)===variation}):basePlacements,allowedPlacements=placements2.filter(function(placement2){return allowedAutoPlacements.indexOf(placement2)>=0});allowedPlacements.length===0&&(allowedPlacements=placements2);var overflows=allowedPlacements.reduce(function(acc,placement2){return acc[placement2]=detectOverflow(state,{placement:placement2,boundary,rootBoundary,padding})[getBasePlacement(placement2)],acc},{});return Object.keys(overflows).sort(function(a,b){return overflows[a]-overflows[b]})}function getExpandedFallbackPlacements(placement){if(getBasePlacement(placement)===auto)return[];var oppositePlacement=getOppositePlacement(placement);return[getOppositeVariationPlacement(placement),oppositePlacement,getOppositeVariationPlacement(oppositePlacement)]}function flip(_ref){var state=_ref.state,options=_ref.options,name=_ref.name;if(!state.modifiersData[name]._skip){for(var _options$mainAxis=options.mainAxis,checkMainAxis=_options$mainAxis===void 0?!0:_options$mainAxis,_options$altAxis=options.altAxis,checkAltAxis=_options$altAxis===void 0?!0:_options$altAxis,specifiedFallbackPlacements=options.fallbackPlacements,padding=options.padding,boundary=options.boundary,rootBoundary=options.rootBoundary,altBoundary=options.altBoundary,_options$flipVariatio=options.flipVariations,flipVariations=_options$flipVariatio===void 0?!0:_options$flipVariatio,allowedAutoPlacements=options.allowedAutoPlacements,preferredPlacement=state.options.placement,basePlacement=getBasePlacement(preferredPlacement),isBasePlacement=basePlacement===preferredPlacement,fallbackPlacements=specifiedFallbackPlacements||(isBasePlacement||!flipVariations?[getOppositePlacement(preferredPlacement)]:getExpandedFallbackPlacements(preferredPlacement)),placements2=[preferredPlacement].concat(fallbackPlacements).reduce(function(acc,placement2){return acc.concat(getBasePlacement(placement2)===auto?computeAutoPlacement(state,{placement:placement2,boundary,rootBoundary,padding,flipVariations,allowedAutoPlacements}):placement2)},[]),referenceRect=state.rects.reference,popperRect=state.rects.popper,checksMap=new Map,makeFallbackChecks=!0,firstFittingPlacement=placements2[0],i=0;i<placements2.length;i++){var placement=placements2[i],_basePlacement=getBasePlacement(placement),isStartVariation=getVariation(placement)===start,isVertical=[top,bottom].indexOf(_basePlacement)>=0,len=isVertical?"width":"height",overflow=detectOverflow(state,{placement,boundary,rootBoundary,altBoundary,padding}),mainVariationSide=isVertical?isStartVariation?right:left:isStartVariation?bottom:top;referenceRect[len]>popperRect[len]&&(mainVariationSide=getOppositePlacement(mainVariationSide));var altVariationSide=getOppositePlacement(mainVariationSide),checks=[];if(checkMainAxis&&checks.push(overflow[_basePlacement]<=0),checkAltAxis&&checks.push(overflow[mainVariationSide]<=0,overflow[altVariationSide]<=0),checks.every(function(check){return check})){firstFittingPlacement=placement,makeFallbackChecks=!1;break}checksMap.set(placement,checks)}if(makeFallbackChecks)for(var numberOfChecks=flipVariations?3:1,_loop=function(_i2){var fittingPlacement=placements2.find(function(placement2){var checks2=checksMap.get(placement2);if(checks2)return checks2.slice(0,_i2).every(function(check){return check})});if(fittingPlacement)return firstFittingPlacement=fittingPlacement,"break"},_i=numberOfChecks;_i>0;_i--){var _ret=_loop(_i);if(_ret==="break")break}state.placement!==firstFittingPlacement&&(state.modifiersData[name]._skip=!0,state.placement=firstFittingPlacement,state.reset=!0)}}var flip_default={name:"flip",enabled:!0,phase:"main",fn:flip,requiresIfExists:["offset"],data:{_skip:!1}};function getSideOffsets(overflow,rect,preventedOffsets){return preventedOffsets===void 0&&(preventedOffsets={x:0,y:0}),{top:overflow.top-rect.height-preventedOffsets.y,right:overflow.right-rect.width+preventedOffsets.x,bottom:overflow.bottom-rect.height+preventedOffsets.y,left:overflow.left-rect.width-preventedOffsets.x}}function isAnySideFullyClipped(overflow){return[top,right,bottom,left].some(function(side){return overflow[side]>=0})}function hide(_ref){var state=_ref.state,name=_ref.name,referenceRect=state.rects.reference,popperRect=state.rects.popper,preventedOffsets=state.modifiersData.preventOverflow,referenceOverflow=detectOverflow(state,{elementContext:"reference"}),popperAltOverflow=detectOverflow(state,{altBoundary:!0}),referenceClippingOffsets=getSideOffsets(referenceOverflow,referenceRect),popperEscapeOffsets=getSideOffsets(popperAltOverflow,popperRect,preventedOffsets),isReferenceHidden=isAnySideFullyClipped(referenceClippingOffsets),hasPopperEscaped=isAnySideFullyClipped(popperEscapeOffsets);state.modifiersData[name]={referenceClippingOffsets,popperEscapeOffsets,isReferenceHidden,hasPopperEscaped},state.attributes.popper=Object.assign({},state.attributes.popper,{"data-popper-reference-hidden":isReferenceHidden,"data-popper-escaped":hasPopperEscaped})}var hide_default={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:hide};function distanceAndSkiddingToXY(placement,rects,offset2){var basePlacement=getBasePlacement(placement),invertDistance=[left,top].indexOf(basePlacement)>=0?-1:1,_ref=typeof offset2=="function"?offset2(Object.assign({},rects,{placement})):offset2,skidding=_ref[0],distance=_ref[1];return skidding=skidding||0,distance=(distance||0)*invertDistance,[left,right].indexOf(basePlacement)>=0?{x:distance,y:skidding}:{x:skidding,y:distance}}function offset(_ref2){var state=_ref2.state,options=_ref2.options,name=_ref2.name,_options$offset=options.offset,offset2=_options$offset===void 0?[0,0]:_options$offset,data=placements.reduce(function(acc,placement){return acc[placement]=distanceAndSkiddingToXY(placement,state.rects,offset2),acc},{}),_data$state$placement=data[state.placement],x=_data$state$placement.x,y=_data$state$placement.y;state.modifiersData.popperOffsets!=null&&(state.modifiersData.popperOffsets.x+=x,state.modifiersData.popperOffsets.y+=y),state.modifiersData[name]=data}var offset_default={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:offset};function popperOffsets(_ref){var state=_ref.state,name=_ref.name;state.modifiersData[name]=computeOffsets({reference:state.rects.reference,element:state.rects.popper,strategy:"absolute",placement:state.placement})}var popperOffsets_default={name:"popperOffsets",enabled:!0,phase:"read",fn:popperOffsets,data:{}};function getAltAxis(axis){return axis==="x"?"y":"x"}function preventOverflow(_ref){var state=_ref.state,options=_ref.options,name=_ref.name,_options$mainAxis=options.mainAxis,checkMainAxis=_options$mainAxis===void 0?!0:_options$mainAxis,_options$altAxis=options.altAxis,checkAltAxis=_options$altAxis===void 0?!1:_options$altAxis,boundary=options.boundary,rootBoundary=options.rootBoundary,altBoundary=options.altBoundary,padding=options.padding,_options$tether=options.tether,tether=_options$tether===void 0?!0:_options$tether,_options$tetherOffset=options.tetherOffset,tetherOffset=_options$tetherOffset===void 0?0:_options$tetherOffset,overflow=detectOverflow(state,{boundary,rootBoundary,padding,altBoundary}),basePlacement=getBasePlacement(state.placement),variation=getVariation(state.placement),isBasePlacement=!variation,mainAxis=getMainAxisFromPlacement(basePlacement),altAxis=getAltAxis(mainAxis),popperOffsets2=state.modifiersData.popperOffsets,referenceRect=state.rects.reference,popperRect=state.rects.popper,tetherOffsetValue=typeof tetherOffset=="function"?tetherOffset(Object.assign({},state.rects,{placement:state.placement})):tetherOffset,normalizedTetherOffsetValue=typeof tetherOffsetValue=="number"?{mainAxis:tetherOffsetValue,altAxis:tetherOffsetValue}:Object.assign({mainAxis:0,altAxis:0},tetherOffsetValue),offsetModifierState=state.modifiersData.offset?state.modifiersData.offset[state.placement]:null,data={x:0,y:0};if(popperOffsets2){if(checkMainAxis){var _offsetModifierState$,mainSide=mainAxis==="y"?top:left,altSide=mainAxis==="y"?bottom:right,len=mainAxis==="y"?"height":"width",offset2=popperOffsets2[mainAxis],min2=offset2+overflow[mainSide],max2=offset2-overflow[altSide],additive=tether?-popperRect[len]/2:0,minLen=variation===start?referenceRect[len]:popperRect[len],maxLen=variation===start?-popperRect[len]:-referenceRect[len],arrowElement=state.elements.arrow,arrowRect=tether&&arrowElement?getLayoutRect(arrowElement):{width:0,height:0},arrowPaddingObject=state.modifiersData["arrow#persistent"]?state.modifiersData["arrow#persistent"].padding:getFreshSideObject(),arrowPaddingMin=arrowPaddingObject[mainSide],arrowPaddingMax=arrowPaddingObject[altSide],arrowLen=within(0,referenceRect[len],arrowRect[len]),minOffset=isBasePlacement?referenceRect[len]/2-additive-arrowLen-arrowPaddingMin-normalizedTetherOffsetValue.mainAxis:minLen-arrowLen-arrowPaddingMin-normalizedTetherOffsetValue.mainAxis,maxOffset=isBasePlacement?-referenceRect[len]/2+additive+arrowLen+arrowPaddingMax+normalizedTetherOffsetValue.mainAxis:maxLen+arrowLen+arrowPaddingMax+normalizedTetherOffsetValue.mainAxis,arrowOffsetParent=state.elements.arrow&&getOffsetParent(state.elements.arrow),clientOffset=arrowOffsetParent?mainAxis==="y"?arrowOffsetParent.clientTop||0:arrowOffsetParent.clientLeft||0:0,offsetModifierValue=(_offsetModifierState$=offsetModifierState?.[mainAxis])!=null?_offsetModifierState$:0,tetherMin=offset2+minOffset-offsetModifierValue-clientOffset,tetherMax=offset2+maxOffset-offsetModifierValue,preventedOffset=within(tether?min(min2,tetherMin):min2,offset2,tether?max(max2,tetherMax):max2);popperOffsets2[mainAxis]=preventedOffset,data[mainAxis]=preventedOffset-offset2}if(checkAltAxis){var _offsetModifierState$2,_mainSide=mainAxis==="x"?top:left,_altSide=mainAxis==="x"?bottom:right,_offset=popperOffsets2[altAxis],_len=altAxis==="y"?"height":"width",_min=_offset+overflow[_mainSide],_max=_offset-overflow[_altSide],isOriginSide=[top,left].indexOf(basePlacement)!==-1,_offsetModifierValue=(_offsetModifierState$2=offsetModifierState?.[altAxis])!=null?_offsetModifierState$2:0,_tetherMin=isOriginSide?_min:_offset-referenceRect[_len]-popperRect[_len]-_offsetModifierValue+normalizedTetherOffsetValue.altAxis,_tetherMax=isOriginSide?_offset+referenceRect[_len]+popperRect[_len]-_offsetModifierValue-normalizedTetherOffsetValue.altAxis:_max,_preventedOffset=tether&&isOriginSide?withinMaxClamp(_tetherMin,_offset,_tetherMax):within(tether?_tetherMin:_min,_offset,tether?_tetherMax:_max);popperOffsets2[altAxis]=_preventedOffset,data[altAxis]=_preventedOffset-_offset}state.modifiersData[name]=data}}var preventOverflow_default={name:"preventOverflow",enabled:!0,phase:"main",fn:preventOverflow,requiresIfExists:["offset"]};function getHTMLElementScroll(element){return{scrollLeft:element.scrollLeft,scrollTop:element.scrollTop}}function getNodeScroll(node){return node===getWindow(node)||!isHTMLElement(node)?getWindowScroll(node):getHTMLElementScroll(node)}function isElementScaled(element){var rect=element.getBoundingClientRect(),scaleX=round(rect.width)/element.offsetWidth||1,scaleY=round(rect.height)/element.offsetHeight||1;return scaleX!==1||scaleY!==1}function getCompositeRect(elementOrVirtualElement,offsetParent,isFixed){isFixed===void 0&&(isFixed=!1);var isOffsetParentAnElement=isHTMLElement(offsetParent),offsetParentIsScaled=isHTMLElement(offsetParent)&&isElementScaled(offsetParent),documentElement=getDocumentElement(offsetParent),rect=getBoundingClientRect(elementOrVirtualElement,offsetParentIsScaled,isFixed),scroll={scrollLeft:0,scrollTop:0},offsets={x:0,y:0};return(isOffsetParentAnElement||!isOffsetParentAnElement&&!isFixed)&&((getNodeName(offsetParent)!=="body"||isScrollParent(documentElement))&&(scroll=getNodeScroll(offsetParent)),isHTMLElement(offsetParent)?(offsets=getBoundingClientRect(offsetParent,!0),offsets.x+=offsetParent.clientLeft,offsets.y+=offsetParent.clientTop):documentElement&&(offsets.x=getWindowScrollBarX(documentElement))),{x:rect.left+scroll.scrollLeft-offsets.x,y:rect.top+scroll.scrollTop-offsets.y,width:rect.width,height:rect.height}}function order(modifiers){var map=new Map,visited=new Set,result=[];modifiers.forEach(function(modifier){map.set(modifier.name,modifier)});function sort(modifier){visited.add(modifier.name);var requires=[].concat(modifier.requires||[],modifier.requiresIfExists||[]);requires.forEach(function(dep){if(!visited.has(dep)){var depModifier=map.get(dep);depModifier&&sort(depModifier)}}),result.push(modifier)}return modifiers.forEach(function(modifier){visited.has(modifier.name)||sort(modifier)}),result}function orderModifiers(modifiers){var orderedModifiers=order(modifiers);return modifierPhases.reduce(function(acc,phase){return acc.concat(orderedModifiers.filter(function(modifier){return modifier.phase===phase}))},[])}function debounce(fn2){var pending;return function(){return pending||(pending=new Promise(function(resolve){Promise.resolve().then(function(){pending=void 0,resolve(fn2())})})),pending}}function mergeByName(modifiers){var merged=modifiers.reduce(function(merged2,current){var existing=merged2[current.name];return merged2[current.name]=existing?Object.assign({},existing,current,{options:Object.assign({},existing.options,current.options),data:Object.assign({},existing.data,current.data)}):current,merged2},{});return Object.keys(merged).map(function(key){return merged[key]})}var DEFAULT_OPTIONS={placement:"bottom",modifiers:[],strategy:"absolute"};function areValidElements(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return!args.some(function(element){return!(element&&typeof element.getBoundingClientRect=="function")})}function popperGenerator(generatorOptions){generatorOptions===void 0&&(generatorOptions={});var _generatorOptions=generatorOptions,_generatorOptions$def=_generatorOptions.defaultModifiers,defaultModifiers2=_generatorOptions$def===void 0?[]:_generatorOptions$def,_generatorOptions$def2=_generatorOptions.defaultOptions,defaultOptions=_generatorOptions$def2===void 0?DEFAULT_OPTIONS:_generatorOptions$def2;return function(reference2,popper2,options){options===void 0&&(options=defaultOptions);var state={placement:"bottom",orderedModifiers:[],options:Object.assign({},DEFAULT_OPTIONS,defaultOptions),modifiersData:{},elements:{reference:reference2,popper:popper2},attributes:{},styles:{}},effectCleanupFns=[],isDestroyed=!1,instance={state,setOptions:function(setOptionsAction){var options2=typeof setOptionsAction=="function"?setOptionsAction(state.options):setOptionsAction;cleanupModifierEffects(),state.options=Object.assign({},defaultOptions,state.options,options2),state.scrollParents={reference:isElement(reference2)?listScrollParents(reference2):reference2.contextElement?listScrollParents(reference2.contextElement):[],popper:listScrollParents(popper2)};var orderedModifiers=orderModifiers(mergeByName([].concat(defaultModifiers2,state.options.modifiers)));return state.orderedModifiers=orderedModifiers.filter(function(m){return m.enabled}),runModifierEffects(),instance.update()},forceUpdate:function(){if(!isDestroyed){var _state$elements=state.elements,reference3=_state$elements.reference,popper3=_state$elements.popper;if(areValidElements(reference3,popper3)){state.rects={reference:getCompositeRect(reference3,getOffsetParent(popper3),state.options.strategy==="fixed"),popper:getLayoutRect(popper3)},state.reset=!1,state.placement=state.options.placement,state.orderedModifiers.forEach(function(modifier){return state.modifiersData[modifier.name]=Object.assign({},modifier.data)});for(var index=0;index<state.orderedModifiers.length;index++){if(state.reset===!0){state.reset=!1,index=-1;continue}var _state$orderedModifie=state.orderedModifiers[index],fn2=_state$orderedModifie.fn,_state$orderedModifie2=_state$orderedModifie.options,_options=_state$orderedModifie2===void 0?{}:_state$orderedModifie2,name=_state$orderedModifie.name;typeof fn2=="function"&&(state=fn2({state,options:_options,name,instance})||state)}}}},update:debounce(function(){return new Promise(function(resolve){instance.forceUpdate(),resolve(state)})}),destroy:function(){cleanupModifierEffects(),isDestroyed=!0}};if(!areValidElements(reference2,popper2))return instance;instance.setOptions(options).then(function(state2){!isDestroyed&&options.onFirstUpdate&&options.onFirstUpdate(state2)});function runModifierEffects(){state.orderedModifiers.forEach(function(_ref){var name=_ref.name,_ref$options=_ref.options,options2=_ref$options===void 0?{}:_ref$options,effect4=_ref.effect;if(typeof effect4=="function"){var cleanupFn=effect4({state,name,instance,options:options2}),noopFn=function(){};effectCleanupFns.push(cleanupFn||noopFn)}})}function cleanupModifierEffects(){effectCleanupFns.forEach(function(fn2){return fn2()}),effectCleanupFns=[]}return instance}}var defaultModifiers=[eventListeners_default,popperOffsets_default,computeStyles_default,applyStyles_default,offset_default,flip_default,preventOverflow_default,arrow_default,hide_default],createPopper=popperGenerator({defaultModifiers}),import_react_fast_compare=__toESM2(require_react_fast_compare()),EMPTY_MODIFIERS=[],usePopper=function(referenceElement,popperElement,options){options===void 0&&(options={});var prevOptions=React3.useRef(null),optionsWithDefaults={onFirstUpdate:options.onFirstUpdate,placement:options.placement||"bottom",strategy:options.strategy||"absolute",modifiers:options.modifiers||EMPTY_MODIFIERS},_React$useState=React3.useState({styles:{popper:{position:optionsWithDefaults.strategy,left:"0",top:"0"},arrow:{position:"absolute"}},attributes:{}}),state=_React$useState[0],setState=_React$useState[1],updateStateModifier=React3.useMemo(function(){return{name:"updateState",enabled:!0,phase:"write",fn:function(_ref){var state2=_ref.state,elements=Object.keys(state2.elements);ReactDOM.flushSync(function(){setState({styles:fromEntries(elements.map(function(element){return[element,state2.styles[element]||{}]})),attributes:fromEntries(elements.map(function(element){return[element,state2.attributes[element]]}))})})},requires:["computeStyles"]}},[]),popperOptions=React3.useMemo(function(){var newOptions={onFirstUpdate:optionsWithDefaults.onFirstUpdate,placement:optionsWithDefaults.placement,strategy:optionsWithDefaults.strategy,modifiers:[].concat(optionsWithDefaults.modifiers,[updateStateModifier,{name:"applyStyles",enabled:!1}])};return(0,import_react_fast_compare.default)(prevOptions.current,newOptions)?prevOptions.current||newOptions:(prevOptions.current=newOptions,newOptions)},[optionsWithDefaults.onFirstUpdate,optionsWithDefaults.placement,optionsWithDefaults.strategy,optionsWithDefaults.modifiers,updateStateModifier]),popperInstanceRef=React3.useRef();return useIsomorphicLayoutEffect(function(){popperInstanceRef.current&&popperInstanceRef.current.setOptions(popperOptions)},[popperOptions]),useIsomorphicLayoutEffect(function(){if(!(referenceElement==null||popperElement==null)){var createPopper2=options.createPopper||createPopper,popperInstance=createPopper2(referenceElement,popperElement,popperOptions);return popperInstanceRef.current=popperInstance,function(){popperInstance.destroy(),popperInstanceRef.current=null}}},[referenceElement,popperElement,options.createPopper]),{state:popperInstanceRef.current?popperInstanceRef.current.state:null,styles:state.styles,attributes:state.attributes,update:popperInstanceRef.current?popperInstanceRef.current.update:null,forceUpdate:popperInstanceRef.current?popperInstanceRef.current.forceUpdate:null}};function useGetLatest(val){var ref=React3.useRef(val);return ref.current=val,React3.useCallback(function(){return ref.current},[])}var noop=function(){};function useControlledState(_ref){var initial=_ref.initial,value=_ref.value,_ref$onChange=_ref.onChange,onChange=_ref$onChange===void 0?noop:_ref$onChange;if(initial===void 0&&value===void 0)throw new TypeError('Either "value" or "initial" variable must be set. Now both are undefined');var _React$useState=React3.useState(initial),state=_React$useState[0],setState=_React$useState[1],getLatest=useGetLatest(state),set=React3.useCallback(function(updater){var state2=getLatest(),updatedState=typeof updater=="function"?updater(state2):updater;typeof updatedState.persist=="function"&&updatedState.persist(),setState(updatedState),typeof onChange=="function"&&onChange(updatedState)},[getLatest,onChange]),isControlled=value!==void 0;return[isControlled?value:state,isControlled?onChange:set]}function generateBoundingClientRect(x,y){return x===void 0&&(x=0),y===void 0&&(y=0),function(){return{width:0,height:0,top:y,right:x,bottom:y,left:x,x:0,y:0,toJSON:function(){return null}}}}var _excluded=["styles","attributes"],virtualElement={getBoundingClientRect:generateBoundingClientRect()},defaultConfig={closeOnOutsideClick:!0,closeOnTriggerHidden:!1,defaultVisible:!1,delayHide:0,delayShow:0,followCursor:!1,interactive:!1,mutationObserverOptions:{attributes:!0,childList:!0,subtree:!0},offset:[0,6],trigger:"hover"};function usePopperTooltip(config,popperOptions){var _popperProps$state,_popperProps$state$mo,_popperProps$state$mo2;config===void 0&&(config={}),popperOptions===void 0&&(popperOptions={});var finalConfig=Object.keys(defaultConfig).reduce(function(config2,key){var _extends2;return _extends({},config2,(_extends2={},_extends2[key]=config2[key]!==void 0?config2[key]:defaultConfig[key],_extends2))},config),defaultModifiers2=React3.useMemo(function(){return[{name:"offset",options:{offset:finalConfig.offset}}]},Array.isArray(finalConfig.offset)?finalConfig.offset:[]),finalPopperOptions=_extends({},popperOptions,{placement:popperOptions.placement||finalConfig.placement,modifiers:popperOptions.modifiers||defaultModifiers2}),_React$useState=React3.useState(null),triggerRef=_React$useState[0],setTriggerRef=_React$useState[1],_React$useState2=React3.useState(null),tooltipRef=_React$useState2[0],setTooltipRef=_React$useState2[1],_useControlledState=useControlledState({initial:finalConfig.defaultVisible,value:finalConfig.visible,onChange:finalConfig.onVisibleChange}),visible=_useControlledState[0],setVisible=_useControlledState[1],timer=React3.useRef();React3.useEffect(function(){return function(){return clearTimeout(timer.current)}},[]);var _usePopper=usePopper(finalConfig.followCursor?virtualElement:triggerRef,tooltipRef,finalPopperOptions),styles=_usePopper.styles,attributes=_usePopper.attributes,popperProps=_objectWithoutPropertiesLoose(_usePopper,_excluded),update=popperProps.update,getLatest=useGetLatest({visible,triggerRef,tooltipRef,finalConfig}),isTriggeredBy=React3.useCallback(function(trigger){return Array.isArray(finalConfig.trigger)?finalConfig.trigger.includes(trigger):finalConfig.trigger===trigger},Array.isArray(finalConfig.trigger)?finalConfig.trigger:[finalConfig.trigger]),hideTooltip=React3.useCallback(function(){clearTimeout(timer.current),timer.current=window.setTimeout(function(){return setVisible(!1)},finalConfig.delayHide)},[finalConfig.delayHide,setVisible]),showTooltip=React3.useCallback(function(){clearTimeout(timer.current),timer.current=window.setTimeout(function(){return setVisible(!0)},finalConfig.delayShow)},[finalConfig.delayShow,setVisible]),toggleTooltip=React3.useCallback(function(){getLatest().visible?hideTooltip():showTooltip()},[getLatest,hideTooltip,showTooltip]);React3.useEffect(function(){if(getLatest().finalConfig.closeOnOutsideClick){var handleClickOutside=function(event){var _event$composedPath,_getLatest=getLatest(),tooltipRef2=_getLatest.tooltipRef,triggerRef2=_getLatest.triggerRef,target=(event.composedPath==null||(_event$composedPath=event.composedPath())==null?void 0:_event$composedPath[0])||event.target;target instanceof Node&&tooltipRef2!=null&&triggerRef2!=null&&!tooltipRef2.contains(target)&&!triggerRef2.contains(target)&&hideTooltip()};return document.addEventListener("mousedown",handleClickOutside),function(){return document.removeEventListener("mousedown",handleClickOutside)}}},[getLatest,hideTooltip]),React3.useEffect(function(){if(!(triggerRef==null||!isTriggeredBy("click")))return triggerRef.addEventListener("click",toggleTooltip),function(){return triggerRef.removeEventListener("click",toggleTooltip)}},[triggerRef,isTriggeredBy,toggleTooltip]),React3.useEffect(function(){if(!(triggerRef==null||!isTriggeredBy("double-click")))return triggerRef.addEventListener("dblclick",toggleTooltip),function(){return triggerRef.removeEventListener("dblclick",toggleTooltip)}},[triggerRef,isTriggeredBy,toggleTooltip]),React3.useEffect(function(){if(!(triggerRef==null||!isTriggeredBy("right-click"))){var preventDefaultAndToggle=function(event){event.preventDefault(),toggleTooltip()};return triggerRef.addEventListener("contextmenu",preventDefaultAndToggle),function(){return triggerRef.removeEventListener("contextmenu",preventDefaultAndToggle)}}},[triggerRef,isTriggeredBy,toggleTooltip]),React3.useEffect(function(){if(!(triggerRef==null||!isTriggeredBy("focus")))return triggerRef.addEventListener("focus",showTooltip),triggerRef.addEventListener("blur",hideTooltip),function(){triggerRef.removeEventListener("focus",showTooltip),triggerRef.removeEventListener("blur",hideTooltip)}},[triggerRef,isTriggeredBy,showTooltip,hideTooltip]),React3.useEffect(function(){if(!(triggerRef==null||!isTriggeredBy("hover")))return triggerRef.addEventListener("mouseenter",showTooltip),triggerRef.addEventListener("mouseleave",hideTooltip),function(){triggerRef.removeEventListener("mouseenter",showTooltip),triggerRef.removeEventListener("mouseleave",hideTooltip)}},[triggerRef,isTriggeredBy,showTooltip,hideTooltip]),React3.useEffect(function(){if(!(tooltipRef==null||!isTriggeredBy("hover")||!getLatest().finalConfig.interactive))return tooltipRef.addEventListener("mouseenter",showTooltip),tooltipRef.addEventListener("mouseleave",hideTooltip),function(){tooltipRef.removeEventListener("mouseenter",showTooltip),tooltipRef.removeEventListener("mouseleave",hideTooltip)}},[tooltipRef,isTriggeredBy,showTooltip,hideTooltip,getLatest]);var isReferenceHidden=popperProps==null||(_popperProps$state=popperProps.state)==null||(_popperProps$state$mo=_popperProps$state.modifiersData)==null||(_popperProps$state$mo2=_popperProps$state$mo.hide)==null?void 0:_popperProps$state$mo2.isReferenceHidden;React3.useEffect(function(){finalConfig.closeOnTriggerHidden&&isReferenceHidden&&hideTooltip()},[finalConfig.closeOnTriggerHidden,hideTooltip,isReferenceHidden]),React3.useEffect(function(){if(!finalConfig.followCursor||triggerRef==null)return;function setMousePosition(_ref){var clientX=_ref.clientX,clientY=_ref.clientY;virtualElement.getBoundingClientRect=generateBoundingClientRect(clientX,clientY),update?.()}return triggerRef.addEventListener("mousemove",setMousePosition),function(){return triggerRef.removeEventListener("mousemove",setMousePosition)}},[finalConfig.followCursor,triggerRef,update]),React3.useEffect(function(){if(!(tooltipRef==null||update==null||finalConfig.mutationObserverOptions==null)){var observer=new MutationObserver(update);return observer.observe(tooltipRef,finalConfig.mutationObserverOptions),function(){return observer.disconnect()}}},[finalConfig.mutationObserverOptions,tooltipRef,update]);var getTooltipProps=function(args){return args===void 0&&(args={}),_extends({},args,{style:_extends({},args.style,styles.popper)},attributes.popper,{"data-popper-interactive":finalConfig.interactive})},getArrowProps=function(args){return args===void 0&&(args={}),_extends({},args,attributes.arrow,{style:_extends({},args.style,styles.arrow),"data-popper-arrow":!0})};return _extends({getArrowProps,getTooltipProps,setTooltipRef,setTriggerRef,tooltipRef,triggerRef,visible},popperProps)}var match=(0,import_memoizerific.default)(1e3)((requests,actual,value,fallback=0)=>actual.split("-")[0]===requests?value:fallback),ArrowSpacing=8,Arrow=newStyled.div({position:"absolute",borderStyle:"solid"},({placement})=>{let x=0,y=0;switch(!0){case(placement.startsWith("left")||placement.startsWith("right")):{y=8;break}case(placement.startsWith("top")||placement.startsWith("bottom")):{x=8;break}}return{transform:`translate3d(${x}px, ${y}px, 0px)`}},({theme,color,placement})=>({bottom:`${match("top",placement,`${ArrowSpacing*-1}px`,"auto")}`,top:`${match("bottom",placement,`${ArrowSpacing*-1}px`,"auto")}`,right:`${match("left",placement,`${ArrowSpacing*-1}px`,"auto")}`,left:`${match("right",placement,`${ArrowSpacing*-1}px`,"auto")}`,borderBottomWidth:`${match("top",placement,"0",ArrowSpacing)}px`,borderTopWidth:`${match("bottom",placement,"0",ArrowSpacing)}px`,borderRightWidth:`${match("left",placement,"0",ArrowSpacing)}px`,borderLeftWidth:`${match("right",placement,"0",ArrowSpacing)}px`,borderTopColor:match("top",placement,theme.color[color]||color||theme.base==="light"?lightenColor(theme.background.app):theme.background.app,"transparent"),borderBottomColor:match("bottom",placement,theme.color[color]||color||theme.base==="light"?lightenColor(theme.background.app):theme.background.app,"transparent"),borderLeftColor:match("left",placement,theme.color[color]||color||theme.base==="light"?lightenColor(theme.background.app):theme.background.app,"transparent"),borderRightColor:match("right",placement,theme.color[color]||color||theme.base==="light"?lightenColor(theme.background.app):theme.background.app,"transparent")})),Wrapper=newStyled.div(({hidden})=>({display:hidden?"none":"inline-block",zIndex:2147483647}),({theme,color,hasChrome})=>hasChrome?{background:theme.color[color]||color||theme.base==="light"?lightenColor(theme.background.app):theme.background.app,filter:`
|
|
2
|
-
drop-shadow(0px 5px 5px rgba(0,0,0,0.05))
|
|
3
|
-
drop-shadow(0 1px 3px rgba(0,0,0,0.1))
|
|
4
|
-
`,borderRadius:theme.appBorderRadius,fontSize:theme.typography.size.s1}:{}),Tooltip=import_react.default.forwardRef(({placement,hasChrome,children,arrowProps,tooltipRef,color,withArrows,...props},ref)=>import_react.default.createElement(Wrapper,{"data-testid":"tooltip",hasChrome,ref,...props,color},hasChrome&&withArrows&&import_react.default.createElement(Arrow,{placement,...arrowProps,color}),children));Tooltip.displayName="Tooltip";Tooltip.defaultProps={color:void 0,tooltipRef:void 0,hasChrome:!0,placement:"top",arrowProps:{}};var{document:document2}=scope,TargetContainer=newStyled.div`
|
|
5
|
-
display: inline-block;
|
|
6
|
-
cursor: ${props=>props.trigger==="hover"||props.trigger.includes("hover")?"default":"pointer"};
|
|
7
|
-
`,TargetSvgContainer=newStyled.g`
|
|
8
|
-
cursor: ${props=>props.trigger==="hover"||props.trigger.includes("hover")?"default":"pointer"};
|
|
9
|
-
`,WithTooltipPure=({svg,trigger,closeOnOutsideClick,placement,hasChrome,withArrows,offset:offset2,tooltip,children,closeOnTriggerHidden,mutationObserverOptions,closeOnClick,tooltipShown,onVisibilityChange,defaultVisible,delayHide,visible,interactive,delayShow,modifiers,strategy,followCursor,onVisibleChange,...props})=>{let Container=svg?TargetSvgContainer:TargetContainer,{getArrowProps,getTooltipProps,setTooltipRef,setTriggerRef,visible:isVisible,state}=usePopperTooltip({trigger,placement,defaultVisible:defaultVisible??tooltipShown,delayHide,interactive,closeOnOutsideClick:closeOnOutsideClick??closeOnClick,closeOnTriggerHidden,onVisibleChange:_isVisible=>{onVisibilityChange?.(_isVisible),onVisibleChange?.(_isVisible)},delayShow,followCursor,mutationObserverOptions,visible,offset:offset2},{modifiers,strategy}),tooltipComponent=import_react.default.createElement(Tooltip,{placement:state?.placement,ref:setTooltipRef,hasChrome,arrowProps:getArrowProps(),withArrows,...getTooltipProps()},typeof tooltip=="function"?tooltip({onHide:()=>onVisibleChange(!1)}):tooltip);return import_react.default.createElement(import_react.default.Fragment,null,import_react.default.createElement(Container,{trigger,ref:setTriggerRef,...props},children),isVisible&&import_react_dom.default.createPortal(tooltipComponent,document2.body))};WithTooltipPure.defaultProps={svg:!1,trigger:"click",closeOnOutsideClick:!1,placement:"top",modifiers:[{name:"preventOverflow",options:{padding:8}},{name:"offset",options:{offset:[8,8]}},{name:"arrow",options:{padding:8}}],hasChrome:!0,defaultVisible:!1};var WithToolTipState=({startOpen=!1,onVisibleChange:onChange,...rest})=>{let[tooltipShown,setTooltipShown]=(0,import_react.useState)(startOpen),onVisibilityChange=(0,import_react.useCallback)(visibility=>{onChange&&onChange(visibility)===!1||setTooltipShown(visibility)},[onChange]);return(0,import_react.useEffect)(()=>{let hide2=()=>onVisibilityChange(!1);document2.addEventListener("keydown",hide2,!1);let iframes=Array.from(document2.getElementsByTagName("iframe")),unbinders=[];return iframes.forEach(iframe=>{let bind=()=>{try{iframe.contentWindow.document&&(iframe.contentWindow.document.addEventListener("click",hide2),unbinders.push(()=>{try{iframe.contentWindow.document.removeEventListener("click",hide2)}catch{}}))}catch{}};bind(),iframe.addEventListener("load",bind),unbinders.push(()=>{iframe.removeEventListener("load",bind)})}),()=>{document2.removeEventListener("keydown",hide2),unbinders.forEach(unbind=>{unbind()})}}),import_react.default.createElement(WithTooltipPure,{...rest,visible:tooltipShown,onVisibleChange:onVisibilityChange})};export{auto,WithTooltipPure,WithToolTipState};
|