kdpa-components 1.0.0 → 1.2.0
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/CHANGELOG.md +7 -0
- package/dist/Accordion/index.js +17 -19
- package/dist/Alert/index.js +19 -20
- package/dist/{ArrowDropDown-4bc3084f.js → ArrowDropDown-07b9ccae.js} +19 -20
- package/dist/Avatar/index.js +7 -8
- package/dist/Badge/index.js +22 -24
- package/dist/{Box-af81b133.js → Box-032e9a1d.js} +25 -27
- package/dist/{Button-da8592f4.js → Button-9d9cc0bd.js} +18 -20
- package/dist/{ButtonBase-496494a5.js → ButtonBase-fa4630c8.js} +35 -37
- package/dist/Buttons/index.js +28 -30
- package/dist/{CSSTransition-5496e075.js → CSSTransition-7e2d0e80.js} +3 -3
- package/dist/Cards/index.d.ts +2 -0
- package/dist/Cards/index.d.ts.map +1 -1
- package/dist/Cards/index.js +150 -1
- package/dist/CheckBox/index.js +13 -14
- package/dist/Chip/index.js +17 -19
- package/dist/{Chip-2dfcd6e9.js → Chip-e5751770.js} +25 -27
- package/dist/{CircularProgress-e1f22f2a.js → CircularProgress-01a8929e.js} +19 -21
- package/dist/{Close-319784e1.js → Close-db7afda5.js} +2 -2
- package/dist/Collapse/index.js +10 -12
- package/dist/{Collapse-75d5ed79.js → Collapse-547e6c7a.js} +27 -30
- package/dist/CopyToClipboard/index.js +24 -26
- package/dist/{Dialog-0eadb508.js → Dialog-652a3ad4.js} +19 -21
- package/dist/Divider/index.js +7 -8
- package/dist/DropZone/index.js +34 -36
- package/dist/{Fade-6a96fc41.js → Fade-7ee2c0a4.js} +23 -25
- package/dist/FormControl/index.js +12 -13
- package/dist/{FormControl-c914b3de.js → FormControl-ca7447ab.js} +13 -15
- package/dist/FullScreenDialog/index.js +20 -22
- package/dist/Grid/index.js +9 -10
- package/dist/{Grid-4cbef6c7.js → Grid-9708b9ca.js} +65 -67
- package/dist/{Grow-8a97586f.js → Grow-55d0786d.js} +17 -19
- package/dist/{IconButton-b4e677f7.js → IconButton-48d87778.js} +30 -32
- package/dist/Input/index.js +27 -29
- package/dist/{KdpaAccordions-60fefaf0.js → KdpaAccordions-2ae65dd1.js} +126 -115
- package/dist/{KdpaAlertTitle-497100ba.js → KdpaAlertTitle-f1549035.js} +93 -82
- package/dist/{KdpaAutoComplete-9c0b8d4d.js → KdpaAutoComplete-8a11974a.js} +237 -234
- package/dist/{KdpaAvatar-da84b516.js → KdpaAvatar-d297ef8a.js} +75 -72
- package/dist/{KdpaCheckBox-d06c93b0.js → KdpaCheckBox-84d56486.js} +33 -30
- package/dist/KdpaChip-10899788.js +51 -0
- package/dist/KdpaCircularProgress-6c4605cd.js +76 -0
- package/dist/KdpaCollapse-2d23c312.js +12 -0
- package/dist/KdpaCollapse-73c03e02.js +23 -0
- package/dist/{KdpaCopyToClipboard-2c36d593.js → KdpaCopyToClipboard-53aa97d3.js} +196 -160
- package/dist/{KdpaDateTimePicker-8e9da3c8.js → KdpaDateTimePicker-cb4a16d0.js} +10530 -13197
- package/dist/{KdpaDivider-10de74db.js → KdpaDivider-1c62c65a.js} +95 -84
- package/dist/{KdpaDropZone-85943160.js → KdpaDropZone-b21d2304.js} +631 -531
- package/dist/KdpaFormControl-135b070d.js +10 -0
- package/dist/{KdpaFormControlLabel-8a6ff2a6.js → KdpaFormControlLabel-249b7622.js} +57 -54
- package/dist/KdpaFullScreenDialog-e56db731.js +24 -0
- package/dist/KdpaGrid-2a3f9346.js +12 -0
- package/dist/{KdpaGridBadge-d8a8e388.js → KdpaGridBadge-65b88a7a.js} +123 -104
- package/dist/KdpaIconButton-a0ee669c.js +35 -0
- package/dist/KdpaInputMultiline-231a2be1.js +68 -0
- package/dist/{KdpaLazyDrop-347b6e24.js → KdpaLazyDrop-1985fc75.js} +254 -217
- package/dist/KdpaMenuItem-99cde871.js +56 -0
- package/dist/{KdpaSimpleModal-6ab72b9c.js → KdpaModalImage-eb732bf0.js} +176 -185
- package/dist/{KdpaPaginationGrid-6e4cd782.js → KdpaPaginationGrid-97a5b164.js} +343 -283
- package/dist/{KdpaRadioGroup-de6c67d4.js → KdpaRadioGroup-87122ec7.js} +129 -122
- package/dist/{KdpaRtlProvider-d7cc5029.js → KdpaRtlProvider-495e4bb0.js} +169 -162
- package/dist/KdpaSecondaryButton-a70aafe5.js +44 -0
- package/dist/KdpaSkeleton-f8f3aefc.js +580 -0
- package/dist/{KdpaSlider-93a991f0.js → KdpaSlider-b7226e20.js} +196 -182
- package/dist/{KdpaSwitch-2f07cd38.js → KdpaSwitch-b2ba7c23.js} +50 -43
- package/dist/KdpaTabs-ab618f36.js +50 -0
- package/dist/{KdpaTooltip-e30e1eea.js → KdpaTooltip-653424c7.js} +95 -88
- package/dist/{KdpaTree-8428a368.js → KdpaTree-2e1df83d.js} +348 -304
- package/dist/{KdpaTreeSelect-7fe5581c.js → KdpaTreeSelect-0152302e.js} +625 -609
- package/dist/KdpaTypography-763c3238.js +10 -0
- package/dist/KdpaZoom-1b0f3404.js +22 -0
- package/dist/KpdaPrimaryButton-5416aa2c.js +79 -0
- package/dist/LazyDrop/index.js +24 -24
- package/dist/{ListItem-da6701a3.js → ListItem-ddec0b28.js} +14 -16
- package/dist/Loading/KdpaProgress/index.js +12 -13
- package/dist/Loading/index.js +11 -12
- package/dist/{MenuItem-b9a45c1d.js → MenuItem-057c85a3.js} +44 -46
- package/dist/Modal/index.d.ts +0 -2
- package/dist/Modal/index.d.ts.map +1 -1
- package/dist/Modal/index.js +3 -17
- package/dist/{Modal-1e4a342f.js → Modal-daf2a588.js} +18 -20
- package/dist/PaginationGrid/index.js +33 -34
- package/dist/{Paper-ad7ba238.js → Paper-00aea968.js} +16 -18
- package/dist/Pickers/index.d.ts +2 -1
- package/dist/Pickers/index.d.ts.map +1 -1
- package/dist/Pickers/index.js +43 -45
- package/dist/{Popper-20f4d1e9.js → Popper-7adcd815.js} +13 -15
- package/dist/{Portal-1b00a402.js → Portal-de5e310c.js} +6 -7
- package/dist/Radio/index.js +14 -15
- package/dist/Selects/index.js +39 -40
- package/dist/{Slide-d61a6d2b.js → Slide-803fd098.js} +17 -19
- package/dist/Slider/index.js +8 -9
- package/dist/Switch/index.js +12 -13
- package/dist/{SwitchBase-e8b18f94.js → SwitchBase-64e5662e.js} +14 -16
- package/dist/Tabs/index.js +16 -17
- package/dist/{Tabs-1cc5862d.js → Tabs-1140d353.js} +87 -89
- package/dist/{TextField-c2c0172a.js → TextField-57c51dbe.js} +52 -54
- package/dist/ThemeProvider/index.js +7 -8
- package/dist/Tooltips/index.js +16 -18
- package/dist/{TransitionGroup-68fd1866.js → TransitionGroup-f9877c5b.js} +2 -2
- package/dist/Transitions/index.js +22 -24
- package/dist/Tree/index.js +2 -2
- package/dist/TreeSelect/index.js +3 -3
- package/dist/Typography/index.js +8 -9
- package/dist/{Typography-9a28b393.js → Typography-db7e5ea2.js} +42 -44
- package/dist/{Zoom-64a4beac.js → Zoom-36a189bb.js} +22 -24
- package/dist/{createSvgIcon-5cb90f79.js → createSvgIcon-1aa1b2b2.js} +20 -22
- package/dist/{dividerClasses-6f4cb6be.js → dividerClasses-a9b8b1ae.js} +2 -2
- package/dist/{elementAcceptingRef-332a290a.js → elementAcceptingRef-bd96c731.js} +1 -1
- package/dist/{elementTypeAcceptingRef-05dea79e.js → elementTypeAcceptingRef-dea9e62a.js} +1 -1
- package/dist/{emotion-react.browser.esm-921c014a.js → emotion-react.browser.esm-3fa5f721.js} +1 -1
- package/dist/{exactProp-7fadf441.js → exactProp-86f148d5.js} +1 -1
- package/dist/{extendSxProp-eacd850e.js → extendSxProp-d294b946.js} +2 -2
- package/dist/{extends-393586f3.js → extends-135d7828.js} +2 -2
- package/dist/identifier-2647f844.js +3775 -0
- package/dist/{index-456f3e1b.js → index-5f8afc53.js} +5 -5
- package/dist/index.js +140 -142
- package/dist/jsx-dev-runtime-48fdc504.js +615 -0
- package/dist/kdpaSelect-4ed993c7.js +1 -0
- package/dist/{listItemTextClasses-f7759ba4.js → listItemTextClasses-da281500.js} +2 -2
- package/dist/{refType-7c2b090c.js → refType-450337d6.js} +1 -1
- package/dist/style.css +1 -1
- package/dist/{useSlotProps-db1ead27.js → useSlotProps-3b927bcb.js} +2 -2
- package/dist/{useTheme-2bb6b2df.js → useTheme-6ea322ec.js} +2 -2
- package/dist/{useThemeProps-114e8d66.js → useThemeProps-ea792506.js} +11 -11
- package/dist/{Transition-2ecbc61d.js → utils-acd98a68.js} +113 -98
- package/package.json +90 -87
- package/dist/KdpaChip-f94c5b7e.js +0 -31
- package/dist/KdpaCircularProgress-aed28149.js +0 -44
- package/dist/KdpaCollapse-73e5e40c.js +0 -8
- package/dist/KdpaCollapse-7f12a32a.js +0 -11
- package/dist/KdpaFormControl-ae8f7241.js +0 -6
- package/dist/KdpaFullScreenDialog-f60e21f3.js +0 -16
- package/dist/KdpaGrid-b93fab29.js +0 -8
- package/dist/KdpaIconButton-f5146164.js +0 -23
- package/dist/KdpaInputMultiline-71dfbfe5.js +0 -48
- package/dist/KdpaMenuItem-9a9ece89.js +0 -35
- package/dist/KdpaSecondaryButton-9b81f97d.js +0 -28
- package/dist/KdpaSkeleton-4696fadd.js +0 -541
- package/dist/KdpaTabs-a76a17a7.js +0 -38
- package/dist/KdpaTypography-17403558.js +0 -6
- package/dist/KdpaZoom-96a648cb.js +0 -10
- package/dist/KpdaPrimaryButton-9a5d8d6d.js +0 -47
- package/dist/Sanitizer/index.d.ts +0 -3
- package/dist/Sanitizer/index.d.ts.map +0 -1
- package/dist/Sanitizer/index.js +0 -492
- package/dist/identifier-5cabf5ae.js +0 -2481
- package/dist/index-f4329b29.js +0 -669
- package/dist/jsx-runtime-944c88e2.js +0 -631
- package/dist/utils-8a7b223e.js +0 -18
|
@@ -1,69 +1,69 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { _ as D } from "./extends-135d7828.js";
|
|
2
2
|
import { _ as C, T as S } from "./TransitionGroupContext-7435e195.js";
|
|
3
|
-
import { P as
|
|
3
|
+
import { P as i } from "./identifier-2647f844.js";
|
|
4
4
|
import v from "react";
|
|
5
5
|
import b from "react-dom";
|
|
6
|
-
const
|
|
6
|
+
const N = {
|
|
7
7
|
disabled: !1
|
|
8
8
|
};
|
|
9
|
-
var R = process.env.NODE_ENV !== "production" ?
|
|
10
|
-
enter:
|
|
11
|
-
exit:
|
|
12
|
-
appear:
|
|
13
|
-
}).isRequired]) : null, P = process.env.NODE_ENV !== "production" ?
|
|
14
|
-
enter:
|
|
15
|
-
exit:
|
|
16
|
-
active:
|
|
17
|
-
}),
|
|
18
|
-
enter:
|
|
19
|
-
enterDone:
|
|
20
|
-
enterActive:
|
|
21
|
-
exit:
|
|
22
|
-
exitDone:
|
|
23
|
-
exitActive:
|
|
24
|
-
})]) : null,
|
|
9
|
+
var R = process.env.NODE_ENV !== "production" ? i.oneOfType([i.number, i.shape({
|
|
10
|
+
enter: i.number,
|
|
11
|
+
exit: i.number,
|
|
12
|
+
appear: i.number
|
|
13
|
+
}).isRequired]) : null, P = process.env.NODE_ENV !== "production" ? i.oneOfType([i.string, i.shape({
|
|
14
|
+
enter: i.string,
|
|
15
|
+
exit: i.string,
|
|
16
|
+
active: i.string
|
|
17
|
+
}), i.shape({
|
|
18
|
+
enter: i.string,
|
|
19
|
+
enterDone: i.string,
|
|
20
|
+
enterActive: i.string,
|
|
21
|
+
exit: i.string,
|
|
22
|
+
exitDone: i.string,
|
|
23
|
+
exitActive: i.string
|
|
24
|
+
})]) : null, y = function(a) {
|
|
25
25
|
return a.scrollTop;
|
|
26
|
-
}, x = "unmounted", f = "exited", c = "entering", h = "entered", T = "exiting",
|
|
27
|
-
C(a,
|
|
26
|
+
}, x = "unmounted", f = "exited", c = "entering", h = "entered", T = "exiting", l = /* @__PURE__ */ function(u) {
|
|
27
|
+
C(a, u);
|
|
28
28
|
function a(r, e) {
|
|
29
29
|
var t;
|
|
30
|
-
t =
|
|
31
|
-
var
|
|
32
|
-
return t.appearStatus = null, r.in ?
|
|
33
|
-
status:
|
|
30
|
+
t = u.call(this, r, e) || this;
|
|
31
|
+
var n = e, s = n && !n.isMounting ? r.enter : r.appear, p;
|
|
32
|
+
return t.appearStatus = null, r.in ? s ? (p = f, t.appearStatus = c) : p = h : r.unmountOnExit || r.mountOnEnter ? p = x : p = f, t.state = {
|
|
33
|
+
status: p
|
|
34
34
|
}, t.nextCallback = null, t;
|
|
35
35
|
}
|
|
36
36
|
a.getDerivedStateFromProps = function(e, t) {
|
|
37
|
-
var
|
|
38
|
-
return
|
|
37
|
+
var n = e.in;
|
|
38
|
+
return n && t.status === x ? {
|
|
39
39
|
status: f
|
|
40
40
|
} : null;
|
|
41
41
|
};
|
|
42
|
-
var
|
|
43
|
-
return
|
|
42
|
+
var o = a.prototype;
|
|
43
|
+
return o.componentDidMount = function() {
|
|
44
44
|
this.updateStatus(!0, this.appearStatus);
|
|
45
|
-
},
|
|
45
|
+
}, o.componentDidUpdate = function(e) {
|
|
46
46
|
var t = null;
|
|
47
47
|
if (e !== this.props) {
|
|
48
|
-
var
|
|
49
|
-
this.props.in ?
|
|
48
|
+
var n = this.state.status;
|
|
49
|
+
this.props.in ? n !== c && n !== h && (t = c) : (n === c || n === h) && (t = T);
|
|
50
50
|
}
|
|
51
51
|
this.updateStatus(!1, t);
|
|
52
|
-
},
|
|
52
|
+
}, o.componentWillUnmount = function() {
|
|
53
53
|
this.cancelNextCallback();
|
|
54
|
-
},
|
|
55
|
-
var e = this.props.timeout, t,
|
|
56
|
-
return t =
|
|
54
|
+
}, o.getTimeouts = function() {
|
|
55
|
+
var e = this.props.timeout, t, n, s;
|
|
56
|
+
return t = n = s = e, e != null && typeof e != "number" && (t = e.exit, n = e.enter, s = e.appear !== void 0 ? e.appear : n), {
|
|
57
57
|
exit: t,
|
|
58
|
-
enter:
|
|
59
|
-
appear:
|
|
58
|
+
enter: n,
|
|
59
|
+
appear: s
|
|
60
60
|
};
|
|
61
|
-
},
|
|
61
|
+
}, o.updateStatus = function(e, t) {
|
|
62
62
|
if (e === void 0 && (e = !1), t !== null)
|
|
63
63
|
if (this.cancelNextCallback(), t === c) {
|
|
64
64
|
if (this.props.unmountOnExit || this.props.mountOnEnter) {
|
|
65
|
-
var
|
|
66
|
-
|
|
65
|
+
var n = this.props.nodeRef ? this.props.nodeRef.current : b.findDOMNode(this);
|
|
66
|
+
n && y(n);
|
|
67
67
|
}
|
|
68
68
|
this.performEnter(e);
|
|
69
69
|
} else
|
|
@@ -72,9 +72,9 @@ var R = process.env.NODE_ENV !== "production" ? n.oneOfType([n.number, n.shape({
|
|
|
72
72
|
this.props.unmountOnExit && this.state.status === f && this.setState({
|
|
73
73
|
status: x
|
|
74
74
|
});
|
|
75
|
-
},
|
|
76
|
-
var t = this,
|
|
77
|
-
if (!e && !
|
|
75
|
+
}, o.performEnter = function(e) {
|
|
76
|
+
var t = this, n = this.props.enter, s = this.context ? this.context.isMounting : e, p = this.props.nodeRef ? [s] : [b.findDOMNode(this), s], d = p[0], m = p[1], g = this.getTimeouts(), O = s ? g.appear : g.enter;
|
|
77
|
+
if (!e && !n || N.disabled) {
|
|
78
78
|
this.safeSetState({
|
|
79
79
|
status: h
|
|
80
80
|
}, function() {
|
|
@@ -93,67 +93,67 @@ var R = process.env.NODE_ENV !== "production" ? n.oneOfType([n.number, n.shape({
|
|
|
93
93
|
});
|
|
94
94
|
});
|
|
95
95
|
});
|
|
96
|
-
},
|
|
97
|
-
var e = this, t = this.props.exit,
|
|
98
|
-
if (!t ||
|
|
96
|
+
}, o.performExit = function() {
|
|
97
|
+
var e = this, t = this.props.exit, n = this.getTimeouts(), s = this.props.nodeRef ? void 0 : b.findDOMNode(this);
|
|
98
|
+
if (!t || N.disabled) {
|
|
99
99
|
this.safeSetState({
|
|
100
100
|
status: f
|
|
101
101
|
}, function() {
|
|
102
|
-
e.props.onExited(
|
|
102
|
+
e.props.onExited(s);
|
|
103
103
|
});
|
|
104
104
|
return;
|
|
105
105
|
}
|
|
106
|
-
this.props.onExit(
|
|
106
|
+
this.props.onExit(s), this.safeSetState({
|
|
107
107
|
status: T
|
|
108
108
|
}, function() {
|
|
109
|
-
e.props.onExiting(
|
|
109
|
+
e.props.onExiting(s), e.onTransitionEnd(n.exit, function() {
|
|
110
110
|
e.safeSetState({
|
|
111
111
|
status: f
|
|
112
112
|
}, function() {
|
|
113
|
-
e.props.onExited(
|
|
113
|
+
e.props.onExited(s);
|
|
114
114
|
});
|
|
115
115
|
});
|
|
116
116
|
});
|
|
117
|
-
},
|
|
117
|
+
}, o.cancelNextCallback = function() {
|
|
118
118
|
this.nextCallback !== null && (this.nextCallback.cancel(), this.nextCallback = null);
|
|
119
|
-
},
|
|
119
|
+
}, o.safeSetState = function(e, t) {
|
|
120
120
|
t = this.setNextCallback(t), this.setState(e, t);
|
|
121
|
-
},
|
|
122
|
-
var t = this,
|
|
123
|
-
return this.nextCallback = function(
|
|
124
|
-
|
|
121
|
+
}, o.setNextCallback = function(e) {
|
|
122
|
+
var t = this, n = !0;
|
|
123
|
+
return this.nextCallback = function(s) {
|
|
124
|
+
n && (n = !1, t.nextCallback = null, e(s));
|
|
125
125
|
}, this.nextCallback.cancel = function() {
|
|
126
|
-
|
|
126
|
+
n = !1;
|
|
127
127
|
}, this.nextCallback;
|
|
128
|
-
},
|
|
128
|
+
}, o.onTransitionEnd = function(e, t) {
|
|
129
129
|
this.setNextCallback(t);
|
|
130
|
-
var
|
|
131
|
-
if (!
|
|
130
|
+
var n = this.props.nodeRef ? this.props.nodeRef.current : b.findDOMNode(this), s = e == null && !this.props.addEndListener;
|
|
131
|
+
if (!n || s) {
|
|
132
132
|
setTimeout(this.nextCallback, 0);
|
|
133
133
|
return;
|
|
134
134
|
}
|
|
135
135
|
if (this.props.addEndListener) {
|
|
136
|
-
var
|
|
136
|
+
var p = this.props.nodeRef ? [this.nextCallback] : [n, this.nextCallback], d = p[0], m = p[1];
|
|
137
137
|
this.props.addEndListener(d, m);
|
|
138
138
|
}
|
|
139
139
|
e != null && setTimeout(this.nextCallback, e);
|
|
140
|
-
},
|
|
140
|
+
}, o.render = function() {
|
|
141
141
|
var e = this.state.status;
|
|
142
142
|
if (e === x)
|
|
143
143
|
return null;
|
|
144
|
-
var t = this.props,
|
|
144
|
+
var t = this.props, n = t.children;
|
|
145
145
|
t.in, t.mountOnEnter, t.unmountOnExit, t.appear, t.enter, t.exit, t.timeout, t.addEndListener, t.onEnter, t.onEntering, t.onEntered, t.onExit, t.onExiting, t.onExited, t.nodeRef;
|
|
146
|
-
var
|
|
146
|
+
var s = D(t, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
|
|
147
147
|
return (
|
|
148
148
|
// allows for nested Transitions
|
|
149
149
|
/* @__PURE__ */ v.createElement(S.Provider, {
|
|
150
150
|
value: null
|
|
151
|
-
}, typeof
|
|
151
|
+
}, typeof n == "function" ? n(e, s) : v.cloneElement(v.Children.only(n), s))
|
|
152
152
|
);
|
|
153
153
|
}, a;
|
|
154
154
|
}(v.Component);
|
|
155
|
-
|
|
156
|
-
|
|
155
|
+
l.contextType = S;
|
|
156
|
+
l.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
157
157
|
/**
|
|
158
158
|
* A React reference to DOM element that need to transition:
|
|
159
159
|
* https://stackoverflow.com/a/51127130/4671932
|
|
@@ -165,10 +165,10 @@ p.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
165
165
|
* (see
|
|
166
166
|
* [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).
|
|
167
167
|
*/
|
|
168
|
-
nodeRef:
|
|
169
|
-
current: typeof Element > "u" ?
|
|
170
|
-
var
|
|
171
|
-
return
|
|
168
|
+
nodeRef: i.shape({
|
|
169
|
+
current: typeof Element > "u" ? i.any : function(u, a, o, r, e, t) {
|
|
170
|
+
var n = u[a];
|
|
171
|
+
return i.instanceOf(n && "ownerDocument" in n ? n.ownerDocument.defaultView.Element : Element)(u, a, o, r, e, t);
|
|
172
172
|
}
|
|
173
173
|
}),
|
|
174
174
|
/**
|
|
@@ -185,23 +185,23 @@ p.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
185
185
|
* </Transition>
|
|
186
186
|
* ```
|
|
187
187
|
*/
|
|
188
|
-
children:
|
|
188
|
+
children: i.oneOfType([i.func.isRequired, i.element.isRequired]).isRequired,
|
|
189
189
|
/**
|
|
190
190
|
* Show the component; triggers the enter or exit states
|
|
191
191
|
*/
|
|
192
|
-
in:
|
|
192
|
+
in: i.bool,
|
|
193
193
|
/**
|
|
194
194
|
* By default the child component is mounted immediately along with
|
|
195
195
|
* the parent `Transition` component. If you want to "lazy mount" the component on the
|
|
196
196
|
* first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay
|
|
197
197
|
* mounted, even on "exited", unless you also specify `unmountOnExit`.
|
|
198
198
|
*/
|
|
199
|
-
mountOnEnter:
|
|
199
|
+
mountOnEnter: i.bool,
|
|
200
200
|
/**
|
|
201
201
|
* By default the child component stays mounted after it reaches the `'exited'` state.
|
|
202
202
|
* Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.
|
|
203
203
|
*/
|
|
204
|
-
unmountOnExit:
|
|
204
|
+
unmountOnExit: i.bool,
|
|
205
205
|
/**
|
|
206
206
|
* By default the child component does not perform the enter transition when
|
|
207
207
|
* it first mounts, regardless of the value of `in`. If you want this
|
|
@@ -213,15 +213,15 @@ p.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
213
213
|
* > additional `.appear-*` classes, that way you can choose to style it
|
|
214
214
|
* > differently.
|
|
215
215
|
*/
|
|
216
|
-
appear:
|
|
216
|
+
appear: i.bool,
|
|
217
217
|
/**
|
|
218
218
|
* Enable or disable enter transitions.
|
|
219
219
|
*/
|
|
220
|
-
enter:
|
|
220
|
+
enter: i.bool,
|
|
221
221
|
/**
|
|
222
222
|
* Enable or disable exit transitions.
|
|
223
223
|
*/
|
|
224
|
-
exit:
|
|
224
|
+
exit: i.bool,
|
|
225
225
|
/**
|
|
226
226
|
* The duration of the transition, in milliseconds.
|
|
227
227
|
* Required unless `addEndListener` is provided.
|
|
@@ -249,11 +249,11 @@ p.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
249
249
|
* @type {number | { enter?: number, exit?: number, appear?: number }}
|
|
250
250
|
*/
|
|
251
251
|
timeout: function(a) {
|
|
252
|
-
var
|
|
253
|
-
a.addEndListener || (
|
|
252
|
+
var o = R;
|
|
253
|
+
a.addEndListener || (o = o.isRequired);
|
|
254
254
|
for (var r = arguments.length, e = new Array(r > 1 ? r - 1 : 0), t = 1; t < r; t++)
|
|
255
255
|
e[t - 1] = arguments[t];
|
|
256
|
-
return
|
|
256
|
+
return o.apply(void 0, [a].concat(e));
|
|
257
257
|
},
|
|
258
258
|
/**
|
|
259
259
|
* Add a custom transition end trigger. Called with the transitioning
|
|
@@ -269,7 +269,7 @@ p.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
269
269
|
* }}
|
|
270
270
|
* ```
|
|
271
271
|
*/
|
|
272
|
-
addEndListener:
|
|
272
|
+
addEndListener: i.func,
|
|
273
273
|
/**
|
|
274
274
|
* Callback fired before the "entering" status is applied. An extra parameter
|
|
275
275
|
* `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
|
|
@@ -278,7 +278,7 @@ p.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
278
278
|
*
|
|
279
279
|
* @type Function(node: HtmlElement, isAppearing: bool) -> void
|
|
280
280
|
*/
|
|
281
|
-
onEnter:
|
|
281
|
+
onEnter: i.func,
|
|
282
282
|
/**
|
|
283
283
|
* Callback fired after the "entering" status is applied. An extra parameter
|
|
284
284
|
* `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
|
|
@@ -287,7 +287,7 @@ p.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
287
287
|
*
|
|
288
288
|
* @type Function(node: HtmlElement, isAppearing: bool)
|
|
289
289
|
*/
|
|
290
|
-
onEntering:
|
|
290
|
+
onEntering: i.func,
|
|
291
291
|
/**
|
|
292
292
|
* Callback fired after the "entered" status is applied. An extra parameter
|
|
293
293
|
* `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
|
|
@@ -296,7 +296,7 @@ p.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
296
296
|
*
|
|
297
297
|
* @type Function(node: HtmlElement, isAppearing: bool) -> void
|
|
298
298
|
*/
|
|
299
|
-
onEntered:
|
|
299
|
+
onEntered: i.func,
|
|
300
300
|
/**
|
|
301
301
|
* Callback fired before the "exiting" status is applied.
|
|
302
302
|
*
|
|
@@ -304,7 +304,7 @@ p.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
304
304
|
*
|
|
305
305
|
* @type Function(node: HtmlElement) -> void
|
|
306
306
|
*/
|
|
307
|
-
onExit:
|
|
307
|
+
onExit: i.func,
|
|
308
308
|
/**
|
|
309
309
|
* Callback fired after the "exiting" status is applied.
|
|
310
310
|
*
|
|
@@ -312,7 +312,7 @@ p.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
312
312
|
*
|
|
313
313
|
* @type Function(node: HtmlElement) -> void
|
|
314
314
|
*/
|
|
315
|
-
onExiting:
|
|
315
|
+
onExiting: i.func,
|
|
316
316
|
/**
|
|
317
317
|
* Callback fired after the "exited" status is applied.
|
|
318
318
|
*
|
|
@@ -320,11 +320,11 @@ p.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
320
320
|
*
|
|
321
321
|
* @type Function(node: HtmlElement) -> void
|
|
322
322
|
*/
|
|
323
|
-
onExited:
|
|
323
|
+
onExited: i.func
|
|
324
324
|
} : {};
|
|
325
325
|
function E() {
|
|
326
326
|
}
|
|
327
|
-
|
|
327
|
+
l.defaultProps = {
|
|
328
328
|
in: !1,
|
|
329
329
|
mountOnEnter: !1,
|
|
330
330
|
unmountOnExit: !1,
|
|
@@ -338,18 +338,33 @@ p.defaultProps = {
|
|
|
338
338
|
onExiting: E,
|
|
339
339
|
onExited: E
|
|
340
340
|
};
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
const U =
|
|
341
|
+
l.UNMOUNTED = x;
|
|
342
|
+
l.EXITED = f;
|
|
343
|
+
l.ENTERING = c;
|
|
344
|
+
l.ENTERED = h;
|
|
345
|
+
l.EXITING = T;
|
|
346
|
+
const U = l, w = (u) => u.scrollTop;
|
|
347
|
+
function G(u, a) {
|
|
348
|
+
var o, r;
|
|
349
|
+
const {
|
|
350
|
+
timeout: e,
|
|
351
|
+
easing: t,
|
|
352
|
+
style: n = {}
|
|
353
|
+
} = u;
|
|
354
|
+
return {
|
|
355
|
+
duration: (o = n.transitionDuration) != null ? o : typeof e == "number" ? e : e[a.mode] || 0,
|
|
356
|
+
easing: (r = n.transitionTimingFunction) != null ? r : typeof t == "object" ? t[a.mode] : t,
|
|
357
|
+
delay: n.transitionDelay
|
|
358
|
+
};
|
|
359
|
+
}
|
|
347
360
|
export {
|
|
348
361
|
h as E,
|
|
349
362
|
U as T,
|
|
350
363
|
c as a,
|
|
351
364
|
T as b,
|
|
352
|
-
|
|
365
|
+
N as c,
|
|
353
366
|
P as d,
|
|
354
|
-
|
|
367
|
+
y as f,
|
|
368
|
+
G as g,
|
|
369
|
+
w as r
|
|
355
370
|
};
|
package/package.json
CHANGED
|
@@ -1,87 +1,90 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "kdpa-components",
|
|
3
|
-
"version": "1.
|
|
4
|
-
"
|
|
5
|
-
"
|
|
6
|
-
"
|
|
7
|
-
"
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
"
|
|
13
|
-
"
|
|
14
|
-
"
|
|
15
|
-
"
|
|
16
|
-
"
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
"@
|
|
21
|
-
"@emotion/
|
|
22
|
-
"@
|
|
23
|
-
"@fontsource/
|
|
24
|
-
"@
|
|
25
|
-
"@mui/material": "^5.
|
|
26
|
-
"@mui/
|
|
27
|
-
"
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"
|
|
33
|
-
"react
|
|
34
|
-
"react-
|
|
35
|
-
"react-
|
|
36
|
-
"react-
|
|
37
|
-
"react-
|
|
38
|
-
"react-
|
|
39
|
-
"react-
|
|
40
|
-
"react-
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"stylis
|
|
45
|
-
"
|
|
46
|
-
"sweetalert2
|
|
47
|
-
"
|
|
48
|
-
"vite-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
"@mui/material": "^5.
|
|
53
|
-
"@mui/
|
|
54
|
-
"
|
|
55
|
-
"react
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
"@storybook/addon-
|
|
60
|
-
"@storybook/addon-
|
|
61
|
-
"@storybook/addon-
|
|
62
|
-
"@storybook/
|
|
63
|
-
"@storybook/
|
|
64
|
-
"@storybook/
|
|
65
|
-
"@storybook/
|
|
66
|
-
"@storybook/
|
|
67
|
-
"@
|
|
68
|
-
"@
|
|
69
|
-
"@
|
|
70
|
-
"@types/
|
|
71
|
-
"@types/
|
|
72
|
-
"@types/react
|
|
73
|
-
"@types/
|
|
74
|
-
"@
|
|
75
|
-
"@
|
|
76
|
-
"@
|
|
77
|
-
"eslint": "^
|
|
78
|
-
"eslint
|
|
79
|
-
"
|
|
80
|
-
"eslint
|
|
81
|
-
"
|
|
82
|
-
"
|
|
83
|
-
"
|
|
84
|
-
"
|
|
85
|
-
"
|
|
86
|
-
|
|
87
|
-
|
|
1
|
+
{
|
|
2
|
+
"name": "kdpa-components",
|
|
3
|
+
"version": "1.2.0",
|
|
4
|
+
"private":false,
|
|
5
|
+
"type": "module",
|
|
6
|
+
"main": "./dist/index.js",
|
|
7
|
+
"types": "./dist/index.d.ts",
|
|
8
|
+
"exports": {
|
|
9
|
+
".": "./dist/index.js"
|
|
10
|
+
},
|
|
11
|
+
"scripts": {
|
|
12
|
+
"dev": "vite",
|
|
13
|
+
"build": "tsc && vite build",
|
|
14
|
+
"lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
|
|
15
|
+
"preview": "vite preview",
|
|
16
|
+
"storybook": "storybook dev -p 6006",
|
|
17
|
+
"build-storybook": "storybook build"
|
|
18
|
+
},
|
|
19
|
+
"dependencies": {
|
|
20
|
+
"@date-io/date-fns-jalali": "^2.16.0",
|
|
21
|
+
"@emotion/react": "^11.10.6",
|
|
22
|
+
"@emotion/styled": "^11.10.6",
|
|
23
|
+
"@fontsource/material-icons": "^4.5.4",
|
|
24
|
+
"@fontsource/roboto": "^4.5.8",
|
|
25
|
+
"@mui/icons-material": "^5.11.16",
|
|
26
|
+
"@mui/material": "^5.12.2",
|
|
27
|
+
"@mui/x-date-pickers": "^6.3.0",
|
|
28
|
+
"cssjanus": "^2.1.0",
|
|
29
|
+
"date-fns-jalali": "^2.13.0-0",
|
|
30
|
+
"dompurify": "^3.0.3",
|
|
31
|
+
"moment": "^2.29.4",
|
|
32
|
+
"rc-tree-select": "^5.8.0",
|
|
33
|
+
"react": "^18.2.0",
|
|
34
|
+
"react-checkbox-tree": "^1.8.0",
|
|
35
|
+
"react-copy-to-clipboard": "^5.1.0",
|
|
36
|
+
"react-dom": "^18.2.0",
|
|
37
|
+
"react-dropzone": "^14.2.3",
|
|
38
|
+
"react-icons": "^4.8.0",
|
|
39
|
+
"react-modal-image": "^2.6.0",
|
|
40
|
+
"react-perfect-scrollbar": "^1.5.8",
|
|
41
|
+
"react-toastify": "^9.1.2",
|
|
42
|
+
"reactstrap": "^9.1.9",
|
|
43
|
+
"rollup-plugin-dts": "^5.3.0",
|
|
44
|
+
"stylis": "^4.2.0",
|
|
45
|
+
"stylis-plugin-rtl": "^2.1.1",
|
|
46
|
+
"sweetalert2": "^11.7.5",
|
|
47
|
+
"sweetalert2-react-content": "^5.0.7",
|
|
48
|
+
"vite-plugin-dts": "^2.3.0",
|
|
49
|
+
"vite-tsconfig-paths": "^4.2.0"
|
|
50
|
+
},
|
|
51
|
+
"peerDependencies": {
|
|
52
|
+
"@mui/icons-material": "^5.11.16",
|
|
53
|
+
"@mui/material": "^5.12.2",
|
|
54
|
+
"@mui/x-date-pickers": "^6.3.0",
|
|
55
|
+
"react": "^18.2.0",
|
|
56
|
+
"react-dom": "^18.2.0"
|
|
57
|
+
},
|
|
58
|
+
"devDependencies": {
|
|
59
|
+
"@storybook/addon-essentials": "7.0.7",
|
|
60
|
+
"@storybook/addon-interactions": "7.0.7",
|
|
61
|
+
"@storybook/addon-links": "7.0.7",
|
|
62
|
+
"@storybook/addon-styling": "^1.0.8",
|
|
63
|
+
"@storybook/blocks": "7.0.7",
|
|
64
|
+
"@storybook/builder-vite": "^7.0.7",
|
|
65
|
+
"@storybook/manager-api": "^7.0.17",
|
|
66
|
+
"@storybook/react": "7.0.7",
|
|
67
|
+
"@storybook/react-vite": "7.0.7",
|
|
68
|
+
"@storybook/testing-library": "0.0.14-next.2",
|
|
69
|
+
"@storybook/theming": "^7.0.17",
|
|
70
|
+
"@types/babel__traverse": "^7.18.5",
|
|
71
|
+
"@types/dompurify": "^3.0.2",
|
|
72
|
+
"@types/react": "^18.0.28",
|
|
73
|
+
"@types/react-copy-to-clipboard": "^5.0.4",
|
|
74
|
+
"@types/react-dom": "^18.0.11",
|
|
75
|
+
"@types/react-modal-image": "^2.6.0",
|
|
76
|
+
"@types/stylis": "^4.0.2",
|
|
77
|
+
"@typescript-eslint/eslint-plugin": "^5.57.1",
|
|
78
|
+
"@typescript-eslint/parser": "^5.57.1",
|
|
79
|
+
"@vitejs/plugin-react": "^4.0.0",
|
|
80
|
+
"eslint": "^8.38.0",
|
|
81
|
+
"eslint-plugin-react-hooks": "^4.6.0",
|
|
82
|
+
"eslint-plugin-react-refresh": "^0.3.4",
|
|
83
|
+
"eslint-plugin-storybook": "^0.6.11",
|
|
84
|
+
"prop-types": "15.8.1",
|
|
85
|
+
"storybook": "7.0.7",
|
|
86
|
+
"storybook-addon-rtl": "^0.5.0",
|
|
87
|
+
"typescript": "^5.0.2",
|
|
88
|
+
"vite": "^4.3.2"
|
|
89
|
+
}
|
|
90
|
+
}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { j as t } from "./jsx-runtime-944c88e2.js";
|
|
2
|
-
import { K as l } from "./KdpaTooltip-e30e1eea.js";
|
|
3
|
-
import { G as n } from "./iconBase-800b43ff.js";
|
|
4
|
-
function e(s) {
|
|
5
|
-
return n({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48zm52.7 283.3L256 278.6l-52.7 52.7c-6.2 6.2-16.4 6.2-22.6 0-3.1-3.1-4.7-7.2-4.7-11.3 0-4.1 1.6-8.2 4.7-11.3l52.7-52.7-52.7-52.7c-3.1-3.1-4.7-7.2-4.7-11.3 0-4.1 1.6-8.2 4.7-11.3 6.2-6.2 16.4-6.2 22.6 0l52.7 52.7 52.7-52.7c6.2-6.2 16.4-6.2 22.6 0 6.2 6.2 6.2 16.4 0 22.6L278.6 256l52.7 52.7c6.2 6.2 6.2 16.4 0 22.6-6.2 6.3-16.4 6.3-22.6 0z" } }] })(s);
|
|
6
|
-
}
|
|
7
|
-
function x({
|
|
8
|
-
color: s,
|
|
9
|
-
title: o,
|
|
10
|
-
children: p,
|
|
11
|
-
className: c = "",
|
|
12
|
-
onClose: a,
|
|
13
|
-
onClick: i,
|
|
14
|
-
...r
|
|
15
|
-
}) {
|
|
16
|
-
return /* @__PURE__ */ t.jsx(l, { ...r, title: o, placement: "top", children: /* @__PURE__ */ t.jsxs(
|
|
17
|
-
"span",
|
|
18
|
-
{
|
|
19
|
-
style: { color: `${s}`, backgroundColor: `${s}1f` },
|
|
20
|
-
className: `kdpa-chip kdpa-chip--pill ${c}`,
|
|
21
|
-
onClick: i,
|
|
22
|
-
children: [
|
|
23
|
-
p,
|
|
24
|
-
a && /* @__PURE__ */ t.jsx("span", { className: "kdpa-chip__close-button", onClick: a, children: /* @__PURE__ */ t.jsx(e, { size: 18 }) })
|
|
25
|
-
]
|
|
26
|
-
}
|
|
27
|
-
) });
|
|
28
|
-
}
|
|
29
|
-
export {
|
|
30
|
-
x as K
|
|
31
|
-
};
|