@fixefy/fixefy-ui-components 0.0.46 → 0.0.48

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ActionsTrayPropsType } from './actions_tray_types';
+export declare function FxActionsTray({ type, onApprove, onChallenge, show, onClose, chargesCount, container, direction }: ActionsTrayPropsType): React.JSX.Element;

package/dist-cjs/FxActionsTray/FxActionsTray.js

@@ -0,0 +1,122 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FxActionsTray = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const image_1 = tslib_1.__importDefault(require("next/image"));
+const material_1 = require("@mui/material");
+const fixefy_ui_utils_1 = require("@fixefy/fixefy-ui-utils");
+const actions_tray_styles_1 = require("./styles/actions_tray.styles");
+function FxActionsTray({ type, onApprove, onChallenge, show, onClose, chargesCount, container, direction = 'up' }) {
+    const renderActions = () => {
+        switch (type) {
+            case 'approved':
+                return react_1.default.createElement(ApprovedActions, { onChallenge: onChallenge });
+            case 'challenge':
+                return react_1.default.createElement(ChallengeActions, { onChallenge: onChallenge, onApprove: onApprove });
+            case 'pending':
+                return react_1.default.createElement(PendingActions, { onApprove: onApprove, onChallenge: onChallenge });
+            case 'no_pricing':
+                return react_1.default.createElement(NoPricingActions, { onApprove: onApprove, onChallenge: onChallenge });
+            default:
+                return react_1.default.createElement(ApprovedActions, { onChallenge: onChallenge });
+        }
+    };
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(material_1.Slide, { direction: direction, in: show, mountOnEnter: true, unmountOnExit: true, timeout: 400, container: container },
+            react_1.default.createElement(actions_tray_styles_1.Container, null,
+                react_1.default.createElement(actions_tray_styles_1.TitleWrapper, null,
+                    react_1.default.createElement(actions_tray_styles_1.ChargesCount, null, chargesCount),
+                    react_1.default.createElement(actions_tray_styles_1.ChargesTitle, null, "charges selected")),
+                react_1.default.createElement(actions_tray_styles_1.Divider, null),
+                react_1.default.createElement("div", null, renderActions()),
+                react_1.default.createElement(actions_tray_styles_1.Divider, null),
+                react_1.default.createElement("div", { onClick: onClose },
+                    react_1.default.createElement(actions_tray_styles_1.Close, null, "close"))))));
+}
+exports.FxActionsTray = FxActionsTray;
+const ChallengeActions = ({ onChallenge, onApprove }) => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(actions_tray_styles_1.ActionBtn, { onClick: onChallenge, type: "low" },
+            react_1.default.createElement(image_1.default, { alt: "challenge", loader: () => (0, fixefy_ui_utils_1.imageLoader)({
+                    root: 'https://cdn-dev.fixefy.me/',
+                    src: 'actions/challenge.svg',
+                }), src: 'actions/challenge.svg', width: 20, height: 20, onLoad: () => console.log('loaded'), onError: (e) => console.log('error:', e) }),
+            react_1.default.createElement(actions_tray_styles_1.ActionTitle, null, "challenge")),
+        react_1.default.createElement(actions_tray_styles_1.ActionBtn, { onClick: onApprove },
+            react_1.default.createElement(image_1.default, { alt: "approve", loader: () => (0, fixefy_ui_utils_1.imageLoader)({
+                    root: 'https://cdn-dev.fixefy.me/',
+                    src: 'actions/approve.svg',
+                }), src: 'actions/approve.svg', width: 20, height: 20, onLoad: () => console.log('loaded'), onError: (e) => console.log('error:', e) }),
+            react_1.default.createElement(actions_tray_styles_1.ActionTitle, null, "approve")),
+        react_1.default.createElement(actions_tray_styles_1.ActionBtn, { onClick: onApprove },
+            react_1.default.createElement(image_1.default, { alt: "ignore and approve", loader: () => (0, fixefy_ui_utils_1.imageLoader)({
+                    root: 'https://cdn-dev.fixefy.me/',
+                    src: 'actions/ignore_and_approve.svg',
+                }), src: 'actions/ignore_and_approve.svg', width: 20, height: 20, onLoad: () => console.log('loaded'), onError: (e) => console.log('error:', e) }),
+            react_1.default.createElement(actions_tray_styles_1.ActionTitle, null, "ignore & approve")),
+        react_1.default.createElement(actions_tray_styles_1.ActionBtn, { onClick: onApprove },
+            react_1.default.createElement(image_1.default, { alt: "change exception", loader: () => (0, fixefy_ui_utils_1.imageLoader)({
+                    root: 'https://cdn-dev.fixefy.me/',
+                    src: 'actions/change_exception.svg',
+                }), src: 'actions/change_exception.svg', width: 20, height: 20, onLoad: () => console.log('loaded'), onError: (e) => console.log('error:', e) }),
+            react_1.default.createElement(actions_tray_styles_1.ActionTitle, null, "Change exeption"))));
+};
+const PendingActions = ({ onApprove, onChallenge }) => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(actions_tray_styles_1.ActionBtn, { onClick: onApprove, type: "excellent" },
+            react_1.default.createElement(image_1.default, { alt: "approve", loader: () => (0, fixefy_ui_utils_1.imageLoader)({
+                    root: 'https://cdn-dev.fixefy.me/',
+                    src: 'actions/approve.svg',
+                }), src: 'actions/approve.svg', width: 20, height: 20, onLoad: () => console.log('loaded'), onError: (e) => console.log('error:', e) }),
+            react_1.default.createElement(actions_tray_styles_1.ActionTitle, null, "approve")),
+        react_1.default.createElement(actions_tray_styles_1.ActionBtn, { onClick: onChallenge },
+            react_1.default.createElement(image_1.default, { alt: "challenge", loader: () => (0, fixefy_ui_utils_1.imageLoader)({
+                    root: 'https://cdn-dev.fixefy.me/',
+                    src: 'actions/challenge.svg',
+                }), src: 'actions/challenge.svg', width: 20, height: 20, onLoad: () => console.log('loaded'), onError: (e) => console.log('error:', e) }),
+            react_1.default.createElement(actions_tray_styles_1.ActionTitle, null, "challenge")),
+        react_1.default.createElement(actions_tray_styles_1.ActionBtn, { onClick: onChallenge },
+            react_1.default.createElement(image_1.default, { alt: "dive in", loader: () => (0, fixefy_ui_utils_1.imageLoader)({
+                    root: 'https://cdn-dev.fixefy.me/',
+                    src: 'actions/dive_in.svg',
+                }), src: 'actions/dive_in.svg', width: 20, height: 20, onLoad: () => console.log('loaded'), onError: (e) => console.log('error:', e) }),
+            react_1.default.createElement(actions_tray_styles_1.ActionTitle, null, "dive in"))));
+};
+const NoPricingActions = ({ onApprove, onChallenge }) => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(actions_tray_styles_1.ActionBtn, { onClick: onChallenge },
+            react_1.default.createElement(image_1.default, { alt: "dive in", loader: () => (0, fixefy_ui_utils_1.imageLoader)({
+                    root: 'https://cdn-dev.fixefy.me/',
+                    src: 'actions/dive_in.svg',
+                }), src: 'actions/dive_in.svg', width: 20, height: 20, onLoad: () => console.log('loaded'), onError: (e) => console.log('error:', e) }),
+            react_1.default.createElement(actions_tray_styles_1.ActionTitle, null, "dive in")),
+        react_1.default.createElement(actions_tray_styles_1.ActionBtn, { onClick: onApprove },
+            react_1.default.createElement(image_1.default, { alt: "solve", loader: () => (0, fixefy_ui_utils_1.imageLoader)({
+                    root: 'https://cdn-dev.fixefy.me/',
+                    src: 'actions/solve.svg',
+                }), src: 'actions/solve.svg', width: 20, height: 20, onLoad: () => console.log('loaded'), onError: (e) => console.log('error:', e) }),
+            react_1.default.createElement(actions_tray_styles_1.ActionTitle, null, "solve")),
+        react_1.default.createElement(actions_tray_styles_1.ActionBtn, { onClick: onApprove },
+            react_1.default.createElement(image_1.default, { alt: "ignore and approve", loader: () => (0, fixefy_ui_utils_1.imageLoader)({
+                    root: 'https://cdn-dev.fixefy.me/',
+                    src: 'actions/ignore_and_approve.svg',
+                }), src: 'actions/ignore_and_approve.svg', width: 20, height: 20, onLoad: () => console.log('loaded'), onError: (e) => console.log('error:', e) }),
+            react_1.default.createElement(actions_tray_styles_1.ActionTitle, null, "ignore & approve"))));
+};
+const ApprovedActions = ({ onChallenge }) => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(actions_tray_styles_1.ActionBtn, { onClick: onChallenge },
+            react_1.default.createElement(image_1.default, { alt: "dive in", loader: () => (0, fixefy_ui_utils_1.imageLoader)({
+                    root: 'https://cdn-dev.fixefy.me/',
+                    src: 'actionsCards/check_exceptions.svg',
+                }), src: 'actionsCards/check_exceptions.svg', width: 20, height: 20, onLoad: () => console.log('loaded'), onError: (e) => console.log('error:', e) }),
+            react_1.default.createElement(actions_tray_styles_1.ActionTitle, null, "dive in")),
+        react_1.default.createElement(actions_tray_styles_1.ActionBtn, { onClick: onChallenge },
+            react_1.default.createElement(image_1.default, { alt: "challenge", loader: () => (0, fixefy_ui_utils_1.imageLoader)({
+                    root: 'https://cdn-dev.fixefy.me/',
+                    src: 'actions/undo.svg',
+                }), src: 'actions/undo.svg', width: 20, height: 20, onLoad: () => console.log('loaded'), onError: (e) => console.log('error:', e) }),
+            react_1.default.createElement(actions_tray_styles_1.ActionTitle, null, "undo"))));
+};
+//# sourceMappingURL=FxActionsTray.js.map

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

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

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

@@ -0,0 +1,2 @@
+export { FxActionsTray } from './FxActionsTray';
+export type { ActionsTrayPropsType, ActionButtonPropsType } from './actions_tray_types';

package/dist-cjs/FxActionsTray/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/FxActionsTray/index.ts"],"names":[],"mappings":";;;AAAA,iDAA+C;AAAtC,8GAAA,aAAa,OAAA"}

package/dist-cjs/FxActionsTray/styles/actions_tray.styles.d.ts

@@ -0,0 +1,8 @@
+export declare const Container: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const ChargesCount: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const ChargesTitle: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const Close: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const TitleWrapper: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const Divider: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const ActionBtn: StyledComponent<ComponentProps & AdditionalProps, SpecificComponentProps, JSXProps>;
+export declare const ActionTitle: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;

package/dist-cjs/FxActionsTray/styles/actions_tray.styles.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActionTitle = exports.ActionBtn = exports.Divider = exports.TitleWrapper = exports.Close = exports.ChargesTitle = exports.ChargesCount = exports.Container = void 0;
+const FxButton_1 = require("../../FxButton");
+const material_1 = require("@mui/material");
+const styles_1 = require("@mui/material/styles");
+// const filterWhite = 'invert(99%) sepia(74%) saturate(0%) hue-rotate(253deg) brightness(108%) contrast(100%)'
+const filterPrimary = 'invert(46%) sepia(48%) saturate(297%) hue-rotate(145deg) brightness(97%) contrast(90%)';
+exports.Container = (0, styles_1.styled)('div')(({ theme }) => ({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    background: theme.palette.common.white,
+    border: '1px solid #C6DDE2',
+    boxShadow: '0px 0px 10px rgba(86, 135, 147, 0.2)',
+    borderRadius: 8,
+    padding: '16px 24px',
+    height: 38,
+    width: 'fit-content',
+    margin: 4,
+}));
+exports.ChargesCount = (0, styles_1.styled)(material_1.Typography)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.table), { color: theme.palette.typography.title, fontWeight: 700, marginRight: 4 })));
+exports.ChargesTitle = (0, styles_1.styled)(material_1.Typography)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.table), { color: theme.palette.typography.title })));
+exports.Close = (0, styles_1.styled)(material_1.Typography)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.body1), { color: theme.palette.primary['500'], textTransform: 'uppercase', fontWeight: 600, letterSpacing: '0.5px', cursor: 'pointer' })));
+exports.TitleWrapper = (0, styles_1.styled)('div')(({}) => ({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+}));
+exports.Divider = (0, styles_1.styled)('div')(({ theme }) => ({
+    width: 1,
+    height: '100%',
+    background: theme.palette.greyscale.contrastText,
+    marginRight: 24,
+    marginLeft: 24,
+}));
+exports.ActionBtn = (0, styles_1.styled)(FxButton_1.FxButton)(({ theme, type }) => ({
+    height: 40,
+    maxHeight: 40,
+    borderRadius: 100,
+    padding: '8px 16px',
+    color: type ? theme.palette.common.white : theme.palette.primary['500'],
+    borderColor: type ? theme.palette.score[type] : theme.palette.primary['500'],
+    background: type ? theme.palette.score[type] : theme.palette.common.white,
+    marginRight: 8,
+    ['& img']: {
+        filter: type ? 'none' : filterPrimary,
+    },
+    ['&:hover']: {
+        background: type ? theme.palette.score[type] : theme.palette.common.white,
+        color: type ? theme.palette.common.white : theme.palette.primary['500'],
+        borderColor: type ? theme.palette.score[type] : theme.palette.primary['500'],
+    },
+}));
+exports.ActionTitle = (0, styles_1.styled)('span')(({ theme }) => (Object.assign(Object.assign({}, theme.typography.body1), { color: 'inherit', textTransform: 'uppercase', fontWeight: 600, letterSpacing: '0.5px', cursor: 'pointer', marginLeft: 4, marginTop: 2 })));
+//# sourceMappingURL=actions_tray.styles.js.map

package/dist-cjs/FxActionsTray/styles/actions_tray.styles.js.map

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

package/dist-cjs/FxAggregationsBar/FxAggregations.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { AggreationsBarPropsType } from './aggregations_types';
+export declare const FxAggregationsBar: (props: AggreationsBarPropsType) => React.JSX.Element;

package/dist-cjs/FxAggregationsBar/FxAggregations.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FxAggregationsBar = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const Stack_1 = tslib_1.__importDefault(require("@mui/material/Stack"));
+const structureReader_1 = require("./helpers/structureReader");
+const FxAggregationsBar = (props) => {
+    const { structure, minWidth, mb, filter, initialValues } = props;
+    const { children, extended } = structure;
+    const { variables } = extended;
+    const { collapsed } = variables;
+    return (react_1.default.createElement(Stack_1.default, { direction: "row", spacing: 1.5, sx: {
+            mb: mb ? mb : 0,
+            ['& div']: {
+                minWidth: minWidth,
+            },
+            ['& > span']: {
+                minWidth: minWidth,
+            },
+        } }, children.map((child) => {
+        return (0, structureReader_1.structureReader)(child, filter, collapsed, initialValues);
+    })));
+};
+exports.FxAggregationsBar = FxAggregationsBar;
+//# sourceMappingURL=FxAggregations.js.map

package/dist-cjs/FxAggregationsBar/FxAggregations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FxAggregations.js","sourceRoot":"","sources":["../../src/FxAggregationsBar/FxAggregations.tsx"],"names":[],"mappings":";;;;AAAA,0DAAyB;AACzB,wEAAuC;AACvC,+DAA2D;AAIpD,MAAM,iBAAiB,GAAG,CAAC,KAA8B,EAAE,EAAE;IAClE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,GAAG,KAAK,CAAA;IAChE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAA;IACxC,MAAM,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAA;IAC9B,MAAM,EAAE,SAAS,EAAE,GAAG,SAAS,CAAA;IAE/B,OAAO,CACL,8BAAC,eAAK,IACJ,SAAS,EAAC,KAAK,EACf,OAAO,EAAE,GAAG,EACZ,EAAE,EAAE;YACF,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YACf,CAAC,OAAO,CAAC,EAAE;gBACT,QAAQ,EAAE,QAAQ;aACnB;YACD,CAAC,UAAU,CAAC,EAAE;gBACZ,QAAQ,EAAE,QAAQ;aACnB;SACF,IAEA,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAU,EAAE,EAAE;QAC3B,OAAO,IAAA,iCAAe,EAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,CAAC,CAAA;IACjE,CAAC,CAAC,CACI,CACT,CAAA;AACH,CAAC,CAAA;AAzBY,QAAA,iBAAiB,qBAyB7B"}

package/dist-cjs/FxAggregationsBar/helpers/structureReader.d.ts

@@ -0,0 +1 @@
+export declare const structureReader: (structure: any, filter: any, collapsed: boolean, initialValues: any) => any;

package/dist-cjs/FxAggregationsBar/helpers/structureReader.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.structureReader = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const material_1 = require("@mui/material");
+const FxScore_1 = require("../../FxScore");
+const FxStatisticsBar_1 = require("../../FxStatisticsBar");
+const FxProgressCounter_1 = require("../../FxProgressCounter");
+const structureReader = (structure, filter, collapsed, initialValues) => {
+    var _a;
+    const { extended, type } = structure;
+    switch (type) {
+        case 'aggregations_primary_container':
+            return structure.children.map((child, index) => {
+                var _a, _b, _c;
+                return ((_a = child.input_type) === null || _a === void 0 ? void 0 : _a.value) === 'percentage' ? (react_1.default.createElement(FxScore_1.FxScore, { structure: child, key: index, filter: filter, value: initialValues === null || initialValues === void 0 ? void 0 : initialValues.score })) : ((_b = child.input_type) === null || _b === void 0 ? void 0 : _b.value) === 'progress' ? (react_1.default.createElement(FxProgressCounter_1.FxProgressCounter, { structure: child, filter: filter, key: index, values: initialValues })) : (react_1.default.createElement(material_1.Box, { sx: {
+                        display: 'flex',
+                        justifyContent: 'center',
+                        alignItems: 'center',
+                        width: 'fit-content',
+                        padding: 2,
+                        borderRadius: 2,
+                        backgroundColor: ((_c = extended === null || extended === void 0 ? void 0 : extended.variables) === null || _c === void 0 ? void 0 : _c.bg) || '#FFFFFF',
+                    } },
+                    react_1.default.createElement(FxStatisticsBar_1.FxStatisticsBar, { structure: child, key: index, filter: filter, collapsed: collapsed, value: initialValues ? initialValues[child.extended.object_path] : null })));
+            });
+        case 'aggregations_secondary_container':
+            return (react_1.default.createElement(material_1.Stack, { direction: 'row', divider: react_1.default.createElement(material_1.Divider, { orientation: 'vertical', flexItem: true }), spacing: 2, sx: {
+                    backgroundColor: ((_a = extended === null || extended === void 0 ? void 0 : extended.variables) === null || _a === void 0 ? void 0 : _a.bg) || '#FFFFFF',
+                    borderRadius: '8px',
+                    padding: '24px 16px',
+                } }, structure.children.map((child, index) => {
+                return (react_1.default.createElement(FxStatisticsBar_1.FxStatisticsBar, { structure: child, key: index, filter: filter, collapsed: collapsed, value: initialValues ? initialValues[child.extended.object_path] : null }));
+            })));
+    }
+};
+exports.structureReader = structureReader;
+//# sourceMappingURL=structureReader.js.map

package/dist-cjs/FxAggregationsBar/helpers/structureReader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"structureReader.js","sourceRoot":"","sources":["../../../src/FxAggregationsBar/helpers/structureReader.tsx"],"names":[],"mappings":";;;;AAAA,0DAAyB;AAEzB,4CAAmD;AAEnD,2CAAuC;AACvC,2DAAuD;AACvD,+DAA2D;AAEpD,MAAM,eAAe,GAAG,CAAC,SAAc,EAAE,MAAW,EAAE,SAAkB,EAAE,aAAkB,EAAE,EAAE;;IACrG,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,SAAS,CAAA;IACpC,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,gCAAgC;YACnC,OAAO,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAU,EAAE,KAAa,EAAE,EAAE;;gBAC1D,OAAA,CAAA,MAAA,KAAK,CAAC,UAAU,0CAAE,KAAK,MAAK,YAAY,CAAC,CAAC,CAAC,CACzC,8BAAC,iBAAO,IAAC,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,GAAI,CACvF,CAAC,CAAC,CAAC,CAAA,MAAA,KAAK,CAAC,UAAU,0CAAE,KAAK,MAAK,UAAU,CAAC,CAAC,CAAC,CAC3C,8BAAC,qCAAiB,IAAC,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,GAAI,CAC3F,CAAC,CAAC,CAAC,CACF,8BAAC,cAAG,IACF,EAAE,EAAE;wBACF,OAAO,EAAE,MAAM;wBACf,cAAc,EAAE,QAAQ;wBACxB,UAAU,EAAE,QAAQ;wBACpB,KAAK,EAAE,aAAa;wBACpB,OAAO,EAAE,CAAC;wBACV,YAAY,EAAE,CAAC;wBACf,eAAe,EAAE,CAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,SAAS,0CAAE,EAAE,KAAI,SAAS;qBACtD;oBAED,8BAAC,iCAAe,IACd,SAAS,EAAE,KAAK,EAChB,GAAG,EAAE,KAAK,EACV,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,GACvE,CACE,CACP,CAAA;aAAA,CACF,CAAA;QACH,KAAK,kCAAkC;YACrC,OAAO,CACL,8BAAC,gBAAK,IACJ,SAAS,EAAC,KAAK,EACf,OAAO,EAAE,8BAAC,kBAAO,IAAC,WAAW,EAAC,UAAU,EAAC,QAAQ,SAAG,EACpD,OAAO,EAAE,CAAC,EACV,EAAE,EAAE;oBACF,eAAe,EAAE,CAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,SAAS,0CAAE,EAAE,KAAI,SAAS;oBACrD,YAAY,EAAE,KAAK;oBACnB,OAAO,EAAE,WAAW;iBACrB,IAEA,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAU,EAAE,KAAa,EAAE,EAAE;gBACpD,OAAO,CACL,8BAAC,iCAAe,IACd,SAAS,EAAE,KAAK,EAChB,GAAG,EAAE,KAAK,EACV,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,GACvE,CACH,CAAA;YACH,CAAC,CAAC,CACI,CACT,CAAA;IACL,CAAC;AACH,CAAC,CAAA;AAzDY,QAAA,eAAe,mBAyD3B"}

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

@@ -0,0 +1,2 @@
+export { FxAggregationsBar } from './FxAggregations';
+export type { AggregationsDataPropsType, AggreationsBarPropsType } from './aggregations_types';

package/dist-cjs/FxAggregationsBar/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/FxAggregationsBar/index.ts"],"names":[],"mappings":";;;AAAA,mDAAoD;AAA3C,mHAAA,iBAAiB,OAAA"}

package/dist-cjs/FxAggregationsBar/operations/query.d.ts

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

package/dist-cjs/FxAggregationsBar/operations/query.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.STRUCTURES = void 0;
+const graphql_tag_1 = require("graphql-tag");
+exports.STRUCTURES = (0, graphql_tag_1.gql) `
+  query STRUCTURES {
+    structure(where: { name: "aggregations_invoice" }) {
+      _id
+      bundle_name
+      name
+      title
+      type
+      input_type {
+        name
+        value
+      }
+      readable_id
+      extended {
+        format
+        gql_operation
+        title_path
+        object_path
+        filter
+        variables
+      }
+      children(sort: { index: 1 }) {
+        _id
+        name
+        title
+        type
+        input_type {
+          name
+          value
+        }
+        readable_id
+        extended {
+          format
+          gql_operation
+          title_path
+          object_path
+          filter
+          variables
+        }
+        children(sort: { index: 1 }) {
+          _id
+          name
+          title
+          type
+          input_type {
+            name
+            value
+          }
+          readable_id
+          extended {
+            format
+            gql_operation
+            title_path
+            object_path
+            filter
+            variables
+          }
+        }
+      }
+    }
+  }
+`;
+//# sourceMappingURL=query.js.map

package/dist-cjs/FxAggregationsBar/operations/query.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"query.js","sourceRoot":"","sources":["../../../src/FxAggregationsBar/operations/query.ts"],"names":[],"mappings":";;;AAAA,6CAAiC;AAEpB,QAAA,UAAU,GAAG,IAAA,iBAAG,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6D5B,CAAA"}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { AsyncDropdownPropsType } from './async_dropdown_types';
+export declare const FxAsyncDropdown: React.ForwardRefExoticComponent<Omit<AsyncDropdownPropsType, "ref"> & React.RefAttributes<unknown>>;

package/dist-cjs/FxAsyncDropdown/FxAsyncDropdown.js

@@ -0,0 +1,210 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FxAsyncDropdown = void 0;
+const tslib_1 = require("tslib");
+// @ts-ignore
+const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const icons_material_1 = require("@mui/icons-material");
+const graphql_tag_1 = require("graphql-tag");
+// import { getJPart } from './helpers/helpers'
+const client_1 = require("@apollo/client");
+const fixefy_ui_utils_1 = require("@fixefy/fixefy-ui-utils");
+const react_1 = tslib_1.__importStar(require("react"));
+const material_1 = require("@mui/material");
+const dropdown_styles_1 = require("./styles/dropdown.styles");
+const icon = react_1.default.createElement(icons_material_1.CheckBoxOutlineBlank, { fontSize: 'small' });
+const checkedIcon = react_1.default.createElement(icons_material_1.CheckBox, { fontSize: 'small' });
+exports.FxAsyncDropdown = react_1.default.forwardRef((props, parentRef) => {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const ref = (0, react_1.useRef)(null);
+    const theme = (0, material_1.useTheme)();
+    const [options, setOptions] = (0, react_1.useState)([]);
+    const [loadingData, setLoadingData] = (0, react_1.useState)(false);
+    const [isLastPage, setIsLastPage] = (0, react_1.useState)(false);
+    const [searchValue, setSearchValue] = (0, react_1.useState)(null);
+    const [hasClearBtn, setHasClearBtn] = (0, react_1.useState)(false);
+    const [page, setPage] = (0, react_1.useState)(1);
+    const [prevPage, setPrevPage] = (0, react_1.useState)(0);
+    const [pageSize] = (0, react_1.useState)(20);
+    const { debug, structure, onChange, onClear, renderOptions, fetcher, initialValue = {}, multiple, disabled, type = 'text', showSelectedValue } = props, rest = tslib_1.__rest(props, ["debug", "structure", "onChange", "onClear", "renderOptions", "fetcher", "initialValue", "multiple", "disabled", "type", "showSelectedValue"]);
+    const { name, extended, children } = structure;
+    const { search_path, variables } = extended;
+    const { method_name } = variables;
+    const [fetch, { data, loading }] = (0, client_1.useLazyQuery)((0, graphql_tag_1.gql)(fetcher.query), Object.assign(Object.assign({}, fetcher.queryOptions), { variables: Object.assign(Object.assign({}, fetcher.queryOptions.variables), { where: searchValue
+                ? Object.assign(Object.assign({}, fetcher.queryOptions.variables.where), { [search_path]: searchValue }) : Object.assign({}, fetcher.queryOptions.variables.where), skip: page * pageSize - pageSize, limit: pageSize }) }));
+    const labelOption = (_b = (_a = structure === null || structure === void 0 ? void 0 : structure.extended) === null || _a === void 0 ? void 0 : _a.title_path) !== null && _b !== void 0 ? _b : 'title';
+    const { getRootProps, getInputProps, getClearProps, getListboxProps, getOptionProps, groupedOptions, value, popupOpen, focused, setAnchorEl, } = (0, material_1.useAutocomplete)(Object.assign(Object.assign({}, rest), { defaultValue: initialValue, options: options, disableCloseOnSelect: !!multiple, multiple, disabled: disabled, isOptionEqualToValue: (option, value) => {
+            return option._id === value._id;
+        }, getOptionLabel: (option) => { var _a; return (0, fixefy_ui_utils_1.titleCase)((_a = option[labelOption]) !== null && _a !== void 0 ? _a : option.title); } }));
+    const onPopupScroll = lodash_1.default.debounce(() => {
+        if (ref && ref.current) {
+            //@ts-ignore
+            const threshHold = ref.current.scrollHeight / 2;
+            //@ts-ignore
+            if (ref.current.scrollTop > threshHold && !loadingData && !isLastPage) {
+                setLoadingData(true);
+                setPage((prevPage) => prevPage + 1);
+                setPrevPage((prevPage) => prevPage + 1);
+            }
+        }
+    }, 800);
+    const createTitle = () => {
+        if (Array.isArray(value)) {
+            if (value && value.length) {
+                return `${(0, fixefy_ui_utils_1.titleCase)(name)} (${value.length})`;
+            }
+        }
+        return (0, fixefy_ui_utils_1.titleCase)(name);
+    };
+    const handleSearch = lodash_1.default.debounce((e) => {
+        setSearchValue(e.target.value);
+        setPage(1);
+    }, 300);
+    const handleChildrens = (_a) => {
+        var { structure } = _a, rest = tslib_1.__rest(_a, ["structure"]);
+        let rv = null;
+        const { type, children } = structure;
+        debug === true && console.log('handleChildrens', structure);
+        switch (type) {
+            case 'dropdownOptions':
+            case 'dropdown_options': {
+                rv = children.map((child) => handleChildrens(Object.assign({ structure: child }, rest)));
+                break;
+            }
+            case 'clear': {
+                if (!hasClearBtn) {
+                    setHasClearBtn(true);
+                }
+                rv = react_1.default.createElement(material_1.Button, Object.assign({}, rest), structure.title);
+                break;
+            }
+            default: {
+                break;
+            }
+        }
+        return rv;
+    };
+    const handleRenderOptions = () => {
+        debug === true && console.log('renderOptions: ', renderOptions);
+        if (renderOptions) {
+            return groupedOptions.map((option, index) => {
+                const CustomeComponent = renderOptions(option, index);
+                //@ts-ignore
+                return react_1.default.cloneElement(CustomeComponent, Object.assign({}, getOptionProps({ option, index })));
+            });
+        }
+        else {
+            switch (type) {
+                case 'checkbox': {
+                    return groupedOptions.map((option, index) => {
+                        const isSelected = getOptionProps({
+                            option,
+                            index,
+                        })['aria-selected'];
+                        return (react_1.default.createElement("li", Object.assign({}, getOptionProps({ option, index })),
+                            react_1.default.createElement(material_1.Checkbox, { icon: icon, checked: Boolean(isSelected), checkedIcon: checkedIcon, sx: {
+                                    mr: 1,
+                                    minWidth: 24,
+                                    minHeight: 24,
+                                    p: 0,
+                                    ['& svg']: { fill: theme.palette.primary.light },
+                                } }),
+                            react_1.default.createElement(material_1.Typography, { variant: 'table', color: theme.palette.typography.title }, (0, fixefy_ui_utils_1.titleCase)(option === null || option === void 0 ? void 0 : option.title))));
+                    });
+                }
+                case 'text': {
+                    return groupedOptions.map((option, index) => {
+                        var _a, _b, _c, _d;
+                        debug === true &&
+                            console.log('renderOptions: ', (_a = structure === null || structure === void 0 ? void 0 : structure.extended) === null || _a === void 0 ? void 0 : _a.title_path, option[(_b = structure === null || structure === void 0 ? void 0 : structure.extended) === null || _b === void 0 ? void 0 : _b.title_path], options);
+                        return (react_1.default.createElement("li", Object.assign({}, getOptionProps({ option, index })),
+                            react_1.default.createElement(material_1.Typography, { variant: 'table', color: theme.palette.typography.title }, (0, fixefy_ui_utils_1.titleCase)((_d = option[(_c = structure === null || structure === void 0 ? void 0 : structure.extended) === null || _c === void 0 ? void 0 : _c.title_path]) !== null && _d !== void 0 ? _d : option.title))));
+                    });
+                }
+                default: {
+                    return groupedOptions.map((option, index) => {
+                        var _a, _b, _c, _d;
+                        debug === true &&
+                            console.log('renderOptions: ', (_a = structure === null || structure === void 0 ? void 0 : structure.extended) === null || _a === void 0 ? void 0 : _a.title_path, option[(_b = structure === null || structure === void 0 ? void 0 : structure.extended) === null || _b === void 0 ? void 0 : _b.title_path], options);
+                        return (react_1.default.createElement("li", Object.assign({}, getOptionProps({ option, index })),
+                            react_1.default.createElement(material_1.Typography, { variant: 'table', color: theme.palette.typography.title }, (0, fixefy_ui_utils_1.titleCase)((_d = option[(_c = structure === null || structure === void 0 ? void 0 : structure.extended) === null || _c === void 0 ? void 0 : _c.title_path]) !== null && _d !== void 0 ? _d : option.title))));
+                    });
+                }
+            }
+        }
+    };
+    (0, react_1.useImperativeHandle)(parentRef, () => ({
+        clearDDL: () => {
+            var _a;
+            //@ts-ignore
+            (_a = getClearProps()) === null || _a === void 0 ? void 0 : _a.onClick(null);
+        },
+    }));
+    (0, react_1.useEffect)(() => {
+        if (ref && ref.current) {
+            //@ts-ignore
+            ref.current.addEventListener('scroll', () => onPopupScroll());
+        }
+        return () => {
+            if (ref && ref.current) {
+                //@ts-ignore
+                ref.current.removeEventListener('scroll', () => onPopupScroll());
+            }
+        };
+    }, [groupedOptions]);
+    (0, react_1.useEffect)(() => {
+        onChange && onChange(value, name);
+    }, [value]);
+    (0, react_1.useEffect)(() => {
+        if (popupOpen && !isLastPage && prevPage < page && !disabled) {
+            fetch();
+        }
+    }, [popupOpen]);
+    (0, react_1.useEffect)(() => {
+        if (!disabled) {
+            fetch();
+        }
+    }, []);
+    (0, react_1.useEffect)(() => {
+        if (data && !isLastPage && prevPage < page) {
+            const newOptions = data[method_name];
+            if (newOptions.length === 0 || newOptions.length < pageSize) {
+                setIsLastPage(true);
+            }
+            setOptions([...newOptions, ...options]);
+            setLoadingData(false);
+        }
+    }, [data]);
+    return (react_1.default.createElement(dropdown_styles_1.Root, null,
+        react_1.default.createElement(dropdown_styles_1.InputWrapper, Object.assign({ hasValue: !!(value && Object.keys(value).length), disabled: disabled, sx: {
+                width: (_d = (_c = props.styles) === null || _c === void 0 ? void 0 : _c.width) !== null && _d !== void 0 ? _d : 180,
+                maxWidth: (_f = (_e = props.styles) === null || _e === void 0 ? void 0 : _e.maxWidth) !== null && _f !== void 0 ? _f : 300,
+            } }, getRootProps(), { ref: setAnchorEl, className: focused ? 'focused' : '' }),
+            react_1.default.createElement("input", Object.assign({}, getInputProps(), { readOnly: true, onChange: (e) => {
+                    var _a;
+                    //@ts-ignore
+                    (_a = getInputProps()) === null || _a === void 0 ? void 0 : _a.onChange(e);
+                    handleSearch(e);
+                }, placeholder: createTitle(), value: showSelectedValue ? (0, fixefy_ui_utils_1.titleCase)(value.title) : undefined })),
+            loading ? (react_1.default.createElement(dropdown_styles_1.Loading, null,
+                react_1.default.createElement(material_1.CircularProgress, null))) : (react_1.default.createElement(icons_material_1.KeyboardArrowDown, null))),
+        groupedOptions.length > 0 && !disabled ? (react_1.default.createElement(dropdown_styles_1.Listbox
+        // sx={{
+        //   width: props.styles?.width ?? 300,
+        //   maxWidth: props.styles?.maxWidth ?? 300,
+        //   minWidth: props.styles?.width ?? 300,
+        // }}
+        , Object.assign({}, getListboxProps()),
+            react_1.default.createElement(dropdown_styles_1.StyledListBox, { sx: Object.assign({}, (_g = props.styles) === null || _g === void 0 ? void 0 : _g.menuSx), hasClearBtn: children === null || children === void 0 ? void 0 : children.length, ref: ref }, handleRenderOptions()),
+            children && children.length ? (react_1.default.createElement(dropdown_styles_1.StyledClose, null, handleChildrens({
+                structure: children[0],
+                onClick: (e) => {
+                    var _a;
+                    onClear && onClear();
+                    //@ts-ignore
+                    (_a = getClearProps()) === null || _a === void 0 ? void 0 : _a.onClick(e);
+                },
+                startIcon: react_1.default.createElement(icons_material_1.Close, null),
+            }))) : null)) : null));
+});
+//# sourceMappingURL=FxAsyncDropdown.js.map