@admin-layout/tailwind-design-pro 11.0.4-alpha.4 → 11.2.1-alpha.1

package/lib/components/SettingDrawer/SettingDrawer.js

@@ -1,392 +1,213 @@
-import {jsx,Fragment,jsxs}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {useTranslation}from'react-i18next';import isBrowser from'../../utils/isBrowser/index.js';import {MdClose}from'@react-icons/all-files/md/MdClose.js';import {RiSettings5Fill}from'@react-icons/all-files/ri/RiSettings5Fill.js';import*as rcUtil from'rc-util';import {parse}from'qs';import {defaultSettings}from'../defaultSettings.js';import ThemeColor from'./ThemeColor.js';import {Switch}from'./Switch/index.js';import CheckBoxTheme from'./CheckBoxTheme.js';import LayoutChange from'./LayoutChange.js';import RegionalSettings from'./RegionalSettings.js';let oldSetting = {};
-const updateTheme = (dark, color, publicPath = '/theme') => {
-  // ssr
-  if (typeof window === 'undefined' || !window.umi_plugin_ant_themeVar) {
-    return;
-  }
-  const href = dark ? `${publicPath}/dark` : `${publicPath}/`;
-  // If it is DARK, and is color = daybreak, there is no need to splice
-  let colorFileName = dark && color ? `-${encodeURIComponent(color)}` : encodeURIComponent(color || '');
-  if (color === 'daybreak' && dark) {
-    colorFileName = '';
-  }
-  const dom = document.getElementById('theme-style');
-  // If these two are empty
-  if (!href && !colorFileName) {
-    if (dom) {
-      dom.remove();
-      localStorage.removeItem('site-theme');
-    }
-    return;
-  }
-  const url = `${href}${colorFileName || ''}.css`;
-  if (dom) {
-    dom.onload = () => {
-      window.setTimeout(() => {});
-    };
-    dom.href = url;
-  } else {
-    const style = document.createElement('link');
-    style.type = 'text/css';
-    style.rel = 'stylesheet';
-    style.id = 'theme-style';
-    style.onload = () => {
-      window.setTimeout(() => {});
-    };
-    style.href = url;
-    if (document.body.append) {
-      document.body.append(style);
-    } else {
-      document.body.appendChild(style);
-    }
-  }
-  // localStorage.setItem('site-theme', dark ? 'dark' : 'light');
-};
-const initState = (settings, onSettingChange, publicPath) => {
-  if (!isBrowser()) {
-    return;
-  }
-  let loadedStyle = false;
-  if (window.location.search) {
-    const params = parse(window.location.search.replace('?', ''));
-    const replaceSetting = {};
-    Object.keys(params).forEach(key => {
-      if (defaultSettings[key] || defaultSettings[key] === undefined) {
-        replaceSetting[key] = params[key];
-        if (key.includes('Render')) {
-          replaceSetting[key] = params[key] === 'false' ? false : undefined;
-        }
-      }
-    });
-    if (onSettingChange) {
-      onSettingChange({
-        ...settings,
-        ...replaceSetting
-      });
-    }
-    // Set the topic in the URL and load it once.
-    if (oldSetting.navTheme !== params.navTheme && params.navTheme) {
-      updateTheme(settings.navTheme === 'realDark', params.primaryColor, publicPath);
-      loadedStyle = true;
-    }
-  }
-  if (loadedStyle) {
-    return;
-  }
-  // If there is no topic in the URL, and no load in the URL is loaded.
-  if (defaultSettings.navTheme !== settings.navTheme && settings.navTheme) {
-    updateTheme(settings.navTheme === 'realDark', settings.primaryColor, publicPath);
-  }
-};
-const getParamsFromUrl = settings => {
-  if (!isBrowser()) {
-    return defaultSettings;
-  }
-  // The first time I entered the browser parameters synchronized.
-  let params = {};
-  if (window.location.search) {
-    params = parse(window.location.search.replace('?', ''));
-  }
-  Object.keys(params).forEach(key => {
-    if (params[key] === 'true') {
-      params[key] = true;
-    }
-  });
-  return {
-    ...defaultSettings,
-    ...(settings || {}),
-    ...params
-  };
-};
-const getThemeList = settings => {
+import {useSelector}from'@xstate/react';import clsx from'clsx';import*as React from'react';import {useRef,useState,useEffect}from'react';import {useTranslation}from'react-i18next';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import {useMediaQuery}from'../../hooks/useMediaQuery.js';import {icons}from'../../icons.js';import isBrowser from'../../utils/isBrowser/index.js';import {getDefaultApplyToAllRoutes,getSettingValue}from'../../utils/settingsUtils.js';import'@common-stack/components-pro';import {AdditionalSettingsSlot}from'../Layout/slot-fill/AdditionalSettings.js';import'reflect-metadata';import'@admin-layout/client/lib/constants/layout.js';import {ApplyToAllRoutesToggle}from'./components/ApplyToAllRoutesToggle.js';import {CheckBoxTheme}from'./components/CheckBoxTheme.js';import {DeviceTabs}from'./components/DeviceTabs.js';import {InvitationSettings}from'./components/InvitationSettings.js';import {LayoutChange}from'./components/LayoutChange.js';import {MenuVisibilitySettings}from'./components/MenuVisibilitySettings.js';import {NavigationModes}from'./components/NavigationsModes.js';import {RegionalSettings}from'./components/RegionalSettings.js';import {SettingsActions}from'./components/SettingsActions.js';import {SettingsDrawerHeader}from'./components/SettingsDrawerHeader.js';import {ThemeColor}from'./components/ThemeColor.js';import {ThemeSelector}from'./components/ThemeSelector.js';import {WebFontsSelector}from'./components/WebFontsSelector.js';import {useSettingsOperations}from'./hooks/useSettingsOperations.js';import {THEME_OPTIONS,FONT_OPTIONS}from'./utils/constants.js';import {useThemeList,parseSettingPath}from'./utils/helper.js';function SettingDrawer(props) {
   const {
-    t
-  } = useTranslation('settings');
-  let list = [];
-  const defaultList = [
-  //@sri following are needed otherwise we need make above plugin to work
-  {
-    key: 'dust',
-    fileName: 'dust.css',
-    modifyVars: {
-      '@primary-color': '#F5222D'
-    }
-  }, {
-    key: 'volcano',
-    fileName: 'volcano.css',
-    modifyVars: {
-      '@primary-color': '#FA541C'
-    }
-  }, {
-    key: 'sunset',
-    fileName: 'sunset.css',
-    modifyVars: {
-      '@primary-color': '#FAAD14'
-    }
-  }, {
-    key: 'cyan',
-    fileName: 'cyan.css',
-    modifyVars: {
-      '@primary-color': '#13C2C2'
-    }
-  }, {
-    key: 'green',
-    fileName: 'green.css',
-    modifyVars: {
-      '@primary-color': '#52C41A'
-    }
-  }, {
-    key: 'geekblue',
-    fileName: 'geekblue.css',
-    modifyVars: {
-      '@primary-color': '#2F54EB'
-    }
-  }, {
-    key: 'purple',
-    fileName: 'purple.css',
-    modifyVars: {
-      '@primary-color': '#722ED1'
-    }
-  }];
-  // ssr
-  if (typeof window === 'undefined') {
-    list = defaultList;
-  } else {
-    list = window.umi_plugin_ant_themeVar || defaultList;
-  }
-  const themeList = [{
-    key: 'light',
-    title: t('light')
-  }];
-  const darkColorList = [{
-    key: 'daybreak',
-    color: '#1890ff',
-    theme: 'dark'
-  }];
-  const lightColorList = [{
-    key: 'daybreak',
-    color: '#1890ff',
-    theme: 'dark'
-  }];
-  if (settings.layout !== 'mix') {
-    themeList.push({
-      key: 'dark',
-      title: t('dark')
-    });
-  }
-  if (list.find(item => item.theme === 'dark')) {
-    themeList.push({
-      key: 'realDark',
-      title: t('dark')
-    });
-  }
-  // insert  theme color List
-  list.forEach(item => {
-    const color = (item.modifyVars || {})['@primary-color'];
-    if (item.theme === 'dark' && color) {
-      darkColorList.push({
-        color,
-        ...item
-      });
-    }
-    if (!item.theme || item.theme === 'light') {
-      lightColorList.push({
-        color,
-        ...item
-      });
-    }
-  });
-  return {
-    colorList: {
-      dark: darkColorList,
-      light: lightColorList
-    },
-    themeList
-  };
-};
-const SettingDrawer = props => {
-  let {
+    actor,
+    colorList,
     navTheme,
-    settings,
-    onSettingChange
+    pathname,
+    location,
+    fullMenuData,
+    routePattern
   } = props;
-  const [show, setShow] = useState(false);
+  const {
+    CloseIcon,
+    Settings5FillIcon
+  } = icons;
+  // Refs
+  const btnRef = useRef();
+  // Hooks
+  const {
+    isMobile
+  } = useMediaQuery();
   const {
     t
   } = useTranslation('settings');
-  const btnRef = useRef();
-  const [settingState, setSettingState] = rcUtil.useMergedState(() => getParamsFromUrl(settings), {
-    value: settings,
-    onChange: onSettingChange
+  // State
+  const [show, setShow] = useState(false);
+  const [activeDeviceTab, setActiveDeviceTab] = useState(isMobile ? 'mobile' : 'desktop');
+  const [applyToAllRoutes, setApplyToAllRoutes] = useState(false);
+  // Selectors - guard actor so that useSelector isn't called with undefined/invalid actor
+  const settingState = actor ? useSelector(actor, state => state.context.public) : {};
+  const changedSettings = actor ? useSelector(actor, state => state.context.internal.changedSettings) : {};
+  // Custom hooks
+  const {
+    copied,
+    copiedModified,
+    handleCopySettings,
+    handleCopyModifiedSettings,
+    handleSaveSettings,
+    handleResetSettings
+  } = useSettingsOperations({
+    actor,
+    settingState,
+    changedSettings
   });
-  const themeList = getThemeList(settingState);
-  /**
-   * Modify settings
-   * @param key
-   * @param value
-   */
-  const changeSetting = (key, value) => {
-    const nextState = {
-      ...settingState
-    };
-    nextState[key] = value;
-    if (key === 'navTheme') {
-      updateTheme(value === 'realDark', undefined);
-      nextState.primaryColor = value;
-    }
-    if (key === 'primaryColor') {
-      updateTheme(nextState.navTheme === 'realDark', value === 'daybreak' ? '' : value);
-    }
-    if (key === 'layout') {
-      nextState.contentWidth = value === 'top' ? 'Fixed' : 'Fluid';
-    }
-    if (key === 'layout' && value !== 'mix') {
-      nextState.splitMenus = false;
-    }
-    if (key === 'layout' && value === 'mix') {
-      nextState.navTheme = 'light';
-    }
-    if (key === 'colorWeak' && value === true) {
-      const dom = document.querySelector('body');
-      if (dom) {
-        dom.dataset.prosettingdrawer = dom.style.filter;
-        dom.style.filter = 'invert(80%)';
-      }
-    }
-    if (key === 'colorWeak' && value === false) {
-      const dom = document.querySelector('body');
-      if (dom) {
-        dom.style.filter = dom.dataset.prosettingdrawer || 'none';
-        delete dom.dataset.prosettingdrawer;
-      }
-    }
-    setSettingState(nextState);
-  };
+  // Computed values
+  const currentRoute = routePattern || location?.pathname || '/';
+  const deviceType = activeDeviceTab;
+  const currentPathname = isBrowser() ? window.location.pathname : pathname || '';
+  const themeList = useThemeList(settingState, location, routePattern);
+  // Derived state
+  const defaultApplyToAllRoutes = React.useMemo(() => {
+    return getDefaultApplyToAllRoutes(settingState, currentRoute, deviceType);
+  }, [settingState, currentRoute, deviceType]);
+  const settingsForComponents = settingState;
+  // Effects
   useEffect(() => {
-    // Only update if there's a meaningful difference
-    if (JSON.stringify(settingState) !== JSON.stringify(settings)) {
-      oldSetting = {
-        ...defaultSettings,
-        ...settings
-      };
-      if (isBrowser()) {
-        // Compare settings with oldSetting to determine if initialization is needed
-        if (JSON.stringify(settings) !== JSON.stringify(oldSetting)) {
-          initState(settings, onSettingChange, props.publicPath);
+    setApplyToAllRoutes(defaultApplyToAllRoutes);
+  }, [defaultApplyToAllRoutes]);
+  useEffect(() => {
+    setActiveDeviceTab(isMobile ? 'mobile' : 'desktop');
+  }, [isMobile]);
+  useEffect(() => {
+    if (actor) {
+      actor.send({
+        type: 'UISETTING_UPDATE_DEVICE_TYPE',
+        deviceType: activeDeviceTab
+      });
+    }
+  }, [activeDeviceTab, actor]);
+  // Helper func
+  function handleSettingChange(key, value) {
+    const isGlobalSetting = key === 'hiddenMenuKeys' || key === 'hiddenMenuCategories' || key === 'applyToAllRoutes' || key === 'fixedHeader' || key === 'fixedSidebar' || key === 'splitMenus' || key === 'upperMenuDividerName' || key === 'middleMenuDividerName' || key === 'lowerMenuDividerName';
+    if (isGlobalSetting) {
+      actor.send({
+        type: 'UISETTING_UPDATE',
+        value: {
+          [key]: value
         }
-        const nextState = {
-          ...settings,
-          showSettingPanel: process.env.NODE_ENV !== 'production'
-        };
-        setSettingState(nextState);
-      }
+      });
+      return;
     }
-  }, [settings]); // Only depend on settings
-  return jsx(Fragment, {
-    children: settings?.showSettingPanel ? jsxs(Fragment, {
-      children: [jsx("button", {
-        ref: btnRef,
-        onClick: () => setShow(!show),
-        style: {
-          backgroundColor: settings?.primaryColor,
-          display: 'flex',
-          alignItems: 'center',
-          justifyContent: 'center'
-        },
-        className: `fixed top-24 right-0 z-50 border-none cursor-pointer transition duration-500 bg-current w-12 h-12 rounded-l-lg hover:bg-current ${show ? 'mr-72' : 'mr-0'}`,
-        children: !show ? jsx(RiSettings5Fill, {
-          fontSize: '32px',
-          className: "text-white"
-        }) : jsx(MdClose, {
-          className: "text-white",
-          fontSize: '36px'
-        })
-      }), jsxs("div", {
-        className: `
-                            fixed right-0 top-0 bg-white w-72 transition-all duration-500 overflow-hidden overflow-y-auto z-50 p-4 min-h-full max-h-full
-                            ${show ? 'opacity-100 visible' : 'w-0 opacity-0 invisible'}
-                            ${settings?.navTheme === 'dark' ? 'bg-[#1f1f1f]' : 'bg-white'}
-                        `,
-        children: [jsxs("div", {
-          className: "flex flex-row items-center",
-          children: [jsx("p", {
-            className: `text-2xl mb-0 ${settings?.navTheme === 'dark' ? 'text-white' : 'text-black'}`,
-            children: t('setting')
-          }), jsx("div", {
-            className: "flex-grow"
-          }), jsx("button", {
-            onClick: () => setShow(false),
-            className: `bg-transparent border-none rounded-lg w-10 h-10 cursor-pointer mb-2 hover:${settingState?.navTheme === 'dark' ? 'bg-[#2a2a2a]' : 'bg-gray-200'}`,
-            children: jsx(MdClose, {
-              fontSize: '36px'
-            })
-          })]
-        }), jsxs("div", {
-          className: `mt-8 pb-8 ${settingState?.navTheme !== 'dark' ? 'border-b border-opacity-6 border-black' : 'border-b border-[#2a2b2a]'}`,
-          children: [jsx("p", {
-            className: `${settingState?.navTheme === 'dark' ? 'text-white' : 'text-black'}`,
-            children: t('page_style_settings')
-          }), jsx("div", {
-            children: jsx(CheckBoxTheme, {
-              list: themeList.themeList,
-              changeSetting: changeSetting,
-              settings: settingState
-            })
-          }), jsxs("div", {
-            className: "mt-8",
-            children: [jsx("p", {
-              className: `${settings?.navTheme === 'dark' ? 'text-white' : 'text-black'}`,
-              children: t('theme_color')
-            }), jsx(ThemeColor, {
-              color: themeList.colorList[navTheme === 'realDark' ? 'dark' : 'light'],
-              changeSetting: changeSetting,
-              settings: settingState
-            })]
-          })]
-        }), jsxs("div", {
-          className: `mt-8 pb-8 ${settingState?.navTheme !== 'dark' ? 'border-b border-opacity-6 border-black' : 'border-b border-[#2a2b2a]'}`,
-          children: [jsx("div", {
-            children: jsx("p", {
-              className: `${settingState?.navTheme === 'dark' ? 'text-white' : 'text-black'}`,
-              children: t('navigation_mode')
-            })
-          }), jsx("div", {
-            className: "mt-8",
-            children: jsx(LayoutChange, {
-              settings: settingState,
-              changeSetting: changeSetting
-            })
-          })]
-        }), jsxs("div", {
-          className: `mt-8 pb-8 ${settingState?.navTheme !== 'dark' ? 'border-b border-opacity-6 border-black' : 'border-b border-[#2a2b2a]'}`,
-          children: [jsx("p", {
-            className: `mb-2 ${settingState?.navTheme === 'dark' ? 'text-white' : 'text-black'}`,
-            children: t('regional_rettings')
-          }), jsx(RegionalSettings, {
-            settings: settingState,
-            changeSetting: changeSetting
-          })]
-        }), jsxs("div", {
-          className: "mt-8",
-          children: [jsx("p", {
-            className: `${settingState.navTheme === 'dark' ? 'text-white' : 'text-black'}`,
-            children: t('other_setting')
-          }), jsxs("div", {
-            className: "flex flex-row items-center",
-            children: [jsx("p", {
-              className: `mb-0 ${settingState.navTheme === 'dark' ? 'text-white' : 'text-black'}`,
-              children: t('weak_mode')
-            }), jsx("div", {
-              className: "flex-grow"
-            }), jsx(Switch, {
-              value: settingState.colorWeak,
-              settingKey: "colorWeak",
-              settings: settingState,
-              changeSetting: changeSetting
-            })]
-          })]
-        })]
-      })]
-    }) : null
-  });
-};export{SettingDrawer};//# sourceMappingURL=SettingDrawer.js.map
+    const bracketKey = applyToAllRoutes ? `[${deviceType}]` : `[${currentRoute}][${deviceType}]`;
+    const settingObject = parseSettingPath(key, value);
+    const nestedValue = {
+      [bracketKey]: settingObject
+    };
+    actor.send({
+      type: 'UISETTING_UPDATE',
+      value: nestedValue
+    });
+  }
+  function getThemeValue() {
+    return getSettingValue(settingState, 'theme', applyToAllRoutes, currentRoute, deviceType, 'default');
+  }
+  function getFontFamilyValue() {
+    return getSettingValue(settingState, 'fontFamily', applyToAllRoutes, currentRoute, deviceType, 'Poppins, sans-serif');
+  }
+  return React.createElement(React.Fragment, null, settingState?.showSettingPanel && React.createElement(React.Fragment, null, React.createElement("button", {
+    ref: btnRef,
+    onClick: () => setShow(!show),
+    style: {
+      backgroundColor: settingState?.primaryColor,
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    className: `fixed top-24 right-0 z-50 border-none cursor-pointer transition duration-500 w-12 h-12 rounded-l-lg hover:bg-opacity-80 ${show ? 'mr-[20rem]' : 'mr-0'}`
+  }, !show ? React.createElement(Settings5FillIcon, {
+    fontSize: '32px',
+    className: "text-white"
+  }) : React.createElement(CloseIcon, {
+    className: "text-white",
+    fontSize: '36px'
+  })), React.createElement("div", {
+    className: clsx('fixed right-0 top-0 w-[20rem] transition-all duration-500 overflow-hidden overflow-y-auto z-50 p-4 min-h-full max-h-full', 'bg-white dark:bg-[#1f1f1f]', show ? 'opacity-100 visible' : 'w-0 opacity-0 invisible', 'shadow-lg')
+  }, React.createElement(SettingsDrawerHeader, {
+    onClose: () => setShow(false)
+  }), React.createElement("div", {
+    className: "mt-8 pb-8 border-b border-black dark:border-[#2a2b2a]"
+  }, React.createElement(MenuVisibilitySettings, {
+    fullMenuData: fullMenuData,
+    settings: settingState,
+    changeSetting: handleSettingChange
+  }), React.createElement(ApplyToAllRoutesToggle, {
+    checked: applyToAllRoutes,
+    onChange: setApplyToAllRoutes
+  }), React.createElement(DeviceTabs, {
+    activeTab: activeDeviceTab,
+    onTabChange: setActiveDeviceTab
+  })), React.createElement("div", {
+    className: "mt-8 pb-8 border-b border-black dark:border-[#2a2b2a]"
+  }, React.createElement("p", {
+    className: "text-black dark:text-white"
+  }, t('page_style_settings')), React.createElement("div", null, React.createElement(CheckBoxTheme, {
+    list: themeList.themeList,
+    changeSetting: handleSettingChange,
+    settings: settingsForComponents,
+    location: location,
+    applyToAllRoutes: applyToAllRoutes
+  })), React.createElement("div", {
+    className: "mt-8"
+  }, React.createElement("p", {
+    className: "text-black dark:text-white"
+  }, t('Select Theme')), React.createElement(ThemeSelector, {
+    value: getThemeValue(),
+    onChange: value => handleSettingChange('theme', value),
+    options: THEME_OPTIONS
+  })), React.createElement("div", {
+    className: "mt-8 dark:border-[#2a2b2a]"
+  }, React.createElement("p", {
+    className: "mb-2 text-black dark:text-white"
+  }, t('theme_color')), React.createElement(ThemeColor, {
+    color: colorList || themeList.colorList[navTheme === 'realDark' ? 'dark' : 'light'],
+    changeSetting: handleSettingChange,
+    settings: settingsForComponents,
+    location: location,
+    routePattern: routePattern,
+    applyToAllRoutes: applyToAllRoutes
+  })), React.createElement("div", {
+    className: "mt-8"
+  }, React.createElement("p", {
+    className: "text-black dark:text-white"
+  }, t('Font Family')), React.createElement(WebFontsSelector, {
+    value: getFontFamilyValue(),
+    onChange: value => handleSettingChange('fontFamily', value),
+    options: FONT_OPTIONS
+  }))), React.createElement("div", {
+    className: "mt-8 pb-8 border-b border-black dark:border-[#2a2b2a]"
+  }, React.createElement(NavigationModes, {
+    settings: settingsForComponents,
+    changeSetting: handleSettingChange,
+    applyToAllRoutes: applyToAllRoutes,
+    location: location,
+    routePattern: routePattern
+  }), React.createElement("div", {
+    className: "mt-8"
+  }, React.createElement(LayoutChange, {
+    settings: settingsForComponents,
+    changeSetting: handleSettingChange,
+    applyToAllRoutes: applyToAllRoutes,
+    location: location,
+    routePattern: routePattern
+  })), React.createElement("div", {
+    className: "mt-8"
+  }, React.createElement(InvitationSettings, {
+    settings: settingsForComponents,
+    changeSetting: handleSettingChange,
+    location: location,
+    routePattern: routePattern,
+    applyToAllRoutes: applyToAllRoutes
+  }))), React.createElement("div", {
+    className: "mt-8 pb-8 border-b border-black dark:border-[#2a2b2a]"
+  }, React.createElement(RegionalSettings, {
+    settings: settingsForComponents,
+    changeSetting: handleSettingChange,
+    applyToAllRoutes: applyToAllRoutes,
+    location: location,
+    routePattern: routePattern
+  })), React.createElement("div", {
+    className: "mt-8 pb-8 border-b border-black dark:border-[#2a2b2a]"
+  }, React.createElement(AdditionalSettingsSlot, {
+    settings: settingsForComponents,
+    onSettingsChange: handleSettingChange,
+    pathname: currentPathname
+  })), React.createElement(SettingsActions, {
+    hasChanges: changedSettings && Object.keys(changedSettings).length > 0,
+    copied: copied,
+    copiedModified: copiedModified,
+    onSave: handleSaveSettings,
+    onCopyAll: handleCopySettings,
+    onCopyModified: handleCopyModifiedSettings,
+    onReset: handleResetSettings
+  }))));
+}export{SettingDrawer};//# sourceMappingURL=SettingDrawer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SettingDrawer.js","sources":["../../../src/components/SettingDrawer/SettingDrawer.tsx"],"sourcesContent":[null],"names":["_jsx","_Fragment","_jsxs"],"mappings":"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"}
+{"version":3,"file":"SettingDrawer.js","sources":["../../../src/components/SettingDrawer/SettingDrawer.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+interface ApplyToAllRoutesToggleProps {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+}
+export declare function ApplyToAllRoutesToggle({ checked, onChange }: ApplyToAllRoutesToggleProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=ApplyToAllRoutesToggle.d.ts.map