@lmb-it/kitsconcerto-native 0.1.236

package/form/file-pickers/MultipleImageUploader/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../src/form/file-pickers/MultipleImageUploader/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport { TouchableOpacity, View } from \"react-native\";\nimport { useUploader } from \"../MainUploader\";\nimport { Button, Flex, Image, Text } from \"../../../_compat\";\nimport { Icon } from \"../../../primitives\";\nimport { useLanguage } from \"../../../_compat\";\n\n/**\n * MultipleImageUploader — native variant.\n *\n * Two modes mirror the web counterpart:\n *\n *   • classic     → list of currently-picked image rows + a wide \"Add images\"\n *                   button. Used in dense form layouts where the dropzone\n *                   would be too tall.\n *\n *   • non-classic → full-width dashed drop zone with a cloud icon and a\n *                   localized prompt. Once images are picked, a 3-column\n *                   thumbnail grid appears UNDER the drop zone; tap an\n *                   `×` badge on a thumbnail to remove it. The drop zone\n *                   stays available for adding more images until `limit`\n *                   is reached. Width is always 100% — the previous\n *                   variant collapsed when the parent FormContainer left\n *                   its `height: 52` constraint in place; with the\n *                   FormContainer.native bare-mode fix the parent now\n *                   passes through full height/width.\n */\nconst MultipleImageUploader = () => {\n    const { onPick, files, removeFile, disabled, limit, isClassicUploader } =\n        useUploader();\n    const { t } = useLanguage();\n\n    const reachedLimit = files.length >= limit;\n\n    if (!isClassicUploader) {\n        return (\n            <Flex w={\"full\"} flexDirection={\"column\"} gap={12} opacity={disabled ? 0.5 : 1}>\n                {/* Dashed drop zone — tap to open the image picker. */}\n                <TouchableOpacity\n                    activeOpacity={0.7}\n                    disabled={disabled || reachedLimit}\n                    onPress={onPick as any}\n                    style={{ width: \"100%\" }}\n                >\n                    <Flex\n                        w={\"full\"}\n                        borderW={2}\n                        borderStyle={\"dashed\"}\n                        borderColor={reachedLimit ? \"border\" : \"primary\"}\n                        borderRadiusLeft={\"lg\"}\n                        borderRadiusRight={\"lg\"}\n                        alignItems={\"center\"}\n                        justifyContent={\"center\"}\n                        flexDirection={\"column\"}\n                        py={32}\n                        px={16}\n                        gap={8}\n                    >\n                        <Icon\n                            name=\"cloud-upload\"\n                            size={\"lg\"}\n                            color={reachedLimit ? \"text-subtle\" : \"primary\"}\n                        />\n                        <Text fontSize={14} color={\"text-secondary\"} textAlign={\"center\"}>\n                            {reachedLimit\n                                ? t(\"filesSelected\", files.length) + \" / \" + limit\n                                : t(\"tapToUpload\")}\n                        </Text>\n                        {!reachedLimit && files.length > 0 && (\n                            <Text fontSize={12} color={\"text-subtle\"}>\n                                {t(\"filesSelected\", files.length)} / {limit}\n                            </Text>\n                        )}\n                    </Flex>\n                </TouchableOpacity>\n\n                {/* Thumbnail grid — only when at least one image picked. */}\n                {files.length > 0 && (\n                    <Flex w={\"full\"} flexDirection={\"row\"} flexWrap={\"wrap\"} gap={8}>\n                        {files.map((f, idx) => {\n                            const uri =\n                                typeof f.file === \"object\" && \"uri\" in f.file\n                                    ? f.file.uri\n                                    : null;\n                            if (!uri) return null;\n                            return (\n                                <View\n                                    key={`${f.name}-${idx}`}\n                                    style={{\n                                        position: \"relative\",\n                                        width: \"31%\",\n                                        aspectRatio: 1,\n                                    }}\n                                >\n                                    <Image\n                                        src={uri}\n                                        alt={f.name}\n                                        w={\"full\"}\n                                        h={\"full\"}\n                                        objectFit={\"cover\"}\n                                        borderRadiusLeft={\"md\"}\n                                        borderRadiusRight={\"md\"}\n                                    />\n                                    <TouchableOpacity\n                                        activeOpacity={0.7}\n                                        disabled={disabled}\n                                        onPress={removeFile(idx)}\n                                        style={{\n                                            position: \"absolute\",\n                                            top: 4,\n                                            right: 4,\n                                            width: 24,\n                                            height: 24,\n                                            borderRadius: 12,\n                                            alignItems: \"center\",\n                                            justifyContent: \"center\",\n                                            backgroundColor: \"rgba(0,0,0,0.6)\",\n                                        }}\n                                    >\n                                        <Icon name=\"pi pi-times\" size={\"xs\"} color={\"#fff\"} />\n                                    </TouchableOpacity>\n                                </View>\n                            );\n                        })}\n                    </Flex>\n                )}\n            </Flex>\n        );\n    }\n\n    // Classic mode: file-list rows + wide add button (used in dense layouts).\n    return (\n        <Flex w={\"full\"} flexDirection={\"column\"} gap={8}>\n            {files.map((f, idx) => {\n                const uri =\n                    typeof f.file === \"object\" && \"uri\" in f.file ? f.file.uri : null;\n\n                return (\n                    <Flex\n                        key={`${f.name}-${idx}`}\n                        flexDirection={\"row\"}\n                        justifyContent={\"space-between\"}\n                        alignItems={\"center\"}\n                        gap={8}\n                    >\n                        <Flex flexDirection={\"row\"} alignItems={\"center\"} gap={8} flex={1}>\n                            {uri ? (\n                                <Image\n                                    src={uri}\n                                    alt={f.name}\n                                    w={48}\n                                    h={48}\n                                    objectFit={\"cover\"}\n                                    borderRadiusLeft={\"md\"}\n                                    borderRadiusRight={\"md\"}\n                                />\n                            ) : null}\n                            <Text\n                                as={\"span\"}\n                                fontSize={13}\n                                color={\"text-secondary\"}\n                                textOverflow={\"ellipsis\"}\n                                whiteSpace={\"nowrap\"}\n                            >\n                                {f.shortName}\n                            </Text>\n                        </Flex>\n\n                        <Button\n                            icon=\"pi pi-times\"\n                            size={\"sm\"}\n                            severity={\"danger\"}\n                            onClick={removeFile(idx)}\n                            disabled={disabled}\n                        />\n                    </Flex>\n                );\n            })}\n\n            <Button\n                label={t(\"addImages\")}\n                w={\"full\"}\n                onClick={onPick as any}\n                disabled={disabled || reachedLimit}\n            />\n        </Flex>\n    );\n};\n\nexport default MultipleImageUploader;\n"],"names":["useUploader","useLanguage","jsxs","Flex","jsx","TouchableOpacity","Icon","Text","View","Image","Button"],"mappings":"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"}

package/form/file-pickers/MultipleImageUploader/index.js

@@ -0,0 +1,175 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { TouchableOpacity, View } from 'react-native';
+import { useUploader } from '../MainUploader/index.js';
+import Text from '../../../primitives/Text/index.js';
+import Image from '../../../primitives/Image/index.js';
+import { Icon } from '../../../primitives/Icon/index.js';
+import { useLanguage } from '../../../hooks/locale.js';
+import Flex from '../../../layout/Flex/index.js';
+import { Button } from '../../../components/Button/Button.js';
+import 'react';
+
+const MultipleImageUploader = () => {
+  const { onPick, files, removeFile, disabled, limit, isClassicUploader } = useUploader();
+  const { t } = useLanguage();
+  const reachedLimit = files.length >= limit;
+  if (!isClassicUploader) {
+    return /* @__PURE__ */ jsxs(Flex, { w: "full", flexDirection: "column", gap: 12, opacity: disabled ? 0.5 : 1, children: [
+      /* @__PURE__ */ jsx(
+        TouchableOpacity,
+        {
+          activeOpacity: 0.7,
+          disabled: disabled || reachedLimit,
+          onPress: onPick,
+          style: { width: "100%" },
+          children: /* @__PURE__ */ jsxs(
+            Flex,
+            {
+              w: "full",
+              borderW: 2,
+              borderStyle: "dashed",
+              borderColor: reachedLimit ? "border" : "primary",
+              borderRadiusLeft: "lg",
+              borderRadiusRight: "lg",
+              alignItems: "center",
+              justifyContent: "center",
+              flexDirection: "column",
+              py: 32,
+              px: 16,
+              gap: 8,
+              children: [
+                /* @__PURE__ */ jsx(
+                  Icon,
+                  {
+                    name: "cloud-upload",
+                    size: "lg",
+                    color: reachedLimit ? "text-subtle" : "primary"
+                  }
+                ),
+                /* @__PURE__ */ jsx(Text, { fontSize: 14, color: "text-secondary", textAlign: "center", children: reachedLimit ? t("filesSelected", files.length) + " / " + limit : t("tapToUpload") }),
+                !reachedLimit && files.length > 0 && /* @__PURE__ */ jsxs(Text, { fontSize: 12, color: "text-subtle", children: [
+                  t("filesSelected", files.length),
+                  " / ",
+                  limit
+                ] })
+              ]
+            }
+          )
+        }
+      ),
+      files.length > 0 && /* @__PURE__ */ jsx(Flex, { w: "full", flexDirection: "row", flexWrap: "wrap", gap: 8, children: files.map((f, idx) => {
+        const uri = typeof f.file === "object" && "uri" in f.file ? f.file.uri : null;
+        if (!uri) return null;
+        return /* @__PURE__ */ jsxs(
+          View,
+          {
+            style: {
+              position: "relative",
+              width: "31%",
+              aspectRatio: 1
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                Image,
+                {
+                  src: uri,
+                  alt: f.name,
+                  w: "full",
+                  h: "full",
+                  objectFit: "cover",
+                  borderRadiusLeft: "md",
+                  borderRadiusRight: "md"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                TouchableOpacity,
+                {
+                  activeOpacity: 0.7,
+                  disabled,
+                  onPress: removeFile(idx),
+                  style: {
+                    position: "absolute",
+                    top: 4,
+                    right: 4,
+                    width: 24,
+                    height: 24,
+                    borderRadius: 12,
+                    alignItems: "center",
+                    justifyContent: "center",
+                    backgroundColor: "rgba(0,0,0,0.6)"
+                  },
+                  children: /* @__PURE__ */ jsx(Icon, { name: "pi pi-times", size: "xs", color: "#fff" })
+                }
+              )
+            ]
+          },
+          `${f.name}-${idx}`
+        );
+      }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Flex, { w: "full", flexDirection: "column", gap: 8, children: [
+    files.map((f, idx) => {
+      const uri = typeof f.file === "object" && "uri" in f.file ? f.file.uri : null;
+      return /* @__PURE__ */ jsxs(
+        Flex,
+        {
+          flexDirection: "row",
+          justifyContent: "space-between",
+          alignItems: "center",
+          gap: 8,
+          children: [
+            /* @__PURE__ */ jsxs(Flex, { flexDirection: "row", alignItems: "center", gap: 8, flex: 1, children: [
+              uri ? /* @__PURE__ */ jsx(
+                Image,
+                {
+                  src: uri,
+                  alt: f.name,
+                  w: 48,
+                  h: 48,
+                  objectFit: "cover",
+                  borderRadiusLeft: "md",
+                  borderRadiusRight: "md"
+                }
+              ) : null,
+              /* @__PURE__ */ jsx(
+                Text,
+                {
+                  as: "span",
+                  fontSize: 13,
+                  color: "text-secondary",
+                  textOverflow: "ellipsis",
+                  whiteSpace: "nowrap",
+                  children: f.shortName
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                icon: "pi pi-times",
+                size: "sm",
+                severity: "danger",
+                onClick: removeFile(idx),
+                disabled
+              }
+            )
+          ]
+        },
+        `${f.name}-${idx}`
+      );
+    }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        label: t("addImages"),
+        w: "full",
+        onClick: onPick,
+        disabled: disabled || reachedLimit
+      }
+    )
+  ] });
+};
+
+export { MultipleImageUploader as default };
+//# sourceMappingURL=index.js.map

package/form/file-pickers/MultipleImageUploader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/form/file-pickers/MultipleImageUploader/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport { TouchableOpacity, View } from \"react-native\";\nimport { useUploader } from \"../MainUploader\";\nimport { Button, Flex, Image, Text } from \"../../../_compat\";\nimport { Icon } from \"../../../primitives\";\nimport { useLanguage } from \"../../../_compat\";\n\n/**\n * MultipleImageUploader — native variant.\n *\n * Two modes mirror the web counterpart:\n *\n *   • classic     → list of currently-picked image rows + a wide \"Add images\"\n *                   button. Used in dense form layouts where the dropzone\n *                   would be too tall.\n *\n *   • non-classic → full-width dashed drop zone with a cloud icon and a\n *                   localized prompt. Once images are picked, a 3-column\n *                   thumbnail grid appears UNDER the drop zone; tap an\n *                   `×` badge on a thumbnail to remove it. The drop zone\n *                   stays available for adding more images until `limit`\n *                   is reached. Width is always 100% — the previous\n *                   variant collapsed when the parent FormContainer left\n *                   its `height: 52` constraint in place; with the\n *                   FormContainer.native bare-mode fix the parent now\n *                   passes through full height/width.\n */\nconst MultipleImageUploader = () => {\n    const { onPick, files, removeFile, disabled, limit, isClassicUploader } =\n        useUploader();\n    const { t } = useLanguage();\n\n    const reachedLimit = files.length >= limit;\n\n    if (!isClassicUploader) {\n        return (\n            <Flex w={\"full\"} flexDirection={\"column\"} gap={12} opacity={disabled ? 0.5 : 1}>\n                {/* Dashed drop zone — tap to open the image picker. */}\n                <TouchableOpacity\n                    activeOpacity={0.7}\n                    disabled={disabled || reachedLimit}\n                    onPress={onPick as any}\n                    style={{ width: \"100%\" }}\n                >\n                    <Flex\n                        w={\"full\"}\n                        borderW={2}\n                        borderStyle={\"dashed\"}\n                        borderColor={reachedLimit ? \"border\" : \"primary\"}\n                        borderRadiusLeft={\"lg\"}\n                        borderRadiusRight={\"lg\"}\n                        alignItems={\"center\"}\n                        justifyContent={\"center\"}\n                        flexDirection={\"column\"}\n                        py={32}\n                        px={16}\n                        gap={8}\n                    >\n                        <Icon\n                            name=\"cloud-upload\"\n                            size={\"lg\"}\n                            color={reachedLimit ? \"text-subtle\" : \"primary\"}\n                        />\n                        <Text fontSize={14} color={\"text-secondary\"} textAlign={\"center\"}>\n                            {reachedLimit\n                                ? t(\"filesSelected\", files.length) + \" / \" + limit\n                                : t(\"tapToUpload\")}\n                        </Text>\n                        {!reachedLimit && files.length > 0 && (\n                            <Text fontSize={12} color={\"text-subtle\"}>\n                                {t(\"filesSelected\", files.length)} / {limit}\n                            </Text>\n                        )}\n                    </Flex>\n                </TouchableOpacity>\n\n                {/* Thumbnail grid — only when at least one image picked. */}\n                {files.length > 0 && (\n                    <Flex w={\"full\"} flexDirection={\"row\"} flexWrap={\"wrap\"} gap={8}>\n                        {files.map((f, idx) => {\n                            const uri =\n                                typeof f.file === \"object\" && \"uri\" in f.file\n                                    ? f.file.uri\n                                    : null;\n                            if (!uri) return null;\n                            return (\n                                <View\n                                    key={`${f.name}-${idx}`}\n                                    style={{\n                                        position: \"relative\",\n                                        width: \"31%\",\n                                        aspectRatio: 1,\n                                    }}\n                                >\n                                    <Image\n                                        src={uri}\n                                        alt={f.name}\n                                        w={\"full\"}\n                                        h={\"full\"}\n                                        objectFit={\"cover\"}\n                                        borderRadiusLeft={\"md\"}\n                                        borderRadiusRight={\"md\"}\n                                    />\n                                    <TouchableOpacity\n                                        activeOpacity={0.7}\n                                        disabled={disabled}\n                                        onPress={removeFile(idx)}\n                                        style={{\n                                            position: \"absolute\",\n                                            top: 4,\n                                            right: 4,\n                                            width: 24,\n                                            height: 24,\n                                            borderRadius: 12,\n                                            alignItems: \"center\",\n                                            justifyContent: \"center\",\n                                            backgroundColor: \"rgba(0,0,0,0.6)\",\n                                        }}\n                                    >\n                                        <Icon name=\"pi pi-times\" size={\"xs\"} color={\"#fff\"} />\n                                    </TouchableOpacity>\n                                </View>\n                            );\n                        })}\n                    </Flex>\n                )}\n            </Flex>\n        );\n    }\n\n    // Classic mode: file-list rows + wide add button (used in dense layouts).\n    return (\n        <Flex w={\"full\"} flexDirection={\"column\"} gap={8}>\n            {files.map((f, idx) => {\n                const uri =\n                    typeof f.file === \"object\" && \"uri\" in f.file ? f.file.uri : null;\n\n                return (\n                    <Flex\n                        key={`${f.name}-${idx}`}\n                        flexDirection={\"row\"}\n                        justifyContent={\"space-between\"}\n                        alignItems={\"center\"}\n                        gap={8}\n                    >\n                        <Flex flexDirection={\"row\"} alignItems={\"center\"} gap={8} flex={1}>\n                            {uri ? (\n                                <Image\n                                    src={uri}\n                                    alt={f.name}\n                                    w={48}\n                                    h={48}\n                                    objectFit={\"cover\"}\n                                    borderRadiusLeft={\"md\"}\n                                    borderRadiusRight={\"md\"}\n                                />\n                            ) : null}\n                            <Text\n                                as={\"span\"}\n                                fontSize={13}\n                                color={\"text-secondary\"}\n                                textOverflow={\"ellipsis\"}\n                                whiteSpace={\"nowrap\"}\n                            >\n                                {f.shortName}\n                            </Text>\n                        </Flex>\n\n                        <Button\n                            icon=\"pi pi-times\"\n                            size={\"sm\"}\n                            severity={\"danger\"}\n                            onClick={removeFile(idx)}\n                            disabled={disabled}\n                        />\n                    </Flex>\n                );\n            })}\n\n            <Button\n                label={t(\"addImages\")}\n                w={\"full\"}\n                onClick={onPick as any}\n                disabled={disabled || reachedLimit}\n            />\n        </Flex>\n    );\n};\n\nexport default MultipleImageUploader;\n"],"names":[],"mappings":"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"}

package/form/file-pickers/SingleFileUploader/index.cjs

@@ -0,0 +1,130 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactNative = require('react-native');
+var index_native = require('../MainUploader/index.cjs');
+var index_native$2 = require('../../../primitives/Text/index.cjs');
+var index_native$1 = require('../../../primitives/Icon/index.cjs');
+var locale = require('../../../hooks/locale.cjs');
+var index = require('../../../layout/Flex/index.cjs');
+var Button_native = require('../../../components/Button/Button.cjs');
+
+const SingleFileUploader = () => {
+  const { onPick, files, removeFile, disabled, placeholder, isClassicUploader } = index_native.useUploader();
+  const { t } = locale.useLanguage();
+  const currentFile = React.useMemo(() => files[0] ?? null, [files]);
+  if (!isClassicUploader) {
+    if (currentFile) {
+      return /* @__PURE__ */ jsxRuntime.jsxs(index.default, { w: "full", flexDirection: "column", gap: 8, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          index.default,
+          {
+            flexDirection: "row",
+            alignItems: "center",
+            gap: 10,
+            px: 12,
+            py: 10,
+            borderRadiusLeft: "md",
+            borderRadiusRight: "md",
+            backgroundColor: "bg-input",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(index_native$1.Icon, { name: "file", size: "md", color: "text-secondary" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                index_native$2.default,
+                {
+                  as: "span",
+                  fontSize: 13,
+                  color: "text",
+                  textOverflow: "ellipsis",
+                  whiteSpace: "nowrap",
+                  flex: 1,
+                  children: currentFile.shortName
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Button_native.Button,
+                {
+                  icon: "pi pi-times",
+                  size: "sm",
+                  severity: "danger",
+                  onClick: removeFile(0),
+                  disabled
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Button_native.Button,
+          {
+            label: t("changeFile") ?? t("chooseFile"),
+            w: "full",
+            onClick: onPick,
+            disabled
+          }
+        )
+      ] });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      reactNative.TouchableOpacity,
+      {
+        activeOpacity: 0.7,
+        disabled,
+        onPress: onPick,
+        style: { width: "100%" },
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          index.default,
+          {
+            w: "full",
+            borderW: 2,
+            borderStyle: "dashed",
+            borderColor: "primary",
+            borderRadiusLeft: "lg",
+            borderRadiusRight: "lg",
+            alignItems: "center",
+            justifyContent: "center",
+            flexDirection: "column",
+            py: 32,
+            px: 16,
+            gap: 8,
+            opacity: disabled ? 0.5 : 1,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(index_native$1.Icon, { name: "cloud-upload", size: "lg", color: "primary" }),
+              /* @__PURE__ */ jsxRuntime.jsx(index_native$2.default, { fontSize: 14, color: "text-secondary", textAlign: "center", children: placeholder ?? t("tapToUpload") })
+            ]
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(index.default, { w: "full", gap: 8, flexDirection: "row", alignItems: "center", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Button_native.Button,
+      {
+        label: currentFile?.shortName ?? placeholder ?? t("chooseFile"),
+        w: "85%",
+        onClick: onPick,
+        disabled
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Button_native.Button,
+      {
+        icon: "pi pi-times",
+        size: "sm",
+        severity: "danger",
+        onClick: (e) => {
+          e?.stopPropagation?.();
+          if (files.length) removeFile(0)();
+        },
+        disabled: !currentFile || disabled
+      }
+    )
+  ] });
+};
+
+exports.default = SingleFileUploader;
+//# sourceMappingURL=index.cjs.map

package/form/file-pickers/SingleFileUploader/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../src/form/file-pickers/SingleFileUploader/index.native.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { TouchableOpacity } from \"react-native\";\nimport { useUploader } from \"../MainUploader\";\nimport { Button, Flex, Text } from \"../../../_compat\";\nimport { Icon } from \"../../../primitives\";\nimport { useLanguage } from \"../../../_compat\";\n\n/**\n * SingleFileUploader — native variant.\n *\n *   • classic     → wide primary \"Choose file\" button next to a small red\n *                   delete (compact, matches web SingleFileUploader.web.tsx\n *                   which uses PrimeReact's FileUpload + danger Button).\n *\n *   • non-classic → full-width dashed drop zone with cloud icon + prompt.\n *                   Once picked, the zone collapses into a file row showing\n *                   the icon, filename, change action, and remove action.\n */\nconst SingleFileUploader = () => {\n    const { onPick, files, removeFile, disabled, placeholder, isClassicUploader } =\n        useUploader();\n    const { t } = useLanguage();\n\n    const currentFile = useMemo(() => files[0] ?? null, [files]);\n\n    if (!isClassicUploader) {\n        // Picked state: file row with icon + name + change/remove. The\n        // outer touchable opens the picker so users can replace the file by\n        // tapping anywhere on the row.\n        if (currentFile) {\n            return (\n                <Flex w={\"full\"} flexDirection={\"column\"} gap={8}>\n                    <Flex\n                        flexDirection={\"row\"}\n                        alignItems={\"center\"}\n                        gap={10}\n                        px={12}\n                        py={10}\n                        borderRadiusLeft={\"md\"}\n                        borderRadiusRight={\"md\"}\n                        backgroundColor={\"bg-input\"}\n                    >\n                        <Icon name=\"file\" size={\"md\"} color={\"text-secondary\"} />\n                        <Text\n                            as={\"span\"}\n                            fontSize={13}\n                            color={\"text\"}\n                            textOverflow={\"ellipsis\"}\n                            whiteSpace={\"nowrap\"}\n                            flex={1}\n                        >\n                            {currentFile.shortName}\n                        </Text>\n                        <Button\n                            icon=\"pi pi-times\"\n                            size={\"sm\"}\n                            severity={\"danger\"}\n                            onClick={removeFile(0)}\n                            disabled={disabled}\n                        />\n                    </Flex>\n                    <Button\n                        label={t(\"changeFile\") ?? t(\"chooseFile\")}\n                        w={\"full\"}\n                        onClick={onPick as any}\n                        disabled={disabled}\n                    />\n                </Flex>\n            );\n        }\n\n        // Empty state: dashed drop zone.\n        return (\n            <TouchableOpacity\n                activeOpacity={0.7}\n                disabled={disabled}\n                onPress={onPick as any}\n                style={{ width: \"100%\" }}\n            >\n                <Flex\n                    w={\"full\"}\n                    borderW={2}\n                    borderStyle={\"dashed\"}\n                    borderColor={\"primary\"}\n                    borderRadiusLeft={\"lg\"}\n                    borderRadiusRight={\"lg\"}\n                    alignItems={\"center\"}\n                    justifyContent={\"center\"}\n                    flexDirection={\"column\"}\n                    py={32}\n                    px={16}\n                    gap={8}\n                    opacity={disabled ? 0.5 : 1}\n                >\n                    <Icon name=\"cloud-upload\" size={\"lg\"} color={\"primary\"} />\n                    <Text fontSize={14} color={\"text-secondary\"} textAlign={\"center\"}>\n                        {placeholder ?? t(\"tapToUpload\")}\n                    </Text>\n                </Flex>\n            </TouchableOpacity>\n        );\n    }\n\n    // Classic mode: matches web (single row with wide chooser + delete X).\n    return (\n        <Flex w={\"full\"} gap={8} flexDirection={\"row\"} alignItems={\"center\"}>\n            <Button\n                label={currentFile?.shortName ?? placeholder ?? t(\"chooseFile\")}\n                w={\"85%\"}\n                onClick={onPick as any}\n                disabled={disabled}\n            />\n            <Button\n                icon=\"pi pi-times\"\n                size={\"sm\"}\n                severity={\"danger\"}\n                onClick={(e: any) => {\n                    e?.stopPropagation?.();\n                    if (files.length) removeFile(0)();\n                }}\n                disabled={!currentFile || disabled}\n            />\n        </Flex>\n    );\n};\n\nexport default SingleFileUploader;\n"],"names":["useUploader","useLanguage","useMemo","Flex","jsxs","jsx","Icon","Text","Button","TouchableOpacity"],"mappings":"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"}

package/form/file-pickers/SingleFileUploader/index.js

@@ -0,0 +1,126 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { TouchableOpacity } from 'react-native';
+import { useUploader } from '../MainUploader/index.js';
+import Text from '../../../primitives/Text/index.js';
+import { Icon } from '../../../primitives/Icon/index.js';
+import { useLanguage } from '../../../hooks/locale.js';
+import Flex from '../../../layout/Flex/index.js';
+import { Button } from '../../../components/Button/Button.js';
+
+const SingleFileUploader = () => {
+  const { onPick, files, removeFile, disabled, placeholder, isClassicUploader } = useUploader();
+  const { t } = useLanguage();
+  const currentFile = useMemo(() => files[0] ?? null, [files]);
+  if (!isClassicUploader) {
+    if (currentFile) {
+      return /* @__PURE__ */ jsxs(Flex, { w: "full", flexDirection: "column", gap: 8, children: [
+        /* @__PURE__ */ jsxs(
+          Flex,
+          {
+            flexDirection: "row",
+            alignItems: "center",
+            gap: 10,
+            px: 12,
+            py: 10,
+            borderRadiusLeft: "md",
+            borderRadiusRight: "md",
+            backgroundColor: "bg-input",
+            children: [
+              /* @__PURE__ */ jsx(Icon, { name: "file", size: "md", color: "text-secondary" }),
+              /* @__PURE__ */ jsx(
+                Text,
+                {
+                  as: "span",
+                  fontSize: 13,
+                  color: "text",
+                  textOverflow: "ellipsis",
+                  whiteSpace: "nowrap",
+                  flex: 1,
+                  children: currentFile.shortName
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  icon: "pi pi-times",
+                  size: "sm",
+                  severity: "danger",
+                  onClick: removeFile(0),
+                  disabled
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            label: t("changeFile") ?? t("chooseFile"),
+            w: "full",
+            onClick: onPick,
+            disabled
+          }
+        )
+      ] });
+    }
+    return /* @__PURE__ */ jsx(
+      TouchableOpacity,
+      {
+        activeOpacity: 0.7,
+        disabled,
+        onPress: onPick,
+        style: { width: "100%" },
+        children: /* @__PURE__ */ jsxs(
+          Flex,
+          {
+            w: "full",
+            borderW: 2,
+            borderStyle: "dashed",
+            borderColor: "primary",
+            borderRadiusLeft: "lg",
+            borderRadiusRight: "lg",
+            alignItems: "center",
+            justifyContent: "center",
+            flexDirection: "column",
+            py: 32,
+            px: 16,
+            gap: 8,
+            opacity: disabled ? 0.5 : 1,
+            children: [
+              /* @__PURE__ */ jsx(Icon, { name: "cloud-upload", size: "lg", color: "primary" }),
+              /* @__PURE__ */ jsx(Text, { fontSize: 14, color: "text-secondary", textAlign: "center", children: placeholder ?? t("tapToUpload") })
+            ]
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(Flex, { w: "full", gap: 8, flexDirection: "row", alignItems: "center", children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        label: currentFile?.shortName ?? placeholder ?? t("chooseFile"),
+        w: "85%",
+        onClick: onPick,
+        disabled
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        icon: "pi pi-times",
+        size: "sm",
+        severity: "danger",
+        onClick: (e) => {
+          e?.stopPropagation?.();
+          if (files.length) removeFile(0)();
+        },
+        disabled: !currentFile || disabled
+      }
+    )
+  ] });
+};
+
+export { SingleFileUploader as default };
+//# sourceMappingURL=index.js.map

package/form/file-pickers/SingleFileUploader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/form/file-pickers/SingleFileUploader/index.native.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { TouchableOpacity } from \"react-native\";\nimport { useUploader } from \"../MainUploader\";\nimport { Button, Flex, Text } from \"../../../_compat\";\nimport { Icon } from \"../../../primitives\";\nimport { useLanguage } from \"../../../_compat\";\n\n/**\n * SingleFileUploader — native variant.\n *\n *   • classic     → wide primary \"Choose file\" button next to a small red\n *                   delete (compact, matches web SingleFileUploader.web.tsx\n *                   which uses PrimeReact's FileUpload + danger Button).\n *\n *   • non-classic → full-width dashed drop zone with cloud icon + prompt.\n *                   Once picked, the zone collapses into a file row showing\n *                   the icon, filename, change action, and remove action.\n */\nconst SingleFileUploader = () => {\n    const { onPick, files, removeFile, disabled, placeholder, isClassicUploader } =\n        useUploader();\n    const { t } = useLanguage();\n\n    const currentFile = useMemo(() => files[0] ?? null, [files]);\n\n    if (!isClassicUploader) {\n        // Picked state: file row with icon + name + change/remove. The\n        // outer touchable opens the picker so users can replace the file by\n        // tapping anywhere on the row.\n        if (currentFile) {\n            return (\n                <Flex w={\"full\"} flexDirection={\"column\"} gap={8}>\n                    <Flex\n                        flexDirection={\"row\"}\n                        alignItems={\"center\"}\n                        gap={10}\n                        px={12}\n                        py={10}\n                        borderRadiusLeft={\"md\"}\n                        borderRadiusRight={\"md\"}\n                        backgroundColor={\"bg-input\"}\n                    >\n                        <Icon name=\"file\" size={\"md\"} color={\"text-secondary\"} />\n                        <Text\n                            as={\"span\"}\n                            fontSize={13}\n                            color={\"text\"}\n                            textOverflow={\"ellipsis\"}\n                            whiteSpace={\"nowrap\"}\n                            flex={1}\n                        >\n                            {currentFile.shortName}\n                        </Text>\n                        <Button\n                            icon=\"pi pi-times\"\n                            size={\"sm\"}\n                            severity={\"danger\"}\n                            onClick={removeFile(0)}\n                            disabled={disabled}\n                        />\n                    </Flex>\n                    <Button\n                        label={t(\"changeFile\") ?? t(\"chooseFile\")}\n                        w={\"full\"}\n                        onClick={onPick as any}\n                        disabled={disabled}\n                    />\n                </Flex>\n            );\n        }\n\n        // Empty state: dashed drop zone.\n        return (\n            <TouchableOpacity\n                activeOpacity={0.7}\n                disabled={disabled}\n                onPress={onPick as any}\n                style={{ width: \"100%\" }}\n            >\n                <Flex\n                    w={\"full\"}\n                    borderW={2}\n                    borderStyle={\"dashed\"}\n                    borderColor={\"primary\"}\n                    borderRadiusLeft={\"lg\"}\n                    borderRadiusRight={\"lg\"}\n                    alignItems={\"center\"}\n                    justifyContent={\"center\"}\n                    flexDirection={\"column\"}\n                    py={32}\n                    px={16}\n                    gap={8}\n                    opacity={disabled ? 0.5 : 1}\n                >\n                    <Icon name=\"cloud-upload\" size={\"lg\"} color={\"primary\"} />\n                    <Text fontSize={14} color={\"text-secondary\"} textAlign={\"center\"}>\n                        {placeholder ?? t(\"tapToUpload\")}\n                    </Text>\n                </Flex>\n            </TouchableOpacity>\n        );\n    }\n\n    // Classic mode: matches web (single row with wide chooser + delete X).\n    return (\n        <Flex w={\"full\"} gap={8} flexDirection={\"row\"} alignItems={\"center\"}>\n            <Button\n                label={currentFile?.shortName ?? placeholder ?? t(\"chooseFile\")}\n                w={\"85%\"}\n                onClick={onPick as any}\n                disabled={disabled}\n            />\n            <Button\n                icon=\"pi pi-times\"\n                size={\"sm\"}\n                severity={\"danger\"}\n                onClick={(e: any) => {\n                    e?.stopPropagation?.();\n                    if (files.length) removeFile(0)();\n                }}\n                disabled={!currentFile || disabled}\n            />\n        </Flex>\n    );\n};\n\nexport default SingleFileUploader;\n"],"names":[],"mappings":";;;;;;;;;;AAkBA,MAAM,qBAAqB,MAAM;AAC7B,EAAA,MAAM,EAAE,QAAQ,KAAA,EAAO,UAAA,EAAY,UAAU,WAAA,EAAa,iBAAA,KACtD,WAAA,EAAY;AAChB,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,WAAA,EAAY;AAE1B,EAAA,MAAM,WAAA,GAAc,QAAQ,MAAM,KAAA,CAAM,CAAC,CAAA,IAAK,IAAA,EAAM,CAAC,KAAK,CAAC,CAAA;AAE3D,EAAA,IAAI,CAAC,iBAAA,EAAmB;AAIpB,IAAA,IAAI,WAAA,EAAa;AACb,MAAA,4BACK,IAAA,EAAA,EAAK,CAAA,EAAG,QAAQ,aAAA,EAAe,QAAA,EAAU,KAAK,CAAA,EAC3C,QAAA,EAAA;AAAA,wBAAA,IAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACG,aAAA,EAAe,KAAA;AAAA,YACf,UAAA,EAAY,QAAA;AAAA,YACZ,GAAA,EAAK,EAAA;AAAA,YACL,EAAA,EAAI,EAAA;AAAA,YACJ,EAAA,EAAI,EAAA;AAAA,YACJ,gBAAA,EAAkB,IAAA;AAAA,YAClB,iBAAA,EAAmB,IAAA;AAAA,YACnB,eAAA,EAAiB,UAAA;AAAA,YAEjB,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,QAAK,IAAA,EAAK,MAAA,EAAO,IAAA,EAAM,IAAA,EAAM,OAAO,gBAAA,EAAkB,CAAA;AAAA,8BACvD,GAAA;AAAA,gBAAC,IAAA;AAAA,gBAAA;AAAA,kBACG,EAAA,EAAI,MAAA;AAAA,kBACJ,QAAA,EAAU,EAAA;AAAA,kBACV,KAAA,EAAO,MAAA;AAAA,kBACP,YAAA,EAAc,UAAA;AAAA,kBACd,UAAA,EAAY,QAAA;AAAA,kBACZ,IAAA,EAAM,CAAA;AAAA,kBAEL,QAAA,EAAA,WAAA,CAAY;AAAA;AAAA,eACjB;AAAA,8BACA,GAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACG,IAAA,EAAK,aAAA;AAAA,kBACL,IAAA,EAAM,IAAA;AAAA,kBACN,QAAA,EAAU,QAAA;AAAA,kBACV,OAAA,EAAS,WAAW,CAAC,CAAA;AAAA,kBACrB;AAAA;AAAA;AACJ;AAAA;AAAA,SACJ;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACG,KAAA,EAAO,CAAA,CAAE,YAAY,CAAA,IAAK,EAAE,YAAY,CAAA;AAAA,YACxC,CAAA,EAAG,MAAA;AAAA,YACH,OAAA,EAAS,MAAA;AAAA,YACT;AAAA;AAAA;AACJ,OAAA,EACJ,CAAA;AAAA,IAER;AAGA,IAAA,uBACI,GAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACG,aAAA,EAAe,GAAA;AAAA,QACf,QAAA;AAAA,QACA,OAAA,EAAS,MAAA;AAAA,QACT,KAAA,EAAO,EAAE,KAAA,EAAO,MAAA,EAAO;AAAA,QAEvB,QAAA,kBAAA,IAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACG,CAAA,EAAG,MAAA;AAAA,YACH,OAAA,EAAS,CAAA;AAAA,YACT,WAAA,EAAa,QAAA;AAAA,YACb,WAAA,EAAa,SAAA;AAAA,YACb,gBAAA,EAAkB,IAAA;AAAA,YAClB,iBAAA,EAAmB,IAAA;AAAA,YACnB,UAAA,EAAY,QAAA;AAAA,YACZ,cAAA,EAAgB,QAAA;AAAA,YAChB,aAAA,EAAe,QAAA;AAAA,YACf,EAAA,EAAI,EAAA;AAAA,YACJ,EAAA,EAAI,EAAA;AAAA,YACJ,GAAA,EAAK,CAAA;AAAA,YACL,OAAA,EAAS,WAAW,GAAA,GAAM,CAAA;AAAA,YAE1B,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,QAAK,IAAA,EAAK,cAAA,EAAe,IAAA,EAAM,IAAA,EAAM,OAAO,SAAA,EAAW,CAAA;AAAA,8BACxD,GAAA,CAAC,IAAA,EAAA,EAAK,QAAA,EAAU,EAAA,EAAI,KAAA,EAAO,gBAAA,EAAkB,SAAA,EAAW,QAAA,EACnD,QAAA,EAAA,WAAA,IAAe,CAAA,CAAE,aAAa,CAAA,EACnC;AAAA;AAAA;AAAA;AACJ;AAAA,KACJ;AAAA,EAER;AAGA,EAAA,uBACI,IAAA,CAAC,QAAK,CAAA,EAAG,MAAA,EAAQ,KAAK,CAAA,EAAG,aAAA,EAAe,KAAA,EAAO,UAAA,EAAY,QAAA,EACvD,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACG,KAAA,EAAO,WAAA,EAAa,SAAA,IAAa,WAAA,IAAe,EAAE,YAAY,CAAA;AAAA,QAC9D,CAAA,EAAG,KAAA;AAAA,QACH,OAAA,EAAS,MAAA;AAAA,QACT;AAAA;AAAA,KACJ;AAAA,oBACA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACG,IAAA,EAAK,aAAA;AAAA,QACL,IAAA,EAAM,IAAA;AAAA,QACN,QAAA,EAAU,QAAA;AAAA,QACV,OAAA,EAAS,CAAC,CAAA,KAAW;AACjB,UAAA,CAAA,EAAG,eAAA,IAAkB;AACrB,UAAA,IAAI,KAAA,CAAM,MAAA,EAAQ,UAAA,CAAW,CAAC,CAAA,EAAE;AAAA,QACpC,CAAA;AAAA,QACA,QAAA,EAAU,CAAC,WAAA,IAAe;AAAA;AAAA;AAC9B,GAAA,EACJ,CAAA;AAER;;;;"}

package/form/file-pickers/SingleImageUploader/index.cjs

@@ -0,0 +1,117 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var index_native = require('../MainUploader/index.cjs');
+var index$1 = require('../../../primitives/Box/index.cjs');
+var index_native$1 = require('../../../primitives/Text/index.cjs');
+var index_native$2 = require('../../../primitives/Image/index.cjs');
+var index_native$3 = require('../../../primitives/Icon/index.cjs');
+var reactNative = require('react-native');
+var locale = require('../../../hooks/locale.cjs');
+var index = require('../../../layout/Flex/index.cjs');
+var Button_native = require('../../../components/Button/Button.cjs');
+
+const SingleImageUploader = () => {
+  const { onPick, files, removeFile, disabled, isClassicUploader } = index_native.useUploader();
+  const { t } = locale.useLanguage();
+  const current = React.useMemo(() => files.length ? files[0] : null, [files]);
+  const uri = current && typeof current.file === "object" && "uri" in current.file ? current.file.uri : null;
+  if (isClassicUploader) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(index.default, { w: "full", gap: 8, flexDirection: "row", alignItems: "center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Button_native.Button,
+        {
+          label: uri ? t("changeImage") : t("chooseImage"),
+          w: "85%",
+          onClick: onPick,
+          disabled
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Button_native.Button,
+        {
+          icon: "pi pi-times",
+          size: "sm",
+          severity: "danger",
+          onClick: removeFile(0),
+          disabled: !current || disabled
+        }
+      ),
+      !!current?.name && /* @__PURE__ */ jsxRuntime.jsx(index_native$1.default, { as: "span", fontSize: 13, color: "text-secondary", children: current.name })
+    ] });
+  }
+  if (uri) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(index$1.default, { w: "full", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(index.default, { position: "relative", w: "full", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          index_native$2.default,
+          {
+            w: "full",
+            aspectRatio: 1.5,
+            objectFit: "contain",
+            src: uri,
+            alt: "Preview",
+            borderRadiusLeft: "lg",
+            borderRadiusRight: "lg"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Button_native.Button,
+          {
+            icon: "pi pi-times",
+            size: "sm",
+            width: 40,
+            height: 40,
+            severity: "danger",
+            position: "absolute",
+            right: 0,
+            top: 0,
+            onClick: removeFile(0),
+            disabled
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Button_native.Button,
+        {
+          label: t("changeImage"),
+          severity: "secondary",
+          outlined: true,
+          w: "full",
+          mt: 8,
+          onClick: onPick,
+          disabled
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(reactNative.TouchableOpacity, { activeOpacity: 0.7, onPress: onPick, style: { width: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    index.default,
+    {
+      w: "full",
+      borderWidth: 2,
+      borderStyle: "dashed",
+      borderColor: "brand.500",
+      borderRadiusLeft: "lg",
+      borderRadiusRight: "lg",
+      alignItems: "center",
+      display: "flex",
+      justifyContent: "center",
+      flexDirection: "column",
+      height: 200,
+      py: 32,
+      px: 16,
+      gap: 8,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(index_native$3.Icon, { name: "cloud-upload", size: "lg", color: "brand.500" }),
+        /* @__PURE__ */ jsxRuntime.jsx(index_native$1.default, { fontSize: 14, color: "text-secondary", textAlign: "center", children: t("tapToUpload") })
+      ]
+    }
+  ) });
+};
+
+exports.default = SingleImageUploader;
+//# sourceMappingURL=index.cjs.map