@sqrzro/admin 2.0.0-beta.0 → 2.0.0

package/dist/core/Filters/index.js

@@ -1,85 +1,85 @@
-'use client';
-import React, { useEffect, useState } from 'react';
-import PropTypes from 'prop-types';
-import Button from '../../components/Button';
-import TextInput from '../../components/TextInput';
-import FilterItem from '../FilterItem';
-import useFilters from '../../hooks/useFilters';
-const flattenFilter = (filter) => {
-    if (!filter) {
-        return filter;
-    }
-    if (Array.isArray(filter)) {
-        return filter.map((item) => item.toString());
-    }
-    return filter.toString();
-};
-/**
- * Render a series of `FilterFields`. It will also render a search input if `hasSearch` is true, and
- * a series of `Actions` if `actions` is provided.
- */
-function Filters({ actions, fields, hasSearch, isDisabled }) {
-    const [filters, setFilters] = useFilters();
-    const [pendingSearch, setPendingSearch] = useState('');
-    const [isOpen, setIsOpen] = useState(false);
-    const toggleIsOpen = () => setIsOpen(!isOpen);
-    useEffect(() => {
-        setPendingSearch(filters.get('search')?.toString() || '');
-    }, [filters.get('search')]);
-    const handleCancel = (event) => {
-        const newFilters = new Map(filters);
-        newFilters.delete(event.target.value);
-        setFilters(newFilters);
-    };
-    const handleChange = (event) => {
-        const newFilters = new Map(filters);
-        /*
-         * `event.target.value` can be null, so the optional check (?.) is required for typescript.
-         * However, no null value can be passed from a filter, so this can be ignored by test
-         * coverage.
-         */
-        /* istanbul ignore next */
-        const value = Array.isArray(event.target.value)
-            ? event.target.value.map((item) => item?.toString() || '')
-            : event.target.value?.toString() || '';
-        newFilters.set(event.target.name, value);
-        setFilters(newFilters);
-    };
-    const handleSearch = (event) => {
-        if (event.key === 'Enter') {
-            handleChange({ target: { name: 'search', value: pendingSearch } });
-        }
-    };
-    const handleSearchClear = () => {
-        handleChange({ target: { name: 'search', value: '' } });
-        setPendingSearch('');
-    };
-    return (React.createElement("aside", { className: "/*styles.root*/", "data-testid": "filters-root" },
-        React.createElement("div", { className: "/*clsx(styles.control, isOpen && styles.controlIsOpen)*/" },
-            React.createElement(Button, { onClick: toggleIsOpen, variant: "bordered" },
-                "Filters",
-                filters.size ? ` (${filters.size})` : '...')),
-        React.createElement("div", { className: "/*clsx(styles.content, isOpen && styles.contentIsOpen)*/", "data-testid": "filters-content" },
-            React.createElement("div", { className: "/*styles.section*/" },
-                hasSearch ? (React.createElement("div", { className: "/*styles.search*/" },
-                    React.createElement(TextInput, { name: "search", onChange: (event) => setPendingSearch(event.target.value), onClear: handleSearchClear, onKeyDown: handleSearch, placeholder: "Search...", value: pendingSearch, isClearable: true }))) : null,
-                hasSearch && fields?.length ? (React.createElement("i", { className: "/*styles.divider*/", "data-testid": "filters-divider" })) : null,
-                fields?.map((item) => (React.createElement(FilterItem, { key: item.label, onCancel: handleCancel, onChange: handleChange, value: flattenFilter(filters.get(item.name)), ...item })))),
-            actions?.length ? (React.createElement("div", { className: "/*styles.actions*/" }, actions.map((item) => (React.createElement(Button, { key: item.label, isDisabled: isDisabled || item.isDisabled, onClick: item.onClick, variant: item.variant || 'bordered' }, item.label))))) : null),
-        React.createElement("div", { className: "/*clsx(styles.close, isOpen && styles.closeIsOpen)*/" },
-            React.createElement(Button, { onClick: toggleIsOpen, variant: "link" }, "Close Filters"))));
-}
-Filters.propTypes = {
-    actions: PropTypes.arrayOf(PropTypes.shape({
-        label: PropTypes.string.isRequired,
-        onClick: PropTypes.func.isRequired,
-    }).isRequired),
-    fields: PropTypes.arrayOf(PropTypes.shape({
-        label: PropTypes.string.isRequired,
-        name: PropTypes.string.isRequired,
-        renderField: PropTypes.func.isRequired,
-    }).isRequired),
-    hasSearch: PropTypes.bool,
-    isDisabled: PropTypes.bool,
-};
-export default Filters;
+'use client';
+import React, { useEffect, useState } from 'react';
+import PropTypes from 'prop-types';
+import Button from '../../components/Button';
+import TextInput from '../../components/TextInput';
+import FilterItem from '../../core/FilterItem';
+import useFilters from '../../hooks/useFilters';
+const flattenFilter = (filter) => {
+    if (!filter) {
+        return filter;
+    }
+    if (Array.isArray(filter)) {
+        return filter.map((item) => item.toString());
+    }
+    return filter.toString();
+};
+/**
+ * Render a series of `FilterFields`. It will also render a search input if `hasSearch` is true, and
+ * a series of `Actions` if `actions` is provided.
+ */
+function Filters({ actions, fields, hasSearch, isDisabled }) {
+    const [filters, setFilters] = useFilters();
+    const [pendingSearch, setPendingSearch] = useState('');
+    const [isOpen, setIsOpen] = useState(false);
+    const toggleIsOpen = () => setIsOpen(!isOpen);
+    useEffect(() => {
+        setPendingSearch(filters.get('search')?.toString() || '');
+    }, [filters.get('search')]);
+    const handleCancel = (event) => {
+        const newFilters = new Map(filters);
+        newFilters.delete(event.target.value);
+        setFilters(newFilters);
+    };
+    const handleChange = (event) => {
+        const newFilters = new Map(filters);
+        /*
+         * `event.target.value` can be null, so the optional check (?.) is required for typescript.
+         * However, no null value can be passed from a filter, so this can be ignored by test
+         * coverage.
+         */
+        /* istanbul ignore next */
+        const value = Array.isArray(event.target.value)
+            ? event.target.value.map((item) => item?.toString() || '')
+            : event.target.value?.toString() || '';
+        newFilters.set(event.target.name, value);
+        setFilters(newFilters);
+    };
+    const handleSearch = (event) => {
+        if (event.key === 'Enter') {
+            handleChange({ target: { name: 'search', value: pendingSearch } });
+        }
+    };
+    const handleSearchClear = () => {
+        handleChange({ target: { name: 'search', value: '' } });
+        setPendingSearch('');
+    };
+    return (React.createElement("aside", { className: "/*styles.root*/", "data-testid": "filters-root" },
+        React.createElement("div", { className: "/*clsx(styles.control, isOpen && styles.controlIsOpen)*/" },
+            React.createElement(Button, { onClick: toggleIsOpen, variant: "bordered" },
+                "Filters",
+                filters.size ? ` (${filters.size})` : '...')),
+        React.createElement("div", { className: "/*clsx(styles.content, isOpen && styles.contentIsOpen)*/", "data-testid": "filters-content" },
+            React.createElement("div", { className: "/*styles.section*/" },
+                hasSearch ? (React.createElement("div", { className: "/*styles.search*/" },
+                    React.createElement(TextInput, { name: "search", onChange: (event) => setPendingSearch(event.target.value), onClear: handleSearchClear, onKeyDown: handleSearch, placeholder: "Search...", value: pendingSearch, isClearable: true }))) : null,
+                hasSearch && fields?.length ? (React.createElement("i", { className: "/*styles.divider*/", "data-testid": "filters-divider" })) : null,
+                fields?.map((item) => (React.createElement(FilterItem, { key: item.label, onCancel: handleCancel, onChange: handleChange, value: flattenFilter(filters.get(item.name)), ...item })))),
+            actions?.length ? (React.createElement("div", { className: "/*styles.actions*/" }, actions.map((item) => (React.createElement(Button, { key: item.label, isDisabled: isDisabled || item.isDisabled, onClick: item.onClick, variant: item.variant || 'bordered' }, item.label))))) : null),
+        React.createElement("div", { className: "/*clsx(styles.close, isOpen && styles.closeIsOpen)*/" },
+            React.createElement(Button, { onClick: toggleIsOpen, variant: "link" }, "Close Filters"))));
+}
+Filters.propTypes = {
+    actions: PropTypes.arrayOf(PropTypes.shape({
+        label: PropTypes.string.isRequired,
+        onClick: PropTypes.func.isRequired,
+    }).isRequired),
+    fields: PropTypes.arrayOf(PropTypes.shape({
+        label: PropTypes.string.isRequired,
+        name: PropTypes.string.isRequired,
+        renderField: PropTypes.func.isRequired,
+    }).isRequired),
+    hasSearch: PropTypes.bool,
+    isDisabled: PropTypes.bool,
+};
+export default Filters;

package/dist/core/FixedActions/index.d.ts

@@ -1,24 +1,24 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-export interface FixedActionsProps {
-    children?: React.ReactNode;
-    isDisabled?: boolean;
-    isLoading?: boolean;
-    label: string;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
-    to?: string;
-    type?: 'button' | 'submit';
-}
-declare function FixedActions({ children, label, isDisabled, isLoading, onClick, to, type, }: FixedActionsProps): React.ReactElement;
-declare namespace FixedActions {
-    var propTypes: {
-        label: PropTypes.Validator<string>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        isDisabled: PropTypes.Requireable<boolean>;
-        isLoading: PropTypes.Requireable<boolean>;
-        to: PropTypes.Requireable<string>;
-        type: PropTypes.Requireable<string>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-}
-export default FixedActions;
+import React from 'react';
+import PropTypes from 'prop-types';
+export interface FixedActionsProps {
+    children?: React.ReactNode;
+    isDisabled?: boolean;
+    isLoading?: boolean;
+    label: string;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    to?: string;
+    type?: 'button' | 'submit';
+}
+declare function FixedActions({ children, label, isDisabled, isLoading, onClick, to, type, }: FixedActionsProps): React.ReactElement;
+declare namespace FixedActions {
+    var propTypes: {
+        label: PropTypes.Validator<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        isDisabled: PropTypes.Requireable<boolean>;
+        isLoading: PropTypes.Requireable<boolean>;
+        to: PropTypes.Requireable<string>;
+        type: PropTypes.Requireable<string>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+}
+export default FixedActions;

package/dist/core/FixedActions/index.js

@@ -1,22 +1,22 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import useLayout from '../../hooks/useLayout';
-import useModalOffset from '../../hooks/useModalOffset';
-import Button from '../../components/Button';
-function FixedActions({ children, label, isDisabled, isLoading, onClick, to, type, }) {
-    const { applyLayoutClassName } = useLayout();
-    const style = useModalOffset('marginRight');
-    return (React.createElement("div", { className: "/*clsx(styles.root, applyLayoutClassName(styles))*/", style: style },
-        children,
-        React.createElement(Button, { isDisabled: isDisabled || isLoading, onClick: onClick, to: to, type: type }, label)));
-}
-FixedActions.propTypes = {
-    label: PropTypes.string.isRequired,
-    children: PropTypes.node,
-    isDisabled: PropTypes.bool,
-    isLoading: PropTypes.bool,
-    to: PropTypes.string,
-    type: PropTypes.oneOf(['button', 'submit']),
-    onClick: PropTypes.func,
-};
-export default FixedActions;
+import React from 'react';
+import PropTypes from 'prop-types';
+import useLayout from '../../hooks/useLayout';
+import useModalOffset from '../../hooks/useModalOffset';
+import Button from '../../components/Button';
+function FixedActions({ children, label, isDisabled, isLoading, onClick, to, type, }) {
+    const { applyLayoutClassName } = useLayout();
+    const style = useModalOffset('marginRight');
+    return (React.createElement("div", { className: "/*clsx(styles.root, applyLayoutClassName(styles))*/", style: style },
+        children,
+        React.createElement(Button, { isDisabled: isDisabled || isLoading, onClick: onClick, to: to, type: type }, label)));
+}
+FixedActions.propTypes = {
+    label: PropTypes.string.isRequired,
+    children: PropTypes.node,
+    isDisabled: PropTypes.bool,
+    isLoading: PropTypes.bool,
+    to: PropTypes.string,
+    type: PropTypes.oneOf(['button', 'submit']),
+    onClick: PropTypes.func,
+};
+export default FixedActions;

package/dist/core/FormError/index.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-interface FormErrorProps {
-    message: string;
-}
-declare function FormError({ message }: FormErrorProps): React.ReactElement;
-declare namespace FormError {
-    var propTypes: {
-        message: PropTypes.Validator<string>;
-    };
-}
-export default FormError;
+import React from 'react';
+import PropTypes from 'prop-types';
+interface FormErrorProps {
+    message: string;
+}
+declare function FormError({ message }: FormErrorProps): React.ReactElement;
+declare namespace FormError {
+    var propTypes: {
+        message: PropTypes.Validator<string>;
+    };
+}
+export default FormError;

package/dist/core/FormError/index.js

@@ -1,9 +1,9 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-function FormError({ message }) {
-    return React.createElement("div", { className: "/*styles.root*/" }, message);
-}
-FormError.propTypes = {
-    message: PropTypes.string.isRequired,
-};
-export default FormError;
+import React from 'react';
+import PropTypes from 'prop-types';
+function FormError({ message }) {
+    return React.createElement("div", { className: "/*styles.root*/" }, message);
+}
+FormError.propTypes = {
+    message: PropTypes.string.isRequired,
+};
+export default FormError;

package/dist/core/FormLabel/index.d.ts

@@ -1,16 +1,16 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-interface FormLabelProps {
-    children: React.ReactNode;
-    htmlFor: string;
-    isOptional?: boolean;
-}
-declare function FormLabel({ children, htmlFor, isOptional }: FormLabelProps): React.ReactElement;
-declare namespace FormLabel {
-    var propTypes: {
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        htmlFor: PropTypes.Validator<string>;
-        isOptional: PropTypes.Requireable<boolean>;
-    };
-}
-export default FormLabel;
+import React from 'react';
+import PropTypes from 'prop-types';
+interface FormLabelProps {
+    children: React.ReactNode;
+    htmlFor: string;
+    isOptional?: boolean;
+}
+declare function FormLabel({ children, htmlFor, isOptional }: FormLabelProps): React.ReactElement;
+declare namespace FormLabel {
+    var propTypes: {
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        htmlFor: PropTypes.Validator<string>;
+        isOptional: PropTypes.Requireable<boolean>;
+    };
+}
+export default FormLabel;

package/dist/core/FormLabel/index.js

@@ -1,13 +1,13 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-function FormLabel({ children, htmlFor, isOptional }) {
-    return (React.createElement("label", { className: "/*styles.root*/", htmlFor: htmlFor },
-        children,
-        isOptional ? React.createElement("small", { className: "/*styles.optional*/" }, "(Optional)") : null));
-}
-FormLabel.propTypes = {
-    children: PropTypes.node.isRequired,
-    htmlFor: PropTypes.string.isRequired,
-    isOptional: PropTypes.bool,
-};
-export default FormLabel;
+import React from 'react';
+import PropTypes from 'prop-types';
+function FormLabel({ children, htmlFor, isOptional }) {
+    return (React.createElement("label", { className: "/*styles.root*/", htmlFor: htmlFor },
+        children,
+        isOptional ? React.createElement("small", { className: "/*styles.optional*/" }, "(Optional)") : null));
+}
+FormLabel.propTypes = {
+    children: PropTypes.node.isRequired,
+    htmlFor: PropTypes.string.isRequired,
+    isOptional: PropTypes.bool,
+};
+export default FormLabel;

package/dist/core/FormLegend/index.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-interface FormLegendProps {
-    children: React.ReactNode;
-}
-declare function FormLegend({ children }: FormLegendProps): React.ReactElement;
-declare namespace FormLegend {
-    var propTypes: {
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-    };
-}
-export default FormLegend;
+import React from 'react';
+import PropTypes from 'prop-types';
+interface FormLegendProps {
+    children: React.ReactNode;
+}
+declare function FormLegend({ children }: FormLegendProps): React.ReactElement;
+declare namespace FormLegend {
+    var propTypes: {
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+    };
+}
+export default FormLegend;

package/dist/core/FormLegend/index.js

@@ -1,9 +1,9 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-function FormLegend({ children }) {
-    return React.createElement("legend", { className: "/*styles.root*/" }, children);
-}
-FormLegend.propTypes = {
-    children: PropTypes.node.isRequired,
-};
-export default FormLegend;
+import React from 'react';
+import PropTypes from 'prop-types';
+function FormLegend({ children }) {
+    return React.createElement("legend", { className: "/*styles.root*/" }, children);
+}
+FormLegend.propTypes = {
+    children: PropTypes.node.isRequired,
+};
+export default FormLegend;

package/dist/core/Header/Header.stories.d.ts

@@ -1,5 +1,5 @@
-import type { ComponentMeta } from '@storybook/react';
-import Header from './index';
-declare const _default: ComponentMeta<typeof Header>;
-export default _default;
-export declare const Basic: any;
+import type { ComponentMeta } from '@storybook/react';
+import Header from './index';
+declare const _default: ComponentMeta<typeof Header>;
+export default _default;
+export declare const Basic: any;

package/dist/core/Header/Header.stories.js

@@ -1,11 +1,11 @@
-import React from 'react';
-import Header from './index';
-export default {
-    title: 'Core/Header',
-    component: Header,
-};
-const Template = (args) => (React.createElement(Header, { ...args }));
-export const Basic = Template.bind({});
-Basic.args = {
-    title: 'Lorem Ipsum',
-};
+import React from 'react';
+import Header from './index';
+export default {
+    title: 'Core/Header',
+    component: Header,
+};
+const Template = (args) => (React.createElement(Header, { ...args }));
+export const Basic = Template.bind({});
+Basic.args = {
+    title: 'Lorem Ipsum',
+};

package/dist/core/Header/index.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import type { StyleVariant } from '../../utility/interfaces';
-export interface HeaderProps {
-    title?: string | null;
-    variant?: StyleVariant;
-}
-declare function Header({ title, variant }: HeaderProps): React.ReactElement;
-declare namespace Header {
-    var propTypes: {
-        title: PropTypes.Requireable<string>;
-    };
-}
-export default Header;
+import React from 'react';
+import PropTypes from 'prop-types';
+import type { StyleVariant } from '../../utility/interfaces';
+export interface HeaderProps {
+    title?: string | null;
+    variant?: StyleVariant;
+}
+declare function Header({ title, variant }: HeaderProps): React.ReactElement;
+declare namespace Header {
+    var propTypes: {
+        title: PropTypes.Requireable<string>;
+    };
+}
+export default Header;

package/dist/core/Header/index.js

@@ -1,12 +1,12 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import useLayout from '../../hooks/useLayout';
-function Header({ title, variant }) {
-    const { applyLayoutClassName } = useLayout();
-    return (React.createElement("header", { className: "border-b border-b-gray-300 p-4" },
-        React.createElement("h1", { className: "text-gray-600 text-2xl", "data-testid": "header-title" }, title || '•••')));
-}
-Header.propTypes = {
-    title: PropTypes.string,
-};
-export default Header;
+import React from 'react';
+import PropTypes from 'prop-types';
+import useLayout from '../../hooks/useLayout';
+function Header({ title, variant }) {
+    const { applyLayoutClassName } = useLayout();
+    return (React.createElement("header", { className: "border-b border-b-gray-300 p-4" },
+        React.createElement("h1", { className: "text-gray-600 text-2xl", "data-testid": "header-title" }, title || '•••')));
+}
+Header.propTypes = {
+    title: PropTypes.string,
+};
+export default Header;

package/dist/core/Icon/index.d.ts

@@ -1,14 +1,14 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-interface IconProps {
-    icon: string;
-    size?: number;
-}
-declare function Icon({ icon, size }: IconProps): React.ReactElement | null;
-declare namespace Icon {
-    var propTypes: {
-        icon: PropTypes.Validator<string>;
-        size: PropTypes.Requireable<number>;
-    };
-}
-export default Icon;
+import React from 'react';
+import PropTypes from 'prop-types';
+interface IconProps {
+    icon: string;
+    size?: number;
+}
+declare function Icon({ icon, size }: IconProps): React.ReactElement | null;
+declare namespace Icon {
+    var propTypes: {
+        icon: PropTypes.Validator<string>;
+        size: PropTypes.Requireable<number>;
+    };
+}
+export default Icon;

package/dist/core/Icon/index.js

@@ -1,32 +1,32 @@
-/* eslint-disable react/forbid-component-props */
-import React from 'react';
-import { ArrowLeftIcon, ArrowRightIcon, ArrowUpTrayIcon, CalendarIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ExclamationCircleIcon, FunnelIcon, LockClosedIcon, XMarkIcon, } from '@heroicons/react/20/solid';
-import PropTypes from 'prop-types';
-const DEFAULT_SIZE = 20;
-const iconMap = {
-    arrowLeft: ArrowLeftIcon,
-    arrowRight: ArrowRightIcon,
-    calendar: CalendarIcon,
-    checkCircle: CheckCircleIcon,
-    check: CheckIcon,
-    chevronDown: ChevronDownIcon,
-    exclamationCircle: ExclamationCircleIcon,
-    filter: FunnelIcon,
-    lockClosed: LockClosedIcon,
-    upload: ArrowUpTrayIcon,
-    x: XMarkIcon, // eslint-disable-line id-length
-};
-function Icon({ icon, size }) {
-    const Component = iconMap[icon];
-    return Component ? (React.createElement(Component, { "data-testid": "icon-root", role: "img", style: {
-            display: 'block',
-            fill: 'inherit',
-            stroke: 'inherit',
-            width: `${size || DEFAULT_SIZE}px`,
-        } })) : null;
-}
-Icon.propTypes = {
-    icon: PropTypes.string.isRequired,
-    size: PropTypes.number,
-};
-export default Icon;
+/* eslint-disable react/forbid-component-props */
+import React from 'react';
+import { ArrowLeftIcon, ArrowRightIcon, ArrowUpTrayIcon, CalendarIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ExclamationCircleIcon, FunnelIcon, LockClosedIcon, XMarkIcon, } from '@heroicons/react/20/solid';
+import PropTypes from 'prop-types';
+const DEFAULT_SIZE = 20;
+const iconMap = {
+    arrowLeft: ArrowLeftIcon,
+    arrowRight: ArrowRightIcon,
+    calendar: CalendarIcon,
+    checkCircle: CheckCircleIcon,
+    check: CheckIcon,
+    chevronDown: ChevronDownIcon,
+    exclamationCircle: ExclamationCircleIcon,
+    filter: FunnelIcon,
+    lockClosed: LockClosedIcon,
+    upload: ArrowUpTrayIcon,
+    x: XMarkIcon, // eslint-disable-line id-length
+};
+function Icon({ icon, size }) {
+    const Component = iconMap[icon];
+    return Component ? (React.createElement(Component, { "data-testid": "icon-root", role: "img", style: {
+            display: 'block',
+            fill: 'inherit',
+            stroke: 'inherit',
+            width: `${size || DEFAULT_SIZE}px`,
+        } })) : null;
+}
+Icon.propTypes = {
+    icon: PropTypes.string.isRequired,
+    size: PropTypes.number,
+};
+export default Icon;