iguazio.dashboard-react-controls 0.0.39 → 1.2.0

package/dist/elements/OptionsMenu/OptionsMenu.js

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactTransitionGroup = require("react-transition-group");
-
 var _components = require("../../components");
-
 require("./optionsMenu.scss");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /*
 Copyright 2022 Iguazio Systems Ltd.
 Licensed under the Apache License, Version 2.0 (the "License") with
@@ -35,14 +27,13 @@ illegal under applicable law, and the grant of the foregoing license
 under the Apache 2.0 license is conditioned upon your compliance with
 such restriction.
 */
+
 var OptionsMenu = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var children = _ref.children,
-      show = _ref.show,
-      timeout = _ref.timeout;
-
+    show = _ref.show,
+    timeout = _ref.timeout;
   var _ref2 = ref.current ? ref.current.getBoundingClientRect() : {},
-      dropdownWidth = _ref2.width;
-
+    dropdownWidth = _ref2.width;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
     in: show,
     timeout: timeout,
@@ -65,7 +56,6 @@ var OptionsMenu = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     })
   });
 });
-
 OptionsMenu.defaultProps = {
   children: [],
   show: false,

package/dist/elements/SelectOption/SelectOption.js

@@ -4,25 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _components = require("../../components");
-
 var _types = require("../../types");
-
 var _checkmark = require("../../images/checkmark.svg");
-
 require("./selectOption.scss");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /*
 Copyright 2022 Iguazio Systems Ltd.
 Licensed under the Apache License, Version 2.0 (the "License") with
@@ -39,15 +29,15 @@ illegal under applicable law, and the grant of the foregoing license
 under the Apache 2.0 license is conditioned upon your compliance with
 such restriction.
 */
+
 var SelectOption = function SelectOption(_ref) {
   var item = _ref.item,
-      name = _ref.name,
-      _onClick = _ref.onClick,
-      multiple = _ref.multiple,
-      selectedId = _ref.selectedId,
-      withSelectedIcon = _ref.withSelectedIcon;
+    name = _ref.name,
+    _onClick = _ref.onClick,
+    multiple = _ref.multiple,
+    selectedId = _ref.selectedId,
+    withSelectedIcon = _ref.withSelectedIcon;
   var selectClassName = (0, _classnames.default)('select__item', multiple && 'multiple', item.hidden && 'hidden', item.disabled && 'disabled');
-
   if (multiple) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       "data-testid": "select-checkbox",
@@ -62,7 +52,6 @@ var SelectOption = function SelectOption(_ref) {
       })
     });
   }
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     "data-testid": "select-option",
     className: selectClassName,
@@ -99,7 +88,6 @@ var SelectOption = function SelectOption(_ref) {
     })]
   });
 };
-
 SelectOption.defaultProps = {
   onClick: function onClick() {},
   multiple: false,

package/dist/elements/SelectOption/SelectOption.test.js

@@ -1,25 +1,34 @@
 "use strict";
 
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@testing-library/react");
-
 var _SelectOption = _interopRequireDefault(require("./SelectOption"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+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); }
 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; }
-
 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; }
-
-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; }
-
+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; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+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); } /*
+                                                                                                                                                                                                                                                                                                                                                                                              Copyright 2022 Iguazio Systems Ltd.
+                                                                                                                                                                                                                                                                                                                                                                                              Licensed under the Apache License, Version 2.0 (the "License") with
+                                                                                                                                                                                                                                                                                                                                                                                              an addition restriction as set forth herein. You may not use this
+                                                                                                                                                                                                                                                                                                                                                                                              file except in compliance with the License. You may obtain a copy of
+                                                                                                                                                                                                                                                                                                                                                                                              the License at http://www.apache.org/licenses/LICENSE-2.0.
+                                                                                                                                                                                                                                                                                                                                                                                              Unless required by applicable law or agreed to in writing, software
+                                                                                                                                                                                                                                                                                                                                                                                              distributed under the License is distributed on an "AS IS" BASIS,
+                                                                                                                                                                                                                                                                                                                                                                                              WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+                                                                                                                                                                                                                                                                                                                                                                                              implied. See the License for the specific language governing
+                                                                                                                                                                                                                                                                                                                                                                                              permissions and limitations under the License.
+                                                                                                                                                                                                                                                                                                                                                                                              In addition, you may not use the software for any purposes that are
+                                                                                                                                                                                                                                                                                                                                                                                              illegal under applicable law, and the grant of the foregoing license
+                                                                                                                                                                                                                                                                                                                                                                                              under the Apache 2.0 license is conditioned upon your compliance with
+                                                                                                                                                                                                                                                                                                                                                                                              such restriction.
+                                                                                                                                                                                                                                                                                                                                                                                              */
 var renderComponent = function renderComponent(props) {
   return (0, _react2.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectOption.default, _objectSpread({}, props)));
 };
-
 jest.mock('../../images/checkbox-unchecked.svg', function () {
   return {
     ReactComponent: 'unchecked-icon'
@@ -76,9 +85,7 @@ describe('SelectOption component', function () {
       disabled: true
     }));
     var selectOption = wrapper.getByTestId('select-option');
-
     _react2.fireEvent.click(selectOption);
-
     expect(mockCLick).toHaveBeenCalledTimes(0);
   });
   it('should display subLabel if it exists in props item', function () {

package/dist/elements/SelectOption/selectOption.scss

@@ -3,9 +3,12 @@
 
 .select {
   &__item {
+    display: flex;
+    align-items: center;
+    flex-flow: row wrap;
     width: 100%;
-    min-height: 49px;
-    padding: 16px 15px;
+    min-height: 50px;
+    padding: 10px 15px;
 
     &.multiple {
       padding: 0 15px;

package/dist/elements/ValidationTemplate/ValidationTemplate.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _success_done = require("../../images/success_done.svg");
-
 var _close = require("../../images/close.svg");
-
 require("./ValidationTemplate.scss");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /*
 Copyright 2022 Iguazio Systems Ltd.
 Licensed under the Apache License, Version 2.0 (the "License") with
@@ -37,9 +28,10 @@ illegal under applicable law, and the grant of the foregoing license
 under the Apache 2.0 license is conditioned upon your compliance with
 such restriction.
 */
+
 var ValidationTemplate = function ValidationTemplate(_ref) {
   var valid = _ref.valid,
-      validationMessage = _ref.validationMessage;
+    validationMessage = _ref.validationMessage;
   var validationClasses = (0, _classnames.default)('validation-option', valid && 'text-muted');
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
     className: validationClasses,
@@ -55,7 +47,6 @@ var ValidationTemplate = function ValidationTemplate(_ref) {
     })]
   });
 };
-
 ValidationTemplate.propTypes = {
   valid: _propTypes.default.bool.isRequired,
   validationMessage: _propTypes.default.string.isRequired

package/dist/elements/index.js

@@ -33,15 +33,9 @@ Object.defineProperty(exports, "ValidationTemplate", {
     return _ValidationTemplate.default;
   }
 });
-
 var _FormActionButton = _interopRequireDefault(require("./FormActionButton/FormActionButton"));
-
 var _FormRowActions = _interopRequireDefault(require("./FormRowActions/FormRowActions"));
-
 var _OptionsMenu = _interopRequireDefault(require("./OptionsMenu/OptionsMenu"));
-
 var _SelectOption = _interopRequireDefault(require("./SelectOption/SelectOption"));
-
 var _ValidationTemplate = _interopRequireDefault(require("./ValidationTemplate/ValidationTemplate"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/hooks/index.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "useDetectOutsideClick", {
     return _useDetectOutsideClick.useDetectOutsideClick;
   }
 });
-
 var _useDetectOutsideClick = require("./useDetectOutsideClick");

package/dist/hooks/useDebounce.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useDebounce = void 0;
-
 var _react = require("react");
-
 /*
 Copyright 2022 Iguazio Systems Ltd.
 Licensed under the Apache License, Version 2.0 (the "License") with
@@ -23,6 +21,7 @@ illegal under applicable law, and the grant of the foregoing license
 under the Apache 2.0 license is conditioned upon your compliance with
 such restriction.
 */
+
 var useDebounce = function useDebounce() {
   return function (validate, time) {
     var timeout = (0, _react.useRef)(null);
@@ -33,14 +32,12 @@ var useDebounce = function useDebounce() {
         if (timeout.current) {
           timeout.current();
         }
-
         if (value !== lastValue.current) {
           var timerId = setTimeout(function () {
             lastValue.current = value;
             lastResult.current = validate(value);
             resolve(lastResult.current);
           }, time);
-
           timeout.current = function () {
             clearTimeout(timerId);
             resolve(true);
@@ -52,5 +49,4 @@ var useDebounce = function useDebounce() {
     };
   };
 };
-
 exports.useDebounce = useDebounce;

package/dist/hooks/useDetectOutsideClick.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useDetectOutsideClick = void 0;
-
 var _react = require("react");
-
 /*
 Copyright 2022 Iguazio Systems Ltd.
 Licensed under the Apache License, Version 2.0 (the "License") with
@@ -33,19 +31,17 @@ such restriction.
 var useDetectOutsideClick = function useDetectOutsideClick(ref, handler) {
   (0, _react.useEffect)(function () {
     var onClick = function onClick(e) {
-      e.stopPropagation(); // If the active element exists and is clicked outside of
-
+      e.stopPropagation();
+      // If the active element exists and is clicked outside of
       if (ref.current !== null && !ref.current.contains(e.target)) {
         handler(e);
       }
-    }; // If the item is active (ie open) then listen for clicks outside
-
-
+    };
+    // If the item is active (ie open) then listen for clicks outside
     window.addEventListener('click', onClick);
     return function () {
       window.removeEventListener('click', onClick);
     };
   }, [ref, handler]);
 };
-
 exports.useDetectOutsideClick = useDetectOutsideClick;

package/dist/hooks/useFormTable.hook.js

@@ -1,32 +1,41 @@
 "use strict";
 
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useFormTable = void 0;
-
 var _react = require("react");
-
 var _lodash = require("lodash");
-
 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; }
-
 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; }
-
-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; }
-
+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; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+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); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 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."); }
-
 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); }
-
-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; }
-
-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; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
+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; }
+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; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /*
+                                                                      Copyright 2019 Iguazio Systems Ltd.
+                                                                      
+                                                                      Licensed under the Apache License, Version 2.0 (the "License") with
+                                                                      an addition restriction as set forth herein. You may not use this
+                                                                      file except in compliance with the License. You may obtain a copy of
+                                                                      the License at http://www.apache.org/licenses/LICENSE-2.0.
+                                                                      
+                                                                      Unless required by applicable law or agreed to in writing, software
+                                                                      distributed under the License is distributed on an "AS IS" BASIS,
+                                                                      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+                                                                      implied. See the License for the specific language governing
+                                                                      permissions and limitations under the License.
+                                                                      
+                                                                      In addition, you may not use the software for any purposes that are
+                                                                      illegal under applicable law, and the grant of the foregoing license
+                                                                      under the Apache 2.0 license is conditioned upon your compliance with
+                                                                      such restriction.
+                                                                      */
 var useFormTable = function useFormTable(formState) {
   // `editingItem` should contain the `data` object with all fields that are used in the `formState`.
   // Properties that aren't used in the `formState` should be placed directly in the `editingItem` object
@@ -46,10 +55,9 @@ var useFormTable = function useFormTable(formState) {
   //   }
   // }
   var _useState = (0, _react.useState)(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      editingItem = _useState2[0],
-      setEditingItem = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    editingItem = _useState2[0],
+    setEditingItem = _useState2[1];
   var editingItemRef = (0, _react.useRef)(null);
   var bottomScrollRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(function () {
@@ -58,7 +66,6 @@ var useFormTable = function useFormTable(formState) {
   (0, _react.useEffect)(function () {
     return function () {
       var _editingItemRef$curre, _editingItemRef$curre2;
-
       if ((_editingItemRef$curre = editingItemRef.current) !== null && _editingItemRef$curre !== void 0 && (_editingItemRef$curre2 = _editingItemRef$curre.ui) !== null && _editingItemRef$curre2 !== void 0 && _editingItemRef$curre2.isNew) {
         formState.form.mutators.remove(editingItemRef.current.ui.fieldsPath, editingItemRef.current.ui.index);
       } else if (editingItemRef.current) {
@@ -66,13 +73,11 @@ var useFormTable = function useFormTable(formState) {
       }
     };
   }, [formState.form.mutators]);
-
   var addNewRow = function addNewRow(event, fields, fieldsPath, newItem) {
     applyOrDiscardOrDelete(event);
     formState.form.mutators.push(fieldsPath, newItem);
     setEditingItem(function () {
       var _fields$value;
-
       return _objectSpread(_objectSpread({}, newItem), {}, {
         ui: {
           isNew: true,
@@ -83,22 +88,20 @@ var useFormTable = function useFormTable(formState) {
     });
     scrollIntoView();
   };
-
   var applyChanges = function applyChanges(event, index) {
     if (editingItem) {
       if (!(0, _lodash.get)(formState === null || formState === void 0 ? void 0 : formState.errors, editingItem.ui.fieldsPath.split('.'), false)) {
         exitEditMode();
-
         if (editingItem.ui.isNew) {
           scrollIntoView();
         }
       } else {
-        var errorField = (0, _lodash.get)(formState.errors, editingItem.ui.fieldsPath.split('.'), {})[index]; // Mark all empty fields as `modified` in order to highlight the error if the field is invalid
+        var errorField = (0, _lodash.get)(formState.errors, editingItem.ui.fieldsPath.split('.'), {})[index];
 
+        // Mark all empty fields as `modified` in order to highlight the error if the field is invalid
         Object.entries(errorField.data).forEach(function (_ref) {
           var _ref2 = _slicedToArray(_ref, 1),
-              fieldName = _ref2[0];
-
+            fieldName = _ref2[0];
           formState.form.mutators.setFieldState("".concat(editingItem.ui.fieldsPath, "[").concat(index, "].data.").concat(fieldName), {
             modified: true
           });
@@ -106,10 +109,8 @@ var useFormTable = function useFormTable(formState) {
       }
     }
   };
-
   var applyOrDiscardOrDelete = function applyOrDiscardOrDelete() {
     var event = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-
     if (editingItem) {
       if (!(0, _lodash.get)(formState === null || formState === void 0 ? void 0 : formState.errors, editingItem.ui.fieldsPath, false)) {
         applyChanges(event, editingItem.ui.index);
@@ -118,33 +119,27 @@ var useFormTable = function useFormTable(formState) {
       }
     }
   };
-
   var deleteRow = function deleteRow(event, fieldsPath, index) {
     if (editingItem && index !== editingItem.ui.index) {
       applyOrDiscardOrDelete(event);
     }
-
     exitEditMode();
     formState.form.mutators.remove(fieldsPath, index);
     event && event.stopPropagation();
   };
-
   var discardChanges = function discardChanges(event, fieldsPath, index) {
     exitEditMode();
     formState.form.mutators.update(fieldsPath, index, (0, _lodash.omit)(editingItem, ['ui']));
     event && event.stopPropagation();
   };
-
   var discardOrDelete = function discardOrDelete(event, fieldsPath, index) {
     var _editingItem$ui;
-
     if (!editingItem || editingItem !== null && editingItem !== void 0 && (_editingItem$ui = editingItem.ui) !== null && _editingItem$ui !== void 0 && _editingItem$ui.isNew) {
       deleteRow(event, fieldsPath, index);
     } else {
       discardChanges(event, fieldsPath, index);
     }
   };
-
   var enterEditMode = function enterEditMode(event, fields, fieldsPath, index) {
     applyOrDiscardOrDelete(event);
     setTimeout(function () {
@@ -159,11 +154,9 @@ var useFormTable = function useFormTable(formState) {
       });
     });
   };
-
   var exitEditMode = function exitEditMode() {
     setEditingItem(null);
   };
-
   var scrollIntoView = function scrollIntoView() {
     if (bottomScrollRef.current) {
       setTimeout(function () {
@@ -174,11 +167,9 @@ var useFormTable = function useFormTable(formState) {
       });
     }
   };
-
   var isCurrentRowEditing = function isCurrentRowEditing(rowPath) {
     return editingItem && "".concat(editingItem.ui.fieldsPath, "[").concat(editingItem.ui.index, "]") === rowPath;
   };
-
   return {
     addNewRow: addNewRow,
     applyChanges: applyChanges,
@@ -194,5 +185,4 @@ var useFormTable = function useFormTable(formState) {
     isCurrentRowEditing: isCurrentRowEditing
   };
 };
-
 exports.useFormTable = useFormTable;

package/dist/images/archive-icon.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20 21H4V10H6V19H18V10H20V21ZM3 3H21V9H3V3ZM9.5 11H14.5C14.78 11 15 11.22 15 11.5V13H9V11.5C9 11.22 9.22 11 9.5 11ZM5 5V7H19V5H5Z" fill="#7F7989"/>
+</svg>

package/dist/images/arrow.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9 7.41L13.58 12L9 16.59L10.41 18L16.41 12L10.41 6L9 7.41Z" fill="#7F7989"/>
+<path d="M9 15.825L12.7085 12L9 8.175L10.1417 7L15 12L10.1417 17L9 15.825Z" fill="#7F7989"/>
 </svg>

package/dist/images/close.svg

@@ -1,3 +1,3 @@
-<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M14 1.4L12.6 0L7 5.6L1.4 0L0 1.4L5.6 7L0 12.6L1.4 14L7 8.4L12.6 14L14 12.6L8.4 7L14 1.4Z" fill="#7F7989"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21 4.8L19.2 3L12 10.2L4.8 3L3 4.8L10.2 12L3 19.2L4.8 21L12 13.8L19.2 21L21 19.2L13.8 12L21 4.8Z" fill="#8A8493"/>
 </svg>

package/dist/images/collapse.svg

@@ -1,3 +1,3 @@
-<svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M0.25 10.9425L1.315 12L3.6925 9.6225L6.07 12L7.1275 10.9425L3.6925 7.5L0.25 10.9425ZM7.135 1.0575L6.07 0L3.6925 2.3775L1.315 0L0.25 1.0575L3.6925 4.5L7.135 1.0575Z" fill="#7F7989"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17 4.53595L15.4532 3L12 6.45316L8.54684 3L7 4.53595L12 9.53595M7 18.8932L8.54684 20.4292L12 16.976L15.4532 20.4292L16.9891 18.8932L12 13.8932L7 18.8932Z" fill="#7F7989"/>
 </svg>

package/dist/images/copy-to-clipboard-icon.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 2H4C2.9 2 2 2.9 2 4V18H4V4H16V2ZM15 6H8C6.9 6 6.01 6.9 6.01 8L6 22C6 23.1 6.89 24 7.99 24H19C20.1 24 21 23.1 21 22V12L15 6ZM8 22V8H14V13H19V22H8Z" fill="#7F7989"/>
+</svg>

package/dist/images/deploy-icon.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.9712 20L11.6794 16.9648C12.9237 16.5052 14.0886 15.8871 15.1665 15.1659L12.9712 20ZM7.03526 12.321L3.99992 11.0292L8.83427 8.83408C8.11308 9.91185 7.49492 11.0768 7.03526 12.321ZM17.7976 5.58495C18.0195 5.58495 18.2177 5.58495 18.3841 5.62458C18.5188 6.72611 18.3682 8.99258 15.7688 11.5919C14.4215 12.947 12.8127 13.9852 11.0058 14.6746L9.30185 13.0104C10.031 11.1798 11.0692 9.57108 12.4085 8.23181C14.5959 6.04459 16.5454 5.58495 17.7976 5.58495ZM17.7976 4.00001C16.2284 4.00001 13.8509 4.54681 11.2831 7.11442C9.54753 8.84993 8.50934 10.7598 7.8357 12.4319C7.61379 13.0263 7.76437 13.6761 8.20025 14.1199L9.88831 15.7999C10.1895 16.101 10.5937 16.2833 11.0137 16.2833C11.196 16.2833 11.3862 16.2358 11.5684 16.1644C13.2644 15.5146 15.1506 14.4527 16.8862 12.7172C21.3719 8.23181 19.6917 4.30907 19.6917 4.30907C19.6917 4.30907 18.9705 4.00001 17.7976 4.00001ZM14.0886 9.91185C13.4705 9.29372 13.4705 8.28728 14.0886 7.66915C14.7068 7.05102 15.7133 7.05102 16.3315 7.66915C16.9417 8.28728 16.9496 9.29372 16.3315 9.91185C15.7133 10.53 14.7068 10.53 14.0886 9.91185ZM7.51077 19.8494L10.3955 16.9648C10.1261 16.8935 9.86454 16.7746 9.62678 16.6082L6.39332 19.8494H7.51077ZM4.1505 19.8494H5.26795L9.04825 16.0773L7.92287 14.9599L4.1505 18.7321V19.8494ZM4.1505 17.6067L7.39189 14.3735C7.22546 14.1357 7.10658 13.8821 7.03526 13.6048L4.1505 16.4894V17.6067Z" fill="#7F7989"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.20025 14.1199C7.76437 13.6761 7.61379 13.0263 7.8357 12.4319C8.50934 10.7598 9.54753 8.84993 11.2831 7.11442C13.8509 4.54681 16.2284 4.00001 17.7976 4.00001C18.9705 4.00001 19.6917 4.30907 19.6917 4.30907C19.6917 4.30907 21.3719 8.23181 16.8862 12.7172C15.1506 14.4527 13.2644 15.5146 11.5684 16.1644C11.3862 16.2358 11.196 16.2833 11.0137 16.2833C10.5937 16.2833 10.1895 16.101 9.88831 15.7999L8.20025 14.1199ZM9.73983 15.9484C9.73974 15.9483 9.73991 15.9485 9.73983 15.9484L8.05212 14.2687L8.05044 14.267C7.55912 13.7668 7.38768 13.0315 7.63896 12.3585L7.64085 12.3534C8.32176 10.6632 9.37366 8.72682 11.1347 6.96592C13.7422 4.35849 16.1734 3.79001 17.7976 3.79001C18.4025 3.79001 18.8923 3.86969 19.2328 3.95017C19.4031 3.99042 19.5362 4.03089 19.6278 4.06179C19.6736 4.07724 19.7091 4.0903 19.7337 4.09975C19.746 4.10447 19.7556 4.10829 19.7624 4.11106L19.7706 4.1144L19.773 4.11545L19.7742 4.11594C19.7743 4.11597 19.7745 4.11605 19.6917 4.30907C19.8848 4.22639 19.8848 4.22654 19.8849 4.2267L19.8855 4.22816L19.8869 4.23136L19.8912 4.24206C19.8949 4.25108 19.8999 4.26388 19.9061 4.28034C19.9185 4.31325 19.9355 4.36085 19.9552 4.4223C19.9945 4.54519 20.0447 4.72362 20.0901 4.95096C20.1809 5.40564 20.2527 6.05659 20.1802 6.8502C20.035 8.44175 19.3113 10.5892 17.0347 12.8657C15.2753 14.625 13.363 15.7016 11.6442 16.3603C11.4474 16.4372 11.2305 16.4933 11.0137 16.4933C10.5328 16.4933 10.0764 16.2849 9.73983 15.9484ZM19.6917 4.30907L19.7742 4.11594L19.8517 4.14915L19.8849 4.2267L19.6917 4.30907ZM12.965 20.5216L11.3998 16.8442L11.6066 16.7679C12.8335 16.3146 13.9838 15.7046 15.0497 14.9914L15.6626 14.5813L12.965 20.5216ZM7.15585 12.6005L3.47827 11.0355L9.41892 8.33797L9.0088 8.95087C8.2956 10.0167 7.68547 11.167 7.23224 12.3937L7.15585 12.6005ZM15.7688 11.5919C18.3682 8.99258 18.5188 6.72611 18.3841 5.62458C18.2177 5.58495 18.0195 5.58495 17.7976 5.58495C16.5454 5.58495 14.5959 6.04459 12.4085 8.23181C11.0692 9.57108 10.031 11.1798 9.30185 13.0104L11.0058 14.6746C12.8127 13.9852 14.4215 12.947 15.7688 11.5919ZM11.0559 14.43C12.7848 13.7512 14.3252 12.7461 15.6199 11.4438C18.0507 9.01317 18.2849 6.89992 18.1918 5.80608C18.0822 5.7955 17.9534 5.79495 17.7976 5.79495C16.6035 5.79495 14.7066 6.23079 12.557 8.3803C11.2708 9.66646 10.2655 11.2064 9.54925 12.9585L11.0559 14.43ZM7.59775 20.0594H5.88719L9.60269 16.335L9.74721 16.4362C9.96418 16.5881 10.203 16.6967 10.4493 16.7618L10.8021 16.8552L7.59775 20.0594ZM3.9405 20.0594V18.6451L7.92235 14.6634L9.34592 16.0769L5.3548 20.0594H3.9405ZM3.9405 18.1128V16.4024L7.14699 13.1961L7.23864 13.5525C7.3034 13.8043 7.41126 14.035 7.56392 14.253L7.6651 14.3976L3.9405 18.1128ZM12.9712 20L15.1665 15.1659C15.058 15.2385 14.9486 15.31 14.8384 15.3805C13.9112 15.9729 12.9222 16.4875 11.876 16.8906C11.8107 16.9158 11.7452 16.9405 11.6794 16.9648L12.9712 20ZM7.03526 12.321C7.05955 12.2552 7.0843 12.1896 7.10947 12.1243C7.51262 11.0782 8.02725 10.0893 8.6197 9.16215C8.69014 9.05192 8.76168 8.94256 8.83427 8.83408L3.99992 11.0292L7.03526 12.321ZM10.3955 16.9648C10.3196 16.9448 10.2444 16.9209 10.1701 16.8933C9.98065 16.8228 9.79758 16.7278 9.62678 16.6082L6.39332 19.8494H7.51077L10.3955 16.9648ZM5.26795 19.8494H4.1505V18.7321L7.92287 14.9599L9.04825 16.0773L5.26795 19.8494ZM7.39189 14.3735C7.2718 14.2019 7.17647 14.0221 7.1059 13.8311C7.07866 13.7574 7.05512 13.682 7.03526 13.6048L4.1505 16.4894V17.6067L7.39189 14.3735Z" fill="#7F7989"/>
+</svg>

package/dist/images/edit.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M3 17.25V21H6.75L17.81 9.94L14.06 6.19L3 17.25ZM20.71 7.04C21.1 6.65 21.1 6.02 20.71 5.63L18.37 3.29C17.98 2.9 17.35 2.9 16.96 3.29L15.13 5.12L18.88 8.87L20.71 7.04Z" fill="#7F7989"/>
+<path d="M14.06 9L15 9.94L5.92 19H5V18.08L14.06 9ZM17.66 3C17.41 3 17.15 3.1 16.96 3.29L15.13 5.12L18.88 8.87L20.71 7.04C21.1 6.65 21.1 6 20.71 5.63L18.37 3.29C18.17 3.09 17.92 3 17.66 3ZM14.06 6.19L3 17.25V21H6.75L17.81 9.94L14.06 6.19Z" fill="#7F7989"/>
 </svg>

package/dist/images/edit_old.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 17.25V21H6.75L17.81 9.94L14.06 6.19L3 17.25ZM20.71 7.04C21.1 6.65 21.1 6.02 20.71 5.63L18.37 3.29C17.98 2.9 17.35 2.9 16.96 3.29L15.13 5.12L18.88 8.87L20.71 7.04Z" fill="#7F7989"/>
+</svg>

package/dist/images/expand.svg

@@ -1,3 +1,3 @@
-<svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M3.6925 2.3725L6.07 4.75L7.1275 3.6925L3.6925 0.25L0.25 3.6925L1.315 4.75L3.6925 2.3725ZM3.6925 11.6275L1.315 9.25L0.2575 10.3075L3.6925 13.75L7.135 10.3075L6.07 9.25L3.6925 11.6275Z" fill="#7F7989"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 5.14444L15.4532 8.66667L16.9891 7.1L12 2L7 7.1L8.54684 8.66667L12 5.14444ZM12 18.8556L8.54684 15.3333L7.01089 16.9L12 22L17 16.9L15.4532 15.3333L12 18.8556Z" fill="#7F7989"/>
 </svg>

package/dist/images/eye-icon.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 5C7.45455 5 3.57273 7.69533 2 11.5C3.57273 15.3047 7.45455 18 12 18C16.5455 18 20.4273 15.3047 22 11.5C20.4273 7.69533 16.5455 5 12 5ZM12 15.8333C9.49091 15.8333 7.45455 13.892 7.45455 11.5C7.45455 9.108 9.49091 7.16667 12 7.16667C14.5091 7.16667 16.5455 9.108 16.5455 11.5C16.5455 13.892 14.5091 15.8333 12 15.8333ZM9.27273 11.5C9.27273 10.0613 10.4909 8.9 12 8.9C13.5091 8.9 14.7273 10.0613 14.7273 11.5C14.7273 12.9387 13.5091 14.1 12 14.1C10.4909 14.1 9.27273 12.9387 9.27273 11.5Z" fill="#7F7989"/>
+</svg>

package/dist/images/link-icon.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.07107 13.2426L7.65685 14.6569L5.53553 12.5355C3.58291 10.5829 3.58291 7.41709 5.53553 5.46447C7.48816 3.51184 10.654 3.51184 12.6066 5.46447L14.7279 7.58579L13.3137 9L11.1924 6.87868C10.0208 5.70711 8.12132 5.70711 6.94975 6.87868C5.77817 8.05025 5.77817 9.94975 6.94975 11.1213L9.07107 13.2426Z" fill="#7F7989"/>
+<path d="M14.0208 15.364L8.36396 9.70711L9.77817 8.29289L15.435 13.9497L14.0208 15.364Z" fill="#7F7989"/>
+<path d="M16.1421 9L14.7279 10.4142L16.8492 12.5355C18.0208 13.7071 18.0208 15.6066 16.8492 16.7782C15.6777 17.9497 13.7782 17.9497 12.6066 16.7782L10.4853 14.6569L9.07107 16.0711L11.1924 18.1924C13.145 20.145 16.3108 20.145 18.2635 18.1924C20.2161 16.2398 20.2161 13.0739 18.2635 11.1213L16.1421 9Z" fill="#7F7989"/>
+</svg>

package/dist/images/monitor-icon.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5 21C4.45 21 3.979 20.8043 3.587 20.413C3.19567 20.021 3 19.55 3 19V5C3 4.45 3.19567 3.979 3.587 3.587C3.979 3.19567 4.45 3 5 3H19C19.55 3 20.021 3.19567 20.413 3.587C20.8043 3.979 21 4.45 21 5V19C21 19.55 20.8043 20.021 20.413 20.413C20.021 20.8043 19.55 21 19 21H5ZM5 19H19V12.9999H16.3636C16.1567 12.9999 15.9661 12.9413 15.8037 12.8177C15.6483 12.6999 15.5346 12.5428 15.4591 12.3561L15.4563 12.349L14.1822 8.89786L11.0686 17.3614C10.9669 17.616 10.8055 17.828 10.5872 17.9931C10.3614 18.1638 10.1023 18.2499 9.81818 18.2499C9.53405 18.2499 9.27492 18.1638 9.0492 17.9931C8.8309 17.828 8.6695 17.616 8.56782 17.3614L8.56547 17.3555L6.95324 12.9999H5V19ZM5 10.9999H7.63636C7.84328 10.9999 8.0339 11.0585 8.19631 11.1821C8.35165 11.2999 8.46544 11.457 8.54089 11.6438L8.54373 11.6508L9.81776 15.102L12.9314 6.63842C13.0331 6.38377 13.1945 6.17185 13.4128 6.00676C13.6386 5.83606 13.8977 5.74991 14.1818 5.74991C14.4659 5.74991 14.7251 5.83606 14.9508 6.00676C15.1691 6.17185 15.3305 6.38381 15.4322 6.63845L15.4345 6.64434L17.0468 10.9999H19V5H5V10.9999Z" fill="#7F7989"/>
+</svg>