@digigov/react-core 1.1.1 → 1.2.0-mobile

package/cjs/Base/index.js

@@ -1,61 +1,40 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Base_exports = {};
+__export(Base_exports, {
+  default: () => import_Base.default
 });
-exports["default"] = exports.Base = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _excluded = ["as", "margin", "marginTop", "marginBottom", "marginLeft", "marginRight", "padding", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight", "printHidden", "printVisible", "hidden", "xsUpHidden", "smUpHidden", "mdUpHidden", "lgUpHidden", "xlUpHidden", "xsHidden", "smHidden", "mdHidden", "lgHidden", "xlHidden", "children", "className"];
-// This is the first reusable type utility we built
-
-// This is a new type utitlity with ref!
-
-// This is the type for the "ref" only
-
-/**
- * This is the updated component props using PolymorphicComponentPropWithRef
- */
-
-/**
- * This is the type used in the type annotation for the component
- */
-
-var Base = exports.Base = /*#__PURE__*/_react["default"].forwardRef(function Base(_ref, ref) {
-  var as = _ref.as,
-    margin = _ref.margin,
-    marginTop = _ref.marginTop,
-    marginBottom = _ref.marginBottom,
-    marginLeft = _ref.marginLeft,
-    marginRight = _ref.marginRight,
-    padding = _ref.padding,
-    paddingTop = _ref.paddingTop,
-    paddingBottom = _ref.paddingBottom,
-    paddingLeft = _ref.paddingLeft,
-    paddingRight = _ref.paddingRight,
-    printHidden = _ref.printHidden,
-    printVisible = _ref.printVisible,
-    hidden = _ref.hidden,
-    xsUpHidden = _ref.xsUpHidden,
-    smUpHidden = _ref.smUpHidden,
-    mdUpHidden = _ref.mdUpHidden,
-    lgUpHidden = _ref.lgUpHidden,
-    xlUpHidden = _ref.xlUpHidden,
-    xsHidden = _ref.xsHidden,
-    smHidden = _ref.smHidden,
-    mdHidden = _ref.mdHidden,
-    lgHidden = _ref.lgHidden,
-    xlHidden = _ref.xlHidden,
-    children = _ref.children,
-    className = _ref.className,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var Component = as || 'span';
-  return /*#__PURE__*/_react["default"].createElement(Component, (0, _extends2["default"])({
-    className: (0, _clsx["default"])(className, (paddingBottom !== undefined ? true : undefined) && "govgr-pb-".concat(paddingBottom), (marginBottom !== undefined ? true : undefined) && "govgr-mb-".concat(marginBottom), (paddingRight !== undefined ? true : undefined) && "govgr-pr-".concat(paddingRight), (marginRight !== undefined ? true : undefined) && "govgr-mr-".concat(marginRight), (paddingLeft !== undefined ? true : undefined) && "govgr-pl-".concat(paddingLeft), (marginLeft !== undefined ? true : undefined) && "govgr-ml-".concat(marginLeft), (paddingTop !== undefined ? true : undefined) && "govgr-pt-".concat(paddingTop), (marginTop !== undefined ? true : undefined) && "govgr-mt-".concat(marginTop), (padding !== undefined ? true : undefined) && "govgr-p-".concat(padding), (margin !== undefined ? true : undefined) && "govgr-m-".concat(margin), printVisible === 'inline' && 'govgr-print-visible-inline', printVisible === 'block' && 'govgr-print-visible-block', !!printHidden && 'govgr-print-hidden', !!xsUpHidden && 'govgr-hidden-xs--up', !!smUpHidden && 'govgr-hidden-sm--up', !!mdUpHidden && 'govgr-hidden-md--up', !!lgUpHidden && 'govgr-hidden-lg--up', !!xlUpHidden && 'govgr-hidden-xl--up', !!xsHidden && 'govgr-hidden-xs', !!smHidden && 'govgr-hidden-sm', !!mdHidden && 'govgr-hidden-md', !!lgHidden && 'govgr-hidden-lg', !!xlHidden && 'govgr-hidden-xl', !!hidden && 'govgr-hidden'),
-    ref: ref
-  }, props), children);
+module.exports = __toCommonJS(Base_exports);
+__reExport(Base_exports, require("@digigov/react-core/Base/index.web"), module.exports);
+var import_Base = __toESM(require("@digigov/react-core/Base/index.web"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("@digigov/react-core/Base/index.web")
 });
-var _default = exports["default"] = Base;
+//# sourceMappingURL=index.js.map

package/cjs/Base/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/Base/index.tsx"],
+  "sourcesContent": ["export * from '@digigov/react-core/Base/index.web';\nexport {default as default} from '@digigov/react-core/Base/index.web';"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAAc,+CAAd;AACA,kBAAiC;",
+  "names": []
+}

package/cjs/Base/index.native/index.js

@@ -0,0 +1,219 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_native_exports = {};
+__export(index_native_exports, {
+  Base: () => Base,
+  default: () => index_native_default
+});
+module.exports = __toCommonJS(index_native_exports);
+var import_react = __toESM(require("react"));
+var import_react_native = require("react-native");
+var import_mapping = require("@digigov/react-core/Base/mapping");
+var import_clsx = __toESM(require("clsx"));
+var import_utils = require("./utils");
+const WrapperComponent = ({ classNames, focused, ...props }) => {
+  const focusedClassNames = focused ? classNames.map((cls) => `${cls}--focus`).join(" ") : " ";
+  return /* @__PURE__ */ import_react.default.createElement(import_react_native.View, { className: (0, import_clsx.default)(classNames.join(" "), focusedClassNames), ...props });
+};
+const Focusable = ({ wrapperClassNames, Component }) => {
+  return import_react.default.forwardRef(function Focusable2(props, ref) {
+    const [focused, setFocused] = (0, import_react.useState)(false);
+    return /* @__PURE__ */ import_react.default.createElement(WrapperComponent, { classNames: wrapperClassNames, focused }, /* @__PURE__ */ import_react.default.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 = import_react.default.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__ */ import_react.default.createElement(import_react_native.Text, { key: index2, className: textClassNames }, child2);
+          }
+          return child2;
+        });
+      } else if (typeof child === "string") {
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_react_native.Text,
+          {
+            key: index,
+            className: textClassNames,
+            ...props.onClick && {
+              onPress: props.onClick
+            }
+          },
+          child
+        );
+      }
+      return child;
+    });
+  }
+  let Component = import_mapping.mapping[as] || import_react_native.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__ */ import_react.default.createElement(
+    Component,
+    {
+      ...props,
+      ref,
+      "aria-expanded": ariaExpanded === "false" ? false : ariaExpanded === true ? true : void 0,
+      className: (0, import_utils.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;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Base
+});
+//# sourceMappingURL=index.native.js.map

package/cjs/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": ["React", "clsx", "Focusable", "Base", "className", "child", "index"]
+}

package/cjs/Base/index.web/index.js

@@ -0,0 +1,135 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var index_web_exports = {};
+__export(index_web_exports, {
+  Base: () => Base,
+  default: () => index_web_default
+});
+module.exports = __toCommonJS(index_web_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("./utils");
+const Base = import_react.default.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__ */ import_react.default.createElement(
+    Component,
+    {
+      as,
+      className: (0, import_utils.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;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Base
+});
+//# sourceMappingURL=index.web.js.map

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAAkC;AAwJ3B,MAAM,OAAsB,aAAAA,QAAM,WAAW,SAASC,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,6BAAAD,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAW,gCAAkB;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": ["React", "Base"]
+}

package/cjs/Base/mapping/index.js

@@ -0,0 +1,74 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var mapping_exports = {};
+__export(mapping_exports, {
+  mapping: () => mapping
+});
+module.exports = __toCommonJS(mapping_exports);
+var import_react_native = require("react-native");
+var import_react = __toESM(require("react"));
+var import_Input = __toESM(require("./compat/Input"));
+var import_details = __toESM(require("./compat/details"));
+var import_react_native_svg = __toESM(require("react-native-svg"));
+var import_expo_router = require("expo-router");
+var import_FormContext = require("@digigov/form/FormContext");
+var import_ol = require("./compat/ol");
+const Button = (props) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_react_native.Pressable, { onPress: props.onClick, hitSlop: 10, ...props });
+};
+const SubmitButton = (props) => {
+  const formContext = (0, import_react.useContext)(import_FormContext.FormContext);
+  return /* @__PURE__ */ import_react.default.createElement(Button, { ...props, onClick: formContext?.submit });
+};
+const mapping = {
+  a: import_expo_router.Link,
+  img: import_react_native.Image,
+  button: import_react.default.forwardRef(function CompatButton(props, ref) {
+    if (props.type === "submit") {
+      return /* @__PURE__ */ import_react.default.createElement(SubmitButton, { ref, ...props });
+    }
+    return /* @__PURE__ */ import_react.default.createElement(Button, { ref, ...props });
+  }),
+  input: import_Input.default,
+  textarea: import_react.default.forwardRef(function TextAreaInput(props, ref) {
+    return /* @__PURE__ */ import_react.default.createElement(import_react_native.TextInput, { ref, multiline: true, scrollEnabled: true, ...props });
+  }),
+  details: import_details.default,
+  ol: import_ol.Ol,
+  path: import_react_native_svg.Path,
+  svg: import_react_native_svg.default,
+  rect: import_react_native_svg.Rect,
+  circle: import_react_native_svg.Circle,
+  g: import_react_native_svg.G,
+  polygon: import_react_native_svg.Polygon
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  mapping
+});
+//# sourceMappingURL=mapping.js.map

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAwD;AACxD,mBAAkC;AAClC,mBAAsB;AACtB,qBAA0B;AAC1B,8BAAoD;AACpD,yBAAqB;AACrB,yBAA4B;AAE5B,gBAAiB;AAOjB,MAAM,SAAS,CAAC,UAAU;AACxB,SAAO,6BAAAA,QAAA,cAAC,iCAAU,SAAS,MAAM,SAAS,SAAS,IAAK,GAAG,OAAO;AACpE;AACA,MAAM,eAAe,CAAC,UAAU;AAC9B,QAAM,kBAAc,yBAAW,8BAAW;AAC1C,SAAO,6BAAAA,QAAA,cAAC,UAAQ,GAAG,OAAO,SAAS,aAAa,QAAQ;AAC1D;AACO,MAAM,UAAuB;AAAA,EAClC,GAAG;AAAA,EACH,KAAK;AAAA,EACL,QAAQ,aAAAA,QAAM,WAAW,SAAS,aAAa,OAAM,KAAK;AACxD,QAAG,MAAM,SAAS,UAAU;AAC1B,aAAO,6BAAAA,QAAA,cAAC,gBAAa,KAAW,GAAG,OAAO;AAAA,IAC5C;AACA,WAAO,6BAAAA,QAAA,cAAC,UAAO,KAAW,GAAG,OAAO;AAAA,EACtC,CAAC;AAAA,EACD,OAAO,aAAAC;AAAA,EACP,UAAU,aAAAD,QAAM,WAAW,SAAS,cAAc,OAAM,KAAK;AAC3D,WAAO,6BAAAA,QAAA,cAAC,iCAAU,KAAU,WAAW,MAAM,eAAe,MAAO,GAAG,OAAO;AAAA,EAC/E,CAAC;AAAA,EACD,SAAS,eAAAE;AAAA,EACT,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,KAAK,wBAAAC;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,GAAG;AAAA,EACH,SAAS;AACX;",
+  "names": ["React", "BaseInput", "CompatDetails", "Svg"]
+}