@akbarsafari00/bonyan-content-type-builder 5.52.1-fa.2

package/dist/admin/components/AutoReloadOverlayBlocker.js

@@ -0,0 +1,216 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+var Icons = require('@strapi/icons');
+var reactDom = require('react-dom');
+var reactIntl = require('react-intl');
+var styledComponents = require('styled-components');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+const AutoReloadOverlayBlockerContext = /*#__PURE__*/ React__namespace.createContext({
+    lockAppWithAutoreload: ()=>{},
+    unlockAppWithAutoreload: ()=>{}
+});
+const MAX_ELAPSED_TIME = 300 * 1000;
+const AutoReloadOverlayBlockerProvider = ({ children })=>{
+    const [isOpen, setIsOpen] = React__namespace.useState(false);
+    const [config, setConfig] = React__namespace.useState({});
+    const [failed, setFailed] = React__namespace.useState(false);
+    const lockAppWithAutoreload = React__namespace.useCallback((config = {})=>{
+        setIsOpen(true);
+        setConfig(config);
+    }, []);
+    const unlockAppWithAutoreload = React__namespace.useCallback(()=>{
+        setIsOpen(false);
+        setConfig({});
+    }, []);
+    // eslint-disable-next-line consistent-return
+    React__namespace.useEffect(()=>{
+        if (isOpen) {
+            const timeout = setTimeout(()=>{
+                setFailed(true);
+            }, MAX_ELAPSED_TIME);
+            return ()=>{
+                clearTimeout(timeout);
+            };
+        }
+    }, [
+        isOpen
+    ]);
+    let displayedIcon = config?.icon || 'reload';
+    let description = {
+        id: config?.description || 'components.OverlayBlocker.description',
+        defaultMessage: "You're using a feature that needs the server to restart. The page will reload automatically."
+    };
+    let title = {
+        id: config?.title || 'components.OverlayBlocker.title',
+        defaultMessage: 'Waiting for restart'
+    };
+    if (failed) {
+        displayedIcon = 'time';
+        description = {
+            id: 'components.OverlayBlocker.description.serverError',
+            defaultMessage: 'The server should have restarted, please check your logs in the terminal.'
+        };
+        title = {
+            id: 'components.OverlayBlocker.title.serverError',
+            defaultMessage: 'The restart is taking longer than expected'
+        };
+    }
+    const autoReloadValue = React__namespace.useMemo(()=>({
+            lockAppWithAutoreload,
+            unlockAppWithAutoreload
+        }), [
+        lockAppWithAutoreload,
+        unlockAppWithAutoreload
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsxs(AutoReloadOverlayBlockerContext.Provider, {
+        value: autoReloadValue,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(Blocker, {
+                displayedIcon: displayedIcon,
+                isOpen: isOpen,
+                description: description,
+                title: title
+            }),
+            children
+        ]
+    });
+};
+const Blocker = ({ displayedIcon, description, title, isOpen })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    // eslint-disable-next-line no-undef
+    return isOpen && globalThis?.document?.body ? /*#__PURE__*/ reactDom.createPortal(/*#__PURE__*/ jsxRuntime.jsxs(Overlay, {
+        id: "autoReloadOverlayBlocker",
+        direction: "column",
+        alignItems: "center",
+        gap: 6,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                direction: "column",
+                alignItems: "center",
+                gap: 2,
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                        tag: "h1",
+                        variant: "alpha",
+                        children: formatMessage(title)
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                        tag: "h2",
+                        textColor: "neutral600",
+                        fontSize: 4,
+                        fontWeight: "regular",
+                        children: formatMessage(description)
+                    })
+                ]
+            }),
+            displayedIcon === 'reload' && /*#__PURE__*/ jsxRuntime.jsx(IconBox, {
+                padding: 6,
+                background: "primary100",
+                borderColor: "primary200",
+                children: /*#__PURE__*/ jsxRuntime.jsx(LoaderReload, {
+                    width: "4rem",
+                    height: "4rem"
+                })
+            }),
+            displayedIcon === 'time' && /*#__PURE__*/ jsxRuntime.jsx(IconBox, {
+                padding: 6,
+                background: "primary100",
+                borderColor: "primary200",
+                children: /*#__PURE__*/ jsxRuntime.jsx(Icons.Clock, {
+                    width: "4rem",
+                    height: "4rem"
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                marginTop: 2,
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Link, {
+                    href: "https://docs.strapi.io",
+                    isExternal: true,
+                    children: formatMessage({
+                        id: 'global.documentation',
+                        defaultMessage: 'Read the documentation'
+                    })
+                })
+            })
+        ]
+    }), // eslint-disable-next-line no-undef
+    globalThis.document.body) : null;
+};
+const rotation = styledComponents.keyframes`
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(359deg);
+    }
+  `;
+const LoaderReload = styledComponents.styled(Icons.ArrowClockwise)`
+  animation: ${rotation} 1s infinite linear;
+`;
+const Overlay = styledComponents.styled(designSystem.Flex)`
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  /* TODO: set this up in the theme for consistence z-index values */
+  z-index: 1140;
+  padding-top: 16rem;
+
+  & > * {
+    position: relative;
+    z-index: 1;
+  }
+
+  &:before {
+    content: '';
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background: ${({ theme })=>theme.colors.neutral0};
+    opacity: 0.9;
+  }
+`;
+const IconBox = styledComponents.styled(designSystem.Box)`
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  svg {
+    > path {
+      fill: ${({ theme })=>theme.colors.primary600} !important;
+    }
+  }
+`;
+/* -------------------------------------------------------------------------------------------------
+ * Hook
+ * -----------------------------------------------------------------------------------------------*/ const useAutoReloadOverlayBlocker = ()=>React__namespace.useContext(AutoReloadOverlayBlockerContext);
+
+exports.AutoReloadOverlayBlockerProvider = AutoReloadOverlayBlockerProvider;
+exports.useAutoReloadOverlayBlocker = useAutoReloadOverlayBlocker;
+//# sourceMappingURL=AutoReloadOverlayBlocker.js.map

package/dist/admin/components/AutoReloadOverlayBlocker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoReloadOverlayBlocker.js","sources":["../../../admin/src/components/AutoReloadOverlayBlocker.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { Box, Flex, Typography, Link } from '@strapi/design-system';\r\nimport { Clock, ArrowClockwise } from '@strapi/icons';\r\nimport { createPortal } from 'react-dom';\r\nimport { MessageDescriptor, useIntl } from 'react-intl';\r\nimport { styled, keyframes } from 'styled-components';\r\n\r\n/**\r\n * TODO: realistically a lot of this logic is isolated to the `core/admin` package.\r\n * However, we want to expose the `useAutoReloadOverlayBlocker` hook to the plugins.\r\n *\r\n * Therefore, in V5 we should move this logic back to the `core/admin` package & export\r\n * the hook from that package and re-export here. For now, let's keep it all together\r\n * because it's easier to diagnose and we're not using a million refs because we don't\r\n * understand what's going on.\r\n */\r\nexport interface AutoReloadOverlayBlockerConfig {\r\n  title?: string;\r\n  description?: string;\r\n  icon?: 'reload' | 'time';\r\n}\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Context\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nexport interface AutoReloadOverlayBlockerContextValue {\r\n  lockAppWithAutoreload: (config?: AutoReloadOverlayBlockerConfig) => void;\r\n  unlockAppWithAutoreload: () => void;\r\n}\r\n\r\nconst AutoReloadOverlayBlockerContext = React.createContext<AutoReloadOverlayBlockerContextValue>({\r\n  lockAppWithAutoreload: () => {},\r\n  unlockAppWithAutoreload: () => {},\r\n});\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Provider\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nexport interface AutoReloadOverlayBlockerProviderProps {\r\n  children: React.ReactNode;\r\n}\r\n\r\nconst MAX_ELAPSED_TIME = 300 * 1000;\r\n\r\nconst AutoReloadOverlayBlockerProvider = ({ children }: AutoReloadOverlayBlockerProviderProps) => {\r\n  const [isOpen, setIsOpen] = React.useState(false);\r\n  const [config, setConfig] = React.useState<AutoReloadOverlayBlockerConfig>({});\r\n  const [failed, setFailed] = React.useState(false);\r\n\r\n  const lockAppWithAutoreload = React.useCallback((config: AutoReloadOverlayBlockerConfig = {}) => {\r\n    setIsOpen(true);\r\n    setConfig(config);\r\n  }, []);\r\n\r\n  const unlockAppWithAutoreload = React.useCallback(() => {\r\n    setIsOpen(false);\r\n    setConfig({});\r\n  }, []);\r\n\r\n  // eslint-disable-next-line consistent-return\r\n  React.useEffect(() => {\r\n    if (isOpen) {\r\n      const timeout = setTimeout(() => {\r\n        setFailed(true);\r\n      }, MAX_ELAPSED_TIME);\r\n\r\n      return () => {\r\n        clearTimeout(timeout);\r\n      };\r\n    }\r\n  }, [isOpen]);\r\n\r\n  let displayedIcon = config?.icon || 'reload';\r\n\r\n  let description = {\r\n    id: config?.description || 'components.OverlayBlocker.description',\r\n    defaultMessage:\r\n      \"You're using a feature that needs the server to restart. The page will reload automatically.\",\r\n  };\r\n\r\n  let title = {\r\n    id: config?.title || 'components.OverlayBlocker.title',\r\n    defaultMessage: 'Waiting for restart',\r\n  };\r\n\r\n  if (failed) {\r\n    displayedIcon = 'time';\r\n\r\n    description = {\r\n      id: 'components.OverlayBlocker.description.serverError',\r\n      defaultMessage: 'The server should have restarted, please check your logs in the terminal.',\r\n    };\r\n\r\n    title = {\r\n      id: 'components.OverlayBlocker.title.serverError',\r\n      defaultMessage: 'The restart is taking longer than expected',\r\n    };\r\n  }\r\n\r\n  const autoReloadValue = React.useMemo(\r\n    () => ({\r\n      lockAppWithAutoreload,\r\n      unlockAppWithAutoreload,\r\n    }),\r\n    [lockAppWithAutoreload, unlockAppWithAutoreload]\r\n  );\r\n\r\n  return (\r\n    <AutoReloadOverlayBlockerContext.Provider value={autoReloadValue}>\r\n      <Blocker\r\n        displayedIcon={displayedIcon}\r\n        isOpen={isOpen}\r\n        description={description}\r\n        title={title}\r\n      />\r\n      {children}\r\n    </AutoReloadOverlayBlockerContext.Provider>\r\n  );\r\n};\r\n\r\ninterface BlockerProps {\r\n  displayedIcon: string;\r\n  description: MessageDescriptor;\r\n  isOpen: boolean;\r\n  title: MessageDescriptor;\r\n}\r\n\r\nconst Blocker = ({ displayedIcon, description, title, isOpen }: BlockerProps) => {\r\n  const { formatMessage } = useIntl();\r\n\r\n  // eslint-disable-next-line no-undef\r\n  return isOpen && globalThis?.document?.body\r\n    ? createPortal(\r\n        <Overlay id=\"autoReloadOverlayBlocker\" direction=\"column\" alignItems=\"center\" gap={6}>\r\n          <Flex direction=\"column\" alignItems=\"center\" gap={2}>\r\n            <Typography tag=\"h1\" variant=\"alpha\">\r\n              {formatMessage(title)}\r\n            </Typography>\r\n            <Typography tag=\"h2\" textColor=\"neutral600\" fontSize={4} fontWeight=\"regular\">\r\n              {formatMessage(description)}\r\n            </Typography>\r\n          </Flex>\r\n          {displayedIcon === 'reload' && (\r\n            <IconBox padding={6} background=\"primary100\" borderColor=\"primary200\">\r\n              <LoaderReload width=\"4rem\" height=\"4rem\" />\r\n            </IconBox>\r\n          )}\r\n          {displayedIcon === 'time' && (\r\n            <IconBox padding={6} background=\"primary100\" borderColor=\"primary200\">\r\n              <Clock width=\"4rem\" height=\"4rem\" />\r\n            </IconBox>\r\n          )}\r\n          <Box marginTop={2}>\r\n            <Link href=\"https://docs.strapi.io\" isExternal>\r\n              {formatMessage({\r\n                id: 'global.documentation',\r\n                defaultMessage: 'Read the documentation',\r\n              })}\r\n            </Link>\r\n          </Box>\r\n        </Overlay>,\r\n        // eslint-disable-next-line no-undef\r\n        globalThis.document.body\r\n      )\r\n    : null;\r\n};\r\n\r\nconst rotation = keyframes`\r\n    from {\r\n      transform: rotate(0deg);\r\n    }\r\n    to {\r\n      transform: rotate(359deg);\r\n    }\r\n  `;\r\n\r\nconst LoaderReload = styled(ArrowClockwise)`\r\n  animation: ${rotation} 1s infinite linear;\r\n`;\r\n\r\nconst Overlay = styled(Flex)`\r\n  position: fixed;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  /* TODO: set this up in the theme for consistence z-index values */\r\n  z-index: 1140;\r\n  padding-top: 16rem;\r\n\r\n  & > * {\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  &:before {\r\n    content: '';\r\n    position: fixed;\r\n    top: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    background: ${({ theme }) => theme.colors.neutral0};\r\n    opacity: 0.9;\r\n  }\r\n`;\r\n\r\nconst IconBox = styled(Box)`\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  svg {\r\n    > path {\r\n      fill: ${({ theme }) => theme.colors.primary600} !important;\r\n    }\r\n  }\r\n`;\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Hook\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nconst useAutoReloadOverlayBlocker = () => React.useContext(AutoReloadOverlayBlockerContext);\r\n\r\nexport { AutoReloadOverlayBlockerProvider, useAutoReloadOverlayBlocker };\r\n"],"names":["AutoReloadOverlayBlockerContext","React","createContext","lockAppWithAutoreload","unlockAppWithAutoreload","MAX_ELAPSED_TIME","AutoReloadOverlayBlockerProvider","children","isOpen","setIsOpen","useState","config","setConfig","failed","setFailed","useCallback","useEffect","timeout","setTimeout","clearTimeout","displayedIcon","icon","description","id","defaultMessage","title","autoReloadValue","useMemo","_jsxs","Provider","value","_jsx","Blocker","formatMessage","useIntl","globalThis","document","body","createPortal","Overlay","direction","alignItems","gap","Flex","Typography","tag","variant","textColor","fontSize","fontWeight","IconBox","padding","background","borderColor","LoaderReload","width","height","Clock","Box","marginTop","Link","href","isExternal","rotation","keyframes","styled","ArrowClockwise","theme","colors","neutral0","primary600","useAutoReloadOverlayBlocker","useContext"],"mappings":"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"}

package/dist/admin/components/AutoReloadOverlayBlocker.mjs

@@ -0,0 +1,193 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Flex, Box, Typography, Link } from '@strapi/design-system';
+import { ArrowClockwise, Clock } from '@strapi/icons';
+import { createPortal } from 'react-dom';
+import { useIntl } from 'react-intl';
+import { keyframes, styled } from 'styled-components';
+
+const AutoReloadOverlayBlockerContext = /*#__PURE__*/ React.createContext({
+    lockAppWithAutoreload: ()=>{},
+    unlockAppWithAutoreload: ()=>{}
+});
+const MAX_ELAPSED_TIME = 300 * 1000;
+const AutoReloadOverlayBlockerProvider = ({ children })=>{
+    const [isOpen, setIsOpen] = React.useState(false);
+    const [config, setConfig] = React.useState({});
+    const [failed, setFailed] = React.useState(false);
+    const lockAppWithAutoreload = React.useCallback((config = {})=>{
+        setIsOpen(true);
+        setConfig(config);
+    }, []);
+    const unlockAppWithAutoreload = React.useCallback(()=>{
+        setIsOpen(false);
+        setConfig({});
+    }, []);
+    // eslint-disable-next-line consistent-return
+    React.useEffect(()=>{
+        if (isOpen) {
+            const timeout = setTimeout(()=>{
+                setFailed(true);
+            }, MAX_ELAPSED_TIME);
+            return ()=>{
+                clearTimeout(timeout);
+            };
+        }
+    }, [
+        isOpen
+    ]);
+    let displayedIcon = config?.icon || 'reload';
+    let description = {
+        id: config?.description || 'components.OverlayBlocker.description',
+        defaultMessage: "You're using a feature that needs the server to restart. The page will reload automatically."
+    };
+    let title = {
+        id: config?.title || 'components.OverlayBlocker.title',
+        defaultMessage: 'Waiting for restart'
+    };
+    if (failed) {
+        displayedIcon = 'time';
+        description = {
+            id: 'components.OverlayBlocker.description.serverError',
+            defaultMessage: 'The server should have restarted, please check your logs in the terminal.'
+        };
+        title = {
+            id: 'components.OverlayBlocker.title.serverError',
+            defaultMessage: 'The restart is taking longer than expected'
+        };
+    }
+    const autoReloadValue = React.useMemo(()=>({
+            lockAppWithAutoreload,
+            unlockAppWithAutoreload
+        }), [
+        lockAppWithAutoreload,
+        unlockAppWithAutoreload
+    ]);
+    return /*#__PURE__*/ jsxs(AutoReloadOverlayBlockerContext.Provider, {
+        value: autoReloadValue,
+        children: [
+            /*#__PURE__*/ jsx(Blocker, {
+                displayedIcon: displayedIcon,
+                isOpen: isOpen,
+                description: description,
+                title: title
+            }),
+            children
+        ]
+    });
+};
+const Blocker = ({ displayedIcon, description, title, isOpen })=>{
+    const { formatMessage } = useIntl();
+    // eslint-disable-next-line no-undef
+    return isOpen && globalThis?.document?.body ? /*#__PURE__*/ createPortal(/*#__PURE__*/ jsxs(Overlay, {
+        id: "autoReloadOverlayBlocker",
+        direction: "column",
+        alignItems: "center",
+        gap: 6,
+        children: [
+            /*#__PURE__*/ jsxs(Flex, {
+                direction: "column",
+                alignItems: "center",
+                gap: 2,
+                children: [
+                    /*#__PURE__*/ jsx(Typography, {
+                        tag: "h1",
+                        variant: "alpha",
+                        children: formatMessage(title)
+                    }),
+                    /*#__PURE__*/ jsx(Typography, {
+                        tag: "h2",
+                        textColor: "neutral600",
+                        fontSize: 4,
+                        fontWeight: "regular",
+                        children: formatMessage(description)
+                    })
+                ]
+            }),
+            displayedIcon === 'reload' && /*#__PURE__*/ jsx(IconBox, {
+                padding: 6,
+                background: "primary100",
+                borderColor: "primary200",
+                children: /*#__PURE__*/ jsx(LoaderReload, {
+                    width: "4rem",
+                    height: "4rem"
+                })
+            }),
+            displayedIcon === 'time' && /*#__PURE__*/ jsx(IconBox, {
+                padding: 6,
+                background: "primary100",
+                borderColor: "primary200",
+                children: /*#__PURE__*/ jsx(Clock, {
+                    width: "4rem",
+                    height: "4rem"
+                })
+            }),
+            /*#__PURE__*/ jsx(Box, {
+                marginTop: 2,
+                children: /*#__PURE__*/ jsx(Link, {
+                    href: "https://docs.strapi.io",
+                    isExternal: true,
+                    children: formatMessage({
+                        id: 'global.documentation',
+                        defaultMessage: 'Read the documentation'
+                    })
+                })
+            })
+        ]
+    }), // eslint-disable-next-line no-undef
+    globalThis.document.body) : null;
+};
+const rotation = keyframes`
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(359deg);
+    }
+  `;
+const LoaderReload = styled(ArrowClockwise)`
+  animation: ${rotation} 1s infinite linear;
+`;
+const Overlay = styled(Flex)`
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  /* TODO: set this up in the theme for consistence z-index values */
+  z-index: 1140;
+  padding-top: 16rem;
+
+  & > * {
+    position: relative;
+    z-index: 1;
+  }
+
+  &:before {
+    content: '';
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background: ${({ theme })=>theme.colors.neutral0};
+    opacity: 0.9;
+  }
+`;
+const IconBox = styled(Box)`
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  svg {
+    > path {
+      fill: ${({ theme })=>theme.colors.primary600} !important;
+    }
+  }
+`;
+/* -------------------------------------------------------------------------------------------------
+ * Hook
+ * -----------------------------------------------------------------------------------------------*/ const useAutoReloadOverlayBlocker = ()=>React.useContext(AutoReloadOverlayBlockerContext);
+
+export { AutoReloadOverlayBlockerProvider, useAutoReloadOverlayBlocker };
+//# sourceMappingURL=AutoReloadOverlayBlocker.mjs.map

package/dist/admin/components/AutoReloadOverlayBlocker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoReloadOverlayBlocker.mjs","sources":["../../../admin/src/components/AutoReloadOverlayBlocker.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { Box, Flex, Typography, Link } from '@strapi/design-system';\r\nimport { Clock, ArrowClockwise } from '@strapi/icons';\r\nimport { createPortal } from 'react-dom';\r\nimport { MessageDescriptor, useIntl } from 'react-intl';\r\nimport { styled, keyframes } from 'styled-components';\r\n\r\n/**\r\n * TODO: realistically a lot of this logic is isolated to the `core/admin` package.\r\n * However, we want to expose the `useAutoReloadOverlayBlocker` hook to the plugins.\r\n *\r\n * Therefore, in V5 we should move this logic back to the `core/admin` package & export\r\n * the hook from that package and re-export here. For now, let's keep it all together\r\n * because it's easier to diagnose and we're not using a million refs because we don't\r\n * understand what's going on.\r\n */\r\nexport interface AutoReloadOverlayBlockerConfig {\r\n  title?: string;\r\n  description?: string;\r\n  icon?: 'reload' | 'time';\r\n}\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Context\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nexport interface AutoReloadOverlayBlockerContextValue {\r\n  lockAppWithAutoreload: (config?: AutoReloadOverlayBlockerConfig) => void;\r\n  unlockAppWithAutoreload: () => void;\r\n}\r\n\r\nconst AutoReloadOverlayBlockerContext = React.createContext<AutoReloadOverlayBlockerContextValue>({\r\n  lockAppWithAutoreload: () => {},\r\n  unlockAppWithAutoreload: () => {},\r\n});\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Provider\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nexport interface AutoReloadOverlayBlockerProviderProps {\r\n  children: React.ReactNode;\r\n}\r\n\r\nconst MAX_ELAPSED_TIME = 300 * 1000;\r\n\r\nconst AutoReloadOverlayBlockerProvider = ({ children }: AutoReloadOverlayBlockerProviderProps) => {\r\n  const [isOpen, setIsOpen] = React.useState(false);\r\n  const [config, setConfig] = React.useState<AutoReloadOverlayBlockerConfig>({});\r\n  const [failed, setFailed] = React.useState(false);\r\n\r\n  const lockAppWithAutoreload = React.useCallback((config: AutoReloadOverlayBlockerConfig = {}) => {\r\n    setIsOpen(true);\r\n    setConfig(config);\r\n  }, []);\r\n\r\n  const unlockAppWithAutoreload = React.useCallback(() => {\r\n    setIsOpen(false);\r\n    setConfig({});\r\n  }, []);\r\n\r\n  // eslint-disable-next-line consistent-return\r\n  React.useEffect(() => {\r\n    if (isOpen) {\r\n      const timeout = setTimeout(() => {\r\n        setFailed(true);\r\n      }, MAX_ELAPSED_TIME);\r\n\r\n      return () => {\r\n        clearTimeout(timeout);\r\n      };\r\n    }\r\n  }, [isOpen]);\r\n\r\n  let displayedIcon = config?.icon || 'reload';\r\n\r\n  let description = {\r\n    id: config?.description || 'components.OverlayBlocker.description',\r\n    defaultMessage:\r\n      \"You're using a feature that needs the server to restart. The page will reload automatically.\",\r\n  };\r\n\r\n  let title = {\r\n    id: config?.title || 'components.OverlayBlocker.title',\r\n    defaultMessage: 'Waiting for restart',\r\n  };\r\n\r\n  if (failed) {\r\n    displayedIcon = 'time';\r\n\r\n    description = {\r\n      id: 'components.OverlayBlocker.description.serverError',\r\n      defaultMessage: 'The server should have restarted, please check your logs in the terminal.',\r\n    };\r\n\r\n    title = {\r\n      id: 'components.OverlayBlocker.title.serverError',\r\n      defaultMessage: 'The restart is taking longer than expected',\r\n    };\r\n  }\r\n\r\n  const autoReloadValue = React.useMemo(\r\n    () => ({\r\n      lockAppWithAutoreload,\r\n      unlockAppWithAutoreload,\r\n    }),\r\n    [lockAppWithAutoreload, unlockAppWithAutoreload]\r\n  );\r\n\r\n  return (\r\n    <AutoReloadOverlayBlockerContext.Provider value={autoReloadValue}>\r\n      <Blocker\r\n        displayedIcon={displayedIcon}\r\n        isOpen={isOpen}\r\n        description={description}\r\n        title={title}\r\n      />\r\n      {children}\r\n    </AutoReloadOverlayBlockerContext.Provider>\r\n  );\r\n};\r\n\r\ninterface BlockerProps {\r\n  displayedIcon: string;\r\n  description: MessageDescriptor;\r\n  isOpen: boolean;\r\n  title: MessageDescriptor;\r\n}\r\n\r\nconst Blocker = ({ displayedIcon, description, title, isOpen }: BlockerProps) => {\r\n  const { formatMessage } = useIntl();\r\n\r\n  // eslint-disable-next-line no-undef\r\n  return isOpen && globalThis?.document?.body\r\n    ? createPortal(\r\n        <Overlay id=\"autoReloadOverlayBlocker\" direction=\"column\" alignItems=\"center\" gap={6}>\r\n          <Flex direction=\"column\" alignItems=\"center\" gap={2}>\r\n            <Typography tag=\"h1\" variant=\"alpha\">\r\n              {formatMessage(title)}\r\n            </Typography>\r\n            <Typography tag=\"h2\" textColor=\"neutral600\" fontSize={4} fontWeight=\"regular\">\r\n              {formatMessage(description)}\r\n            </Typography>\r\n          </Flex>\r\n          {displayedIcon === 'reload' && (\r\n            <IconBox padding={6} background=\"primary100\" borderColor=\"primary200\">\r\n              <LoaderReload width=\"4rem\" height=\"4rem\" />\r\n            </IconBox>\r\n          )}\r\n          {displayedIcon === 'time' && (\r\n            <IconBox padding={6} background=\"primary100\" borderColor=\"primary200\">\r\n              <Clock width=\"4rem\" height=\"4rem\" />\r\n            </IconBox>\r\n          )}\r\n          <Box marginTop={2}>\r\n            <Link href=\"https://docs.strapi.io\" isExternal>\r\n              {formatMessage({\r\n                id: 'global.documentation',\r\n                defaultMessage: 'Read the documentation',\r\n              })}\r\n            </Link>\r\n          </Box>\r\n        </Overlay>,\r\n        // eslint-disable-next-line no-undef\r\n        globalThis.document.body\r\n      )\r\n    : null;\r\n};\r\n\r\nconst rotation = keyframes`\r\n    from {\r\n      transform: rotate(0deg);\r\n    }\r\n    to {\r\n      transform: rotate(359deg);\r\n    }\r\n  `;\r\n\r\nconst LoaderReload = styled(ArrowClockwise)`\r\n  animation: ${rotation} 1s infinite linear;\r\n`;\r\n\r\nconst Overlay = styled(Flex)`\r\n  position: fixed;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  /* TODO: set this up in the theme for consistence z-index values */\r\n  z-index: 1140;\r\n  padding-top: 16rem;\r\n\r\n  & > * {\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  &:before {\r\n    content: '';\r\n    position: fixed;\r\n    top: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    background: ${({ theme }) => theme.colors.neutral0};\r\n    opacity: 0.9;\r\n  }\r\n`;\r\n\r\nconst IconBox = styled(Box)`\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  svg {\r\n    > path {\r\n      fill: ${({ theme }) => theme.colors.primary600} !important;\r\n    }\r\n  }\r\n`;\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Hook\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\nconst useAutoReloadOverlayBlocker = () => React.useContext(AutoReloadOverlayBlockerContext);\r\n\r\nexport { AutoReloadOverlayBlockerProvider, useAutoReloadOverlayBlocker };\r\n"],"names":["AutoReloadOverlayBlockerContext","React","createContext","lockAppWithAutoreload","unlockAppWithAutoreload","MAX_ELAPSED_TIME","AutoReloadOverlayBlockerProvider","children","isOpen","setIsOpen","useState","config","setConfig","failed","setFailed","useCallback","useEffect","timeout","setTimeout","clearTimeout","displayedIcon","icon","description","id","defaultMessage","title","autoReloadValue","useMemo","_jsxs","Provider","value","_jsx","Blocker","formatMessage","useIntl","globalThis","document","body","createPortal","Overlay","direction","alignItems","gap","Flex","Typography","tag","variant","textColor","fontSize","fontWeight","IconBox","padding","background","borderColor","LoaderReload","width","height","Clock","Box","marginTop","Link","href","isExternal","rotation","keyframes","styled","ArrowClockwise","theme","colors","neutral0","primary600","useAutoReloadOverlayBlocker","useContext"],"mappings":"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"}

package/dist/admin/components/BooleanDefaultValueSelect.js

@@ -0,0 +1,55 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+
+const BooleanDefaultValueSelect = ({ intlLabel, name, options, onChange, value = null })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const label = intlLabel.id ? formatMessage({
+        id: intlLabel.id,
+        defaultMessage: intlLabel.defaultMessage
+    }, {
+        ...intlLabel.values
+    }) : name;
+    const handleChange = (value)=>{
+        const stringValue = value.toString();
+        let nextValue = '';
+        if (stringValue === 'true') {
+            nextValue = true;
+        }
+        if (stringValue === 'false') {
+            nextValue = false;
+        }
+        onChange({
+            target: {
+                name,
+                value: nextValue,
+                type: 'select-default-boolean'
+            }
+        });
+    };
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
+        name: name,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Label, {
+                children: label
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.SingleSelect, {
+                onChange: handleChange,
+                value: (value === null ? '' : value).toString(),
+                children: options.map(({ metadatas: { intlLabel, disabled, hidden }, key, value })=>{
+                    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.SingleSelectOption, {
+                        value: value,
+                        disabled: disabled,
+                        hidden: hidden,
+                        children: intlLabel.defaultMessage
+                    }, key);
+                })
+            })
+        ]
+    });
+};
+
+exports.BooleanDefaultValueSelect = BooleanDefaultValueSelect;
+//# sourceMappingURL=BooleanDefaultValueSelect.js.map

package/dist/admin/components/BooleanDefaultValueSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BooleanDefaultValueSelect.js","sources":["../../../admin/src/components/BooleanDefaultValueSelect.tsx"],"sourcesContent":["import { Field, SingleSelect, SingleSelectOption } from '@strapi/design-system';\r\nimport { useIntl } from 'react-intl';\r\n\r\nimport type { FormChangeHandler, IntlLabel } from '../types';\r\n\r\ninterface Metadata {\r\n  intlLabel: IntlLabel;\r\n  disabled?: boolean;\r\n  hidden?: boolean;\r\n}\r\n\r\ninterface Option {\r\n  metadatas: Metadata;\r\n  key: string | number;\r\n  value: string | number;\r\n}\r\n\r\ninterface BooleanDefaultValueSelectProps {\r\n  intlLabel: IntlLabel;\r\n  name: string;\r\n  onChange: FormChangeHandler<boolean | string, 'select-default-boolean'>;\r\n  options: Option[];\r\n  value?: boolean | string | null;\r\n}\r\n\r\nexport const BooleanDefaultValueSelect = ({\r\n  intlLabel,\r\n  name,\r\n  options,\r\n  onChange,\r\n  value = null,\r\n}: BooleanDefaultValueSelectProps) => {\r\n  const { formatMessage } = useIntl();\r\n  const label = intlLabel.id\r\n    ? formatMessage(\r\n        { id: intlLabel.id, defaultMessage: intlLabel.defaultMessage },\r\n        { ...intlLabel.values }\r\n      )\r\n    : name;\r\n\r\n  const handleChange = (value: string | number) => {\r\n    const stringValue = value.toString();\r\n    let nextValue: boolean | string = '';\r\n\r\n    if (stringValue === 'true') {\r\n      nextValue = true;\r\n    }\r\n\r\n    if (stringValue === 'false') {\r\n      nextValue = false;\r\n    }\r\n\r\n    onChange({ target: { name, value: nextValue, type: 'select-default-boolean' } });\r\n  };\r\n\r\n  return (\r\n    <Field.Root name={name}>\r\n      <Field.Label>{label}</Field.Label>\r\n      <SingleSelect onChange={handleChange} value={(value === null ? '' : value).toString()}>\r\n        {options.map(({ metadatas: { intlLabel, disabled, hidden }, key, value }) => {\r\n          return (\r\n            <SingleSelectOption key={key} value={value} disabled={disabled} hidden={hidden}>\r\n              {/* No need to translate the options */}\r\n              {intlLabel.defaultMessage}\r\n            </SingleSelectOption>\r\n          );\r\n        })}\r\n      </SingleSelect>\r\n    </Field.Root>\r\n  );\r\n};\r\n"],"names":["BooleanDefaultValueSelect","intlLabel","name","options","onChange","value","formatMessage","useIntl","label","id","defaultMessage","values","handleChange","stringValue","toString","nextValue","target","type","_jsxs","Field","Root","_jsx","Label","SingleSelect","map","metadatas","disabled","hidden","key","SingleSelectOption"],"mappings":";;;;;;AAyBO,MAAMA,yBAAAA,GAA4B,CAAC,EACxCC,SAAS,EACTC,IAAI,EACJC,OAAO,EACPC,QAAQ,EACRC,KAAAA,GAAQ,IAAI,EACmB,GAAA;IAC/B,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAMC,KAAAA,GAAQP,SAAAA,CAAUQ,EAAE,GACtBH,aAAAA,CACE;AAAEG,QAAAA,EAAAA,EAAIR,UAAUQ,EAAE;AAAEC,QAAAA,cAAAA,EAAgBT,UAAUS;KAAe,EAC7D;AAAE,QAAA,GAAGT,UAAUU;KAAO,CAAA,GAExBT,IAAAA;AAEJ,IAAA,MAAMU,eAAe,CAACP,KAAAA,GAAAA;QACpB,MAAMQ,WAAAA,GAAcR,MAAMS,QAAQ,EAAA;AAClC,QAAA,IAAIC,SAAAA,GAA8B,EAAA;AAElC,QAAA,IAAIF,gBAAgB,MAAA,EAAQ;YAC1BE,SAAAA,GAAY,IAAA;AACd,QAAA;AAEA,QAAA,IAAIF,gBAAgB,OAAA,EAAS;YAC3BE,SAAAA,GAAY,KAAA;AACd,QAAA;QAEAX,QAAAA,CAAS;YAAEY,MAAAA,EAAQ;AAAEd,gBAAAA,IAAAA;gBAAMG,KAAAA,EAAOU,SAAAA;gBAAWE,IAAAA,EAAM;AAAyB;AAAE,SAAA,CAAA;AAChF,IAAA,CAAA;IAEA,qBACEC,eAAA,CAACC,mBAAMC,IAAI,EAAA;QAAClB,IAAAA,EAAMA,IAAAA;;AAChB,0BAAAmB,cAAA,CAACF,mBAAMG,KAAK,EAAA;AAAEd,gBAAAA,QAAAA,EAAAA;;0BACda,cAAA,CAACE,yBAAAA,EAAAA;gBAAanB,QAAAA,EAAUQ,YAAAA;AAAcP,gBAAAA,KAAAA,EAAO,CAACA,KAAAA,KAAU,OAAO,EAAA,GAAKA,KAAI,EAAGS,QAAQ,EAAA;AAChFX,gBAAAA,QAAAA,EAAAA,OAAAA,CAAQqB,GAAG,CAAC,CAAC,EAAEC,SAAAA,EAAW,EAAExB,SAAS,EAAEyB,QAAQ,EAAEC,MAAM,EAAE,EAAEC,GAAG,EAAEvB,KAAK,EAAE,GAAA;AACtE,oBAAA,qBACEgB,cAAA,CAACQ,+BAAAA,EAAAA;wBAA6BxB,KAAAA,EAAOA,KAAAA;wBAAOqB,QAAAA,EAAUA,QAAAA;wBAAUC,MAAAA,EAAQA,MAAAA;AAErE1B,wBAAAA,QAAAA,EAAAA,SAAAA,CAAUS;AAFYkB,qBAAAA,EAAAA,GAAAA,CAAAA;AAK7B,gBAAA,CAAA;;;;AAIR;;;;"}

package/dist/admin/components/BooleanDefaultValueSelect.mjs

@@ -0,0 +1,53 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Field, SingleSelect, SingleSelectOption } from '@strapi/design-system';
+import { useIntl } from 'react-intl';
+
+const BooleanDefaultValueSelect = ({ intlLabel, name, options, onChange, value = null })=>{
+    const { formatMessage } = useIntl();
+    const label = intlLabel.id ? formatMessage({
+        id: intlLabel.id,
+        defaultMessage: intlLabel.defaultMessage
+    }, {
+        ...intlLabel.values
+    }) : name;
+    const handleChange = (value)=>{
+        const stringValue = value.toString();
+        let nextValue = '';
+        if (stringValue === 'true') {
+            nextValue = true;
+        }
+        if (stringValue === 'false') {
+            nextValue = false;
+        }
+        onChange({
+            target: {
+                name,
+                value: nextValue,
+                type: 'select-default-boolean'
+            }
+        });
+    };
+    return /*#__PURE__*/ jsxs(Field.Root, {
+        name: name,
+        children: [
+            /*#__PURE__*/ jsx(Field.Label, {
+                children: label
+            }),
+            /*#__PURE__*/ jsx(SingleSelect, {
+                onChange: handleChange,
+                value: (value === null ? '' : value).toString(),
+                children: options.map(({ metadatas: { intlLabel, disabled, hidden }, key, value })=>{
+                    return /*#__PURE__*/ jsx(SingleSelectOption, {
+                        value: value,
+                        disabled: disabled,
+                        hidden: hidden,
+                        children: intlLabel.defaultMessage
+                    }, key);
+                })
+            })
+        ]
+    });
+};
+
+export { BooleanDefaultValueSelect };
+//# sourceMappingURL=BooleanDefaultValueSelect.mjs.map

package/dist/admin/components/BooleanDefaultValueSelect.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BooleanDefaultValueSelect.mjs","sources":["../../../admin/src/components/BooleanDefaultValueSelect.tsx"],"sourcesContent":["import { Field, SingleSelect, SingleSelectOption } from '@strapi/design-system';\r\nimport { useIntl } from 'react-intl';\r\n\r\nimport type { FormChangeHandler, IntlLabel } from '../types';\r\n\r\ninterface Metadata {\r\n  intlLabel: IntlLabel;\r\n  disabled?: boolean;\r\n  hidden?: boolean;\r\n}\r\n\r\ninterface Option {\r\n  metadatas: Metadata;\r\n  key: string | number;\r\n  value: string | number;\r\n}\r\n\r\ninterface BooleanDefaultValueSelectProps {\r\n  intlLabel: IntlLabel;\r\n  name: string;\r\n  onChange: FormChangeHandler<boolean | string, 'select-default-boolean'>;\r\n  options: Option[];\r\n  value?: boolean | string | null;\r\n}\r\n\r\nexport const BooleanDefaultValueSelect = ({\r\n  intlLabel,\r\n  name,\r\n  options,\r\n  onChange,\r\n  value = null,\r\n}: BooleanDefaultValueSelectProps) => {\r\n  const { formatMessage } = useIntl();\r\n  const label = intlLabel.id\r\n    ? formatMessage(\r\n        { id: intlLabel.id, defaultMessage: intlLabel.defaultMessage },\r\n        { ...intlLabel.values }\r\n      )\r\n    : name;\r\n\r\n  const handleChange = (value: string | number) => {\r\n    const stringValue = value.toString();\r\n    let nextValue: boolean | string = '';\r\n\r\n    if (stringValue === 'true') {\r\n      nextValue = true;\r\n    }\r\n\r\n    if (stringValue === 'false') {\r\n      nextValue = false;\r\n    }\r\n\r\n    onChange({ target: { name, value: nextValue, type: 'select-default-boolean' } });\r\n  };\r\n\r\n  return (\r\n    <Field.Root name={name}>\r\n      <Field.Label>{label}</Field.Label>\r\n      <SingleSelect onChange={handleChange} value={(value === null ? '' : value).toString()}>\r\n        {options.map(({ metadatas: { intlLabel, disabled, hidden }, key, value }) => {\r\n          return (\r\n            <SingleSelectOption key={key} value={value} disabled={disabled} hidden={hidden}>\r\n              {/* No need to translate the options */}\r\n              {intlLabel.defaultMessage}\r\n            </SingleSelectOption>\r\n          );\r\n        })}\r\n      </SingleSelect>\r\n    </Field.Root>\r\n  );\r\n};\r\n"],"names":["BooleanDefaultValueSelect","intlLabel","name","options","onChange","value","formatMessage","useIntl","label","id","defaultMessage","values","handleChange","stringValue","toString","nextValue","target","type","_jsxs","Field","Root","_jsx","Label","SingleSelect","map","metadatas","disabled","hidden","key","SingleSelectOption"],"mappings":";;;;AAyBO,MAAMA,yBAAAA,GAA4B,CAAC,EACxCC,SAAS,EACTC,IAAI,EACJC,OAAO,EACPC,QAAQ,EACRC,KAAAA,GAAQ,IAAI,EACmB,GAAA;IAC/B,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAMC,KAAAA,GAAQP,SAAAA,CAAUQ,EAAE,GACtBH,aAAAA,CACE;AAAEG,QAAAA,EAAAA,EAAIR,UAAUQ,EAAE;AAAEC,QAAAA,cAAAA,EAAgBT,UAAUS;KAAe,EAC7D;AAAE,QAAA,GAAGT,UAAUU;KAAO,CAAA,GAExBT,IAAAA;AAEJ,IAAA,MAAMU,eAAe,CAACP,KAAAA,GAAAA;QACpB,MAAMQ,WAAAA,GAAcR,MAAMS,QAAQ,EAAA;AAClC,QAAA,IAAIC,SAAAA,GAA8B,EAAA;AAElC,QAAA,IAAIF,gBAAgB,MAAA,EAAQ;YAC1BE,SAAAA,GAAY,IAAA;AACd,QAAA;AAEA,QAAA,IAAIF,gBAAgB,OAAA,EAAS;YAC3BE,SAAAA,GAAY,KAAA;AACd,QAAA;QAEAX,QAAAA,CAAS;YAAEY,MAAAA,EAAQ;AAAEd,gBAAAA,IAAAA;gBAAMG,KAAAA,EAAOU,SAAAA;gBAAWE,IAAAA,EAAM;AAAyB;AAAE,SAAA,CAAA;AAChF,IAAA,CAAA;IAEA,qBACEC,IAAA,CAACC,MAAMC,IAAI,EAAA;QAAClB,IAAAA,EAAMA,IAAAA;;AAChB,0BAAAmB,GAAA,CAACF,MAAMG,KAAK,EAAA;AAAEd,gBAAAA,QAAAA,EAAAA;;0BACda,GAAA,CAACE,YAAAA,EAAAA;gBAAanB,QAAAA,EAAUQ,YAAAA;AAAcP,gBAAAA,KAAAA,EAAO,CAACA,KAAAA,KAAU,OAAO,EAAA,GAAKA,KAAI,EAAGS,QAAQ,EAAA;AAChFX,gBAAAA,QAAAA,EAAAA,OAAAA,CAAQqB,GAAG,CAAC,CAAC,EAAEC,SAAAA,EAAW,EAAExB,SAAS,EAAEyB,QAAQ,EAAEC,MAAM,EAAE,EAAEC,GAAG,EAAEvB,KAAK,EAAE,GAAA;AACtE,oBAAA,qBACEgB,GAAA,CAACQ,kBAAAA,EAAAA;wBAA6BxB,KAAAA,EAAOA,KAAAA;wBAAOqB,QAAAA,EAAUA,QAAAA;wBAAUC,MAAAA,EAAQA,MAAAA;AAErE1B,wBAAAA,QAAAA,EAAAA,SAAAA,CAAUS;AAFYkB,qBAAAA,EAAAA,GAAAA,CAAAA;AAK7B,gBAAA,CAAA;;;;AAIR;;;;"}

package/dist/admin/components/BooleanRadioGroup.js

@@ -0,0 +1,27 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var CustomRadioGroup = require('./CustomRadioGroup/CustomRadioGroup.js');
+
+const BooleanRadioGroup = ({ onChange, name, intlLabel, ...rest })=>{
+    const handleChange = (e)=>{
+        const checked = e.target.value !== 'false';
+        onChange({
+            target: {
+                name,
+                value: checked,
+                type: 'boolean-radio-group'
+            }
+        });
+    };
+    return /*#__PURE__*/ jsxRuntime.jsx(CustomRadioGroup.CustomRadioGroup, {
+        ...rest,
+        name: name,
+        onChange: handleChange,
+        intlLabel: intlLabel
+    });
+};
+
+exports.BooleanRadioGroup = BooleanRadioGroup;
+//# sourceMappingURL=BooleanRadioGroup.js.map

package/dist/admin/components/BooleanRadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BooleanRadioGroup.js","sources":["../../../admin/src/components/BooleanRadioGroup.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { CustomRadioGroup } from './CustomRadioGroup';\r\n\r\nimport type { FormChangeHandler, IntlLabel } from '../types';\r\n\r\ninterface BooleanRadioGroupProps {\r\n  intlLabel: IntlLabel;\r\n  name: string;\r\n  onChange: FormChangeHandler<boolean, 'boolean-radio-group'>;\r\n}\r\n\r\nexport const BooleanRadioGroup = ({\r\n  onChange,\r\n  name,\r\n  intlLabel,\r\n  ...rest\r\n}: BooleanRadioGroupProps) => {\r\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    const checked = e.target.value !== 'false';\r\n\r\n    onChange({ target: { name, value: checked, type: 'boolean-radio-group' } });\r\n  };\r\n\r\n  return <CustomRadioGroup {...rest} name={name} onChange={handleChange} intlLabel={intlLabel} />;\r\n};\r\n"],"names":["BooleanRadioGroup","onChange","name","intlLabel","rest","handleChange","e","checked","target","value","type","_jsx","CustomRadioGroup"],"mappings":";;;;;;AAYO,MAAMA,iBAAAA,GAAoB,CAAC,EAChCC,QAAQ,EACRC,IAAI,EACJC,SAAS,EACT,GAAGC,IAAAA,EACoB,GAAA;AACvB,IAAA,MAAMC,eAAe,CAACC,CAAAA,GAAAA;AACpB,QAAA,MAAMC,OAAAA,GAAUD,CAAAA,CAAEE,MAAM,CAACC,KAAK,KAAK,OAAA;QAEnCR,QAAAA,CAAS;YAAEO,MAAAA,EAAQ;AAAEN,gBAAAA,IAAAA;gBAAMO,KAAAA,EAAOF,OAAAA;gBAASG,IAAAA,EAAM;AAAsB;AAAE,SAAA,CAAA;AAC3E,IAAA,CAAA;AAEA,IAAA,qBAAOC,cAAA,CAACC,iCAAAA,EAAAA;AAAkB,QAAA,GAAGR,IAAI;QAAEF,IAAAA,EAAMA,IAAAA;QAAMD,QAAAA,EAAUI,YAAAA;QAAcF,SAAAA,EAAWA;;AACpF;;;;"}

package/dist/admin/components/BooleanRadioGroup.mjs

@@ -0,0 +1,25 @@
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import { CustomRadioGroup } from './CustomRadioGroup/CustomRadioGroup.mjs';
+
+const BooleanRadioGroup = ({ onChange, name, intlLabel, ...rest })=>{
+    const handleChange = (e)=>{
+        const checked = e.target.value !== 'false';
+        onChange({
+            target: {
+                name,
+                value: checked,
+                type: 'boolean-radio-group'
+            }
+        });
+    };
+    return /*#__PURE__*/ jsx(CustomRadioGroup, {
+        ...rest,
+        name: name,
+        onChange: handleChange,
+        intlLabel: intlLabel
+    });
+};
+
+export { BooleanRadioGroup };
+//# sourceMappingURL=BooleanRadioGroup.mjs.map