iguazio.dashboard-react-controls 0.0.39 → 1.2.0
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/Backdrop/Backdrop.js +4 -11
- package/dist/components/Button/Button.js +25 -28
- package/dist/components/ConfirmDialog/ConfirmDialog.js +10 -24
- package/dist/components/FormCheckBox/FormCheckBox.js +25 -25
- package/dist/components/FormChipCell/FormChip/FormChip.js +33 -33
- package/dist/components/FormChipCell/FormChipCell.js +66 -109
- package/dist/components/FormChipCell/FormChipCellView.js +19 -37
- package/dist/components/FormChipCell/NewChipForm/NewChipForm.js +58 -90
- package/dist/components/FormChipCell/NewChipInput/NewChipInput.js +24 -22
- package/dist/components/FormChipCell/formChipCell.util.js +0 -1
- package/dist/components/FormCombobox/FormCombobox.js +82 -140
- package/dist/components/FormInput/FormInput.js +110 -175
- package/dist/components/FormInput/InputNumberButtons/InputNumberButtons.js +6 -21
- package/dist/components/FormKeyValueTable/FormKeyValueTable.js +23 -39
- package/dist/components/FormRadio/FormRadio.js +23 -22
- package/dist/components/FormSelect/FormSelect.js +56 -92
- package/dist/components/FormSelect/FormSelect.test.js +19 -35
- package/dist/components/FormTextarea/FormTextarea.js +44 -69
- package/dist/components/Modal/Modal.js +8 -21
- package/dist/components/Modal/Modal.scss +2 -2
- package/dist/components/PopUpDialog/PopUpDialog.js +28 -43
- package/dist/components/RoundedIcon/RoundedIcon.js +7 -18
- package/dist/components/RoundedIcon/roundedIcon.scss +2 -2
- package/dist/components/Tip/Tip.js +25 -40
- package/dist/components/Tip/Tip.test.js +36 -45
- package/dist/components/Tooltip/Tooltip.js +40 -64
- package/dist/components/TooltipTemplate/ProducerTooltipTemplate.js +2 -8
- package/dist/components/TooltipTemplate/TextTooltipTemplate.js +2 -12
- package/dist/components/Wizard/Wizard.js +35 -57
- package/dist/components/Wizard/Wizard.scss +1 -3
- package/dist/components/Wizard/WizardSteps/WizardSteps.js +4 -16
- package/dist/components/Wizard/WizardSteps/WizardSteps.scss +1 -0
- package/dist/components/index.js +0 -18
- package/dist/constants.js +4 -6
- package/dist/elements/FormActionButton/FormActionButton.js +6 -12
- package/dist/elements/FormRowActions/FormRowActions.js +6 -18
- package/dist/elements/HiddenChipsBlock/HiddenChipsBlock.js +37 -55
- package/dist/elements/OptionsMenu/OptionsMenu.js +4 -14
- package/dist/elements/SelectOption/SelectOption.js +6 -18
- package/dist/elements/SelectOption/SelectOption.test.js +19 -12
- package/dist/elements/SelectOption/selectOption.scss +5 -2
- package/dist/elements/ValidationTemplate/ValidationTemplate.js +2 -11
- package/dist/elements/index.js +0 -6
- package/dist/hooks/index.js +0 -1
- package/dist/hooks/useDebounce.js +1 -5
- package/dist/hooks/useDetectOutsideClick.js +4 -8
- package/dist/hooks/useFormTable.hook.js +31 -41
- package/dist/images/archive-icon.svg +3 -0
- package/dist/images/arrow.svg +1 -1
- package/dist/images/close.svg +2 -2
- package/dist/images/collapse.svg +2 -2
- package/dist/images/copy-to-clipboard-icon.svg +3 -0
- package/dist/images/deploy-icon.svg +4 -0
- package/dist/images/edit.svg +1 -1
- package/dist/images/edit_old.svg +3 -0
- package/dist/images/expand.svg +2 -2
- package/dist/images/eye-icon.svg +3 -0
- package/dist/images/link-icon.svg +5 -0
- package/dist/images/monitor-icon.svg +3 -0
- package/dist/images/refresh.svg +1 -1
- package/dist/images/tag-icon.svg +4 -0
- package/dist/images/unarchive-icon.svg +3 -0
- package/dist/images/yaml.svg +2 -3
- package/dist/images/yaml_old.svg +4 -0
- package/dist/index.js +0 -13
- package/dist/scss/borders.scss +1 -1
- package/dist/scss/colors.scss +2 -0
- package/dist/scss/common.scss +7 -3
- package/dist/scss/mixins.scss +6 -19
- package/dist/scss/shadows.scss +3 -3
- package/dist/scss/variables.scss +2 -0
- package/dist/types.js +19 -49
- package/dist/utils/common.util.js +3 -13
- package/dist/utils/form.util.js +20 -24
- package/dist/utils/generateChipsList.util.js +0 -3
- package/dist/utils/getFirstScrollableParent.util.js +0 -5
- package/dist/utils/validation.util.js +72 -94
- package/package.json +104 -104
- package/dist/images/eye.svg +0 -4
|
@@ -1,75 +1,66 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
-
|
|
14
10
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
15
|
-
|
|
16
11
|
var _Button = _interopRequireDefault(require("../Button/Button"));
|
|
17
|
-
|
|
18
12
|
var _Modal = _interopRequireDefault(require("../Modal/Modal"));
|
|
19
|
-
|
|
20
13
|
var _WizardSteps = _interopRequireDefault(require("./WizardSteps/WizardSteps"));
|
|
21
|
-
|
|
22
14
|
var _constants = require("../../constants");
|
|
23
|
-
|
|
24
15
|
var _types = require("../../types");
|
|
25
|
-
|
|
26
16
|
require("./Wizard.scss");
|
|
27
|
-
|
|
28
17
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
29
|
-
|
|
30
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
31
|
-
|
|
32
19
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
33
|
-
|
|
34
20
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
35
|
-
|
|
36
21
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
37
|
-
|
|
38
22
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
39
|
-
|
|
40
|
-
function
|
|
41
|
-
|
|
23
|
+
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; }
|
|
24
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
25
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
42
26
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
43
|
-
|
|
44
27
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
45
|
-
|
|
46
28
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
47
|
-
|
|
48
|
-
function
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
29
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
30
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
31
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /*
|
|
32
|
+
Copyright 2022 Iguazio Systems Ltd.
|
|
33
|
+
Licensed under the Apache License, Version 2.0 (the "License") with
|
|
34
|
+
an addition restriction as set forth herein. You may not use this
|
|
35
|
+
file except in compliance with the License. You may obtain a copy of
|
|
36
|
+
the License at http://www.apache.org/licenses/LICENSE-2.0.
|
|
37
|
+
Unless required by applicable law or agreed to in writing, software
|
|
38
|
+
distributed under the License is distributed on an "AS IS" BASIS,
|
|
39
|
+
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
|
|
40
|
+
implied. See the License for the specific language governing
|
|
41
|
+
permissions and limitations under the License.
|
|
42
|
+
In addition, you may not use the software for any purposes that are
|
|
43
|
+
illegal under applicable law, and the grant of the foregoing license
|
|
44
|
+
under the Apache 2.0 license is conditioned upon your compliance with
|
|
45
|
+
such restriction.
|
|
46
|
+
*/
|
|
54
47
|
var Wizard = function Wizard(_ref) {
|
|
55
48
|
var children = _ref.children,
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
49
|
+
className = _ref.className,
|
|
50
|
+
formState = _ref.formState,
|
|
51
|
+
isWizardOpen = _ref.isWizardOpen,
|
|
52
|
+
onWizardResolve = _ref.onWizardResolve,
|
|
53
|
+
onWizardSubmit = _ref.onWizardSubmit,
|
|
54
|
+
location = _ref.location,
|
|
55
|
+
size = _ref.size,
|
|
56
|
+
subTitle = _ref.subTitle,
|
|
57
|
+
title = _ref.title,
|
|
58
|
+
stepsConfig = _ref.stepsConfig,
|
|
59
|
+
submitButtonLabel = _ref.submitButtonLabel;
|
|
68
60
|
var _useState = (0, _react.useState)(0),
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
61
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
62
|
+
activeStepNumber = _useState2[0],
|
|
63
|
+
setActiveStepNumber = _useState2[1];
|
|
73
64
|
var activeStepTemplate = (0, _react.useMemo)(function () {
|
|
74
65
|
return _react.default.Children.toArray(children)[activeStepNumber];
|
|
75
66
|
}, [children, activeStepNumber]);
|
|
@@ -92,26 +83,21 @@ var Wizard = function Wizard(_ref) {
|
|
|
92
83
|
})) || [];
|
|
93
84
|
}, [stepsConfig]);
|
|
94
85
|
var wizardClasses = (0, _classnames.default)('wizard-form', className);
|
|
95
|
-
|
|
96
86
|
var goToNextStep = function goToNextStep() {
|
|
97
87
|
setActiveStepNumber(function (prevStep) {
|
|
98
88
|
return Math.min(++prevStep, totalSteps);
|
|
99
89
|
});
|
|
100
90
|
};
|
|
101
|
-
|
|
102
91
|
var goToPreviousStep = function goToPreviousStep() {
|
|
103
92
|
return setActiveStepNumber(function (prevStep) {
|
|
104
93
|
return Math.max(--prevStep, 0);
|
|
105
94
|
});
|
|
106
95
|
};
|
|
107
|
-
|
|
108
96
|
var jumpToStep = function jumpToStep(idx) {
|
|
109
97
|
return setActiveStepNumber(idx);
|
|
110
98
|
};
|
|
111
|
-
|
|
112
99
|
var handleSubmit = function handleSubmit() {
|
|
113
100
|
formState.handleSubmit();
|
|
114
|
-
|
|
115
101
|
if (formState.valid) {
|
|
116
102
|
if (isLastStep) {
|
|
117
103
|
onWizardSubmit(formState.values);
|
|
@@ -120,7 +106,6 @@ var Wizard = function Wizard(_ref) {
|
|
|
120
106
|
}
|
|
121
107
|
}
|
|
122
108
|
};
|
|
123
|
-
|
|
124
109
|
var getDefaultActions = function getDefaultActions() {
|
|
125
110
|
return [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
|
|
126
111
|
onClick: goToPreviousStep,
|
|
@@ -135,14 +120,11 @@ var Wizard = function Wizard(_ref) {
|
|
|
135
120
|
variant: _constants.SECONDARY_BUTTON
|
|
136
121
|
})];
|
|
137
122
|
};
|
|
138
|
-
|
|
139
123
|
var renderModalActions = function renderModalActions() {
|
|
140
124
|
var _filteredStepsConfig$;
|
|
141
|
-
|
|
142
125
|
var filteredStepsConfig = stepsConfig.filter(function (stepConfig) {
|
|
143
126
|
return !stepConfig.isHidden;
|
|
144
127
|
});
|
|
145
|
-
|
|
146
128
|
if ((_filteredStepsConfig$ = filteredStepsConfig[activeStepNumber]) !== null && _filteredStepsConfig$ !== void 0 && _filteredStepsConfig$.getActions) {
|
|
147
129
|
return filteredStepsConfig[activeStepNumber].getActions({
|
|
148
130
|
formState: formState,
|
|
@@ -157,7 +139,6 @@ var Wizard = function Wizard(_ref) {
|
|
|
157
139
|
return getDefaultActions();
|
|
158
140
|
}
|
|
159
141
|
};
|
|
160
|
-
|
|
161
142
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Modal.default, {
|
|
162
143
|
actions: renderModalActions(),
|
|
163
144
|
className: wizardClasses,
|
|
@@ -180,7 +161,6 @@ var Wizard = function Wizard(_ref) {
|
|
|
180
161
|
})]
|
|
181
162
|
});
|
|
182
163
|
};
|
|
183
|
-
|
|
184
164
|
Wizard.defaultProps = {
|
|
185
165
|
className: '',
|
|
186
166
|
confirmClose: false,
|
|
@@ -203,11 +183,9 @@ Wizard.propsTypes = {
|
|
|
203
183
|
stepsConfig: _types.WIZARD_STEPS_CONFIG,
|
|
204
184
|
submitButtonLabel: _propTypes.default.string
|
|
205
185
|
};
|
|
206
|
-
|
|
207
186
|
Wizard.Step = function (_ref2) {
|
|
208
187
|
var children = _ref2.children;
|
|
209
188
|
return children;
|
|
210
189
|
};
|
|
211
|
-
|
|
212
190
|
var _default = Wizard;
|
|
213
191
|
exports.default = _default;
|
|
@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
|
-
|
|
14
10
|
var _Button = _interopRequireDefault(require("../../Button/Button"));
|
|
15
|
-
|
|
16
11
|
var _types = require("../../../types");
|
|
17
|
-
|
|
18
12
|
require("./WizardSteps.scss");
|
|
19
|
-
|
|
20
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
21
|
-
|
|
22
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
|
-
|
|
24
15
|
/*
|
|
25
16
|
Copyright 2022 Iguazio Systems Ltd.
|
|
26
17
|
Licensed under the Apache License, Version 2.0 (the "License") with
|
|
@@ -37,25 +28,23 @@ illegal under applicable law, and the grant of the foregoing license
|
|
|
37
28
|
under the Apache 2.0 license is conditioned upon your compliance with
|
|
38
29
|
such restriction.
|
|
39
30
|
*/
|
|
31
|
+
|
|
40
32
|
var WizardSteps = function WizardSteps(_ref) {
|
|
41
33
|
var activeStepNumber = _ref.activeStepNumber,
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
34
|
+
jumpToStep = _ref.jumpToStep,
|
|
35
|
+
steps = _ref.steps;
|
|
45
36
|
var getStepClassNames = function getStepClassNames(idx) {
|
|
46
37
|
return (0, _classnames.default)('wizard-steps__item', idx === activeStepNumber && 'active', idx < activeStepNumber && 'valid');
|
|
47
38
|
};
|
|
48
|
-
|
|
49
39
|
var handleJumpToStep = function handleJumpToStep(event, idx) {
|
|
50
40
|
event.preventDefault();
|
|
51
41
|
jumpToStep(idx);
|
|
52
42
|
};
|
|
53
|
-
|
|
54
43
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
55
44
|
className: "wizard-steps",
|
|
56
45
|
children: steps.map(function (_ref2, idx) {
|
|
57
46
|
var id = _ref2.id,
|
|
58
|
-
|
|
47
|
+
label = _ref2.label;
|
|
59
48
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
|
|
60
49
|
className: getStepClassNames(idx),
|
|
61
50
|
disabled: idx > activeStepNumber,
|
|
@@ -71,7 +60,6 @@ var WizardSteps = function WizardSteps(_ref) {
|
|
|
71
60
|
})
|
|
72
61
|
});
|
|
73
62
|
};
|
|
74
|
-
|
|
75
63
|
WizardSteps.propTypes = {
|
|
76
64
|
activeStepNumber: _propTypes.default.number.isRequired,
|
|
77
65
|
jumpToStep: _propTypes.default.func.isRequired,
|
package/dist/components/index.js
CHANGED
|
@@ -105,39 +105,21 @@ Object.defineProperty(exports, "Wizard", {
|
|
|
105
105
|
return _Wizard.default;
|
|
106
106
|
}
|
|
107
107
|
});
|
|
108
|
-
|
|
109
108
|
var _Button = _interopRequireDefault(require("./Button/Button"));
|
|
110
|
-
|
|
111
109
|
var _ConfirmDialog = _interopRequireDefault(require("./ConfirmDialog/ConfirmDialog"));
|
|
112
|
-
|
|
113
110
|
var _FormCheckBox = _interopRequireDefault(require("./FormCheckBox/FormCheckBox"));
|
|
114
|
-
|
|
115
111
|
var _FormChipCell = _interopRequireDefault(require("./FormChipCell/FormChipCell"));
|
|
116
|
-
|
|
117
112
|
var _FormInput = _interopRequireDefault(require("./FormInput/FormInput"));
|
|
118
|
-
|
|
119
113
|
var _FormKeyValueTable = _interopRequireDefault(require("./FormKeyValueTable/FormKeyValueTable"));
|
|
120
|
-
|
|
121
114
|
var _FormRadio = _interopRequireDefault(require("./FormRadio/FormRadio"));
|
|
122
|
-
|
|
123
115
|
var _FormSelect = _interopRequireDefault(require("./FormSelect/FormSelect"));
|
|
124
|
-
|
|
125
116
|
var _FormTextarea = _interopRequireDefault(require("./FormTextarea/FormTextarea"));
|
|
126
|
-
|
|
127
117
|
var _Modal = _interopRequireDefault(require("./Modal/Modal"));
|
|
128
|
-
|
|
129
118
|
var _PopUpDialog = _interopRequireDefault(require("./PopUpDialog/PopUpDialog"));
|
|
130
|
-
|
|
131
119
|
var _RoundedIcon = _interopRequireDefault(require("./RoundedIcon/RoundedIcon"));
|
|
132
|
-
|
|
133
120
|
var _TextTooltipTemplate = _interopRequireDefault(require("./TooltipTemplate/TextTooltipTemplate"));
|
|
134
|
-
|
|
135
121
|
var _Tip = _interopRequireDefault(require("./Tip/Tip"));
|
|
136
|
-
|
|
137
122
|
var _Tooltip = _interopRequireDefault(require("./Tooltip/Tooltip"));
|
|
138
|
-
|
|
139
123
|
var _Wizard = _interopRequireDefault(require("./Wizard/Wizard"));
|
|
140
|
-
|
|
141
124
|
var _FormCombobox = _interopRequireDefault(require("./FormCombobox/FormCombobox"));
|
|
142
|
-
|
|
143
125
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
package/dist/constants.js
CHANGED
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.validation = exports.TERTIARY_BUTTON = exports.TAB_SHIFT = exports.TAB = exports.SECONDARY_BUTTON = exports.PRIMARY_BUTTON = exports.NOTFOUND_ERROR_STATUS_CODE = exports.MODAL_SM = exports.MODAL_MIN = exports.MODAL_MD = exports.MODAL_MAX = exports.MODAL_LG = exports.LABEL_BUTTON = exports.INTERNAL_SERVER_ERROR_STATUS_CODE = exports.GATEWAY_TIMEOUT_STATUS_CODE = exports.FORBIDDEN_ERROR_STATUS_CODE = exports.DELETE = exports.DANGER_BUTTON = exports.CONFLICT_ERROR_STATUS_CODE = exports.CLICK = exports.BADREQUEST_ERROR_STATUS_CODE = exports.BACKSPACE = void 0;
|
|
7
|
-
|
|
8
7
|
/*
|
|
9
8
|
Copyright 2022 Iguazio Systems Ltd.
|
|
10
9
|
Licensed under the Apache License, Version 2.0 (the "License") with
|
|
@@ -21,7 +20,6 @@ illegal under applicable law, and the grant of the foregoing license
|
|
|
21
20
|
under the Apache 2.0 license is conditioned upon your compliance with
|
|
22
21
|
such restriction.
|
|
23
22
|
*/
|
|
24
|
-
|
|
25
23
|
/*=========== EVENT KEYS =============*/
|
|
26
24
|
var BACKSPACE = 'Backspace';
|
|
27
25
|
exports.BACKSPACE = BACKSPACE;
|
|
@@ -32,8 +30,8 @@ exports.DELETE = DELETE;
|
|
|
32
30
|
var TAB = 'Tab';
|
|
33
31
|
exports.TAB = TAB;
|
|
34
32
|
var TAB_SHIFT = 'Tab+Shift';
|
|
35
|
-
/*=========== BUTTONS =============*/
|
|
36
33
|
|
|
34
|
+
/*=========== BUTTONS =============*/
|
|
37
35
|
exports.TAB_SHIFT = TAB_SHIFT;
|
|
38
36
|
var PRIMARY_BUTTON = 'primary';
|
|
39
37
|
exports.PRIMARY_BUTTON = PRIMARY_BUTTON;
|
|
@@ -44,8 +42,8 @@ exports.TERTIARY_BUTTON = TERTIARY_BUTTON;
|
|
|
44
42
|
var DANGER_BUTTON = 'danger';
|
|
45
43
|
exports.DANGER_BUTTON = DANGER_BUTTON;
|
|
46
44
|
var LABEL_BUTTON = 'label';
|
|
47
|
-
/*=========== VALITATION =============*/
|
|
48
45
|
|
|
46
|
+
/*=========== VALITATION =============*/
|
|
49
47
|
exports.LABEL_BUTTON = LABEL_BUTTON;
|
|
50
48
|
var validation = {
|
|
51
49
|
BEGIN_END_NOT_WITH: 'Must not begin and end with',
|
|
@@ -62,8 +60,8 @@ var validation = {
|
|
|
62
60
|
REQUIRED: 'This field is required',
|
|
63
61
|
VALID_CHARACTERS: 'Valid characters'
|
|
64
62
|
};
|
|
65
|
-
/*=========== STATUS CODES =============*/
|
|
66
63
|
|
|
64
|
+
/*=========== STATUS CODES =============*/
|
|
67
65
|
exports.validation = validation;
|
|
68
66
|
var BADREQUEST_ERROR_STATUS_CODE = 400;
|
|
69
67
|
exports.BADREQUEST_ERROR_STATUS_CODE = BADREQUEST_ERROR_STATUS_CODE;
|
|
@@ -76,8 +74,8 @@ exports.CONFLICT_ERROR_STATUS_CODE = CONFLICT_ERROR_STATUS_CODE;
|
|
|
76
74
|
var INTERNAL_SERVER_ERROR_STATUS_CODE = 500;
|
|
77
75
|
exports.INTERNAL_SERVER_ERROR_STATUS_CODE = INTERNAL_SERVER_ERROR_STATUS_CODE;
|
|
78
76
|
var GATEWAY_TIMEOUT_STATUS_CODE = 504;
|
|
79
|
-
/*=========== MODAL =============*/
|
|
80
77
|
|
|
78
|
+
/*=========== MODAL =============*/
|
|
81
79
|
exports.GATEWAY_TIMEOUT_STATUS_CODE = GATEWAY_TIMEOUT_STATUS_CODE;
|
|
82
80
|
var MODAL_SM = 'sm';
|
|
83
81
|
exports.MODAL_SM = MODAL_SM;
|
|
@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
var _plus = require("../../images/plus.svg");
|
|
13
|
-
|
|
14
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
-
|
|
16
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
18
12
|
/*
|
|
19
13
|
Copyright 2019 Iguazio Systems Ltd.
|
|
20
14
|
|
|
@@ -34,13 +28,14 @@ illegal under applicable law, and the grant of the foregoing license
|
|
|
34
28
|
under the Apache 2.0 license is conditioned upon your compliance with
|
|
35
29
|
such restriction.
|
|
36
30
|
*/
|
|
31
|
+
|
|
37
32
|
var FormActionButton = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
|
38
33
|
var disabled = _ref.disabled,
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
34
|
+
fields = _ref.fields,
|
|
35
|
+
fieldsPath = _ref.fieldsPath,
|
|
36
|
+
hidden = _ref.hidden,
|
|
37
|
+
label = _ref.label,
|
|
38
|
+
_onClick = _ref.onClick;
|
|
44
39
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
45
40
|
children: [!hidden && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
46
41
|
className: "form-table__row form-table__action-row no-hover",
|
|
@@ -55,7 +50,6 @@ var FormActionButton = /*#__PURE__*/_react.default.forwardRef(function (_ref, re
|
|
|
55
50
|
})]
|
|
56
51
|
});
|
|
57
52
|
});
|
|
58
|
-
|
|
59
53
|
FormActionButton.defaultProps = {
|
|
60
54
|
disabled: false,
|
|
61
55
|
label: 'Add new item'
|
|
@@ -4,27 +4,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
9
|
var _components = require("../../components");
|
|
13
|
-
|
|
14
10
|
var _types = require("../../types");
|
|
15
|
-
|
|
16
11
|
var _close = require("../../images/close.svg");
|
|
17
|
-
|
|
18
12
|
var _edit = require("../../images/edit.svg");
|
|
19
|
-
|
|
20
13
|
var _delete = require("../../images/delete.svg");
|
|
21
|
-
|
|
22
14
|
var _checkmark = require("../../images/checkmark2.svg");
|
|
23
|
-
|
|
24
15
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
25
|
-
|
|
26
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
27
|
-
|
|
28
17
|
/*
|
|
29
18
|
Copyright 2019 Iguazio Systems Ltd.
|
|
30
19
|
|
|
@@ -44,15 +33,15 @@ illegal under applicable law, and the grant of the foregoing license
|
|
|
44
33
|
under the Apache 2.0 license is conditioned upon your compliance with
|
|
45
34
|
such restriction.
|
|
46
35
|
*/
|
|
36
|
+
|
|
47
37
|
var FormRowActions = function FormRowActions(_ref) {
|
|
48
38
|
var _editingItem$ui, _editingItem$ui2, _editingItem$ui3;
|
|
49
|
-
|
|
50
39
|
var applyChanges = _ref.applyChanges,
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
40
|
+
deleteRow = _ref.deleteRow,
|
|
41
|
+
discardOrDelete = _ref.discardOrDelete,
|
|
42
|
+
editingItem = _ref.editingItem,
|
|
43
|
+
fieldsPath = _ref.fieldsPath,
|
|
44
|
+
index = _ref.index;
|
|
56
45
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
57
46
|
children: (editingItem === null || editingItem === void 0 ? void 0 : (_editingItem$ui = editingItem.ui) === null || _editingItem$ui === void 0 ? void 0 : _editingItem$ui.index) === index ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
58
47
|
className: "form-table__cell form-table__actions-cell",
|
|
@@ -87,7 +76,6 @@ var FormRowActions = function FormRowActions(_ref) {
|
|
|
87
76
|
})
|
|
88
77
|
});
|
|
89
78
|
};
|
|
90
|
-
|
|
91
79
|
FormRowActions.defaultProps = {
|
|
92
80
|
editingItem: null
|
|
93
81
|
};
|
|
@@ -1,75 +1,65 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
-
|
|
14
10
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
15
|
-
|
|
16
11
|
var _Tooltip = _interopRequireDefault(require("../../components/Tooltip/Tooltip"));
|
|
17
|
-
|
|
18
12
|
var _TextTooltipTemplate = _interopRequireDefault(require("../../components/TooltipTemplate/TextTooltipTemplate"));
|
|
19
|
-
|
|
20
13
|
var _types = require("../../types");
|
|
21
|
-
|
|
22
14
|
var _getFirstScrollableParent = require("../../utils/getFirstScrollableParent.util");
|
|
23
|
-
|
|
24
15
|
require("./hiddenChipsBlock.scss");
|
|
25
|
-
|
|
26
16
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
27
|
-
|
|
28
17
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
29
|
-
|
|
30
18
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
31
|
-
|
|
32
19
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
33
|
-
|
|
34
20
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
35
|
-
|
|
36
21
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
37
|
-
|
|
38
22
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
39
|
-
|
|
40
|
-
function
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
23
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
24
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
25
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /*
|
|
26
|
+
Copyright 2022 Iguazio Systems Ltd.
|
|
27
|
+
Licensed under the Apache License, Version 2.0 (the "License") with
|
|
28
|
+
an addition restriction as set forth herein. You may not use this
|
|
29
|
+
file except in compliance with the License. You may obtain a copy of
|
|
30
|
+
the License at http://www.apache.org/licenses/LICENSE-2.0.
|
|
31
|
+
Unless required by applicable law or agreed to in writing, software
|
|
32
|
+
distributed under the License is distributed on an "AS IS" BASIS,
|
|
33
|
+
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
|
|
34
|
+
implied. See the License for the specific language governing
|
|
35
|
+
permissions and limitations under the License.
|
|
36
|
+
In addition, you may not use the software for any purposes that are
|
|
37
|
+
illegal under applicable law, and the grant of the foregoing license
|
|
38
|
+
under the Apache 2.0 license is conditioned upon your compliance with
|
|
39
|
+
such restriction.
|
|
40
|
+
*/
|
|
46
41
|
var HiddenChipsBlock = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
|
47
42
|
var chipClassNames = _ref.chipClassNames,
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
43
|
+
chipOptions = _ref.chipOptions,
|
|
44
|
+
chips = _ref.chips,
|
|
45
|
+
handleShowElements = _ref.handleShowElements,
|
|
46
|
+
textOverflowEllipsis = _ref.textOverflowEllipsis;
|
|
53
47
|
var _useState = (0, _react.useState)(false),
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
48
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
49
|
+
isTop = _useState2[0],
|
|
50
|
+
setIsTop = _useState2[1];
|
|
58
51
|
var _useState3 = (0, _react.useState)(true),
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
52
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
53
|
+
isRight = _useState4[0],
|
|
54
|
+
setIsRight = _useState4[1];
|
|
63
55
|
var _useState5 = (0, _react.useState)(false),
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
56
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
57
|
+
isVisible = _useState6[0],
|
|
58
|
+
setIsVisible = _useState6[1];
|
|
68
59
|
var _useState7 = (0, _react.useState)(window.innerWidth / 2),
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
60
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
61
|
+
windowHalfWidth = _useState8[0],
|
|
62
|
+
setWindowHalfWidth = _useState8[1];
|
|
73
63
|
var hiddenRef = (0, _react.useRef)();
|
|
74
64
|
var offset = 28;
|
|
75
65
|
var hiddenChipsBlockClassNames = (0, _classnames.default)('chip-block-hidden', isTop ? 'chip-block-hidden_top' : 'chip-block-hidden_bottom', isRight ? 'chip-block-hidden_right' : 'chip-block-hidden_left', isVisible && 'chip-block-hidden_visible');
|
|
@@ -80,11 +70,9 @@ var HiddenChipsBlock = /*#__PURE__*/_react.default.forwardRef(function (_ref, re
|
|
|
80
70
|
setWindowHalfWidth(parseInt(window.innerWidth / 2));
|
|
81
71
|
}
|
|
82
72
|
}, [hiddenRef]);
|
|
83
|
-
|
|
84
73
|
var generateChipData = function generateChipData(chip) {
|
|
85
74
|
return chip.isKeyOnly ? chip.key : "".concat(chip.key).concat(chip.delimiter ? chip.delimiter : ':', " ").concat(chip.value);
|
|
86
75
|
};
|
|
87
|
-
|
|
88
76
|
(0, _react.useEffect)(function () {
|
|
89
77
|
handleResize();
|
|
90
78
|
}, [handleResize]);
|
|
@@ -99,18 +87,14 @@ var HiddenChipsBlock = /*#__PURE__*/_react.default.forwardRef(function (_ref, re
|
|
|
99
87
|
(0, _react.useEffect)(function () {
|
|
100
88
|
if (hiddenRef !== null && hiddenRef !== void 0 && hiddenRef.current) {
|
|
101
89
|
var scrollableParent = (0, _getFirstScrollableParent.getFirstScrollableParentUtil)(hiddenRef.current.offsetParent);
|
|
102
|
-
|
|
103
90
|
var _hiddenRef$current$ge = hiddenRef.current.getBoundingClientRect(),
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
91
|
+
height = _hiddenRef$current$ge.height,
|
|
92
|
+
top = _hiddenRef$current$ge.top;
|
|
107
93
|
var _ref$current$getBound = ref.current.getBoundingClientRect(),
|
|
108
|
-
|
|
109
|
-
|
|
94
|
+
right = _ref$current$getBound.right;
|
|
110
95
|
if (hiddenRef.current.offsetParent.getBoundingClientRect().top - hiddenRef.current.offsetParent.clientHeight - height - offset < 0 || scrollableParent.getBoundingClientRect().top > top) {
|
|
111
96
|
setIsTop(true);
|
|
112
97
|
}
|
|
113
|
-
|
|
114
98
|
setIsRight(right <= windowHalfWidth);
|
|
115
99
|
setIsVisible(true);
|
|
116
100
|
}
|
|
@@ -125,7 +109,6 @@ var HiddenChipsBlock = /*#__PURE__*/_react.default.forwardRef(function (_ref, re
|
|
|
125
109
|
className: hiddenChipsBlockClassNames,
|
|
126
110
|
children: chips === null || chips === void 0 ? void 0 : chips.map(function (element) {
|
|
127
111
|
var _element$delimiter;
|
|
128
|
-
|
|
129
112
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
|
|
130
113
|
template: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextTooltipTemplate.default, {
|
|
131
114
|
text: element.delimiter ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
|
|
@@ -157,7 +140,6 @@ var HiddenChipsBlock = /*#__PURE__*/_react.default.forwardRef(function (_ref, re
|
|
|
157
140
|
})
|
|
158
141
|
});
|
|
159
142
|
});
|
|
160
|
-
|
|
161
143
|
HiddenChipsBlock.defaultProps = {
|
|
162
144
|
textOverflowEllipsis: false
|
|
163
145
|
};
|