@digigov/react-core 2.0.0-85c27c19 → 2.0.0-aefd0709

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

@@ -0,0 +1,65 @@
+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 details_native_exports = {};
+__export(details_native_exports, {
+  default: () => details_native_default
+});
+module.exports = __toCommonJS(details_native_exports);
+var import_react = __toESM(require("react"));
+var import_react_native = require("react-native");
+const CompatDetails = ({
+  children,
+  open = false,
+  placement,
+  closeIcon,
+  openIcon,
+  ...props
+}) => {
+  const [isExpanded, setIsExpanded] = (0, import_react.useState)(open);
+  (0, import_react.useEffect)(() => {
+    setIsExpanded(open);
+  }, [open]);
+  const toggleExpand = () => {
+    setIsExpanded(!isExpanded);
+  };
+  const [summaryContent, ...detailsContent] = import_react.Children.toArray(children);
+  const toggleIcon = closeIcon && openIcon ? /* @__PURE__ */ import_react.default.createElement(import_react_native.Text, null, isExpanded ? openIcon : closeIcon) : null;
+  return (
+    // TODO: Fix `props` type
+    // @ts-expect-error - `props` type is not compatible with `View` props
+    /* @__PURE__ */ import_react.default.createElement(import_react_native.View, { ...props }, /* @__PURE__ */ import_react.default.createElement(import_react_native.TouchableOpacity, { onPress: toggleExpand, style: styles.summaryContainer }, placement === "before" && toggleIcon, summaryContent, placement === "after" && toggleIcon), isExpanded && /* @__PURE__ */ import_react.default.createElement(import_react_native.View, null, detailsContent))
+  );
+};
+const styles = import_react_native.StyleSheet.create({
+  summaryContainer: {
+    flexDirection: "row",
+    alignItems: "center"
+  }
+});
+var details_native_default = CompatDetails;
+//# sourceMappingURL=details.native.js.map

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA,mBAMO;AACP,0BAAyD;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,QAAI,uBAAS,IAAI;AAEjD,8BAAU,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,sBAAS,QAAQ,QAAQ;AAErE,QAAM,aACJ,aAAa,WACX,6BAAAA,QAAA,cAAC,gCAAM,aAAa,WAAW,SAAU,IACvC;AAEN;AAAA;AAAA;AAAA,IAGE,6BAAAA,QAAA,cAAC,4BAAM,GAAG,SACR,6BAAAA,QAAA,cAAC,wCAAiB,SAAS,cAAc,OAAO,OAAO,oBACpD,cAAc,YAAY,YAC1B,gBACA,cAAc,WAAW,UAC5B,GACC,cAAc,6BAAAA,QAAA,cAAC,gCAAM,cAAe,CACvC;AAAA;AAEJ;AAEA,MAAM,SAAS,+BAAW,OAAO;AAAA,EAC/B,kBAAkB;AAAA,IAChB,eAAe;AAAA,IACf,YAAY;AAAA,EACd;AACF,CAAC;AAED,IAAO,yBAAQ;",
+  "names": ["React"]
+}

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

@@ -0,0 +1,42 @@
+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 li_native_exports = {};
+__export(li_native_exports, {
+  Li: () => Li
+});
+module.exports = __toCommonJS(li_native_exports);
+var import_react = __toESM(require("react"));
+var import_react_native = require("react-native");
+const Li = (props) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_react_native.View, { ...props });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Li
+});
+//# sourceMappingURL=li.native.js.map

package/cjs/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\ntype LiProps = Record<string, any>;\n\nexport const Li = (props: LiProps) => {\n  return <View {...props} />;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAAqB;AAKd,MAAM,KAAK,CAAC,UAAmB;AACpC,SAAO,6BAAAA,QAAA,cAAC,4BAAM,GAAG,OAAO;AAC1B;",
+  "names": ["React"]
+}

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

@@ -0,0 +1,66 @@
+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 ol_native_exports = {};
+__export(ol_native_exports, {
+  Ol: () => Ol
+});
+module.exports = __toCommonJS(ol_native_exports);
+var import_react = __toESM(require("react"));
+var import_react_native = require("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__ */ import_react.default.createElement(import_react_native.View, { ...props, className }, Array.isArray(children) ? children.map((child, index) => {
+    const counter = listStyle === "number" ? index + 1 : listStyle === "bullet" ? "\u2022" : null;
+    return /* @__PURE__ */ import_react.default.createElement(
+      import_react_native.View,
+      {
+        key: index,
+        style: {
+          display: "flex",
+          flexDirection: "row",
+          flexWrap: "nowrap",
+          gap: 8,
+          width: "100%"
+        }
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_react_native.Text, null, counter),
+      child
+    );
+  }) : children);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Ol
+});
+//# sourceMappingURL=ol.native.js.map

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,0BAA2B;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,6BAAAA,QAAA,cAAC,4BAAM,GAAG,OAAO,aACd,MAAM,QAAQ,QAAQ,IACnB,SAAS,IAAI,CAAC,OAAO,UAAU;AAC7B,UAAM,UACJ,cAAc,WACV,QAAQ,IACR,cAAc,WACZ,WACA;AACR,WACE,6BAAAA,QAAA;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,6BAAAA,QAAA,cAAC,gCAAM,OAAQ;AAAA,MACd;AAAA,IACH;AAAA,EAEJ,CAAC,IACD,QACN;AAEJ;",
+  "names": ["React"]
+}

package/cjs/Base/index.js

@@ -16,6 +16,7 @@ var __copyProps = (to, from, except, desc) => {
   }
   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-
@@ -27,108 +28,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Base_exports = {};
 __export(Base_exports, {
-  Base: () => Base,
-  default: () => Base_default
+  default: () => import_Base.default
 });
 module.exports = __toCommonJS(Base_exports);
-var import_react = __toESM(require("react"));
-var import_clsx = __toESM(require("clsx"));
-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,
-    {
-      className: (0, import_clsx.default)(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
-      }),
-      ref,
-      ...props
-    },
-    children
-  );
-});
-var Base_default = Base;
+__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 = {
-  Base
+  ...require("@digigov/react-core/Base/index.web")
 });
 //# sourceMappingURL=index.js.map

package/cjs/Base/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/Base/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\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      className={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      })}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </Component>\n  );\n});\n\nexport default Base;\n"],
-  "mappings": "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",
-  "names": ["React", "Base", "clsx"]
+  "sourcesContent": ["export * from '@digigov/react-core/Base/index.web';\nexport { default as default } from '@digigov/react-core/Base/index.web';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAAc,+CAAd;AACA,kBAAmC;",
+  "names": []
 }

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

@@ -0,0 +1,198 @@
+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.native");
+var import_utils = require("@digigov/react-core/Base/utils");
+var import_wrap = require("@digigov/react-core/Base/wrap.native");
+const BooleanMapper = {
+  true: true,
+  false: false,
+  undefined: false,
+  null: false,
+  "": false
+};
+const textHtmlTags = ["h1", "h2", "h3", "h4", "h5", "p", "span"];
+const Base = import_react.default.forwardRef(function Base2({
+  as,
+  display,
+  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 classNames = className?.split(" ") || [];
+  let applyBasePropsToWrapper = true;
+  const basePropToClassName = (0, import_utils.basePropGenerator)({
+    display,
+    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
+  });
+  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") {
+        if (as && textHtmlTags.includes(as)) {
+          applyBasePropsToWrapper = false;
+        }
+        return /* @__PURE__ */ import_react.default.createElement(
+          import_react_native.Text,
+          {
+            key: index,
+            className: applyBasePropsToWrapper ? textClassNames : `${textClassNames} ${basePropToClassName}`,
+            ...props.onClick && {
+              onPress: props.onClick
+            }
+          },
+          child
+        );
+      }
+      return child;
+    });
+  }
+  const Component = (0, import_react.useMemo)(() => {
+    const C = import_mapping.mapping[as] || import_react_native.View;
+    if (classNames.find(
+      (className2) => className2.match(/__wrapper|__before|__after$/)
+    )) {
+      return (0, import_wrap.wrap)(C);
+    }
+    return C;
+  }, [className]);
+  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: applyBasePropsToWrapper ? `${basePropToClassName} ${className}` : className
+    },
+    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, { useMemo } from 'react';\nimport { Text, View, ViewProps } from 'react-native';\nimport { BaseProps as CoreBaseProps } from '@digigov/react-core/Base/index.web';\nimport { mapping } from '@digigov/react-core/Base/mapping.native';\nimport { basePropGenerator } from '@digigov/react-core/Base/utils';\nimport { wrap } from '@digigov/react-core/Base/wrap.native';\n\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;\n\nconst BooleanMapper = {\n  true: true,\n  false: false,\n  undefined: false,\n  null: false,\n  '': false,\n};\n\nconst textHtmlTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'p', 'span'];\n\nexport const Base: BaseComponent = React.forwardRef(function Base<\n  C extends React.ElementType = 'span',\n>(\n  {\n    as,\n    display,\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  }: BaseProps<C>,\n  ref: React.ComponentPropsWithRef<C>['ref']\n) {\n  const classNames = className?.split(' ') || [];\n  let applyBasePropsToWrapper = true;\n\n  const basePropToClassName = basePropGenerator({\n    display,\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  });\n\n  if (typeof children === 'string') {\n    children = [children];\n  }\n  if (Array.isArray(children)) {\n    const textClassNames = classNames\n      ?.map((className) => `${className}__text`)\n      .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        if (as && textHtmlTags.includes(as as string)) {\n          applyBasePropsToWrapper = false;\n        }\n        return (\n          <Text\n            key={index}\n            className={\n              applyBasePropsToWrapper\n                ? textClassNames\n                : `${textClassNames} ${basePropToClassName}`\n            }\n            {...(props.onClick && {\n              onPress: props.onClick,\n            })}\n          >\n            {child}\n          </Text>\n        );\n      }\n      return child;\n    });\n  }\n  const Component = useMemo(() => {\n    const C = mapping[as as keyof JSX.IntrinsicElements] || View;\n    if (\n      classNames.find((className) =>\n        className.match(/__wrapper|__before|__after$/)\n      )\n    ) {\n      return wrap(C);\n    }\n    return C;\n  }, [className]);\n\n  Object.keys(props).forEach((k) => {\n    if (k.startsWith('aria')) {\n      if (BooleanMapper[props[k as keyof typeof props]] !== undefined) {\n        props[k as keyof typeof props] =\n          BooleanMapper[props[k as keyof typeof props]];\n      }\n    }\n  });\n  return (\n    <Component\n      {...props}\n      ref={ref}\n      aria-expanded={\n        (ariaExpanded as unknown as string) === 'false'\n          ? false\n          : ariaExpanded === true\n            ? true\n            : undefined\n      }\n      className={\n        applyBasePropsToWrapper\n          ? `${basePropToClassName} ${className}`\n          : className\n      }\n    >\n      {children}\n    </Component>\n  );\n});\n\nexport default Base;\n"],
+  "mappings": "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",
+  "names": ["React", "Base", "className", "child", "index"]
+}