iguazio.dashboard-react-controls 1.2.0 → 1.2.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.
|
@@ -54,8 +54,13 @@ var FormCheckBox = function FormCheckBox(_ref) {
|
|
|
54
54
|
var input = _ref2.input;
|
|
55
55
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
56
56
|
className: formFieldClassNames,
|
|
57
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread(_objectSpread({
|
|
57
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread(_objectSpread({
|
|
58
|
+
className: (0, _classnames.default)(input.checked ? 'checked' : 'unchecked'),
|
|
59
|
+
type: "checkbox",
|
|
60
|
+
"data-testid": "checkbox",
|
|
58
61
|
id: (_inputProps$value = inputProps.value) !== null && _inputProps$value !== void 0 ? _inputProps$value : name
|
|
62
|
+
}, _objectSpread(_objectSpread({}, input), inputProps)), {}, {
|
|
63
|
+
value: String(input.checked)
|
|
59
64
|
})), /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
|
|
60
65
|
htmlFor: (_inputProps$value2 = inputProps.value) !== null && _inputProps$value2 !== void 0 ? _inputProps$value2 : name,
|
|
61
66
|
className: labelClassNames,
|
|
@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _lodash = _interopRequireWildcard(require("lodash"));
|
|
10
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
11
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
12
|
var _FormChipCellView = _interopRequireDefault(require("./FormChipCellView"));
|
|
12
13
|
var _common = require("../../utils/common.util");
|
|
@@ -48,6 +49,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /*
|
|
|
48
49
|
*/
|
|
49
50
|
var FormChipCell = function FormChipCell(_ref) {
|
|
50
51
|
var chipOptions = _ref.chipOptions,
|
|
52
|
+
className = _ref.className,
|
|
51
53
|
delimiter = _ref.delimiter,
|
|
52
54
|
formState = _ref.formState,
|
|
53
55
|
initialValues = _ref.initialValues,
|
|
@@ -59,6 +61,7 @@ var FormChipCell = function FormChipCell(_ref) {
|
|
|
59
61
|
validationRules = _ref.validationRules,
|
|
60
62
|
validator = _ref.validator,
|
|
61
63
|
visibleChipsMaxLength = _ref.visibleChipsMaxLength;
|
|
64
|
+
var chipsClassName = (0, _classnames.default)('chips', className);
|
|
62
65
|
var _useState = (0, _react.useState)({}),
|
|
63
66
|
_useState2 = _slicedToArray(_useState, 2),
|
|
64
67
|
chipsSizes = _useState2[0],
|
|
@@ -323,7 +326,7 @@ var FormChipCell = function FormChipCell(_ref) {
|
|
|
323
326
|
return [validateField(key, 'key'), validateField(value, 'value')];
|
|
324
327
|
};
|
|
325
328
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
326
|
-
className:
|
|
329
|
+
className: chipsClassName,
|
|
327
330
|
children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
328
331
|
className: "chips__label",
|
|
329
332
|
children: label
|
|
@@ -364,6 +367,7 @@ FormChipCell.defaultProps = {
|
|
|
364
367
|
density: 'dense',
|
|
365
368
|
font: 'purple'
|
|
366
369
|
},
|
|
370
|
+
className: '',
|
|
367
371
|
delimiter: null,
|
|
368
372
|
isEditable: false,
|
|
369
373
|
label: null,
|
|
@@ -375,6 +379,7 @@ FormChipCell.defaultProps = {
|
|
|
375
379
|
};
|
|
376
380
|
FormChipCell.propTypes = {
|
|
377
381
|
chipOptions: _types.CHIP_OPTIONS,
|
|
382
|
+
className: _propTypes.default.string,
|
|
378
383
|
delimiter: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.element]),
|
|
379
384
|
formState: _propTypes.default.shape({}).isRequired,
|
|
380
385
|
initialValues: _propTypes.default.object.isRequired,
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M4 4L20 4L20 20L11 20L11 18L18 18L18 6L6 6L6 13L4 13L4 4Z" fill="#7F7989"/>
|
|
3
|
+
<path d="M7.38605 18L9 18L9 20L4 20L4 15L6 15L6 16.5576L10.3358 12.2218L11.75 13.636L7.38605 18Z" fill="#7F7989"/>
|
|
4
|
+
</svg>
|
package/package.json
CHANGED
|
@@ -1,107 +1,107 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
],
|
|
11
|
-
"repository": {
|
|
12
|
-
"type": "git",
|
|
13
|
-
"url": "git@github.com:iguazio/dashboard-react-controls.git"
|
|
14
|
-
},
|
|
15
|
-
"keywords": [
|
|
16
|
-
"Iguazio",
|
|
17
|
-
"iguazio",
|
|
18
|
-
"MLRun",
|
|
19
|
-
"mlrun"
|
|
20
|
-
],
|
|
21
|
-
"peerDependencies": {
|
|
22
|
-
"classnames": "*",
|
|
23
|
-
"lodash": "*",
|
|
24
|
-
"prop-types": "*",
|
|
25
|
-
"react": "*",
|
|
26
|
-
"react-dom": "*",
|
|
27
|
-
"react-modal-promise": "*",
|
|
28
|
-
"react-transition-group": "*",
|
|
29
|
-
"final-form": "*",
|
|
30
|
-
"final-form-arrays": "*",
|
|
31
|
-
"react-final-form": "*",
|
|
32
|
-
"react-final-form-arrays": "*"
|
|
33
|
-
},
|
|
34
|
-
"devDependencies": {
|
|
35
|
-
"@babel/cli": "^7.17.6",
|
|
36
|
-
"@babel/core": "^7.17.9",
|
|
37
|
-
"@babel/eslint-parser": "^7.17.0",
|
|
38
|
-
"@babel/plugin-transform-react-jsx": "^7.17.3",
|
|
39
|
-
"@babel/preset-env": "^7.16.11",
|
|
40
|
-
"@babel/preset-react": "^7.16.7",
|
|
41
|
-
"@storybook/addon-actions": "^6.4.22",
|
|
42
|
-
"@storybook/addon-essentials": "^6.4.22",
|
|
43
|
-
"@storybook/addon-interactions": "^6.4.22",
|
|
44
|
-
"@storybook/addon-links": "^6.4.22",
|
|
45
|
-
"@storybook/builder-webpack5": "^6.4.22",
|
|
46
|
-
"@storybook/manager-webpack5": "^6.4.22",
|
|
47
|
-
"@storybook/preset-create-react-app": "^4.1.0",
|
|
48
|
-
"@storybook/react": "^6.4.22",
|
|
49
|
-
"@storybook/testing-library": "0.0.9",
|
|
50
|
-
"@testing-library/jest-dom": "^5.16.4",
|
|
51
|
-
"@testing-library/react": "^12.1.5",
|
|
52
|
-
"@testing-library/user-event": "^13.5.0",
|
|
53
|
-
"babel-loader": "^8.2.4",
|
|
54
|
-
"babel-plugin-inline-react-svg": "^2.0.1",
|
|
55
|
-
"classnames": "^2.3.1",
|
|
56
|
-
"cross-env": "^7.0.3",
|
|
57
|
-
"eslint": "^8.22.0",
|
|
58
|
-
"eslint-config-prettier": "^8.3.0",
|
|
59
|
-
"eslint-config-react-app": "^7.0.0",
|
|
60
|
-
"eslint-plugin-prettier": "^4.0.0",
|
|
61
|
-
"eslint-plugin-storybook": "^0.5.10",
|
|
62
|
-
"eslint-webpack-plugin": "^3.1.1",
|
|
63
|
-
"lodash": "^4.17.21",
|
|
64
|
-
"node": "14.19.0",
|
|
65
|
-
"prettier": "^2.5.1",
|
|
66
|
-
"prop-types": "^15.8.1",
|
|
67
|
-
"react": "^17.0.2",
|
|
68
|
-
"react-dom": "^17.0.2",
|
|
69
|
-
"final-form": "^4.20.7",
|
|
70
|
-
"final-form-arrays": "^3.0.2",
|
|
71
|
-
"react-final-form": "^6.5.9",
|
|
72
|
-
"react-final-form-arrays": "^3.1.3",
|
|
73
|
-
"react-modal-promise": "^1.0.2",
|
|
74
|
-
"react-scripts": "5.0.0",
|
|
75
|
-
"react-transition-group": "^4.4.2",
|
|
76
|
-
"sass": "^1.50.0",
|
|
77
|
-
"web-vitals": "^2.1.4",
|
|
78
|
-
"webpack": "^5.72.0"
|
|
79
|
-
},
|
|
80
|
-
"scripts": {
|
|
81
|
-
"start": "react-scripts start",
|
|
82
|
-
"build": "react-scripts build",
|
|
83
|
-
"test": "react-scripts test",
|
|
84
|
-
"eject": "react-scripts eject",
|
|
85
|
-
"build-storybook": "build-storybook",
|
|
86
|
-
"storybook": "start-storybook -p 6006",
|
|
87
|
-
"compile": "rm -rf dist/* && babel src/lib --out-dir dist --copy-files --no-copy-ignored --ignore src/**/*.stories.js"
|
|
88
|
-
},
|
|
89
|
-
"eslintConfig": {
|
|
90
|
-
"extends": [
|
|
91
|
-
"react-app",
|
|
92
|
-
"react-app/jest"
|
|
93
|
-
]
|
|
94
|
-
},
|
|
95
|
-
"browserslist": {
|
|
96
|
-
"production": [
|
|
97
|
-
">0.2%",
|
|
98
|
-
"not dead",
|
|
99
|
-
"not op_mini all"
|
|
2
|
+
"name": "iguazio.dashboard-react-controls",
|
|
3
|
+
"version": "1.2.2",
|
|
4
|
+
"description": "Collection of resources (such as CSS styles, fonts and images) and ReactJS 17.x components to share among different Iguazio React repos.",
|
|
5
|
+
"main": "dist/index.js",
|
|
6
|
+
"module": "dist/index.js",
|
|
7
|
+
"files": [
|
|
8
|
+
"dist",
|
|
9
|
+
"README.md"
|
|
100
10
|
],
|
|
101
|
-
"
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
11
|
+
"repository": {
|
|
12
|
+
"type": "git",
|
|
13
|
+
"url": "git@github.com:iguazio/dashboard-react-controls.git"
|
|
14
|
+
},
|
|
15
|
+
"keywords": [
|
|
16
|
+
"Iguazio",
|
|
17
|
+
"iguazio",
|
|
18
|
+
"MLRun",
|
|
19
|
+
"mlrun"
|
|
20
|
+
],
|
|
21
|
+
"peerDependencies": {
|
|
22
|
+
"classnames": "*",
|
|
23
|
+
"lodash": "*",
|
|
24
|
+
"prop-types": "*",
|
|
25
|
+
"react": "*",
|
|
26
|
+
"react-dom": "*",
|
|
27
|
+
"react-modal-promise": "*",
|
|
28
|
+
"react-transition-group": "*",
|
|
29
|
+
"final-form": "*",
|
|
30
|
+
"final-form-arrays": "*",
|
|
31
|
+
"react-final-form": "*",
|
|
32
|
+
"react-final-form-arrays": "*"
|
|
33
|
+
},
|
|
34
|
+
"devDependencies": {
|
|
35
|
+
"@babel/cli": "^7.17.6",
|
|
36
|
+
"@babel/core": "^7.17.9",
|
|
37
|
+
"@babel/eslint-parser": "^7.17.0",
|
|
38
|
+
"@babel/plugin-transform-react-jsx": "^7.17.3",
|
|
39
|
+
"@babel/preset-env": "^7.16.11",
|
|
40
|
+
"@babel/preset-react": "^7.16.7",
|
|
41
|
+
"@storybook/addon-actions": "^6.4.22",
|
|
42
|
+
"@storybook/addon-essentials": "^6.4.22",
|
|
43
|
+
"@storybook/addon-interactions": "^6.4.22",
|
|
44
|
+
"@storybook/addon-links": "^6.4.22",
|
|
45
|
+
"@storybook/builder-webpack5": "^6.4.22",
|
|
46
|
+
"@storybook/manager-webpack5": "^6.4.22",
|
|
47
|
+
"@storybook/preset-create-react-app": "^4.1.0",
|
|
48
|
+
"@storybook/react": "^6.4.22",
|
|
49
|
+
"@storybook/testing-library": "0.0.9",
|
|
50
|
+
"@testing-library/jest-dom": "^5.16.4",
|
|
51
|
+
"@testing-library/react": "^12.1.5",
|
|
52
|
+
"@testing-library/user-event": "^13.5.0",
|
|
53
|
+
"babel-loader": "^8.2.4",
|
|
54
|
+
"babel-plugin-inline-react-svg": "^2.0.1",
|
|
55
|
+
"classnames": "^2.3.1",
|
|
56
|
+
"cross-env": "^7.0.3",
|
|
57
|
+
"eslint": "^8.22.0",
|
|
58
|
+
"eslint-config-prettier": "^8.3.0",
|
|
59
|
+
"eslint-config-react-app": "^7.0.0",
|
|
60
|
+
"eslint-plugin-prettier": "^4.0.0",
|
|
61
|
+
"eslint-plugin-storybook": "^0.5.10",
|
|
62
|
+
"eslint-webpack-plugin": "^3.1.1",
|
|
63
|
+
"lodash": "^4.17.21",
|
|
64
|
+
"node": "14.19.0",
|
|
65
|
+
"prettier": "^2.5.1",
|
|
66
|
+
"prop-types": "^15.8.1",
|
|
67
|
+
"react": "^17.0.2",
|
|
68
|
+
"react-dom": "^17.0.2",
|
|
69
|
+
"final-form": "^4.20.7",
|
|
70
|
+
"final-form-arrays": "^3.0.2",
|
|
71
|
+
"react-final-form": "^6.5.9",
|
|
72
|
+
"react-final-form-arrays": "^3.1.3",
|
|
73
|
+
"react-modal-promise": "^1.0.2",
|
|
74
|
+
"react-scripts": "5.0.0",
|
|
75
|
+
"react-transition-group": "^4.4.2",
|
|
76
|
+
"sass": "^1.50.0",
|
|
77
|
+
"web-vitals": "^2.1.4",
|
|
78
|
+
"webpack": "^5.72.0"
|
|
79
|
+
},
|
|
80
|
+
"scripts": {
|
|
81
|
+
"start": "react-scripts start",
|
|
82
|
+
"build": "react-scripts build",
|
|
83
|
+
"test": "react-scripts test",
|
|
84
|
+
"eject": "react-scripts eject",
|
|
85
|
+
"build-storybook": "build-storybook",
|
|
86
|
+
"storybook": "start-storybook -p 6006",
|
|
87
|
+
"compile": "rm -rf dist/* && babel src/lib --out-dir dist --copy-files --no-copy-ignored --ignore src/**/*.stories.js"
|
|
88
|
+
},
|
|
89
|
+
"eslintConfig": {
|
|
90
|
+
"extends": [
|
|
91
|
+
"react-app",
|
|
92
|
+
"react-app/jest"
|
|
93
|
+
]
|
|
94
|
+
},
|
|
95
|
+
"browserslist": {
|
|
96
|
+
"production": [
|
|
97
|
+
">0.2%",
|
|
98
|
+
"not dead",
|
|
99
|
+
"not op_mini all"
|
|
100
|
+
],
|
|
101
|
+
"development": [
|
|
102
|
+
"last 1 chrome version",
|
|
103
|
+
"last 1 firefox version",
|
|
104
|
+
"last 1 safari version"
|
|
105
|
+
]
|
|
106
|
+
}
|
|
107
107
|
}
|