infinity-forge 12.8.5 → 12.8.6

package/dist/ui/components/form/select/components/custom-value-container/index.js

@@ -0,0 +1,65 @@
+"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 __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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomValueContainer = CustomValueContainer;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_select_1 = require("react-select");
+function CustomValueContainer(_a) {
+    var children = _a.children, selectProps = _a.selectProps, setMenuIsOpen = _a.setMenuIsOpen, menuIsOpen = _a.menuIsOpen, selectRef = _a.selectRef, rest = __rest(_a, ["children", "selectProps", "setMenuIsOpen", "menuIsOpen", "selectRef"]);
+    var values = (typeof rest.getValue === 'function' ? rest.getValue() : []) || [];
+    var count = Array.isArray(values) ? values.length : 0;
+    var handleOpen = function (e) {
+        var _a, _b;
+        var t = e.target;
+        if (t.closest('[class*="multi-value__remove"]') ||
+            t.closest('[class*="clear-indicator"]') ||
+            t.closest('[class*="dropdown-indicator"]') ||
+            t.closest('[class*="indicators"]') ||
+            t.closest('[aria-label*="Remove"]') ||
+            t.closest('[aria-label*="Remover"]'))
+            return;
+        e.preventDefault();
+        e.stopPropagation();
+        if (!menuIsOpen) {
+            setMenuIsOpen(true);
+        }
+        (_b = (_a = selectRef === null || selectRef === void 0 ? void 0 : selectRef.current) === null || _a === void 0 ? void 0 : _a.focus) === null || _b === void 0 ? void 0 : _b.call(_a);
+    };
+    if (count === 0) {
+        return ((0, jsx_runtime_1.jsx)(react_select_1.components.ValueContainer, __assign({}, rest, { selectProps: selectProps, children: (0, jsx_runtime_1.jsx)("div", { onMouseDown: handleOpen, onTouchStart: handleOpen, className: 'font-14-regular', style: { height: '100%', width: '100%', display: 'flex', alignItems: 'center', cursor: 'pointer' }, children: children }) })));
+    }
+    var getLabel = function (opt) {
+        var _a, _b, _c, _d;
+        var fn = selectProps === null || selectProps === void 0 ? void 0 : selectProps.getOptionLabel;
+        try {
+            return typeof fn === 'function' ? fn(opt) : (_a = opt === null || opt === void 0 ? void 0 : opt.label) !== null && _a !== void 0 ? _a : String((_b = opt === null || opt === void 0 ? void 0 : opt.value) !== null && _b !== void 0 ? _b : '');
+        }
+        catch (_e) {
+            return (_c = opt === null || opt === void 0 ? void 0 : opt.label) !== null && _c !== void 0 ? _c : String((_d = opt === null || opt === void 0 ? void 0 : opt.value) !== null && _d !== void 0 ? _d : '');
+        }
+    };
+    var content = count >= 3 ? "".concat(count, " op\u00E7\u00F5es selecionadas") : values.map(getLabel).join(',');
+    return ((0, jsx_runtime_1.jsx)(react_select_1.components.ValueContainer, __assign({}, rest, { selectProps: selectProps, children: (0, jsx_runtime_1.jsx)("div", { onMouseDown: handleOpen, onTouchStart: handleOpen, className: 'font-14-regular', style: { height: '100%', width: '100%', display: 'flex', alignItems: 'center', cursor: 'pointer' }, children: content }) })));
+}
+//# sourceMappingURL=index.js.map

package/dist/ui/components/form/select/components/custom-value-container/index.js.map

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

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

@@ -0,0 +1,4 @@
+export * from "./menu-list/index.js";
+export * from "./custom-multi-value/index.js";
+export * from "./custom-value-container/index.js";
+export * from "./custom-option-checkbox/index.js";

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

@@ -0,0 +1,21 @@
+"use strict";
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./menu-list/index.js"), exports);
+__exportStar(require("./custom-multi-value/index.js"), exports);
+__exportStar(require("./custom-value-container/index.js"), exports);
+__exportStar(require("./custom-option-checkbox/index.js"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/select/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA2B;AAC3B,uDAAoC;AACpC,2DAAwC;AACxC,2DAAwC"}

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

@@ -0,0 +1,3 @@
+import { MenuListProps } from 'react-select';
+import type { SelectParametersHooks } from '../../types.js';
+export declare function MenuListWithSearch(props: SelectParametersHooks & MenuListProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,191 @@
+"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;
+    };
+})();
+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 __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+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];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuListWithSearch = MenuListWithSearch;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importStar(require("react"));
+var react_select_1 = require("react-select");
+var ui_1 = require("../../../../../../ui/index.js");
+var S = __importStar(require("./styles.js"));
+function MenuListWithSearch(props) {
+    var _this = this;
+    var _a = (0, react_1.useState)(false), creatableMode = _a[0], setCreatableMode = _a[1];
+    var _b = (0, react_1.useState)(''), searchValue = _b[0], setSearchValue = _b[1];
+    var inputRef = (0, react_1.useRef)(null);
+    var filteredChildren = react_1.default.Children.toArray(props.children).filter(function (child) {
+        var _a, _b;
+        if (!searchValue)
+            return true;
+        if ((_b = (_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.label) {
+            return child.props.data.label.toLowerCase().includes(searchValue.toLowerCase());
+        }
+        return true;
+    });
+    (0, react_1.useEffect)(function () {
+        if (props.menuIsOpen && inputRef.current) {
+            var timer_1 = setTimeout(function () {
+                var _a;
+                (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            }, 50);
+            return function () { return clearTimeout(timer_1); };
+        }
+    }, [props.menuIsOpen]);
+    function onKeyDown(e) {
+        var k = e.key;
+        if (k === ' ' ||
+            k === 'Spacebar' ||
+            k === 'Enter' ||
+            k === 'ArrowDown' ||
+            k === 'ArrowUp' ||
+            k === 'Home' ||
+            k === 'End' ||
+            k === 'PageDown' ||
+            k === 'PageUp') {
+            e.stopPropagation();
+        }
+        if (k === 'ArrowDown' || k === 'ArrowUp') {
+            e.preventDefault();
+        }
+        if (k === 'Escape') {
+            e.stopPropagation();
+            setSearchValue('');
+        }
+    }
+    return ((0, jsx_runtime_1.jsxs)(S.MenuList, { children: [(0, jsx_runtime_1.jsxs)("div", { className: 'search', onMouseDown: function (ev) {
+                    ev.stopPropagation();
+                    ev.preventDefault();
+                }, onMouseDownCapture: function (ev) { return ev.stopPropagation(); }, onClick: function (ev) {
+                    var _a;
+                    ev.stopPropagation();
+                    if (ev.target !== inputRef.current)
+                        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                }, children: [(0, jsx_runtime_1.jsx)("input", { ref: inputRef, type: 'text', name: 'search', placeholder: 'Buscar...', value: searchValue, onChange: function (ev) {
+                            setSearchValue(ev.target.value);
+                        }, onMouseDown: function (e) { return e.stopPropagation(); }, onClick: function (ev) {
+                            var _a;
+                            ev.stopPropagation();
+                            ev.preventDefault();
+                            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                        }, onKeyDown: onKeyDown, onKeyDownCapture: onKeyDown }, creatableMode ? 'search' : ''), props.selectPropsInfinityForge.creatableSelect && ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { idTooltip: 'test', enableArrow: true, position: 'bottom-center', ContentWithTooltipProps: function (tooltipProps) {
+                            return ((0, jsx_runtime_1.jsx)("div", { onClick: function (e) {
+                                    e.stopPropagation();
+                                }, children: (0, jsx_runtime_1.jsx)(ui_1.FormHandler, { button: { text: 'Criar' }, onSucess: function (formData) { return __awaiter(_this, void 0, void 0, function () {
+                                        var _a;
+                                        return __generator(this, function (_b) {
+                                            props.setIsLoading(true);
+                                            if ((_a = props.options) === null || _a === void 0 ? void 0 : _a.find(function (item) { return item.value === (formData === null || formData === void 0 ? void 0 : formData.newOption); })) {
+                                                props.setIsLoading(false);
+                                                throw new ui_1.BadRequestError({ code: '400', message: 'Opção já existente' });
+                                            }
+                                            setTimeout(function () {
+                                                var _a, _b;
+                                                var newOption = {
+                                                    label: formData === null || formData === void 0 ? void 0 : formData.newOption,
+                                                    value: formData === null || formData === void 0 ? void 0 : formData.newOption,
+                                                };
+                                                props.setIsLoading(false);
+                                                props.setOptions(function (oldState) { return __spreadArray(__spreadArray([], oldState, true), [newOption], false); });
+                                                var newValue = !props.selectPropsInfinityForge.onlyOneValue
+                                                    ? ((_a = props.field) === null || _a === void 0 ? void 0 : _a.value)
+                                                        ? __spreadArray(__spreadArray([], (_b = props.field) === null || _b === void 0 ? void 0 : _b.value, true), [newOption === null || newOption === void 0 ? void 0 : newOption.value], false) : [newOption === null || newOption === void 0 ? void 0 : newOption.value]
+                                                    : newOption === null || newOption === void 0 ? void 0 : newOption.value;
+                                                props.utils.setValue(newValue);
+                                                tooltipProps.closeToolTip();
+                                            }, 900);
+                                            return [2 /*return*/];
+                                        });
+                                    }); }, children: (0, jsx_runtime_1.jsx)(ui_1.Input, { name: 'newOption', onKeyDown: onKeyDown, onKeyDownCapture: onKeyDown }) }) }));
+                        }, trigger: (0, jsx_runtime_1.jsx)(ui_1.Tooltip, { enableArrow: true, enableHover: true, position: 'bottom-center', idTooltip: 'plus_search', content: 'Criar nova opção', trigger: (0, jsx_runtime_1.jsx)("button", { type: 'button', onClick: function () {
+                                    setCreatableMode(true);
+                                    setSearchValue('');
+                                }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'PlusIcon', color: '#000' }) }) }) }))] }), (0, jsx_runtime_1.jsx)(react_select_1.components.MenuList, __assign({}, props, { children: filteredChildren.length > 0 ? (filteredChildren) : ((0, jsx_runtime_1.jsx)("div", { style: { padding: '12px', textAlign: 'center', color: '#64748b' }, children: "Nenhuma op\u00E7\u00E3o encontrada" })) }))] }));
+}
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1 @@
+export declare const MenuList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, never>> & string;

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

@@ -0,0 +1,14 @@
+"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.MenuList = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.MenuList = (0, styled_components_1.default)("div")(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: 8px 12px;\n          border-bottom: 1px solid #e2e8f0;\n          position: sticky;\n          top: 0;\n          background-color: white;\n          z-index: 10;\n\n          .search {\n            display: flex;\n            gap: 5px;\n\n            input {\n            width: 100%;\n            box-sizing: border-box;\n            padding: 5px 10px;\n            border: 1px solid #cbd5e1;\n            border-radius: 4px;\n            font-size: 13px;\n            outline: none;\n            }\n\n            .tooltip-container  {\n                display: flex;\n            }\n\n            button {\n                border: 0;\n                min-width: 32px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                border-radius: 3px;\n\n                svg {\n                    height: 10px;\n                }\n            }\n          }\n"], ["\n padding: 8px 12px;\n          border-bottom: 1px solid #e2e8f0;\n          position: sticky;\n          top: 0;\n          background-color: white;\n          z-index: 10;\n\n          .search {\n            display: flex;\n            gap: 5px;\n\n            input {\n            width: 100%;\n            box-sizing: border-box;\n            padding: 5px 10px;\n            border: 1px solid #cbd5e1;\n            border-radius: 4px;\n            font-size: 13px;\n            outline: none;\n            }\n\n            .tooltip-container  {\n                display: flex;\n            }\n\n            button {\n                border: 0;\n                min-width: 32px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                border-radius: 3px;\n\n                svg {\n                    height: 10px;\n                }\n            }\n          }\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/select/components/menu-list/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAuC;AAG1B,QAAA,QAAQ,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,i/BAAA,86BAuCpC,KAAA"}

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

@@ -0,0 +1,3 @@
+export * from "./use-select-state.js";
+export * from "./use-select-props/index.js";
+export * from "./use-select-components.js";

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

@@ -0,0 +1,20 @@
+"use strict";
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./use-select-state.js"), exports);
+__exportStar(require("./use-select-props/index.js"), exports);
+__exportStar(require("./use-select-components.js"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/select/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,qDAAkC;AAClC,qDAAkC;AAClC,0DAAuC"}

package/dist/ui/components/form/select/hooks/use-select-components.d.ts

@@ -0,0 +1,16 @@
+import { CustomOptionCheckbox } from '../components/index.js';
+import type { SelectParametersHooks } from '../types.js';
+export declare const useSelectComponents: (props: SelectParametersHooks) => {
+    Input: () => any;
+    MenuList: (propsSelect: any) => import("react/jsx-runtime").JSX.Element;
+    ValueContainer: (valueContainerProps: any) => import("react/jsx-runtime").JSX.Element;
+    MultiValue?: (multiValueProps: any) => import("react/jsx-runtime").JSX.Element;
+    Option: any;
+    SingleValue: any;
+} | {
+    Input: () => any;
+    MenuList: (propsSelect: any) => import("react/jsx-runtime").JSX.Element;
+    ValueContainer: (valueContainerProps: any) => import("react/jsx-runtime").JSX.Element;
+    MultiValue?: (multiValueProps: any) => import("react/jsx-runtime").JSX.Element;
+    Option?: typeof CustomOptionCheckbox;
+};

package/dist/ui/components/form/select/hooks/use-select-components.js

@@ -0,0 +1,51 @@
+"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.useSelectComponents = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var components_1 = require("../components/index.js");
+var useSelectComponents = function (props) {
+    (0, react_1.useEffect)(function () {
+        var handleClickOutside = function (e) {
+            if (!props.menuIsOpen)
+                return;
+            var menuPortal = document.querySelector(".".concat(props.id, "__menu-portal"));
+            var menu = document.querySelector(".".concat(props.id, "__menu"));
+            if (props.selectRef.current &&
+                !props.selectRef.current.contains(e.target) &&
+                (!menuPortal || !menuPortal.contains(e.target)) &&
+                (!menu || !menu.contains(e.target))) {
+                props.setMenuIsOpen(false);
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return function () { return document.removeEventListener('mousedown', handleClickOutside); };
+    }, [props.menuIsOpen, props.id]);
+    return __assign(__assign(__assign({}, (props.selectPropsInfinityForge.CustomOption
+        ? {
+            Option: props.selectPropsInfinityForge.CustomOption,
+            SingleValue: props.selectPropsInfinityForge.CustomOption,
+        }
+        : __assign({}, (props.selectPropsInfinityForge.isMultiple ? { Option: components_1.CustomOptionCheckbox } : {})))), (props.selectPropsInfinityForge.isMultiple
+        ? {
+            MultiValue: function (multiValueProps) {
+                return (0, components_1.CustomMultiValue)(__assign(__assign({}, multiValueProps), props));
+            },
+        }
+        : {})), { Input: function () { return null; }, MenuList: function (propsSelect) { return (0, jsx_runtime_1.jsx)(components_1.MenuListWithSearch, __assign({}, propsSelect, props)); }, ValueContainer: function (valueContainerProps) {
+            return (0, components_1.CustomValueContainer)(__assign(__assign({}, valueContainerProps), props));
+        } });
+};
+exports.useSelectComponents = useSelectComponents;
+//# sourceMappingURL=use-select-components.js.map

package/dist/ui/components/form/select/hooks/use-select-components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-select-components.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/select/hooks/use-select-components.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,+BAAiC;AAEjC,4CAAgH;AAIzG,IAAM,mBAAmB,GAAG,UAAC,KAA4B;IAC9D,IAAA,iBAAS,EAAC;QACR,IAAM,kBAAkB,GAAG,UAAC,CAAC;YAC3B,IAAI,CAAC,KAAK,CAAC,UAAU;gBAAE,OAAM;YAE7B,IAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,WAAI,KAAK,CAAC,EAAE,kBAAe,CAAC,CAAA;YACtE,IAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,WAAI,KAAK,CAAC,EAAE,WAAQ,CAAC,CAAA;YAEzD,IACE,KAAK,CAAC,SAAS,CAAC,OAAO;gBACvB,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;gBAC3C,CAAC,CAAC,UAAU,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;gBAC/C,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EACnC,CAAC;gBACD,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;YAC5B,CAAC;QACH,CAAC,CAAA;QAED,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAA;QAC1D,OAAO,cAAM,OAAA,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,EAA7D,CAA6D,CAAA;IAC5E,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,CAAA;IAEhC,sCACK,CAAC,KAAK,CAAC,wBAAwB,CAAC,YAAY;QAC7C,CAAC,CAAC;YACE,MAAM,EAAE,KAAK,CAAC,wBAAwB,CAAC,YAAmB;YAC1D,WAAW,EAAE,KAAK,CAAC,wBAAwB,CAAC,YAAmB;SAChE;QACH,CAAC,cAAM,CAAC,KAAK,CAAC,wBAAwB,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,iCAAoB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAE,CAAC,GAC5F,CAAC,KAAK,CAAC,wBAAwB,CAAC,UAAU;QAC3C,CAAC,CAAC;YACE,UAAU,EAAE,UAAC,eAAe;gBAC1B,OAAA,IAAA,6BAAgB,wBACX,eAAe,GACf,KAAK,EACR;YAHF,CAGE;SACL;QACH,CAAC,CAAC,EAAE,CAAC,KACP,KAAK,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI,EACjB,QAAQ,EAAE,UAAC,WAAW,IAAK,OAAA,uBAAC,+BAAkB,eAAK,WAAW,EAAM,KAAK,EAAI,EAAlD,CAAkD,EAC7E,cAAc,EAAE,UAAC,mBAAmB;YAClC,OAAA,IAAA,iCAAoB,wBACf,mBAAmB,GACnB,KAAK,EACR;QAHF,CAGE,IACL;AACH,CAAC,CAAA;AA9CY,QAAA,mBAAmB,uBA8C/B"}

package/dist/ui/components/form/select/{custom-styles.js → hooks/use-select-props/custom-styles.js}

@@ -12,22 +12,23 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.customStyles = void 0;
+var utils_1 = require("../../../../../../ui/utils/index.js");
 exports.customStyles = {
-    control: function (provided) { return (__assign(__assign({}, provided), { minHeight: '40px' })); },
     option: function (provided, state) { return (__assign(__assign({}, provided), { fontSize: "13px", backgroundColor: state.isSelected
-            ? "#f2f2f2" // quando está selecionado
+            ? "#f2f2f2"
             : state.isFocused
-                ? "#fafafa" // quando o mouse passa
+                ? "#fafafa"
                 : "#fff", color: "#333", cursor: "pointer", ":active": __assign(__assign({}, provided[":active"]), { backgroundColor: state.isSelected ? "#e6e6e6" : "#f5f5f5" }) })); },
     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 ({
         display: 'none',
     }); },
-    indicatorsContainer: function (provided) { return (__assign(__assign({}, provided), { minHeight: '40px' })); },
-    singleValue: function (provided) { return (__assign(__assign({}, provided), { fontSize: "14px" })); }
+    singleValue: function (provided) { return (__assign(__assign({}, provided), { fontSize: "14px" })); },
+    menuPortal: function (base) { return (__assign(__assign({}, base), { zIndex: utils_1.zIndexInfinityForge.reactSelectDropdown })); },
+    control: function (provided) { return (__assign(__assign({}, provided), { height: '40px', flexWrap: "unset" })); },
+    input: function (provided) { return (__assign(__assign({}, provided), { margin: '0px', padding: '0px', height: '40px' })); },
+    indicatorsContainer: function (provided) { return (__assign(__assign({}, provided), { height: '40px' })); },
 };
 //# sourceMappingURL=custom-styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"custom-styles.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/select/hooks/use-select-props/custom-styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,oCAAgD;AAGnC,QAAA,YAAY,GAAiB;IAExC,MAAM,EAAE,UAAC,QAAQ,EAAE,KAAK,IAAK,OAAA,uBACxB,QAAQ,KACX,QAAQ,EAAE,MAAM,EAChB,eAAe,EAAE,KAAK,CAAC,UAAU;YAC/B,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,KAAK,CAAC,SAAS;gBACf,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,MAAM,EACZ,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,SAAS,EACjB,SAAS,wBACJ,QAAQ,CAAC,SAAS,CAAC,KACtB,eAAe,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,OAE3D,EAd2B,CAc3B;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;IAEF,kBAAkB,EAAE,UAAC,KAAK,IAAK,OAAA,CAAC;QAC9B,OAAO,EAAE,MAAM;KAChB,CAAC,EAF6B,CAE7B;IAEF,WAAW,EAAE,UAAC,QAAQ,IAAK,OAAA,uBAAM,QAAQ,KAAE,QAAQ,EAAE,MAAM,IAAG,EAAnC,CAAmC;IAC9D,UAAU,EAAE,UAAC,IAAI,IAAK,OAAA,uBAAM,IAAI,KAAE,MAAM,EAAE,2BAAmB,CAAC,mBAAmB,IAAG,EAA9D,CAA8D;IACpF,OAAO,EAAE,UAAC,QAAQ,IAAK,OAAA,uBAClB,QAAQ,KACX,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,OAAO,IACjB,EAJqB,CAIrB;IACF,KAAK,EAAE,UAAC,QAAQ,IAAK,OAAA,uBAChB,QAAQ,KACX,MAAM,EAAE,KAAK,EACb,OAAO,EAAE,KAAK,EACd,MAAM,EAAE,MAAM,IACd,EALmB,CAKnB;IACF,mBAAmB,EAAE,UAAC,QAAQ,IAAK,OAAA,uBAC9B,QAAQ,KACX,MAAM,EAAE,MAAM,IACd,EAHiC,CAGjC;CACH,CAAA"}

package/dist/ui/components/form/select/hooks/use-select-props/index.d.ts

@@ -0,0 +1,53 @@
+import { Option } from "../../../../../../ui/index.js";
+import type { SelectParametersHooks } from "../../types.js";
+export declare function useSelectProps({ id, setMenuIsOpen, isLoading, selectPropsInfinityForge, field, menuIsOpen, valueSelect }: SelectParametersHooks & {
+    valueSelect: Option[];
+}): {
+    id: string;
+    name: string;
+    isLoading: boolean;
+    menuIsOpen: boolean;
+    placeholder: string;
+    isClearable: boolean;
+    classNamePrefix: string;
+    isMulti: boolean;
+    tabSelectsValue: boolean;
+    backspaceRemovesValue: boolean;
+    isSearchable: boolean;
+    openMenuOnClick: boolean;
+    openMenuOnFocus: boolean;
+    blurInputOnSelect: boolean;
+    onFocus: () => void;
+    onMenuOpen: () => void;
+    menuPortalTarget: HTMLElement;
+    className: string;
+    menuPlacement: "auto" | "bottom" | "top";
+    closeMenuOnSelect: boolean;
+    hideSelectedOptions: boolean;
+    noOptionsMessage: () => string;
+    isDisabled: boolean;
+    styles: {
+        valueContainer: (provided: any) => any;
+        clearIndicator?: (base: import("react-select").CSSObjectWithLabel, props: import("react-select").ClearIndicatorProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => import("react-select").CSSObjectWithLabel;
+        container?: (base: import("react-select").CSSObjectWithLabel, props: import("react-select").ContainerProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => import("react-select").CSSObjectWithLabel;
+        control?: (base: import("react-select").CSSObjectWithLabel, props: import("react-select").ControlProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => import("react-select").CSSObjectWithLabel;
+        dropdownIndicator?: (base: import("react-select").CSSObjectWithLabel, props: import("react-select").DropdownIndicatorProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => import("react-select").CSSObjectWithLabel;
+        group?: (base: import("react-select").CSSObjectWithLabel, props: import("react-select").GroupProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => import("react-select").CSSObjectWithLabel;
+        groupHeading?: (base: import("react-select").CSSObjectWithLabel, props: import("react-select").GroupHeadingProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => import("react-select").CSSObjectWithLabel;
+        indicatorsContainer?: (base: import("react-select").CSSObjectWithLabel, props: import("react-select").IndicatorsContainerProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => import("react-select").CSSObjectWithLabel;
+        indicatorSeparator?: (base: import("react-select").CSSObjectWithLabel, props: import("react-select").IndicatorSeparatorProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => import("react-select").CSSObjectWithLabel;
+        input?: (base: import("react-select").CSSObjectWithLabel, props: import("react-select").InputProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => import("react-select").CSSObjectWithLabel;
+        loadingIndicator?: (base: import("react-select").CSSObjectWithLabel, props: import("react-select").LoadingIndicatorProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => import("react-select").CSSObjectWithLabel;
+        loadingMessage?: (base: import("react-select").CSSObjectWithLabel, props: import("react-select").NoticeProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => import("react-select").CSSObjectWithLabel;
+        menu?: (base: import("react-select").CSSObjectWithLabel, props: import("react-select").MenuProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => import("react-select").CSSObjectWithLabel;
+        menuList?: (base: import("react-select").CSSObjectWithLabel, props: import("react-select").MenuListProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => import("react-select").CSSObjectWithLabel;
+        menuPortal?: (base: import("react-select").CSSObjectWithLabel, props: import("react-select/dist/declarations/src/components/Menu").PortalStyleArgs) => import("react-select").CSSObjectWithLabel;
+        multiValue?: (base: import("react-select").CSSObjectWithLabel, props: import("react-select").MultiValueProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => import("react-select").CSSObjectWithLabel;
+        multiValueLabel?: (base: import("react-select").CSSObjectWithLabel, props: import("react-select").MultiValueProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => import("react-select").CSSObjectWithLabel;
+        multiValueRemove?: (base: import("react-select").CSSObjectWithLabel, props: import("react-select").MultiValueProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => import("react-select").CSSObjectWithLabel;
+        noOptionsMessage?: (base: import("react-select").CSSObjectWithLabel, props: import("react-select").NoticeProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => import("react-select").CSSObjectWithLabel;
+        option?: (base: import("react-select").CSSObjectWithLabel, props: import("react-select").OptionProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => import("react-select").CSSObjectWithLabel;
+        placeholder?: (base: import("react-select").CSSObjectWithLabel, props: import("react-select").PlaceholderProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => import("react-select").CSSObjectWithLabel;
+        singleValue?: (base: import("react-select").CSSObjectWithLabel, props: import("react-select").SingleValueProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => import("react-select").CSSObjectWithLabel;
+    };
+};

package/dist/ui/components/form/select/hooks/use-select-props/index.js

@@ -0,0 +1,51 @@
+"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.useSelectProps = useSelectProps;
+var ui_1 = require("../../../../../../ui/index.js");
+var custom_styles_1 = require("./custom-styles.js");
+function useSelectProps(_a) {
+    var _b, _c, _d;
+    var id = _a.id, setMenuIsOpen = _a.setMenuIsOpen, isLoading = _a.isLoading, selectPropsInfinityForge = _a.selectPropsInfinityForge, field = _a.field, menuIsOpen = _a.menuIsOpen, valueSelect = _a.valueSelect;
+    var formHandler = (0, ui_1.useFormHandler)();
+    var name = selectPropsInfinityForge.name, isMultiple = selectPropsInfinityForge.isMultiple, placeholder = selectPropsInfinityForge.placeholder, isClearable = selectPropsInfinityForge.isClearable, menuPlacement = selectPropsInfinityForge.menuPlacement, noOptionMessage = selectPropsInfinityForge.noOptionMessage, disabled = selectPropsInfinityForge.disabled, closeMenuOnSelect = selectPropsInfinityForge.closeMenuOnSelect, hideSelectedOptions = selectPropsInfinityForge.hideSelectedOptions;
+    return {
+        id: id,
+        name: name,
+        isLoading: isLoading,
+        menuIsOpen: menuIsOpen,
+        placeholder: placeholder,
+        isClearable: isClearable,
+        classNamePrefix: id,
+        isMulti: isMultiple,
+        tabSelectsValue: false,
+        backspaceRemovesValue: false,
+        isSearchable: !isMultiple,
+        openMenuOnClick: !isMultiple,
+        openMenuOnFocus: !isMultiple,
+        blurInputOnSelect: false,
+        onFocus: function () { return setMenuIsOpen(true); },
+        onMenuOpen: function () { return setMenuIsOpen(true); },
+        menuPortalTarget: typeof window !== "undefined" ? document === null || document === void 0 ? void 0 : document.body : undefined,
+        className: ((_b = field === null || field === void 0 ? void 0 : field.value) === null || _b === void 0 ? void 0 : _b.length) > 0 ? 'open' : '',
+        menuPlacement: menuPlacement || 'auto',
+        closeMenuOnSelect: isMultiple ? false : closeMenuOnSelect,
+        hideSelectedOptions: isMultiple ? false : hideSelectedOptions,
+        noOptionsMessage: function () { return noOptionMessage || 'Nenhuma opção encontrada.'; },
+        isDisabled: isLoading || disabled || ((_d = (_c = formHandler === null || formHandler === void 0 ? void 0 : formHandler.formHandlerProps) === null || _c === void 0 ? void 0 : _c.inputs) === null || _d === void 0 ? void 0 : _d.readOnly),
+        styles: __assign(__assign({}, custom_styles_1.customStyles), { valueContainer: function (provided) { return (__assign(__assign({}, provided), { display: "flex", height: "100%", 
+                // height: '40px',
+                flexWrap: "unset", padding: '0 6px', width: "100%", maxWidth: ((selectPropsInfinityForge === null || selectPropsInfinityForge === void 0 ? void 0 : selectPropsInfinityForge.isClearable) && Array.isArray(valueSelect) && valueSelect.length > 0) ? "77%" : "88%", flex: "none", justifyContent: "flex-start" })); } }),
+    };
+}
+//# sourceMappingURL=index.js.map

package/dist/ui/components/form/select/hooks/use-select-props/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/select/hooks/use-select-props/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAMA,wCA4CC;AAlDD,2BAA8C;AAE9C,iDAA+C;AAI/C,SAAgB,cAAc,CAAC,EAA6I;;QAA3I,EAAE,QAAA,EAAE,aAAa,mBAAA,EAAE,SAAS,eAAA,EAAE,wBAAwB,8BAAA,EAAE,KAAK,WAAA,EAAE,UAAU,gBAAA,EAAE,WAAW,iBAAA;IAEnH,IAAM,WAAW,GAAG,IAAA,mBAAc,GAAE,CAAA;IAC5B,IAAA,IAAI,GAA6H,wBAAwB,KAArJ,EAAE,UAAU,GAAiH,wBAAwB,WAAzI,EAAE,WAAW,GAAoG,wBAAwB,YAA5H,EAAE,WAAW,GAAuF,wBAAwB,YAA/G,EAAE,aAAa,GAAwE,wBAAwB,cAAhG,EAAE,eAAe,GAAuD,wBAAwB,gBAA/E,EAAE,QAAQ,GAA6C,wBAAwB,SAArE,EAAE,iBAAiB,GAA0B,wBAAwB,kBAAlD,EAAE,mBAAmB,GAAK,wBAAwB,oBAA7B,CAA8B;IAElK,OAAO;QACH,EAAE,IAAA;QACF,IAAI,MAAA;QACJ,SAAS,WAAA;QACT,UAAU,YAAA;QACV,WAAW,aAAA;QACX,WAAW,aAAA;QACX,eAAe,EAAE,EAAE;QACnB,OAAO,EAAE,UAAU;QACnB,eAAe,EAAE,KAAK;QACtB,qBAAqB,EAAE,KAAK;QAC5B,YAAY,EAAE,CAAC,UAAU;QACzB,eAAe,EAAE,CAAC,UAAU;QAC5B,eAAe,EAAE,CAAC,UAAU;QAC5B,iBAAiB,EAAE,KAAK;QACxB,OAAO,EAAE,cAAM,OAAA,aAAa,CAAC,IAAI,CAAC,EAAnB,CAAmB;QAClC,UAAU,EAAE,cAAM,OAAA,aAAa,CAAC,IAAI,CAAC,EAAnB,CAAmB;QACrC,gBAAgB,EAAE,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,CAAC,CAAC,CAAC,SAAS;QAC5E,SAAS,EAAE,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,MAAM,IAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;QACjD,aAAa,EAAE,aAAa,IAAI,MAAM;QACtC,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB;QACzD,mBAAmB,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,mBAAmB;QAC7D,gBAAgB,EAAE,cAAM,OAAA,eAAe,IAAI,2BAA2B,EAA9C,CAA8C;QACtE,UAAU,EAAE,SAAS,IAAI,QAAQ,KAAI,MAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,gBAAgB,0CAAE,MAAM,0CAAE,QAAQ,CAAA;QACpF,MAAM,wBACC,4BAAY,KAAE,cAAc,EAAE,UAAC,QAAQ,IAAK,OAAA,uBACxC,QAAQ,KACX,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,MAAM;gBACd,kBAAkB;gBAClB,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,CAAC,CAAA,wBAAwB,aAAxB,wBAAwB,uBAAxB,wBAAwB,CAAE,WAAW,KAAI,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EACzH,IAAI,EAAE,MAAM,EACZ,cAAc,EAAE,YAAY,IAC9B,EAX6C,CAW7C,GACL;KACJ,CAAA;AACL,CAAC"}

package/dist/ui/components/form/select/hooks/use-select-state.d.ts

@@ -0,0 +1,5 @@
+import type { SelectParametersHooks } from "../types.js";
+export declare function selectState({ selectPropsInfinityForge, field, options, utils, state, setOptions }: SelectParametersHooks): {
+    value: any;
+    valueExternalSelect: string | number | readonly string[];
+};