@fixefy/fixefy-ui-components 0.0.47 → 0.0.48

package/dist-es/FxStatisticsBar/FxStatisticsBar.js

@@ -0,0 +1,92 @@
+import React, { useEffect } from 'react';
+import { gql } from 'graphql-tag';
+import { useLazyQuery } from '@apollo/client';
+import { Box, Skeleton } from '@mui/material';
+import { titleCase } from '@fixefy/fixefy-ui-utils';
+import { getCurrency } from '@fixefy/fixefy-ui-utils';
+import { useStyles } from './styles/statistics.styles';
+export function FxStatisticsBar({ value, type = 'currency', label, structure, collapsed, filter }) {
+    const _classes = useStyles();
+    const { extended, input_type, title } = structure || {};
+    const { gql_operation, object_path, filter: structurefilter, variables } = extended || {};
+    const gqlOperation = gql_operation ?? 'query GET_SCORE($where: Json) { score: chargesAvg( where: $where data: { fields: ["score"], fragment: "{ score }" } ) }';
+    let _filter = structurefilter;
+    if (filter) {
+        _filter = {
+            ..._filter,
+            ...filter,
+        };
+    }
+    const [fetchData, { data, loading }] = useLazyQuery(gql(gqlOperation));
+    const convertValue = (value) => {
+        let newValue = '';
+        let sign = '';
+        if (value < 1000) {
+            newValue = value;
+        }
+        else if (value >= 1000 && value < 1000000) {
+            newValue = (value / 1000).toFixed(2);
+            sign = 'K';
+        }
+        else {
+            newValue = (value / 1000000).toFixed(2);
+            sign = 'M';
+        }
+        return (new Intl.NumberFormat('en-US', {
+            style: 'currency',
+            currency: getCurrency(null)?.code.toUpperCase() || 'USD',
+        }).format(Number(newValue)) + sign);
+    };
+    const checkIsCollapsed = () => {
+        let collapsedFromStructureIsDefined = false;
+        if (variables && variables.collapsed !== undefined && variables.collapsed !== null) {
+            collapsedFromStructureIsDefined = true;
+        }
+        if (collapsedFromStructureIsDefined) {
+            return variables.collapsed;
+        }
+        else {
+            return collapsed;
+        }
+    };
+    const getValue = (value) => {
+        const statisticsType = input_type?.value || type;
+        switch (statisticsType) {
+            case 'percentage': {
+                return new Intl.NumberFormat('en-US', {
+                    style: 'percent',
+                }).format(Number(value));
+            }
+            case 'currency': {
+                if (checkIsCollapsed()) {
+                    return convertValue(value);
+                }
+                else {
+                    return new Intl.NumberFormat('en-US', {
+                        style: 'currency',
+                        currency: getCurrency(null)?.code.toUpperCase() || 'USD',
+                    }).format(Number(value));
+                }
+            }
+            default:
+                return value;
+        }
+    };
+    useEffect(() => {
+        if (!value && structure) {
+            fetchData({
+                variables: {
+                    where: { ..._filter },
+                },
+            });
+        }
+    }, []);
+    const statisticsTitle = label ? label : title;
+    const statisticsValue = data && data[object_path] != null ? getValue(data[object_path]) : getValue(value);
+    return loading ? (React.createElement(Box, { sx: { width: 100 } },
+        React.createElement(Skeleton, { animation: "wave", width: 100, height: 30 }),
+        React.createElement(Skeleton, { animation: "wave", width: 100, height: 20 }))) : (React.createElement("div", { className: _classes.container },
+        React.createElement("span", { className: variables?.contrast ? _classes.contrastValue : _classes.value }, statisticsValue),
+        React.createElement("span", { className: variables?.contrast ? _classes.contrastLabel : _classes.label }, titleCase(statisticsTitle))));
+}
+//# sourceMappingURL=FxStatisticsBar.js.map

package/dist-es/FxStatisticsBar/FxStatisticsBar.js.map

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

package/dist-es/FxStatisticsBar/index.d.ts

@@ -0,0 +1,2 @@
+export { FxStatisticsBar } from './FxStatisticsBar';
+export type { StatisticsPropsType } from './statistics_bar_types';

package/dist-es/FxStatisticsBar/index.js

@@ -0,0 +1,2 @@
+export { FxStatisticsBar } from './FxStatisticsBar';
+//# sourceMappingURL=index.js.map

package/dist-es/FxStatisticsBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/FxStatisticsBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA"}

package/dist-es/FxStatisticsBar/styles/statistics.styles.d.ts

@@ -0,0 +1,2 @@
+import '@fixefy/fixefy-ui-utils';
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"label" | "container" | "value" | "contrastLabel" | "contrastValue">;

package/dist-es/FxStatisticsBar/styles/statistics.styles.js

@@ -0,0 +1,39 @@
+import { makeStyles } from '@mui/styles';
+import '@fixefy/fixefy-ui-utils';
+export const useStyles = makeStyles((theme) => ({
+    container: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        flexDirection: 'column',
+        minHeight: 56,
+    },
+    contrastLabel: {
+        fontWeight: 'normal',
+        fontSize: 11,
+        lineHeight: '16px',
+        letterSpacing: '0.1px',
+        opacity: 0.7,
+        color: theme.palette.common.white,
+        textOverflow: 'ellipsis',
+        whiteSpace: 'nowrap',
+    },
+    contrastValue: {
+        fontWeight: 600,
+        fontSize: 19,
+        lineHeight: '28px',
+        letterSpacing: '0.15px',
+        color: theme.palette.common.white,
+    },
+    label: {
+        ...theme.typography.table,
+        color: theme.palette.statistics.label,
+        textOverflow: 'ellipsis',
+        whiteSpace: 'nowrap',
+    },
+    value: {
+        ...theme.typography.h5,
+        color: theme.palette.statistics.value,
+    },
+}));
+//# sourceMappingURL=statistics.styles.js.map

package/dist-es/FxStatisticsBar/styles/statistics.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"statistics.styles.js","sourceRoot":"","sources":["../../../src/FxStatisticsBar/styles/statistics.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAGxC,OAAO,yBAAyB,CAAA;AAEhC,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,KAAY,EAAE,EAAE,CAAC,CAAC;IACrD,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,aAAa,EAAE,QAAQ;QACvB,SAAS,EAAE,EAAE;KACd;IACD,aAAa,EAAE;QACb,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,aAAa,EAAE,OAAO;QACtB,OAAO,EAAE,GAAG;QACZ,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;QACjC,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,QAAQ;KACrB;IACD,aAAa,EAAE;QACb,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,aAAa,EAAE,QAAQ;QACvB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;KAClC;IACD,KAAK,EAAE;QACL,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK;QACzB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;QACrC,YAAY,EAAE,UAAU;QACxB,UAAU,EAAE,QAAQ;KACrB;IACD,KAAK,EAAE;QACL,GAAG,KAAK,CAAC,UAAU,CAAC,EAAE;QACtB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;KACtC;CACF,CAAC,CAAC,CAAA"}

package/dist-es/FxStatusBar/FxStatusBar.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { StatusBarPropsType } from './status_bar_types';
+export declare const FxStatusBar: ({ onChangeStatus, onSearch, defaultStatus, title, options, chipsVariant }: StatusBarPropsType) => React.JSX.Element;

package/dist-es/FxStatusBar/FxStatusBar.js

@@ -0,0 +1,57 @@
+import React, { useEffect, useState } from 'react';
+import { Stack } from '@mui/material';
+import { FxChip } from '../FxChip';
+import { statuses } from './helpers/constants';
+import { titleCase } from '@fixefy/fixefy-ui-utils';
+import { StatusBarCard, StatusBarTitle, StatusChipStyled } from './styles/statusBar.styles';
+export const FxStatusBar = ({ onChangeStatus, onSearch, defaultStatus, title, options, chipsVariant = 'filled' }) => {
+    const [selectedStatus, setSelectedStatus] = useState([]);
+    const [searchValue] = useState('');
+    useEffect(() => {
+        if (defaultStatus) {
+            typeof defaultStatus === 'string' ? setSelectedStatus([defaultStatus]) : setSelectedStatus(defaultStatus);
+        }
+        else {
+            setSelectedStatus(['all']);
+        }
+    }, [defaultStatus]);
+    const onStatusClick = (status) => {
+        if (status === 'all') {
+            setSelectedStatus(() => {
+                if (selectedStatus.includes(status)) {
+                    return [];
+                }
+                else {
+                    return ['all'];
+                }
+            });
+        }
+        else {
+            setSelectedStatus((prevState) => {
+                if (selectedStatus.includes(status)) {
+                    const rv = prevState.filter((_status) => _status !== status && _status !== 'all');
+                    return rv.length == 0 ? ['all'] : rv;
+                }
+                else {
+                    const rv = prevState.filter((_status) => _status !== status && _status !== 'all');
+                    return [...rv, status];
+                }
+            });
+        }
+    };
+    useEffect(() => {
+        onChangeStatus(selectedStatus);
+    }, [selectedStatus]);
+    useEffect(() => {
+        onSearch && onSearch(searchValue);
+    }, [searchValue]);
+    const __options = options ?? statuses;
+    return (React.createElement(StatusBarCard, null,
+        title && React.createElement(StatusBarTitle, { style: { marginRight: '8px' } }, titleCase(title)),
+        React.createElement(Stack, { direction: "row", spacing: 1 },
+            React.createElement(StatusChipStyled, { onClick: () => onStatusClick('all'), label: "All", variant: selectedStatus.includes('all') ? 'filled' : 'outlined' }),
+            Object.keys(__options).map((key, index) => {
+                return React.createElement(FxChip, { onClick: () => onStatusClick(__options[key]), key: index, label: titleCase(key), variant: chipsVariant, status: selectedStatus.includes(__options[key]) ? __options[key] : '' });
+            }))));
+};
+//# sourceMappingURL=FxStatusBar.js.map

package/dist-es/FxStatusBar/FxStatusBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FxStatusBar.js","sourceRoot":"","sources":["../../src/FxStatusBar/FxStatusBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AAEnD,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAE3F,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,cAAc,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,OAAO,EAAE,YAAY,GAAG,QAAQ,EAAsB,EAAE,EAAE;IACtI,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAA;IAClE,MAAM,CAAC,WAAW,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAA;IAE1C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,aAAa,EAAE,CAAC;YAClB,OAAO,aAAa,KAAK,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,aAAa,CAAC,CAAA;QAC3G,CAAC;aAAM,CAAC;YACN,iBAAiB,CAAC,CAAC,KAAK,CAAC,CAAC,CAAA;QAC5B,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,MAAM,aAAa,GAAG,CAAC,MAAc,EAAE,EAAE;QACvC,IAAI,MAAM,KAAK,KAAK,EAAE,CAAC;YACrB,iBAAiB,CAAC,GAAG,EAAE;gBACrB,IAAI,cAAc,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;oBACpC,OAAO,EAAE,CAAA;gBACX,CAAC;qBAAM,CAAC;oBACN,OAAO,CAAC,KAAK,CAAC,CAAA;gBAChB,CAAC;YACH,CAAC,CAAC,CAAA;QACJ,CAAC;aAAM,CAAC;YACN,iBAAiB,CAAC,CAAC,SAAS,EAAE,EAAE;gBAC9B,IAAI,cAAc,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;oBACpC,MAAM,EAAE,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,KAAK,MAAM,IAAI,OAAO,KAAK,KAAK,CAAC,CAAA;oBACjF,OAAO,EAAE,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;gBACtC,CAAC;qBAAM,CAAC;oBACN,MAAM,EAAE,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,KAAK,MAAM,IAAI,OAAO,KAAK,KAAK,CAAC,CAAA;oBACjF,OAAO,CAAC,GAAG,EAAE,EAAE,MAAM,CAAC,CAAA;gBACxB,CAAC;YACH,CAAC,CAAC,CAAA;QACJ,CAAC;IACH,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,cAAc,CAAC,cAAc,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,IAAI,QAAQ,CAAC,WAAW,CAAC,CAAA;IACnC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,MAAM,SAAS,GAAQ,OAAO,IAAI,QAAQ,CAAA;IAE1C,OAAO,CACL,oBAAC,aAAa;QACX,KAAK,IAAI,oBAAC,cAAc,IAAC,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,IAAG,SAAS,CAAC,KAAK,CAAC,CAAkB;QAE5F,oBAAC,KAAK,IAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAE,CAAC;YAC/B,oBAAC,gBAAgB,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,KAAK,EAAC,KAAK,EAAC,OAAO,EAAE,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,GAAI;YACrI,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,GAAW,EAAE,KAAa,EAAE,EAAE;gBACzD,OAAO,oBAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,GAAG,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,cAAc,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,GAAI,CAAA;YAClM,CAAC,CAAC,CACI,CACM,CACjB,CAAA;AACH,CAAC,CAAA"}

package/dist-es/FxStatusBar/helpers/constants.d.ts

@@ -0,0 +1,12 @@
+export declare const statuses: {
+    Declined: string;
+    Pending: string;
+    Approved: string;
+    Active: string;
+    Challenge: string;
+    in_review: string;
+    Discrepancy: string;
+    no_pricing: string;
+    in_progress: string;
+    Duplicated: string;
+};

package/dist-es/FxStatusBar/helpers/constants.js

@@ -0,0 +1,13 @@
+export const statuses = {
+    Declined: 'declined',
+    Pending: 'pending',
+    Approved: 'approved',
+    Active: 'active',
+    Challenge: 'challenged',
+    in_review: 'in_review',
+    Discrepancy: 'discrepancy',
+    no_pricing: 'no_pricing',
+    in_progress: 'in_progress',
+    Duplicated: 'duplicated',
+};
+//# sourceMappingURL=constants.js.map

package/dist-es/FxStatusBar/helpers/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/FxStatusBar/helpers/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,QAAQ;IAChB,SAAS,EAAE,YAAY;IACvB,SAAS,EAAE,WAAW;IACtB,WAAW,EAAE,aAAa;IAC1B,UAAU,EAAE,YAAY;IACxB,WAAW,EAAE,aAAa;IAC1B,UAAU,EAAE,YAAY;CACzB,CAAA"}

package/dist-es/FxStatusBar/index.d.ts

@@ -0,0 +1,2 @@
+export { FxStatusBar } from './FxStatusBar';
+export { StatusBarPropsType } from './status_bar_types';

package/dist-es/FxStatusBar/index.js

@@ -0,0 +1,2 @@
+export { FxStatusBar } from './FxStatusBar';
+//# sourceMappingURL=index.js.map

package/dist-es/FxStatusBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/FxStatusBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA"}

package/dist-es/FxStatusBar/styles/statusBar.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const StatusBarCard: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const StatusBarTitle: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const StatusChipStyled: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;

package/dist-es/FxStatusBar/styles/statusBar.styles.js

@@ -0,0 +1,62 @@
+import { styled } from "@mui/material/styles";
+import { Box, Chip as MuiChip } from "@mui/material";
+export const StatusBarCard = styled(Box)(({ theme }) => ({
+    background: theme.palette.common.white,
+    borderRadius: 4,
+    padding: 16,
+    boxShadow: "0px 0px 10px rgba(86, 135, 147, 0.3)",
+    display: "flex",
+    alignItems: "center",
+    width: "fit-content",
+}));
+export const StatusBarTitle = styled("span")(({ theme }) => ({
+    ...theme.typography.body1,
+    color: theme.palette.common.black,
+}));
+export const StatusChipStyled = styled(MuiChip)(({ theme, variant }) => {
+    let backgroundColor, border, labelColor;
+    if (variant === "filled") {
+        backgroundColor = theme.palette.primary.light;
+        labelColor = theme.palette.common.white;
+    }
+    else {
+        backgroundColor = theme.palette.common.white;
+    }
+    border = "#F0F0F0";
+    return {
+        height: 20,
+        minWidth: 34,
+        maxWidth: 120,
+        ["& .MuiChip-label"]: {
+            fontSize: 9,
+            fontWeight: 600,
+            lineHeight: "12px",
+            color: labelColor ? labelColor : theme.palette["statistics"].label,
+        },
+        backgroundColor,
+        border: `1px solid ${border}`,
+    };
+});
+// export const StatusBarSearchWrapper = styled("div")(({ theme }) => ({
+//   position: "relative",
+//   display: "flex",
+//   alignItems: "center",
+//   ["& input"]: {
+//     ...theme.typography.body1,
+//     color: theme.palette.statistics.label,
+//     paddingLeft: 40,
+//     width: "100%",
+//   },
+//   ["& svg"]: {å
+//     position: "absolute",
+//     left: 16,
+//     color: theme.palette.primary.light,
+//   },
+// }));
+// export const StatusBarSearchBar = styled("input")(({ theme }) => ({
+//   background: theme.palette.common.white,
+//   border: "1px solid #C6DDE2",
+//   borderRadius: 4,
+//   height: 36,
+// }));
+//# sourceMappingURL=statusBar.styles.js.map

package/dist-es/FxStatusBar/styles/statusBar.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"statusBar.styles.js","sourceRoot":"","sources":["../../../src/FxStatusBar/styles/statusBar.styles.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAErD,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACxD,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;IACtC,YAAY,EAAE,CAAC;IACf,OAAO,EAAE,EAAE;IACX,SAAS,EAAE,sCAAsC;IACjD,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,KAAK,EAAE,aAAa;CACpB,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5D,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK;IACzB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;CACjC,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;IACtE,IAAI,eAAe,EAAE,MAAM,EAAE,UAAU,CAAC;IAExC,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;QAC1B,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC;QAC9C,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC;IACzC,CAAC;SAAM,CAAC;QACP,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC;IAC9C,CAAC;IACD,MAAM,GAAG,SAAS,CAAC;IAEnB,OAAO;QACN,MAAM,EAAE,EAAE;QACV,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,GAAG;QACb,CAAC,kBAAkB,CAAC,EAAE;YACrB,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,YAAY,CAAC,CAAC,KAAK;SAClE;QACD,eAAe;QACf,MAAM,EAAE,aAAa,MAAM,EAAE;KAC7B,CAAC;AACH,CAAC,CAAC,CAAC;AAEH,wEAAwE;AACxE,0BAA0B;AAC1B,qBAAqB;AACrB,0BAA0B;AAC1B,mBAAmB;AACnB,iCAAiC;AACjC,6CAA6C;AAC7C,uBAAuB;AACvB,qBAAqB;AACrB,OAAO;AACP,kBAAkB;AAClB,4BAA4B;AAC5B,gBAAgB;AAChB,0CAA0C;AAC1C,OAAO;AACP,OAAO;AAEP,sEAAsE;AACtE,4CAA4C;AAC5C,iCAAiC;AACjC,qBAAqB;AACrB,gBAAgB;AAChB,OAAO"}

package/dist-es/FxStyledComponents/index.d.ts

@@ -0,0 +1,27 @@
+import React, { ReactElement } from 'react';
+export declare const Card: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const PageHeader: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const Label: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const BoldValue: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const Value: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const PageTitle: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const Link: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const Text: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const ShowMore: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const ShowMoreContainer: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const DataWrapper: ({ values, title, icon, columns, cardStyle, wrapperStyle, }: {
+    values: ReactElement[];
+    title?: string | undefined;
+    columns?: number | undefined;
+    icon?: any;
+    cardStyle?: any;
+    wrapperStyle?: any;
+}) => React.JSX.Element;
+interface field {
+    value: number;
+    color: string;
+}
+export declare const Bars: ({ fields }: {
+    fields: field[];
+}) => React.JSX.Element;
+export {};

package/dist-es/FxStyledComponents/index.js

@@ -0,0 +1,125 @@
+import React, { useMemo } from 'react';
+import { styled } from '@mui/material/styles';
+import { titleCase } from '@fixefy/fixefy-ui-utils';
+import { Paper, Link as MuiLink, Typography, Box, Grid } from '@mui/material';
+export const Card = styled(Paper)(({}) => ({
+    borderRadius: 8,
+    padding: 16,
+    // transition: "max-height 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
+    overflow: 'hidden',
+    position: 'relative',
+}));
+export const PageHeader = styled(Box)(({}) => ({
+    backgroundColor: '#E2EEF1',
+    width: '100%',
+    height: 220,
+    padding: 32,
+}));
+export const Label = styled(Typography)(({ theme }) => ({
+    ...theme.typography.overLineCaption,
+    color: theme.palette.statistics.label,
+}));
+export const BoldValue = styled(Typography)(({ theme }) => ({
+    ...theme.typography.subtitle2,
+    fontWeight: 700,
+    lineHeight: '16px',
+    color: theme.palette.typography.title,
+}));
+export const Value = styled(Typography)(({ theme }) => ({
+    ...theme.typography.body1,
+    fontFamily: theme.typography.fontFamily,
+    lineHeight: '20px',
+    color: theme.palette.typography.title,
+}));
+export const PageTitle = styled(Typography)(({ theme }) => ({
+    ...theme.typography.h4,
+    color: theme.palette.common.black,
+}));
+export const Link = styled(MuiLink)(({ theme }) => ({
+    ...theme.typography.body1,
+    lineHeight: '20px',
+    fontStyle: 'italic',
+    color: theme.palette.primary[500],
+    cursor: 'pointer',
+    textDecoration: 'none',
+}));
+export const Text = styled(Typography)(({ theme }) => ({
+    ...theme.typography.body1,
+    color: theme.palette.typography.title,
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
+    overflow: 'hidden',
+}));
+export const ShowMore = styled(Typography)(({ theme }) => ({
+    ...theme.typography.body1,
+    color: theme.palette.primary['500'],
+    fontWeight: 600,
+    fontSize: '12px',
+    letterSpacing: '0.5px',
+    lineHeight: '24px',
+    cursor: 'pointer',
+}));
+export const ShowMoreContainer = styled(Grid)(({ theme }) => ({
+    backgroundColor: theme.palette.common.white,
+    width: '100%',
+    display: 'flex',
+    justifyContent: 'center',
+    cursor: 'pointer',
+}));
+export const DataWrapper = ({ values = [], title, icon, columns = 4, cardStyle = {}, wrapperStyle = {}, }) => {
+    const normalizedValues = values.length % columns !== 0 ? [...values, ...new Array(columns - (values.length % columns))] : values;
+    const last4Items = normalizedValues.splice(-columns);
+    const containerColumns = columns === 5 ? 10 : 12;
+    return (React.createElement(Box, { sx: { ...wrapperStyle } },
+        (title || icon) && (React.createElement(Box, { display: 'flex', alignItems: 'center', sx: { ml: 2, mb: 1 } },
+            icon && icon,
+            title && React.createElement(BoldValue, { sx: { ml: 1 } }, titleCase(title)))),
+        React.createElement(Card, { elevation: 0, sx: { padding: 0, border: `1px solid #F0F0F0`, ...cardStyle } },
+            React.createElement(Grid, { container: true, columns: containerColumns },
+                normalizedValues.map((value, index) => {
+                    return (React.createElement(Grid, { sx: {
+                            minHeight: 74,
+                            padding: 2,
+                            borderRight: value && (index + 1) % columns !== 0 && `1px solid #F0F0F0`,
+                            borderBottom: value && `1px solid #F0F0F0`,
+                            display: 'flex',
+                            alignItems: 'center',
+                        }, item: true, key: index, xs: containerColumns / columns }, value && React.cloneElement(value)));
+                }),
+                last4Items.map((value, index) => {
+                    return (React.createElement(Grid, { sx: {
+                            minHeight: 74,
+                            padding: 2,
+                            borderRight: value && (index + 1) % columns !== 0 && `1px solid #F0F0F0`,
+                            display: 'flex',
+                            alignItems: 'center',
+                        }, item: true, key: index, xs: containerColumns / columns }, value && React.cloneElement(value)));
+                })))));
+};
+export const Bars = ({ fields }) => {
+    const max = useMemo(() => {
+        return fields.reduce((total, acc) => {
+            return acc.value > total ? acc.value : total;
+        }, 0);
+    }, [fields]);
+    const calculateTheValue = (value) => {
+        const calculatedValue = (value * 24) / max;
+        if (calculatedValue > 0 && calculatedValue < 2) {
+            return 2;
+        }
+        if (calculatedValue < 1) {
+            return 1;
+        }
+        return calculatedValue;
+    };
+    return (React.createElement("div", { style: { display: 'flex', alignItems: 'flex-end' } }, fields.map((field, index) => {
+        return (React.createElement("div", { key: index, style: {
+                width: 8,
+                borderRadius: '0.75px',
+                height: calculateTheValue(field.value),
+                backgroundColor: field.color,
+                marginRight: 2,
+            } }));
+    })));
+};
+//# sourceMappingURL=index.js.map

package/dist-es/FxStyledComponents/index.js.map

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

package/dist-es/FxTag/FxTag.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TagPropsType } from './fxtag_types';
+export declare const FxTag: ({ name, count }: TagPropsType) => React.JSX.Element;

package/dist-es/FxTag/FxTag.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Box } from '@mui/material';
+import { titleCase } from '@fixefy/fixefy-ui-utils/';
+import { StyledCount, StyledLabel, StyledTag } from './styles/tag.styles';
+export const FxTag = ({ name, count = 0 }) => (React.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "center", sx: { maxWidth: 'fit-content', mb: 1 } },
+    React.createElement(StyledTag, { name: name },
+        React.createElement(StyledLabel, null, titleCase(name))),
+    React.createElement(StyledCount, { name: name }, count)));
+//# sourceMappingURL=FxTag.js.map

package/dist-es/FxTag/FxTag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FxTag.js","sourceRoot":"","sources":["../../src/FxTag/FxTag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AAEnC,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAEzE,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,GAAG,CAAC,EAAgB,EAAE,EAAE,CAAC,CAC1D,oBAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,EAAE;IACpG,oBAAC,SAAS,IAAC,IAAI,EAAE,IAAI;QACnB,oBAAC,WAAW,QAAE,SAAS,CAAC,IAAI,CAAC,CAAe,CAClC;IACZ,oBAAC,WAAW,IAAC,IAAI,EAAE,IAAI,IAAG,KAAK,CAAe,CAC1C,CACP,CAAA"}

package/dist-es/FxTag/index.d.ts

@@ -0,0 +1,2 @@
+export { FxTag } from "./FxTag";
+export { TagPropsType } from "./fxtag_types";

package/dist-es/FxTag/index.js

@@ -0,0 +1,2 @@
+export { FxTag } from "./FxTag";
+//# sourceMappingURL=index.js.map

package/dist-es/FxTag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/FxTag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist-es/FxTag/styles/tag.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const StyledTag: StyledComponent<ComponentProps & AdditionalProps, SpecificComponentProps, JSXProps>;
+export declare const StyledLabel: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const StyledCount: StyledComponent<ComponentProps & AdditionalProps, SpecificComponentProps, JSXProps>;

package/dist-es/FxTag/styles/tag.styles.js

@@ -0,0 +1,25 @@
+import { styled } from '@mui/material/styles';
+import { Box, Typography } from '@mui/material';
+//
+export const StyledTag = styled(Box)(({ theme, name }) => ({
+    background: name === 'in_dispute' ? '#56CCF2' : name === '' ? '#BB6BD9' : theme.palette.reconcilation[name].background,
+    borderRadius: 8,
+    padding: '2px 8px',
+    border: `1px solid ${name === 'in_dispute' ? '#56CCF2' : name === '' ? '#BB6BD9' : theme.palette.reconcilation[name].border}`,
+    display: 'flex',
+    alignItems: 'center',
+    width: 'fit-content',
+}));
+export const StyledLabel = styled(Typography)(({ theme }) => ({
+    ...theme.typography.body1,
+    lineHeight: '20px',
+    color: theme.palette.common.white,
+}));
+export const StyledCount = styled(Typography)(({ theme, name }) => ({
+    ...theme.typography.subtitle2,
+    lineHeight: '16px',
+    fontWeight: 700,
+    color: name === 'in_dispute' ? '#56CCF2' : name === '' ? '#BB6BD9' : theme.palette.reconcilation[name].background,
+    marginLeft: 8,
+}));
+//# sourceMappingURL=tag.styles.js.map

package/dist-es/FxTag/styles/tag.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.styles.js","sourceRoot":"","sources":["../../../src/FxTag/styles/tag.styles.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC/C,EAAE;AACF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAmB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAC3E,UAAU,EAAE,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,UAAU;IACtH,YAAY,EAAE,CAAC;IACf,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,aAAa,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE;IAC7H,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,KAAK,EAAE,aAAa;CACrB,CAAC,CAAC,CAAA;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5D,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK;IACzB,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;CAClC,CAAC,CAAC,CAAA;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC,CAAmB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IACpF,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS;IAC7B,UAAU,EAAE,MAAM;IAClB,UAAU,EAAE,GAAG;IACf,KAAK,EAAE,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,UAAU;IACjH,UAAU,EAAE,CAAC;CACd,CAAC,CAAC,CAAA"}

package/dist-es/FxTextField/FxTextField.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TextFieldPropsType } from './text_field_types';
+export declare const FxTextField: ({ autoFocus, droppedItem, defaultValue, onChange, structure, endAdornment, startAdornment, required, helperText, error, errorText, disabled, }: TextFieldPropsType) => React.JSX.Element;
+export default FxTextField;