@geoinsight/react-components 0.8.10 → 0.8.12
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/.yarn/install-state.gz +0 -0
- package/.yarnrc.yml +1 -0
- package/dist/cjs/components/modal/index.d.ts +1 -1
- package/dist/cjs/components/modal/index.types.d.ts +8 -0
- package/dist/cjs/context/modal/index.d.ts +2 -0
- package/dist/cjs/index.css +1 -1
- package/dist/cjs/index.js +8 -5
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/modal/index.d.ts +1 -1
- package/dist/esm/components/modal/index.types.d.ts +8 -0
- package/dist/esm/context/modal/index.d.ts +2 -0
- package/dist/esm/index.css +1 -1
- package/dist/esm/index.js +8 -5
- package/dist/esm/index.js.map +1 -1
- package/package.json +2 -3
- package/storybook-static/106.ec5a495a.iframe.bundle.js +1 -0
- package/storybook-static/145.34858399.iframe.bundle.js +2 -0
- package/storybook-static/145.34858399.iframe.bundle.js.LICENSE.txt +9 -0
- package/storybook-static/158.734aa560.iframe.bundle.js +2 -0
- package/storybook-static/158.734aa560.iframe.bundle.js.LICENSE.txt +1 -0
- package/storybook-static/296.673fff81.iframe.bundle.js +1 -0
- package/storybook-static/40.a1700674.iframe.bundle.js +2 -0
- package/storybook-static/40.a1700674.iframe.bundle.js.LICENSE.txt +9 -0
- package/storybook-static/426.afefed49.iframe.bundle.js +44 -0
- package/storybook-static/426.afefed49.iframe.bundle.js.map +1 -0
- package/storybook-static/433.19f615e7.iframe.bundle.js +1 -0
- package/storybook-static/439.51454c4d.iframe.bundle.js +1 -0
- package/storybook-static/471.f9d522fc.iframe.bundle.js +402 -0
- package/storybook-static/471.f9d522fc.iframe.bundle.js.LICENSE.txt +53 -0
- package/storybook-static/471.f9d522fc.iframe.bundle.js.map +1 -0
- package/storybook-static/497.dafe304f.iframe.bundle.js +134 -0
- package/storybook-static/497.dafe304f.iframe.bundle.js.LICENSE.txt +16 -0
- package/storybook-static/497.dafe304f.iframe.bundle.js.map +1 -0
- package/storybook-static/659.1ad30476.iframe.bundle.js +1 -0
- package/storybook-static/677.e7db0cd6.iframe.bundle.js +2 -0
- package/storybook-static/677.e7db0cd6.iframe.bundle.js.LICENSE.txt +15 -0
- package/storybook-static/729.01f72d48.iframe.bundle.js +1 -0
- package/storybook-static/750.2215b5aa.iframe.bundle.js +1 -0
- package/storybook-static/796.09f6c96d.iframe.bundle.js +1 -0
- package/storybook-static/984.6be9debc.iframe.bundle.js +1 -0
- package/storybook-static/components-accordion-index-stories.ef18c840.iframe.bundle.js +1 -0
- package/storybook-static/components-button-index-stories.ab760bed.iframe.bundle.js +2 -0
- package/storybook-static/components-button-index-stories.ab760bed.iframe.bundle.js.LICENSE.txt +9 -0
- package/storybook-static/components-form-index-stories.3cba66b0.iframe.bundle.js +1 -0
- package/storybook-static/components-input-index-stories.52cb94b7.iframe.bundle.js +2 -0
- package/storybook-static/components-input-index-stories.52cb94b7.iframe.bundle.js.LICENSE.txt +9 -0
- package/storybook-static/components-loading-index-stories.c03f4231.iframe.bundle.js +2 -0
- package/storybook-static/components-loading-index-stories.c03f4231.iframe.bundle.js.LICENSE.txt +9 -0
- package/storybook-static/components-map-index-stories.df3b2a69.iframe.bundle.js +1 -0
- package/storybook-static/components-modal-index-stories.4204e0d1.iframe.bundle.js +1 -0
- package/storybook-static/components-select-index-stories.5d8e5e16.iframe.bundle.js +1 -0
- package/storybook-static/components-text-area-index-stories.c1412c7f.iframe.bundle.js +2 -0
- package/storybook-static/components-text-area-index-stories.c1412c7f.iframe.bundle.js.LICENSE.txt +9 -0
- package/storybook-static/context-loading-index-stories.4d6c26b7.iframe.bundle.js +2 -0
- package/storybook-static/context-loading-index-stories.4d6c26b7.iframe.bundle.js.LICENSE.txt +9 -0
- package/storybook-static/context-modal-index-stories.74348761.iframe.bundle.js +1 -0
- package/storybook-static/favicon.svg +7 -0
- package/storybook-static/iframe.html +355 -0
- package/storybook-static/index.html +126 -0
- package/storybook-static/index.json +1 -0
- package/storybook-static/main.6ecf7d5b.iframe.bundle.js +1 -0
- package/storybook-static/project.json +1 -0
- package/storybook-static/runtime~main.b58604cf.iframe.bundle.js +1 -0
- package/storybook-static/sb-addons/essentials-actions-2/manager-bundle.js +3 -0
- package/storybook-static/sb-addons/essentials-actions-2/manager-bundle.js.LEGAL.txt +0 -0
- package/storybook-static/sb-addons/essentials-backgrounds-3/manager-bundle.js +12 -0
- package/storybook-static/sb-addons/essentials-backgrounds-3/manager-bundle.js.LEGAL.txt +0 -0
- package/storybook-static/sb-addons/essentials-controls-1/manager-bundle.js +114 -0
- package/storybook-static/sb-addons/essentials-controls-1/manager-bundle.js.LEGAL.txt +18 -0
- package/storybook-static/sb-addons/essentials-measure-6/manager-bundle.js +3 -0
- package/storybook-static/sb-addons/essentials-measure-6/manager-bundle.js.LEGAL.txt +0 -0
- package/storybook-static/sb-addons/essentials-outline-7/manager-bundle.js +3 -0
- package/storybook-static/sb-addons/essentials-outline-7/manager-bundle.js.LEGAL.txt +0 -0
- package/storybook-static/sb-addons/essentials-toolbars-5/manager-bundle.js +3 -0
- package/storybook-static/sb-addons/essentials-toolbars-5/manager-bundle.js.LEGAL.txt +0 -0
- package/storybook-static/sb-addons/essentials-viewport-4/manager-bundle.js +3 -0
- package/storybook-static/sb-addons/essentials-viewport-4/manager-bundle.js.LEGAL.txt +0 -0
- package/storybook-static/sb-addons/interactions-8/manager-bundle.js +27 -0
- package/storybook-static/sb-addons/interactions-8/manager-bundle.js.LEGAL.txt +0 -0
- package/storybook-static/sb-addons/links-0/manager-bundle.js +3 -0
- package/storybook-static/sb-addons/links-0/manager-bundle.js.LEGAL.txt +0 -0
- package/storybook-static/sb-common-assets/fonts.css +31 -0
- package/storybook-static/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
- package/storybook-static/sb-common-assets/nunito-sans-bold.woff2 +0 -0
- package/storybook-static/sb-common-assets/nunito-sans-italic.woff2 +0 -0
- package/storybook-static/sb-common-assets/nunito-sans-regular.woff2 +0 -0
- package/storybook-static/sb-manager/WithTooltip-4HIR6TLV-YPPZ2DMB.js +1 -0
- package/storybook-static/sb-manager/chunk-DAJ4OSDJ.js +406 -0
- package/storybook-static/sb-manager/chunk-FWZ33S65.js +9 -0
- package/storybook-static/sb-manager/chunk-NFZCBIX3.js +348 -0
- package/storybook-static/sb-manager/chunk-SZNM6KS3.js +7 -0
- package/storybook-static/sb-manager/chunk-ZEU7PDD3.js +1 -0
- package/storybook-static/sb-manager/formatter-SWP5E3XI-7BGIK6BL.js +156 -0
- package/storybook-static/sb-manager/globals.js +1 -0
- package/storybook-static/sb-manager/index.js +1 -0
- package/storybook-static/sb-manager/runtime.js +1 -0
- package/storybook-static/sb-manager/syntaxhighlighter-NMPM6SWI-GZTSOZ5L.js +1 -0
- package/storybook-static/sb-preview/globals.js +1 -0
- package/storybook-static/sb-preview/runtime.js +112 -0
- package/storybook-static/static/media/code-brackets.2e1112d7.svg +1 -0
- package/storybook-static/static/media/colors.a4bd0486.svg +1 -0
- package/storybook-static/static/media/comments.a3859089.svg +1 -0
- package/storybook-static/static/media/direction.b770f9af.svg +1 -0
- package/storybook-static/static/media/flow.edad2ac1.svg +1 -0
- package/storybook-static/static/media/plugin.d494b228.svg +1 -0
- package/storybook-static/static/media/repo.6d496322.svg +1 -0
- package/storybook-static/static/media/spinner_2.6f37ee56.png +0 -0
- package/storybook-static/static/media/stackalt.dba9fbb3.svg +1 -0
- package/storybook-static/stories-Introduction-stories-mdx.7a2cd1ec.iframe.bundle.js +2 -0
- package/storybook-static/stories-Introduction-stories-mdx.7a2cd1ec.iframe.bundle.js.LICENSE.txt +9 -0
- package/storybook-static/stories.json +1 -0
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! For license information please see components-loading-index-stories.c03f4231.iframe.bundle.js.LICENSE.txt */
|
|
2
|
+
"use strict";(self.webpackChunk_geoinsight_react_components=self.webpackChunk_geoinsight_react_components||[]).push([[96],{"./src/components/loading/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/loading/index.tsx"),_decorators_withColorScheme__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/decorators/withColorScheme.tsx");const __WEBPACK_DEFAULT_EXPORT__={title:"Example/Loading",component:_index__WEBPACK_IMPORTED_MODULE_0__.g,decorators:[_decorators_withColorScheme__WEBPACK_IMPORTED_MODULE_1__.c]},Primary={args:{img:""}};Primary.parameters={...Primary.parameters,docs:{...Primary.parameters?.docs,source:{originalSource:'{\n args: {\n img: ""\n }\n}',...Primary.parameters?.docs?.source}}};const __namedExportsOrder=["Primary"]},"./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")}}]);
|
|
@@ -0,0 +1 @@
|
|
|
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___}}]);
|
|
@@ -0,0 +1 @@
|
|
|
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___}}]);
|
|
@@ -0,0 +1 @@
|
|
|
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"]}}]);
|
|
@@ -0,0 +1,2 @@
|
|
|
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")}}]);
|
|
@@ -0,0 +1,2 @@
|
|
|
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")}}]);
|
|
@@ -0,0 +1 @@
|
|
|
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___}}]);
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="164" height="164">
|
|
2
|
+
<svg width="164" height="164" viewBox="0 0 164 164" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
3
|
+
<path d="M22.467 147.762 17.5 15.402a8.062 8.062 0 0 1 7.553-8.35L137.637.016a8.061 8.061 0 0 1 8.565 8.047v144.23a8.063 8.063 0 0 1-8.424 8.054l-107.615-4.833a8.062 8.062 0 0 1-7.695-7.752Z" fill="#FF4785"></path>
|
|
4
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="m128.785.57-15.495.968-.755 18.172a1.203 1.203 0 0 0 1.928 1.008l7.06-5.354 5.962 4.697a1.202 1.202 0 0 0 1.946-.987L128.785.569Zm-12.059 60.856c-2.836 2.203-23.965 3.707-23.965.57.447-11.969-4.912-12.494-7.889-12.494-2.828 0-7.59.855-7.59 7.267 0 6.534 6.96 10.223 15.13 14.553 11.607 6.15 25.654 13.594 25.654 32.326 0 17.953-14.588 27.871-33.194 27.871-19.201 0-35.981-7.769-34.086-34.702.744-3.163 25.156-2.411 25.156 0-.298 11.114 2.232 14.383 8.633 14.383 4.912 0 7.144-2.708 7.144-7.267 0-6.9-7.252-10.973-15.595-15.657C64.827 81.933 51.53 74.468 51.53 57.34c0-17.098 11.76-28.497 32.747-28.497 20.988 0 32.449 11.224 32.449 32.584Z" fill="#fff"></path>
|
|
5
|
+
</svg>
|
|
6
|
+
<style>@media (prefers-color-scheme: light) { :root { filter: none; } }</style>
|
|
7
|
+
</svg>
|