iguazio.dashboard-react-controls 2.0.8 → 2.0.9

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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "iguazio.dashboard-react-controls",
-    "version": "2.0.8",
+    "version": "2.0.9",
     "description": "Collection of resources (such as CSS styles, fonts and images) and ReactJS 17.x components to share among different Iguazio React repos.",
     "main": "dist/index.js",
     "module": "dist/index.js",