@strapi/content-type-builder 5.12.1 → 5.12.3

package/dist/admin/components/BooleanDefaultValueSelect.js

@@ -0,0 +1,54 @@
+'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)=>{
+        let nextValue = '';
+        if (value === 'true') {
+            nextValue = true;
+        }
+        if (value === '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';\nimport { useIntl } from 'react-intl';\n\nimport { IntlLabel } from '../types';\n\ninterface Metadata {\n  intlLabel: IntlLabel;\n  disabled?: boolean;\n  hidden?: boolean;\n}\n\ninterface Option {\n  metadatas: Metadata;\n  key: string | number;\n  value: string | number;\n}\n\ninterface BooleanDefaultValueSelectProps {\n  intlLabel: IntlLabel;\n  name: string;\n  onChange: (value: any) => void;\n  options: Option[];\n  value?: any;\n}\n\nexport const BooleanDefaultValueSelect = ({\n  intlLabel,\n  name,\n  options,\n  onChange,\n  value = null,\n}: BooleanDefaultValueSelectProps) => {\n  const { formatMessage } = useIntl();\n  const label = intlLabel.id\n    ? formatMessage(\n        { id: intlLabel.id, defaultMessage: intlLabel.defaultMessage },\n        { ...intlLabel.values }\n      )\n    : name;\n\n  const handleChange = (value: any) => {\n    let nextValue: boolean | string = '';\n\n    if (value === 'true') {\n      nextValue = true;\n    }\n\n    if (value === 'false') {\n      nextValue = false;\n    }\n\n    onChange({ target: { name, value: nextValue, type: 'select-default-boolean' } });\n  };\n\n  return (\n    <Field.Root name={name}>\n      <Field.Label>{label}</Field.Label>\n      <SingleSelect onChange={handleChange} value={(value === null ? '' : value).toString()}>\n        {options.map(({ metadatas: { intlLabel, disabled, hidden }, key, value }) => {\n          return (\n            <SingleSelectOption key={key} value={value} disabled={disabled} hidden={hidden}>\n              {/* No need to translate the options */}\n              {intlLabel.defaultMessage}\n            </SingleSelectOption>\n          );\n        })}\n      </SingleSelect>\n    </Field.Root>\n  );\n};\n"],"names":["BooleanDefaultValueSelect","intlLabel","name","options","onChange","value","formatMessage","useIntl","label","id","defaultMessage","values","handleChange","nextValue","target","type","_jsxs","Field","Root","_jsx","Label","SingleSelect","toString","map","metadatas","disabled","hidden","key","SingleSelectOption"],"mappings":";;;;;;AAyBaA,MAAAA,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,KAAQP,GAAAA,SAAAA,CAAUQ,EAAE,GACtBH,aACE,CAAA;AAAEG,QAAAA,EAAAA,EAAIR,UAAUQ,EAAE;AAAEC,QAAAA,cAAAA,EAAgBT,UAAUS;KAC9C,EAAA;AAAE,QAAA,GAAGT,UAAUU;KAEjBT,CAAAA,GAAAA,IAAAA;AAEJ,IAAA,MAAMU,eAAe,CAACP,KAAAA,GAAAA;AACpB,QAAA,IAAIQ,SAA8B,GAAA,EAAA;AAElC,QAAA,IAAIR,UAAU,MAAQ,EAAA;YACpBQ,SAAY,GAAA,IAAA;AACd;AAEA,QAAA,IAAIR,UAAU,OAAS,EAAA;YACrBQ,SAAY,GAAA,KAAA;AACd;QAEAT,QAAS,CAAA;YAAEU,MAAQ,EAAA;AAAEZ,gBAAAA,IAAAA;gBAAMG,KAAOQ,EAAAA,SAAAA;gBAAWE,IAAM,EAAA;AAAyB;AAAE,SAAA,CAAA;AAChF,KAAA;IAEA,qBACEC,eAAA,CAACC,mBAAMC,IAAI,EAAA;QAAChB,IAAMA,EAAAA,IAAAA;;AAChB,0BAAAiB,cAAA,CAACF,mBAAMG,KAAK,EAAA;AAAEZ,gBAAAA,QAAAA,EAAAA;;0BACdW,cAACE,CAAAA,yBAAAA,EAAAA;gBAAajB,QAAUQ,EAAAA,YAAAA;AAAcP,gBAAAA,KAAAA,EAAO,CAACA,KAAAA,KAAU,OAAO,EAAKA,GAAAA,KAAI,EAAGiB,QAAQ,EAAA;AAChFnB,gBAAAA,QAAAA,EAAAA,OAAAA,CAAQoB,GAAG,CAAC,CAAC,EAAEC,SAAAA,EAAW,EAAEvB,SAAS,EAAEwB,QAAQ,EAAEC,MAAM,EAAE,EAAEC,GAAG,EAAEtB,KAAK,EAAE,GAAA;AACtE,oBAAA,qBACEc,cAACS,CAAAA,+BAAAA,EAAAA;wBAA6BvB,KAAOA,EAAAA,KAAAA;wBAAOoB,QAAUA,EAAAA,QAAAA;wBAAUC,MAAQA,EAAAA,MAAAA;AAErEzB,wBAAAA,QAAAA,EAAAA,SAAAA,CAAUS;AAFYiB,qBAAAA,EAAAA,GAAAA,CAAAA;AAK7B,iBAAA;;;;AAIR;;;;"}

package/dist/admin/components/BooleanDefaultValueSelect.mjs

@@ -0,0 +1,52 @@
+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)=>{
+        let nextValue = '';
+        if (value === 'true') {
+            nextValue = true;
+        }
+        if (value === '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';\nimport { useIntl } from 'react-intl';\n\nimport { IntlLabel } from '../types';\n\ninterface Metadata {\n  intlLabel: IntlLabel;\n  disabled?: boolean;\n  hidden?: boolean;\n}\n\ninterface Option {\n  metadatas: Metadata;\n  key: string | number;\n  value: string | number;\n}\n\ninterface BooleanDefaultValueSelectProps {\n  intlLabel: IntlLabel;\n  name: string;\n  onChange: (value: any) => void;\n  options: Option[];\n  value?: any;\n}\n\nexport const BooleanDefaultValueSelect = ({\n  intlLabel,\n  name,\n  options,\n  onChange,\n  value = null,\n}: BooleanDefaultValueSelectProps) => {\n  const { formatMessage } = useIntl();\n  const label = intlLabel.id\n    ? formatMessage(\n        { id: intlLabel.id, defaultMessage: intlLabel.defaultMessage },\n        { ...intlLabel.values }\n      )\n    : name;\n\n  const handleChange = (value: any) => {\n    let nextValue: boolean | string = '';\n\n    if (value === 'true') {\n      nextValue = true;\n    }\n\n    if (value === 'false') {\n      nextValue = false;\n    }\n\n    onChange({ target: { name, value: nextValue, type: 'select-default-boolean' } });\n  };\n\n  return (\n    <Field.Root name={name}>\n      <Field.Label>{label}</Field.Label>\n      <SingleSelect onChange={handleChange} value={(value === null ? '' : value).toString()}>\n        {options.map(({ metadatas: { intlLabel, disabled, hidden }, key, value }) => {\n          return (\n            <SingleSelectOption key={key} value={value} disabled={disabled} hidden={hidden}>\n              {/* No need to translate the options */}\n              {intlLabel.defaultMessage}\n            </SingleSelectOption>\n          );\n        })}\n      </SingleSelect>\n    </Field.Root>\n  );\n};\n"],"names":["BooleanDefaultValueSelect","intlLabel","name","options","onChange","value","formatMessage","useIntl","label","id","defaultMessage","values","handleChange","nextValue","target","type","_jsxs","Field","Root","_jsx","Label","SingleSelect","toString","map","metadatas","disabled","hidden","key","SingleSelectOption"],"mappings":";;;;AAyBaA,MAAAA,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,KAAQP,GAAAA,SAAAA,CAAUQ,EAAE,GACtBH,aACE,CAAA;AAAEG,QAAAA,EAAAA,EAAIR,UAAUQ,EAAE;AAAEC,QAAAA,cAAAA,EAAgBT,UAAUS;KAC9C,EAAA;AAAE,QAAA,GAAGT,UAAUU;KAEjBT,CAAAA,GAAAA,IAAAA;AAEJ,IAAA,MAAMU,eAAe,CAACP,KAAAA,GAAAA;AACpB,QAAA,IAAIQ,SAA8B,GAAA,EAAA;AAElC,QAAA,IAAIR,UAAU,MAAQ,EAAA;YACpBQ,SAAY,GAAA,IAAA;AACd;AAEA,QAAA,IAAIR,UAAU,OAAS,EAAA;YACrBQ,SAAY,GAAA,KAAA;AACd;QAEAT,QAAS,CAAA;YAAEU,MAAQ,EAAA;AAAEZ,gBAAAA,IAAAA;gBAAMG,KAAOQ,EAAAA,SAAAA;gBAAWE,IAAM,EAAA;AAAyB;AAAE,SAAA,CAAA;AAChF,KAAA;IAEA,qBACEC,IAAA,CAACC,MAAMC,IAAI,EAAA;QAAChB,IAAMA,EAAAA,IAAAA;;AAChB,0BAAAiB,GAAA,CAACF,MAAMG,KAAK,EAAA;AAAEZ,gBAAAA,QAAAA,EAAAA;;0BACdW,GAACE,CAAAA,YAAAA,EAAAA;gBAAajB,QAAUQ,EAAAA,YAAAA;AAAcP,gBAAAA,KAAAA,EAAO,CAACA,KAAAA,KAAU,OAAO,EAAKA,GAAAA,KAAI,EAAGiB,QAAQ,EAAA;AAChFnB,gBAAAA,QAAAA,EAAAA,OAAAA,CAAQoB,GAAG,CAAC,CAAC,EAAEC,SAAAA,EAAW,EAAEvB,SAAS,EAAEwB,QAAQ,EAAEC,MAAM,EAAE,EAAEC,GAAG,EAAEtB,KAAK,EAAE,GAAA;AACtE,oBAAA,qBACEc,GAACS,CAAAA,kBAAAA,EAAAA;wBAA6BvB,KAAOA,EAAAA,KAAAA;wBAAOoB,QAAUA,EAAAA,QAAAA;wBAAUC,MAAQA,EAAAA,MAAAA;AAErEzB,wBAAAA,QAAAA,EAAAA,SAAAA,CAAUS;AAFYiB,qBAAAA,EAAAA,GAAAA,CAAAA;AAK7B,iBAAA;;;;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';\n\nimport { IntlLabel } from '../types';\n\nimport { CustomRadioGroup } from './CustomRadioGroup';\n\ninterface BooleanRadioGroupProps {\n  intlLabel: IntlLabel;\n  name: string;\n  onChange: (value: any) => void;\n}\n\nexport const BooleanRadioGroup = ({\n  onChange,\n  name,\n  intlLabel,\n  ...rest\n}: BooleanRadioGroupProps) => {\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const checked = e.target.value !== 'false';\n\n    onChange({ target: { name, value: checked, type: 'boolean-radio-group' } });\n  };\n\n  return <CustomRadioGroup {...rest} name={name} onChange={handleChange} intlLabel={intlLabel} />;\n};\n"],"names":["BooleanRadioGroup","onChange","name","intlLabel","rest","handleChange","e","checked","target","value","type","_jsx","CustomRadioGroup"],"mappings":";;;;;;AAYO,MAAMA,iBAAoB,GAAA,CAAC,EAChCC,QAAQ,EACRC,IAAI,EACJC,SAAS,EACT,GAAGC,IACoB,EAAA,GAAA;AACvB,IAAA,MAAMC,eAAe,CAACC,CAAAA,GAAAA;AACpB,QAAA,MAAMC,OAAUD,GAAAA,CAAAA,CAAEE,MAAM,CAACC,KAAK,KAAK,OAAA;QAEnCR,QAAS,CAAA;YAAEO,MAAQ,EAAA;AAAEN,gBAAAA,IAAAA;gBAAMO,KAAOF,EAAAA,OAAAA;gBAASG,IAAM,EAAA;AAAsB;AAAE,SAAA,CAAA;AAC3E,KAAA;AAEA,IAAA,qBAAOC,cAACC,CAAAA,iCAAAA,EAAAA;AAAkB,QAAA,GAAGR,IAAI;QAAEF,IAAMA,EAAAA,IAAAA;QAAMD,QAAUI,EAAAA,YAAAA;QAAcF,SAAWA,EAAAA;;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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BooleanRadioGroup.mjs","sources":["../../../admin/src/components/BooleanRadioGroup.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { IntlLabel } from '../types';\n\nimport { CustomRadioGroup } from './CustomRadioGroup';\n\ninterface BooleanRadioGroupProps {\n  intlLabel: IntlLabel;\n  name: string;\n  onChange: (value: any) => void;\n}\n\nexport const BooleanRadioGroup = ({\n  onChange,\n  name,\n  intlLabel,\n  ...rest\n}: BooleanRadioGroupProps) => {\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const checked = e.target.value !== 'false';\n\n    onChange({ target: { name, value: checked, type: 'boolean-radio-group' } });\n  };\n\n  return <CustomRadioGroup {...rest} name={name} onChange={handleChange} intlLabel={intlLabel} />;\n};\n"],"names":["BooleanRadioGroup","onChange","name","intlLabel","rest","handleChange","e","checked","target","value","type","_jsx","CustomRadioGroup"],"mappings":";;;;AAYO,MAAMA,iBAAoB,GAAA,CAAC,EAChCC,QAAQ,EACRC,IAAI,EACJC,SAAS,EACT,GAAGC,IACoB,EAAA,GAAA;AACvB,IAAA,MAAMC,eAAe,CAACC,CAAAA,GAAAA;AACpB,QAAA,MAAMC,OAAUD,GAAAA,CAAAA,CAAEE,MAAM,CAACC,KAAK,KAAK,OAAA;QAEnCR,QAAS,CAAA;YAAEO,MAAQ,EAAA;AAAEN,gBAAAA,IAAAA;gBAAMO,KAAOF,EAAAA,OAAAA;gBAASG,IAAM,EAAA;AAAsB;AAAE,SAAA,CAAA;AAC3E,KAAA;AAEA,IAAA,qBAAOC,GAACC,CAAAA,gBAAAA,EAAAA;AAAkB,QAAA,GAAGR,IAAI;QAAEF,IAAMA,EAAAA,IAAAA;QAAMD,QAAUI,EAAAA,YAAAA;QAAcF,SAAWA,EAAAA;;AACpF;;;;"}

package/dist/admin/components/BoxWrapper.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var designSystem = require('@strapi/design-system');
+var styledComponents = require('styled-components');
+
+const BoxWrapper = styledComponents.styled(designSystem.Box)`
+  table {
+    width: 100%;
+    white-space: nowrap;
+  }
+
+  thead {
+    border-bottom: 1px solid ${({ theme })=>theme.colors.neutral150};
+
+    tr {
+      border-top: 0;
+    }
+  }
+
+  tr {
+    border-top: 1px solid ${({ theme })=>theme.colors.neutral150};
+
+    & td,
+    & th {
+      padding: ${({ theme })=>theme.spaces[4]};
+    }
+
+    & td:first-of-type,
+    & th:first-of-type {
+      padding: 0 ${({ theme })=>theme.spaces[1]};
+    }
+  }
+
+  th,
+  td {
+    vertical-align: middle;
+    text-align: left;
+    color: ${({ theme })=>theme.colors.neutral600};
+    outline-offset: -4px;
+  }
+`;
+
+exports.BoxWrapper = BoxWrapper;
+//# sourceMappingURL=BoxWrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BoxWrapper.js","sources":["../../../admin/src/components/BoxWrapper.tsx"],"sourcesContent":["import { Box } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\nexport const BoxWrapper = styled(Box)`\n  table {\n    width: 100%;\n    white-space: nowrap;\n  }\n\n  thead {\n    border-bottom: 1px solid ${({ theme }) => theme.colors.neutral150};\n\n    tr {\n      border-top: 0;\n    }\n  }\n\n  tr {\n    border-top: 1px solid ${({ theme }) => theme.colors.neutral150};\n\n    & td,\n    & th {\n      padding: ${({ theme }) => theme.spaces[4]};\n    }\n\n    & td:first-of-type,\n    & th:first-of-type {\n      padding: 0 ${({ theme }) => theme.spaces[1]};\n    }\n  }\n\n  th,\n  td {\n    vertical-align: middle;\n    text-align: left;\n    color: ${({ theme }) => theme.colors.neutral600};\n    outline-offset: -4px;\n  }\n`;\n"],"names":["BoxWrapper","styled","Box","theme","colors","neutral150","spaces","neutral600"],"mappings":";;;;;AAGaA,MAAAA,UAAAA,GAAaC,uBAAOC,CAAAA,gBAAAA,CAAI;;;;;;;6BAOR,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAMC,CAAAA,MAAM,CAACC,UAAU,CAAC;;;;;;;;0BAQ5C,EAAE,CAAC,EAAEF,KAAK,EAAE,GAAKA,KAAMC,CAAAA,MAAM,CAACC,UAAU,CAAC;;;;eAIpD,EAAE,CAAC,EAAEF,KAAK,EAAE,GAAKA,KAAMG,CAAAA,MAAM,CAAC,CAAA,CAAE,CAAC;;;;;iBAK/B,EAAE,CAAC,EAAEH,KAAK,EAAE,GAAKA,KAAMG,CAAAA,MAAM,CAAC,CAAA,CAAE,CAAC;;;;;;;;WAQvC,EAAE,CAAC,EAAEH,KAAK,EAAE,GAAKA,KAAMC,CAAAA,MAAM,CAACG,UAAU,CAAC;;;AAGpD;;;;"}

package/dist/admin/components/BoxWrapper.mjs

@@ -0,0 +1,42 @@
+import { Box } from '@strapi/design-system';
+import { styled } from 'styled-components';
+
+const BoxWrapper = styled(Box)`
+  table {
+    width: 100%;
+    white-space: nowrap;
+  }
+
+  thead {
+    border-bottom: 1px solid ${({ theme })=>theme.colors.neutral150};
+
+    tr {
+      border-top: 0;
+    }
+  }
+
+  tr {
+    border-top: 1px solid ${({ theme })=>theme.colors.neutral150};
+
+    & td,
+    & th {
+      padding: ${({ theme })=>theme.spaces[4]};
+    }
+
+    & td:first-of-type,
+    & th:first-of-type {
+      padding: 0 ${({ theme })=>theme.spaces[1]};
+    }
+  }
+
+  th,
+  td {
+    vertical-align: middle;
+    text-align: left;
+    color: ${({ theme })=>theme.colors.neutral600};
+    outline-offset: -4px;
+  }
+`;
+
+export { BoxWrapper };
+//# sourceMappingURL=BoxWrapper.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BoxWrapper.mjs","sources":["../../../admin/src/components/BoxWrapper.tsx"],"sourcesContent":["import { Box } from '@strapi/design-system';\nimport { styled } from 'styled-components';\n\nexport const BoxWrapper = styled(Box)`\n  table {\n    width: 100%;\n    white-space: nowrap;\n  }\n\n  thead {\n    border-bottom: 1px solid ${({ theme }) => theme.colors.neutral150};\n\n    tr {\n      border-top: 0;\n    }\n  }\n\n  tr {\n    border-top: 1px solid ${({ theme }) => theme.colors.neutral150};\n\n    & td,\n    & th {\n      padding: ${({ theme }) => theme.spaces[4]};\n    }\n\n    & td:first-of-type,\n    & th:first-of-type {\n      padding: 0 ${({ theme }) => theme.spaces[1]};\n    }\n  }\n\n  th,\n  td {\n    vertical-align: middle;\n    text-align: left;\n    color: ${({ theme }) => theme.colors.neutral600};\n    outline-offset: -4px;\n  }\n`;\n"],"names":["BoxWrapper","styled","Box","theme","colors","neutral150","spaces","neutral600"],"mappings":";;;AAGaA,MAAAA,UAAAA,GAAaC,MAAOC,CAAAA,GAAAA,CAAI;;;;;;;6BAOR,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAMC,CAAAA,MAAM,CAACC,UAAU,CAAC;;;;;;;;0BAQ5C,EAAE,CAAC,EAAEF,KAAK,EAAE,GAAKA,KAAMC,CAAAA,MAAM,CAACC,UAAU,CAAC;;;;eAIpD,EAAE,CAAC,EAAEF,KAAK,EAAE,GAAKA,KAAMG,CAAAA,MAAM,CAAC,CAAA,CAAE,CAAC;;;;;iBAK/B,EAAE,CAAC,EAAEH,KAAK,EAAE,GAAKA,KAAMG,CAAAA,MAAM,CAAC,CAAA,CAAE,CAAC;;;;;;;;WAQvC,EAAE,CAAC,EAAEH,KAAK,EAAE,GAAKA,KAAMC,CAAAA,MAAM,CAACG,UAAU,CAAC;;;AAGpD;;;;"}

package/dist/admin/components/CheckboxWithNumberField.js

@@ -0,0 +1,86 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+
+const CheckboxWithNumberField = ({ error, intlLabel, modifiedData, name, onChange, value = null })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const label = intlLabel.id ? formatMessage({
+        id: intlLabel.id,
+        defaultMessage: intlLabel.defaultMessage
+    }, {
+        ...intlLabel.values
+    }) : name;
+    const type = modifiedData.type === 'biginteger' ? 'text' : 'number';
+    const disabled = !modifiedData.type;
+    const errorMessage = error ? formatMessage({
+        id: error,
+        defaultMessage: error
+    }) : '';
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+        direction: "column",
+        alignItems: "stretch",
+        gap: 2,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Checkbox, {
+                id: name,
+                name: name,
+                onCheckedChange: (value)=>{
+                    const initValue = type === 'text' ? '0' : 0;
+                    const nextValue = value ? initValue : null;
+                    onChange({
+                        target: {
+                            name,
+                            value: nextValue
+                        }
+                    });
+                },
+                checked: value !== null,
+                children: label
+            }),
+            value !== null && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                paddingLeft: 6,
+                style: {
+                    maxWidth: '200px'
+                },
+                children: type === 'text' ? /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
+                    error: errorMessage,
+                    name: name,
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.TextInput, {
+                            "aria-label": label,
+                            disabled: disabled,
+                            onChange: onChange,
+                            value: value === null ? '' : value
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Error, {})
+                    ]
+                }) : /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
+                    error: errorMessage,
+                    name: name,
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.NumberInput, {
+                            "aria-label": label,
+                            disabled: disabled,
+                            onValueChange: (value)=>{
+                                onChange({
+                                    target: {
+                                        name,
+                                        value: value ?? 0,
+                                        type
+                                    }
+                                });
+                            },
+                            value: value || 0
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Error, {})
+                    ]
+                })
+            })
+        ]
+    });
+};
+
+exports.CheckboxWithNumberField = CheckboxWithNumberField;
+//# sourceMappingURL=CheckboxWithNumberField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxWithNumberField.js","sources":["../../../admin/src/components/CheckboxWithNumberField.tsx"],"sourcesContent":["import { Box, Checkbox, Field, Flex, NumberInput, TextInput } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { IntlLabel } from '../types';\n\ninterface CheckboxWithNumberFieldProps {\n  error?: string;\n  intlLabel: IntlLabel;\n  modifiedData: Record<string, any>;\n  name: string;\n  onChange: (value: any) => void;\n  value?: any;\n}\n\nexport const CheckboxWithNumberField = ({\n  error,\n  intlLabel,\n  modifiedData,\n  name,\n  onChange,\n  value = null,\n}: CheckboxWithNumberFieldProps) => {\n  const { formatMessage } = useIntl();\n  const label = intlLabel.id\n    ? formatMessage(\n        { id: intlLabel.id, defaultMessage: intlLabel.defaultMessage },\n        { ...intlLabel.values }\n      )\n    : name;\n\n  const type = modifiedData.type === 'biginteger' ? 'text' : 'number';\n\n  const disabled = !modifiedData.type;\n  const errorMessage = error ? formatMessage({ id: error, defaultMessage: error }) : '';\n\n  return (\n    <Flex direction=\"column\" alignItems=\"stretch\" gap={2}>\n      <Checkbox\n        id={name}\n        name={name}\n        onCheckedChange={(value) => {\n          const initValue = type === 'text' ? '0' : 0;\n          const nextValue = value ? initValue : null;\n\n          onChange({ target: { name, value: nextValue } });\n        }}\n        checked={value !== null}\n      >\n        {label}\n      </Checkbox>\n      {value !== null && (\n        <Box paddingLeft={6} style={{ maxWidth: '200px' }}>\n          {type === 'text' ? (\n            <Field.Root error={errorMessage} name={name}>\n              <TextInput\n                aria-label={label}\n                disabled={disabled}\n                onChange={onChange}\n                value={value === null ? '' : value}\n              />\n              <Field.Error />\n            </Field.Root>\n          ) : (\n            <Field.Root error={errorMessage} name={name}>\n              <NumberInput\n                aria-label={label}\n                disabled={disabled}\n                onValueChange={(value: any) => {\n                  onChange({ target: { name, value: value ?? 0, type } });\n                }}\n                value={value || 0}\n              />\n              <Field.Error />\n            </Field.Root>\n          )}\n        </Box>\n      )}\n    </Flex>\n  );\n};\n"],"names":["CheckboxWithNumberField","error","intlLabel","modifiedData","name","onChange","value","formatMessage","useIntl","label","id","defaultMessage","values","type","disabled","errorMessage","_jsxs","Flex","direction","alignItems","gap","_jsx","Checkbox","onCheckedChange","initValue","nextValue","target","checked","Box","paddingLeft","style","maxWidth","Field","Root","TextInput","aria-label","Error","NumberInput","onValueChange"],"mappings":"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"}

package/dist/admin/components/CheckboxWithNumberField.mjs

@@ -0,0 +1,84 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Flex, Checkbox, Box, Field, TextInput, NumberInput } from '@strapi/design-system';
+import { useIntl } from 'react-intl';
+
+const CheckboxWithNumberField = ({ error, intlLabel, modifiedData, name, onChange, value = null })=>{
+    const { formatMessage } = useIntl();
+    const label = intlLabel.id ? formatMessage({
+        id: intlLabel.id,
+        defaultMessage: intlLabel.defaultMessage
+    }, {
+        ...intlLabel.values
+    }) : name;
+    const type = modifiedData.type === 'biginteger' ? 'text' : 'number';
+    const disabled = !modifiedData.type;
+    const errorMessage = error ? formatMessage({
+        id: error,
+        defaultMessage: error
+    }) : '';
+    return /*#__PURE__*/ jsxs(Flex, {
+        direction: "column",
+        alignItems: "stretch",
+        gap: 2,
+        children: [
+            /*#__PURE__*/ jsx(Checkbox, {
+                id: name,
+                name: name,
+                onCheckedChange: (value)=>{
+                    const initValue = type === 'text' ? '0' : 0;
+                    const nextValue = value ? initValue : null;
+                    onChange({
+                        target: {
+                            name,
+                            value: nextValue
+                        }
+                    });
+                },
+                checked: value !== null,
+                children: label
+            }),
+            value !== null && /*#__PURE__*/ jsx(Box, {
+                paddingLeft: 6,
+                style: {
+                    maxWidth: '200px'
+                },
+                children: type === 'text' ? /*#__PURE__*/ jsxs(Field.Root, {
+                    error: errorMessage,
+                    name: name,
+                    children: [
+                        /*#__PURE__*/ jsx(TextInput, {
+                            "aria-label": label,
+                            disabled: disabled,
+                            onChange: onChange,
+                            value: value === null ? '' : value
+                        }),
+                        /*#__PURE__*/ jsx(Field.Error, {})
+                    ]
+                }) : /*#__PURE__*/ jsxs(Field.Root, {
+                    error: errorMessage,
+                    name: name,
+                    children: [
+                        /*#__PURE__*/ jsx(NumberInput, {
+                            "aria-label": label,
+                            disabled: disabled,
+                            onValueChange: (value)=>{
+                                onChange({
+                                    target: {
+                                        name,
+                                        value: value ?? 0,
+                                        type
+                                    }
+                                });
+                            },
+                            value: value || 0
+                        }),
+                        /*#__PURE__*/ jsx(Field.Error, {})
+                    ]
+                })
+            })
+        ]
+    });
+};
+
+export { CheckboxWithNumberField };
+//# sourceMappingURL=CheckboxWithNumberField.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxWithNumberField.mjs","sources":["../../../admin/src/components/CheckboxWithNumberField.tsx"],"sourcesContent":["import { Box, Checkbox, Field, Flex, NumberInput, TextInput } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport { IntlLabel } from '../types';\n\ninterface CheckboxWithNumberFieldProps {\n  error?: string;\n  intlLabel: IntlLabel;\n  modifiedData: Record<string, any>;\n  name: string;\n  onChange: (value: any) => void;\n  value?: any;\n}\n\nexport const CheckboxWithNumberField = ({\n  error,\n  intlLabel,\n  modifiedData,\n  name,\n  onChange,\n  value = null,\n}: CheckboxWithNumberFieldProps) => {\n  const { formatMessage } = useIntl();\n  const label = intlLabel.id\n    ? formatMessage(\n        { id: intlLabel.id, defaultMessage: intlLabel.defaultMessage },\n        { ...intlLabel.values }\n      )\n    : name;\n\n  const type = modifiedData.type === 'biginteger' ? 'text' : 'number';\n\n  const disabled = !modifiedData.type;\n  const errorMessage = error ? formatMessage({ id: error, defaultMessage: error }) : '';\n\n  return (\n    <Flex direction=\"column\" alignItems=\"stretch\" gap={2}>\n      <Checkbox\n        id={name}\n        name={name}\n        onCheckedChange={(value) => {\n          const initValue = type === 'text' ? '0' : 0;\n          const nextValue = value ? initValue : null;\n\n          onChange({ target: { name, value: nextValue } });\n        }}\n        checked={value !== null}\n      >\n        {label}\n      </Checkbox>\n      {value !== null && (\n        <Box paddingLeft={6} style={{ maxWidth: '200px' }}>\n          {type === 'text' ? (\n            <Field.Root error={errorMessage} name={name}>\n              <TextInput\n                aria-label={label}\n                disabled={disabled}\n                onChange={onChange}\n                value={value === null ? '' : value}\n              />\n              <Field.Error />\n            </Field.Root>\n          ) : (\n            <Field.Root error={errorMessage} name={name}>\n              <NumberInput\n                aria-label={label}\n                disabled={disabled}\n                onValueChange={(value: any) => {\n                  onChange({ target: { name, value: value ?? 0, type } });\n                }}\n                value={value || 0}\n              />\n              <Field.Error />\n            </Field.Root>\n          )}\n        </Box>\n      )}\n    </Flex>\n  );\n};\n"],"names":["CheckboxWithNumberField","error","intlLabel","modifiedData","name","onChange","value","formatMessage","useIntl","label","id","defaultMessage","values","type","disabled","errorMessage","_jsxs","Flex","direction","alignItems","gap","_jsx","Checkbox","onCheckedChange","initValue","nextValue","target","checked","Box","paddingLeft","style","maxWidth","Field","Root","TextInput","aria-label","Error","NumberInput","onValueChange"],"mappings":";;;;MAcaA,uBAA0B,GAAA,CAAC,EACtCC,KAAK,EACLC,SAAS,EACTC,YAAY,EACZC,IAAI,EACJC,QAAQ,EACRC,KAAAA,GAAQ,IAAI,EACiB,GAAA;IAC7B,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAMC,KAAQP,GAAAA,SAAAA,CAAUQ,EAAE,GACtBH,aACE,CAAA;AAAEG,QAAAA,EAAAA,EAAIR,UAAUQ,EAAE;AAAEC,QAAAA,cAAAA,EAAgBT,UAAUS;KAC9C,EAAA;AAAE,QAAA,GAAGT,UAAUU;KAEjBR,CAAAA,GAAAA,IAAAA;AAEJ,IAAA,MAAMS,IAAOV,GAAAA,YAAAA,CAAaU,IAAI,KAAK,eAAe,MAAS,GAAA,QAAA;IAE3D,MAAMC,QAAAA,GAAW,CAACX,YAAAA,CAAaU,IAAI;IACnC,MAAME,YAAAA,GAAed,QAAQM,aAAc,CAAA;QAAEG,EAAIT,EAAAA,KAAAA;QAAOU,cAAgBV,EAAAA;KAAW,CAAA,GAAA,EAAA;AAEnF,IAAA,qBACEe,IAACC,CAAAA,IAAAA,EAAAA;QAAKC,SAAU,EAAA,QAAA;QAASC,UAAW,EAAA,SAAA;QAAUC,GAAK,EAAA,CAAA;;0BACjDC,GAACC,CAAAA,QAAAA,EAAAA;gBACCZ,EAAIN,EAAAA,IAAAA;gBACJA,IAAMA,EAAAA,IAAAA;AACNmB,gBAAAA,eAAAA,EAAiB,CAACjB,KAAAA,GAAAA;oBAChB,MAAMkB,SAAAA,GAAYX,IAAS,KAAA,MAAA,GAAS,GAAM,GAAA,CAAA;oBAC1C,MAAMY,SAAAA,GAAYnB,QAAQkB,SAAY,GAAA,IAAA;oBAEtCnB,QAAS,CAAA;wBAAEqB,MAAQ,EAAA;AAAEtB,4BAAAA,IAAAA;4BAAME,KAAOmB,EAAAA;AAAU;AAAE,qBAAA,CAAA;AAChD,iBAAA;AACAE,gBAAAA,OAAAA,EAASrB,KAAU,KAAA,IAAA;AAElBG,gBAAAA,QAAAA,EAAAA;;AAEFH,YAAAA,KAAAA,KAAU,sBACTe,GAACO,CAAAA,GAAAA,EAAAA;gBAAIC,WAAa,EAAA,CAAA;gBAAGC,KAAO,EAAA;oBAAEC,QAAU,EAAA;AAAQ,iBAAA;0BAC7ClB,IAAS,KAAA,MAAA,iBACRG,IAACgB,CAAAA,KAAAA,CAAMC,IAAI,EAAA;oBAAChC,KAAOc,EAAAA,YAAAA;oBAAcX,IAAMA,EAAAA,IAAAA;;sCACrCiB,GAACa,CAAAA,SAAAA,EAAAA;4BACCC,YAAY1B,EAAAA,KAAAA;4BACZK,QAAUA,EAAAA,QAAAA;4BACVT,QAAUA,EAAAA,QAAAA;4BACVC,KAAOA,EAAAA,KAAAA,KAAU,OAAO,EAAKA,GAAAA;;AAE/B,sCAAAe,GAAA,CAACW,MAAMI,KAAK,EAAA,EAAA;;AAGd,iBAAA,CAAA,iBAAApB,IAAA,CAACgB,MAAMC,IAAI,EAAA;oBAAChC,KAAOc,EAAAA,YAAAA;oBAAcX,IAAMA,EAAAA,IAAAA;;sCACrCiB,GAACgB,CAAAA,WAAAA,EAAAA;4BACCF,YAAY1B,EAAAA,KAAAA;4BACZK,QAAUA,EAAAA,QAAAA;AACVwB,4BAAAA,aAAAA,EAAe,CAAChC,KAAAA,GAAAA;gCACdD,QAAS,CAAA;oCAAEqB,MAAQ,EAAA;AAAEtB,wCAAAA,IAAAA;AAAME,wCAAAA,KAAAA,EAAOA,KAAS,IAAA,CAAA;AAAGO,wCAAAA;AAAK;AAAE,iCAAA,CAAA;AACvD,6BAAA;AACAP,4BAAAA,KAAAA,EAAOA,KAAS,IAAA;;AAElB,sCAAAe,GAAA,CAACW,MAAMI,KAAK,EAAA,EAAA;;;;;;AAO1B;;;;"}

package/dist/admin/components/ComponentCard/ComponentCard.js

@@ -0,0 +1,112 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var Icons = require('@strapi/icons');
+var get = require('lodash/get');
+var styledComponents = require('styled-components');
+var useDataManager = require('../../hooks/useDataManager.js');
+var ComponentIcon = require('./ComponentIcon/ComponentIcon.js');
+
+const CloseButton = styledComponents.styled(designSystem.Box)`
+  position: absolute;
+  display: none;
+  top: 5px;
+  right: 0.8rem;
+
+  svg {
+    width: 1rem;
+    height: 1rem;
+
+    path {
+      fill: ${({ theme })=>theme.colors.primary600};
+    }
+  }
+`;
+const ComponentBox = styledComponents.styled(designSystem.Flex)`
+  width: 14rem;
+  height: 8rem;
+  position: relative;
+  border: 1px solid ${({ theme })=>theme.colors.neutral200};
+  background: ${({ theme })=>theme.colors.neutral100};
+  border-radius: ${({ theme })=>theme.borderRadius};
+  max-width: 100%;
+
+  &.active,
+  &:focus,
+  &:hover {
+    border: 1px solid ${({ theme })=>theme.colors.primary200};
+    background: ${({ theme })=>theme.colors.primary100};
+    color: ${({ theme })=>theme.colors.primary600};
+
+    ${CloseButton} {
+      display: block;
+    }
+
+    /* > ComponentIcon */
+    > div:first-child {
+      background: ${({ theme })=>theme.colors.primary200};
+      color: ${({ theme })=>theme.colors.primary600};
+
+      svg {
+        path {
+          fill: ${({ theme })=>theme.colors.primary600};
+        }
+      }
+    }
+  }
+`;
+const ComponentCard = ({ component, dzName, index, isActive = false, isInDevelopmentMode = false, onClick })=>{
+    const { modifiedData, removeComponentFromDynamicZone } = useDataManager.useDataManager();
+    const { schema: { icon, displayName } } = get(modifiedData, [
+        'components',
+        component
+    ], {
+        schema: {}
+    });
+    const onClose = (e)=>{
+        e.stopPropagation();
+        removeComponentFromDynamicZone(dzName, index);
+    };
+    return /*#__PURE__*/ jsxRuntime.jsxs(ComponentBox, {
+        alignItems: "center",
+        direction: "column",
+        className: isActive ? 'active' : '',
+        borderRadius: "borderRadius",
+        justifyContent: "center",
+        paddingLeft: 4,
+        paddingRight: 4,
+        shrink: 0,
+        onClick: onClick,
+        role: "tab",
+        tabIndex: isActive ? 0 : -1,
+        cursor: "pointer",
+        "aria-selected": isActive,
+        "aria-controls": `dz-${dzName}-panel-${index}`,
+        id: `dz-${dzName}-tab-${index}`,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(ComponentIcon.ComponentIcon, {
+                icon: icon,
+                isActive: isActive
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                marginTop: 1,
+                maxWidth: "100%",
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                    variant: "pi",
+                    fontWeight: "bold",
+                    ellipsis: true,
+                    children: displayName
+                })
+            }),
+            isInDevelopmentMode && /*#__PURE__*/ jsxRuntime.jsx(CloseButton, {
+                tag: "button",
+                onClick: onClose,
+                children: /*#__PURE__*/ jsxRuntime.jsx(Icons.Cross, {})
+            })
+        ]
+    });
+};
+
+exports.ComponentCard = ComponentCard;
+//# sourceMappingURL=ComponentCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentCard.js","sources":["../../../../admin/src/components/ComponentCard/ComponentCard.tsx"],"sourcesContent":["import { Box, Flex, Typography } from '@strapi/design-system';\nimport { Cross } from '@strapi/icons';\nimport get from 'lodash/get';\nimport { styled } from 'styled-components';\n\nimport { useDataManager } from '../../hooks/useDataManager';\n\nimport { ComponentIcon } from './ComponentIcon';\n\ninterface ComponentCardProps {\n  component: string;\n  dzName: string;\n  index: number;\n  isActive?: boolean;\n  isInDevelopmentMode?: boolean;\n  onClick?: () => void;\n}\n\nconst CloseButton = styled(Box)`\n  position: absolute;\n  display: none;\n  top: 5px;\n  right: 0.8rem;\n\n  svg {\n    width: 1rem;\n    height: 1rem;\n\n    path {\n      fill: ${({ theme }) => theme.colors.primary600};\n    }\n  }\n`;\n\nconst ComponentBox = styled(Flex)`\n  width: 14rem;\n  height: 8rem;\n  position: relative;\n  border: 1px solid ${({ theme }) => theme.colors.neutral200};\n  background: ${({ theme }) => theme.colors.neutral100};\n  border-radius: ${({ theme }) => theme.borderRadius};\n  max-width: 100%;\n\n  &.active,\n  &:focus,\n  &:hover {\n    border: 1px solid ${({ theme }) => theme.colors.primary200};\n    background: ${({ theme }) => theme.colors.primary100};\n    color: ${({ theme }) => theme.colors.primary600};\n\n    ${CloseButton} {\n      display: block;\n    }\n\n    /* > ComponentIcon */\n    > div:first-child {\n      background: ${({ theme }) => theme.colors.primary200};\n      color: ${({ theme }) => theme.colors.primary600};\n\n      svg {\n        path {\n          fill: ${({ theme }) => theme.colors.primary600};\n        }\n      }\n    }\n  }\n`;\n\nexport const ComponentCard = ({\n  component,\n  dzName,\n  index,\n  isActive = false,\n  isInDevelopmentMode = false,\n  onClick,\n}: ComponentCardProps) => {\n  const { modifiedData, removeComponentFromDynamicZone } = useDataManager();\n  const {\n    schema: { icon, displayName },\n  } = get(modifiedData, ['components', component], { schema: {} });\n\n  const onClose = (e: any) => {\n    e.stopPropagation();\n    removeComponentFromDynamicZone(dzName, index);\n  };\n\n  return (\n    <ComponentBox\n      alignItems=\"center\"\n      direction=\"column\"\n      className={isActive ? 'active' : ''}\n      borderRadius=\"borderRadius\"\n      justifyContent=\"center\"\n      paddingLeft={4}\n      paddingRight={4}\n      shrink={0}\n      onClick={onClick}\n      role=\"tab\"\n      tabIndex={isActive ? 0 : -1}\n      cursor=\"pointer\"\n      aria-selected={isActive}\n      aria-controls={`dz-${dzName}-panel-${index}`}\n      id={`dz-${dzName}-tab-${index}`}\n    >\n      <ComponentIcon icon={icon} isActive={isActive} />\n\n      <Box marginTop={1} maxWidth=\"100%\">\n        <Typography variant=\"pi\" fontWeight=\"bold\" ellipsis>\n          {displayName}\n        </Typography>\n      </Box>\n\n      {isInDevelopmentMode && (\n        <CloseButton tag=\"button\" onClick={onClose}>\n          <Cross />\n        </CloseButton>\n      )}\n    </ComponentBox>\n  );\n};\n"],"names":["CloseButton","styled","Box","theme","colors","primary600","ComponentBox","Flex","neutral200","neutral100","borderRadius","primary200","primary100","ComponentCard","component","dzName","index","isActive","isInDevelopmentMode","onClick","modifiedData","removeComponentFromDynamicZone","useDataManager","schema","icon","displayName","get","onClose","e","stopPropagation","_jsxs","alignItems","direction","className","justifyContent","paddingLeft","paddingRight","shrink","role","tabIndex","cursor","aria-selected","aria-controls","id","_jsx","ComponentIcon","marginTop","maxWidth","Typography","variant","fontWeight","ellipsis","tag","Cross"],"mappings":"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"}