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

package/lib/AWING/Drawer/Drawer.js

@@ -0,0 +1,70 @@
+"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 });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var material_1 = require("@mui/material");
+var Close_1 = __importDefault(require("@mui/icons-material/Close"));
+var Save_1 = __importDefault(require("@mui/icons-material/Save"));
+var react_i18next_1 = require("react-i18next");
+var react_i18next_2 = require("react-i18next");
+var Context_1 = __importDefault(require("../../Context"));
+var debounce = require('lodash/debounce');
+var preventDuplidateAction = debounce(function (action) {
+    action();
+}, 300);
+var Drawer = function (props) {
+    var t = (0, react_i18next_1.useTranslation)().t;
+    var _a = (0, react_1.useContext)(Context_1.default), i18next = _a.i18next, confirm = _a.appHelper.confirm;
+    var title = props.title, disableButtonSubmit = props.disableButtonSubmit, loading = props.loading, customAction = props.customAction, customButtonSubmit = props.customButtonSubmit, onSubmit = props.onSubmit, open = props.open, confirmExit = props.confirmExit, onClose = props.onClose, children = props.children, wrapperStyle = props.wrapperStyle, childrenWrapperStyle = props.childrenWrapperStyle;
+    var initPathname = (0, react_1.useMemo)(function () {
+        return window.location.pathname;
+    }, []);
+    var match = initPathname === window.location.pathname;
+    var handleSubmit = function () {
+        if (onSubmit) {
+            preventDuplidateAction(onSubmit);
+        }
+    };
+    var handleClose = function () {
+        if (onClose)
+            preventDuplidateAction(confirmExit
+                ? function () {
+                    confirm(onClose);
+                }
+                : onClose);
+    };
+    return ((0, jsx_runtime_1.jsxs)(material_1.Drawer, { anchor: "right", open: open, PaperProps: {
+            elevation: 0,
+            style: __assign({ backgroundColor: '#fafafa', width: match ? '80%' : '100%' }, (wrapperStyle ? wrapperStyle : {})),
+        }, onClose: handleClose, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { style: {
+                    display: 'flex',
+                    justifyContent: 'space-between',
+                    alignItems: 'center',
+                    padding: '8px',
+                    backgroundColor: 'white',
+                }, children: [(0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: t('Common.Close'), enterDelay: 300, children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { color: "inherit", onClick: handleClose, edge: "start", style: { marginLeft: '8px', marginRight: '8px' }, children: (0, jsx_runtime_1.jsx)(Close_1.default, { fontSize: "small" }) }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", style: { flexGrow: 1, fontWeight: 'bold' }, children: title }), !!customAction && customAction, onSubmit && ((0, jsx_runtime_1.jsx)("div", { style: {
+                            display: 'flex',
+                            flexDirection: 'row',
+                            WebkitBoxPack: 'center',
+                            justifyContent: 'center',
+                            WebkitBoxAlign: 'center',
+                            alignItems: 'center',
+                        }, children: customButtonSubmit ? (customButtonSubmit) : ((0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "primary", startIcon: (0, jsx_runtime_1.jsx)(Save_1.default, {}), onClick: handleSubmit, disabled: disableButtonSubmit || loading, children: loading
+                                ? t('Common.Loading')
+                                : t('Common.Save') })) }))] }), (0, jsx_runtime_1.jsx)(material_1.Divider, {}), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: __assign({ padding: '24px 40px', height: 'calc(100% - 52px)', overflow: 'auto' }, childrenWrapperStyle), children: (0, jsx_runtime_1.jsx)(react_i18next_2.I18nextProvider, { i18n: i18next, children: children }) })] }));
+};
+exports.default = Drawer;

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

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

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

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

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import { DataObject } from '../../AWING';
+import { SxProps, Theme } from '@mui/material';
+export interface DrawerProps {
+    title: string;
+    disableButtonSubmit?: boolean;
+    loading?: boolean;
+    customAction?: React.ReactElement;
+    customButtonSubmit?: React.ReactElement;
+    onSubmit?: () => void;
+    open: boolean;
+    onClose?: () => void;
+    confirmExit?: boolean;
+    children: ReactNode;
+    childrenWrapperStyle?: SxProps<Theme>;
+    wrapperStyle?: DataObject;
+}

package/lib/AWING/Drawer/interface.js

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

package/lib/AWING/DrawerHook/index.js

@@ -0,0 +1,58 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDrawer = useDrawer;
+var DrawerNavigate_1 = require("../DrawerNavigate");
+var react_1 = require("react");
+var PubSub_1 = require("../PubSub");
+var DrawerNavigate_2 = require("../DrawerNavigate");
+var react_router_dom_1 = require("react-router-dom");
+var Context_1 = __importDefault(require("../../Context"));
+function useDrawer() {
+    var routes = (0, react_1.useContext)(Context_1.default).routes;
+    var navigate = (0, react_router_dom_1.useNavigate)();
+    var location = (0, react_router_dom_1.useLocation)();
+    var _a = (0, react_1.useState)(DrawerNavigate_1.DrawerStateEnum.PENDING), drawerState = _a[0], setDrawerStatus = _a[1];
+    var _b = (0, react_1.useState)(''), drawerTitle = _b[0], setStateDrawerTitle = _b[1];
+    var id = (0, react_1.useRef)((0, PubSub_1.getGUID)()).current;
+    (0, react_1.useEffect)(function () {
+        var setStateKey = (0, PubSub_1.getRandomKey)();
+        var setTitleKey = (0, PubSub_1.getRandomKey)();
+        (0, PubSub_1.sub)("".concat(DrawerNavigate_2.EVENT_UPDATE_DRAWER_STATE_NAME).concat(id), function (newState) {
+            setDrawerStatus(newState);
+        }, setStateKey);
+        (0, PubSub_1.sub)("".concat(DrawerNavigate_2.EVENT_UPDATE_DRAWER_TITLE_NAME).concat(id), function (newTitle) {
+            setStateDrawerTitle(newTitle);
+        }, setTitleKey);
+        return function () {
+            (0, PubSub_1.off)(setStateKey);
+            (0, PubSub_1.off)(setTitleKey);
+        };
+    }, []);
+    var setDrawerState = function (newDrawerState) {
+        (0, PubSub_1.pub)("".concat(DrawerNavigate_2.EVENT_UPDATE_DRAWER_STATE_NAME).concat(id), newDrawerState);
+    };
+    var setDrawerTitle = function (newDrawerTitle) {
+        (0, PubSub_1.pub)("".concat(DrawerNavigate_2.EVENT_UPDATE_DRAWER_TITLE_NAME).concat(id), newDrawerTitle);
+    };
+    var setConfirmExit = function (newConfirmExitStatus) {
+        (0, PubSub_1.pub)("".concat(DrawerNavigate_2.EVENT_UPDATE_CONFIRM_EXIT_NAME).concat(id), newConfirmExitStatus);
+    };
+    // Hanlde navigate back
+    var matchedRoutes = (0, react_router_dom_1.matchRoutes)(routes, location);
+    var navigateBack = function () {
+        if (matchedRoutes && matchedRoutes.length > 0) {
+            navigate(matchedRoutes[matchedRoutes.length - 2].pathnameBase);
+        }
+    };
+    return {
+        drawerState: drawerState,
+        setDrawerState: setDrawerState,
+        drawerTitle: drawerTitle,
+        setDrawerTitle: setDrawerTitle,
+        setConfirmExit: setConfirmExit,
+        navigateBack: navigateBack,
+    };
+}

package/lib/AWING/DrawerNavigate/DrawerNavigate.d.ts

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

package/lib/AWING/DrawerNavigate/DrawerNavigate.js

@@ -0,0 +1,87 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+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 react_1 = require("react");
+var Drawer_1 = __importDefault(require("../Drawer"));
+var Enum_1 = require("./Enum");
+var PubSub_1 = require("../PubSub");
+var constant_1 = require("./constant");
+var react_router_dom_1 = require("react-router-dom");
+var ClassicDrawer_1 = require("../../Commons/Components/ClassicDrawer");
+var DrawerNavigate = function (props) {
+    var title = props.title, other = __rest(props, ["title"]);
+    var navigate = (0, react_router_dom_1.useNavigate)();
+    var _a = (0, react_1.useState)(''), updateEventName = _a[0], setUpdateEventName = _a[1];
+    var _b = (0, react_1.useState)(Enum_1.DrawerStateEnum.PENDING), drawerState = _b[0], setDrawerState = _b[1];
+    var _c = (0, react_1.useState)(title || ''), drawerTitle = _c[0], setDrawerTitle = _c[1];
+    var _d = (0, react_1.useState)(false), confirmExit = _d[0], setConfirmExit = _d[1];
+    (0, react_1.useEffect)(function () {
+        var id = (0, PubSub_1.updateGUID)();
+        var newEventName = "".concat(constant_1.EVENT_UPDATE_DRAWER_STATE_NAME).concat(id);
+        var newTitleEventName = "".concat(constant_1.EVENT_UPDATE_DRAWER_TITLE_NAME).concat(id);
+        var newConfirmExitEventName = "".concat(constant_1.EVENT_UPDATE_CONFIRM_EXIT_NAME).concat(id);
+        setUpdateEventName(newEventName);
+        var setStateKey = (0, PubSub_1.getRandomKey)();
+        var setTitleKey = (0, PubSub_1.getRandomKey)();
+        var setConfirmExitKey = (0, PubSub_1.getRandomKey)();
+        (0, PubSub_1.sub)(newEventName, function (newDrawerState) {
+            setDrawerState(newDrawerState);
+        }, setStateKey);
+        (0, PubSub_1.sub)(newTitleEventName, function (newDrawerTitle) {
+            setDrawerTitle(newDrawerTitle);
+        }, setTitleKey);
+        (0, PubSub_1.sub)(newConfirmExitEventName, function (newConfirmExitStatus) {
+            setConfirmExit(newConfirmExitStatus);
+        }, setConfirmExitKey);
+        return function () {
+            (0, PubSub_1.off)(setStateKey);
+            (0, PubSub_1.off)(setTitleKey);
+            (0, PubSub_1.off)(setConfirmExitKey);
+        };
+    }, []);
+    (0, react_1.useEffect)(function () {
+        if (drawerState === Enum_1.DrawerStateEnum.SUBMIT_SUCCESS) {
+            setTimeout(function () {
+                navigate('..', { state: { action: ClassicDrawer_1.CloseAction.Reload } });
+            }, 500);
+        }
+    }, [drawerState]);
+    var navigateBack = function () {
+        navigate('..');
+    };
+    var handleSubmit = function () {
+        (0, PubSub_1.pub)(updateEventName, Enum_1.DrawerStateEnum.IN_PROGRESS);
+    };
+    var handleClose = function () {
+        navigateBack();
+    };
+    return ((0, jsx_runtime_1.jsx)(Drawer_1.default, __assign({ open: true, onSubmit: handleSubmit, onClose: handleClose, loading: drawerState === Enum_1.DrawerStateEnum.IN_PROGRESS ||
+            drawerState === Enum_1.DrawerStateEnum.LOADING, disableButtonSubmit: drawerState === Enum_1.DrawerStateEnum.INVALID ||
+            drawerState === Enum_1.DrawerStateEnum.PENDING, title: drawerTitle, confirmExit: confirmExit }, other)));
+};
+exports.default = DrawerNavigate;

package/lib/AWING/DrawerNavigate/Enum.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawerStateEnum = void 0;
+var DrawerStateEnum;
+(function (DrawerStateEnum) {
+    DrawerStateEnum["PENDING"] = "PENDING";
+    DrawerStateEnum["LOADING"] = "LOADING";
+    DrawerStateEnum["INVALID"] = "INVALID";
+    DrawerStateEnum["VALID"] = "VALID";
+    DrawerStateEnum["IN_PROGRESS"] = "IN_PROGRESS";
+    DrawerStateEnum["SUBMIT_SUCCESS"] = "SUBMIT_SUCCESS";
+})(DrawerStateEnum || (exports.DrawerStateEnum = DrawerStateEnum = {}));

package/lib/AWING/DrawerNavigate/constant.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EVENT_UPDATE_CONFIRM_EXIT_NAME = exports.EVENT_UPDATE_DRAWER_TITLE_NAME = exports.EVENT_UPDATE_DRAWER_STATE_NAME = void 0;
+exports.EVENT_UPDATE_DRAWER_STATE_NAME = 'update-drawer-state-';
+exports.EVENT_UPDATE_DRAWER_TITLE_NAME = 'update-drawer-title-';
+exports.EVENT_UPDATE_CONFIRM_EXIT_NAME = 'update-confirm-exit-';

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

@@ -0,0 +1,6 @@
+import { DrawerNavigateProps } from "./interface";
+export declare function DrawerNavigate(props: DrawerNavigateProps): import("react/jsx-runtime").JSX.Element;
+export * from "./interface";
+export * from "./Enum";
+export * from "./constant";
+export default DrawerNavigate;

package/lib/AWING/DrawerNavigate/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.DrawerNavigate = DrawerNavigate;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var DrawerNavigate_1 = __importDefault(require("./DrawerNavigate"));
+function DrawerNavigate(props) {
+    return (0, jsx_runtime_1.jsx)(DrawerNavigate_1.default, __assign({}, props));
+}
+__exportStar(require("./interface"), exports);
+__exportStar(require("./Enum"), exports);
+__exportStar(require("./constant"), exports);
+exports.default = DrawerNavigate;

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

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { DataObject } from '..';
+export interface DrawerNavigateProps {
+    title?: string;
+    customAction?: React.ReactElement;
+    customButtonSubmit?: React.ReactElement;
+    children: ReactNode;
+    childrenWrapperStyle?: DataObject;
+    wrapperStyle?: DataObject;
+}

package/lib/AWING/DrawerNavigate/interface.js

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

package/lib/AWING/EnhancedAutoComplete/EnhancedAutoComplete.d.ts

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

package/lib/AWING/EnhancedAutoComplete/EnhancedAutoComplete.js

@@ -0,0 +1,124 @@
+"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 });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
+var material_1 = require("@mui/material");
+var Done_1 = __importDefault(require("@mui/icons-material/Done"));
+var KeyboardArrowDown_1 = __importDefault(require("@mui/icons-material/KeyboardArrowDown"));
+var styles_1 = require("@mui/material/styles");
+var HeaderLabel = (0, styles_1.styled)("div")(function () {
+    return {
+        borderBottom: "1px solid #e1e4e8",
+        padding: "8px 10px",
+        background: "#fafafa",
+    };
+});
+var EnhancedAutoComplete = function (props) {
+    var field = props.field, value = props.value, onChangeValue = props.onChangeValue;
+    var fieldName = field.fieldName, options = field.options, loading = field.loading;
+    var _a = react_1.default.useState(null), anchorEl = _a[0], setAnchorEl = _a[1];
+    var _b = react_1.default.useState(), pendingValue = _b[0], setPendingValue = _b[1];
+    var handleClick = function (event) {
+        setPendingValue(value);
+        setAnchorEl(event.currentTarget);
+    };
+    var handleClose = function (event, reason) {
+        var _a;
+        if (reason === "toggleInput") {
+            return;
+        }
+        if (anchorEl) {
+            anchorEl.focus();
+        }
+        if (pendingValue || value) {
+            onChangeValue(__assign(__assign({}, value), (_a = {}, _a[fieldName] = pendingValue === null || pendingValue === void 0 ? void 0 : pendingValue.value, _a)));
+        }
+        setAnchorEl(null);
+    };
+    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)(material_1.Button, { id: "button-autocomplete", "aria-controls": "menu", "aria-haspopup": "true", "aria-expanded": open ? "true" : undefined, onClick: handleClick, endIcon: (0, jsx_runtime_1.jsx)(KeyboardArrowDown_1.default, {}), sx: {
+                    textTransform: "none",
+                    color: function (theme) { return theme.palette.text.primary; },
+                    fontWeight: "normal",
+                }, children: field.label }), (0, jsx_runtime_1.jsxs)(material_1.Popper, { id: id, open: open, anchorEl: anchorEl, placement: "bottom-start", sx: {
+                    border: "1px solid rgba(27,31,35,.15)",
+                    boxShadow: "0 3px 12px rgba(27,31,35,.15)",
+                    borderRadius: "3px",
+                    width: 300,
+                    zIndex: 1,
+                    color: "#586069",
+                    background: "#fafafa",
+                }, children: [(0, jsx_runtime_1.jsx)(HeaderLabel, { children: field.label }), (0, jsx_runtime_1.jsx)(material_1.Autocomplete, { open: true, onClose: handleClose, options: options !== null && options !== void 0 ? options : [], sx: {
+                            "& .MuiAutocomplete-paper": {
+                                overflowX: "hidden",
+                                borderRight: "1px solid rgba(27,31,35,.15)",
+                                boxShadow: "none",
+                                color: "#586069",
+                            },
+                            "& .MuiAutocomplete-popperDisablePortal": {
+                                position: "relative",
+                            },
+                            "& 	.MuiAutocomplete-listbox": {
+                                border: "1px solid rgba(27,31,35,.15)",
+                                borderRadius: "3px",
+                                width: 300,
+                                zIndex: 1,
+                                color: "#586069",
+                            },
+                        }, size: "small", getOptionLabel: function (option) { return option.text; }, onChange: function (e, val) {
+                            setPendingValue(val);
+                        }, value: pendingValue, loading: loading, disablePortal: true, fullWidth: true, renderTags: function () { return null; }, noOptionsText: "No labels", isOptionEqualToValue: function (option, value) {
+                            return option.value === value.value;
+                        }, renderOption: function (props, option, state) {
+                            var selected = option.value === (pendingValue === null || pendingValue === void 0 ? void 0 : pendingValue.value);
+                            return ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: function (theme) { return ({
+                                    display: "flex",
+                                    flexDirection: "row",
+                                    alignItems: "center",
+                                    padding: theme.spacing(1),
+                                    "&:hover": {
+                                        backgroundColor: theme.palette.secondary.main,
+                                    },
+                                }); }, onClick: function (e) {
+                                    onChangeValue(option);
+                                    setAnchorEl(null);
+                                }, children: [(0, jsx_runtime_1.jsx)(Done_1.default, { style: {
+                                            visibility: selected
+                                                ? "visible"
+                                                : "hidden",
+                                            fontSize: "small",
+                                            marginRight: "8px",
+                                        } }), (0, jsx_runtime_1.jsx)("div", { children: option.text })] }));
+                        }, renderInput: function (params) { return ((0, jsx_runtime_1.jsx)(material_1.InputBase, { ref: params.InputProps.ref, inputProps: params.inputProps, autoFocus: true, sx: function (theme) { return ({
+                                padding: 1,
+                                width: "100%",
+                                borderBottom: "1px solid #dfe2e5",
+                                background: "#fafafa",
+                                "& input": {
+                                    borderRadius: "4px",
+                                    backgroundColor: theme.palette.common.white,
+                                    padding: 1,
+                                    transition: theme.transitions.create([
+                                        "border-color",
+                                        "box-shadow",
+                                    ]),
+                                    border: "1px solid #ced4da",
+                                },
+                            }); } })); } })] })] }));
+};
+exports.default = EnhancedAutoComplete;

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

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

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

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

@@ -0,0 +1,7 @@
+import { AdvancedSearchFieldDefinition } from "../AdvancedSearch";
+import { MenuOption } from "../DataGrid";
+export interface EnhancedAutoCompleteProps {
+    value?: MenuOption;
+    field: AdvancedSearchFieldDefinition;
+    onChangeValue(val: any): void;
+}

package/lib/AWING/EnhancedAutoComplete/interface.js

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

package/lib/AWING/FilterTreeView/FilterTreeView.d.ts

@@ -0,0 +1,3 @@
+import { FilterTreeViewProps } from "./interface";
+declare const FilterTreeView: (props: FilterTreeViewProps) => import("react/jsx-runtime").JSX.Element;
+export default FilterTreeView;