diginet-core-ui 1.3.71-beta.1 → 1.3.72
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/components/badge/index.js +4 -12
- package/components/button/icon.js +4 -12
- package/components/button/index.js +4 -12
- package/components/card/body.js +4 -12
- package/components/card/extra.js +4 -12
- package/components/card/footer.js +4 -12
- package/components/card/header.js +4 -12
- package/components/card/index.js +4 -12
- package/components/form-control/checkbox/index.js +1 -1
- package/components/form-control/date-picker/index.js +2 -4
- package/components/form-control/date-range-picker/index.js +312 -325
- package/components/form-control/label/index.js +25 -31
- package/components/others/option-wrapper/index.js +18 -5
- package/components/paging/page-info.js +10 -22
- package/components/paging/page-selector2.js +10 -22
- package/components/popover/body.js +4 -12
- package/components/popover/footer.js +4 -12
- package/components/popover/header.js +4 -12
- package/components/popover/index.js +107 -204
- package/components/status/index.js +4 -12
- package/components/tab/tab-container.js +3 -2
- package/components/tab/tab-header.js +7 -14
- package/components/tab/tab.js +1 -1
- package/components/tooltip/index.js +2 -2
- package/components/typography/index.js +22 -28
- package/icons/effect.js +21 -29
- package/package.json +31 -60
- package/readme.md +3 -0
|
@@ -72,7 +72,6 @@ const calDotPos = (anchorOrigin, contentDirection, dotSize, hasContent, size) =>
|
|
|
72
72
|
};
|
|
73
73
|
|
|
74
74
|
const Badge = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
|
|
75
|
-
action = {},
|
|
76
75
|
anchorOrigin,
|
|
77
76
|
contentDirection,
|
|
78
77
|
content,
|
|
@@ -99,17 +98,10 @@ const Badge = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
|
|
|
99
98
|
|
|
100
99
|
const _BadgeRootCSS = BadgeRootCSS(children, name, dotPos, _BadgeNumberCSS);
|
|
101
100
|
|
|
102
|
-
useImperativeHandle(reference, () => {
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
}; // methods
|
|
107
|
-
|
|
108
|
-
_instance.__proto__ = {}; // hidden methods
|
|
109
|
-
|
|
110
|
-
currentRef.instance = _instance;
|
|
111
|
-
return currentRef;
|
|
112
|
-
});
|
|
101
|
+
useImperativeHandle(reference, () => ({
|
|
102
|
+
element: ref.current,
|
|
103
|
+
instance: {}
|
|
104
|
+
}));
|
|
113
105
|
return useMemo(() => {
|
|
114
106
|
let node = children;
|
|
115
107
|
|
|
@@ -71,7 +71,6 @@ const renderIconLoading = iconSize => {
|
|
|
71
71
|
};
|
|
72
72
|
|
|
73
73
|
const ButtonIcon = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
|
|
74
|
-
action = {},
|
|
75
74
|
viewType,
|
|
76
75
|
color,
|
|
77
76
|
size,
|
|
@@ -105,17 +104,10 @@ const ButtonIcon = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
|
|
|
105
104
|
|
|
106
105
|
const _ButtonRootCSS = ButtonRootCSS(circular, size, width, _width, height, _height, buttonSize, iconSize, colorHover, color, _color, name);
|
|
107
106
|
|
|
108
|
-
useImperativeHandle(reference, () => {
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
}; // methods
|
|
113
|
-
|
|
114
|
-
_instance.__proto__ = {}; // hidden methods
|
|
115
|
-
|
|
116
|
-
currentRef.instance = _instance;
|
|
117
|
-
return currentRef;
|
|
118
|
-
});
|
|
107
|
+
useImperativeHandle(reference, () => ({
|
|
108
|
+
element: ref.current,
|
|
109
|
+
instance: {}
|
|
110
|
+
}));
|
|
119
111
|
|
|
120
112
|
const _onClick = event => {
|
|
121
113
|
event.persist();
|
|
@@ -99,7 +99,6 @@ const alphaArr = {
|
|
|
99
99
|
};
|
|
100
100
|
const alphaLoading = 0.2;
|
|
101
101
|
const Button = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
|
|
102
|
-
action = {},
|
|
103
102
|
children,
|
|
104
103
|
className,
|
|
105
104
|
color,
|
|
@@ -131,17 +130,10 @@ const Button = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
|
|
|
131
130
|
|
|
132
131
|
const _ButtonRoot = ButtonRoot(viewType, size, paddingSize, minHeightSize, minHeightSizeLink, outlinedPaddingSize, endIcon, label, iconMarginSize, startIcon, iconSize, color);
|
|
133
132
|
|
|
134
|
-
useImperativeHandle(reference, () => {
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
}; // methods
|
|
139
|
-
|
|
140
|
-
_instance.__proto__ = {}; // hidden methods
|
|
141
|
-
|
|
142
|
-
currentRef.instance = _instance;
|
|
143
|
-
return currentRef;
|
|
144
|
-
});
|
|
133
|
+
useImperativeHandle(reference, () => ({
|
|
134
|
+
element: ref.current,
|
|
135
|
+
instance: {}
|
|
136
|
+
}));
|
|
145
137
|
const StartIcon = useMemo(() => {
|
|
146
138
|
let node = startIcon;
|
|
147
139
|
|
package/components/card/body.js
CHANGED
|
@@ -7,7 +7,6 @@ import { jsx } from '@emotion/core';
|
|
|
7
7
|
import OptionWrapper from '../others/option-wrapper';
|
|
8
8
|
import { classNames } from '../../utils';
|
|
9
9
|
const CardBody = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
|
|
10
|
-
action = {},
|
|
11
10
|
children,
|
|
12
11
|
className,
|
|
13
12
|
id,
|
|
@@ -15,17 +14,10 @@ const CardBody = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
|
|
|
15
14
|
title
|
|
16
15
|
}, reference) => {
|
|
17
16
|
const ref = useRef(null);
|
|
18
|
-
useImperativeHandle(reference, () => {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
}; // methods
|
|
23
|
-
|
|
24
|
-
_instance.__proto__ = {}; // hidden methods
|
|
25
|
-
|
|
26
|
-
currentRef.instance = _instance;
|
|
27
|
-
return currentRef;
|
|
28
|
-
});
|
|
17
|
+
useImperativeHandle(reference, () => ({
|
|
18
|
+
element: ref.current,
|
|
19
|
+
instance: {}
|
|
20
|
+
}));
|
|
29
21
|
return useMemo(() => {
|
|
30
22
|
return jsx("div", {
|
|
31
23
|
id: id,
|
package/components/card/extra.js
CHANGED
|
@@ -7,7 +7,6 @@ import { jsx } from '@emotion/core';
|
|
|
7
7
|
import OptionWrapper from '../others/option-wrapper';
|
|
8
8
|
import { classNames } from '../../utils';
|
|
9
9
|
const CardExtra = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
|
|
10
|
-
action = {},
|
|
11
10
|
children,
|
|
12
11
|
className,
|
|
13
12
|
id,
|
|
@@ -15,17 +14,10 @@ const CardExtra = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
|
|
|
15
14
|
title
|
|
16
15
|
}, reference) => {
|
|
17
16
|
const ref = useRef(null);
|
|
18
|
-
useImperativeHandle(reference, () => {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
}; // methods
|
|
23
|
-
|
|
24
|
-
_instance.__proto__ = {}; // hidden methods
|
|
25
|
-
|
|
26
|
-
currentRef.instance = _instance;
|
|
27
|
-
return currentRef;
|
|
28
|
-
});
|
|
17
|
+
useImperativeHandle(reference, () => ({
|
|
18
|
+
element: ref.current,
|
|
19
|
+
instance: {}
|
|
20
|
+
}));
|
|
29
21
|
return useMemo(() => {
|
|
30
22
|
return jsx("div", {
|
|
31
23
|
id: id,
|
|
@@ -7,7 +7,6 @@ import { jsx } from '@emotion/core';
|
|
|
7
7
|
import OptionWrapper from '../others/option-wrapper';
|
|
8
8
|
import { classNames } from '../../utils';
|
|
9
9
|
const CardFooter = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
|
|
10
|
-
action = {},
|
|
11
10
|
children,
|
|
12
11
|
className,
|
|
13
12
|
id,
|
|
@@ -15,17 +14,10 @@ const CardFooter = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
|
|
|
15
14
|
title
|
|
16
15
|
}, reference) => {
|
|
17
16
|
const ref = useRef(null);
|
|
18
|
-
useImperativeHandle(reference, () => {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
}; // methods
|
|
23
|
-
|
|
24
|
-
_instance.__proto__ = {}; // hidden methods
|
|
25
|
-
|
|
26
|
-
currentRef.instance = _instance;
|
|
27
|
-
return currentRef;
|
|
28
|
-
});
|
|
17
|
+
useImperativeHandle(reference, () => ({
|
|
18
|
+
element: ref.current,
|
|
19
|
+
instance: {}
|
|
20
|
+
}));
|
|
29
21
|
return useMemo(() => {
|
|
30
22
|
return jsx("div", {
|
|
31
23
|
id: id,
|
|
@@ -8,7 +8,6 @@ import OptionWrapper from '../others/option-wrapper';
|
|
|
8
8
|
import Typography from '../typography';
|
|
9
9
|
import { classNames } from '../../utils';
|
|
10
10
|
const CardHeader = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
|
|
11
|
-
action = {},
|
|
12
11
|
children,
|
|
13
12
|
className,
|
|
14
13
|
id,
|
|
@@ -16,17 +15,10 @@ const CardHeader = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
|
|
|
16
15
|
title
|
|
17
16
|
}, reference) => {
|
|
18
17
|
const ref = useRef(null);
|
|
19
|
-
useImperativeHandle(reference, () => {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
}; // methods
|
|
24
|
-
|
|
25
|
-
_instance.__proto__ = {}; // hidden methods
|
|
26
|
-
|
|
27
|
-
currentRef.instance = _instance;
|
|
28
|
-
return currentRef;
|
|
29
|
-
});
|
|
18
|
+
useImperativeHandle(reference, () => ({
|
|
19
|
+
element: ref.current,
|
|
20
|
+
instance: {}
|
|
21
|
+
}));
|
|
30
22
|
return useMemo(() => {
|
|
31
23
|
return jsx("div", {
|
|
32
24
|
id: id,
|
package/components/card/index.js
CHANGED
|
@@ -24,7 +24,6 @@ const {
|
|
|
24
24
|
spacing
|
|
25
25
|
} = theme;
|
|
26
26
|
const Card = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
|
|
27
|
-
action = {},
|
|
28
27
|
body: bodyProp,
|
|
29
28
|
bodyStyle,
|
|
30
29
|
children,
|
|
@@ -47,17 +46,10 @@ const Card = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
|
|
|
47
46
|
|
|
48
47
|
const _CardCSS = CardCSS(width, height, headerDivider, footerDivider, dividerColor, direction);
|
|
49
48
|
|
|
50
|
-
useImperativeHandle(reference, () => {
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
}; // methods
|
|
55
|
-
|
|
56
|
-
_instance.__proto__ = {}; // hidden methods
|
|
57
|
-
|
|
58
|
-
currentRef.instance = _instance;
|
|
59
|
-
return currentRef;
|
|
60
|
-
});
|
|
49
|
+
useImperativeHandle(reference, () => ({
|
|
50
|
+
element: ref.current,
|
|
51
|
+
instance: {}
|
|
52
|
+
}));
|
|
61
53
|
const head = header || title ? jsx(CardHeader, {
|
|
62
54
|
className: classNames(className === null || className === void 0 ? void 0 : className.header),
|
|
63
55
|
style: headerStyle,
|
|
@@ -541,10 +541,8 @@ const DatePicker = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(({
|
|
|
541
541
|
width: 'none'
|
|
542
542
|
}
|
|
543
543
|
}, jsx(InputBase, {
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
...inputProps
|
|
547
|
-
},
|
|
544
|
+
placeholder: placeholder,
|
|
545
|
+
...inputProps,
|
|
548
546
|
ref: ipConRef,
|
|
549
547
|
inputRef: ipRef,
|
|
550
548
|
disabled: disabled,
|