@portnet/ui 3.1.1 → 4.0.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.
@@ -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;
@@ -1,36 +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/es.promise.js");
8
- var _react = require("react");
9
- var _axios = _interopRequireDefault(require("axios"));
10
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
11
- const useCustomAxios = (token, secret, customUrl) => {
12
- const axiosInstance = (0, _react.useMemo)(() => {
13
- const instance = _axios.default.create({
14
- baseURL: customUrl || "",
15
- headers: {
16
- "Content-Type": "application/json"
17
- }
18
- });
19
-
20
- // Intercepteur pour ajouter l'authentification
21
- instance.interceptors.request.use(config => {
22
- if (token) {
23
- config.headers.Authorization = secret ? token : "Bearer ".concat(token);
24
- }
25
- if (secret) {
26
- config.headers["X-Secret"] = secret;
27
- }
28
- return config;
29
- }, error => {
30
- return Promise.reject(error);
31
- });
32
- return instance;
33
- }, [token, secret, customUrl]);
34
- return axiosInstance;
35
- };
36
- var _default = exports.default = useCustomAxios;