iguazio.dashboard-react-controls 2.0.8 → 2.0.10

package/dist/components/FormOnChange/FormOnChange.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactFinalForm = require("react-final-form");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 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.
+*/
+
+const OnChangeState = _ref => {
+  let {
+    inputValue,
+    handler
+  } = _ref;
+  const [previousValue, setPreviousValue] = (0, _react.useState)(inputValue);
+  (0, _react.useEffect)(() => {
+    if (inputValue !== previousValue) {
+      setPreviousValue(inputValue);
+      handler(inputValue, previousValue);
+    }
+  }, [handler, inputValue, previousValue]);
+  return null;
+};
+const FormOnChange = _ref2 => {
+  let {
+    handler,
+    name
+  } = _ref2;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
+    name: name,
+    subscription: {
+      value: true
+    },
+    allowNull: true,
+    render: props => /*#__PURE__*/(0, _jsxRuntime.jsx)(OnChangeState, {
+      inputValue: props.input.value,
+      handler: handler
+    })
+  });
+};
+FormOnChange.propTypes = {
+  handler: _propTypes.default.func.isRequired,
+  name: _propTypes.default.string.isRequired
+};
+var _default = exports.default = FormOnChange;

package/dist/components/FormSelect/FormSelect.js

@@ -17,6 +17,7 @@ var _types = require("../../types");
 var _constants = require("../../constants");
 var _dropdown = require("../../images/dropdown.svg");
 require("./formSelect.scss");
+var _lodash = require("lodash");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
@@ -100,7 +101,8 @@ const FormSelect = _ref => {
     if (!input.value || !input.value.length) {
       return "Select Option".concat(multiple ? 's' : '');
     }
-    return !multiple ? selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label : input.value.length <= 2 ? options.filter(option => input.value.includes(option.id)).map(option => option.label).join(', ') : "".concat(input.value.length, " items selected");
+    const multipleValue = multiple && input.value.includes('all') && input.value.length > 1 ? options.filter(option => option.id !== 'all').filter(option => input.value.includes(option.id)).map(option => option.label).join(', ') : options.filter(option => input.value.includes(option.id)).map(option => option.label).join(', ');
+    return !multiple ? selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label : input.value.length <= 2 ? multipleValue : "".concat(input.value.length, " items selected");
   };
   (0, _react.useEffect)(() => {
     setIsInvalid(meta.invalid && (meta.validating || meta.modified || meta.submitFailed && meta.touched));

package/dist/components/index.js

@@ -45,6 +45,12 @@ Object.defineProperty(exports, "FormKeyValueTable", {
     return _FormKeyValueTable.default;
   }
 });
+Object.defineProperty(exports, "FormOnChange", {
+  enumerable: true,
+  get: function () {
+    return _FormOnChange.default;
+  }
+});
 Object.defineProperty(exports, "FormRadio", {
   enumerable: true,
   get: function () {
@@ -117,11 +123,12 @@ var _FormCheckBox = _interopRequireDefault(require("./FormCheckBox/FormCheckBox"
 var _FormChipCell = _interopRequireDefault(require("./FormChipCell/FormChipCell"));
 var _FormCombobox = _interopRequireDefault(require("./FormCombobox/FormCombobox"));
 var _FormInput = _interopRequireDefault(require("./FormInput/FormInput"));
-var _FormToggle = _interopRequireDefault(require("./FormToggle/FormToggle"));
+var _FormOnChange = _interopRequireDefault(require("./FormOnChange/FormOnChange"));
 var _FormKeyValueTable = _interopRequireDefault(require("./FormKeyValueTable/FormKeyValueTable"));
 var _FormRadio = _interopRequireDefault(require("./FormRadio/FormRadio"));
 var _FormSelect = _interopRequireDefault(require("./FormSelect/FormSelect"));
 var _FormTextarea = _interopRequireDefault(require("./FormTextarea/FormTextarea"));
+var _FormToggle = _interopRequireDefault(require("./FormToggle/FormToggle"));
 var _Modal = _interopRequireDefault(require("./Modal/Modal"));
 var _PopUpDialog = _interopRequireDefault(require("./PopUpDialog/PopUpDialog"));
 var _RoundedIcon = _interopRequireDefault(require("./RoundedIcon/RoundedIcon"));

package/dist/images/arrow-down.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M13.1903 8.14658L12.2474 7.20377L8.67147 10.7797L8.67147 2.66537H7.33813V10.7891L3.7527 7.20371L2.80989 8.14652L7.99534 13.332L8.00004 13.3273L8.0048 13.332L13.1903 8.14658Z" fill="#EA336A"/>
+</svg>

package/dist/images/arrow-up.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M13.1903 8.14658L12.2474 7.20377L8.67147 10.7797L8.67147 2.66537H7.33813V10.7891L3.7527 7.20371L2.80989 8.14652L7.99534 13.332L8.00004 13.3273L8.0048 13.332L13.1903 8.14658Z" fill="#0FDDAF" transform="rotate(180 8 8)"/>
+</svg>

package/dist/images/circled-m.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="M12 2C6.489 2 2 6.489 2 12C2 17.511 6.489 22 12 22C17.511 22 22 17.511 22 12C22 6.489 17.511 2 12 2ZM12 4C16.4301 4 20 7.56988 20 12C20 16.4301 16.4301 20 12 20C7.56988 20 4 16.4301 4 12C4 7.56988 7.56988 4 12 4ZM7.79102 8L7.79102 16H9.43945L9.43945 13.8125L9.27344 10.0449L11.4277 16H12.5605L14.7207 10.0371L14.5547 13.8125V16H16.209V8L14.0449 8L12 13.8027L9.94531 8H7.79102Z" fill="#7F7989"/>
+</svg>

package/dist/images/circled-r.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="M12 2C6.489 2 2 6.489 2 12C2 17.511 6.489 22 12 22C17.511 22 22 17.511 22 12C22 6.489 17.511 2 12 2ZM12 4C16.4301 4 20 7.56988 20 12C20 16.4301 16.4301 20 12 20C7.56988 20 4 16.4301 4 12C4 7.56988 7.56988 4 12 4ZM9 8L9 16H10.6484V13.0703H11.9629L13.4629 16H15.2305V15.9238L13.5 12.6543C13.719 12.5553 13.9177 12.4387 14.0937 12.3027C14.2697 12.1677 14.4199 12.0072 14.5449 11.8262C14.6699 11.6452 14.7641 11.4381 14.8301 11.2051C14.8961 10.9731 14.9297 10.711 14.9297 10.418C14.9297 10.022 14.8626 9.67305 14.7266 9.37305C14.5916 9.07305 14.3975 8.82214 14.1445 8.61914C13.8915 8.41514 13.5818 8.26125 13.2148 8.15625C12.8478 8.05125 12.4347 8 11.9727 8L9 8ZM10.6504 9.33594H11.9746C12.4176 9.33594 12.7469 9.4422 12.9609 9.6582C13.1749 9.8742 13.2812 10.1718 13.2812 10.5488C13.2812 10.7278 13.2542 10.8902 13.1992 11.0352C13.1442 11.1802 13.0611 11.3032 12.9531 11.4082C12.8451 11.5132 12.7099 11.5934 12.5469 11.6504C12.3839 11.7074 12.1945 11.7363 11.9785 11.7363H10.6504V9.33594Z" fill="#7F7989"/>
+</svg>

package/dist/images/metrics-icon.svg

@@ -0,0 +1,10 @@
+<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_2701_135613)">
+        <path d="M22.2598 7.03906V31.9991H31.2198V7.03906H22.2598ZM23.5398 8.31906H29.9398V30.7191H23.5398V8.31906ZM12.0198 15.3591V31.9991H20.9798V15.3591H12.0198ZM13.2998 16.6391H19.6998V30.7191H13.2998V16.6391ZM1.77979 22.3991V31.9991H10.7398V22.3991H1.77979ZM3.05979 23.6791H9.45979V30.7191H3.05979V23.6791Z" fill="#ADABB0"/>
+    </g>
+    <defs>
+        <clipPath id="clip0_2701_135613">
+            <rect width="32" height="32" fill="white" transform="translate(0.5)"/>
+        </clipPath>
+    </defs>
+</svg>