@lmb-it/kitsconcerto-native 0.1.236

package/form/selects/MultiSelect/index.cjs

@@ -0,0 +1,179 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+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('../../../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');
+var index = require('../../../apps/mobile/src/Core/MultiSelect/index.cjs');
+require('../../../apps/mobile/src/Core/Trees/components/CoreTree.cjs');
+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 index_native = require('../../helpers/FormContainer/index.cjs');
+var Functions = require('../../helpers/Functions.cjs');
+var helper = require('../helper.cjs');
+var useSelectBase = require('../hooks/useSelectBase.cjs');
+require('../../../contexts/DialogContext.cjs');
+var useComponentDefaults = require('../../../hooks/useComponentDefaults.cjs');
+var useResolvedStyle = require('../../../hooks/useResolvedStyle.cjs');
+
+const KitsMultiSelect = ({ className, ref, ...rawProps }) => {
+  const { mergedProps: props, themeStyle, elementStyles } = useComponentDefaults.default("MultiSelect", rawProps, "Select");
+  const resolvedThemeStyle = useResolvedStyle.default(themeStyle);
+  const resolvedRootStyle = useResolvedStyle.default(elementStyles?.root || {});
+  const {
+    id,
+    disabled,
+    isFloatedLabel,
+    rightAddon,
+    leftAddon,
+    required,
+    errors,
+    invalid,
+    placeholder,
+    virtualScroll,
+    label,
+    inputSize,
+    helperText,
+    emptyFilterMessage,
+    selectionLimit,
+    localProps,
+    hideError,
+    withFilter,
+    loading,
+    showClear,
+    valueMode
+  } = props;
+  const { list, keys, onChange, selectedValue, childrenKey, labelKey, valueKey } = useSelectBase.useSelectBase();
+  React.useEffect(() => {
+    helper.checkKeys(list, labelKey, !childrenKey ? valueKey : void 0);
+  }, [list]);
+  const ClState = Functions.ClHelper({
+    inputSize: inputSize ?? "",
+    isChecked: false,
+    isInvalid: !!invalid,
+    isDisabled: !!disabled
+  });
+  const handleChange = React.useCallback((e, items) => {
+    if (selectionLimit && Array.isArray(e?.target?.value) && e.target.value.length > selectionLimit) {
+      return;
+    }
+    onChange && onChange(e, items);
+  }, [selectionLimit, onChange]);
+  const Element = /* @__PURE__ */ jsxRuntime.jsx(
+    index.default,
+    {
+      emptyFilterMessage,
+      value: selectedValue,
+      onChange: handleChange,
+      disabled,
+      loading,
+      showClear,
+      options: typeof list !== "function" ? list : [],
+      placeholder,
+      ...keys,
+      filter: withFilter !== false,
+      selectionLimit,
+      display: valueMode === "comma" ? "comma" : localProps?.maxSelectedLabels ? void 0 : "chip",
+      maxSelectedLabels: selectionLimit ?? localProps?.maxSelectedLabels ?? 10,
+      className: `w-full ${ClState}`,
+      style: { borderRadius: 0, ...resolvedRootStyle && Object.keys(resolvedRootStyle).length > 0 ? resolvedRootStyle : resolvedThemeStyle },
+      ...localProps ? localProps : {}
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index_native.default,
+    {
+      id,
+      inputSize,
+      isFloatedLabel,
+      rightAddon,
+      leftAddon,
+      required,
+      hideError,
+      errors,
+      helperText,
+      invalid,
+      label,
+      elementStyles,
+      children: Element
+    }
+  );
+};
+KitsMultiSelect.displayName = "MultiSelect";
+
+exports.default = KitsMultiSelect;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../src/form/selects/MultiSelect/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect} from \"react\";\nimport {MultiSelect} from \"@lmb-it/kitsconcertomobile\";\nimport KitsContainer from \"../../helpers/FormContainer\";\nimport type {IMultiSelect} from \"@lmb-it/kitsconcerto-types\";\nimport {ClHelper} from \"../../helpers/Functions\";\nimport {checkKeys} from \"../helper\";\nimport {useSelectBase} from \"../hooks/useSelectBase\";\nimport {useComponentDefaults, useResolvedStyle} from \"@lmb-it/kitsconcerto/hooks\";\n\nconst KitsMultiSelect = ({ className, ref, ...rawProps }: IMultiSelect) => {\n    const {mergedProps: props, themeStyle, elementStyles} = useComponentDefaults('MultiSelect', rawProps, 'Select');\n    const resolvedThemeStyle = useResolvedStyle(themeStyle);\n    const resolvedRootStyle = useResolvedStyle(elementStyles?.root || {});\n    const {\n        id,\n        disabled,\n        isFloatedLabel,\n        rightAddon,\n        leftAddon,\n        required,\n        errors,\n        invalid,\n        placeholder,\n        virtualScroll,\n        label,\n        inputSize,\n        helperText,\n        emptyFilterMessage,\n        selectionLimit,\n        localProps,\n        hideError,\n        withFilter,\n        loading,\n        showClear,\n        valueMode,\n    } = props;\n\n    const { list, keys, onChange, selectedValue, childrenKey, labelKey, valueKey } = useSelectBase();\n\n    useEffect(() => {\n        checkKeys(list, labelKey, !childrenKey ? valueKey : undefined);\n    }, [list]);\n\n    const ClState = ClHelper({\n        inputSize: inputSize ?? \"\",\n        isChecked: false,\n        isInvalid: !!invalid,\n        isDisabled: !!disabled,\n    });\n\n    const handleChange = useCallback((e: any, items: any) => {\n        if (selectionLimit && Array.isArray(e?.target?.value) && e.target.value.length > selectionLimit) {\n            return;\n        }\n        onChange && onChange(e, items);\n    }, [selectionLimit, onChange]);\n\n    const Element = <MultiSelect\n        emptyFilterMessage={emptyFilterMessage}\n        value={selectedValue}\n        onChange={handleChange}\n        disabled={disabled}\n        loading={loading}\n        showClear={showClear}\n        options={typeof list !== \"function\" ? list : []}\n        placeholder={placeholder}\n        {...keys}\n        filter={withFilter !== false}\n        selectionLimit={selectionLimit}\n        display={valueMode === \"comma\" ? \"comma\" : (localProps?.maxSelectedLabels ? undefined : \"chip\")}\n        maxSelectedLabels={selectionLimit ?? localProps?.maxSelectedLabels ?? 10}\n        className={`w-full ${ClState}`}\n        style={{ borderRadius: 0, ...(resolvedRootStyle && Object.keys(resolvedRootStyle).length > 0 ? resolvedRootStyle : resolvedThemeStyle) }}\n        {...(localProps ? localProps : {})}\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            elementStyles={elementStyles}\n        >\n            {Element}\n        </KitsContainer>\n    );\n}\n\nKitsMultiSelect.displayName = \"MultiSelect\";\nexport default KitsMultiSelect;\n"],"names":["useComponentDefaults","useResolvedStyle","useSelectBase","useEffect","checkKeys","ClHelper","useCallback","jsx","MultiSelect","KitsContainer"],"mappings":"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"}

package/form/selects/MultiSelect/index.js

@@ -0,0 +1,175 @@
+import { jsx } from 'react/jsx-runtime';
+import { useEffect, useCallback } from 'react';
+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 '../../../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 MultiSelect from '../../../apps/mobile/src/Core/MultiSelect/index.js';
+import '../../../apps/mobile/src/Core/Trees/components/CoreTree.js';
+import '../../../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 KitsContainer from '../../helpers/FormContainer/index.js';
+import { ClHelper } from '../../helpers/Functions.js';
+import { checkKeys } from '../helper.js';
+import { useSelectBase } from '../hooks/useSelectBase.js';
+import '../../../contexts/DialogContext.js';
+import useComponentDefaults from '../../../hooks/useComponentDefaults.js';
+import useResolvedStyle from '../../../hooks/useResolvedStyle.js';
+
+const KitsMultiSelect = ({ className, ref, ...rawProps }) => {
+  const { mergedProps: props, themeStyle, elementStyles } = useComponentDefaults("MultiSelect", rawProps, "Select");
+  const resolvedThemeStyle = useResolvedStyle(themeStyle);
+  const resolvedRootStyle = useResolvedStyle(elementStyles?.root || {});
+  const {
+    id,
+    disabled,
+    isFloatedLabel,
+    rightAddon,
+    leftAddon,
+    required,
+    errors,
+    invalid,
+    placeholder,
+    virtualScroll,
+    label,
+    inputSize,
+    helperText,
+    emptyFilterMessage,
+    selectionLimit,
+    localProps,
+    hideError,
+    withFilter,
+    loading,
+    showClear,
+    valueMode
+  } = props;
+  const { list, keys, onChange, selectedValue, childrenKey, labelKey, valueKey } = useSelectBase();
+  useEffect(() => {
+    checkKeys(list, labelKey, !childrenKey ? valueKey : void 0);
+  }, [list]);
+  const ClState = ClHelper({
+    inputSize: inputSize ?? "",
+    isChecked: false,
+    isInvalid: !!invalid,
+    isDisabled: !!disabled
+  });
+  const handleChange = useCallback((e, items) => {
+    if (selectionLimit && Array.isArray(e?.target?.value) && e.target.value.length > selectionLimit) {
+      return;
+    }
+    onChange && onChange(e, items);
+  }, [selectionLimit, onChange]);
+  const Element = /* @__PURE__ */ jsx(
+    MultiSelect,
+    {
+      emptyFilterMessage,
+      value: selectedValue,
+      onChange: handleChange,
+      disabled,
+      loading,
+      showClear,
+      options: typeof list !== "function" ? list : [],
+      placeholder,
+      ...keys,
+      filter: withFilter !== false,
+      selectionLimit,
+      display: valueMode === "comma" ? "comma" : localProps?.maxSelectedLabels ? void 0 : "chip",
+      maxSelectedLabels: selectionLimit ?? localProps?.maxSelectedLabels ?? 10,
+      className: `w-full ${ClState}`,
+      style: { borderRadius: 0, ...resolvedRootStyle && Object.keys(resolvedRootStyle).length > 0 ? resolvedRootStyle : resolvedThemeStyle },
+      ...localProps ? localProps : {}
+    }
+  );
+  return /* @__PURE__ */ jsx(
+    KitsContainer,
+    {
+      id,
+      inputSize,
+      isFloatedLabel,
+      rightAddon,
+      leftAddon,
+      required,
+      hideError,
+      errors,
+      helperText,
+      invalid,
+      label,
+      elementStyles,
+      children: Element
+    }
+  );
+};
+KitsMultiSelect.displayName = "MultiSelect";
+
+export { KitsMultiSelect as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/form/selects/MultiSelect/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect} from \"react\";\nimport {MultiSelect} from \"@lmb-it/kitsconcertomobile\";\nimport KitsContainer from \"../../helpers/FormContainer\";\nimport type {IMultiSelect} from \"@lmb-it/kitsconcerto-types\";\nimport {ClHelper} from \"../../helpers/Functions\";\nimport {checkKeys} from \"../helper\";\nimport {useSelectBase} from \"../hooks/useSelectBase\";\nimport {useComponentDefaults, useResolvedStyle} from \"@lmb-it/kitsconcerto/hooks\";\n\nconst KitsMultiSelect = ({ className, ref, ...rawProps }: IMultiSelect) => {\n    const {mergedProps: props, themeStyle, elementStyles} = useComponentDefaults('MultiSelect', rawProps, 'Select');\n    const resolvedThemeStyle = useResolvedStyle(themeStyle);\n    const resolvedRootStyle = useResolvedStyle(elementStyles?.root || {});\n    const {\n        id,\n        disabled,\n        isFloatedLabel,\n        rightAddon,\n        leftAddon,\n        required,\n        errors,\n        invalid,\n        placeholder,\n        virtualScroll,\n        label,\n        inputSize,\n        helperText,\n        emptyFilterMessage,\n        selectionLimit,\n        localProps,\n        hideError,\n        withFilter,\n        loading,\n        showClear,\n        valueMode,\n    } = props;\n\n    const { list, keys, onChange, selectedValue, childrenKey, labelKey, valueKey } = useSelectBase();\n\n    useEffect(() => {\n        checkKeys(list, labelKey, !childrenKey ? valueKey : undefined);\n    }, [list]);\n\n    const ClState = ClHelper({\n        inputSize: inputSize ?? \"\",\n        isChecked: false,\n        isInvalid: !!invalid,\n        isDisabled: !!disabled,\n    });\n\n    const handleChange = useCallback((e: any, items: any) => {\n        if (selectionLimit && Array.isArray(e?.target?.value) && e.target.value.length > selectionLimit) {\n            return;\n        }\n        onChange && onChange(e, items);\n    }, [selectionLimit, onChange]);\n\n    const Element = <MultiSelect\n        emptyFilterMessage={emptyFilterMessage}\n        value={selectedValue}\n        onChange={handleChange}\n        disabled={disabled}\n        loading={loading}\n        showClear={showClear}\n        options={typeof list !== \"function\" ? list : []}\n        placeholder={placeholder}\n        {...keys}\n        filter={withFilter !== false}\n        selectionLimit={selectionLimit}\n        display={valueMode === \"comma\" ? \"comma\" : (localProps?.maxSelectedLabels ? undefined : \"chip\")}\n        maxSelectedLabels={selectionLimit ?? localProps?.maxSelectedLabels ?? 10}\n        className={`w-full ${ClState}`}\n        style={{ borderRadius: 0, ...(resolvedRootStyle && Object.keys(resolvedRootStyle).length > 0 ? resolvedRootStyle : resolvedThemeStyle) }}\n        {...(localProps ? localProps : {})}\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            elementStyles={elementStyles}\n        >\n            {Element}\n        </KitsContainer>\n    );\n}\n\nKitsMultiSelect.displayName = \"MultiSelect\";\nexport default KitsMultiSelect;\n"],"names":[],"mappings":"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"}

package/form/selects/SelectContext.cjs

@@ -0,0 +1,155 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var helper = require('./helper.cjs');
+var index_native$2 = require('./Dropdown/index.cjs');
+var index_native$3 = require('./MultiSelect/index.cjs');
+var index_native = require('./AutoComplete/index.cjs');
+var index_native$5 = require('./TreeSelect/index.cjs');
+var index_native$1 = require('./ListBox/index.cjs');
+var index_native$4 = require('./CascadeSelect/index.cjs');
+
+const IFormSelectContext = React.createContext({});
+const FormSelect = ({ ref, ...props }) => {
+  const [selectedValue, setSelectedValue] = React.useState(null);
+  const [rendererList, setData] = React.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) => {
+    helper.checkKeys(newList, labelKey, valueKey);
+    const mapped = helper.reMapping(newList, 0, labelKey, valueKey, childrenKey);
+    setData((prev) => {
+      if (JSON.stringify(prev) === JSON.stringify(mapped)) return prev;
+      return mapped;
+    });
+  };
+  const getData = React.useCallback(() => {
+    if (typeof list === "function") {
+      list().then((res) => {
+        if (res.success && res.data) {
+          bookTheList(res.data);
+        }
+      });
+    } else {
+      if (list) {
+        bookTheList(list);
+      }
+    }
+  }, [list]);
+  React.useEffect(() => {
+    getData();
+  }, [list]);
+  React.useEffect(() => {
+    setSelectedValue(value);
+  }, [value]);
+  React.useImperativeHandle(
+    ref,
+    () => ({
+      value: selectedValue,
+      setValue: setSelectedValue,
+      focus: () => {
+      }
+    }),
+    []
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    IFormSelectContext.Provider,
+    {
+      value: {
+        onChange: onItemChange,
+        selectedValue,
+        list: rendererList,
+        labelKey,
+        valueKey,
+        outputValueKey,
+        hideError,
+        childrenKey: childrenKey ? childrenKey : helper.arrayType(list) == 1 ? "children" : ""
+      },
+      children: [
+        isAutocompleteComponent && /* @__PURE__ */ jsxRuntime.jsx(
+          index_native.default,
+          {
+            isMultiple,
+            withFilter,
+            filterBy,
+            ...props
+          }
+        ),
+        isListBoxComponent && /* @__PURE__ */ jsxRuntime.jsx(
+          index_native$1.default,
+          {
+            ref,
+            withFilter,
+            filterBy,
+            ...props
+          }
+        ),
+        isDropdownComponent && /* @__PURE__ */ jsxRuntime.jsx(
+          index_native$2.default,
+          {
+            withFilter,
+            filterBy,
+            ...props
+          }
+        ),
+        isMultiSelectComponent && /* @__PURE__ */ jsxRuntime.jsx(
+          index_native$3.default,
+          {
+            withFilter,
+            filterBy,
+            ...props
+          }
+        ),
+        isCascadeSelectComponent && /* @__PURE__ */ jsxRuntime.jsx(
+          index_native$4.default,
+          {
+            withFilter,
+            filterBy,
+            ...props
+          }
+        ),
+        isTreeSelectComponent && /* @__PURE__ */ jsxRuntime.jsx(
+          index_native$5.default,
+          {
+            withFilter,
+            filterBy,
+            ...props
+          }
+        )
+      ]
+    }
+  );
+};
+const useSelect = () => React.useContext(IFormSelectContext);
+
+exports.default = FormSelect;
+exports.useSelect = useSelect;
+//# sourceMappingURL=SelectContext.cjs.map

package/form/selects/SelectContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectContext.cjs","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":["createContext","useState","checkKeys","reMapping","useCallback","useEffect","useImperativeHandle","jsxs","arrayType","jsx","KitsAutoComplete","ListBox","Dropdown","KitsMultiSelect","KitsCascadeSelect","KitsTreeSelect","useContext"],"mappings":"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"}