@cgi-learning-hub/ui 0.0.1-dev.1708941839 → 0.0.1-dev.1708959157
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/dist/{Button-X7eWZQfX.js → Button-C5ROgtyW.js} +12 -12
- package/dist/{Button-Tkz5NkF_.cjs → Button-wMPAZpnO.cjs} +1 -1
- package/dist/ButtonBase-C5_-KI-D.js +831 -0
- package/dist/ButtonBase-XPViWbp_.cjs +75 -0
- package/dist/DefaultButton-BD9W4fvr.cjs +28 -0
- package/dist/DefaultButton-BlGFPRC7.js +439 -0
- package/dist/{Input-CbYjsRHK.js → Input-CGU1Xw4s.js} +10 -10
- package/dist/Input-DHic6dYE.cjs +1 -0
- package/dist/{InputBase-B13Nzzhk.js → InputBase-D8YZOKOt.js} +138 -157
- package/dist/InputBase-WBNJQn8V.cjs +4 -0
- package/dist/Tab-C2Tmr8Sv.cjs +1 -0
- package/dist/Tab-Dgd9jYEq.js +237 -0
- package/dist/TransitionGroupContext-C7wWJ6l7.js +14 -0
- package/dist/TransitionGroupContext-g4tmk10h.cjs +1 -0
- package/dist/Typography-CO64FVmw.cjs +1 -0
- package/dist/Typography-Di0hlj32.js +177 -0
- package/dist/assets/index.css +1 -1
- package/dist/components/AnotherComponent/AnotherComponent.cjs.js +1 -1
- package/dist/components/AnotherComponent/AnotherComponent.es.js +3 -3
- package/dist/components/BasicButtons/BasicButtons.cjs.js +1 -1
- package/dist/components/BasicButtons/BasicButtons.es.js +10 -10
- package/dist/components/BasicButtons/BasicButtons.stories.cjs.js +1 -1
- package/dist/components/Dropzone/Dropzone.cjs.js +5 -0
- package/dist/components/Dropzone/Dropzone.d.ts +9 -0
- package/dist/components/Dropzone/Dropzone.es.js +1209 -0
- package/dist/components/Dropzone/index.cjs.js +1 -0
- package/dist/components/Dropzone/index.d.ts +2 -0
- package/dist/components/Dropzone/index.es.js +4 -0
- package/dist/components/buttons/DefaultButton/DefaultButton.cjs.js +1 -28
- package/dist/components/buttons/DefaultButton/DefaultButton.es.js +7 -436
- package/dist/components/buttons/DefaultButton/DefaultButtonIcon.cjs.js +1 -1
- package/dist/components/buttons/DefaultButton/DefaultButtonIcon.es.js +8 -8
- package/dist/components/buttons/DefaultButton/index.cjs.js +1 -1
- package/dist/components/buttons/DefaultButton/index.es.js +2 -2
- package/dist/components/buttons/IconButton/IconButton.cjs.js +2 -0
- package/dist/components/buttons/IconButton/IconButton.d.ts +5 -0
- package/dist/components/buttons/IconButton/IconButton.es.js +187 -0
- package/dist/components/buttons/IconButton/index.cjs.js +1 -0
- package/dist/components/buttons/IconButton/index.d.ts +2 -0
- package/dist/components/buttons/IconButton/index.es.js +4 -0
- package/dist/components/buttons/PrimaryButton/PrimaryButton.cjs.js +1 -1
- package/dist/components/buttons/PrimaryButton/PrimaryButton.es.js +4 -4
- package/dist/components/buttons/PrimaryButton/PrimaryButton.stories.cjs.js +1 -1
- package/dist/components/buttons/PrimaryButton/PrimaryButton.stories.es.js +1 -1
- package/dist/components/buttons/SecondaryButton/SecondaryButton.cjs.js +1 -1
- package/dist/components/buttons/SecondaryButton/SecondaryButton.es.js +2 -2
- package/dist/components/buttons/SecondaryButton/SecondaryButton.stories.cjs.js +1 -1
- package/dist/components/buttons/SecondaryButton/SecondaryButton.stories.es.js +1 -1
- package/dist/components/buttons/index.cjs.js +1 -1
- package/dist/components/buttons/index.d.ts +1 -0
- package/dist/components/buttons/index.es.js +8 -6
- package/dist/components/index.cjs.js +1 -1
- package/dist/components/index.d.ts +4 -0
- package/dist/components/index.es.js +22 -12
- package/dist/components/inputs/SearchInput/SearchInput.cjs.js +1 -1
- package/dist/components/inputs/SearchInput/SearchInput.es.js +77 -247
- package/dist/components/inputs/TextInput/TextInput.cjs.js +11 -13
- package/dist/components/inputs/TextInput/TextInput.es.js +367 -404
- package/dist/components/lists/FileList/FileList.cjs.js +1 -0
- package/dist/components/lists/FileList/FileList.d.ts +7 -0
- package/dist/components/lists/FileList/FileList.es.js +19 -0
- package/dist/components/lists/FileList/FileListItem.cjs.js +1 -0
- package/dist/components/lists/FileList/FileListItem.d.ts +13 -0
- package/dist/components/lists/FileList/FileListItem.es.js +40 -0
- package/dist/components/lists/FileList/index.cjs.js +1 -0
- package/dist/components/lists/FileList/index.d.ts +4 -0
- package/dist/components/lists/FileList/index.es.js +6 -0
- package/dist/components/lists/index.cjs.js +1 -0
- package/dist/components/lists/index.d.ts +1 -0
- package/dist/components/lists/index.es.js +6 -0
- package/dist/createSvgIcon-B7HVs3ZC.cjs +2 -0
- package/dist/{createSvgIcon-jvI3LIfI.cjs → createSvgIcon-BivvPRyr.cjs} +1 -1
- package/dist/createSvgIcon-D3HDfwCm.js +143 -0
- package/dist/{createSvgIcon-qXNZi4k1.js → createSvgIcon-D4Mxh_r9.js} +14 -14
- package/dist/{extendSxProp-CvhhU9Vb.cjs → extendSxProp-D5gpnasP.cjs} +1 -1
- package/dist/{extendSxProp-BRHiEwyk.js → extendSxProp-DCdWqtQk.js} +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +20 -10
- package/dist/ownerWindow-BoRkeomM.js +23 -0
- package/dist/ownerWindow-Dk_4aaak.cjs +1 -0
- package/dist/refType-dllUCpD8.cjs +1 -0
- package/dist/refType-hKctx4k0.js +29 -0
- package/dist/useControlled-BsLcOmhe.js +48 -0
- package/dist/useControlled-jN3fqFfv.cjs +3 -0
- package/dist/useForkRef-CGd3Nhyb.cjs +1 -0
- package/dist/useForkRef-DwN_Iz9R.js +17 -0
- package/dist/useIsFocusVisible-BF0lT08B.cjs +1 -0
- package/dist/useIsFocusVisible-D8ksiuhS.js +69 -0
- package/dist/useTheme-BZek68TX.js +9 -0
- package/dist/useTheme-C-LTLVMt.cjs +1 -0
- package/dist/{useThemeProps-CDriK9TK.cjs → useThemeProps-C6ClLEqN.cjs} +14 -14
- package/dist/{useThemeProps-B6yTTpAe.js → useThemeProps-CHytz5pp.js} +741 -714
- package/dist/useTimeout-KN97abZR.js +47 -0
- package/dist/useTimeout-qjxkiZZn.cjs +1 -0
- package/package.json +2 -1
- package/dist/ButtonBase-CKfcGhaU.js +0 -892
- package/dist/ButtonBase-Cg8cBMzO.cjs +0 -75
- package/dist/Input-CAb0EFzc.cjs +0 -1
- package/dist/InputBase-CKlCw9fj.cjs +0 -4
- package/dist/useForkRef-82uiK71d.cjs +0 -1
- package/dist/useForkRef-CLcOhrzI.js +0 -44
- package/dist/useTheme-BWRyHzdn.js +0 -65
- package/dist/useTheme-BpLcDNG1.cjs +0 -1
|
@@ -0,0 +1,187 @@
|
|
|
1
|
+
import { jsx as b } from "react/jsx-runtime";
|
|
2
|
+
import * as d from "react";
|
|
3
|
+
import { g as B, c as C, s as v, e as s, a as n, l as g, f as I, _ as O, h as T, P as r, j as $ } from "../../../useThemeProps-CHytz5pp.js";
|
|
4
|
+
import { B as x } from "../../../ButtonBase-C5_-KI-D.js";
|
|
5
|
+
import { c as k } from "../../../refType-hKctx4k0.js";
|
|
6
|
+
function j(o) {
|
|
7
|
+
return C("MuiIconButton", o);
|
|
8
|
+
}
|
|
9
|
+
const M = B("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge"]), P = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"], E = (o) => {
|
|
10
|
+
const {
|
|
11
|
+
classes: e,
|
|
12
|
+
disabled: t,
|
|
13
|
+
color: a,
|
|
14
|
+
edge: i,
|
|
15
|
+
size: l
|
|
16
|
+
} = o, c = {
|
|
17
|
+
root: ["root", t && "disabled", a !== "default" && `color${s(a)}`, i && `edge${s(i)}`, `size${s(l)}`]
|
|
18
|
+
};
|
|
19
|
+
return $(c, j, e);
|
|
20
|
+
}, N = v(x, {
|
|
21
|
+
name: "MuiIconButton",
|
|
22
|
+
slot: "Root",
|
|
23
|
+
overridesResolver: (o, e) => {
|
|
24
|
+
const {
|
|
25
|
+
ownerState: t
|
|
26
|
+
} = o;
|
|
27
|
+
return [e.root, t.color !== "default" && e[`color${s(t.color)}`], t.edge && e[`edge${s(t.edge)}`], e[`size${s(t.size)}`]];
|
|
28
|
+
}
|
|
29
|
+
})(({
|
|
30
|
+
theme: o,
|
|
31
|
+
ownerState: e
|
|
32
|
+
}) => n({
|
|
33
|
+
textAlign: "center",
|
|
34
|
+
flex: "0 0 auto",
|
|
35
|
+
fontSize: o.typography.pxToRem(24),
|
|
36
|
+
padding: 8,
|
|
37
|
+
borderRadius: "50%",
|
|
38
|
+
overflow: "visible",
|
|
39
|
+
// Explicitly set the default value to solve a bug on IE11.
|
|
40
|
+
color: (o.vars || o).palette.action.active,
|
|
41
|
+
transition: o.transitions.create("background-color", {
|
|
42
|
+
duration: o.transitions.duration.shortest
|
|
43
|
+
})
|
|
44
|
+
}, !e.disableRipple && {
|
|
45
|
+
"&:hover": {
|
|
46
|
+
backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : g(o.palette.action.active, o.palette.action.hoverOpacity),
|
|
47
|
+
// Reset on touch devices, it doesn't add specificity
|
|
48
|
+
"@media (hover: none)": {
|
|
49
|
+
backgroundColor: "transparent"
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
}, e.edge === "start" && {
|
|
53
|
+
marginLeft: e.size === "small" ? -3 : -12
|
|
54
|
+
}, e.edge === "end" && {
|
|
55
|
+
marginRight: e.size === "small" ? -3 : -12
|
|
56
|
+
}), ({
|
|
57
|
+
theme: o,
|
|
58
|
+
ownerState: e
|
|
59
|
+
}) => {
|
|
60
|
+
var t;
|
|
61
|
+
const a = (t = (o.vars || o).palette) == null ? void 0 : t[e.color];
|
|
62
|
+
return n({}, e.color === "inherit" && {
|
|
63
|
+
color: "inherit"
|
|
64
|
+
}, e.color !== "inherit" && e.color !== "default" && n({
|
|
65
|
+
color: a == null ? void 0 : a.main
|
|
66
|
+
}, !e.disableRipple && {
|
|
67
|
+
"&:hover": n({}, a && {
|
|
68
|
+
backgroundColor: o.vars ? `rgba(${a.mainChannel} / ${o.vars.palette.action.hoverOpacity})` : g(a.main, o.palette.action.hoverOpacity)
|
|
69
|
+
}, {
|
|
70
|
+
// Reset on touch devices, it doesn't add specificity
|
|
71
|
+
"@media (hover: none)": {
|
|
72
|
+
backgroundColor: "transparent"
|
|
73
|
+
}
|
|
74
|
+
})
|
|
75
|
+
}), e.size === "small" && {
|
|
76
|
+
padding: 5,
|
|
77
|
+
fontSize: o.typography.pxToRem(18)
|
|
78
|
+
}, e.size === "large" && {
|
|
79
|
+
padding: 12,
|
|
80
|
+
fontSize: o.typography.pxToRem(28)
|
|
81
|
+
}, {
|
|
82
|
+
[`&.${M.disabled}`]: {
|
|
83
|
+
backgroundColor: "transparent",
|
|
84
|
+
color: (o.vars || o).palette.action.disabled
|
|
85
|
+
}
|
|
86
|
+
});
|
|
87
|
+
}), y = /* @__PURE__ */ d.forwardRef(function(e, t) {
|
|
88
|
+
const a = I({
|
|
89
|
+
props: e,
|
|
90
|
+
name: "MuiIconButton"
|
|
91
|
+
}), {
|
|
92
|
+
edge: i = !1,
|
|
93
|
+
children: l,
|
|
94
|
+
className: c,
|
|
95
|
+
color: m = "default",
|
|
96
|
+
disabled: p = !1,
|
|
97
|
+
disableFocusRipple: u = !1,
|
|
98
|
+
size: h = "medium"
|
|
99
|
+
} = a, z = O(a, P), f = n({}, a, {
|
|
100
|
+
edge: i,
|
|
101
|
+
color: m,
|
|
102
|
+
disabled: p,
|
|
103
|
+
disableFocusRipple: u,
|
|
104
|
+
size: h
|
|
105
|
+
}), R = E(f);
|
|
106
|
+
return /* @__PURE__ */ b(N, n({
|
|
107
|
+
className: T(R.root, c),
|
|
108
|
+
centerRipple: !0,
|
|
109
|
+
focusRipple: !u,
|
|
110
|
+
disabled: p,
|
|
111
|
+
ref: t,
|
|
112
|
+
ownerState: f
|
|
113
|
+
}, z, {
|
|
114
|
+
children: l
|
|
115
|
+
}));
|
|
116
|
+
});
|
|
117
|
+
process.env.NODE_ENV !== "production" && (y.propTypes = {
|
|
118
|
+
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
119
|
+
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
120
|
+
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
121
|
+
// └─────────────────────────────────────────────────────────────────────┘
|
|
122
|
+
/**
|
|
123
|
+
* The icon to display.
|
|
124
|
+
*/
|
|
125
|
+
children: k(r.node, (o) => d.Children.toArray(o.children).some((t) => /* @__PURE__ */ d.isValidElement(t) && t.props.onClick) ? new Error(["MUI: You are providing an onClick event listener to a child of a button element.", "Prefer applying it to the IconButton directly.", "This guarantees that the whole <button> will be responsive to click events."].join(`
|
|
126
|
+
`)) : null),
|
|
127
|
+
/**
|
|
128
|
+
* Override or extend the styles applied to the component.
|
|
129
|
+
*/
|
|
130
|
+
classes: r.object,
|
|
131
|
+
/**
|
|
132
|
+
* @ignore
|
|
133
|
+
*/
|
|
134
|
+
className: r.string,
|
|
135
|
+
/**
|
|
136
|
+
* The color of the component.
|
|
137
|
+
* It supports both default and custom theme colors, which can be added as shown in the
|
|
138
|
+
* [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
|
|
139
|
+
* @default 'default'
|
|
140
|
+
*/
|
|
141
|
+
color: r.oneOfType([r.oneOf(["inherit", "default", "primary", "secondary", "error", "info", "success", "warning"]), r.string]),
|
|
142
|
+
/**
|
|
143
|
+
* If `true`, the component is disabled.
|
|
144
|
+
* @default false
|
|
145
|
+
*/
|
|
146
|
+
disabled: r.bool,
|
|
147
|
+
/**
|
|
148
|
+
* If `true`, the keyboard focus ripple is disabled.
|
|
149
|
+
* @default false
|
|
150
|
+
*/
|
|
151
|
+
disableFocusRipple: r.bool,
|
|
152
|
+
/**
|
|
153
|
+
* If `true`, the ripple effect is disabled.
|
|
154
|
+
*
|
|
155
|
+
* ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
|
|
156
|
+
* to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
|
|
157
|
+
* @default false
|
|
158
|
+
*/
|
|
159
|
+
disableRipple: r.bool,
|
|
160
|
+
/**
|
|
161
|
+
* If given, uses a negative margin to counteract the padding on one
|
|
162
|
+
* side (this is often helpful for aligning the left or right
|
|
163
|
+
* side of the icon with content above or below, without ruining the border
|
|
164
|
+
* size and shape).
|
|
165
|
+
* @default false
|
|
166
|
+
*/
|
|
167
|
+
edge: r.oneOf(["end", "start", !1]),
|
|
168
|
+
/**
|
|
169
|
+
* The size of the component.
|
|
170
|
+
* `small` is equivalent to the dense button styling.
|
|
171
|
+
* @default 'medium'
|
|
172
|
+
*/
|
|
173
|
+
size: r.oneOfType([r.oneOf(["small", "medium", "large"]), r.string]),
|
|
174
|
+
/**
|
|
175
|
+
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
176
|
+
*/
|
|
177
|
+
sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object])
|
|
178
|
+
});
|
|
179
|
+
const _ = y, U = v(_)(({ theme: o }) => ({
|
|
180
|
+
color: o.palette.secondary.main,
|
|
181
|
+
"&:hover": {
|
|
182
|
+
color: o.palette.primary.main
|
|
183
|
+
}
|
|
184
|
+
})), W = (o) => /* @__PURE__ */ b(U, { ...o });
|
|
185
|
+
export {
|
|
186
|
+
W as default
|
|
187
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./IconButton.cjs.js");exports.IconButton=t;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const r=require("react/jsx-runtime");require("react");const o=require("
|
|
1
|
+
"use strict";const r=require("react/jsx-runtime");require("react");const o=require("../../../DefaultButton-BD9W4fvr.cjs"),u=require("../../../useTheme-C-LTLVMt.cjs"),n=t=>{const e=u.useTheme();return r.jsx(o.DefaultButton,{contentColor:e.palette.primary.main,hoverColor:e.palette.primary.dark,...t})};module.exports=n;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import e from "
|
|
4
|
-
import { u as m } from "../../../useTheme-
|
|
5
|
-
const
|
|
3
|
+
import { D as e } from "../../../DefaultButton-BlGFPRC7.js";
|
|
4
|
+
import { u as m } from "../../../useTheme-BZek68TX.js";
|
|
5
|
+
const s = (r) => {
|
|
6
6
|
const t = m();
|
|
7
7
|
return /* @__PURE__ */ o(
|
|
8
8
|
e,
|
|
@@ -14,5 +14,5 @@ const u = (r) => {
|
|
|
14
14
|
);
|
|
15
15
|
};
|
|
16
16
|
export {
|
|
17
|
-
|
|
17
|
+
s as default
|
|
18
18
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),e=require("./PrimaryButton.cjs.js"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),e=require("./PrimaryButton.cjs.js"),n=require("../../../createSvgIcon-BivvPRyr.cjs"),s=n.createSvgIcon(t.jsx("path",{d:"M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3m3-10H5V5h10z"}),"Save"),c={title:"Components/Buttons/PrimaryButton",component:e,argTypes:{}},i=r=>t.jsx(e,{...r}),o=i.bind({});o.args={text:"Save",icon:{Component:s,position:"left"},onClick:()=>alert("Alert")};exports.Primary=o;exports.default=c;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import o from "./PrimaryButton.es.js";
|
|
3
|
-
import { c as r } from "../../../createSvgIcon-
|
|
3
|
+
import { c as r } from "../../../createSvgIcon-D4Mxh_r9.js";
|
|
4
4
|
const n = r(/* @__PURE__ */ t("path", {
|
|
5
5
|
d: "M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3m3-10H5V5h10z"
|
|
6
6
|
}), "Save"), p = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const n=require("react/jsx-runtime");require("react");const o=require("
|
|
1
|
+
"use strict";const n=require("react/jsx-runtime");require("react");const o=require("../../../DefaultButton-BD9W4fvr.cjs"),r=require("../../../useTheme-C-LTLVMt.cjs"),u=e=>{const t=r.useTheme();return n.jsx(o.DefaultButton,{contentColor:t.palette.secondary.main,...e})};module.exports=u;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import r from "
|
|
4
|
-
import { u as m } from "../../../useTheme-
|
|
3
|
+
import { D as r } from "../../../DefaultButton-BlGFPRC7.js";
|
|
4
|
+
import { u as m } from "../../../useTheme-BZek68TX.js";
|
|
5
5
|
const p = (t) => {
|
|
6
6
|
const o = m();
|
|
7
7
|
return /* @__PURE__ */ e(r, { contentColor: o.palette.secondary.main, ...t });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("./SecondaryButton.cjs.js"),r=require("../../../createSvgIcon-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("./SecondaryButton.cjs.js"),r=require("../../../createSvgIcon-BivvPRyr.cjs"),s=r.createSvgIcon(e.jsx("path",{d:"M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m-9-2V7H4v3H1v2h3v3h2v-3h3v-2zm9 4c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4"}),"PersonAdd"),c={title:"Components/Buttons/SecondaryButton",component:t,argTypes:{}},i=n=>e.jsx(t,{...n}),o=i.bind({});o.args={text:"Add user",icon:{Component:s,position:"left"},onClick:()=>alert("Alert")};exports.Primary=o;exports.default=c;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import t from "./SecondaryButton.es.js";
|
|
3
|
-
import { c as e } from "../../../createSvgIcon-
|
|
3
|
+
import { c as e } from "../../../createSvgIcon-D4Mxh_r9.js";
|
|
4
4
|
const r = e(/* @__PURE__ */ o("path", {
|
|
5
5
|
d: "M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m-9-2V7H4v3H1v2h3v3h2v-3h3v-2zm9 4c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4"
|
|
6
6
|
}), "PersonAdd"), i = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../DefaultButton-BD9W4fvr.cjs"),o=require("./IconButton/IconButton.cjs.js"),n=require("./PrimaryButton/PrimaryButton.cjs.js"),u=require("./SecondaryButton/SecondaryButton.cjs.js");exports.DefaultButton=t.DefaultButton;exports.IconButton=o;exports.PrimaryButton=n;exports.SecondaryButton=u;
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { default as e } from "./
|
|
3
|
-
import { default as u } from "./
|
|
1
|
+
import { D as r } from "../../DefaultButton-BlGFPRC7.js";
|
|
2
|
+
import { default as e } from "./IconButton/IconButton.es.js";
|
|
3
|
+
import { default as u } from "./PrimaryButton/PrimaryButton.es.js";
|
|
4
|
+
import { default as m } from "./SecondaryButton/SecondaryButton.es.js";
|
|
4
5
|
export {
|
|
5
|
-
|
|
6
|
-
e as
|
|
7
|
-
u as
|
|
6
|
+
r as DefaultButton,
|
|
7
|
+
e as IconButton,
|
|
8
|
+
u as PrimaryButton,
|
|
9
|
+
m as SecondaryButton
|
|
8
10
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./AnotherComponent/AnotherComponent.cjs.js"),n=require("./BasicButtons/BasicButtons.cjs.js"),o=require("./
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./AnotherComponent/AnotherComponent.cjs.js"),n=require("./BasicButtons/BasicButtons.cjs.js"),o=require("./Dropzone/Dropzone.cjs.js"),e=require("../DefaultButton-BD9W4fvr.cjs"),s=require("./buttons/IconButton/IconButton.cjs.js"),u=require("./buttons/PrimaryButton/PrimaryButton.cjs.js"),r=require("./buttons/SecondaryButton/SecondaryButton.cjs.js"),c=require("./inputs/SearchInput/SearchInput.cjs.js"),i=require("./inputs/TextInput/TextInput.cjs.js"),_=require("./lists/FileList/FileList.cjs.js"),p=require("./lists/FileList/FileListItem.cjs.js"),a=require("../Tab-C2Tmr8Sv.cjs");exports.AnotherComponent=t;exports.BasicButtons=n;exports.Dropzone=o;exports.DefaultButton=e.DefaultButton;exports.IconButton=s;exports.PrimaryButton=u;exports.SecondaryButton=r;exports.SearchInput=c;exports.TextInput=i;exports.FileList=_;exports.FileListItem=p;exports.Tab=a.Tab;
|
|
@@ -1,16 +1,26 @@
|
|
|
1
1
|
import { default as e } from "./AnotherComponent/AnotherComponent.es.js";
|
|
2
|
-
import { default as
|
|
3
|
-
import { default as u } from "./
|
|
4
|
-
import {
|
|
5
|
-
import { default as
|
|
6
|
-
import { default as
|
|
7
|
-
import { default as
|
|
2
|
+
import { default as a } from "./BasicButtons/BasicButtons.es.js";
|
|
3
|
+
import { default as u } from "./Dropzone/Dropzone.es.js";
|
|
4
|
+
import { D as s } from "../DefaultButton-BlGFPRC7.js";
|
|
5
|
+
import { default as l } from "./buttons/IconButton/IconButton.es.js";
|
|
6
|
+
import { default as x } from "./buttons/PrimaryButton/PrimaryButton.es.js";
|
|
7
|
+
import { default as i } from "./buttons/SecondaryButton/SecondaryButton.es.js";
|
|
8
|
+
import { default as c } from "./inputs/SearchInput/SearchInput.es.js";
|
|
9
|
+
import { default as D } from "./inputs/TextInput/TextInput.es.js";
|
|
10
|
+
import { default as h } from "./lists/FileList/FileList.es.js";
|
|
11
|
+
import { default as F } from "./lists/FileList/FileListItem.es.js";
|
|
12
|
+
import { T as S } from "../Tab-Dgd9jYEq.js";
|
|
8
13
|
export {
|
|
9
14
|
e as AnotherComponent,
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
15
|
+
a as BasicButtons,
|
|
16
|
+
s as DefaultButton,
|
|
17
|
+
u as Dropzone,
|
|
18
|
+
h as FileList,
|
|
19
|
+
F as FileListItem,
|
|
20
|
+
l as IconButton,
|
|
21
|
+
x as PrimaryButton,
|
|
22
|
+
c as SearchInput,
|
|
23
|
+
i as SecondaryButton,
|
|
24
|
+
S as Tab,
|
|
25
|
+
D as TextInput
|
|
16
26
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const r=require("react/jsx-runtime"),I=require("react"),e=require("../../../useThemeProps-C6ClLEqN.cjs"),m=require("../../../InputBase-WBNJQn8V.cjs"),j=require("../../../Typography-CO64FVmw.cjs"),E=require("../../../createSvgIcon-BivvPRyr.cjs");function C(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const s=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(n,o,s.get?s:{enumerable:!0,get:()=>t[o]})}}return n.default=t,Object.freeze(n)}const h=C(I),S=E.createSvgIcon(r.jsx("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"}),"Search");function A(t){return e.generateUtilityClass("MuiInputAdornment",t)}const O=e.generateUtilityClasses("MuiInputAdornment",["root","filled","standard","outlined","positionStart","positionEnd","disablePointerEvents","hiddenLabel","sizeSmall"]),b=O;var f;const _=["children","className","component","disablePointerEvents","disableTypography","position","variant"],z=(t,n)=>{const{ownerState:o}=t;return[n.root,n[`position${e.capitalize(o.position)}`],o.disablePointerEvents===!0&&n.disablePointerEvents,n[o.variant]]},N=t=>{const{classes:n,disablePointerEvents:o,hiddenLabel:s,position:i,size:p,variant:l}=t,c={root:["root",o&&"disablePointerEvents",i&&`position${e.capitalize(i)}`,l,s&&"hiddenLabel",p&&`size${e.capitalize(p)}`]};return e.composeClasses(c,A,n)},R=e.styled("div",{name:"MuiInputAdornment",slot:"Root",overridesResolver:z})(({theme:t,ownerState:n})=>e._extends({display:"flex",height:"0.01em",maxHeight:"2em",alignItems:"center",whiteSpace:"nowrap",color:(t.vars||t).palette.action.active},n.variant==="filled"&&{[`&.${b.positionStart}&:not(.${b.hiddenLabel})`]:{marginTop:16}},n.position==="start"&&{marginRight:8},n.position==="end"&&{marginLeft:8},n.disablePointerEvents===!0&&{pointerEvents:"none"})),P=h.forwardRef(function(n,o){const s=e.useThemeProps({props:n,name:"MuiInputAdornment"}),{children:i,className:p,component:l="div",disablePointerEvents:c=!1,disableTypography:T=!1,position:y,variant:d}=s,g=e._objectWithoutPropertiesLoose(s,_),a=m.useFormControl()||{};let u=d;d&&a.variant&&process.env.NODE_ENV!=="production"&&d===a.variant&&console.error("MUI: The `InputAdornment` variant infers the variant prop you do not have to provide one."),a&&!u&&(u=a.variant);const v=e._extends({},s,{hiddenLabel:a.hiddenLabel,size:a.size,disablePointerEvents:c,position:y,variant:u}),x=N(v);return r.jsx(m.FormControlContext.Provider,{value:null,children:r.jsx(R,e._extends({as:l,ownerState:v,className:e.clsx(x.root,p),ref:o},g,{children:typeof i=="string"&&!T?r.jsx(j.Typography,{color:"text.secondary",children:i}):r.jsxs(h.Fragment,{children:[y==="start"?f||(f=r.jsx("span",{className:"notranslate",children:""})):null,i]})}))})});process.env.NODE_ENV!=="production"&&(P.propTypes={children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,component:e.PropTypes.elementType,disablePointerEvents:e.PropTypes.bool,disableTypography:e.PropTypes.bool,position:e.PropTypes.oneOf(["end","start"]).isRequired,sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),variant:e.PropTypes.oneOf(["filled","outlined","standard"])});const L=P,$=e.styled(m.InputBase)(({theme:t})=>({width:"auto",padding:"0px 12px",backgroundColor:t.palette.grey[50],borderRadius:30,"& .MuiInputBase-input":{padding:"8px 0px"}})),q=({placeholder:t="Rechercher",...n})=>r.jsx($,{...n,placeholder:t,startAdornment:r.jsx(L,{position:"start",disablePointerEvents:!0,children:r.jsx(S,{})})});module.exports=q;
|