@digigov/react-core 1.2.0-mobile → 1.2.0-mobile-1
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/compat/Input/CheckboxInput/index.js +2 -17
- package/Base/compat/Input/CheckboxInput.js.map +2 -2
- package/Base/compat/Input/RadioInput/index.js +5 -21
- package/Base/compat/Input/RadioInput.js.map +2 -2
- package/Base/compat/Input/StringInput/index.js +3 -2
- package/Base/compat/Input/StringInput.js.map +2 -2
- package/Base/compat/button/index.js +25 -0
- package/Base/compat/button/package.json +6 -0
- package/Base/compat/button.js.map +7 -0
- package/Base/index.native/index.js +6 -40
- package/Base/index.native.js.map +3 -3
- package/Base/mapping/index.js +4 -16
- package/Base/mapping.js.map +2 -2
- package/Base/utils/index.js +52 -1
- package/Base/utils.d.ts +2 -0
- package/Base/utils.js.map +3 -3
- package/CheckboxItem/index.js +2 -15
- package/CheckboxItem/index.js.map +2 -2
- package/CheckboxItemInput/index.d.ts +2 -0
- package/CheckboxItemInput/index.js +6 -0
- package/CheckboxItemInput/index.js.map +7 -0
- package/CheckboxItemInput/index.native/index.js +15 -0
- package/CheckboxItemInput/index.native/package.json +6 -0
- package/CheckboxItemInput/index.native.d.ts +5 -0
- package/CheckboxItemInput/index.native.js.map +7 -0
- package/CheckboxItemInput/index.web/index.js +26 -0
- package/CheckboxItemInput/index.web/package.json +6 -0
- package/CheckboxItemInput/index.web.d.ts +10 -0
- package/CheckboxItemInput/index.web.js.map +7 -0
- package/CheckboxItemInput/package.json +6 -0
- package/CopyToClipboardContainer/index.d.ts +2 -31
- package/CopyToClipboardContainer/index.js +3 -40
- package/CopyToClipboardContainer/index.js.map +3 -3
- package/CopyToClipboardContainer/index.web/index.js +44 -0
- package/CopyToClipboardContainer/index.web/package.json +6 -0
- package/CopyToClipboardContainer/index.web.d.ts +31 -0
- package/CopyToClipboardContainer/index.web.js.map +7 -0
- package/CopyToClipboardMessage/index.d.ts +2 -18
- package/CopyToClipboardMessage/index.js +3 -21
- package/CopyToClipboardMessage/index.js.map +3 -3
- package/CopyToClipboardMessage/index.native/index.js +21 -0
- package/CopyToClipboardMessage/index.native/package.json +6 -0
- package/CopyToClipboardMessage/index.native.d.ts +7 -0
- package/CopyToClipboardMessage/index.native.js.map +7 -0
- package/CopyToClipboardMessage/index.web/index.js +24 -0
- package/CopyToClipboardMessage/index.web/package.json +6 -0
- package/CopyToClipboardMessage/index.web.d.ts +18 -0
- package/CopyToClipboardMessage/index.web.js.map +7 -0
- package/TextInput/index.d.ts +2 -46
- package/TextInput/index.js +3 -40
- package/TextInput/index.js.map +3 -3
- package/TextInput/index.native/index.js +15 -0
- package/TextInput/index.native/package.json +6 -0
- package/TextInput/index.native.d.ts +5 -0
- package/TextInput/index.native.js.map +7 -0
- package/TextInput/index.web/index.js +43 -0
- package/TextInput/index.web/package.json +6 -0
- package/TextInput/index.web.d.ts +46 -0
- package/TextInput/index.web.js.map +7 -0
- package/cjs/Base/compat/Input/CheckboxInput/index.js +1 -16
- package/cjs/Base/compat/Input/CheckboxInput.js.map +2 -2
- package/cjs/Base/compat/Input/RadioInput/index.js +4 -20
- package/cjs/Base/compat/Input/RadioInput.js.map +2 -2
- package/cjs/Base/compat/Input/StringInput/index.js +3 -2
- package/cjs/Base/compat/Input/StringInput.js.map +2 -2
- package/cjs/Base/compat/button/index.js +60 -0
- package/cjs/Base/compat/button.js.map +7 -0
- package/cjs/Base/index.native/index.js +5 -39
- package/cjs/Base/index.native.js.map +3 -3
- package/cjs/Base/mapping/index.js +2 -14
- package/cjs/Base/mapping.js.map +3 -3
- package/cjs/Base/utils/index.js +54 -2
- package/cjs/Base/utils.js.map +4 -4
- package/cjs/CheckboxItem/index.js +2 -15
- package/cjs/CheckboxItem/index.js.map +3 -3
- package/cjs/CheckboxItemInput/index.js +40 -0
- package/cjs/CheckboxItemInput/index.js.map +7 -0
- package/cjs/CheckboxItemInput/index.native/index.js +48 -0
- package/cjs/CheckboxItemInput/index.native.js.map +7 -0
- package/cjs/CheckboxItemInput/index.web/index.js +59 -0
- package/cjs/CheckboxItemInput/index.web.js.map +7 -0
- package/cjs/CopyToClipboardContainer/index.js +5 -41
- package/cjs/CopyToClipboardContainer/index.js.map +3 -3
- package/cjs/CopyToClipboardContainer/index.web/index.js +77 -0
- package/cjs/CopyToClipboardContainer/index.web.js.map +7 -0
- package/cjs/CopyToClipboardMessage/index.js +5 -22
- package/cjs/CopyToClipboardMessage/index.js.map +3 -3
- package/cjs/CopyToClipboardMessage/index.native/index.js +54 -0
- package/cjs/CopyToClipboardMessage/index.native.js.map +7 -0
- package/cjs/CopyToClipboardMessage/index.web/index.js +57 -0
- package/cjs/CopyToClipboardMessage/index.web.js.map +7 -0
- package/cjs/TextInput/index.js +5 -41
- package/cjs/TextInput/index.js.map +3 -3
- package/cjs/TextInput/index.native/index.js +48 -0
- package/cjs/TextInput/index.native.js.map +7 -0
- package/cjs/TextInput/index.web/index.js +76 -0
- package/cjs/TextInput/index.web.js.map +7 -0
- package/package.json +4 -2
- package/src/Base/compat/Input/CheckboxInput.tsx +6 -22
- package/src/Base/compat/Input/RadioInput.tsx +6 -25
- package/src/Base/compat/Input/StringInput.tsx +12 -5
- package/src/Base/compat/button.tsx +21 -0
- package/src/Base/index.native.tsx +132 -155
- package/src/Base/mapping.tsx +3 -14
- package/src/Base/{utils.ts → utils.tsx} +63 -1
- package/src/CheckboxItem/index.tsx +2 -12
- package/src/CheckboxItemInput/index.native.tsx +10 -0
- package/src/CheckboxItemInput/index.tsx +2 -0
- package/src/CheckboxItemInput/index.web.tsx +34 -0
- package/src/CopyToClipboardContainer/index.tsx +2 -74
- package/src/CopyToClipboardContainer/index.web.tsx +75 -0
- package/src/CopyToClipboardMessage/index.native.tsx +24 -0
- package/src/CopyToClipboardMessage/index.tsx +2 -41
- package/src/CopyToClipboardMessage/index.web.tsx +41 -0
- package/src/TextInput/index.native.tsx +10 -0
- package/src/TextInput/index.tsx +2 -87
- package/src/TextInput/index.web.tsx +87 -0
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { BaseProps } from '@digigov/react-core/Base';
|
|
3
|
+
export interface CheckboxItemInputProps extends BaseProps<'input'> {
|
|
4
|
+
}
|
|
5
|
+
/**
|
|
6
|
+
* Details for the CheckboxItem.
|
|
7
|
+
* CheckboxItemInput component is the input component for CheckboxItem.
|
|
8
|
+
*/
|
|
9
|
+
export declare const CheckboxItemInput: React.ForwardRefExoticComponent<Omit<CheckboxItemInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
10
|
+
export default CheckboxItemInput;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/CheckboxItemInput/index.web.tsx"],
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CheckboxItemInputProps extends BaseProps<'input'> { }\n/**\n * Details for the CheckboxItem.\n * CheckboxItemInput component is the input component for CheckboxItem.\n */\nexport const CheckboxItemInput = React.forwardRef<\n HTMLInputElement,\n CheckboxItemInputProps\n>(function CheckboxItemInput(\n { name, value, className, disabled, children, ...props },\n ref\n) {\n return (\n <Base\n as=\"input\"\n ref={ref}\n type=\"checkbox\"\n name={name}\n value={value}\n className={clsx({\n 'ds-checkboxes__input': true,\n })}\n disabled={disabled}\n {...props}\n />\n\n );\n});\n\nexport default CheckboxItemInput;\n"],
|
|
5
|
+
"mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAOzB,MAAM,oBAAoB,MAAM,WAGrC,SAASA,mBACT,EAAE,MAAM,OAAO,WAAW,UAAU,UAAU,GAAG,MAAM,GACvD,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA,WAAW,KAAK;AAAA,QACd,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACD;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAGJ,CAAC;AAED,IAAO,oBAAQ;",
|
|
6
|
+
"names": ["CheckboxItemInput"]
|
|
7
|
+
}
|
|
@@ -1,31 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
export interface CopyToClipboardContainerProps extends BaseProps<'div'> {
|
|
4
|
-
/**
|
|
5
|
-
* @value 'tooltip' is used when you want to show the message inside a tooltip.
|
|
6
|
-
* @value 'banner' is used when you want to show the message inside a banner.
|
|
7
|
-
* @default 'tooltip'
|
|
8
|
-
*/
|
|
9
|
-
variant?: 'tooltip' | 'banner';
|
|
10
|
-
/**
|
|
11
|
-
* tooltipAlign is optional.
|
|
12
|
-
* tooltipAlign prop adds tooltip right or left and is used only if variant is tooltip.
|
|
13
|
-
* @value 'right'
|
|
14
|
-
* @value 'left'
|
|
15
|
-
* @default 'right'
|
|
16
|
-
*/
|
|
17
|
-
tooltipAlign?: 'right' | 'left';
|
|
18
|
-
/**
|
|
19
|
-
* dense is optional.
|
|
20
|
-
* affects only the density of the tooltip.
|
|
21
|
-
* @value true tooltip will be dense.
|
|
22
|
-
* @value false
|
|
23
|
-
* @default false
|
|
24
|
-
* */
|
|
25
|
-
dense?: boolean;
|
|
26
|
-
}
|
|
27
|
-
/**
|
|
28
|
-
* CopyToClipboardContainer is a wrapper component for CopyToClipboardMessage
|
|
29
|
-
*/
|
|
30
|
-
export declare const CopyToClipboardContainer: React.ForwardRefExoticComponent<Omit<CopyToClipboardContainerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
31
|
-
export default CopyToClipboardContainer;
|
|
1
|
+
export * from '@digigov/react-core/CopyToClipboardContainer/index.web';
|
|
2
|
+
export { default as default } from '@digigov/react-core/CopyToClipboardContainer/index.web';
|
|
@@ -1,43 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
3
|
-
import Base from "@digigov/react-core/Base";
|
|
4
|
-
const CopyToClipboardContainer = React.forwardRef(function CopyToClipboardContainer2({
|
|
5
|
-
variant = "tooltip",
|
|
6
|
-
tooltipAlign = "right",
|
|
7
|
-
className,
|
|
8
|
-
dense,
|
|
9
|
-
children,
|
|
10
|
-
...props
|
|
11
|
-
}, ref) {
|
|
12
|
-
return /* @__PURE__ */ React.createElement(
|
|
13
|
-
Base,
|
|
14
|
-
{
|
|
15
|
-
as: "div",
|
|
16
|
-
ref,
|
|
17
|
-
...props,
|
|
18
|
-
className: clsx(className, {
|
|
19
|
-
"ds-copy-to-clipboard": true
|
|
20
|
-
}),
|
|
21
|
-
...props
|
|
22
|
-
},
|
|
23
|
-
/* @__PURE__ */ React.createElement(
|
|
24
|
-
"div",
|
|
25
|
-
{
|
|
26
|
-
className: clsx(className, {
|
|
27
|
-
"ds-copy-to-clipboard__tooltip": variant === "tooltip",
|
|
28
|
-
"ds-copy-to-clipboard__tooltip--dense": variant === "tooltip" && dense,
|
|
29
|
-
"ds-copy-to-clipboard__tooltip--left": variant === "tooltip" && tooltipAlign === "left",
|
|
30
|
-
"ds-copy-to-clipboard__tooltip--right": variant === "tooltip" && tooltipAlign === "right",
|
|
31
|
-
"ds-copy-to-clipboard__banner": variant === "banner"
|
|
32
|
-
})
|
|
33
|
-
},
|
|
34
|
-
children
|
|
35
|
-
)
|
|
36
|
-
);
|
|
37
|
-
});
|
|
38
|
-
var CopyToClipboardContainer_default = CopyToClipboardContainer;
|
|
1
|
+
export * from "@digigov/react-core/CopyToClipboardContainer/index.web";
|
|
2
|
+
import { default as default2 } from "@digigov/react-core/CopyToClipboardContainer/index.web";
|
|
39
3
|
export {
|
|
40
|
-
|
|
41
|
-
CopyToClipboardContainer_default as default
|
|
4
|
+
default2 as default
|
|
42
5
|
};
|
|
43
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/CopyToClipboardContainer/index.tsx"],
|
|
4
|
-
"sourcesContent": ["
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": ["
|
|
4
|
+
"sourcesContent": ["export * from '@digigov/react-core/CopyToClipboardContainer/index.web';\nexport { default as default } from '@digigov/react-core/CopyToClipboardContainer/index.web';"],
|
|
5
|
+
"mappings": "AAAA,cAAc;AACd,SAAoB,WAAXA,gBAA0B;",
|
|
6
|
+
"names": ["default"]
|
|
7
7
|
}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import clsx from "clsx";
|
|
3
|
+
import Base from "@digigov/react-core/Base";
|
|
4
|
+
const CopyToClipboardContainer = React.forwardRef(function CopyToClipboardContainer2({
|
|
5
|
+
variant = "tooltip",
|
|
6
|
+
tooltipAlign = "right",
|
|
7
|
+
className,
|
|
8
|
+
dense,
|
|
9
|
+
children,
|
|
10
|
+
...props
|
|
11
|
+
}, ref) {
|
|
12
|
+
return /* @__PURE__ */ React.createElement(
|
|
13
|
+
Base,
|
|
14
|
+
{
|
|
15
|
+
as: "div",
|
|
16
|
+
ref,
|
|
17
|
+
...props,
|
|
18
|
+
className: clsx(className, {
|
|
19
|
+
"ds-copy-to-clipboard": true
|
|
20
|
+
}),
|
|
21
|
+
...props
|
|
22
|
+
},
|
|
23
|
+
/* @__PURE__ */ React.createElement(
|
|
24
|
+
Base,
|
|
25
|
+
{
|
|
26
|
+
as: "div",
|
|
27
|
+
className: clsx(className, {
|
|
28
|
+
"ds-copy-to-clipboard__tooltip": variant === "tooltip",
|
|
29
|
+
"ds-copy-to-clipboard__tooltip--dense": variant === "tooltip" && dense,
|
|
30
|
+
"ds-copy-to-clipboard__tooltip--left": variant === "tooltip" && tooltipAlign === "left",
|
|
31
|
+
"ds-copy-to-clipboard__tooltip--right": variant === "tooltip" && tooltipAlign === "right",
|
|
32
|
+
"ds-copy-to-clipboard__banner": variant === "banner"
|
|
33
|
+
})
|
|
34
|
+
},
|
|
35
|
+
children
|
|
36
|
+
)
|
|
37
|
+
);
|
|
38
|
+
});
|
|
39
|
+
var index_web_default = CopyToClipboardContainer;
|
|
40
|
+
export {
|
|
41
|
+
CopyToClipboardContainer,
|
|
42
|
+
index_web_default as default
|
|
43
|
+
};
|
|
44
|
+
//# sourceMappingURL=index.web.js.map
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { BaseProps } from '@digigov/react-core/Base';
|
|
3
|
+
export interface CopyToClipboardContainerProps extends BaseProps<'div'> {
|
|
4
|
+
/**
|
|
5
|
+
* @value 'tooltip' is used when you want to show the message inside a tooltip.
|
|
6
|
+
* @value 'banner' is used when you want to show the message inside a banner.
|
|
7
|
+
* @default 'tooltip'
|
|
8
|
+
*/
|
|
9
|
+
variant?: 'tooltip' | 'banner';
|
|
10
|
+
/**
|
|
11
|
+
* tooltipAlign is optional.
|
|
12
|
+
* tooltipAlign prop adds tooltip right or left and is used only if variant is tooltip.
|
|
13
|
+
* @value 'right'
|
|
14
|
+
* @value 'left'
|
|
15
|
+
* @default 'right'
|
|
16
|
+
*/
|
|
17
|
+
tooltipAlign?: 'right' | 'left';
|
|
18
|
+
/**
|
|
19
|
+
* dense is optional.
|
|
20
|
+
* affects only the density of the tooltip.
|
|
21
|
+
* @value true tooltip will be dense.
|
|
22
|
+
* @value false
|
|
23
|
+
* @default false
|
|
24
|
+
* */
|
|
25
|
+
dense?: boolean;
|
|
26
|
+
}
|
|
27
|
+
/**
|
|
28
|
+
* CopyToClipboardContainer is a wrapper component for CopyToClipboardMessage
|
|
29
|
+
*/
|
|
30
|
+
export declare const CopyToClipboardContainer: React.ForwardRefExoticComponent<Omit<CopyToClipboardContainerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
31
|
+
export default CopyToClipboardContainer;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/CopyToClipboardContainer/index.web.tsx"],
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CopyToClipboardContainerProps extends BaseProps<'div'> {\n /**\n * @value 'tooltip' is used when you want to show the message inside a tooltip.\n * @value 'banner' is used when you want to show the message inside a banner.\n * @default 'tooltip'\n */\n variant?: 'tooltip' | 'banner';\n /**\n * tooltipAlign is optional.\n * tooltipAlign prop adds tooltip right or left and is used only if variant is tooltip.\n * @value 'right'\n * @value 'left'\n * @default 'right'\n */\n tooltipAlign?: 'right' | 'left';\n /**\n * dense is optional.\n * affects only the density of the tooltip.\n * @value true tooltip will be dense.\n * @value false\n * @default false\n * */\n dense?: boolean;\n}\n/**\n * CopyToClipboardContainer is a wrapper component for CopyToClipboardMessage\n */\nexport const CopyToClipboardContainer = React.forwardRef<\n HTMLDivElement,\n CopyToClipboardContainerProps\n>(function CopyToClipboardContainer(\n {\n variant = 'tooltip',\n tooltipAlign = 'right',\n className,\n dense,\n children,\n ...props\n },\n ref\n) {\n return (\n <Base\n as=\"div\"\n ref={ref}\n {...props}\n className={clsx(className, {\n 'ds-copy-to-clipboard': true,\n })}\n {...props}\n >\n <Base\n as=\"div\"\n className={clsx(className, {\n 'ds-copy-to-clipboard__tooltip': variant === 'tooltip',\n 'ds-copy-to-clipboard__tooltip--dense':\n variant === 'tooltip' && dense,\n 'ds-copy-to-clipboard__tooltip--left':\n variant === 'tooltip' && tooltipAlign === 'left',\n 'ds-copy-to-clipboard__tooltip--right':\n variant === 'tooltip' && tooltipAlign === 'right',\n 'ds-copy-to-clipboard__banner': variant === 'banner',\n })}\n >\n {children}\n </Base>\n </Base>\n );\n});\n\nexport default CopyToClipboardContainer;\n"],
|
|
5
|
+
"mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AA6BzB,MAAM,2BAA2B,MAAM,WAG5C,SAASA,0BACT;AAAA,EACE,UAAU;AAAA,EACV,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACC,GAAG;AAAA,MACJ,WAAW,KAAK,WAAW;AAAA,QACzB,wBAAwB;AAAA,MAC1B,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEJ;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,WAAW,KAAK,WAAW;AAAA,UACzB,iCAAiC,YAAY;AAAA,UAC7C,wCACE,YAAY,aAAa;AAAA,UAC3B,uCACE,YAAY,aAAa,iBAAiB;AAAA,UAC5C,wCACE,YAAY,aAAa,iBAAiB;AAAA,UAC5C,gCAAgC,YAAY;AAAA,QAC9C,CAAC;AAAA;AAAA,MAEA;AAAA,IACH;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,oBAAQ;",
|
|
6
|
+
"names": ["CopyToClipboardContainer"]
|
|
7
|
+
}
|
|
@@ -1,18 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
export interface CopyToClipboardMessageProps extends BaseProps<'div'> {
|
|
4
|
-
/**
|
|
5
|
-
* enabled is a boolean prop passed from the CopyToClipboard component.
|
|
6
|
-
* When it's true it shows the CopyToClipboardMessage component and it activates the animation that hides the component after 3s.
|
|
7
|
-
* When it's false it resets the animations of the CopyToClipboardMessage.
|
|
8
|
-
* @value true
|
|
9
|
-
* @value false
|
|
10
|
-
*/
|
|
11
|
-
enabled?: boolean;
|
|
12
|
-
}
|
|
13
|
-
/**
|
|
14
|
-
* CopyToClipboardMessage is used to show a message that a text is being copied.
|
|
15
|
-
* This component is used inside the CopyToClipboard component that lies inside the digigov/ui library
|
|
16
|
-
*/
|
|
17
|
-
export declare const CopyToClipboardMessage: React.ForwardRefExoticComponent<Omit<CopyToClipboardMessageProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
18
|
-
export default CopyToClipboardMessage;
|
|
1
|
+
export * from '@digigov/react-core/CopyToClipboardMessage/index.web';
|
|
2
|
+
export { default as default } from '@digigov/react-core/CopyToClipboardMessage/index.web';
|
|
@@ -1,24 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
3
|
-
import Base from "@digigov/react-core/Base";
|
|
4
|
-
const CopyToClipboardMessage = React.forwardRef(function CopyToClipboardMessage2({ enabled, className, children, ...props }, ref) {
|
|
5
|
-
return /* @__PURE__ */ React.createElement(
|
|
6
|
-
Base,
|
|
7
|
-
{
|
|
8
|
-
as: "div",
|
|
9
|
-
ref,
|
|
10
|
-
className: clsx(className, {
|
|
11
|
-
"ds-copy-to-clipboard__message": true,
|
|
12
|
-
"ds-copy-to-clipboard--hidden": !enabled
|
|
13
|
-
}),
|
|
14
|
-
...props
|
|
15
|
-
},
|
|
16
|
-
children
|
|
17
|
-
);
|
|
18
|
-
});
|
|
19
|
-
var CopyToClipboardMessage_default = CopyToClipboardMessage;
|
|
1
|
+
export * from "@digigov/react-core/CopyToClipboardMessage/index.web";
|
|
2
|
+
import { default as default2 } from "@digigov/react-core/CopyToClipboardMessage/index.web";
|
|
20
3
|
export {
|
|
21
|
-
|
|
22
|
-
CopyToClipboardMessage_default as default
|
|
4
|
+
default2 as default
|
|
23
5
|
};
|
|
24
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/CopyToClipboardMessage/index.tsx"],
|
|
4
|
-
"sourcesContent": ["
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": ["
|
|
4
|
+
"sourcesContent": ["export * from '@digigov/react-core/CopyToClipboardMessage/index.web';\nexport { default as default } from '@digigov/react-core/CopyToClipboardMessage/index.web';"],
|
|
5
|
+
"mappings": "AAAA,cAAc;AACd,SAAoB,WAAXA,gBAA0B;",
|
|
6
|
+
"names": ["default"]
|
|
7
7
|
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import CoreCopyToClipboardMessage from "@digigov/react-core/CopyToClipboardMessage/index.web";
|
|
2
|
+
import { extend } from "@digigov/react-core/utils/extend";
|
|
3
|
+
import clsx from "clsx";
|
|
4
|
+
const CopyToClipboardMessage = extend(
|
|
5
|
+
CoreCopyToClipboardMessage,
|
|
6
|
+
({ dense, className, ...props }) => {
|
|
7
|
+
return {
|
|
8
|
+
className: clsx(className, {
|
|
9
|
+
"ds-copy-to-clipboard__before": true,
|
|
10
|
+
"ds-copy-to-clipboard__message--dense": dense
|
|
11
|
+
}),
|
|
12
|
+
...props
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
);
|
|
16
|
+
var index_native_default = CopyToClipboardMessage;
|
|
17
|
+
export {
|
|
18
|
+
CopyToClipboardMessage,
|
|
19
|
+
index_native_default as default
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=index.native.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { CopyToClipboardMessageProps } from '@digigov/react-core/CopyToClipboardMessage/index.web';
|
|
3
|
+
import { CopyToClipboardContainerProps } from '@digigov/react-core/CopyToClipboardContainer';
|
|
4
|
+
export declare const CopyToClipboardMessage: import("react").ForwardRefExoticComponent<Omit<CopyToClipboardMessageProps & CopyToClipboardContainerProps & {
|
|
5
|
+
className?: string | undefined;
|
|
6
|
+
}, "ref"> & import("react").RefAttributes<unknown>>;
|
|
7
|
+
export default CopyToClipboardMessage;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/CopyToClipboardMessage/index.native.tsx"],
|
|
4
|
+
"sourcesContent": ["import CoreCopyToClipboardMessage, {\n CopyToClipboardMessageProps,\n} from '@digigov/react-core/CopyToClipboardMessage/index.web';\nimport { CopyToClipboardContainerProps } from '@digigov/react-core/CopyToClipboardContainer';\nimport { extend } from '@digigov/react-core/utils/extend';\nimport clsx from 'clsx';\n\nexport const CopyToClipboardMessage = extend<\n CopyToClipboardMessageProps,\n CopyToClipboardContainerProps\n>(\n CoreCopyToClipboardMessage,\n ({ dense, className, ...props }) => {\n return {\n className: clsx(className, {\n 'ds-copy-to-clipboard__before': true,\n 'ds-copy-to-clipboard__message--dense': dense,\n }),\n ...props,\n };\n }\n);\n\nexport default CopyToClipboardMessage;"],
|
|
5
|
+
"mappings": "AAAA,OAAO,gCAEA;AAEP,SAAS,cAAc;AACvB,OAAO,UAAU;AAEV,MAAM,yBAAyB;AAAA,EAIpC;AAAA,EACA,CAAC,EAAE,OAAO,WAAW,GAAG,MAAM,MAAM;AAClC,WAAO;AAAA,MACL,WAAW,KAAK,WAAW;AAAA,QACzB,gCAAgC;AAAA,QAChC,wCAAwC;AAAA,MAC1C,CAAC;AAAA,MACD,GAAG;AAAA,IACL;AAAA,EACF;AACF;AAEA,IAAO,uBAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import clsx from "clsx";
|
|
3
|
+
import Base from "@digigov/react-core/Base";
|
|
4
|
+
const CopyToClipboardMessage = React.forwardRef(function CopyToClipboardMessage2({ enabled, className, children, ...props }, ref) {
|
|
5
|
+
return /* @__PURE__ */ React.createElement(
|
|
6
|
+
Base,
|
|
7
|
+
{
|
|
8
|
+
as: "div",
|
|
9
|
+
ref,
|
|
10
|
+
className: clsx(className, {
|
|
11
|
+
"ds-copy-to-clipboard__message": true,
|
|
12
|
+
"ds-copy-to-clipboard--hidden": !enabled
|
|
13
|
+
}),
|
|
14
|
+
...props
|
|
15
|
+
},
|
|
16
|
+
children
|
|
17
|
+
);
|
|
18
|
+
});
|
|
19
|
+
var index_web_default = CopyToClipboardMessage;
|
|
20
|
+
export {
|
|
21
|
+
CopyToClipboardMessage,
|
|
22
|
+
index_web_default as default
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=index.web.js.map
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { BaseProps } from '@digigov/react-core/Base';
|
|
3
|
+
export interface CopyToClipboardMessageProps extends BaseProps<'div'> {
|
|
4
|
+
/**
|
|
5
|
+
* enabled is a boolean prop passed from the CopyToClipboard component.
|
|
6
|
+
* When it's true it shows the CopyToClipboardMessage component and it activates the animation that hides the component after 3s.
|
|
7
|
+
* When it's false it resets the animations of the CopyToClipboardMessage.
|
|
8
|
+
* @value true
|
|
9
|
+
* @value false
|
|
10
|
+
*/
|
|
11
|
+
enabled?: boolean;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* CopyToClipboardMessage is used to show a message that a text is being copied.
|
|
15
|
+
* This component is used inside the CopyToClipboard component that lies inside the digigov/ui library
|
|
16
|
+
*/
|
|
17
|
+
export declare const CopyToClipboardMessage: React.ForwardRefExoticComponent<Omit<CopyToClipboardMessageProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
18
|
+
export default CopyToClipboardMessage;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/CopyToClipboardMessage/index.web.tsx"],
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport clsx from 'clsx';\nimport Base, { BaseProps } from '@digigov/react-core/Base';\n\nexport interface CopyToClipboardMessageProps extends BaseProps<'div'> {\n /**\n * enabled is a boolean prop passed from the CopyToClipboard component.\n * When it's true it shows the CopyToClipboardMessage component and it activates the animation that hides the component after 3s.\n * When it's false it resets the animations of the CopyToClipboardMessage.\n * @value true\n * @value false\n */\n enabled?: boolean;\n}\n/**\n * CopyToClipboardMessage is used to show a message that a text is being copied.\n * This component is used inside the CopyToClipboard component that lies inside the digigov/ui library\n */\nexport const CopyToClipboardMessage = React.forwardRef<\n HTMLDivElement,\n CopyToClipboardMessageProps\n>(function CopyToClipboardMessage(\n { enabled, className, children, ...props },\n ref\n) {\n return (\n <Base\n as=\"div\"\n ref={ref}\n className={clsx(className, {\n 'ds-copy-to-clipboard__message': true,\n 'ds-copy-to-clipboard--hidden': !enabled,\n })}\n {...props}\n >\n {children}\n </Base>\n );\n});\n\nexport default CopyToClipboardMessage;\n"],
|
|
5
|
+
"mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AACjB,OAAO,UAAyB;AAgBzB,MAAM,yBAAyB,MAAM,WAG1C,SAASA,wBACT,EAAE,SAAS,WAAW,UAAU,GAAG,MAAM,GACzC,KACA;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH;AAAA,MACA,WAAW,KAAK,WAAW;AAAA,QACzB,iCAAiC;AAAA,QACjC,gCAAgC,CAAC;AAAA,MACnC,CAAC;AAAA,MACA,GAAG;AAAA;AAAA,IAEH;AAAA,EACH;AAEJ,CAAC;AAED,IAAO,oBAAQ;",
|
|
6
|
+
"names": ["CopyToClipboardMessage"]
|
|
7
|
+
}
|
package/TextInput/index.d.ts
CHANGED
|
@@ -1,46 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
export interface TextInputProps extends BaseProps<'input'> {
|
|
4
|
-
/**
|
|
5
|
-
* maxWidth is optional.
|
|
6
|
-
* @value '2-char';
|
|
7
|
-
* @value '3-char';
|
|
8
|
-
* @value '4-char';
|
|
9
|
-
* @value '5-char';
|
|
10
|
-
* @value '10-char';
|
|
11
|
-
* @value '20-char';
|
|
12
|
-
*/
|
|
13
|
-
maxWidth?: '2-char' | '3-char' | '4-char' | '5-char' | '10-char' | '20-char';
|
|
14
|
-
/**
|
|
15
|
-
* width is optional.
|
|
16
|
-
* Use width prop to define a custom width in your component.
|
|
17
|
-
* @value '25%';
|
|
18
|
-
* @value '33.3%';
|
|
19
|
-
* @value '50%';
|
|
20
|
-
* @value '66.6%';
|
|
21
|
-
* @value '75%';
|
|
22
|
-
* @value '100%';
|
|
23
|
-
* @value 'full';
|
|
24
|
-
*/
|
|
25
|
-
width?: '25%' | '33.3%' | '50%' | '66.6%' | '75%' | '100%' | 'full';
|
|
26
|
-
/**
|
|
27
|
-
* error is optional. The default value is false.
|
|
28
|
-
* Use this prop when there is an error at the input.
|
|
29
|
-
* @value true
|
|
30
|
-
* @value false
|
|
31
|
-
*/
|
|
32
|
-
error?: boolean;
|
|
33
|
-
/**
|
|
34
|
-
* dense is optional.
|
|
35
|
-
* @value true TextInput will be dense.
|
|
36
|
-
* @value false
|
|
37
|
-
* @default false
|
|
38
|
-
*/
|
|
39
|
-
dense?: boolean;
|
|
40
|
-
}
|
|
41
|
-
/**
|
|
42
|
-
* TextInput component when you need to let users enter text that’s no
|
|
43
|
-
* longer than a single line, such as their name or phone number.
|
|
44
|
-
*/
|
|
45
|
-
export declare const TextInput: React.ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
46
|
-
export default TextInput;
|
|
1
|
+
export * from '@digigov/react-core/TextInput/index.web';
|
|
2
|
+
export { default as default } from '@digigov/react-core/TextInput/index.web';
|
package/TextInput/index.js
CHANGED
|
@@ -1,43 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
3
|
-
import Base from "@digigov/react-core/Base";
|
|
4
|
-
const TextInput = React.forwardRef(
|
|
5
|
-
function TextInput2({
|
|
6
|
-
type = "text",
|
|
7
|
-
maxWidth,
|
|
8
|
-
width,
|
|
9
|
-
error,
|
|
10
|
-
dense,
|
|
11
|
-
className,
|
|
12
|
-
children,
|
|
13
|
-
...props
|
|
14
|
-
}, ref) {
|
|
15
|
-
return /* @__PURE__ */ React.createElement(
|
|
16
|
-
Base,
|
|
17
|
-
{
|
|
18
|
-
as: "input",
|
|
19
|
-
type,
|
|
20
|
-
ref,
|
|
21
|
-
className: clsx(className, {
|
|
22
|
-
"ds-input": true,
|
|
23
|
-
"ds-input--error": error,
|
|
24
|
-
"ds-input--dense": dense,
|
|
25
|
-
[`ds-input--width-${maxWidth}`]: maxWidth !== void 0,
|
|
26
|
-
"ds-!-width-one-quarter": width === "25%",
|
|
27
|
-
"ds-!-width-one-third": width === "33.3%",
|
|
28
|
-
"ds-!-width-one-half": width === "50%",
|
|
29
|
-
"ds-!-width-two-thirds": width === "66.6%",
|
|
30
|
-
"ds-!-width-three-quarters": width === "75%"
|
|
31
|
-
}),
|
|
32
|
-
...props
|
|
33
|
-
},
|
|
34
|
-
children
|
|
35
|
-
);
|
|
36
|
-
}
|
|
37
|
-
);
|
|
38
|
-
var TextInput_default = TextInput;
|
|
1
|
+
export * from "@digigov/react-core/TextInput/index.web";
|
|
2
|
+
import { default as default2 } from "@digigov/react-core/TextInput/index.web";
|
|
39
3
|
export {
|
|
40
|
-
|
|
41
|
-
TextInput_default as default
|
|
4
|
+
default2 as default
|
|
42
5
|
};
|
|
43
6
|
//# sourceMappingURL=index.js.map
|
package/TextInput/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/TextInput/index.tsx"],
|
|
4
|
-
"sourcesContent": ["
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": ["
|
|
4
|
+
"sourcesContent": ["export * from '@digigov/react-core/TextInput/index.web';\nexport { default as default } from '@digigov/react-core/TextInput/index.web';"],
|
|
5
|
+
"mappings": "AAAA,cAAc;AACd,SAAoB,WAAXA,gBAA0B;",
|
|
6
|
+
"names": ["default"]
|
|
7
7
|
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import extend from "@digigov/react-core/utils/extend";
|
|
2
|
+
import CoreTextInput from "@digigov/react-core/TextInput/index.web";
|
|
3
|
+
import clsx from "clsx";
|
|
4
|
+
const TextInput = extend(CoreTextInput, ({ className, ...props }) => ({
|
|
5
|
+
...props,
|
|
6
|
+
className: clsx(className, {
|
|
7
|
+
"ds-input__wrapper": true
|
|
8
|
+
})
|
|
9
|
+
}));
|
|
10
|
+
var index_native_default = TextInput;
|
|
11
|
+
export {
|
|
12
|
+
TextInput,
|
|
13
|
+
index_native_default as default
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=index.native.js.map
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const TextInput: import("react").ForwardRefExoticComponent<Omit<Omit<import("@digigov/react-core/TextInput/index.web").TextInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement> & {
|
|
3
|
+
className?: string | undefined;
|
|
4
|
+
}, "ref"> & import("react").RefAttributes<unknown>>;
|
|
5
|
+
export default TextInput;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/TextInput/index.native.tsx"],
|
|
4
|
+
"sourcesContent": ["import extend from '@digigov/react-core/utils/extend';\nimport CoreTextInput from '@digigov/react-core/TextInput/index.web';\nimport clsx from 'clsx';\nexport const TextInput = extend(CoreTextInput, ({ className, ...props }) => ({\n ...props,\n className: clsx(className, {\n 'ds-input__wrapper': true\n })\n}))\nexport default TextInput;\n"],
|
|
5
|
+
"mappings": "AAAA,OAAO,YAAY;AACnB,OAAO,mBAAmB;AAC1B,OAAO,UAAU;AACV,MAAM,YAAY,OAAO,eAAe,CAAC,EAAE,WAAW,GAAG,MAAM,OAAO;AAAA,EACzE,GAAG;AAAA,EACH,WAAW,KAAK,WAAW;AAAA,IACvB,qBAAqB;AAAA,EACzB,CAAC;AACL,EAAE;AACF,IAAO,uBAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import clsx from "clsx";
|
|
3
|
+
import Base from "@digigov/react-core/Base";
|
|
4
|
+
const TextInput = React.forwardRef(
|
|
5
|
+
function TextInput2({
|
|
6
|
+
type = "text",
|
|
7
|
+
maxWidth,
|
|
8
|
+
width,
|
|
9
|
+
error,
|
|
10
|
+
dense,
|
|
11
|
+
className,
|
|
12
|
+
children,
|
|
13
|
+
...props
|
|
14
|
+
}, ref) {
|
|
15
|
+
return /* @__PURE__ */ React.createElement(
|
|
16
|
+
Base,
|
|
17
|
+
{
|
|
18
|
+
as: "input",
|
|
19
|
+
type,
|
|
20
|
+
ref,
|
|
21
|
+
className: clsx(className, {
|
|
22
|
+
"ds-input": true,
|
|
23
|
+
"ds-input--error": error,
|
|
24
|
+
"ds-input--dense": dense,
|
|
25
|
+
[`ds-input--width-${maxWidth}`]: maxWidth !== void 0,
|
|
26
|
+
"ds-!-width-one-quarter": width === "25%",
|
|
27
|
+
"ds-!-width-one-third": width === "33.3%",
|
|
28
|
+
"ds-!-width-one-half": width === "50%",
|
|
29
|
+
"ds-!-width-two-thirds": width === "66.6%",
|
|
30
|
+
"ds-!-width-three-quarters": width === "75%"
|
|
31
|
+
}),
|
|
32
|
+
...props
|
|
33
|
+
},
|
|
34
|
+
children
|
|
35
|
+
);
|
|
36
|
+
}
|
|
37
|
+
);
|
|
38
|
+
var index_web_default = TextInput;
|
|
39
|
+
export {
|
|
40
|
+
TextInput,
|
|
41
|
+
index_web_default as default
|
|
42
|
+
};
|
|
43
|
+
//# sourceMappingURL=index.web.js.map
|