@digigov/react-core 2.0.0-254f7786 → 2.0.0-290ada95

package/Base/index.native.js

@@ -0,0 +1,111 @@
+import react, { useMemo } from "react";
+import { Text, View } from "react-native";
+import { mapping } from "./mapping.native.js";
+import { basePropGenerator } from "./utils.js";
+import { wrap } from "./wrap.native.js";
+const BooleanMapper = {
+    true: true,
+    false: false,
+    undefined: false,
+    null: false,
+    '': false
+};
+const textHtmlTags = [
+    'h1',
+    'h2',
+    'h3',
+    'h4',
+    'h5',
+    'p',
+    'span'
+];
+const index_native_Base = /*#__PURE__*/ react.forwardRef(function({ 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 = 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 ('string' == typeof children) children = [
+        children
+    ];
+    if (Array.isArray(children)) {
+        const textClassNames = classNames?.map((className)=>`${className}__text`).join(' ');
+        children = children.map((child, index)=>{
+            if (Array.isArray(child)) return child.map((child, index)=>{
+                if ('string' == typeof child) return /*#__PURE__*/ react.createElement(Text, {
+                    key: index,
+                    className: textClassNames
+                }, child);
+                return child;
+            });
+            if ('string' == typeof child) {
+                if (as && textHtmlTags.includes(as)) applyBasePropsToWrapper = false;
+                return /*#__PURE__*/ react.createElement(Text, {
+                    key: index,
+                    className: applyBasePropsToWrapper ? textClassNames : `${textClassNames} ${basePropToClassName}`,
+                    ...props.onClick && {
+                        onPress: props.onClick
+                    }
+                }, child);
+            }
+            return child;
+        });
+    }
+    const Component = useMemo(()=>{
+        const C = mapping[as] || View;
+        if (classNames.find((className)=>className.match(/__wrapper|__before|__after$/))) return wrap(C);
+        return C;
+    }, [
+        className
+    ]);
+    Object.keys(props).forEach((k)=>{
+        if (k.startsWith('aria')) {
+            if (void 0 !== BooleanMapper[props[k]]) props[k] = BooleanMapper[props[k]];
+        }
+    });
+    return /*#__PURE__*/ react.createElement(Component, {
+        ...props,
+        ref: ref,
+        "aria-expanded": 'false' === ariaExpanded ? false : true === ariaExpanded ? true : void 0,
+        className: applyBasePropsToWrapper ? `${basePropToClassName} ${className}` : className
+    }, children);
+});
+const index_native = index_native_Base;
+export { index_native_Base as Base, index_native as default };

package/Base/index.web.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 interface AsProp<C extends React.ElementType> {
-    as?: C;
+    as?: C | React.ElementType<any>;
 }
 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>>;

package/Base/index.web.js

@@ -0,0 +1,53 @@
+import react from "react";
+import clsx from "clsx";
+import { basePropGenerator } from "./utils.js";
+const index_web_Base = /*#__PURE__*/ react.forwardRef(function({ as, 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, children, className, ...props }, ref) {
+    const Component = as || 'span';
+    const basePropToClassName = 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
+    });
+    return /*#__PURE__*/ react.createElement(Component, {
+        className: clsx(basePropToClassName, className),
+        ref: ref,
+        ...props
+    }, children);
+});
+const index_web = index_web_Base;
+export { index_web_Base as Base, index_web as default };

package/Base/mapping.native.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type JSX } from 'react';
 export type MapProps<T extends keyof JSX.IntrinsicElements> = React.ComponentPropsWithoutRef<T>;
 export type MappingType = {
     [K in keyof JSX.IntrinsicElements]?: (props: any) => JSX.Element | React.ReactNode;

package/Base/mapping.native.js

@@ -0,0 +1,36 @@
+import react from "react";
+import { Link } from "expo-router";
+import { cssInterop } from "nativewind";
+import { Image, View } from "react-native";
+import react_native_svg, { Circle, G, Path, Polygon, Rect } from "react-native-svg";
+import { Button } from "./compat/button.native.js";
+import details_native from "./compat/details.native.js";
+import index_native from "./compat/Input/index.native.js";
+import { Ol } from "./compat/ol.native.js";
+const mapping = {
+    a: ({ children, ...props })=>/*#__PURE__*/ react.createElement(Link, {
+            ...props,
+            asChild: true
+        }, /*#__PURE__*/ react.createElement(View, null, children)),
+    img: (props)=>/*#__PURE__*/ react.createElement(Image, props),
+    button: Button,
+    input: index_native,
+    textarea: index_native,
+    details: details_native,
+    ol: Ol,
+    path: (props)=>/*#__PURE__*/ react.createElement(Path, props),
+    svg: cssInterop(react_native_svg, {
+        className: {
+            target: 'style',
+            nativeStyleToProp: {
+                width: true,
+                height: true
+            }
+        }
+    }),
+    rect: (props)=>/*#__PURE__*/ react.createElement(Rect, props),
+    circle: (props)=>/*#__PURE__*/ react.createElement(Circle, props),
+    g: (props)=>/*#__PURE__*/ react.createElement(G, props),
+    polygon: (props)=>/*#__PURE__*/ react.createElement(Polygon, props)
+};
+export { mapping };

package/Base/utils.js

@@ -0,0 +1,46 @@
+import clsx from "clsx";
+const generateSpacingClasses = (prefix, spacing)=>{
+    if ('object' == typeof spacing) return {
+        [`${prefix}-xs-${spacing?.xs}`]: spacing?.xs !== void 0,
+        [`${prefix}-sm-${spacing?.sm}`]: spacing?.sm !== void 0,
+        [`${prefix}-md-${spacing?.md}`]: spacing?.md !== void 0,
+        [`${prefix}-lg-${spacing?.lg}`]: spacing?.lg !== void 0,
+        [`${prefix}-xl-${spacing?.xl}`]: spacing?.xl !== void 0
+    };
+    if (void 0 !== spacing) return {
+        [`${prefix}-${spacing}`]: true
+    };
+    return {};
+};
+const 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 })=>clsx({
+        [`ds-display-${display}`]: void 0 !== display,
+        ...generateSpacingClasses('ds-m', m ?? margin),
+        ...generateSpacingClasses('ds-mt', mt ?? marginTop),
+        ...generateSpacingClasses('ds-mb', mb ?? marginBottom),
+        ...generateSpacingClasses('ds-mr', mr ?? marginRight),
+        ...generateSpacingClasses('ds-ml', ml ?? marginLeft),
+        ...generateSpacingClasses('ds-mx', mx),
+        ...generateSpacingClasses('ds-my', my),
+        ...generateSpacingClasses('ds-p', p ?? padding),
+        ...generateSpacingClasses('ds-pt', pt ?? paddingTop),
+        ...generateSpacingClasses('ds-pb', pb ?? paddingBottom),
+        ...generateSpacingClasses('ds-pr', pr ?? paddingRight),
+        ...generateSpacingClasses('ds-pl', pl ?? paddingLeft),
+        ...generateSpacingClasses('ds-px', px),
+        ...generateSpacingClasses('ds-py', py),
+        'ds-print-hidden': !!printHidden,
+        'ds-print-visible-block': 'block' === printVisible,
+        'ds-print-visible-inline': 'inline' === printVisible,
+        '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 };

package/Base/wrap.native.js

@@ -0,0 +1,67 @@
+import react, { useContext, useMemo, useState } from "react";
+import { View } from "react-native";
+const WrapperContext = /*#__PURE__*/ react.createContext((cls)=>cls);
+const wrap_native_Wrapper = /*#__PURE__*/ react.memo(function({ children }) {
+    const [className, setClassName] = useState('');
+    return /*#__PURE__*/ react.createElement(WrapperContext.Provider, {
+        value: setClassName
+    }, /*#__PURE__*/ react.createElement(View, {
+        className: className,
+        focusable: false
+    }, children));
+});
+wrap_native_Wrapper.displayName = 'Wrapper';
+const wrap = (Component)=>{
+    const WrappedComponent = /*#__PURE__*/ react.forwardRef(function({ className, onBlur, onFocus, ...props }, ref) {
+        const setClassName = useContext(WrapperContext);
+        const wrapperClassNames = [];
+        const beforeClassNames = [];
+        const afterClassNames = [];
+        const focusedWrapperClassNames = [];
+        const classNames = useMemo(()=>(className?.split(' ') || []).filter((cls)=>{
+                if (cls.endsWith('__wrapper')) {
+                    wrapperClassNames.push(cls);
+                    focusedWrapperClassNames.push(`${cls}--focus`);
+                    return false;
+                }
+                if (cls.endsWith('__before')) {
+                    beforeClassNames.push(cls);
+                    return false;
+                }
+                if (cls.endsWith('__after')) {
+                    afterClassNames.push(cls);
+                    return false;
+                }
+                return true;
+            }), [
+            className
+        ]);
+        return /*#__PURE__*/ react.createElement(react.Fragment, null, beforeClassNames.length ? /*#__PURE__*/ react.createElement(View, {
+            focusable: false,
+            className: beforeClassNames.join(' ')
+        }) : '', /*#__PURE__*/ react.createElement(Component, {
+            ref: ref,
+            onFocus: (e)=>{
+                setClassName(focusedWrapperClassNames.join(' '));
+                if (onFocus) onFocus(e);
+            },
+            onBlur: (e)=>{
+                setClassName(wrapperClassNames.join(' '));
+                if (onBlur) onBlur(e);
+            },
+            className: classNames.join(' '),
+            ...props
+        }), afterClassNames.length ? /*#__PURE__*/ react.createElement(View, {
+            focusable: false,
+            className: afterClassNames.join(' ')
+        }) : '');
+    });
+    return /*#__PURE__*/ react.forwardRef(function(props, ref) {
+        const children = useMemo(()=>/*#__PURE__*/ react.createElement(WrappedComponent, {
+                ...props,
+                ref: ref
+            }), []);
+        return /*#__PURE__*/ react.createElement(wrap_native_Wrapper, null, children);
+    });
+};
+export { wrap };

package/Blockquote/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
+import { BaseProps } from '../Base/index.js';
 export interface BlockquoteProps extends BaseProps<'blockquote'> {
     /**
      * dense is optional.

package/Blockquote/index.js

@@ -1,26 +1,16 @@
-import React from "react";
+import react from "react";
 import clsx from "clsx";
-import Base from "@digigov/react-core/Base";
-const Blockquote = React.forwardRef(
-  function Blockquote2({ className, dense, children, ...props }, ref) {
-    return /* @__PURE__ */ React.createElement(
-      Base,
-      {
+import Base from "../Base/index.js";
+const Blockquote_Blockquote = /*#__PURE__*/ react.forwardRef(function({ className, dense, children, ...props }, ref) {
+    return /*#__PURE__*/ react.createElement(Base, {
         as: "blockquote",
-        ref,
+        ref: ref,
         className: clsx(className, {
-          "ds-blockquote": true,
-          "ds-blockquote--dense": dense
+            'ds-blockquote': true,
+            'ds-blockquote--dense': dense
         }),
         ...props
-      },
-      children
-    );
-  }
-);
-var Blockquote_default = Blockquote;
-export {
-  Blockquote,
-  Blockquote_default as default
-};
-//# sourceMappingURL=index.js.map
+    }, children);
+});
+const src_Blockquote = Blockquote_Blockquote;
+export { Blockquote_Blockquote as Blockquote, src_Blockquote as default };

package/Bottom/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
+import { BaseProps } from '../Base/index.js';
 export interface BottomProps extends BaseProps<'div'> {
 }
 /**

package/Bottom/index.js

@@ -1,25 +1,15 @@
-import React from "react";
+import react from "react";
 import clsx from "clsx";
-import Base from "@digigov/react-core/Base";
-const Bottom = React.forwardRef(
-  function Bottom2({ className, children, ...props }, ref) {
-    return /* @__PURE__ */ React.createElement(
-      Base,
-      {
+import Base from "../Base/index.js";
+const Bottom_Bottom = /*#__PURE__*/ react.forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ react.createElement(Base, {
         as: "div",
-        ref,
+        ref: ref,
         className: clsx(className, {
-          "ds-bottom": true
+            'ds-bottom': true
         }),
         ...props
-      },
-      children
-    );
-  }
-);
-var Bottom_default = Bottom;
-export {
-  Bottom,
-  Bottom_default as default
-};
-//# sourceMappingURL=index.js.map
+    }, children);
+});
+const src_Bottom = Bottom_Bottom;
+export { Bottom_Bottom as Bottom, src_Bottom as default };

package/BottomInfo/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ContainerProps } from '@digigov/react-core/Container';
+import { ContainerProps } from '../Container/index.js';
 export interface BottomInfoProps extends ContainerProps {
 }
 /**

package/BottomInfo/index.js

@@ -1,24 +1,14 @@
-import React from "react";
+import react from "react";
 import clsx from "clsx";
-import Container from "@digigov/react-core/Container";
-const BottomInfo = React.forwardRef(
-  function BottomInfo2({ className, children, ...props }, ref) {
-    return /* @__PURE__ */ React.createElement(
-      Container,
-      {
-        ref,
+import Container from "../Container/index.js";
+const BottomInfo_BottomInfo = /*#__PURE__*/ react.forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ react.createElement(Container, {
+        ref: ref,
         className: clsx(className, {
-          "ds-bottom-info": true
+            'ds-bottom-info': true
         }),
         ...props
-      },
-      children
-    );
-  }
-);
-var BottomInfo_default = BottomInfo;
-export {
-  BottomInfo,
-  BottomInfo_default as default
-};
-//# sourceMappingURL=index.js.map
+    }, children);
+});
+const src_BottomInfo = BottomInfo_BottomInfo;
+export { BottomInfo_BottomInfo as BottomInfo, src_BottomInfo as default };

package/BottomInfoContainer/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ContainerProps } from '@digigov/react-core/Container';
+import { ContainerProps } from '../Container/index.js';
 export interface BottomInfoContainerProps extends ContainerProps {
 }
 /**

package/BottomInfoContainer/index.js

@@ -1,22 +1,14 @@
-import React from "react";
+import react from "react";
 import clsx from "clsx";
-import Container from "@digigov/react-core/Container";
-const BottomInfoContainer = React.forwardRef(function BottomInfoContainer2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ React.createElement(
-    Container,
-    {
-      ref,
-      className: clsx(className, {
-        "ds-bottom-info__container": true
-      }),
-      ...props
-    },
-    children
-  );
+import Container from "../Container/index.js";
+const BottomInfoContainer_BottomInfoContainer = /*#__PURE__*/ react.forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ react.createElement(Container, {
+        ref: ref,
+        className: clsx(className, {
+            'ds-bottom-info__container': true
+        }),
+        ...props
+    }, children);
 });
-var BottomInfoContainer_default = BottomInfoContainer;
-export {
-  BottomInfoContainer,
-  BottomInfoContainer_default as default
-};
-//# sourceMappingURL=index.js.map
+const src_BottomInfoContainer = BottomInfoContainer_BottomInfoContainer;
+export { BottomInfoContainer_BottomInfoContainer as BottomInfoContainer, src_BottomInfoContainer as default };

package/BottomInfoContent/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { GridProps } from '@digigov/react-core/Grid';
+import { GridProps } from '../Grid/index.js';
 export interface BottomInfoContentProps extends GridProps {
 }
 /**

package/BottomInfoContent/index.js

@@ -1,24 +1,16 @@
-import React from "react";
+import react from "react";
 import clsx from "clsx";
-import Grid from "@digigov/react-core/Grid";
-const BottomInfoContent = React.forwardRef(function BottomInfoContent2({ className, xs = 12, children, ...props }, ref) {
-  return /* @__PURE__ */ React.createElement(
-    Grid,
-    {
-      item: true,
-      xs,
-      ref,
-      className: clsx(className, {
-        "ds-bottom-info__content": true
-      }),
-      ...props
-    },
-    children
-  );
+import Grid from "../Grid/index.js";
+const BottomInfoContent_BottomInfoContent = /*#__PURE__*/ react.forwardRef(function({ className, xs = 12, children, ...props }, ref) {
+    return /*#__PURE__*/ react.createElement(Grid, {
+        item: true,
+        xs: xs,
+        ref: ref,
+        className: clsx(className, {
+            'ds-bottom-info__content': true
+        }),
+        ...props
+    }, children);
 });
-var BottomInfoContent_default = BottomInfoContent;
-export {
-  BottomInfoContent,
-  BottomInfoContent_default as default
-};
-//# sourceMappingURL=index.js.map
+const src_BottomInfoContent = BottomInfoContent_BottomInfoContent;
+export { BottomInfoContent_BottomInfoContent as BottomInfoContent, src_BottomInfoContent as default };

package/Breadcrumbs/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
+import { BaseProps } from '../Base/index.js';
 export interface BreadcrumbsProps extends BaseProps<'div'> {
 }
 /**

package/Breadcrumbs/index.js

@@ -1,26 +1,16 @@
-import React from "react";
+import react from "react";
 import clsx from "clsx";
-import Base from "@digigov/react-core/Base";
-const Breadcrumbs = React.forwardRef(
-  function Breadcrumbs2({ className, children, ...props }, ref) {
-    return /* @__PURE__ */ React.createElement(
-      Base,
-      {
+import Base from "../Base/index.js";
+const Breadcrumbs_Breadcrumbs = /*#__PURE__*/ react.forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ react.createElement(Base, {
         as: "nav",
         "aria-label": "Breadcrumb",
-        ref,
+        ref: ref,
         className: clsx(className, {
-          "ds-breadcrumbs": true
+            'ds-breadcrumbs': true
         }),
         ...props
-      },
-      children
-    );
-  }
-);
-var Breadcrumbs_default = Breadcrumbs;
-export {
-  Breadcrumbs,
-  Breadcrumbs_default as default
-};
-//# sourceMappingURL=index.js.map
+    }, children);
+});
+const src_Breadcrumbs = Breadcrumbs_Breadcrumbs;
+export { Breadcrumbs_Breadcrumbs as Breadcrumbs, src_Breadcrumbs as default };

package/BreadcrumbsList/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BaseProps } from '@digigov/react-core/Base';
+import { BaseProps } from '../Base/index.js';
 export interface BreadcrumbsListProps extends BaseProps<'ol'> {
 }
 /**

package/BreadcrumbsList/index.js

@@ -1,23 +1,15 @@
-import React from "react";
+import react from "react";
 import clsx from "clsx";
-import Base from "@digigov/react-core/Base";
-const BreadcrumbsList = React.forwardRef(function BreadcrumbsList2({ className, children, ...props }, ref) {
-  return /* @__PURE__ */ React.createElement(
-    Base,
-    {
-      as: "ol",
-      ref,
-      className: clsx(className, {
-        "ds-breadcrumbs__list": true
-      }),
-      ...props
-    },
-    children
-  );
+import Base from "../Base/index.js";
+const BreadcrumbsList_BreadcrumbsList = /*#__PURE__*/ react.forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ react.createElement(Base, {
+        as: "ol",
+        ref: ref,
+        className: clsx(className, {
+            'ds-breadcrumbs__list': true
+        }),
+        ...props
+    }, children);
 });
-var BreadcrumbsList_default = BreadcrumbsList;
-export {
-  BreadcrumbsList,
-  BreadcrumbsList_default as default
-};
-//# sourceMappingURL=index.js.map
+const src_BreadcrumbsList = BreadcrumbsList_BreadcrumbsList;
+export { BreadcrumbsList_BreadcrumbsList as BreadcrumbsList, src_BreadcrumbsList as default };