@cgi-learning-hub/ui 0.0.1-dev.1706708255 → 0.0.1-dev.1706796454
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/TransitionGroupContext-SCyurvOT.js +4197 -0
- package/dist/assets/index.css +1 -1
- package/dist/components/Button/Button.d.ts +3 -3
- package/dist/components/Button/Button.js +1251 -26
- package/dist/components/Button/Button.stories.d.ts +4 -3
- package/dist/components/Button/Button.stories.js +16 -6
- package/dist/components/SearchField/SearchField.d.ts +7 -0
- package/dist/components/SearchField/SearchField.js +26605 -0
- package/dist/components/SearchField/index.d.ts +2 -0
- package/dist/components/SearchField/index.js +4 -0
- package/dist/components/index.d.ts +1 -2
- package/dist/components/index.js +4 -6
- package/dist/createSvgIcon-3ijLxpup.js +182 -0
- package/dist/index.js +4 -6
- package/package.json +2 -1
- package/dist/Button-t2XOOBeu.js +0 -5460
- package/dist/components/AnotherComponent/AnotherComponent.d.ts +0 -2
- package/dist/components/AnotherComponent/AnotherComponent.js +0 -5
- package/dist/components/AnotherComponent/AnotherComponent.stories.d.ts +0 -5
- package/dist/components/AnotherComponent/AnotherComponent.stories.js +0 -22
- package/dist/components/AnotherComponent/index.d.ts +0 -2
- package/dist/components/AnotherComponent/index.js +0 -4
- package/dist/components/BasicButtons/BasicButtons.d.ts +0 -2
- package/dist/components/BasicButtons/BasicButtons.js +0 -198
- package/dist/components/BasicButtons/BasicButtons.stories.d.ts +0 -5
- package/dist/components/BasicButtons/BasicButtons.stories.js +0 -22
- package/dist/components/BasicButtons/index.d.ts +0 -2
- package/dist/components/BasicButtons/index.js +0 -4
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import o from "./AnotherComponent.js";
|
|
3
|
-
const p = {
|
|
4
|
-
title: "Components/AnotherComponent",
|
|
5
|
-
component: o,
|
|
6
|
-
argTypes: {
|
|
7
|
-
// Définissez ici vos paramètres d'histoires spécifiques aux arguments (args).
|
|
8
|
-
}
|
|
9
|
-
}, t = (n) => /* @__PURE__ */ e(o, { ...n }), r = t.bind({});
|
|
10
|
-
r.args = {
|
|
11
|
-
label: "Primary Button"
|
|
12
|
-
};
|
|
13
|
-
const a = t.bind({});
|
|
14
|
-
a.args = {
|
|
15
|
-
label: "Secondary Button",
|
|
16
|
-
secondary: !0
|
|
17
|
-
};
|
|
18
|
-
export {
|
|
19
|
-
r as Primary,
|
|
20
|
-
a as Secondary,
|
|
21
|
-
p as default
|
|
22
|
-
};
|
|
@@ -1,198 +0,0 @@
|
|
|
1
|
-
import { jsx as p, jsxs as B } from "react/jsx-runtime";
|
|
2
|
-
import { _ as j, a as d, d as R, i as D, b as E, P as e, e as F, h as x, r as v, f as M, g as w, m as G, j as A, u as U, k as L, l as I, n as T, s as W, o as q, M as h } from "../../Button-t2XOOBeu.js";
|
|
3
|
-
import * as g from "react";
|
|
4
|
-
const z = ["sx"], H = (o) => {
|
|
5
|
-
var s, t;
|
|
6
|
-
const n = {
|
|
7
|
-
systemProps: {},
|
|
8
|
-
otherProps: {}
|
|
9
|
-
}, a = (s = o == null || (t = o.theme) == null ? void 0 : t.unstable_sxConfig) != null ? s : R;
|
|
10
|
-
return Object.keys(o).forEach((r) => {
|
|
11
|
-
a[r] ? n.systemProps[r] = o[r] : n.otherProps[r] = o[r];
|
|
12
|
-
}), n;
|
|
13
|
-
};
|
|
14
|
-
function J(o) {
|
|
15
|
-
const {
|
|
16
|
-
sx: s
|
|
17
|
-
} = o, t = j(o, z), {
|
|
18
|
-
systemProps: n,
|
|
19
|
-
otherProps: a
|
|
20
|
-
} = H(t);
|
|
21
|
-
let r;
|
|
22
|
-
return Array.isArray(s) ? r = [n, ...s] : typeof s == "function" ? r = (...l) => {
|
|
23
|
-
const u = s(...l);
|
|
24
|
-
return D(u) ? d({}, n, u) : n;
|
|
25
|
-
} : r = d({}, n, s), d({}, a, {
|
|
26
|
-
sx: r
|
|
27
|
-
});
|
|
28
|
-
}
|
|
29
|
-
const K = E(), Q = ["component", "direction", "spacing", "divider", "children", "className", "useFlexGap"], X = F(), Y = K("div", {
|
|
30
|
-
name: "MuiStack",
|
|
31
|
-
slot: "Root",
|
|
32
|
-
overridesResolver: (o, s) => s.root
|
|
33
|
-
});
|
|
34
|
-
function Z(o) {
|
|
35
|
-
return U({
|
|
36
|
-
props: o,
|
|
37
|
-
name: "MuiStack",
|
|
38
|
-
defaultTheme: X
|
|
39
|
-
});
|
|
40
|
-
}
|
|
41
|
-
function ee(o, s) {
|
|
42
|
-
const t = g.Children.toArray(o).filter(Boolean);
|
|
43
|
-
return t.reduce((n, a, r) => (n.push(a), r < t.length - 1 && n.push(/* @__PURE__ */ g.cloneElement(s, {
|
|
44
|
-
key: `separator-${r}`
|
|
45
|
-
})), n), []);
|
|
46
|
-
}
|
|
47
|
-
const oe = (o) => ({
|
|
48
|
-
row: "Left",
|
|
49
|
-
"row-reverse": "Right",
|
|
50
|
-
column: "Top",
|
|
51
|
-
"column-reverse": "Bottom"
|
|
52
|
-
})[o], se = ({
|
|
53
|
-
ownerState: o,
|
|
54
|
-
theme: s
|
|
55
|
-
}) => {
|
|
56
|
-
let t = d({
|
|
57
|
-
display: "flex",
|
|
58
|
-
flexDirection: "column"
|
|
59
|
-
}, x({
|
|
60
|
-
theme: s
|
|
61
|
-
}, v({
|
|
62
|
-
values: o.direction,
|
|
63
|
-
breakpoints: s.breakpoints.values
|
|
64
|
-
}), (n) => ({
|
|
65
|
-
flexDirection: n
|
|
66
|
-
})));
|
|
67
|
-
if (o.spacing) {
|
|
68
|
-
const n = M(s), a = Object.keys(s.breakpoints.values).reduce((c, i) => ((typeof o.spacing == "object" && o.spacing[i] != null || typeof o.direction == "object" && o.direction[i] != null) && (c[i] = !0), c), {}), r = v({
|
|
69
|
-
values: o.direction,
|
|
70
|
-
base: a
|
|
71
|
-
}), l = v({
|
|
72
|
-
values: o.spacing,
|
|
73
|
-
base: a
|
|
74
|
-
});
|
|
75
|
-
typeof r == "object" && Object.keys(r).forEach((c, i, f) => {
|
|
76
|
-
if (!r[c]) {
|
|
77
|
-
const y = i > 0 ? r[f[i - 1]] : "column";
|
|
78
|
-
r[c] = y;
|
|
79
|
-
}
|
|
80
|
-
}), t = w(t, x({
|
|
81
|
-
theme: s
|
|
82
|
-
}, l, (c, i) => o.useFlexGap ? {
|
|
83
|
-
gap: T(n, c)
|
|
84
|
-
} : {
|
|
85
|
-
// The useFlexGap={false} implement relies on each child to give up control of the margin.
|
|
86
|
-
// We need to reset the margin to avoid double spacing.
|
|
87
|
-
"& > :not(style):not(style)": {
|
|
88
|
-
margin: 0
|
|
89
|
-
},
|
|
90
|
-
"& > :not(style) ~ :not(style)": {
|
|
91
|
-
[`margin${oe(i ? r[i] : o.direction)}`]: T(n, c)
|
|
92
|
-
}
|
|
93
|
-
}));
|
|
94
|
-
}
|
|
95
|
-
return t = G(s.breakpoints, t), t;
|
|
96
|
-
};
|
|
97
|
-
function re(o = {}) {
|
|
98
|
-
const {
|
|
99
|
-
// This will allow adding custom styled fn (for example for custom sx style function)
|
|
100
|
-
createStyledComponent: s = Y,
|
|
101
|
-
useThemeProps: t = Z,
|
|
102
|
-
componentName: n = "MuiStack"
|
|
103
|
-
} = o, a = () => L({
|
|
104
|
-
root: ["root"]
|
|
105
|
-
}, (c) => I(n, c), {}), r = s(se), l = /* @__PURE__ */ g.forwardRef(function(c, i) {
|
|
106
|
-
const f = t(c), m = J(f), {
|
|
107
|
-
component: y = "div",
|
|
108
|
-
direction: k = "column",
|
|
109
|
-
spacing: S = 0,
|
|
110
|
-
divider: b,
|
|
111
|
-
children: O,
|
|
112
|
-
className: C,
|
|
113
|
-
useFlexGap: V = !1
|
|
114
|
-
} = m, _ = j(m, Q), N = {
|
|
115
|
-
direction: k,
|
|
116
|
-
spacing: S,
|
|
117
|
-
useFlexGap: V
|
|
118
|
-
}, $ = a();
|
|
119
|
-
return /* @__PURE__ */ p(r, d({
|
|
120
|
-
as: y,
|
|
121
|
-
ownerState: N,
|
|
122
|
-
ref: i,
|
|
123
|
-
className: A($.root, C)
|
|
124
|
-
}, _, {
|
|
125
|
-
children: b ? ee(O, b) : O
|
|
126
|
-
}));
|
|
127
|
-
});
|
|
128
|
-
return process.env.NODE_ENV !== "production" && (l.propTypes = {
|
|
129
|
-
children: e.node,
|
|
130
|
-
direction: e.oneOfType([e.oneOf(["column-reverse", "column", "row-reverse", "row"]), e.arrayOf(e.oneOf(["column-reverse", "column", "row-reverse", "row"])), e.object]),
|
|
131
|
-
divider: e.node,
|
|
132
|
-
spacing: e.oneOfType([e.arrayOf(e.oneOfType([e.number, e.string])), e.number, e.object, e.string]),
|
|
133
|
-
sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
|
|
134
|
-
}), l;
|
|
135
|
-
}
|
|
136
|
-
const P = re({
|
|
137
|
-
createStyledComponent: W("div", {
|
|
138
|
-
name: "MuiStack",
|
|
139
|
-
slot: "Root",
|
|
140
|
-
overridesResolver: (o, s) => s.root
|
|
141
|
-
}),
|
|
142
|
-
useThemeProps: (o) => q({
|
|
143
|
-
props: o,
|
|
144
|
-
name: "MuiStack"
|
|
145
|
-
})
|
|
146
|
-
});
|
|
147
|
-
process.env.NODE_ENV !== "production" && (P.propTypes = {
|
|
148
|
-
// ----------------------------- Warning --------------------------------
|
|
149
|
-
// | These PropTypes are generated from the TypeScript type definitions |
|
|
150
|
-
// | To update them edit the d.ts file and run "yarn proptypes" |
|
|
151
|
-
// ----------------------------------------------------------------------
|
|
152
|
-
/**
|
|
153
|
-
* The content of the component.
|
|
154
|
-
*/
|
|
155
|
-
children: e.node,
|
|
156
|
-
/**
|
|
157
|
-
* The component used for the root node.
|
|
158
|
-
* Either a string to use a HTML element or a component.
|
|
159
|
-
*/
|
|
160
|
-
component: e.elementType,
|
|
161
|
-
/**
|
|
162
|
-
* Defines the `flex-direction` style property.
|
|
163
|
-
* It is applied for all screen sizes.
|
|
164
|
-
* @default 'column'
|
|
165
|
-
*/
|
|
166
|
-
direction: e.oneOfType([e.oneOf(["column-reverse", "column", "row-reverse", "row"]), e.arrayOf(e.oneOf(["column-reverse", "column", "row-reverse", "row"])), e.object]),
|
|
167
|
-
/**
|
|
168
|
-
* Add an element between each child.
|
|
169
|
-
*/
|
|
170
|
-
divider: e.node,
|
|
171
|
-
/**
|
|
172
|
-
* Defines the space between immediate children.
|
|
173
|
-
* @default 0
|
|
174
|
-
*/
|
|
175
|
-
spacing: e.oneOfType([e.arrayOf(e.oneOfType([e.number, e.string])), e.number, e.object, e.string]),
|
|
176
|
-
/**
|
|
177
|
-
* The system prop, which allows defining system overrides as well as additional CSS styles.
|
|
178
|
-
*/
|
|
179
|
-
sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
|
|
180
|
-
/**
|
|
181
|
-
* If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.
|
|
182
|
-
*
|
|
183
|
-
* While CSS `gap` removes the [known limitations](https://mui.com/joy-ui/react-stack/#limitations),
|
|
184
|
-
* it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.
|
|
185
|
-
*
|
|
186
|
-
* To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.
|
|
187
|
-
* @default false
|
|
188
|
-
*/
|
|
189
|
-
useFlexGap: e.bool
|
|
190
|
-
});
|
|
191
|
-
const ne = P, ie = () => /* @__PURE__ */ B(ne, { spacing: 2, direction: "row", children: [
|
|
192
|
-
/* @__PURE__ */ p(h, { variant: "text", children: "Text" }),
|
|
193
|
-
/* @__PURE__ */ p(h, { variant: "contained", children: "Contained" }),
|
|
194
|
-
/* @__PURE__ */ p(h, { variant: "outlined", className: "border-2", children: "Outlined" })
|
|
195
|
-
] });
|
|
196
|
-
export {
|
|
197
|
-
ie as default
|
|
198
|
-
};
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import t from "./BasicButtons.js";
|
|
3
|
-
const i = {
|
|
4
|
-
title: "Components/BasicButtons",
|
|
5
|
-
component: t,
|
|
6
|
-
argTypes: {
|
|
7
|
-
// Définissez ici vos paramètres d'histoires spécifiques aux arguments (args).
|
|
8
|
-
}
|
|
9
|
-
}, o = (n) => /* @__PURE__ */ r(t, { ...n }), s = o.bind({});
|
|
10
|
-
s.args = {
|
|
11
|
-
label: "Primary Button"
|
|
12
|
-
};
|
|
13
|
-
const a = o.bind({});
|
|
14
|
-
a.args = {
|
|
15
|
-
label: "Secondary Button",
|
|
16
|
-
secondary: !0
|
|
17
|
-
};
|
|
18
|
-
export {
|
|
19
|
-
s as Primary,
|
|
20
|
-
a as Secondary,
|
|
21
|
-
i as default
|
|
22
|
-
};
|