@portnet/ui 3.1.6 → 4.0.1

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 (27) hide show
  1. package/dist/components/buttons/PuiButton.js +96 -103
  2. package/dist/components/common/StyledMuiButton.js +3 -5
  3. package/dist/components/common/StyledMuiTextField.js +103 -59
  4. package/dist/components/inputs/PuiDateField.js +176 -52
  5. package/dist/components/inputs/PuiDateTimeField.js +204 -195
  6. package/dist/components/inputs/PuiSelect.js +124 -82
  7. package/dist/components/others/DateTimePickerField.js +210 -0
  8. package/dist/components/others/PuiSection.js +88 -31
  9. package/dist/components/referentiel/components/PuiSpecificReferentielField.js +6 -24
  10. package/dist/components/table/PuiTable.js +124 -50
  11. package/dist/components/table/PuiTableAction.js +12 -2
  12. package/dist/components/typography/PuiMainTitle.js +124 -35
  13. package/dist/components/ui/pages/general/PuiSearchPage.js +56 -34
  14. package/dist/config/apperance.js +13 -95
  15. package/dist/index.js +0 -42
  16. package/package.json +20 -25
  17. package/dist/components/providers/PuiAntdProvider.js +0 -70
  18. package/dist/components/providers/PuiThemeProvider.js +0 -230
  19. package/dist/components/stepper/PuiStepContent.js +0 -66
  20. package/dist/components/stepper/PuiStepper.js +0 -184
  21. package/dist/components/stepper/PuiStepperActions.js +0 -105
  22. package/dist/components/table/PuiModernTable.js +0 -541
  23. package/dist/components-antd-optional/PuiAntdForm.js +0 -328
  24. package/dist/components-antd-optional/PuiAntdStepper.js +0 -317
  25. package/dist/components-antd-optional/PuiAntdTable.js +0 -352
  26. package/dist/config/antdTheme.js +0 -227
  27. package/dist/hooks/useCustomAxios.js +0 -36
@@ -1,230 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- require("core-js/modules/web.dom-collections.iterator.js");
8
- var _react = _interopRequireDefault(require("react"));
9
- var _styles = require("@mui/material/styles");
10
- var _material = require("@mui/material");
11
- var _PuiAntdProvider = _interopRequireDefault(require("./PuiAntdProvider"));
12
- var _PuiAlertProvider = _interopRequireDefault(require("./PuiAlertProvider"));
13
- var _apperance = require("../../config/apperance");
14
- var _jsxRuntime = require("react/jsx-runtime");
15
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
16
- // Thème MUI personnalisé moderne
17
- const modernMuiTheme = (0, _styles.createTheme)({
18
- palette: {
19
- primary: {
20
- main: _apperance.palette.primary,
21
- light: _apperance.palette.blue.light,
22
- dark: _apperance.palette.blue.dark,
23
- contrastText: _apperance.palette.white
24
- },
25
- secondary: {
26
- main: _apperance.palette.gray[600],
27
- light: _apperance.palette.gray[400],
28
- dark: _apperance.palette.gray[800],
29
- contrastText: _apperance.palette.white
30
- },
31
- error: {
32
- main: _apperance.palette.error
33
- },
34
- warning: {
35
- main: _apperance.palette.warning
36
- },
37
- info: {
38
- main: _apperance.palette.info
39
- },
40
- success: {
41
- main: _apperance.palette.success
42
- },
43
- background: {
44
- default: _apperance.palette.background.default,
45
- paper: _apperance.palette.background.paper
46
- },
47
- text: {
48
- primary: _apperance.palette.dark,
49
- secondary: _apperance.palette.gray[600]
50
- },
51
- divider: _apperance.palette.border.light
52
- },
53
- typography: {
54
- fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
55
- fontSize: 14,
56
- fontWeightLight: 300,
57
- fontWeightRegular: 400,
58
- fontWeightMedium: 500,
59
- fontWeightBold: 600,
60
- h1: {
61
- fontSize: '2rem',
62
- fontWeight: 600,
63
- lineHeight: 1.2
64
- },
65
- h2: {
66
- fontSize: '1.5rem',
67
- fontWeight: 600,
68
- lineHeight: 1.3
69
- },
70
- h3: {
71
- fontSize: '1.25rem',
72
- fontWeight: 500,
73
- lineHeight: 1.4
74
- },
75
- h4: {
76
- fontSize: '1rem',
77
- fontWeight: 500,
78
- lineHeight: 1.5
79
- },
80
- h5: {
81
- fontSize: '0.875rem',
82
- fontWeight: 500,
83
- lineHeight: 1.5
84
- },
85
- h6: {
86
- fontSize: '0.75rem',
87
- fontWeight: 500,
88
- lineHeight: 1.5
89
- },
90
- body1: {
91
- fontSize: '0.875rem',
92
- lineHeight: 1.5
93
- },
94
- body2: {
95
- fontSize: '0.75rem',
96
- lineHeight: 1.5
97
- },
98
- button: {
99
- textTransform: 'none',
100
- fontWeight: 500
101
- }
102
- },
103
- shape: {
104
- borderRadius: 8
105
- },
106
- spacing: 8,
107
- shadows: ['none', _apperance.palette.shadow.light, _apperance.palette.shadow.card, _apperance.palette.shadow.medium, _apperance.palette.shadow.strong, ...Array(20).fill(_apperance.palette.shadow.strong)],
108
- components: {
109
- MuiCssBaseline: {
110
- styleOverrides: {
111
- body: {
112
- fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
113
- fontSize: '14px',
114
- lineHeight: 1.5,
115
- color: _apperance.palette.dark,
116
- backgroundColor: _apperance.palette.background.default
117
- },
118
- '*': {
119
- boxSizing: 'border-box'
120
- },
121
- '*:before, *:after': {
122
- boxSizing: 'border-box'
123
- },
124
- // Scrollbar moderne
125
- '*::-webkit-scrollbar': {
126
- width: '8px',
127
- height: '8px'
128
- },
129
- '*::-webkit-scrollbar-track': {
130
- backgroundColor: _apperance.palette.gray[100],
131
- borderRadius: '4px'
132
- },
133
- '*::-webkit-scrollbar-thumb': {
134
- backgroundColor: _apperance.palette.gray[300],
135
- borderRadius: '4px',
136
- '&:hover': {
137
- backgroundColor: _apperance.palette.gray[400]
138
- }
139
- }
140
- }
141
- },
142
- MuiButton: {
143
- styleOverrides: {
144
- root: {
145
- borderRadius: '8px',
146
- textTransform: 'none',
147
- fontWeight: 500,
148
- fontSize: '14px',
149
- minHeight: '40px',
150
- padding: '8px 16px',
151
- transition: 'all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)',
152
- '&:focus': {
153
- outline: "2px solid ".concat(_apperance.palette.primary, "40"),
154
- outlineOffset: '2px'
155
- }
156
- },
157
- sizeLarge: {
158
- minHeight: '48px',
159
- padding: '12px 24px',
160
- fontSize: '16px',
161
- borderRadius: '10px'
162
- },
163
- sizeSmall: {
164
- minHeight: '32px',
165
- padding: '6px 12px',
166
- fontSize: '12px',
167
- borderRadius: '6px'
168
- }
169
- }
170
- },
171
- MuiCard: {
172
- styleOverrides: {
173
- root: {
174
- borderRadius: '12px',
175
- boxShadow: _apperance.palette.shadow.card,
176
- border: "1px solid ".concat(_apperance.palette.border.light),
177
- transition: 'all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)',
178
- '&:hover': {
179
- transform: 'translateY(-2px)',
180
- boxShadow: _apperance.palette.shadow.medium
181
- }
182
- }
183
- }
184
- },
185
- MuiPaper: {
186
- styleOverrides: {
187
- root: {
188
- backgroundImage: 'none'
189
- },
190
- rounded: {
191
- borderRadius: '8px'
192
- }
193
- }
194
- },
195
- MuiDialog: {
196
- styleOverrides: {
197
- paper: {
198
- borderRadius: '12px',
199
- boxShadow: _apperance.palette.shadow.strong
200
- }
201
- }
202
- },
203
- MuiChip: {
204
- styleOverrides: {
205
- root: {
206
- borderRadius: '6px',
207
- fontWeight: 500
208
- }
209
- }
210
- }
211
- }
212
- });
213
-
214
- /**
215
- * Provider de thème combiné MUI + Ant Design avec style moderne
216
- */
217
- const PuiThemeProvider = _ref => {
218
- let {
219
- children
220
- } = _ref;
221
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ThemeProvider, {
222
- theme: modernMuiTheme,
223
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.CssBaseline, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiAntdProvider.default, {
224
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiAlertProvider.default, {
225
- children: children
226
- })
227
- })]
228
- });
229
- };
230
- var _default = exports.default = PuiThemeProvider;
@@ -1,66 +0,0 @@
1
- "use strict";
2
-
3
- require("core-js/modules/es.weak-map.js");
4
- require("core-js/modules/esnext.iterator.constructor.js");
5
- require("core-js/modules/esnext.iterator.filter.js");
6
- require("core-js/modules/esnext.iterator.for-each.js");
7
- require("core-js/modules/web.dom-collections.iterator.js");
8
- Object.defineProperty(exports, "__esModule", {
9
- value: true
10
- });
11
- exports.default = void 0;
12
- var _material = require("@mui/material");
13
- var _styles = require("@mui/material/styles");
14
- var _propTypes = _interopRequireDefault(require("prop-types"));
15
- var React = _interopRequireWildcard(require("react"));
16
- var _apperance = require("../../config/apperance");
17
- var _jsxRuntime = require("react/jsx-runtime");
18
- const _excluded = ["children", "activeStep", "index", "sx", "className"];
19
- function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
20
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
21
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
22
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
23
- function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
24
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
25
- function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
26
- function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
27
- function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
28
- const StyledPaper = (0, _styles.styled)(_material.Paper)(_ref => {
29
- let {
30
- theme
31
- } = _ref;
32
- return {
33
- padding: "24px",
34
- marginTop: "24px",
35
- borderRadius: "8px",
36
- boxShadow: _apperance.palette.shadow.card,
37
- border: "1px solid ".concat(_apperance.palette.border.light)
38
- };
39
- });
40
- const PuiStepContent = _ref2 => {
41
- let {
42
- children,
43
- activeStep,
44
- index,
45
- sx,
46
- className
47
- } = _ref2,
48
- rest = _objectWithoutProperties(_ref2, _excluded);
49
- return activeStep === index ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, _objectSpread(_objectSpread({
50
- sx: _objectSpread({}, sx),
51
- className: className
52
- }, rest), {}, {
53
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledPaper, {
54
- elevation: 0,
55
- children: children
56
- })
57
- })) : null;
58
- };
59
- PuiStepContent.propTypes = {
60
- children: _propTypes.default.node,
61
- activeStep: _propTypes.default.number.isRequired,
62
- index: _propTypes.default.number.isRequired,
63
- sx: _propTypes.default.object,
64
- className: _propTypes.default.string
65
- };
66
- var _default = exports.default = PuiStepContent;
@@ -1,184 +0,0 @@
1
- "use strict";
2
-
3
- require("core-js/modules/es.weak-map.js");
4
- require("core-js/modules/esnext.iterator.filter.js");
5
- require("core-js/modules/esnext.iterator.for-each.js");
6
- require("core-js/modules/web.dom-collections.iterator.js");
7
- Object.defineProperty(exports, "__esModule", {
8
- value: true
9
- });
10
- exports.default = void 0;
11
- require("core-js/modules/esnext.iterator.constructor.js");
12
- require("core-js/modules/esnext.iterator.map.js");
13
- var _material = require("@mui/material");
14
- var _styles = require("@mui/material/styles");
15
- var _propTypes = _interopRequireDefault(require("prop-types"));
16
- var React = _interopRequireWildcard(require("react"));
17
- var _apperance = require("../../config/apperance");
18
- var _jsxRuntime = require("react/jsx-runtime");
19
- const _excluded = ["activeStep", "steps", "orientation", "alternativeLabel", "sx", "className"]; // Style personnalisé pour le stepper
20
- function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
21
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
22
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
23
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
24
- function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
25
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
26
- function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
27
- function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
28
- function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
29
- const StyledMuiStepper = (0, _styles.styled)(_material.Stepper)(_ref => {
30
- let {
31
- theme
32
- } = _ref;
33
- return {
34
- width: "100%",
35
- padding: "16px 0",
36
- "& .MuiStepConnector-root": {
37
- top: "20px",
38
- left: "calc(-50% + 20px)",
39
- right: "calc(50% + 20px)",
40
- "& .MuiStepConnector-line": {
41
- borderColor: _apperance.palette.gray[300],
42
- borderTopWidth: 3
43
- }
44
- },
45
- "& .MuiStepConnector-active": {
46
- "& .MuiStepConnector-line": {
47
- borderColor: _apperance.palette.primary
48
- }
49
- },
50
- "& .MuiStepConnector-completed": {
51
- "& .MuiStepConnector-line": {
52
- borderColor: _apperance.palette.success
53
- }
54
- },
55
- "& .MuiStep-root": {
56
- padding: 0
57
- },
58
- "& .MuiStepLabel-root": {
59
- flexDirection: "column",
60
- "& .MuiStepLabel-iconContainer": {
61
- padding: 0,
62
- marginRight: 0,
63
- marginBottom: "8px"
64
- },
65
- "& .MuiStepLabel-labelContainer": {
66
- width: "auto",
67
- color: _apperance.palette.gray[600],
68
- textAlign: "center",
69
- "& .MuiStepLabel-label": {
70
- fontSize: "0.875rem",
71
- fontWeight: 500,
72
- "&.Mui-active": {
73
- color: _apperance.palette.primary,
74
- fontWeight: 600
75
- },
76
- "&.Mui-completed": {
77
- color: _apperance.palette.success,
78
- fontWeight: 600
79
- }
80
- }
81
- }
82
- }
83
- };
84
- });
85
-
86
- // Style personnalisé pour l'icône du step
87
- const StepIconRoot = (0, _styles.styled)("div")(_ref2 => {
88
- let {
89
- ownerState
90
- } = _ref2;
91
- return {
92
- width: 40,
93
- height: 40,
94
- display: "flex",
95
- alignItems: "center",
96
- justifyContent: "center",
97
- borderRadius: "50%",
98
- backgroundColor: ownerState.active ? _apperance.palette.primary : ownerState.completed ? _apperance.palette.success : _apperance.palette.gray[200],
99
- color: ownerState.completed || ownerState.active ? _apperance.palette.white : _apperance.palette.gray[600],
100
- fontWeight: 600,
101
- fontSize: "1rem",
102
- transition: "all 0.2s ease-in-out",
103
- boxShadow: ownerState.active ? _apperance.palette.shadow.light : "none"
104
- };
105
- });
106
-
107
- // Composant personnalisé pour l'icône du step
108
- const StepIcon = _ref3 => {
109
- let {
110
- active,
111
- completed,
112
- icon
113
- } = _ref3;
114
- const ownerState = {
115
- active,
116
- completed
117
- };
118
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(StepIconRoot, {
119
- ownerState: ownerState,
120
- children: completed ? /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
121
- width: "24",
122
- height: "24",
123
- viewBox: "0 0 24 24",
124
- fill: "none",
125
- xmlns: "http://www.w3.org/2000/svg",
126
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
127
- d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z",
128
- fill: "currentColor"
129
- })
130
- }) : icon
131
- });
132
- };
133
- StepIcon.propTypes = {
134
- active: _propTypes.default.bool,
135
- completed: _propTypes.default.bool,
136
- icon: _propTypes.default.node
137
- };
138
-
139
- // Composant principal PuiStepper
140
- const PuiStepper = _ref4 => {
141
- let {
142
- activeStep,
143
- steps,
144
- orientation,
145
- alternativeLabel,
146
- sx,
147
- className
148
- } = _ref4,
149
- rest = _objectWithoutProperties(_ref4, _excluded);
150
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
151
- sx: _objectSpread({
152
- width: "100%"
153
- }, sx),
154
- className: className,
155
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledMuiStepper, _objectSpread(_objectSpread({
156
- activeStep: activeStep,
157
- orientation: orientation,
158
- alternativeLabel: alternativeLabel
159
- }, rest), {}, {
160
- children: steps.map((step, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Step, {
161
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.StepLabel, {
162
- StepIconComponent: StepIcon,
163
- children: step.label
164
- })
165
- }, step.label || "step-".concat(index)))
166
- }))
167
- });
168
- };
169
- PuiStepper.propTypes = {
170
- activeStep: _propTypes.default.number,
171
- steps: _propTypes.default.arrayOf(_propTypes.default.shape({
172
- label: _propTypes.default.string.isRequired
173
- })).isRequired,
174
- orientation: _propTypes.default.oneOf(["horizontal", "vertical"]),
175
- alternativeLabel: _propTypes.default.bool,
176
- sx: _propTypes.default.object,
177
- className: _propTypes.default.string
178
- };
179
- PuiStepper.defaultProps = {
180
- activeStep: 0,
181
- orientation: "horizontal",
182
- alternativeLabel: true
183
- };
184
- var _default = exports.default = PuiStepper;
@@ -1,105 +0,0 @@
1
- "use strict";
2
-
3
- require("core-js/modules/es.weak-map.js");
4
- require("core-js/modules/esnext.iterator.constructor.js");
5
- require("core-js/modules/esnext.iterator.filter.js");
6
- require("core-js/modules/esnext.iterator.for-each.js");
7
- require("core-js/modules/web.dom-collections.iterator.js");
8
- Object.defineProperty(exports, "__esModule", {
9
- value: true
10
- });
11
- exports.default = void 0;
12
- var _material = require("@mui/material");
13
- var _styles = require("@mui/material/styles");
14
- var _propTypes = _interopRequireDefault(require("prop-types"));
15
- var React = _interopRequireWildcard(require("react"));
16
- var _PuiButton = _interopRequireDefault(require("../buttons/PuiButton"));
17
- var _jsxRuntime = require("react/jsx-runtime");
18
- const _excluded = ["activeStep", "steps", "handleNext", "handleBack", "handleReset", "nextButtonText", "backButtonText", "resetButtonText", "disableBackButton", "disableNextButton", "hideBackButton", "sx", "className"];
19
- function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
20
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
21
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
22
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
23
- function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
24
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
25
- function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
26
- function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
27
- function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
28
- const StyledBox = (0, _styles.styled)(_material.Box)(_ref => {
29
- let {
30
- theme
31
- } = _ref;
32
- return {
33
- display: "flex",
34
- justifyContent: "space-between",
35
- marginTop: "24px"
36
- };
37
- });
38
- const PuiStepperActions = _ref2 => {
39
- let {
40
- activeStep,
41
- steps,
42
- handleNext,
43
- handleBack,
44
- handleReset,
45
- nextButtonText,
46
- backButtonText,
47
- resetButtonText,
48
- disableBackButton,
49
- disableNextButton,
50
- hideBackButton,
51
- sx,
52
- className
53
- } = _ref2,
54
- rest = _objectWithoutProperties(_ref2, _excluded);
55
- const isLastStep = activeStep === steps.length - 1;
56
- const isFirstStep = activeStep === 0;
57
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledBox, _objectSpread(_objectSpread({
58
- sx: _objectSpread({}, sx),
59
- className: className
60
- }, rest), {}, {
61
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
62
- children: !isFirstStep && !hideBackButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiButton.default, {
63
- onClick: handleBack,
64
- color: "secondary",
65
- disabled: disableBackButton,
66
- children: backButtonText
67
- })
68
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
69
- children: isLastStep ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiButton.default, {
70
- onClick: handleReset,
71
- color: "primary",
72
- children: resetButtonText
73
- }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiButton.default, {
74
- onClick: handleNext,
75
- color: "primary",
76
- disabled: disableNextButton,
77
- children: nextButtonText
78
- })
79
- })]
80
- }));
81
- };
82
- PuiStepperActions.propTypes = {
83
- activeStep: _propTypes.default.number.isRequired,
84
- steps: _propTypes.default.array.isRequired,
85
- handleNext: _propTypes.default.func.isRequired,
86
- handleBack: _propTypes.default.func.isRequired,
87
- handleReset: _propTypes.default.func.isRequired,
88
- nextButtonText: _propTypes.default.string,
89
- backButtonText: _propTypes.default.string,
90
- resetButtonText: _propTypes.default.string,
91
- disableBackButton: _propTypes.default.bool,
92
- disableNextButton: _propTypes.default.bool,
93
- hideBackButton: _propTypes.default.bool,
94
- sx: _propTypes.default.object,
95
- className: _propTypes.default.string
96
- };
97
- PuiStepperActions.defaultProps = {
98
- nextButtonText: "Suivant",
99
- backButtonText: "Précédent",
100
- resetButtonText: "Terminer",
101
- disableBackButton: false,
102
- disableNextButton: false,
103
- hideBackButton: false
104
- };
105
- var _default = exports.default = PuiStepperActions;