@stack-spot/portal-components 0.0.18 → 1.0.0-dev.1770393008395

package/dist/components/Select/BadgeItem.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { TimesMini } from '@citric/icons';
+import { Badge, IconButton } from '@citric/ui';
+import { interpolate, useTranslate } from '@stack-spot/portal-translate';
+import { components } from 'react-select';
+export const BadgeItem = (props) => {
+    const t = useTranslate(dictionary);
+    const handleClick = (event) => {
+        props.removeProps.onClick?.(event);
+    };
+    return (_jsx(components.MultiValue, { ...props, children: _jsx(Badge, { appearance: "square", className: "badge", palette: "cyan", sx: { mb: 2,
+                '.badge-citric-container:not(:has(> button:first-child))': {
+                    marginRight: 0,
+                },
+            }, afterElement: _jsx(components.MultiValueRemove, { ...props, children: _jsx(IconButton, { type: "button", "aria-label": interpolate(t.ariaLabelRemoveItemButton, props.children), colorIcon: "cyan.800", appearance: "square", onClick: (e) => {
+                        e.stopPropagation();
+                        handleClick(e);
+                    }, children: _jsx(TimesMini, {}) }) }), children: props.children }) }));
+};
+const dictionary = {
+    en: {
+        ariaLabelRemoveItemButton: 'Remove item $0',
+    },
+    pt: {
+        ariaLabelRemoveItemButton: 'Remover item $0',
+    },
+};
+//# sourceMappingURL=BadgeItem.js.map

package/dist/components/Select/BadgeItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeItem.js","sourceRoot":"","sources":["../../../src/components/Select/BadgeItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,EAAc,WAAW,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAEpF,OAAO,EAAE,UAAU,EAA8B,MAAM,cAAc,CAAA;AAGrE,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAA0E,EAAE,EAAE;IACtG,MAAM,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,CAAA;IAElC,MAAM,WAAW,GAAG,CAAwB,KAAoB,EAAE,EAAE;QAClE,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC,KAA8C,CAAC,CAAA;IAC7E,CAAC,CAAA;IAED,OAAO,CACL,KAAC,UAAU,CAAC,UAAU,OAAK,KAAK,YAC9B,KAAC,KAAK,IACJ,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAC,OAAO,EACjB,OAAO,EAAC,MAAM,EACd,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;gBACT,yDAAyD,EAAE;oBACzD,WAAW,EAAE,CAAC;iBACf;aACc,EACjB,YAAY,EACV,KAAC,UAAU,CAAC,gBAAgB,OAAK,KAAK,YACpC,KAAC,UAAU,IACT,IAAI,EAAC,QAAQ,gBACD,WAAW,CAAC,CAAC,CAAC,yBAAyB,EAAE,KAAK,CAAC,QAAQ,CAAC,EACpE,SAAS,EAAC,UAAU,EACpB,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;wBACb,CAAC,CAAC,eAAe,EAAE,CAAA;wBACnB,WAAW,CAAC,CAAC,CAAC,CAAA;oBAChB,CAAC,YAED,KAAC,SAAS,KAAG,GACF,GACe,YAG/B,KAAK,CAAC,QAAQ,GACT,GACc,CACzB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,UAAU,GAAG;IACjB,EAAE,EAAE;QACF,yBAAyB,EAAE,gBAAgB;KAC5C;IACD,EAAE,EAAE;QACF,yBAAyB,EAAE,iBAAiB;KAC7C;CACmB,CAAA"}

package/dist/components/Select/ClearInput.d.ts

@@ -0,0 +1,3 @@
+import { ClearIndicatorProps } from 'react-select';
+export declare const ClearInput: (props: ClearIndicatorProps<any>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ClearInput.d.ts.map

package/dist/components/Select/ClearInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearInput.d.ts","sourceRoot":"","sources":["../../../src/components/Select/ClearInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAc,MAAM,cAAc,CAAA;AAE9D,eAAO,MAAM,UAAU,GAAI,OAAO,mBAAmB,CAAC,GAAG,CAAC,4CASzD,CAAA"}

package/dist/components/Select/ClearInput.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Times } from '@citric/icons';
+import { IconButton } from '@citric/ui';
+import { useTranslate } from '@stack-spot/portal-translate';
+import { components } from 'react-select';
+export const ClearInput = (props) => {
+    const t = useTranslate(dictionary);
+    return (_jsx(components.ClearIndicator, { ...props, children: _jsx(IconButton, { role: "button", type: "button", onClick: () => props.clearValue(), "aria-label": t.ariaLabelClearInput, children: _jsx(Times, {}) }) }));
+};
+const dictionary = {
+    en: {
+        ariaLabelClearInput: 'Clear all field values',
+    },
+    pt: {
+        ariaLabelClearInput: 'Limpar todos valores do campo',
+    },
+};
+//# sourceMappingURL=ClearInput.js.map

package/dist/components/Select/ClearInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearInput.js","sourceRoot":"","sources":["../../../src/components/Select/ClearInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AACvC,OAAO,EAAc,YAAY,EAAE,MAAM,8BAA8B,CAAA;AACvE,OAAO,EAAuB,UAAU,EAAE,MAAM,cAAc,CAAA;AAE9D,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAA+B,EAAE,EAAE;IAC5D,MAAM,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,CAAA;IAClC,OAAO,CACL,KAAC,UAAU,CAAC,cAAc,OAAK,KAAK,YAClC,KAAC,UAAU,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,EAAE,gBAAc,CAAC,CAAC,mBAAmB,YAC1G,KAAC,KAAK,KAAG,GACE,GACa,CAC7B,CAAA;AACH,CAAC,CAAA;AAED,MAAM,UAAU,GAAG;IACjB,EAAE,EAAE;QACF,mBAAmB,EAAE,wBAAwB;KAC9C;IACD,EAAE,EAAE;QACF,mBAAmB,EAAE,+BAA+B;KACrD;CACmB,CAAA"}

package/dist/components/Select/CloseItem.d.ts

@@ -0,0 +1,3 @@
+import { MultiValueRemoveProps } from 'react-select';
+export declare const CloseItem: (props: MultiValueRemoveProps<any>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CloseItem.d.ts.map

package/dist/components/Select/CloseItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloseItem.d.ts","sourceRoot":"","sources":["../../../src/components/Select/CloseItem.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,qBAAqB,EAAc,MAAM,cAAc,CAAA;AAEhE,eAAO,MAAM,SAAS,GAAI,OAAO,qBAAqB,CAAC,GAAG,CAAC,4CAqB1D,CAAA"}

package/dist/components/Select/CloseItem.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { IconBox } from '@citric/core';
+import { TimesMini } from '@citric/icons';
+import { IconButton } from '@citric/ui';
+import { interpolate, useTranslate } from '@stack-spot/portal-translate';
+import { components } from 'react-select';
+export const CloseItem = (props) => {
+    const t = useTranslate(dictionary);
+    return (_jsx(components.MultiValueRemove, { ...props, children: _jsx(IconButton, { type: "button", "aria-label": interpolate(t.ariaLabelRemoveItemButton, props.data.value), sx: {
+                bg: 'transparent',
+                border: 'none',
+                px: 0,
+                w: 'auto',
+                height: 'auto',
+                '&:hover, &:focus': { bg: 'transparent' },
+            }, children: _jsx(IconBox, { size: "xs", sx: { px: 0 }, children: _jsx(TimesMini, {}) }) }) }));
+};
+const dictionary = {
+    en: {
+        ariaLabelRemoveItemButton: 'Remove item $0',
+    },
+    pt: {
+        ariaLabelRemoveItemButton: 'Remover item $0',
+    },
+};
+//# sourceMappingURL=CloseItem.js.map

package/dist/components/Select/CloseItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloseItem.js","sourceRoot":"","sources":["../../../src/components/Select/CloseItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AACvC,OAAO,EAAc,WAAW,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AACpF,OAAO,EAAyB,UAAU,EAAE,MAAM,cAAc,CAAA;AAEhE,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAiC,EAAE,EAAE;IAC7D,MAAM,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,CAAA;IAClC,OAAO,CACL,KAAC,UAAU,CAAC,gBAAgB,OAAK,KAAK,YACpC,KAAC,UAAU,IACT,IAAI,EAAC,QAAQ,gBACD,WAAW,CAAC,CAAC,CAAC,yBAAyB,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,EACtE,EAAE,EAAE;gBACF,EAAE,EAAE,aAAa;gBACjB,MAAM,EAAE,MAAM;gBACd,EAAE,EAAE,CAAC;gBACL,CAAC,EAAE,MAAM;gBACT,MAAM,EAAE,MAAM;gBACd,kBAAkB,EAAE,EAAE,EAAE,EAAE,aAAa,EAAE;aAC1B,YACjB,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,YAC9B,KAAC,SAAS,KAAG,GACL,GACC,GACe,CAC/B,CAAA;AACH,CAAC,CAAA;AAED,MAAM,UAAU,GAAG;IACjB,EAAE,EAAE;QACF,yBAAyB,EAAE,gBAAgB;KAC5C;IACD,EAAE,EAAE;QACF,yBAAyB,EAAE,iBAAiB;KAC7C;CACmB,CAAA"}

package/dist/components/Select/CreatableSelect.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { CreatableSelectOptionType, CreatableValueType } from './types.js';
+export interface CreatableSelectProps {
+    id?: string;
+    name?: string;
+    disabled?: boolean;
+    isLoading?: boolean;
+    isMulti?: boolean;
+    options?: CreatableSelectOptionType[];
+    className?: string;
+    value?: string | string[];
+    inputValue?: CreatableValueType;
+    onChange: (newValue: CreatableValueType) => void;
+}
+export declare const CreatableSelect: FC<CreatableSelectProps>;
+//# sourceMappingURL=CreatableSelect.d.ts.map

package/dist/components/Select/CreatableSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreatableSelect.d.ts","sourceRoot":"","sources":["../../../src/components/Select/CreatableSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAI1B,OAAO,EAAE,yBAAyB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAGvE,MAAM,WAAW,oBAAoB;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,yBAAyB,EAAE,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,QAAQ,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAClD;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA2HpD,CAAA"}

package/dist/components/Select/CreatableSelect.js

@@ -0,0 +1,114 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { theme } from '@stack-spot/portal-theme';
+import { useTranslate } from '@stack-spot/portal-translate';
+import Creatable from 'react-select/creatable';
+import { BadgeItem } from './BadgeItem.js';
+import { ClearInput } from './ClearInput.js';
+export const CreatableSelect = ({ disabled, options, inputValue, isMulti, onChange, id, ...props }) => {
+    const t = useTranslate(dictionary);
+    return (_jsx(Creatable, { placeholder: t.typeYourOption, ...props, inputId: id, isClearable: true, isDisabled: disabled, value: inputValue, options: options, isMulti: isMulti, onChange: onChange, components: {
+            MultiValue: BadgeItem,
+            MultiValueRemove: () => _jsx(_Fragment, {}),
+            ClearIndicator: ClearInput,
+        }, noOptionsMessage: () => (t.typeYourOption), formatCreateLabel: (value) => (value), tabSelectsValue: false, styles: {
+            control: (base, state) => ({
+                ...base,
+                minHeight: '2.5rem',
+                height: 'auto',
+                backgroundColor: theme.color.light[300],
+                border: `0.063rem solid ${theme.color.light[600]}`,
+                borderRadius: '0.25rem',
+                fontSize: '0.875rem',
+                fontStyle: 'normal',
+                fontFeatureSettings: '\'clig\' off, \'liga\' off',
+                display: 'flex',
+                alignItems: 'center',
+                outlineColor: theme.color.light[700],
+                '&:hover': {
+                    border: `0.063rem solid ${theme.color.light[600]}`,
+                },
+                ...(state.isFocused || state.menuIsOpen ? {
+                    borderColor: `${theme.color.primary[500]} !important`,
+                    outline: `0.063rem solid ${theme.color.primary[500]} !important`,
+                } : {}),
+            }),
+            input: () => ({
+                color: theme.color.light.contrastText,
+            }),
+            placeholder: () => ({
+                display: 'none',
+            }),
+            dropdownIndicator: () => ({
+                display: 'none',
+            }),
+            indicatorSeparator: () => ({
+                display: 'none',
+            }),
+            singleValue: (base) => ({
+                ...base,
+                color: theme.color.light.contrastText,
+            }),
+            menu: (base) => ({
+                ...base,
+                backgroundColor: theme.color.light[500],
+                border: `0.063rem solid ${theme.color.light[400]}`,
+                borderRadius: '0.5rem',
+                boxShadow: `0 0 0 0.125rem ${theme.color.gray[600]}`,
+                color: theme.color.light.contrastText,
+            }),
+            multiValue: (base) => ({
+                ...base,
+                backgroundColor: 'inherit',
+                display: 'flex',
+                alignItems: 'center',
+                justifyItems: 'center',
+            }),
+            multiValueRemove: (base) => ({
+                ...base,
+                cursor: 'pointer',
+                backgroundColor: 'inherit',
+                paddingRight: 0,
+                ':hover': {
+                    backgroundColor: 'inherit',
+                    color: 'inherit',
+                },
+            }),
+            option: (styles, { isDisabled, isFocused, isSelected }) => ({
+                ...styles,
+                backgroundColor: isDisabled
+                    ? undefined
+                    : isSelected
+                        ? theme.color.light[700]
+                        : isFocused
+                            ? theme.color.light[600]
+                            : undefined,
+                color: isSelected ? theme.color.light[300] : theme.color.light.contrastText,
+                cursor: isDisabled ? 'not-allowed' : 'default',
+                ':active': {
+                    ...styles[':active'],
+                    backgroundColor: !isDisabled
+                        ? isSelected
+                            ? theme.color.light.contrastText
+                            : theme.color.light[600]
+                        : undefined,
+                },
+                ':hover': {
+                    ...styles[':hover'],
+                    backgroundColor: !isDisabled
+                        ? isSelected
+                            ? theme.color.light[700]
+                            : theme.color.light[600]
+                        : undefined,
+                },
+            }),
+        } }));
+};
+const dictionary = {
+    en: {
+        typeYourOption: 'Type your option',
+    },
+    pt: {
+        typeYourOption: 'Insira a sua opção',
+    },
+};
+//# sourceMappingURL=CreatableSelect.js.map

package/dist/components/Select/CreatableSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreatableSelect.js","sourceRoot":"","sources":["../../../src/components/Select/CreatableSelect.tsx"],"names":[],"mappings":"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"}

package/dist/components/Select/CustomMenu.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { GroupBase, MenuProps } from 'react-select';
+interface CustomMenuProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends MenuProps<Option, IsMulti, Group> {
+    afterList?: ReactNode;
+}
+export declare const CustomMenu: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: CustomMenuProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CustomMenu.d.ts.map

package/dist/components/Select/CustomMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomMenu.d.ts","sourceRoot":"","sources":["../../../src/components/Select/CustomMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAc,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE/D,UAAU,eAAe,CAAC,MAAM,EAAE,OAAO,SAAS,OAAO,EAAE,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,CACxF,SAAQ,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC;IACzC,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,eAAO,MAAM,UAAU,GAAI,MAAM,EAAE,OAAO,SAAS,OAAO,EAAE,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,EACzF,OAAO,eAAe,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,4CAM7C,CAAA"}

package/dist/components/Select/CustomMenu.js

@@ -0,0 +1,4 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { components } from 'react-select';
+export const CustomMenu = (props) => (_jsxs(components.Menu, { ...props, children: [props.children, props.afterList && _jsx(_Fragment, { children: props.afterList })] }));
+//# sourceMappingURL=CustomMenu.js.map

package/dist/components/Select/CustomMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomMenu.js","sourceRoot":"","sources":["../../../src/components/Select/CustomMenu.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAA;AAO/D,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,KAA8C,EAC9C,EAAE,CAAC,CACD,MAAC,UAAU,CAAC,IAAI,OAAK,KAAK,aACvB,KAAK,CAAC,QAAQ,EACd,KAAK,CAAC,SAAS,IAAI,4BAAG,KAAK,CAAC,SAAS,GAAI,IAC1B,CACnB,CAAA"}

package/dist/components/Select/LabelItem.d.ts

@@ -0,0 +1,3 @@
+import { MultiValueGenericProps } from 'react-select';
+export declare const LabelItem: (props: MultiValueGenericProps<any>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LabelItem.d.ts.map

package/dist/components/Select/LabelItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelItem.d.ts","sourceRoot":"","sources":["../../../src/components/Select/LabelItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAA;AAErD,eAAO,MAAM,SAAS,GAAI,OAAO,sBAAsB,CAAC,GAAG,CAAC,4CAI3D,CAAA"}

package/dist/components/Select/LabelItem.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text } from '@citric/core';
+export const LabelItem = (props) => (_jsx(Box, { children: _jsx(Text, { children: props.data.label }) }));
+//# sourceMappingURL=LabelItem.js.map

package/dist/components/Select/LabelItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelItem.js","sourceRoot":"","sources":["../../../src/components/Select/LabelItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAGxC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAkC,EAAE,EAAE,CAAC,CAC/D,KAAC,GAAG,cACF,KAAC,IAAI,cAAE,KAAK,CAAC,IAAI,CAAC,KAAK,GAAQ,GAC3B,CACP,CAAA"}

package/dist/components/Select/MultiValue.d.ts

@@ -0,0 +1,3 @@
+import { MultiValueProps } from 'react-select';
+export declare const MultiValue: (props: MultiValueProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MultiValue.d.ts.map

package/dist/components/Select/MultiValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiValue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/MultiValue.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAc,MAAM,cAAc,CAAA;AAE1D,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,4CAiChD,CAAA"}

package/dist/components/Select/MultiValue.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { TimesMini } from '@citric/icons';
+import { Badge, IconButton } from '@citric/ui';
+import { interpolate, useTranslate } from '@stack-spot/portal-translate';
+import { components } from 'react-select';
+export const MultiValue = (props) => {
+    const t = useTranslate(dictionary);
+    return (_jsx(_Fragment, { children: _jsx(components.MultiValue, { ...props, children: _jsx(Badge, { appearance: "square", className: "badge", palette: "cyan", sx: {
+                    mr: 0,
+                    my: 0,
+                    '.badge-citric-container:not(:has(> button:first-child))': {
+                        marginRight: 0,
+                    },
+                }, afterElement: _jsx(components.MultiValueRemove, { ...props, children: _jsx(IconButton, { type: "button", "aria-label": interpolate(t.ariaLabelRemoveItemButton, props.children), appearance: "square", colorIcon: "cyan.800", onClick: (e) => {
+                            e.stopPropagation();
+                            props.removeProps?.onClick?.(e);
+                        }, children: _jsx(TimesMini, {}) }) }), children: props.children }) }) }));
+};
+const dictionary = {
+    en: {
+        ariaLabelRemoveItemButton: 'Remove item $0',
+    },
+    pt: {
+        ariaLabelRemoveItemButton: 'Remover item $0',
+    },
+};
+//# sourceMappingURL=MultiValue.js.map

package/dist/components/Select/MultiValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiValue.js","sourceRoot":"","sources":["../../../src/components/Select/MultiValue.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,EAAc,WAAW,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AACpF,OAAO,EAAmB,UAAU,EAAE,MAAM,cAAc,CAAA;AAE1D,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACnD,MAAM,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,CAAA;IAClC,OAAO,CACL,4BACE,KAAC,UAAU,CAAC,UAAU,OAAK,KAAK,YAC9B,KAAC,KAAK,IAAC,UAAU,EAAC,QAAQ,EAAC,SAAS,EAAC,OAAO,EAAC,OAAO,EAAC,MAAM,EAAC,EAAE,EAC9D;oBACE,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,CAAC;oBACL,yDAAyD,EAAE;wBACzD,WAAW,EAAE,CAAC;qBACf;iBACc,EACjB,YAAY,EACV,KAAC,UAAU,CAAC,gBAAgB,OAAK,KAAK,YACpC,KAAC,UAAU,IACT,IAAI,EAAC,QAAQ,gBACD,WAAW,CAAC,CAAC,CAAC,yBAAyB,EAAE,KAAK,CAAC,QAAQ,CAAC,EACpE,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAC,UAAU,EACpB,OAAO,EAAE,CAAC,CAA4C,EAAE,EAAE;4BACxD,CAAC,CAAC,eAAe,EAAE,CAAA;4BACnB,KAAK,CAAC,WAAW,EAAE,OAAO,EAAE,CAAC,CAAiD,CAAC,CAAA;wBACjF,CAAC,YACD,KAAC,SAAS,KAAG,GACF,GACe,YAE7B,KAAK,CAAC,QAAQ,GACT,GACc,GACvB,CACJ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,UAAU,GAAG;IACjB,EAAE,EAAE;QACF,yBAAyB,EAAE,gBAAgB;KAC5C;IACD,EAAE,EAAE;QACF,yBAAyB,EAAE,iBAAiB;KAC7C;CACmB,CAAA"}

package/dist/components/Select/SelectInfiniteScroll.d.ts

@@ -0,0 +1,14 @@
+import { SelectSearchProps } from './SelectSearch.js';
+type Option = {
+    value: string;
+    label: string;
+};
+export interface SelectInfiniteScrollProps extends SelectSearchProps {
+    options: Option[];
+    loadMore: () => void;
+    hasMore: boolean;
+    isLoadingMore?: boolean;
+}
+export declare const SelectInfiniteScroll: ({ options, loadMore, hasMore, isLoadingMore, ...props }: SelectInfiniteScrollProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SelectInfiniteScroll.d.ts.map

package/dist/components/Select/SelectInfiniteScroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInfiniteScroll.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectInfiniteScroll.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAgB,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAiChE,KAAK,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AAE9C,MAAM,WAAW,yBAA0B,SAAQ,iBAAiB;IAClE,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,oBAAoB,GAAI,yDAMlC,yBAAyB,4CA4B3B,CAAA"}

package/dist/components/Select/SelectInfiniteScroll.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { IconBox } from '@citric/core';
+import { LoadingCircular } from '@citric/ui';
+import InfiniteScroll from 'react-infinite-scroll-component';
+import { components } from 'react-select';
+import { SelectSearch } from './SelectSearch.js';
+const MenuList = (props) => {
+    const { children, selectProps } = props;
+    const { loadMore, hasMore, options, isLoadingMore } = selectProps;
+    return (_jsx(InfiniteScroll, { dataLength: options.length, next: loadMore, hasMore: hasMore, scrollableTarget: "list-item", scrollThreshold: 0.8, loader: isLoadingMore ? _jsx(IconBox, { w: 12, colorBg: "light.300", sx: { alignItems: 'center', justifyContent: 'center' }, children: _jsx(LoadingCircular, {}) }) : null, style: { overflow: 'hidden' }, children: _jsx(components.MenuList, { ...props, innerProps: { ...props.innerProps, id: 'list-item' }, children: children }) }));
+};
+export const SelectInfiniteScroll = ({ options, loadMore, hasMore, isLoadingMore, ...props }) => (_jsx(SelectSearch, { components: { MenuList }, options: options, closeMenuOnSelect: false, styles: {
+        control: () => ({
+            minHeight: '2.5rem',
+            height: 'auto',
+        }),
+        menu: () => ({
+            position: 'absolute',
+        }),
+        menuList: (base) => ({
+            ...base,
+            maxHeight: 300,
+            overflowY: 'auto',
+        }),
+        input: () => ({
+            position: 'relative',
+        }),
+    }, 
+    // @ts-ignore: Essas props não existem no tipo, mas são acessíveis via selectProps no MenuList
+    loadMore: loadMore, hasMore: hasMore, isLoadingMore: isLoadingMore, ...props }));
+//# sourceMappingURL=SelectInfiniteScroll.js.map

package/dist/components/Select/SelectInfiniteScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInfiniteScroll.js","sourceRoot":"","sources":["../../../src/components/Select/SelectInfiniteScroll.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAC5C,OAAO,cAAc,MAAM,iCAAiC,CAAA;AAC5D,OAAO,EAAE,UAAU,EAA4B,MAAM,cAAc,CAAA;AACnE,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAA;AAOhE,MAAM,QAAQ,GAAG,CAIf,KAAgD,EAAE,EAAE;IACpD,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,KAAK,CAAA;IACvC,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,WACH,CAAA;IAEnD,OAAO,CACL,KAAC,cAAc,IACb,UAAU,EAAE,OAAO,CAAC,MAAM,EAC1B,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAC,WAAW,EAC5B,eAAe,EAAE,GAAG,EACpB,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,CAAC,EAAE,EAAE,EAAE,OAAO,EAAC,WAAW,EAAC,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,YAChH,KAAC,eAAe,KAAG,GACX,CAAC,CAAC,CAAC,IAAI,EACjB,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAE7B,KAAC,UAAU,CAAC,QAAQ,OAAK,KAAK,EAAE,UAAU,EAAE,EAAE,GAAG,KAAK,CAAC,UAAU,EAAE,EAAE,EAAE,WAAW,EAAE,YAAG,QAAQ,GAAuB,GACvG,CAClB,CAAA;AACH,CAAC,CAAA;AAWD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,OAAO,EACP,QAAQ,EACR,OAAO,EACP,aAAa,EACb,GAAG,KAAK,EACkB,EAAE,EAAE,CAAC,CAC/B,KAAC,YAAY,IACX,UAAU,EAAE,EAAE,QAAQ,EAAE,EACxB,OAAO,EAAE,OAAO,EAChB,iBAAiB,EAAE,KAAK,EACxB,MAAM,EAAE;QACN,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC;YACd,SAAS,EAAE,QAAQ;YACnB,MAAM,EAAE,MAAM;SACf,CAAC;QACF,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC;YACX,QAAQ,EAAE,UAAU;SACrB,CAAC;QACF,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YACnB,GAAG,IAAI;YACP,SAAS,EAAE,GAAG;YACd,SAAS,EAAE,MAAM;SAClB,CAAC;QACF,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC;YACZ,QAAQ,EAAE,UAAU;SACrB,CAAC;KACH;IACD,8FAA8F;IAC9F,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,aAAa,KACxB,KAAK,GACT,CACH,CAAA"}

package/dist/components/Select/SelectSearch.d.ts

@@ -0,0 +1,11 @@
+import { RefCallback } from 'react';
+import { components, Props as SelectProps } from 'react-select';
+export interface SelectSearchProps extends Partial<SelectProps> {
+    options: any[];
+    components?: Partial<typeof components>;
+    disabled?: boolean;
+    onChange?: (newValue?: any) => void;
+    ref?: RefCallback<any>;
+}
+export declare const SelectSearch: ({ options, components: customComponents, onChange, styles: customStyles, disabled, ref, ...props }: SelectSearchProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SelectSearch.d.ts.map

package/dist/components/Select/SelectSearch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectSearch.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectSearch.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAiC,WAAW,EAAE,MAAM,OAAO,CAAA;AAClE,OAAe,EAAE,UAAU,EAAsB,KAAK,IAAI,WAAW,EAAE,MAAM,cAAc,CAAA;AAI3F,MAAM,WAAW,iBAAkB,SAAQ,OAAO,CAAC,WAAW,CAAC;IAC7D,OAAO,EAAE,GAAG,EAAE,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC,OAAO,UAAU,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,GAAG,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;CACxB;AAmBD,eAAO,MAAM,YAAY,GAAI,oGAQ1B,iBAAiB,4CA4InB,CAAA"}

package/dist/components/Select/SelectSearch.js

@@ -0,0 +1,156 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { IconBox } from '@citric/core';
+import { ChevronDown } from '@citric/icons';
+import { theme } from '@stack-spot/portal-theme';
+import { useTranslate } from '@stack-spot/portal-translate';
+import Select, { components } from 'react-select';
+import { ClearInput } from './ClearInput.js';
+import { MultiValue } from './MultiValue.js';
+const EmptyComponent = () => _jsx(_Fragment, {});
+const DropdownIndicator = (props) => _jsx(IconBox, { "aria-hidden": "true", colorIcon: "gray.50", sx: {
+        cursor: 'pointer',
+        width: '10px',
+        height: '6px',
+        marginRight: '14px',
+        transition: 'transform 0.3s ease-in',
+        transform: `rotate(${props.selectProps.menuIsOpen ? '180' : '0'}deg)`,
+    }, children: _jsx(ChevronDown, {}) });
+export const SelectSearch = ({ options, components: customComponents = {}, onChange, styles: customStyles = {}, disabled, ref, ...props }) => {
+    const t = useTranslate(dictionary);
+    return (_jsx(Select, { options: options, onChange: onChange, isDisabled: disabled, ref: ref, noOptionsMessage: () => t.noOptions, ...props, styles: {
+            ...customStyles,
+            container: (base) => ({
+                ...base,
+                width: '100%',
+            }),
+            control: (base, state) => ({
+                ...base,
+                height: '2.5rem',
+                display: 'flex',
+                alignItems: 'center',
+                padding: '0px',
+                color: theme.color.light.contrastText,
+                backgroundColor: theme.color.light[300],
+                border: `1px solid ${theme.color.light[600]}`,
+                outlineColor: theme.color.light[700],
+                '&:hover': {
+                    border: `0.063rem solid ${theme.color.light[600]}`,
+                },
+                fontSize: '0.875rem',
+                lineHeight: '1.714',
+                fontFamily: 'Roboto, sans-serif',
+                ...(state.isFocused || state.menuIsOpen
+                    ? {
+                        borderColor: `${theme.color.primary[500]} !important`,
+                        outline: `0.063rem solid ${theme.color.primary[500]} !important`,
+                    }
+                    : {}),
+                ...(state.isDisabled
+                    ? {
+                        backgroundColor: theme.color.light[500],
+                        borderColor: theme.color.light[600],
+                        cursor: 'not-allowed',
+                    }
+                    : {}),
+                ...customStyles?.control?.(base, state),
+            }),
+            input: (base, state) => ({
+                ...base,
+                color: theme.color.light.contrastText,
+                position: 'fixed',
+                ...customStyles?.input?.(base, state),
+            }),
+            menu: (base, state) => ({
+                ...base,
+                marginTop: '0.25rem',
+                position: 'relative',
+                backgroundColor: theme.color.light[300],
+                ...customStyles?.menu?.(base, state),
+            }),
+            option: (base, state) => ({
+                ...base,
+                display: 'flex',
+                alignItems: 'center',
+                backgroundColor: theme.color.light[300],
+                cursor: 'pointer',
+                '&:hover': {
+                    backgroundColor: theme.color.light[500],
+                },
+                border: '1px solid transparent',
+                ...(state.isFocused
+                    ? {
+                        borderColor: `${theme.color.light.contrastText} !important`,
+                    }
+                    : {}),
+                ...customStyles?.option?.(base, state),
+            }),
+            menuList: (base, state) => ({
+                ...base,
+                padding: 0,
+                '&::-webkit-scrollbar': {
+                    width: '0.125rem',
+                    height: '.5rem',
+                    backgroundColor: 'transparent',
+                },
+                '&::-webkit-scrollbar-track': {
+                    background: `${theme.color.light[300]}`,
+                    borderRadius: '2px',
+                },
+                '&::-webkit-scrollbar-thumb': {
+                    background: `${theme.color.primary[500]}`,
+                    borderRadius: '2px',
+                },
+                '&::-webkit-scrollbar-thumb:hover': {
+                    background: `${theme.color.light[700]}`,
+                    borderRadius: '2px',
+                },
+                '&::-webkit-scrollbar-corner': {
+                    backgroundColor: 'transparent',
+                },
+                ...customStyles?.menuList?.(base, state),
+            }),
+            multiValue: (base, state) => ({
+                ...base,
+                background: 'transparent',
+                alignItems: 'center',
+                margin: 0,
+                ...customStyles?.multiValue?.(base, state),
+            }),
+            multiValueLabel: (base, state) => ({
+                ...base,
+                margin: 0,
+                ...customStyles?.multiValueLabel?.(base, state),
+            }),
+            multiValueRemove: (base, state) => ({
+                ...base,
+                backgroundColor: 'transparent',
+                margin: 0,
+                '&:hover': {
+                    backgroundColor: 'transparent',
+                },
+                ...customStyles?.multiValueRemove?.(base, state),
+            }),
+            noOptionsMessage: (base, state) => ({
+                ...base,
+                backgroundColor: theme.color.light[300],
+                ...customStyles?.noOptionsMessage?.(base, state),
+            }),
+        }, components: {
+            ...components,
+            DropdownIndicator,
+            IndicatorSeparator: EmptyComponent,
+            ClearIndicator: ClearInput,
+            MultiValue: MultiValue,
+            MultiValueRemove: () => _jsx(_Fragment, {}),
+            ...customComponents,
+        } }));
+};
+const dictionary = {
+    en: {
+        noOptions: 'No options',
+    },
+    pt: {
+        noOptions: 'Sem opções',
+    },
+};
+//# sourceMappingURL=SelectSearch.js.map

package/dist/components/Select/SelectSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectSearch.js","sourceRoot":"","sources":["../../../src/components/Select/SelectSearch.tsx"],"names":[],"mappings":"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"}

package/dist/components/Select/index.d.ts

@@ -0,0 +1,6 @@
+import { CreatableSelect } from './CreatableSelect.js';
+import { CustomMenu } from './CustomMenu.js';
+import { SelectInfiniteScroll, SelectInfiniteScrollProps } from './SelectInfiniteScroll.js';
+import { SelectSearch, SelectSearchProps } from './SelectSearch.js';
+export { CreatableSelect, CustomMenu, SelectInfiniteScroll, SelectInfiniteScrollProps, SelectSearch, SelectSearchProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,oBAAoB,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAA;AACxF,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAEhE,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,oBAAoB,EAAE,yBAAyB,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/components/Select/index.js

@@ -0,0 +1,6 @@
+import { CreatableSelect } from './CreatableSelect.js';
+import { CustomMenu } from './CustomMenu.js';
+import { SelectInfiniteScroll } from './SelectInfiniteScroll.js';
+import { SelectSearch } from './SelectSearch.js';
+export { CreatableSelect, CustomMenu, SelectInfiniteScroll, SelectSearch };
+//# sourceMappingURL=index.js.map

package/dist/components/Select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,oBAAoB,EAA6B,MAAM,wBAAwB,CAAA;AACxF,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAA;AAEhE,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,oBAAoB,EAA6B,YAAY,EAAqB,CAAA"}

package/dist/components/Select/types.d.ts

@@ -0,0 +1,7 @@
+import { MultiValue, SingleValue } from 'react-select';
+export type CreatableValueType = SingleValue<CreatableSelectOptionType> | MultiValue<CreatableSelectOptionType>;
+export interface CreatableSelectOptionType {
+    label: string;
+    value: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/Select/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Select/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAEtD,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAAC,yBAAyB,CAAC,GAAG,UAAU,CAAC,yBAAyB,CAAC,CAAA;AAE/G,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf"}

package/dist/components/Select/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map