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,26 +1,24 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { a as t, _ as R } from "./extends-135d7828.js";
|
|
2
2
|
import * as d from "react";
|
|
3
|
-
import { P as r } from "./
|
|
4
|
-
import { g as
|
|
5
|
-
import {
|
|
6
|
-
import { j as $ } from "./jsx-runtime-944c88e2.js";
|
|
7
|
-
import { B as T } from "./ButtonBase-496494a5.js";
|
|
3
|
+
import { g as z, c as n, a as f, j as C, P as r } from "./identifier-2647f844.js";
|
|
4
|
+
import { g as B, s as I, u as x, c as O, a as $ } from "./useThemeProps-ea792506.js";
|
|
5
|
+
import { B as T } from "./ButtonBase-fa4630c8.js";
|
|
8
6
|
import { c as k } from "./chainPropTypes-004bf492.js";
|
|
9
7
|
function j(o) {
|
|
10
|
-
return
|
|
8
|
+
return z("MuiIconButton", o);
|
|
11
9
|
}
|
|
12
|
-
const E =
|
|
10
|
+
const E = B("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge"]), P = E, M = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"], N = (o) => {
|
|
13
11
|
const {
|
|
14
12
|
classes: e,
|
|
15
13
|
disabled: s,
|
|
16
|
-
color:
|
|
14
|
+
color: a,
|
|
17
15
|
edge: i,
|
|
18
16
|
size: l
|
|
19
17
|
} = o, c = {
|
|
20
|
-
root: ["root", s && "disabled",
|
|
18
|
+
root: ["root", s && "disabled", a !== "default" && `color${n(a)}`, i && `edge${n(i)}`, `size${n(l)}`]
|
|
21
19
|
};
|
|
22
|
-
return
|
|
23
|
-
}, _ =
|
|
20
|
+
return $(c, j, e);
|
|
21
|
+
}, _ = I(T, {
|
|
24
22
|
name: "MuiIconButton",
|
|
25
23
|
slot: "Root",
|
|
26
24
|
overridesResolver: (o, e) => {
|
|
@@ -32,7 +30,7 @@ const E = z("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
|
|
|
32
30
|
})(({
|
|
33
31
|
theme: o,
|
|
34
32
|
ownerState: e
|
|
35
|
-
}) =>
|
|
33
|
+
}) => t({
|
|
36
34
|
textAlign: "center",
|
|
37
35
|
flex: "0 0 auto",
|
|
38
36
|
fontSize: o.typography.pxToRem(24),
|
|
@@ -46,7 +44,7 @@ const E = z("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
|
|
|
46
44
|
})
|
|
47
45
|
}, !e.disableRipple && {
|
|
48
46
|
"&:hover": {
|
|
49
|
-
backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` :
|
|
47
|
+
backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : f(o.palette.action.active, o.palette.action.hoverOpacity),
|
|
50
48
|
// Reset on touch devices, it doesn't add specificity
|
|
51
49
|
"@media (hover: none)": {
|
|
52
50
|
backgroundColor: "transparent"
|
|
@@ -61,14 +59,14 @@ const E = z("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
|
|
|
61
59
|
ownerState: e
|
|
62
60
|
}) => {
|
|
63
61
|
var s;
|
|
64
|
-
const
|
|
65
|
-
return
|
|
62
|
+
const a = (s = (o.vars || o).palette) == null ? void 0 : s[e.color];
|
|
63
|
+
return t({}, e.color === "inherit" && {
|
|
66
64
|
color: "inherit"
|
|
67
|
-
}, e.color !== "inherit" && e.color !== "default" &&
|
|
68
|
-
color:
|
|
65
|
+
}, e.color !== "inherit" && e.color !== "default" && t({
|
|
66
|
+
color: a == null ? void 0 : a.main
|
|
69
67
|
}, !e.disableRipple && {
|
|
70
|
-
"&:hover":
|
|
71
|
-
backgroundColor: o.vars ? `rgba(${
|
|
68
|
+
"&:hover": t({}, a && {
|
|
69
|
+
backgroundColor: o.vars ? `rgba(${a.mainChannel} / ${o.vars.palette.action.hoverOpacity})` : f(a.main, o.palette.action.hoverOpacity)
|
|
72
70
|
}, {
|
|
73
71
|
// Reset on touch devices, it doesn't add specificity
|
|
74
72
|
"@media (hover: none)": {
|
|
@@ -88,31 +86,31 @@ const E = z("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
|
|
|
88
86
|
}
|
|
89
87
|
});
|
|
90
88
|
}), b = /* @__PURE__ */ d.forwardRef(function(e, s) {
|
|
91
|
-
const
|
|
89
|
+
const a = x({
|
|
92
90
|
props: e,
|
|
93
91
|
name: "MuiIconButton"
|
|
94
92
|
}), {
|
|
95
93
|
edge: i = !1,
|
|
96
94
|
children: l,
|
|
97
95
|
className: c,
|
|
98
|
-
color:
|
|
96
|
+
color: v = "default",
|
|
99
97
|
disabled: p = !1,
|
|
100
98
|
disableFocusRipple: u = !1,
|
|
101
|
-
size:
|
|
102
|
-
} =
|
|
99
|
+
size: m = "medium"
|
|
100
|
+
} = a, y = R(a, M), g = t({}, a, {
|
|
103
101
|
edge: i,
|
|
104
|
-
color:
|
|
102
|
+
color: v,
|
|
105
103
|
disabled: p,
|
|
106
104
|
disableFocusRipple: u,
|
|
107
|
-
size:
|
|
108
|
-
}), h = N(
|
|
109
|
-
return /* @__PURE__ */
|
|
110
|
-
className:
|
|
105
|
+
size: m
|
|
106
|
+
}), h = N(g);
|
|
107
|
+
return /* @__PURE__ */ C.jsx(_, t({
|
|
108
|
+
className: O(h.root, c),
|
|
111
109
|
centerRipple: !0,
|
|
112
110
|
focusRipple: !u,
|
|
113
111
|
disabled: p,
|
|
114
112
|
ref: s,
|
|
115
|
-
ownerState:
|
|
113
|
+
ownerState: g
|
|
116
114
|
}, y, {
|
|
117
115
|
children: l
|
|
118
116
|
}));
|
|
@@ -179,7 +177,7 @@ process.env.NODE_ENV !== "production" && (b.propTypes = {
|
|
|
179
177
|
*/
|
|
180
178
|
sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object])
|
|
181
179
|
});
|
|
182
|
-
const
|
|
180
|
+
const W = b;
|
|
183
181
|
export {
|
|
184
|
-
|
|
182
|
+
W as I
|
|
185
183
|
};
|
package/dist/Input/index.js
CHANGED
|
@@ -1,47 +1,45 @@
|
|
|
1
|
-
import { K as
|
|
2
|
-
import "../jsx-runtime-
|
|
1
|
+
import { K as P, a as Q, b as R } from "../KdpaInputMultiline-231a2be1.js";
|
|
2
|
+
import "../jsx-dev-runtime-48fdc504.js";
|
|
3
3
|
import "react";
|
|
4
|
-
import "../TextField-
|
|
5
|
-
import "../extends-
|
|
6
|
-
import "../
|
|
4
|
+
import "../TextField-57c51dbe.js";
|
|
5
|
+
import "../extends-135d7828.js";
|
|
6
|
+
import "../identifier-2647f844.js";
|
|
7
7
|
import "../_commonjsHelpers-e7ea1525.js";
|
|
8
|
-
import "../useThemeProps-
|
|
9
|
-
import "../
|
|
10
|
-
import "../FormControl-c914b3de.js";
|
|
8
|
+
import "../useThemeProps-ea792506.js";
|
|
9
|
+
import "../FormControl-ca7447ab.js";
|
|
11
10
|
import "../useFormControl-af690c26.js";
|
|
12
11
|
import "../isMuiElement-b88a921a.js";
|
|
13
12
|
import "../useId-a21bd5c3.js";
|
|
14
13
|
import "../formControlState-9148c46f.js";
|
|
15
|
-
import "../useTheme-
|
|
16
|
-
import "../Modal-
|
|
17
|
-
import "../Fade-
|
|
18
|
-
import "../utils-
|
|
19
|
-
import "../useForkRef-0781dda0.js";
|
|
20
|
-
import "../elementAcceptingRef-332a290a.js";
|
|
21
|
-
import "../chainPropTypes-004bf492.js";
|
|
22
|
-
import "../Transition-2ecbc61d.js";
|
|
14
|
+
import "../useTheme-6ea322ec.js";
|
|
15
|
+
import "../Modal-daf2a588.js";
|
|
16
|
+
import "../Fade-7ee2c0a4.js";
|
|
17
|
+
import "../utils-acd98a68.js";
|
|
23
18
|
import "../TransitionGroupContext-7435e195.js";
|
|
24
19
|
import "../setPrototypeOf-98a00546.js";
|
|
25
20
|
import "react-dom";
|
|
21
|
+
import "../useForkRef-0781dda0.js";
|
|
22
|
+
import "../elementAcceptingRef-bd96c731.js";
|
|
23
|
+
import "../chainPropTypes-004bf492.js";
|
|
26
24
|
import "../ownerDocument-5430cd5b.js";
|
|
27
25
|
import "../ownerWindow-e6cc3097.js";
|
|
28
|
-
import "../Portal-
|
|
26
|
+
import "../Portal-de5e310c.js";
|
|
29
27
|
import "../useEventCallback-83a2883c.js";
|
|
30
28
|
import "../HTMLElementType-ff213f3c.js";
|
|
31
|
-
import "../exactProp-
|
|
29
|
+
import "../exactProp-86f148d5.js";
|
|
32
30
|
import "../createChainedFunction-68e2a88d.js";
|
|
33
|
-
import "../useSlotProps-
|
|
34
|
-
import "../Paper-
|
|
35
|
-
import "../refType-
|
|
36
|
-
import "../elementTypeAcceptingRef-
|
|
37
|
-
import "../Grow-
|
|
31
|
+
import "../useSlotProps-3b927bcb.js";
|
|
32
|
+
import "../Paper-00aea968.js";
|
|
33
|
+
import "../refType-450337d6.js";
|
|
34
|
+
import "../elementTypeAcceptingRef-dea9e62a.js";
|
|
35
|
+
import "../Grow-55d0786d.js";
|
|
38
36
|
import "../ListContext-de5072f9.js";
|
|
39
37
|
import "../useControlled-cc2d41cb.js";
|
|
40
|
-
import "../ArrowDropDown-
|
|
41
|
-
import "../createSvgIcon-
|
|
42
|
-
import "../emotion-react.browser.esm-
|
|
38
|
+
import "../ArrowDropDown-07b9ccae.js";
|
|
39
|
+
import "../createSvgIcon-1aa1b2b2.js";
|
|
40
|
+
import "../emotion-react.browser.esm-3fa5f721.js";
|
|
43
41
|
export {
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
42
|
+
P as KdpaInput,
|
|
43
|
+
Q as KdpaInputLabel,
|
|
44
|
+
R as KdpaInputMultiline
|
|
47
45
|
};
|
|
@@ -1,33 +1,32 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import {
|
|
3
|
-
import * as
|
|
4
|
-
import { g as
|
|
5
|
-
import { P as e } from "./
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
|
|
12
|
-
const O = /* @__PURE__ */ c.createContext({});
|
|
1
|
+
import { j as S } from "./jsx-dev-runtime-48fdc504.js";
|
|
2
|
+
import { a as c, _ as E } from "./extends-135d7828.js";
|
|
3
|
+
import * as i from "react";
|
|
4
|
+
import { g as D, s as y, u as k, c as N, r as W, a as $ } from "./useThemeProps-ea792506.js";
|
|
5
|
+
import { g as M, j as p, P as e } from "./identifier-2647f844.js";
|
|
6
|
+
import { M as K } from "./Paper-00aea968.js";
|
|
7
|
+
import { u as L } from "./useControlled-cc2d41cb.js";
|
|
8
|
+
import { c as F } from "./chainPropTypes-004bf492.js";
|
|
9
|
+
import { C as H } from "./Collapse-547e6c7a.js";
|
|
10
|
+
import { B as z } from "./ButtonBase-fa4630c8.js";
|
|
11
|
+
const O = /* @__PURE__ */ i.createContext({});
|
|
13
12
|
process.env.NODE_ENV !== "production" && (O.displayName = "AccordionContext");
|
|
14
13
|
const G = O;
|
|
15
|
-
function
|
|
16
|
-
return
|
|
14
|
+
function J(o) {
|
|
15
|
+
return M("MuiAccordion", o);
|
|
17
16
|
}
|
|
18
|
-
const
|
|
17
|
+
const Q = D("MuiAccordion", ["root", "rounded", "expanded", "disabled", "gutters", "region"]), h = Q, X = ["children", "className", "defaultExpanded", "disabled", "disableGutters", "expanded", "onChange", "square", "TransitionComponent", "TransitionProps"], Y = (o) => {
|
|
19
18
|
const {
|
|
20
19
|
classes: s,
|
|
21
20
|
square: r,
|
|
22
21
|
expanded: n,
|
|
23
|
-
disabled:
|
|
24
|
-
disableGutters:
|
|
22
|
+
disabled: a,
|
|
23
|
+
disableGutters: d
|
|
25
24
|
} = o;
|
|
26
|
-
return
|
|
27
|
-
root: ["root", !r && "rounded", n && "expanded",
|
|
25
|
+
return $({
|
|
26
|
+
root: ["root", !r && "rounded", n && "expanded", a && "disabled", !d && "gutters"],
|
|
28
27
|
region: ["region"]
|
|
29
|
-
},
|
|
30
|
-
},
|
|
28
|
+
}, J, s);
|
|
29
|
+
}, Z = y(K, {
|
|
31
30
|
name: "MuiAccordion",
|
|
32
31
|
slot: "Root",
|
|
33
32
|
overridesResolver: (o, s) => {
|
|
@@ -88,7 +87,7 @@ const J = E("MuiAccordion", ["root", "rounded", "expanded", "disabled", "gutters
|
|
|
88
87
|
}, ({
|
|
89
88
|
theme: o,
|
|
90
89
|
ownerState: s
|
|
91
|
-
}) =>
|
|
90
|
+
}) => c({}, !s.square && {
|
|
92
91
|
borderRadius: 0,
|
|
93
92
|
"&:first-of-type": {
|
|
94
93
|
borderTopLeftRadius: (o.vars || o).shape.borderRadius,
|
|
@@ -107,58 +106,58 @@ const J = E("MuiAccordion", ["root", "rounded", "expanded", "disabled", "gutters
|
|
|
107
106
|
[`&.${h.expanded}`]: {
|
|
108
107
|
margin: "16px 0"
|
|
109
108
|
}
|
|
110
|
-
})), I = /* @__PURE__ */
|
|
111
|
-
const n =
|
|
109
|
+
})), I = /* @__PURE__ */ i.forwardRef(function(s, r) {
|
|
110
|
+
const n = k({
|
|
112
111
|
props: s,
|
|
113
112
|
name: "MuiAccordion"
|
|
114
113
|
}), {
|
|
115
|
-
children:
|
|
116
|
-
className:
|
|
117
|
-
defaultExpanded:
|
|
114
|
+
children: a,
|
|
115
|
+
className: d,
|
|
116
|
+
defaultExpanded: l = !1,
|
|
118
117
|
disabled: u = !1,
|
|
119
118
|
disableGutters: f = !1,
|
|
120
|
-
expanded:
|
|
119
|
+
expanded: R,
|
|
121
120
|
onChange: b,
|
|
122
|
-
square:
|
|
123
|
-
TransitionComponent:
|
|
121
|
+
square: A = !1,
|
|
122
|
+
TransitionComponent: C = H,
|
|
124
123
|
TransitionProps: v
|
|
125
|
-
} = n,
|
|
126
|
-
controlled:
|
|
127
|
-
default:
|
|
124
|
+
} = n, j = E(n, X), [t, m] = L({
|
|
125
|
+
controlled: R,
|
|
126
|
+
default: l,
|
|
128
127
|
name: "Accordion",
|
|
129
128
|
state: "expanded"
|
|
130
|
-
}), g =
|
|
131
|
-
m(!t), b && b(
|
|
132
|
-
}, [t, b, m]), [
|
|
129
|
+
}), g = i.useCallback((q) => {
|
|
130
|
+
m(!t), b && b(q, !t);
|
|
131
|
+
}, [t, b, m]), [T, ..._] = i.Children.toArray(a), B = i.useMemo(() => ({
|
|
133
132
|
expanded: t,
|
|
134
133
|
disabled: u,
|
|
135
134
|
disableGutters: f,
|
|
136
135
|
toggle: g
|
|
137
|
-
}), [t, u, f, g]), V =
|
|
138
|
-
square:
|
|
136
|
+
}), [t, u, f, g]), V = c({}, n, {
|
|
137
|
+
square: A,
|
|
139
138
|
disabled: u,
|
|
140
139
|
disableGutters: f,
|
|
141
140
|
expanded: t
|
|
142
|
-
}),
|
|
143
|
-
return /* @__PURE__ */
|
|
144
|
-
className:
|
|
141
|
+
}), w = Y(V);
|
|
142
|
+
return /* @__PURE__ */ p.jsxs(Z, c({
|
|
143
|
+
className: N(w.root, d),
|
|
145
144
|
ref: r,
|
|
146
145
|
ownerState: V,
|
|
147
|
-
square:
|
|
148
|
-
},
|
|
149
|
-
children: [/* @__PURE__ */
|
|
150
|
-
value:
|
|
151
|
-
children:
|
|
152
|
-
}), /* @__PURE__ */
|
|
146
|
+
square: A
|
|
147
|
+
}, j, {
|
|
148
|
+
children: [/* @__PURE__ */ p.jsx(G.Provider, {
|
|
149
|
+
value: B,
|
|
150
|
+
children: T
|
|
151
|
+
}), /* @__PURE__ */ p.jsx(C, c({
|
|
153
152
|
in: t,
|
|
154
153
|
timeout: "auto"
|
|
155
154
|
}, v, {
|
|
156
|
-
children: /* @__PURE__ */
|
|
157
|
-
"aria-labelledby":
|
|
158
|
-
id:
|
|
155
|
+
children: /* @__PURE__ */ p.jsx("div", {
|
|
156
|
+
"aria-labelledby": T.props.id,
|
|
157
|
+
id: T.props["aria-controls"],
|
|
159
158
|
role: "region",
|
|
160
|
-
className:
|
|
161
|
-
children:
|
|
159
|
+
className: w.region,
|
|
160
|
+
children: _
|
|
162
161
|
})
|
|
163
162
|
}))]
|
|
164
163
|
}));
|
|
@@ -171,9 +170,9 @@ process.env.NODE_ENV !== "production" && (I.propTypes = {
|
|
|
171
170
|
/**
|
|
172
171
|
* The content of the component.
|
|
173
172
|
*/
|
|
174
|
-
children:
|
|
175
|
-
const s =
|
|
176
|
-
return
|
|
173
|
+
children: F(e.node.isRequired, (o) => {
|
|
174
|
+
const s = i.Children.toArray(o.children)[0];
|
|
175
|
+
return W.isFragment(s) ? new Error("MUI: The Accordion doesn't accept a Fragment as a child. Consider providing an array instead.") : /* @__PURE__ */ i.isValidElement(s) ? null : new Error("MUI: Expected the first child of Accordion to be a valid element.");
|
|
177
176
|
}),
|
|
178
177
|
/**
|
|
179
178
|
* Override or extend the styles applied to the component.
|
|
@@ -231,24 +230,24 @@ process.env.NODE_ENV !== "production" && (I.propTypes = {
|
|
|
231
230
|
*/
|
|
232
231
|
TransitionProps: e.object
|
|
233
232
|
});
|
|
234
|
-
const
|
|
235
|
-
function
|
|
236
|
-
return
|
|
233
|
+
const oo = I;
|
|
234
|
+
function eo(o) {
|
|
235
|
+
return M("MuiAccordionSummary", o);
|
|
237
236
|
}
|
|
238
|
-
const
|
|
237
|
+
const so = D("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disabled", "gutters", "contentGutters", "content", "expandIconWrapper"]), x = so, ro = ["children", "className", "expandIcon", "focusVisibleClassName", "onClick"], no = (o) => {
|
|
239
238
|
const {
|
|
240
239
|
classes: s,
|
|
241
240
|
expanded: r,
|
|
242
241
|
disabled: n,
|
|
243
|
-
disableGutters:
|
|
242
|
+
disableGutters: a
|
|
244
243
|
} = o;
|
|
245
|
-
return
|
|
246
|
-
root: ["root", r && "expanded", n && "disabled", !
|
|
244
|
+
return $({
|
|
245
|
+
root: ["root", r && "expanded", n && "disabled", !a && "gutters"],
|
|
247
246
|
focusVisible: ["focusVisible"],
|
|
248
|
-
content: ["content", r && "expanded", !
|
|
247
|
+
content: ["content", r && "expanded", !a && "contentGutters"],
|
|
249
248
|
expandIconWrapper: ["expandIconWrapper", r && "expanded"]
|
|
250
|
-
},
|
|
251
|
-
},
|
|
249
|
+
}, eo, s);
|
|
250
|
+
}, to = y(z, {
|
|
252
251
|
name: "MuiAccordionSummary",
|
|
253
252
|
slot: "Root",
|
|
254
253
|
overridesResolver: (o, s) => s.root
|
|
@@ -259,7 +258,7 @@ const eo = E("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disabl
|
|
|
259
258
|
const r = {
|
|
260
259
|
duration: o.transitions.duration.shortest
|
|
261
260
|
};
|
|
262
|
-
return
|
|
261
|
+
return c({
|
|
263
262
|
display: "flex",
|
|
264
263
|
minHeight: 48,
|
|
265
264
|
padding: o.spacing(0, 2),
|
|
@@ -278,14 +277,14 @@ const eo = E("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disabl
|
|
|
278
277
|
minHeight: 64
|
|
279
278
|
}
|
|
280
279
|
});
|
|
281
|
-
}),
|
|
280
|
+
}), ao = y("div", {
|
|
282
281
|
name: "MuiAccordionSummary",
|
|
283
282
|
slot: "Content",
|
|
284
283
|
overridesResolver: (o, s) => s.content
|
|
285
284
|
})(({
|
|
286
285
|
theme: o,
|
|
287
286
|
ownerState: s
|
|
288
|
-
}) =>
|
|
287
|
+
}) => c({
|
|
289
288
|
display: "flex",
|
|
290
289
|
flexGrow: 1,
|
|
291
290
|
margin: "12px 0"
|
|
@@ -296,7 +295,7 @@ const eo = E("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disabl
|
|
|
296
295
|
[`&.${x.expanded}`]: {
|
|
297
296
|
margin: "20px 0"
|
|
298
297
|
}
|
|
299
|
-
})),
|
|
298
|
+
})), io = y("div", {
|
|
300
299
|
name: "MuiAccordionSummary",
|
|
301
300
|
slot: "ExpandIconWrapper",
|
|
302
301
|
overridesResolver: (o, s) => s.expandIconWrapper
|
|
@@ -312,48 +311,48 @@ const eo = E("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disabl
|
|
|
312
311
|
[`&.${x.expanded}`]: {
|
|
313
312
|
transform: "rotate(180deg)"
|
|
314
313
|
}
|
|
315
|
-
})), P = /* @__PURE__ */
|
|
316
|
-
const n =
|
|
314
|
+
})), P = /* @__PURE__ */ i.forwardRef(function(s, r) {
|
|
315
|
+
const n = k({
|
|
317
316
|
props: s,
|
|
318
317
|
name: "MuiAccordionSummary"
|
|
319
318
|
}), {
|
|
320
|
-
children:
|
|
321
|
-
className:
|
|
322
|
-
expandIcon:
|
|
319
|
+
children: a,
|
|
320
|
+
className: d,
|
|
321
|
+
expandIcon: l,
|
|
323
322
|
focusVisibleClassName: u,
|
|
324
323
|
onClick: f
|
|
325
|
-
} = n,
|
|
324
|
+
} = n, R = E(n, ro), {
|
|
326
325
|
disabled: b = !1,
|
|
327
|
-
disableGutters:
|
|
328
|
-
expanded:
|
|
326
|
+
disableGutters: A,
|
|
327
|
+
expanded: C,
|
|
329
328
|
toggle: v
|
|
330
|
-
} =
|
|
329
|
+
} = i.useContext(G), j = (g) => {
|
|
331
330
|
v && v(g), f && f(g);
|
|
332
|
-
}, t =
|
|
333
|
-
expanded:
|
|
331
|
+
}, t = c({}, n, {
|
|
332
|
+
expanded: C,
|
|
334
333
|
disabled: b,
|
|
335
|
-
disableGutters:
|
|
336
|
-
}), m =
|
|
337
|
-
return /* @__PURE__ */
|
|
334
|
+
disableGutters: A
|
|
335
|
+
}), m = no(t);
|
|
336
|
+
return /* @__PURE__ */ p.jsxs(to, c({
|
|
338
337
|
focusRipple: !1,
|
|
339
338
|
disableRipple: !0,
|
|
340
339
|
disabled: b,
|
|
341
340
|
component: "div",
|
|
342
|
-
"aria-expanded":
|
|
343
|
-
className:
|
|
344
|
-
focusVisibleClassName:
|
|
345
|
-
onClick:
|
|
341
|
+
"aria-expanded": C,
|
|
342
|
+
className: N(m.root, d),
|
|
343
|
+
focusVisibleClassName: N(m.focusVisible, u),
|
|
344
|
+
onClick: j,
|
|
346
345
|
ref: r,
|
|
347
346
|
ownerState: t
|
|
348
|
-
},
|
|
349
|
-
children: [/* @__PURE__ */
|
|
347
|
+
}, R, {
|
|
348
|
+
children: [/* @__PURE__ */ p.jsx(ao, {
|
|
350
349
|
className: m.content,
|
|
351
350
|
ownerState: t,
|
|
352
|
-
children:
|
|
353
|
-
}),
|
|
351
|
+
children: a
|
|
352
|
+
}), l && /* @__PURE__ */ p.jsx(io, {
|
|
354
353
|
className: m.expandIconWrapper,
|
|
355
354
|
ownerState: t,
|
|
356
|
-
children:
|
|
355
|
+
children: l
|
|
357
356
|
})]
|
|
358
357
|
}));
|
|
359
358
|
});
|
|
@@ -396,19 +395,19 @@ process.env.NODE_ENV !== "production" && (P.propTypes = {
|
|
|
396
395
|
*/
|
|
397
396
|
sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
|
|
398
397
|
});
|
|
399
|
-
const
|
|
400
|
-
function
|
|
401
|
-
return
|
|
398
|
+
const co = P;
|
|
399
|
+
function lo(o) {
|
|
400
|
+
return M("MuiAccordionDetails", o);
|
|
402
401
|
}
|
|
403
|
-
|
|
404
|
-
const
|
|
402
|
+
D("MuiAccordionDetails", ["root"]);
|
|
403
|
+
const po = ["className"], uo = (o) => {
|
|
405
404
|
const {
|
|
406
405
|
classes: s
|
|
407
406
|
} = o;
|
|
408
|
-
return
|
|
407
|
+
return $({
|
|
409
408
|
root: ["root"]
|
|
410
|
-
},
|
|
411
|
-
},
|
|
409
|
+
}, lo, s);
|
|
410
|
+
}, mo = y("div", {
|
|
412
411
|
name: "MuiAccordionDetails",
|
|
413
412
|
slot: "Root",
|
|
414
413
|
overridesResolver: (o, s) => s.root
|
|
@@ -416,20 +415,20 @@ const lo = ["className"], po = (o) => {
|
|
|
416
415
|
theme: o
|
|
417
416
|
}) => ({
|
|
418
417
|
padding: o.spacing(1, 2, 2)
|
|
419
|
-
})),
|
|
420
|
-
const n =
|
|
418
|
+
})), U = /* @__PURE__ */ i.forwardRef(function(s, r) {
|
|
419
|
+
const n = k({
|
|
421
420
|
props: s,
|
|
422
421
|
name: "MuiAccordionDetails"
|
|
423
422
|
}), {
|
|
424
|
-
className:
|
|
425
|
-
} = n,
|
|
426
|
-
return /* @__PURE__ */
|
|
427
|
-
className:
|
|
423
|
+
className: a
|
|
424
|
+
} = n, d = E(n, po), l = n, u = uo(l);
|
|
425
|
+
return /* @__PURE__ */ p.jsx(mo, c({
|
|
426
|
+
className: N(u.root, a),
|
|
428
427
|
ref: r,
|
|
429
|
-
ownerState:
|
|
430
|
-
},
|
|
428
|
+
ownerState: l
|
|
429
|
+
}, d));
|
|
431
430
|
});
|
|
432
|
-
process.env.NODE_ENV !== "production" && (
|
|
431
|
+
process.env.NODE_ENV !== "production" && (U.propTypes = {
|
|
433
432
|
// ----------------------------- Warning --------------------------------
|
|
434
433
|
// | These PropTypes are generated from the TypeScript type definitions |
|
|
435
434
|
// | To update them edit the d.ts file and run "yarn proptypes" |
|
|
@@ -451,15 +450,27 @@ process.env.NODE_ENV !== "production" && (k.propTypes = {
|
|
|
451
450
|
*/
|
|
452
451
|
sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
|
|
453
452
|
});
|
|
454
|
-
const
|
|
453
|
+
const fo = U, Ro = ({ children: o, ...s }) => /* @__PURE__ */ S.jsxDEV(oo, { ...s, children: o }, void 0, !1, {
|
|
454
|
+
fileName: "D:/a.dakhili/kdpa/packages/components/src/components/Accordion/KdpaAccordions.tsx",
|
|
455
|
+
lineNumber: 15,
|
|
456
|
+
columnNumber: 10
|
|
457
|
+
}, globalThis), jo = ({
|
|
455
458
|
children: o,
|
|
456
459
|
...s
|
|
457
|
-
}) => /* @__PURE__ */
|
|
460
|
+
}) => /* @__PURE__ */ S.jsxDEV(co, { "aria-controls": "panel1a-content", ...s, children: o }, void 0, !1, {
|
|
461
|
+
fileName: "D:/a.dakhili/kdpa/packages/components/src/components/Accordion/KdpaAccordions.tsx",
|
|
462
|
+
lineNumber: 23,
|
|
463
|
+
columnNumber: 5
|
|
464
|
+
}, globalThis), To = ({
|
|
458
465
|
children: o,
|
|
459
466
|
...s
|
|
460
|
-
}) => /* @__PURE__ */
|
|
467
|
+
}) => /* @__PURE__ */ S.jsxDEV(fo, { ...s, children: o }, void 0, !1, {
|
|
468
|
+
fileName: "D:/a.dakhili/kdpa/packages/components/src/components/Accordion/KdpaAccordions.tsx",
|
|
469
|
+
lineNumber: 33,
|
|
470
|
+
columnNumber: 10
|
|
471
|
+
}, globalThis);
|
|
461
472
|
export {
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
473
|
+
Ro as K,
|
|
474
|
+
To as a,
|
|
475
|
+
jo as b
|
|
465
476
|
};
|