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

package/lib/AWING/DateRangePicker/configDate.js

@@ -0,0 +1,71 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var moment_1 = __importDefault(require("moment"));
+var configInitialDate = function (isFutureDate) {
+    var today = (0, moment_1.default)();
+    var initDatePast = [
+        {
+            text: 'DatePicker.ToDay',
+            start: today,
+            end: today,
+        },
+        {
+            text: 'DatePicker.Yesterday',
+            start: (0, moment_1.default)().subtract(1, 'days'),
+            end: (0, moment_1.default)().subtract(1, 'days'),
+        },
+        {
+            text: 'DatePicker.LastSevenDay',
+            start: (0, moment_1.default)().subtract(6, 'days'),
+            end: today,
+        },
+        {
+            text: 'DatePicker.LastThirtyDay',
+            start: (0, moment_1.default)().subtract(29, 'days'),
+            end: today,
+        },
+        {
+            text: 'DatePicker.ThisMonth',
+            start: (0, moment_1.default)().startOf('month'),
+            end: (0, moment_1.default)().endOf('month'),
+        },
+        {
+            text: 'DatePicker.LastMonth',
+            start: (0, moment_1.default)().subtract(1, 'month').startOf('month'),
+            end: (0, moment_1.default)().subtract(1, 'month').endOf('month'),
+        },
+    ];
+    var initDateFuture = [
+        {
+            text: 'DatePicker.ToDay',
+            start: today,
+            end: today,
+        },
+        {
+            text: 'DatePicker.Tomorrow',
+            start: (0, moment_1.default)(),
+            end: (0, moment_1.default)().add(1, 'days'),
+        },
+        {
+            text: 'DatePicker.NextSevenDay',
+            start: today,
+            end: (0, moment_1.default)().add(6, 'days'),
+        },
+        {
+            text: 'DatePicker.NextThirtyDay',
+            start: today,
+            end: (0, moment_1.default)().add(29, 'days'),
+        },
+        {
+            text: 'DatePicker.NextMonth',
+            start: (0, moment_1.default)().add(1, 'month').startOf('month'),
+            end: (0, moment_1.default)().add(1, 'month').endOf('month'),
+        },
+    ];
+    var initDate = isFutureDate ? initDateFuture : initDatePast;
+    return initDate;
+};
+exports.default = configInitialDate;

package/lib/AWING/DateRangePicker/container.d.ts

@@ -0,0 +1,2 @@
+import { DateRangePickerProps } from "./interface";
+export declare function Container(props: DateRangePickerProps): import("react/jsx-runtime").JSX.Element;

package/lib/AWING/DateRangePicker/container.js

@@ -0,0 +1,29 @@
+"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.Container = Container;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var component_1 = __importDefault(require("./component"));
+var react_1 = require("react");
+var i18n_1 = __importDefault(require("../../i18n"));
+function Container(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)(component_1.default, __assign({}, props));
+}

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

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

package/lib/AWING/DateRangePicker/index.js

@@ -0,0 +1,40 @@
+"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.DateRangePicker = DateRangePicker;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var container_1 = require("./container");
+var i18n_js_1 = __importDefault(require("../../i18n.js"));
+var react_i18next_1 = require("react-i18next");
+function DateRangePicker(props) {
+    return ((0, jsx_runtime_1.jsx)(react_i18next_1.I18nextProvider, { i18n: i18n_js_1.default, children: (0, jsx_runtime_1.jsx)(container_1.Container, __assign({}, props)) }));
+}
+exports.default = DateRangePicker;
+__exportStar(require("./interface"), exports);

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

@@ -0,0 +1,31 @@
+import { MomentInput, Moment } from "moment";
+export interface DateRangePickerProps {
+    required?: boolean;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    autoFocusEndDate?: boolean;
+    initialStartDate?: Moment | null;
+    initialEndDate?: Moment | null;
+    callback: (newValue: {
+        startDate: MomentInput;
+        endDate: MomentInput;
+    }) => void;
+    label?: string;
+    isShowCalendarInfo?: boolean;
+    isFutureDate?: boolean;
+    variant?: string;
+    className?: any;
+    value?: {
+        startDate: Moment;
+        endDate: Moment;
+    };
+    error?: boolean;
+    helperText?: string;
+    disableHelperText?: boolean;
+    textFieldProps?: any;
+    openDirection?: "up" | "down";
+    isDayBlocked?: (day: Moment) => boolean;
+    isOutsideRange?: (day: Moment) => boolean;
+    handleValid?: (valid: boolean) => void;
+    handleDateRangePopover?: (currentTarget: any) => void;
+}

package/lib/AWING/DateRangePicker/interface.js

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

package/lib/AWING/Directory/CreateDirectory.d.ts

@@ -0,0 +1,12 @@
+import { Directory } from '../../ACM-AXN/Campaign/Types';
+import { DirectoryRoot } from '../../ACM-AXN/Campaign/Enum';
+interface CreateDirectoryProps {
+    service: {
+        directoriesPost: (body: Directory) => Promise<void>;
+        directoriesGetByObjectTypeCode: (type: DirectoryRoot) => Promise<Directory[]>;
+    };
+    parentDirectory: string;
+    directoryRoot: DirectoryRoot;
+}
+declare const CreateDirectory: React.FC<CreateDirectoryProps>;
+export default CreateDirectory;

package/lib/AWING/Directory/CreateDirectory.js

@@ -0,0 +1,123 @@
+"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 __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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var react_i18next_1 = require("react-i18next");
+var AWING_1 = require("../../AWING");
+var Router_1 = require("../../AWING/Router");
+var ClassicDrawer_1 = __importStar(require("../../Commons/Components/ClassicDrawer"));
+var CreateDirectory = function (props) {
+    var service = props.service, parentDirectory = props.parentDirectory, directoryRoot = props.directoryRoot;
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var parentDirectoryId = (0, Router_1.useParams)().directoryId;
+    var _a = (0, react_1.useState)([]), directories = _a[0], setDirectories = _a[1];
+    var _b = (0, react_1.useState)(false), confirmExit = _b[0], setConfirmExit = _b[1];
+    var _c = (0, react_1.useState)(true), loading = _c[0], setloading = _c[1];
+    var _d = (0, react_1.useState)(false), isValid = _d[0], setValid = _d[1];
+    var _e = (0, react_1.useState)({
+        parentDirectoryId: parentDirectoryId,
+        description: '',
+        order: '0',
+        name: '',
+        parentDirectory: parentDirectory,
+    }), newDirectory = _e[0], setNewDirectory = _e[1];
+    (0, react_1.useEffect)(function () {
+        fetchDirectories();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    var fetchDirectories = function () {
+        service
+            .directoriesGetByObjectTypeCode(directoryRoot)
+            .then(setDirectories)
+            .finally(function () { return setloading(false); });
+    };
+    var handleUpdate = (0, react_1.useCallback)(function (obj, valid, fieldUpdate) {
+        setConfirmExit(Boolean(fieldUpdate));
+        setValid(valid);
+        setNewDirectory(function (prev) { return (__assign(__assign({}, prev), obj)); });
+    }, []);
+    var handleSubmit = function () {
+        return service
+            .directoriesPost(newDirectory)
+            .then(function () { return ClassicDrawer_1.CloseAction.ReloadDirectory; });
+    };
+    return ((0, jsx_runtime_1.jsx)(ClassicDrawer_1.default, { title: t('DirectoryManagement.CreateDirectory'), onSubmit: handleSubmit, disableButtonSubmit: !(isValid && newDirectory.order && newDirectory.name), confirmExit: confirmExit, childrenWrapperStyle: { padding: 0 }, children: loading ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) : ((0, jsx_runtime_1.jsx)(AWING_1.DataForm, { onUpdate: handleUpdate, fields: [
+                {
+                    fieldName: 'parentDirectoryId',
+                    type: 'select',
+                    required: true,
+                    label: t('DirectoryManagement.ParentDirectory'),
+                    options: directories.map(function (directory) { return ({
+                        value: directory.directoryId,
+                        text: directory.name,
+                        level: directory.level,
+                    }); }),
+                },
+                {
+                    fieldName: 'name',
+                    label: t('DirectoryManagement.DirectoryName'),
+                    type: 'text',
+                    required: true,
+                },
+                {
+                    fieldName: 'description',
+                    label: t('Common.Description'),
+                    type: 'text',
+                },
+                {
+                    fieldName: 'order',
+                    label: t('Common.Level'),
+                    type: 'number',
+                    sx: {
+                        width: 'fit-content',
+                    },
+                    min: 0,
+                    required: true,
+                },
+            ], oldValue: newDirectory })) }));
+};
+exports.default = CreateDirectory;

package/lib/AWING/DirectoryTree/DirectoryTree.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { DirectoryTreeProps } from "./interface";
+declare const DirectoryTree: FC<DirectoryTreeProps>;
+export default DirectoryTree;

package/lib/AWING/DirectoryTree/DirectoryTree.js

@@ -0,0 +1,275 @@
+"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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+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");
+/* eslint-disable no-use-before-define */
+var react_1 = __importStar(require("react"));
+var lodash_1 = __importDefault(require("lodash"));
+var FilterTreeView_1 = __importDefault(require("../FilterTreeView"));
+var react_i18next_1 = require("react-i18next");
+var material_1 = require("@mui/material");
+var icons_material_1 = require("@mui/icons-material");
+var styles_1 = require("@mui/styles");
+var useStyles = (0, styles_1.makeStyles)(function () { return ({
+    root: {
+        marginTop: "10px !important",
+        padding: "0px 16px",
+    },
+    campaignAdvanceSearchformControl: {
+        "& .MuiOutlinedInput-input": {
+            padding: "12px",
+            border: "none",
+        },
+        "& .MuiFormControl-marginNormal": {
+            margin: "0px",
+        },
+        "& .MuiOutlinedInput-adornedEnd": {
+            paddingRight: "4px",
+        },
+        "& .MuiIconButton-root": {
+            padding: "8px",
+        },
+        "& .MuiAutocomplete-inputRoot": {
+            padding: "2px",
+        },
+        "& .MuiAutocomplete-endAdornment": {
+            top: "calc(50% - 19px)",
+        },
+        // '& #domainId-label': {
+        //     top:'-6px'
+        // }
+    },
+    btnResetFormSearch: {
+        textAlign: "right",
+        float: "right",
+        fontSize: "14px",
+        marginRight: "-8px",
+    },
+    resetFormAdvanceSeach: {
+        display: "flex",
+        alignItems: "center",
+        cursor: "pointer",
+        textTransform: "none",
+        fontWeight: "normal",
+    },
+    boxAvanceSerch: {
+        background: "#fafafa",
+        paddingTop: "16px",
+        paddingBottom: "32px",
+    },
+    componentAdvanceSearch: {
+        background: "#ffffff",
+        boxShadow: "0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%)",
+        borderRadius: "4px",
+        borderCollapse: "collapse",
+    },
+    boxHeaderSearch: {
+        borderBottom: "1px solid #dcdcdc",
+        padding: "16px",
+    },
+    boxContentSearch: {
+        padding: "0px 24px",
+        "& .MuiGrid-item": {
+            padding: "8px 8px 4px 16px",
+        },
+    },
+    chipContent: {
+        minHeight: "50px",
+        padding: "16px 8px",
+        textAlign: "right",
+        "& .MuiChip-root": {
+            margin: "4px 8px",
+        },
+    },
+    button: {
+        width: "100%",
+        textAlign: "right",
+        paddingBottom: 8,
+        minWidth: "110",
+        fontSize: 16,
+        "&:hover,&:focus": {
+            color: "#586069",
+        },
+        "& span": {
+            width: "100%",
+        },
+        "& svg": {
+            width: 16,
+            height: 16,
+        },
+    },
+    tag: {
+        marginTop: 3,
+        height: 20,
+        padding: ".15em 4px",
+        fontWeight: 600,
+        lineHeight: "15px",
+        borderRadius: 2,
+    },
+    popper: {
+        border: "1px solid rgba(27,31,35,.15)",
+        boxShadow: "0 3px 12px rgba(27,31,35,.15)",
+        borderRadius: 3,
+        width: 300,
+        zIndex: 1,
+        color: "#586069",
+        background: "#fafafa",
+    },
+    header: {
+        borderBottom: "1px solid #e1e4e8",
+        padding: "8px 10px",
+        background: "#fafafa",
+    },
+    inputBase: {
+        padding: 10,
+        width: "100%",
+        borderBottom: "1px solid #dfe2e5",
+        background: "#fafafa",
+        "& input": {
+            borderRadius: 4,
+            padding: 8,
+            border: "1px solid #ced4da",
+            "&:focus": {
+            //   boxShadow: `${alpha(theme.palette.primary.main, 0.25)} 0 0 0 0.2rem`
+            },
+        },
+    },
+    paper: {
+        boxShadow: "none",
+        margin: 0,
+        color: "#586069",
+    },
+    option: {
+        minHeight: "auto",
+        alignItems: "flex-start",
+        padding: 8,
+        '&[aria-selected="true"]': {
+            backgroundColor: "transparent",
+        },
+        // '&[data-focus="true"]': {
+        //     backgroundColor: theme.palette.action.hover,
+        // },
+    },
+    popperDisablePortal: {
+        position: "relative",
+    },
+    iconSelected: {
+        width: 17,
+        height: 17,
+        marginRight: 5,
+        marginLeft: -2,
+    },
+    color: {
+        width: 14,
+        height: 14,
+        flexShrink: 0,
+        borderRadius: 3,
+        marginRight: 8,
+        marginTop: 2,
+    },
+    text: {
+        flexGrow: 1,
+    },
+    close: {
+        opacity: 0.6,
+        width: 18,
+        height: 18,
+    },
+    fontIconSizeInfo: {
+        paddingLeft: "4px",
+        fontSize: "16px",
+    },
+    contentDateRange: {
+        padding: "24px 24px 40px 24px",
+        background: "#fff",
+    },
+    contentDirectoryTree: {
+        padding: "0px 8px 24px 8px",
+        maxHeight: 300,
+        overflowY: "scroll",
+        overflowX: "hidden",
+        "&::-webkit-scrollbar": {
+            width: 3,
+        },
+        "&::-webkit-scrollbar-track": {
+            background: "#f1f1f1",
+        },
+        "&::-webkit-scrollbar-thumb": {
+            background: "#888",
+        },
+        "&::-webkit-scrollbar-thumb:hover": {
+            background: "#555",
+        },
+    },
+    buttonReset: {
+        float: "right",
+        minWidth: "10px",
+        padding: "1px 5px",
+    },
+}); });
+var DirectoryTree = function (props) {
+    var labelSearch = props.labelSearch, titleSearch = props.titleSearch, options = props.options, rootDirectoryId = props.rootDirectoryId, defaultValue = props.defaultValue, onChange = props.onChange;
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var classes = useStyles();
+    var _a = react_1.default.useState(null), anchorEl = _a[0], setAnchorEl = _a[1];
+    var _b = react_1.default.useState({}), selectedValue = _b[0], setSelectedValue = _b[1];
+    var handleClick = function (event) {
+        setAnchorEl(event.currentTarget);
+    };
+    (0, react_1.useEffect)(function () {
+        var _a;
+        setSelectedValue((_a = lodash_1.default.cloneDeep(options).find(function (x) { return x.value === defaultValue; })) !== null && _a !== void 0 ? _a : {});
+    }, [defaultValue]);
+    var handleClose = function () {
+        if ((selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.value) && (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.value) !== "")
+            onChange(selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.value);
+        setAnchorEl(null);
+    };
+    var handleSelectDirectoryTree = function (event, id) {
+        var directory = lodash_1.default.cloneDeep(options).find(function (x) { return x.value === id; });
+        var newPendingValue = {};
+        if (directory !== null) {
+            newPendingValue = directory;
+        }
+        setSelectedValue(newPendingValue);
+    };
+    var open = Boolean(anchorEl);
+    var id = open ? "github-label" : undefined;
+    return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: classes.root, children: (0, jsx_runtime_1.jsxs)(material_1.ButtonBase, { disableRipple: true, className: classes.button, "aria-describedby": id, onClick: handleClick, children: [(0, jsx_runtime_1.jsx)("span", { children: labelSearch }), anchorEl == null ? ((0, jsx_runtime_1.jsx)(icons_material_1.ArrowDropDown, { fontSize: "large" })) : ((0, jsx_runtime_1.jsx)(icons_material_1.ArrowDropUp, { fontSize: "large" }))] }) }), (0, jsx_runtime_1.jsx)(material_1.Popper, { id: id, open: open, anchorEl: anchorEl, placement: "bottom-start", className: classes.popper, children: (0, jsx_runtime_1.jsx)(material_1.ClickAwayListener, { onClickAway: handleClose, children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: classes.header, children: titleSearch !== null && titleSearch !== void 0 ? titleSearch : "".concat(t("Common.Select"), " ").concat(labelSearch.toLocaleLowerCase()) }), (0, jsx_runtime_1.jsx)("div", { className: classes.contentDirectoryTree, children: (0, jsx_runtime_1.jsx)(FilterTreeView_1.default, { rootDirectoryId: rootDirectoryId, items: options || [], onDirectoryOpen: function (id) { return console.log(id); }, onTreeItemClick: handleSelectDirectoryTree }) })] }) }) })] }));
+};
+exports.default = DirectoryTree;

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

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

package/lib/AWING/DirectoryTree/index.js

@@ -0,0 +1,40 @@
+"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.DirectoryTree = DirectoryTree;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var DirectoryTree_1 = __importDefault(require("./DirectoryTree"));
+var i18n_1 = __importDefault(require("../../i18n"));
+var react_i18next_1 = require("react-i18next");
+function DirectoryTree(props) {
+    return ((0, jsx_runtime_1.jsx)(react_i18next_1.I18nextProvider, { i18n: i18n_1.default, children: (0, jsx_runtime_1.jsx)(DirectoryTree_1.default, __assign({}, props)) }));
+}
+__exportStar(require("./interface"), exports);
+exports.default = DirectoryTree;

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

@@ -0,0 +1,9 @@
+import { MenuOption } from "../DataGrid";
+export interface DirectoryTreeProps {
+    labelSearch: string;
+    options: MenuOption[];
+    defaultValue: string | number;
+    rootDirectoryId: string | number;
+    titleSearch?: string;
+    onChange(value: string | number): void;
+}

package/lib/AWING/DirectoryTree/interface.js

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

package/lib/AWING/Drawer/Drawer.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { DrawerProps } from './interface';
+declare const Drawer: FC<DrawerProps>;
+export default Drawer;