@lmb-it/kitsconcerto-native 0.1.257 → 0.1.259

package/form/selects/helpers/SelectPopupOverlay.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectPopupOverlay.cjs","sources":["../../../../../src/form/selects/helpers/SelectPopupOverlay.native.tsx"],"sourcesContent":["import React from 'react';\nimport {Pressable, StyleSheet, Text, View, useWindowDimensions} from 'react-native';\nimport {useSafeAreaInsets} from 'react-native-safe-area-context';\nimport {useKeyboardHeight} from '@lmb-it/kitsconcertomobile';\nimport KitsDialogControlled from '../../../components/overlay/Dialog';\nimport {useKitsTheme} from '../../../contexts/Theme';\nimport {useLanguage} from '../../../hooks';\nimport useThemedFont from '../../../hooks/useThemedFont';\n\n/**\n * The container a select's options live in when `popup` is on.\n *\n * ⛔ THIS IS NOT A SECOND OVERLAY MECHANISM. It is the library's own\n * `KitsDialogControlled` in bottom-sheet position, so the scrim, the slide\n * animation, the safe-area insets, `dismissableMask` and Android's hardware\n * back all come from the one place that already owns them. The only thing\n * this file adds is the header row and the sizing a picker needs.\n *\n * ⛔ IT USES `content` MODE ON PURPOSE. The Dialog's default template puts its\n * children inside a ScrollView with `maxHeight: 400`. A FlatList inside a\n * ScrollView scrolls badly and warns, and a 400pt cap is the very thing the\n * popup exists to escape. `content` replaces the whole header/body/footer\n * template, so the caller's search field can be pinned and its list can own\n * the remaining height.\n *\n * WHY A FIXED FRACTION OF THE SCREEN. The popup's whole purpose is that its\n * height does not depend on where the trigger happens to sit or on whether the\n * keyboard is up. It takes a fixed share of the window, the search field sits\n * at the top of it, and the list takes the rest.\n */\n\nexport interface ISelectPopupOverlayProps {\n    /** Open state. */\n    visible: boolean;\n    /** Called for every dismissal route — the ✕, the scrim, Android back. */\n    onClose: () => void;\n    /** Title shown beside the close control. Falls back to the field's label. */\n    title?: React.ReactNode;\n    /** The search field and the list. */\n    children: React.ReactNode;\n}\n\n/** Share of the window height the sheet occupies when the keyboard is down. */\nconst SHEET_HEIGHT_RATIO = 0.75;\n/** Never shorter than this, even on a small screen with the keyboard up. */\nconst SHEET_MIN_HEIGHT = 240;\n\nconst SelectPopupOverlay = ({visible, onClose, title, children}: ISelectPopupOverlayProps) => {\n    const {resolveToken} = useKitsTheme();\n    const {isRTL} = useLanguage();\n    const insets = useSafeAreaInsets();\n    const {height: windowHeight} = useWindowDimensions();\n    /* Raw RN <Text> does not inherit `fontFamily` through View parents, so a\n       consumer that swaps the theme font would see it everywhere except here.\n       See useThemedFont's own note. */\n    const headingFont = useThemedFont('heading');\n    const keyboardHeight = useKeyboardHeight();\n\n    /*\n     * ⛔ \"OWNS THE SCREEN\" MEANS ABOVE THE KEYBOARD, NOT BEHIND IT. A sheet\n     * pinned to the bottom at a fixed 75% still has its lower half under the\n     * keyboard the moment the search field takes focus, and the list is back to\n     * competing for the gap — the exact fault the popup exists to escape, one\n     * layer along. The sheet is capped to what is actually visible.\n     *\n     * The keyboard replaces the bottom inset rather than adding to it: it\n     * covers the home indicator.\n     */\n    const visibleHeight = windowHeight - Math.max(insets.bottom, keyboardHeight) - insets.top;\n    const sheetHeight = Math.max(\n        Math.min(SHEET_MIN_HEIGHT, visibleHeight),\n        Math.min(Math.round(windowHeight * SHEET_HEIGHT_RATIO), visibleHeight),\n    );\n\n    const textColor = resolveToken('text');\n    const borderColor = resolveToken('border');\n    const grabberColor = resolveToken('gray.300');\n    const subtextColor = resolveToken('gray.500');\n\n    return (\n        <KitsDialogControlled\n            onHide={onClose}\n            state={{\n                visible,\n                position: 'bottom',\n                // Tap-outside dismiss. `onRequestClose` inside the Dialog gives\n                // Android's back button the same route.\n                dismissableMask: true,\n                onClose,\n                style: {\n                    height: sheetHeight,\n                    // The keyboard already clears the home indicator, so the\n                    // inset is only owed when the keyboard is down.\n                    paddingBottom: keyboardHeight > 0 ? 0 : insets.bottom,\n                    marginBottom: keyboardHeight,\n                },\n                content: ({hide}: {hide: () => void}) => (\n                    <View style={styles.root}>\n                        <View style={[styles.grabber, {backgroundColor: grabberColor}]} />\n                        <View\n                            style={[\n                                styles.header,\n                                {borderBottomColor: borderColor},\n                                // The header mirrors with the reader, like every\n                                // other row this library draws.\n                                isRTL ? styles.headerRtl : styles.headerLtr,\n                            ]}>\n                            <Text\n                                numberOfLines={1}\n                                style={[\n                                    styles.title,\n                                    {color: textColor, fontFamily: headingFont},\n                                    isRTL ? styles.titleRtl : styles.titleLtr,\n                                ]}>\n                                {title}\n                            </Text>\n                            <Pressable onPress={hide} hitSlop={12} accessibilityRole=\"button\">\n                                <Text style={[styles.close, {color: subtextColor}]}>✕</Text>\n                            </Pressable>\n                        </View>\n                        {children}\n                    </View>\n                ),\n            }}\n        />\n    );\n};\n\nconst styles = StyleSheet.create({\n    root: {\n        flex: 1,\n        minHeight: 0,\n    },\n    grabber: {\n        width: 40,\n        height: 4,\n        borderRadius: 2,\n        alignSelf: 'center',\n        marginTop: 8,\n        marginBottom: 4,\n    },\n    header: {\n        alignItems: 'center',\n        paddingHorizontal: 16,\n        paddingVertical: 12,\n        borderBottomWidth: 1,\n        gap: 12,\n    },\n    headerLtr: {flexDirection: 'row'},\n    headerRtl: {flexDirection: 'row-reverse'},\n    title: {\n        flex: 1,\n        fontSize: 17,\n        fontWeight: '700',\n    },\n    titleLtr: {textAlign: 'left', writingDirection: 'ltr'},\n    titleRtl: {textAlign: 'right', writingDirection: 'rtl'},\n    close: {\n        fontSize: 18,\n    },\n});\n\nexport default SelectPopupOverlay;\n"],"names":["useKitsTheme","useLanguage","useSafeAreaInsets","useWindowDimensions","useThemedFont","useKeyboardHeight","jsx","KitsDialogControlled","jsxs","View","Text","Pressable","StyleSheet"],"mappings":"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"}

package/form/selects/helpers/SelectPopupOverlay.js

@@ -0,0 +1,196 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useWindowDimensions, View, Text, Pressable, StyleSheet } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+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 '../../../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 '../../../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 '../../../packages/types/src/Theme/alphaColors.js';
+import '../../../apps/mobile/src/Factory/helpers/cssVarMap.js';
+import '../../../apps/mobile/src/Factory/DimensionsContext.js';
+import { useKeyboardHeight } from '../../../apps/mobile/src/Factory/helpers/useKeyboardHeight.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 '../../../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 KitsDialogControlled from '../../../components/overlay/Dialog/index.js';
+import { useLanguage } from '../../../hooks/locale.js';
+import '../../../contexts/DialogContext.js';
+import useThemedFont from '../../../hooks/useThemedFont.js';
+import { useKitsTheme } from '../../../contexts/Theme/KitsThemeProvider.js';
+
+const SHEET_HEIGHT_RATIO = 0.75;
+const SHEET_MIN_HEIGHT = 240;
+const SelectPopupOverlay = ({ visible, onClose, title, children }) => {
+  const { resolveToken } = useKitsTheme();
+  const { isRTL } = useLanguage();
+  const insets = useSafeAreaInsets();
+  const { height: windowHeight } = useWindowDimensions();
+  const headingFont = useThemedFont("heading");
+  const keyboardHeight = useKeyboardHeight();
+  const visibleHeight = windowHeight - Math.max(insets.bottom, keyboardHeight) - insets.top;
+  const sheetHeight = Math.max(
+    Math.min(SHEET_MIN_HEIGHT, visibleHeight),
+    Math.min(Math.round(windowHeight * SHEET_HEIGHT_RATIO), visibleHeight)
+  );
+  const textColor = resolveToken("text");
+  const borderColor = resolveToken("border");
+  const grabberColor = resolveToken("gray.300");
+  const subtextColor = resolveToken("gray.500");
+  return /* @__PURE__ */ jsx(
+    KitsDialogControlled,
+    {
+      onHide: onClose,
+      state: {
+        visible,
+        position: "bottom",
+        // Tap-outside dismiss. `onRequestClose` inside the Dialog gives
+        // Android's back button the same route.
+        dismissableMask: true,
+        onClose,
+        style: {
+          height: sheetHeight,
+          // The keyboard already clears the home indicator, so the
+          // inset is only owed when the keyboard is down.
+          paddingBottom: keyboardHeight > 0 ? 0 : insets.bottom,
+          marginBottom: keyboardHeight
+        },
+        content: ({ hide }) => /* @__PURE__ */ jsxs(View, { style: styles.root, children: [
+          /* @__PURE__ */ jsx(View, { style: [styles.grabber, { backgroundColor: grabberColor }] }),
+          /* @__PURE__ */ jsxs(
+            View,
+            {
+              style: [
+                styles.header,
+                { borderBottomColor: borderColor },
+                // The header mirrors with the reader, like every
+                // other row this library draws.
+                isRTL ? styles.headerRtl : styles.headerLtr
+              ],
+              children: [
+                /* @__PURE__ */ jsx(
+                  Text,
+                  {
+                    numberOfLines: 1,
+                    style: [
+                      styles.title,
+                      { color: textColor, fontFamily: headingFont },
+                      isRTL ? styles.titleRtl : styles.titleLtr
+                    ],
+                    children: title
+                  }
+                ),
+                /* @__PURE__ */ jsx(Pressable, { onPress: hide, hitSlop: 12, accessibilityRole: "button", children: /* @__PURE__ */ jsx(Text, { style: [styles.close, { color: subtextColor }], children: "\u2715" }) })
+              ]
+            }
+          ),
+          children
+        ] })
+      }
+    }
+  );
+};
+const styles = StyleSheet.create({
+  root: {
+    flex: 1,
+    minHeight: 0
+  },
+  grabber: {
+    width: 40,
+    height: 4,
+    borderRadius: 2,
+    alignSelf: "center",
+    marginTop: 8,
+    marginBottom: 4
+  },
+  header: {
+    alignItems: "center",
+    paddingHorizontal: 16,
+    paddingVertical: 12,
+    borderBottomWidth: 1,
+    gap: 12
+  },
+  headerLtr: { flexDirection: "row" },
+  headerRtl: { flexDirection: "row-reverse" },
+  title: {
+    flex: 1,
+    fontSize: 17,
+    fontWeight: "700"
+  },
+  titleLtr: { textAlign: "left", writingDirection: "ltr" },
+  titleRtl: { textAlign: "right", writingDirection: "rtl" },
+  close: {
+    fontSize: 18
+  }
+});
+
+export { SelectPopupOverlay as default };
+//# sourceMappingURL=SelectPopupOverlay.js.map

package/form/selects/helpers/SelectPopupOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectPopupOverlay.js","sources":["../../../../../src/form/selects/helpers/SelectPopupOverlay.native.tsx"],"sourcesContent":["import React from 'react';\nimport {Pressable, StyleSheet, Text, View, useWindowDimensions} from 'react-native';\nimport {useSafeAreaInsets} from 'react-native-safe-area-context';\nimport {useKeyboardHeight} from '@lmb-it/kitsconcertomobile';\nimport KitsDialogControlled from '../../../components/overlay/Dialog';\nimport {useKitsTheme} from '../../../contexts/Theme';\nimport {useLanguage} from '../../../hooks';\nimport useThemedFont from '../../../hooks/useThemedFont';\n\n/**\n * The container a select's options live in when `popup` is on.\n *\n * ⛔ THIS IS NOT A SECOND OVERLAY MECHANISM. It is the library's own\n * `KitsDialogControlled` in bottom-sheet position, so the scrim, the slide\n * animation, the safe-area insets, `dismissableMask` and Android's hardware\n * back all come from the one place that already owns them. The only thing\n * this file adds is the header row and the sizing a picker needs.\n *\n * ⛔ IT USES `content` MODE ON PURPOSE. The Dialog's default template puts its\n * children inside a ScrollView with `maxHeight: 400`. A FlatList inside a\n * ScrollView scrolls badly and warns, and a 400pt cap is the very thing the\n * popup exists to escape. `content` replaces the whole header/body/footer\n * template, so the caller's search field can be pinned and its list can own\n * the remaining height.\n *\n * WHY A FIXED FRACTION OF THE SCREEN. The popup's whole purpose is that its\n * height does not depend on where the trigger happens to sit or on whether the\n * keyboard is up. It takes a fixed share of the window, the search field sits\n * at the top of it, and the list takes the rest.\n */\n\nexport interface ISelectPopupOverlayProps {\n    /** Open state. */\n    visible: boolean;\n    /** Called for every dismissal route — the ✕, the scrim, Android back. */\n    onClose: () => void;\n    /** Title shown beside the close control. Falls back to the field's label. */\n    title?: React.ReactNode;\n    /** The search field and the list. */\n    children: React.ReactNode;\n}\n\n/** Share of the window height the sheet occupies when the keyboard is down. */\nconst SHEET_HEIGHT_RATIO = 0.75;\n/** Never shorter than this, even on a small screen with the keyboard up. */\nconst SHEET_MIN_HEIGHT = 240;\n\nconst SelectPopupOverlay = ({visible, onClose, title, children}: ISelectPopupOverlayProps) => {\n    const {resolveToken} = useKitsTheme();\n    const {isRTL} = useLanguage();\n    const insets = useSafeAreaInsets();\n    const {height: windowHeight} = useWindowDimensions();\n    /* Raw RN <Text> does not inherit `fontFamily` through View parents, so a\n       consumer that swaps the theme font would see it everywhere except here.\n       See useThemedFont's own note. */\n    const headingFont = useThemedFont('heading');\n    const keyboardHeight = useKeyboardHeight();\n\n    /*\n     * ⛔ \"OWNS THE SCREEN\" MEANS ABOVE THE KEYBOARD, NOT BEHIND IT. A sheet\n     * pinned to the bottom at a fixed 75% still has its lower half under the\n     * keyboard the moment the search field takes focus, and the list is back to\n     * competing for the gap — the exact fault the popup exists to escape, one\n     * layer along. The sheet is capped to what is actually visible.\n     *\n     * The keyboard replaces the bottom inset rather than adding to it: it\n     * covers the home indicator.\n     */\n    const visibleHeight = windowHeight - Math.max(insets.bottom, keyboardHeight) - insets.top;\n    const sheetHeight = Math.max(\n        Math.min(SHEET_MIN_HEIGHT, visibleHeight),\n        Math.min(Math.round(windowHeight * SHEET_HEIGHT_RATIO), visibleHeight),\n    );\n\n    const textColor = resolveToken('text');\n    const borderColor = resolveToken('border');\n    const grabberColor = resolveToken('gray.300');\n    const subtextColor = resolveToken('gray.500');\n\n    return (\n        <KitsDialogControlled\n            onHide={onClose}\n            state={{\n                visible,\n                position: 'bottom',\n                // Tap-outside dismiss. `onRequestClose` inside the Dialog gives\n                // Android's back button the same route.\n                dismissableMask: true,\n                onClose,\n                style: {\n                    height: sheetHeight,\n                    // The keyboard already clears the home indicator, so the\n                    // inset is only owed when the keyboard is down.\n                    paddingBottom: keyboardHeight > 0 ? 0 : insets.bottom,\n                    marginBottom: keyboardHeight,\n                },\n                content: ({hide}: {hide: () => void}) => (\n                    <View style={styles.root}>\n                        <View style={[styles.grabber, {backgroundColor: grabberColor}]} />\n                        <View\n                            style={[\n                                styles.header,\n                                {borderBottomColor: borderColor},\n                                // The header mirrors with the reader, like every\n                                // other row this library draws.\n                                isRTL ? styles.headerRtl : styles.headerLtr,\n                            ]}>\n                            <Text\n                                numberOfLines={1}\n                                style={[\n                                    styles.title,\n                                    {color: textColor, fontFamily: headingFont},\n                                    isRTL ? styles.titleRtl : styles.titleLtr,\n                                ]}>\n                                {title}\n                            </Text>\n                            <Pressable onPress={hide} hitSlop={12} accessibilityRole=\"button\">\n                                <Text style={[styles.close, {color: subtextColor}]}>✕</Text>\n                            </Pressable>\n                        </View>\n                        {children}\n                    </View>\n                ),\n            }}\n        />\n    );\n};\n\nconst styles = StyleSheet.create({\n    root: {\n        flex: 1,\n        minHeight: 0,\n    },\n    grabber: {\n        width: 40,\n        height: 4,\n        borderRadius: 2,\n        alignSelf: 'center',\n        marginTop: 8,\n        marginBottom: 4,\n    },\n    header: {\n        alignItems: 'center',\n        paddingHorizontal: 16,\n        paddingVertical: 12,\n        borderBottomWidth: 1,\n        gap: 12,\n    },\n    headerLtr: {flexDirection: 'row'},\n    headerRtl: {flexDirection: 'row-reverse'},\n    title: {\n        flex: 1,\n        fontSize: 17,\n        fontWeight: '700',\n    },\n    titleLtr: {textAlign: 'left', writingDirection: 'ltr'},\n    titleRtl: {textAlign: 'right', writingDirection: 'rtl'},\n    close: {\n        fontSize: 18,\n    },\n});\n\nexport default SelectPopupOverlay;\n"],"names":[],"mappings":"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"}

package/form-renderer/components/fields/Select/index.cjs

@@ -46,6 +46,7 @@ const Select = ({
     filterBy,
     virtualScroll,
     showClear,
+    popup,
     // Specific
     withArrow,
     isMultiple,
@@ -85,6 +86,7 @@ const Select = ({
       filterBy,
       virtualScroll,
       showClear,
+      popup,
       withArrow,
       isMultiple,
       forceSelection,

package/form-renderer/components/fields/Select/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../../../src/form-renderer/components/fields/Select/index.tsx"],"sourcesContent":["import React from 'react';\nimport type {FieldValues} from 'react-hook-form';\nimport type {Shapes, UseFieldLogicElementProps} from \"@lmb-it/kitsconcerto-types\";\nimport {FormSelect} from \"../../../../_compat\";\nimport type {IListItem} from \"@lmb-it/kitsconcerto-types\";\n\nexport const Select = <T extends FieldValues>({\n                                                  element,\n                                                  control,\n                                                  getValues,\n                                                  fieldLogic,\n                                              }: UseFieldLogicElementProps<T>) => {\n\n    const {\n        field,\n        fieldState,\n        label,\n        placeholder,\n        isDisabled,\n        isRequired,\n        helperText,\n        watchedValues,\n        list,\n        attached,\n        style: elementStyle,\n        slots,\n    } = fieldLogic;\n\n    // Map form element type → FormSelect shape\n    const shapeMap: Record<string, Shapes> = {\n        Select: 'dropdown',\n        Multiselect: 'multiselect',\n        Tags: 'autocomplete',\n        ListBox: 'listBox',\n        TreeSelect: 'treeSelect',\n    };\n\n    const shape: Shapes = shapeMap[element.type as keyof typeof shapeMap] || 'dropdown';\n\n    const {\n        // Common\n        labelKey,\n        valueKey,\n        outputValueKey,\n        childrenKey,\n        withFilter,\n        filterBy,\n        virtualScroll,\n        showClear,\n        // Specific\n        withArrow,\n        isMultiple,\n        forceSelection,\n        completeMethod,\n        valueMode,\n        selectionLimit,\n        hideError,\n        // TreeSelect specific\n        onlyParentsWithChildren,\n        isStructured,\n    } = element as any;\n\n    // No key regeneration needed here.\n    // SelectContext already handles list changes reactively via its own useEffect([list]).\n    // All underlying components (Dropdown, AutoComplete, etc.) react to prop changes natively.\n    // A key change would force a full remount — destroying focus state and any user interaction.\n\n    return (\n        <FormSelect\n            {...field}\n            id={field.name}\n            shape={shape}\n            label={label}\n            placeholder={placeholder}\n            disabled={isDisabled}\n            required={isRequired}\n            invalid={fieldState.invalid}\n            errors={fieldState.error?.message}\n            helperText={helperText}\n            list={list as IListItem[]}\n            hideError={hideError}\n            attached={attached}\n            style={elementStyle?.input}\n            containerStyle={elementStyle?.container}\n            slots={slots}\n            labelKey={labelKey}\n            valueKey={valueKey}\n            outputValueKey={outputValueKey}\n            childrenKey={childrenKey}\n            withFilter={withFilter}\n            filterBy={filterBy}\n            virtualScroll={virtualScroll}\n            showClear={showClear}\n            withArrow={withArrow}\n            isMultiple={isMultiple}\n            forceSelection={forceSelection}\n            completeMethod={completeMethod}\n            valueMode={valueMode}\n            selectionLimit={selectionLimit}\n            onlyParentsWithChildren={onlyParentsWithChildren}\n            isStructured={isStructured}\n        />\n    );\n};\n\nexport default Select;\n"],"names":["jsx","FormSelect"],"mappings":";;;;;;;;;;AAMO,MAAM,SAAS,CAAwB;AAAA,EACI,OAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA;AACJ,CAAA,KAAoC;AAE9E,EAAA,MAAM;AAAA,IACF,KAAA;AAAA,IACA,UAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,aAAA;AAAA,IACA,IAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA,EAAO,YAAA;AAAA,IACP;AAAA,GACJ,GAAI,UAAA;AAGJ,EAAA,MAAM,QAAA,GAAmC;AAAA,IACrC,MAAA,EAAQ,UAAA;AAAA,IACR,WAAA,EAAa,aAAA;AAAA,IACb,IAAA,EAAM,cAAA;AAAA,IACN,OAAA,EAAS,SAAA;AAAA,IACT,UAAA,EAAY;AAAA,GAChB;AAEA,EAAA,MAAM,KAAA,GAAgB,QAAA,CAAS,OAAA,CAAQ,IAA6B,CAAA,IAAK,UAAA;AAEzE,EAAA,MAAM;AAAA;AAAA,IAEF,QAAA;AAAA,IACA,QAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,aAAA;AAAA,IACA,SAAA;AAAA;AAAA,IAEA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,cAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA;AAAA,IAEA,uBAAA;AAAA,IACA;AAAA,GACJ,GAAI,OAAA;AAOJ,EAAA,uBACIA,cAAA;AAAA,IAACC,qBAAA;AAAA,IAAA;AAAA,MACI,GAAG,KAAA;AAAA,MACJ,IAAI,KAAA,CAAM,IAAA;AAAA,MACV,KAAA;AAAA,MACA,KAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAA,EAAU,UAAA;AAAA,MACV,QAAA,EAAU,UAAA;AAAA,MACV,SAAS,UAAA,CAAW,OAAA;AAAA,MACpB,MAAA,EAAQ,WAAW,KAAA,EAAO,OAAA;AAAA,MAC1B,UAAA;AAAA,MACA,IAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAO,YAAA,EAAc,KAAA;AAAA,MACrB,gBAAgB,YAAA,EAAc,SAAA;AAAA,MAC9B,KAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;AAAA,MACA,QAAA;AAAA,MACA,aAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,cAAA;AAAA,MACA,cAAA;AAAA,MACA,SAAA;AAAA,MACA,cAAA;AAAA,MACA,uBAAA;AAAA,MACA;AAAA;AAAA,GACJ;AAER;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../../../src/form-renderer/components/fields/Select/index.tsx"],"sourcesContent":["import React from 'react';\nimport type {FieldValues} from 'react-hook-form';\nimport type {Shapes, UseFieldLogicElementProps} from \"@lmb-it/kitsconcerto-types\";\nimport {FormSelect} from \"../../../../_compat\";\nimport type {IListItem} from \"@lmb-it/kitsconcerto-types\";\n\nexport const Select = <T extends FieldValues>({\n                                                  element,\n                                                  control,\n                                                  getValues,\n                                                  fieldLogic,\n                                              }: UseFieldLogicElementProps<T>) => {\n\n    const {\n        field,\n        fieldState,\n        label,\n        placeholder,\n        isDisabled,\n        isRequired,\n        helperText,\n        watchedValues,\n        list,\n        attached,\n        style: elementStyle,\n        slots,\n    } = fieldLogic;\n\n    // Map form element type → FormSelect shape\n    const shapeMap: Record<string, Shapes> = {\n        Select: 'dropdown',\n        Multiselect: 'multiselect',\n        Tags: 'autocomplete',\n        ListBox: 'listBox',\n        TreeSelect: 'treeSelect',\n    };\n\n    const shape: Shapes = shapeMap[element.type as keyof typeof shapeMap] || 'dropdown';\n\n    const {\n        // Common\n        labelKey,\n        valueKey,\n        outputValueKey,\n        childrenKey,\n        withFilter,\n        filterBy,\n        virtualScroll,\n        showClear,\n        popup,\n        // Specific\n        withArrow,\n        isMultiple,\n        forceSelection,\n        completeMethod,\n        valueMode,\n        selectionLimit,\n        hideError,\n        // TreeSelect specific\n        onlyParentsWithChildren,\n        isStructured,\n    } = element as any;\n\n    // No key regeneration needed here.\n    // SelectContext already handles list changes reactively via its own useEffect([list]).\n    // All underlying components (Dropdown, AutoComplete, etc.) react to prop changes natively.\n    // A key change would force a full remount — destroying focus state and any user interaction.\n\n    return (\n        <FormSelect\n            {...field}\n            id={field.name}\n            shape={shape}\n            label={label}\n            placeholder={placeholder}\n            disabled={isDisabled}\n            required={isRequired}\n            invalid={fieldState.invalid}\n            errors={fieldState.error?.message}\n            helperText={helperText}\n            list={list as IListItem[]}\n            hideError={hideError}\n            attached={attached}\n            style={elementStyle?.input}\n            containerStyle={elementStyle?.container}\n            slots={slots}\n            labelKey={labelKey}\n            valueKey={valueKey}\n            outputValueKey={outputValueKey}\n            childrenKey={childrenKey}\n            withFilter={withFilter}\n            filterBy={filterBy}\n            virtualScroll={virtualScroll}\n            showClear={showClear}\n            /* ⛔ A PROP IS ONLY AS GOOD AS ITS NARROWEST GATE. This renderer\n               forwards a NAMED list, not a spread, so a select prop that is not\n               listed here never reaches the component however correct the rest\n               of the chain is. `popup` was added to the type, the wrapper and\n               the native component and still did nothing, because of this line's\n               absence. */\n            popup={popup}\n            withArrow={withArrow}\n            isMultiple={isMultiple}\n            forceSelection={forceSelection}\n            completeMethod={completeMethod}\n            valueMode={valueMode}\n            selectionLimit={selectionLimit}\n            onlyParentsWithChildren={onlyParentsWithChildren}\n            isStructured={isStructured}\n        />\n    );\n};\n\nexport default Select;\n"],"names":["jsx","FormSelect"],"mappings":";;;;;;;;;;AAMO,MAAM,SAAS,CAAwB;AAAA,EACI,OAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA;AACJ,CAAA,KAAoC;AAE9E,EAAA,MAAM;AAAA,IACF,KAAA;AAAA,IACA,UAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,aAAA;AAAA,IACA,IAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA,EAAO,YAAA;AAAA,IACP;AAAA,GACJ,GAAI,UAAA;AAGJ,EAAA,MAAM,QAAA,GAAmC;AAAA,IACrC,MAAA,EAAQ,UAAA;AAAA,IACR,WAAA,EAAa,aAAA;AAAA,IACb,IAAA,EAAM,cAAA;AAAA,IACN,OAAA,EAAS,SAAA;AAAA,IACT,UAAA,EAAY;AAAA,GAChB;AAEA,EAAA,MAAM,KAAA,GAAgB,QAAA,CAAS,OAAA,CAAQ,IAA6B,CAAA,IAAK,UAAA;AAEzE,EAAA,MAAM;AAAA;AAAA,IAEF,QAAA;AAAA,IACA,QAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,aAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA;AAAA;AAAA,IAEA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,cAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA;AAAA,IAEA,uBAAA;AAAA,IACA;AAAA,GACJ,GAAI,OAAA;AAOJ,EAAA,uBACIA,cAAA;AAAA,IAACC,qBAAA;AAAA,IAAA;AAAA,MACI,GAAG,KAAA;AAAA,MACJ,IAAI,KAAA,CAAM,IAAA;AAAA,MACV,KAAA;AAAA,MACA,KAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAA,EAAU,UAAA;AAAA,MACV,QAAA,EAAU,UAAA;AAAA,MACV,SAAS,UAAA,CAAW,OAAA;AAAA,MACpB,MAAA,EAAQ,WAAW,KAAA,EAAO,OAAA;AAAA,MAC1B,UAAA;AAAA,MACA,IAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAO,YAAA,EAAc,KAAA;AAAA,MACrB,gBAAgB,YAAA,EAAc,SAAA;AAAA,MAC9B,KAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;AAAA,MACA,QAAA;AAAA,MACA,aAAA;AAAA,MACA,SAAA;AAAA,MAOA,KAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,cAAA;AAAA,MACA,cAAA;AAAA,MACA,SAAA;AAAA,MACA,cAAA;AAAA,MACA,uBAAA;AAAA,MACA;AAAA;AAAA,GACJ;AAER;;;;;"}

package/form-renderer/components/fields/Select/index.js

@@ -42,6 +42,7 @@ const Select = ({
     filterBy,
     virtualScroll,
     showClear,
+    popup,
     // Specific
     withArrow,
     isMultiple,
@@ -81,6 +82,7 @@ const Select = ({
       filterBy,
       virtualScroll,
       showClear,
+      popup,
       withArrow,
       isMultiple,
       forceSelection,

package/form-renderer/components/fields/Select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/form-renderer/components/fields/Select/index.tsx"],"sourcesContent":["import React from 'react';\nimport type {FieldValues} from 'react-hook-form';\nimport type {Shapes, UseFieldLogicElementProps} from \"@lmb-it/kitsconcerto-types\";\nimport {FormSelect} from \"../../../../_compat\";\nimport type {IListItem} from \"@lmb-it/kitsconcerto-types\";\n\nexport const Select = <T extends FieldValues>({\n                                                  element,\n                                                  control,\n                                                  getValues,\n                                                  fieldLogic,\n                                              }: UseFieldLogicElementProps<T>) => {\n\n    const {\n        field,\n        fieldState,\n        label,\n        placeholder,\n        isDisabled,\n        isRequired,\n        helperText,\n        watchedValues,\n        list,\n        attached,\n        style: elementStyle,\n        slots,\n    } = fieldLogic;\n\n    // Map form element type → FormSelect shape\n    const shapeMap: Record<string, Shapes> = {\n        Select: 'dropdown',\n        Multiselect: 'multiselect',\n        Tags: 'autocomplete',\n        ListBox: 'listBox',\n        TreeSelect: 'treeSelect',\n    };\n\n    const shape: Shapes = shapeMap[element.type as keyof typeof shapeMap] || 'dropdown';\n\n    const {\n        // Common\n        labelKey,\n        valueKey,\n        outputValueKey,\n        childrenKey,\n        withFilter,\n        filterBy,\n        virtualScroll,\n        showClear,\n        // Specific\n        withArrow,\n        isMultiple,\n        forceSelection,\n        completeMethod,\n        valueMode,\n        selectionLimit,\n        hideError,\n        // TreeSelect specific\n        onlyParentsWithChildren,\n        isStructured,\n    } = element as any;\n\n    // No key regeneration needed here.\n    // SelectContext already handles list changes reactively via its own useEffect([list]).\n    // All underlying components (Dropdown, AutoComplete, etc.) react to prop changes natively.\n    // A key change would force a full remount — destroying focus state and any user interaction.\n\n    return (\n        <FormSelect\n            {...field}\n            id={field.name}\n            shape={shape}\n            label={label}\n            placeholder={placeholder}\n            disabled={isDisabled}\n            required={isRequired}\n            invalid={fieldState.invalid}\n            errors={fieldState.error?.message}\n            helperText={helperText}\n            list={list as IListItem[]}\n            hideError={hideError}\n            attached={attached}\n            style={elementStyle?.input}\n            containerStyle={elementStyle?.container}\n            slots={slots}\n            labelKey={labelKey}\n            valueKey={valueKey}\n            outputValueKey={outputValueKey}\n            childrenKey={childrenKey}\n            withFilter={withFilter}\n            filterBy={filterBy}\n            virtualScroll={virtualScroll}\n            showClear={showClear}\n            withArrow={withArrow}\n            isMultiple={isMultiple}\n            forceSelection={forceSelection}\n            completeMethod={completeMethod}\n            valueMode={valueMode}\n            selectionLimit={selectionLimit}\n            onlyParentsWithChildren={onlyParentsWithChildren}\n            isStructured={isStructured}\n        />\n    );\n};\n\nexport default Select;\n"],"names":[],"mappings":";;;;;;AAMO,MAAM,SAAS,CAAwB;AAAA,EACI,OAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA;AACJ,CAAA,KAAoC;AAE9E,EAAA,MAAM;AAAA,IACF,KAAA;AAAA,IACA,UAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,aAAA;AAAA,IACA,IAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA,EAAO,YAAA;AAAA,IACP;AAAA,GACJ,GAAI,UAAA;AAGJ,EAAA,MAAM,QAAA,GAAmC;AAAA,IACrC,MAAA,EAAQ,UAAA;AAAA,IACR,WAAA,EAAa,aAAA;AAAA,IACb,IAAA,EAAM,cAAA;AAAA,IACN,OAAA,EAAS,SAAA;AAAA,IACT,UAAA,EAAY;AAAA,GAChB;AAEA,EAAA,MAAM,KAAA,GAAgB,QAAA,CAAS,OAAA,CAAQ,IAA6B,CAAA,IAAK,UAAA;AAEzE,EAAA,MAAM;AAAA;AAAA,IAEF,QAAA;AAAA,IACA,QAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,aAAA;AAAA,IACA,SAAA;AAAA;AAAA,IAEA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,cAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA;AAAA,IAEA,uBAAA;AAAA,IACA;AAAA,GACJ,GAAI,OAAA;AAOJ,EAAA,uBACI,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACI,GAAG,KAAA;AAAA,MACJ,IAAI,KAAA,CAAM,IAAA;AAAA,MACV,KAAA;AAAA,MACA,KAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAA,EAAU,UAAA;AAAA,MACV,QAAA,EAAU,UAAA;AAAA,MACV,SAAS,UAAA,CAAW,OAAA;AAAA,MACpB,MAAA,EAAQ,WAAW,KAAA,EAAO,OAAA;AAAA,MAC1B,UAAA;AAAA,MACA,IAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAO,YAAA,EAAc,KAAA;AAAA,MACrB,gBAAgB,YAAA,EAAc,SAAA;AAAA,MAC9B,KAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;AAAA,MACA,QAAA;AAAA,MACA,aAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,cAAA;AAAA,MACA,cAAA;AAAA,MACA,SAAA;AAAA,MACA,cAAA;AAAA,MACA,uBAAA;AAAA,MACA;AAAA;AAAA,GACJ;AAER;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/form-renderer/components/fields/Select/index.tsx"],"sourcesContent":["import React from 'react';\nimport type {FieldValues} from 'react-hook-form';\nimport type {Shapes, UseFieldLogicElementProps} from \"@lmb-it/kitsconcerto-types\";\nimport {FormSelect} from \"../../../../_compat\";\nimport type {IListItem} from \"@lmb-it/kitsconcerto-types\";\n\nexport const Select = <T extends FieldValues>({\n                                                  element,\n                                                  control,\n                                                  getValues,\n                                                  fieldLogic,\n                                              }: UseFieldLogicElementProps<T>) => {\n\n    const {\n        field,\n        fieldState,\n        label,\n        placeholder,\n        isDisabled,\n        isRequired,\n        helperText,\n        watchedValues,\n        list,\n        attached,\n        style: elementStyle,\n        slots,\n    } = fieldLogic;\n\n    // Map form element type → FormSelect shape\n    const shapeMap: Record<string, Shapes> = {\n        Select: 'dropdown',\n        Multiselect: 'multiselect',\n        Tags: 'autocomplete',\n        ListBox: 'listBox',\n        TreeSelect: 'treeSelect',\n    };\n\n    const shape: Shapes = shapeMap[element.type as keyof typeof shapeMap] || 'dropdown';\n\n    const {\n        // Common\n        labelKey,\n        valueKey,\n        outputValueKey,\n        childrenKey,\n        withFilter,\n        filterBy,\n        virtualScroll,\n        showClear,\n        popup,\n        // Specific\n        withArrow,\n        isMultiple,\n        forceSelection,\n        completeMethod,\n        valueMode,\n        selectionLimit,\n        hideError,\n        // TreeSelect specific\n        onlyParentsWithChildren,\n        isStructured,\n    } = element as any;\n\n    // No key regeneration needed here.\n    // SelectContext already handles list changes reactively via its own useEffect([list]).\n    // All underlying components (Dropdown, AutoComplete, etc.) react to prop changes natively.\n    // A key change would force a full remount — destroying focus state and any user interaction.\n\n    return (\n        <FormSelect\n            {...field}\n            id={field.name}\n            shape={shape}\n            label={label}\n            placeholder={placeholder}\n            disabled={isDisabled}\n            required={isRequired}\n            invalid={fieldState.invalid}\n            errors={fieldState.error?.message}\n            helperText={helperText}\n            list={list as IListItem[]}\n            hideError={hideError}\n            attached={attached}\n            style={elementStyle?.input}\n            containerStyle={elementStyle?.container}\n            slots={slots}\n            labelKey={labelKey}\n            valueKey={valueKey}\n            outputValueKey={outputValueKey}\n            childrenKey={childrenKey}\n            withFilter={withFilter}\n            filterBy={filterBy}\n            virtualScroll={virtualScroll}\n            showClear={showClear}\n            /* ⛔ A PROP IS ONLY AS GOOD AS ITS NARROWEST GATE. This renderer\n               forwards a NAMED list, not a spread, so a select prop that is not\n               listed here never reaches the component however correct the rest\n               of the chain is. `popup` was added to the type, the wrapper and\n               the native component and still did nothing, because of this line's\n               absence. */\n            popup={popup}\n            withArrow={withArrow}\n            isMultiple={isMultiple}\n            forceSelection={forceSelection}\n            completeMethod={completeMethod}\n            valueMode={valueMode}\n            selectionLimit={selectionLimit}\n            onlyParentsWithChildren={onlyParentsWithChildren}\n            isStructured={isStructured}\n        />\n    );\n};\n\nexport default Select;\n"],"names":[],"mappings":";;;;;;AAMO,MAAM,SAAS,CAAwB;AAAA,EACI,OAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA;AACJ,CAAA,KAAoC;AAE9E,EAAA,MAAM;AAAA,IACF,KAAA;AAAA,IACA,UAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,aAAA;AAAA,IACA,IAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA,EAAO,YAAA;AAAA,IACP;AAAA,GACJ,GAAI,UAAA;AAGJ,EAAA,MAAM,QAAA,GAAmC;AAAA,IACrC,MAAA,EAAQ,UAAA;AAAA,IACR,WAAA,EAAa,aAAA;AAAA,IACb,IAAA,EAAM,cAAA;AAAA,IACN,OAAA,EAAS,SAAA;AAAA,IACT,UAAA,EAAY;AAAA,GAChB;AAEA,EAAA,MAAM,KAAA,GAAgB,QAAA,CAAS,OAAA,CAAQ,IAA6B,CAAA,IAAK,UAAA;AAEzE,EAAA,MAAM;AAAA;AAAA,IAEF,QAAA;AAAA,IACA,QAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,aAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA;AAAA;AAAA,IAEA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,cAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAA;AAAA;AAAA,IAEA,uBAAA;AAAA,IACA;AAAA,GACJ,GAAI,OAAA;AAOJ,EAAA,uBACI,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACI,GAAG,KAAA;AAAA,MACJ,IAAI,KAAA,CAAM,IAAA;AAAA,MACV,KAAA;AAAA,MACA,KAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAA,EAAU,UAAA;AAAA,MACV,QAAA,EAAU,UAAA;AAAA,MACV,SAAS,UAAA,CAAW,OAAA;AAAA,MACpB,MAAA,EAAQ,WAAW,KAAA,EAAO,OAAA;AAAA,MAC1B,UAAA;AAAA,MACA,IAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAO,YAAA,EAAc,KAAA;AAAA,MACrB,gBAAgB,YAAA,EAAc,SAAA;AAAA,MAC9B,KAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;AAAA,MACA,QAAA;AAAA,MACA,aAAA;AAAA,MACA,SAAA;AAAA,MAOA,KAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,cAAA;AAAA,MACA,cAAA;AAAA,MACA,SAAA;AAAA,MACA,cAAA;AAAA,MACA,uBAAA;AAAA,MACA;AAAA;AAAA,GACJ;AAER;;;;"}

package/index.d.ts

@@ -5446,6 +5446,19 @@ export interface ISelectCore<TStyle = any, TLocalProps = any> extends IFormSingl
     filterBy?: string;
     virtualScroll?: boolean | any;
     emptyFilterMessage?: ReactNode;
+    /**
+     * Open the options in a popup that owns the screen instead of a panel
+     * anchored to the trigger.
+     *
+     * ⛔ NATIVE ONLY, BY DESIGN. On web the options render in PrimeReact's own
+     * overlay, which is not boxed in by an on-screen keyboard — there is no
+     * fault there to escape. The prop is accepted and ignored on web so a
+     * shared element array stays valid on both surfaces, rather than a
+     * consumer having to branch on platform.
+     *
+     * Default false: every existing consumer keeps the anchored panel.
+     */
+    popup?: boolean;
     showClear?: boolean;
     itemTemplate?: (item: any) => ReactNode;
     className?: string;
@@ -9477,6 +9490,7 @@ declare const localeFiles: {
         strong: string;
         passwordPrompt: string;
         emptyFilterMessage: string;
+        searchPlaceholder: string;
         searchMessage: string;
         selectionMessage: string;
         emptySelectionMessage: string;
@@ -10251,6 +10265,7 @@ declare const localeFiles: {
         strong: string;
         passwordPrompt: string;
         emptyFilterMessage: string;
+        searchPlaceholder: string;
         searchMessage: string;
         selectionMessage: string;
         emptySelectionMessage: string;

package/locale/ar.json.cjs

@@ -126,6 +126,7 @@ var medium = "متوسط";
 var strong = "قوي";
 var passwordPrompt = "أدخل كلمة السر";
 var emptyFilterMessage = "لا يوجد خيارات";
+var searchPlaceholder = "بحث...";
 var searchMessage = "{0} النتائج المتاحة";
 var selectionMessage = "{0} عناصر تم اختيارها";
 var emptySelectionMessage = "لم يتم اختيار اي عنصر";
@@ -283,6 +284,7 @@ var ar = {
 	strong: strong,
 	passwordPrompt: passwordPrompt,
 	emptyFilterMessage: emptyFilterMessage,
+	searchPlaceholder: searchPlaceholder,
 	searchMessage: searchMessage,
 	selectionMessage: selectionMessage,
 	emptySelectionMessage: emptySelectionMessage,
@@ -423,6 +425,7 @@ exports.remove = remove;
 exports.removeRule = removeRule;
 exports.save = save;
 exports.searchMessage = searchMessage;
+exports.searchPlaceholder = searchPlaceholder;
 exports.selectionMessage = selectionMessage;
 exports.settings = settings;
 exports.showMonthAfterYear = showMonthAfterYear;

package/locale/ar.json.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ar.json.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ar.json.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/locale/ar.json.js

@@ -122,6 +122,7 @@ var medium = "متوسط";
 var strong = "قوي";
 var passwordPrompt = "أدخل كلمة السر";
 var emptyFilterMessage = "لا يوجد خيارات";
+var searchPlaceholder = "بحث...";
 var searchMessage = "{0} النتائج المتاحة";
 var selectionMessage = "{0} عناصر تم اختيارها";
 var emptySelectionMessage = "لم يتم اختيار اي عنصر";
@@ -279,6 +280,7 @@ var ar = {
 	strong: strong,
 	passwordPrompt: passwordPrompt,
 	emptyFilterMessage: emptyFilterMessage,
+	searchPlaceholder: searchPlaceholder,
 	searchMessage: searchMessage,
 	selectionMessage: selectionMessage,
 	emptySelectionMessage: emptySelectionMessage,
@@ -324,5 +326,5 @@ var ar = {
 	actionRequired: actionRequired
 };
 
-export { accept, actionRequired, addCategory, addImages, addItem, addRule, after, am, any, apply, aria, before, between, cancel, changeImage, choose, chooseDate, chooseFile, chooseImage, chooseMonth, chooseYear, clear, clickOrDragToUpload, completed, contains, custom, dateAfter, dateBefore, dateFormat, dateIs, dateIsNot, dayNames, dayNamesMin, dayNamesShort, ar as default, _arbitrary0 as delete, dragFilesHere, edit, emptyFileUploadMessage, emptyFilterMessage, emptyMessage, emptySearchMessage, emptySelectionMessage, endsWith, equal, equals, fileSizeTypes, filesBeingDropped, filesSelected, filter, firstDayOfWeek, generatePhoto, greaterThan, greaterThanOrEqualTo, gt, gte, include, lessThan, lessThanOrEqualTo, lt, lte, matchAll, matchAny, maximumAllowedFiles, medium, monthNames, monthNamesShort, nextDecade, nextHour, nextMinute, nextMonth, nextSecond, nextYear, noFilter, not, notContains, notEquals, now, openMenu, password, passwordPrompt, pending, pm, prevDecade, prevHour, prevMinute, prevMonth, prevSecond, prevYear, profile, reject, remove, removeRule, save, searchMessage, selectionMessage, settings, showMonthAfterYear, signOut, startsWith, strong, tapToUpload, today, toggleColorMode, typeNotSupported, upload, weak, weekHeader };
+export { accept, actionRequired, addCategory, addImages, addItem, addRule, after, am, any, apply, aria, before, between, cancel, changeImage, choose, chooseDate, chooseFile, chooseImage, chooseMonth, chooseYear, clear, clickOrDragToUpload, completed, contains, custom, dateAfter, dateBefore, dateFormat, dateIs, dateIsNot, dayNames, dayNamesMin, dayNamesShort, ar as default, _arbitrary0 as delete, dragFilesHere, edit, emptyFileUploadMessage, emptyFilterMessage, emptyMessage, emptySearchMessage, emptySelectionMessage, endsWith, equal, equals, fileSizeTypes, filesBeingDropped, filesSelected, filter, firstDayOfWeek, generatePhoto, greaterThan, greaterThanOrEqualTo, gt, gte, include, lessThan, lessThanOrEqualTo, lt, lte, matchAll, matchAny, maximumAllowedFiles, medium, monthNames, monthNamesShort, nextDecade, nextHour, nextMinute, nextMonth, nextSecond, nextYear, noFilter, not, notContains, notEquals, now, openMenu, password, passwordPrompt, pending, pm, prevDecade, prevHour, prevMinute, prevMonth, prevSecond, prevYear, profile, reject, remove, removeRule, save, searchMessage, searchPlaceholder, selectionMessage, settings, showMonthAfterYear, signOut, startsWith, strong, tapToUpload, today, toggleColorMode, typeNotSupported, upload, weak, weekHeader };
 //# sourceMappingURL=ar.json.js.map

package/locale/ar.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"ar.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ar.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/locale/en.json.cjs

@@ -126,6 +126,7 @@ var medium = "Medium";
 var strong = "Strong";
 var passwordPrompt = "Enter a password";
 var emptyFilterMessage = "No results found";
+var searchPlaceholder = "Search...";
 var searchMessage = "{0} results are available";
 var selectionMessage = "{0} items selected";
 var emptySelectionMessage = "No selected item";
@@ -283,6 +284,7 @@ var en = {
 	strong: strong,
 	passwordPrompt: passwordPrompt,
 	emptyFilterMessage: emptyFilterMessage,
+	searchPlaceholder: searchPlaceholder,
 	searchMessage: searchMessage,
 	selectionMessage: selectionMessage,
 	emptySelectionMessage: emptySelectionMessage,
@@ -423,6 +425,7 @@ exports.remove = remove;
 exports.removeRule = removeRule;
 exports.save = save;
 exports.searchMessage = searchMessage;
+exports.searchPlaceholder = searchPlaceholder;
 exports.selectionMessage = selectionMessage;
 exports.settings = settings;
 exports.showMonthAfterYear = showMonthAfterYear;

package/locale/en.json.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"en.json.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"en.json.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/locale/en.json.js

@@ -122,6 +122,7 @@ var medium = "Medium";
 var strong = "Strong";
 var passwordPrompt = "Enter a password";
 var emptyFilterMessage = "No results found";
+var searchPlaceholder = "Search...";
 var searchMessage = "{0} results are available";
 var selectionMessage = "{0} items selected";
 var emptySelectionMessage = "No selected item";
@@ -279,6 +280,7 @@ var en = {
 	strong: strong,
 	passwordPrompt: passwordPrompt,
 	emptyFilterMessage: emptyFilterMessage,
+	searchPlaceholder: searchPlaceholder,
 	searchMessage: searchMessage,
 	selectionMessage: selectionMessage,
 	emptySelectionMessage: emptySelectionMessage,
@@ -324,5 +326,5 @@ var en = {
 	actionRequired: actionRequired
 };
 
-export { accept, actionRequired, addCategory, addImages, addItem, addRule, after, am, any, apply, aria, before, between, cancel, changeImage, choose, chooseDate, chooseFile, chooseImage, chooseMonth, chooseYear, clear, clickOrDragToUpload, completed, contains, custom, dateAfter, dateBefore, dateFormat, dateIs, dateIsNot, dayNames, dayNamesMin, dayNamesShort, en as default, _arbitrary0 as delete, dragFilesHere, edit, emptyFileUploadMessage, emptyFilterMessage, emptyMessage, emptySearchMessage, emptySelectionMessage, endsWith, equal, equals, fileSizeTypes, filesBeingDropped, filesSelected, filter, firstDayOfWeek, generatePhoto, greaterThan, greaterThanOrEqualTo, gt, gte, include, lessThan, lessThanOrEqualTo, lt, lte, matchAll, matchAny, maximumAllowedFiles, medium, monthNames, monthNamesShort, nextDecade, nextHour, nextMinute, nextMonth, nextSecond, nextYear, noFilter, not, notContains, notEquals, now, openMenu, password, passwordPrompt, pending, pm, prevDecade, prevHour, prevMinute, prevMonth, prevSecond, prevYear, profile, reject, remove, removeRule, save, searchMessage, selectionMessage, settings, showMonthAfterYear, signOut, startsWith, strong, tapToUpload, today, toggleColorMode, typeNotSupported, upload, weak, weekHeader };
+export { accept, actionRequired, addCategory, addImages, addItem, addRule, after, am, any, apply, aria, before, between, cancel, changeImage, choose, chooseDate, chooseFile, chooseImage, chooseMonth, chooseYear, clear, clickOrDragToUpload, completed, contains, custom, dateAfter, dateBefore, dateFormat, dateIs, dateIsNot, dayNames, dayNamesMin, dayNamesShort, en as default, _arbitrary0 as delete, dragFilesHere, edit, emptyFileUploadMessage, emptyFilterMessage, emptyMessage, emptySearchMessage, emptySelectionMessage, endsWith, equal, equals, fileSizeTypes, filesBeingDropped, filesSelected, filter, firstDayOfWeek, generatePhoto, greaterThan, greaterThanOrEqualTo, gt, gte, include, lessThan, lessThanOrEqualTo, lt, lte, matchAll, matchAny, maximumAllowedFiles, medium, monthNames, monthNamesShort, nextDecade, nextHour, nextMinute, nextMonth, nextSecond, nextYear, noFilter, not, notContains, notEquals, now, openMenu, password, passwordPrompt, pending, pm, prevDecade, prevHour, prevMinute, prevMonth, prevSecond, prevYear, profile, reject, remove, removeRule, save, searchMessage, searchPlaceholder, selectionMessage, settings, showMonthAfterYear, signOut, startsWith, strong, tapToUpload, today, toggleColorMode, typeNotSupported, upload, weak, weekHeader };
 //# sourceMappingURL=en.json.js.map

package/locale/en.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"en.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"en.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lmb-it/kitsconcerto-native",
-  "version": "0.1.257",
+  "version": "0.1.259",
   "description": "KitsConcerto — Native (React Native) UI components",
   "main": "index.cjs",
   "module": "index.js",