@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.
@@ -49,7 +49,7 @@ const StyledDateMuiTextField = (0, _styles.styled)( /*#__PURE__*/React.forwardRe
49
49
  }
50
50
  }));
51
51
  const TimePickerDialog = _ref => {
52
- var _ref2, _position$top, _ref3, _ref4;
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
- backgroundColor: "white",
84
+ position: "fixed",
85
+ alignContent: "center",
86
+ justifyContent: "center",
85
87
  alignItems: "center",
86
- display: "flex",
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: (_position$top = position === null || position === void 0 ? void 0 : position.top) !== null && _position$top !== void 0 ? _position$top : 0,
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
- alignItems: "center",
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((_ref5, ref) => {
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
- } = _ref5,
164
- rest = _objectWithoutProperties(_ref5, _excluded);
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: 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((_ref6, ref) => {
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
- } = _ref6,
272
- rest = _objectWithoutProperties(_ref6, _excluded2);
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((_ref7, ref) => {
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
- } = _ref7,
343
- rest = _objectWithoutProperties(_ref7, _excluded3);
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,6 +1,6 @@
1
1
  {
2
2
  "name": "@portnet/ui",
3
- "version": "0.2.1",
3
+ "version": "1.1.2",
4
4
  "description": "Portnet UI",
5
5
  "keywords": [
6
6
  "react",
@@ -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;