@strapi/content-type-builder 5.12.1 → 5.12.3

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

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

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

@@ -0,0 +1,194 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState, useRef, useEffect } from 'react';
+import { Flex, inputFocusStyle, Typography, Searchbar, IconButton, Tooltip, Box, 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(Flex, {
+                    padding: 2,
+                    cursor: "pointer",
+                    hasRadius: true,
+                    background: isSelected ? 'primary200' : undefined,
+                    children: /*#__PURE__*/ jsx(Icon, {
+                        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 { useEffect, useRef, useState } from 'react';\n\nimport {\n  Box,\n  Field,\n  Flex,\n  IconButton,\n  inputFocusStyle,\n  Searchbar,\n  Tooltip,\n  Typography,\n  VisuallyHidden,\n} from '@strapi/design-system';\nimport { Search, Trash } from '@strapi/icons';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport { getTrad } from '../../utils';\n\nimport { COMPONENT_ICONS } from './constants';\n\nimport type { IntlLabel } from '../../types';\n\nconst IconPickerWrapper = styled(Flex)`\n  label {\n    ${inputFocusStyle()}\n    border-radius: ${({ theme }) => theme.borderRadius};\n    border: 1px solid ${({ theme }) => theme.colors.neutral100};\n  }\n`;\n\ntype Icons = keyof typeof COMPONENT_ICONS;\n\ninterface IconPickProps {\n  iconKey: Icons;\n  name: string;\n  onChange: (value: any) => void;\n  isSelected: boolean;\n  ariaLabel: string;\n}\n\nconst IconPick = ({ iconKey, name, onChange, isSelected, ariaLabel }: IconPickProps) => {\n  const Icon = COMPONENT_ICONS[iconKey];\n\n  return (\n    <Field.Root name={name} required={false}>\n      <Field.Label>\n        <VisuallyHidden>\n          {ariaLabel}\n          <Field.Input\n            type=\"radio\"\n            checked={isSelected}\n            onChange={onChange}\n            value={iconKey}\n            aria-checked={isSelected}\n          />\n        </VisuallyHidden>\n        <Flex\n          padding={2}\n          cursor=\"pointer\"\n          hasRadius\n          background={isSelected ? 'primary200' : undefined}\n        >\n          <Icon fill={isSelected ? 'primary600' : 'neutral300'} />\n        </Flex>\n      </Field.Label>\n    </Field.Root>\n  );\n};\n\nexport interface IconPickerProps {\n  intlLabel: IntlLabel;\n  name: string;\n  onChange: (value: { target: { name: string; value: string } }) => void;\n  value?: string;\n}\n\nexport const IconPicker = ({ intlLabel, name, onChange, value = '' }: IconPickerProps) => {\n  const { formatMessage } = useIntl();\n  const [showSearch, setShowSearch] = useState(false);\n  const [search, setSearch] = useState('');\n  const allIcons = Object.keys(COMPONENT_ICONS) as Icons[];\n  const [icons, setIcons] = useState(allIcons);\n  const searchIconRef = useRef(null);\n  const searchBarRef = useRef(null);\n\n  const toggleSearch = () => {\n    setShowSearch(!showSearch);\n  };\n\n  const onChangeSearch = ({ target: { value } }: { target: { value: string } }) => {\n    setSearch(value);\n    setIcons(() => allIcons.filter((icon) => icon.toLowerCase().includes(value.toLowerCase())));\n  };\n\n  const onClearSearch = () => {\n    toggleSearch();\n    setSearch('');\n    setIcons(allIcons);\n  };\n\n  const removeIconSelected = () => {\n    onChange({ target: { name, value: '' } });\n  };\n\n  useEffect(() => {\n    if (showSearch) {\n      (searchBarRef.current as unknown as HTMLInputElement)?.focus();\n    }\n  }, [showSearch]);\n\n  return (\n    <>\n      <Flex justifyContent=\"space-between\" paddingBottom={2}>\n        <Typography variant=\"pi\" fontWeight=\"bold\" textColor=\"neutral800\" tag=\"label\">\n          {formatMessage(intlLabel)}\n        </Typography>\n        <Flex gap={1}>\n          {showSearch ? (\n            <Searchbar\n              ref={searchBarRef}\n              name=\"searchbar\"\n              placeholder={formatMessage({\n                id: getTrad('ComponentIconPicker.search.placeholder'),\n                defaultMessage: 'Search for an icon',\n              })}\n              onBlur={() => {\n                if (!search) {\n                  toggleSearch();\n                }\n              }}\n              onChange={onChangeSearch}\n              value={search}\n              onClear={onClearSearch}\n              clearLabel={formatMessage({\n                id: getTrad('IconPicker.search.clear.label'),\n                defaultMessage: 'Clear the icon search',\n              })}\n            >\n              {formatMessage({\n                id: getTrad('IconPicker.search.placeholder.label'),\n                defaultMessage: 'Search for an icon',\n              })}\n            </Searchbar>\n          ) : (\n            <IconButton\n              ref={searchIconRef}\n              onClick={toggleSearch}\n              withTooltip={false}\n              label={formatMessage({\n                id: getTrad('IconPicker.search.button.label'),\n                defaultMessage: 'Search icon button',\n              })}\n              variant=\"ghost\"\n            >\n              <Search />\n            </IconButton>\n          )}\n          {value && (\n            <Tooltip\n              label={formatMessage({\n                id: getTrad('IconPicker.remove.tooltip'),\n                defaultMessage: 'Remove the selected icon',\n              })}\n            >\n              <IconButton\n                onClick={removeIconSelected}\n                withTooltip={false}\n                label={formatMessage({\n                  id: getTrad('IconPicker.remove.button'),\n                  defaultMessage: 'Remove the selected icon',\n                })}\n                variant=\"ghost\"\n              >\n                <Trash />\n              </IconButton>\n            </Tooltip>\n          )}\n        </Flex>\n      </Flex>\n      <IconPickerWrapper\n        position=\"relative\"\n        padding={1}\n        background=\"neutral100\"\n        hasRadius\n        wrap=\"wrap\"\n        gap={2}\n        maxHeight=\"126px\"\n        overflow=\"auto\"\n        textAlign=\"center\"\n      >\n        {icons.length > 0 ? (\n          icons.map((iconKey) => (\n            <IconPick\n              key={iconKey}\n              iconKey={iconKey}\n              name={name}\n              onChange={onChange}\n              isSelected={iconKey === value}\n              ariaLabel={formatMessage(\n                {\n                  id: getTrad('IconPicker.icon.label'),\n                  defaultMessage: 'Select {icon} icon',\n                },\n                { icon: iconKey }\n              )}\n            />\n          ))\n        ) : (\n          <Box padding={4} grow={2}>\n            <Typography variant=\"delta\" textColor=\"neutral600\" textAlign=\"center\">\n              {formatMessage({\n                id: getTrad('IconPicker.emptyState.label'),\n                defaultMessage: 'No icon found',\n              })}\n            </Typography>\n          </Box>\n        )}\n      </IconPickerWrapper>\n    </>\n  );\n};\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","padding","cursor","hasRadius","background","undefined","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","label","Search","Tooltip","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,155 @@
+'use strict';
+
+var Icons = require('@strapi/icons');
+var Symbols = require('@strapi/icons/symbols');
+
+function _interopNamespaceDefault(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__*/_interopNamespaceDefault(Icons);
+var Symbols__namespace = /*#__PURE__*/_interopNamespaceDefault(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,
+    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';\nimport * as Symbols from '@strapi/icons/symbols';\n\nexport type Icon = (typeof Icons)[keyof typeof Icons] | (typeof Symbols)[keyof typeof Symbols];\n\nconst COMPONENT_ICONS: Record<string, Icon> = {\n  alien: Icons.Alien,\n  apps: Icons.GridNine,\n  archive: Icons.Archive,\n  arrowDown: Icons.ArrowDown,\n  arrowLeft: Icons.ArrowLeft,\n  arrowRight: Icons.ArrowRight,\n  arrowUp: Icons.ArrowUp,\n  attachment: Icons.Paperclip,\n  bell: Icons.Bell,\n  bold: Icons.Bold,\n  book: Icons.Book,\n  briefcase: Icons.Briefcase,\n  brush: Icons.PaintBrush,\n  bulletList: Icons.BulletList,\n  calendar: Icons.Calendar,\n  car: Icons.Car,\n  cast: Icons.Cast,\n  chartBubble: Icons.ChartBubble,\n  chartCircle: Icons.ChartCircle,\n  chartPie: Icons.ChartPie,\n  check: Icons.Check,\n  clock: Icons.Clock,\n  cloud: Icons.Cloud,\n  code: Icons.Code,\n  cog: Icons.Cog,\n  collapse: Icons.Collapse,\n  command: Icons.Command,\n  connector: Icons.Faders,\n  crop: Icons.Crop,\n  crown: Icons.Crown,\n  cup: Icons.Coffee,\n  cursor: Icons.Cursor,\n  dashboard: Icons.SquaresFour,\n  database: Icons.Database,\n  discuss: Icons.Discuss,\n  doctor: Icons.Stethoscope,\n  earth: Icons.Earth,\n  emotionHappy: Icons.EmotionHappy,\n  emotionUnhappy: Icons.EmotionUnhappy,\n  envelop: Icons.Mail,\n  exit: Icons.SignOut,\n  expand: Icons.Expand,\n  eye: Icons.Eye,\n  feather: Icons.Feather,\n  file: Icons.File,\n  fileError: Icons.FileError,\n  filePdf: Icons.FilePdf,\n  filter: Icons.Filter,\n  folder: Icons.Folder,\n  gate: Icons.CastleTurret,\n  gift: Icons.Gift,\n  globe: Icons.Globe,\n  grid: Icons.GridFour,\n  handHeart: Icons.HandHeart,\n  hashtag: Icons.Hashtag,\n  headphone: Icons.Headphones,\n  heart: Icons.Heart,\n  house: Icons.House,\n  information: Icons.Information,\n  italic: Icons.Italic,\n  key: Icons.Key,\n  landscape: Icons.Images,\n  layer: Icons.ListPlus,\n  layout: Icons.Layout,\n  lightbulb: Icons.Lightbulb,\n  link: Icons.Link,\n  lock: Icons.Lock,\n  magic: Icons.Magic,\n  manyToMany: Icons.ManyToMany,\n  manyToOne: Icons.ManyToOne,\n  manyWays: Icons.ManyWays,\n  medium: Symbols.Medium,\n  message: Icons.Message,\n  microphone: Icons.Microphone,\n  monitor: Icons.Monitor,\n  moon: Icons.Moon,\n  music: Icons.MusicNotes,\n  oneToMany: Icons.OneToMany,\n  oneToOne: Icons.OneToOne,\n  oneWay: Icons.OneWay,\n  paint: Icons.PaintBrush,\n  paintBrush: Icons.PaintBrush,\n  paperPlane: Icons.PaperPlane,\n  pencil: Icons.Pencil,\n  phone: Icons.Phone,\n  picture: Icons.Image,\n  pin: Icons.Pin,\n  pinMap: Icons.PinMap,\n  plane: Icons.Plane,\n  play: Icons.Play,\n  plus: Icons.Plus,\n  priceTag: Icons.PriceTag,\n  puzzle: Icons.PuzzlePiece,\n  question: Icons.Question,\n  quote: Icons.Quotes,\n  refresh: Icons.ArrowClockwise,\n  restaurant: Icons.Restaurant,\n  rocket: Icons.Rocket,\n  rotate: Icons.ArrowsCounterClockwise,\n  scissors: Icons.Scissors,\n  search: Icons.Search,\n  seed: Icons.Plant,\n  server: Icons.Server,\n  shield: Icons.Shield,\n  shirt: Icons.Shirt,\n  shoppingCart: Icons.ShoppingCart,\n  slideshow: Icons.PresentationChart,\n  stack: Icons.Stack,\n  star: Icons.Star,\n  store: Icons.Store,\n  strikeThrough: Icons.StrikeThrough,\n  sun: Icons.Sun,\n  television: Icons.Television,\n  thumbDown: Icons.ThumbDown,\n  thumbUp: Icons.ThumbUp,\n  train: Icons.Train,\n  twitter: Symbols.X,\n  typhoon: Icons.Typhoon,\n  underline: Icons.Underline,\n  user: Icons.User,\n  volumeMute: Icons.VolumeMute,\n  volumeUp: Icons.VolumeUp,\n  walk: Icons.Walk,\n  wheelchair: Icons.Wheelchair,\n  write: Icons.Feather,\n};\n\nexport { COMPONENT_ICONS };\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","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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"}