@portnet/ui 0.0.109 → 0.0.111
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.
|
@@ -77,8 +77,12 @@ const PuiStandardDateField = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
77
77
|
} = _ref,
|
|
78
78
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
79
79
|
const handleChange = value => {
|
|
80
|
-
|
|
81
|
-
|
|
80
|
+
if (value) {
|
|
81
|
+
const formattedValue = format ? value.format(format) : value.toISOString();
|
|
82
|
+
onChange(formattedValue);
|
|
83
|
+
} else {
|
|
84
|
+
onChange(null);
|
|
85
|
+
}
|
|
82
86
|
};
|
|
83
87
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DesktopDatePicker.DesktopDatePicker, _objectSpread({
|
|
84
88
|
ref: ref,
|
|
@@ -144,8 +148,13 @@ const PuiFormikDateField = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
|
|
|
144
148
|
const formikContext = (0, _formik.useFormikContext)();
|
|
145
149
|
const [hasError, setHasError] = React.useState(false);
|
|
146
150
|
const handleChange = value => {
|
|
147
|
-
|
|
148
|
-
|
|
151
|
+
if (value) {
|
|
152
|
+
formikContext.setFieldValue(name, value);
|
|
153
|
+
onChange(value);
|
|
154
|
+
} else {
|
|
155
|
+
formikContext.setFieldValue(name, null);
|
|
156
|
+
onChange(null);
|
|
157
|
+
}
|
|
149
158
|
};
|
|
150
159
|
const handleBlur = event => {
|
|
151
160
|
onBlur(event);
|
|
@@ -83,7 +83,9 @@ const StyledMuiTable = (0, _styles.styled)( /*#__PURE__*/React.forwardRef((props
|
|
|
83
83
|
display: "flex",
|
|
84
84
|
alignItems: "center",
|
|
85
85
|
fontWeight: "600",
|
|
86
|
-
color: _apperance.palette.primary
|
|
86
|
+
color: _apperance.palette.primary,
|
|
87
|
+
whiteSpace: "normal",
|
|
88
|
+
lineHeight: "1.2em"
|
|
87
89
|
},
|
|
88
90
|
"&:focus-within": {
|
|
89
91
|
outline: "none"
|
|
@@ -240,6 +242,10 @@ const TableCheckbox = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
|
240
242
|
}
|
|
241
243
|
}));
|
|
242
244
|
});
|
|
245
|
+
const autosizeOptions = {
|
|
246
|
+
includeHeaders: true,
|
|
247
|
+
includeOutliers: true
|
|
248
|
+
};
|
|
243
249
|
const PuiTable = /*#__PURE__*/React.forwardRef((_ref3, ref) => {
|
|
244
250
|
let {
|
|
245
251
|
id,
|
|
@@ -309,40 +315,50 @@ const PuiTable = /*#__PURE__*/React.forwardRef((_ref3, ref) => {
|
|
|
309
315
|
}));
|
|
310
316
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
311
317
|
}, [actions, columns]);
|
|
312
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
components: {
|
|
316
|
-
BaseCheckbox: TableCheckbox,
|
|
317
|
-
LoadingOverlay: _material.LinearProgress,
|
|
318
|
-
Pagination: TablePagination
|
|
318
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
319
|
+
style: {
|
|
320
|
+
width: '100%'
|
|
319
321
|
},
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
322
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledMuiTable, _objectSpread({
|
|
323
|
+
ref: ref,
|
|
324
|
+
id: id,
|
|
325
|
+
components: {
|
|
326
|
+
BaseCheckbox: TableCheckbox,
|
|
327
|
+
LoadingOverlay: _material.LinearProgress,
|
|
328
|
+
Pagination: TablePagination
|
|
329
|
+
},
|
|
330
|
+
className: "".concat(className, " ").concat(stripped ? "table-stripped" : "", " ").concat(loading ? "table-loading" : "", " ").concat(elevate ? "elevate" : ""),
|
|
331
|
+
sx: {
|
|
332
|
+
["& .".concat(_xDataGrid.gridClasses.cell)]: {
|
|
333
|
+
py: 0.5
|
|
334
|
+
}
|
|
335
|
+
},
|
|
336
|
+
autoHeight: true,
|
|
337
|
+
headerHeight: 60,
|
|
338
|
+
footerHeight: 40,
|
|
339
|
+
rowHeight: 40,
|
|
340
|
+
rows: rows,
|
|
341
|
+
rowCount: rowCount,
|
|
342
|
+
columns: appColumns,
|
|
343
|
+
page: page,
|
|
344
|
+
pageSize: pageSize,
|
|
345
|
+
checkboxSelection: checkboxSelection,
|
|
346
|
+
disableSelectionOnClick: true,
|
|
347
|
+
disableColumnMenu: true,
|
|
348
|
+
disableColumnFilter: true,
|
|
349
|
+
disableColumnSelector: true,
|
|
350
|
+
disableVirtualization: true,
|
|
351
|
+
density: "compact",
|
|
352
|
+
loading: loading,
|
|
353
|
+
paginationMode: paginationMode,
|
|
354
|
+
localeText: localeText,
|
|
355
|
+
getRowHeight: () => 'auto',
|
|
356
|
+
onPageChange: onPageChange,
|
|
357
|
+
onPageSizeChange: onPageSizeChange,
|
|
358
|
+
onSelectionModelChange: onSelect,
|
|
359
|
+
autosizeOptions: autosizeOptions
|
|
360
|
+
}, rest))
|
|
361
|
+
});
|
|
346
362
|
});
|
|
347
363
|
PuiTable.propTypes = {
|
|
348
364
|
id: _propTypes.default.string,
|
package/package.json
CHANGED
|
@@ -1,97 +1,97 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@portnet/ui",
|
|
3
|
-
"version": "0.0.
|
|
4
|
-
"description": "Portnet UI",
|
|
5
|
-
"keywords": [
|
|
6
|
-
"react",
|
|
7
|
-
"components",
|
|
8
|
-
"ui"
|
|
9
|
-
],
|
|
10
|
-
"main": "dist/index.js",
|
|
11
|
-
"private": false,
|
|
12
|
-
"files": [
|
|
13
|
-
"dist",
|
|
14
|
-
"README.md"
|
|
15
|
-
],
|
|
16
|
-
"dependencies": {
|
|
17
|
-
"@emotion/react": "^11.10.5",
|
|
18
|
-
"@emotion/styled": "^11.10.5",
|
|
19
|
-
"@mui/icons-material": "^5.10.16",
|
|
20
|
-
"@mui/lab": "^5.0.0-alpha.60",
|
|
21
|
-
"@mui/material": "^5.10.16",
|
|
22
|
-
"@mui/x-data-grid": "^5.17.26",
|
|
23
|
-
"@mui/x-date-pickers": "^5.0.4",
|
|
24
|
-
"@testing-library/jest-dom": "^5.16.5",
|
|
25
|
-
"@testing-library/react": "^13.4.0",
|
|
26
|
-
"@testing-library/user-event": "^13.5.0",
|
|
27
|
-
"axios": "^0.27.2",
|
|
28
|
-
"formik": "^2.2.9",
|
|
29
|
-
"lodash": "^4.17.21",
|
|
30
|
-
"moment": "^2.29.4",
|
|
31
|
-
"react": "^18.2.0",
|
|
32
|
-
"react-dom": "^18.2.0",
|
|
33
|
-
"react-scripts": "^5.0.1",
|
|
34
|
-
"react-transition-group": "^4.4.5",
|
|
35
|
-
"styled-components": "^6.1.3",
|
|
36
|
-
"uuid": "^9.0.0",
|
|
37
|
-
"web-vitals": "^2.1.4",
|
|
38
|
-
"yup": "^0.32.11"
|
|
39
|
-
},
|
|
40
|
-
"scripts": {
|
|
41
|
-
"start": "react-scripts start",
|
|
42
|
-
"build": "rimraf dist && cross-env NODE_ENV=production babel src/lib --out-dir dist --copy-files",
|
|
43
|
-
"test": "react-scripts test",
|
|
44
|
-
"eject": "react-scripts eject",
|
|
45
|
-
"storybook": "storybook dev -p 6006 -s public",
|
|
46
|
-
"build-storybook": "storybook build -s public"
|
|
47
|
-
},
|
|
48
|
-
"eslintConfig": {
|
|
49
|
-
"extends": [
|
|
50
|
-
"react-app",
|
|
51
|
-
"react-app/jest"
|
|
52
|
-
],
|
|
53
|
-
"overrides": [
|
|
54
|
-
{
|
|
55
|
-
"files": [
|
|
56
|
-
"**/*.stories.*"
|
|
57
|
-
],
|
|
58
|
-
"rules": {
|
|
59
|
-
"import/no-anonymous-default-export": "off"
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
]
|
|
63
|
-
},
|
|
64
|
-
"browserslist": {
|
|
65
|
-
"production": [
|
|
66
|
-
">0.2%",
|
|
67
|
-
"not dead",
|
|
68
|
-
"not op_mini all"
|
|
69
|
-
],
|
|
70
|
-
"development": [
|
|
71
|
-
"last 1 chrome version",
|
|
72
|
-
"last 1 firefox version",
|
|
73
|
-
"last 1 safari version"
|
|
74
|
-
]
|
|
75
|
-
},
|
|
76
|
-
"devDependencies": {
|
|
77
|
-
"@babel/cli": "^7.19.3",
|
|
78
|
-
"@babel/core": "^7.20.5",
|
|
79
|
-
"@babel/preset-env": "^7.20.2",
|
|
80
|
-
"@babel/preset-react": "^7.18.6",
|
|
81
|
-
"@storybook/addon-actions": "^7.6.4",
|
|
82
|
-
"@storybook/addon-essentials": "^7.6.4",
|
|
83
|
-
"@storybook/addon-interactions": "^7.6.4",
|
|
84
|
-
"@storybook/addon-links": "^7.6.4",
|
|
85
|
-
"@storybook/node-logger": "^7.6.4",
|
|
86
|
-
"@storybook/preset-create-react-app": "^7.6.4",
|
|
87
|
-
"@storybook/react": "^7.6.4",
|
|
88
|
-
"@storybook/react-webpack5": "^7.6.4",
|
|
89
|
-
"@storybook/testing-library": "^0.2.2",
|
|
90
|
-
"cross-env": "^7.0.3",
|
|
91
|
-
"husky": "^4.3.8",
|
|
92
|
-
"prop-types": "^15.8.1",
|
|
93
|
-
"rimraf": "^5.0.5",
|
|
94
|
-
"storybook": "^7.6.4",
|
|
95
|
-
"webpack": "^5.75.0"
|
|
96
|
-
}
|
|
97
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@portnet/ui",
|
|
3
|
+
"version": "0.0.111",
|
|
4
|
+
"description": "Portnet UI",
|
|
5
|
+
"keywords": [
|
|
6
|
+
"react",
|
|
7
|
+
"components",
|
|
8
|
+
"ui"
|
|
9
|
+
],
|
|
10
|
+
"main": "dist/index.js",
|
|
11
|
+
"private": false,
|
|
12
|
+
"files": [
|
|
13
|
+
"dist",
|
|
14
|
+
"README.md"
|
|
15
|
+
],
|
|
16
|
+
"dependencies": {
|
|
17
|
+
"@emotion/react": "^11.10.5",
|
|
18
|
+
"@emotion/styled": "^11.10.5",
|
|
19
|
+
"@mui/icons-material": "^5.10.16",
|
|
20
|
+
"@mui/lab": "^5.0.0-alpha.60",
|
|
21
|
+
"@mui/material": "^5.10.16",
|
|
22
|
+
"@mui/x-data-grid": "^5.17.26",
|
|
23
|
+
"@mui/x-date-pickers": "^5.0.4",
|
|
24
|
+
"@testing-library/jest-dom": "^5.16.5",
|
|
25
|
+
"@testing-library/react": "^13.4.0",
|
|
26
|
+
"@testing-library/user-event": "^13.5.0",
|
|
27
|
+
"axios": "^0.27.2",
|
|
28
|
+
"formik": "^2.2.9",
|
|
29
|
+
"lodash": "^4.17.21",
|
|
30
|
+
"moment": "^2.29.4",
|
|
31
|
+
"react": "^18.2.0",
|
|
32
|
+
"react-dom": "^18.2.0",
|
|
33
|
+
"react-scripts": "^5.0.1",
|
|
34
|
+
"react-transition-group": "^4.4.5",
|
|
35
|
+
"styled-components": "^6.1.3",
|
|
36
|
+
"uuid": "^9.0.0",
|
|
37
|
+
"web-vitals": "^2.1.4",
|
|
38
|
+
"yup": "^0.32.11"
|
|
39
|
+
},
|
|
40
|
+
"scripts": {
|
|
41
|
+
"start": "react-scripts start",
|
|
42
|
+
"build": "rimraf dist && cross-env NODE_ENV=production babel src/lib --out-dir dist --copy-files",
|
|
43
|
+
"test": "react-scripts test",
|
|
44
|
+
"eject": "react-scripts eject",
|
|
45
|
+
"storybook": "storybook dev -p 6006 -s public",
|
|
46
|
+
"build-storybook": "storybook build -s public"
|
|
47
|
+
},
|
|
48
|
+
"eslintConfig": {
|
|
49
|
+
"extends": [
|
|
50
|
+
"react-app",
|
|
51
|
+
"react-app/jest"
|
|
52
|
+
],
|
|
53
|
+
"overrides": [
|
|
54
|
+
{
|
|
55
|
+
"files": [
|
|
56
|
+
"**/*.stories.*"
|
|
57
|
+
],
|
|
58
|
+
"rules": {
|
|
59
|
+
"import/no-anonymous-default-export": "off"
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
]
|
|
63
|
+
},
|
|
64
|
+
"browserslist": {
|
|
65
|
+
"production": [
|
|
66
|
+
">0.2%",
|
|
67
|
+
"not dead",
|
|
68
|
+
"not op_mini all"
|
|
69
|
+
],
|
|
70
|
+
"development": [
|
|
71
|
+
"last 1 chrome version",
|
|
72
|
+
"last 1 firefox version",
|
|
73
|
+
"last 1 safari version"
|
|
74
|
+
]
|
|
75
|
+
},
|
|
76
|
+
"devDependencies": {
|
|
77
|
+
"@babel/cli": "^7.19.3",
|
|
78
|
+
"@babel/core": "^7.20.5",
|
|
79
|
+
"@babel/preset-env": "^7.20.2",
|
|
80
|
+
"@babel/preset-react": "^7.18.6",
|
|
81
|
+
"@storybook/addon-actions": "^7.6.4",
|
|
82
|
+
"@storybook/addon-essentials": "^7.6.4",
|
|
83
|
+
"@storybook/addon-interactions": "^7.6.4",
|
|
84
|
+
"@storybook/addon-links": "^7.6.4",
|
|
85
|
+
"@storybook/node-logger": "^7.6.4",
|
|
86
|
+
"@storybook/preset-create-react-app": "^7.6.4",
|
|
87
|
+
"@storybook/react": "^7.6.4",
|
|
88
|
+
"@storybook/react-webpack5": "^7.6.4",
|
|
89
|
+
"@storybook/testing-library": "^0.2.2",
|
|
90
|
+
"cross-env": "^7.0.3",
|
|
91
|
+
"husky": "^4.3.8",
|
|
92
|
+
"prop-types": "^15.8.1",
|
|
93
|
+
"rimraf": "^5.0.5",
|
|
94
|
+
"storybook": "^7.6.4",
|
|
95
|
+
"webpack": "^5.75.0"
|
|
96
|
+
}
|
|
97
|
+
}
|