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.
Files changed (79) hide show
  1. package/dist/components/Backdrop/Backdrop.js +4 -11
  2. package/dist/components/Button/Button.js +25 -28
  3. package/dist/components/ConfirmDialog/ConfirmDialog.js +10 -24
  4. package/dist/components/FormCheckBox/FormCheckBox.js +25 -25
  5. package/dist/components/FormChipCell/FormChip/FormChip.js +33 -33
  6. package/dist/components/FormChipCell/FormChipCell.js +66 -109
  7. package/dist/components/FormChipCell/FormChipCellView.js +19 -37
  8. package/dist/components/FormChipCell/NewChipForm/NewChipForm.js +58 -90
  9. package/dist/components/FormChipCell/NewChipInput/NewChipInput.js +24 -22
  10. package/dist/components/FormChipCell/formChipCell.util.js +0 -1
  11. package/dist/components/FormCombobox/FormCombobox.js +82 -140
  12. package/dist/components/FormInput/FormInput.js +110 -175
  13. package/dist/components/FormInput/InputNumberButtons/InputNumberButtons.js +6 -21
  14. package/dist/components/FormKeyValueTable/FormKeyValueTable.js +23 -39
  15. package/dist/components/FormRadio/FormRadio.js +23 -22
  16. package/dist/components/FormSelect/FormSelect.js +56 -92
  17. package/dist/components/FormSelect/FormSelect.test.js +19 -35
  18. package/dist/components/FormTextarea/FormTextarea.js +44 -69
  19. package/dist/components/Modal/Modal.js +8 -21
  20. package/dist/components/Modal/Modal.scss +2 -2
  21. package/dist/components/PopUpDialog/PopUpDialog.js +28 -43
  22. package/dist/components/RoundedIcon/RoundedIcon.js +7 -18
  23. package/dist/components/RoundedIcon/roundedIcon.scss +2 -2
  24. package/dist/components/Tip/Tip.js +25 -40
  25. package/dist/components/Tip/Tip.test.js +36 -45
  26. package/dist/components/Tooltip/Tooltip.js +40 -64
  27. package/dist/components/TooltipTemplate/ProducerTooltipTemplate.js +2 -8
  28. package/dist/components/TooltipTemplate/TextTooltipTemplate.js +2 -12
  29. package/dist/components/Wizard/Wizard.js +35 -57
  30. package/dist/components/Wizard/Wizard.scss +1 -3
  31. package/dist/components/Wizard/WizardSteps/WizardSteps.js +4 -16
  32. package/dist/components/Wizard/WizardSteps/WizardSteps.scss +1 -0
  33. package/dist/components/index.js +0 -18
  34. package/dist/constants.js +4 -6
  35. package/dist/elements/FormActionButton/FormActionButton.js +6 -12
  36. package/dist/elements/FormRowActions/FormRowActions.js +6 -18
  37. package/dist/elements/HiddenChipsBlock/HiddenChipsBlock.js +37 -55
  38. package/dist/elements/OptionsMenu/OptionsMenu.js +4 -14
  39. package/dist/elements/SelectOption/SelectOption.js +6 -18
  40. package/dist/elements/SelectOption/SelectOption.test.js +19 -12
  41. package/dist/elements/SelectOption/selectOption.scss +5 -2
  42. package/dist/elements/ValidationTemplate/ValidationTemplate.js +2 -11
  43. package/dist/elements/index.js +0 -6
  44. package/dist/hooks/index.js +0 -1
  45. package/dist/hooks/useDebounce.js +1 -5
  46. package/dist/hooks/useDetectOutsideClick.js +4 -8
  47. package/dist/hooks/useFormTable.hook.js +31 -41
  48. package/dist/images/archive-icon.svg +3 -0
  49. package/dist/images/arrow.svg +1 -1
  50. package/dist/images/close.svg +2 -2
  51. package/dist/images/collapse.svg +2 -2
  52. package/dist/images/copy-to-clipboard-icon.svg +3 -0
  53. package/dist/images/deploy-icon.svg +4 -0
  54. package/dist/images/edit.svg +1 -1
  55. package/dist/images/edit_old.svg +3 -0
  56. package/dist/images/expand.svg +2 -2
  57. package/dist/images/eye-icon.svg +3 -0
  58. package/dist/images/link-icon.svg +5 -0
  59. package/dist/images/monitor-icon.svg +3 -0
  60. package/dist/images/refresh.svg +1 -1
  61. package/dist/images/tag-icon.svg +4 -0
  62. package/dist/images/unarchive-icon.svg +3 -0
  63. package/dist/images/yaml.svg +2 -3
  64. package/dist/images/yaml_old.svg +4 -0
  65. package/dist/index.js +0 -13
  66. package/dist/scss/borders.scss +1 -1
  67. package/dist/scss/colors.scss +2 -0
  68. package/dist/scss/common.scss +7 -3
  69. package/dist/scss/mixins.scss +6 -19
  70. package/dist/scss/shadows.scss +3 -3
  71. package/dist/scss/variables.scss +2 -0
  72. package/dist/types.js +19 -49
  73. package/dist/utils/common.util.js +3 -13
  74. package/dist/utils/form.util.js +20 -24
  75. package/dist/utils/generateChipsList.util.js +0 -3
  76. package/dist/utils/getFirstScrollableParent.util.js +0 -5
  77. package/dist/utils/validation.util.js +72 -94
  78. package/package.json +104 -104
  79. 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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
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 _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; }
49
-
50
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
51
-
52
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
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
- className = _ref.className,
57
- formState = _ref.formState,
58
- isWizardOpen = _ref.isWizardOpen,
59
- onWizardResolve = _ref.onWizardResolve,
60
- onWizardSubmit = _ref.onWizardSubmit,
61
- location = _ref.location,
62
- size = _ref.size,
63
- subTitle = _ref.subTitle,
64
- title = _ref.title,
65
- stepsConfig = _ref.stepsConfig,
66
- submitButtonLabel = _ref.submitButtonLabel;
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
- _useState2 = _slicedToArray(_useState, 2),
70
- activeStepNumber = _useState2[0],
71
- setActiveStepNumber = _useState2[1];
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;
@@ -11,9 +11,7 @@
11
11
  overflow-y: auto;
12
12
  height: 100%;
13
13
  width: 100%;
14
- padding-top: 1.5rem;
15
- padding-right: 1.5rem;
16
- padding-left: 1rem;
14
+ padding: 1.5rem 1.5rem 1.5rem 1rem;
17
15
  }
18
16
 
19
17
  .wizard-form__content {
@@ -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
- jumpToStep = _ref.jumpToStep,
43
- steps = _ref.steps;
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
- label = _ref2.label;
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,
@@ -7,6 +7,7 @@
7
7
  min-width: 260px;
8
8
  margin-right: 1rem;
9
9
  margin-top: 1.5rem;
10
+ padding-right: 1rem;
10
11
  overflow-y: auto;
11
12
 
12
13
  &__indicator {
@@ -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
- fields = _ref.fields,
40
- fieldsPath = _ref.fieldsPath,
41
- hidden = _ref.hidden,
42
- label = _ref.label,
43
- _onClick = _ref.onClick;
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
- deleteRow = _ref.deleteRow,
52
- discardOrDelete = _ref.discardOrDelete,
53
- editingItem = _ref.editingItem,
54
- fieldsPath = _ref.fieldsPath,
55
- index = _ref.index;
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 _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; }
41
-
42
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
43
-
44
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
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
- chipOptions = _ref.chipOptions,
49
- chips = _ref.chips,
50
- handleShowElements = _ref.handleShowElements,
51
- textOverflowEllipsis = _ref.textOverflowEllipsis;
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
- _useState2 = _slicedToArray(_useState, 2),
55
- isTop = _useState2[0],
56
- setIsTop = _useState2[1];
57
-
48
+ _useState2 = _slicedToArray(_useState, 2),
49
+ isTop = _useState2[0],
50
+ setIsTop = _useState2[1];
58
51
  var _useState3 = (0, _react.useState)(true),
59
- _useState4 = _slicedToArray(_useState3, 2),
60
- isRight = _useState4[0],
61
- setIsRight = _useState4[1];
62
-
52
+ _useState4 = _slicedToArray(_useState3, 2),
53
+ isRight = _useState4[0],
54
+ setIsRight = _useState4[1];
63
55
  var _useState5 = (0, _react.useState)(false),
64
- _useState6 = _slicedToArray(_useState5, 2),
65
- isVisible = _useState6[0],
66
- setIsVisible = _useState6[1];
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
- _useState8 = _slicedToArray(_useState7, 2),
70
- windowHalfWidth = _useState8[0],
71
- setWindowHalfWidth = _useState8[1];
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
- height = _hiddenRef$current$ge.height,
105
- top = _hiddenRef$current$ge.top;
106
-
91
+ height = _hiddenRef$current$ge.height,
92
+ top = _hiddenRef$current$ge.top;
107
93
  var _ref$current$getBound = ref.current.getBoundingClientRect(),
108
- right = _ref$current$getBound.right;
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
  };