@portnet/ui 0.2.1 → 1.1.2
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/components/inputs/PuiDateTimeField.js +20 -28
- package/dist/components/table/NewPuiTable.js +148 -0
- package/dist/components/table/PuiTable.js +0 -1
- package/package.json +1 -1
- package/dist/components/referentiel/components/PuiGenericReferentielField.js +0 -331
- package/dist/components/table/ActionPopover.js +0 -54
|
@@ -49,7 +49,7 @@ const StyledDateMuiTextField = (0, _styles.styled)( /*#__PURE__*/React.forwardRe
|
|
|
49
49
|
}
|
|
50
50
|
}));
|
|
51
51
|
const TimePickerDialog = _ref => {
|
|
52
|
-
var _ref2,
|
|
52
|
+
var _ref2, _ref3;
|
|
53
53
|
let {
|
|
54
54
|
open,
|
|
55
55
|
selectedDate,
|
|
@@ -81,31 +81,22 @@ const TimePickerDialog = _ref => {
|
|
|
81
81
|
PaperProps: {
|
|
82
82
|
elevation: 5,
|
|
83
83
|
sx: {
|
|
84
|
-
|
|
84
|
+
position: "fixed",
|
|
85
|
+
alignContent: "center",
|
|
86
|
+
justifyContent: "center",
|
|
85
87
|
alignItems: "center",
|
|
86
|
-
|
|
88
|
+
backgroundColor: "white",
|
|
89
|
+
height: 58,
|
|
87
90
|
width: 340,
|
|
88
91
|
maxWidth: "720px!important",
|
|
89
|
-
position: "fixed",
|
|
90
|
-
height: 48,
|
|
91
92
|
left: (_ref2 = (position === null || position === void 0 ? void 0 : position.left) - 420 / 2) !== null && _ref2 !== void 0 ? _ref2 : 0,
|
|
92
|
-
top: (
|
|
93
|
-
paddingLeft: 0
|
|
93
|
+
top: (_ref3 = (position === null || position === void 0 ? void 0 : position.top) + 36) !== null && _ref3 !== void 0 ? _ref3 : 36
|
|
94
94
|
}
|
|
95
95
|
},
|
|
96
96
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Box, {
|
|
97
97
|
sx: {
|
|
98
98
|
display: "flex",
|
|
99
|
-
|
|
100
|
-
alignContent: "center",
|
|
101
|
-
marginTop: 1,
|
|
102
|
-
gap: 2,
|
|
103
|
-
width: 340,
|
|
104
|
-
justifyContent: "center",
|
|
105
|
-
left: (_ref3 = (position === null || position === void 0 ? void 0 : position.left) - 380 / 2) !== null && _ref3 !== void 0 ? _ref3 : 0,
|
|
106
|
-
top: (_ref4 = (position === null || position === void 0 ? void 0 : position.top) + 36) !== null && _ref4 !== void 0 ? _ref4 : 36,
|
|
107
|
-
paddingLeft: 1.5,
|
|
108
|
-
position: "fixed"
|
|
99
|
+
gap: 1
|
|
109
100
|
},
|
|
110
101
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiTextField.default, {
|
|
111
102
|
id: "time",
|
|
@@ -138,7 +129,7 @@ const TimePickerDialog = _ref => {
|
|
|
138
129
|
})
|
|
139
130
|
});
|
|
140
131
|
};
|
|
141
|
-
const PuiStandardDateTimeField = /*#__PURE__*/React.forwardRef((
|
|
132
|
+
const PuiStandardDateTimeField = /*#__PURE__*/React.forwardRef((_ref4, ref) => {
|
|
142
133
|
let {
|
|
143
134
|
id,
|
|
144
135
|
className,
|
|
@@ -160,8 +151,8 @@ const PuiStandardDateTimeField = /*#__PURE__*/React.forwardRef((_ref5, ref) => {
|
|
|
160
151
|
helperText,
|
|
161
152
|
onChange,
|
|
162
153
|
onBlur
|
|
163
|
-
} =
|
|
164
|
-
rest = _objectWithoutProperties(
|
|
154
|
+
} = _ref4,
|
|
155
|
+
rest = _objectWithoutProperties(_ref4, _excluded);
|
|
165
156
|
const textFieldRef = React.useRef(null);
|
|
166
157
|
const [dateTime, setDateTime] = React.useState(value || null);
|
|
167
158
|
const minDateObj = minDate ? (0, _moment.default)(minDate, format).toDate() : undefined;
|
|
@@ -184,8 +175,9 @@ const PuiStandardDateTimeField = /*#__PURE__*/React.forwardRef((_ref5, ref) => {
|
|
|
184
175
|
};
|
|
185
176
|
React.useEffect(() => {
|
|
186
177
|
const updatePosition = () => {
|
|
187
|
-
if (textFieldRef.current) {
|
|
178
|
+
if (textFieldRef !== null && textFieldRef !== void 0 && textFieldRef.current) {
|
|
188
179
|
const rect = textFieldRef.current.getBoundingClientRect();
|
|
180
|
+
console.log("rect : ", rect);
|
|
189
181
|
setDialogPosition({
|
|
190
182
|
left: rect.left + rect.width / 2 + window.scrollX,
|
|
191
183
|
top: rect.top > 310 ? rect.top - 80 : rect.top + 80
|
|
@@ -202,7 +194,7 @@ const PuiStandardDateTimeField = /*#__PURE__*/React.forwardRef((_ref5, ref) => {
|
|
|
202
194
|
}, []);
|
|
203
195
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
204
196
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.DatePicker, _objectSpread({
|
|
205
|
-
ref:
|
|
197
|
+
ref: textFieldRef,
|
|
206
198
|
sx: sx,
|
|
207
199
|
ampm: false,
|
|
208
200
|
label: label,
|
|
@@ -246,7 +238,7 @@ const PuiStandardDateTimeField = /*#__PURE__*/React.forwardRef((_ref5, ref) => {
|
|
|
246
238
|
})]
|
|
247
239
|
});
|
|
248
240
|
});
|
|
249
|
-
const PuiFormikDateTimeField = /*#__PURE__*/React.forwardRef((
|
|
241
|
+
const PuiFormikDateTimeField = /*#__PURE__*/React.forwardRef((_ref5, ref) => {
|
|
250
242
|
let {
|
|
251
243
|
id,
|
|
252
244
|
className,
|
|
@@ -268,8 +260,8 @@ const PuiFormikDateTimeField = /*#__PURE__*/React.forwardRef((_ref6, ref) => {
|
|
|
268
260
|
helperText,
|
|
269
261
|
onChange,
|
|
270
262
|
onBlur
|
|
271
|
-
} =
|
|
272
|
-
rest = _objectWithoutProperties(
|
|
263
|
+
} = _ref5,
|
|
264
|
+
rest = _objectWithoutProperties(_ref5, _excluded2);
|
|
273
265
|
const [field, meta] = (0, _formik.useField)(name);
|
|
274
266
|
const formikContext = (0, _formik.useFormikContext)();
|
|
275
267
|
const [hasError, setHasError] = React.useState(false);
|
|
@@ -316,7 +308,7 @@ const PuiFormikDateTimeField = /*#__PURE__*/React.forwardRef((_ref6, ref) => {
|
|
|
316
308
|
onBlur: handleBlur
|
|
317
309
|
}, rest));
|
|
318
310
|
});
|
|
319
|
-
const PuiDateTimeField = /*#__PURE__*/React.forwardRef((
|
|
311
|
+
const PuiDateTimeField = /*#__PURE__*/React.forwardRef((_ref6, ref) => {
|
|
320
312
|
let {
|
|
321
313
|
formik,
|
|
322
314
|
id,
|
|
@@ -339,8 +331,8 @@ const PuiDateTimeField = /*#__PURE__*/React.forwardRef((_ref7, ref) => {
|
|
|
339
331
|
helperText,
|
|
340
332
|
onChange,
|
|
341
333
|
onBlur
|
|
342
|
-
} =
|
|
343
|
-
rest = _objectWithoutProperties(
|
|
334
|
+
} = _ref6,
|
|
335
|
+
rest = _objectWithoutProperties(_ref6, _excluded3);
|
|
344
336
|
return /*#__PURE__*/React.createElement(formik ? PuiFormikDateTimeField : PuiStandardDateTimeField, _objectSpread({
|
|
345
337
|
ref,
|
|
346
338
|
id,
|
|
@@ -0,0 +1,148 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.symbol.description.js");
|
|
4
|
+
require("core-js/modules/es.weak-map.js");
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
require("core-js/modules/web.dom-collections.iterator.js");
|
|
10
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
var _agGridReact = require("ag-grid-react");
|
|
12
|
+
var _material = require("@mui/material");
|
|
13
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
14
|
+
require("ag-grid-community/styles/ag-grid.css");
|
|
15
|
+
require("ag-grid-community/styles/ag-theme-alpine.css");
|
|
16
|
+
var _PuiTooltip = _interopRequireDefault(require("../others/PuiTooltip"));
|
|
17
|
+
var _PuiIcon = _interopRequireDefault(require("../others/PuiIcon"));
|
|
18
|
+
var _ActionPopover = _interopRequireDefault(require("./ActionPopover"));
|
|
19
|
+
var _PuiCheckbox = _interopRequireDefault(require("../inputs/PuiCheckbox"));
|
|
20
|
+
var _apperance = require("../../config/apperance");
|
|
21
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
22
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
24
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
25
|
+
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; }
|
|
26
|
+
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; }
|
|
27
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
28
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
|
|
29
|
+
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); }
|
|
30
|
+
const NewPuiTable = _ref => {
|
|
31
|
+
let {
|
|
32
|
+
id,
|
|
33
|
+
className,
|
|
34
|
+
rows,
|
|
35
|
+
columns,
|
|
36
|
+
pageSize,
|
|
37
|
+
checkboxSelection,
|
|
38
|
+
actions,
|
|
39
|
+
rowDetailPanel,
|
|
40
|
+
loading,
|
|
41
|
+
onPageChange,
|
|
42
|
+
onPageSizeChange,
|
|
43
|
+
onRowSelected,
|
|
44
|
+
rowCount,
|
|
45
|
+
stripped
|
|
46
|
+
} = _ref;
|
|
47
|
+
_react.default.useEffect(() => {
|
|
48
|
+
console.log("Rows:", rows);
|
|
49
|
+
console.log("Columns:", columns);
|
|
50
|
+
}, [rows, columns]);
|
|
51
|
+
const gridRef = (0, _react.useRef)();
|
|
52
|
+
const [currentPage, setCurrentPage] = (0, _react.useState)(0);
|
|
53
|
+
const onGridReady = (0, _react.useCallback)(params => {
|
|
54
|
+
gridRef.current = params.api;
|
|
55
|
+
params.api.sizeColumnsToFit();
|
|
56
|
+
}, []);
|
|
57
|
+
const handlePageChange = (event, newPage) => {
|
|
58
|
+
setCurrentPage(newPage - 1);
|
|
59
|
+
if (onPageChange) onPageChange(newPage - 1);
|
|
60
|
+
};
|
|
61
|
+
const handleRowSelection = event => {
|
|
62
|
+
if (onRowSelected) onRowSelected(event.api.getSelectedRows());
|
|
63
|
+
};
|
|
64
|
+
const renderCellWithTooltip = params => /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiTooltip.default, {
|
|
65
|
+
title: params.value || '',
|
|
66
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
67
|
+
children: params.value
|
|
68
|
+
})
|
|
69
|
+
});
|
|
70
|
+
const actionCellRenderer = params => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
|
|
71
|
+
display: "flex",
|
|
72
|
+
justifyContent: "center",
|
|
73
|
+
children: actions.map((action, index) => /*#__PURE__*/_react.default.cloneElement(action, {
|
|
74
|
+
key: index,
|
|
75
|
+
row: params.data
|
|
76
|
+
}))
|
|
77
|
+
});
|
|
78
|
+
const gridColumns = (0, _react.useMemo)(() => {
|
|
79
|
+
return columns.map(col => _objectSpread(_objectSpread({}, col), {}, {
|
|
80
|
+
cellRenderer: col.renderCell ? renderCellWithTooltip : null
|
|
81
|
+
})).concat(actions.length ? {
|
|
82
|
+
headerName: 'Actions',
|
|
83
|
+
field: 'action',
|
|
84
|
+
cellRenderer: actionCellRenderer,
|
|
85
|
+
width: 100
|
|
86
|
+
} : []);
|
|
87
|
+
}, [columns, actions]);
|
|
88
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
89
|
+
id: id,
|
|
90
|
+
className: "ag-theme-alpine ".concat(className, " ").concat(stripped ? 'table-stripped' : ''),
|
|
91
|
+
style: {
|
|
92
|
+
height: '100%',
|
|
93
|
+
width: '100%'
|
|
94
|
+
},
|
|
95
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_agGridReact.AgGridReact, {
|
|
96
|
+
ref: gridRef,
|
|
97
|
+
rowData: rows,
|
|
98
|
+
columnDefs: columns,
|
|
99
|
+
pagination: true,
|
|
100
|
+
paginationPageSize: pageSize,
|
|
101
|
+
onGridReady: onGridReady,
|
|
102
|
+
rowSelection: checkboxSelection ? 'multiple' : 'single',
|
|
103
|
+
onRowSelected: handleRowSelection,
|
|
104
|
+
loadingOverlayComponentFramework: () => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
105
|
+
children: "Loading..."
|
|
106
|
+
}),
|
|
107
|
+
overlayNoRowsTemplate: "<span>Aucune ligne</span>",
|
|
108
|
+
loadingOverlay: loading,
|
|
109
|
+
suppressRowClickSelection: true
|
|
110
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Pagination, {
|
|
111
|
+
count: Math.ceil(rowCount / pageSize),
|
|
112
|
+
page: currentPage + 1,
|
|
113
|
+
onChange: handlePageChange,
|
|
114
|
+
sx: {
|
|
115
|
+
'& .MuiPaginationItem-root': {
|
|
116
|
+
color: _apperance.palette.primary
|
|
117
|
+
},
|
|
118
|
+
'& .MuiPaginationItem-root.Mui-selected': {
|
|
119
|
+
backgroundColor: _apperance.palette.primary,
|
|
120
|
+
color: _apperance.palette.white
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
})]
|
|
124
|
+
});
|
|
125
|
+
};
|
|
126
|
+
NewPuiTable.propTypes = {
|
|
127
|
+
id: _propTypes.default.string,
|
|
128
|
+
className: _propTypes.default.string,
|
|
129
|
+
rows: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,
|
|
130
|
+
columns: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,
|
|
131
|
+
pageSize: _propTypes.default.number,
|
|
132
|
+
checkboxSelection: _propTypes.default.bool,
|
|
133
|
+
actions: _propTypes.default.arrayOf(_propTypes.default.element),
|
|
134
|
+
rowDetailPanel: _propTypes.default.element,
|
|
135
|
+
loading: _propTypes.default.bool,
|
|
136
|
+
onPageChange: _propTypes.default.func,
|
|
137
|
+
onPageSizeChange: _propTypes.default.func,
|
|
138
|
+
onRowSelected: _propTypes.default.func,
|
|
139
|
+
rowCount: _propTypes.default.number,
|
|
140
|
+
stripped: _propTypes.default.bool
|
|
141
|
+
};
|
|
142
|
+
NewPuiTable.defaultProps = {
|
|
143
|
+
pageSize: 10,
|
|
144
|
+
checkboxSelection: false,
|
|
145
|
+
actions: [],
|
|
146
|
+
stripped: false
|
|
147
|
+
};
|
|
148
|
+
var _default = exports.default = NewPuiTable;
|
|
@@ -18,7 +18,6 @@ var _PuiCheckbox = _interopRequireDefault(require("../inputs/PuiCheckbox"));
|
|
|
18
18
|
var _PuiIcon = _interopRequireDefault(require("../others/PuiIcon"));
|
|
19
19
|
var _PuiTooltip = _interopRequireDefault(require("../others/PuiTooltip"));
|
|
20
20
|
var _PuiTableAction = _interopRequireDefault(require("./PuiTableAction"));
|
|
21
|
-
var _ActionPopover = _interopRequireDefault(require("./ActionPopover"));
|
|
22
21
|
var _system = require("@mui/system");
|
|
23
22
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
24
23
|
const _excluded = ["id", "className", "sx", "elevate", "rows", "rowCount", "columns", "paginationMode", "page", "pageSize", "checkboxSelection", "loading", "stripped", "actions", "oneActionOnly", "onSelect", "onPageChange", "onPageSizeChange", "rowDetailPanel"];
|
package/package.json
CHANGED
|
@@ -1,331 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
require("core-js/modules/es.weak-map.js");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.default = void 0;
|
|
8
|
-
require("core-js/modules/web.dom-collections.iterator.js");
|
|
9
|
-
require("core-js/modules/es.promise.js");
|
|
10
|
-
require("core-js/modules/es.array.includes.js");
|
|
11
|
-
require("core-js/modules/es.string.includes.js");
|
|
12
|
-
require("core-js/modules/es.symbol.description.js");
|
|
13
|
-
var _formik = require("formik");
|
|
14
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
|
-
var React = _interopRequireWildcard(require("react"));
|
|
16
|
-
var _useAxios = _interopRequireDefault(require("../../../hooks/useAxios"));
|
|
17
|
-
var _PuiButton = _interopRequireDefault(require("../../buttons/PuiButton"));
|
|
18
|
-
var _PuiFormikForm = _interopRequireDefault(require("../../others/PuiFormikForm"));
|
|
19
|
-
var _PuiGrid = _interopRequireDefault(require("../../others/PuiGrid"));
|
|
20
|
-
var _PuiIcon = _interopRequireDefault(require("../../others/PuiIcon"));
|
|
21
|
-
var _specificReferentielsApis = _interopRequireDefault(require("../common/constants/specificReferentielsApis"));
|
|
22
|
-
var _specificReferentielsBaseColumns = _interopRequireDefault(require("../common/constants/specificReferentielsBaseColumns"));
|
|
23
|
-
var _specificReferentielsBaseFilters = _interopRequireDefault(require("../common/constants/specificReferentielsBaseFilters"));
|
|
24
|
-
var _specificReferentielsInitialValues = _interopRequireDefault(require("../common/constants/specificReferentielsInitialValues"));
|
|
25
|
-
var _specificReferentielsTitles = _interopRequireDefault(require("../common/constants/specificReferentielsTitles"));
|
|
26
|
-
var _specificReferentielsValidationSchemas = _interopRequireDefault(require("../common/constants/specificReferentielsValidationSchemas"));
|
|
27
|
-
var _ReferetielContext = _interopRequireDefault(require("../common/ReferetielContext"));
|
|
28
|
-
var _PuiBasePopupReferentielField = _interopRequireDefault(require("./PuiBasePopupReferentielField"));
|
|
29
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
30
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
31
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
32
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
33
|
-
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; }
|
|
34
|
-
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; }
|
|
35
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
36
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
|
|
37
|
-
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); }
|
|
38
|
-
const dataFetchingInitalState = {
|
|
39
|
-
data: [],
|
|
40
|
-
totalElements: 0,
|
|
41
|
-
isLoading: false,
|
|
42
|
-
isSuccessed: false,
|
|
43
|
-
isFailed: false,
|
|
44
|
-
error: null,
|
|
45
|
-
pageSize: 5,
|
|
46
|
-
pageNumber: 0
|
|
47
|
-
};
|
|
48
|
-
const dataFetchingReducer = (state, _ref) => {
|
|
49
|
-
let {
|
|
50
|
-
type,
|
|
51
|
-
payload
|
|
52
|
-
} = _ref;
|
|
53
|
-
switch (type) {
|
|
54
|
-
case "SET_PAGE":
|
|
55
|
-
return _objectSpread(_objectSpread({}, state), {}, {
|
|
56
|
-
pageNumber: payload
|
|
57
|
-
});
|
|
58
|
-
case "GET_DATA":
|
|
59
|
-
return _objectSpread(_objectSpread({}, state), {}, {
|
|
60
|
-
isSuccessed: false,
|
|
61
|
-
isFailed: false,
|
|
62
|
-
isLoading: true
|
|
63
|
-
});
|
|
64
|
-
case "SUCCESSED":
|
|
65
|
-
return _objectSpread(_objectSpread({}, state), {}, {
|
|
66
|
-
data: payload.data,
|
|
67
|
-
totalElements: payload.totalElements,
|
|
68
|
-
isSuccessed: true,
|
|
69
|
-
isLoading: false
|
|
70
|
-
});
|
|
71
|
-
case "FAILED":
|
|
72
|
-
return _objectSpread(_objectSpread({}, state), {}, {
|
|
73
|
-
data: [],
|
|
74
|
-
isFailed: true,
|
|
75
|
-
isLoading: false,
|
|
76
|
-
error: payload
|
|
77
|
-
});
|
|
78
|
-
default:
|
|
79
|
-
break;
|
|
80
|
-
}
|
|
81
|
-
};
|
|
82
|
-
const PuiSpecificReferentielField = _ref2 => {
|
|
83
|
-
let {
|
|
84
|
-
id,
|
|
85
|
-
className,
|
|
86
|
-
sx,
|
|
87
|
-
title,
|
|
88
|
-
label,
|
|
89
|
-
searchKey,
|
|
90
|
-
specifications,
|
|
91
|
-
filters,
|
|
92
|
-
filtersProps,
|
|
93
|
-
columns,
|
|
94
|
-
name,
|
|
95
|
-
value,
|
|
96
|
-
formik,
|
|
97
|
-
error,
|
|
98
|
-
disabled,
|
|
99
|
-
required,
|
|
100
|
-
focused,
|
|
101
|
-
fullWidth,
|
|
102
|
-
helperText,
|
|
103
|
-
tableProps,
|
|
104
|
-
getReturnedValue,
|
|
105
|
-
getRenderedValue,
|
|
106
|
-
onChange,
|
|
107
|
-
onError
|
|
108
|
-
} = _ref2;
|
|
109
|
-
const {
|
|
110
|
-
token,
|
|
111
|
-
secret,
|
|
112
|
-
baseURL
|
|
113
|
-
} = React.useContext(_ReferetielContext.default);
|
|
114
|
-
const axios = (0, _useAxios.default)(token, secret, baseURL);
|
|
115
|
-
const [dataFetchingState, dataFetchingDispatch] = React.useReducer(dataFetchingReducer, dataFetchingInitalState);
|
|
116
|
-
const [filtreredFilters, setFiltreredFilters] = React.useState([..._specificReferentielsBaseFilters.default[searchKey]]);
|
|
117
|
-
const formRef = React.useRef();
|
|
118
|
-
const [isMounted, setIsMounted] = React.useState(false);
|
|
119
|
-
const pageChangeHandler = pageNumber => {
|
|
120
|
-
dataFetchingDispatch({
|
|
121
|
-
type: "SET_PAGE",
|
|
122
|
-
payload: pageNumber
|
|
123
|
-
});
|
|
124
|
-
};
|
|
125
|
-
const submitHandler = async values => {
|
|
126
|
-
try {
|
|
127
|
-
dataFetchingDispatch({
|
|
128
|
-
type: "GET_DATA"
|
|
129
|
-
});
|
|
130
|
-
const {
|
|
131
|
-
data
|
|
132
|
-
} = await axios.post("/api/".concat(_specificReferentielsApis.default[searchKey], "/getPage"), _objectSpread(_objectSpread({}, specifications), {}, {
|
|
133
|
-
pageNumber: dataFetchingState.pageNumber,
|
|
134
|
-
pageSize: dataFetchingState.pageSize
|
|
135
|
-
}, values));
|
|
136
|
-
if (data.succes) {
|
|
137
|
-
dataFetchingDispatch({
|
|
138
|
-
type: "SUCCESSED",
|
|
139
|
-
payload: {
|
|
140
|
-
data: data.results,
|
|
141
|
-
totalElements: data.totalElements
|
|
142
|
-
}
|
|
143
|
-
});
|
|
144
|
-
} else {
|
|
145
|
-
throw new Error(data.message);
|
|
146
|
-
}
|
|
147
|
-
} catch (error) {
|
|
148
|
-
dataFetchingDispatch({
|
|
149
|
-
type: "FAILED",
|
|
150
|
-
payload: error.message
|
|
151
|
-
});
|
|
152
|
-
onError(error);
|
|
153
|
-
}
|
|
154
|
-
};
|
|
155
|
-
React.useEffect(() => {
|
|
156
|
-
if (isMounted) {
|
|
157
|
-
var _formRef$current;
|
|
158
|
-
(_formRef$current = formRef.current) === null || _formRef$current === void 0 || _formRef$current.submitForm();
|
|
159
|
-
}
|
|
160
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
161
|
-
}, [dataFetchingState.pageNumber]);
|
|
162
|
-
React.useEffect(() => {
|
|
163
|
-
setFiltreredFilters(_specificReferentielsBaseFilters.default[searchKey].filter(innerFilter => !Boolean(filters) || !Boolean(filters.length) || filters.includes(innerFilter.name)));
|
|
164
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
165
|
-
}, [filters]);
|
|
166
|
-
React.useEffect(() => {
|
|
167
|
-
setIsMounted(true);
|
|
168
|
-
}, []);
|
|
169
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiBasePopupReferentielField.default, {
|
|
170
|
-
id: id,
|
|
171
|
-
className: className,
|
|
172
|
-
sx: sx,
|
|
173
|
-
name: name,
|
|
174
|
-
formik: formik,
|
|
175
|
-
loading: dataFetchingState.isLoading,
|
|
176
|
-
rowCount: dataFetchingState.totalElements,
|
|
177
|
-
rows: dataFetchingState.data,
|
|
178
|
-
page: dataFetchingState.pageNumber,
|
|
179
|
-
pageSize: dataFetchingState.pageSize,
|
|
180
|
-
columns: Array.isArray(columns) && Boolean(columns.length) ? columns : _specificReferentielsBaseColumns.default[searchKey],
|
|
181
|
-
focused: focused,
|
|
182
|
-
required: required,
|
|
183
|
-
disabled: disabled,
|
|
184
|
-
fullWidth: fullWidth,
|
|
185
|
-
value: value,
|
|
186
|
-
readOnly: true,
|
|
187
|
-
error: error,
|
|
188
|
-
helperText: helperText,
|
|
189
|
-
label: label,
|
|
190
|
-
title: title !== null && title !== void 0 ? title : _specificReferentielsTitles.default[[searchKey]],
|
|
191
|
-
tableProps: tableProps,
|
|
192
|
-
getReturnedValue: getReturnedValue,
|
|
193
|
-
getRenderedValue: getRenderedValue,
|
|
194
|
-
onChange: onChange,
|
|
195
|
-
onPageChange: pageChangeHandler,
|
|
196
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_formik.Formik, {
|
|
197
|
-
initialValues: _specificReferentielsInitialValues.default[searchKey],
|
|
198
|
-
validationSchema: _specificReferentielsValidationSchemas.default[searchKey],
|
|
199
|
-
innerRef: formRef,
|
|
200
|
-
validateOnBlur: false,
|
|
201
|
-
onSubmit: submitHandler,
|
|
202
|
-
children: _ref3 => {
|
|
203
|
-
let {
|
|
204
|
-
resetForm,
|
|
205
|
-
submitForm
|
|
206
|
-
} = _ref3;
|
|
207
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiFormikForm.default, {
|
|
208
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PuiGrid.default, {
|
|
209
|
-
container: true,
|
|
210
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiGrid.default, {
|
|
211
|
-
item: true,
|
|
212
|
-
xs: 12,
|
|
213
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiGrid.default, {
|
|
214
|
-
container: true,
|
|
215
|
-
children: filtreredFilters.map(filtreredFilter => {
|
|
216
|
-
var _filtersProps$filtrer, _filtersProps$filtrer2, _filtersProps$filtrer3, _filtersProps$filtrer4;
|
|
217
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiGrid.default, {
|
|
218
|
-
item: true,
|
|
219
|
-
xs: Boolean(filtersProps) && Boolean((_filtersProps$filtrer = filtersProps[filtreredFilter.name]) === null || _filtersProps$filtrer === void 0 || (_filtersProps$filtrer = _filtersProps$filtrer.size) === null || _filtersProps$filtrer === void 0 ? void 0 : _filtersProps$filtrer.xs) ? filtersProps[filtreredFilter.name].size.xs : filtreredFilter.size.xs,
|
|
220
|
-
sm: Boolean(filtersProps) && Boolean((_filtersProps$filtrer2 = filtersProps[filtreredFilter.name]) === null || _filtersProps$filtrer2 === void 0 || (_filtersProps$filtrer2 = _filtersProps$filtrer2.size) === null || _filtersProps$filtrer2 === void 0 ? void 0 : _filtersProps$filtrer2.sm) ? filtersProps[filtreredFilter.name].size.sm : filtreredFilter.size.sm,
|
|
221
|
-
md: Boolean(filtersProps) && Boolean((_filtersProps$filtrer3 = filtersProps[filtreredFilter.name]) === null || _filtersProps$filtrer3 === void 0 || (_filtersProps$filtrer3 = _filtersProps$filtrer3.size) === null || _filtersProps$filtrer3 === void 0 ? void 0 : _filtersProps$filtrer3.md) ? filtersProps[filtreredFilter.name].size.md : filtreredFilter.size.md,
|
|
222
|
-
sx: {
|
|
223
|
-
order: Boolean(filtersProps) && Boolean((_filtersProps$filtrer4 = filtersProps[filtreredFilter.name]) === null || _filtersProps$filtrer4 === void 0 ? void 0 : _filtersProps$filtrer4.order) ? filtersProps[filtreredFilter.name].order : "initial"
|
|
224
|
-
},
|
|
225
|
-
children: Boolean(filtreredFilter.isSpecific) ? /*#__PURE__*/React.createElement(PuiSpecificReferentielField, Boolean(filtersProps) && Boolean(filtersProps[filtreredFilter.name]) ? _objectSpread(_objectSpread(_objectSpread({}, filtreredFilter.inputProps), {}, {
|
|
226
|
-
label: filtreredFilter.label
|
|
227
|
-
}, filtersProps[filtreredFilter.name]), {}, {
|
|
228
|
-
getReturnedValue: filtreredFilter.inputProps.getReturnedValue,
|
|
229
|
-
searchKey: filtreredFilter.inputProps.searchKey,
|
|
230
|
-
size: undefined,
|
|
231
|
-
order: undefined,
|
|
232
|
-
name: filtreredFilter.name
|
|
233
|
-
}) : _objectSpread(_objectSpread({}, filtreredFilter.inputProps), {}, {
|
|
234
|
-
label: filtreredFilter.label,
|
|
235
|
-
name: filtreredFilter.name
|
|
236
|
-
})) : /*#__PURE__*/React.cloneElement(filtreredFilter.input, Boolean(filtersProps) && Boolean(filtersProps[filtreredFilter.name]) ? _objectSpread(_objectSpread({
|
|
237
|
-
label: filtreredFilter.label
|
|
238
|
-
}, filtersProps[filtreredFilter.name]), {}, {
|
|
239
|
-
size: undefined,
|
|
240
|
-
order: undefined,
|
|
241
|
-
name: filtreredFilter.name
|
|
242
|
-
}) : {
|
|
243
|
-
name: filtreredFilter.name,
|
|
244
|
-
label: filtreredFilter.label
|
|
245
|
-
})
|
|
246
|
-
}, filtreredFilter.name);
|
|
247
|
-
})
|
|
248
|
-
})
|
|
249
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiGrid.default, {
|
|
250
|
-
item: true,
|
|
251
|
-
xs: 12,
|
|
252
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_PuiGrid.default, {
|
|
253
|
-
container: true,
|
|
254
|
-
justifyContent: "end",
|
|
255
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiGrid.default, {
|
|
256
|
-
item: true,
|
|
257
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiButton.default, {
|
|
258
|
-
startIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiIcon.default, {
|
|
259
|
-
type: "effacer",
|
|
260
|
-
size: "small"
|
|
261
|
-
}),
|
|
262
|
-
onClick: resetForm,
|
|
263
|
-
color: "tertiary",
|
|
264
|
-
children: "Effacer"
|
|
265
|
-
})
|
|
266
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiGrid.default, {
|
|
267
|
-
item: true,
|
|
268
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiButton.default, {
|
|
269
|
-
startIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiIcon.default, {
|
|
270
|
-
type: "rechercher",
|
|
271
|
-
size: "small"
|
|
272
|
-
}),
|
|
273
|
-
onClick: submitForm,
|
|
274
|
-
loading: dataFetchingState.isLoading,
|
|
275
|
-
loadingPosition: "start",
|
|
276
|
-
children: "Rechercher"
|
|
277
|
-
})
|
|
278
|
-
})]
|
|
279
|
-
})
|
|
280
|
-
})]
|
|
281
|
-
})
|
|
282
|
-
});
|
|
283
|
-
}
|
|
284
|
-
})
|
|
285
|
-
});
|
|
286
|
-
};
|
|
287
|
-
PuiSpecificReferentielField.propTypes = {
|
|
288
|
-
id: _propTypes.default.string,
|
|
289
|
-
className: _propTypes.default.string,
|
|
290
|
-
sx: _propTypes.default.object,
|
|
291
|
-
title: _propTypes.default.string,
|
|
292
|
-
label: _propTypes.default.string,
|
|
293
|
-
searchKey: _propTypes.default.string.isRequired,
|
|
294
|
-
specifications: _propTypes.default.object,
|
|
295
|
-
filters: _propTypes.default.arrayOf(_propTypes.default.string),
|
|
296
|
-
filtersProps: _propTypes.default.object,
|
|
297
|
-
columns: _propTypes.default.array,
|
|
298
|
-
name: _propTypes.default.string,
|
|
299
|
-
helperText: _propTypes.default.string,
|
|
300
|
-
formik: _propTypes.default.bool,
|
|
301
|
-
disabled: _propTypes.default.bool,
|
|
302
|
-
required: _propTypes.default.bool,
|
|
303
|
-
error: _propTypes.default.bool,
|
|
304
|
-
focused: _propTypes.default.bool,
|
|
305
|
-
fullWidth: _propTypes.default.bool,
|
|
306
|
-
tableProps: _propTypes.default.object,
|
|
307
|
-
getRenderedValue: _propTypes.default.func.isRequired,
|
|
308
|
-
getReturnedValue: _propTypes.default.func,
|
|
309
|
-
onChange: _propTypes.default.func,
|
|
310
|
-
onError: _propTypes.default.func,
|
|
311
|
-
dataFetchingState: _propTypes.default.shape({
|
|
312
|
-
data: _propTypes.default.array.isRequired,
|
|
313
|
-
totalElements: _propTypes.default.number.isRequired,
|
|
314
|
-
isLoading: _propTypes.default.bool.isRequired
|
|
315
|
-
})
|
|
316
|
-
};
|
|
317
|
-
PuiSpecificReferentielField.defaultProps = {
|
|
318
|
-
disabled: false,
|
|
319
|
-
required: false,
|
|
320
|
-
error: false,
|
|
321
|
-
formik: true,
|
|
322
|
-
fullWidth: true,
|
|
323
|
-
specifications: {},
|
|
324
|
-
columns: [],
|
|
325
|
-
data: null,
|
|
326
|
-
tableProps: {},
|
|
327
|
-
getReturnedValue: row => row,
|
|
328
|
-
onError: () => {},
|
|
329
|
-
onChange: () => {}
|
|
330
|
-
};
|
|
331
|
-
var _default = exports.default = PuiSpecificReferentielField;
|
|
@@ -1,54 +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 _Popover = _interopRequireDefault(require("@mui/material/Popover"));
|
|
9
|
-
var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
|
|
10
|
-
var _MoreVert = _interopRequireDefault(require("@mui/icons-material/MoreVert"));
|
|
11
|
-
var _system = require("@mui/system");
|
|
12
|
-
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
const ActionPopover = _ref => {
|
|
16
|
-
let {
|
|
17
|
-
row,
|
|
18
|
-
actions
|
|
19
|
-
} = _ref;
|
|
20
|
-
const [anchorEl, setAnchorEl] = _react.default.useState(null);
|
|
21
|
-
const handleClick = event => {
|
|
22
|
-
setAnchorEl(event.currentTarget);
|
|
23
|
-
};
|
|
24
|
-
const handleClose = () => {
|
|
25
|
-
setAnchorEl(null);
|
|
26
|
-
};
|
|
27
|
-
const open = Boolean(anchorEl);
|
|
28
|
-
const id = open ? 'simple-popover' : undefined;
|
|
29
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
30
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
|
|
31
|
-
"aria-describedby": id,
|
|
32
|
-
onClick: handleClick,
|
|
33
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MoreVert.default, {})
|
|
34
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Popover.default, {
|
|
35
|
-
id: id,
|
|
36
|
-
open: open,
|
|
37
|
-
anchorEl: anchorEl,
|
|
38
|
-
onClose: handleClose,
|
|
39
|
-
anchorOrigin: {
|
|
40
|
-
vertical: 'bottom',
|
|
41
|
-
horizontal: 'left'
|
|
42
|
-
},
|
|
43
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_system.Box, {
|
|
44
|
-
p: 2,
|
|
45
|
-
children: actions.map((action, index) => /*#__PURE__*/_react.default.cloneElement(action, {
|
|
46
|
-
row,
|
|
47
|
-
key: index,
|
|
48
|
-
onClick: handleClose // Assuming you want to close the popover when an action is clicked
|
|
49
|
-
}))
|
|
50
|
-
})
|
|
51
|
-
})]
|
|
52
|
-
});
|
|
53
|
-
};
|
|
54
|
-
var _default = exports.default = ActionPopover;
|