@portnet/ui 1.1.1 → 1.1.3
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/buttons/PuiButton.js +15 -11
- package/dist/components/buttons/PuiIconButton.js +11 -7
- package/dist/components/common/PuiAlertContext.js +1 -1
- package/dist/components/common/StyledMuiButton.js +11 -7
- package/dist/components/common/StyledMuiTextField.js +12 -8
- package/dist/components/inputs/PuiAutocomplete.js +13 -8
- package/dist/components/inputs/PuiCheckbox.js +15 -11
- package/dist/components/inputs/PuiCheckboxGroup.js +8 -6
- package/dist/components/inputs/PuiCheckboxItem.js +11 -7
- package/dist/components/inputs/PuiDateField.js +12 -8
- package/dist/components/inputs/PuiDateTimeField.js +15 -10
- package/dist/components/inputs/PuiFileField.js +13 -9
- package/dist/components/inputs/PuiRadioGroup.js +11 -7
- package/dist/components/inputs/PuiRadioItem.js +8 -6
- package/dist/components/inputs/PuiSelect.js +14 -9
- package/dist/components/inputs/PuiTextField.js +11 -7
- package/dist/components/others/DateTimePickerField.js +69 -0
- package/dist/components/others/PuiBadge.js +6 -4
- package/dist/components/others/PuiChip.js +18 -14
- package/dist/components/others/PuiDialog.js +11 -7
- package/dist/components/others/PuiFormikForm.js +1 -1
- package/dist/components/others/PuiGrid.js +5 -3
- package/dist/components/others/PuiIcon.js +11 -7
- package/dist/components/others/PuiLoadingBackdrop.js +1 -1
- package/dist/components/others/PuiMainContainer.js +10 -6
- package/dist/components/others/PuiNavigation.js +7 -5
- package/dist/components/others/PuiSection.js +8 -6
- package/dist/components/others/PuiTooltip.js +12 -8
- package/dist/components/providers/PuiAlertProvider.js +10 -7
- package/dist/components/providers/PuiLocalizationProvider.js +9 -5
- package/dist/components/referentiel/common/ReferetielContext.js +1 -1
- package/dist/components/referentiel/common/constants/specificReferentielsBaseFilters.js +1 -1
- package/dist/components/referentiel/common/constants/specificReferentielsValidationSchemas.js +1 -1
- package/dist/components/referentiel/components/PuiBasePopupReferentielField.js +7 -5
- package/dist/components/referentiel/components/PuiCustomPopupReferentielField.js +7 -5
- package/dist/components/referentiel/components/PuiSimplePopupReferentielField.js +8 -5
- package/dist/components/referentiel/components/PuiSimpleReferentielField.js +13 -8
- package/dist/components/referentiel/components/PuiSpecificReferentielField.js +10 -7
- package/dist/components/referentiel/providers/PuiReferentielProvider.js +7 -5
- package/dist/components/tab/PuiTab.js +1 -1
- package/dist/components/tab/PuiTabs.js +15 -9
- package/dist/components/table/ActionPopover.js +55 -0
- package/dist/components/table/PuiTable.js +13 -8
- package/dist/components/table/PuiTableAction.js +6 -4
- package/dist/components/typography/PuiDefinition.js +1 -1
- package/dist/components/typography/PuiIndication.js +7 -5
- package/dist/components/typography/PuiMainTitle.js +8 -5
- package/dist/components/ui/dialogs/PuiSearchDialog.js +11 -7
- package/dist/components/ui/pages/errors/PuiErrorBasePage.js +1 -1
- package/dist/components/ui/pages/errors/PuiForbiddenErrorPage.js +1 -1
- package/dist/components/ui/pages/errors/PuiNetworkErrorPage.js +1 -1
- package/dist/components/ui/pages/errors/PuiNotFoundErrorPage.js +1 -1
- package/dist/components/ui/pages/errors/PuiServerErrorPage.js +1 -1
- package/dist/components/ui/pages/general/PuiDefaultPage.js +1 -1
- package/dist/components/ui/pages/general/PuiSearchPage.js +63 -38
- package/dist/config/mapping.js +1 -1
- package/dist/hooks/useAlert.js +2 -2
- package/dist/hooks/useAxios.js +1 -1
- package/dist/hooks/useQuery.js +4 -2
- package/dist/index.js +1 -1
- package/package.json +4 -1
- package/dist/components/table/NewPuiTable.js +0 -148
package/dist/hooks/useQuery.js
CHANGED
|
@@ -4,10 +4,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
require("core-js/modules/web.dom-collections.iterator.js");
|
|
8
|
-
require("core-js/modules/web.url-search-params.js");
|
|
9
7
|
require("core-js/modules/es.regexp.exec.js");
|
|
10
8
|
require("core-js/modules/es.string.search.js");
|
|
9
|
+
require("core-js/modules/esnext.iterator.constructor.js");
|
|
10
|
+
require("core-js/modules/esnext.iterator.for-each.js");
|
|
11
|
+
require("core-js/modules/web.dom-collections.iterator.js");
|
|
12
|
+
require("core-js/modules/web.url-search-params.js");
|
|
11
13
|
const useQuery = () => {
|
|
12
14
|
const queryParams = new URLSearchParams(window.location.search);
|
|
13
15
|
const queryObject = {};
|
package/dist/index.js
CHANGED
|
@@ -332,4 +332,4 @@ var _PuiDefaultPage = _interopRequireDefault(require("./components/ui/pages/gene
|
|
|
332
332
|
var _PuiSearchPage = _interopRequireDefault(require("./components/ui/pages/general/PuiSearchPage"));
|
|
333
333
|
var _useAlert = _interopRequireDefault(require("./hooks/useAlert"));
|
|
334
334
|
var _useQuery = _interopRequireDefault(require("./hooks/useQuery"));
|
|
335
|
-
function _interopRequireDefault(
|
|
335
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@portnet/ui",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.3",
|
|
4
4
|
"description": "Portnet UI",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -25,7 +25,10 @@
|
|
|
25
25
|
"@testing-library/jest-dom": "^5.16.5",
|
|
26
26
|
"@testing-library/react": "^13.4.0",
|
|
27
27
|
"@testing-library/user-event": "^13.5.0",
|
|
28
|
+
"ajv": "^8.17.1",
|
|
29
|
+
"ajv-keywords": "^5.1.0",
|
|
28
30
|
"axios": "^0.27.2",
|
|
31
|
+
"dayjs": "^1.11.13",
|
|
29
32
|
"formik": "^2.2.9",
|
|
30
33
|
"lodash": "^4.17.21",
|
|
31
34
|
"moment": "^2.29.4",
|
|
@@ -1,148 +0,0 @@
|
|
|
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;
|