@mailstep/design-system 0.4.21 → 0.5.0

package/ui/Blocks/CommonGrid/utils/public.js

@@ -0,0 +1,52 @@
+import { useMemo, useCallback } from 'react';
+import { getFilterName, createFilterType } from './';
+import find from 'lodash/find';
+export var useToggleAllCheckbox = function (rowsData, uxState, handleUxChange) {
+    var allChecked = useMemo(function () { return (rowsData || []).length >= 1 && rowsData.every(function (row) { var _a; return (_a = uxState.checkedRows) === null || _a === void 0 ? void 0 : _a[row.id]; }); }, [rowsData, uxState.checkedRows]);
+    var toggleAllHandler = useCallback(function () {
+        var checkedRows = {};
+        // if check all is not check, we check all
+        if (!allChecked && rowsData) {
+            rowsData.forEach(function (row) {
+                checkedRows[row.id] = true;
+            });
+        }
+        handleUxChange && handleUxChange('checkedRows', checkedRows);
+    }, [handleUxChange, rowsData, allChecked]);
+    return [allChecked, toggleAllHandler];
+};
+export var useGridActionTrigger = function (rowsData, uxState, actionOptions, onBatchAction) {
+    if (actionOptions === void 0) { actionOptions = []; }
+    var actionRows = useMemo(function () {
+        return (rowsData || []).filter(function (row) { var _a; return (_a = uxState.checkedRows) === null || _a === void 0 ? void 0 : _a[row.id]; });
+    }, [uxState, rowsData]);
+    var enabledActions = useMemo(function () {
+        var actionsOptions = actionOptions || [];
+        return actionsOptions.filter(function (action) {
+            if (action.isEnabled) {
+                return action.isEnabled(actionRows);
+            }
+            else {
+                return uxState.checkedRows && find(uxState.checkedRows, Boolean);
+            }
+        });
+    }, [uxState, actionRows, actionOptions]);
+    var handleBatchAction = useCallback(function (value) {
+        var actionsOptions = actionOptions || [];
+        var action = actionsOptions.find(function (option) { return option.value == value; });
+        action && onBatchAction && onBatchAction(action, actionRows);
+    }, [actionOptions, onBatchAction, actionRows]);
+    return [enabledActions, handleBatchAction];
+};
+export var useAddFilter = function (onChange) {
+    return useCallback(function (value, column) {
+        if (onChange) {
+            var filterProps = {
+                type: createFilterType(column),
+                filterExtraProps: column.filterExtraProps || {},
+                computedValue: column.getFilterCriteria ? column.getFilterCriteria(value) : null,
+            };
+            onChange(getFilterName(column), value, filterProps);
+        }
+    }, [onChange]);
+};