iguazio.dashboard-react-controls 2.2.25 → 3.0.1

package/dist/components/Button/Button.scss

@@ -1,171 +0,0 @@
-@import '../../scss/variables';
-@import '../../scss/colors';
-@import '../../scss/borders';
-
-.btn {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 90px;
-  height: $fieldNormal;
-  padding: 0 16px;
-  color: $white;
-  font-weight: 500;
-  font-size: 0.875rem;
-  font-style: normal;
-  border: $transparentBorder;
-  border-radius: $mainBorderRadius;
-
-  &-dense {
-    height: $fieldDense;
-  }
-
-  &-normal {
-    height: $fieldNormal;
-  }
-
-  &-medium {
-    height: $fieldMedium;
-  }
-
-  &-chunky {
-    height: $fieldChunky;
-  }
-
-  svg {
-    & > * {
-      fill: currentColor;
-    }
-  }
-
-  &:focus {
-    border-color: rgba($black, 0.4);
-  }
-
-  &:active {
-    border-color: rgba($black, 0.4);
-  }
-
-  &:disabled {
-    color: $spunPearl;
-    background: $white;
-    cursor: not-allowed;
-
-    svg {
-      & > * {
-        fill: $alto;
-      }
-    }
-  }
-
-  :not(last-child) {
-    margin-right: 10px;
-  }
-
-  :last-child {
-    margin: 0;
-  }
-
-  &-secondary {
-    background: $brightTurquoise;
-
-    &:hover:not(:disabled) {
-      background: $javaLight;
-    }
-
-    &:active:not(:disabled) {
-      background: $mountainMeadow;
-    }
-
-    &:disabled {
-      border: 1px solid $brightTurquoise;
-    }
-  }
-
-  &-tertiary {
-    color: $primary;
-    background: $white;
-    border: $primaryBorder;
-
-    svg {
-      & > * {
-        fill: $primary;
-      }
-    }
-
-    &:hover:not(:disabled) {
-      background: $alabaster;
-    }
-
-    &:active:not(:disabled) {
-      background: $mercury;
-    }
-
-    &:disabled {
-      border: $primaryBorder;
-    }
-  }
-
-  &-primary {
-    color: $white;
-    background: $malibu;
-
-    &:hover:not(:disabled) {
-      background: $cornflowerBlue;
-    }
-
-    &:active:not(:disabled) {
-      background: $indigo;
-    }
-
-    &:disabled {
-      border: 1px solid $malibu;
-    }
-  }
-
-  &-danger {
-    color: $white;
-    background: $amaranth;
-
-    &:hover:not(:disabled) {
-      background: $ceriseRed;
-    }
-
-    &:active:not(:disabled) {
-      background: $maroonFlash;
-    }
-
-    &:disabled {
-      border: 1px solid $amaranth;
-    }
-  }
-
-  &-label {
-    color: $primary;
-    background: transparent;
-    border: 0;
-
-    svg {
-      & > * {
-        fill: $primary;
-      }
-    }
-
-    &:focus:not(:disabled) {
-      border-color: transparent;
-    }
-
-    &:hover:not(:disabled) {
-      color: $topaz;
-    }
-
-    &:active:not(:disabled) {
-      color: $black;
-      border-color: transparent;
-    }
-
-    &:disabled {
-      border-color: transparent;
-    }
-  }
-}

package/dist/components/ConfirmDialog/ConfirmDialog.js

@@ -1,101 +0,0 @@
-"use strict";
-
-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 _Button = _interopRequireDefault(require("../Button/Button"));
-var _PopUpDialog = _interopRequireDefault(require("../PopUpDialog/PopUpDialog"));
-var _types = require("../../types");
-require("./confirmDialog.scss");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/*
-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.
-*/
-
-const ConfirmDialog = _ref => {
-  let {
-    cancelButton = null,
-    children,
-    className = '',
-    closePopUp,
-    confirmButton = null,
-    customPosition = {},
-    header = '',
-    isOpen,
-    message = '',
-    messageOnly = false,
-    onResolve
-  } = _ref;
-  const messageClassNames = (0, _classnames.default)('confirm-dialog__message', messageOnly && 'confirm-dialog__message-only');
-  const handleCancelDialog = event => {
-    onResolve && onResolve();
-    cancelButton.handler && cancelButton.handler(event);
-  };
-  const handleCloseDialog = event => {
-    onResolve && onResolve();
-    closePopUp && closePopUp(event);
-  };
-  const handleConfirmDialog = event => {
-    onResolve && onResolve();
-    confirmButton.handler && confirmButton.handler(event);
-  };
-  return isOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_PopUpDialog.default, {
-    className: className,
-    closePopUp: handleCloseDialog,
-    customPosition: customPosition,
-    headerText: header,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "confirm-dialog",
-      children: [message && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: messageClassNames,
-        children: message
-      }), children && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "confirm-dialog__body",
-        children: children
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "confirm-dialog__btn-container",
-        children: [cancelButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-          className: "pop-up-dialog__btn_cancel",
-          label: cancelButton.label,
-          onClick: handleCancelDialog,
-          variant: cancelButton.variant,
-          disabled: cancelButton.disabled
-        }), confirmButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-          label: confirmButton.label,
-          onClick: handleConfirmDialog,
-          variant: confirmButton.variant,
-          disabled: confirmButton.disabled
-        })]
-      })]
-    })
-  });
-};
-ConfirmDialog.propTypes = {
-  cancelButton: _types.CONFIRM_DIALOG_CANCEL_BUTTON,
-  className: _propTypes.default.string,
-  closePopUp: _propTypes.default.func,
-  confirmButton: _types.CONFIRM_DIALOG_SUBMIT_BUTTON,
-  customPosition: _propTypes.default.object,
-  header: _propTypes.default.string,
-  message: _types.CONFIRM_DIALOG_MESSAGE,
-  messageOnly: _propTypes.default.bool
-};
-var _default = exports.default = ConfirmDialog;

package/dist/components/ConfirmDialog/confirmDialog.scss

@@ -1,23 +0,0 @@
-@import '../../scss/colors';
-
-.confirm-dialog {
-  color: $primary;
-
-  &__message {
-    font-size: 15px;
-
-    &-only {
-      font-size: 22px;
-    }
-  }
-
-  &__btn-container {
-    display: flex;
-    justify-content: flex-end;
-    margin-top: 20px;
-  }
-
-  &__body {
-    margin: 20px 0;
-  }
-}

package/dist/components/FormCheckBox/FormCheckBox.js

@@ -1,82 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _reactFinalForm = require("react-final-form");
-var _classnames = _interopRequireDefault(require("classnames"));
-require("./formCheckBox.scss");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/*
-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.
-*/
-
-const FormCheckBox = _ref => {
-  let {
-    children,
-    className = '',
-    highlightLabel = false,
-    label = '',
-    name,
-    readOnly = false,
-    ...inputProps
-  } = _ref;
-  const formFieldClassNames = (0, _classnames.default)('form-field-checkbox', readOnly && 'form-field-checkbox_readonly', className);
-  const labelClassNames = (0, _classnames.default)(highlightLabel && 'highlighted');
-  const inputRef = (0, _react.useRef)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
-    name: name,
-    value: inputProps.value,
-    type: "checkbox",
-    children: _ref2 => {
-      let {
-        input
-      } = _ref2;
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: formFieldClassNames,
-        "data-testid": "form-field-checkbox",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-          ref: inputRef,
-          className: (0, _classnames.default)(input.checked ? 'checked' : 'unchecked'),
-          type: "checkbox",
-          "data-testid": name ? `${name}-form-checkbox` : 'form-checkbox',
-          id: inputProps.value ?? name,
-          ...input,
-          ...inputProps,
-          value: String(input.checked)
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
-          htmlFor: inputProps.value ?? name,
-          className: labelClassNames,
-          children: [label ? label : '', children]
-        })]
-      });
-    }
-  });
-};
-FormCheckBox.propTypes = {
-  className: _propTypes.default.string,
-  highlightLabel: _propTypes.default.bool,
-  name: _propTypes.default.string.isRequired,
-  label: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.element]),
-  readOnly: _propTypes.default.bool
-};
-var _default = exports.default = /*#__PURE__*/_react.default.memo(FormCheckBox);

package/dist/components/FormCheckBox/formCheckBox.scss

@@ -1,91 +0,0 @@
-@import '../../scss/colors';
-@import '../../scss/mixins';
-
-.form-field-checkbox {
-  display: inline-flex;
-  align-items: center;
-  justify-content: flex-start;
-  color: $primary;
-
-  &_readonly {
-    @include radioCheckReadonly;
-  }
-
-  input[type='checkbox'] {
-    @include radioCheckField;
-
-    flex: 0 0 18px;
-    width: 18px;
-    height: 18px;
-    border-radius: 4px;
-    transition: background 0.2s ease-in-out;
-
-    &::before {
-      content: '';
-      display: block;
-      position: absolute;
-      top: 1px;
-      left: 5px;
-      width: 6px;
-      height: 11px;
-      border-style: solid;
-      border-color: $white;
-      border-width: 0 2px 2px 0;
-      transform: rotate(45deg);
-    }
-
-    &:checked {
-      background: currentColor;
-
-      &:hover {
-        background: currentColor;
-
-        &:disabled {
-          background: currentColor;
-        }
-      }
-    }
-
-    &:disabled {
-      &:hover {
-        background: $white;
-      }
-    }
-
-    &:not(:disabled):checked {
-      ~ label {
-        &.highlighted {
-          color: $white;
-          background-color: $malibu;
-        }
-      }
-
-      &:hover {
-        ~ label {
-          &.highlighted {
-            background-color: $cornflowerBlue;
-          }
-        }
-      }
-    }
-
-    ~ label {
-      &.highlighted {
-        background-color: $mischka;
-        font-size: 12px;
-        font-weight: bold;
-        margin-left: 10px;
-        padding: 4px 8px;
-        border-radius: 4px;
-      }
-    }
-
-    &:not(:disabled):hover {
-      ~ label {
-        &.highlighted {
-          background-color: $iron;
-        }
-      }
-    }
-  }
-}

package/dist/components/FormChipCell/FormChip/FormChip.js

@@ -1,103 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _NewChipForm = _interopRequireDefault(require("../NewChipForm/NewChipForm"));
-var _types = require("../../../types");
-require("./formChip.scss");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/*
-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.
-*/
-
-const FormChip = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let {
-    chip,
-    chipIndex,
-    chipOptions = {
-      background: 'purple',
-      boldValue: false,
-      borderRadius: 'primary',
-      borderColor: 'transparent',
-      density: 'dense',
-      font: 'purple'
-    },
-    editConfig,
-    handleEditChip,
-    handleRemoveChip,
-    handleToEditMode,
-    isEditable = false,
-    keyName = '',
-    meta,
-    setChipsSizes,
-    setEditConfig,
-    validationRules = {},
-    valueName = ''
-  } = _ref;
-  const chipRef = _react.default.useRef();
-  (0, _react.useLayoutEffect)(() => {
-    if (chipRef.current && setChipsSizes) {
-      setChipsSizes(state => ({
-        ...state,
-        [chipIndex]: chipRef.current.getBoundingClientRect().width
-      }));
-    }
-  }, [chipIndex, setChipsSizes]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    onClick: event => handleToEditMode(event, chipIndex, keyName),
-    ref: chipRef,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_NewChipForm.default, {
-      chip: chip,
-      chipIndex: chipIndex,
-      chipOptions: chipOptions,
-      className: "input-label-key",
-      editConfig: editConfig,
-      handleRemoveChip: handleRemoveChip,
-      isEditable: isEditable,
-      keyName: keyName,
-      meta: meta,
-      onChange: handleEditChip,
-      ref: ref,
-      setEditConfig: setEditConfig,
-      validationRules: validationRules,
-      valueName: valueName
-    })
-  });
-});
-FormChip.propTypes = {
-  chip: _propTypes.default.object.isRequired,
-  chipIndex: _propTypes.default.number.isRequired,
-  chipOptions: _types.CHIP_OPTIONS,
-  editConfig: _propTypes.default.object.isRequired,
-  handleEditChip: _propTypes.default.func.isRequired,
-  handleRemoveChip: _propTypes.default.func.isRequired,
-  handleToEditMode: _propTypes.default.func.isRequired,
-  isEditable: _propTypes.default.bool,
-  keyName: _propTypes.default.string,
-  meta: _propTypes.default.object.isRequired,
-  setChipsSizes: _propTypes.default.func.isRequired,
-  setEditConfig: _propTypes.default.func.isRequired,
-  validationRules: _propTypes.default.object,
-  valueName: _propTypes.default.string
-};
-var _default = exports.default = FormChip;

package/dist/components/FormChipCell/FormChip/formChip.scss

@@ -1,68 +0,0 @@
-@import '../../../scss/variables';
-@import '../../../scss/colors';
-@import '../../../scss/borders';
-@import '../../../scss/mixins';
-
-.chip {
-  position: relative;
-  margin: 2px 8px 2px 0;
-  padding: 4px 8px;
-  font-size: 14px;
-  line-height: 16px;
-  visibility: hidden;
-  cursor: default;
-
-  &_visible {
-    visibility: visible;
-  }
-
-  &__content {
-    display: flex;
-    align-items: center;
-
-    &-item {
-      flex: 1 1 50%;
-      max-width: fit-content;
-      align-self: flex-start;
-    }
-  }
-
-  &__delimiter {
-    display: flex;
-    align-items: center;
-    margin: 0 4px;
-  }
-
-  &__value {
-    min-width: 10px;
-  }
-
-  &.editable {
-    cursor: pointer;
-  }
-
-  &.chips_button {
-    padding: 8px 7px;
-  }
-
-  &-background {
-    @include chipBackground(false);
-  }
-
-  &-border {
-    @include chipBorder();
-  }
-
-  &-density {
-    @include chipDensity(false, false);
-  }
-
-  &-font {
-    @include chipsFont(Chip);
-  }
-
-  &-value_bold {
-    font-weight: 700;
-    font-size: 15px;
-  }
-}