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.
Files changed (149) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/Accordion/index.js +17 -19
  3. package/dist/Alert/index.js +19 -20
  4. package/dist/{ArrowDropDown-4bc3084f.js → ArrowDropDown-07b9ccae.js} +19 -20
  5. package/dist/Avatar/index.js +7 -8
  6. package/dist/Badge/index.js +22 -24
  7. package/dist/{Box-af81b133.js → Box-032e9a1d.js} +25 -27
  8. package/dist/{Button-da8592f4.js → Button-9d9cc0bd.js} +18 -20
  9. package/dist/{ButtonBase-496494a5.js → ButtonBase-fa4630c8.js} +35 -37
  10. package/dist/Buttons/index.js +28 -30
  11. package/dist/{CSSTransition-5496e075.js → CSSTransition-7e2d0e80.js} +3 -3
  12. package/dist/Cards/index.d.ts +2 -0
  13. package/dist/Cards/index.d.ts.map +1 -1
  14. package/dist/Cards/index.js +150 -1
  15. package/dist/CheckBox/index.js +13 -14
  16. package/dist/Chip/index.js +17 -19
  17. package/dist/{Chip-2dfcd6e9.js → Chip-e5751770.js} +25 -27
  18. package/dist/{CircularProgress-e1f22f2a.js → CircularProgress-01a8929e.js} +19 -21
  19. package/dist/{Close-319784e1.js → Close-db7afda5.js} +2 -2
  20. package/dist/Collapse/index.js +10 -12
  21. package/dist/{Collapse-75d5ed79.js → Collapse-547e6c7a.js} +27 -30
  22. package/dist/CopyToClipboard/index.js +24 -26
  23. package/dist/{Dialog-0eadb508.js → Dialog-652a3ad4.js} +19 -21
  24. package/dist/Divider/index.js +7 -8
  25. package/dist/DropZone/index.js +34 -36
  26. package/dist/{Fade-6a96fc41.js → Fade-7ee2c0a4.js} +23 -25
  27. package/dist/FormControl/index.js +12 -13
  28. package/dist/{FormControl-c914b3de.js → FormControl-ca7447ab.js} +13 -15
  29. package/dist/FullScreenDialog/index.js +20 -22
  30. package/dist/Grid/index.js +9 -10
  31. package/dist/{Grid-4cbef6c7.js → Grid-9708b9ca.js} +65 -67
  32. package/dist/{Grow-8a97586f.js → Grow-55d0786d.js} +17 -19
  33. package/dist/{IconButton-b4e677f7.js → IconButton-48d87778.js} +30 -32
  34. package/dist/Input/index.js +27 -29
  35. package/dist/{KdpaAccordions-60fefaf0.js → KdpaAccordions-2ae65dd1.js} +126 -115
  36. package/dist/{KdpaAlertTitle-497100ba.js → KdpaAlertTitle-f1549035.js} +93 -82
  37. package/dist/{KdpaAutoComplete-9c0b8d4d.js → KdpaAutoComplete-8a11974a.js} +237 -234
  38. package/dist/{KdpaAvatar-da84b516.js → KdpaAvatar-d297ef8a.js} +75 -72
  39. package/dist/{KdpaCheckBox-d06c93b0.js → KdpaCheckBox-84d56486.js} +33 -30
  40. package/dist/KdpaChip-10899788.js +51 -0
  41. package/dist/KdpaCircularProgress-6c4605cd.js +76 -0
  42. package/dist/KdpaCollapse-2d23c312.js +12 -0
  43. package/dist/KdpaCollapse-73c03e02.js +23 -0
  44. package/dist/{KdpaCopyToClipboard-2c36d593.js → KdpaCopyToClipboard-53aa97d3.js} +196 -160
  45. package/dist/{KdpaDateTimePicker-8e9da3c8.js → KdpaDateTimePicker-cb4a16d0.js} +10530 -13197
  46. package/dist/{KdpaDivider-10de74db.js → KdpaDivider-1c62c65a.js} +95 -84
  47. package/dist/{KdpaDropZone-85943160.js → KdpaDropZone-b21d2304.js} +631 -531
  48. package/dist/KdpaFormControl-135b070d.js +10 -0
  49. package/dist/{KdpaFormControlLabel-8a6ff2a6.js → KdpaFormControlLabel-249b7622.js} +57 -54
  50. package/dist/KdpaFullScreenDialog-e56db731.js +24 -0
  51. package/dist/KdpaGrid-2a3f9346.js +12 -0
  52. package/dist/{KdpaGridBadge-d8a8e388.js → KdpaGridBadge-65b88a7a.js} +123 -104
  53. package/dist/KdpaIconButton-a0ee669c.js +35 -0
  54. package/dist/KdpaInputMultiline-231a2be1.js +68 -0
  55. package/dist/{KdpaLazyDrop-347b6e24.js → KdpaLazyDrop-1985fc75.js} +254 -217
  56. package/dist/KdpaMenuItem-99cde871.js +56 -0
  57. package/dist/{KdpaSimpleModal-6ab72b9c.js → KdpaModalImage-eb732bf0.js} +176 -185
  58. package/dist/{KdpaPaginationGrid-6e4cd782.js → KdpaPaginationGrid-97a5b164.js} +343 -283
  59. package/dist/{KdpaRadioGroup-de6c67d4.js → KdpaRadioGroup-87122ec7.js} +129 -122
  60. package/dist/{KdpaRtlProvider-d7cc5029.js → KdpaRtlProvider-495e4bb0.js} +169 -162
  61. package/dist/KdpaSecondaryButton-a70aafe5.js +44 -0
  62. package/dist/KdpaSkeleton-f8f3aefc.js +580 -0
  63. package/dist/{KdpaSlider-93a991f0.js → KdpaSlider-b7226e20.js} +196 -182
  64. package/dist/{KdpaSwitch-2f07cd38.js → KdpaSwitch-b2ba7c23.js} +50 -43
  65. package/dist/KdpaTabs-ab618f36.js +50 -0
  66. package/dist/{KdpaTooltip-e30e1eea.js → KdpaTooltip-653424c7.js} +95 -88
  67. package/dist/{KdpaTree-8428a368.js → KdpaTree-2e1df83d.js} +348 -304
  68. package/dist/{KdpaTreeSelect-7fe5581c.js → KdpaTreeSelect-0152302e.js} +625 -609
  69. package/dist/KdpaTypography-763c3238.js +10 -0
  70. package/dist/KdpaZoom-1b0f3404.js +22 -0
  71. package/dist/KpdaPrimaryButton-5416aa2c.js +79 -0
  72. package/dist/LazyDrop/index.js +24 -24
  73. package/dist/{ListItem-da6701a3.js → ListItem-ddec0b28.js} +14 -16
  74. package/dist/Loading/KdpaProgress/index.js +12 -13
  75. package/dist/Loading/index.js +11 -12
  76. package/dist/{MenuItem-b9a45c1d.js → MenuItem-057c85a3.js} +44 -46
  77. package/dist/Modal/index.d.ts +0 -2
  78. package/dist/Modal/index.d.ts.map +1 -1
  79. package/dist/Modal/index.js +3 -17
  80. package/dist/{Modal-1e4a342f.js → Modal-daf2a588.js} +18 -20
  81. package/dist/PaginationGrid/index.js +33 -34
  82. package/dist/{Paper-ad7ba238.js → Paper-00aea968.js} +16 -18
  83. package/dist/Pickers/index.d.ts +2 -1
  84. package/dist/Pickers/index.d.ts.map +1 -1
  85. package/dist/Pickers/index.js +43 -45
  86. package/dist/{Popper-20f4d1e9.js → Popper-7adcd815.js} +13 -15
  87. package/dist/{Portal-1b00a402.js → Portal-de5e310c.js} +6 -7
  88. package/dist/Radio/index.js +14 -15
  89. package/dist/Selects/index.js +39 -40
  90. package/dist/{Slide-d61a6d2b.js → Slide-803fd098.js} +17 -19
  91. package/dist/Slider/index.js +8 -9
  92. package/dist/Switch/index.js +12 -13
  93. package/dist/{SwitchBase-e8b18f94.js → SwitchBase-64e5662e.js} +14 -16
  94. package/dist/Tabs/index.js +16 -17
  95. package/dist/{Tabs-1cc5862d.js → Tabs-1140d353.js} +87 -89
  96. package/dist/{TextField-c2c0172a.js → TextField-57c51dbe.js} +52 -54
  97. package/dist/ThemeProvider/index.js +7 -8
  98. package/dist/Tooltips/index.js +16 -18
  99. package/dist/{TransitionGroup-68fd1866.js → TransitionGroup-f9877c5b.js} +2 -2
  100. package/dist/Transitions/index.js +22 -24
  101. package/dist/Tree/index.js +2 -2
  102. package/dist/TreeSelect/index.js +3 -3
  103. package/dist/Typography/index.js +8 -9
  104. package/dist/{Typography-9a28b393.js → Typography-db7e5ea2.js} +42 -44
  105. package/dist/{Zoom-64a4beac.js → Zoom-36a189bb.js} +22 -24
  106. package/dist/{createSvgIcon-5cb90f79.js → createSvgIcon-1aa1b2b2.js} +20 -22
  107. package/dist/{dividerClasses-6f4cb6be.js → dividerClasses-a9b8b1ae.js} +2 -2
  108. package/dist/{elementAcceptingRef-332a290a.js → elementAcceptingRef-bd96c731.js} +1 -1
  109. package/dist/{elementTypeAcceptingRef-05dea79e.js → elementTypeAcceptingRef-dea9e62a.js} +1 -1
  110. package/dist/{emotion-react.browser.esm-921c014a.js → emotion-react.browser.esm-3fa5f721.js} +1 -1
  111. package/dist/{exactProp-7fadf441.js → exactProp-86f148d5.js} +1 -1
  112. package/dist/{extendSxProp-eacd850e.js → extendSxProp-d294b946.js} +2 -2
  113. package/dist/{extends-393586f3.js → extends-135d7828.js} +2 -2
  114. package/dist/identifier-2647f844.js +3775 -0
  115. package/dist/{index-456f3e1b.js → index-5f8afc53.js} +5 -5
  116. package/dist/index.js +140 -142
  117. package/dist/jsx-dev-runtime-48fdc504.js +615 -0
  118. package/dist/kdpaSelect-4ed993c7.js +1 -0
  119. package/dist/{listItemTextClasses-f7759ba4.js → listItemTextClasses-da281500.js} +2 -2
  120. package/dist/{refType-7c2b090c.js → refType-450337d6.js} +1 -1
  121. package/dist/style.css +1 -1
  122. package/dist/{useSlotProps-db1ead27.js → useSlotProps-3b927bcb.js} +2 -2
  123. package/dist/{useTheme-2bb6b2df.js → useTheme-6ea322ec.js} +2 -2
  124. package/dist/{useThemeProps-114e8d66.js → useThemeProps-ea792506.js} +11 -11
  125. package/dist/{Transition-2ecbc61d.js → utils-acd98a68.js} +113 -98
  126. package/package.json +90 -87
  127. package/dist/KdpaChip-f94c5b7e.js +0 -31
  128. package/dist/KdpaCircularProgress-aed28149.js +0 -44
  129. package/dist/KdpaCollapse-73e5e40c.js +0 -8
  130. package/dist/KdpaCollapse-7f12a32a.js +0 -11
  131. package/dist/KdpaFormControl-ae8f7241.js +0 -6
  132. package/dist/KdpaFullScreenDialog-f60e21f3.js +0 -16
  133. package/dist/KdpaGrid-b93fab29.js +0 -8
  134. package/dist/KdpaIconButton-f5146164.js +0 -23
  135. package/dist/KdpaInputMultiline-71dfbfe5.js +0 -48
  136. package/dist/KdpaMenuItem-9a9ece89.js +0 -35
  137. package/dist/KdpaSecondaryButton-9b81f97d.js +0 -28
  138. package/dist/KdpaSkeleton-4696fadd.js +0 -541
  139. package/dist/KdpaTabs-a76a17a7.js +0 -38
  140. package/dist/KdpaTypography-17403558.js +0 -6
  141. package/dist/KdpaZoom-96a648cb.js +0 -10
  142. package/dist/KpdaPrimaryButton-9a5d8d6d.js +0 -47
  143. package/dist/Sanitizer/index.d.ts +0 -3
  144. package/dist/Sanitizer/index.d.ts.map +0 -1
  145. package/dist/Sanitizer/index.js +0 -492
  146. package/dist/identifier-5cabf5ae.js +0 -2481
  147. package/dist/index-f4329b29.js +0 -669
  148. package/dist/jsx-runtime-944c88e2.js +0 -631
  149. package/dist/utils-8a7b223e.js +0 -18
@@ -1,69 +1,69 @@
1
- import { a as D } from "./extends-393586f3.js";
1
+ import { _ as D } from "./extends-135d7828.js";
2
2
  import { _ as C, T as S } from "./TransitionGroupContext-7435e195.js";
3
- import { P as n } from "./index-f4329b29.js";
3
+ import { P as i } from "./identifier-2647f844.js";
4
4
  import v from "react";
5
5
  import b from "react-dom";
6
- const g = {
6
+ const N = {
7
7
  disabled: !1
8
8
  };
9
- var R = process.env.NODE_ENV !== "production" ? n.oneOfType([n.number, n.shape({
10
- enter: n.number,
11
- exit: n.number,
12
- appear: n.number
13
- }).isRequired]) : null, P = process.env.NODE_ENV !== "production" ? n.oneOfType([n.string, n.shape({
14
- enter: n.string,
15
- exit: n.string,
16
- active: n.string
17
- }), n.shape({
18
- enter: n.string,
19
- enterDone: n.string,
20
- enterActive: n.string,
21
- exit: n.string,
22
- exitDone: n.string,
23
- exitActive: n.string
24
- })]) : null, k = function(a) {
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", p = /* @__PURE__ */ function(l) {
27
- C(a, l);
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 = l.call(this, r, e) || this;
31
- var i = e, o = i && !i.isMounting ? r.enter : r.appear, u;
32
- return t.appearStatus = null, r.in ? o ? (u = f, t.appearStatus = c) : u = h : r.unmountOnExit || r.mountOnEnter ? u = x : u = f, t.state = {
33
- status: u
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 i = e.in;
38
- return i && t.status === x ? {
37
+ var n = e.in;
38
+ return n && t.status === x ? {
39
39
  status: f
40
40
  } : null;
41
41
  };
42
- var s = a.prototype;
43
- return s.componentDidMount = function() {
42
+ var o = a.prototype;
43
+ return o.componentDidMount = function() {
44
44
  this.updateStatus(!0, this.appearStatus);
45
- }, s.componentDidUpdate = function(e) {
45
+ }, o.componentDidUpdate = function(e) {
46
46
  var t = null;
47
47
  if (e !== this.props) {
48
- var i = this.state.status;
49
- this.props.in ? i !== c && i !== h && (t = c) : (i === c || i === h) && (t = T);
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
- }, s.componentWillUnmount = function() {
52
+ }, o.componentWillUnmount = function() {
53
53
  this.cancelNextCallback();
54
- }, s.getTimeouts = function() {
55
- var e = this.props.timeout, t, i, o;
56
- return t = i = o = e, e != null && typeof e != "number" && (t = e.exit, i = e.enter, o = e.appear !== void 0 ? e.appear : i), {
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: i,
59
- appear: o
58
+ enter: n,
59
+ appear: s
60
60
  };
61
- }, s.updateStatus = function(e, t) {
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 i = this.props.nodeRef ? this.props.nodeRef.current : b.findDOMNode(this);
66
- i && k(i);
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
- }, s.performEnter = function(e) {
76
- var t = this, i = this.props.enter, o = this.context ? this.context.isMounting : e, u = this.props.nodeRef ? [o] : [b.findDOMNode(this), o], d = u[0], m = u[1], N = this.getTimeouts(), O = o ? N.appear : N.enter;
77
- if (!e && !i || g.disabled) {
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
- }, s.performExit = function() {
97
- var e = this, t = this.props.exit, i = this.getTimeouts(), o = this.props.nodeRef ? void 0 : b.findDOMNode(this);
98
- if (!t || g.disabled) {
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(o);
102
+ e.props.onExited(s);
103
103
  });
104
104
  return;
105
105
  }
106
- this.props.onExit(o), this.safeSetState({
106
+ this.props.onExit(s), this.safeSetState({
107
107
  status: T
108
108
  }, function() {
109
- e.props.onExiting(o), e.onTransitionEnd(i.exit, function() {
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(o);
113
+ e.props.onExited(s);
114
114
  });
115
115
  });
116
116
  });
117
- }, s.cancelNextCallback = function() {
117
+ }, o.cancelNextCallback = function() {
118
118
  this.nextCallback !== null && (this.nextCallback.cancel(), this.nextCallback = null);
119
- }, s.safeSetState = function(e, t) {
119
+ }, o.safeSetState = function(e, t) {
120
120
  t = this.setNextCallback(t), this.setState(e, t);
121
- }, s.setNextCallback = function(e) {
122
- var t = this, i = !0;
123
- return this.nextCallback = function(o) {
124
- i && (i = !1, t.nextCallback = null, e(o));
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
- i = !1;
126
+ n = !1;
127
127
  }, this.nextCallback;
128
- }, s.onTransitionEnd = function(e, t) {
128
+ }, o.onTransitionEnd = function(e, t) {
129
129
  this.setNextCallback(t);
130
- var i = this.props.nodeRef ? this.props.nodeRef.current : b.findDOMNode(this), o = e == null && !this.props.addEndListener;
131
- if (!i || o) {
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 u = this.props.nodeRef ? [this.nextCallback] : [i, this.nextCallback], d = u[0], m = u[1];
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
- }, s.render = function() {
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, i = t.children;
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 o = D(t, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
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 i == "function" ? i(e, o) : v.cloneElement(v.Children.only(i), o))
151
+ }, typeof n == "function" ? n(e, s) : v.cloneElement(v.Children.only(n), s))
152
152
  );
153
153
  }, a;
154
154
  }(v.Component);
155
- p.contextType = S;
156
- p.propTypes = process.env.NODE_ENV !== "production" ? {
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: n.shape({
169
- current: typeof Element > "u" ? n.any : function(l, a, s, r, e, t) {
170
- var i = l[a];
171
- return n.instanceOf(i && "ownerDocument" in i ? i.ownerDocument.defaultView.Element : Element)(l, a, s, r, e, t);
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: n.oneOfType([n.func.isRequired, n.element.isRequired]).isRequired,
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: n.bool,
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: n.bool,
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: n.bool,
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: n.bool,
216
+ appear: i.bool,
217
217
  /**
218
218
  * Enable or disable enter transitions.
219
219
  */
220
- enter: n.bool,
220
+ enter: i.bool,
221
221
  /**
222
222
  * Enable or disable exit transitions.
223
223
  */
224
- exit: n.bool,
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 s = R;
253
- a.addEndListener || (s = s.isRequired);
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 s.apply(void 0, [a].concat(e));
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: n.func,
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: n.func,
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: n.func,
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: n.func,
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: n.func,
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: n.func,
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: n.func
323
+ onExited: i.func
324
324
  } : {};
325
325
  function E() {
326
326
  }
327
- p.defaultProps = {
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
- p.UNMOUNTED = x;
342
- p.EXITED = f;
343
- p.ENTERING = c;
344
- p.ENTERED = h;
345
- p.EXITING = T;
346
- const U = p;
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
- g as c,
365
+ N as c,
353
366
  P as d,
354
- k as f
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.0.0",
4
- "type": "module",
5
- "main": "./dist/index.js",
6
- "types": "./dist/index.d.ts",
7
- "exports": {
8
- ".": "./dist/index.js"
9
- },
10
- "scripts": {
11
- "dev": "vite",
12
- "build": "tsc && vite build",
13
- "lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
14
- "preview": "vite preview",
15
- "storybook": "storybook dev -p 6006",
16
- "build-storybook": "storybook build"
17
- },
18
- "dependencies": {
19
- "@date-io/date-fns-jalali": "^2.16.0",
20
- "@emotion/react": "^11.10.6",
21
- "@emotion/styled": "^11.10.6",
22
- "@fontsource/material-icons": "^4.5.4",
23
- "@fontsource/roboto": "^4.5.8",
24
- "@mui/icons-material": "^5.11.16",
25
- "@mui/material": "^5.12.2",
26
- "@mui/x-date-pickers": "^6.3.0",
27
- "cssjanus": "^2.1.0",
28
- "date-fns-jalali": "^2.13.0-0",
29
- "dompurify": "^3.0.3",
30
- "moment": "^2.29.4",
31
- "rc-tree-select": "^5.8.0",
32
- "react": "^18.2.0",
33
- "react-checkbox-tree": "^1.8.0",
34
- "react-copy-to-clipboard": "^5.1.0",
35
- "react-dom": "^18.2.0",
36
- "react-dropzone": "^14.2.3",
37
- "react-icons": "^4.8.0",
38
- "react-modal-image": "^2.6.0",
39
- "react-perfect-scrollbar": "^1.5.8",
40
- "react-toastify": "^9.1.2",
41
- "reactstrap": "^9.1.9",
42
- "rollup-plugin-dts": "^5.3.0",
43
- "stylis": "^4.2.0",
44
- "stylis-plugin-rtl": "^2.1.1",
45
- "sweetalert2": "^11.7.5",
46
- "sweetalert2-react-content": "^5.0.7",
47
- "vite-plugin-dts": "^2.3.0",
48
- "vite-tsconfig-paths": "^4.2.0"
49
- },
50
- "peerDependencies": {
51
- "@mui/icons-material": "^5.11.16",
52
- "@mui/material": "^5.12.2",
53
- "@mui/x-date-pickers": "^6.3.0",
54
- "react": "^18.2.0",
55
- "react-dom": "^18.2.0"
56
- },
57
- "devDependencies": {
58
- "@storybook/addon-essentials": "7.0.7",
59
- "@storybook/addon-interactions": "7.0.7",
60
- "@storybook/addon-links": "7.0.7",
61
- "@storybook/addon-styling": "^1.0.8",
62
- "@storybook/blocks": "7.0.7",
63
- "@storybook/builder-vite": "^7.0.7",
64
- "@storybook/react": "7.0.7",
65
- "@storybook/react-vite": "7.0.7",
66
- "@storybook/testing-library": "0.0.14-next.2",
67
- "@types/babel__traverse": "^7.18.5",
68
- "@types/dompurify": "^3.0.2",
69
- "@types/react": "^18.0.28",
70
- "@types/react-copy-to-clipboard": "^5.0.4",
71
- "@types/react-dom": "^18.0.11",
72
- "@types/react-modal-image": "^2.6.0",
73
- "@types/stylis": "^4.0.2",
74
- "@typescript-eslint/eslint-plugin": "^5.57.1",
75
- "@typescript-eslint/parser": "^5.57.1",
76
- "@vitejs/plugin-react": "^4.0.0",
77
- "eslint": "^8.38.0",
78
- "eslint-plugin-react-hooks": "^4.6.0",
79
- "eslint-plugin-react-refresh": "^0.3.4",
80
- "eslint-plugin-storybook": "^0.6.11",
81
- "prop-types": "15.8.1",
82
- "storybook": "7.0.7",
83
- "storybook-addon-rtl": "^0.5.0",
84
- "typescript": "^5.0.2",
85
- "vite": "^4.3.2"
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
- };