@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.
Files changed (28) hide show
  1. package/dist/TransitionGroupContext-SCyurvOT.js +4197 -0
  2. package/dist/assets/index.css +1 -1
  3. package/dist/components/Button/Button.d.ts +3 -3
  4. package/dist/components/Button/Button.js +1251 -26
  5. package/dist/components/Button/Button.stories.d.ts +4 -3
  6. package/dist/components/Button/Button.stories.js +16 -6
  7. package/dist/components/SearchField/SearchField.d.ts +7 -0
  8. package/dist/components/SearchField/SearchField.js +26605 -0
  9. package/dist/components/SearchField/index.d.ts +2 -0
  10. package/dist/components/SearchField/index.js +4 -0
  11. package/dist/components/index.d.ts +1 -2
  12. package/dist/components/index.js +4 -6
  13. package/dist/createSvgIcon-3ijLxpup.js +182 -0
  14. package/dist/index.js +4 -6
  15. package/package.json +2 -1
  16. package/dist/Button-t2XOOBeu.js +0 -5460
  17. package/dist/components/AnotherComponent/AnotherComponent.d.ts +0 -2
  18. package/dist/components/AnotherComponent/AnotherComponent.js +0 -5
  19. package/dist/components/AnotherComponent/AnotherComponent.stories.d.ts +0 -5
  20. package/dist/components/AnotherComponent/AnotherComponent.stories.js +0 -22
  21. package/dist/components/AnotherComponent/index.d.ts +0 -2
  22. package/dist/components/AnotherComponent/index.js +0 -4
  23. package/dist/components/BasicButtons/BasicButtons.d.ts +0 -2
  24. package/dist/components/BasicButtons/BasicButtons.js +0 -198
  25. package/dist/components/BasicButtons/BasicButtons.stories.d.ts +0 -5
  26. package/dist/components/BasicButtons/BasicButtons.stories.js +0 -22
  27. package/dist/components/BasicButtons/index.d.ts +0 -2
  28. package/dist/components/BasicButtons/index.js +0 -4
@@ -1,2 +0,0 @@
1
- declare const AnotherComponent: () => import("react/jsx-runtime").JSX.Element;
2
- export default AnotherComponent;
@@ -1,5 +0,0 @@
1
- import { jsx as e } from "react/jsx-runtime";
2
- const t = () => /* @__PURE__ */ e("button", { className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded", children: "Click me from AnotherComponent" });
3
- export {
4
- t as default
5
- };
@@ -1,5 +0,0 @@
1
- import { StoryFn, Meta } from '@storybook/react';
2
- declare const stories: Meta<StoryFn<any>>;
3
- export declare const Primary: any;
4
- export declare const Secondary: any;
5
- export default stories;
@@ -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,2 +0,0 @@
1
- export { default as AnotherComponent } from "./AnotherComponent";
2
- export * from "./AnotherComponent";
@@ -1,4 +0,0 @@
1
- import { default as t } from "./AnotherComponent.js";
2
- export {
3
- t as AnotherComponent
4
- };
@@ -1,2 +0,0 @@
1
- declare const BasicButtons: () => import("react/jsx-runtime").JSX.Element;
2
- export default BasicButtons;
@@ -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,5 +0,0 @@
1
- import { StoryFn, Meta } from '@storybook/react';
2
- declare const stories: Meta<StoryFn<any>>;
3
- export declare const Primary: any;
4
- export declare const Secondary: any;
5
- export default stories;
@@ -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
- };
@@ -1,2 +0,0 @@
1
- export { default as BasicButtons } from "./BasicButtons";
2
- export * from "./BasicButtons";
@@ -1,4 +0,0 @@
1
- import { default as o } from "./BasicButtons.js";
2
- export {
3
- o as BasicButtons
4
- };