infinity-forge 9.9.3 → 9.9.5

package/dist/ui/components/form/select/constants.js

@@ -0,0 +1,4 @@
+export const OPTION_HEIGHT = 35;
+export const MAX_OPTIONS = 200;
+export const DEBOUNCE_DELAY = 300;
+//# sourceMappingURL=constants.js.map

package/dist/ui/components/form/select/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/select/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,EAAE,CAAC;AAChC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAC;AAC/B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAC"}

package/dist/ui/components/form/select/custom-styles.js

@@ -1,29 +1,15 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.customStyles = void 0;
-exports.customStyles = {
-    control: function (provided) { return (__assign(__assign({}, provided), { minHeight: '40px' })); },
-    option: function (provided) { return (__assign(__assign({}, provided), { fontSize: '11.5px' })); },
-    menu: function (provided) { return (__assign(__assign({}, provided), { zIndex: '9999' })); },
-    placeholder: function (provided) { return (__assign(__assign({}, provided), { fontSize: '14px' })); },
-    multiValue: function (provided) { return (__assign(__assign({}, provided), { fontSize: '14px' })); },
-    valueContainer: function (provided) { return (__assign(__assign({}, provided), { minHeight: '40px', padding: '0 6px' })); },
-    input: function (provided) { return (__assign(__assign({}, provided), { margin: '0px', padding: '0px', height: '40px', minHeight: '40px' })); },
-    indicatorSeparator: function (state) { return ({
+export const customStyles = {
+    control: (provided) => (Object.assign(Object.assign({}, provided), { minHeight: '40px' })),
+    option: (provided) => (Object.assign(Object.assign({}, provided), { fontSize: '11.5px' })),
+    menu: (provided) => (Object.assign(Object.assign({}, provided), { zIndex: '9999' })),
+    placeholder: (provided) => (Object.assign(Object.assign({}, provided), { fontSize: '14px' })),
+    multiValue: (provided) => (Object.assign(Object.assign({}, provided), { fontSize: '14px' })),
+    valueContainer: (provided) => (Object.assign(Object.assign({}, provided), { minHeight: '40px', padding: '0 6px' })),
+    input: (provided) => (Object.assign(Object.assign({}, provided), { margin: '0px', padding: '0px', height: '40px', minHeight: '40px' })),
+    indicatorSeparator: (state) => ({
         display: 'none',
-    }); },
-    indicatorsContainer: function (provided) { return (__assign(__assign({}, provided), { minHeight: '40px' })); },
-    singleValue: function (provided) { return (__assign(__assign({}, provided), { fontSize: "14px" })); }
+    }),
+    indicatorsContainer: (provided) => (Object.assign(Object.assign({}, provided), { minHeight: '40px' })),
+    singleValue: (provided) => (Object.assign(Object.assign({}, provided), { fontSize: "14px" }))
 };
 //# sourceMappingURL=custom-styles.js.map

package/dist/ui/components/form/select/custom-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"custom-styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/select/custom-styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAEa,QAAA,YAAY,GAAiB;IACxC,OAAO,EAAE,UAAC,QAAQ,IAAK,OAAA,uBAClB,QAAQ,KACX,SAAS,EAAE,MAAM,IACjB,EAHqB,CAGrB;IACF,MAAM,EAAE,UAAC,QAAQ,IAAK,OAAA,uBACjB,QAAQ,KACX,QAAQ,EAAE,QAAQ,IAClB,EAHoB,CAGpB;IACF,IAAI,EAAE,UAAC,QAAQ,IAAK,OAAA,uBACf,QAAQ,KACX,MAAM,EAAE,MAAM,IACd,EAHkB,CAGlB;IACF,WAAW,EAAE,UAAC,QAAQ,IAAK,OAAA,uBACtB,QAAQ,KACX,QAAQ,EAAE,MAAM,IAChB,EAHyB,CAGzB;IAEF,UAAU,EAAE,UAAC,QAAQ,IAAK,OAAA,uBACrB,QAAQ,KACX,QAAQ,EAAE,MAAM,IAChB,EAHwB,CAGxB;IACF,cAAc,EAAE,UAAC,QAAQ,IAAK,OAAA,uBACzB,QAAQ,KACX,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,OAAO,IAChB,EAJ4B,CAI5B;IAEF,KAAK,EAAE,UAAC,QAAQ,IAAK,OAAA,uBAChB,QAAQ,KACX,MAAM,EAAE,KAAK,EACb,OAAO,EAAE,KAAK,EACd,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,IACjB,EANmB,CAMnB;IACF,kBAAkB,EAAE,UAAC,KAAK,IAAK,OAAA,CAAC;QAC9B,OAAO,EAAE,MAAM;KAChB,CAAC,EAF6B,CAE7B;IACF,mBAAmB,EAAE,UAAC,QAAQ,IAAK,OAAA,uBAC9B,QAAQ,KACX,SAAS,EAAE,MAAM,IACjB,EAHiC,CAGjC;IACF,WAAW,EAAE,UAAC,QAAQ,IAAK,OAAA,uBAAK,QAAQ,KAAE,QAAQ,EAAE,MAAM,IAAE,EAAjC,CAAiC;CAC7D,CAAA"}
+{"version":3,"file":"custom-styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/select/custom-styles.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,YAAY,GAAiB;IACxC,OAAO,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,iCAClB,QAAQ,KACX,SAAS,EAAE,MAAM,IACjB;IACF,MAAM,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,iCACjB,QAAQ,KACX,QAAQ,EAAE,QAAQ,IAClB;IACF,IAAI,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,iCACf,QAAQ,KACX,MAAM,EAAE,MAAM,IACd;IACF,WAAW,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,iCACtB,QAAQ,KACX,QAAQ,EAAE,MAAM,IAChB;IAEF,UAAU,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,iCACrB,QAAQ,KACX,QAAQ,EAAE,MAAM,IAChB;IACF,cAAc,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,iCACzB,QAAQ,KACX,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,OAAO,IAChB;IAEF,KAAK,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,iCAChB,QAAQ,KACX,MAAM,EAAE,KAAK,EACb,OAAO,EAAE,KAAK,EACd,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,IACjB;IACF,kBAAkB,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAC9B,OAAO,EAAE,MAAM;KAChB,CAAC;IACF,mBAAmB,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,iCAC9B,QAAQ,KACX,SAAS,EAAE,MAAM,IACjB;IACF,WAAW,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,iCAAK,QAAQ,KAAE,QAAQ,EAAE,MAAM,IAAE;CAC7D,CAAA"}

package/dist/ui/components/form/select/index.d.ts

@@ -1,4 +1 @@
-import { InputProps } from '../../../../ui/index.js';
-type SelectProps = Omit<InputProps, 'options'> & Required<Pick<InputProps, 'options'>>;
-export declare function Select(props: SelectProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function Select(props: any): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/select/index.js

@@ -1,156 +1,119 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState, useMemo, useRef } from 'react';
+import { useField } from 'formik';
+import ReactSelect, { components } from 'react-select';
+import CreatableSelect from 'react-select/creatable';
+import { Icon, InputControl, useComponentIsMounted, zIndexInfinityForge, } from '../../../../ui/index.js';
+import { customStyles } from './custom-styles.js';
+import * as S from './styles.js';
+import debounce from 'lodash.debounce';
+import { VirtualizedMenuList } from './virtualized-menu-list/index.js';
+import { MAX_OPTIONS, DEBOUNCE_DELAY } from './constants.js';
+const CustomInput = (props) => _jsx(components.Input, Object.assign({}, props, { autoComplete: "off" }));
+// Hook for caching search results
+const useSearchCache = () => {
+    const cache = useRef(new Map());
+    return (search, options) => {
+        const key = `${search}:${options.length}`;
+        if (cache.current.has(key))
+            return cache.current.get(key);
+        const result = search
+            ? options.filter((opt) => opt.label.toLowerCase().includes(search.toLowerCase()))
+            : options;
+        cache.current.set(key, result.slice(0, MAX_OPTIONS));
+        return cache.current.get(key);
     };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
+export function Select(props) {
+    var _a, _b;
+    const isMounted = useComponentIsMounted();
+    const [field, , helpers] = useField(props.name);
+    const fieldValue = field.value;
+    const [createdOptions, setCreatedOptions] = useState([]);
+    const [searchInput, setSearchInput] = useState('');
+    const [isLoading, setIsLoading] = useState(false);
+    const allOptions = useMemo(() => [...props.options, ...createdOptions], [props.options, createdOptions]);
+    const filterOptions = useSearchCache();
+    const debouncedSetSearchInput = useMemo(() => {
+        return debounce((value) => {
+            setSearchInput(value);
+        }, DEBOUNCE_DELAY);
+    }, []);
+    const filteredOptions = useMemo(() => filterOptions(searchInput, allOptions), [allOptions, searchInput]);
+    const selectedValue = useMemo(() => {
+        if (props.onlyOneValue) {
+            return allOptions.find((opt) => opt.value === fieldValue) || null;
         }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Select = Select;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var formik_1 = require("formik");
-var react_select_1 = __importDefault(require("react-select"));
-var react_select_2 = require("react-select");
-var creatable_1 = __importDefault(require("react-select/creatable"));
-var ui_1 = require("../../../../ui/index.js");
-var custom_styles_1 = require("./custom-styles.js");
-var S = __importStar(require("./styles.js"));
-function Select(props) {
-    var _a, _b, _c, _d;
-    var _e = (0, react_1.useState)(props.options || []), options = _e[0], setOptions = _e[1];
-    var _f = (0, react_1.useState)(false), isLoading = _f[0], setIsLoading = _f[1];
-    var isMounted = (0, ui_1.useComponentIsMounted)();
-    var _g = (0, formik_1.useField)({
-        name: props.name,
-    }), field = _g[0], state = _g[1], utils = _g[2];
-    var fieldValue = field.value || [];
-    var value = !props.onlyOneValue
-        ? fieldValue && (fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.length) > 0 && props.isGroup
-            ? fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.map(function (defaultValueForm) {
-                var _a;
-                return (_a = options
-                    .find(function (option) {
-                    return option.options.find(function (o) { return o.value === defaultValueForm; });
-                })) === null || _a === void 0 ? void 0 : _a.options.find(function (opt) { return opt.value === defaultValueForm; });
-            })
-            : fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.map(function (valueForm) { return options.find(function (option) { return option.value === valueForm; }); })
-        : [options.find(function (option) { return option.value === fieldValue; }) || ''];
-    function handleCreate(inputValue) {
+        if (Array.isArray(fieldValue)) {
+            return allOptions.filter((opt) => fieldValue.includes(opt.value));
+        }
+        return null;
+    }, [allOptions, fieldValue, props.onlyOneValue]);
+    const handleCreate = (inputValue) => __awaiter(this, void 0, void 0, function* () {
         setIsLoading(true);
-        setTimeout(function () {
-            var newOption = {
-                label: inputValue,
-                value: inputValue,
-            };
+        try {
+            const newOption = { label: inputValue, value: inputValue };
+            yield new Promise((res) => setTimeout(res, 500));
+            setCreatedOptions((prev) => [...prev, newOption]);
+            const newValue = props.onlyOneValue
+                ? newOption.value
+                : Array.isArray(fieldValue)
+                    ? [...fieldValue, newOption.value]
+                    : [newOption.value];
+            helpers.setValue(newValue);
+        }
+        catch (error) {
+            console.error('Error creating option:', error);
+        }
+        finally {
             setIsLoading(false);
-            setOptions(function (prev) { return __spreadArray(__spreadArray([], prev, true), [newOption], false); });
-            var newValue = !props.onlyOneValue ? __spreadArray(__spreadArray([], fieldValue, true), [newOption === null || newOption === void 0 ? void 0 : newOption.value], false) : newOption === null || newOption === void 0 ? void 0 : newOption.value;
-            utils.setValue(newValue);
-        }, 900);
-    }
-    (0, react_1.useEffect)(function () {
-        if (props.options && props.options.length > 0) {
-            setOptions(props.options);
         }
-    }, [props.options]);
-    var valueExternalSelect = props.value !== undefined ? props.value : undefined;
-    (0, react_1.useEffect)(function () {
-        if (valueExternalSelect) {
-            utils.setValue(valueExternalSelect);
+    });
+    const handleChange = (selected) => {
+        var _a;
+        let value;
+        if (props.onlyOneValue) {
+            value = selected ? selected.value : null;
+        }
+        else if (Array.isArray(selected)) {
+            value = selected.map((s) => s.value);
         }
-    }, [valueExternalSelect]);
-    var SelectComponent = props.creatableSelect ? creatable_1.default : react_select_1.default;
-    (0, react_1.useEffect)(function () {
-        var _a, _b;
-        if (props.controlledInitialValue) {
-            utils.setValue((_a = props.controlledInitialValue) === null || _a === void 0 ? void 0 : _a.value);
-            props.onChangeInput && props.onChangeInput((_b = props.controlledInitialValue) === null || _b === void 0 ? void 0 : _b.value, function () { var _a; return utils.setValue((_a = props.controlledInitialValue) === null || _a === void 0 ? void 0 : _a.value); }, { state: state, utils: utils });
+        else {
+            value = [];
         }
-    }, [props.controlledInitialValue]);
-    if (!isMounted) {
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    }
-    var Input = function (_a) {
-        var rest = __rest(_a, []);
-        return (0, jsx_runtime_1.jsx)(react_select_2.components.Input, __assign({}, rest, { autoComplete: 'off' }));
+        if (!props.controlledOnChangeValue) {
+            helpers.setValue(value);
+        }
+        (_a = props.onChangeInput) === null || _a === void 0 ? void 0 : _a.call(props, value, () => helpers.setValue(value), { state: null });
     };
-    return ((0, jsx_runtime_1.jsxs)(S.SelectWrapper, { children: [(0, jsx_runtime_1.jsx)(ui_1.InputControl, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(SelectComponent, { isClearable: props === null || props === void 0 ? void 0 : props.isClearable, menuPortalTarget: document === null || document === void 0 ? void 0 : document.body, onCreateOption: handleCreate, isDisabled: isLoading || props.disabled, isLoading: isLoading, isSearchable: props.isSearchable, menuPlacement: props.menuPlacement || 'auto', menuIsOpen: props.forceOpenToDevelop ? props.forceOpenToDevelop : undefined, placeholder: props.placeholder, name: field.name, closeMenuOnSelect: props === null || props === void 0 ? void 0 : props.closeMenuOnSelect, noOptionsMessage: function () { return props.noOptionMessage || 'Nenhuma opção encontrada.'; }, onChange: function (ev) {
-                        var _a;
-                        var value = props.onlyOneValue
-                            ? (_a = ev === null || ev === void 0 ? void 0 : ev.value) !== null && _a !== void 0 ? _a : null
-                            : Array.isArray(ev)
-                                ? ev.map(function (ev) { return ev.value; })
-                                : ev
-                                    ? [ev.value]
-                                    : [];
-                        if (!props.controlledOnChangeValue) {
-                            utils.setValue(value);
+    useEffect(() => {
+        if (props.value !== undefined && props.value !== fieldValue) {
+            helpers.setValue(props.value);
+        }
+    }, [props.value, fieldValue, helpers]);
+    if (!isMounted)
+        return null;
+    const SelectComponent = props.creatableSelect ? CreatableSelect : ReactSelect;
+    return (_jsxs(S.SelectWrapper, { children: [_jsx(InputControl, Object.assign({}, props, { children: _jsx(SelectComponent, Object.assign({}, props, { isLoading: isLoading, options: filteredOptions, value: selectedValue, isMulti: props.isMultiple, isDisabled: props.disabled || isLoading, onCreateOption: handleCreate, onInputChange: (inputValue, actionMeta) => {
+                        if (actionMeta.action === 'input-change') {
+                            debouncedSetSearchInput(inputValue);
+                        }
+                        return inputValue;
+                    }, onChange: handleChange, components: Object.assign(Object.assign({}, (props.CustomOption
+                        ? {
+                            Option: props.CustomOption,
+                            SingleValue: props.CustomOption,
+                            Input: CustomInput,
                         }
-                        props.onChangeInput && props.onChangeInput(value, function () { return utils.setValue(value); }, { state: state, utils: utils });
-                    }, value: valueExternalSelect || props.isMultiple ? value : value[0], isMulti: props.isMultiple, options: options, components: props.CustomOption
-                        ? { Option: props.CustomOption, SingleValue: props.CustomOption, Input: Input }
-                        : { Input: Input }, className: ((_a = field === null || field === void 0 ? void 0 : field.value) === null || _a === void 0 ? void 0 : _a.length) > 0 ? 'open' : '', styles: __assign({ menuPortal: function (base) { return (__assign(__assign({}, base), { zIndex: ui_1.zIndexInfinityForge.reactSelectDropdown })); } }, (props.customStlyes || custom_styles_1.customStyles)) }) })), ((_b = props === null || props === void 0 ? void 0 : props.addButton) === null || _b === void 0 ? void 0 : _b.CustomComponent) ? ((0, jsx_runtime_1.jsx)("div", { className: 'custom-component', children: (_c = props === null || props === void 0 ? void 0 : props.addButton) === null || _c === void 0 ? void 0 : _c.CustomComponent })) : (((_d = props === null || props === void 0 ? void 0 : props.addButton) === null || _d === void 0 ? void 0 : _d.onClick) && ((0, jsx_runtime_1.jsx)("button", { className: 'add', type: 'button', onClick: props.addButton.onClick, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'PlusIcon' }) })))] }));
+                        : { Input: CustomInput })), { MenuList: (menuProps) => (_jsx(VirtualizedMenuList, { children: menuProps.children, maxHeight: menuProps.maxHeight })) }), menuPortalTarget: document.body, styles: Object.assign({ menuPortal: (base) => (Object.assign(Object.assign({}, base), { zIndex: zIndexInfinityForge.reactSelectDropdown })) }, (props.customStyles || customStyles)), placeholder: props.placeholder, name: field.name, closeMenuOnSelect: props.closeMenuOnSelect, noOptionsMessage: () => props.noOptionMessage || 'Nenhuma opção encontrada.', className: (fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.length) > 0 ? 'open' : '', menuPlacement: props.menuPlacement || 'auto', menuIsOpen: props.forceOpenToDevelop || undefined })) })), ((_a = props.addButton) === null || _a === void 0 ? void 0 : _a.CustomComponent) ? (_jsx("div", { className: "custom-component", children: props.addButton.CustomComponent })) : ((_b = props.addButton) === null || _b === void 0 ? void 0 : _b.onClick) ? (_jsx("button", { className: "add", type: "button", onClick: props.addButton.onClick, children: _jsx(Icon, { name: "PlusIcon" }) })) : null] }));
 }
 //# sourceMappingURL=index.js.map

package/dist/ui/components/form/select/index.js.map

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

package/dist/ui/components/form/select/styles.js

@@ -1,14 +1,45 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectWrapper = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.SelectWrapper = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n\n  > div {\n  }\n\n  [class*='-Svg'] {\n    transition: 0.2s;\n    transform: rotate(0);\n  }\n\n  .open {\n    [class*='-Svg'] {\n      transform: rotate(180deg);\n    }\n  }\n\n  .add {\n    padding: 0;\n    border: 0;\n    background: none;\n    width: 42px;\n    height: 42px;\n    border: 1px solid currentColor;\n    border-radius: 4px;\n    padding: 12px;\n    cursor: pointer;\n    color: hsl(0, 0%, 80%);\n    margin: auto 0 11px 4px;\n\n    &:hover {\n      background: #828282;\n      color: #fff;\n    }\n\n    svg {\n      width: 100%;\n      height: auto;\n      fill: currentColor;\n    }\n  }\n"], ["\n  width: 100%;\n  display: flex;\n\n  > div {\n  }\n\n  [class*='-Svg'] {\n    transition: 0.2s;\n    transform: rotate(0);\n  }\n\n  .open {\n    [class*='-Svg'] {\n      transform: rotate(180deg);\n    }\n  }\n\n  .add {\n    padding: 0;\n    border: 0;\n    background: none;\n    width: 42px;\n    height: 42px;\n    border: 1px solid currentColor;\n    border-radius: 4px;\n    padding: 12px;\n    cursor: pointer;\n    color: hsl(0, 0%, 80%);\n    margin: auto 0 11px 4px;\n\n    &:hover {\n      background: #828282;\n      color: #fff;\n    }\n\n    svg {\n      width: 100%;\n      height: auto;\n      fill: currentColor;\n    }\n  }\n"])));
-var templateObject_1;
+import styled from 'styled-components';
+export const SelectWrapper = styled('div') `
+  width: 100%;
+  display: flex;
+
+  > div {
+  }
+
+  [class*='-Svg'] {
+    transition: 0.2s;
+    transform: rotate(0);
+  }
+
+  .open {
+    [class*='-Svg'] {
+      transform: rotate(180deg);
+    }
+  }
+
+  .add {
+    padding: 0;
+    border: 0;
+    background: none;
+    width: 42px;
+    height: 42px;
+    border: 1px solid currentColor;
+    border-radius: 4px;
+    padding: 12px;
+    cursor: pointer;
+    color: hsl(0, 0%, 80%);
+    margin: auto 0 11px 4px;
+
+    &:hover {
+      background: #828282;
+      color: #fff;
+    }
+
+    svg {
+      width: 100%;
+      height: auto;
+      fill: currentColor;
+    }
+  }
+`;
 //# sourceMappingURL=styles.js.map

package/dist/ui/components/form/select/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/select/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,aAAa,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,4sBAAA,yoBA0CzC,KAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/select/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0CzC,CAAA"}

package/dist/ui/components/form/select/virtualized-menu-list/index.d.ts

@@ -0,0 +1,6 @@
+interface VirtualizedMenuListProps {
+    children: React.ReactNode;
+    maxHeight: number;
+}
+export declare const VirtualizedMenuList: import("react").ForwardRefExoticComponent<VirtualizedMenuListProps & import("react").RefAttributes<any>>;
+export {};

package/dist/ui/components/form/select/virtualized-menu-list/index.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FixedSizeList as List } from 'react-window';
+import { forwardRef } from 'react';
+export const VirtualizedMenuList = forwardRef(({ children, maxHeight }, ref) => {
+    const validChildren = Array.isArray(children) ? children : [children].filter(Boolean);
+    return (_jsx(List, { ref: ref, height: maxHeight, itemCount: validChildren.length, itemSize: 35, width: "100%", itemData: validChildren, children: ({ index, style, data }) => _jsx("div", { style: style, children: data[index] }) }));
+});
+//# sourceMappingURL=index.js.map

package/dist/ui/components/form/select/virtualized-menu-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/select/virtualized-menu-list/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,IAAI,IAAI,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,UAAU,EAAO,MAAM,OAAO,CAAC;AAOxC,MAAM,CAAC,MAAM,mBAAmB,GAAG,UAAU,CAC3C,CAAC,EAAE,QAAQ,EAAE,SAAS,EAA4B,EAAE,GAAa,EAAE,EAAE;IACnE,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACtF,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,SAAS,EACjB,SAAS,EAAE,aAAa,CAAC,MAAM,EAC/B,QAAQ,EAAE,EAAE,EACZ,KAAK,EAAC,MAAM,EACZ,QAAQ,EAAE,aAAa,YAEtB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,cAAK,KAAK,EAAE,KAAK,YAAG,IAAI,CAAC,KAAK,CAAC,GAAO,GAC9D,CACR,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/ui/components/form/select-icon/index.js

@@ -1,58 +1,11 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectIcon = SelectIcon;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var formik_1 = require("formik");
-var ui_1 = require("../../../../ui/index.js");
-var Icons = __importStar(require("../../../../ui/icons/index.js"));
-var S = __importStar(require("./styles.js"));
-function SelectIcon(props) {
-    var icons = Icons;
-    var state = (0, formik_1.useField)({ name: props.name })[0];
-    return ((0, jsx_runtime_1.jsxs)(S.SelectIcon, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'container_select_icon', children: (0, jsx_runtime_1.jsx)(ui_1.Select, __assign({}, props, { options: Object.keys(icons).map(function (i) { return ({ label: i, value: i }); }) })) }), (0, jsx_runtime_1.jsx)("div", { className: 'icon_select_icon', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: state.value, color: '#000' }) })] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useField } from 'formik';
+import { Select, Icon } from '../../../../ui/index.js';
+import * as Icons from '../../../../ui/icons/index.js';
+import * as S from './styles.js';
+export function SelectIcon(props) {
+    const icons = Icons;
+    const [state] = useField({ name: props.name });
+    return (_jsxs(S.SelectIcon, { children: [_jsx("div", { className: 'container_select_icon', children: _jsx(Select, Object.assign({}, props, { options: Object.keys(icons).map((i) => ({ label: i, value: i })) })) }), _jsx("div", { className: 'icon_select_icon', children: _jsx(Icon, { name: state.value, color: '#000' }) })] }));
 }
 //# sourceMappingURL=index.js.map

package/dist/ui/components/form/select-icon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/select-icon/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,gCAgBC;;AAvBD,iCAAiC;AAEjC,2BAA+C;AAC/C,sDAAyC;AAEzC,0CAA6B;AAE7B,SAAgB,UAAU,CAAC,KAAiB;IAC1C,IAAM,KAAK,GAAG,KAAK,CAAA;IAEZ,IAAA,KAAK,GAAI,IAAA,iBAAQ,EAAM,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,GAAvC,CAAuC;IAEnD,OAAO,CACL,wBAAC,CAAC,CAAC,UAAU,eACX,gCAAK,SAAS,EAAC,uBAAuB,YACpC,uBAAC,WAAM,eAAK,KAAK,IAAE,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAxB,CAAwB,CAAC,IAAI,GACnF,EAEN,gCAAK,SAAS,EAAC,kBAAkB,YAC/B,uBAAC,SAAI,IAAC,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAC,MAAM,GAAG,GACpC,IACO,CAChB,CAAA;AACH,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/select-icon/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAEjC,OAAO,EAAc,MAAM,EAAE,IAAI,EAAE,MAAM,MAAM,CAAA;AAC/C,OAAO,KAAK,KAAK,MAAM,kBAAkB,CAAA;AAEzC,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAE7B,MAAM,UAAU,UAAU,CAAC,KAAiB;IAC1C,MAAM,KAAK,GAAG,KAAK,CAAA;IAEnB,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAM,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,CAAA;IAEnD,OAAO,CACL,MAAC,CAAC,CAAC,UAAU,eACX,cAAK,SAAS,EAAC,uBAAuB,YACpC,KAAC,MAAM,oBAAK,KAAK,IAAE,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,GACnF,EAEN,cAAK,SAAS,EAAC,kBAAkB,YAC/B,KAAC,IAAI,IAAC,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,EAAC,MAAM,GAAG,GACpC,IACO,CAChB,CAAA;AACH,CAAC"}

package/dist/ui/components/form/select-icon/styles.js

@@ -1,14 +1,23 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectIcon = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-exports.SelectIcon = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: flex-end;\n  gap: 15px;\n  width: 100%;\n\n  .container_select_icon {\n    width: calc(100% - 55px);\n  }\n\n  .icon_select_icon {\n    width: 40px;\n    background-color: #fff;\n    padding: 10px;\n\n    svg {\n      width: 20px;\n      height: auto;\n    }\n  }\n"], ["\n  display: flex;\n  align-items: flex-end;\n  gap: 15px;\n  width: 100%;\n\n  .container_select_icon {\n    width: calc(100% - 55px);\n  }\n\n  .icon_select_icon {\n    width: 40px;\n    background-color: #fff;\n    padding: 10px;\n\n    svg {\n      width: 20px;\n      height: auto;\n    }\n  }\n"])));
-var templateObject_1;
+import styled from 'styled-components';
+export const SelectIcon = styled('div') `
+  display: flex;
+  align-items: flex-end;
+  gap: 15px;
+  width: 100%;
+
+  .container_select_icon {
+    width: calc(100% - 55px);
+  }
+
+  .icon_select_icon {
+    width: 40px;
+    background-color: #fff;
+    padding: 10px;
+
+    svg {
+      width: 20px;
+      height: auto;
+    }
+  }
+`;
 //# sourceMappingURL=styles.js.map

package/dist/ui/components/form/select-icon/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/select-icon/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,UAAU,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,iXAAA,8SAoBtC,KAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/select-icon/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;CAoBtC,CAAA"}