awing-library 2.1.2-dev.99 → 2.1.2-stable.10

package/lib/AWING/GroupTable/container.js

@@ -0,0 +1,30 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GroupTable = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var GroupTable_1 = __importDefault(require("./GroupTable"));
+var react_1 = require("react");
+var i18n_1 = __importDefault(require("../../i18n"));
+function GroupTable(props) {
+    (0, react_1.useEffect)(function () {
+        var language = localStorage.getItem("i18nextLng");
+        i18n_1.default.changeLanguage(language || "vi");
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [localStorage.getItem("i18nextLng")]);
+    return (0, jsx_runtime_1.jsx)(GroupTable_1.default, __assign({}, props));
+}
+exports.GroupTable = GroupTable;

package/lib/AWING/GroupTable/index.d.ts

@@ -0,0 +1,4 @@
+import { GroupTableProps } from "./interface";
+export declare function GroupTable(props: GroupTableProps): import("react/jsx-runtime").JSX.Element;
+export * from "./interface";
+export default GroupTable;

package/lib/AWING/GroupTable/index.js

@@ -0,0 +1,41 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GroupTable = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var GroupTable_1 = __importDefault(require("./GroupTable"));
+var i18n_1 = __importDefault(require("../../i18n"));
+var react_i18next_1 = require("react-i18next");
+function GroupTable(props) {
+    return ((0, jsx_runtime_1.jsx)(react_i18next_1.I18nextProvider, { i18n: i18n_1.default, children: (0, jsx_runtime_1.jsx)(GroupTable_1.default, __assign({}, props)) }));
+}
+exports.GroupTable = GroupTable;
+__exportStar(require("./interface"), exports);
+exports.default = GroupTable;

package/lib/AWING/GroupTable/interface.d.ts

@@ -0,0 +1,11 @@
+import { GroupFilter, HeadCell } from "../DataGridGroup";
+export interface GroupTableProps {
+    headCells: HeadCell[];
+    filters: GroupFilter[];
+    onGetData: (groupFilters: GroupFilter[], pageIndex: number, pageSize: number) => Promise<{
+        data: any[];
+        totalCount: number;
+    }>;
+    onRowClicked?: (rowInfo: any) => void;
+    customRow?: any;
+}

package/lib/AWING/GroupTable/interface.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/AWING/HOC/Wrapper.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const Wrapper: <T extends React.FC<any> = () => JSX.Element, W extends React.FC<any> = () => JSX.Element>(Compoent: T, Parrent: {
+    component: W;
+    props?: React.ComponentProps<W> | undefined;
+}) => React.FC<React.ComponentProps<T>>;
+export default Wrapper;

package/lib/AWING/HOC/Wrapper.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var Wrapper = function (Compoent, Parrent) {
+    var wrapped = function (props) {
+        return (0, react_1.createElement)(Parrent.component, Parrent.props, (0, react_1.createElement)(Compoent, props));
+    };
+    return wrapped;
+};
+exports.default = Wrapper;

package/lib/AWING/Helmet/index.d.ts

@@ -0,0 +1 @@
+export * from "react-helmet-async";

package/lib/AWING/Helmet/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("react-helmet-async"), exports);

package/lib/AWING/HierarchyTree/component.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { IDirectoryTreeViewProps } from '../../AWING/HierarchyTree/interface';
+export declare const HierarchyTree: React.FC<IDirectoryTreeViewProps>;
+export default HierarchyTree;
+export * from './interface';

package/lib/AWING/HierarchyTree/component.js

@@ -0,0 +1,137 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HierarchyTree = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+/* eslint-disable react-hooks/exhaustive-deps */
+var react_1 = require("react");
+var interface_1 = require("../../AWING/HierarchyTree/interface");
+var RenderTreeItem_1 = __importDefault(require("../../AWING/HierarchyTree/components/TreeContainer/RenderTreeItem"));
+var TreeView_1 = require("@mui/x-tree-view/TreeView");
+var icons_material_1 = require("@mui/icons-material");
+var HierarchyTree = function (_a) {
+    var data = _a.data, onGetTreeNode = _a.onGetTreeNode, onGetMoreData = _a.onGetMoreData, onTreeItemClick = _a.onTreeItemClick, actionComponentProps = _a.actionComponentProps, hideSelectCheckbox = _a.hideSelectCheckbox, startIcon = _a.startIcon;
+    var _b = (0, react_1.useState)(), treeNode = _b[0], setTreeNode = _b[1];
+    var findParentNode = function (treeNode, currentNodeId) {
+        var parentNode;
+        for (var i = 0; i < treeNode.children.length; i++) {
+            var item = treeNode.children[i];
+            if (item.nodeId === currentNodeId) {
+                return treeNode;
+            }
+            else {
+                var recursiveParentId = findParentNode(item, currentNodeId);
+                if (recursiveParentId) {
+                    parentNode = recursiveParentId;
+                    break;
+                }
+            }
+        }
+        return parentNode;
+    };
+    var findNodeByNodeId = function (treeNode, currentNodeId) {
+        if (treeNode.nodeId === currentNodeId) {
+            return treeNode;
+        }
+        if (treeNode.children && treeNode.children.length > 0) {
+            for (var i = 0; i < treeNode.children.length; i++) {
+                var foundNode = findNodeByNodeId(treeNode.children[i], currentNodeId);
+                if (foundNode) {
+                    return foundNode;
+                }
+            }
+        }
+    };
+    var updateParentNode = function (treeNode, currentNode) {
+        var parentNode = findParentNode(treeNode, currentNode.nodeId);
+        if (!parentNode)
+            return;
+        var allChildrenChecked = parentNode === null || parentNode === void 0 ? void 0 : parentNode.children.every(function (child) { return child.status === interface_1.NodeStatus.Checked; });
+        var anyChildChecked = parentNode.children.some(function (child) {
+            return child.status === interface_1.NodeStatus.Checked ||
+                child.status === interface_1.NodeStatus.Indeterminate;
+        });
+        if (allChildrenChecked) {
+            parentNode.status = interface_1.NodeStatus.Checked;
+        }
+        else if (anyChildChecked) {
+            parentNode.status = interface_1.NodeStatus.Indeterminate;
+        }
+        else {
+            parentNode.status = interface_1.NodeStatus.Unchecked;
+        }
+        updateParentNode(treeNode, parentNode);
+    };
+    var toggleNestedItem = function (currentNode) {
+        var _a, _b;
+        if (!currentNode)
+            return;
+        var status = currentNode.status;
+        var newStatus = status === interface_1.NodeStatus.Checked
+            ? interface_1.NodeStatus.Unchecked
+            : interface_1.NodeStatus.Checked;
+        currentNode.status = newStatus;
+        if (!((_a = currentNode === null || currentNode === void 0 ? void 0 : currentNode.children) === null || _a === void 0 ? void 0 : _a.length))
+            return;
+        for (var i = 0; i < currentNode.children.length; i++) {
+            var childNode = currentNode.children[i];
+            if (!((_b = childNode === null || childNode === void 0 ? void 0 : childNode.children) === null || _b === void 0 ? void 0 : _b.length)) {
+                childNode.status = newStatus;
+            }
+            else {
+                childNode.status = status;
+                toggleNestedItem(childNode);
+            }
+        }
+    };
+    var onCheck = function (currentNode) {
+        if (!treeNode)
+            return;
+        var newTreeNode = __assign({}, treeNode);
+        var currentNodeInTree = findNodeByNodeId(newTreeNode, currentNode.nodeId);
+        toggleNestedItem(currentNodeInTree);
+        updateParentNode(newTreeNode, currentNode);
+        setTreeNode(newTreeNode);
+    };
+    (0, react_1.useEffect)(function () {
+        if (!treeNode)
+            return;
+        onGetTreeNode && onGetTreeNode(treeNode);
+    }, [treeNode]);
+    (0, react_1.useEffect)(function () {
+        setTreeNode(data);
+    }, [data]);
+    if (!treeNode)
+        return null;
+    return ((0, jsx_runtime_1.jsx)(TreeView_1.TreeView, { defaultCollapseIcon: (0, jsx_runtime_1.jsx)(icons_material_1.ExpandMore, {}), defaultExpandIcon: (0, jsx_runtime_1.jsx)(icons_material_1.ChevronRight, {}), children: (0, jsx_runtime_1.jsx)(RenderTreeItem_1.default, { treeNode: treeNode, onCheck: hideSelectCheckbox ? undefined : onCheck, onGetMoreData: onGetMoreData, onTreeItemClick: onTreeItemClick, actionComponentProps: actionComponentProps, startIcon: startIcon }) }));
+};
+exports.HierarchyTree = HierarchyTree;
+exports.default = exports.HierarchyTree;
+__exportStar(require("./interface"), exports);

package/lib/AWING/HierarchyTree/components/ActionComponents/CheckboxAction/index.d.ts

@@ -0,0 +1,7 @@
+import { TreeNode } from "../../../interface";
+interface Props {
+    onChecklist?: (status?: boolean, currentNode?: TreeNode) => void;
+    currentNode?: TreeNode;
+}
+declare const CheckboxAction: (props: Props) => import("react/jsx-runtime").JSX.Element | null;
+export default CheckboxAction;

package/lib/AWING/HierarchyTree/components/ActionComponents/CheckboxAction/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var styles_1 = require("@mui/styles");
+var useStyles = (0, styles_1.makeStyles)({
+    checkbox: {
+        padding: "unset",
+    },
+});
+var CheckboxAction = function (props) {
+    var classes = useStyles();
+    var currentNode = props.currentNode, onChecklist = props.onChecklist;
+    if (!onChecklist)
+        return null;
+    return ((0, jsx_runtime_1.jsx)(material_1.Typography, { className: classes.checkbox, children: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: currentNode === null || currentNode === void 0 ? void 0 : currentNode.isReadOnly, onClick: function (e) { return e.stopPropagation(); }, onChange: function (e, v) { return onChecklist === null || onChecklist === void 0 ? void 0 : onChecklist(v, currentNode); } }) }));
+};
+exports.default = CheckboxAction;

package/lib/AWING/HierarchyTree/components/ActionComponents/IconActions/index.d.ts

@@ -0,0 +1,7 @@
+import { TreeNode, IAction } from '../../../interface';
+interface Props {
+    actions: IAction[];
+    treeNode: TreeNode;
+}
+declare const IconActions: (props: Props) => import("react/jsx-runtime").JSX.Element | null;
+export default IconActions;

package/lib/AWING/HierarchyTree/components/ActionComponents/IconActions/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var material_1 = require("@mui/material");
+var IconActions = function (props) {
+    var actions = props.actions, treeNode = props.treeNode;
+    if (!actions)
+        return null;
+    return ((0, jsx_runtime_1.jsx)("div", { className: "icon_actions", style: { display: 'none' }, children: actions.map(function (action, index) {
+            var isHide = action.isShouldHideAction &&
+                action.isShouldHideAction(treeNode);
+            return (!isHide && ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: action.tooltip || '', children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { size: "small", onClick: function (e) {
+                        e.stopPropagation();
+                        action.action && action.action(treeNode);
+                    }, children: action.icon }) }, index)));
+        }) }));
+};
+exports.default = IconActions;

package/lib/AWING/HierarchyTree/components/ActionComponents/index.d.ts

@@ -0,0 +1,7 @@
+import { IActionComponentProps, TreeNode } from '../../interface';
+interface Props {
+    actionProps?: IActionComponentProps;
+    treeNode: TreeNode;
+}
+declare const ActionComponents: (props: Props) => import("react/jsx-runtime").JSX.Element | null;
+export default ActionComponents;

package/lib/AWING/HierarchyTree/components/ActionComponents/index.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styles_1 = require("@mui/styles");
+var CheckboxAction_1 = __importDefault(require("./CheckboxAction"));
+var IconActions_1 = __importDefault(require("./IconActions"));
+var useStyles = (0, styles_1.makeStyles)({
+    actions: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: 8,
+    },
+});
+var ActionComponents = function (props) {
+    var classes = useStyles();
+    var actionProps = props.actionProps, treeNode = props.treeNode;
+    if (!actionProps)
+        return null;
+    var actions = actionProps.actions, onChecklist = actionProps.onChecklist;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: classes.actions, children: [actions && (0, jsx_runtime_1.jsx)(IconActions_1.default, { actions: actions, treeNode: treeNode }), onChecklist && ((0, jsx_runtime_1.jsx)(CheckboxAction_1.default, { currentNode: treeNode, onChecklist: onChecklist }))] }));
+};
+exports.default = ActionComponents;

package/lib/AWING/HierarchyTree/components/TreeContainer/LabelTreeItem/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { IActionComponentProps, TreeNode } from '../../../interface';
+type ILabelTreeItemProps = {
+    treeNode: TreeNode;
+    onCheck?: (treeNode: TreeNode) => void;
+    actionComponentProps?: IActionComponentProps;
+    startIcon?: React.ReactNode;
+};
+declare const LabelTreeItem: React.FC<ILabelTreeItemProps>;
+export default LabelTreeItem;

package/lib/AWING/HierarchyTree/components/TreeContainer/LabelTreeItem/index.js

@@ -0,0 +1,53 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var interface_1 = require("../../../interface");
+var material_1 = require("@mui/material");
+var styles_1 = require("@mui/styles");
+var ActionComponents_1 = __importDefault(require("../../ActionComponents"));
+var useStyles = (0, styles_1.makeStyles)({
+    root: {
+        boxSizing: 'border-box',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        gap: 16,
+        height: 40,
+        padding: 8,
+        '&:hover .icon_actions': {
+            display: 'flex !important',
+            alignItems: 'center',
+        },
+    },
+    boxLabel: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: 16,
+    },
+    labelText: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: 16,
+    },
+});
+var LabelTreeItem = function (props) {
+    var treeNode = props.treeNode, onCheck = props.onCheck, actionComponentProps = props.actionComponentProps, startIcon = props.startIcon;
+    var classes = useStyles();
+    var isChecked = function (currentNode) {
+        if (currentNode.status === interface_1.NodeStatus.Checked) {
+            return true;
+        }
+        else if (currentNode.status === interface_1.NodeStatus.Unchecked) {
+            return false;
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: classes.root, children: [(0, jsx_runtime_1.jsxs)("div", { className: classes.boxLabel, children: [startIcon && startIcon, onCheck && ((0, jsx_runtime_1.jsx)(material_1.Typography, { children: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { "data-nodeid": treeNode.nodeId, onClick: function (e) {
+                                e.stopPropagation();
+                            }, onChange: function () {
+                                onCheck(treeNode);
+                            }, checked: isChecked(treeNode), indeterminate: treeNode.status === interface_1.NodeStatus.Indeterminate }) })), (0, jsx_runtime_1.jsx)("div", { className: classes.labelText, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { children: treeNode.name }) })] }), (0, jsx_runtime_1.jsx)(ActionComponents_1.default, { treeNode: treeNode, actionProps: actionComponentProps })] }));
+};
+exports.default = LabelTreeItem;

package/lib/AWING/HierarchyTree/components/TreeContainer/RenderTreeItem/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { IActionComponentProps, TreeNode } from '../../../interface';
+interface RenderTreeItemProps {
+    treeNode?: TreeNode;
+    onCheck?: (treeNode: TreeNode) => void;
+    onGetMoreData: (nodeId: string) => Promise<void>;
+    onTreeItemClick?: (treeNode: TreeNode) => void;
+    actionComponentProps?: IActionComponentProps;
+    startIcon?: React.ReactNode;
+}
+declare const RenderTreeItem: React.FC<RenderTreeItemProps>;
+export default RenderTreeItem;

package/lib/AWING/HierarchyTree/components/TreeContainer/RenderTreeItem/index.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var TreeItem_1 = require("@mui/x-tree-view/TreeItem");
+var LabelTreeItem_1 = __importDefault(require("../LabelTreeItem"));
+var RenderTreeItem = function (props) {
+    var treeNode = props.treeNode, onCheck = props.onCheck, onGetMoreData = props.onGetMoreData, onTreeItemClick = props.onTreeItemClick, actionComponentProps = props.actionComponentProps, startIcon = props.startIcon;
+    if (!treeNode)
+        return null;
+    return ((0, jsx_runtime_1.jsx)(TreeItem_1.TreeItem, { style: { userSelect: 'none' }, nodeId: treeNode.nodeId, label: (0, jsx_runtime_1.jsx)(LabelTreeItem_1.default, { treeNode: treeNode, onCheck: onCheck, actionComponentProps: actionComponentProps, startIcon: startIcon }), onClick: function () {
+            onGetMoreData(treeNode.nodeId);
+            onTreeItemClick && onTreeItemClick(treeNode);
+        }, children: Array.isArray(treeNode.children) &&
+            treeNode.children.length > 0 &&
+            treeNode.children.map(function (treeNodeChildren) {
+                return ((0, jsx_runtime_1.jsx)(RenderTreeItem, { treeNode: treeNodeChildren, onCheck: onCheck, onGetMoreData: onGetMoreData, onTreeItemClick: onTreeItemClick, actionComponentProps: actionComponentProps, startIcon: startIcon }, treeNodeChildren.nodeId));
+            }) }, treeNode.nodeId));
+};
+exports.default = RenderTreeItem;

package/lib/AWING/HierarchyTree/interface.d.ts

@@ -0,0 +1,58 @@
+import React, { ReactNode } from 'react';
+export type TreeNode = {
+    nodeId: string;
+    name: string;
+    /**
+     * trạng thái của node
+     */
+    status: NodeStatus;
+    parentId?: string;
+    isSystem?: boolean;
+    isReadOnly?: boolean;
+    children: TreeNode[] | [];
+};
+export declare enum NodeStatus {
+    Checked = "CHECKED",
+    Unchecked = "UNCHECKED",
+    Indeterminate = "INDETERMINATE"
+}
+export interface IDirectoryTreeViewProps {
+    data: TreeNode;
+    hideSelectCheckbox?: boolean;
+    defaultCollapseIcon?: React.ReactNode;
+    defaultExpandIcon?: React.ReactNode;
+    defaultExpanded?: string[];
+    startIcon?: React.ReactNode;
+    actionComponents?: (node?: TreeNode) => React.JSX.Element;
+    onGetConvertedData?: (nodeId?: string) => Promise<TreeNode>;
+    onGetCheckedList?: (checkList: string[]) => string[];
+    onGetMoreData: (nodeId: string, forceUpdate?: boolean) => Promise<void>;
+    onGetTreeNode?: (treeNode: TreeNode) => void;
+    onTreeItemClick?: (treeNode: TreeNode) => void;
+    actionComponentProps?: IActionComponentProps;
+}
+export interface IAction {
+    icon: ReactNode;
+    tooltip?: string;
+    action?: (node: TreeNode) => void;
+    isShouldHideAction?: (node: TreeNode) => boolean;
+}
+export type IActionComponentProps = {
+    actions?: IAction[];
+    onChecklist?: (status?: boolean, currentNode?: TreeNode) => void;
+};
+export type IActionProps = {
+    createAction?: IconAction;
+    permissionAction?: IconAction;
+    editAction?: IconAction;
+    deleteAction?: IconAction;
+    checklistAction?: IChecklist;
+};
+export type IconAction = {
+    icon: React.JSX.Element;
+    url: string;
+};
+export type IChecklist = {
+    currentNode: TreeNode;
+    onChecklist: (status?: boolean, currentNode?: TreeNode) => void;
+};

package/lib/AWING/HierarchyTree/interface.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NodeStatus = void 0;
+var NodeStatus;
+(function (NodeStatus) {
+    NodeStatus["Checked"] = "CHECKED";
+    NodeStatus["Unchecked"] = "UNCHECKED";
+    NodeStatus["Indeterminate"] = "INDETERMINATE";
+})(NodeStatus || (exports.NodeStatus = NodeStatus = {}));

package/lib/AWING/HierarchyTree/utils/Draft.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/AWING/HierarchyTree/utils/Draft.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+// 1. onEditPermissionDirectory
+// 2. onCreateDirectory
+// 3. onDeleteDirectory
+// 4. onEditDirectory
+// 5. onSelectDirectory
+// 6. onUpdateFieldSchema
+// 7. onSetReadonlySchema
+// 8. onGetConvertedData
+var ActionComponents = function (props) {
+    var convertedItem = props.convertedItem, convertedTreeItem = props.convertedTreeItem, onSetReadonlySchema = props.onSetReadonlySchema;
+    var nodeId = convertedItem.nodeId;
+    var onEditPermissionDirectory = function (nodeId) {
+        window.open = "https://".concat(baseURL, "/").concat(nodeId);
+    };
+    var onCreateDirectory = function (nodeId) {
+        window.open = "https://".concat(baseURL, "/").concat(nodeId);
+    };
+    var onDeleteDirectory = function (nodeId) {
+        window.open = "https://".concat(baseURL, "/").concat(nodeId);
+    };
+    var onEditDirectory = function () {
+        window.open = "https://".concat(baseURL, "/").concat(nodeId);
+    };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { "data-item": nodeId, onClick: onEditPermissionDirectory, children: "Edit Permission" }), (0, jsx_runtime_1.jsx)("div", { "data-item": nodeId, onClick: onCreateDirectory, children: "Create Directory" }), (0, jsx_runtime_1.jsx)("div", { "data-item": nodeId, onClick: onDeleteDirectory, children: "Delete Directory" }), (0, jsx_runtime_1.jsx)("div", { "data-item": nodeId, onClick: onEditDirectory, children: "Edit Directory" }), (0, jsx_runtime_1.jsx)("input", { "data-item": true, type: "checkbox", onChange: onSetReadonlySchema })] }));
+};
+var TreeContainer = function (props) {
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+};
+var Container = function (props) {
+    var onSetReadonlySchema = props.onSetReadonlySchema;
+    var _a = useState(), data = _a[0], setData = _a[1];
+    var onSelectDirectory = function (nodeId) {
+        var urlAPI = "https://awing.com.vn/api/".concat(nodeId);
+        var data = fetch(urlAPI);
+        setData(data);
+    };
+    var onGetCheckListSchema = function (checkList) { return checkList; };
+    var onCheckReadOnlySchema = function (checkList) { return checkList; };
+    var checkListSchema = onGetCheckListSchema();
+    var checkReadOnlySchema = onCheckReadOnlySchema();
+    var onGetConvertedData = function () { };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [data && (0, jsx_runtime_1.jsx)("div", { children: data }), (0, jsx_runtime_1.jsx)(TreeContainer, { actionComponents: ActionComponents, onGetConvertedData: onGetConvertedData, onSelectDirectory: onSelectDirectory, onSetReadonlySchema: onSetReadonlySchema })] }));
+};
+var ParentContainer = function () {
+    var _a = useState(), listReadonly = _a[0], setListReadonly = _a[1];
+    var onSetReadonlySchema = (function (checkList) {
+        setListReadonly(checkList);
+    });
+    var handleSaveBtn = function () {
+        fetch("https://".concat(listReadonly));
+    };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Container, { onSetReadonlySchema: onSetReadonlySchema }), (0, jsx_runtime_1.jsx)(SaveButton, { handleSaveBtn: handleSaveBtn })] }));
+};
+var ButtonSave = function (props) {
+    var handleSaveBtn = props.handleSaveBtn;
+    return ((0, jsx_runtime_1.jsx)("button", { onClick: handleSaveBtn, children: "Save Button" }));
+};

package/lib/AWING/HierarchyTree/utils/Raw3Components.d.ts

@@ -0,0 +1,2 @@
+declare const _default: null;
+export default _default;