@soyfri/template 1.0.0

package/dist/assets/ts/components/index.js

@@ -0,0 +1,30 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./_CookieComponent"), exports);
+__exportStar(require("./_DrawerComponent"), exports);
+__exportStar(require("./_FeedbackComponent"), exports);
+__exportStar(require("./_ImageInputComponent"), exports);
+__exportStar(require("./_ScrollComponent"), exports);
+__exportStar(require("./_ScrollTopComponent"), exports);
+__exportStar(require("./_StepperComponent"), exports);
+__exportStar(require("./_StickyComponent"), exports);
+__exportStar(require("./_ToggleComponent"), exports);
+// export * from './_DialerComponent';
+__exportStar(require("./_PasswordMeterComponent"), exports);
+__exportStar(require("./_SwapperComponent"), exports);
+__exportStar(require("./MenuComponent"), exports);
+__exportStar(require("./SearchComponent"), exports);

package/dist/assets/ts/index.d.ts

@@ -0,0 +1,2 @@
+export * as KTUtil from './_utils/index';
+export * as components from './components/index';

package/dist/assets/ts/index.js

@@ -0,0 +1,68 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.components = exports.KTUtil = void 0;
+exports.KTUtil = __importStar(require("./_utils/index"));
+exports.components = __importStar(require("./components/index"));
+// declare global {
+//   interface Window {
+//     keenthemes: any;
+//   }
+// }
+// window.keenthemes = {
+//   components: {
+//     ScrollTop: components.ScrollTopComponent,
+//     Coockie: components.CookieComponent,
+//     Drawer: components.DrawerComponent,
+//     Feedback: components.FeedbackComponent,
+//     ImageInput: components.ImageInputComponent,
+//     Scroll: components.ScrollComponent,
+//     Stepper: components.StepperComponent,
+//     Sticky: components.StickyComponent,
+//     Toggle: components.ToggleComponent,
+//     Menu: components.MenuComponent,
+//     Search: components.SearchComponent,
+//     Dialder: components.DialerComponent,
+//     PasswordMeter: components.PasswordMeterComponent,
+//     Place: components.PlaceComponent,
+//     defaultDialerOptions: components.defaultDialerOptions,
+//     defaultDialderQueries: components.defaultDialerQueires,
+//     defaultPasswordMeterOptions: components.defaultPasswordMeterOptions,
+//     defaultPasswordMeterQueries: components.defaultPasswordMeterQueires,
+//     defaultPlaceOptions: components.defaultPlaceOptions,
+//     defaultPlaceQueries: components.defaultPlaceQueires,
+//     defaultDrawerOptions: components.defaultDrawerOptions,
+//     defaultFeedbackOptions: components.defaultFeedbackOptions,
+//     defaultImageInputOptions: components.defaultImageInputOptions,
+//     defaultScrollOptions: components.defaultScrollOptions,
+//     defaultScrollTopOptions: components.defaultScrollTopOptions,
+//     defaultStepperOptions: components.defaultStepperOptions,
+//     defaultStickyOptions: components.defaultStickyOptions,
+//     defaultToggleOptions: components.defaultToggleOptions,
+//     defaultMenuOptions: components.defaultMenuOptions,
+//     defaultSearchOptions: components.defaultSearchOptions,
+//   },
+//   utils: KTUtil,
+// };

package/dist/assets/ts/layout/ThemeMode.d.ts

@@ -0,0 +1,20 @@
+type Mode = 'light' | 'dark' | 'system';
+declare class ThemeMode {
+    menu: HTMLElement | null;
+    element: HTMLElement | null;
+    private getParamName;
+    getMode: () => Mode;
+    setMode: (mode: Mode, menuMode: Mode | '') => void;
+    getMenuMode: () => Mode | '';
+    getSystemMode: () => Mode;
+    private initMode;
+    private getActiveMenuItem;
+    private setActiveMenuItem;
+    private handleMenu;
+    flipImages: () => void;
+    on: (name: string, hander: Function) => void;
+    off: (name: string, handlerId: string) => void;
+    init: () => void;
+}
+declare const ThemeModeComponent: ThemeMode;
+export { ThemeModeComponent };

package/dist/assets/ts/layout/ThemeMode.js

@@ -0,0 +1,182 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeModeComponent = void 0;
+var _utils_1 = require("../_utils");
+var ThemeMode = /** @class */ (function () {
+    function ThemeMode() {
+        var _this = this;
+        this.menu = null;
+        this.element = null;
+        this.getParamName = function (postfix) {
+            var ktName = document.body.hasAttribute('data-kt-name');
+            var name = ktName ? ktName + '_' : '';
+            return 'kt_' + name + 'theme_mode_' + postfix;
+        };
+        this.getMode = function () {
+            var _a;
+            var modeParam = _this.getParamName('value');
+            var themeMode = _this.getMenuMode();
+            var defaultMode = 'light';
+            if (!localStorage.getItem(modeParam)) {
+                return defaultMode;
+            }
+            var ls = localStorage.getItem(modeParam);
+            if (ls) {
+                return ls;
+            }
+            var dataTheme = (_a = _this.element) === null || _a === void 0 ? void 0 : _a.getAttribute('data-bs-theme');
+            if (dataTheme) {
+                return dataTheme;
+            }
+            if (!themeMode) {
+                return defaultMode;
+            }
+            if (themeMode === 'system') {
+                return _this.getSystemMode();
+            }
+            return themeMode;
+        };
+        this.setMode = function (mode, menuMode) {
+            var _a, _b, _c;
+            // Check input values
+            if (mode !== 'light' && mode !== 'dark') {
+                return;
+            }
+            // Get param names
+            var modeParam = _this.getParamName('value');
+            var menuModeParam = _this.getParamName('menu');
+            // Reset mode if system mode was changed
+            if (menuMode === 'system') {
+                if (_this.getSystemMode() !== mode) {
+                    mode = _this.getSystemMode();
+                }
+            }
+            // Check menu mode
+            if (!menuMode) {
+                menuMode = mode;
+            }
+            // Read active menu mode value
+            var activeMenuItem = ((_a = _this.menu) === null || _a === void 0 ? void 0 : _a.querySelector('[data-kt-element="mode"][data-kt-value="' + menuMode + '"]')) || null;
+            // Enable switching state
+            (_b = _this.element) === null || _b === void 0 ? void 0 : _b.setAttribute('data-kt-theme-mode-switching', 'true');
+            // Set mode to the target element
+            (_c = _this.element) === null || _c === void 0 ? void 0 : _c.setAttribute('data-bs-theme', mode);
+            // Disable switching state
+            var self = _this;
+            setTimeout(function () {
+                var _a;
+                (_a = self.element) === null || _a === void 0 ? void 0 : _a.removeAttribute('data-kt-theme-mode-switching');
+            }, 300);
+            // Store mode value in storage
+            if (localStorage) {
+                localStorage.setItem(modeParam, mode);
+            }
+            // Set active menu item
+            if (activeMenuItem && localStorage) {
+                localStorage.setItem(menuModeParam, menuMode);
+                _this.setActiveMenuItem(activeMenuItem);
+            }
+            // Flip images
+            _this.flipImages();
+        };
+        this.getMenuMode = function () {
+            var _a;
+            var menuModeParam = _this.getParamName('menu');
+            var menuItem = (_a = _this.menu) === null || _a === void 0 ? void 0 : _a.querySelector('.active[data-kt-element="mode"]');
+            var dataKTValue = menuItem === null || menuItem === void 0 ? void 0 : menuItem.getAttribute('data-kt-value');
+            if (dataKTValue) {
+                return dataKTValue;
+            }
+            if (!menuModeParam) {
+                return '';
+            }
+            var ls = localStorage ? localStorage.getItem(menuModeParam) : null;
+            return ls || '';
+        };
+        this.getSystemMode = function () {
+            return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+        };
+        this.initMode = function () {
+            _this.setMode(_this.getMode(), _this.getMenuMode());
+            if (_this.element) {
+                _utils_1.EventHandlerUtil.trigger(_this.element, 'kt.thememode.init');
+            }
+        };
+        this.getActiveMenuItem = function () {
+            var _a;
+            return (((_a = _this.menu) === null || _a === void 0 ? void 0 : _a.querySelector('[data-kt-element="mode"][data-kt-value="' + _this.getMenuMode() + '"]')) || null);
+        };
+        this.setActiveMenuItem = function (item) {
+            var _a;
+            var menuModeParam = _this.getParamName('menu');
+            var menuMode = item.getAttribute('data-kt-value');
+            var activeItem = (_a = _this.menu) === null || _a === void 0 ? void 0 : _a.querySelector('.active[data-kt-element="mode"]');
+            if (activeItem) {
+                activeItem.classList.remove('active');
+            }
+            item.classList.add('active');
+            if (localStorage && menuMode && menuModeParam) {
+                localStorage.setItem(menuModeParam, menuMode);
+            }
+        };
+        this.handleMenu = function () {
+            var _a, _b;
+            (_b = (_a = _this.menu) === null || _a === void 0 ? void 0 : _a.querySelectorAll('[data-kt-element="mode"]')) === null || _b === void 0 ? void 0 : _b.forEach(function (item) {
+                item.addEventListener('click', function (e) {
+                    e.preventDefault();
+                    var menuMode = item.getAttribute('data-kt-value');
+                    var mode = menuMode === 'system' ? _this.getSystemMode() : menuMode;
+                    if (mode) {
+                        _this.setMode(mode, menuMode);
+                    }
+                });
+            });
+        };
+        this.flipImages = function () {
+            var _a;
+            (_a = document.querySelectorAll('[data-kt-img-dark]')) === null || _a === void 0 ? void 0 : _a.forEach(function (item) {
+                if (item.tagName === 'IMG') {
+                    if (_this.getMode() === 'dark' && item.hasAttribute('data-kt-img-dark')) {
+                        item.setAttribute('data-kt-img-light', item.getAttribute('src') || '');
+                        item.setAttribute('src', item.getAttribute('data-kt-img-dark') || '');
+                    }
+                    else if (_this.getMode() === 'light' && item.hasAttribute('data-kt-img-light')) {
+                        item.setAttribute('data-kt-img-dark', item.getAttribute('src') || '');
+                        item.setAttribute('src', item.getAttribute('data-kt-img-light') || '');
+                    }
+                }
+                else {
+                    if (_this.getMode() === 'dark' && item.hasAttribute('data-kt-img-dark')) {
+                        item.setAttribute('data-kt-img-light', item.getAttribute('src') || '');
+                        item.style.backgroundImage = "url('" + item.getAttribute('data-kt-img-dark') + "')";
+                    }
+                    else if (_this.getMode() === 'light' && item.hasAttribute('data-kt-img-light')) {
+                        item.setAttribute('data-kt-img-dark', item.getAttribute('src') || '');
+                        item.style.backgroundImage = "url('" + item.getAttribute('data-kt-img-light') + "')";
+                    }
+                }
+            });
+        };
+        this.on = function (name, hander) {
+            if (_this.element) {
+                return _utils_1.EventHandlerUtil.on(_this.element, name, hander);
+            }
+        };
+        this.off = function (name, handlerId) {
+            if (_this.element) {
+                return _utils_1.EventHandlerUtil.off(_this.element, name, handlerId);
+            }
+        };
+        this.init = function () {
+            _this.menu = document.querySelector('[data-kt-element="theme-mode-menu"]');
+            _this.element = document.documentElement;
+            _this.initMode();
+            if (_this.menu) {
+                _this.handleMenu();
+            }
+        };
+    }
+    return ThemeMode;
+}());
+var ThemeModeComponent = new ThemeMode();
+exports.ThemeModeComponent = ThemeModeComponent;

package/dist/assets/ts/layout/index.d.ts

@@ -0,0 +1 @@
+export * from './ThemeMode';

package/dist/assets/ts/layout/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ThemeMode"), exports);

package/dist/helpers/AssetHelpers.d.ts

@@ -0,0 +1,2 @@
+export declare const toAbsoluteUrl: (pathname: string) => string;
+export declare const useIllustrationsPath: (illustrationName: string) => string;

package/dist/helpers/AssetHelpers.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIllustrationsPath = exports.toAbsoluteUrl = void 0;
+var core_1 = require("../layout/core");
+var layout_1 = require("../assets/ts/layout");
+var toAbsoluteUrl = function (pathname) {
+    return pathname;
+};
+exports.toAbsoluteUrl = toAbsoluteUrl;
+var useIllustrationsPath = function (illustrationName) {
+    var _a;
+    var config = (0, core_1.useLayout)().config;
+    var extension = illustrationName.substring(illustrationName.lastIndexOf("."), illustrationName.length);
+    var illustration = layout_1.ThemeModeComponent.getMode() === "dark"
+        ? "".concat(illustrationName.substring(0, illustrationName.lastIndexOf(".")), "-dark")
+        : illustrationName.substring(0, illustrationName.lastIndexOf("."));
+    return (0, exports.toAbsoluteUrl)("media/illustrations/".concat((_a = config.illustrations) === null || _a === void 0 ? void 0 : _a.set, "/").concat(illustration).concat(extension));
+};
+exports.useIllustrationsPath = useIllustrationsPath;

package/dist/helpers/RouterHelpers.d.ts

@@ -0,0 +1,2 @@
+export declare function getCurrentUrl(pathname: string): string;
+export declare function checkIsActive(pathname: string, url: string): boolean;

package/dist/helpers/RouterHelpers.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkIsActive = exports.getCurrentUrl = void 0;
+function getCurrentUrl(pathname) {
+    return pathname.split(/[?#]/)[0];
+}
+exports.getCurrentUrl = getCurrentUrl;
+function checkIsActive(pathname, url) {
+    var current = getCurrentUrl(pathname);
+    if (!current || !url) {
+        return false;
+    }
+    if (current === url) {
+        return true;
+    }
+    if (current.indexOf(url) > -1) {
+        return true;
+    }
+    return false;
+}
+exports.checkIsActive = checkIsActive;

package/dist/helpers/components/KTCard.d.ts

@@ -0,0 +1,17 @@
+import { FC } from 'react';
+import { WithChildren } from '../react18MigrationHelpers';
+type Props = {
+    className?: string;
+    shadow?: boolean;
+    flush?: boolean;
+    resetSidePaddings?: boolean;
+    border?: boolean;
+    dashed?: boolean;
+    stretch?: 'stretch' | 'stretch-75' | 'stretch-50' | 'stretch-33' | 'stretch-25';
+    rounded?: 'rounded' | 'rounded-top' | 'rounded-bottom';
+    utilityP?: number;
+    utilityPY?: number;
+    utilityPX?: number;
+};
+declare const KTCard: FC<Props & WithChildren>;
+export { KTCard };

package/dist/helpers/components/KTCard.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KTCard = void 0;
+var react_1 = __importDefault(require("react"));
+var clsx_1 = __importDefault(require("clsx"));
+var KTCard = function (props) {
+    var className = props.className, shadow = props.shadow, flush = props.flush, resetSidePaddings = props.resetSidePaddings, border = props.border, dashed = props.dashed, stretch = props.stretch, rounded = props.rounded, utilityP = props.utilityP, utilityPY = props.utilityPY, utilityPX = props.utilityPX, children = props.children;
+    return (react_1.default.createElement("div", { className: (0, clsx_1.default)('card', className && className, {
+            'shadow-sm': shadow,
+            'card-flush': flush,
+            'card-px-0': resetSidePaddings,
+            'card-bordered': border,
+            'card-dashed': dashed,
+        }, stretch && "card-".concat(stretch), utilityP && "p-".concat(utilityP), utilityPX && "px-".concat(utilityPX), utilityPY && "py-".concat(utilityPY), rounded && "card-".concat(rounded)) }, children));
+};
+exports.KTCard = KTCard;

package/dist/helpers/components/KTCardBody.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { WithChildren } from '../react18MigrationHelpers';
+type Props = {
+    className?: string;
+    scroll?: boolean;
+    height?: number;
+};
+declare const KTCardBody: FC<Props & WithChildren>;
+export { KTCardBody };

package/dist/helpers/components/KTCardBody.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KTCardBody = void 0;
+var clsx_1 = __importDefault(require("clsx"));
+var react_1 = __importDefault(require("react"));
+var KTCardBody = function (props) {
+    var className = props.className, scroll = props.scroll, height = props.height, children = props.children;
+    return (react_1.default.createElement("div", { className: (0, clsx_1.default)('card-body', className && className, {
+            'card-scroll': scroll,
+        }, height && "h-".concat(height, "px")) }, children));
+};
+exports.KTCardBody = KTCardBody;

package/dist/helpers/components/KTIcon.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+type Props = {
+    className?: string;
+    iconType?: 'duotone' | 'solid' | 'outline';
+    iconName: string;
+};
+declare const KTIcon: FC<Props>;
+export { KTIcon };

package/dist/helpers/components/KTIcon.js

@@ -0,0 +1,30 @@
+"use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KTIcon = void 0;
+var react_1 = __importDefault(require("react"));
+var icons_1 = __importDefault(require("../icons-config/icons"));
+var core_1 = require("../../layout/core");
+var KTIcon = function (_a) {
+    var _b;
+    var _c = _a.className, className = _c === void 0 ? '' : _c, iconType = _a.iconType, iconName = _a.iconName;
+    if (!iconType) {
+        iconType = (_b = (0, core_1.getLayoutFromLocalStorage)().main) === null || _b === void 0 ? void 0 : _b.iconType;
+    }
+    return (react_1.default.createElement("i", { className: "ki-".concat(iconType, " ki-").concat(iconName).concat(className && ' ' + className) }, iconType === 'duotone' &&
+        __spreadArray([], Array(icons_1.default[iconName]), true).map(function (_e, i) {
+            return (react_1.default.createElement("span", { key: "".concat(iconType, "-").concat(iconName, "-").concat(className, "-path-").concat(i + 1), className: "path".concat(i + 1) }));
+        })));
+};
+exports.KTIcon = KTIcon;

package/dist/helpers/components/KTSVG.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+type Props = {
+    className?: string;
+    path: string;
+    svgClassName?: string;
+};
+export declare const KTSVG: FC<Props>;
+export {};

package/dist/helpers/components/KTSVG.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KTSVG = void 0;
+var react_1 = __importDefault(require("react"));
+var KTSVG = function (_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b, path = _a.path, _c = _a.svgClassName, svgClassName = _c === void 0 ? 'mh-50px' : _c;
+    return (react_1.default.createElement(react_1.default.Fragment, null));
+};
+exports.KTSVG = KTSVG;

package/dist/helpers/crud-helper/consts.d.ts

@@ -0,0 +1,4 @@
+declare const QUERIES: {
+    USERS_LIST: string;
+};
+export { QUERIES };

package/dist/helpers/crud-helper/consts.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QUERIES = void 0;
+var QUERIES = {
+    USERS_LIST: 'users-list',
+};
+exports.QUERIES = QUERIES;

package/dist/helpers/crud-helper/helpers.d.ts

@@ -0,0 +1,14 @@
+import { Dispatch, SetStateAction } from 'react';
+import { ID, QueryResponseContextProps, QueryState } from './models';
+declare function createResponseContext<T>(initialState: QueryResponseContextProps<T>): import("react").Context<QueryResponseContextProps<T>>;
+declare function isNotEmpty(obj: unknown): boolean;
+declare function stringifyRequestQuery(state: QueryState): string;
+declare function parseRequestQuery(query: string): QueryState;
+declare function calculatedGroupingIsDisabled<T>(isLoading: boolean, data: Array<T> | undefined): boolean;
+declare function calculateIsAllDataSelected<T>(data: Array<T> | undefined, selected: Array<ID>): boolean;
+declare function groupingOnSelect(id: ID, selected: Array<ID>, setSelected: Dispatch<SetStateAction<Array<ID>>>): void;
+declare function groupingOnSelectAll<T>(isAllSelected: boolean, setSelected: Dispatch<SetStateAction<Array<ID>>>, data?: Array<T & {
+    id?: ID;
+}>): void;
+declare function useDebounce(value: string | undefined, delay: number): string | undefined;
+export { createResponseContext, stringifyRequestQuery, parseRequestQuery, calculatedGroupingIsDisabled, calculateIsAllDataSelected, groupingOnSelect, groupingOnSelectAll, useDebounce, isNotEmpty, };

package/dist/helpers/crud-helper/helpers.js

@@ -0,0 +1,110 @@
+"use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isNotEmpty = exports.useDebounce = exports.groupingOnSelectAll = exports.groupingOnSelect = exports.calculateIsAllDataSelected = exports.calculatedGroupingIsDisabled = exports.parseRequestQuery = exports.stringifyRequestQuery = exports.createResponseContext = void 0;
+var react_1 = require("react");
+var qs_1 = __importDefault(require("qs"));
+function createResponseContext(initialState) {
+    return (0, react_1.createContext)(initialState);
+}
+exports.createResponseContext = createResponseContext;
+function isNotEmpty(obj) {
+    return obj !== undefined && obj !== null && obj !== '';
+}
+exports.isNotEmpty = isNotEmpty;
+// Example: page=1&items_per_page=10&sort=id&order=desc&search=a&filter_name=a&filter_online=false
+function stringifyRequestQuery(state) {
+    var pagination = qs_1.default.stringify(state, { filter: ['page', 'items_per_page'], skipNulls: true });
+    var sort = qs_1.default.stringify(state, { filter: ['sort', 'order'], skipNulls: true });
+    var search = isNotEmpty(state.search)
+        ? qs_1.default.stringify(state, { filter: ['search'], skipNulls: true })
+        : '';
+    var filter = state.filter
+        ? Object.keys(state.filter).map(function (key) { return [key, state.filter[key]]; })
+            .filter(function (obj) { return isNotEmpty(obj[1]); })
+            .map(function (obj) {
+            return "filter_".concat(obj[0], "=").concat(obj[1]);
+        })
+            .join('&')
+        : '';
+    return [pagination, sort, search, filter]
+        .filter(function (f) { return f; })
+        .join('&')
+        .toLowerCase();
+}
+exports.stringifyRequestQuery = stringifyRequestQuery;
+function parseRequestQuery(query) {
+    var cache = qs_1.default.parse(query);
+    return cache;
+}
+exports.parseRequestQuery = parseRequestQuery;
+function calculatedGroupingIsDisabled(isLoading, data) {
+    if (isLoading) {
+        return true;
+    }
+    return !data || !data.length;
+}
+exports.calculatedGroupingIsDisabled = calculatedGroupingIsDisabled;
+function calculateIsAllDataSelected(data, selected) {
+    if (!data) {
+        return false;
+    }
+    return data.length > 0 && data.length === selected.length;
+}
+exports.calculateIsAllDataSelected = calculateIsAllDataSelected;
+function groupingOnSelect(id, selected, setSelected) {
+    if (!id) {
+        return;
+    }
+    if (selected.indexOf(id) !== -1) {
+        setSelected(selected.filter(function (itemId) { return itemId !== id; }));
+    }
+    else {
+        var updatedSelected = __spreadArray([], selected, true);
+        updatedSelected.push(id);
+        setSelected(updatedSelected);
+    }
+}
+exports.groupingOnSelect = groupingOnSelect;
+function groupingOnSelectAll(isAllSelected, setSelected, data) {
+    if (isAllSelected) {
+        setSelected([]);
+        return;
+    }
+    if (!data || !data.length) {
+        return;
+    }
+    setSelected(data.filter(function (item) { return item.id; }).map(function (item) { return item.id; }));
+}
+exports.groupingOnSelectAll = groupingOnSelectAll;
+// Hook
+function useDebounce(value, delay) {
+    // State and setters for debounced value
+    var _a = (0, react_1.useState)(value), debouncedValue = _a[0], setDebouncedValue = _a[1];
+    (0, react_1.useEffect)(function () {
+        // Update debounced value after delay
+        var handler = setTimeout(function () {
+            setDebouncedValue(value);
+        }, delay);
+        // Cancel the timeout if value changes (also on delay change or unmount)
+        // This is how we prevent debounced value from updating if value is changed ...
+        // .. within the delay period. Timeout gets cleared and restarted.
+        return function () {
+            clearTimeout(handler);
+        };
+    }, [value, delay] // Only re-call effect if value or delay changes
+    );
+    return debouncedValue;
+}
+exports.useDebounce = useDebounce;