@digigov/react-core 1.1.1 → 1.2.0-mobile

package/Base/index.native/index.js

@@ -0,0 +1,186 @@
+import React, { useState } from "react";
+import { Text, View } from "react-native";
+import { mapping } from "@digigov/react-core/Base/mapping";
+import clsx from "clsx";
+import { basePropGenerator } from "./utils";
+const WrapperComponent = ({ classNames, focused, ...props }) => {
+  const focusedClassNames = focused ? classNames.map((cls) => `${cls}--focus`).join(" ") : " ";
+  return /* @__PURE__ */ React.createElement(View, { className: clsx(classNames.join(" "), focusedClassNames), ...props });
+};
+const Focusable = ({ wrapperClassNames, Component }) => {
+  return React.forwardRef(function Focusable2(props, ref) {
+    const [focused, setFocused] = useState(false);
+    return /* @__PURE__ */ React.createElement(WrapperComponent, { classNames: wrapperClassNames, focused }, /* @__PURE__ */ React.createElement(
+      Component,
+      {
+        ref,
+        onFocus: () => {
+          if (wrapperClassNames.length) {
+            setFocused(true);
+          }
+        },
+        onBlur: () => {
+          if (wrapperClassNames.length) {
+            setFocused(false);
+          }
+        },
+        ...props
+      }
+    ));
+  });
+};
+const BooleanMapper = {
+  true: true,
+  false: false,
+  undefined: false,
+  null: false,
+  "": false
+};
+const Base = React.forwardRef(function Base2({
+  as,
+  children,
+  margin,
+  marginTop,
+  marginBottom,
+  marginLeft,
+  marginRight,
+  m,
+  mt,
+  mb,
+  ml,
+  mr,
+  mx,
+  my,
+  padding,
+  paddingTop,
+  paddingBottom,
+  paddingLeft,
+  paddingRight,
+  p,
+  pt,
+  pb,
+  pr,
+  pl,
+  px,
+  py,
+  printHidden,
+  printVisible,
+  hidden,
+  xsUpHidden,
+  smUpHidden,
+  mdUpHidden,
+  lgUpHidden,
+  xlUpHidden,
+  xsHidden,
+  smHidden,
+  mdHidden,
+  lgHidden,
+  xlHidden,
+  className,
+  "aria-expanded": ariaExpanded,
+  ...props
+}, ref) {
+  const wrapperClassNames = [];
+  const classNames = (className?.split(" ") || []).filter((cls) => {
+    if (cls.endsWith("__wrapper")) {
+      wrapperClassNames.push(cls);
+      return false;
+    }
+    return true;
+  });
+  if (typeof children === "string") {
+    children = [children];
+  }
+  if (Array.isArray(children)) {
+    const textClassNames = classNames?.map((className2) => `${className2}__text`).join(" ");
+    children = children.map((child, index) => {
+      if (Array.isArray(child)) {
+        return child.map((child2, index2) => {
+          if (typeof child2 === "string") {
+            return /* @__PURE__ */ React.createElement(Text, { key: index2, className: textClassNames }, child2);
+          }
+          return child2;
+        });
+      } else if (typeof child === "string") {
+        return /* @__PURE__ */ React.createElement(
+          Text,
+          {
+            key: index,
+            className: textClassNames,
+            ...props.onClick && {
+              onPress: props.onClick
+            }
+          },
+          child
+        );
+      }
+      return child;
+    });
+  }
+  let Component = mapping[as] || View;
+  if (wrapperClassNames.length > 0) {
+    Component = Focusable({ wrapperClassNames, Component });
+  }
+  Object.keys(props).forEach((k) => {
+    if (k.startsWith("aria")) {
+      if (BooleanMapper[props[k]] !== void 0) {
+        props[k] = BooleanMapper[props[k]];
+      }
+    }
+  });
+  return /* @__PURE__ */ React.createElement(
+    Component,
+    {
+      ...props,
+      ref,
+      "aria-expanded": ariaExpanded === "false" ? false : ariaExpanded === true ? true : void 0,
+      className: basePropGenerator({
+        margin,
+        marginTop,
+        marginBottom,
+        marginLeft,
+        marginRight,
+        m,
+        mt,
+        mb,
+        ml,
+        mr,
+        mx,
+        my,
+        padding,
+        paddingTop,
+        paddingBottom,
+        paddingLeft,
+        paddingRight,
+        p,
+        pt,
+        pb,
+        pr,
+        pl,
+        px,
+        py,
+        printHidden,
+        printVisible,
+        hidden,
+        xsUpHidden,
+        smUpHidden,
+        mdUpHidden,
+        lgUpHidden,
+        xlUpHidden,
+        xsHidden,
+        smHidden,
+        mdHidden,
+        lgHidden,
+        xlHidden,
+        className: (classNames || []).join(" ")
+      })
+    },
+    children
+  );
+});
+var index_native_default = Base;
+export {
+  Base,
+  index_native_default as default
+};
+//# sourceMappingURL=index.native.js.map

package/Base/index.native/package.json

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

package/Base/index.native.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Base/index.native.tsx"],
+  "sourcesContent": ["import React, { useRef, useState } from \"react\";\nimport { Text, View, ViewProps } from \"react-native\";\nimport { mapping } from \"@digigov/react-core/Base/mapping\";\nimport  { BaseProps as CoreBaseProps } from \"@digigov/react-core/Base/index\";\nimport clsx from 'clsx';\nimport { basePropGenerator } from \"./utils\";\nexport type BaseProps<C extends React.ElementType> = CoreBaseProps<C> &\n  ViewProps;\nexport type BaseComponent = <C extends React.ElementType = \"span\">(\n  props: BaseProps<C>\n) => React.ReactNode | null;\nconst WrapperComponent = ({classNames, focused, ...props})=>{\n  const focusedClassNames = focused ? classNames.map(cls=>`${cls}--focus`).join(' ') :' '\n  return <View className={clsx(classNames.join(' '), focusedClassNames)} {...props} />\n}\nconst Focusable = ({ wrapperClassNames, Component}) =>{\n  return React.forwardRef(function Focusable(props, ref){\n    const [focused, setFocused] = useState(false);\n    return <WrapperComponent classNames={wrapperClassNames} focused={focused}>\n      <Component\n        ref={ref}\n        onFocus={() => {\n          if (wrapperClassNames.length) {\n            setFocused(true)\n          }\n        }}\n        onBlur={() => {\n          if (wrapperClassNames.length) {\n            setFocused(false)\n          }\n        }}\n        {...props}\n      />\n    </WrapperComponent>\n  })\n}\nconst BooleanMapper = {\n  true: true,\n  false: false,\n  undefined: false,\n  null: false,\n  \"\": false,\n};\nexport const Base: BaseComponent = React.forwardRef(function Base({\n  as,\n  children,\n  margin,\n  marginTop,\n  marginBottom,\n  marginLeft,\n  marginRight,\n  m,\n  mt,\n  mb,\n  ml,\n  mr,\n  mx,\n  my,\n  padding,\n  paddingTop,\n  paddingBottom,\n  paddingLeft,\n  paddingRight,\n  p,\n  pt,\n  pb,\n  pr,\n  pl,\n  px,\n  py,\n  printHidden,\n  printVisible,\n  hidden,\n  xsUpHidden,\n  smUpHidden,\n  mdUpHidden,\n  lgUpHidden,\n  xlUpHidden,\n  xsHidden,\n  smHidden,\n  mdHidden,\n  lgHidden,\n  xlHidden,\n  className,\n  'aria-expanded': ariaExpanded,\n  ...props\n}, ref) {\n  const wrapperClassNames: string[] = []\n  \n  const classNames = (className?.split(\" \") || [])\n  .filter((cls) => {\n    if (cls.endsWith('__wrapper')){\n      wrapperClassNames.push(cls)\n      return false\n    }\n    return true\n  })\n  \n  if (typeof children === \"string\") {\n    children = [children];\n  }\n  if (Array.isArray(children)) {\n    const textClassNames = classNames?.map((className) => `${className}__text`).join(\" \")\n    children = children.map((child, index) => {\n      if(Array.isArray(child)) {\n        return child.map((child, index) => {\n          if (typeof child === \"string\") {\n            return (\n              <Text key={index} className={textClassNames}>\n                {child}\n              </Text>\n            );\n          }\n          return child;\n        });\n      }else if (typeof child === \"string\") {\n        return (\n          <Text key={index} className={textClassNames}\n            {...props.onClick && {\n              onPress: props.onClick\n            }}\n          >\n            {child}\n          </Text>\n        );\n      }\n      return child;\n    });\n  }\n  let Component = mapping[as as keyof JSX.IntrinsicElements] || View;\n\n  if(wrapperClassNames.length > 0){\n    Component = Focusable({wrapperClassNames, Component})\n  }\n  Object.keys(props).forEach((k)=>{\n    if(k.startsWith('aria')){\n      if(BooleanMapper[props[k]] !== undefined){\n        props[k] = BooleanMapper[props[k]]\n      }\n    }\n  })\n  return (\n      <Component\n        {...props}\n        ref={ref}\n        aria-expanded={ariaExpanded === 'false'? false : ariaExpanded === true? true: undefined}\n        className={\n          basePropGenerator({\n            margin,\n            marginTop,\n            marginBottom,\n            marginLeft,\n            marginRight,\n            m,\n            mt,\n            mb,\n            ml,\n            mr,\n            mx,\n            my,\n            padding,\n            paddingTop,\n            paddingBottom,\n            paddingLeft,\n            paddingRight,\n            p,\n            pt,\n            pb,\n            pr,\n            pl,\n            px,\n            py,\n            printHidden,\n            printVisible,\n            hidden,\n            xsUpHidden,\n            smUpHidden,\n            mdUpHidden,\n            lgUpHidden,\n            xlUpHidden,\n            xsHidden,\n            smHidden,\n            mdHidden,\n            lgHidden,\n            xlHidden,\n            className: (classNames|| []).join(' ')\n          })\n        }\n        >\n        {children}\n      </Component>\n\n  );\n});\n\nexport default Base;"],
+  "mappings": "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",
+  "names": ["Focusable", "Base", "className", "child", "index"]
+}

package/Base/index.web/index.js

@@ -0,0 +1,102 @@
+import React from "react";
+import { basePropGenerator } from "./utils";
+const Base = React.forwardRef(function Base2({
+  as,
+  margin,
+  marginTop,
+  marginBottom,
+  marginLeft,
+  marginRight,
+  m,
+  mt,
+  mb,
+  ml,
+  mr,
+  mx,
+  my,
+  padding,
+  paddingTop,
+  paddingBottom,
+  paddingLeft,
+  paddingRight,
+  p,
+  pt,
+  pb,
+  pr,
+  pl,
+  px,
+  py,
+  printHidden,
+  printVisible,
+  hidden,
+  xsUpHidden,
+  smUpHidden,
+  mdUpHidden,
+  lgUpHidden,
+  xlUpHidden,
+  xsHidden,
+  smHidden,
+  mdHidden,
+  lgHidden,
+  xlHidden,
+  children,
+  className,
+  ...props
+}, ref) {
+  const Component = as || "span";
+  return /* @__PURE__ */ React.createElement(
+    Component,
+    {
+      as,
+      className: basePropGenerator({
+        margin,
+        marginTop,
+        marginBottom,
+        marginLeft,
+        marginRight,
+        m,
+        mt,
+        mb,
+        ml,
+        mr,
+        mx,
+        my,
+        padding,
+        paddingTop,
+        paddingBottom,
+        paddingLeft,
+        paddingRight,
+        p,
+        pt,
+        pb,
+        pr,
+        pl,
+        px,
+        py,
+        printHidden,
+        printVisible,
+        hidden,
+        xsUpHidden,
+        smUpHidden,
+        mdUpHidden,
+        lgUpHidden,
+        xlUpHidden,
+        xsHidden,
+        smHidden,
+        mdHidden,
+        lgHidden,
+        xlHidden,
+        className
+      }),
+      ref,
+      ...props
+    },
+    children
+  );
+});
+var index_web_default = Base;
+export {
+  Base,
+  index_web_default as default
+};
+//# sourceMappingURL=index.web.js.map

package/Base/index.web/package.json

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

package/Base/index.web.d.ts

@@ -0,0 +1,95 @@
+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;

package/Base/index.web.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Base/index.web.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { basePropGenerator } from './utils';\n\ntype AsProp<C extends React.ElementType> = {\n  as?: C;\n};\n\ntype PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);\n\n// This is the first reusable type utility we built\ntype PolymorphicComponentProp<\n  C extends React.ElementType,\n  Props = Record<string, unknown>,\n> = React.PropsWithChildren<Props & AsProp<C>> &\n  Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;\n\n// This is a new type utitlity with ref!\ntype PolymorphicComponentPropWithRef<\n  C extends React.ElementType,\n  Props = Record<string, unknown>,\n> = PolymorphicComponentProp<C, Props> & { ref?: any };\n\n// This is the type for the \"ref\" only\ntype PolymorphicRef<C extends React.ElementType> =\n  React.ComponentPropsWithRef<C>['ref'];\n\n/**\n * This is the updated component props using PolymorphicComponentPropWithRef\n */\nexport type BaseProps<C extends React.ElementType> =\n  PolymorphicComponentPropWithRef<\n    C,\n    {\n      /** margin is optional. It has not a default value. */\n      margin?: spacingValues;\n      /** marginTop is optional. It has not a default value. */\n      marginTop?: spacingValues;\n      /** marginBottom is optional. It has not a default value. */\n      marginBottom?: spacingValues;\n      /** marginLeft is optional. It has not a default value. */\n      marginLeft?: spacingValues;\n      /** marginRight is optional. It has not a default value. */\n      marginRight?: spacingValues;\n      /** Alternative for margin. Margin is optional. It has not a default value. */\n      m?: spacingValues;\n      /** Alternative for marginTop. MarginTop is optional. It has not a default value. */\n      mt?: spacingValues;\n      /** Alternative for marginBottom. MarginBottom is optional. It has not a default value. */\n      mb?: spacingValues;\n      /** Alternative for marginLeft. MarginLeft is optional. It has not a default value. */\n      ml?: spacingValues;\n      /** Alternative for marginRight. MarginRight is optional. It has not a default value. */\n      mr?: spacingValues;\n      /** Alternative for marginX. MarginX is optional. It has not a default value. */\n      mx?: spacingValues;\n      /** Alternative for marginY. MarginY is optional. It has not a default value. */\n      my?: spacingValues;\n      /** padding is optional. It has not a default value. */\n      padding?: spacingValues;\n      /** paddingTop is optional. It has not a default value. */\n      paddingTop?: spacingValues;\n      /** paddingBottom is optional. It has not a default value. */\n      paddingBottom?: spacingValues;\n      /** paddingLeft is optional. It has not a default value. */\n      paddingLeft?: spacingValues;\n      /** paddingRight is optional. It has not a default value. */\n      paddingRight?: spacingValues;\n      /** Alternative for padding. Padding is optional. It has not a default value. */\n      p?: spacingValues;\n      /** Alternative for paddingTop. PaddingTop is optional. It has not a default value. */\n      pt?: spacingValues;\n      /** Alternative for paddingBottom. PaddingBottom is optional. It has not a default value. */\n      pb?: spacingValues;\n      /** Alternative for paddingLeft. PaddingLeft is optional. It has not a default value. */\n      pl?: spacingValues;\n      /** Alternative for paddingRight. PaddingRight is optional. It has not a default value. */\n      pr?: spacingValues;\n      /** Alternative for paddingX. PaddingX is optional. It has not a default value. */\n      px?: spacingValues;\n      /** Alternative for paddingY. PaddingY is optional. It has not a default value. */\n      py?: spacingValues;\n      /**  printHidden is optional. Default value is false. When true, the component is hidden at print. */\n      printHidden?: boolean;\n      /**  printVisible is optional. When block, the component is displayed as block. When inline, the component is displayed as inline.*/\n      printVisible?: 'block' | 'inline';\n      /** Components will be hidden at all screen sizes. */\n      hidden?: boolean;\n      /** Components will be hidden from 'xs' screen size and up. */\n      xsUpHidden?: boolean;\n      /** Components will be hidden from 'sm' screen size and up. */\n      smUpHidden?: boolean;\n      /** Components will be hidden from 'md' screen size and up. */\n      mdUpHidden?: boolean;\n      /** Components will be hidden from 'lg' screen size and up. */\n      lgUpHidden?: boolean;\n      /** Components will be hidden from 'xl' screen size and up. */\n      xlUpHidden?: boolean;\n      /** Components will be hidden between xs and sm screen size. */\n      xsHidden?: boolean;\n      /** Components will be hidden between sm and md screen size. */\n      smHidden?: boolean;\n      /** Components will be hidden between md and lg screen size. */\n      mdHidden?: boolean;\n      /** Components will be hidden between lg and xl screen size. */\n      lgHidden?: boolean;\n      /** Components will be hidden between xl and 2xl screen size. */\n      xlHidden?: boolean;\n    }\n  >;\n\ntype spacingValues =\n  | 0\n  | 0.5\n  | 1\n  | 1.5\n  | 2\n  | 2.5\n  | 3\n  | 3.5\n  | 4\n  | 5\n  | 6\n  | 7\n  | 8\n  | 9\n  | 10\n  | 11\n  | 12\n  | 14\n  | 16\n  | 20\n  | 24\n  | 28\n  | 32\n  | 36\n  | 40\n  | 44\n  | 48\n  | 52\n  | 56\n  | 60\n  | 64\n  | 72\n  | 80\n  | 96;\n\n/**\n * This is the type used in the type annotation for the component\n */\ntype BaseComponent = <C extends React.ElementType = 'span'>(\n  props: BaseProps<C>\n) => React.ReactNode | null;\n\nexport const Base: BaseComponent = React.forwardRef(function Base<\n  C extends React.ElementType = 'span',\n>(\n  {\n    as,\n    margin,\n    marginTop,\n    marginBottom,\n    marginLeft,\n    marginRight,\n    m,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    padding,\n    paddingTop,\n    paddingBottom,\n    paddingLeft,\n    paddingRight,\n    p,\n    pt,\n    pb,\n    pr,\n    pl,\n    px,\n    py,\n    printHidden,\n    printVisible,\n    hidden,\n    xsUpHidden,\n    smUpHidden,\n    mdUpHidden,\n    lgUpHidden,\n    xlUpHidden,\n    xsHidden,\n    smHidden,\n    mdHidden,\n    lgHidden,\n    xlHidden,\n    children,\n    className,\n    ...props\n  }: BaseProps<C>,\n  ref?: PolymorphicRef<C>\n) {\n  const Component = as || 'span';\n  \n  return (\n    <Component\n      as={as}\n      className={basePropGenerator({\n        margin,\n        marginTop,\n        marginBottom,\n        marginLeft,\n        marginRight,\n        m,\n        mt,\n        mb,\n        ml,\n        mr,\n        mx,\n        my,\n        padding,\n        paddingTop,\n        paddingBottom,\n        paddingLeft,\n        paddingRight,\n        p,\n        pt,\n        pb,\n        pr,\n        pl,\n        px,\n        py,\n        printHidden,\n        printVisible,\n        hidden,\n        xsUpHidden,\n        smUpHidden,\n        mdUpHidden,\n        lgUpHidden,\n        xlUpHidden,\n        xsHidden,\n        smHidden,\n        mdHidden,\n        lgHidden,\n        xlHidden,\n        className,\n      })}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </Component>\n  );\n});\n\nexport default Base;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,yBAAyB;AAwJ3B,MAAM,OAAsB,MAAM,WAAW,SAASA,MAG3D;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,QAAM,YAAY,MAAM;AAExB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,kBAAkB;AAAA,QAC3B;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAAA,MACD;AAAA,MACC,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,oBAAQ;",
+  "names": ["Base"]
+}

package/Base/mapping/index.js

@@ -0,0 +1,41 @@
+import { Pressable, Image, TextInput } from "react-native";
+import React, { useContext } from "react";
+import BaseInput from "./compat/Input";
+import CompatDetails from "./compat/details";
+import Svg, { Path, Circle, Rect, G, Polygon } from "react-native-svg";
+import { Link } from "expo-router";
+import { FormContext } from "@digigov/form/FormContext";
+import { Ol } from "./compat/ol";
+const Button = (props) => {
+  return /* @__PURE__ */ React.createElement(Pressable, { onPress: props.onClick, hitSlop: 10, ...props });
+};
+const SubmitButton = (props) => {
+  const formContext = useContext(FormContext);
+  return /* @__PURE__ */ React.createElement(Button, { ...props, onClick: formContext?.submit });
+};
+const mapping = {
+  a: Link,
+  img: Image,
+  button: React.forwardRef(function CompatButton(props, ref) {
+    if (props.type === "submit") {
+      return /* @__PURE__ */ React.createElement(SubmitButton, { ref, ...props });
+    }
+    return /* @__PURE__ */ React.createElement(Button, { ref, ...props });
+  }),
+  input: BaseInput,
+  textarea: React.forwardRef(function TextAreaInput(props, ref) {
+    return /* @__PURE__ */ React.createElement(TextInput, { ref, multiline: true, scrollEnabled: true, ...props });
+  }),
+  details: CompatDetails,
+  ol: Ol,
+  path: Path,
+  svg: Svg,
+  rect: Rect,
+  circle: Circle,
+  g: G,
+  polygon: Polygon
+};
+export {
+  mapping
+};
+//# sourceMappingURL=mapping.js.map

package/Base/mapping/package.json

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

package/Base/mapping.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Base/mapping.tsx"],
+  "sourcesContent": ["import { Pressable, Image, Text, TextInput, View } from \"react-native\";\nimport React, { useContext } from \"react\";\nimport BaseInput from \"./compat/Input\";\nimport CompatDetails from \"./compat/details\";\nimport Svg, { Path, Circle, Rect, G, Polygon } from \"react-native-svg\";\nimport { Link } from \"expo-router\";\nimport { FormContext } from '@digigov/form/FormContext';\nimport {Li} from \"./compat/li\";\nimport {Ol} from \"./compat/ol\";\nexport type MapProps<T extends keyof JSX.IntrinsicElements> =\n  React.ComponentPropsWithoutRef<T>;\nexport type MappingType = {\n  [K in keyof JSX.IntrinsicElements]?: (props: MapProps<K>) => JSX.Element;\n};\n\nconst Button = (props) => {\n  return <Pressable onPress={props.onClick} hitSlop={10} {...props} />;\n};\nconst SubmitButton = (props) => {\n  const formContext = useContext(FormContext)\n  return <Button {...props} onClick={formContext?.submit} />;\n};\nexport const mapping: MappingType = {\n  a: Link,\n  img: Image,\n  button: React.forwardRef(function CompatButton(props,ref) {\n    if(props.type === 'submit') {\n      return <SubmitButton ref={ref} {...props} />\n    }\n    return <Button ref={ref} {...props} />\n  }),\n  input: BaseInput,\n  textarea: React.forwardRef(function TextAreaInput(props,ref) {\n    return <TextInput ref={ref} multiline={true} scrollEnabled={true} {...props} />\n  }),\n  details: CompatDetails,\n  ol: Ol,\n  path: Path,\n  svg: Svg,\n  rect: Rect,\n  circle: Circle,\n  g: G,\n  polygon: Polygon,\n};\n"],
+  "mappings": "AAAA,SAAS,WAAW,OAAa,iBAAuB;AACxD,OAAO,SAAS,kBAAkB;AAClC,OAAO,eAAe;AACtB,OAAO,mBAAmB;AAC1B,OAAO,OAAO,MAAM,QAAQ,MAAM,GAAG,eAAe;AACpD,SAAS,YAAY;AACrB,SAAS,mBAAmB;AAE5B,SAAQ,UAAS;AAOjB,MAAM,SAAS,CAAC,UAAU;AACxB,SAAO,oCAAC,aAAU,SAAS,MAAM,SAAS,SAAS,IAAK,GAAG,OAAO;AACpE;AACA,MAAM,eAAe,CAAC,UAAU;AAC9B,QAAM,cAAc,WAAW,WAAW;AAC1C,SAAO,oCAAC,UAAQ,GAAG,OAAO,SAAS,aAAa,QAAQ;AAC1D;AACO,MAAM,UAAuB;AAAA,EAClC,GAAG;AAAA,EACH,KAAK;AAAA,EACL,QAAQ,MAAM,WAAW,SAAS,aAAa,OAAM,KAAK;AACxD,QAAG,MAAM,SAAS,UAAU;AAC1B,aAAO,oCAAC,gBAAa,KAAW,GAAG,OAAO;AAAA,IAC5C;AACA,WAAO,oCAAC,UAAO,KAAW,GAAG,OAAO;AAAA,EACtC,CAAC;AAAA,EACD,OAAO;AAAA,EACP,UAAU,MAAM,WAAW,SAAS,cAAc,OAAM,KAAK;AAC3D,WAAO,oCAAC,aAAU,KAAU,WAAW,MAAM,eAAe,MAAO,GAAG,OAAO;AAAA,EAC/E,CAAC;AAAA,EACD,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,GAAG;AAAA,EACH,SAAS;AACX;",
+  "names": []
+}

package/Base/utils/index.js

@@ -0,0 +1,84 @@
+import clsx from "clsx";
+const basePropGenerator = ({
+  margin,
+  marginTop,
+  marginBottom,
+  marginLeft,
+  marginRight,
+  m,
+  mt,
+  mb,
+  ml,
+  mr,
+  mx,
+  my,
+  padding,
+  paddingTop,
+  paddingBottom,
+  paddingLeft,
+  paddingRight,
+  p,
+  pt,
+  pb,
+  pr,
+  pl,
+  px,
+  py,
+  printHidden,
+  printVisible,
+  hidden,
+  xsUpHidden,
+  smUpHidden,
+  mdUpHidden,
+  lgUpHidden,
+  xlUpHidden,
+  xsHidden,
+  smHidden,
+  mdHidden,
+  lgHidden,
+  xlHidden,
+  className
+}) => clsx(className, {
+  [`ds-m-${margin}`]: margin !== void 0 ? true : void 0,
+  [`ds-mt-${marginTop}`]: marginTop !== void 0 ? true : void 0,
+  [`ds-mb-${marginBottom}`]: marginBottom !== void 0 ? true : void 0,
+  [`ds-mr-${marginRight}`]: marginRight !== void 0 ? true : void 0,
+  [`ds-ml-${marginLeft}`]: marginLeft !== void 0 ? true : void 0,
+  [`ds-m-${m}`]: m !== void 0 ? true : void 0,
+  [`ds-mt-${mt}`]: mt !== void 0 ? true : void 0,
+  [`ds-mb-${mb}`]: mb !== void 0 ? true : void 0,
+  [`ds-mr-${mr}`]: mr !== void 0 ? true : void 0,
+  [`ds-ml-${ml}`]: ml !== void 0 ? true : void 0,
+  [`ds-mx-${mx}`]: mx !== void 0 ? true : void 0,
+  [`ds-my-${my}`]: my !== void 0 ? true : void 0,
+  [`ds-p-${padding}`]: padding !== void 0 ? true : void 0,
+  [`ds-pt-${paddingTop}`]: paddingTop !== void 0 ? true : void 0,
+  [`ds-pb-${paddingBottom}`]: paddingBottom !== void 0 ? true : void 0,
+  [`ds-pr-${paddingRight}`]: paddingRight !== void 0 ? true : void 0,
+  [`ds-pl-${paddingLeft}`]: paddingLeft !== void 0 ? true : void 0,
+  [`ds-p-${p}`]: p !== void 0 ? true : void 0,
+  [`ds-pt-${pt}`]: pt !== void 0 ? true : void 0,
+  [`ds-pb-${pb}`]: pb !== void 0 ? true : void 0,
+  [`ds-pr-${pr}`]: pr !== void 0 ? true : void 0,
+  [`ds-pl-${pl}`]: pl !== void 0 ? true : void 0,
+  [`ds-px-${px}`]: px !== void 0 ? true : void 0,
+  [`ds-py-${py}`]: py !== void 0 ? true : void 0,
+  "ds-print-hidden": !!printHidden,
+  "ds-print-visible-block": printVisible === "block",
+  "ds-print-visible-inline": printVisible === "inline",
+  "ds-hidden": !!hidden,
+  "ds-hidden-xs-up": !!xsUpHidden,
+  "ds-hidden-sm-up": !!smUpHidden,
+  "ds-hidden-md-up": !!mdUpHidden,
+  "ds-hidden-lg-up": !!lgUpHidden,
+  "ds-hidden-xl-up": !!xlUpHidden,
+  "ds-hidden-xs": !!xsHidden,
+  "ds-hidden-sm": !!smHidden,
+  "ds-hidden-md": !!mdHidden,
+  "ds-hidden-lg": !!lgHidden,
+  "ds-hidden-xl": !!xlHidden
+});
+export {
+  basePropGenerator
+};
+//# sourceMappingURL=utils.js.map

package/Base/utils/package.json

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

package/Base/utils.d.ts

@@ -0,0 +1,40 @@
+export declare const basePropGenerator: ({ margin, marginTop, marginBottom, marginLeft, marginRight, m, mt, mb, ml, mr, mx, my, padding, paddingTop, paddingBottom, paddingLeft, paddingRight, p, pt, pb, pr, pl, px, py, printHidden, printVisible, hidden, xsUpHidden, smUpHidden, mdUpHidden, lgUpHidden, xlUpHidden, xsHidden, smHidden, mdHidden, lgHidden, xlHidden, className, }: {
+    margin: any;
+    marginTop: any;
+    marginBottom: any;
+    marginLeft: any;
+    marginRight: any;
+    m: any;
+    mt: any;
+    mb: any;
+    ml: any;
+    mr: any;
+    mx: any;
+    my: any;
+    padding: any;
+    paddingTop: any;
+    paddingBottom: any;
+    paddingLeft: any;
+    paddingRight: any;
+    p: any;
+    pt: any;
+    pb: any;
+    pr: any;
+    pl: any;
+    px: any;
+    py: any;
+    printHidden: any;
+    printVisible: any;
+    hidden: any;
+    xsUpHidden: any;
+    smUpHidden: any;
+    mdUpHidden: any;
+    lgUpHidden: any;
+    xlUpHidden: any;
+    xsHidden: any;
+    smHidden: any;
+    mdHidden: any;
+    lgHidden: any;
+    xlHidden: any;
+    className: any;
+}) => string;

package/Base/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Base/utils.ts"],
+  "sourcesContent": ["import clsx from 'clsx';\n\nexport const basePropGenerator = ({\n  margin,\n  marginTop,\n  marginBottom,\n  marginLeft,\n  marginRight,\n  m,\n  mt,\n  mb,\n  ml,\n  mr,\n  mx,\n  my,\n  padding,\n  paddingTop,\n  paddingBottom,\n  paddingLeft,\n  paddingRight,\n  p,\n  pt,\n  pb,\n  pr,\n  pl,\n  px,\n  py,\n  printHidden,\n  printVisible,\n  hidden,\n  xsUpHidden,\n  smUpHidden,\n  mdUpHidden,\n  lgUpHidden,\n  xlUpHidden,\n  xsHidden,\n  smHidden,\n  mdHidden,\n  lgHidden,\n  xlHidden,\n  className,\n}) => clsx(className, {\n  [`ds-m-${margin}`]: margin !== undefined ? true : undefined,\n  [`ds-mt-${marginTop}`]: marginTop !== undefined ? true : undefined,\n  [`ds-mb-${marginBottom}`]:\n    marginBottom !== undefined ? true : undefined,\n  [`ds-mr-${marginRight}`]: marginRight !== undefined ? true : undefined,\n  [`ds-ml-${marginLeft}`]: marginLeft !== undefined ? true : undefined,\n  [`ds-m-${m}`]: m !== undefined ? true : undefined,\n  [`ds-mt-${mt}`]: mt !== undefined ? true : undefined,\n  [`ds-mb-${mb}`]: mb !== undefined ? true : undefined,\n  [`ds-mr-${mr}`]: mr !== undefined ? true : undefined,\n  [`ds-ml-${ml}`]: ml !== undefined ? true : undefined,\n  [`ds-mx-${mx}`]: mx !== undefined ? true : undefined,\n  [`ds-my-${my}`]: my !== undefined ? true : undefined,\n  [`ds-p-${padding}`]: padding !== undefined ? true : undefined,\n  [`ds-pt-${paddingTop}`]: paddingTop !== undefined ? true : undefined,\n  [`ds-pb-${paddingBottom}`]:\n    paddingBottom !== undefined ? true : undefined,\n  [`ds-pr-${paddingRight}`]:\n    paddingRight !== undefined ? true : undefined,\n  [`ds-pl-${paddingLeft}`]: paddingLeft !== undefined ? true : undefined,\n  [`ds-p-${p}`]: p !== undefined ? true : undefined,\n  [`ds-pt-${pt}`]: pt !== undefined ? true : undefined,\n  [`ds-pb-${pb}`]: pb !== undefined ? true : undefined,\n  [`ds-pr-${pr}`]: pr !== undefined ? true : undefined,\n  [`ds-pl-${pl}`]: pl !== undefined ? true : undefined,\n  [`ds-px-${px}`]: px !== undefined ? true : undefined,\n  [`ds-py-${py}`]: py !== undefined ? true : undefined,\n  'ds-print-hidden': !!printHidden,\n  'ds-print-visible-block': printVisible === 'block',\n  'ds-print-visible-inline': printVisible === 'inline',\n  'ds-hidden': !!hidden,\n  'ds-hidden-xs-up': !!xsUpHidden,\n  'ds-hidden-sm-up': !!smUpHidden,\n  'ds-hidden-md-up': !!mdUpHidden,\n  'ds-hidden-lg-up': !!lgUpHidden,\n  'ds-hidden-xl-up': !!xlUpHidden,\n  'ds-hidden-xs': !!xsHidden,\n  'ds-hidden-sm': !!smHidden,\n  'ds-hidden-md': !!mdHidden,\n  'ds-hidden-lg': !!lgHidden,\n  'ds-hidden-xl': !!xlHidden,\n})"],
+  "mappings": "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",
+  "names": []
+}