@digigov/react-core 2.0.0-rc.18 → 2.0.0-rc.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Base/index.native/index.js +47 -42
- package/Base/index.native.js.map +2 -2
- package/Base/index.web/index.js +41 -41
- package/Base/index.web.d.ts +32 -25
- package/Base/index.web.js.map +2 -2
- package/Base/utils/index.js +50 -43
- package/Base/utils.d.ts +1 -2
- package/Base/utils.js.map +2 -2
- package/CheckboxItemInput/index.native.d.ts +1 -2
- package/CopyToClipboardMessage/index.native.d.ts +1 -2
- package/DateInputItem/index.native.d.ts +1 -2
- package/Details/index.native.d.ts +1 -2
- package/ModalContainer/index.js +1 -7
- package/ModalContainer/index.js.map +2 -2
- package/NavListItemActionContainer/index.native.d.ts +2 -3
- package/NotificationBannerLink/index.native.d.ts +1 -2
- package/Stack/index.d.ts +9 -1
- package/Stack/index.js +6 -1
- package/Stack/index.js.map +2 -2
- package/TextArea/index.native.d.ts +1 -2
- package/TextInput/index.native.d.ts +1 -2
- package/Unpurge/index.js +2381 -2
- package/Unpurge/index.js.map +2 -2
- package/cjs/Base/index.native/index.js +47 -42
- package/cjs/Base/index.native.js.map +2 -2
- package/cjs/Base/index.web/index.js +41 -41
- package/cjs/Base/index.web.js.map +2 -2
- package/cjs/Base/utils/index.js +50 -43
- package/cjs/Base/utils.js.map +2 -2
- package/cjs/ModalContainer/index.js +1 -7
- package/cjs/ModalContainer/index.js.map +2 -2
- package/cjs/Stack/index.js +6 -1
- package/cjs/Stack/index.js.map +2 -2
- package/cjs/Unpurge/index.js +2381 -2
- package/cjs/Unpurge/index.js.map +2 -2
- package/cjs/lazy/index.js +1 -1
- package/cjs/lazy.js.map +2 -2
- package/cjs/registry/index.js +2 -0
- package/cjs/registry.js.map +2 -2
- package/index.js +1 -1
- package/lazy/index.js +1 -1
- package/lazy.d.ts +2 -2
- package/lazy.js.map +2 -2
- package/package.json +3 -3
- package/registry/index.js +2 -0
- package/registry.d.ts +1 -0
- package/registry.js.map +2 -2
- package/src/Base/index.native.tsx +59 -42
- package/src/Base/index.web.tsx +76 -67
- package/src/Base/utils.ts +38 -28
- package/src/ModalContainer/index.tsx +12 -10
- package/src/Stack/index.tsx +32 -13
- package/src/Unpurge/index.tsx +2383 -3
- package/src/lazy.js +1 -1
- package/src/registry.js +2 -0
|
@@ -10,6 +10,7 @@ const BooleanMapper = {
|
|
|
10
10
|
null: false,
|
|
11
11
|
"": false
|
|
12
12
|
};
|
|
13
|
+
const textHtmlTags = ["h1", "h2", "h3", "h4", "h5", "p", "span"];
|
|
13
14
|
const Base = React.forwardRef(function Base2({
|
|
14
15
|
as,
|
|
15
16
|
display,
|
|
@@ -56,6 +57,47 @@ const Base = React.forwardRef(function Base2({
|
|
|
56
57
|
...props
|
|
57
58
|
}, ref) {
|
|
58
59
|
const classNames = className?.split(" ") || [];
|
|
60
|
+
let applyBasePropsToWrapper = true;
|
|
61
|
+
const basePropToClassName = basePropGenerator({
|
|
62
|
+
display,
|
|
63
|
+
margin,
|
|
64
|
+
marginTop,
|
|
65
|
+
marginBottom,
|
|
66
|
+
marginLeft,
|
|
67
|
+
marginRight,
|
|
68
|
+
m,
|
|
69
|
+
mt,
|
|
70
|
+
mb,
|
|
71
|
+
ml,
|
|
72
|
+
mr,
|
|
73
|
+
mx,
|
|
74
|
+
my,
|
|
75
|
+
padding,
|
|
76
|
+
paddingTop,
|
|
77
|
+
paddingBottom,
|
|
78
|
+
paddingLeft,
|
|
79
|
+
paddingRight,
|
|
80
|
+
p,
|
|
81
|
+
pt,
|
|
82
|
+
pb,
|
|
83
|
+
pr,
|
|
84
|
+
pl,
|
|
85
|
+
px,
|
|
86
|
+
py,
|
|
87
|
+
printHidden,
|
|
88
|
+
printVisible,
|
|
89
|
+
hidden,
|
|
90
|
+
xsUpHidden,
|
|
91
|
+
smUpHidden,
|
|
92
|
+
mdUpHidden,
|
|
93
|
+
lgUpHidden,
|
|
94
|
+
xlUpHidden,
|
|
95
|
+
xsHidden,
|
|
96
|
+
smHidden,
|
|
97
|
+
mdHidden,
|
|
98
|
+
lgHidden,
|
|
99
|
+
xlHidden
|
|
100
|
+
});
|
|
59
101
|
if (typeof children === "string") {
|
|
60
102
|
children = [children];
|
|
61
103
|
}
|
|
@@ -70,11 +112,14 @@ const Base = React.forwardRef(function Base2({
|
|
|
70
112
|
return child2;
|
|
71
113
|
});
|
|
72
114
|
} else if (typeof child === "string") {
|
|
115
|
+
if (as && textHtmlTags.includes(as)) {
|
|
116
|
+
applyBasePropsToWrapper = false;
|
|
117
|
+
}
|
|
73
118
|
return /* @__PURE__ */ React.createElement(
|
|
74
119
|
Text,
|
|
75
120
|
{
|
|
76
121
|
key: index,
|
|
77
|
-
className: textClassNames
|
|
122
|
+
className: applyBasePropsToWrapper ? textClassNames : `${textClassNames} ${basePropToClassName}`,
|
|
78
123
|
...props.onClick && {
|
|
79
124
|
onPress: props.onClick
|
|
80
125
|
}
|
|
@@ -107,47 +152,7 @@ const Base = React.forwardRef(function Base2({
|
|
|
107
152
|
...props,
|
|
108
153
|
ref,
|
|
109
154
|
"aria-expanded": ariaExpanded === "false" ? false : ariaExpanded === true ? true : void 0,
|
|
110
|
-
className:
|
|
111
|
-
display,
|
|
112
|
-
margin,
|
|
113
|
-
marginTop,
|
|
114
|
-
marginBottom,
|
|
115
|
-
marginLeft,
|
|
116
|
-
marginRight,
|
|
117
|
-
m,
|
|
118
|
-
mt,
|
|
119
|
-
mb,
|
|
120
|
-
ml,
|
|
121
|
-
mr,
|
|
122
|
-
mx,
|
|
123
|
-
my,
|
|
124
|
-
padding,
|
|
125
|
-
paddingTop,
|
|
126
|
-
paddingBottom,
|
|
127
|
-
paddingLeft,
|
|
128
|
-
paddingRight,
|
|
129
|
-
p,
|
|
130
|
-
pt,
|
|
131
|
-
pb,
|
|
132
|
-
pr,
|
|
133
|
-
pl,
|
|
134
|
-
px,
|
|
135
|
-
py,
|
|
136
|
-
printHidden,
|
|
137
|
-
printVisible,
|
|
138
|
-
hidden,
|
|
139
|
-
xsUpHidden,
|
|
140
|
-
smUpHidden,
|
|
141
|
-
mdUpHidden,
|
|
142
|
-
lgUpHidden,
|
|
143
|
-
xlUpHidden,
|
|
144
|
-
xsHidden,
|
|
145
|
-
smHidden,
|
|
146
|
-
mdHidden,
|
|
147
|
-
lgHidden,
|
|
148
|
-
xlHidden,
|
|
149
|
-
className
|
|
150
|
-
})
|
|
155
|
+
className: applyBasePropsToWrapper ? `${basePropToClassName} ${className}` : className
|
|
151
156
|
},
|
|
152
157
|
children
|
|
153
158
|
);
|
package/Base/index.native.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Base/index.native.tsx"],
|
|
4
|
-
"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};\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 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 return (\n <Text\n key={index}\n className={textClassNames}\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={
|
|
5
|
-
"mappings": "AAAA,OAAO,SAAS,eAAe;AAC/B,SAAS,MAAM,YAAuB;AAEtC,SAAS,eAAe;AACxB,SAAS,yBAAyB;AAClC,SAAS,YAAY;AAQrB,MAAM,gBAAgB;AAAA,EACpB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,WAAW;AAAA,EACX,MAAM;AAAA,EACN,IAAI;AACN;
|
|
4
|
+
"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: boolean = 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"],
|
|
5
|
+
"mappings": "AAAA,OAAO,SAAS,eAAe;AAC/B,SAAS,MAAM,YAAuB;AAEtC,SAAS,eAAe;AACxB,SAAS,yBAAyB;AAClC,SAAS,YAAY;AAQrB,MAAM,gBAAgB;AAAA,EACpB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,WAAW;AAAA,EACX,MAAM;AAAA,EACN,IAAI;AACN;AAEA,MAAM,eAAe,CAAC,MAAM,MAAM,MAAM,MAAM,MAAM,KAAK,MAAM;AAExD,MAAM,OAAsB,MAAM,WAAW,SAASA,MAG3D;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,GAAG;AACL,GACA,KACA;AACA,QAAM,aAAa,WAAW,MAAM,GAAG,KAAK,CAAC;AAC7C,MAAI,0BAAmC;AAEvC,QAAM,sBAAsB,kBAAkB;AAAA,IAC5C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,MAAI,OAAO,aAAa,UAAU;AAChC,eAAW,CAAC,QAAQ;AAAA,EACtB;AACA,MAAI,MAAM,QAAQ,QAAQ,GAAG;AAC3B,UAAM,iBAAiB,YACnB,IAAI,CAACC,eAAc,GAAGA,UAAS,QAAQ,EACxC,KAAK,GAAG;AACX,eAAW,SAAS,IAAI,CAAC,OAAO,UAAU;AACxC,UAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,eAAO,MAAM,IAAI,CAACC,QAAOC,WAAU;AACjC,cAAI,OAAOD,WAAU,UAAU;AAC7B,mBACE,oCAAC,QAAK,KAAKC,QAAO,WAAW,kBAC1BD,MACH;AAAA,UAEJ;AACA,iBAAOA;AAAA,QACT,CAAC;AAAA,MACH,WAAW,OAAO,UAAU,UAAU;AACpC,YAAI,MAAM,aAAa,SAAS,EAAY,GAAG;AAC7C,oCAA0B;AAAA,QAC5B;AACA,eACE;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,WACE,0BACI,iBACA,GAAG,cAAc,IAAI,mBAAmB;AAAA,YAE7C,GAAI,MAAM,WAAW;AAAA,cACpB,SAAS,MAAM;AAAA,YACjB;AAAA;AAAA,UAEC;AAAA,QACH;AAAA,MAEJ;AACA,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AACA,QAAM,YAAY,QAAQ,MAAM;AAC9B,UAAM,IAAI,QAAQ,EAAiC,KAAK;AACxD,QACE,WAAW;AAAA,MAAK,CAACD,eACfA,WAAU,MAAM,6BAA6B;AAAA,IAC/C,GACA;AACA,aAAO,KAAK,CAAC;AAAA,IACf;AACA,WAAO;AAAA,EACT,GAAG,CAAC,SAAS,CAAC;AAEd,SAAO,KAAK,KAAK,EAAE,QAAQ,CAAC,MAAM;AAChC,QAAI,EAAE,WAAW,MAAM,GAAG;AACxB,UAAI,cAAc,MAAM,CAAuB,CAAC,MAAM,QAAW;AAC/D,cAAM,CAAuB,IAC3B,cAAc,MAAM,CAAuB,CAAC;AAAA,MAChD;AAAA,IACF;AAAA,EACF,CAAC;AACD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,iBACG,iBAAuC,UACpC,QACA,iBAAiB,OACf,OACA;AAAA,MAER,WACE,0BACI,GAAG,mBAAmB,IAAI,SAAS,KACnC;AAAA;AAAA,IAGL;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,uBAAQ;",
|
|
6
6
|
"names": ["Base", "className", "child", "index"]
|
|
7
7
|
}
|
package/Base/index.web/index.js
CHANGED
|
@@ -45,51 +45,51 @@ const Base = React.forwardRef(function Base2({
|
|
|
45
45
|
...props
|
|
46
46
|
}, ref) {
|
|
47
47
|
const Component = as || "span";
|
|
48
|
+
const basePropToClassName = basePropGenerator({
|
|
49
|
+
display,
|
|
50
|
+
margin,
|
|
51
|
+
marginTop,
|
|
52
|
+
marginBottom,
|
|
53
|
+
marginLeft,
|
|
54
|
+
marginRight,
|
|
55
|
+
m,
|
|
56
|
+
mt,
|
|
57
|
+
mb,
|
|
58
|
+
ml,
|
|
59
|
+
mr,
|
|
60
|
+
mx,
|
|
61
|
+
my,
|
|
62
|
+
padding,
|
|
63
|
+
paddingTop,
|
|
64
|
+
paddingBottom,
|
|
65
|
+
paddingLeft,
|
|
66
|
+
paddingRight,
|
|
67
|
+
p,
|
|
68
|
+
pt,
|
|
69
|
+
pb,
|
|
70
|
+
pr,
|
|
71
|
+
pl,
|
|
72
|
+
px,
|
|
73
|
+
py,
|
|
74
|
+
printHidden,
|
|
75
|
+
printVisible,
|
|
76
|
+
hidden,
|
|
77
|
+
xsUpHidden,
|
|
78
|
+
smUpHidden,
|
|
79
|
+
mdUpHidden,
|
|
80
|
+
lgUpHidden,
|
|
81
|
+
xlUpHidden,
|
|
82
|
+
xsHidden,
|
|
83
|
+
smHidden,
|
|
84
|
+
mdHidden,
|
|
85
|
+
lgHidden,
|
|
86
|
+
xlHidden
|
|
87
|
+
});
|
|
48
88
|
return /* @__PURE__ */ React.createElement(
|
|
49
89
|
Component,
|
|
50
90
|
{
|
|
51
91
|
as,
|
|
52
|
-
className:
|
|
53
|
-
display,
|
|
54
|
-
margin,
|
|
55
|
-
marginTop,
|
|
56
|
-
marginBottom,
|
|
57
|
-
marginLeft,
|
|
58
|
-
marginRight,
|
|
59
|
-
m,
|
|
60
|
-
mt,
|
|
61
|
-
mb,
|
|
62
|
-
ml,
|
|
63
|
-
mr,
|
|
64
|
-
mx,
|
|
65
|
-
my,
|
|
66
|
-
padding,
|
|
67
|
-
paddingTop,
|
|
68
|
-
paddingBottom,
|
|
69
|
-
paddingLeft,
|
|
70
|
-
paddingRight,
|
|
71
|
-
p,
|
|
72
|
-
pt,
|
|
73
|
-
pb,
|
|
74
|
-
pr,
|
|
75
|
-
pl,
|
|
76
|
-
px,
|
|
77
|
-
py,
|
|
78
|
-
printHidden,
|
|
79
|
-
printVisible,
|
|
80
|
-
hidden,
|
|
81
|
-
xsUpHidden,
|
|
82
|
-
smUpHidden,
|
|
83
|
-
mdUpHidden,
|
|
84
|
-
lgUpHidden,
|
|
85
|
-
xlUpHidden,
|
|
86
|
-
xsHidden,
|
|
87
|
-
smHidden,
|
|
88
|
-
mdHidden,
|
|
89
|
-
lgHidden,
|
|
90
|
-
xlHidden,
|
|
91
|
-
className
|
|
92
|
-
}),
|
|
92
|
+
className: `${basePropToClassName} ${className}`,
|
|
93
93
|
ref,
|
|
94
94
|
...props
|
|
95
95
|
},
|
package/Base/index.web.d.ts
CHANGED
|
@@ -12,53 +12,53 @@ type PolymorphicComponentPropWithRef<C extends React.ElementType, Props = Record
|
|
|
12
12
|
*/
|
|
13
13
|
export type BaseProps<C extends React.ElementType> = PolymorphicComponentPropWithRef<C, {
|
|
14
14
|
/** margin is optional. It has not a default value. */
|
|
15
|
-
margin?:
|
|
15
|
+
margin?: SpacingValues | SpacingMediaValues;
|
|
16
16
|
/** marginTop is optional. It has not a default value. */
|
|
17
|
-
marginTop?:
|
|
17
|
+
marginTop?: SpacingValues | SpacingMediaValues;
|
|
18
18
|
/** marginBottom is optional. It has not a default value. */
|
|
19
|
-
marginBottom?:
|
|
19
|
+
marginBottom?: SpacingValues | SpacingMediaValues;
|
|
20
20
|
/** marginLeft is optional. It has not a default value. */
|
|
21
|
-
marginLeft?:
|
|
21
|
+
marginLeft?: SpacingValues | SpacingMediaValues;
|
|
22
22
|
/** marginRight is optional. It has not a default value. */
|
|
23
|
-
marginRight?:
|
|
23
|
+
marginRight?: SpacingValues | SpacingMediaValues;
|
|
24
24
|
/** Alternative for margin. Margin is optional. It has not a default value. */
|
|
25
|
-
m?:
|
|
25
|
+
m?: SpacingValues | SpacingMediaValues;
|
|
26
26
|
/** Alternative for marginTop. MarginTop is optional. It has not a default value. */
|
|
27
|
-
mt?:
|
|
27
|
+
mt?: SpacingValues | SpacingMediaValues;
|
|
28
28
|
/** Alternative for marginBottom. MarginBottom is optional. It has not a default value. */
|
|
29
|
-
mb?:
|
|
29
|
+
mb?: SpacingValues | SpacingMediaValues;
|
|
30
30
|
/** Alternative for marginLeft. MarginLeft is optional. It has not a default value. */
|
|
31
|
-
ml?:
|
|
31
|
+
ml?: SpacingValues | SpacingMediaValues;
|
|
32
32
|
/** Alternative for marginRight. MarginRight is optional. It has not a default value. */
|
|
33
|
-
mr?:
|
|
33
|
+
mr?: SpacingValues | SpacingMediaValues;
|
|
34
34
|
/** Alternative for marginX. MarginX is optional. It has not a default value. */
|
|
35
|
-
mx?:
|
|
35
|
+
mx?: SpacingValues | SpacingMediaValues;
|
|
36
36
|
/** Alternative for marginY. MarginY is optional. It has not a default value. */
|
|
37
|
-
my?:
|
|
37
|
+
my?: SpacingValues | SpacingMediaValues;
|
|
38
38
|
/** padding is optional. It has not a default value. */
|
|
39
|
-
padding?:
|
|
39
|
+
padding?: SpacingValues | SpacingMediaValues;
|
|
40
40
|
/** paddingTop is optional. It has not a default value. */
|
|
41
|
-
paddingTop?:
|
|
41
|
+
paddingTop?: SpacingValues | SpacingMediaValues;
|
|
42
42
|
/** paddingBottom is optional. It has not a default value. */
|
|
43
|
-
paddingBottom?:
|
|
43
|
+
paddingBottom?: SpacingValues | SpacingMediaValues;
|
|
44
44
|
/** paddingLeft is optional. It has not a default value. */
|
|
45
|
-
paddingLeft?:
|
|
45
|
+
paddingLeft?: SpacingValues | SpacingMediaValues;
|
|
46
46
|
/** paddingRight is optional. It has not a default value. */
|
|
47
|
-
paddingRight?:
|
|
47
|
+
paddingRight?: SpacingValues | SpacingMediaValues;
|
|
48
48
|
/** Alternative for padding. Padding is optional. It has not a default value. */
|
|
49
|
-
p?:
|
|
49
|
+
p?: SpacingValues | SpacingMediaValues;
|
|
50
50
|
/** Alternative for paddingTop. PaddingTop is optional. It has not a default value. */
|
|
51
|
-
pt?:
|
|
51
|
+
pt?: SpacingValues | SpacingMediaValues;
|
|
52
52
|
/** Alternative for paddingBottom. PaddingBottom is optional. It has not a default value. */
|
|
53
|
-
pb?:
|
|
53
|
+
pb?: SpacingValues | SpacingMediaValues;
|
|
54
54
|
/** Alternative for paddingLeft. PaddingLeft is optional. It has not a default value. */
|
|
55
|
-
pl?:
|
|
55
|
+
pl?: SpacingValues | SpacingMediaValues;
|
|
56
56
|
/** Alternative for paddingRight. PaddingRight is optional. It has not a default value. */
|
|
57
|
-
pr?:
|
|
57
|
+
pr?: SpacingValues | SpacingMediaValues;
|
|
58
58
|
/** Alternative for paddingX. PaddingX is optional. It has not a default value. */
|
|
59
|
-
px?:
|
|
59
|
+
px?: SpacingValues | SpacingMediaValues;
|
|
60
60
|
/** Alternative for paddingY. PaddingY is optional. It has not a default value. */
|
|
61
|
-
py?:
|
|
61
|
+
py?: SpacingValues | SpacingMediaValues;
|
|
62
62
|
/** printHidden is optional. Default value is false. When true, the component is hidden at print. */
|
|
63
63
|
printHidden?: boolean;
|
|
64
64
|
/** printVisible is optional. When block, the component is displayed as block. When inline, the component is displayed as inline.*/
|
|
@@ -88,7 +88,14 @@ export type BaseProps<C extends React.ElementType> = PolymorphicComponentPropWit
|
|
|
88
88
|
/** display is optional. It has not a default value. */
|
|
89
89
|
display?: 'flex' | 'block' | 'none';
|
|
90
90
|
}>;
|
|
91
|
-
type
|
|
91
|
+
export type SpacingValues = 0 | 0.5 | 1 | 1.5 | 2 | 2.5 | 3 | 3.5 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 14 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96;
|
|
92
|
+
export type SpacingMediaValues = {
|
|
93
|
+
xs?: SpacingValues;
|
|
94
|
+
sm?: SpacingValues;
|
|
95
|
+
md?: SpacingValues;
|
|
96
|
+
lg?: SpacingValues;
|
|
97
|
+
xl?: SpacingValues;
|
|
98
|
+
};
|
|
92
99
|
/**
|
|
93
100
|
* This is the type used in the type annotation for the component
|
|
94
101
|
*/
|
package/Base/index.web.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Base/index.web.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { basePropGenerator } from '@digigov/react-core/Base/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?:
|
|
5
|
-
"mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,yBAAyB;
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { basePropGenerator } from '@digigov/react-core/Base/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 | SpacingMediaValues;\n /** marginTop is optional. It has not a default value. */\n marginTop?: SpacingValues | SpacingMediaValues;\n /** marginBottom is optional. It has not a default value. */\n marginBottom?: SpacingValues | SpacingMediaValues;\n /** marginLeft is optional. It has not a default value. */\n marginLeft?: SpacingValues | SpacingMediaValues;\n /** marginRight is optional. It has not a default value. */\n marginRight?: SpacingValues | SpacingMediaValues;\n /** Alternative for margin. Margin is optional. It has not a default value. */\n m?: SpacingValues | SpacingMediaValues;\n /** Alternative for marginTop. MarginTop is optional. It has not a default value. */\n mt?: SpacingValues | SpacingMediaValues;\n /** Alternative for marginBottom. MarginBottom is optional. It has not a default value. */\n mb?: SpacingValues | SpacingMediaValues;\n /** Alternative for marginLeft. MarginLeft is optional. It has not a default value. */\n ml?: SpacingValues | SpacingMediaValues;\n /** Alternative for marginRight. MarginRight is optional. It has not a default value. */\n mr?: SpacingValues | SpacingMediaValues;\n /** Alternative for marginX. MarginX is optional. It has not a default value. */\n mx?: SpacingValues | SpacingMediaValues;\n /** Alternative for marginY. MarginY is optional. It has not a default value. */\n my?: SpacingValues | SpacingMediaValues;\n /** padding is optional. It has not a default value. */\n padding?: SpacingValues | SpacingMediaValues;\n /** paddingTop is optional. It has not a default value. */\n paddingTop?: SpacingValues | SpacingMediaValues;\n /** paddingBottom is optional. It has not a default value. */\n paddingBottom?: SpacingValues | SpacingMediaValues;\n /** paddingLeft is optional. It has not a default value. */\n paddingLeft?: SpacingValues | SpacingMediaValues;\n /** paddingRight is optional. It has not a default value. */\n paddingRight?: SpacingValues | SpacingMediaValues;\n /** Alternative for padding. Padding is optional. It has not a default value. */\n p?: SpacingValues | SpacingMediaValues;\n /** Alternative for paddingTop. PaddingTop is optional. It has not a default value. */\n pt?: SpacingValues | SpacingMediaValues;\n /** Alternative for paddingBottom. PaddingBottom is optional. It has not a default value. */\n pb?: SpacingValues | SpacingMediaValues;\n /** Alternative for paddingLeft. PaddingLeft is optional. It has not a default value. */\n pl?: SpacingValues | SpacingMediaValues;\n /** Alternative for paddingRight. PaddingRight is optional. It has not a default value. */\n pr?: SpacingValues | SpacingMediaValues;\n /** Alternative for paddingX. PaddingX is optional. It has not a default value. */\n px?: SpacingValues | SpacingMediaValues;\n /** Alternative for paddingY. PaddingY is optional. It has not a default value. */\n py?: SpacingValues | SpacingMediaValues;\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 /** display is optional. It has not a default value. */\n display?: 'flex' | 'block' | 'none';\n }\n >;\n\nexport type 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\nexport type SpacingMediaValues = {\n xs?: SpacingValues;\n sm?: SpacingValues;\n md?: SpacingValues;\n lg?: SpacingValues;\n xl?: SpacingValues;\n};\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 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 children,\n className,\n ...props\n }: BaseProps<C>,\n ref?: PolymorphicRef<C>\n) {\n const Component = as || 'span';\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 return (\n <Component\n as={as}\n className={`${basePropToClassName} ${className}`}\n ref={ref}\n {...props}\n >\n {children}\n </Component>\n );\n});\n\nexport default Base;\n"],
|
|
5
|
+
"mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,yBAAyB;AAkK3B,MAAM,OAAsB,MAAM,WAAW,SAASA,MAG3D;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,QAAM,YAAY,MAAM;AAExB,QAAM,sBAAsB,kBAAkB;AAAA,IAC5C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,mBAAmB,IAAI,SAAS;AAAA,MAC9C;AAAA,MACC,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,oBAAQ;",
|
|
6
6
|
"names": ["Base"]
|
|
7
7
|
}
|
package/Base/utils/index.js
CHANGED
|
@@ -1,4 +1,20 @@
|
|
|
1
1
|
import clsx from "clsx";
|
|
2
|
+
const generateSpacingClasses = (prefix, spacing) => {
|
|
3
|
+
if (typeof spacing === "object") {
|
|
4
|
+
return {
|
|
5
|
+
[`${prefix}-xs-${spacing?.xs}`]: spacing?.xs !== void 0,
|
|
6
|
+
[`${prefix}-sm-${spacing?.sm}`]: spacing?.sm !== void 0,
|
|
7
|
+
[`${prefix}-md-${spacing?.md}`]: spacing?.md !== void 0,
|
|
8
|
+
[`${prefix}-lg-${spacing?.lg}`]: spacing?.lg !== void 0,
|
|
9
|
+
[`${prefix}-xl-${spacing?.xl}`]: spacing?.xl !== void 0
|
|
10
|
+
};
|
|
11
|
+
} else if (spacing !== void 0) {
|
|
12
|
+
return {
|
|
13
|
+
[`${prefix}-${spacing}`]: true
|
|
14
|
+
};
|
|
15
|
+
}
|
|
16
|
+
return {};
|
|
17
|
+
};
|
|
2
18
|
const basePropGenerator = ({
|
|
3
19
|
display,
|
|
4
20
|
margin,
|
|
@@ -37,49 +53,40 @@ const basePropGenerator = ({
|
|
|
37
53
|
smHidden,
|
|
38
54
|
mdHidden,
|
|
39
55
|
lgHidden,
|
|
40
|
-
xlHidden
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
"ds-hidden-md-up": !!mdUpHidden,
|
|
75
|
-
"ds-hidden-lg-up": !!lgUpHidden,
|
|
76
|
-
"ds-hidden-xl-up": !!xlUpHidden,
|
|
77
|
-
"ds-hidden-xs": !!xsHidden,
|
|
78
|
-
"ds-hidden-sm": !!smHidden,
|
|
79
|
-
"ds-hidden-md": !!mdHidden,
|
|
80
|
-
"ds-hidden-lg": !!lgHidden,
|
|
81
|
-
"ds-hidden-xl": !!xlHidden
|
|
82
|
-
});
|
|
56
|
+
xlHidden
|
|
57
|
+
}) => {
|
|
58
|
+
return clsx({
|
|
59
|
+
[`ds-display-${display}`]: display !== void 0,
|
|
60
|
+
...generateSpacingClasses("ds-m", m ?? margin),
|
|
61
|
+
...generateSpacingClasses("ds-mt", mt ?? marginTop),
|
|
62
|
+
...generateSpacingClasses("ds-mb", mb ?? marginBottom),
|
|
63
|
+
...generateSpacingClasses("ds-mr", mr ?? marginRight),
|
|
64
|
+
...generateSpacingClasses("ds-ml", ml ?? marginLeft),
|
|
65
|
+
...generateSpacingClasses("ds-mx", mx),
|
|
66
|
+
...generateSpacingClasses("ds-my", my),
|
|
67
|
+
...generateSpacingClasses("ds-p", p ?? padding),
|
|
68
|
+
...generateSpacingClasses("ds-pt", pt ?? paddingTop),
|
|
69
|
+
...generateSpacingClasses("ds-pb", pb ?? paddingBottom),
|
|
70
|
+
...generateSpacingClasses("ds-pr", pr ?? paddingRight),
|
|
71
|
+
...generateSpacingClasses("ds-pl", pl ?? paddingLeft),
|
|
72
|
+
...generateSpacingClasses("ds-px", px),
|
|
73
|
+
...generateSpacingClasses("ds-py", py),
|
|
74
|
+
"ds-print-hidden": !!printHidden,
|
|
75
|
+
"ds-print-visible-block": printVisible === "block",
|
|
76
|
+
"ds-print-visible-inline": printVisible === "inline",
|
|
77
|
+
"ds-hidden": !!hidden,
|
|
78
|
+
"ds-hidden-xs-up": !!xsUpHidden,
|
|
79
|
+
"ds-hidden-sm-up": !!smUpHidden,
|
|
80
|
+
"ds-hidden-md-up": !!mdUpHidden,
|
|
81
|
+
"ds-hidden-lg-up": !!lgUpHidden,
|
|
82
|
+
"ds-hidden-xl-up": !!xlUpHidden,
|
|
83
|
+
"ds-hidden-xs": !!xsHidden,
|
|
84
|
+
"ds-hidden-sm": !!smHidden,
|
|
85
|
+
"ds-hidden-md": !!mdHidden,
|
|
86
|
+
"ds-hidden-lg": !!lgHidden,
|
|
87
|
+
"ds-hidden-xl": !!xlHidden
|
|
88
|
+
});
|
|
89
|
+
};
|
|
83
90
|
export {
|
|
84
91
|
basePropGenerator
|
|
85
92
|
};
|
package/Base/utils.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare 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,
|
|
1
|
+
export declare 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, }: {
|
|
2
2
|
display: any;
|
|
3
3
|
margin: any;
|
|
4
4
|
marginTop: any;
|
|
@@ -37,5 +37,4 @@ export declare const basePropGenerator: ({ display, margin, marginTop, marginBot
|
|
|
37
37
|
mdHidden: any;
|
|
38
38
|
lgHidden: any;
|
|
39
39
|
xlHidden: any;
|
|
40
|
-
className: any;
|
|
41
40
|
}) => string;
|
package/Base/utils.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Base/utils.ts"],
|
|
4
|
-
"sourcesContent": ["import clsx from 'clsx';\n\nexport const 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
|
|
5
|
-
"mappings": "AAAA,OAAO,UAAU;
|
|
4
|
+
"sourcesContent": ["import clsx from 'clsx';\n\n// Helper function to handle both SpacingValues and SpacingMediaValues\nconst generateSpacingClasses = (prefix, spacing) => {\n if (typeof spacing === 'object') {\n // It's a SpacingMediaValues (media-specific)\n return {\n [`${prefix}-xs-${spacing?.xs}`]: spacing?.xs !== undefined,\n [`${prefix}-sm-${spacing?.sm}`]: spacing?.sm !== undefined,\n [`${prefix}-md-${spacing?.md}`]: spacing?.md !== undefined,\n [`${prefix}-lg-${spacing?.lg}`]: spacing?.lg !== undefined,\n [`${prefix}-xl-${spacing?.xl}`]: spacing?.xl !== undefined,\n };\n } else if (spacing !== undefined) {\n // It's a regular SpacingValues\n return {\n [`${prefix}-${spacing}`]: true,\n };\n }\n return {};\n};\n\nexport const 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 return clsx({\n [`ds-display-${display}`]: display !== undefined,\n ...generateSpacingClasses('ds-m', m ?? margin),\n ...generateSpacingClasses('ds-mt', mt ?? marginTop),\n ...generateSpacingClasses('ds-mb', mb ?? marginBottom),\n ...generateSpacingClasses('ds-mr', mr ?? marginRight),\n ...generateSpacingClasses('ds-ml', ml ?? marginLeft),\n ...generateSpacingClasses('ds-mx', mx),\n ...generateSpacingClasses('ds-my', my),\n ...generateSpacingClasses('ds-p', p ?? padding),\n ...generateSpacingClasses('ds-pt', pt ?? paddingTop),\n ...generateSpacingClasses('ds-pb', pb ?? paddingBottom),\n ...generateSpacingClasses('ds-pr', pr ?? paddingRight),\n ...generateSpacingClasses('ds-pl', pl ?? paddingLeft),\n ...generateSpacingClasses('ds-px', px),\n ...generateSpacingClasses('ds-py', py),\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};\n"],
|
|
5
|
+
"mappings": "AAAA,OAAO,UAAU;AAGjB,MAAM,yBAAyB,CAAC,QAAQ,YAAY;AAClD,MAAI,OAAO,YAAY,UAAU;AAE/B,WAAO;AAAA,MACL,CAAC,GAAG,MAAM,OAAO,SAAS,EAAE,EAAE,GAAG,SAAS,OAAO;AAAA,MACjD,CAAC,GAAG,MAAM,OAAO,SAAS,EAAE,EAAE,GAAG,SAAS,OAAO;AAAA,MACjD,CAAC,GAAG,MAAM,OAAO,SAAS,EAAE,EAAE,GAAG,SAAS,OAAO;AAAA,MACjD,CAAC,GAAG,MAAM,OAAO,SAAS,EAAE,EAAE,GAAG,SAAS,OAAO;AAAA,MACjD,CAAC,GAAG,MAAM,OAAO,SAAS,EAAE,EAAE,GAAG,SAAS,OAAO;AAAA,IACnD;AAAA,EACF,WAAW,YAAY,QAAW;AAEhC,WAAO;AAAA,MACL,CAAC,GAAG,MAAM,IAAI,OAAO,EAAE,GAAG;AAAA,IAC5B;AAAA,EACF;AACA,SAAO,CAAC;AACV;AAEO,MAAM,oBAAoB,CAAC;AAAA,EAChC;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;AACF,MAAM;AACJ,SAAO,KAAK;AAAA,IACV,CAAC,cAAc,OAAO,EAAE,GAAG,YAAY;AAAA,IACvC,GAAG,uBAAuB,QAAQ,KAAK,MAAM;AAAA,IAC7C,GAAG,uBAAuB,SAAS,MAAM,SAAS;AAAA,IAClD,GAAG,uBAAuB,SAAS,MAAM,YAAY;AAAA,IACrD,GAAG,uBAAuB,SAAS,MAAM,WAAW;AAAA,IACpD,GAAG,uBAAuB,SAAS,MAAM,UAAU;AAAA,IACnD,GAAG,uBAAuB,SAAS,EAAE;AAAA,IACrC,GAAG,uBAAuB,SAAS,EAAE;AAAA,IACrC,GAAG,uBAAuB,QAAQ,KAAK,OAAO;AAAA,IAC9C,GAAG,uBAAuB,SAAS,MAAM,UAAU;AAAA,IACnD,GAAG,uBAAuB,SAAS,MAAM,aAAa;AAAA,IACtD,GAAG,uBAAuB,SAAS,MAAM,YAAY;AAAA,IACrD,GAAG,uBAAuB,SAAS,MAAM,WAAW;AAAA,IACpD,GAAG,uBAAuB,SAAS,EAAE;AAAA,IACrC,GAAG,uBAAuB,SAAS,EAAE;AAAA,IACrC,mBAAmB,CAAC,CAAC;AAAA,IACrB,0BAA0B,iBAAiB;AAAA,IAC3C,2BAA2B,iBAAiB;AAAA,IAC5C,aAAa,CAAC,CAAC;AAAA,IACf,mBAAmB,CAAC,CAAC;AAAA,IACrB,mBAAmB,CAAC,CAAC;AAAA,IACrB,mBAAmB,CAAC,CAAC;AAAA,IACrB,mBAAmB,CAAC,CAAC;AAAA,IACrB,mBAAmB,CAAC,CAAC;AAAA,IACrB,gBAAgB,CAAC,CAAC;AAAA,IAClB,gBAAgB,CAAC,CAAC;AAAA,IAClB,gBAAgB,CAAC,CAAC;AAAA,IAClB,gBAAgB,CAAC,CAAC;AAAA,IAClB,gBAAgB,CAAC,CAAC;AAAA,EACpB,CAAC;AACH;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export declare const CheckboxItemInput: import("react").ForwardRefExoticComponent<Omit<Omit<import("@digigov/react-core/CheckboxItemInput/index.web").CheckboxItemInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement> & {
|
|
3
|
-
className?: string
|
|
2
|
+
className?: string;
|
|
4
3
|
}, "ref"> & import("react").RefAttributes<unknown>>;
|
|
5
4
|
export default CheckboxItemInput;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { CopyToClipboardMessageProps } from '@digigov/react-core/CopyToClipboardMessage/index.web';
|
|
3
2
|
import { CopyToClipboardContainerProps } from '@digigov/react-core/CopyToClipboardContainer';
|
|
4
3
|
export declare const CopyToClipboardMessage: import("react").ForwardRefExoticComponent<Omit<CopyToClipboardMessageProps & CopyToClipboardContainerProps & {
|
|
5
|
-
className?: string
|
|
4
|
+
className?: string;
|
|
6
5
|
}, "ref"> & import("react").RefAttributes<unknown>>;
|
|
7
6
|
export default CopyToClipboardMessage;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export declare const DateInputItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("@digigov/react-core/DateInputItem/index.web").DateInputItemProps, "ref"> & import("react").RefAttributes<HTMLInputElement> & {
|
|
3
|
-
className?: string
|
|
2
|
+
className?: string;
|
|
4
3
|
}, "ref"> & import("react").RefAttributes<unknown>>;
|
|
5
4
|
export default DateInputItem;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export declare const Details: import("react").ForwardRefExoticComponent<Omit<Omit<import("@digigov/react-core/Details/index.web").DetailsProps, "ref"> & import("react").RefAttributes<HTMLDetailsElement> & {
|
|
3
|
-
className?: string
|
|
2
|
+
className?: string;
|
|
4
3
|
}, "ref"> & import("react").RefAttributes<unknown>>;
|
|
5
4
|
export default Details;
|
package/ModalContainer/index.js
CHANGED
|
@@ -14,13 +14,7 @@ const ModalContainer = React.forwardRef(function ModalContainer2({ className, ga
|
|
|
14
14
|
}),
|
|
15
15
|
...props
|
|
16
16
|
},
|
|
17
|
-
/* @__PURE__ */ React.createElement("div",
|
|
18
|
-
"div",
|
|
19
|
-
{
|
|
20
|
-
className: "ds-modal__container"
|
|
21
|
-
},
|
|
22
|
-
children
|
|
23
|
-
) : children)
|
|
17
|
+
/* @__PURE__ */ React.createElement(Base, { as: "div", className: "ds-modal__body" }, gaps ? /* @__PURE__ */ React.createElement(Base, { as: "div", className: "ds-modal__container" }, children) : children)
|
|
24
18
|
);
|
|
25
19
|
});
|
|
26
20
|
var ModalContainer_default = ModalContainer;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ModalContainer/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ModalContainerProps extends BaseProps<'div'> {\n /**\n * @value true\n * @value false\n */\n open?: boolean;\n /**\n * dense is optional.\n * @value true ModalContainer and its children will be dense.\n * @value false\n * @default false\n */\n dense?: boolean;\n /**\n * gaps is optional.\n * @value false there will be no extra gaps among children components.\n * @value true\n * @default true\n */\n gaps?: boolean;\n}\n/**\n * Modals can be used to open a pop-up dialog box and provide critical information\n * or ask for a decision. Modals disable all app functionality when they appear, and\n * remain on screen until confirmed, dismissed, or a required action has been taken\n * Use Modal as parent component to wrap ModalHeading, ModalText and ModalAction components\n */\nexport const ModalContainer = React.forwardRef<\n HTMLDivElement,\n ModalContainerProps\n>(function ModalContainer({ className, gaps = true, children, open, dense, ...props }
|
|
5
|
-
"mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AA6BzB,MAAM,iBAAiB,MAAM,WAGlC,SAASA,
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface ModalContainerProps extends BaseProps<'div'> {\n /**\n * @value true\n * @value false\n */\n open?: boolean;\n /**\n * dense is optional.\n * @value true ModalContainer and its children will be dense.\n * @value false\n * @default false\n */\n dense?: boolean;\n /**\n * gaps is optional.\n * @value false there will be no extra gaps among children components.\n * @value true\n * @default true\n */\n gaps?: boolean;\n}\n/**\n * Modals can be used to open a pop-up dialog box and provide critical information\n * or ask for a decision. Modals disable all app functionality when they appear, and\n * remain on screen until confirmed, dismissed, or a required action has been taken\n * Use Modal as parent component to wrap ModalHeading, ModalText and ModalAction components\n */\nexport const ModalContainer = React.forwardRef<\n HTMLDivElement,\n ModalContainerProps\n>(function ModalContainer(\n { className, gaps = true, children, open, dense, ...props },\n ref\n) {\n return (\n <Base\n ref={ref}\n as=\"div\"\n className={clsx(className, {\n 'ds-modal': true,\n 'ds-modal--open': open,\n 'ds-modal--dense': dense,\n })}\n {...props}\n >\n <Base as=\"div\" className=\"ds-modal__body\">\n {gaps ? (\n <Base as=\"div\" className=\"ds-modal__container\">\n {children}\n </Base>\n ) : (\n children\n )}\n </Base>\n </Base>\n );\n});\n\nexport default ModalContainer;\n"],
|
|
5
|
+
"mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AA6BzB,MAAM,iBAAiB,MAAM,WAGlC,SAASA,gBACT,EAAE,WAAW,OAAO,MAAM,UAAU,MAAM,OAAO,GAAG,MAAM,GAC1D,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,IAAG;AAAA,MACH,WAAW,KAAK,WAAW;AAAA,QACzB,YAAY;AAAA,QACZ,kBAAkB;AAAA,QAClB,mBAAmB;AAAA,MACrB,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEJ,oCAAC,QAAK,IAAG,OAAM,WAAU,oBACtB,OACC,oCAAC,QAAK,IAAG,OAAM,WAAU,yBACtB,QACH,IAEA,QAEJ;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,yBAAQ;",
|
|
6
6
|
"names": ["ModalContainer"]
|
|
7
7
|
}
|