@admin-layout/tailwind-design-pro 10.0.9-alpha.6 → 10.0.9-alpha.61

package/lib/components/SettingDrawer/RegionalSettings.js

@@ -1,36 +1,626 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {useTranslation}from'react-i18next';import {Switch}from'./Switch/index.js';function RegionalSettings(props) {
-  const {
-    settings,
-    changeSetting
-  } = props;
+import {jsxs,jsx}from'react/jsx-runtime';import*as React from'react';import {useTranslation}from'react-i18next';import {Switch}from'./Switch/index.js';import {SearchBarBehavior}from'../../machines/types.js';import {config}from'../../config/env-config.js';function RegionalSettings(props) {
   const {
     t
   } = useTranslation('settings');
   const {
-    regions = {},
+    settings,
+    changeSetting,
+    location
+  } = props;
+  const {
     navTheme
   } = settings || {};
+  const currentRoute = location?.pathname || '/';
+  const {
+    regions = {}
+  } = settings?.routeSettings?.[currentRoute] || {};
+  const [isHeaderExpanded, setIsHeaderExpanded] = React.useState(false);
+  const contentRef = React.useRef(null);
+  const [contentHeight, setContentHeight] = React.useState(0);
+  const scrollThresholdConfig = JSON.parse(config.SCROLL_THRESHOLD);
+  React.useEffect(() => {
+    if (contentRef.current) {
+      setContentHeight(contentRef.current.scrollHeight);
+    }
+  }, [regions.desktop?.header?.showHeader, regions.mobile?.header?.showHeader]);
   const handleRegionChange = (key, value) => {
     if (!changeSetting) return;
-    changeSetting('regions', {
+    changeSetting(`routeSettings.${currentRoute}.regions`, {
       ...regions,
       [key]: value
     });
   };
+  const handleDesktopHeaderChange = (element, value) => {
+    if (!changeSetting) return;
+    const desktopHeader = regions.desktop?.header || {
+      showLogo: true,
+      showSearchSlot: true,
+      showRightContent: true,
+      showMenuToggle: true,
+      showBackButton: true,
+      showPageTitle: true,
+      showActionButtons: true,
+      position: 'fixed',
+      height: '64px',
+      backgroundColor: 'inherit',
+      elevation: 2,
+      showHeader: true,
+      showMenu: true,
+      menuHeaderRender: true,
+      searchBarRender: true,
+      searchBarBehavior: SearchBarBehavior.PERMANENT,
+      searchBarOverlay: true,
+      scrollThreshold: 50,
+      fixedHeader: true
+    };
+    changeSetting(`routeSettings.${currentRoute}.regions`, {
+      ...regions,
+      desktop: {
+        ...regions.desktop,
+        header: {
+          ...desktopHeader,
+          [element]: value
+        }
+      }
+    });
+  };
+  const handleMobileHeaderChange = (element, value) => {
+    if (!changeSetting) return;
+    const mobileHeader = regions.mobile?.header || {
+      showLogo: true,
+      showSearchSlot: false,
+      showRightContent: true,
+      showMenuToggle: true,
+      showBackButton: true,
+      showPageTitle: true,
+      showActionButtons: true,
+      position: 'fixed',
+      height: '56px',
+      backgroundColor: 'inherit',
+      elevation: 2,
+      showHeader: true,
+      showMenu: true,
+      menuHeaderRender: true,
+      searchBarRender: true,
+      searchBarBehavior: SearchBarBehavior.PERMANENT,
+      searchBarOverlay: true,
+      scrollThreshold: 50,
+      fixedHeader: false
+    };
+    changeSetting(`routeSettings.${currentRoute}.regions`, {
+      ...regions,
+      mobile: {
+        ...regions.mobile,
+        header: {
+          ...mobileHeader,
+          [element]: value
+        }
+      }
+    });
+  };
+  const desktopHeader = regions.desktop?.header || {
+    showLogo: true,
+    showSearchSlot: true,
+    showRightContent: true,
+    showMenuToggle: true,
+    showBackButton: true,
+    showPageTitle: true,
+    showActionButtons: true,
+    position: 'fixed',
+    height: '64px',
+    backgroundColor: 'inherit',
+    elevation: 2,
+    showHeader: true,
+    showMenu: true,
+    menuHeaderRender: true,
+    searchBarRender: true,
+    searchBarBehavior: SearchBarBehavior.PERMANENT,
+    searchBarOverlay: true,
+    scrollThreshold: 50,
+    fixedHeader: true
+  };
+  const mobileHeader = regions.mobile?.header || {
+    showLogo: true,
+    showSearchSlot: false,
+    showRightContent: true,
+    showMenuToggle: true,
+    showBackButton: true,
+    showPageTitle: true,
+    showActionButtons: true,
+    position: 'fixed',
+    height: '56px',
+    backgroundColor: 'inherit',
+    elevation: 2,
+    showHeader: true,
+    showMenu: true,
+    menuHeaderRender: true,
+    searchBarRender: true,
+    searchBarBehavior: SearchBarBehavior.PERMANENT,
+    searchBarOverlay: true,
+    scrollThreshold: 50,
+    fixedHeader: false
+  };
   return jsxs("div", {
-    children: [jsxs("div", {
+    children: [jsx("div", {
       className: "flex items-center mb-2",
-      children: [jsx("p", {
-        style: {
-          color: navTheme === 'dark' ? '#ffff' : 'black'
-        },
-        children: t('header')
-      }), jsx("div", {
-        className: "flex-grow"
-      }), jsx(Switch, {
-        value: regions.showHeader,
-        onChange: checked => handleRegionChange('showHeader', checked)
-      })]
+      children: jsxs("button", {
+        onClick: () => setIsHeaderExpanded(!isHeaderExpanded),
+        className: "flex items-center gap-2 hover:opacity-80 transition-all duration-200",
+        children: [jsx("svg", {
+          className: `w-4 h-4 transition-transform duration-300 ease-in-out ${isHeaderExpanded ? 'rotate-180' : ''}`,
+          fill: "none",
+          stroke: "currentColor",
+          viewBox: "0 0 24 24",
+          children: jsx("path", {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: 2,
+            d: "M19 9l-7 7-7-7"
+          })
+        }), jsx("p", {
+          style: {
+            color: navTheme === 'dark' ? '#ffff' : 'black'
+          },
+          children: t('header')
+        })]
+      })
+    }), jsx("div", {
+      ref: contentRef,
+      className: "overflow-hidden transition-all duration-300 ease-in-out",
+      style: {
+        maxHeight: isHeaderExpanded ? `${contentHeight + 50}px` : '0px',
+        opacity: isHeaderExpanded ? 1 : 0
+      },
+      children: jsxs("div", {
+        className: "ml-4 mb-4 border-l-2 border-gray-200 pl-4",
+        children: [jsxs("div", {
+          className: "mb-4",
+          children: [jsx("p", {
+            className: "font-medium mb-2",
+            style: {
+              color: navTheme === 'dark' ? '#ffff' : 'black'
+            },
+            children: t('desktop_settings')
+          }), jsxs("div", {
+            className: "pl-4 space-y-2",
+            children: [jsxs("div", {
+              className: "flex items-center",
+              children: [jsx("p", {
+                style: {
+                  color: navTheme === 'dark' ? '#ffff' : 'black'
+                },
+                children: t('show_header')
+              }), jsx("div", {
+                className: "flex-grow"
+              }), jsx(Switch, {
+                value: regions.desktop?.header?.showHeader ?? true,
+                onChange: checked => handleDesktopHeaderChange('showHeader', checked)
+              })]
+            }), jsxs("div", {
+              className: "flex items-center",
+              children: [jsx("p", {
+                style: {
+                  color: navTheme === 'dark' ? '#ffff' : 'black'
+                },
+                children: t('fixed_header')
+              }), jsx("div", {
+                className: "flex-grow"
+              }), jsx(Switch, {
+                value: desktopHeader.fixedHeader,
+                onChange: checked => handleDesktopHeaderChange('fixedHeader', checked)
+              })]
+            }), jsxs("div", {
+              className: "flex items-center",
+              children: [jsx("p", {
+                style: {
+                  color: navTheme === 'dark' ? '#ffff' : 'black'
+                },
+                children: t('show_logo')
+              }), jsx("div", {
+                className: "flex-grow"
+              }), jsx(Switch, {
+                value: desktopHeader.showLogo,
+                onChange: checked => handleDesktopHeaderChange('showLogo', checked)
+              })]
+            }), jsxs("div", {
+              className: "flex items-center",
+              children: [jsx("p", {
+                style: {
+                  color: navTheme === 'dark' ? '#ffff' : 'black'
+                },
+                children: t('show_search_slot')
+              }), jsx("div", {
+                className: "flex-grow"
+              }), jsx(Switch, {
+                value: desktopHeader.showSearchSlot,
+                onChange: checked => handleDesktopHeaderChange('showSearchSlot', checked)
+              })]
+            }), jsxs("div", {
+              className: "flex items-center",
+              children: [jsx("p", {
+                style: {
+                  color: navTheme === 'dark' ? '#ffff' : 'black'
+                },
+                children: t('show_right_content')
+              }), jsx("div", {
+                className: "flex-grow"
+              }), jsx(Switch, {
+                value: desktopHeader.showRightContent,
+                onChange: checked => handleDesktopHeaderChange('showRightContent', checked)
+              })]
+            }), jsxs("div", {
+              className: "flex items-center",
+              children: [jsx("p", {
+                style: {
+                  color: navTheme === 'dark' ? '#ffff' : 'black'
+                },
+                children: t('show_menu_toggle')
+              }), jsx("div", {
+                className: "flex-grow"
+              }), jsx(Switch, {
+                value: desktopHeader.showMenuToggle,
+                onChange: checked => handleDesktopHeaderChange('showMenuToggle', checked)
+              })]
+            }), jsxs("div", {
+              className: "flex items-center",
+              children: [jsx("p", {
+                style: {
+                  color: navTheme === 'dark' ? '#ffff' : 'black'
+                },
+                children: t('show_back_button')
+              }), jsx("div", {
+                className: "flex-grow"
+              }), jsx(Switch, {
+                value: desktopHeader.showBackButton,
+                onChange: checked => handleDesktopHeaderChange('showBackButton', checked)
+              })]
+            }), jsxs("div", {
+              className: "flex items-center",
+              children: [jsx("p", {
+                style: {
+                  color: navTheme === 'dark' ? '#ffff' : 'black'
+                },
+                children: t('show_page_title')
+              }), jsx("div", {
+                className: "flex-grow"
+              }), jsx(Switch, {
+                value: desktopHeader.showPageTitle,
+                onChange: checked => handleDesktopHeaderChange('showPageTitle', checked)
+              })]
+            }), jsxs("div", {
+              className: "flex items-center",
+              children: [jsx("p", {
+                style: {
+                  color: navTheme === 'dark' ? '#ffff' : 'black'
+                },
+                children: t('show_action_buttons')
+              }), jsx("div", {
+                className: "flex-grow"
+              }), jsx(Switch, {
+                value: desktopHeader.showActionButtons,
+                onChange: checked => handleDesktopHeaderChange('showActionButtons', checked)
+              })]
+            })]
+          })]
+        }), jsxs("div", {
+          className: "mt-6 mb-4",
+          children: [jsx("p", {
+            className: "font-medium mb-2",
+            style: {
+              color: navTheme === 'dark' ? '#ffff' : 'black'
+            },
+            children: t('mobile_settings')
+          }), jsxs("div", {
+            className: "pl-4 space-y-2",
+            children: [jsxs("div", {
+              className: "flex items-center",
+              children: [jsx("p", {
+                style: {
+                  color: navTheme === 'dark' ? '#ffff' : 'black'
+                },
+                children: t('show_header')
+              }), jsx("div", {
+                className: "flex-grow"
+              }), jsx(Switch, {
+                value: regions.mobile?.header?.showHeader ?? true,
+                onChange: checked => handleMobileHeaderChange('showHeader', checked)
+              })]
+            }), jsxs("div", {
+              className: "flex items-center",
+              children: [jsx("p", {
+                style: {
+                  color: navTheme === 'dark' ? '#ffff' : 'black'
+                },
+                children: t('fixed_header')
+              }), jsx("div", {
+                className: "flex-grow"
+              }), jsx(Switch, {
+                value: mobileHeader.fixedHeader,
+                onChange: checked => handleMobileHeaderChange('fixedHeader', checked)
+              })]
+            }), jsxs("div", {
+              className: "flex items-center",
+              children: [jsx("p", {
+                style: {
+                  color: navTheme === 'dark' ? '#ffff' : 'black'
+                },
+                children: t('show_logo')
+              }), jsx("div", {
+                className: "flex-grow"
+              }), jsx(Switch, {
+                value: mobileHeader.showLogo,
+                onChange: checked => handleMobileHeaderChange('showLogo', checked)
+              })]
+            }), jsxs("div", {
+              className: "flex items-center",
+              children: [jsx("p", {
+                style: {
+                  color: navTheme === 'dark' ? '#ffff' : 'black'
+                },
+                children: t('show_search_slot')
+              }), jsx("div", {
+                className: "flex-grow"
+              }), jsx(Switch, {
+                value: mobileHeader.showSearchSlot,
+                onChange: checked => handleMobileHeaderChange('showSearchSlot', checked)
+              })]
+            }), jsxs("div", {
+              className: "flex items-center",
+              children: [jsx("p", {
+                style: {
+                  color: navTheme === 'dark' ? '#ffff' : 'black'
+                },
+                children: t('show_right_content')
+              }), jsx("div", {
+                className: "flex-grow"
+              }), jsx(Switch, {
+                value: mobileHeader.showRightContent,
+                onChange: checked => handleMobileHeaderChange('showRightContent', checked)
+              })]
+            }), jsxs("div", {
+              className: "flex items-center",
+              children: [jsx("p", {
+                style: {
+                  color: navTheme === 'dark' ? '#ffff' : 'black'
+                },
+                children: t('show_menu_toggle')
+              }), jsx("div", {
+                className: "flex-grow"
+              }), jsx(Switch, {
+                value: mobileHeader.showMenuToggle,
+                onChange: checked => handleMobileHeaderChange('showMenuToggle', checked)
+              })]
+            }), jsxs("div", {
+              className: "flex items-center",
+              children: [jsx("p", {
+                style: {
+                  color: navTheme === 'dark' ? '#ffff' : 'black'
+                },
+                children: t('show_back_button')
+              }), jsx("div", {
+                className: "flex-grow"
+              }), jsx(Switch, {
+                value: mobileHeader.showBackButton,
+                onChange: checked => handleMobileHeaderChange('showBackButton', checked)
+              })]
+            }), jsxs("div", {
+              className: "flex items-center",
+              children: [jsx("p", {
+                style: {
+                  color: navTheme === 'dark' ? '#ffff' : 'black'
+                },
+                children: t('show_page_title')
+              }), jsx("div", {
+                className: "flex-grow"
+              }), jsx(Switch, {
+                value: mobileHeader.showPageTitle,
+                onChange: checked => handleMobileHeaderChange('showPageTitle', checked)
+              })]
+            }), jsxs("div", {
+              className: "flex items-center",
+              children: [jsx("p", {
+                style: {
+                  color: navTheme === 'dark' ? '#ffff' : 'black'
+                },
+                children: t('show_action_buttons')
+              }), jsx("div", {
+                className: "flex-grow"
+              }), jsx(Switch, {
+                value: mobileHeader.showActionButtons,
+                onChange: checked => handleMobileHeaderChange('showActionButtons', checked)
+              })]
+            })]
+          })]
+        }), jsxs("div", {
+          className: "mt-6 mb-4",
+          children: [jsx("p", {
+            className: "font-medium mb-2",
+            style: {
+              color: navTheme === 'dark' ? '#ffff' : 'black'
+            },
+            children: t('search_bar')
+          }), jsxs("div", {
+            className: "pl-4 space-y-2",
+            children: [jsxs("div", {
+              className: "mb-4",
+              children: [jsx("p", {
+                className: "font-medium mb-2",
+                style: {
+                  color: navTheme === 'dark' ? '#ffff' : 'black'
+                },
+                children: t('desktop_settings')
+              }), jsxs("div", {
+                className: "pl-4 space-y-2",
+                children: [jsxs("div", {
+                  className: "flex items-center",
+                  children: [jsx("p", {
+                    style: {
+                      color: navTheme === 'dark' ? '#ffff' : 'black'
+                    },
+                    children: t('search_bar')
+                  }), jsx("div", {
+                    className: "flex-grow"
+                  }), jsx(Switch, {
+                    value: desktopHeader.searchBarRender,
+                    onChange: checked => handleDesktopHeaderChange('searchBarRender', checked)
+                  })]
+                }), jsxs("div", {
+                  className: "flex items-center",
+                  children: [jsx("p", {
+                    style: {
+                      color: navTheme === 'dark' ? '#ffff' : 'black'
+                    },
+                    children: t('search_bar_on_scroll')
+                  }), jsx("div", {
+                    className: "flex-grow"
+                  }), jsx(Switch, {
+                    value: desktopHeader.searchBarBehavior === SearchBarBehavior.ON_SCROLL,
+                    onChange: checked => handleDesktopHeaderChange('searchBarBehavior', checked ? SearchBarBehavior.ON_SCROLL : SearchBarBehavior.PERMANENT)
+                  })]
+                }), jsxs("div", {
+                  className: "flex items-center",
+                  children: [jsx("p", {
+                    style: {
+                      color: navTheme === 'dark' ? '#ffff' : 'black'
+                    },
+                    children: t('search_bar_overlay')
+                  }), jsx("div", {
+                    className: "flex-grow"
+                  }), jsx(Switch, {
+                    value: desktopHeader.searchBarOverlay,
+                    onChange: checked => handleDesktopHeaderChange('searchBarOverlay', checked)
+                  })]
+                }), jsxs("div", {
+                  className: "mb-4",
+                  children: [jsxs("div", {
+                    className: "flex items-center justify-between mb-2",
+                    children: [jsx("p", {
+                      style: {
+                        color: navTheme === 'dark' ? '#ffff' : 'black'
+                      },
+                      children: t('scroll_threshold')
+                    }), jsxs("span", {
+                      className: "text-sm",
+                      style: {
+                        color: navTheme === 'dark' ? '#ffff' : 'black'
+                      },
+                      children: [desktopHeader.scrollThreshold || scrollThresholdConfig.DEFAULT, "px"]
+                    })]
+                  }), jsxs("div", {
+                    className: "relative",
+                    children: [jsx("input", {
+                      type: "range",
+                      min: scrollThresholdConfig.MIN,
+                      max: scrollThresholdConfig.MAX,
+                      step: scrollThresholdConfig.STEP,
+                      value: desktopHeader.scrollThreshold || scrollThresholdConfig.DEFAULT,
+                      onChange: e => handleDesktopHeaderChange('scrollThreshold', parseInt(e.target.value)),
+                      className: "w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer"
+                    }), jsxs("div", {
+                      className: "flex justify-between text-xs mt-2",
+                      children: [jsxs("span", {
+                        children: [scrollThresholdConfig.MIN, "px"]
+                      }), jsxs("span", {
+                        children: [scrollThresholdConfig.MAX / 2, "px"]
+                      }), jsxs("span", {
+                        children: [scrollThresholdConfig.MAX, "px"]
+                      })]
+                    })]
+                  })]
+                })]
+              })]
+            }), jsxs("div", {
+              className: "mt-6 mb-4",
+              children: [jsx("p", {
+                className: "font-medium mb-2",
+                style: {
+                  color: navTheme === 'dark' ? '#ffff' : 'black'
+                },
+                children: t('mobile_settings')
+              }), jsxs("div", {
+                className: "pl-4 space-y-2",
+                children: [jsxs("div", {
+                  className: "flex items-center",
+                  children: [jsx("p", {
+                    style: {
+                      color: navTheme === 'dark' ? '#ffff' : 'black'
+                    },
+                    children: t('search_bar')
+                  }), jsx("div", {
+                    className: "flex-grow"
+                  }), jsx(Switch, {
+                    value: mobileHeader.searchBarRender,
+                    onChange: checked => handleMobileHeaderChange('searchBarRender', checked)
+                  })]
+                }), jsxs("div", {
+                  className: "flex items-center",
+                  children: [jsx("p", {
+                    style: {
+                      color: navTheme === 'dark' ? '#ffff' : 'black'
+                    },
+                    children: t('search_bar_on_scroll')
+                  }), jsx("div", {
+                    className: "flex-grow"
+                  }), jsx(Switch, {
+                    value: mobileHeader.searchBarBehavior === SearchBarBehavior.ON_SCROLL,
+                    onChange: checked => handleMobileHeaderChange('searchBarBehavior', checked ? SearchBarBehavior.ON_SCROLL : SearchBarBehavior.PERMANENT)
+                  })]
+                }), jsxs("div", {
+                  className: "flex items-center",
+                  children: [jsx("p", {
+                    style: {
+                      color: navTheme === 'dark' ? '#ffff' : 'black'
+                    },
+                    children: t('search_bar_overlay')
+                  }), jsx("div", {
+                    className: "flex-grow"
+                  }), jsx(Switch, {
+                    value: mobileHeader.searchBarOverlay,
+                    onChange: checked => handleMobileHeaderChange('searchBarOverlay', checked)
+                  })]
+                }), jsxs("div", {
+                  className: "mb-4",
+                  children: [jsxs("div", {
+                    className: "flex items-center justify-between mb-2",
+                    children: [jsx("p", {
+                      style: {
+                        color: navTheme === 'dark' ? '#ffff' : 'black'
+                      },
+                      children: t('scroll_threshold')
+                    }), jsxs("span", {
+                      className: "text-sm",
+                      style: {
+                        color: navTheme === 'dark' ? '#ffff' : 'black'
+                      },
+                      children: [mobileHeader.scrollThreshold || scrollThresholdConfig.DEFAULT, "px"]
+                    })]
+                  }), jsxs("div", {
+                    className: "relative",
+                    children: [jsx("input", {
+                      type: "range",
+                      min: scrollThresholdConfig.MIN,
+                      max: scrollThresholdConfig.MAX,
+                      step: scrollThresholdConfig.STEP,
+                      value: mobileHeader.scrollThreshold || scrollThresholdConfig.DEFAULT,
+                      onChange: e => handleMobileHeaderChange('scrollThreshold', parseInt(e.target.value)),
+                      className: "w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer"
+                    }), jsxs("div", {
+                      className: "flex justify-between text-xs mt-2",
+                      children: [jsxs("span", {
+                        children: [scrollThresholdConfig.MIN, "px"]
+                      }), jsxs("span", {
+                        children: [scrollThresholdConfig.MAX / 2, "px"]
+                      }), jsxs("span", {
+                        children: [scrollThresholdConfig.MAX, "px"]
+                      })]
+                    })]
+                  })]
+                })]
+              })]
+            })]
+          })]
+        })]
+      })
     }), jsxs("div", {
       className: "flex items-center mb-2",
       children: [jsx("p", {
@@ -44,19 +634,6 @@ import {jsxs,jsx}from'react/jsx-runtime';import {useTranslation}from'react-i18ne
         value: regions.showFooter,
         onChange: checked => handleRegionChange('showFooter', checked)
       })]
-    }), jsxs("div", {
-      className: "flex items-center mb-2",
-      children: [jsx("p", {
-        style: {
-          color: navTheme === 'dark' ? '#ffff' : 'black'
-        },
-        children: t('search_bar')
-      }), jsx("div", {
-        className: "flex-grow"
-      }), jsx(Switch, {
-        value: regions.searchBarRender,
-        onChange: checked => handleRegionChange('searchBarRender', checked)
-      })]
     }), jsxs("div", {
       className: "flex items-center mb-2",
       children: [jsx("p", {

package/lib/components/SettingDrawer/RegionalSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"RegionalSettings.js","sources":["../../../src/components/SettingDrawer/RegionalSettings.tsx"],"sourcesContent":[null],"names":[],"mappings":"2HAKwB,SAAA,gBAAgB,CAAC,KAA6B,EAAA;AAClE,EAAA,MAAA;IACA,QAAQ;IACR;AAEA,GAAA,GAAA;AACI,EAAA,MAAA;;oBAEa,CAAA,UAAU,CAAE;AACrB,EAAA,MAAA;cACC,EAAG;AACP,IAAA;AACL,GAAA,GAAE,QAAA,IAAA,EAAA;AAEF,EAAA,MAAA,kBACI,GAAA,CAAA,GAAA,EAAA,KACS,KAAA;AAiCjB,IAAC,IAAA,CAAA,aAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"RegionalSettings.js","sources":["../../../src/components/SettingDrawer/RegionalSettings.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/lib/components/SettingDrawer/SettingDrawer.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import { SettingDrawerProps } from './types';
-export declare const SettingDrawer: React.FC<SettingDrawerProps>;
+export declare const SettingDrawer: React.FC<SettingDrawerProps | any>;
 //# sourceMappingURL=SettingDrawer.d.ts.map