@lmb-it/kitsconcerto-native 0.1.236

package/form/selects/SelectContext.js

@@ -0,0 +1,150 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { createContext, useState, useCallback, useEffect, useImperativeHandle, useContext } from 'react';
+import { arrayType, checkKeys, reMapping } from './helper.js';
+import KitsDropdown from './Dropdown/index.js';
+import KitsMultiSelect from './MultiSelect/index.js';
+import KitsAutoComplete from './AutoComplete/index.js';
+import KitsTreeSelect from './TreeSelect/index.js';
+import KitsListBox from './ListBox/index.js';
+import KitsCascadeSelect from './CascadeSelect/index.js';
+
+const IFormSelectContext = createContext({});
+const FormSelect = ({ ref, ...props }) => {
+  const [selectedValue, setSelectedValue] = useState(null);
+  const [rendererList, setData] = useState([]);
+  const {
+    withFilter = false,
+    shape = "dropdown",
+    list,
+    onChange,
+    labelKey = "label",
+    valueKey = "value",
+    outputValueKey = "*",
+    childrenKey,
+    filterBy,
+    hideError,
+    value
+  } = props;
+  const isMultiple = "isMultiple" in props && props.isMultiple;
+  const isAutocompleteComponent = shape == "autocomplete";
+  const isListBoxComponent = shape == "listBox";
+  const isDropdownComponent = shape == "dropdown";
+  const isMultiSelectComponent = shape == "multiselect";
+  const isCascadeSelectComponent = shape == "cascade";
+  const isTreeSelectComponent = shape == "treeSelect";
+  const onItemChange = (e, item = void 0) => {
+    onChange && onChange(e, item);
+    const val = e?.target?.value ?? e?.value;
+    if (val !== void 0) {
+      setSelectedValue(val);
+    }
+  };
+  const bookTheList = (newList) => {
+    checkKeys(newList, labelKey, valueKey);
+    const mapped = reMapping(newList, 0, labelKey, valueKey, childrenKey);
+    setData((prev) => {
+      if (JSON.stringify(prev) === JSON.stringify(mapped)) return prev;
+      return mapped;
+    });
+  };
+  const getData = useCallback(() => {
+    if (typeof list === "function") {
+      list().then((res) => {
+        if (res.success && res.data) {
+          bookTheList(res.data);
+        }
+      });
+    } else {
+      if (list) {
+        bookTheList(list);
+      }
+    }
+  }, [list]);
+  useEffect(() => {
+    getData();
+  }, [list]);
+  useEffect(() => {
+    setSelectedValue(value);
+  }, [value]);
+  useImperativeHandle(
+    ref,
+    () => ({
+      value: selectedValue,
+      setValue: setSelectedValue,
+      focus: () => {
+      }
+    }),
+    []
+  );
+  return /* @__PURE__ */ jsxs(
+    IFormSelectContext.Provider,
+    {
+      value: {
+        onChange: onItemChange,
+        selectedValue,
+        list: rendererList,
+        labelKey,
+        valueKey,
+        outputValueKey,
+        hideError,
+        childrenKey: childrenKey ? childrenKey : arrayType(list) == 1 ? "children" : ""
+      },
+      children: [
+        isAutocompleteComponent && /* @__PURE__ */ jsx(
+          KitsAutoComplete,
+          {
+            isMultiple,
+            withFilter,
+            filterBy,
+            ...props
+          }
+        ),
+        isListBoxComponent && /* @__PURE__ */ jsx(
+          KitsListBox,
+          {
+            ref,
+            withFilter,
+            filterBy,
+            ...props
+          }
+        ),
+        isDropdownComponent && /* @__PURE__ */ jsx(
+          KitsDropdown,
+          {
+            withFilter,
+            filterBy,
+            ...props
+          }
+        ),
+        isMultiSelectComponent && /* @__PURE__ */ jsx(
+          KitsMultiSelect,
+          {
+            withFilter,
+            filterBy,
+            ...props
+          }
+        ),
+        isCascadeSelectComponent && /* @__PURE__ */ jsx(
+          KitsCascadeSelect,
+          {
+            withFilter,
+            filterBy,
+            ...props
+          }
+        ),
+        isTreeSelectComponent && /* @__PURE__ */ jsx(
+          KitsTreeSelect,
+          {
+            withFilter,
+            filterBy,
+            ...props
+          }
+        )
+      ]
+    }
+  );
+};
+const useSelect = () => useContext(IFormSelectContext);
+
+export { FormSelect as default, useSelect };
+//# sourceMappingURL=SelectContext.js.map

package/form/selects/SelectContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectContext.js","sources":["../../../../src/form/selects/SelectContext.tsx"],"sourcesContent":["import type {\n    IAutoCompleteElement,\n    ICascadeSelect,\n    IContextValues,\n    IDropdownSelect,\n    IListBoxSelect,\n    IMultiSelect,\n    ISelectElement,\n    ISelectType, ITreeItem,\n    ITreeSelect,\n} from \"@lmb-it/kitsconcerto-types\";\nimport React, {createContext, useCallback, useContext, useEffect, useImperativeHandle, useState,} from \"react\";\nimport {arrayType, checkKeys, reMapping} from \"./helper\";\nimport Dropdown from \"./Dropdown\";\nimport KitsMultiSelect from \"./MultiSelect\";\nimport KitsAutoComplete from \"./AutoComplete\";\nimport KitsTreeSelect from \"./TreeSelect\";\nimport ListBox from \"./ListBox\";\nimport KitsCascadeSelect from \"./CascadeSelect\";\n\nconst IFormSelectContext = createContext<IContextValues>({} as IContextValues);\n\n\n\nconst FormSelect = ({ref, ...props}: ISelectElement & ISelectType) => {\n    const [selectedValue, setSelectedValue] = useState<any>(null);\n    const [rendererList, setData] = useState<ITreeItem<any>[]>([]);\n\n    const {\n        withFilter = false,\n        shape = \"dropdown\",\n        list,\n        onChange,\n        labelKey = \"label\",\n        valueKey = \"value\",\n        outputValueKey = \"*\",\n        childrenKey,\n        filterBy,\n        hideError,\n        value,\n    } = props;\n\n    const isMultiple = \"isMultiple\" in props && props.isMultiple;\n\n    const isAutocompleteComponent = shape == \"autocomplete\";\n    const isListBoxComponent = shape == \"listBox\";\n    const isDropdownComponent = shape == \"dropdown\";\n    const isMultiSelectComponent = shape == \"multiselect\";\n    const isCascadeSelectComponent = shape == \"cascade\";\n    const isTreeSelectComponent = shape == \"treeSelect\";\n\n    const onItemChange = (e: any, item: any = undefined) => {\n        onChange && onChange(e, item);\n        // Handle both PrimeReact web (e.target.value) and native (e.value) event formats\n        const val = e?.target?.value ?? e?.value;\n        if (val !== undefined) {\n            setSelectedValue(val);\n        }\n    };\n    // const isArrayOfStrings = Array.isArray(list) && list.every(c => typeof c === 'string')\n\n    const bookTheList = (newList: any[]) => {\n        checkKeys(newList, labelKey, valueKey);\n        const mapped = reMapping(newList, 0, labelKey, valueKey, childrenKey);\n        // Only update state if the mapped result actually changed.\n        // reMapping always creates new objects, so we deep-compare to avoid\n        // unnecessary re-renders that break AutoComplete focus.\n        setData(prev => {\n            if (JSON.stringify(prev) === JSON.stringify(mapped)) return prev;\n            return mapped;\n        });\n    };\n\n    const getData = useCallback(() => {\n        if (typeof list === \"function\") {\n            list().then((res) => {\n                if (res.success && res.data) {\n                    bookTheList(res.data);\n                }\n            });\n        } else {\n            if (list) {\n                bookTheList(list);\n            }\n        }\n    }, [list]);\n\n    useEffect(() => {\n        getData();\n    }, [list]);\n\n    useEffect(() => {\n        setSelectedValue(value);\n    }, [value]);\n\n    useImperativeHandle(\n        ref,\n        () => ({\n            value: selectedValue,\n            setValue: setSelectedValue,\n            focus: () => {\n            },\n        }),\n        [],\n    );\n\n    return (\n        <IFormSelectContext.Provider\n            value={{\n                onChange: onItemChange,\n                selectedValue,\n                list: rendererList,\n                labelKey,\n                valueKey,\n                outputValueKey,\n                hideError,\n                childrenKey: childrenKey ? childrenKey : (arrayType(list) == 1 ? \"children\" : \"\"),\n            }}\n        >\n            {isAutocompleteComponent && (\n                <KitsAutoComplete\n                    isMultiple={isMultiple}\n                    withFilter={withFilter}\n                    filterBy={filterBy}\n                    {...(props as IAutoCompleteElement)}\n                />\n            )}\n            {isListBoxComponent && (\n                <ListBox\n                    ref={ref}\n                    withFilter={withFilter}\n                    filterBy={filterBy}\n                    {...(props as IListBoxSelect)}\n                />\n            )}\n            {isDropdownComponent && (\n                <Dropdown\n                    withFilter={withFilter}\n                    filterBy={filterBy}\n                    {...(props as IDropdownSelect)}\n                />\n            )}\n            {isMultiSelectComponent && (\n                <KitsMultiSelect\n                    withFilter={withFilter}\n                    filterBy={filterBy}\n                    {...(props as IMultiSelect)}\n                />\n            )}\n            {isCascadeSelectComponent && (\n                <KitsCascadeSelect\n                    withFilter={withFilter}\n                    filterBy={filterBy}\n                    {...(props as ICascadeSelect)}\n                />\n            )}\n            {isTreeSelectComponent && (\n                <KitsTreeSelect\n                    withFilter={withFilter}\n                    filterBy={filterBy}\n                    {...(props as ITreeSelect)}\n                />\n            )}\n        </IFormSelectContext.Provider>\n    );\n};\n\nexport const useSelect = () => useContext(IFormSelectContext);\n\nexport default FormSelect;\n"],"names":["ListBox","Dropdown"],"mappings":"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"}

package/form/selects/TreeSelect/index.cjs

@@ -0,0 +1,174 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var index_native = require('../../helpers/FormContainer/index.cjs');
+require('../../../apps/mobile/src/ui/accordion/index.cjs');
+require('../../../apps/mobile/src/ui/actionsheet/index.cjs');
+require('../../../apps/mobile/src/ui/alert/index.cjs');
+require('../../../apps/mobile/src/ui/alert-dialog/index.cjs');
+require('../../../apps/mobile/src/ui/avatar/index.cjs');
+require('../../../apps/mobile/src/ui/badge/index.cjs');
+require('../../../apps/mobile/src/ui/bottomsheet/index.cjs');
+require('../../../apps/mobile/src/ui/box/index.cjs');
+require('../../../apps/mobile/src/ui/button/index.cjs');
+require('../../../apps/mobile/src/ui/card/index.cjs');
+require('../../../apps/mobile/src/ui/center/index.cjs');
+require('../../../apps/mobile/src/ui/checkbox/index.cjs');
+require('../../../apps/mobile/src/ui/divider/index.cjs');
+require('../../../apps/mobile/src/ui/drawer/index.cjs');
+require('../../../apps/mobile/src/ui/fab/index.cjs');
+require('react-native');
+require('../../../apps/mobile/src/ui/form-control/index.cjs');
+require('react');
+require('../../../apps/mobile/src/ui/gluestack-ui-provider/config.cjs');
+require('@gluestack-ui/core/overlay/creator');
+require('@gluestack-ui/core/toast/creator');
+require('nativewind');
+require('../../../apps/mobile/src/ui/grid/index.cjs');
+require('../../../apps/mobile/src/ui/heading/index.cjs');
+require('../../../apps/mobile/src/ui/hstack/index.cjs');
+require('../../../apps/mobile/src/ui/icon/index.cjs');
+require('../../../apps/mobile/src/ui/image/index.cjs');
+require('../../../apps/mobile/src/ui/image-background/index.cjs');
+require('../../../apps/mobile/src/ui/input/index.cjs');
+require('../../../apps/mobile/src/ui/link/index.cjs');
+require('../../../apps/mobile/src/ui/menu/index.cjs');
+require('../../../apps/mobile/src/ui/modal/index.cjs');
+require('../../../apps/mobile/src/ui/popover/index.cjs');
+require('../../../apps/mobile/src/ui/portal/index.cjs');
+require('../../../apps/mobile/src/ui/pressable/index.cjs');
+require('../../../apps/mobile/src/ui/progress/index.cjs');
+require('../../../apps/mobile/src/ui/radio/index.cjs');
+require('react-native-safe-area-context');
+require('../../../apps/mobile/src/ui/select/index.cjs');
+require('../../../apps/mobile/src/ui/skeleton/index.cjs');
+require('../../../apps/mobile/src/ui/slider/index.cjs');
+require('../../../apps/mobile/src/ui/spinner/index.cjs');
+require('../../../apps/mobile/src/ui/switch/index.cjs');
+require('../../../apps/mobile/src/ui/table/index.cjs');
+require('../../../apps/mobile/src/ui/text/index.cjs');
+require('../../../apps/mobile/src/ui/textarea/index.cjs');
+require('../../../apps/mobile/src/ui/toast/index.cjs');
+require('../../../apps/mobile/src/ui/tooltip/index.cjs');
+require('../../../apps/mobile/src/ui/vstack/index.cjs');
+require('react-native-reanimated');
+require('react-icons/fa');
+require('react-icons/ai');
+require('react-icons/io');
+require('../../../packages/types/src/Components/Molecules/Form/FilePicker/types/filesTypes.cjs');
+require('yup');
+require('../../../packages/types/src/Css/map/index.cjs');
+require('../../../packages/types/src/Theme/shadows.cjs');
+require('../../../packages/types/src/Theme/defaultTheme.cjs');
+require('../../../apps/mobile/src/Factory/DimensionsContext.cjs');
+require('i18next');
+require('react-i18next');
+require('../../../apps/mobile/src/Core/AutoComplete/index.cjs');
+require('../../../apps/mobile/src/Core/Dropdown/index.cjs');
+require('../../../apps/mobile/src/Core/MultiSelect/index.cjs');
+require('../../../apps/mobile/src/Core/Trees/components/CoreTree.cjs');
+var CoreTreeSelect = require('../../../apps/mobile/src/Core/Trees/components/CoreTreeSelect.cjs');
+require('../../../apps/mobile/src/Core/Trees/components/CoreToolbar.cjs');
+require('../../../apps/mobile/src/Core/Paginator/index.cjs');
+require('lucide-react-native');
+require('../../../apps/mobile/src/Core/SelectButton/index.cjs');
+require('../../../apps/mobile/src/Core/DataTable/DataTable.cjs');
+require('../../../apps/mobile/src/Core/Tag/index.cjs');
+require('../../../apps/mobile/src/Core/Badge/index.cjs');
+require('../../../apps/mobile/src/Core/ProgressBar/index.cjs');
+require('../../../apps/mobile/src/Core/Checkbox/index.cjs');
+require('../../../apps/mobile/src/Core/RadioButton/index.cjs');
+require('../../../apps/mobile/src/Core/Input/index.cjs');
+require('../../../apps/mobile/src/Core/Input/Field.cjs');
+require('../../../apps/mobile/src/Core/Input/Slot.cjs');
+var useTreeBuild = require('../hooks/useTreeBuild.cjs');
+require('../../../contexts/DialogContext.cjs');
+var useComponentDefaults = require('../../../hooks/useComponentDefaults.cjs');
+var useResolvedStyle = require('../../../hooks/useResolvedStyle.cjs');
+
+const KitsTreeSelect = ({ ref, ...rawProps }) => {
+  const { mergedProps: props, themeStyle, elementStyles } = useComponentDefaults.default("TreeSelect", rawProps, "Select");
+  const resolvedThemeStyle = useResolvedStyle.default(themeStyle);
+  const resolvedRootStyle = useResolvedStyle.default(elementStyles?.root || {});
+  const {
+    rightAddon,
+    leftAddon,
+    errors,
+    invalid,
+    label,
+    id,
+    placeholder,
+    required,
+    disabled,
+    helperText,
+    attached,
+    isFloatedLabel,
+    inputSize,
+    valueMode,
+    isMultiple,
+    localProps,
+    withFilter,
+    filterBy,
+    hideError,
+    onlyParentsWithChildren,
+    resetFilterOnHide,
+    scrollHeight,
+    emptyMessage,
+    showClear,
+    containerStyle
+  } = props;
+  const { nodes, value, handleChange } = useTreeBuild.useTreeBuild({
+    isStructured: props.isStructured,
+    ref
+  });
+  const Element = /* @__PURE__ */ jsxRuntime.jsx(
+    CoreTreeSelect.default,
+    {
+      value,
+      filter: withFilter,
+      filterBy,
+      options: nodes,
+      display: isMultiple ? valueMode : "comma",
+      onChange: handleChange,
+      selectionMode: isMultiple ? "checkbox" : "single",
+      placeholder,
+      disabled,
+      invalid,
+      showClear: showClear ?? !required,
+      isModal: false,
+      onlyParentsWithChildren,
+      resetFilterOnHide,
+      scrollHeight,
+      emptyMessage,
+      style: resolvedRootStyle && Object.keys(resolvedRootStyle).length ? resolvedRootStyle : Object.keys(resolvedThemeStyle).length ? resolvedThemeStyle : void 0,
+      ...localProps
+    }
+  );
+  if (attached) {
+    return Element;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index_native.default,
+    {
+      id,
+      inputSize,
+      isFloatedLabel,
+      rightAddon,
+      leftAddon,
+      required,
+      hideError,
+      errors,
+      helperText,
+      invalid,
+      label,
+      containerStyle,
+      elementStyles,
+      children: Element
+    }
+  );
+};
+
+exports.default = KitsTreeSelect;
+//# sourceMappingURL=index.cjs.map

package/form/selects/TreeSelect/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../src/form/selects/TreeSelect/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport KitsContainer from \"../../helpers/FormContainer\";\nimport type { ITreeSelect } from \"@lmb-it/kitsconcerto-types\";\nimport { TreeSelect } from \"@lmb-it/kitsconcertomobile\";\nimport { ClHelper } from \"../../helpers/Functions\";\nimport { useTreeBuild } from \"../hooks/useTreeBuild\";\nimport { useComponentDefaults, useResolvedStyle } from \"@lmb-it/kitsconcerto/hooks\";\n\nconst KitsTreeSelect = <T = any,>({ ref, ...rawProps }: ITreeSelect) => {\n    const { mergedProps: props, themeStyle, elementStyles } = useComponentDefaults('TreeSelect', rawProps, 'Select');\n    const resolvedThemeStyle = useResolvedStyle(themeStyle);\n    const resolvedRootStyle = useResolvedStyle(elementStyles?.root || {});\n    const {\n        rightAddon,\n        leftAddon,\n        errors,\n        invalid,\n        label,\n        id,\n        placeholder,\n        required,\n        disabled,\n        helperText,\n        attached,\n        isFloatedLabel,\n        inputSize,\n        valueMode,\n        isMultiple,\n        localProps,\n        withFilter,\n        filterBy,\n        hideError,\n        onlyParentsWithChildren,\n        resetFilterOnHide,\n        scrollHeight,\n        emptyMessage,\n        showClear,\n        containerStyle,\n    } = props;\n\n    const { nodes, value, handleChange } = useTreeBuild<T>({\n        isStructured: props.isStructured,\n        ref,\n    });\n\n\n\n    const Element = (\n        <TreeSelect\n            value={value}\n            filter={withFilter}\n            filterBy={filterBy}\n            options={nodes}\n            display={isMultiple ? valueMode : \"comma\"}\n            onChange={handleChange}\n            selectionMode={isMultiple ? 'checkbox' : 'single'}\n            placeholder={placeholder}\n            disabled={disabled}\n            invalid={invalid}\n            showClear={showClear ?? !required}\n            isModal={false}\n            onlyParentsWithChildren={onlyParentsWithChildren}\n            resetFilterOnHide={resetFilterOnHide}\n            scrollHeight={scrollHeight}\n            emptyMessage={emptyMessage}\n            style={resolvedRootStyle && Object.keys(resolvedRootStyle).length ? resolvedRootStyle : (Object.keys(resolvedThemeStyle).length ? resolvedThemeStyle : undefined)}\n            {...localProps}\n        />\n    );\n\n    if (attached) {\n        return Element;\n    }\n\n    return (\n        <KitsContainer\n            id={id}\n            inputSize={inputSize}\n            isFloatedLabel={isFloatedLabel}\n            rightAddon={rightAddon}\n            leftAddon={leftAddon}\n            required={required}\n            hideError={hideError}\n            errors={errors}\n            helperText={helperText}\n            invalid={invalid}\n            label={label}\n            containerStyle={containerStyle}\n            elementStyles={elementStyles}\n        >\n            {Element}\n        </KitsContainer>\n    );\n}\nexport default KitsTreeSelect;\n"],"names":["useComponentDefaults","useResolvedStyle","useTreeBuild","jsx","TreeSelect","KitsContainer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAM,iBAAiB,CAAW,EAAE,GAAA,EAAK,GAAG,UAAS,KAAmB;AACpE,EAAA,MAAM,EAAE,aAAa,KAAA,EAAO,UAAA,EAAY,eAAc,GAAIA,4BAAA,CAAqB,YAAA,EAAc,QAAA,EAAU,QAAQ,CAAA;AAC/G,EAAA,MAAM,kBAAA,GAAqBC,yBAAiB,UAAU,CAAA;AACtD,EAAA,MAAM,iBAAA,GAAoBA,wBAAA,CAAiB,aAAA,EAAe,IAAA,IAAQ,EAAE,CAAA;AACpE,EAAA,MAAM;AAAA,IACF,UAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,EAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,uBAAA;AAAA,IACA,iBAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,GACJ,GAAI,KAAA;AAEJ,EAAA,MAAM,EAAE,KAAA,EAAO,KAAA,EAAO,YAAA,KAAiBC,yBAAA,CAAgB;AAAA,IACnD,cAAc,KAAA,CAAM,YAAA;AAAA,IACpB;AAAA,GACH,CAAA;AAID,EAAA,MAAM,OAAA,mBACFC,cAAA;AAAA,IAACC,sBAAA;AAAA,IAAA;AAAA,MACG,KAAA;AAAA,MACA,MAAA,EAAQ,UAAA;AAAA,MACR,QAAA;AAAA,MACA,OAAA,EAAS,KAAA;AAAA,MACT,OAAA,EAAS,aAAa,SAAA,GAAY,OAAA;AAAA,MAClC,QAAA,EAAU,YAAA;AAAA,MACV,aAAA,EAAe,aAAa,UAAA,GAAa,QAAA;AAAA,MACzC,WAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAA,EAAW,aAAa,CAAC,QAAA;AAAA,MACzB,OAAA,EAAS,KAAA;AAAA,MACT,uBAAA;AAAA,MACA,iBAAA;AAAA,MACA,YAAA;AAAA,MACA,YAAA;AAAA,MACA,KAAA,EAAO,iBAAA,IAAqB,MAAA,CAAO,IAAA,CAAK,iBAAiB,CAAA,CAAE,MAAA,GAAS,iBAAA,GAAqB,MAAA,CAAO,IAAA,CAAK,kBAAkB,CAAA,CAAE,SAAS,kBAAA,GAAqB,MAAA;AAAA,MACtJ,GAAG;AAAA;AAAA,GACR;AAGJ,EAAA,IAAI,QAAA,EAAU;AACV,IAAA,OAAO,OAAA;AAAA,EACX;AAEA,EAAA,uBACID,cAAA;AAAA,IAACE,oBAAA;AAAA,IAAA;AAAA,MACG,EAAA;AAAA,MACA,SAAA;AAAA,MACA,cAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,MACA,OAAA;AAAA,MACA,KAAA;AAAA,MACA,cAAA;AAAA,MACA,aAAA;AAAA,MAEC,QAAA,EAAA;AAAA;AAAA,GACL;AAER;;;;"}

package/form/selects/TreeSelect/index.js

@@ -0,0 +1,170 @@
+import { jsx } from 'react/jsx-runtime';
+import KitsContainer from '../../helpers/FormContainer/index.js';
+import '../../../apps/mobile/src/ui/accordion/index.js';
+import '../../../apps/mobile/src/ui/actionsheet/index.js';
+import '../../../apps/mobile/src/ui/alert/index.js';
+import '../../../apps/mobile/src/ui/alert-dialog/index.js';
+import '../../../apps/mobile/src/ui/avatar/index.js';
+import '../../../apps/mobile/src/ui/badge/index.js';
+import '../../../apps/mobile/src/ui/bottomsheet/index.js';
+import '../../../apps/mobile/src/ui/box/index.js';
+import '../../../apps/mobile/src/ui/button/index.js';
+import '../../../apps/mobile/src/ui/card/index.js';
+import '../../../apps/mobile/src/ui/center/index.js';
+import '../../../apps/mobile/src/ui/checkbox/index.js';
+import '../../../apps/mobile/src/ui/divider/index.js';
+import '../../../apps/mobile/src/ui/drawer/index.js';
+import '../../../apps/mobile/src/ui/fab/index.js';
+import 'react-native';
+import '../../../apps/mobile/src/ui/form-control/index.js';
+import 'react';
+import '../../../apps/mobile/src/ui/gluestack-ui-provider/config.js';
+import '@gluestack-ui/core/overlay/creator';
+import '@gluestack-ui/core/toast/creator';
+import 'nativewind';
+import '../../../apps/mobile/src/ui/grid/index.js';
+import '../../../apps/mobile/src/ui/heading/index.js';
+import '../../../apps/mobile/src/ui/hstack/index.js';
+import '../../../apps/mobile/src/ui/icon/index.js';
+import '../../../apps/mobile/src/ui/image/index.js';
+import '../../../apps/mobile/src/ui/image-background/index.js';
+import '../../../apps/mobile/src/ui/input/index.js';
+import '../../../apps/mobile/src/ui/link/index.js';
+import '../../../apps/mobile/src/ui/menu/index.js';
+import '../../../apps/mobile/src/ui/modal/index.js';
+import '../../../apps/mobile/src/ui/popover/index.js';
+import '../../../apps/mobile/src/ui/portal/index.js';
+import '../../../apps/mobile/src/ui/pressable/index.js';
+import '../../../apps/mobile/src/ui/progress/index.js';
+import '../../../apps/mobile/src/ui/radio/index.js';
+import 'react-native-safe-area-context';
+import '../../../apps/mobile/src/ui/select/index.js';
+import '../../../apps/mobile/src/ui/skeleton/index.js';
+import '../../../apps/mobile/src/ui/slider/index.js';
+import '../../../apps/mobile/src/ui/spinner/index.js';
+import '../../../apps/mobile/src/ui/switch/index.js';
+import '../../../apps/mobile/src/ui/table/index.js';
+import '../../../apps/mobile/src/ui/text/index.js';
+import '../../../apps/mobile/src/ui/textarea/index.js';
+import '../../../apps/mobile/src/ui/toast/index.js';
+import '../../../apps/mobile/src/ui/tooltip/index.js';
+import '../../../apps/mobile/src/ui/vstack/index.js';
+import 'react-native-reanimated';
+import 'react-icons/fa';
+import 'react-icons/ai';
+import 'react-icons/io';
+import '../../../packages/types/src/Components/Molecules/Form/FilePicker/types/filesTypes.js';
+import 'yup';
+import '../../../packages/types/src/Css/map/index.js';
+import '../../../packages/types/src/Theme/shadows.js';
+import '../../../packages/types/src/Theme/defaultTheme.js';
+import '../../../apps/mobile/src/Factory/DimensionsContext.js';
+import 'i18next';
+import 'react-i18next';
+import '../../../apps/mobile/src/Core/AutoComplete/index.js';
+import '../../../apps/mobile/src/Core/Dropdown/index.js';
+import '../../../apps/mobile/src/Core/MultiSelect/index.js';
+import '../../../apps/mobile/src/Core/Trees/components/CoreTree.js';
+import CoreTreeSelect from '../../../apps/mobile/src/Core/Trees/components/CoreTreeSelect.js';
+import '../../../apps/mobile/src/Core/Trees/components/CoreToolbar.js';
+import '../../../apps/mobile/src/Core/Paginator/index.js';
+import 'lucide-react-native';
+import '../../../apps/mobile/src/Core/SelectButton/index.js';
+import '../../../apps/mobile/src/Core/DataTable/DataTable.js';
+import '../../../apps/mobile/src/Core/Tag/index.js';
+import '../../../apps/mobile/src/Core/Badge/index.js';
+import '../../../apps/mobile/src/Core/ProgressBar/index.js';
+import '../../../apps/mobile/src/Core/Checkbox/index.js';
+import '../../../apps/mobile/src/Core/RadioButton/index.js';
+import '../../../apps/mobile/src/Core/Input/index.js';
+import '../../../apps/mobile/src/Core/Input/Field.js';
+import '../../../apps/mobile/src/Core/Input/Slot.js';
+import { useTreeBuild } from '../hooks/useTreeBuild.js';
+import '../../../contexts/DialogContext.js';
+import useComponentDefaults from '../../../hooks/useComponentDefaults.js';
+import useResolvedStyle from '../../../hooks/useResolvedStyle.js';
+
+const KitsTreeSelect = ({ ref, ...rawProps }) => {
+  const { mergedProps: props, themeStyle, elementStyles } = useComponentDefaults("TreeSelect", rawProps, "Select");
+  const resolvedThemeStyle = useResolvedStyle(themeStyle);
+  const resolvedRootStyle = useResolvedStyle(elementStyles?.root || {});
+  const {
+    rightAddon,
+    leftAddon,
+    errors,
+    invalid,
+    label,
+    id,
+    placeholder,
+    required,
+    disabled,
+    helperText,
+    attached,
+    isFloatedLabel,
+    inputSize,
+    valueMode,
+    isMultiple,
+    localProps,
+    withFilter,
+    filterBy,
+    hideError,
+    onlyParentsWithChildren,
+    resetFilterOnHide,
+    scrollHeight,
+    emptyMessage,
+    showClear,
+    containerStyle
+  } = props;
+  const { nodes, value, handleChange } = useTreeBuild({
+    isStructured: props.isStructured,
+    ref
+  });
+  const Element = /* @__PURE__ */ jsx(
+    CoreTreeSelect,
+    {
+      value,
+      filter: withFilter,
+      filterBy,
+      options: nodes,
+      display: isMultiple ? valueMode : "comma",
+      onChange: handleChange,
+      selectionMode: isMultiple ? "checkbox" : "single",
+      placeholder,
+      disabled,
+      invalid,
+      showClear: showClear ?? !required,
+      isModal: false,
+      onlyParentsWithChildren,
+      resetFilterOnHide,
+      scrollHeight,
+      emptyMessage,
+      style: resolvedRootStyle && Object.keys(resolvedRootStyle).length ? resolvedRootStyle : Object.keys(resolvedThemeStyle).length ? resolvedThemeStyle : void 0,
+      ...localProps
+    }
+  );
+  if (attached) {
+    return Element;
+  }
+  return /* @__PURE__ */ jsx(
+    KitsContainer,
+    {
+      id,
+      inputSize,
+      isFloatedLabel,
+      rightAddon,
+      leftAddon,
+      required,
+      hideError,
+      errors,
+      helperText,
+      invalid,
+      label,
+      containerStyle,
+      elementStyles,
+      children: Element
+    }
+  );
+};
+
+export { KitsTreeSelect as default };
+//# sourceMappingURL=index.js.map

package/form/selects/TreeSelect/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/form/selects/TreeSelect/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport KitsContainer from \"../../helpers/FormContainer\";\nimport type { ITreeSelect } from \"@lmb-it/kitsconcerto-types\";\nimport { TreeSelect } from \"@lmb-it/kitsconcertomobile\";\nimport { ClHelper } from \"../../helpers/Functions\";\nimport { useTreeBuild } from \"../hooks/useTreeBuild\";\nimport { useComponentDefaults, useResolvedStyle } from \"@lmb-it/kitsconcerto/hooks\";\n\nconst KitsTreeSelect = <T = any,>({ ref, ...rawProps }: ITreeSelect) => {\n    const { mergedProps: props, themeStyle, elementStyles } = useComponentDefaults('TreeSelect', rawProps, 'Select');\n    const resolvedThemeStyle = useResolvedStyle(themeStyle);\n    const resolvedRootStyle = useResolvedStyle(elementStyles?.root || {});\n    const {\n        rightAddon,\n        leftAddon,\n        errors,\n        invalid,\n        label,\n        id,\n        placeholder,\n        required,\n        disabled,\n        helperText,\n        attached,\n        isFloatedLabel,\n        inputSize,\n        valueMode,\n        isMultiple,\n        localProps,\n        withFilter,\n        filterBy,\n        hideError,\n        onlyParentsWithChildren,\n        resetFilterOnHide,\n        scrollHeight,\n        emptyMessage,\n        showClear,\n        containerStyle,\n    } = props;\n\n    const { nodes, value, handleChange } = useTreeBuild<T>({\n        isStructured: props.isStructured,\n        ref,\n    });\n\n\n\n    const Element = (\n        <TreeSelect\n            value={value}\n            filter={withFilter}\n            filterBy={filterBy}\n            options={nodes}\n            display={isMultiple ? valueMode : \"comma\"}\n            onChange={handleChange}\n            selectionMode={isMultiple ? 'checkbox' : 'single'}\n            placeholder={placeholder}\n            disabled={disabled}\n            invalid={invalid}\n            showClear={showClear ?? !required}\n            isModal={false}\n            onlyParentsWithChildren={onlyParentsWithChildren}\n            resetFilterOnHide={resetFilterOnHide}\n            scrollHeight={scrollHeight}\n            emptyMessage={emptyMessage}\n            style={resolvedRootStyle && Object.keys(resolvedRootStyle).length ? resolvedRootStyle : (Object.keys(resolvedThemeStyle).length ? resolvedThemeStyle : undefined)}\n            {...localProps}\n        />\n    );\n\n    if (attached) {\n        return Element;\n    }\n\n    return (\n        <KitsContainer\n            id={id}\n            inputSize={inputSize}\n            isFloatedLabel={isFloatedLabel}\n            rightAddon={rightAddon}\n            leftAddon={leftAddon}\n            required={required}\n            hideError={hideError}\n            errors={errors}\n            helperText={helperText}\n            invalid={invalid}\n            label={label}\n            containerStyle={containerStyle}\n            elementStyles={elementStyles}\n        >\n            {Element}\n        </KitsContainer>\n    );\n}\nexport default KitsTreeSelect;\n"],"names":["TreeSelect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAM,iBAAiB,CAAW,EAAE,GAAA,EAAK,GAAG,UAAS,KAAmB;AACpE,EAAA,MAAM,EAAE,aAAa,KAAA,EAAO,UAAA,EAAY,eAAc,GAAI,oBAAA,CAAqB,YAAA,EAAc,QAAA,EAAU,QAAQ,CAAA;AAC/G,EAAA,MAAM,kBAAA,GAAqB,iBAAiB,UAAU,CAAA;AACtD,EAAA,MAAM,iBAAA,GAAoB,gBAAA,CAAiB,aAAA,EAAe,IAAA,IAAQ,EAAE,CAAA;AACpE,EAAA,MAAM;AAAA,IACF,UAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,EAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,uBAAA;AAAA,IACA,iBAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,GACJ,GAAI,KAAA;AAEJ,EAAA,MAAM,EAAE,KAAA,EAAO,KAAA,EAAO,YAAA,KAAiB,YAAA,CAAgB;AAAA,IACnD,cAAc,KAAA,CAAM,YAAA;AAAA,IACpB;AAAA,GACH,CAAA;AAID,EAAA,MAAM,OAAA,mBACF,GAAA;AAAA,IAACA,cAAA;AAAA,IAAA;AAAA,MACG,KAAA;AAAA,MACA,MAAA,EAAQ,UAAA;AAAA,MACR,QAAA;AAAA,MACA,OAAA,EAAS,KAAA;AAAA,MACT,OAAA,EAAS,aAAa,SAAA,GAAY,OAAA;AAAA,MAClC,QAAA,EAAU,YAAA;AAAA,MACV,aAAA,EAAe,aAAa,UAAA,GAAa,QAAA;AAAA,MACzC,WAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAA,EAAW,aAAa,CAAC,QAAA;AAAA,MACzB,OAAA,EAAS,KAAA;AAAA,MACT,uBAAA;AAAA,MACA,iBAAA;AAAA,MACA,YAAA;AAAA,MACA,YAAA;AAAA,MACA,KAAA,EAAO,iBAAA,IAAqB,MAAA,CAAO,IAAA,CAAK,iBAAiB,CAAA,CAAE,MAAA,GAAS,iBAAA,GAAqB,MAAA,CAAO,IAAA,CAAK,kBAAkB,CAAA,CAAE,SAAS,kBAAA,GAAqB,MAAA;AAAA,MACtJ,GAAG;AAAA;AAAA,GACR;AAGJ,EAAA,IAAI,QAAA,EAAU;AACV,IAAA,OAAO,OAAA;AAAA,EACX;AAEA,EAAA,uBACI,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACG,EAAA;AAAA,MACA,SAAA;AAAA,MACA,cAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,MACA,OAAA;AAAA,MACA,KAAA;AAAA,MACA,cAAA;AAAA,MACA,aAAA;AAAA,MAEC,QAAA,EAAA;AAAA;AAAA,GACL;AAER;;;;"}

package/form/selects/helper.cjs

@@ -0,0 +1,48 @@
+'use strict';
+
+const arrayType = (arr) => {
+  if (!Array.isArray(arr) || arr.length === 0) return 0;
+  const first = arr[0];
+  if (Array.isArray(first)) return 1;
+  if (arr.every((i) => typeof i === "string")) return 2;
+  if (arr.every((i) => typeof i === "number")) return 3;
+  if (arr.every((i) => typeof i === "object" && !Array.isArray(i) && i !== null)) {
+    return 4;
+  }
+  return 5;
+};
+const checkKeys = (list, labelKey, valueKey) => {
+  if (list.length > 0 && typeof list[0] === "object" && !Array.isArray(list[0]) && list[0] !== null) {
+    if (!(labelKey in list[0])) {
+      if (labelKey !== "label") throw Error(`Label Key "${labelKey}" missing in list.`);
+    }
+    if (valueKey && !(valueKey in list[0])) {
+      if (valueKey !== "value") throw Error(`Value Key "${valueKey}" missing in list.`);
+    }
+  }
+};
+const reMapping = (arr, level = 0, labelKey, valueKey, childrenKey = "children") => {
+  return arr.map((item, index) => {
+    if (Array.isArray(item)) {
+      return {
+        [labelKey]: `Group${index + 1}`,
+        [childrenKey]: reMapping(item, level + 1, labelKey, valueKey, childrenKey)
+      };
+    } else if (typeof item === "object" && item !== null) {
+      if (item[childrenKey] && Array.isArray(item[childrenKey])) {
+        return {
+          ...item,
+          [childrenKey]: reMapping(item[childrenKey], 0, labelKey, valueKey, childrenKey)
+        };
+      }
+      return item;
+    } else {
+      return { [labelKey]: item, [valueKey]: item };
+    }
+  });
+};
+
+exports.arrayType = arrayType;
+exports.checkKeys = checkKeys;
+exports.reMapping = reMapping;
+//# sourceMappingURL=helper.cjs.map

package/form/selects/helper.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.cjs","sources":["../../../../src/form/selects/helper.ts"],"sourcesContent":["import type {IListItem, ITreeItem} from \"@lmb-it/kitsconcerto-types\";\n\n// ✅ Platform-Agnostic Tree Definition\n// This matches PrimeReact's shape but doesn't require the library to be installed.\nexport interface ITreeNode {\n  key?: string | number;\n  label?: string;\n  data?: any;\n  icon?: string;\n  children?: ITreeNode[];\n  style?: any;\n  className?: string;\n  selectable?: boolean;\n  leaf?: boolean;\n}\n\n/**\n * 0: Empty, 1: Groups, 2: Strings, 3: Numbers, 4: Objects, 5: Mixed\n */\nexport const arrayType = (arr: any): number => {\n  if (!Array.isArray(arr) || arr.length === 0) return 0;\n\n  const first = arr[0];\n  if (Array.isArray(first)) return 1;\n\n  if (arr.every((i) => typeof i === \"string\")) return 2;\n  if (arr.every((i) => typeof i === \"number\")) return 3;\n\n  if (arr.every((i) => typeof i === \"object\" && !Array.isArray(i) && i !== null)) {\n    return 4;\n  }\n\n  return 5;\n};\n\nexport const checkKeys = (\n    list: any[],\n    labelKey: string,\n    valueKey: string | undefined,\n) => {\n  if (\n      list.length > 0 &&\n      typeof list[0] === \"object\" &&\n      !Array.isArray(list[0]) &&\n      list[0] !== null\n  ) {\n    if (!(labelKey in list[0])) {\n      // Strict check: if key is missing and it's not the default \"label\"\n      if (labelKey !== \"label\") throw Error(`Label Key \"${labelKey}\" missing in list.`);\n    }\n\n    if (valueKey && !(valueKey in list[0])) {\n      if (valueKey !== \"value\") throw Error(`Value Key \"${valueKey}\" missing in list.`);\n    }\n  }\n};\n\n/**\n * Recursively maps arrays (implicit groups) into explicit Group objects.\n */\nexport const reMapping = (\n    arr: any[],\n    level: number = 0,\n    labelKey: string,\n    valueKey: string,\n    childrenKey: string = \"children\",\n): ITreeItem<any>[] => {\n  return arr.map((item, index) => {\n    // Array of Arrays -> Group\n    if (Array.isArray(item)) {\n      return {\n        [labelKey]: `Group${index + 1}`,\n        [childrenKey]: reMapping(item, level + 1, labelKey, valueKey, childrenKey),\n      };\n    }\n    // Object -> Check for children\n    else if (typeof item === \"object\" && item !== null) {\n      if (item[childrenKey] && Array.isArray(item[childrenKey])) {\n        return {\n          ...item,\n          [childrenKey]: reMapping(item[childrenKey], 0, labelKey, valueKey, childrenKey),\n        };\n      }\n      return item;\n    }\n    // Primitive -> Object\n    else {\n      return {[labelKey]: item, [valueKey]: item};\n    }\n  });\n};\n\n/**\n * Standard Normalizer: Ensures everything is an object { label, value }.\n */\nexport const mapping = (\n    list: IListItem[],\n    labelKey: string = \"label\",\n    valueKey: string = \"value\",\n    childrenKey: string = \"children\",\n): Record<string, any>[] => {\n  return list.map((item) => {\n    // 1. Primitive -> Object\n    if (typeof item === \"string\" || typeof item === \"number\") {\n      return {[labelKey]: item.toString(), [valueKey]: item};\n    }\n    // 2. Object -> Recursion\n    else if (typeof item === \"object\" && item !== null) {\n      const newItem: any = {...item};\n\n      if (childrenKey && Array.isArray(item[childrenKey])) {\n        newItem[childrenKey] = mapping(\n            item[childrenKey] as IListItem[],\n            labelKey,\n            valueKey,\n            childrenKey,\n        );\n      }\n      return newItem;\n    }\n    return item as Record<string, any>;\n  });\n};\n\n/**\n * Converts flat data (with parentId) into a hierarchical Tree structure.\n */\nexport const buildTree = (\n    data: Map<string | number, IListItem>,\n    labelKey: string = \"label\",\n    valueKey: string = \"value\",\n    parentKey: any = \"parentId\",\n    parentKeyValue: null | string | number = null,\n): ITreeNode[] => {\n  const fetchedData = Array.from(data.values());\n\n  // 1. Process items for current parent\n  const categorized: ITreeNode[] = fetchedData\n      .filter((item) => typeof item == 'object' && item[parentKey] === parentKeyValue)\n      .map((item) => {\n        if(typeof item !== 'object'){\n          return {\n            key: item,\n            label: item.toString(),\n            data: item,\n            // Web-specific helpers (ignored by Native if unused)\n            className: `node-${item.toString()}`,\n            id: item,\n          }\n        }\n        const itemVal =  item[valueKey];\n        const strVal = itemVal ? itemVal.toString() : \"\";\n\n        return {\n          key: itemVal,\n          label: item[labelKey],\n          data: item,\n          // Web-specific helpers (ignored by Native if unused)\n          className: `node-${strVal.split(\".\").join(\"_\")}`,\n          id: strVal,\n          ...(item.selectable !== undefined && { selectable: item.selectable }),\n          children: buildTree(data, labelKey, valueKey, parentKey, itemVal),\n        };\n      });\n\n  // 2. Handle Orphans (Root level only)\n  if (parentKeyValue === null) {\n    const uncategorized: ITreeNode[] = fetchedData\n        .filter((item) => typeof item == 'object' && item[parentKey] && !data.has(item[parentKey]))\n        .map((item, index) => {\n          if(typeof item !== 'object'){\n            return {\n              key: item,\n              label: item.toString(),\n              data: item,\n              // Web-specific helpers (ignored by Native if unused)\n              className: `node-${item.toString()}`,\n              id: item,\n            }\n          }\n\n          const itemVal = item[valueKey];\n          const strVal = itemVal ? itemVal.toString() : \"\";\n\n          return {\n            key: `uncategorized-${index}`,\n            label: item[labelKey],\n            data: item,\n            id: strVal,\n            className: strVal,\n            children: [],\n          };\n        });\n\n    if (uncategorized.length > 0) {\n      categorized.push({\n        key: \"uncategorized\",\n        label: \"Uncategorized\",\n        children: uncategorized,\n      });\n    }\n  }\n\n  return categorized;\n};\n"],"names":[],"mappings":";;AAmBO,MAAM,SAAA,GAAY,CAAC,GAAA,KAAqB;AAC7C,EAAA,IAAI,CAAC,MAAM,OAAA,CAAQ,GAAG,KAAK,GAAA,CAAI,MAAA,KAAW,GAAG,OAAO,CAAA;AAEpD,EAAA,MAAM,KAAA,GAAQ,IAAI,CAAC,CAAA;AACnB,EAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,EAAG,OAAO,CAAA;AAEjC,EAAA,IAAI,GAAA,CAAI,MAAM,CAAC,CAAA,KAAM,OAAO,CAAA,KAAM,QAAQ,GAAG,OAAO,CAAA;AACpD,EAAA,IAAI,GAAA,CAAI,MAAM,CAAC,CAAA,KAAM,OAAO,CAAA,KAAM,QAAQ,GAAG,OAAO,CAAA;AAEpD,EAAA,IAAI,GAAA,CAAI,KAAA,CAAM,CAAC,CAAA,KAAM,OAAO,CAAA,KAAM,QAAA,IAAY,CAAC,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA,IAAK,CAAA,KAAM,IAAI,CAAA,EAAG;AAC9E,IAAA,OAAO,CAAA;AAAA,EACT;AAEA,EAAA,OAAO,CAAA;AACT;AAEO,MAAM,SAAA,GAAY,CACrB,IAAA,EACA,QAAA,EACA,QAAA,KACC;AACH,EAAA,IACI,KAAK,MAAA,GAAS,CAAA,IACd,OAAO,IAAA,CAAK,CAAC,MAAM,QAAA,IACnB,CAAC,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAC,CAAC,KACtB,IAAA,CAAK,CAAC,MAAM,IAAA,EACd;AACA,IAAA,IAAI,EAAE,QAAA,IAAY,IAAA,CAAK,CAAC,CAAA,CAAA,EAAI;AAE1B,MAAA,IAAI,aAAa,OAAA,EAAS,MAAM,KAAA,CAAM,CAAA,WAAA,EAAc,QAAQ,CAAA,kBAAA,CAAoB,CAAA;AAAA,IAClF;AAEA,IAAA,IAAI,QAAA,IAAY,EAAE,QAAA,IAAY,IAAA,CAAK,CAAC,CAAA,CAAA,EAAI;AACtC,MAAA,IAAI,aAAa,OAAA,EAAS,MAAM,KAAA,CAAM,CAAA,WAAA,EAAc,QAAQ,CAAA,kBAAA,CAAoB,CAAA;AAAA,IAClF;AAAA,EACF;AACF;AAKO,MAAM,SAAA,GAAY,CACrB,GAAA,EACA,KAAA,GAAgB,GAChB,QAAA,EACA,QAAA,EACA,cAAsB,UAAA,KACH;AACrB,EAAA,OAAO,GAAA,CAAI,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,KAAU;AAE9B,IAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,IAAI,CAAA,EAAG;AACvB,MAAA,OAAO;AAAA,QACL,CAAC,QAAQ,GAAG,CAAA,KAAA,EAAQ,QAAQ,CAAC,CAAA,CAAA;AAAA,QAC7B,CAAC,WAAW,GAAG,SAAA,CAAU,MAAM,KAAA,GAAQ,CAAA,EAAG,QAAA,EAAU,QAAA,EAAU,WAAW;AAAA,OAC3E;AAAA,IACF,CAAA,MAAA,IAES,OAAO,IAAA,KAAS,QAAA,IAAY,SAAS,IAAA,EAAM;AAClD,MAAA,IAAI,IAAA,CAAK,WAAW,CAAA,IAAK,KAAA,CAAM,QAAQ,IAAA,CAAK,WAAW,CAAC,CAAA,EAAG;AACzD,QAAA,OAAO;AAAA,UACL,GAAG,IAAA;AAAA,UACH,CAAC,WAAW,GAAG,SAAA,CAAU,IAAA,CAAK,WAAW,CAAA,EAAG,CAAA,EAAG,QAAA,EAAU,QAAA,EAAU,WAAW;AAAA,SAChF;AAAA,MACF;AACA,MAAA,OAAO,IAAA;AAAA,IACT,CAAA,MAEK;AACH,MAAA,OAAO,EAAC,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,GAAG,IAAA,EAAI;AAAA,IAC5C;AAAA,EACF,CAAC,CAAA;AACH;;;;;;"}

package/form/selects/helper.js

@@ -0,0 +1,44 @@
+const arrayType = (arr) => {
+  if (!Array.isArray(arr) || arr.length === 0) return 0;
+  const first = arr[0];
+  if (Array.isArray(first)) return 1;
+  if (arr.every((i) => typeof i === "string")) return 2;
+  if (arr.every((i) => typeof i === "number")) return 3;
+  if (arr.every((i) => typeof i === "object" && !Array.isArray(i) && i !== null)) {
+    return 4;
+  }
+  return 5;
+};
+const checkKeys = (list, labelKey, valueKey) => {
+  if (list.length > 0 && typeof list[0] === "object" && !Array.isArray(list[0]) && list[0] !== null) {
+    if (!(labelKey in list[0])) {
+      if (labelKey !== "label") throw Error(`Label Key "${labelKey}" missing in list.`);
+    }
+    if (valueKey && !(valueKey in list[0])) {
+      if (valueKey !== "value") throw Error(`Value Key "${valueKey}" missing in list.`);
+    }
+  }
+};
+const reMapping = (arr, level = 0, labelKey, valueKey, childrenKey = "children") => {
+  return arr.map((item, index) => {
+    if (Array.isArray(item)) {
+      return {
+        [labelKey]: `Group${index + 1}`,
+        [childrenKey]: reMapping(item, level + 1, labelKey, valueKey, childrenKey)
+      };
+    } else if (typeof item === "object" && item !== null) {
+      if (item[childrenKey] && Array.isArray(item[childrenKey])) {
+        return {
+          ...item,
+          [childrenKey]: reMapping(item[childrenKey], 0, labelKey, valueKey, childrenKey)
+        };
+      }
+      return item;
+    } else {
+      return { [labelKey]: item, [valueKey]: item };
+    }
+  });
+};
+
+export { arrayType, checkKeys, reMapping };
+//# sourceMappingURL=helper.js.map