@fixefy/fixefy-ui-components 0.0.10 → 0.0.13

package/dist-cjs/FxChip/styles/chip.styles.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatusChipStyled = exports.ScoreChipStyled = void 0;
+const material_1 = require("@mui/material");
+const styles_1 = require("@mui/material/styles");
+require("@fixefy/fxutils.page_context");
+exports.ScoreChipStyled = (0, styles_1.styled)(material_1.Chip)(({ theme, scoreLabel, minimized }) => {
+    const color = theme.palette.score[scoreLabel];
+    return {
+        height: 20,
+        minWidth: minimized ? 35 : 80,
+        maxWidth: 120,
+        backgroundColor: color,
+        ['& .MuiChip-label']: {
+            color: theme.palette.common.white,
+            fontSize: 9,
+            fontWeight: 600,
+            paddingLeft: minimized ? 0 : 'inherit',
+            paddingRight: minimized ? 0 : 'inherit',
+        },
+    };
+});
+exports.StatusChipStyled = (0, styles_1.styled)(material_1.Chip)(({ theme, status, variant }) => {
+    let backgroundColor, border, labelColor;
+    if (theme.palette.status[status]) {
+        if (variant === 'filled') {
+            backgroundColor = theme.palette.status[status]['border'];
+            labelColor = theme.palette.common.white;
+        }
+        else {
+            backgroundColor = theme.palette.status[status]['background'];
+        }
+        border = theme.palette.status[status]['border'];
+    }
+    return {
+        height: 20,
+        minWidth: 80,
+        maxWidth: 120,
+        ['& .MuiChip-label']: {
+            fontSize: 9,
+            fontWeight: 600,
+            lineHeight: '12px',
+            color: labelColor ? labelColor : theme.palette.statistics.label,
+        },
+        backgroundColor,
+        border: `1px solid ${border}`,
+    };
+});
+//# sourceMappingURL=chip.styles.js.map

package/dist-cjs/FxChip/styles/chip.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.styles.js","sourceRoot":"","sources":["../../../src/FxChip/styles/chip.styles.tsx"],"names":[],"mappings":";;;AAAA,4CAA+C;AAC/C,iDAA6C;AAG7C,wCAAqC;AAExB,QAAA,eAAe,GAAG,IAAA,eAAM,EAAC,eAAO,CAAC,CAAa,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE;IAC9F,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,UAAiB,CAAC,CAAA;IAEpD,OAAO;QACL,MAAM,EAAE,EAAE;QACV,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;QAC7B,QAAQ,EAAE,GAAG;QACb,eAAe,EAAE,KAAK;QACtB,CAAC,kBAAkB,CAAC,EAAE;YACpB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;YACjC,QAAQ,EAAE,CAAC;YACX,UAAU,EAAE,GAAG;YACf,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;YACtC,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;SACxC;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEW,QAAA,gBAAgB,GAAG,IAAA,eAAM,EAAC,eAAO,CAAC,CAAc,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;IAC1F,IAAI,eAAe,EAAE,MAAM,EAAE,UAAU,CAAA;IAEvC,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,MAAa,CAAC,EAAE;QACvC,IAAI,OAAO,KAAK,QAAQ,EAAE;YACxB,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,MAAa,CAAC,CAAC,QAAQ,CAAC,CAAA;YAC/D,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAA;SACxC;aAAM;YACL,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,MAAa,CAAC,CAAC,YAAY,CAAC,CAAA;SACpE;QACD,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,MAAa,CAAC,CAAC,QAAQ,CAAC,CAAA;KACvD;IAED,OAAO;QACL,MAAM,EAAE,EAAE;QACV,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,GAAG;QACb,CAAC,kBAAkB,CAAC,EAAE;YACpB,QAAQ,EAAE,CAAC;YACX,UAAU,EAAE,GAAG;YACf,UAAU,EAAE,MAAM;YAClB,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;SAChE;QACD,eAAe;QACf,MAAM,EAAE,aAAa,MAAM,EAAE;KAC9B,CAAA;AACH,CAAC,CAAC,CAAA"}

package/dist-cjs/FxIcon/FxIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconPropsType } from './icon_types';
+export declare const FxIcon: ({ className, color, fontSize, icon, height, sx, width }: IconPropsType) => JSX.Element;

package/dist-cjs/FxIcon/FxIcon.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FxIcon = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const content_1 = require("./content");
+const fixefy_ui_utils_1 = require("@fixefy/fixefy-ui-utils");
+const MUIIcons = tslib_1.__importStar(require("@mui/icons-material"));
+// importing all the local icons - in the future should be removed to CDN server
+const iconsModule = [];
+const FxIcon = ({ className, color, fontSize, icon, height, sx, width }) => {
+    if (!icon)
+        throw Error('Provide a property `icon`');
+    let rv;
+    const splittedPath = icon.split('/');
+    const iconWithoutPath = (0, fixefy_ui_utils_1.toPascalCase)(splittedPath[splittedPath.length - 1]);
+    // const name = toPascalCase(icon)
+    if (iconsModule[iconWithoutPath]) {
+        rv = react_1.default.createElement(content_1.DynamicIcon, { icon: iconsModule[iconWithoutPath], sx: sx });
+        // @ts-ignore
+    }
+    else if (MUIIcons[iconWithoutPath]) {
+        // @ts-ignore
+        const MUIIcon = MUIIcons[iconWithoutPath];
+        rv = react_1.default.createElement(MUIIcon, { className: className, color: color, sx: Object.assign(Object.assign({}, sx), { fontSize }) });
+    }
+    else {
+        rv = react_1.default.createElement(content_1.LazyIcon, { icon: icon, sx: sx, width: width, height: height });
+    }
+    return rv;
+};
+exports.FxIcon = FxIcon;
+//# sourceMappingURL=FxIcon.js.map

package/dist-cjs/FxIcon/FxIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FxIcon.js","sourceRoot":"","sources":["../../src/FxIcon/FxIcon.tsx"],"names":[],"mappings":";;;;AAAA,0DAAyB;AAGzB,uCAAiD;AACjD,6DAAsD;AAEtD,sEAA+C;AAE/C,gFAAgF;AAChF,MAAM,WAAW,GAAU,EAAE,CAAA;AAEtB,MAAM,MAAM,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAiB,EAAE,EAAE;IAC/F,IAAI,CAAC,IAAI;QAAE,MAAM,KAAK,CAAC,2BAA2B,CAAC,CAAA;IAEnD,IAAI,EAAe,CAAA;IAEnB,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IACpC,MAAM,eAAe,GAAQ,IAAA,8BAAY,EAAC,YAAY,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAA;IAEhF,kCAAkC;IAElC,IAAI,WAAW,CAAC,eAAe,CAAC,EAAE;QAChC,EAAE,GAAG,8BAAC,qBAAW,IAAC,IAAI,EAAE,WAAW,CAAC,eAAe,CAAC,EAAE,EAAE,EAAE,EAAE,GAAI,CAAA;QAChE,aAAa;KACd;SAAM,IAAI,QAAQ,CAAC,eAAe,CAAC,EAAE;QACpC,aAAa;QACb,MAAM,OAAO,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAA;QACzC,EAAE,GAAG,8BAAC,OAAO,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,kCAAO,EAAE,KAAE,QAAQ,MAAM,CAAA;KAC9E;SAAM;QACL,EAAE,GAAG,8BAAC,kBAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAI,CAAA;KACpE;IAED,OAAO,EAAE,CAAA;AACX,CAAC,CAAA;AAtBY,QAAA,MAAM,UAsBlB"}

package/dist-cjs/FxIcon/content/dynamic_icon.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const DynamicIcon: ({ icon: IconComponent, sx }: {
+    icon: any;
+    sx: any;
+}) => React.JSX.Element | null;

package/dist-cjs/FxIcon/content/dynamic_icon.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DynamicIcon = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+// @ts-ignore
+const DynamicIcon = ({ icon: IconComponent, sx }) => (IconComponent ? react_1.default.createElement(IconComponent, { sx: sx }) : null);
+exports.DynamicIcon = DynamicIcon;
+//# sourceMappingURL=dynamic_icon.js.map

package/dist-cjs/FxIcon/content/dynamic_icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic_icon.js","sourceRoot":"","sources":["../../../src/FxIcon/content/dynamic_icon.tsx"],"names":[],"mappings":";;;;AAAA,0DAAyB;AACzB,aAAa;AACN,MAAM,WAAW,GAAG,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,8BAAC,aAAa,IAAC,EAAE,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;AAAjG,QAAA,WAAW,eAAsF"}

package/dist-cjs/FxIcon/content/index.d.ts

@@ -0,0 +1,2 @@
+export { DynamicIcon } from "./dynamic_icon";
+export { LazyIcon } from "./lazy_icon";

package/dist-cjs/FxIcon/content/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LazyIcon = exports.DynamicIcon = void 0;
+var dynamic_icon_1 = require("./dynamic_icon");
+Object.defineProperty(exports, "DynamicIcon", { enumerable: true, get: function () { return dynamic_icon_1.DynamicIcon; } });
+var lazy_icon_1 = require("./lazy_icon");
+Object.defineProperty(exports, "LazyIcon", { enumerable: true, get: function () { return lazy_icon_1.LazyIcon; } });
+//# sourceMappingURL=index.js.map

package/dist-cjs/FxIcon/content/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/FxIcon/content/index.ts"],"names":[],"mappings":";;;AAAA,+CAA6C;AAApC,2GAAA,WAAW,OAAA;AACpB,yCAAuC;AAA9B,qGAAA,QAAQ,OAAA"}

package/dist-cjs/FxIcon/content/lazy_icon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { SxProps } from '@mui/system';
+export declare const LazyIcon: ({ icon, root, width, height, }: {
+    icon: string;
+    root?: string | undefined;
+    width?: number | `${number}` | undefined;
+    height?: number | `${number}` | undefined;
+    sx?: SxProps | undefined;
+}) => React.JSX.Element;

package/dist-cjs/FxIcon/content/lazy_icon.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LazyIcon = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const material_1 = require("@mui/material");
+const fixefy_ui_utils_1 = require("@fixefy/fixefy-ui-utils");
+const image_1 = tslib_1.__importDefault(require("next/image"));
+// importing all the local icons - in the future should be removed to CDN server
+// const iconsModule = []
+const LazyIcon = ({ icon, root, width, height, }) => {
+    const [isError, setError] = (0, react_1.useState)(false);
+    const handleError = (isError) => setError(isError);
+    if (isError) {
+        return (react_1.default.createElement(material_1.Avatar, null,
+            react_1.default.createElement(material_1.Typography, { fontSize: 29, fontWeight: 600 }, (0, fixefy_ui_utils_1.toInitials)(icon))));
+    }
+    return (react_1.default.createElement(image_1.default, { alt: icon, width: width, height: height, loader: (obj) => (0, fixefy_ui_utils_1.imageLoader)(Object.assign(Object.assign({}, obj), { root })), src: icon, onLoad: () => handleError(false), onError: () => handleError(true) }));
+};
+exports.LazyIcon = LazyIcon;
+//# sourceMappingURL=lazy_icon.js.map

package/dist-cjs/FxIcon/content/lazy_icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lazy_icon.js","sourceRoot":"","sources":["../../../src/FxIcon/content/lazy_icon.tsx"],"names":[],"mappings":";;;;AAAA,uDAAuC;AAGvC,4CAAkD;AAClD,6DAAiE;AAEjE,+DAA8B;AAE9B,gFAAgF;AAChF,yBAAyB;AAElB,MAAM,QAAQ,GAAG,CAAC,EACvB,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,MAAM,GAOP,EAAE,EAAE;IACH,MAAM,CAAC,OAAO,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,WAAW,GAAG,CAAC,OAAgB,EAAE,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;IAE3D,IAAI,OAAO,EAAE;QACX,OAAO,CACL,8BAAC,iBAAM;YACL,8BAAC,qBAAU,IAAC,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,IACtC,IAAA,4BAAU,EAAC,IAAI,CAAC,CACN,CACN,CACV,CAAA;KACF;IAED,OAAO,CACL,8BAAC,eAAK,IACJ,GAAG,EAAE,IAAI,EACT,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,IAAA,6BAAW,kCAAM,GAAG,KAAE,IAAI,IAAG,EAC9C,GAAG,EAAE,IAAI,EACT,MAAM,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAChC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,GAChC,CACH,CAAA;AACH,CAAC,CAAA;AApCY,QAAA,QAAQ,YAoCpB"}

package/dist-cjs/FxIcon/index.d.ts

@@ -0,0 +1,2 @@
+export { FxIcon } from './FxIcon';
+export { IconPropsType } from './icon_types';

package/dist-cjs/FxIcon/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FxIcon = void 0;
+var FxIcon_1 = require("./FxIcon");
+Object.defineProperty(exports, "FxIcon", { enumerable: true, get: function () { return FxIcon_1.FxIcon; } });
+//# sourceMappingURL=index.js.map

package/dist-cjs/FxIcon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/FxIcon/index.ts"],"names":[],"mappings":";;;AAAA,mCAAiC;AAAxB,gGAAA,MAAM,OAAA"}

package/dist-cjs/FxModal/FxModal.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ModalPropsType } from '.';
+export declare const FxModal: ({ isOpen, isIconTitleInline, icon, onClose, children, title, actions, ...rest }: ModalPropsType) => React.JSX.Element;

package/dist-cjs/FxModal/FxModal.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FxModal = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const material_1 = require("@mui/material");
+const modal_style_1 = require("./styles/modal.style");
+//////////////
+const FxDialogTitle = (props) => {
+    const { children } = props, other = tslib_1.__rest(props, ["children"]);
+    return react_1.default.createElement(modal_style_1.StyledDialogTitle, Object.assign({}, other), children);
+};
+const FxInlineDialogTitle = (props) => {
+    const { children } = props, other = tslib_1.__rest(props, ["children"]);
+    return react_1.default.createElement(modal_style_1.StyledInlineDialogTitle, Object.assign({}, other), children);
+};
+const IconTitle = ({ icon, title, inline }) => {
+    const renderObject = inline ? (react_1.default.createElement(material_1.Box, { sx: { display: 'flex', alignItems: 'center' } },
+        icon,
+        react_1.default.createElement(FxInlineDialogTitle, { id: "customized-dialog-title" }, title))) : (react_1.default.createElement(react_1.default.Fragment, null,
+        icon && icon,
+        title && react_1.default.createElement(FxDialogTitle, { id: "customized-dialog-title" }, title)));
+    return renderObject;
+};
+const FxModal = (_a) => {
+    var { isOpen = false, isIconTitleInline = false, icon, onClose, children, title, actions } = _a, rest = tslib_1.__rest(_a, ["isOpen", "isIconTitleInline", "icon", "onClose", "children", "title", "actions"]);
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(modal_style_1.FxDialog, Object.assign({}, rest, { fullWidth: true, onClose: onClose, "aria-labelledby": "customized-dialog-title", open: isOpen }),
+            react_1.default.createElement(IconTitle, { icon: icon, title: title, inline: isIconTitleInline }),
+            react_1.default.createElement(material_1.DialogContent, null, children),
+            actions && react_1.default.createElement(modal_style_1.DialogActionsStyled, null, actions))));
+};
+exports.FxModal = FxModal;
+//# sourceMappingURL=FxModal.js.map

package/dist-cjs/FxModal/FxModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FxModal.js","sourceRoot":"","sources":["../../src/FxModal/FxModal.tsx"],"names":[],"mappings":";;;;AAAA,0DAAyB;AAEzB,4CAAkD;AAClD,sDAAgH;AAEhH,cAAc;AAEd,MAAM,aAAa,GAAG,CAAC,KAAU,EAAE,EAAE;IACnC,MAAM,EAAE,QAAQ,KAAe,KAAK,EAAf,KAAK,kBAAK,KAAK,EAA9B,YAAsB,CAAQ,CAAA;IACpC,OAAO,8BAAC,+BAAiB,oBAAK,KAAK,GAAG,QAAQ,CAAqB,CAAA;AACrE,CAAC,CAAA;AAED,MAAM,mBAAmB,GAAG,CAAC,KAAU,EAAE,EAAE;IACzC,MAAM,EAAE,QAAQ,KAAe,KAAK,EAAf,KAAK,kBAAK,KAAK,EAA9B,YAAsB,CAAQ,CAAA;IACpC,OAAO,8BAAC,qCAAuB,oBAAK,KAAK,GAAG,QAAQ,CAA2B,CAAA;AACjF,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAqD,EAAE,EAAE;IAC/F,MAAM,YAAY,GAAG,MAAM,CAAC,CAAC,CAAC,CAC5B,8BAAC,cAAG,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE;QAC/C,IAAI;QACL,8BAAC,mBAAmB,IAAC,EAAE,EAAC,yBAAyB,IAAE,KAAK,CAAuB,CAC3E,CACP,CAAC,CAAC,CAAC,CACF;QACG,IAAI,IAAI,IAAI;QACZ,KAAK,IAAI,8BAAC,aAAa,IAAC,EAAE,EAAC,yBAAyB,IAAE,KAAK,CAAiB,CAC5E,CACJ,CAAA;IAED,OAAO,YAAY,CAAA;AACrB,CAAC,CAAA;AAEM,MAAM,OAAO,GAAG,CAAC,EAA+G,EAAE,EAAE;QAAnH,EAAE,MAAM,GAAG,KAAK,EAAE,iBAAiB,GAAG,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,OAA2B,EAAtB,IAAI,sBAA7F,kFAA+F,CAAF;IACnH,OAAO,CACL;QACE,8BAAC,sBAAQ,oBAAK,IAAI,IAAE,SAAS,QAAC,OAAO,EAAE,OAAO,qBAAkB,yBAAyB,EAAC,IAAI,EAAE,MAAM;YACpG,8BAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,iBAAiB,GAAI;YAClE,8BAAC,wBAAa,QAAE,QAAQ,CAAiB;YACxC,OAAO,IAAI,8BAAC,iCAAmB,QAAE,OAAO,CAAuB,CACvD,CACP,CACP,CAAA;AACH,CAAC,CAAA;AAVY,QAAA,OAAO,WAUnB"}

package/dist-cjs/FxModal/index.d.ts

@@ -0,0 +1,2 @@
+export { FxModal } from './FxModal';
+export type { ModalPropsType } from './modal_types.d';

package/dist-cjs/FxModal/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FxModal = void 0;
+var FxModal_1 = require("./FxModal");
+Object.defineProperty(exports, "FxModal", { enumerable: true, get: function () { return FxModal_1.FxModal; } });
+//# sourceMappingURL=index.js.map

package/dist-cjs/FxModal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/FxModal/index.ts"],"names":[],"mappings":";;;AAAA,qCAAmC;AAA1B,kGAAA,OAAO,OAAA"}

package/dist-cjs/FxModal/styles/modal.style.d.ts

@@ -0,0 +1,4 @@
+export declare const FxDialog: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const StyledDialogTitle: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const StyledInlineDialogTitle: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const DialogActionsStyled: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;

package/dist-cjs/FxModal/styles/modal.style.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogActionsStyled = exports.StyledInlineDialogTitle = exports.StyledDialogTitle = exports.FxDialog = void 0;
+const styles_1 = require("@mui/material/styles");
+const material_1 = require("@mui/material");
+exports.FxDialog = (0, styles_1.styled)(material_1.Dialog)(() => ({
+    '& .MuiDialog-paper': {
+        borderRadius: 8,
+        padding: '24px',
+        // minWidth: "370px",
+        maxWidth: 'fit-content',
+        // height: "262px",
+    },
+    '& .MuiDialogContent-root': {
+        padding: 0,
+    },
+    // "& .MuiDialogTitle-root": {
+    //   margin: "8px 0",
+    // },
+    '& .MuiDialogActions-root': {
+        margin: '24px 0 0 0',
+        padding: 0,
+    },
+}));
+exports.StyledDialogTitle = (0, styles_1.styled)(material_1.DialogTitle)(() => ({
+    fontSize: 14,
+    fontWeight: 900,
+    margin: '8px 0',
+}));
+exports.StyledInlineDialogTitle = (0, styles_1.styled)(material_1.DialogTitle)(() => ({
+    fontSize: 19,
+    fontWeight: 600,
+    color: '#568793',
+    margin: '8px 16px',
+    padding: 0,
+}));
+exports.DialogActionsStyled = (0, styles_1.styled)(material_1.DialogActions)(({}) => ({
+    justifyContent: 'flex-start',
+}));
+//# sourceMappingURL=modal.style.js.map

package/dist-cjs/FxModal/styles/modal.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.style.js","sourceRoot":"","sources":["../../../src/FxModal/styles/modal.style.tsx"],"names":[],"mappings":";;;AAAA,iDAA6C;AAC7C,4CAAkE;AAErD,QAAA,QAAQ,GAAG,IAAA,eAAM,EAAC,iBAAM,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAC5C,oBAAoB,EAAE;QACpB,YAAY,EAAE,CAAC;QACf,OAAO,EAAE,MAAM;QACf,qBAAqB;QACrB,QAAQ,EAAE,aAAa;QACvB,mBAAmB;KACpB;IACD,0BAA0B,EAAE;QAC1B,OAAO,EAAE,CAAC;KACX;IACD,8BAA8B;IAC9B,qBAAqB;IACrB,KAAK;IACL,0BAA0B,EAAE;QAC1B,MAAM,EAAE,YAAY;QACpB,OAAO,EAAE,CAAC;KACX;CACF,CAAC,CAAC,CAAA;AAEU,QAAA,iBAAiB,GAAG,IAAA,eAAM,EAAC,sBAAW,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAC1D,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,GAAG;IACf,MAAM,EAAE,OAAO;CAChB,CAAC,CAAC,CAAA;AAEU,QAAA,uBAAuB,GAAG,IAAA,eAAM,EAAC,sBAAW,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAChE,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,GAAG;IACf,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,UAAU;IAClB,OAAO,EAAE,CAAC;CACX,CAAC,CAAC,CAAA;AAEU,QAAA,mBAAmB,GAAG,IAAA,eAAM,EAAC,wBAAa,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IAChE,cAAc,EAAE,YAAY;CAC7B,CAAC,CAAC,CAAA"}

package/dist-cjs/FxNotes/FxNotes.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { NotesPropsType } from './note_types';
+export declare const FxNotes: ({ notes, onChange, onSend }: NotesPropsType) => React.JSX.Element;

package/dist-cjs/FxNotes/FxNotes.js

@@ -0,0 +1,87 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FxNotes = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const notes_styles_1 = require("./styles/notes.styles");
+const queries_1 = require("./operations/queries");
+const client_1 = require("@apollo/client");
+const stringToColor_1 = require("./helpers/stringToColor");
+const fixefy_ui_utils_1 = require("@fixefy/fixefy-ui-utils");
+const FxNotes = ({ notes, onChange, onSend }) => {
+    const [comment, setComment] = (0, react_1.useState)('');
+    const [backgroundcolors, setBackgroundColors] = (0, react_1.useState)({});
+    // const [anchorEl] = React.useState<HTMLButtonElement | null>(null)
+    const inputRef = (0, react_1.useRef)();
+    const { data } = (0, client_1.useQuery)(queries_1.ME);
+    const { me } = data;
+    // const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {
+    //   setAnchorEl(event.currentTarget)
+    // }
+    // const handleClose = () => {
+    //   setAnchorEl(null)
+    // }
+    const handleEnterKeyPressed = () => {
+        setComment((prevState) => {
+            if (prevState) {
+                onSend &&
+                    onSend({
+                        created_at: new Date().getTime(),
+                        created_by: me.username,
+                        text: prevState,
+                    });
+            }
+            return '';
+        });
+    };
+    (0, react_1.useEffect)(() => {
+        onChange && onChange(comment);
+    }, [comment]);
+    (0, react_1.useEffect)(() => {
+        if (inputRef.current) {
+            inputRef.current.addEventListener('keyup', (event) => {
+                if (event.keyCode === 13) {
+                    event.preventDefault();
+                    handleEnterKeyPressed();
+                }
+            });
+        }
+        return inputRef && inputRef.current && inputRef.current.removeEventListener('keyup', handleEnterKeyPressed);
+    }, []);
+    // const open = Boolean(anchorEl)
+    // const id = open ? 'simple-popover' : undefined
+    return (react_1.default.createElement(notes_styles_1.CommentsContainer, null,
+        react_1.default.createElement(notes_styles_1.CommentWrapper, null,
+            react_1.default.createElement(notes_styles_1.StyledAvatar, { sx: {
+                    backgroundColor: backgroundcolors[me.username]
+                        ? backgroundcolors[me.username]
+                        : (0, stringToColor_1.stringToColor)(me.username, (color) => {
+                            setBackgroundColors(Object.assign(Object.assign({}, backgroundcolors), { [me.username]: color }));
+                        }),
+                }, src: me && me.image_url }, me && (0, fixefy_ui_utils_1.titleCase)(me.username.slice(0, 1))),
+            react_1.default.createElement(notes_styles_1.CommentInput, { type: 'text', value: comment, ref: inputRef, onChange: (e) => {
+                    setComment(e.currentTarget.value);
+                } })),
+        notes && notes.length ? (react_1.default.createElement(notes_styles_1.CommentsWrapper, null,
+            react_1.default.createElement(notes_styles_1.CommentsScrollWrapper, null, notes
+                .slice()
+                .reverse()
+                .map((comment, index) => {
+                return (react_1.default.createElement(notes_styles_1.UserCommentWrapper, { key: index },
+                    react_1.default.createElement(notes_styles_1.StyledAvatar, { sx: {
+                            backgroundColor: backgroundcolors[comment.created_by]
+                                ? backgroundcolors[comment.created_by]
+                                : (0, stringToColor_1.stringToColor)(comment.created_by, (color) => {
+                                    setBackgroundColors(Object.assign(Object.assign({}, backgroundcolors), { [comment.created_by]: color }));
+                                }),
+                        } }, (0, fixefy_ui_utils_1.titleCase)(comment.created_by.slice(0, 1))),
+                    react_1.default.createElement(notes_styles_1.UserComment, null,
+                        react_1.default.createElement(notes_styles_1.CommentUserTitle, null, comment.created_by),
+                        react_1.default.createElement(notes_styles_1.CommentDate, null, (0, fixefy_ui_utils_1.normalizeTimestamp)(comment.created_at, {
+                            dateOnly: true,
+                        })),
+                        react_1.default.createElement(notes_styles_1.CommentDesc, null, comment.text))));
+            })))) : null));
+};
+exports.FxNotes = FxNotes;
+//# sourceMappingURL=FxNotes.js.map

package/dist-cjs/FxNotes/FxNotes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FxNotes.js","sourceRoot":"","sources":["../../src/FxNotes/FxNotes.tsx"],"names":[],"mappings":"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"}

package/dist-cjs/FxNotes/helpers/stringToColor.d.ts

@@ -0,0 +1 @@
+export declare const stringToColor: (string: string, callBack?: ((color: string) => void) | undefined) => string;

package/dist-cjs/FxNotes/helpers/stringToColor.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.stringToColor = void 0;
+const stringToColor = (string, callBack) => {
+    let hash = 0;
+    let color = '#';
+    if (!string) {
+        return '#000';
+    }
+    /* eslint-disable no-bitwise */
+    for (let i = 0; i < string.length; i += 1) {
+        hash = string.charCodeAt(i) + ((hash << 5) - hash);
+    }
+    for (let i = 0; i < 3; i += 1) {
+        const value = (hash >> (i * 8)) & 0xff;
+        color += `00${value.toString(16)}`.substr(-2);
+    }
+    /* eslint-enable no-bitwise */
+    callBack && callBack(color);
+    return color;
+};
+exports.stringToColor = stringToColor;
+//# sourceMappingURL=stringToColor.js.map

package/dist-cjs/FxNotes/helpers/stringToColor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stringToColor.js","sourceRoot":"","sources":["../../../src/FxNotes/helpers/stringToColor.ts"],"names":[],"mappings":";;;AAAO,MAAM,aAAa,GAAG,CAAC,MAAc,EAAE,QAAkC,EAAE,EAAE;IAClF,IAAI,IAAI,GAAG,CAAC,CAAA;IACZ,IAAI,KAAK,GAAG,GAAG,CAAA;IACf,IAAI,CAAC,MAAM,EAAE;QACX,OAAO,MAAM,CAAA;KACd;IACD,+BAA+B;IAC/B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE;QACzC,IAAI,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,CAAA;KACnD;IAED,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE;QAC7B,MAAM,KAAK,GAAG,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAA;QACtC,KAAK,IAAI,KAAK,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;KAC9C;IACD,8BAA8B;IAC9B,QAAQ,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3B,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAlBY,QAAA,aAAa,iBAkBzB"}

package/dist-cjs/FxNotes/index.d.ts

@@ -0,0 +1,2 @@
+export { FxNotes } from './FxNotes';
+export type { NotesPropsType } from './note_types';

package/dist-cjs/FxNotes/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FxNotes = void 0;
+var FxNotes_1 = require("./FxNotes");
+Object.defineProperty(exports, "FxNotes", { enumerable: true, get: function () { return FxNotes_1.FxNotes; } });
+//# sourceMappingURL=index.js.map

package/dist-cjs/FxNotes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/FxNotes/index.ts"],"names":[],"mappings":";;;AAAA,qCAAmC;AAA1B,kGAAA,OAAO,OAAA"}

package/dist-cjs/FxNotes/operations/queries.d.ts

@@ -0,0 +1 @@
+export declare const ME: import("graphql").DocumentNode;

package/dist-cjs/FxNotes/operations/queries.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ME = void 0;
+const tslib_1 = require("tslib");
+const graphql_tag_1 = tslib_1.__importDefault(require("graphql-tag"));
+exports.ME = (0, graphql_tag_1.default) `
+  query ME {
+    me {
+      _id
+      username
+      first_name
+      last_name
+      email
+      workspaces {
+        ...InsideWorkspace
+      }
+    }
+  }
+
+  fragment InsideWorkspace on Workspace {
+    _id
+    title
+  }
+`;
+//# sourceMappingURL=queries.js.map

package/dist-cjs/FxNotes/operations/queries.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"queries.js","sourceRoot":"","sources":["../../../src/FxNotes/operations/queries.ts"],"names":[],"mappings":";;;;AAAA,sEAA6B;AAEhB,QAAA,EAAE,GAAG,IAAA,qBAAG,EAAA;;;;;;;;;;;;;;;;;;CAkBpB,CAAA"}

package/dist-cjs/FxNotes/styles/notes.styles.d.ts

@@ -0,0 +1,13 @@
+import '@fixefy/fxutils.page_context';
+export declare const CommentsContainer: any;
+export declare const CommentsWrapper: any;
+export declare const CommentsScrollWrapper: any;
+export declare const UserCommentWrapper: any;
+export declare const CommentWrapper: any;
+export declare const CommentInput: any;
+export declare const StyledAvatar: any;
+export declare const UserComment: any;
+export declare const CommentUserTitle: any;
+export declare const CommentDate: any;
+export declare const CommentDesc: any;
+export declare const StyledPopover: any;

package/dist-cjs/FxNotes/styles/notes.styles.js

@@ -0,0 +1,121 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledPopover = exports.CommentDesc = exports.CommentDate = exports.CommentUserTitle = exports.UserComment = exports.StyledAvatar = exports.CommentInput = exports.CommentWrapper = exports.UserCommentWrapper = exports.CommentsScrollWrapper = exports.CommentsWrapper = exports.CommentsContainer = void 0;
+const tslib_1 = require("tslib");
+const Popover_1 = tslib_1.__importDefault(require("@mui/material/Popover"));
+const styles_1 = require("@mui/material/styles");
+const material_1 = require("@mui/material");
+require("@fixefy/fxutils.page_context");
+exports.CommentsContainer = (0, styles_1.styled)('div')(() => ({
+    display: 'flex',
+    flexDirection: 'column',
+    marginTop: 16,
+    justifyContent: 'space-between',
+    alignItems: 'flex-start',
+}));
+exports.CommentsWrapper = (0, styles_1.styled)('div')(({}) => ({
+    display: 'flex',
+    alignItems: 'flex-start',
+    flexDirection: 'column',
+    justifyContent: 'center',
+    width: '100%',
+}));
+exports.CommentsScrollWrapper = (0, styles_1.styled)('div')(({}) => ({
+    maxHeight: 170,
+    overflow: 'auto',
+    width: '100%',
+}));
+exports.UserCommentWrapper = (0, styles_1.styled)('div')(({}) => ({
+    display: 'flex',
+    alignItems: 'flex-start',
+    marginTop: 16,
+    '&:first-of-type': {
+        marginTop: 0,
+    },
+}));
+exports.CommentWrapper = (0, styles_1.styled)('div')(({}) => ({
+    display: 'flex',
+    alignItems: 'center',
+    width: '100%',
+    marginBottom: 16,
+}));
+exports.CommentInput = (0, styles_1.styled)('input')(({ theme }) => ({
+    background: theme.palette.common.white,
+    border: '1px solid #F0F0F0',
+    borderRadius: '4px',
+    height: 36,
+    padding: '0 16px',
+    fontStyle: 'normal',
+    fontWeight: 'normal',
+    fontSize: 14,
+    lineHeight: '20px',
+    letterSpacing: '0.15px',
+    color: '#172326',
+    width: '100%',
+    '&::focus-visible': {
+        outline: 'unset',
+    },
+}));
+exports.StyledAvatar = (0, styles_1.styled)(material_1.Avatar)(({ theme }) => ({
+    width: 32,
+    height: 32,
+    border: `2px solid ${theme.palette.common.white}`,
+    marginRight: '8px',
+    fontFamily: 'Open Sans',
+    fontStyle: 'normal',
+    fontWeight: 'normal',
+    fontSize: 14,
+    lineHeight: '20px',
+    letterSpacing: '0.15px',
+}));
+exports.UserComment = (0, styles_1.styled)('div')(({ theme }) => ({
+    background: theme.palette.greyscale.contrastText,
+    border: '1px solid #F0F0F0',
+    borderRadius: '4px',
+    padding: '8px 16px',
+    minWidth: 300,
+    display: 'flex',
+    alignItems: 'flex-start',
+    flexDirection: 'column',
+    justifyContent: 'center',
+}));
+exports.CommentUserTitle = (0, styles_1.styled)('div')(({}) => ({
+    fontStyle: 'normal',
+    fontWeight: 'normal',
+    fontSize: 11,
+    lineHeight: '16px',
+    letterSpacing: '0.15px',
+    color: '#172326',
+}));
+exports.CommentDate = (0, styles_1.styled)('div')(({}) => ({
+    fontStyle: 'normal',
+    fontWeight: 'normal',
+    fontSize: 11,
+    lineHeight: '16px',
+    letterSpacing: '0.15px',
+    color: '#898989',
+}));
+exports.CommentDesc = (0, styles_1.styled)('div')(({}) => ({
+    fontStyle: 'normal',
+    fontWeight: 'normal',
+    fontSize: 14,
+    lineHeight: '20px',
+    letterSpacing: '0.15px',
+    color: '#172326',
+}));
+exports.StyledPopover = (0, styles_1.styled)(Popover_1.default)(({ theme }) => ({
+    position: 'absolute',
+    right: 12,
+    width: 80,
+    height: 16,
+    background: '#F7F7F7',
+    borderRadius: 4,
+    fontFamily: 'Open Sans',
+    fontStyle: 'normal',
+    fontWeight: 'normal',
+    fontSize: 11,
+    lineHeight: '16px',
+    letterSpacing: '0.1px',
+    color: theme.palette.primary.light,
+}));
+//# sourceMappingURL=notes.styles.js.map

package/dist-cjs/FxNotes/styles/notes.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notes.styles.js","sourceRoot":"","sources":["../../../src/FxNotes/styles/notes.styles.tsx"],"names":[],"mappings":";;;;AAAA,4EAA2C;AAE3C,iDAA6C;AAC7C,4CAAiD;AACjD,wCAAqC;AAExB,QAAA,iBAAiB,GAAQ,IAAA,eAAM,EAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACzD,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,SAAS,EAAE,EAAE;IACb,cAAc,EAAE,eAAe;IAC/B,UAAU,EAAE,YAAY;CACzB,CAAC,CAAC,CAAA;AAEU,QAAA,eAAe,GAAQ,IAAA,eAAM,EAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IACzD,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,YAAY;IACxB,aAAa,EAAE,QAAQ;IACvB,cAAc,EAAE,QAAQ;IACxB,KAAK,EAAE,MAAM;CACd,CAAC,CAAC,CAAA;AAEU,QAAA,qBAAqB,GAAQ,IAAA,eAAM,EAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/D,SAAS,EAAE,GAAG;IACd,QAAQ,EAAE,MAAM;IAChB,KAAK,EAAE,MAAM;CACd,CAAC,CAAC,CAAA;AAEU,QAAA,kBAAkB,GAAQ,IAAA,eAAM,EAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5D,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,YAAY;IACxB,SAAS,EAAE,EAAE;IACb,iBAAiB,EAAE;QACjB,SAAS,EAAE,CAAC;KACb;CACF,CAAC,CAAC,CAAA;AAEU,QAAA,cAAc,GAAQ,IAAA,eAAM,EAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IACxD,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,KAAK,EAAE,MAAM;IACb,YAAY,EAAE,EAAE;CACjB,CAAC,CAAC,CAAA;AAEU,QAAA,YAAY,GAAQ,IAAA,eAAM,EAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/D,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;IACtC,MAAM,EAAE,mBAAmB;IAC3B,YAAY,EAAE,KAAK;IACnB,MAAM,EAAE,EAAE;IACV,OAAO,EAAE,QAAQ;IAEjB,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,MAAM;IAClB,aAAa,EAAE,QAAQ;IACvB,KAAK,EAAE,SAAS;IAEhB,KAAK,EAAE,MAAM;IAEb,kBAAkB,EAAE;QAClB,OAAO,EAAE,OAAO;KACjB;CACF,CAAC,CAAC,CAAA;AAEU,QAAA,YAAY,GAAQ,IAAA,eAAM,EAAC,iBAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/D,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE;IACjD,WAAW,EAAE,KAAK;IAElB,UAAU,EAAE,WAAW;IACvB,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,MAAM;IAClB,aAAa,EAAE,QAAQ;CACxB,CAAC,CAAC,CAAA;AAEU,QAAA,WAAW,GAAQ,IAAA,eAAM,EAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5D,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,YAAY;IAChD,MAAM,EAAE,mBAAmB;IAC3B,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,UAAU;IACnB,QAAQ,EAAE,GAAG;IAEb,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,YAAY;IACxB,aAAa,EAAE,QAAQ;IACvB,cAAc,EAAE,QAAQ;CACzB,CAAC,CAAC,CAAA;AAEU,QAAA,gBAAgB,GAAQ,IAAA,eAAM,EAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1D,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,MAAM;IAClB,aAAa,EAAE,QAAQ;IACvB,KAAK,EAAE,SAAS;CACjB,CAAC,CAAC,CAAA;AAEU,QAAA,WAAW,GAAQ,IAAA,eAAM,EAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IACrD,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,MAAM;IAClB,aAAa,EAAE,QAAQ;IACvB,KAAK,EAAE,SAAS;CACjB,CAAC,CAAC,CAAA;AAEU,QAAA,WAAW,GAAQ,IAAA,eAAM,EAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IACrD,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,MAAM;IAClB,aAAa,EAAE,QAAQ;IACvB,KAAK,EAAE,SAAS;CACjB,CAAC,CAAC,CAAA;AAEU,QAAA,aAAa,GAAQ,IAAA,eAAM,EAAC,iBAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAChE,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,UAAU,EAAE,SAAS;IACrB,YAAY,EAAE,CAAC;IACf,UAAU,EAAE,WAAW;IACvB,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,MAAM;IAClB,aAAa,EAAE,OAAO;IACtB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK;CACnC,CAAC,CAAC,CAAA"}