@lmb-it/kitsconcerto-native 0.1.236

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../src/form/file-pickers/SingleImageUploader/index.native.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { useUploader } from \"../MainUploader\";\nimport { Box, Button, Flex, Image, Text } from \"../../../_compat\";\nimport { Icon } from \"../../../primitives\";\nimport { useLanguage } from \"../../../_compat\";\nimport {TouchableOpacity} from \"react-native\";\n\nconst SingleImageUploader = () => {\n    const { onPick, files, removeFile, disabled, isClassicUploader } = useUploader();\n    const { t } = useLanguage();\n\n    const current = useMemo(() => (files.length ? files[0] : null), [files]);\n    const uri =\n        current && typeof current.file === \"object\" && \"uri\" in current.file\n            ? current.file.uri\n            : null;\n\n    if (isClassicUploader) {\n        // Web classic mode (SingleImageUploader/index.web.tsx) renders the\n        // chooser as a PrimeReact `<FileUpload chooseLabel>` button — that\n        // component defaults to a PRIMARY (teal-filled) button — and the\n        // delete trigger as a filled red `<Button severity=\"danger\">`.\n        // Native mirrors that styling here: no `severity=\"secondary\"`, no\n        // `outlined` on either button. The label flips between\n        // \"Choose image\" and \"Change image\" exactly like web.\n        return (\n            <Flex w={\"full\"} gap={8} flexDirection={\"row\"} alignItems={\"center\"}>\n                <Button\n                    label={uri ? t(\"changeImage\") : t(\"chooseImage\")}\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={removeFile(0)}\n                    disabled={!current || disabled}\n                />\n                {!!current?.name && (\n                    <Text as={\"span\"} fontSize={13} color={\"text-secondary\"}>\n                        {current.name}\n                    </Text>\n                )}\n            </Flex>\n        );\n    }\n\n    // Non-classic: dashed container with upload icon + phrase, or image preview\n    if (uri) {\n        return (\n            <Box w={\"full\"}>\n                <Flex position={\"relative\"} w={\"full\"}>\n                    <Image\n                        w={\"full\"}\n                        aspectRatio={1.5}\n                        objectFit={\"contain\"}\n                        src={uri}\n                        alt={\"Preview\"}\n                        borderRadiusLeft={\"lg\"}\n                        borderRadiusRight={\"lg\"}\n                    />\n                    <Button\n                        icon=\"pi pi-times\"\n                        size={\"sm\"}\n                        width={40}\n                        height={40}\n                        severity={\"danger\"}\n                        position={'absolute'}\n                        right={0}\n                        top={0}\n                        onClick={removeFile(0)}\n                        disabled={disabled}\n                    />\n                </Flex>\n                <Button\n                    label={t(\"changeImage\")}\n                    severity={\"secondary\"}\n                    outlined\n                    w={\"full\"}\n                    mt={8}\n                    onClick={onPick as any}\n                    disabled={disabled}\n                />\n            </Box>\n        );\n    }\n\n    return (\n     <TouchableOpacity activeOpacity={0.7} onPress={onPick as any} style={{width:'100%'}}>\n         <Flex\n             w={\"full\"}\n             borderWidth={2}\n             borderStyle={\"dashed\"}\n             borderColor={\"brand.500\"}\n             borderRadiusLeft={\"lg\"}\n             borderRadiusRight={\"lg\"}\n             alignItems={\"center\"}\n             display={'flex'}\n             justifyContent={\"center\"}\n             flexDirection={\"column\"}\n             height={200}\n             py={32}\n             px={16}\n             gap={8}\n         >\n             <Icon name=\"cloud-upload\" size={'lg'} color={\"brand.500\"} />\n             <Text fontSize={14} color={\"text-secondary\"} textAlign={\"center\"}>\n                 {t(\"tapToUpload\")}\n             </Text>\n         </Flex>\n     </TouchableOpacity>\n    );\n};\n\nexport default SingleImageUploader;\n"],"names":["useUploader","useLanguage","useMemo","jsxs","Flex","jsx","Button","Text","Box","Image","TouchableOpacity","Icon"],"mappings":"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"}

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

@@ -0,0 +1,113 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { useUploader } from '../MainUploader/index.js';
+import Box from '../../../primitives/Box/index.js';
+import Text from '../../../primitives/Text/index.js';
+import Image from '../../../primitives/Image/index.js';
+import { Icon } from '../../../primitives/Icon/index.js';
+import { TouchableOpacity } from 'react-native';
+import { useLanguage } from '../../../hooks/locale.js';
+import Flex from '../../../layout/Flex/index.js';
+import { Button } from '../../../components/Button/Button.js';
+
+const SingleImageUploader = () => {
+  const { onPick, files, removeFile, disabled, isClassicUploader } = useUploader();
+  const { t } = useLanguage();
+  const current = 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__ */ jsxs(Flex, { w: "full", gap: 8, flexDirection: "row", alignItems: "center", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          label: uri ? t("changeImage") : t("chooseImage"),
+          w: "85%",
+          onClick: onPick,
+          disabled
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          icon: "pi pi-times",
+          size: "sm",
+          severity: "danger",
+          onClick: removeFile(0),
+          disabled: !current || disabled
+        }
+      ),
+      !!current?.name && /* @__PURE__ */ jsx(Text, { as: "span", fontSize: 13, color: "text-secondary", children: current.name })
+    ] });
+  }
+  if (uri) {
+    return /* @__PURE__ */ jsxs(Box, { w: "full", children: [
+      /* @__PURE__ */ jsxs(Flex, { position: "relative", w: "full", children: [
+        /* @__PURE__ */ jsx(
+          Image,
+          {
+            w: "full",
+            aspectRatio: 1.5,
+            objectFit: "contain",
+            src: uri,
+            alt: "Preview",
+            borderRadiusLeft: "lg",
+            borderRadiusRight: "lg"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            icon: "pi pi-times",
+            size: "sm",
+            width: 40,
+            height: 40,
+            severity: "danger",
+            position: "absolute",
+            right: 0,
+            top: 0,
+            onClick: removeFile(0),
+            disabled
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          label: t("changeImage"),
+          severity: "secondary",
+          outlined: true,
+          w: "full",
+          mt: 8,
+          onClick: onPick,
+          disabled
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsx(TouchableOpacity, { activeOpacity: 0.7, onPress: onPick, style: { width: "100%" }, children: /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      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__ */ jsx(Icon, { name: "cloud-upload", size: "lg", color: "brand.500" }),
+        /* @__PURE__ */ jsx(Text, { fontSize: 14, color: "text-secondary", textAlign: "center", children: t("tapToUpload") })
+      ]
+    }
+  ) });
+};
+
+export { SingleImageUploader as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/form/file-pickers/SingleImageUploader/index.native.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { useUploader } from \"../MainUploader\";\nimport { Box, Button, Flex, Image, Text } from \"../../../_compat\";\nimport { Icon } from \"../../../primitives\";\nimport { useLanguage } from \"../../../_compat\";\nimport {TouchableOpacity} from \"react-native\";\n\nconst SingleImageUploader = () => {\n    const { onPick, files, removeFile, disabled, isClassicUploader } = useUploader();\n    const { t } = useLanguage();\n\n    const current = useMemo(() => (files.length ? files[0] : null), [files]);\n    const uri =\n        current && typeof current.file === \"object\" && \"uri\" in current.file\n            ? current.file.uri\n            : null;\n\n    if (isClassicUploader) {\n        // Web classic mode (SingleImageUploader/index.web.tsx) renders the\n        // chooser as a PrimeReact `<FileUpload chooseLabel>` button — that\n        // component defaults to a PRIMARY (teal-filled) button — and the\n        // delete trigger as a filled red `<Button severity=\"danger\">`.\n        // Native mirrors that styling here: no `severity=\"secondary\"`, no\n        // `outlined` on either button. The label flips between\n        // \"Choose image\" and \"Change image\" exactly like web.\n        return (\n            <Flex w={\"full\"} gap={8} flexDirection={\"row\"} alignItems={\"center\"}>\n                <Button\n                    label={uri ? t(\"changeImage\") : t(\"chooseImage\")}\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={removeFile(0)}\n                    disabled={!current || disabled}\n                />\n                {!!current?.name && (\n                    <Text as={\"span\"} fontSize={13} color={\"text-secondary\"}>\n                        {current.name}\n                    </Text>\n                )}\n            </Flex>\n        );\n    }\n\n    // Non-classic: dashed container with upload icon + phrase, or image preview\n    if (uri) {\n        return (\n            <Box w={\"full\"}>\n                <Flex position={\"relative\"} w={\"full\"}>\n                    <Image\n                        w={\"full\"}\n                        aspectRatio={1.5}\n                        objectFit={\"contain\"}\n                        src={uri}\n                        alt={\"Preview\"}\n                        borderRadiusLeft={\"lg\"}\n                        borderRadiusRight={\"lg\"}\n                    />\n                    <Button\n                        icon=\"pi pi-times\"\n                        size={\"sm\"}\n                        width={40}\n                        height={40}\n                        severity={\"danger\"}\n                        position={'absolute'}\n                        right={0}\n                        top={0}\n                        onClick={removeFile(0)}\n                        disabled={disabled}\n                    />\n                </Flex>\n                <Button\n                    label={t(\"changeImage\")}\n                    severity={\"secondary\"}\n                    outlined\n                    w={\"full\"}\n                    mt={8}\n                    onClick={onPick as any}\n                    disabled={disabled}\n                />\n            </Box>\n        );\n    }\n\n    return (\n     <TouchableOpacity activeOpacity={0.7} onPress={onPick as any} style={{width:'100%'}}>\n         <Flex\n             w={\"full\"}\n             borderWidth={2}\n             borderStyle={\"dashed\"}\n             borderColor={\"brand.500\"}\n             borderRadiusLeft={\"lg\"}\n             borderRadiusRight={\"lg\"}\n             alignItems={\"center\"}\n             display={'flex'}\n             justifyContent={\"center\"}\n             flexDirection={\"column\"}\n             height={200}\n             py={32}\n             px={16}\n             gap={8}\n         >\n             <Icon name=\"cloud-upload\" size={'lg'} color={\"brand.500\"} />\n             <Text fontSize={14} color={\"text-secondary\"} textAlign={\"center\"}>\n                 {t(\"tapToUpload\")}\n             </Text>\n         </Flex>\n     </TouchableOpacity>\n    );\n};\n\nexport default SingleImageUploader;\n"],"names":[],"mappings":";;;;;;;;;;;;AAOA,MAAM,sBAAsB,MAAM;AAC9B,EAAA,MAAM,EAAE,MAAA,EAAQ,KAAA,EAAO,YAAY,QAAA,EAAU,iBAAA,KAAsB,WAAA,EAAY;AAC/E,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,WAAA,EAAY;AAE1B,EAAA,MAAM,OAAA,GAAU,OAAA,CAAQ,MAAO,KAAA,CAAM,MAAA,GAAS,KAAA,CAAM,CAAC,CAAA,GAAI,IAAA,EAAO,CAAC,KAAK,CAAC,CAAA;AACvE,EAAA,MAAM,GAAA,GACF,OAAA,IAAW,OAAO,OAAA,CAAQ,IAAA,KAAS,QAAA,IAAY,KAAA,IAAS,OAAA,CAAQ,IAAA,GAC1D,OAAA,CAAQ,IAAA,CAAK,GAAA,GACb,IAAA;AAEV,EAAA,IAAI,iBAAA,EAAmB;AAQnB,IAAA,uBACI,IAAA,CAAC,QAAK,CAAA,EAAG,MAAA,EAAQ,KAAK,CAAA,EAAG,aAAA,EAAe,KAAA,EAAO,UAAA,EAAY,QAAA,EACvD,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACG,OAAO,GAAA,GAAM,CAAA,CAAE,aAAa,CAAA,GAAI,EAAE,aAAa,CAAA;AAAA,UAC/C,CAAA,EAAG,KAAA;AAAA,UACH,OAAA,EAAS,MAAA;AAAA,UACT;AAAA;AAAA,OACJ;AAAA,sBACA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACG,IAAA,EAAK,aAAA;AAAA,UACL,IAAA,EAAM,IAAA;AAAA,UACN,QAAA,EAAU,QAAA;AAAA,UACV,OAAA,EAAS,WAAW,CAAC,CAAA;AAAA,UACrB,QAAA,EAAU,CAAC,OAAA,IAAW;AAAA;AAAA,OAC1B;AAAA,MACC,CAAC,CAAC,OAAA,EAAS,IAAA,oBACR,GAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAI,MAAA,EAAQ,QAAA,EAAU,EAAA,EAAI,KAAA,EAAO,gBAAA,EAClC,kBAAQ,IAAA,EACb;AAAA,KAAA,EAER,CAAA;AAAA,EAER;AAGA,EAAA,IAAI,GAAA,EAAK;AACL,IAAA,uBACI,IAAA,CAAC,GAAA,EAAA,EAAI,CAAA,EAAG,MAAA,EACJ,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,IAAA,EAAA,EAAK,QAAA,EAAU,UAAA,EAAY,CAAA,EAAG,MAAA,EAC3B,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACG,CAAA,EAAG,MAAA;AAAA,YACH,WAAA,EAAa,GAAA;AAAA,YACb,SAAA,EAAW,SAAA;AAAA,YACX,GAAA,EAAK,GAAA;AAAA,YACL,GAAA,EAAK,SAAA;AAAA,YACL,gBAAA,EAAkB,IAAA;AAAA,YAClB,iBAAA,EAAmB;AAAA;AAAA,SACvB;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACG,IAAA,EAAK,aAAA;AAAA,YACL,IAAA,EAAM,IAAA;AAAA,YACN,KAAA,EAAO,EAAA;AAAA,YACP,MAAA,EAAQ,EAAA;AAAA,YACR,QAAA,EAAU,QAAA;AAAA,YACV,QAAA,EAAU,UAAA;AAAA,YACV,KAAA,EAAO,CAAA;AAAA,YACP,GAAA,EAAK,CAAA;AAAA,YACL,OAAA,EAAS,WAAW,CAAC,CAAA;AAAA,YACrB;AAAA;AAAA;AACJ,OAAA,EACJ,CAAA;AAAA,sBACA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACG,KAAA,EAAO,EAAE,aAAa,CAAA;AAAA,UACtB,QAAA,EAAU,WAAA;AAAA,UACV,QAAA,EAAQ,IAAA;AAAA,UACR,CAAA,EAAG,MAAA;AAAA,UACH,EAAA,EAAI,CAAA;AAAA,UACJ,OAAA,EAAS,MAAA;AAAA,UACT;AAAA;AAAA;AACJ,KAAA,EACJ,CAAA;AAAA,EAER;AAEA,EAAA,uBACC,GAAA,CAAC,gBAAA,EAAA,EAAiB,aAAA,EAAe,GAAA,EAAK,OAAA,EAAS,QAAe,KAAA,EAAO,EAAC,KAAA,EAAM,MAAA,EAAM,EAC9E,QAAA,kBAAA,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACG,CAAA,EAAG,MAAA;AAAA,MACH,WAAA,EAAa,CAAA;AAAA,MACb,WAAA,EAAa,QAAA;AAAA,MACb,WAAA,EAAa,WAAA;AAAA,MACb,gBAAA,EAAkB,IAAA;AAAA,MAClB,iBAAA,EAAmB,IAAA;AAAA,MACnB,UAAA,EAAY,QAAA;AAAA,MACZ,OAAA,EAAS,MAAA;AAAA,MACT,cAAA,EAAgB,QAAA;AAAA,MAChB,aAAA,EAAe,QAAA;AAAA,MACf,MAAA,EAAQ,GAAA;AAAA,MACR,EAAA,EAAI,EAAA;AAAA,MACJ,EAAA,EAAI,EAAA;AAAA,MACJ,GAAA,EAAK,CAAA;AAAA,MAEL,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,QAAK,IAAA,EAAK,cAAA,EAAe,IAAA,EAAM,IAAA,EAAM,OAAO,WAAA,EAAa,CAAA;AAAA,wBAC1D,GAAA,CAAC,IAAA,EAAA,EAAK,QAAA,EAAU,EAAA,EAAI,KAAA,EAAO,kBAAkB,SAAA,EAAW,QAAA,EACnD,QAAA,EAAA,CAAA,CAAE,aAAa,CAAA,EACpB;AAAA;AAAA;AAAA,GACJ,EACJ,CAAA;AAEL;;;;"}

package/form/file-pickers/index.cjs

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var index_native$1 = require('./MainUploader/index.cjs');
+var index_native = require('../helpers/FormContainer/index.cjs');
+require('react');
+require('axios');
+require('../../contexts/DialogContext.cjs');
+require('../selects/SelectContext.cjs');
+
+const FilePicker = (props) => {
+  const { id, helperText, disabled, label, errors, hideError, invalid } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index_native.default,
+    {
+      id,
+      className: "file-picker-component",
+      disabled,
+      label,
+      hideError,
+      errors,
+      invalid,
+      helperText,
+      bare: true,
+      isFloatedLabel: false,
+      children: /* @__PURE__ */ jsxRuntime.jsx(index_native$1.default, { name: id, ...props })
+    }
+  );
+};
+
+exports.default = FilePicker;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/form/file-pickers/index.native.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport type {IFileUploader} from \"@lmb-it/kitsconcerto-types\";\nimport MainUploader from \"./MainUploader\";\nimport {KitsContainer} from \"../../_compat\";\n\nconst FilePicker: FC<IFileUploader> = (props) => {\n    const { id, helperText, disabled, label, errors, hideError, invalid } = props;\n\n    return (\n        <KitsContainer\n            id={id}\n            className={\"file-picker-component\"}\n            disabled={disabled}\n            label={label}\n            hideError={hideError}\n            errors={errors}\n            invalid={invalid}\n            helperText={helperText}\n            bare\n            isFloatedLabel={false}\n        >\n            <MainUploader name={id} {...props} />\n        </KitsContainer>\n    );\n};\n\nexport default FilePicker;\n"],"names":["jsx","KitsContainer","MainUploader"],"mappings":";;;;;;;;;;;;AAKA,MAAM,UAAA,GAAgC,CAAC,KAAA,KAAU;AAC7C,EAAA,MAAM,EAAE,IAAI,UAAA,EAAY,QAAA,EAAU,OAAO,MAAA,EAAQ,SAAA,EAAW,SAAQ,GAAI,KAAA;AAExE,EAAA,uBACIA,cAAA;AAAA,IAACC,oBAAA;AAAA,IAAA;AAAA,MACG,EAAA;AAAA,MACA,SAAA,EAAW,uBAAA;AAAA,MACX,QAAA;AAAA,MACA,KAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,IAAA,EAAI,IAAA;AAAA,MACJ,cAAA,EAAgB,KAAA;AAAA,MAEhB,QAAA,kBAAAD,cAAA,CAACE,sBAAA,EAAA,EAAa,IAAA,EAAM,EAAA,EAAK,GAAG,KAAA,EAAO;AAAA;AAAA,GACvC;AAER;;;;"}

package/form/file-pickers/index.js

@@ -0,0 +1,30 @@
+import { jsx } from 'react/jsx-runtime';
+import MainUploader from './MainUploader/index.js';
+import KitsContainer from '../helpers/FormContainer/index.js';
+import 'react';
+import 'axios';
+import '../../contexts/DialogContext.js';
+import '../selects/SelectContext.js';
+
+const FilePicker = (props) => {
+  const { id, helperText, disabled, label, errors, hideError, invalid } = props;
+  return /* @__PURE__ */ jsx(
+    KitsContainer,
+    {
+      id,
+      className: "file-picker-component",
+      disabled,
+      label,
+      hideError,
+      errors,
+      invalid,
+      helperText,
+      bare: true,
+      isFloatedLabel: false,
+      children: /* @__PURE__ */ jsx(MainUploader, { name: id, ...props })
+    }
+  );
+};
+
+export { FilePicker as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/form/file-pickers/index.native.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport type {IFileUploader} from \"@lmb-it/kitsconcerto-types\";\nimport MainUploader from \"./MainUploader\";\nimport {KitsContainer} from \"../../_compat\";\n\nconst FilePicker: FC<IFileUploader> = (props) => {\n    const { id, helperText, disabled, label, errors, hideError, invalid } = props;\n\n    return (\n        <KitsContainer\n            id={id}\n            className={\"file-picker-component\"}\n            disabled={disabled}\n            label={label}\n            hideError={hideError}\n            errors={errors}\n            invalid={invalid}\n            helperText={helperText}\n            bare\n            isFloatedLabel={false}\n        >\n            <MainUploader name={id} {...props} />\n        </KitsContainer>\n    );\n};\n\nexport default FilePicker;\n"],"names":[],"mappings":";;;;;;;;AAKA,MAAM,UAAA,GAAgC,CAAC,KAAA,KAAU;AAC7C,EAAA,MAAM,EAAE,IAAI,UAAA,EAAY,QAAA,EAAU,OAAO,MAAA,EAAQ,SAAA,EAAW,SAAQ,GAAI,KAAA;AAExE,EAAA,uBACI,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACG,EAAA;AAAA,MACA,SAAA,EAAW,uBAAA;AAAA,MACX,QAAA;AAAA,MACA,KAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,IAAA,EAAI,IAAA;AAAA,MACJ,cAAA,EAAgB,KAAA;AAAA,MAEhB,QAAA,kBAAA,GAAA,CAAC,YAAA,EAAA,EAAa,IAAA,EAAM,EAAA,EAAK,GAAG,KAAA,EAAO;AAAA;AAAA,GACvC;AAER;;;;"}

package/form/helpers/ErrorMessage/errormessage.cjs

@@ -0,0 +1,110 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+require('../../../apps/mobile/src/ui/accordion/index.cjs');
+require('../../../apps/mobile/src/ui/actionsheet/index.cjs');
+require('../../../apps/mobile/src/ui/alert/index.cjs');
+require('../../../apps/mobile/src/ui/alert-dialog/index.cjs');
+require('../../../apps/mobile/src/ui/avatar/index.cjs');
+require('../../../apps/mobile/src/ui/badge/index.cjs');
+require('../../../apps/mobile/src/ui/bottomsheet/index.cjs');
+require('../../../apps/mobile/src/ui/box/index.cjs');
+require('../../../apps/mobile/src/ui/button/index.cjs');
+require('../../../apps/mobile/src/ui/card/index.cjs');
+require('../../../apps/mobile/src/ui/center/index.cjs');
+require('../../../apps/mobile/src/ui/checkbox/index.cjs');
+require('../../../apps/mobile/src/ui/divider/index.cjs');
+require('../../../apps/mobile/src/ui/drawer/index.cjs');
+require('../../../apps/mobile/src/ui/fab/index.cjs');
+require('react-native');
+var index = require('../../../apps/mobile/src/ui/form-control/index.cjs');
+require('react');
+require('../../../apps/mobile/src/ui/gluestack-ui-provider/config.cjs');
+require('@gluestack-ui/core/overlay/creator');
+require('@gluestack-ui/core/toast/creator');
+require('nativewind');
+require('../../../apps/mobile/src/ui/grid/index.cjs');
+require('../../../apps/mobile/src/ui/heading/index.cjs');
+require('../../../apps/mobile/src/ui/hstack/index.cjs');
+require('../../../apps/mobile/src/ui/icon/index.cjs');
+require('../../../apps/mobile/src/ui/image/index.cjs');
+require('../../../apps/mobile/src/ui/image-background/index.cjs');
+require('../../../apps/mobile/src/ui/input/index.cjs');
+require('../../../apps/mobile/src/ui/link/index.cjs');
+require('../../../apps/mobile/src/ui/menu/index.cjs');
+require('../../../apps/mobile/src/ui/modal/index.cjs');
+require('../../../apps/mobile/src/ui/popover/index.cjs');
+require('../../../apps/mobile/src/ui/portal/index.cjs');
+require('../../../apps/mobile/src/ui/pressable/index.cjs');
+require('../../../apps/mobile/src/ui/progress/index.cjs');
+require('../../../apps/mobile/src/ui/radio/index.cjs');
+require('react-native-safe-area-context');
+require('../../../apps/mobile/src/ui/select/index.cjs');
+require('../../../apps/mobile/src/ui/skeleton/index.cjs');
+require('../../../apps/mobile/src/ui/slider/index.cjs');
+require('../../../apps/mobile/src/ui/spinner/index.cjs');
+require('../../../apps/mobile/src/ui/switch/index.cjs');
+require('../../../apps/mobile/src/ui/table/index.cjs');
+require('../../../apps/mobile/src/ui/text/index.cjs');
+require('../../../apps/mobile/src/ui/textarea/index.cjs');
+require('../../../apps/mobile/src/ui/toast/index.cjs');
+require('../../../apps/mobile/src/ui/tooltip/index.cjs');
+require('../../../apps/mobile/src/ui/vstack/index.cjs');
+require('react-native-reanimated');
+require('react-icons/fa');
+require('react-icons/ai');
+require('react-icons/io');
+require('../../../packages/types/src/Components/Molecules/Form/FilePicker/types/filesTypes.cjs');
+require('yup');
+require('../../../packages/types/src/Css/map/index.cjs');
+require('../../../packages/types/src/Theme/shadows.cjs');
+require('../../../packages/types/src/Theme/defaultTheme.cjs');
+require('../../../apps/mobile/src/Factory/DimensionsContext.cjs');
+require('i18next');
+require('react-i18next');
+require('../../../apps/mobile/src/Core/AutoComplete/index.cjs');
+require('../../../apps/mobile/src/Core/Dropdown/index.cjs');
+require('../../../apps/mobile/src/Core/MultiSelect/index.cjs');
+require('../../../apps/mobile/src/Core/Trees/components/CoreTree.cjs');
+require('../../../apps/mobile/src/Core/Trees/components/CoreTreeSelect.cjs');
+require('../../../apps/mobile/src/Core/Trees/components/CoreToolbar.cjs');
+require('../../../apps/mobile/src/Core/Paginator/index.cjs');
+var lucideReactNative = require('lucide-react-native');
+require('../../../apps/mobile/src/Core/SelectButton/index.cjs');
+require('../../../apps/mobile/src/Core/DataTable/DataTable.cjs');
+require('../../../apps/mobile/src/Core/Tag/index.cjs');
+require('../../../apps/mobile/src/Core/Badge/index.cjs');
+require('../../../apps/mobile/src/Core/ProgressBar/index.cjs');
+require('../../../apps/mobile/src/Core/Checkbox/index.cjs');
+require('../../../apps/mobile/src/Core/RadioButton/index.cjs');
+require('../../../apps/mobile/src/Core/Input/index.cjs');
+require('../../../apps/mobile/src/Core/Input/Field.cjs');
+require('../../../apps/mobile/src/Core/Input/Slot.cjs');
+var _ = require('lodash');
+var useThemedFont = require('../../../hooks/useThemedFont.cjs');
+
+const ErrorMessage = ({ errors, invalid, style }) => {
+  const font = useThemedFont.default("body");
+  if (!errors || !invalid) return null;
+  const renderMessage = (message, index$1) => /* @__PURE__ */ jsxRuntime.jsxs(index.FormControlError, { style: style || void 0, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(index.FormControlErrorIcon, { as: lucideReactNative.AlertCircleIcon, className: "text-red-500" }),
+    /* @__PURE__ */ jsxRuntime.jsx(index.FormControlErrorText, { className: "text-red-500", style: { ...font ? { fontFamily: font } : {}, ...style || {} }, children: message })
+  ] }, index$1);
+  if (typeof errors === "string") {
+    return renderMessage(errors);
+  }
+  if (Array.isArray(errors)) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: errors.map((err, i) => renderMessage(err, i)) });
+  }
+  if (_.isObject(errors) && !("type" in errors)) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: Object.values(errors).map(
+      (err, i) => err?.message && renderMessage(err.message, i)
+    ) });
+  }
+  return null;
+};
+
+exports.default = ErrorMessage;
+//# sourceMappingURL=errormessage.cjs.map

package/form/helpers/ErrorMessage/errormessage.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"errormessage.cjs","sources":["../../../../../src/form/helpers/ErrorMessage/errormessage.native.tsx"],"sourcesContent":["import React, { type FC } from 'react';\nimport type { IKitsContainer } from '@lmb-it/kitsconcerto-types';\nimport {Alert, AlertText, FormControlError, FormControlErrorIcon, FormControlErrorText} from '@lmb-it/kitsconcertomobile';\nimport {isObject} from \"lodash\";\nimport {AlertCircleIcon} from \"lucide-react-native\";\nimport useThemedFont from '../../../hooks/useThemedFont';\n\nconst ErrorMessage: FC<Omit<IKitsContainer, 'id'> & { style?: Record<string, any> }> = ({ errors, invalid, style }) => {\n    const font = useThemedFont('body');\n    if (!errors || !invalid) return null;\n\n    const renderMessage = (message: string, index?: number) => (\n        <FormControlError key={index} style={style || undefined}>\n            <FormControlErrorIcon as={AlertCircleIcon} className=\"text-red-500\"/>\n            <FormControlErrorText className=\"text-red-500\" style={{...(font ? {fontFamily: font} : {}), ...(style || {})}}>\n                {message}\n            </FormControlErrorText>\n        </FormControlError>\n    );\n\n    if (typeof errors === 'string') {\n        return renderMessage(errors);\n    }\n\n    if (Array.isArray(errors)) {\n        return (\n            <>\n                {errors.map((err, i) => renderMessage(err, i))}\n            </>\n        );\n    }\n\n    if (isObject(errors) && !('type' in errors)) {\n        return (\n            <>\n                {Object.values(errors).map(\n                    (err: any, i) =>\n                        err?.message && renderMessage(err.message, i),\n                )}\n            </>\n        );\n    }\n\n    return null;\n};\n\nexport default ErrorMessage;\n"],"names":["useThemedFont","index","FormControlError","jsx","FormControlErrorIcon","AlertCircleIcon","FormControlErrorText","Fragment","isObject"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,eAAiF,CAAC,EAAE,MAAA,EAAQ,OAAA,EAAS,OAAM,KAAM;AACnH,EAAA,MAAM,IAAA,GAAOA,sBAAc,MAAM,CAAA;AACjC,EAAA,IAAI,CAAC,MAAA,IAAU,CAAC,OAAA,EAAS,OAAO,IAAA;AAEhC,EAAA,MAAM,aAAA,GAAgB,CAAC,OAAA,EAAiBC,OAAA,qCACnCC,sBAAA,EAAA,EAA6B,KAAA,EAAO,SAAS,MAAA,EAC1C,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,0BAAA,EAAA,EAAqB,EAAA,EAAIC,iCAAA,EAAiB,SAAA,EAAU,cAAA,EAAc,CAAA;AAAA,mCAClEC,0BAAA,EAAA,EAAqB,SAAA,EAAU,gBAAe,KAAA,EAAO,EAAC,GAAI,IAAA,GAAO,EAAC,YAAY,IAAA,EAAI,GAAI,EAAC,EAAI,GAAI,SAAS,EAAC,IACrG,QAAA,EAAA,OAAA,EACL;AAAA,GAAA,EAAA,EAJmBL,OAKvB,CAAA;AAGJ,EAAA,IAAI,OAAO,WAAW,QAAA,EAAU;AAC5B,IAAA,OAAO,cAAc,MAAM,CAAA;AAAA,EAC/B;AAEA,EAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,MAAM,CAAA,EAAG;AACvB,IAAA,uBACIE,cAAA,CAAAI,mBAAA,EAAA,EACK,QAAA,EAAA,MAAA,CAAO,GAAA,CAAI,CAAC,GAAA,EAAK,MAAM,aAAA,CAAc,GAAA,EAAK,CAAC,CAAC,CAAA,EACjD,CAAA;AAAA,EAER;AAEA,EAAA,IAAIC,UAAA,CAAS,MAAM,CAAA,IAAK,EAAE,UAAU,MAAA,CAAA,EAAS;AACzC,IAAA,uBACIL,cAAA,CAAAI,mBAAA,EAAA,EACK,QAAA,EAAA,MAAA,CAAO,MAAA,CAAO,MAAM,CAAA,CAAE,GAAA;AAAA,MACnB,CAAC,KAAU,CAAA,KACP,GAAA,EAAK,WAAW,aAAA,CAAc,GAAA,CAAI,SAAS,CAAC;AAAA,KACpD,EACJ,CAAA;AAAA,EAER;AAEA,EAAA,OAAO,IAAA;AACX;;;;"}

package/form/helpers/ErrorMessage/errormessage.js

@@ -0,0 +1,106 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import '../../../apps/mobile/src/ui/accordion/index.js';
+import '../../../apps/mobile/src/ui/actionsheet/index.js';
+import '../../../apps/mobile/src/ui/alert/index.js';
+import '../../../apps/mobile/src/ui/alert-dialog/index.js';
+import '../../../apps/mobile/src/ui/avatar/index.js';
+import '../../../apps/mobile/src/ui/badge/index.js';
+import '../../../apps/mobile/src/ui/bottomsheet/index.js';
+import '../../../apps/mobile/src/ui/box/index.js';
+import '../../../apps/mobile/src/ui/button/index.js';
+import '../../../apps/mobile/src/ui/card/index.js';
+import '../../../apps/mobile/src/ui/center/index.js';
+import '../../../apps/mobile/src/ui/checkbox/index.js';
+import '../../../apps/mobile/src/ui/divider/index.js';
+import '../../../apps/mobile/src/ui/drawer/index.js';
+import '../../../apps/mobile/src/ui/fab/index.js';
+import 'react-native';
+import { FormControlError, FormControlErrorIcon, FormControlErrorText } from '../../../apps/mobile/src/ui/form-control/index.js';
+import 'react';
+import '../../../apps/mobile/src/ui/gluestack-ui-provider/config.js';
+import '@gluestack-ui/core/overlay/creator';
+import '@gluestack-ui/core/toast/creator';
+import 'nativewind';
+import '../../../apps/mobile/src/ui/grid/index.js';
+import '../../../apps/mobile/src/ui/heading/index.js';
+import '../../../apps/mobile/src/ui/hstack/index.js';
+import '../../../apps/mobile/src/ui/icon/index.js';
+import '../../../apps/mobile/src/ui/image/index.js';
+import '../../../apps/mobile/src/ui/image-background/index.js';
+import '../../../apps/mobile/src/ui/input/index.js';
+import '../../../apps/mobile/src/ui/link/index.js';
+import '../../../apps/mobile/src/ui/menu/index.js';
+import '../../../apps/mobile/src/ui/modal/index.js';
+import '../../../apps/mobile/src/ui/popover/index.js';
+import '../../../apps/mobile/src/ui/portal/index.js';
+import '../../../apps/mobile/src/ui/pressable/index.js';
+import '../../../apps/mobile/src/ui/progress/index.js';
+import '../../../apps/mobile/src/ui/radio/index.js';
+import 'react-native-safe-area-context';
+import '../../../apps/mobile/src/ui/select/index.js';
+import '../../../apps/mobile/src/ui/skeleton/index.js';
+import '../../../apps/mobile/src/ui/slider/index.js';
+import '../../../apps/mobile/src/ui/spinner/index.js';
+import '../../../apps/mobile/src/ui/switch/index.js';
+import '../../../apps/mobile/src/ui/table/index.js';
+import '../../../apps/mobile/src/ui/text/index.js';
+import '../../../apps/mobile/src/ui/textarea/index.js';
+import '../../../apps/mobile/src/ui/toast/index.js';
+import '../../../apps/mobile/src/ui/tooltip/index.js';
+import '../../../apps/mobile/src/ui/vstack/index.js';
+import 'react-native-reanimated';
+import 'react-icons/fa';
+import 'react-icons/ai';
+import 'react-icons/io';
+import '../../../packages/types/src/Components/Molecules/Form/FilePicker/types/filesTypes.js';
+import 'yup';
+import '../../../packages/types/src/Css/map/index.js';
+import '../../../packages/types/src/Theme/shadows.js';
+import '../../../packages/types/src/Theme/defaultTheme.js';
+import '../../../apps/mobile/src/Factory/DimensionsContext.js';
+import 'i18next';
+import 'react-i18next';
+import '../../../apps/mobile/src/Core/AutoComplete/index.js';
+import '../../../apps/mobile/src/Core/Dropdown/index.js';
+import '../../../apps/mobile/src/Core/MultiSelect/index.js';
+import '../../../apps/mobile/src/Core/Trees/components/CoreTree.js';
+import '../../../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 { AlertCircleIcon } from '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 { isObject } from 'lodash';
+import useThemedFont from '../../../hooks/useThemedFont.js';
+
+const ErrorMessage = ({ errors, invalid, style }) => {
+  const font = useThemedFont("body");
+  if (!errors || !invalid) return null;
+  const renderMessage = (message, index) => /* @__PURE__ */ jsxs(FormControlError, { style: style || void 0, children: [
+    /* @__PURE__ */ jsx(FormControlErrorIcon, { as: AlertCircleIcon, className: "text-red-500" }),
+    /* @__PURE__ */ jsx(FormControlErrorText, { className: "text-red-500", style: { ...font ? { fontFamily: font } : {}, ...style || {} }, children: message })
+  ] }, index);
+  if (typeof errors === "string") {
+    return renderMessage(errors);
+  }
+  if (Array.isArray(errors)) {
+    return /* @__PURE__ */ jsx(Fragment, { children: errors.map((err, i) => renderMessage(err, i)) });
+  }
+  if (isObject(errors) && !("type" in errors)) {
+    return /* @__PURE__ */ jsx(Fragment, { children: Object.values(errors).map(
+      (err, i) => err?.message && renderMessage(err.message, i)
+    ) });
+  }
+  return null;
+};
+
+export { ErrorMessage as default };
+//# sourceMappingURL=errormessage.js.map

package/form/helpers/ErrorMessage/errormessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"errormessage.js","sources":["../../../../../src/form/helpers/ErrorMessage/errormessage.native.tsx"],"sourcesContent":["import React, { type FC } from 'react';\nimport type { IKitsContainer } from '@lmb-it/kitsconcerto-types';\nimport {Alert, AlertText, FormControlError, FormControlErrorIcon, FormControlErrorText} from '@lmb-it/kitsconcertomobile';\nimport {isObject} from \"lodash\";\nimport {AlertCircleIcon} from \"lucide-react-native\";\nimport useThemedFont from '../../../hooks/useThemedFont';\n\nconst ErrorMessage: FC<Omit<IKitsContainer, 'id'> & { style?: Record<string, any> }> = ({ errors, invalid, style }) => {\n    const font = useThemedFont('body');\n    if (!errors || !invalid) return null;\n\n    const renderMessage = (message: string, index?: number) => (\n        <FormControlError key={index} style={style || undefined}>\n            <FormControlErrorIcon as={AlertCircleIcon} className=\"text-red-500\"/>\n            <FormControlErrorText className=\"text-red-500\" style={{...(font ? {fontFamily: font} : {}), ...(style || {})}}>\n                {message}\n            </FormControlErrorText>\n        </FormControlError>\n    );\n\n    if (typeof errors === 'string') {\n        return renderMessage(errors);\n    }\n\n    if (Array.isArray(errors)) {\n        return (\n            <>\n                {errors.map((err, i) => renderMessage(err, i))}\n            </>\n        );\n    }\n\n    if (isObject(errors) && !('type' in errors)) {\n        return (\n            <>\n                {Object.values(errors).map(\n                    (err: any, i) =>\n                        err?.message && renderMessage(err.message, i),\n                )}\n            </>\n        );\n    }\n\n    return null;\n};\n\nexport default ErrorMessage;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM,eAAiF,CAAC,EAAE,MAAA,EAAQ,OAAA,EAAS,OAAM,KAAM;AACnH,EAAA,MAAM,IAAA,GAAO,cAAc,MAAM,CAAA;AACjC,EAAA,IAAI,CAAC,MAAA,IAAU,CAAC,OAAA,EAAS,OAAO,IAAA;AAEhC,EAAA,MAAM,aAAA,GAAgB,CAAC,OAAA,EAAiB,KAAA,0BACnC,gBAAA,EAAA,EAA6B,KAAA,EAAO,SAAS,MAAA,EAC1C,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,EAAA,EAAI,eAAA,EAAiB,SAAA,EAAU,cAAA,EAAc,CAAA;AAAA,wBAClE,oBAAA,EAAA,EAAqB,SAAA,EAAU,gBAAe,KAAA,EAAO,EAAC,GAAI,IAAA,GAAO,EAAC,YAAY,IAAA,EAAI,GAAI,EAAC,EAAI,GAAI,SAAS,EAAC,IACrG,QAAA,EAAA,OAAA,EACL;AAAA,GAAA,EAAA,EAJmB,KAKvB,CAAA;AAGJ,EAAA,IAAI,OAAO,WAAW,QAAA,EAAU;AAC5B,IAAA,OAAO,cAAc,MAAM,CAAA;AAAA,EAC/B;AAEA,EAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,MAAM,CAAA,EAAG;AACvB,IAAA,uBACI,GAAA,CAAA,QAAA,EAAA,EACK,QAAA,EAAA,MAAA,CAAO,GAAA,CAAI,CAAC,GAAA,EAAK,MAAM,aAAA,CAAc,GAAA,EAAK,CAAC,CAAC,CAAA,EACjD,CAAA;AAAA,EAER;AAEA,EAAA,IAAI,QAAA,CAAS,MAAM,CAAA,IAAK,EAAE,UAAU,MAAA,CAAA,EAAS;AACzC,IAAA,uBACI,GAAA,CAAA,QAAA,EAAA,EACK,QAAA,EAAA,MAAA,CAAO,MAAA,CAAO,MAAM,CAAA,CAAE,GAAA;AAAA,MACnB,CAAC,KAAU,CAAA,KACP,GAAA,EAAK,WAAW,aAAA,CAAc,GAAA,CAAI,SAAS,CAAC;AAAA,KACpD,EACJ,CAAA;AAAA,EAER;AAEA,EAAA,OAAO,IAAA;AACX;;;;"}