@orfium/ictinus 4.60.0 → 4.62.0

package/dist/components/Select/Select.js

@@ -3,7 +3,7 @@
 exports.__esModule = true;
 exports["default"] = void 0;
 
-var _lodash = require("lodash");
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -37,12 +37,12 @@ var _react2 = require("@emotion/react");
 
 var _excluded = ["handleSelectedOption", "defaultValue", "selectedOption", "multi", "options", "isAsync", "isLoading", "asyncSearch", "status", "minCharactersToSearch", "highlightSearch", "isSearchable", "isVirtualized", "styleType", "disabled", "locked", "dataTestId", "onClear", "onOptionDelete", "selectedOptions"];
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 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); }
 
 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; }
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -114,6 +114,7 @@ var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
   var _useMultiselectUtils = (0, _useMultiselectUtils2["default"])({
     selectedOptions: selectedOptions,
     options: options,
+    setOpen: setOpen,
     setSearchValue: setSearchValue,
     isSearchable: isSearchable,
     onClear: onClear,
@@ -121,11 +122,10 @@ var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
     multi: multi
   }),
       multiSelectedOptions = _useMultiselectUtils.multiSelectedOptions,
-      setMultiSelectedOpts = _useMultiselectUtils.setMultiSelectedOpts,
       availableMultiSelectOptions = _useMultiselectUtils.availableMultiSelectOptions,
-      setAvailableMultiSelectOptions = _useMultiselectUtils.setAvailableMultiSelectOptions,
       handleOptionDelete = _useMultiselectUtils.handleOptionDelete,
-      handleClearAllOptions = _useMultiselectUtils.handleClearAllOptions;
+      handleClearAllOptions = _useMultiselectUtils.handleClearAllOptions,
+      handleMultiSelectOptionClick = _useMultiselectUtils.handleMultiSelectOptionClick;
 
   (0, _react.useEffect)(function () {
     setInputValue(initialValue);
@@ -133,10 +133,7 @@ var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
 
   var handleOptionClick = function handleOptionClick(option) {
     if (multi) {
-      setMultiSelectedOpts([].concat(multiSelectedOptions, [option]));
-      setAvailableMultiSelectOptions(availableMultiSelectOptions.filter(function (opt) {
-        return opt.value !== option.value;
-      }));
+      handleMultiSelectOptionClick(option);
     } else {
       setInputValue(option);
       setOpen(false);
@@ -158,7 +155,7 @@ var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
     }
   };
 
-  var debouncedOnChange = _react["default"].useCallback((0, _lodash.debounce)(function (term) {
+  var debouncedOnChange = _react["default"].useCallback((0, _debounce["default"])(function (term) {
     asyncSearch(term);
   }, 400), []);
 
@@ -307,7 +304,8 @@ var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
     status: status,
     isLoading: isLoading,
     isVirtualized: isVirtualized,
-    searchTerm: highlightSearch ? searchValue : undefined
+    searchTerm: highlightSearch ? searchValue : undefined,
+    hasSelectAllOption: multi
   }))));
 });
 

package/dist/components/Select/components/SelectMenu/SelectMenu.d.ts

@@ -11,6 +11,7 @@ export declare type Props = {
     isLoading?: boolean;
     isVirtualized?: boolean;
     searchTerm?: string;
+    hasSelectAllOption?: boolean;
 };
 declare const SelectMenu: React.FC<Props>;
 export default SelectMenu;

package/dist/components/Select/components/SelectMenu/SelectMenu.js

@@ -11,6 +11,8 @@ var _List = _interopRequireDefault(require("../../../List"));
 
 var _utils = require("../../../List/utils");
 
+var _constants = require("../../constants");
+
 var _react2 = require("@emotion/react");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -20,16 +22,14 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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; }
 
 var SelectMenu = function SelectMenu(props) {
-  var _props$size = props.size,
-      size = _props$size === void 0 ? 'sm' : _props$size,
-      _props$status = props.status,
-      status = _props$status === void 0 ? 'normal' : _props$status,
-      filteredOptions = props.filteredOptions,
+  var filteredOptions = props.filteredOptions,
       handleOptionClick = props.handleOptionClick,
       selectedOption = props.selectedOption,
       isLoading = props.isLoading,
       isVirtualized = props.isVirtualized,
-      searchTerm = props.searchTerm;
+      searchTerm = props.searchTerm,
+      _props$hasSelectAllOp = props.hasSelectAllOption,
+      hasSelectAllOption = _props$hasSelectAllOp === void 0 ? false : _props$hasSelectAllOp;
   var myRef = (0, _react.useRef)(null);
 
   var executeScroll = function executeScroll() {
@@ -53,7 +53,8 @@ var SelectMenu = function SelectMenu(props) {
       ref: myRef,
       handleOptionClick: handleOptionClick,
       searchTerm: searchTerm,
-      selectedItem: selectedOption
+      selectedItem: selectedOption,
+      defaultOption: hasSelectAllOption ? _constants.SELECT_ALL_OPTION : undefined
     }) : (0, _react2.jsx)("div", {
       css: (0, _SelectMenu.optionStyle)({
         selected: false,

package/dist/components/Select/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const SELECT_ALL_OPTION: {
+    readonly value: "select_all";
+    readonly label: "Select All";
+};

package/dist/components/Select/constants.js

@@ -0,0 +1,9 @@
+"use strict";
+
+exports.__esModule = true;
+exports.SELECT_ALL_OPTION = void 0;
+var SELECT_ALL_OPTION = {
+  value: 'select_all',
+  label: 'Select All'
+};
+exports.SELECT_ALL_OPTION = SELECT_ALL_OPTION;

package/dist/components/Select/hooks/useMultiselectUtils.d.ts

@@ -3,18 +3,18 @@ import { SelectOption } from '../Select';
 declare type Props = {
     selectedOptions: SelectOption[];
     options: SelectOption[];
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
     setSearchValue: React.Dispatch<React.SetStateAction<string>>;
     isSearchable: boolean;
     onClear?: () => void;
     onOptionDelete?: (option: SelectOption) => void;
     multi?: boolean;
 };
-declare const useMultiselectUtils: ({ selectedOptions, options, setSearchValue, isSearchable, onClear, onOptionDelete, multi, }: Props) => {
+declare const useMultiselectUtils: ({ selectedOptions, options, setOpen, setSearchValue, isSearchable, onClear, onOptionDelete, multi, }: Props) => {
     multiSelectedOptions: SelectOption[];
-    setMultiSelectedOpts: React.Dispatch<React.SetStateAction<SelectOption[]>>;
     availableMultiSelectOptions: SelectOption[];
-    setAvailableMultiSelectOptions: React.Dispatch<React.SetStateAction<SelectOption[]>>;
     handleOptionDelete: (option?: SelectOption | undefined) => void;
     handleClearAllOptions: () => void;
+    handleMultiSelectOptionClick: (option: SelectOption) => void;
 };
 export default useMultiselectUtils;

package/dist/components/Select/hooks/useMultiselectUtils.js

@@ -3,15 +3,22 @@
 exports.__esModule = true;
 exports["default"] = void 0;
 
+var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
+
 var _react = _interopRequireWildcard(require("react"));
 
+var _constants = require("../constants");
+
 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); }
 
 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; }
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 var useMultiselectUtils = function useMultiselectUtils(_ref) {
   var selectedOptions = _ref.selectedOptions,
       options = _ref.options,
+      setOpen = _ref.setOpen,
       setSearchValue = _ref.setSearchValue,
       isSearchable = _ref.isSearchable,
       onClear = _ref.onClear,
@@ -81,13 +88,33 @@ var useMultiselectUtils = function useMultiselectUtils(_ref) {
     }
   };
 
+  var handleMultiSelectOptionClick = function handleMultiSelectOptionClick(option) {
+    /** The user clicks the Select All option */
+    if ((0, _isEqual["default"])(option, _constants.SELECT_ALL_OPTION)) {
+      var _availableMultiSelect = availableMultiSelectOptions.reduce(function (result, element) {
+        result[element.isDisabled ? 0 : 1].push(element);
+        return result;
+      }, [[], []]),
+          remaining = _availableMultiSelect[0],
+          selected = _availableMultiSelect[1];
+
+      setMultiSelectedOpts([].concat(multiSelectedOptions, selected));
+      setAvailableMultiSelectOptions(remaining);
+      setOpen(false);
+    } else {
+      setMultiSelectedOpts([].concat(multiSelectedOptions, [option]));
+      setAvailableMultiSelectOptions(availableMultiSelectOptions.filter(function (opt) {
+        return opt.value !== option.value;
+      }));
+    }
+  };
+
   return {
     multiSelectedOptions: multiSelectedOptions,
-    setMultiSelectedOpts: setMultiSelectedOpts,
     availableMultiSelectOptions: availableMultiSelectOptions,
-    setAvailableMultiSelectOptions: setAvailableMultiSelectOptions,
     handleOptionDelete: handleOptionDelete,
-    handleClearAllOptions: handleClearAllOptions
+    handleClearAllOptions: handleClearAllOptions,
+    handleMultiSelectOptionClick: handleMultiSelectOptionClick
   };
 };
 

package/dist/hooks/index.d.ts

@@ -0,0 +1 @@
+export { default as useSearchQueryParams } from './useSearchQueryParams';

package/dist/hooks/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useSearchQueryParams = void 0;
+
+var _useSearchQueryParams = _interopRequireDefault(require("./useSearchQueryParams"));
+
+exports.useSearchQueryParams = _useSearchQueryParams["default"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/dist/hooks/useSearchQueryParams.d.ts

@@ -0,0 +1,2 @@
+declare const useSearchQueryParams: () => Record<string, string>;
+export default useSearchQueryParams;

package/dist/hooks/useSearchQueryParams.js

@@ -0,0 +1,25 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _react = require("react");
+
+var _reactRouterDom = require("react-router-dom");
+
+var useSearchQueryParams = function useSearchQueryParams() {
+  var _useLocation = (0, _reactRouterDom.useLocation)(),
+      search = _useLocation.search;
+
+  var urlSearchParams = (0, _react.useMemo)(function () {
+    return new URLSearchParams(search);
+  }, [search]);
+  var result = {};
+  urlSearchParams.forEach(function (value, key) {
+    result[key] = value;
+  });
+  return result;
+};
+
+var _default = useSearchQueryParams;
+exports["default"] = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orfium/ictinus",
-  "version": "4.60.0",
+  "version": "4.62.0",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",