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

package/dist/admin/components/IconPicker/IconPicker.js

@@ -0,0 +1,201 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+var Icons = require('@strapi/icons');
+var reactIntl = require('react-intl');
+var styledComponents = require('styled-components');
+var getTrad = require('../../utils/getTrad.js');
+var constants = require('./constants.js');
+
+const IconPickerWrapper = styledComponents.styled(designSystem.Flex)`
+  label {
+    ${designSystem.inputFocusStyle()}
+    border-radius: ${({ theme })=>theme.borderRadius};
+    border: 1px solid ${({ theme })=>theme.colors.neutral100};
+  }
+`;
+const IconPick = ({ iconKey, name, onChange, isSelected, ariaLabel })=>{
+    const Icon = constants.COMPONENT_ICONS[iconKey];
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Root, {
+        name: name,
+        required: false,
+        children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Label, {
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsxs(designSystem.VisuallyHidden, {
+                    children: [
+                        ariaLabel,
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Input, {
+                            type: "radio",
+                            checked: isSelected,
+                            onChange: onChange,
+                            value: iconKey,
+                            "aria-checked": isSelected
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tooltip, {
+                    label: iconKey,
+                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                        padding: 2,
+                        cursor: "pointer",
+                        hasRadius: true,
+                        background: isSelected ? 'primary200' : undefined,
+                        children: /*#__PURE__*/ jsxRuntime.jsx(Icon, {
+                            width: '2rem',
+                            height: '2rem',
+                            fill: isSelected ? 'primary600' : 'neutral300'
+                        })
+                    })
+                })
+            ]
+        })
+    });
+};
+const IconPicker = ({ intlLabel, name, onChange, value = '' })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const [showSearch, setShowSearch] = React.useState(false);
+    const [search, setSearch] = React.useState('');
+    const allIcons = Object.keys(constants.COMPONENT_ICONS);
+    const [icons, setIcons] = React.useState(allIcons);
+    const searchIconRef = React.useRef(null);
+    const searchBarRef = React.useRef(null);
+    const toggleSearch = ()=>{
+        setShowSearch(!showSearch);
+    };
+    const onChangeSearch = ({ target: { value } })=>{
+        setSearch(value);
+        setIcons(()=>allIcons.filter((icon)=>icon.toLowerCase().includes(value.toLowerCase())));
+    };
+    const onClearSearch = ()=>{
+        toggleSearch();
+        setSearch('');
+        setIcons(allIcons);
+    };
+    const removeIconSelected = ()=>{
+        onChange({
+            target: {
+                name,
+                value: ''
+            }
+        });
+    };
+    React.useEffect(()=>{
+        if (showSearch) {
+            searchBarRef.current?.focus();
+        }
+    }, [
+        showSearch
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                justifyContent: "space-between",
+                paddingBottom: 2,
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                        variant: "pi",
+                        fontWeight: "bold",
+                        textColor: "neutral800",
+                        tag: "label",
+                        children: formatMessage(intlLabel)
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                        gap: 1,
+                        children: [
+                            showSearch ? /*#__PURE__*/ jsxRuntime.jsx(designSystem.Searchbar, {
+                                ref: searchBarRef,
+                                name: "searchbar",
+                                placeholder: formatMessage({
+                                    id: getTrad.getTrad('ComponentIconPicker.search.placeholder'),
+                                    defaultMessage: 'Search for an icon'
+                                }),
+                                onBlur: ()=>{
+                                    if (!search) {
+                                        toggleSearch();
+                                    }
+                                },
+                                onChange: onChangeSearch,
+                                value: search,
+                                onClear: onClearSearch,
+                                clearLabel: formatMessage({
+                                    id: getTrad.getTrad('IconPicker.search.clear.label'),
+                                    defaultMessage: 'Clear the icon search'
+                                }),
+                                children: formatMessage({
+                                    id: getTrad.getTrad('IconPicker.search.placeholder.label'),
+                                    defaultMessage: 'Search for an icon'
+                                })
+                            }) : /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                                ref: searchIconRef,
+                                onClick: toggleSearch,
+                                withTooltip: false,
+                                label: formatMessage({
+                                    id: getTrad.getTrad('IconPicker.search.button.label'),
+                                    defaultMessage: 'Search icon button'
+                                }),
+                                variant: "ghost",
+                                children: /*#__PURE__*/ jsxRuntime.jsx(Icons.Search, {})
+                            }),
+                            value && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tooltip, {
+                                label: formatMessage({
+                                    id: getTrad.getTrad('IconPicker.remove.tooltip'),
+                                    defaultMessage: 'Remove the selected icon'
+                                }),
+                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                                    onClick: removeIconSelected,
+                                    withTooltip: false,
+                                    label: formatMessage({
+                                        id: getTrad.getTrad('IconPicker.remove.button'),
+                                        defaultMessage: 'Remove the selected icon'
+                                    }),
+                                    variant: "ghost",
+                                    children: /*#__PURE__*/ jsxRuntime.jsx(Icons.Trash, {})
+                                })
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(IconPickerWrapper, {
+                position: "relative",
+                padding: 1,
+                background: "neutral100",
+                hasRadius: true,
+                wrap: "wrap",
+                gap: 2,
+                maxHeight: "126px",
+                overflow: "auto",
+                textAlign: "center",
+                children: icons.length > 0 ? icons.map((iconKey)=>/*#__PURE__*/ jsxRuntime.jsx(IconPick, {
+                        iconKey: iconKey,
+                        name: name,
+                        onChange: onChange,
+                        isSelected: iconKey === value,
+                        ariaLabel: formatMessage({
+                            id: getTrad.getTrad('IconPicker.icon.label'),
+                            defaultMessage: 'Select {icon} icon'
+                        }, {
+                            icon: iconKey
+                        })
+                    }, iconKey)) : /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                    padding: 4,
+                    grow: 2,
+                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                        variant: "delta",
+                        textColor: "neutral600",
+                        textAlign: "center",
+                        children: formatMessage({
+                            id: getTrad.getTrad('IconPicker.emptyState.label'),
+                            defaultMessage: 'No icon found'
+                        })
+                    })
+                })
+            })
+        ]
+    });
+};
+
+exports.IconPicker = IconPicker;
+//# sourceMappingURL=IconPicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconPicker.js","sources":["../../../../admin/src/components/IconPicker/IconPicker.tsx"],"sourcesContent":["import { type ChangeEventHandler, useEffect, useRef, useState } from 'react';\r\n\r\nimport {\r\n  Box,\r\n  Field,\r\n  Flex,\r\n  IconButton,\r\n  inputFocusStyle,\r\n  Searchbar,\r\n  Tooltip,\r\n  Typography,\r\n  VisuallyHidden,\r\n} from '@strapi/design-system';\r\nimport { Search, Trash } from '@strapi/icons';\r\nimport { useIntl } from 'react-intl';\r\nimport { styled } from 'styled-components';\r\n\r\nimport { getTrad } from '../../utils';\r\n\r\nimport { COMPONENT_ICONS } from './constants';\r\n\r\nimport type { FormChangeHandler, IntlLabel } from '../../types';\r\n\r\nconst IconPickerWrapper = styled(Flex)`\r\n  label {\r\n    ${inputFocusStyle()}\r\n    border-radius: ${({ theme }) => theme.borderRadius};\r\n    border: 1px solid ${({ theme }) => theme.colors.neutral100};\r\n  }\r\n`;\r\n\r\ntype Icons = keyof typeof COMPONENT_ICONS;\r\n\r\ninterface IconPickProps {\r\n  iconKey: Icons;\r\n  name: string;\r\n  onChange: ChangeEventHandler<HTMLInputElement>;\r\n  isSelected: boolean;\r\n  ariaLabel: string;\r\n}\r\n\r\nconst IconPick = ({ iconKey, name, onChange, isSelected, ariaLabel }: IconPickProps) => {\r\n  const Icon = COMPONENT_ICONS[iconKey];\r\n\r\n  return (\r\n    <Field.Root name={name} required={false}>\r\n      <Field.Label>\r\n        <VisuallyHidden>\r\n          {ariaLabel}\r\n          <Field.Input\r\n            type=\"radio\"\r\n            checked={isSelected}\r\n            onChange={onChange}\r\n            value={iconKey}\r\n            aria-checked={isSelected}\r\n          />\r\n        </VisuallyHidden>\r\n        <Tooltip label={iconKey}>\r\n          <Flex\r\n            padding={2}\r\n            cursor=\"pointer\"\r\n            hasRadius\r\n            background={isSelected ? 'primary200' : undefined}\r\n          >\r\n            <Icon width={'2rem'} height={'2rem'} fill={isSelected ? 'primary600' : 'neutral300'} />\r\n          </Flex>\r\n        </Tooltip>\r\n      </Field.Label>\r\n    </Field.Root>\r\n  );\r\n};\r\n\r\nexport interface IconPickerProps {\r\n  intlLabel: IntlLabel;\r\n  name: string;\r\n  onChange: FormChangeHandler<string>;\r\n  value?: string;\r\n}\r\n\r\nexport const IconPicker = ({ intlLabel, name, onChange, value = '' }: IconPickerProps) => {\r\n  const { formatMessage } = useIntl();\r\n  const [showSearch, setShowSearch] = useState(false);\r\n  const [search, setSearch] = useState('');\r\n  const allIcons = Object.keys(COMPONENT_ICONS) as Icons[];\r\n  const [icons, setIcons] = useState(allIcons);\r\n  const searchIconRef = useRef(null);\r\n  const searchBarRef = useRef(null);\r\n\r\n  const toggleSearch = () => {\r\n    setShowSearch(!showSearch);\r\n  };\r\n\r\n  const onChangeSearch = ({ target: { value } }: { target: { value: string } }) => {\r\n    setSearch(value);\r\n    setIcons(() => allIcons.filter((icon) => icon.toLowerCase().includes(value.toLowerCase())));\r\n  };\r\n\r\n  const onClearSearch = () => {\r\n    toggleSearch();\r\n    setSearch('');\r\n    setIcons(allIcons);\r\n  };\r\n\r\n  const removeIconSelected = () => {\r\n    onChange({ target: { name, value: '' } });\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (showSearch) {\r\n      (searchBarRef.current as unknown as HTMLInputElement)?.focus();\r\n    }\r\n  }, [showSearch]);\r\n\r\n  return (\r\n    <>\r\n      <Flex justifyContent=\"space-between\" paddingBottom={2}>\r\n        <Typography variant=\"pi\" fontWeight=\"bold\" textColor=\"neutral800\" tag=\"label\">\r\n          {formatMessage(intlLabel)}\r\n        </Typography>\r\n        <Flex gap={1}>\r\n          {showSearch ? (\r\n            <Searchbar\r\n              ref={searchBarRef}\r\n              name=\"searchbar\"\r\n              placeholder={formatMessage({\r\n                id: getTrad('ComponentIconPicker.search.placeholder'),\r\n                defaultMessage: 'Search for an icon',\r\n              })}\r\n              onBlur={() => {\r\n                if (!search) {\r\n                  toggleSearch();\r\n                }\r\n              }}\r\n              onChange={onChangeSearch}\r\n              value={search}\r\n              onClear={onClearSearch}\r\n              clearLabel={formatMessage({\r\n                id: getTrad('IconPicker.search.clear.label'),\r\n                defaultMessage: 'Clear the icon search',\r\n              })}\r\n            >\r\n              {formatMessage({\r\n                id: getTrad('IconPicker.search.placeholder.label'),\r\n                defaultMessage: 'Search for an icon',\r\n              })}\r\n            </Searchbar>\r\n          ) : (\r\n            <IconButton\r\n              ref={searchIconRef}\r\n              onClick={toggleSearch}\r\n              withTooltip={false}\r\n              label={formatMessage({\r\n                id: getTrad('IconPicker.search.button.label'),\r\n                defaultMessage: 'Search icon button',\r\n              })}\r\n              variant=\"ghost\"\r\n            >\r\n              <Search />\r\n            </IconButton>\r\n          )}\r\n          {value && (\r\n            <Tooltip\r\n              label={formatMessage({\r\n                id: getTrad('IconPicker.remove.tooltip'),\r\n                defaultMessage: 'Remove the selected icon',\r\n              })}\r\n            >\r\n              <IconButton\r\n                onClick={removeIconSelected}\r\n                withTooltip={false}\r\n                label={formatMessage({\r\n                  id: getTrad('IconPicker.remove.button'),\r\n                  defaultMessage: 'Remove the selected icon',\r\n                })}\r\n                variant=\"ghost\"\r\n              >\r\n                <Trash />\r\n              </IconButton>\r\n            </Tooltip>\r\n          )}\r\n        </Flex>\r\n      </Flex>\r\n      <IconPickerWrapper\r\n        position=\"relative\"\r\n        padding={1}\r\n        background=\"neutral100\"\r\n        hasRadius\r\n        wrap=\"wrap\"\r\n        gap={2}\r\n        maxHeight=\"126px\"\r\n        overflow=\"auto\"\r\n        textAlign=\"center\"\r\n      >\r\n        {icons.length > 0 ? (\r\n          icons.map((iconKey) => (\r\n            <IconPick\r\n              key={iconKey}\r\n              iconKey={iconKey}\r\n              name={name}\r\n              onChange={onChange}\r\n              isSelected={iconKey === value}\r\n              ariaLabel={formatMessage(\r\n                {\r\n                  id: getTrad('IconPicker.icon.label'),\r\n                  defaultMessage: 'Select {icon} icon',\r\n                },\r\n                { icon: iconKey }\r\n              )}\r\n            />\r\n          ))\r\n        ) : (\r\n          <Box padding={4} grow={2}>\r\n            <Typography variant=\"delta\" textColor=\"neutral600\" textAlign=\"center\">\r\n              {formatMessage({\r\n                id: getTrad('IconPicker.emptyState.label'),\r\n                defaultMessage: 'No icon found',\r\n              })}\r\n            </Typography>\r\n          </Box>\r\n        )}\r\n      </IconPickerWrapper>\r\n    </>\r\n  );\r\n};\r\n"],"names":["IconPickerWrapper","styled","Flex","inputFocusStyle","theme","borderRadius","colors","neutral100","IconPick","iconKey","name","onChange","isSelected","ariaLabel","Icon","COMPONENT_ICONS","_jsx","Field","Root","required","_jsxs","Label","VisuallyHidden","Input","type","checked","value","aria-checked","Tooltip","label","padding","cursor","hasRadius","background","undefined","width","height","fill","IconPicker","intlLabel","formatMessage","useIntl","showSearch","setShowSearch","useState","search","setSearch","allIcons","Object","keys","icons","setIcons","searchIconRef","useRef","searchBarRef","toggleSearch","onChangeSearch","target","filter","icon","toLowerCase","includes","onClearSearch","removeIconSelected","useEffect","current","focus","_Fragment","justifyContent","paddingBottom","Typography","variant","fontWeight","textColor","tag","gap","Searchbar","ref","placeholder","id","getTrad","defaultMessage","onBlur","onClear","clearLabel","IconButton","onClick","withTooltip","Search","Trash","position","wrap","maxHeight","overflow","textAlign","length","map","Box","grow"],"mappings":";;;;;;;;;;;AAuBA,MAAMA,iBAAAA,GAAoBC,uBAAAA,CAAOC,iBAAAA,CAAK,CAAC;;AAEnC,IAAA,EAAEC,4BAAAA,EAAAA,CAAkB;AACL,mBAAA,EAAE,CAAC,EAAEC,KAAK,EAAE,GAAKA,KAAAA,CAAMC,YAAY,CAAC;sBACjC,EAAE,CAAC,EAAED,KAAK,EAAE,GAAKA,KAAAA,CAAME,MAAM,CAACC,UAAU,CAAC;;AAE/D,CAAC;AAYD,MAAMC,QAAAA,GAAW,CAAC,EAAEC,OAAO,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,SAAS,EAAiB,GAAA;IACjF,MAAMC,IAAAA,GAAOC,yBAAe,CAACN,OAAAA,CAAQ;IAErC,qBACEO,cAAA,CAACC,mBAAMC,IAAI,EAAA;QAACR,IAAAA,EAAMA,IAAAA;QAAMS,QAAAA,EAAU,KAAA;gCAChCC,eAAA,CAACH,mBAAMI,KAAK,EAAA;;8BACVD,eAAA,CAACE,2BAAAA,EAAAA;;AACET,wBAAAA,SAAAA;AACD,sCAAAG,cAAA,CAACC,mBAAMM,KAAK,EAAA;4BACVC,IAAAA,EAAK,OAAA;4BACLC,OAAAA,EAASb,UAAAA;4BACTD,QAAAA,EAAUA,QAAAA;4BACVe,KAAAA,EAAOjB,OAAAA;4BACPkB,cAAAA,EAAcf;;;;8BAGlBI,cAAA,CAACY,oBAAAA,EAAAA;oBAAQC,KAAAA,EAAOpB,OAAAA;AACd,oBAAA,QAAA,gBAAAO,cAAA,CAACd,iBAAAA,EAAAA;wBACC4B,OAAAA,EAAS,CAAA;wBACTC,MAAAA,EAAO,SAAA;wBACPC,SAAS,EAAA,IAAA;AACTC,wBAAAA,UAAAA,EAAYrB,aAAa,YAAA,GAAesB,SAAAA;AAExC,wBAAA,QAAA,gBAAAlB,cAAA,CAACF,IAAAA,EAAAA;4BAAKqB,KAAAA,EAAO,MAAA;4BAAQC,MAAAA,EAAQ,MAAA;AAAQC,4BAAAA,IAAAA,EAAMzB,aAAa,YAAA,GAAe;;;;;;;AAMnF,CAAA;AASO,MAAM0B,UAAAA,GAAa,CAAC,EAAEC,SAAS,EAAE7B,IAAI,EAAEC,QAAQ,EAAEe,KAAAA,GAAQ,EAAE,EAAmB,GAAA;IACnF,MAAM,EAAEc,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAM,CAACC,UAAAA,EAAYC,aAAAA,CAAc,GAAGC,cAAAA,CAAS,KAAA,CAAA;AAC7C,IAAA,MAAM,CAACC,MAAAA,EAAQC,SAAAA,CAAU,GAAGF,cAAAA,CAAS,EAAA,CAAA;IACrC,MAAMG,QAAAA,GAAWC,MAAAA,CAAOC,IAAI,CAAClC,yBAAAA,CAAAA;AAC7B,IAAA,MAAM,CAACmC,KAAAA,EAAOC,QAAAA,CAAS,GAAGP,cAAAA,CAASG,QAAAA,CAAAA;AACnC,IAAA,MAAMK,gBAAgBC,YAAAA,CAAO,IAAA,CAAA;AAC7B,IAAA,MAAMC,eAAeD,YAAAA,CAAO,IAAA,CAAA;AAE5B,IAAA,MAAME,YAAAA,GAAe,IAAA;AACnBZ,QAAAA,aAAAA,CAAc,CAACD,UAAAA,CAAAA;AACjB,IAAA,CAAA;AAEA,IAAA,MAAMc,iBAAiB,CAAC,EAAEC,QAAQ,EAAE/B,KAAK,EAAE,EAAiC,GAAA;QAC1EoB,SAAAA,CAAUpB,KAAAA,CAAAA;AACVyB,QAAAA,QAAAA,CAAS,IAAMJ,QAAAA,CAASW,MAAM,CAAC,CAACC,IAAAA,GAASA,IAAAA,CAAKC,WAAW,EAAA,CAAGC,QAAQ,CAACnC,KAAAA,CAAMkC,WAAW,EAAA,CAAA,CAAA,CAAA;AACxF,IAAA,CAAA;AAEA,IAAA,MAAME,aAAAA,GAAgB,IAAA;AACpBP,QAAAA,YAAAA,EAAAA;QACAT,SAAAA,CAAU,EAAA,CAAA;QACVK,QAAAA,CAASJ,QAAAA,CAAAA;AACX,IAAA,CAAA;AAEA,IAAA,MAAMgB,kBAAAA,GAAqB,IAAA;QACzBpD,QAAAA,CAAS;YAAE8C,MAAAA,EAAQ;AAAE/C,gBAAAA,IAAAA;gBAAMgB,KAAAA,EAAO;AAAG;AAAE,SAAA,CAAA;AACzC,IAAA,CAAA;IAEAsC,eAAAA,CAAU,IAAA;AACR,QAAA,IAAItB,UAAAA,EAAY;AACbY,YAAAA,YAAAA,CAAaW,OAAO,EAAkCC,KAAAA,EAAAA;AACzD,QAAA;IACF,CAAA,EAAG;AAACxB,QAAAA;AAAW,KAAA,CAAA;IAEf,qBACEtB,eAAA,CAAA+C,mBAAA,EAAA;;0BACE/C,eAAA,CAAClB,iBAAAA,EAAAA;gBAAKkE,cAAAA,EAAe,eAAA;gBAAgBC,aAAAA,EAAe,CAAA;;kCAClDrD,cAAA,CAACsD,uBAAAA,EAAAA;wBAAWC,OAAAA,EAAQ,IAAA;wBAAKC,UAAAA,EAAW,MAAA;wBAAOC,SAAAA,EAAU,YAAA;wBAAaC,GAAAA,EAAI,OAAA;kCACnElC,aAAAA,CAAcD,SAAAA;;kCAEjBnB,eAAA,CAAClB,iBAAAA,EAAAA;wBAAKyE,GAAAA,EAAK,CAAA;;AACRjC,4BAAAA,UAAAA,iBACC1B,cAAA,CAAC4D,sBAAAA,EAAAA;gCACCC,GAAAA,EAAKvB,YAAAA;gCACL5C,IAAAA,EAAK,WAAA;AACLoE,gCAAAA,WAAAA,EAAatC,aAAAA,CAAc;AACzBuC,oCAAAA,EAAAA,EAAIC,eAAAA,CAAQ,wCAAA,CAAA;oCACZC,cAAAA,EAAgB;AAClB,iCAAA,CAAA;gCACAC,MAAAA,EAAQ,IAAA;AACN,oCAAA,IAAI,CAACrC,MAAAA,EAAQ;AACXU,wCAAAA,YAAAA,EAAAA;AACF,oCAAA;AACF,gCAAA,CAAA;gCACA5C,QAAAA,EAAU6C,cAAAA;gCACV9B,KAAAA,EAAOmB,MAAAA;gCACPsC,OAAAA,EAASrB,aAAAA;AACTsB,gCAAAA,UAAAA,EAAY5C,aAAAA,CAAc;AACxBuC,oCAAAA,EAAAA,EAAIC,eAAAA,CAAQ,+BAAA,CAAA;oCACZC,cAAAA,EAAgB;AAClB,iCAAA,CAAA;0CAECzC,aAAAA,CAAc;AACbuC,oCAAAA,EAAAA,EAAIC,eAAAA,CAAQ,qCAAA,CAAA;oCACZC,cAAAA,EAAgB;AAClB,iCAAA;+CAGFjE,cAAA,CAACqE,uBAAAA,EAAAA;gCACCR,GAAAA,EAAKzB,aAAAA;gCACLkC,OAAAA,EAAS/B,YAAAA;gCACTgC,WAAAA,EAAa,KAAA;AACb1D,gCAAAA,KAAAA,EAAOW,aAAAA,CAAc;AACnBuC,oCAAAA,EAAAA,EAAIC,eAAAA,CAAQ,gCAAA,CAAA;oCACZC,cAAAA,EAAgB;AAClB,iCAAA,CAAA;gCACAV,OAAAA,EAAQ,OAAA;AAER,gCAAA,QAAA,gBAAAvD,cAAA,CAACwE,YAAAA,EAAAA,EAAAA;;AAGJ9D,4BAAAA,KAAAA,kBACCV,cAAA,CAACY,oBAAAA,EAAAA;AACCC,gCAAAA,KAAAA,EAAOW,aAAAA,CAAc;AACnBuC,oCAAAA,EAAAA,EAAIC,eAAAA,CAAQ,2BAAA,CAAA;oCACZC,cAAAA,EAAgB;AAClB,iCAAA,CAAA;AAEA,gCAAA,QAAA,gBAAAjE,cAAA,CAACqE,uBAAAA,EAAAA;oCACCC,OAAAA,EAASvB,kBAAAA;oCACTwB,WAAAA,EAAa,KAAA;AACb1D,oCAAAA,KAAAA,EAAOW,aAAAA,CAAc;AACnBuC,wCAAAA,EAAAA,EAAIC,eAAAA,CAAQ,0BAAA,CAAA;wCACZC,cAAAA,EAAgB;AAClB,qCAAA,CAAA;oCACAV,OAAAA,EAAQ,OAAA;AAER,oCAAA,QAAA,gBAAAvD,cAAA,CAACyE,WAAAA,EAAAA,EAAAA;;;;;;;0BAMXzE,cAAA,CAAChB,iBAAAA,EAAAA;gBACC0F,QAAAA,EAAS,UAAA;gBACT5D,OAAAA,EAAS,CAAA;gBACTG,UAAAA,EAAW,YAAA;gBACXD,SAAS,EAAA,IAAA;gBACT2D,IAAAA,EAAK,MAAA;gBACLhB,GAAAA,EAAK,CAAA;gBACLiB,SAAAA,EAAU,OAAA;gBACVC,QAAAA,EAAS,MAAA;gBACTC,SAAAA,EAAU,QAAA;0BAET5C,KAAAA,CAAM6C,MAAM,GAAG,CAAA,GACd7C,KAAAA,CAAM8C,GAAG,CAAC,CAACvF,wBACTO,cAAA,CAACR,QAAAA,EAAAA;wBAECC,OAAAA,EAASA,OAAAA;wBACTC,IAAAA,EAAMA,IAAAA;wBACNC,QAAAA,EAAUA,QAAAA;AACVC,wBAAAA,UAAAA,EAAYH,OAAAA,KAAYiB,KAAAA;AACxBb,wBAAAA,SAAAA,EAAW2B,aAAAA,CACT;AACEuC,4BAAAA,EAAAA,EAAIC,eAAAA,CAAQ,uBAAA,CAAA;4BACZC,cAAAA,EAAgB;yBAClB,EACA;4BAAEtB,IAAAA,EAAMlD;AAAQ,yBAAA;AAVbA,qBAAAA,EAAAA,OAAAA,CAAAA,CAAAA,iBAeTO,cAAA,CAACiF,gBAAAA,EAAAA;oBAAInE,OAAAA,EAAS,CAAA;oBAAGoE,IAAAA,EAAM,CAAA;AACrB,oBAAA,QAAA,gBAAAlF,cAAA,CAACsD,uBAAAA,EAAAA;wBAAWC,OAAAA,EAAQ,OAAA;wBAAQE,SAAAA,EAAU,YAAA;wBAAaqB,SAAAA,EAAU,QAAA;kCAC1DtD,aAAAA,CAAc;AACbuC,4BAAAA,EAAAA,EAAIC,eAAAA,CAAQ,6BAAA,CAAA;4BACZC,cAAAA,EAAgB;AAClB,yBAAA;;;;;;AAOd;;;;"}

package/dist/admin/components/IconPicker/IconPicker.mjs

@@ -0,0 +1,199 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState, useRef, useEffect } from 'react';
+import { Flex, Typography, Searchbar, IconButton, Tooltip, Box, inputFocusStyle, Field, VisuallyHidden } from '@strapi/design-system';
+import { Search, Trash } from '@strapi/icons';
+import { useIntl } from 'react-intl';
+import { styled } from 'styled-components';
+import { getTrad } from '../../utils/getTrad.mjs';
+import { COMPONENT_ICONS } from './constants.mjs';
+
+const IconPickerWrapper = styled(Flex)`
+  label {
+    ${inputFocusStyle()}
+    border-radius: ${({ theme })=>theme.borderRadius};
+    border: 1px solid ${({ theme })=>theme.colors.neutral100};
+  }
+`;
+const IconPick = ({ iconKey, name, onChange, isSelected, ariaLabel })=>{
+    const Icon = COMPONENT_ICONS[iconKey];
+    return /*#__PURE__*/ jsx(Field.Root, {
+        name: name,
+        required: false,
+        children: /*#__PURE__*/ jsxs(Field.Label, {
+            children: [
+                /*#__PURE__*/ jsxs(VisuallyHidden, {
+                    children: [
+                        ariaLabel,
+                        /*#__PURE__*/ jsx(Field.Input, {
+                            type: "radio",
+                            checked: isSelected,
+                            onChange: onChange,
+                            value: iconKey,
+                            "aria-checked": isSelected
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsx(Tooltip, {
+                    label: iconKey,
+                    children: /*#__PURE__*/ jsx(Flex, {
+                        padding: 2,
+                        cursor: "pointer",
+                        hasRadius: true,
+                        background: isSelected ? 'primary200' : undefined,
+                        children: /*#__PURE__*/ jsx(Icon, {
+                            width: '2rem',
+                            height: '2rem',
+                            fill: isSelected ? 'primary600' : 'neutral300'
+                        })
+                    })
+                })
+            ]
+        })
+    });
+};
+const IconPicker = ({ intlLabel, name, onChange, value = '' })=>{
+    const { formatMessage } = useIntl();
+    const [showSearch, setShowSearch] = useState(false);
+    const [search, setSearch] = useState('');
+    const allIcons = Object.keys(COMPONENT_ICONS);
+    const [icons, setIcons] = useState(allIcons);
+    const searchIconRef = useRef(null);
+    const searchBarRef = useRef(null);
+    const toggleSearch = ()=>{
+        setShowSearch(!showSearch);
+    };
+    const onChangeSearch = ({ target: { value } })=>{
+        setSearch(value);
+        setIcons(()=>allIcons.filter((icon)=>icon.toLowerCase().includes(value.toLowerCase())));
+    };
+    const onClearSearch = ()=>{
+        toggleSearch();
+        setSearch('');
+        setIcons(allIcons);
+    };
+    const removeIconSelected = ()=>{
+        onChange({
+            target: {
+                name,
+                value: ''
+            }
+        });
+    };
+    useEffect(()=>{
+        if (showSearch) {
+            searchBarRef.current?.focus();
+        }
+    }, [
+        showSearch
+    ]);
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsxs(Flex, {
+                justifyContent: "space-between",
+                paddingBottom: 2,
+                children: [
+                    /*#__PURE__*/ jsx(Typography, {
+                        variant: "pi",
+                        fontWeight: "bold",
+                        textColor: "neutral800",
+                        tag: "label",
+                        children: formatMessage(intlLabel)
+                    }),
+                    /*#__PURE__*/ jsxs(Flex, {
+                        gap: 1,
+                        children: [
+                            showSearch ? /*#__PURE__*/ jsx(Searchbar, {
+                                ref: searchBarRef,
+                                name: "searchbar",
+                                placeholder: formatMessage({
+                                    id: getTrad('ComponentIconPicker.search.placeholder'),
+                                    defaultMessage: 'Search for an icon'
+                                }),
+                                onBlur: ()=>{
+                                    if (!search) {
+                                        toggleSearch();
+                                    }
+                                },
+                                onChange: onChangeSearch,
+                                value: search,
+                                onClear: onClearSearch,
+                                clearLabel: formatMessage({
+                                    id: getTrad('IconPicker.search.clear.label'),
+                                    defaultMessage: 'Clear the icon search'
+                                }),
+                                children: formatMessage({
+                                    id: getTrad('IconPicker.search.placeholder.label'),
+                                    defaultMessage: 'Search for an icon'
+                                })
+                            }) : /*#__PURE__*/ jsx(IconButton, {
+                                ref: searchIconRef,
+                                onClick: toggleSearch,
+                                withTooltip: false,
+                                label: formatMessage({
+                                    id: getTrad('IconPicker.search.button.label'),
+                                    defaultMessage: 'Search icon button'
+                                }),
+                                variant: "ghost",
+                                children: /*#__PURE__*/ jsx(Search, {})
+                            }),
+                            value && /*#__PURE__*/ jsx(Tooltip, {
+                                label: formatMessage({
+                                    id: getTrad('IconPicker.remove.tooltip'),
+                                    defaultMessage: 'Remove the selected icon'
+                                }),
+                                children: /*#__PURE__*/ jsx(IconButton, {
+                                    onClick: removeIconSelected,
+                                    withTooltip: false,
+                                    label: formatMessage({
+                                        id: getTrad('IconPicker.remove.button'),
+                                        defaultMessage: 'Remove the selected icon'
+                                    }),
+                                    variant: "ghost",
+                                    children: /*#__PURE__*/ jsx(Trash, {})
+                                })
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(IconPickerWrapper, {
+                position: "relative",
+                padding: 1,
+                background: "neutral100",
+                hasRadius: true,
+                wrap: "wrap",
+                gap: 2,
+                maxHeight: "126px",
+                overflow: "auto",
+                textAlign: "center",
+                children: icons.length > 0 ? icons.map((iconKey)=>/*#__PURE__*/ jsx(IconPick, {
+                        iconKey: iconKey,
+                        name: name,
+                        onChange: onChange,
+                        isSelected: iconKey === value,
+                        ariaLabel: formatMessage({
+                            id: getTrad('IconPicker.icon.label'),
+                            defaultMessage: 'Select {icon} icon'
+                        }, {
+                            icon: iconKey
+                        })
+                    }, iconKey)) : /*#__PURE__*/ jsx(Box, {
+                    padding: 4,
+                    grow: 2,
+                    children: /*#__PURE__*/ jsx(Typography, {
+                        variant: "delta",
+                        textColor: "neutral600",
+                        textAlign: "center",
+                        children: formatMessage({
+                            id: getTrad('IconPicker.emptyState.label'),
+                            defaultMessage: 'No icon found'
+                        })
+                    })
+                })
+            })
+        ]
+    });
+};
+
+export { IconPicker };
+//# sourceMappingURL=IconPicker.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconPicker.mjs","sources":["../../../../admin/src/components/IconPicker/IconPicker.tsx"],"sourcesContent":["import { type ChangeEventHandler, useEffect, useRef, useState } from 'react';\r\n\r\nimport {\r\n  Box,\r\n  Field,\r\n  Flex,\r\n  IconButton,\r\n  inputFocusStyle,\r\n  Searchbar,\r\n  Tooltip,\r\n  Typography,\r\n  VisuallyHidden,\r\n} from '@strapi/design-system';\r\nimport { Search, Trash } from '@strapi/icons';\r\nimport { useIntl } from 'react-intl';\r\nimport { styled } from 'styled-components';\r\n\r\nimport { getTrad } from '../../utils';\r\n\r\nimport { COMPONENT_ICONS } from './constants';\r\n\r\nimport type { FormChangeHandler, IntlLabel } from '../../types';\r\n\r\nconst IconPickerWrapper = styled(Flex)`\r\n  label {\r\n    ${inputFocusStyle()}\r\n    border-radius: ${({ theme }) => theme.borderRadius};\r\n    border: 1px solid ${({ theme }) => theme.colors.neutral100};\r\n  }\r\n`;\r\n\r\ntype Icons = keyof typeof COMPONENT_ICONS;\r\n\r\ninterface IconPickProps {\r\n  iconKey: Icons;\r\n  name: string;\r\n  onChange: ChangeEventHandler<HTMLInputElement>;\r\n  isSelected: boolean;\r\n  ariaLabel: string;\r\n}\r\n\r\nconst IconPick = ({ iconKey, name, onChange, isSelected, ariaLabel }: IconPickProps) => {\r\n  const Icon = COMPONENT_ICONS[iconKey];\r\n\r\n  return (\r\n    <Field.Root name={name} required={false}>\r\n      <Field.Label>\r\n        <VisuallyHidden>\r\n          {ariaLabel}\r\n          <Field.Input\r\n            type=\"radio\"\r\n            checked={isSelected}\r\n            onChange={onChange}\r\n            value={iconKey}\r\n            aria-checked={isSelected}\r\n          />\r\n        </VisuallyHidden>\r\n        <Tooltip label={iconKey}>\r\n          <Flex\r\n            padding={2}\r\n            cursor=\"pointer\"\r\n            hasRadius\r\n            background={isSelected ? 'primary200' : undefined}\r\n          >\r\n            <Icon width={'2rem'} height={'2rem'} fill={isSelected ? 'primary600' : 'neutral300'} />\r\n          </Flex>\r\n        </Tooltip>\r\n      </Field.Label>\r\n    </Field.Root>\r\n  );\r\n};\r\n\r\nexport interface IconPickerProps {\r\n  intlLabel: IntlLabel;\r\n  name: string;\r\n  onChange: FormChangeHandler<string>;\r\n  value?: string;\r\n}\r\n\r\nexport const IconPicker = ({ intlLabel, name, onChange, value = '' }: IconPickerProps) => {\r\n  const { formatMessage } = useIntl();\r\n  const [showSearch, setShowSearch] = useState(false);\r\n  const [search, setSearch] = useState('');\r\n  const allIcons = Object.keys(COMPONENT_ICONS) as Icons[];\r\n  const [icons, setIcons] = useState(allIcons);\r\n  const searchIconRef = useRef(null);\r\n  const searchBarRef = useRef(null);\r\n\r\n  const toggleSearch = () => {\r\n    setShowSearch(!showSearch);\r\n  };\r\n\r\n  const onChangeSearch = ({ target: { value } }: { target: { value: string } }) => {\r\n    setSearch(value);\r\n    setIcons(() => allIcons.filter((icon) => icon.toLowerCase().includes(value.toLowerCase())));\r\n  };\r\n\r\n  const onClearSearch = () => {\r\n    toggleSearch();\r\n    setSearch('');\r\n    setIcons(allIcons);\r\n  };\r\n\r\n  const removeIconSelected = () => {\r\n    onChange({ target: { name, value: '' } });\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (showSearch) {\r\n      (searchBarRef.current as unknown as HTMLInputElement)?.focus();\r\n    }\r\n  }, [showSearch]);\r\n\r\n  return (\r\n    <>\r\n      <Flex justifyContent=\"space-between\" paddingBottom={2}>\r\n        <Typography variant=\"pi\" fontWeight=\"bold\" textColor=\"neutral800\" tag=\"label\">\r\n          {formatMessage(intlLabel)}\r\n        </Typography>\r\n        <Flex gap={1}>\r\n          {showSearch ? (\r\n            <Searchbar\r\n              ref={searchBarRef}\r\n              name=\"searchbar\"\r\n              placeholder={formatMessage({\r\n                id: getTrad('ComponentIconPicker.search.placeholder'),\r\n                defaultMessage: 'Search for an icon',\r\n              })}\r\n              onBlur={() => {\r\n                if (!search) {\r\n                  toggleSearch();\r\n                }\r\n              }}\r\n              onChange={onChangeSearch}\r\n              value={search}\r\n              onClear={onClearSearch}\r\n              clearLabel={formatMessage({\r\n                id: getTrad('IconPicker.search.clear.label'),\r\n                defaultMessage: 'Clear the icon search',\r\n              })}\r\n            >\r\n              {formatMessage({\r\n                id: getTrad('IconPicker.search.placeholder.label'),\r\n                defaultMessage: 'Search for an icon',\r\n              })}\r\n            </Searchbar>\r\n          ) : (\r\n            <IconButton\r\n              ref={searchIconRef}\r\n              onClick={toggleSearch}\r\n              withTooltip={false}\r\n              label={formatMessage({\r\n                id: getTrad('IconPicker.search.button.label'),\r\n                defaultMessage: 'Search icon button',\r\n              })}\r\n              variant=\"ghost\"\r\n            >\r\n              <Search />\r\n            </IconButton>\r\n          )}\r\n          {value && (\r\n            <Tooltip\r\n              label={formatMessage({\r\n                id: getTrad('IconPicker.remove.tooltip'),\r\n                defaultMessage: 'Remove the selected icon',\r\n              })}\r\n            >\r\n              <IconButton\r\n                onClick={removeIconSelected}\r\n                withTooltip={false}\r\n                label={formatMessage({\r\n                  id: getTrad('IconPicker.remove.button'),\r\n                  defaultMessage: 'Remove the selected icon',\r\n                })}\r\n                variant=\"ghost\"\r\n              >\r\n                <Trash />\r\n              </IconButton>\r\n            </Tooltip>\r\n          )}\r\n        </Flex>\r\n      </Flex>\r\n      <IconPickerWrapper\r\n        position=\"relative\"\r\n        padding={1}\r\n        background=\"neutral100\"\r\n        hasRadius\r\n        wrap=\"wrap\"\r\n        gap={2}\r\n        maxHeight=\"126px\"\r\n        overflow=\"auto\"\r\n        textAlign=\"center\"\r\n      >\r\n        {icons.length > 0 ? (\r\n          icons.map((iconKey) => (\r\n            <IconPick\r\n              key={iconKey}\r\n              iconKey={iconKey}\r\n              name={name}\r\n              onChange={onChange}\r\n              isSelected={iconKey === value}\r\n              ariaLabel={formatMessage(\r\n                {\r\n                  id: getTrad('IconPicker.icon.label'),\r\n                  defaultMessage: 'Select {icon} icon',\r\n                },\r\n                { icon: iconKey }\r\n              )}\r\n            />\r\n          ))\r\n        ) : (\r\n          <Box padding={4} grow={2}>\r\n            <Typography variant=\"delta\" textColor=\"neutral600\" textAlign=\"center\">\r\n              {formatMessage({\r\n                id: getTrad('IconPicker.emptyState.label'),\r\n                defaultMessage: 'No icon found',\r\n              })}\r\n            </Typography>\r\n          </Box>\r\n        )}\r\n      </IconPickerWrapper>\r\n    </>\r\n  );\r\n};\r\n"],"names":["IconPickerWrapper","styled","Flex","inputFocusStyle","theme","borderRadius","colors","neutral100","IconPick","iconKey","name","onChange","isSelected","ariaLabel","Icon","COMPONENT_ICONS","_jsx","Field","Root","required","_jsxs","Label","VisuallyHidden","Input","type","checked","value","aria-checked","Tooltip","label","padding","cursor","hasRadius","background","undefined","width","height","fill","IconPicker","intlLabel","formatMessage","useIntl","showSearch","setShowSearch","useState","search","setSearch","allIcons","Object","keys","icons","setIcons","searchIconRef","useRef","searchBarRef","toggleSearch","onChangeSearch","target","filter","icon","toLowerCase","includes","onClearSearch","removeIconSelected","useEffect","current","focus","_Fragment","justifyContent","paddingBottom","Typography","variant","fontWeight","textColor","tag","gap","Searchbar","ref","placeholder","id","getTrad","defaultMessage","onBlur","onClear","clearLabel","IconButton","onClick","withTooltip","Search","Trash","position","wrap","maxHeight","overflow","textAlign","length","map","Box","grow"],"mappings":"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"}

package/dist/admin/components/IconPicker/constants.js

@@ -0,0 +1,159 @@
+'use strict';
+
+var Icons = require('@strapi/icons');
+var Symbols = require('@strapi/icons/symbols');
+
+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 Icons__namespace = /*#__PURE__*/_interopNamespace(Icons);
+var Symbols__namespace = /*#__PURE__*/_interopNamespace(Symbols);
+
+const COMPONENT_ICONS = {
+    alien: Icons__namespace.Alien,
+    apps: Icons__namespace.GridNine,
+    archive: Icons__namespace.Archive,
+    arrowDown: Icons__namespace.ArrowDown,
+    arrowLeft: Icons__namespace.ArrowLeft,
+    arrowRight: Icons__namespace.ArrowRight,
+    arrowUp: Icons__namespace.ArrowUp,
+    attachment: Icons__namespace.Paperclip,
+    bell: Icons__namespace.Bell,
+    bold: Icons__namespace.Bold,
+    book: Icons__namespace.Book,
+    briefcase: Icons__namespace.Briefcase,
+    brush: Icons__namespace.PaintBrush,
+    bulletList: Icons__namespace.BulletList,
+    calendar: Icons__namespace.Calendar,
+    car: Icons__namespace.Car,
+    cast: Icons__namespace.Cast,
+    chartBubble: Icons__namespace.ChartBubble,
+    chartCircle: Icons__namespace.ChartCircle,
+    chartPie: Icons__namespace.ChartPie,
+    check: Icons__namespace.Check,
+    clock: Icons__namespace.Clock,
+    cloud: Icons__namespace.Cloud,
+    code: Icons__namespace.Code,
+    cog: Icons__namespace.Cog,
+    collapse: Icons__namespace.Collapse,
+    command: Icons__namespace.Command,
+    connector: Icons__namespace.Faders,
+    crop: Icons__namespace.Crop,
+    crown: Icons__namespace.Crown,
+    cup: Icons__namespace.Coffee,
+    cursor: Icons__namespace.Cursor,
+    dashboard: Icons__namespace.SquaresFour,
+    database: Icons__namespace.Database,
+    discuss: Icons__namespace.Discuss,
+    doctor: Icons__namespace.Stethoscope,
+    earth: Icons__namespace.Earth,
+    emotionHappy: Icons__namespace.EmotionHappy,
+    emotionUnhappy: Icons__namespace.EmotionUnhappy,
+    envelop: Icons__namespace.Mail,
+    exit: Icons__namespace.SignOut,
+    expand: Icons__namespace.Expand,
+    eye: Icons__namespace.Eye,
+    feather: Icons__namespace.Feather,
+    file: Icons__namespace.File,
+    fileError: Icons__namespace.FileError,
+    filePdf: Icons__namespace.FilePdf,
+    fileXls: Icons__namespace.FileXls,
+    fileZip: Icons__namespace.FileZip,
+    fileCsv: Icons__namespace.FileCsv,
+    filter: Icons__namespace.Filter,
+    folder: Icons__namespace.Folder,
+    gate: Icons__namespace.CastleTurret,
+    gift: Icons__namespace.Gift,
+    globe: Icons__namespace.Globe,
+    grid: Icons__namespace.GridFour,
+    handHeart: Icons__namespace.HandHeart,
+    hashtag: Icons__namespace.Hashtag,
+    headphone: Icons__namespace.Headphones,
+    heart: Icons__namespace.Heart,
+    house: Icons__namespace.House,
+    information: Icons__namespace.Information,
+    italic: Icons__namespace.Italic,
+    key: Icons__namespace.Key,
+    landscape: Icons__namespace.Images,
+    layer: Icons__namespace.ListPlus,
+    layout: Icons__namespace.Layout,
+    lightbulb: Icons__namespace.Lightbulb,
+    link: Icons__namespace.Link,
+    lock: Icons__namespace.Lock,
+    magic: Icons__namespace.Magic,
+    manyToMany: Icons__namespace.ManyToMany,
+    manyToOne: Icons__namespace.ManyToOne,
+    manyWays: Icons__namespace.ManyWays,
+    medium: Symbols__namespace.Medium,
+    message: Icons__namespace.Message,
+    microphone: Icons__namespace.Microphone,
+    monitor: Icons__namespace.Monitor,
+    moon: Icons__namespace.Moon,
+    music: Icons__namespace.MusicNotes,
+    oneToMany: Icons__namespace.OneToMany,
+    oneToOne: Icons__namespace.OneToOne,
+    oneWay: Icons__namespace.OneWay,
+    paint: Icons__namespace.PaintBrush,
+    paintBrush: Icons__namespace.PaintBrush,
+    paperPlane: Icons__namespace.PaperPlane,
+    pencil: Icons__namespace.Pencil,
+    phone: Icons__namespace.Phone,
+    picture: Icons__namespace.Image,
+    pin: Icons__namespace.Pin,
+    pinMap: Icons__namespace.PinMap,
+    plane: Icons__namespace.Plane,
+    play: Icons__namespace.Play,
+    plus: Icons__namespace.Plus,
+    priceTag: Icons__namespace.PriceTag,
+    puzzle: Icons__namespace.PuzzlePiece,
+    question: Icons__namespace.Question,
+    quote: Icons__namespace.Quotes,
+    refresh: Icons__namespace.ArrowClockwise,
+    restaurant: Icons__namespace.Restaurant,
+    rocket: Icons__namespace.Rocket,
+    rotate: Icons__namespace.ArrowsCounterClockwise,
+    scissors: Icons__namespace.Scissors,
+    search: Icons__namespace.Search,
+    seed: Icons__namespace.Plant,
+    server: Icons__namespace.Server,
+    shield: Icons__namespace.Shield,
+    shirt: Icons__namespace.Shirt,
+    shoppingCart: Icons__namespace.ShoppingCart,
+    slideshow: Icons__namespace.PresentationChart,
+    stack: Icons__namespace.Stack,
+    star: Icons__namespace.Star,
+    store: Icons__namespace.Store,
+    strikeThrough: Icons__namespace.StrikeThrough,
+    sun: Icons__namespace.Sun,
+    television: Icons__namespace.Television,
+    thumbDown: Icons__namespace.ThumbDown,
+    thumbUp: Icons__namespace.ThumbUp,
+    train: Icons__namespace.Train,
+    twitter: Symbols__namespace.X,
+    typhoon: Icons__namespace.Typhoon,
+    underline: Icons__namespace.Underline,
+    user: Icons__namespace.User,
+    volumeMute: Icons__namespace.VolumeMute,
+    volumeUp: Icons__namespace.VolumeUp,
+    walk: Icons__namespace.Walk,
+    wheelchair: Icons__namespace.Wheelchair,
+    write: Icons__namespace.Feather
+};
+
+exports.COMPONENT_ICONS = COMPONENT_ICONS;
+//# sourceMappingURL=constants.js.map

package/dist/admin/components/IconPicker/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../admin/src/components/IconPicker/constants.ts"],"sourcesContent":["import * as Icons from '@strapi/icons';\r\nimport * as Symbols from '@strapi/icons/symbols';\r\n\r\nexport type Icon = (typeof Icons)[keyof typeof Icons] | (typeof Symbols)[keyof typeof Symbols];\r\n\r\nconst COMPONENT_ICONS: Record<string, Icon> = {\r\n  alien: Icons.Alien,\r\n  apps: Icons.GridNine,\r\n  archive: Icons.Archive,\r\n  arrowDown: Icons.ArrowDown,\r\n  arrowLeft: Icons.ArrowLeft,\r\n  arrowRight: Icons.ArrowRight,\r\n  arrowUp: Icons.ArrowUp,\r\n  attachment: Icons.Paperclip,\r\n  bell: Icons.Bell,\r\n  bold: Icons.Bold,\r\n  book: Icons.Book,\r\n  briefcase: Icons.Briefcase,\r\n  brush: Icons.PaintBrush,\r\n  bulletList: Icons.BulletList,\r\n  calendar: Icons.Calendar,\r\n  car: Icons.Car,\r\n  cast: Icons.Cast,\r\n  chartBubble: Icons.ChartBubble,\r\n  chartCircle: Icons.ChartCircle,\r\n  chartPie: Icons.ChartPie,\r\n  check: Icons.Check,\r\n  clock: Icons.Clock,\r\n  cloud: Icons.Cloud,\r\n  code: Icons.Code,\r\n  cog: Icons.Cog,\r\n  collapse: Icons.Collapse,\r\n  command: Icons.Command,\r\n  connector: Icons.Faders,\r\n  crop: Icons.Crop,\r\n  crown: Icons.Crown,\r\n  cup: Icons.Coffee,\r\n  cursor: Icons.Cursor,\r\n  dashboard: Icons.SquaresFour,\r\n  database: Icons.Database,\r\n  discuss: Icons.Discuss,\r\n  doctor: Icons.Stethoscope,\r\n  earth: Icons.Earth,\r\n  emotionHappy: Icons.EmotionHappy,\r\n  emotionUnhappy: Icons.EmotionUnhappy,\r\n  envelop: Icons.Mail,\r\n  exit: Icons.SignOut,\r\n  expand: Icons.Expand,\r\n  eye: Icons.Eye,\r\n  feather: Icons.Feather,\r\n  file: Icons.File,\r\n  fileError: Icons.FileError,\r\n  filePdf: Icons.FilePdf,\r\n  fileXls: Icons.FileXls,\r\n  fileZip: Icons.FileZip,\r\n  fileCsv: Icons.FileCsv,\r\n  filter: Icons.Filter,\r\n  folder: Icons.Folder,\r\n  gate: Icons.CastleTurret,\r\n  gift: Icons.Gift,\r\n  globe: Icons.Globe,\r\n  grid: Icons.GridFour,\r\n  handHeart: Icons.HandHeart,\r\n  hashtag: Icons.Hashtag,\r\n  headphone: Icons.Headphones,\r\n  heart: Icons.Heart,\r\n  house: Icons.House,\r\n  information: Icons.Information,\r\n  italic: Icons.Italic,\r\n  key: Icons.Key,\r\n  landscape: Icons.Images,\r\n  layer: Icons.ListPlus,\r\n  layout: Icons.Layout,\r\n  lightbulb: Icons.Lightbulb,\r\n  link: Icons.Link,\r\n  lock: Icons.Lock,\r\n  magic: Icons.Magic,\r\n  manyToMany: Icons.ManyToMany,\r\n  manyToOne: Icons.ManyToOne,\r\n  manyWays: Icons.ManyWays,\r\n  medium: Symbols.Medium,\r\n  message: Icons.Message,\r\n  microphone: Icons.Microphone,\r\n  monitor: Icons.Monitor,\r\n  moon: Icons.Moon,\r\n  music: Icons.MusicNotes,\r\n  oneToMany: Icons.OneToMany,\r\n  oneToOne: Icons.OneToOne,\r\n  oneWay: Icons.OneWay,\r\n  paint: Icons.PaintBrush,\r\n  paintBrush: Icons.PaintBrush,\r\n  paperPlane: Icons.PaperPlane,\r\n  pencil: Icons.Pencil,\r\n  phone: Icons.Phone,\r\n  picture: Icons.Image,\r\n  pin: Icons.Pin,\r\n  pinMap: Icons.PinMap,\r\n  plane: Icons.Plane,\r\n  play: Icons.Play,\r\n  plus: Icons.Plus,\r\n  priceTag: Icons.PriceTag,\r\n  puzzle: Icons.PuzzlePiece,\r\n  question: Icons.Question,\r\n  quote: Icons.Quotes,\r\n  refresh: Icons.ArrowClockwise,\r\n  restaurant: Icons.Restaurant,\r\n  rocket: Icons.Rocket,\r\n  rotate: Icons.ArrowsCounterClockwise,\r\n  scissors: Icons.Scissors,\r\n  search: Icons.Search,\r\n  seed: Icons.Plant,\r\n  server: Icons.Server,\r\n  shield: Icons.Shield,\r\n  shirt: Icons.Shirt,\r\n  shoppingCart: Icons.ShoppingCart,\r\n  slideshow: Icons.PresentationChart,\r\n  stack: Icons.Stack,\r\n  star: Icons.Star,\r\n  store: Icons.Store,\r\n  strikeThrough: Icons.StrikeThrough,\r\n  sun: Icons.Sun,\r\n  television: Icons.Television,\r\n  thumbDown: Icons.ThumbDown,\r\n  thumbUp: Icons.ThumbUp,\r\n  train: Icons.Train,\r\n  twitter: Symbols.X,\r\n  typhoon: Icons.Typhoon,\r\n  underline: Icons.Underline,\r\n  user: Icons.User,\r\n  volumeMute: Icons.VolumeMute,\r\n  volumeUp: Icons.VolumeUp,\r\n  walk: Icons.Walk,\r\n  wheelchair: Icons.Wheelchair,\r\n  write: Icons.Feather,\r\n};\r\n\r\nexport { COMPONENT_ICONS };\r\n"],"names":["COMPONENT_ICONS","alien","Icons","Alien","apps","GridNine","archive","Archive","arrowDown","ArrowDown","arrowLeft","ArrowLeft","arrowRight","ArrowRight","arrowUp","ArrowUp","attachment","Paperclip","bell","Bell","bold","Bold","book","Book","briefcase","Briefcase","brush","PaintBrush","bulletList","BulletList","calendar","Calendar","car","Car","cast","Cast","chartBubble","ChartBubble","chartCircle","ChartCircle","chartPie","ChartPie","check","Check","clock","Clock","cloud","Cloud","code","Code","cog","Cog","collapse","Collapse","command","Command","connector","Faders","crop","Crop","crown","Crown","cup","Coffee","cursor","Cursor","dashboard","SquaresFour","database","Database","discuss","Discuss","doctor","Stethoscope","earth","Earth","emotionHappy","EmotionHappy","emotionUnhappy","EmotionUnhappy","envelop","Mail","exit","SignOut","expand","Expand","eye","Eye","feather","Feather","file","File","fileError","FileError","filePdf","FilePdf","fileXls","FileXls","fileZip","FileZip","fileCsv","FileCsv","filter","Filter","folder","Folder","gate","CastleTurret","gift","Gift","globe","Globe","grid","GridFour","handHeart","HandHeart","hashtag","Hashtag","headphone","Headphones","heart","Heart","house","House","information","Information","italic","Italic","key","Key","landscape","Images","layer","ListPlus","layout","Layout","lightbulb","Lightbulb","link","Link","lock","Lock","magic","Magic","manyToMany","ManyToMany","manyToOne","ManyToOne","manyWays","ManyWays","medium","Symbols","Medium","message","Message","microphone","Microphone","monitor","Monitor","moon","Moon","music","MusicNotes","oneToMany","OneToMany","oneToOne","OneToOne","oneWay","OneWay","paint","paintBrush","paperPlane","PaperPlane","pencil","Pencil","phone","Phone","picture","Image","pin","Pin","pinMap","PinMap","plane","Plane","play","Play","plus","Plus","priceTag","PriceTag","puzzle","PuzzlePiece","question","Question","quote","Quotes","refresh","ArrowClockwise","restaurant","Restaurant","rocket","Rocket","rotate","ArrowsCounterClockwise","scissors","Scissors","search","Search","seed","Plant","server","Server","shield","Shield","shirt","Shirt","shoppingCart","ShoppingCart","slideshow","PresentationChart","stack","Stack","star","Star","store","Store","strikeThrough","StrikeThrough","sun","Sun","television","Television","thumbDown","ThumbDown","thumbUp","ThumbUp","train","Train","twitter","X","typhoon","Typhoon","underline","Underline","user","User","volumeMute","VolumeMute","volumeUp","VolumeUp","walk","Walk","wheelchair","Wheelchair","write"],"mappings":"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"}