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

package/dist/admin/components/DynamicZoneList.mjs

@@ -0,0 +1,120 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Box, Flex, Typography } from '@strapi/design-system';
+import { Plus } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { styled } from 'styled-components';
+import { getTrad } from '../utils/getTrad.mjs';
+import { ComponentCard } from './ComponentCard/ComponentCard.mjs';
+import { ComponentList } from './ComponentList.mjs';
+import { ComponentRow } from './ComponentRow.mjs';
+import { useDataManager } from './DataManager/useDataManager.mjs';
+
+const StyledAddIcon = styled(Plus)`
+  width: 3.2rem;
+  height: 3.2rem;
+  padding: 0.9rem;
+  border-radius: 6.4rem;
+  background: ${({ theme, disabled })=>disabled ? theme.colors.neutral100 : theme.colors.primary100};
+  path {
+    fill: ${({ theme, disabled })=>disabled ? theme.colors.neutral600 : theme.colors.primary600};
+  }
+`;
+const ComponentStack = styled(Flex)`
+  flex-shrink: 0;
+  width: 14rem;
+  height: 8rem;
+  justify-content: center;
+  align-items: center;
+`;
+const DynamicZoneList = ({ components = [], addComponent, name, forTarget, targetUid, disabled = false })=>{
+    const { isInDevelopmentMode } = useDataManager();
+    const [activeTab, setActiveTab] = useState(0);
+    const { formatMessage } = useIntl();
+    const toggle = (tab)=>{
+        if (activeTab !== tab) {
+            setActiveTab(tab);
+        }
+    };
+    const handleClickAdd = ()=>{
+        addComponent(name);
+    };
+    return /*#__PURE__*/ jsx(ComponentRow, {
+        className: "dynamiczone-row",
+        $isFromDynamicZone: true,
+        children: /*#__PURE__*/ jsxs(Box, {
+            children: [
+                /*#__PURE__*/ jsx(Box, {
+                    padding: 2,
+                    paddingLeft: "104px",
+                    children: /*#__PURE__*/ jsxs(Flex, {
+                        role: "tablist",
+                        gap: 2,
+                        wrap: "wrap",
+                        children: [
+                            isInDevelopmentMode && /*#__PURE__*/ jsx("button", {
+                                type: "button",
+                                onClick: handleClickAdd,
+                                disabled: disabled,
+                                style: {
+                                    cursor: disabled ? 'not-allowed' : 'pointer'
+                                },
+                                children: /*#__PURE__*/ jsxs(ComponentStack, {
+                                    direction: "column",
+                                    alignItems: "stretch",
+                                    gap: 1,
+                                    children: [
+                                        /*#__PURE__*/ jsx(StyledAddIcon, {
+                                            disabled: disabled
+                                        }),
+                                        /*#__PURE__*/ jsx(Typography, {
+                                            variant: "pi",
+                                            fontWeight: "bold",
+                                            textColor: disabled ? 'neutral600' : 'primary600',
+                                            children: formatMessage({
+                                                id: getTrad('button.component.add'),
+                                                defaultMessage: 'Add a component'
+                                            })
+                                        })
+                                    ]
+                                })
+                            }),
+                            components.map((component, index)=>{
+                                return /*#__PURE__*/ jsx(ComponentCard, {
+                                    dzName: name || '',
+                                    index: index,
+                                    component: component,
+                                    isActive: activeTab === index,
+                                    isInDevelopmentMode: isInDevelopmentMode,
+                                    onClick: ()=>toggle(index),
+                                    forTarget: forTarget,
+                                    targetUid: targetUid,
+                                    disabled: disabled
+                                }, component);
+                            })
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ jsx(Box, {
+                    children: components.map((component, index)=>{
+                        return /*#__PURE__*/ jsx(Box, {
+                            id: `dz-${name}-panel-${index}`,
+                            role: "tabpanel",
+                            "aria-labelledby": `dz-${name}-tab-${index}`,
+                            style: {
+                                display: activeTab === index ? 'block' : 'none'
+                            },
+                            children: /*#__PURE__*/ jsx(ComponentList, {
+                                isFromDynamicZone: true,
+                                component: component
+                            }, component)
+                        }, component);
+                    })
+                })
+            ]
+        })
+    });
+};
+
+export { DynamicZoneList };
+//# sourceMappingURL=DynamicZoneList.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicZoneList.mjs","sources":["../../../admin/src/components/DynamicZoneList.tsx"],"sourcesContent":["import { type ComponentType, useState } from 'react';\r\n\r\nimport { Box, Flex, Typography } from '@strapi/design-system';\r\nimport { Plus } from '@strapi/icons';\r\nimport { useIntl } from 'react-intl';\r\nimport { styled } from 'styled-components';\r\n\r\nimport { getTrad } from '../utils/getTrad';\r\n\r\nimport { ComponentCard } from './ComponentCard';\r\nimport { ComponentList } from './ComponentList';\r\nimport { ComponentRow } from './ComponentRow';\r\nimport { useDataManager } from './DataManager/useDataManager';\r\n\r\nimport type { Internal, Struct } from '@strapi/types';\r\n\r\ninterface DynamicZoneListProps {\r\n  addComponent: (name?: string) => void;\r\n  components: Array<Internal.UID.Component>;\r\n  customRowComponent?: ComponentType<Record<string, unknown>>;\r\n  name?: string;\r\n  forTarget: Struct.ModelType;\r\n  targetUid: Internal.UID.Schema;\r\n  disabled?: boolean;\r\n}\r\n\r\nconst StyledAddIcon = styled(Plus)<{ disabled?: boolean }>`\r\n  width: 3.2rem;\r\n  height: 3.2rem;\r\n  padding: 0.9rem;\r\n  border-radius: 6.4rem;\r\n  background: ${({ theme, disabled }) =>\r\n    disabled ? theme.colors.neutral100 : theme.colors.primary100};\r\n  path {\r\n    fill: ${({ theme, disabled }) =>\r\n      disabled ? theme.colors.neutral600 : theme.colors.primary600};\r\n  }\r\n`;\r\n\r\nconst ComponentStack = styled(Flex)`\r\n  flex-shrink: 0;\r\n  width: 14rem;\r\n  height: 8rem;\r\n  justify-content: center;\r\n  align-items: center;\r\n`;\r\n\r\nexport const DynamicZoneList = ({\r\n  components = [],\r\n  addComponent,\r\n  name,\r\n  forTarget,\r\n  targetUid,\r\n  disabled = false,\r\n}: DynamicZoneListProps) => {\r\n  const { isInDevelopmentMode } = useDataManager();\r\n  const [activeTab, setActiveTab] = useState(0);\r\n  const { formatMessage } = useIntl();\r\n\r\n  const toggle = (tab: number) => {\r\n    if (activeTab !== tab) {\r\n      setActiveTab(tab);\r\n    }\r\n  };\r\n\r\n  const handleClickAdd = () => {\r\n    addComponent(name);\r\n  };\r\n\r\n  return (\r\n    <ComponentRow className=\"dynamiczone-row\" $isFromDynamicZone>\r\n      <Box>\r\n        <Box padding={2} paddingLeft=\"104px\">\r\n          <Flex role=\"tablist\" gap={2} wrap=\"wrap\">\r\n            {isInDevelopmentMode && (\r\n              <button\r\n                type=\"button\"\r\n                onClick={handleClickAdd}\r\n                disabled={disabled}\r\n                style={{\r\n                  cursor: disabled ? 'not-allowed' : 'pointer',\r\n                }}\r\n              >\r\n                <ComponentStack direction=\"column\" alignItems=\"stretch\" gap={1}>\r\n                  <StyledAddIcon disabled={disabled} />\r\n                  <Typography\r\n                    variant=\"pi\"\r\n                    fontWeight=\"bold\"\r\n                    textColor={disabled ? 'neutral600' : 'primary600'}\r\n                  >\r\n                    {formatMessage({\r\n                      id: getTrad('button.component.add'),\r\n                      defaultMessage: 'Add a component',\r\n                    })}\r\n                  </Typography>\r\n                </ComponentStack>\r\n              </button>\r\n            )}\r\n            {components.map((component, index) => {\r\n              return (\r\n                <ComponentCard\r\n                  key={component}\r\n                  dzName={name || ''}\r\n                  index={index}\r\n                  component={component}\r\n                  isActive={activeTab === index}\r\n                  isInDevelopmentMode={isInDevelopmentMode}\r\n                  onClick={() => toggle(index)}\r\n                  forTarget={forTarget}\r\n                  targetUid={targetUid}\r\n                  disabled={disabled}\r\n                />\r\n              );\r\n            })}\r\n          </Flex>\r\n        </Box>\r\n        <Box>\r\n          {components.map((component, index) => {\r\n            return (\r\n              <Box\r\n                id={`dz-${name}-panel-${index}`}\r\n                role=\"tabpanel\"\r\n                aria-labelledby={`dz-${name}-tab-${index}`}\r\n                key={component}\r\n                style={{ display: activeTab === index ? 'block' : 'none' }}\r\n              >\r\n                <ComponentList isFromDynamicZone component={component} key={component} />\r\n              </Box>\r\n            );\r\n          })}\r\n        </Box>\r\n      </Box>\r\n    </ComponentRow>\r\n  );\r\n};\r\n"],"names":["StyledAddIcon","styled","Plus","theme","disabled","colors","neutral100","primary100","neutral600","primary600","ComponentStack","Flex","DynamicZoneList","components","addComponent","name","forTarget","targetUid","isInDevelopmentMode","useDataManager","activeTab","setActiveTab","useState","formatMessage","useIntl","toggle","tab","handleClickAdd","_jsx","ComponentRow","className","$isFromDynamicZone","_jsxs","Box","padding","paddingLeft","role","gap","wrap","button","type","onClick","style","cursor","direction","alignItems","Typography","variant","fontWeight","textColor","id","getTrad","defaultMessage","map","component","index","ComponentCard","dzName","isActive","aria-labelledby","display","ComponentList","isFromDynamicZone"],"mappings":"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"}

package/dist/admin/components/ExitPrompt.js

@@ -0,0 +1,50 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+var reactRouterDom = require('react-router-dom');
+var useDataManager = require('./DataManager/useDataManager.js');
+var getTrad = require('../utils/getTrad.js');
+
+const ExitPrompt = ()=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const { isModified, isSaving } = useDataManager.useDataManager();
+    const confirmationMessage = formatMessage({
+        id: getTrad.getTrad('prompt.unsaved'),
+        defaultMessage: 'Are you sure you want to leave? All your modifications will be lost.'
+    });
+    const blocker = reactRouterDom.useBlocker((ctx)=>{
+        return ctx.currentLocation.pathname.startsWith('/plugins/content-type-builder/') && !ctx.nextLocation.pathname.startsWith('/plugins/content-type-builder/') && isModified;
+    });
+    React.useEffect(()=>{
+        const handleBeforeUnload = (event)=>{
+            if (isModified && !isSaving) {
+                event.preventDefault();
+                event.returnValue = '';
+            }
+        };
+        window.addEventListener('beforeunload', handleBeforeUnload);
+        return ()=>window.removeEventListener('beforeunload', handleBeforeUnload);
+    }, [
+        confirmationMessage,
+        isModified,
+        isSaving
+    ]);
+    if (blocker.state === 'blocked') {
+        return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Dialog.Root, {
+            open: true,
+            onOpenChange: ()=>blocker.reset(),
+            children: /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.ConfirmDialog, {
+                onConfirm: ()=>blocker.proceed(),
+                children: confirmationMessage
+            })
+        });
+    }
+    return null;
+};
+
+exports.ExitPrompt = ExitPrompt;
+//# sourceMappingURL=ExitPrompt.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExitPrompt.js","sources":["../../../admin/src/components/ExitPrompt.tsx"],"sourcesContent":["import { useEffect } from 'react';\r\n\r\nimport { ConfirmDialog } from '@strapi/admin/strapi-admin';\r\nimport { Dialog } from '@strapi/design-system';\r\nimport { useIntl } from 'react-intl';\r\nimport { useBlocker } from 'react-router-dom';\r\n\r\nimport { useDataManager } from '../components/DataManager/useDataManager';\r\nimport { getTrad } from '../utils/getTrad';\r\n\r\nexport const ExitPrompt = () => {\r\n  const { formatMessage } = useIntl();\r\n  const { isModified, isSaving } = useDataManager();\r\n\r\n  const confirmationMessage = formatMessage({\r\n    id: getTrad('prompt.unsaved'),\r\n    defaultMessage: 'Are you sure you want to leave? All your modifications will be lost.',\r\n  });\r\n\r\n  const blocker = useBlocker((ctx) => {\r\n    return (\r\n      ctx.currentLocation.pathname.startsWith('/plugins/content-type-builder/') &&\r\n      !ctx.nextLocation.pathname.startsWith('/plugins/content-type-builder/') &&\r\n      isModified\r\n    );\r\n  });\r\n\r\n  useEffect(() => {\r\n    const handleBeforeUnload = (event: BeforeUnloadEvent) => {\r\n      if (isModified && !isSaving) {\r\n        event.preventDefault();\r\n        event.returnValue = '';\r\n      }\r\n    };\r\n\r\n    window.addEventListener('beforeunload', handleBeforeUnload);\r\n    return () => window.removeEventListener('beforeunload', handleBeforeUnload);\r\n  }, [confirmationMessage, isModified, isSaving]);\r\n\r\n  if (blocker.state === 'blocked') {\r\n    return (\r\n      <Dialog.Root open onOpenChange={() => blocker.reset()}>\r\n        <ConfirmDialog onConfirm={() => blocker.proceed()}>{confirmationMessage}</ConfirmDialog>\r\n      </Dialog.Root>\r\n    );\r\n  }\r\n\r\n  return null;\r\n};\r\n"],"names":["ExitPrompt","formatMessage","useIntl","isModified","isSaving","useDataManager","confirmationMessage","id","getTrad","defaultMessage","blocker","useBlocker","ctx","currentLocation","pathname","startsWith","nextLocation","useEffect","handleBeforeUnload","event","preventDefault","returnValue","window","addEventListener","removeEventListener","state","_jsx","Dialog","Root","open","onOpenChange","reset","ConfirmDialog","onConfirm","proceed"],"mappings":";;;;;;;;;;;MAUaA,UAAAA,GAAa,IAAA;IACxB,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGC,6BAAAA,EAAAA;AAEjC,IAAA,MAAMC,sBAAsBL,aAAAA,CAAc;AACxCM,QAAAA,EAAAA,EAAIC,eAAAA,CAAQ,gBAAA,CAAA;QACZC,cAAAA,EAAgB;AAClB,KAAA,CAAA;IAEA,MAAMC,OAAAA,GAAUC,0BAAW,CAACC,GAAAA,GAAAA;AAC1B,QAAA,OACEA,IAAIC,eAAe,CAACC,QAAQ,CAACC,UAAU,CAAC,gCAAA,CAAA,IACxC,CAACH,GAAAA,CAAII,YAAY,CAACF,QAAQ,CAACC,UAAU,CAAC,gCAAA,CAAA,IACtCZ,UAAAA;AAEJ,IAAA,CAAA,CAAA;IAEAc,eAAAA,CAAU,IAAA;AACR,QAAA,MAAMC,qBAAqB,CAACC,KAAAA,GAAAA;YAC1B,IAAIhB,UAAAA,IAAc,CAACC,QAAAA,EAAU;AAC3Be,gBAAAA,KAAAA,CAAMC,cAAc,EAAA;AACpBD,gBAAAA,KAAAA,CAAME,WAAW,GAAG,EAAA;AACtB,YAAA;AACF,QAAA,CAAA;QAEAC,MAAAA,CAAOC,gBAAgB,CAAC,cAAA,EAAgBL,kBAAAA,CAAAA;AACxC,QAAA,OAAO,IAAMI,MAAAA,CAAOE,mBAAmB,CAAC,cAAA,EAAgBN,kBAAAA,CAAAA;IAC1D,CAAA,EAAG;AAACZ,QAAAA,mBAAAA;AAAqBH,QAAAA,UAAAA;AAAYC,QAAAA;AAAS,KAAA,CAAA;IAE9C,IAAIM,OAAAA,CAAQe,KAAK,KAAK,SAAA,EAAW;QAC/B,qBACEC,cAAA,CAACC,oBAAOC,IAAI,EAAA;YAACC,IAAI,EAAA,IAAA;YAACC,YAAAA,EAAc,IAAMpB,QAAQqB,KAAK,EAAA;AACjD,YAAA,QAAA,gBAAAL,cAAA,CAACM,yBAAAA,EAAAA;gBAAcC,SAAAA,EAAW,IAAMvB,QAAQwB,OAAO,EAAA;AAAK5B,gBAAAA,QAAAA,EAAAA;;;AAG1D,IAAA;IAEA,OAAO,IAAA;AACT;;;;"}

package/dist/admin/components/ExitPrompt.mjs

@@ -0,0 +1,48 @@
+import { jsx } from 'react/jsx-runtime';
+import { useEffect } from 'react';
+import { ConfirmDialog } from '@strapi/admin/strapi-admin';
+import { Dialog } from '@strapi/design-system';
+import { useIntl } from 'react-intl';
+import { useBlocker } from 'react-router-dom';
+import { useDataManager } from './DataManager/useDataManager.mjs';
+import { getTrad } from '../utils/getTrad.mjs';
+
+const ExitPrompt = ()=>{
+    const { formatMessage } = useIntl();
+    const { isModified, isSaving } = useDataManager();
+    const confirmationMessage = formatMessage({
+        id: getTrad('prompt.unsaved'),
+        defaultMessage: 'Are you sure you want to leave? All your modifications will be lost.'
+    });
+    const blocker = useBlocker((ctx)=>{
+        return ctx.currentLocation.pathname.startsWith('/plugins/content-type-builder/') && !ctx.nextLocation.pathname.startsWith('/plugins/content-type-builder/') && isModified;
+    });
+    useEffect(()=>{
+        const handleBeforeUnload = (event)=>{
+            if (isModified && !isSaving) {
+                event.preventDefault();
+                event.returnValue = '';
+            }
+        };
+        window.addEventListener('beforeunload', handleBeforeUnload);
+        return ()=>window.removeEventListener('beforeunload', handleBeforeUnload);
+    }, [
+        confirmationMessage,
+        isModified,
+        isSaving
+    ]);
+    if (blocker.state === 'blocked') {
+        return /*#__PURE__*/ jsx(Dialog.Root, {
+            open: true,
+            onOpenChange: ()=>blocker.reset(),
+            children: /*#__PURE__*/ jsx(ConfirmDialog, {
+                onConfirm: ()=>blocker.proceed(),
+                children: confirmationMessage
+            })
+        });
+    }
+    return null;
+};
+
+export { ExitPrompt };
+//# sourceMappingURL=ExitPrompt.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExitPrompt.mjs","sources":["../../../admin/src/components/ExitPrompt.tsx"],"sourcesContent":["import { useEffect } from 'react';\r\n\r\nimport { ConfirmDialog } from '@strapi/admin/strapi-admin';\r\nimport { Dialog } from '@strapi/design-system';\r\nimport { useIntl } from 'react-intl';\r\nimport { useBlocker } from 'react-router-dom';\r\n\r\nimport { useDataManager } from '../components/DataManager/useDataManager';\r\nimport { getTrad } from '../utils/getTrad';\r\n\r\nexport const ExitPrompt = () => {\r\n  const { formatMessage } = useIntl();\r\n  const { isModified, isSaving } = useDataManager();\r\n\r\n  const confirmationMessage = formatMessage({\r\n    id: getTrad('prompt.unsaved'),\r\n    defaultMessage: 'Are you sure you want to leave? All your modifications will be lost.',\r\n  });\r\n\r\n  const blocker = useBlocker((ctx) => {\r\n    return (\r\n      ctx.currentLocation.pathname.startsWith('/plugins/content-type-builder/') &&\r\n      !ctx.nextLocation.pathname.startsWith('/plugins/content-type-builder/') &&\r\n      isModified\r\n    );\r\n  });\r\n\r\n  useEffect(() => {\r\n    const handleBeforeUnload = (event: BeforeUnloadEvent) => {\r\n      if (isModified && !isSaving) {\r\n        event.preventDefault();\r\n        event.returnValue = '';\r\n      }\r\n    };\r\n\r\n    window.addEventListener('beforeunload', handleBeforeUnload);\r\n    return () => window.removeEventListener('beforeunload', handleBeforeUnload);\r\n  }, [confirmationMessage, isModified, isSaving]);\r\n\r\n  if (blocker.state === 'blocked') {\r\n    return (\r\n      <Dialog.Root open onOpenChange={() => blocker.reset()}>\r\n        <ConfirmDialog onConfirm={() => blocker.proceed()}>{confirmationMessage}</ConfirmDialog>\r\n      </Dialog.Root>\r\n    );\r\n  }\r\n\r\n  return null;\r\n};\r\n"],"names":["ExitPrompt","formatMessage","useIntl","isModified","isSaving","useDataManager","confirmationMessage","id","getTrad","defaultMessage","blocker","useBlocker","ctx","currentLocation","pathname","startsWith","nextLocation","useEffect","handleBeforeUnload","event","preventDefault","returnValue","window","addEventListener","removeEventListener","state","_jsx","Dialog","Root","open","onOpenChange","reset","ConfirmDialog","onConfirm","proceed"],"mappings":";;;;;;;;;MAUaA,UAAAA,GAAa,IAAA;IACxB,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGC,cAAAA,EAAAA;AAEjC,IAAA,MAAMC,sBAAsBL,aAAAA,CAAc;AACxCM,QAAAA,EAAAA,EAAIC,OAAAA,CAAQ,gBAAA,CAAA;QACZC,cAAAA,EAAgB;AAClB,KAAA,CAAA;IAEA,MAAMC,OAAAA,GAAUC,WAAW,CAACC,GAAAA,GAAAA;AAC1B,QAAA,OACEA,IAAIC,eAAe,CAACC,QAAQ,CAACC,UAAU,CAAC,gCAAA,CAAA,IACxC,CAACH,GAAAA,CAAII,YAAY,CAACF,QAAQ,CAACC,UAAU,CAAC,gCAAA,CAAA,IACtCZ,UAAAA;AAEJ,IAAA,CAAA,CAAA;IAEAc,SAAAA,CAAU,IAAA;AACR,QAAA,MAAMC,qBAAqB,CAACC,KAAAA,GAAAA;YAC1B,IAAIhB,UAAAA,IAAc,CAACC,QAAAA,EAAU;AAC3Be,gBAAAA,KAAAA,CAAMC,cAAc,EAAA;AACpBD,gBAAAA,KAAAA,CAAME,WAAW,GAAG,EAAA;AACtB,YAAA;AACF,QAAA,CAAA;QAEAC,MAAAA,CAAOC,gBAAgB,CAAC,cAAA,EAAgBL,kBAAAA,CAAAA;AACxC,QAAA,OAAO,IAAMI,MAAAA,CAAOE,mBAAmB,CAAC,cAAA,EAAgBN,kBAAAA,CAAAA;IAC1D,CAAA,EAAG;AAACZ,QAAAA,mBAAAA;AAAqBH,QAAAA,UAAAA;AAAYC,QAAAA;AAAS,KAAA,CAAA;IAE9C,IAAIM,OAAAA,CAAQe,KAAK,KAAK,SAAA,EAAW;QAC/B,qBACEC,GAAA,CAACC,OAAOC,IAAI,EAAA;YAACC,IAAI,EAAA,IAAA;YAACC,YAAAA,EAAc,IAAMpB,QAAQqB,KAAK,EAAA;AACjD,YAAA,QAAA,gBAAAL,GAAA,CAACM,aAAAA,EAAAA;gBAAcC,SAAAA,EAAW,IAAMvB,QAAQwB,OAAO,EAAA;AAAK5B,gBAAAA,QAAAA,EAAAA;;;AAG1D,IAAA;IAEA,OAAO,IAAA;AACT;;;;"}

package/dist/admin/components/Footers.js

@@ -0,0 +1,95 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var styledComponents = require('styled-components');
+
+const IconBox = styledComponents.styled(designSystem.Box)`
+  height: 2.4rem;
+  width: 2.4rem;
+  border-radius: 50%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  svg {
+    height: 1rem;
+    width: 1rem;
+  }
+
+  svg path {
+    fill: ${({ theme, color })=>theme.colors[`${color}600`]};
+  }
+`;
+const ButtonBox = styledComponents.styled(designSystem.Box)`
+  border-radius: 0 0 ${({ theme })=>theme.borderRadius} ${({ theme })=>theme.borderRadius};
+  display: block;
+  width: 100%;
+  border: none;
+  position: relative;
+`;
+const NestedTFooter = ({ children, icon, color, ...props })=>{
+    return /*#__PURE__*/ jsxRuntime.jsx(ButtonBox, {
+        paddingBottom: 4,
+        paddingTop: 4,
+        paddingLeft: "6rem",
+        tag: "button",
+        type: "button",
+        ...props,
+        children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(IconBox, {
+                    color: color,
+                    "aria-hidden": true,
+                    background: `${color}200`,
+                    children: icon
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                    paddingLeft: 3,
+                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                        variant: "pi",
+                        fontWeight: "bold",
+                        textColor: `${color}600`,
+                        children: children
+                    })
+                })
+            ]
+        })
+    });
+};
+const TFooter = ({ children, icon, color, ...props })=>{
+    return /*#__PURE__*/ jsxRuntime.jsxs("div", {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Divider, {}),
+            /*#__PURE__*/ jsxRuntime.jsx(ButtonBox, {
+                tag: "button",
+                background: `${color}100`,
+                padding: 5,
+                ...props,
+                children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(IconBox, {
+                            color: color,
+                            "aria-hidden": true,
+                            background: `${color}200`,
+                            children: icon
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                            paddingLeft: 3,
+                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                variant: "pi",
+                                fontWeight: "bold",
+                                textColor: `${color}600`,
+                                children: children
+                            })
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+};
+
+exports.NestedTFooter = NestedTFooter;
+exports.TFooter = TFooter;
+//# sourceMappingURL=Footers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Footers.js","sources":["../../../admin/src/components/Footers.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\r\n\r\nimport { Box, Divider, Flex, TFooterProps, Typography } from '@strapi/design-system';\r\nimport { styled } from 'styled-components';\r\n\r\nconst IconBox = styled(Box)`\r\n  height: 2.4rem;\r\n  width: 2.4rem;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n\r\n  svg {\r\n    height: 1rem;\r\n    width: 1rem;\r\n  }\r\n\r\n  svg path {\r\n    fill: ${({ theme, color }) => theme.colors[`${color}600` as keyof typeof theme.colors]};\r\n  }\r\n`;\r\n\r\nconst ButtonBox = styled(Box)`\r\n  border-radius: 0 0 ${({ theme }) => theme.borderRadius} ${({ theme }) => theme.borderRadius};\r\n  display: block;\r\n  width: 100%;\r\n  border: none;\r\n  position: relative;\r\n`;\r\n\r\ninterface NestedTFooterProps extends TFooterProps {\r\n  color: string;\r\n  children: ReactNode;\r\n  icon: ReactNode;\r\n  onClick?: () => void;\r\n}\r\n\r\nexport const NestedTFooter = ({ children, icon, color, ...props }: NestedTFooterProps) => {\r\n  return (\r\n    <ButtonBox\r\n      paddingBottom={4}\r\n      paddingTop={4}\r\n      paddingLeft=\"6rem\"\r\n      tag=\"button\"\r\n      type=\"button\"\r\n      {...props}\r\n    >\r\n      <Flex>\r\n        <IconBox color={color} aria-hidden background={`${color}200`}>\r\n          {icon}\r\n        </IconBox>\r\n        <Box paddingLeft={3}>\r\n          <Typography variant=\"pi\" fontWeight=\"bold\" textColor={`${color}600`}>\r\n            {children}\r\n          </Typography>\r\n        </Box>\r\n      </Flex>\r\n    </ButtonBox>\r\n  );\r\n};\r\n\r\nexport const TFooter = ({ children, icon, color, ...props }: TFooterProps & { color: string }) => {\r\n  return (\r\n    <div>\r\n      <Divider />\r\n      <ButtonBox tag=\"button\" background={`${color}100`} padding={5} {...props}>\r\n        <Flex>\r\n          <IconBox color={color} aria-hidden background={`${color}200`}>\r\n            {icon}\r\n          </IconBox>\r\n          <Box paddingLeft={3}>\r\n            <Typography variant=\"pi\" fontWeight=\"bold\" textColor={`${color}600`}>\r\n              {children}\r\n            </Typography>\r\n          </Box>\r\n        </Flex>\r\n      </ButtonBox>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["IconBox","styled","Box","theme","color","colors","ButtonBox","borderRadius","NestedTFooter","children","icon","props","_jsx","paddingBottom","paddingTop","paddingLeft","tag","type","_jsxs","Flex","aria-hidden","background","Typography","variant","fontWeight","textColor","TFooter","div","Divider","padding"],"mappings":";;;;;;AAKA,MAAMA,OAAAA,GAAUC,uBAAAA,CAAOC,gBAAAA,CAAI,CAAC;;;;;;;;;;;;;;AAclB,UAAA,EAAE,CAAC,EAAEC,KAAK,EAAEC,KAAK,EAAE,GAAKD,KAAAA,CAAME,MAAM,CAAC,CAAA,EAAGD,KAAAA,CAAM,GAAG,CAAC,CAA8B,CAAC;;AAE3F,CAAC;AAED,MAAME,SAAAA,GAAYL,uBAAAA,CAAOC,gBAAAA,CAAI,CAAC;AACT,qBAAA,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,MAAMI,YAAY,CAAC,CAAC,EAAE,CAAC,EAAEJ,KAAK,EAAE,GAAKA,KAAAA,CAAMI,YAAY,CAAC;;;;;AAK9F,CAAC;AASM,MAAMC,aAAAA,GAAgB,CAAC,EAAEC,QAAQ,EAAEC,IAAI,EAAEN,KAAK,EAAE,GAAGO,KAAAA,EAA2B,GAAA;AACnF,IAAA,qBACEC,cAAA,CAACN,SAAAA,EAAAA;QACCO,aAAAA,EAAe,CAAA;QACfC,UAAAA,EAAY,CAAA;QACZC,WAAAA,EAAY,MAAA;QACZC,GAAAA,EAAI,QAAA;QACJC,IAAAA,EAAK,QAAA;AACJ,QAAA,GAAGN,KAAK;AAET,QAAA,QAAA,gBAAAO,eAAA,CAACC,iBAAAA,EAAAA;;8BACCP,cAAA,CAACZ,OAAAA,EAAAA;oBAAQI,KAAAA,EAAOA,KAAAA;oBAAOgB,aAAW,EAAA,IAAA;oBAACC,UAAAA,EAAY,CAAA,EAAGjB,KAAAA,CAAM,GAAG,CAAC;AACzDM,oBAAAA,QAAAA,EAAAA;;8BAEHE,cAAA,CAACV,gBAAAA,EAAAA;oBAAIa,WAAAA,EAAa,CAAA;AAChB,oBAAA,QAAA,gBAAAH,cAAA,CAACU,uBAAAA,EAAAA;wBAAWC,OAAAA,EAAQ,IAAA;wBAAKC,UAAAA,EAAW,MAAA;wBAAOC,SAAAA,EAAW,CAAA,EAAGrB,KAAAA,CAAM,GAAG,CAAC;AAChEK,wBAAAA,QAAAA,EAAAA;;;;;;AAMb;AAEO,MAAMiB,OAAAA,GAAU,CAAC,EAAEjB,QAAQ,EAAEC,IAAI,EAAEN,KAAK,EAAE,GAAGO,KAAAA,EAAyC,GAAA;AAC3F,IAAA,qBACEO,eAAA,CAACS,KAAAA,EAAAA;;0BACCf,cAAA,CAACgB,oBAAAA,EAAAA,EAAAA,CAAAA;0BACDhB,cAAA,CAACN,SAAAA,EAAAA;gBAAUU,GAAAA,EAAI,QAAA;gBAASK,UAAAA,EAAY,CAAA,EAAGjB,KAAAA,CAAM,GAAG,CAAC;gBAAEyB,OAAAA,EAAS,CAAA;AAAI,gBAAA,GAAGlB,KAAK;AACtE,gBAAA,QAAA,gBAAAO,eAAA,CAACC,iBAAAA,EAAAA;;sCACCP,cAAA,CAACZ,OAAAA,EAAAA;4BAAQI,KAAAA,EAAOA,KAAAA;4BAAOgB,aAAW,EAAA,IAAA;4BAACC,UAAAA,EAAY,CAAA,EAAGjB,KAAAA,CAAM,GAAG,CAAC;AACzDM,4BAAAA,QAAAA,EAAAA;;sCAEHE,cAAA,CAACV,gBAAAA,EAAAA;4BAAIa,WAAAA,EAAa,CAAA;AAChB,4BAAA,QAAA,gBAAAH,cAAA,CAACU,uBAAAA,EAAAA;gCAAWC,OAAAA,EAAQ,IAAA;gCAAKC,UAAAA,EAAW,MAAA;gCAAOC,SAAAA,EAAW,CAAA,EAAGrB,KAAAA,CAAM,GAAG,CAAC;AAChEK,gCAAAA,QAAAA,EAAAA;;;;;;;;AAOf;;;;;"}

package/dist/admin/components/Footers.mjs

@@ -0,0 +1,92 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Divider, Flex, Box, Typography } from '@strapi/design-system';
+import { styled } from 'styled-components';
+
+const IconBox = styled(Box)`
+  height: 2.4rem;
+  width: 2.4rem;
+  border-radius: 50%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  svg {
+    height: 1rem;
+    width: 1rem;
+  }
+
+  svg path {
+    fill: ${({ theme, color })=>theme.colors[`${color}600`]};
+  }
+`;
+const ButtonBox = styled(Box)`
+  border-radius: 0 0 ${({ theme })=>theme.borderRadius} ${({ theme })=>theme.borderRadius};
+  display: block;
+  width: 100%;
+  border: none;
+  position: relative;
+`;
+const NestedTFooter = ({ children, icon, color, ...props })=>{
+    return /*#__PURE__*/ jsx(ButtonBox, {
+        paddingBottom: 4,
+        paddingTop: 4,
+        paddingLeft: "6rem",
+        tag: "button",
+        type: "button",
+        ...props,
+        children: /*#__PURE__*/ jsxs(Flex, {
+            children: [
+                /*#__PURE__*/ jsx(IconBox, {
+                    color: color,
+                    "aria-hidden": true,
+                    background: `${color}200`,
+                    children: icon
+                }),
+                /*#__PURE__*/ jsx(Box, {
+                    paddingLeft: 3,
+                    children: /*#__PURE__*/ jsx(Typography, {
+                        variant: "pi",
+                        fontWeight: "bold",
+                        textColor: `${color}600`,
+                        children: children
+                    })
+                })
+            ]
+        })
+    });
+};
+const TFooter = ({ children, icon, color, ...props })=>{
+    return /*#__PURE__*/ jsxs("div", {
+        children: [
+            /*#__PURE__*/ jsx(Divider, {}),
+            /*#__PURE__*/ jsx(ButtonBox, {
+                tag: "button",
+                background: `${color}100`,
+                padding: 5,
+                ...props,
+                children: /*#__PURE__*/ jsxs(Flex, {
+                    children: [
+                        /*#__PURE__*/ jsx(IconBox, {
+                            color: color,
+                            "aria-hidden": true,
+                            background: `${color}200`,
+                            children: icon
+                        }),
+                        /*#__PURE__*/ jsx(Box, {
+                            paddingLeft: 3,
+                            children: /*#__PURE__*/ jsx(Typography, {
+                                variant: "pi",
+                                fontWeight: "bold",
+                                textColor: `${color}600`,
+                                children: children
+                            })
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+};
+
+export { NestedTFooter, TFooter };
+//# sourceMappingURL=Footers.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Footers.mjs","sources":["../../../admin/src/components/Footers.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\r\n\r\nimport { Box, Divider, Flex, TFooterProps, Typography } from '@strapi/design-system';\r\nimport { styled } from 'styled-components';\r\n\r\nconst IconBox = styled(Box)`\r\n  height: 2.4rem;\r\n  width: 2.4rem;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n\r\n  svg {\r\n    height: 1rem;\r\n    width: 1rem;\r\n  }\r\n\r\n  svg path {\r\n    fill: ${({ theme, color }) => theme.colors[`${color}600` as keyof typeof theme.colors]};\r\n  }\r\n`;\r\n\r\nconst ButtonBox = styled(Box)`\r\n  border-radius: 0 0 ${({ theme }) => theme.borderRadius} ${({ theme }) => theme.borderRadius};\r\n  display: block;\r\n  width: 100%;\r\n  border: none;\r\n  position: relative;\r\n`;\r\n\r\ninterface NestedTFooterProps extends TFooterProps {\r\n  color: string;\r\n  children: ReactNode;\r\n  icon: ReactNode;\r\n  onClick?: () => void;\r\n}\r\n\r\nexport const NestedTFooter = ({ children, icon, color, ...props }: NestedTFooterProps) => {\r\n  return (\r\n    <ButtonBox\r\n      paddingBottom={4}\r\n      paddingTop={4}\r\n      paddingLeft=\"6rem\"\r\n      tag=\"button\"\r\n      type=\"button\"\r\n      {...props}\r\n    >\r\n      <Flex>\r\n        <IconBox color={color} aria-hidden background={`${color}200`}>\r\n          {icon}\r\n        </IconBox>\r\n        <Box paddingLeft={3}>\r\n          <Typography variant=\"pi\" fontWeight=\"bold\" textColor={`${color}600`}>\r\n            {children}\r\n          </Typography>\r\n        </Box>\r\n      </Flex>\r\n    </ButtonBox>\r\n  );\r\n};\r\n\r\nexport const TFooter = ({ children, icon, color, ...props }: TFooterProps & { color: string }) => {\r\n  return (\r\n    <div>\r\n      <Divider />\r\n      <ButtonBox tag=\"button\" background={`${color}100`} padding={5} {...props}>\r\n        <Flex>\r\n          <IconBox color={color} aria-hidden background={`${color}200`}>\r\n            {icon}\r\n          </IconBox>\r\n          <Box paddingLeft={3}>\r\n            <Typography variant=\"pi\" fontWeight=\"bold\" textColor={`${color}600`}>\r\n              {children}\r\n            </Typography>\r\n          </Box>\r\n        </Flex>\r\n      </ButtonBox>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["IconBox","styled","Box","theme","color","colors","ButtonBox","borderRadius","NestedTFooter","children","icon","props","_jsx","paddingBottom","paddingTop","paddingLeft","tag","type","_jsxs","Flex","aria-hidden","background","Typography","variant","fontWeight","textColor","TFooter","div","Divider","padding"],"mappings":";;;;AAKA,MAAMA,OAAAA,GAAUC,MAAAA,CAAOC,GAAAA,CAAI,CAAC;;;;;;;;;;;;;;AAclB,UAAA,EAAE,CAAC,EAAEC,KAAK,EAAEC,KAAK,EAAE,GAAKD,KAAAA,CAAME,MAAM,CAAC,CAAA,EAAGD,KAAAA,CAAM,GAAG,CAAC,CAA8B,CAAC;;AAE3F,CAAC;AAED,MAAME,SAAAA,GAAYL,MAAAA,CAAOC,GAAAA,CAAI,CAAC;AACT,qBAAA,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,MAAMI,YAAY,CAAC,CAAC,EAAE,CAAC,EAAEJ,KAAK,EAAE,GAAKA,KAAAA,CAAMI,YAAY,CAAC;;;;;AAK9F,CAAC;AASM,MAAMC,aAAAA,GAAgB,CAAC,EAAEC,QAAQ,EAAEC,IAAI,EAAEN,KAAK,EAAE,GAAGO,KAAAA,EAA2B,GAAA;AACnF,IAAA,qBACEC,GAAA,CAACN,SAAAA,EAAAA;QACCO,aAAAA,EAAe,CAAA;QACfC,UAAAA,EAAY,CAAA;QACZC,WAAAA,EAAY,MAAA;QACZC,GAAAA,EAAI,QAAA;QACJC,IAAAA,EAAK,QAAA;AACJ,QAAA,GAAGN,KAAK;AAET,QAAA,QAAA,gBAAAO,IAAA,CAACC,IAAAA,EAAAA;;8BACCP,GAAA,CAACZ,OAAAA,EAAAA;oBAAQI,KAAAA,EAAOA,KAAAA;oBAAOgB,aAAW,EAAA,IAAA;oBAACC,UAAAA,EAAY,CAAA,EAAGjB,KAAAA,CAAM,GAAG,CAAC;AACzDM,oBAAAA,QAAAA,EAAAA;;8BAEHE,GAAA,CAACV,GAAAA,EAAAA;oBAAIa,WAAAA,EAAa,CAAA;AAChB,oBAAA,QAAA,gBAAAH,GAAA,CAACU,UAAAA,EAAAA;wBAAWC,OAAAA,EAAQ,IAAA;wBAAKC,UAAAA,EAAW,MAAA;wBAAOC,SAAAA,EAAW,CAAA,EAAGrB,KAAAA,CAAM,GAAG,CAAC;AAChEK,wBAAAA,QAAAA,EAAAA;;;;;;AAMb;AAEO,MAAMiB,OAAAA,GAAU,CAAC,EAAEjB,QAAQ,EAAEC,IAAI,EAAEN,KAAK,EAAE,GAAGO,KAAAA,EAAyC,GAAA;AAC3F,IAAA,qBACEO,IAAA,CAACS,KAAAA,EAAAA;;0BACCf,GAAA,CAACgB,OAAAA,EAAAA,EAAAA,CAAAA;0BACDhB,GAAA,CAACN,SAAAA,EAAAA;gBAAUU,GAAAA,EAAI,QAAA;gBAASK,UAAAA,EAAY,CAAA,EAAGjB,KAAAA,CAAM,GAAG,CAAC;gBAAEyB,OAAAA,EAAS,CAAA;AAAI,gBAAA,GAAGlB,KAAK;AACtE,gBAAA,QAAA,gBAAAO,IAAA,CAACC,IAAAA,EAAAA;;sCACCP,GAAA,CAACZ,OAAAA,EAAAA;4BAAQI,KAAAA,EAAOA,KAAAA;4BAAOgB,aAAW,EAAA,IAAA;4BAACC,UAAAA,EAAY,CAAA,EAAGjB,KAAAA,CAAM,GAAG,CAAC;AACzDM,4BAAAA,QAAAA,EAAAA;;sCAEHE,GAAA,CAACV,GAAAA,EAAAA;4BAAIa,WAAAA,EAAa,CAAA;AAChB,4BAAA,QAAA,gBAAAH,GAAA,CAACU,UAAAA,EAAAA;gCAAWC,OAAAA,EAAQ,IAAA;gCAAKC,UAAAA,EAAW,MAAA;gCAAOC,SAAAA,EAAW,CAAA,EAAGrB,KAAAA,CAAM,GAAG,CAAC;AAChEK,gCAAAA,QAAAA,EAAAA;;;;;;;;AAOf;;;;"}