@fixefy/fixefy-ui-components 0.0.46 → 0.0.48

package/dist-cjs/FxShowMore/styles/show_more.styles.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledLabel = exports.StyledDivider = exports.StyledPopover = exports.ShowMoreIcon = exports.ShowMoreBtn = exports.ShowMoreWrapper = void 0;
+// import React from 'react'
+const styles_1 = require("@mui/material/styles");
+const material_1 = require("@mui/material");
+exports.ShowMoreWrapper = (0, styles_1.styled)(material_1.Box)(({}) => ({
+    borderRadius: '8px',
+}));
+exports.ShowMoreBtn = (0, styles_1.styled)(material_1.Button)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.button), { fontWeight: 600, fontSize: 12, textTransform: 'uppercase', color: theme.palette.primary[800], padding: 0, display: 'flex', justifyContent: 'flex-start', alignItems: 'center' })));
+exports.ShowMoreIcon = (0, styles_1.styled)(material_1.Box)(({ theme, isOpen }) => ({
+    width: 16,
+    height: 16,
+    color: theme.palette.primary[800],
+    borderRadius: '50%',
+    border: '1px solid',
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginRight: 8,
+    ['& svg']: {
+        width: 14,
+        height: 14,
+        color: theme.palette.primary[800],
+        transform: isOpen ? 'rotate(180deg)' : 'rotate(0deg)',
+        transition: 'all 0.5s',
+    },
+}));
+exports.StyledPopover = (0, styles_1.styled)(material_1.Popover)(({ theme }) => ({
+    ['.MuiPaper-root']: {
+        background: theme.palette.common.white,
+        boxShadow: '0px 0px 10px rgba(86, 135, 147, 0.3)',
+        borderRadius: 8,
+        padding: 24,
+        marginTop: 8,
+        minWidth: 226,
+        maxWidth: 328,
+    },
+}));
+exports.StyledDivider = (0, styles_1.styled)(material_1.Divider)(({}) => ({
+    marginTop: 8,
+    marginBottom: 8,
+}));
+exports.StyledLabel = (0, styles_1.styled)(material_1.Typography)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.overLineCaption), { color: '#8B9092' })));
+//# sourceMappingURL=show_more.styles.js.map

package/dist-cjs/FxShowMore/styles/show_more.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"show_more.styles.js","sourceRoot":"","sources":["../../../src/FxShowMore/styles/show_more.styles.ts"],"names":[],"mappings":";;;AAAA,4BAA4B;AAC5B,iDAA6C;AAE7C,4CAAyE;AAK5D,QAAA,eAAe,GAAG,IAAA,eAAM,EAAC,cAAG,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IAClD,YAAY,EAAE,KAAK;CACpB,CAAC,CAAC,CAAA;AAEU,QAAA,WAAW,GAAG,IAAA,eAAM,EAAC,iBAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,iCACpD,KAAK,CAAC,UAAU,CAAC,MAAM,KAC1B,UAAU,EAAE,GAAG,EACf,QAAQ,EAAE,EAAE,EACZ,aAAa,EAAE,WAAW,EAC1B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,EACjC,OAAO,EAAE,CAAC,EAEV,OAAO,EAAE,MAAM,EACf,cAAc,EAAE,YAAY,EAC5B,UAAU,EAAE,QAAQ,IACpB,CAAC,CAAA;AAEU,QAAA,YAAY,GAAG,IAAA,eAAM,EAAC,cAAG,CAAC,CAAmB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IAChF,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC;IACjC,YAAY,EAAE,KAAK;IACnB,MAAM,EAAE,WAAW;IAEnB,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;IAEpB,WAAW,EAAE,CAAC;IACd,CAAC,OAAO,CAAC,EAAE;QACT,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC;QAEjC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,cAAc;QACrD,UAAU,EAAE,UAAU;KACvB;CACF,CAAC,CAAC,CAAA;AAEU,QAAA,aAAa,GAAG,IAAA,eAAM,EAAC,kBAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC3D,CAAC,gBAAgB,CAAC,EAAE;QAClB,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;QACtC,SAAS,EAAE,sCAAsC;QACjD,YAAY,EAAE,CAAC;QACf,OAAO,EAAE,EAAE;QACX,SAAS,EAAE,CAAC;QAEZ,QAAQ,EAAE,GAAG;QACb,QAAQ,EAAE,GAAG;KACd;CACF,CAAC,CAAC,CAAA;AACU,QAAA,aAAa,GAAG,IAAA,eAAM,EAAC,kBAAO,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IACpD,SAAS,EAAE,CAAC;IACZ,YAAY,EAAE,CAAC;CAChB,CAAC,CAAC,CAAA;AACU,QAAA,WAAW,GAAG,IAAA,eAAM,EAAC,qBAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,iCACxD,KAAK,CAAC,UAAU,CAAC,eAAe,KACnC,KAAK,EAAE,SAAS,IAChB,CAAC,CAAA"}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { SliderPropsType } from './slider_types';
+export declare function FxSlider(props: SliderPropsType): React.JSX.Element;

package/dist-cjs/FxSlider/FxSlider.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FxSlider = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const material_1 = require("@mui/material");
+function FxSlider(props) {
+    return react_1.default.createElement(material_1.Slider, Object.assign({}, props));
+}
+exports.FxSlider = FxSlider;
+//# sourceMappingURL=FxSlider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FxSlider.js","sourceRoot":"","sources":["../../src/FxSlider/FxSlider.tsx"],"names":[],"mappings":";;;;AAAA,0DAAyB;AACzB,4CAAiD;AAIjD,SAAgB,QAAQ,CAAC,KAAsB;IAC7C,OAAO,8BAAC,iBAAO,oBAAK,KAAK,EAAI,CAAA;AAC/B,CAAC;AAFD,4BAEC"}

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

@@ -0,0 +1,2 @@
+export { FxSlider } from './FxSlider';
+export type { SliderPropsType } from './slider_types';

package/dist-cjs/FxSlider/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/FxSlider/index.ts"],"names":[],"mappings":";;;AAAA,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA"}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { StatisticsPropsType } from './statistics_bar_types';
+export declare function FxStatisticsBar({ value, type, label, structure, collapsed, filter }: StatisticsPropsType): React.JSX.Element;

package/dist-cjs/FxStatisticsBar/FxStatisticsBar.js

@@ -0,0 +1,96 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FxStatisticsBar = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const graphql_tag_1 = require("graphql-tag");
+const client_1 = require("@apollo/client");
+const material_1 = require("@mui/material");
+const fixefy_ui_utils_1 = require("@fixefy/fixefy-ui-utils");
+const fixefy_ui_utils_2 = require("@fixefy/fixefy-ui-utils");
+const statistics_styles_1 = require("./styles/statistics.styles");
+function FxStatisticsBar({ value, type = 'currency', label, structure, collapsed, filter }) {
+    const _classes = (0, statistics_styles_1.useStyles)();
+    const { extended, input_type, title } = structure || {};
+    const { gql_operation, object_path, filter: structurefilter, variables } = extended || {};
+    const gqlOperation = gql_operation !== null && gql_operation !== void 0 ? gql_operation : 'query GET_SCORE($where: Json) { score: chargesAvg( where: $where data: { fields: ["score"], fragment: "{ score }" } ) }';
+    let _filter = structurefilter;
+    if (filter) {
+        _filter = Object.assign(Object.assign({}, _filter), filter);
+    }
+    const [fetchData, { data, loading }] = (0, client_1.useLazyQuery)((0, graphql_tag_1.gql)(gqlOperation));
+    const convertValue = (value) => {
+        var _a;
+        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: ((_a = (0, fixefy_ui_utils_2.getCurrency)(null)) === null || _a === void 0 ? void 0 : _a.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) => {
+        var _a;
+        const statisticsType = (input_type === null || input_type === void 0 ? void 0 : 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: ((_a = (0, fixefy_ui_utils_2.getCurrency)(null)) === null || _a === void 0 ? void 0 : _a.code.toUpperCase()) || 'USD',
+                    }).format(Number(value));
+                }
+            }
+            default:
+                return value;
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        if (!value && structure) {
+            fetchData({
+                variables: {
+                    where: Object.assign({}, _filter),
+                },
+            });
+        }
+    }, []);
+    const statisticsTitle = label ? label : title;
+    const statisticsValue = data && data[object_path] != null ? getValue(data[object_path]) : getValue(value);
+    return loading ? (react_1.default.createElement(material_1.Box, { sx: { width: 100 } },
+        react_1.default.createElement(material_1.Skeleton, { animation: "wave", width: 100, height: 30 }),
+        react_1.default.createElement(material_1.Skeleton, { animation: "wave", width: 100, height: 20 }))) : (react_1.default.createElement("div", { className: _classes.container },
+        react_1.default.createElement("span", { className: (variables === null || variables === void 0 ? void 0 : variables.contrast) ? _classes.contrastValue : _classes.value }, statisticsValue),
+        react_1.default.createElement("span", { className: (variables === null || variables === void 0 ? void 0 : variables.contrast) ? _classes.contrastLabel : _classes.label }, (0, fixefy_ui_utils_1.titleCase)(statisticsTitle))));
+}
+exports.FxStatisticsBar = FxStatisticsBar;
+//# sourceMappingURL=FxStatisticsBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FxStatisticsBar.js","sourceRoot":"","sources":["../../src/FxStatisticsBar/FxStatisticsBar.tsx"],"names":[],"mappings":";;;;AAAA,uDAAwC;AAExC,6CAAiC;AACjC,2CAA6C;AAC7C,4CAA6C;AAC7C,6DAAmD;AACnD,6DAAqD;AACrD,kEAAsD;AAItD,SAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,IAAI,GAAG,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAuB;IACpH,MAAM,QAAQ,GAAG,IAAA,6BAAS,GAAE,CAAA;IAC5B,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,SAAS,IAAI,EAAE,CAAA;IACvD,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE,GAAG,QAAQ,IAAI,EAAE,CAAA;IAEzF,MAAM,YAAY,GAAG,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,yHAAyH,CAAA;IAE/J,IAAI,OAAO,GAAG,eAAe,CAAA;IAE7B,IAAI,MAAM,EAAE,CAAC;QACX,OAAO,mCACF,OAAO,GACP,MAAM,CACV,CAAA;IACH,CAAC;IAED,MAAM,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,GAAG,IAAA,qBAAY,EAAC,IAAA,iBAAG,EAAC,YAAY,CAAC,CAAC,CAAA;IAEtE,MAAM,YAAY,GAAG,CAAC,KAAU,EAAE,EAAE;;QAClC,IAAI,QAAQ,GAAG,EAAE,CAAA;QACjB,IAAI,IAAI,GAAG,EAAE,CAAA;QACb,IAAI,KAAK,GAAG,IAAI,EAAE,CAAC;YACjB,QAAQ,GAAG,KAAK,CAAA;QAClB,CAAC;aAAM,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,GAAG,OAAO,EAAE,CAAC;YAC5C,QAAQ,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;YACpC,IAAI,GAAG,GAAG,CAAA;QACZ,CAAC;aAAM,CAAC;YACN,QAAQ,GAAG,CAAC,KAAK,GAAG,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;YACvC,IAAI,GAAG,GAAG,CAAA;QACZ,CAAC;QAED,OAAO,CACL,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;YAC7B,KAAK,EAAE,UAAU;YACjB,QAAQ,EAAE,CAAA,MAAA,IAAA,6BAAW,EAAC,IAAI,CAAC,0CAAE,IAAI,CAAC,WAAW,EAAE,KAAI,KAAK;SACzD,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,IAAI,CACnC,CAAA;IACH,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,IAAI,+BAA+B,GAAG,KAAK,CAAA;QAE3C,IAAI,SAAS,IAAI,SAAS,CAAC,SAAS,KAAK,SAAS,IAAI,SAAS,CAAC,SAAS,KAAK,IAAI,EAAE,CAAC;YACnF,+BAA+B,GAAG,IAAI,CAAA;QACxC,CAAC;QAED,IAAI,+BAA+B,EAAE,CAAC;YACpC,OAAO,SAAS,CAAC,SAAS,CAAA;QAC5B,CAAC;aAAM,CAAC;YACN,OAAO,SAAS,CAAA;QAClB,CAAC;IACH,CAAC,CAAA;IAED,MAAM,QAAQ,GAAG,CAAC,KAAU,EAAE,EAAE;;QAC9B,MAAM,cAAc,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,KAAI,IAAI,CAAA;QAChD,QAAQ,cAAc,EAAE,CAAC;YACvB,KAAK,YAAY,CAAC,CAAC,CAAC;gBAClB,OAAO,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;oBACpC,KAAK,EAAE,SAAS;iBACjB,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAA;YAC1B,CAAC;YACD,KAAK,UAAU,CAAC,CAAC,CAAC;gBAChB,IAAI,gBAAgB,EAAE,EAAE,CAAC;oBACvB,OAAO,YAAY,CAAC,KAAK,CAAC,CAAA;gBAC5B,CAAC;qBAAM,CAAC;oBACN,OAAO,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;wBACpC,KAAK,EAAE,UAAU;wBACjB,QAAQ,EAAE,CAAA,MAAA,IAAA,6BAAW,EAAC,IAAI,CAAC,0CAAE,IAAI,CAAC,WAAW,EAAE,KAAI,KAAK;qBACzD,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAA;gBAC1B,CAAC;YACH,CAAC;YACD;gBACE,OAAO,KAAK,CAAA;QAChB,CAAC;IACH,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,IAAI,SAAS,EAAE,CAAC;YACxB,SAAS,CAAC;gBACR,SAAS,EAAE;oBACT,KAAK,oBAAO,OAAO,CAAE;iBACtB;aACF,CAAC,CAAA;QACJ,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,eAAe,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAA;IAC7C,MAAM,eAAe,GAAG,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEzG,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,8BAAC,cAAG,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE;QACrB,8BAAC,mBAAQ,IAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,GAAI;QACrD,8BAAC,mBAAQ,IAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,GAAI,CACjD,CACP,CAAC,CAAC,CAAC,CACF,uCAAK,SAAS,EAAE,QAAQ,CAAC,SAAS;QAChC,wCAAM,SAAS,EAAE,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,EAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,IAAG,eAAe,CAAQ;QACxG,wCAAM,SAAS,EAAE,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,EAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,IAAG,IAAA,2BAAS,EAAC,eAAe,CAAC,CAAQ,CAC/G,CACP,CAAA;AACH,CAAC;AApGD,0CAoGC"}

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

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

package/dist-cjs/FxStatisticsBar/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/FxStatisticsBar/index.ts"],"names":[],"mappings":";;;AAAA,qDAAmD;AAA1C,kHAAA,eAAe,OAAA"}

package/dist-cjs/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-cjs/FxStatisticsBar/styles/statistics.styles.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+const styles_1 = require("@mui/styles");
+require("@fixefy/fixefy-ui-utils");
+exports.useStyles = (0, styles_1.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: Object.assign(Object.assign({}, theme.typography.table), { color: theme.palette.statistics.label, textOverflow: 'ellipsis', whiteSpace: 'nowrap' }),
+    value: Object.assign(Object.assign({}, theme.typography.h5), { color: theme.palette.statistics.value }),
+}));
+//# sourceMappingURL=statistics.styles.js.map

package/dist-cjs/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,wCAAwC;AAGxC,mCAAgC;AAEnB,QAAA,SAAS,GAAG,IAAA,mBAAU,EAAC,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,kCACA,KAAK,CAAC,UAAU,CAAC,KAAK,KACzB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,EACrC,YAAY,EAAE,UAAU,EACxB,UAAU,EAAE,QAAQ,GACrB;IACD,KAAK,kCACA,KAAK,CAAC,UAAU,CAAC,EAAE,KACtB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,GACtC;CACF,CAAC,CAAC,CAAA"}

package/dist-cjs/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-cjs/FxStatusBar/FxStatusBar.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FxStatusBar = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const material_1 = require("@mui/material");
+const FxChip_1 = require("../FxChip");
+const constants_1 = require("./helpers/constants");
+const fixefy_ui_utils_1 = require("@fixefy/fixefy-ui-utils");
+const statusBar_styles_1 = require("./styles/statusBar.styles");
+const FxStatusBar = ({ onChangeStatus, onSearch, defaultStatus, title, options, chipsVariant = 'filled' }) => {
+    const [selectedStatus, setSelectedStatus] = (0, react_1.useState)([]);
+    const [searchValue] = (0, react_1.useState)('');
+    (0, react_1.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];
+                }
+            });
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        onChangeStatus(selectedStatus);
+    }, [selectedStatus]);
+    (0, react_1.useEffect)(() => {
+        onSearch && onSearch(searchValue);
+    }, [searchValue]);
+    const __options = options !== null && options !== void 0 ? options : constants_1.statuses;
+    return (react_1.default.createElement(statusBar_styles_1.StatusBarCard, null,
+        title && react_1.default.createElement(statusBar_styles_1.StatusBarTitle, { style: { marginRight: '8px' } }, (0, fixefy_ui_utils_1.titleCase)(title)),
+        react_1.default.createElement(material_1.Stack, { direction: "row", spacing: 1 },
+            react_1.default.createElement(statusBar_styles_1.StatusChipStyled, { onClick: () => onStatusClick('all'), label: "All", variant: selectedStatus.includes('all') ? 'filled' : 'outlined' }),
+            Object.keys(__options).map((key, index) => {
+                return react_1.default.createElement(FxChip_1.FxChip, { onClick: () => onStatusClick(__options[key]), key: index, label: (0, fixefy_ui_utils_1.titleCase)(key), variant: chipsVariant, status: selectedStatus.includes(__options[key]) ? __options[key] : '' });
+            }))));
+};
+exports.FxStatusBar = FxStatusBar;
+//# sourceMappingURL=FxStatusBar.js.map

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

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

package/dist-cjs/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-cjs/FxStatusBar/helpers/constants.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.statuses = void 0;
+exports.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-cjs/FxStatusBar/helpers/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/FxStatusBar/helpers/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,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-cjs/FxStatusBar/index.d.ts

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

package/dist-cjs/FxStatusBar/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/FxStatusBar/index.ts"],"names":[],"mappings":";;;AAAA,6CAA2C;AAAlC,0GAAA,WAAW,OAAA"}

package/dist-cjs/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-cjs/FxStatusBar/styles/statusBar.styles.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatusChipStyled = exports.StatusBarTitle = exports.StatusBarCard = void 0;
+const styles_1 = require("@mui/material/styles");
+const material_1 = require("@mui/material");
+exports.StatusBarCard = (0, styles_1.styled)(material_1.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",
+}));
+exports.StatusBarTitle = (0, styles_1.styled)("span")(({ theme }) => (Object.assign(Object.assign({}, theme.typography.body1), { color: theme.palette.common.black })));
+exports.StatusChipStyled = (0, styles_1.styled)(material_1.Chip)(({ 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-cjs/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,iDAA8C;AAC9C,4CAAqD;AAExC,QAAA,aAAa,GAAG,IAAA,eAAM,EAAC,cAAG,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;AAES,QAAA,cAAc,GAAG,IAAA,eAAM,EAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,iCACxD,KAAK,CAAC,UAAU,CAAC,KAAK,KACzB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,IAChC,CAAC,CAAC;AAES,QAAA,gBAAgB,GAAG,IAAA,eAAM,EAAC,eAAO,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-cjs/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-cjs/FxStyledComponents/index.js

@@ -0,0 +1,94 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Bars = exports.DataWrapper = exports.ShowMoreContainer = exports.ShowMore = exports.Text = exports.Link = exports.PageTitle = exports.Value = exports.BoldValue = exports.Label = exports.PageHeader = exports.Card = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const styles_1 = require("@mui/material/styles");
+const fixefy_ui_utils_1 = require("@fixefy/fixefy-ui-utils");
+const material_1 = require("@mui/material");
+exports.Card = (0, styles_1.styled)(material_1.Paper)(({}) => ({
+    borderRadius: 8,
+    padding: 16,
+    // transition: "max-height 1000ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
+    overflow: 'hidden',
+    position: 'relative',
+}));
+exports.PageHeader = (0, styles_1.styled)(material_1.Box)(({}) => ({
+    backgroundColor: '#E2EEF1',
+    width: '100%',
+    height: 220,
+    padding: 32,
+}));
+exports.Label = (0, styles_1.styled)(material_1.Typography)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.overLineCaption), { color: theme.palette.statistics.label })));
+exports.BoldValue = (0, styles_1.styled)(material_1.Typography)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.subtitle2), { fontWeight: 700, lineHeight: '16px', color: theme.palette.typography.title })));
+exports.Value = (0, styles_1.styled)(material_1.Typography)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.body1), { fontFamily: theme.typography.fontFamily, lineHeight: '20px', color: theme.palette.typography.title })));
+exports.PageTitle = (0, styles_1.styled)(material_1.Typography)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.h4), { color: theme.palette.common.black })));
+exports.Link = (0, styles_1.styled)(material_1.Link)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.body1), { lineHeight: '20px', fontStyle: 'italic', color: theme.palette.primary[500], cursor: 'pointer', textDecoration: 'none' })));
+exports.Text = (0, styles_1.styled)(material_1.Typography)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.body1), { color: theme.palette.typography.title, textOverflow: 'ellipsis', whiteSpace: 'nowrap', overflow: 'hidden' })));
+exports.ShowMore = (0, styles_1.styled)(material_1.Typography)(({ theme }) => (Object.assign(Object.assign({}, theme.typography.body1), { color: theme.palette.primary['500'], fontWeight: 600, fontSize: '12px', letterSpacing: '0.5px', lineHeight: '24px', cursor: 'pointer' })));
+exports.ShowMoreContainer = (0, styles_1.styled)(material_1.Grid)(({ theme }) => ({
+    backgroundColor: theme.palette.common.white,
+    width: '100%',
+    display: 'flex',
+    justifyContent: 'center',
+    cursor: 'pointer',
+}));
+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_1.default.createElement(material_1.Box, { sx: Object.assign({}, wrapperStyle) },
+        (title || icon) && (react_1.default.createElement(material_1.Box, { display: 'flex', alignItems: 'center', sx: { ml: 2, mb: 1 } },
+            icon && icon,
+            title && react_1.default.createElement(exports.BoldValue, { sx: { ml: 1 } }, (0, fixefy_ui_utils_1.titleCase)(title)))),
+        react_1.default.createElement(exports.Card, { elevation: 0, sx: Object.assign({ padding: 0, border: `1px solid #F0F0F0` }, cardStyle) },
+            react_1.default.createElement(material_1.Grid, { container: true, columns: containerColumns },
+                normalizedValues.map((value, index) => {
+                    return (react_1.default.createElement(material_1.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_1.default.cloneElement(value)));
+                }),
+                last4Items.map((value, index) => {
+                    return (react_1.default.createElement(material_1.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_1.default.cloneElement(value)));
+                })))));
+};
+exports.DataWrapper = DataWrapper;
+const Bars = ({ fields }) => {
+    const max = (0, react_1.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_1.default.createElement("div", { style: { display: 'flex', alignItems: 'flex-end' } }, fields.map((field, index) => {
+        return (react_1.default.createElement("div", { key: index, style: {
+                width: 8,
+                borderRadius: '0.75px',
+                height: calculateTheValue(field.value),
+                backgroundColor: field.color,
+                marginRight: 2,
+            } }));
+    })));
+};
+exports.Bars = Bars;
+//# sourceMappingURL=index.js.map

package/dist-cjs/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-cjs/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-cjs/FxTag/FxTag.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FxTag = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const material_1 = require("@mui/material");
+const fixefy_ui_utils_1 = require("@fixefy/fixefy-ui-utils/");
+const tag_styles_1 = require("./styles/tag.styles");
+const FxTag = ({ name, count = 0 }) => (react_1.default.createElement(material_1.Box, { display: "flex", alignItems: "center", justifyContent: "center", sx: { maxWidth: 'fit-content', mb: 1 } },
+    react_1.default.createElement(tag_styles_1.StyledTag, { name: name },
+        react_1.default.createElement(tag_styles_1.StyledLabel, null, (0, fixefy_ui_utils_1.titleCase)(name))),
+    react_1.default.createElement(tag_styles_1.StyledCount, { name: name }, count)));
+exports.FxTag = FxTag;
+//# sourceMappingURL=FxTag.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FxTag.js","sourceRoot":"","sources":["../../src/FxTag/FxTag.tsx"],"names":[],"mappings":";;;;AAAA,0DAAyB;AACzB,4CAAmC;AAEnC,8DAAoD;AACpD,oDAAyE;AAElE,MAAM,KAAK,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,GAAG,CAAC,EAAgB,EAAE,EAAE,CAAC,CAC1D,8BAAC,cAAG,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,8BAAC,sBAAS,IAAC,IAAI,EAAE,IAAI;QACnB,8BAAC,wBAAW,QAAE,IAAA,2BAAS,EAAC,IAAI,CAAC,CAAe,CAClC;IACZ,8BAAC,wBAAW,IAAC,IAAI,EAAE,IAAI,IAAG,KAAK,CAAe,CAC1C,CACP,CAAA;AAPY,QAAA,KAAK,SAOjB"}

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

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