awing-library 2.1.2-dev.98 → 2.1.2-preview.1

package/dist/AWING/DragAndDrop/TreeSortable/ui/simple/SimpleTreeItemWrapper.css

@@ -0,0 +1,73 @@
+.dnd-sortable-tree_simple_wrapper {
+  box-sizing: border-box;
+  margin-bottom: -1px;
+  list-style: none;
+}
+
+.dnd-sortable-tree_simple_tree-item {
+  color: #222;
+  box-sizing: border-box;
+  border: 1px solid #dedede;
+  align-items: center;
+  padding: 10px;
+  display: flex;
+  position: relative;
+}
+
+.dnd-sortable-tree_simple_clone {
+  pointer-events: none;
+  padding: 5px;
+  display: inline-block;
+}
+
+.dnd-sortable-tree_simple_clone > .dnd-sortable-tree_simple_tree-item {
+  border-radius: 4px;
+  padding-top: 5px;
+  padding-bottom: 5px;
+  padding-right: 24px;
+  box-shadow: 0 15px 15px #2221511a;
+}
+
+.dnd-sortable-tree_simple_ghost {
+  opacity: .5;
+}
+
+.dnd-sortable-tree_simple_disable-selection {
+  user-select: none;
+}
+
+.dnd-sortable-tree_simple_disable-interaction {
+  pointer-events: none;
+}
+
+.dnd-sortable-tree_folder_tree-item-collapse_button {
+  background: url("data:image/svg+xml;utf8,<svg width=%2710%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 70 41%27><path d=%27M30.76 39.2402C31.885 40.3638 33.41 40.995 35 40.995C36.59 40.995 38.115 40.3638 39.24 39.2402L68.24 10.2402C69.2998 9.10284 69.8768 7.59846 69.8494 6.04406C69.822 4.48965 69.1923 3.00657 68.093 1.90726C66.9937 0.807959 65.5106 0.178263 63.9562 0.150837C62.4018 0.123411 60.8974 0.700397 59.76 1.76024L35 26.5102L10.24 1.76024C9.10259 0.700397 7.59822 0.123411 6.04381 0.150837C4.4894 0.178263 3.00632 0.807959 1.90702 1.90726C0.807714 3.00657 0.178019 4.48965 0.150593 6.04406C0.123167 7.59846 0.700153 9.10284 1.75999 10.2402L30.76 39.2402Z%27 /></svg>") center no-repeat;
+  border: 0;
+  align-self: stretch;
+  width: 20px;
+  transition: transform .25s;
+}
+
+.dnd-sortable-tree_folder_tree-item-collapse_button-collapsed {
+  transform: rotate(-90deg);
+}
+
+.dnd-sortable-tree_simple_handle {
+  cursor: pointer;
+  background: url("data:image/svg+xml;utf8,<svg  xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27 width=%2712%27><path d=%27M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z%27></path></svg>") center no-repeat;
+  align-self: stretch;
+  width: 20px;
+}
+
+.dnd-sortable-tree_simple_tree-item-collapse_button {
+  background: url("data:image/svg+xml;utf8,<svg width=%2710%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 70 41%27><path d=%27M30.76 39.2402C31.885 40.3638 33.41 40.995 35 40.995C36.59 40.995 38.115 40.3638 39.24 39.2402L68.24 10.2402C69.2998 9.10284 69.8768 7.59846 69.8494 6.04406C69.822 4.48965 69.1923 3.00657 68.093 1.90726C66.9937 0.807959 65.5106 0.178263 63.9562 0.150837C62.4018 0.123411 60.8974 0.700397 59.76 1.76024L35 26.5102L10.24 1.76024C9.10259 0.700397 7.59822 0.123411 6.04381 0.150837C4.4894 0.178263 3.00632 0.807959 1.90702 1.90726C0.807714 3.00657 0.178019 4.48965 0.150593 6.04406C0.123167 7.59846 0.700153 9.10284 1.75999 10.2402L30.76 39.2402Z%27 /></svg>") center no-repeat;
+  border: 0;
+  align-self: stretch;
+  width: 20px;
+  transition: transform .25s;
+}
+
+.dnd-sortable-tree_folder_simple-item-collapse_button-collapsed {
+  transform: rotate(-90deg);
+}
+

package/dist/AWING/DragAndDrop/TreeSortable/ui/simple/SimpleTreeItemWrapper.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { TreeItemComponentProps } from '../../types';
+import './SimpleTreeItemWrapper.css';
+export declare const SimpleTreeItemWrapper: <T>(p: React.PropsWithChildren<TreeItemComponentProps<T> & React.RefAttributes<HTMLDivElement>>) => React.ReactElement;
+//# sourceMappingURL=SimpleTreeItemWrapper.d.ts.map

package/dist/AWING/DragAndDrop/TreeSortable/ui/simple/SimpleTreeItemWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleTreeItemWrapper.d.ts","sourceRoot":"","sources":["../../../../../../src/AWING/DragAndDrop/TreeSortable/ui/simple/SimpleTreeItemWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,6BAA6B,CAAC;AAIrC,eAAO,MAAM,qBAAqB,EAqF7B,CAAC,CAAC,EACH,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,KAC1F,KAAK,CAAC,YAAY,CAAC"}

package/dist/AWING/DragAndDrop/TreeSortable/ui/simple/SimpleTreeItemWrapper.js

@@ -0,0 +1,57 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { forwardRef } from "react";
+import "./SimpleTreeItemWrapper.css";
+import { IconButton } from "@mui/material";
+import { KeyboardArrowDown, KeyboardArrowUp } from "@mui/icons-material";
+const SimpleTreeItemWrapper = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { clone, depth, disableSelection, disableInteraction, disableSorting = false, ghost, handleProps, indentationWidth, indicator, collapsed, onCollapse, onRemove, item, wrapperRef, style, hideCollapseButton, childCount, manualDrag, showDragHandle = true, disableCollapseOnItemClick, isLast, parent, className, contentClassName, isOver, isOverParent, ...rest } = props;
+    return /*#__PURE__*/ jsx("li", {
+        ref: wrapperRef,
+        ...rest,
+        className: clsx('dnd-sortable-tree_simple_wrapper', clone && 'dnd-sortable-tree_simple_clone', ghost && 'dnd-sortable-tree_simple_ghost', disableSelection && 'dnd-sortable-tree_simple_disable-selection', disableInteraction && 'dnd-sortable-tree_simple_disable-interaction', className),
+        style: {
+            ...style,
+            paddingLeft: clone ? indentationWidth : indentationWidth * depth,
+            borderTop: 0 === depth ? '1px solid #e6e6e6' : 'none'
+        },
+        children: /*#__PURE__*/ jsxs("div", {
+            className: clsx('dnd-sortable-tree_simple_tree-item', contentClassName),
+            ref: ref,
+            style: {
+                padding: 1,
+                border: 'none'
+            },
+            ...manualDrag ? void 0 : handleProps,
+            onClick: disableCollapseOnItemClick ? void 0 : onCollapse,
+            children: [
+                showDragHandle && !disableSorting && /*#__PURE__*/ jsx("div", {
+                    className: 'dnd-sortable-tree_simple_handle',
+                    ...handleProps
+                }),
+                props.children,
+                !manualDrag && !hideCollapseButton && !!onCollapse && !!childCount && /*#__PURE__*/ jsx(IconButton, {
+                    size: "small",
+                    sx: {
+                        padding: '3px'
+                    },
+                    onClick: (e)=>{
+                        if (!disableCollapseOnItemClick) return;
+                        e.preventDefault();
+                        onCollapse();
+                    },
+                    children: collapsed ? /*#__PURE__*/ jsx(KeyboardArrowDown, {
+                        sx: {
+                            fontSize: '1.3em'
+                        }
+                    }) : /*#__PURE__*/ jsx(KeyboardArrowUp, {
+                        sx: {
+                            fontSize: '1.3em'
+                        }
+                    })
+                })
+            ]
+        })
+    });
+});
+export { SimpleTreeItemWrapper };

package/dist/AWING/DragAndDrop/TreeSortable/utilities.d.ts

@@ -0,0 +1,19 @@
+import type { FlattenedItem, TreeItem, TreeItems } from './types';
+import { UniqueIdentifier } from '@dnd-kit/core';
+export declare const iOS: boolean;
+export declare function getProjection<T>(items: FlattenedItem<T>[], activeId: UniqueIdentifier | null, overId: UniqueIdentifier | null, dragOffset: number, indentationWidth: number, keepGhostInPlace: boolean, canRootHaveChildren?: boolean | ((dragItem: FlattenedItem<T>) => boolean)): {
+    depth: number;
+    parentId: UniqueIdentifier | null;
+    parent: FlattenedItem<T> | null;
+    isLast: boolean;
+} | null;
+export declare function flattenTree<T extends Record<string, any>>(items: TreeItems<T>): FlattenedItem<T>[];
+export declare function buildTree<T extends Record<string, any>>(flattenedItems: FlattenedItem<T>[]): TreeItems<T>;
+export declare function findItem<T>(items: TreeItem<T>[], itemId: UniqueIdentifier): TreeItem<T> | undefined;
+export declare function findItemDeep<T extends Record<string, any>>(items: TreeItems<T>, itemId: UniqueIdentifier): TreeItem<T> | undefined;
+export declare function removeItem<T extends Record<string, any>>(items: TreeItems<T>, id: string): TreeItem<T>[];
+export declare function setProperty<TData extends Record<string, any>, T extends keyof TreeItem<TData>>(items: TreeItems<TData>, id: string, property: T, setter: (value: TreeItem<TData>[T]) => TreeItem<TData>[T]): TreeItem<TData>[];
+export declare function getChildCount<T extends Record<string, any>>(items: TreeItems<T>, id: UniqueIdentifier): number;
+export declare function removeChildrenOf<T>(items: FlattenedItem<T>[], ids: UniqueIdentifier[]): FlattenedItem<T>[];
+export declare function getIsOverParent<T>(parent: FlattenedItem<T> | null, overId: UniqueIdentifier): boolean;
+//# sourceMappingURL=utilities.d.ts.map

package/dist/AWING/DragAndDrop/TreeSortable/utilities.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../../../src/AWING/DragAndDrop/TreeSortable/utilities.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEjD,eAAO,MAAM,GAAG,SAAsF,CAAC;AAOvG,wBAAgB,aAAa,CAAC,CAAC,EAC3B,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,EACzB,QAAQ,EAAE,gBAAgB,GAAG,IAAI,EACjC,MAAM,EAAE,gBAAgB,GAAG,IAAI,EAC/B,UAAU,EAAE,MAAM,EAClB,gBAAgB,EAAE,MAAM,EACxB,gBAAgB,EAAE,OAAO,EACzB,mBAAmB,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,GAC1E;IACC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAClC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IAChC,MAAM,EAAE,OAAO,CAAC;CACnB,GAAG,IAAI,CAkGP;AAqBD,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,EAAE,CAElG;AAED,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,cAAc,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC,CAezG;AAED,wBAAgB,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,gBAAgB,2BAEzE;AAED,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACtD,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,EACnB,MAAM,EAAE,gBAAgB,GACzB,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,CAkBzB;AAED,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,iBAgBxF;AAED,wBAAgB,WAAW,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,SAAS,MAAM,QAAQ,CAAC,KAAK,CAAC,EAC1F,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,EACvB,EAAE,EAAE,MAAM,EACV,QAAQ,EAAE,CAAC,EACX,MAAM,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,qBAc5D;AAYD,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,gBAAgB,UAQrG;AAED,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,gBAAgB,EAAE,sBAarF;AAED,wBAAgB,eAAe,CAAC,CAAC,EAAE,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,MAAM,EAAE,gBAAgB,GAAG,OAAO,CAIrG"}

package/dist/AWING/DragAndDrop/TreeSortable/utilities.js

@@ -0,0 +1,181 @@
+import { arrayMove } from "@dnd-kit/sortable";
+const iOS = 'undefined' != typeof window ? /iPad|iPhone|iPod/.test(navigator.platform) : false;
+function getDragDepth(offset, indentationWidth) {
+    return Math.round(offset / indentationWidth);
+}
+let _revertLastChanges = ()=>{};
+function getProjection(items, activeId, overId, dragOffset, indentationWidth, keepGhostInPlace, canRootHaveChildren) {
+    _revertLastChanges();
+    _revertLastChanges = ()=>{};
+    if (!activeId || !overId) return null;
+    const overItemIndex = items.findIndex(({ id })=>id === overId);
+    const activeItemIndex = items.findIndex(({ id })=>id === activeId);
+    const activeItem = items[activeItemIndex];
+    if (keepGhostInPlace) {
+        let parent = items[overItemIndex];
+        parent = findParentWhichCanHaveChildren(parent, activeItem, canRootHaveChildren);
+        if (void 0 === parent) return null;
+        return {
+            depth: parent?.depth ?? 1,
+            parentId: parent?.id ?? null,
+            parent: parent,
+            isLast: !!parent?.isLast
+        };
+    }
+    const newItems = arrayMove(items, activeItemIndex, overItemIndex);
+    const previousItem = newItems[overItemIndex - 1];
+    const nextItem = newItems[overItemIndex + 1];
+    const dragDepth = getDragDepth(dragOffset, indentationWidth);
+    const projectedDepth = activeItem.depth + dragDepth;
+    let depth = projectedDepth;
+    let directParent = findParentWithDepth(depth - 1, previousItem);
+    let parent = findParentWhichCanHaveChildren(directParent, activeItem, canRootHaveChildren);
+    if (void 0 === parent) return null;
+    const maxDepth = (parent?.depth ?? -1) + 1;
+    const minDepth = nextItem?.depth ?? 0;
+    if (minDepth > maxDepth) return null;
+    if (depth >= maxDepth) depth = maxDepth;
+    else if (depth < minDepth) depth = minDepth;
+    const isLast = (nextItem?.depth ?? -1) < depth;
+    if (parent && parent.isLast) {
+        _revertLastChanges = ()=>{
+            parent.isLast = true;
+        };
+        parent.isLast = false;
+    }
+    return {
+        depth,
+        parentId: getParentId(),
+        parent,
+        isLast
+    };
+    function findParentWithDepth(depth, previousItem) {
+        if (!previousItem) return null;
+        while(depth < previousItem.depth){
+            if (null === previousItem.parent) return null;
+            previousItem = previousItem.parent;
+        }
+        return previousItem;
+    }
+    function findParentWhichCanHaveChildren(parent, dragItem, canRootHaveChildren) {
+        if (!parent) {
+            const rootCanHaveChildren = 'function' == typeof canRootHaveChildren ? canRootHaveChildren(dragItem) : canRootHaveChildren;
+            if (false === rootCanHaveChildren) return;
+            return parent;
+        }
+        const canHaveChildren = 'function' == typeof parent.canHaveChildren ? parent.canHaveChildren(dragItem) : parent.canHaveChildren;
+        if (false === canHaveChildren) return findParentWhichCanHaveChildren(parent.parent, activeItem, canRootHaveChildren);
+        return parent;
+    }
+    function getParentId() {
+        if (0 === depth || !previousItem) return null;
+        if (depth === previousItem.depth) return previousItem.parentId;
+        if (depth > previousItem.depth) return previousItem.id;
+        const newParent = newItems.slice(0, overItemIndex).reverse().find((item)=>item.depth === depth)?.parentId;
+        return newParent ?? null;
+    }
+}
+function flatten(items, parentId = null, depth = 0, parent = null) {
+    return items.reduce((acc, item, index)=>{
+        const flattenedItem = {
+            ...item,
+            parentId,
+            depth,
+            index,
+            isLast: items.length === index + 1,
+            parent: parent
+        };
+        return [
+            ...acc,
+            flattenedItem,
+            ...flatten(item.children ?? [], item.id, depth + 1, flattenedItem)
+        ];
+    }, []);
+}
+function flattenTree(items) {
+    return flatten(items);
+}
+function buildTree(flattenedItems) {
+    const root = {
+        id: 'root',
+        children: []
+    };
+    const nodes = {
+        [root.id]: root
+    };
+    const items = flattenedItems.map((item)=>({
+            ...item,
+            children: []
+        }));
+    for (const item of items){
+        const { id } = item;
+        const parentId = item.parentId ?? root.id;
+        const parent = nodes[parentId] ?? findItem(items, parentId);
+        item.parent = null;
+        nodes[id] = item;
+        parent?.children?.push(item);
+    }
+    return root.children ?? [];
+}
+function findItem(items, itemId) {
+    return items.find(({ id })=>id === itemId);
+}
+function findItemDeep(items, itemId) {
+    for (const item of items){
+        const { id, children } = item;
+        if (id === itemId) return item;
+        if (children?.length) {
+            const child = findItemDeep(children, itemId);
+            if (child) return child;
+        }
+    }
+}
+function removeItem(items, id) {
+    const newItems = [];
+    for (const item of items)if (item.id !== id) {
+        if (item.children?.length) item.children = removeItem(item.children, id);
+        newItems.push(item);
+    }
+    return newItems;
+}
+function setProperty(items, id, property, setter) {
+    for (const item of items){
+        if (item.id === id) {
+            item[property] = setter(item[property]);
+            continue;
+        }
+        if (item.children?.length) item.children = setProperty(item.children, id, property, setter);
+    }
+    return [
+        ...items
+    ];
+}
+function countChildren(items, count = 0) {
+    return items.reduce((acc, { children })=>{
+        if (children?.length) return countChildren(children, acc + 1);
+        return acc + 1;
+    }, count);
+}
+function getChildCount(items, id) {
+    if (!id) return 0;
+    const item = findItemDeep(items, id);
+    return item ? countChildren(item.children ?? []) : 0;
+}
+function removeChildrenOf(items, ids) {
+    const excludeParentIds = [
+        ...ids
+    ];
+    return items.filter((item)=>{
+        if (item.parentId && excludeParentIds.includes(item.parentId)) {
+            if (item.children?.length) excludeParentIds.push(item.id);
+            return false;
+        }
+        return true;
+    });
+}
+function getIsOverParent(parent, overId) {
+    if (!parent || !overId) return false;
+    if (parent.id === overId) return true;
+    return getIsOverParent(parent.parent, overId);
+}
+export { buildTree, findItem, findItemDeep, flattenTree, getChildCount, getIsOverParent, getProjection, iOS, removeChildrenOf, removeItem, setProperty };

package/dist/AWING/DragAndDrop/index.d.ts

@@ -0,0 +1,4 @@
+import { SortableTree, TreeItems, SimpleTreeItemWrapper, flattenTree, TreeItem, SortableTreeProps } from './TreeSortable';
+export { default as Sortable } from './Sortable';
+export { SortableTree, SimpleTreeItemWrapper, flattenTree, type TreeItems, type TreeItem, type SortableTreeProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/AWING/DragAndDrop/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/AWING/DragAndDrop/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EACZ,SAAS,EACT,qBAAqB,EACrB,WAAW,EACX,QAAQ,EACR,iBAAiB,EACpB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,qBAAqB,EAAE,WAAW,EAAE,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,KAAK,iBAAiB,EAAE,CAAC"}

package/dist/AWING/DragAndDrop/index.js

@@ -0,0 +1,3 @@
+import { SimpleTreeItemWrapper, SortableTree, flattenTree } from "./TreeSortable/index.js";
+import Sortable from "./Sortable/index.js";
+export { SimpleTreeItemWrapper, Sortable, SortableTree, flattenTree };

package/dist/AWING/Drawer/Container.d.ts

@@ -0,0 +1,5 @@
+import type { DrawerProps } from './Types';
+export declare const preventDuplidateAction: import("lodash").DebouncedFunc<(action: Function) => void>;
+declare const Container: (props: DrawerProps) => import("react/jsx-runtime").JSX.Element;
+export default Container;
+//# sourceMappingURL=Container.d.ts.map

package/dist/AWING/Drawer/Container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/AWING/Drawer/Container.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,sBAAsB,0CAAqB,QAAQ,UAEzD,CAAC;AAER,QAAA,MAAM,SAAS,UAAW,WAAW,4CAmHpC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/AWING/Drawer/Container.js

@@ -0,0 +1,108 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { debounce } from "lodash";
+import { useTranslation } from "react-i18next";
+import { Box, Button, Divider, Drawer, IconButton, Tooltip, Typography } from "@mui/material";
+import { Close, Save } from "@mui/icons-material";
+import { useAppHelper } from "../../Context/index.js";
+const preventDuplidateAction = debounce((action)=>{
+    action();
+}, 300);
+const Container_Container = (props)=>{
+    const { t } = useTranslation();
+    const { confirm } = useAppHelper();
+    const { title, disableButtonSubmit, loading, customAction, customButtonSubmit, onSubmit, open, confirmExit, onClose, children, wrapperStyle, childrenWrapperStyle } = props;
+    const initPathname = useMemo(()=>window.location.pathname, []);
+    const match = initPathname === window.location.pathname;
+    const handleSubmit = ()=>{
+        if (onSubmit) preventDuplidateAction(onSubmit);
+    };
+    const handleClose = ()=>{
+        if (onClose) preventDuplidateAction(confirmExit ? ()=>{
+            confirm(onClose);
+        } : onClose);
+    };
+    return /*#__PURE__*/ jsxs(Drawer, {
+        anchor: "right",
+        open: open,
+        slotProps: {
+            paper: {
+                elevation: 0,
+                style: {
+                    backgroundColor: '#fafafa',
+                    width: match ? '80%' : '100%',
+                    ...wrapperStyle ? wrapperStyle : {}
+                }
+            }
+        },
+        onClose: handleClose,
+        children: [
+            /*#__PURE__*/ jsxs(Box, {
+                style: {
+                    display: 'flex',
+                    justifyContent: 'space-between',
+                    alignItems: 'center',
+                    padding: '8px',
+                    backgroundColor: 'white'
+                },
+                children: [
+                    /*#__PURE__*/ jsx(Tooltip, {
+                        title: t('Common.Close'),
+                        enterDelay: 300,
+                        children: /*#__PURE__*/ jsx(IconButton, {
+                            color: "inherit",
+                            onClick: handleClose,
+                            edge: "start",
+                            style: {
+                                marginLeft: '8px',
+                                marginRight: '8px'
+                            },
+                            children: /*#__PURE__*/ jsx(Close, {
+                                fontSize: "small"
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Typography, {
+                        variant: "h6",
+                        style: {
+                            flexGrow: 1,
+                            fontWeight: 'bold'
+                        },
+                        children: title
+                    }),
+                    !!customAction && customAction,
+                    onSubmit && /*#__PURE__*/ jsx("div", {
+                        style: {
+                            display: 'flex',
+                            flexDirection: 'row',
+                            WebkitBoxPack: 'center',
+                            justifyContent: 'center',
+                            WebkitBoxAlign: 'center',
+                            alignItems: 'center'
+                        },
+                        children: customButtonSubmit ? customButtonSubmit : /*#__PURE__*/ jsx(Button, {
+                            variant: "contained",
+                            color: "primary",
+                            startIcon: /*#__PURE__*/ jsx(Save, {}),
+                            onClick: handleSubmit,
+                            disabled: disableButtonSubmit || loading,
+                            children: loading ? t('Common.Loading') : t('Common.Save')
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(Divider, {}),
+            /*#__PURE__*/ jsx(Box, {
+                sx: {
+                    padding: '24px 40px',
+                    height: 'calc(100% - 52px)',
+                    overflow: 'auto',
+                    ...childrenWrapperStyle
+                },
+                children: children
+            })
+        ]
+    });
+};
+const Container = Container_Container;
+export { Container as default, preventDuplidateAction };

package/dist/AWING/Drawer/Container.test.js

@@ -0,0 +1,107 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { fireEvent, render, screen, waitFor } from "@testing-library/react";
+import { useAppHelper } from "../../Context/index.js";
+import Container from "./Container.js";
+jest.mock('@mui/material', ()=>({
+        ...jest.requireActual('@mui/material'),
+        Drawer: (props)=>/*#__PURE__*/ jsxs("div", {
+                "data-testid": "Drawer",
+                children: [
+                    /*#__PURE__*/ jsx("button", {
+                        "data-testid": "Drawer-onClose",
+                        onClick: props?.onClose
+                    }),
+                    props?.children
+                ]
+            }),
+        Button: (props)=>/*#__PURE__*/ jsx("button", {
+                "data-testid": "Button-submit",
+                onClick: ()=>props?.onClick(),
+                children: props?.children
+            })
+    }));
+jest.mock('lodash', ()=>({
+        debounce: jest.fn((action)=>action)
+    }));
+jest.mock('Context', ()=>({
+        useAppHelper: jest.fn()
+    }));
+const getRender = (props)=>{
+    render(/*#__PURE__*/ jsx(Container, {
+        title: "Demo Drawer",
+        ...props
+    }));
+};
+describe('Render and Actions', ()=>{
+    const mockConfirm = jest.fn();
+    beforeEach(()=>{
+        useAppHelper.mockReturnValue({
+            confirm: mockConfirm
+        });
+    });
+    afterEach(()=>{
+        jest.clearAllMocks();
+    });
+    it('render basic', ()=>{
+        getRender({
+            onSubmit: jest.fn(),
+            loading: false
+        });
+        expect(screen.getByText('Demo Drawer')).toBeInTheDocument();
+        expect(screen.getByText('Common.Save')).toBeInTheDocument();
+    });
+    it('render customAction', ()=>{
+        getRender({
+            onSubmit: jest.fn(),
+            customAction: /*#__PURE__*/ jsx("div", {
+                "data-testid": "customAction"
+            }),
+            loading: true
+        });
+        expect(screen.getByTestId('customAction')).toBeInTheDocument();
+        expect(screen.getByText('Common.Loading')).toBeInTheDocument();
+    });
+    it('render custom ButtonSubmit ', ()=>{
+        getRender({
+            onSubmit: jest.fn(),
+            customButtonSubmit: /*#__PURE__*/ jsx("button", {
+                "data-testid": "customButtonSubmit"
+            }),
+            loading: true
+        });
+        expect(screen.getByTestId('customButtonSubmit')).toBeInTheDocument();
+    });
+    it('should call Drawer onClose with confirmExit', ()=>{
+        const mockOnClose = jest.fn();
+        getRender({
+            confirmExit: true,
+            wrapperStyle: {},
+            onClose: mockOnClose
+        });
+        fireEvent.click(screen.getByTestId('Drawer-onClose'));
+        waitFor(()=>{
+            expect(mockOnClose).toHaveBeenCalled();
+        });
+    });
+    it('should call Drawer onClose without confirmExit', ()=>{
+        const mockOnClose = jest.fn();
+        getRender({
+            confirmExit: false,
+            onClose: mockOnClose
+        });
+        fireEvent.click(screen.getByTestId('Drawer-onClose'));
+        waitFor(()=>{
+            expect(mockOnClose).toHaveBeenCalled();
+        });
+    });
+    it('should call Button submit', ()=>{
+        const mockOnSubmit = jest.fn();
+        getRender({
+            onSubmit: mockOnSubmit
+        });
+        fireEvent.click(screen.getByTestId('Button-submit'));
+        waitFor(()=>{
+            expect(mockOnSubmit).toHaveBeenCalled();
+        });
+    });
+});

package/dist/AWING/Drawer/Types.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode, ReactElement } from 'react';
+import { SxProps, Theme } from '@mui/material';
+export type DrawerProps = {
+    title: string;
+    disableButtonSubmit?: boolean;
+    loading?: boolean;
+    customAction?: ReactElement;
+    customButtonSubmit?: ReactElement;
+    onSubmit?: () => void;
+    open: boolean;
+    onClose?: () => void;
+    confirmExit?: boolean;
+    children: ReactNode;
+    childrenWrapperStyle?: SxProps<Theme>;
+    wrapperStyle?: any;
+};
+//# sourceMappingURL=Types.d.ts.map

package/dist/AWING/Drawer/Types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Types.d.ts","sourceRoot":"","sources":["../../../src/AWING/Drawer/Types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,MAAM,WAAW,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,kBAAkB,CAAC,EAAE,YAAY,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACtC,YAAY,CAAC,EAAE,GAAG,CAAC;CACtB,CAAC"}

package/dist/AWING/Drawer/index.d.ts

@@ -0,0 +1,5 @@
+import { type DrawerProps } from './Types';
+declare const DrawerWrapper: (props: DrawerProps) => import("react/jsx-runtime").JSX.Element;
+export default DrawerWrapper;
+export * from './Types';
+//# sourceMappingURL=index.d.ts.map

package/dist/AWING/Drawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/AWING/Drawer/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,QAAA,MAAM,aAAa,UAAW,WAAW,4CAMxC,CAAC;AACF,eAAe,aAAa,CAAC;AAC7B,cAAc,SAAS,CAAC"}

package/dist/AWING/Drawer/index.js

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import { AppProvider } from "../../Utils/index.js";
+import Container from "./Container.js";
+export * from "./Types.js";
+const DrawerWrapper = (props)=>/*#__PURE__*/ jsx(AppProvider, {
+        children: /*#__PURE__*/ jsx(Container, {
+            ...props
+        })
+    });
+const Drawer = DrawerWrapper;
+export { Drawer as default };

package/dist/AWING/DrawerHook/index.d.ts

@@ -0,0 +1,10 @@
+import { DrawerStateEnum } from '../DrawerNavigate';
+export declare function useDrawer(): {
+    drawerState: DrawerStateEnum;
+    setDrawerState: (newDrawerState: DrawerStateEnum) => void;
+    drawerTitle: string;
+    setDrawerTitle: (newDrawerTitle: string) => void;
+    setConfirmExit: (newConfirmExitStatus: boolean) => void;
+    navigateBack: () => void;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/AWING/DrawerHook/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/AWING/DrawerHook/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,wBAAgB,SAAS;;qCAiCmB,eAAe;;qCAIf,MAAM;2CAIA,OAAO;;EAoBxD"}