@digigov/react-core 2.0.0-2445d5cb → 2.0.0-36b707c1

package/Base/compat/Input/CheckboxInput.native/index.js

@@ -0,0 +1,33 @@
+import React from "react";
+import { TouchableOpacity, View } from "react-native";
+const CheckboxInput = React.forwardRef(function CheckboxInput2({ checked, value, onChange, ...props }, ref) {
+  const handlePress = () => {
+    if (onChange) {
+      const syntheticEvent = {
+        currentTarget: {
+          value,
+          checked: !checked
+        }
+      };
+      onChange(syntheticEvent);
+    }
+  };
+  return (
+    // @ts-ignore
+    /* @__PURE__ */ React.createElement(
+      TouchableOpacity,
+      {
+        ref,
+        onPress: handlePress,
+        ...props
+      },
+      checked && /* @__PURE__ */ React.createElement(View, { className: "ds-checkboxes__input--checked" })
+    )
+  );
+});
+var CheckboxInput_native_default = CheckboxInput;
+export {
+  CheckboxInput,
+  CheckboxInput_native_default as default
+};
+//# sourceMappingURL=CheckboxInput.native.js.map

package/Base/compat/Input/CheckboxInput.native/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../../cjs/Base/compat/Input/CheckboxInput.native/index.js"
+}

package/Base/compat/Input/CheckboxInput.native.d.ts

@@ -0,0 +1,4 @@
+import React, { DetailedHTMLProps, InputHTMLAttributes } from 'react';
+export type CheckboxInputProps = Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'ref'>;
+export declare const CheckboxInput: React.ForwardRefExoticComponent<CheckboxInputProps & React.RefAttributes<HTMLInputElement>>;
+export default CheckboxInput;

package/Base/compat/Input/CheckboxInput.native.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/Base/compat/Input/CheckboxInput.native.tsx"],
+  "sourcesContent": ["import React, {\n  DetailedHTMLProps,\n  InputHTMLAttributes,\n  LegacyRef,\n} from 'react';\nimport { TouchableOpacity, View } from 'react-native';\n\nexport type CheckboxInputProps = Omit<\n  DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>,\n  'ref'\n>;\n\nexport const CheckboxInput = React.forwardRef<\n  HTMLInputElement,\n  CheckboxInputProps\n>(function CheckboxInput({ checked, value, onChange, ...props }, ref) {\n  const handlePress = () => {\n    if (onChange) {\n      const syntheticEvent = {\n        currentTarget: {\n          value,\n          checked: !checked,\n        },\n      } as React.ChangeEvent<HTMLInputElement>;\n      onChange(syntheticEvent);\n    }\n  };\n  return (\n    // @ts-ignore\n    <TouchableOpacity\n      ref={ref as LegacyRef<TouchableOpacity>}\n      onPress={handlePress}\n      {...props}\n    >\n      {checked && <View className=\"ds-checkboxes__input--checked\" />}\n    </TouchableOpacity>\n  );\n});\n\nexport default CheckboxInput;\n"],
+  "mappings": "AAAA,OAAO,WAIA;AACP,SAAS,kBAAkB,YAAY;AAOhC,MAAM,gBAAgB,MAAM,WAGjC,SAASA,eAAc,EAAE,SAAS,OAAO,UAAU,GAAG,MAAM,GAAG,KAAK;AACpE,QAAM,cAAc,MAAM;AACxB,QAAI,UAAU;AACZ,YAAM,iBAAiB;AAAA,QACrB,eAAe;AAAA,UACb;AAAA,UACA,SAAS,CAAC;AAAA,QACZ;AAAA,MACF;AACA,eAAS,cAAc;AAAA,IACzB;AAAA,EACF;AACA;AAAA;AAAA,IAEE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS;AAAA,QACR,GAAG;AAAA;AAAA,MAEH,WAAW,oCAAC,QAAK,WAAU,iCAAgC;AAAA,IAC9D;AAAA;AAEJ,CAAC;AAED,IAAO,+BAAQ;",
+  "names": ["CheckboxInput"]
+}

package/Base/compat/Input/RadioInput.native/index.js

@@ -0,0 +1,32 @@
+import React from "react";
+import { TouchableOpacity, View } from "react-native";
+const RadioInput = React.forwardRef(
+  function RadioInput2({ value, checked, onChange, ...props }, ref) {
+    const handlePress = () => {
+      if (onChange) {
+        const syntheticEvent = {
+          target: {
+            value,
+            checked: true
+          }
+        };
+        onChange(syntheticEvent);
+      }
+    };
+    return /* @__PURE__ */ React.createElement(
+      TouchableOpacity,
+      {
+        ref,
+        onPress: handlePress,
+        ...props
+      },
+      checked && /* @__PURE__ */ React.createElement(View, { className: "ds-radios__input--checked" })
+    );
+  }
+);
+var RadioInput_native_default = RadioInput;
+export {
+  RadioInput,
+  RadioInput_native_default as default
+};
+//# sourceMappingURL=RadioInput.native.js.map

package/Base/compat/Input/RadioInput.native/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../../cjs/Base/compat/Input/RadioInput.native/index.js"
+}

package/Base/compat/Input/RadioInput.native.d.ts

@@ -0,0 +1,4 @@
+import React, { DetailedHTMLProps, InputHTMLAttributes } from 'react';
+export type RadioInputProps = Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'ref'>;
+export declare const RadioInput: React.ForwardRefExoticComponent<RadioInputProps & React.RefAttributes<HTMLInputElement>>;
+export default RadioInput;

package/Base/compat/Input/RadioInput.native.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/Base/compat/Input/RadioInput.native.tsx"],
+  "sourcesContent": ["import React, {\n  DetailedHTMLProps,\n  InputHTMLAttributes,\n  LegacyRef,\n} from 'react';\nimport { TouchableOpacity, View } from 'react-native';\n\nexport type RadioInputProps = Omit<\n  DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>,\n  'ref'\n>;\n\nexport const RadioInput = React.forwardRef<HTMLInputElement, RadioInputProps>(\n  function RadioInput({ value, checked, onChange, ...props }, ref) {\n    const handlePress = () => {\n      if (onChange) {\n        const syntheticEvent = {\n          target: {\n            value: value,\n            checked: true,\n          },\n        } as React.ChangeEvent<HTMLInputElement>;\n        onChange(syntheticEvent);\n      }\n    };\n\n    return (\n      <TouchableOpacity\n        ref={ref as LegacyRef<typeof TouchableOpacity>}\n        onPress={handlePress}\n        {...(props as any)}\n      >\n        {checked && <View className=\"ds-radios__input--checked\" />}\n      </TouchableOpacity>\n    );\n  }\n);\n\nexport default RadioInput;\n"],
+  "mappings": "AAAA,OAAO,WAIA;AACP,SAAS,kBAAkB,YAAY;AAOhC,MAAM,aAAa,MAAM;AAAA,EAC9B,SAASA,YAAW,EAAE,OAAO,SAAS,UAAU,GAAG,MAAM,GAAG,KAAK;AAC/D,UAAM,cAAc,MAAM;AACxB,UAAI,UAAU;AACZ,cAAM,iBAAiB;AAAA,UACrB,QAAQ;AAAA,YACN;AAAA,YACA,SAAS;AAAA,UACX;AAAA,QACF;AACA,iBAAS,cAAc;AAAA,MACzB;AAAA,IACF;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS;AAAA,QACR,GAAI;AAAA;AAAA,MAEJ,WAAW,oCAAC,QAAK,WAAU,6BAA4B;AAAA,IAC1D;AAAA,EAEJ;AACF;AAEA,IAAO,4BAAQ;",
+  "names": ["RadioInput"]
+}

package/Base/compat/Input/StringInput.native/index.js

@@ -0,0 +1,99 @@
+import React, {
+  useEffect,
+  useMemo
+} from "react";
+import { TextInput } from "react-native";
+const StringInput = React.forwardRef(
+  function StringInput2({
+    "data-type": dataType,
+    onChange,
+    onBlur,
+    onFocus,
+    value,
+    maxLength,
+    multiline,
+    rows,
+    disabled,
+    ...props
+  }, ref) {
+    const [currentValue, setValue] = React.useState(value);
+    const keyboardType = useMemo(() => {
+      switch (dataType) {
+        case "afm":
+          return "number-pad";
+        case "phone_number":
+          return "phone-pad";
+        case "mobile_phone":
+          return "phone-pad";
+        case "postal_code":
+          return "number-pad";
+        case "int":
+          return "numeric";
+        case "email":
+          return "email-address";
+        default:
+          return "default";
+      }
+    }, [dataType]);
+    useEffect(() => {
+      if (currentValue !== value) {
+        handleChange();
+      }
+    }, [currentValue]);
+    useEffect(() => {
+      if (currentValue !== value) {
+        setValue(value);
+      }
+    }, [value]);
+    const handleChange = () => {
+      if (onChange) {
+        const syntheticEvent = {
+          target: {
+            value: currentValue
+          }
+        };
+        onChange(syntheticEvent);
+      }
+    };
+    const handleBlur = () => {
+      if (onBlur) {
+        const syntheticEvent = {
+          target: {
+            value: currentValue
+          }
+        };
+        onBlur(syntheticEvent);
+      }
+    };
+    const handleFocus = () => {
+      if (onFocus) {
+        const syntheticEvent = {
+          target: {
+            value: currentValue
+          }
+        };
+        onFocus(syntheticEvent);
+      }
+    };
+    return /* @__PURE__ */ React.createElement(
+      TextInput,
+      {
+        ref,
+        onChangeText: setValue,
+        onBlur: handleBlur,
+        onFocus: handleFocus,
+        value: currentValue,
+        multiline,
+        rows,
+        editable: !disabled,
+        maxLength: Number(maxLength) || void 0,
+        keyboardType,
+        ...props
+      }
+    );
+  }
+);
+export {
+  StringInput
+};
+//# sourceMappingURL=StringInput.native.js.map

package/Base/compat/Input/StringInput.native/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../../cjs/Base/compat/Input/StringInput.native/index.js"
+}

package/Base/compat/Input/StringInput.native.d.ts

@@ -0,0 +1,7 @@
+import React, { DetailedHTMLProps, InputHTMLAttributes } from 'react';
+export interface StringInputProps extends Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'ref'> {
+    'data-type'?: string;
+    multiline?: boolean;
+    rows?: number;
+}
+export declare const StringInput: React.ForwardRefExoticComponent<StringInputProps & React.RefAttributes<HTMLInputElement>>;

package/Base/compat/Input/StringInput.native.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/Base/compat/Input/StringInput.native.tsx"],
+  "sourcesContent": ["import React, {\n  DetailedHTMLProps,\n  InputHTMLAttributes,\n  useEffect,\n  useMemo,\n} from 'react';\nimport { TextInput } from 'react-native';\n\nexport interface StringInputProps\n  extends Omit<\n    DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>,\n    'ref'\n  > {\n  'data-type'?: string;\n  multiline?: boolean;\n  rows?: number;\n}\n\nexport const StringInput = React.forwardRef<HTMLInputElement, StringInputProps>(\n  function StringInput(\n    {\n      'data-type': dataType,\n      onChange,\n      onBlur,\n      onFocus,\n      value,\n      maxLength,\n      multiline,\n      rows,\n      disabled,\n      ...props\n    }: StringInputProps,\n    ref\n  ) {\n    const [currentValue, setValue] = React.useState(value);\n\n    const keyboardType = useMemo(() => {\n      switch (dataType) {\n        case 'afm':\n          return 'number-pad';\n        case 'phone_number':\n          return 'phone-pad';\n        case 'mobile_phone':\n          return 'phone-pad';\n        case 'postal_code':\n          return 'number-pad';\n        case 'int':\n          return 'numeric';\n        case 'email':\n          return 'email-address';\n        default:\n          return 'default';\n      }\n    }, [dataType]);\n\n    useEffect(() => {\n      if (currentValue !== value) {\n        handleChange();\n      }\n    }, [currentValue]);\n    useEffect(() => {\n      if (currentValue !== value) {\n        setValue(value);\n      }\n    }, [value]);\n\n    const handleChange = () => {\n      if (onChange) {\n        const syntheticEvent = {\n          target: {\n            value: currentValue,\n          },\n        } as React.ChangeEvent<HTMLInputElement>;\n        onChange(syntheticEvent);\n      }\n    };\n\n    const handleBlur = () => {\n      if (onBlur) {\n        const syntheticEvent = {\n          target: {\n            value: currentValue,\n          },\n        } as React.FocusEvent<HTMLInputElement>;\n        onBlur(syntheticEvent);\n      }\n    };\n\n    const handleFocus = () => {\n      if (onFocus) {\n        const syntheticEvent = {\n          target: {\n            value: currentValue,\n          },\n        } as React.FocusEvent<HTMLInputElement>;\n        onFocus(syntheticEvent);\n      }\n    };\n    return (\n      <TextInput\n        ref={ref}\n        onChangeText={setValue}\n        onBlur={handleBlur}\n        onFocus={handleFocus}\n        value={currentValue}\n        multiline={multiline}\n        rows={rows}\n        editable={!disabled}\n        maxLength={Number(maxLength) || undefined}\n        keyboardType={keyboardType}\n        {...(props as any)}\n      />\n    );\n  }\n);\n"],
+  "mappings": "AAAA,OAAO;AAAA,EAGL;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB;AAYnB,MAAM,cAAc,MAAM;AAAA,EAC/B,SAASA,aACP;AAAA,IACE,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,KACA;AACA,UAAM,CAAC,cAAc,QAAQ,IAAI,MAAM,SAAS,KAAK;AAErD,UAAM,eAAe,QAAQ,MAAM;AACjC,cAAQ,UAAU;AAAA,QAChB,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MACX;AAAA,IACF,GAAG,CAAC,QAAQ,CAAC;AAEb,cAAU,MAAM;AACd,UAAI,iBAAiB,OAAO;AAC1B,qBAAa;AAAA,MACf;AAAA,IACF,GAAG,CAAC,YAAY,CAAC;AACjB,cAAU,MAAM;AACd,UAAI,iBAAiB,OAAO;AAC1B,iBAAS,KAAK;AAAA,MAChB;AAAA,IACF,GAAG,CAAC,KAAK,CAAC;AAEV,UAAM,eAAe,MAAM;AACzB,UAAI,UAAU;AACZ,cAAM,iBAAiB;AAAA,UACrB,QAAQ;AAAA,YACN,OAAO;AAAA,UACT;AAAA,QACF;AACA,iBAAS,cAAc;AAAA,MACzB;AAAA,IACF;AAEA,UAAM,aAAa,MAAM;AACvB,UAAI,QAAQ;AACV,cAAM,iBAAiB;AAAA,UACrB,QAAQ;AAAA,YACN,OAAO;AAAA,UACT;AAAA,QACF;AACA,eAAO,cAAc;AAAA,MACvB;AAAA,IACF;AAEA,UAAM,cAAc,MAAM;AACxB,UAAI,SAAS;AACX,cAAM,iBAAiB;AAAA,UACrB,QAAQ;AAAA,YACN,OAAO;AAAA,UACT;AAAA,QACF;AACA,gBAAQ,cAAc;AAAA,MACxB;AAAA,IACF;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,cAAc;AAAA,QACd,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA,UAAU,CAAC;AAAA,QACX,WAAW,OAAO,SAAS,KAAK;AAAA,QAChC;AAAA,QACC,GAAI;AAAA;AAAA,IACP;AAAA,EAEJ;AACF;",
+  "names": ["StringInput"]
+}

package/Base/compat/Input/index.native/index.js

@@ -0,0 +1,24 @@
+import React from "react";
+import CheckboxInput from "@digigov/react-core/Base/compat/Input/CheckboxInput.native";
+import RadioInput from "@digigov/react-core/Base/compat/Input/RadioInput.native";
+import {
+  StringInput
+} from "@digigov/react-core/Base/compat/Input/StringInput.native";
+const BaseInput = React.forwardRef(
+  function BaseInput2(props, ref) {
+    switch (props.type) {
+      case "radio":
+        return /* @__PURE__ */ React.createElement(RadioInput, { ref, ...props });
+      case "checkbox":
+        return /* @__PURE__ */ React.createElement(CheckboxInput, { ref, ...props });
+      default:
+        return /* @__PURE__ */ React.createElement(StringInput, { ref, ...props });
+    }
+  }
+);
+var index_native_default = BaseInput;
+export {
+  BaseInput,
+  index_native_default as default
+};
+//# sourceMappingURL=index.native.js.map

package/Base/compat/Input/index.native/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../../cjs/Base/compat/Input/index.native/index.js"
+}

package/Base/compat/Input/index.native.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { CheckboxInputProps } from '@digigov/react-core/Base/compat/Input/CheckboxInput.native';
+import { RadioInputProps } from '@digigov/react-core/Base/compat/Input/RadioInput.native';
+import { StringInputProps } from '@digigov/react-core/Base/compat/Input/StringInput.native';
+type InputProps = RadioInputProps | CheckboxInputProps | StringInputProps;
+export declare const BaseInput: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export default BaseInput;

package/Base/compat/Input/index.native.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/Base/compat/Input/index.native.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport CheckboxInput, {\n  CheckboxInputProps,\n} from '@digigov/react-core/Base/compat/Input/CheckboxInput.native';\nimport RadioInput, {\n  RadioInputProps,\n} from '@digigov/react-core/Base/compat/Input/RadioInput.native';\nimport {\n  StringInput,\n  StringInputProps,\n} from '@digigov/react-core/Base/compat/Input/StringInput.native';\n\ntype InputProps = RadioInputProps | CheckboxInputProps | StringInputProps;\n\nexport const BaseInput = React.forwardRef<HTMLInputElement, InputProps>(\n  function BaseInput(props, ref) {\n    switch (props.type) {\n      case 'radio':\n        return <RadioInput ref={ref} {...props} />;\n      case 'checkbox':\n        return <CheckboxInput ref={ref} {...props} />;\n      default:\n        return <StringInput ref={ref} {...props} />;\n    }\n  }\n);\n\nexport default BaseInput;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,mBAEA;AACP,OAAO,gBAEA;AACP;AAAA,EACE;AAAA,OAEK;AAIA,MAAM,YAAY,MAAM;AAAA,EAC7B,SAASA,WAAU,OAAO,KAAK;AAC7B,YAAQ,MAAM,MAAM;AAAA,MAClB,KAAK;AACH,eAAO,oCAAC,cAAW,KAAW,GAAG,OAAO;AAAA,MAC1C,KAAK;AACH,eAAO,oCAAC,iBAAc,KAAW,GAAG,OAAO;AAAA,MAC7C;AACE,eAAO,oCAAC,eAAY,KAAW,GAAG,OAAO;AAAA,IAC7C;AAAA,EACF;AACF;AAEA,IAAO,uBAAQ;",
+  "names": ["BaseInput"]
+}

package/Base/compat/button.native/index.js

@@ -0,0 +1,48 @@
+import React, {
+  useContext
+} from "react";
+import { Pressable } from "react-native";
+import { FormContext } from "@digigov/form/FormContext";
+const FormButton = React.forwardRef(
+  function FormButton2({ onClick, ...props }, ref) {
+    const formContext = useContext(FormContext);
+    return /* @__PURE__ */ React.createElement(
+      CompatButton,
+      {
+        ref,
+        ...props,
+        onClick: () => {
+          onClick && onClick({});
+          if (props.type) formContext?.[props.type]();
+        }
+      }
+    );
+  }
+);
+const CompatButton = React.forwardRef(
+  function CompatButton2({ onClick, ...props }, ref) {
+    return /* @__PURE__ */ React.createElement(
+      Pressable,
+      {
+        onPress: onClick,
+        ref,
+        hitSlop: 10,
+        ...props
+      }
+    );
+  }
+);
+const Button = React.forwardRef(
+  function Button2(props, ref) {
+    if (props.type && ["submit", "reset"].includes(props.type)) {
+      return /* @__PURE__ */ React.createElement(FormButton, { ref, ...props });
+    }
+    return /* @__PURE__ */ React.createElement(CompatButton, { ref, ...props });
+  }
+);
+export {
+  Button,
+  CompatButton,
+  FormButton
+};
+//# sourceMappingURL=button.native.js.map

package/Base/compat/button.native/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../cjs/Base/compat/button.native/index.js"
+}

package/Base/compat/button.native.d.ts

@@ -0,0 +1,5 @@
+import React, { ButtonHTMLAttributes, DetailedHTMLProps } from 'react';
+export type ButtonProps = Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, 'ref'>;
+export declare const FormButton: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<unknown>>;
+export declare const CompatButton: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<unknown>>;
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<unknown>>;

package/Base/compat/button.native.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/Base/compat/button.native.tsx"],
+  "sourcesContent": ["import React, {\n  ButtonHTMLAttributes,\n  DetailedHTMLProps,\n  useContext,\n} from 'react';\nimport { Pressable } from 'react-native';\n// @ts-expect-error - `@digigov/form` is to be removed as a dependency\nimport { FormContext } from '@digigov/form/FormContext';\n\n// TODO: Fix `ButtonProps` type\nexport type ButtonProps = Omit<\n  DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>,\n  'ref'\n>;\n\nexport const FormButton = React.forwardRef<unknown, ButtonProps>(\n  function FormButton({ onClick, ...props }, ref) {\n    const formContext = useContext(FormContext);\n    return (\n      <CompatButton\n        ref={ref}\n        {...props}\n        onClick={() => {\n          onClick && onClick({} as React.MouseEvent<HTMLButtonElement>);\n          if (props.type) formContext?.[props.type]();\n        }}\n      />\n    );\n  }\n);\n\n// TODO: Fix `ref` type\nexport const CompatButton = React.forwardRef<unknown, ButtonProps>(\n  function CompatButton({ onClick, ...props }, ref) {\n    return (\n      <Pressable\n        onPress={onClick as any}\n        ref={ref as any}\n        hitSlop={10}\n        {...(props as any)}\n      />\n    );\n  }\n);\n\nexport const Button = React.forwardRef<unknown, ButtonProps>(\n  function Button(props, ref) {\n    if (props.type && ['submit', 'reset'].includes(props.type)) {\n      return <FormButton ref={ref} {...props} />;\n    }\n    return <CompatButton ref={ref} {...props} />;\n  }\n);\n"],
+  "mappings": "AAAA,OAAO;AAAA,EAGL;AAAA,OACK;AACP,SAAS,iBAAiB;AAE1B,SAAS,mBAAmB;AAQrB,MAAM,aAAa,MAAM;AAAA,EAC9B,SAASA,YAAW,EAAE,SAAS,GAAG,MAAM,GAAG,KAAK;AAC9C,UAAM,cAAc,WAAW,WAAW;AAC1C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACC,GAAG;AAAA,QACJ,SAAS,MAAM;AACb,qBAAW,QAAQ,CAAC,CAAwC;AAC5D,cAAI,MAAM,KAAM,eAAc,MAAM,IAAI,EAAE;AAAA,QAC5C;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAGO,MAAM,eAAe,MAAM;AAAA,EAChC,SAASC,cAAa,EAAE,SAAS,GAAG,MAAM,GAAG,KAAK;AAChD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT;AAAA,QACA,SAAS;AAAA,QACR,GAAI;AAAA;AAAA,IACP;AAAA,EAEJ;AACF;AAEO,MAAM,SAAS,MAAM;AAAA,EAC1B,SAASC,QAAO,OAAO,KAAK;AAC1B,QAAI,MAAM,QAAQ,CAAC,UAAU,OAAO,EAAE,SAAS,MAAM,IAAI,GAAG;AAC1D,aAAO,oCAAC,cAAW,KAAW,GAAG,OAAO;AAAA,IAC1C;AACA,WAAO,oCAAC,gBAAa,KAAW,GAAG,OAAO;AAAA,EAC5C;AACF;",
+  "names": ["FormButton", "CompatButton", "Button"]
+}

package/Base/compat/details.native/index.js

@@ -0,0 +1,40 @@
+import React, {
+  useEffect,
+  useState,
+  Children
+} from "react";
+import { View, Text, TouchableOpacity, StyleSheet } from "react-native";
+const CompatDetails = ({
+  children,
+  open = false,
+  placement,
+  closeIcon,
+  openIcon,
+  ...props
+}) => {
+  const [isExpanded, setIsExpanded] = useState(open);
+  useEffect(() => {
+    setIsExpanded(open);
+  }, [open]);
+  const toggleExpand = () => {
+    setIsExpanded(!isExpanded);
+  };
+  const [summaryContent, ...detailsContent] = Children.toArray(children);
+  const toggleIcon = closeIcon && openIcon ? /* @__PURE__ */ React.createElement(Text, null, isExpanded ? openIcon : closeIcon) : null;
+  return (
+    // TODO: Fix `props` type
+    // @ts-expect-error - `props` type is not compatible with `View` props
+    /* @__PURE__ */ React.createElement(View, { ...props }, /* @__PURE__ */ React.createElement(TouchableOpacity, { onPress: toggleExpand, style: styles.summaryContainer }, placement === "before" && toggleIcon, summaryContent, placement === "after" && toggleIcon), isExpanded && /* @__PURE__ */ React.createElement(View, null, detailsContent))
+  );
+};
+const styles = StyleSheet.create({
+  summaryContainer: {
+    flexDirection: "row",
+    alignItems: "center"
+  }
+});
+var details_native_default = CompatDetails;
+export {
+  details_native_default as default
+};
+//# sourceMappingURL=details.native.js.map

package/Base/compat/details.native/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../cjs/Base/compat/details.native/index.js"
+}

package/Base/compat/details.native.d.ts

@@ -0,0 +1,8 @@
+import React, { DetailedHTMLProps, DetailsHTMLAttributes } from 'react';
+type HTMLElementProps = Omit<DetailedHTMLProps<DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement>, 'ref'> & {
+    closeIcon?: string;
+    openIcon?: string;
+    placement?: 'before' | 'after';
+};
+declare const CompatDetails: ({ children, open, placement, closeIcon, openIcon, ...props }: HTMLElementProps) => React.JSX.Element;
+export default CompatDetails;

package/Base/compat/details.native.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/Base/compat/details.native.tsx"],
+  "sourcesContent": ["import React, {\n  useEffect,\n  useState,\n  Children,\n  DetailedHTMLProps,\n  DetailsHTMLAttributes,\n} from 'react';\nimport { View, Text, TouchableOpacity, StyleSheet } from 'react-native';\n\ntype HTMLElementProps = Omit<\n  DetailedHTMLProps<\n    DetailsHTMLAttributes<HTMLDetailsElement>,\n    HTMLDetailsElement\n  >,\n  'ref'\n> & {\n  closeIcon?: string;\n  openIcon?: string;\n  placement?: 'before' | 'after';\n};\n\nconst CompatDetails = ({\n  children,\n  open = false,\n  placement,\n  closeIcon,\n  openIcon,\n  ...props\n}: HTMLElementProps) => {\n  const [isExpanded, setIsExpanded] = useState(open);\n\n  useEffect(() => {\n    setIsExpanded(open);\n  }, [open]);\n\n  const toggleExpand = () => {\n    setIsExpanded(!isExpanded);\n  };\n\n  const [summaryContent, ...detailsContent] = Children.toArray(children);\n\n  const toggleIcon =\n    closeIcon && openIcon ? (\n      <Text>{isExpanded ? openIcon : closeIcon}</Text>\n    ) : null;\n\n  return (\n    // TODO: Fix `props` type\n    // @ts-expect-error - `props` type is not compatible with `View` props\n    <View {...props}>\n      <TouchableOpacity onPress={toggleExpand} style={styles.summaryContainer}>\n        {placement === 'before' && toggleIcon}\n        {summaryContent}\n        {placement === 'after' && toggleIcon}\n      </TouchableOpacity>\n      {isExpanded && <View>{detailsContent}</View>}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  summaryContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n  },\n});\n\nexport default CompatDetails;\n"],
+  "mappings": "AAAA,OAAO;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AACP,SAAS,MAAM,MAAM,kBAAkB,kBAAkB;AAczD,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAwB;AACtB,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,IAAI;AAEjD,YAAU,MAAM;AACd,kBAAc,IAAI;AAAA,EACpB,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,eAAe,MAAM;AACzB,kBAAc,CAAC,UAAU;AAAA,EAC3B;AAEA,QAAM,CAAC,gBAAgB,GAAG,cAAc,IAAI,SAAS,QAAQ,QAAQ;AAErE,QAAM,aACJ,aAAa,WACX,oCAAC,YAAM,aAAa,WAAW,SAAU,IACvC;AAEN;AAAA;AAAA;AAAA,IAGE,oCAAC,QAAM,GAAG,SACR,oCAAC,oBAAiB,SAAS,cAAc,OAAO,OAAO,oBACpD,cAAc,YAAY,YAC1B,gBACA,cAAc,WAAW,UAC5B,GACC,cAAc,oCAAC,YAAM,cAAe,CACvC;AAAA;AAEJ;AAEA,MAAM,SAAS,WAAW,OAAO;AAAA,EAC/B,kBAAkB;AAAA,IAChB,eAAe;AAAA,IACf,YAAY;AAAA,EACd;AACF,CAAC;AAED,IAAO,yBAAQ;",
+  "names": []
+}

package/Base/compat/li.native/index.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { View } from "react-native";
+const Li = (props) => {
+  return /* @__PURE__ */ React.createElement(View, { ...props });
+};
+export {
+  Li
+};
+//# sourceMappingURL=li.native.js.map

package/Base/compat/li.native/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../cjs/Base/compat/li.native/index.js"
+}

package/Base/compat/li.native.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface LiProps {
+    [key: string]: any;
+}
+export declare const Li: (props: LiProps) => React.JSX.Element;
+export {};

package/Base/compat/li.native.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/Base/compat/li.native.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { View } from 'react-native';\n\n// TODO: Fix `props` type\ninterface LiProps {\n  [key: string]: any;\n}\n\nexport const Li = (props: LiProps) => {\n  return <View {...props} />;\n};\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,YAAY;AAOd,MAAM,KAAK,CAAC,UAAmB;AACpC,SAAO,oCAAC,QAAM,GAAG,OAAO;AAC1B;",
+  "names": []
+}

package/Base/compat/ol.native/index.js

@@ -0,0 +1,33 @@
+import React from "react";
+import { View, Text } from "react-native";
+const Ol = ({ children, className, ...props }) => {
+  let listStyle = "none";
+  if (className.includes("ds-list--bullet")) {
+    listStyle = "bullet";
+  }
+  if (className.includes("ds-list--number")) {
+    listStyle = "number";
+  }
+  return /* @__PURE__ */ React.createElement(View, { ...props, className }, Array.isArray(children) ? children.map((child, index) => {
+    const counter = listStyle === "number" ? index + 1 : listStyle === "bullet" ? "\u2022" : null;
+    return /* @__PURE__ */ React.createElement(
+      View,
+      {
+        key: index,
+        style: {
+          display: "flex",
+          flexDirection: "row",
+          flexWrap: "nowrap",
+          gap: 8,
+          width: "100%"
+        }
+      },
+      /* @__PURE__ */ React.createElement(Text, null, counter),
+      child
+    );
+  }) : children);
+};
+export {
+  Ol
+};
+//# sourceMappingURL=ol.native.js.map

package/Base/compat/ol.native/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../cjs/Base/compat/ol.native/index.js"
+}

package/Base/compat/ol.native.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const Ol: ({ children, className, ...props }: {
+    [x: string]: any;
+    children: any;
+    className: any;
+}) => React.JSX.Element;

package/Base/compat/ol.native.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/Base/compat/ol.native.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { View, Text } from 'react-native';\n\nexport const Ol = ({ children, className, ...props }) => {\n  let listStyle = 'none';\n  if (className.includes('ds-list--bullet')) {\n    listStyle = 'bullet';\n  }\n  if (className.includes('ds-list--number')) {\n    listStyle = 'number';\n  }\n  return (\n    <View {...props} className={className}>\n      {Array.isArray(children)\n        ? children.map((child, index) => {\n            const counter =\n              listStyle === 'number'\n                ? index + 1\n                : listStyle === 'bullet'\n                  ? '\u2022'\n                  : null;\n            return (\n              <View\n                key={index}\n                style={{\n                  display: 'flex',\n                  flexDirection: 'row',\n                  flexWrap: 'nowrap',\n                  gap: 8,\n                  width: '100%',\n                }}\n              >\n                <Text>{counter}</Text>\n                {child}\n              </View>\n            );\n          })\n        : children}\n    </View>\n  );\n};\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,MAAM,YAAY;AAEpB,MAAM,KAAK,CAAC,EAAE,UAAU,WAAW,GAAG,MAAM,MAAM;AACvD,MAAI,YAAY;AAChB,MAAI,UAAU,SAAS,iBAAiB,GAAG;AACzC,gBAAY;AAAA,EACd;AACA,MAAI,UAAU,SAAS,iBAAiB,GAAG;AACzC,gBAAY;AAAA,EACd;AACA,SACE,oCAAC,QAAM,GAAG,OAAO,aACd,MAAM,QAAQ,QAAQ,IACnB,SAAS,IAAI,CAAC,OAAO,UAAU;AAC7B,UAAM,UACJ,cAAc,WACV,QAAQ,IACR,cAAc,WACZ,WACA;AACR,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,OAAO;AAAA,UACL,SAAS;AAAA,UACT,eAAe;AAAA,UACf,UAAU;AAAA,UACV,KAAK;AAAA,UACL,OAAO;AAAA,QACT;AAAA;AAAA,MAEA,oCAAC,YAAM,OAAQ;AAAA,MACd;AAAA,IACH;AAAA,EAEJ,CAAC,IACD,QACN;AAEJ;",
+  "names": []
+}

package/Base/index.d.ts

@@ -1,95 +1,2 @@
-import React from 'react';
-type AsProp<C extends React.ElementType> = {
-    as?: C;
-};
-type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
-type PolymorphicComponentProp<C extends React.ElementType, Props = Record<string, unknown>> = React.PropsWithChildren<Props & AsProp<C>> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
-type PolymorphicComponentPropWithRef<C extends React.ElementType, Props = Record<string, unknown>> = PolymorphicComponentProp<C, Props> & {
-    ref?: any;
-};
-/**
- * This is the updated component props using PolymorphicComponentPropWithRef
- */
-export type BaseProps<C extends React.ElementType> = PolymorphicComponentPropWithRef<C, {
-    /** margin is optional. It has not a default value. */
-    margin?: spacingValues;
-    /** marginTop is optional. It has not a default value. */
-    marginTop?: spacingValues;
-    /** marginBottom is optional. It has not a default value. */
-    marginBottom?: spacingValues;
-    /** marginLeft is optional. It has not a default value. */
-    marginLeft?: spacingValues;
-    /** marginRight is optional. It has not a default value. */
-    marginRight?: spacingValues;
-    /** Alternative for margin. Margin is optional. It has not a default value. */
-    m?: spacingValues;
-    /** Alternative for marginTop. MarginTop is optional. It has not a default value. */
-    mt?: spacingValues;
-    /** Alternative for marginBottom. MarginBottom is optional. It has not a default value. */
-    mb?: spacingValues;
-    /** Alternative for marginLeft. MarginLeft is optional. It has not a default value. */
-    ml?: spacingValues;
-    /** Alternative for marginRight. MarginRight is optional. It has not a default value. */
-    mr?: spacingValues;
-    /** Alternative for marginX. MarginX is optional. It has not a default value. */
-    mx?: spacingValues;
-    /** Alternative for marginY. MarginY is optional. It has not a default value. */
-    my?: spacingValues;
-    /** padding is optional. It has not a default value. */
-    padding?: spacingValues;
-    /** paddingTop is optional. It has not a default value. */
-    paddingTop?: spacingValues;
-    /** paddingBottom is optional. It has not a default value. */
-    paddingBottom?: spacingValues;
-    /** paddingLeft is optional. It has not a default value. */
-    paddingLeft?: spacingValues;
-    /** paddingRight is optional. It has not a default value. */
-    paddingRight?: spacingValues;
-    /** Alternative for padding. Padding is optional. It has not a default value. */
-    p?: spacingValues;
-    /** Alternative for paddingTop. PaddingTop is optional. It has not a default value. */
-    pt?: spacingValues;
-    /** Alternative for paddingBottom. PaddingBottom is optional. It has not a default value. */
-    pb?: spacingValues;
-    /** Alternative for paddingLeft. PaddingLeft is optional. It has not a default value. */
-    pl?: spacingValues;
-    /** Alternative for paddingRight. PaddingRight is optional. It has not a default value. */
-    pr?: spacingValues;
-    /** Alternative for paddingX. PaddingX is optional. It has not a default value. */
-    px?: spacingValues;
-    /** Alternative for paddingY. PaddingY is optional. It has not a default value. */
-    py?: spacingValues;
-    /**  printHidden is optional. Default value is false. When true, the component is hidden at print. */
-    printHidden?: boolean;
-    /**  printVisible is optional. When block, the component is displayed as block. When inline, the component is displayed as inline.*/
-    printVisible?: 'block' | 'inline';
-    /** Components will be hidden at all screen sizes. */
-    hidden?: boolean;
-    /** Components will be hidden from 'xs' screen size and up. */
-    xsUpHidden?: boolean;
-    /** Components will be hidden from 'sm' screen size and up. */
-    smUpHidden?: boolean;
-    /** Components will be hidden from 'md' screen size and up. */
-    mdUpHidden?: boolean;
-    /** Components will be hidden from 'lg' screen size and up. */
-    lgUpHidden?: boolean;
-    /** Components will be hidden from 'xl' screen size and up. */
-    xlUpHidden?: boolean;
-    /** Components will be hidden between xs and sm screen size. */
-    xsHidden?: boolean;
-    /** Components will be hidden between sm and md screen size. */
-    smHidden?: boolean;
-    /** Components will be hidden between md and lg screen size. */
-    mdHidden?: boolean;
-    /** Components will be hidden between lg and xl screen size. */
-    lgHidden?: boolean;
-    /** Components will be hidden between xl and 2xl screen size. */
-    xlHidden?: boolean;
-}>;
-type spacingValues = 0 | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96;
-/**
- * This is the type used in the type annotation for the component
- */
-type BaseComponent = <C extends React.ElementType = 'span'>(props: BaseProps<C>) => React.ReactNode | null;
-export declare const Base: BaseComponent;
-export default Base;
+export * from '@digigov/react-core/Base/index.web';
+export { default as default } from '@digigov/react-core/Base/index.web';