@fixefy/fixefy-ui-components 0.0.10 → 0.0.13

package/dist-es/FxNumberField/styles/number_field.styles.js

@@ -0,0 +1,85 @@
+import { makeStyles } from '@mui/styles';
+export const useStyles = makeStyles(() => ({
+    container: {},
+    label: {
+        fontFamily: 'Open Sans',
+        fontStyle: 'normal',
+        fontWeight: 'normal',
+        fontSize: 11,
+        lineHeight: '16px',
+        letterSpacing: 0.1,
+        color: '#505050',
+    },
+    hint: {
+        fontStyle: 'normal',
+        fontWeight: 'normal',
+        fontSize: 11,
+        lineHeight: '16px',
+        display: 'flex',
+        alignItems: 'center',
+        letterSpacing: 0.1,
+        color: '#8A8A8A',
+    },
+    inputWrapper: {
+        background: '#FFFFFF',
+        border: '1px solid #EEEEEE',
+        borderRadius: 5,
+        height: 40,
+        display: 'flex',
+        width: 'fit-content',
+        ['& input']: {
+            border: 'none',
+            paddingLeft: 10,
+            borderRadius: 5,
+            ['&:focus-visible']: {
+                outline: 'none',
+            },
+            ['&::-webkit-inner-spin-button']: {
+                '-webkit-appearance': 'none',
+            },
+            ['&::-webkit-outer-spin-button']: {
+                '-webkit-appearance': 'none',
+            },
+        },
+    },
+    inputActions: {
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    inputActionsPlus: {
+        cursor: 'pointer',
+        background: '#FFFFFF',
+        height: '50%',
+        padding: 0,
+        width: 36,
+        border: 'none',
+        borderLeft: '1px solid #EEEEEE',
+        borderBottom: '1px solid #EEEEEE',
+        borderRadius: '0 5px 0 0',
+        color: '#568793',
+        ['& svg']: {
+            transform: 'rotate(270deg)',
+            width: 20,
+            height: 20,
+        },
+    },
+    inputActionsMinus: {
+        cursor: 'pointer',
+        background: '#FFFFFF',
+        height: '50%',
+        padding: 0,
+        width: 36,
+        border: 'none',
+        borderLeft: '1px solid #EEEEEE',
+        borderRadius: '0 0 5px 0',
+        color: '#568793',
+        ['& svg']: {
+            transform: 'rotate(90deg)',
+            width: 20,
+            height: 20,
+        },
+    },
+}));
+//# sourceMappingURL=number_field.styles.js.map

package/dist-es/FxNumberField/styles/number_field.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number_field.styles.js","sourceRoot":"","sources":["../../../src/FxNumberField/styles/number_field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAExC,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC;IACzC,SAAS,EAAE,EAAE;IACb,KAAK,EAAE;QACL,UAAU,EAAE,WAAW;QACvB,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,aAAa,EAAE,GAAG;QAClB,KAAK,EAAE,SAAS;KACjB;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,aAAa,EAAE,GAAG;QAClB,KAAK,EAAE,SAAS;KACjB;IACD,YAAY,EAAE;QACZ,UAAU,EAAE,SAAS;QACrB,MAAM,EAAE,mBAAmB;QAC3B,YAAY,EAAE,CAAC;QACf,MAAM,EAAE,EAAE;QACV,OAAO,EAAE,MAAM;QACf,KAAK,EAAE,aAAa;QACpB,CAAC,SAAS,CAAC,EAAE;YACX,MAAM,EAAE,MAAM;YACd,WAAW,EAAE,EAAE;YACf,YAAY,EAAE,CAAC;YACf,CAAC,iBAAiB,CAAC,EAAE;gBACnB,OAAO,EAAE,MAAM;aAChB;YACD,CAAC,8BAA8B,CAAC,EAAE;gBAChC,oBAAoB,EAAE,MAAM;aAC7B;YACD,CAAC,8BAA8B,CAAC,EAAE;gBAChC,oBAAoB,EAAE,MAAM;aAC7B;SACF;KACF;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,gBAAgB,EAAE;QAChB,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,SAAS;QACrB,MAAM,EAAE,KAAK;QACb,OAAO,EAAE,CAAC;QACV,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,mBAAmB;QAC/B,YAAY,EAAE,mBAAmB;QACjC,YAAY,EAAE,WAAW;QACzB,KAAK,EAAE,SAAS;QAChB,CAAC,OAAO,CAAC,EAAE;YACT,SAAS,EAAE,gBAAgB;YAC3B,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;SACX;KACF;IACD,iBAAiB,EAAE;QACjB,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,SAAS;QACrB,MAAM,EAAE,KAAK;QACb,OAAO,EAAE,CAAC;QACV,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,mBAAmB;QAC/B,YAAY,EAAE,WAAW;QACzB,KAAK,EAAE,SAAS;QAChB,CAAC,OAAO,CAAC,EAAE;YACT,SAAS,EAAE,eAAe;YAC1B,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;SACX;KACF;CACF,CAAC,CAAC,CAAA"}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ProgressCirclePropsType } from './progress_circle_types';
+export declare const FxProgressCircle: ({ radius, border, value, hasLabel, max, color, type }: ProgressCirclePropsType) => React.JSX.Element;

package/dist-es/FxProgressCircle/FxProgressCircle.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { Container, Label, Slider, SliderCircle, SliderBar } from './styles/progress_circle.styles';
+export const FxProgressCircle = ({ radius = 70, border = 70, value, hasLabel = true, max = 100, color, type = 'progress' }) => {
+    const _value = value ? value / max : 0;
+    const p = 2 * Math.PI * (radius - border / 2);
+    const strokeWidth = border;
+    const strokeDashoffset = p * (1 - _value);
+    const strokeDasharray = p;
+    const label = type === 'progress' ? `${value}/${max}` : `${value.toFixed()}%`;
+    return (React.createElement(Container, null,
+        hasLabel && type === 'progress' && React.createElement(Label, null, label),
+        React.createElement(Slider
+        // ref={(potar) => (potar = potar)}
+        , { 
+            // ref={(potar) => (potar = potar)}
+            viewBox: `0 0 ${radius * 2} ${radius * 2}` },
+            React.createElement(SliderCircle, { style: { strokeWidth }, r: radius - border / 2, cx: radius, cy: radius, color: color }),
+            React.createElement(SliderBar, { style: {
+                    strokeWidth,
+                    strokeDashoffset,
+                    strokeDasharray,
+                }, r: radius - border / 2, cx: radius, cy: radius, color: color })),
+        hasLabel && type === 'percentage' && React.createElement(Label, { sx: { ml: 1 } }, label)));
+};
+//# sourceMappingURL=FxProgressCircle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FxProgressCircle.js","sourceRoot":"","sources":["../../src/FxProgressCircle/FxProgressCircle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAA;AAGnG,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,MAAM,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,GAAG,IAAI,EAAE,GAAG,GAAG,GAAG,EAAE,KAAK,EAAE,IAAI,GAAG,UAAU,EAA2B,EAAE,EAAE;IACrJ,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;IACtC,MAAM,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,CAAC,CAAC,CAAA;IAE7C,MAAM,WAAW,GAAG,MAAM,CAAA;IAC1B,MAAM,gBAAgB,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,CAAA;IACzC,MAAM,eAAe,GAAG,CAAC,CAAA;IAEzB,MAAM,KAAK,GAAG,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,EAAE,GAAG,CAAA;IAE7E,OAAO,CACL,oBAAC,SAAS;QACP,QAAQ,IAAI,IAAI,KAAK,UAAU,IAAI,oBAAC,KAAK,QAAE,KAAK,CAAS;QAC1D,oBAAC,MAAM;QACL,mCAAmC;;YAAnC,mCAAmC;YACnC,OAAO,EAAE,OAAO,MAAM,GAAG,CAAC,IAAI,MAAM,GAAG,CAAC,EAAE;YAG1C,oBAAC,YAAY,IAAC,KAAK,EAAE,EAAE,WAAW,EAAE,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAI;YAEtG,oBAAC,SAAS,IACR,KAAK,EAAE;oBACL,WAAW;oBACX,gBAAgB;oBAChB,eAAe;iBAChB,EACD,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,EACtB,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,KAAK,EAAE,KAAK,GACZ,CACK;QACR,QAAQ,IAAI,IAAI,KAAK,YAAY,IAAI,oBAAC,KAAK,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAG,KAAK,CAAS,CACjE,CACb,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,2 @@
+export { FxProgressCircle } from './FxProgressCircle';
+export type { ProgressCirclePropsType } from './progress_circle_types';

package/dist-es/FxProgressCircle/index.js

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

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

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

package/dist-es/FxProgressCircle/styles/progress_circle.styles.d.ts

@@ -0,0 +1,5 @@
+export declare const Container: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const Label: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const Slider: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const SliderCircle: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const SliderBar: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;

package/dist-es/FxProgressCircle/styles/progress_circle.styles.js

@@ -0,0 +1,29 @@
+import { styled } from "@mui/material/styles";
+export const Container = styled("div")(({}) => ({
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+}));
+export const Label = styled("span")(({ theme }) => ({
+    ...theme.typography.body1,
+    color: theme.palette.typography.title,
+    marginRight: 8,
+}));
+export const Slider = styled("svg")(({}) => ({
+    display: "block",
+    width: 22,
+    height: 22,
+    transform: "rotate(-90deg)",
+}));
+export const SliderCircle = styled("circle")(({ theme, color }) => ({
+    fill: "transparent",
+    stroke: color ?? theme.palette.green2scale.main,
+    opacity: 0.1,
+}));
+export const SliderBar = styled("circle")(({ theme, color }) => ({
+    fill: "transparent",
+    stroke: color ?? theme.palette.green2scale.main,
+    strokeDashoffset: 0,
+    strokeDasharray: 0,
+}));
+//# sourceMappingURL=progress_circle.styles.js.map

package/dist-es/FxProgressCircle/styles/progress_circle.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress_circle.styles.js","sourceRoot":"","sources":["../../../src/FxProgressCircle/styles/progress_circle.styles.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAI,EAAE,EAAE,CAAC,CAAC;IACjD,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;CACxB,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACnD,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK;IACzB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;IACrC,WAAW,EAAE,CAAC;CACd,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAI,EAAE,EAAE,CAAC,CAAC;IAC9C,OAAO,EAAE,OAAO;IAChB,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,SAAS,EAAE,gBAAgB;CAC3B,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACnE,IAAI,EAAE,aAAa;IACnB,MAAM,EAAE,KAAK,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI;IAC/C,OAAO,EAAE,GAAG;CACZ,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAChE,IAAI,EAAE,aAAa;IACnB,MAAM,EAAE,KAAK,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI;IAC/C,gBAAgB,EAAE,CAAC;IACnB,eAAe,EAAE,CAAC;CAClB,CAAC,CAAC,CAAC"}

package/dist-es/FxProgressCounter/ProgressCounter.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ProgressCounterPropsType } from './progress_counter_types';
+export declare function FxProgressCounter({ values, structure, filter, ...rest }: ProgressCounterPropsType): React.JSX.Element;

package/dist-es/FxProgressCounter/ProgressCounter.js

@@ -0,0 +1,50 @@
+// @ts-nocheck
+import React from 'react';
+import { Box, Typography } from '@mui/material';
+import { imageLoader } from '@fixefy/fxutils.images';
+import { Container, ProgressContainer, MainBar, BackgroundBar } from './styles/progress_counter.styles';
+import Image from 'next/image';
+export function FxProgressCounter({ values, structure, filter, ...rest }) {
+    // const { extended, title } = structure ?? {};
+    // const {
+    // 	gql_operation,
+    // 	object_path: objectPath,
+    // 	title_path: titlePath,
+    // 	filter: structureFilter,
+    // } = extended ?? {};
+    const initialValues = {
+        count: values?.count ?? 0,
+        current: values?.current ?? 0,
+    };
+    // let _filter = structureFilter;
+    // if (filter) {
+    //   _filter = {
+    //     ..._filter,
+    //     ...filter,
+    //   };
+    // }
+    // const { data, error, loading } = useQuery(gql(gql_operation), {
+    //   variables: {
+    //     where: { ..._filter },
+    //   },
+    // });
+    const normalizeNumber = (number) => {
+        return (number / initialValues.count) * 100;
+    };
+    return (React.createElement(Container, null,
+        React.createElement(Box, { position: 'relative', textAlign: 'center', justifyContent: 'center', mt: 1.2 },
+            React.createElement(Image, { alt: 'approve', width: 16, height: 16, loader: () => imageLoader({
+                    root: 'https://cdn-dev.fixefy.me/',
+                    src: 'invoices/approve-small-white.svg',
+                }), src: 'invoices/approve-small-white.svg', onLoad: () => console.log('loaded'), onError: (e) => console.log('error:', e) }),
+            React.createElement(Box, { mt: 0.5 },
+                React.createElement(Typography, { fontSize: 19, fontWeight: 600 },
+                    initialValues.current,
+                    "/",
+                    initialValues.count)),
+            React.createElement(Typography, { fontSize: 11, sx: { opacity: 0.6 } }, "Charges")),
+        React.createElement(ProgressContainer, null,
+            React.createElement(MainBar, { variant: "determinate", value: normalizeNumber(initialValues.current), color: 'inherit', ...rest }),
+            React.createElement(BackgroundBar, { variant: "determinate", value: initialValues.count > 100 ? 100 : initialValues.count, color: 'inherit', ...rest }))));
+}
+//# sourceMappingURL=ProgressCounter.js.map

package/dist-es/FxProgressCounter/ProgressCounter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressCounter.js","sourceRoot":"","sources":["../../src/FxProgressCounter/ProgressCounter.tsx"],"names":[],"mappings":"AAAA,cAAc;AACd,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEpD,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEvG,OAAO,KAAK,MAAM,YAAY,CAAA;AAE9B,MAAM,UAAU,iBAAiB,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,EAA4B;IAChG,+CAA+C;IAC/C,UAAU;IACV,kBAAkB;IAClB,4BAA4B;IAC5B,0BAA0B;IAC1B,4BAA4B;IAC5B,sBAAsB;IACtB,MAAM,aAAa,GAAG;QACpB,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;QACzB,OAAO,EAAE,MAAM,EAAE,OAAO,IAAI,CAAC;KAC9B,CAAA;IAED,iCAAiC;IAEjC,gBAAgB;IAChB,gBAAgB;IAChB,kBAAkB;IAClB,iBAAiB;IACjB,OAAO;IACP,IAAI;IAEJ,kEAAkE;IAClE,iBAAiB;IACjB,6BAA6B;IAC7B,OAAO;IACP,MAAM;IAEN,MAAM,eAAe,GAAG,CAAC,MAAM,EAAE,EAAE;QACjC,OAAO,CAAC,MAAM,GAAG,aAAa,CAAC,KAAK,CAAC,GAAG,GAAG,CAAA;IAC7C,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,SAAS;QAIR,oBAAC,GAAG,IAAC,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG;YAC/E,oBAAC,KAAK,IACJ,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,MAAM,EAAE,GAAG,EAAE,CACX,WAAW,CAAC;oBACV,IAAI,EAAE,4BAA4B;oBAClC,GAAG,EAAE,kCAAkC;iBACxC,CAAQ,EAEX,GAAG,EAAE,kCAAkC,EACvC,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,EACnC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC,GACxC;YAEF,oBAAC,GAAG,IAAC,EAAE,EAAE,GAAG;gBACV,oBAAC,UAAU,IAAC,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG;oBACtC,aAAa,CAAC,OAAO;;oBAAG,aAAa,CAAC,KAAK,CACjC,CACT;YAEN,oBAAC,UAAU,IAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,cAEjC,CACT;QAEN,oBAAC,iBAAiB;YAChB,oBAAC,OAAO,IAAC,OAAO,EAAC,aAAa,EAAC,KAAK,EAAE,eAAe,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,SAAS,KAAM,IAAI,GAAI;YAC5G,oBAAC,aAAa,IAAC,OAAO,EAAC,aAAa,EAAC,KAAK,EAAE,aAAa,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,KAAM,IAAI,GAAI,CAC/G,CACV,CACb,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,2 @@
+export { FxProgressCounter } from './ProgressCounter';
+export type { ProgressCounterPropsType } from './progress_counter_types';

package/dist-es/FxProgressCounter/index.js

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

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

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

package/dist-es/FxProgressCounter/styles/progress_counter.styles.d.ts

@@ -0,0 +1,5 @@
+export declare const BaseProgress: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const MainBar: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const BackgroundBar: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const ProgressContainer: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const Container: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;

package/dist-es/FxProgressCounter/styles/progress_counter.styles.js

@@ -0,0 +1,35 @@
+// @ts-nocheck
+import { styled } from '@mui/material/styles';
+import { Box, LinearProgress } from '@mui/material';
+export const BaseProgress = styled(LinearProgress)(({ theme }) => ({
+    borderRadius: '8px',
+    width: '70%',
+    position: 'absolute',
+    zIndex: 2,
+    height: 3,
+}));
+export const MainBar = styled(BaseProgress)(({ theme }) => ({
+    opacity: 1,
+}));
+export const BackgroundBar = styled(BaseProgress)(({ theme }) => ({
+    opacity: 0.2,
+}));
+export const ProgressContainer = styled(Box)(({ theme }) => ({
+    alignItems: 'center',
+    display: 'flex',
+    width: '100%',
+    margin: '8px 0',
+    position: 'relative',
+    justifyContent: 'center',
+}));
+export const Container = styled(Box)(({ theme }) => ({
+    width: 104,
+    height: 104,
+    minWidth: 104,
+    maxWidth: 104,
+    borderRadius: 8,
+    position: 'relative',
+    color: theme.palette.common.white,
+    backgroundColor: theme.palette.score.excellent,
+}));
+//# sourceMappingURL=progress_counter.styles.js.map

package/dist-es/FxProgressCounter/styles/progress_counter.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress_counter.styles.js","sourceRoot":"","sources":["../../../src/FxProgressCounter/styles/progress_counter.styles.ts"],"names":[],"mappings":"AAAA,cAAc;AACd,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAE7C,OAAO,EAAE,GAAG,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAEnD,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACjE,YAAY,EAAE,KAAK;IACnB,KAAK,EAAE,KAAK;IACZ,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,CAAC;CACV,CAAC,CAAC,CAAA;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1D,OAAO,EAAE,CAAC;CACX,CAAC,CAAC,CAAA;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAChE,OAAO,EAAE,GAAG;CACb,CAAC,CAAC,CAAA;AAEH,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC3D,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,OAAO;IACf,QAAQ,EAAE,UAAU;IACpB,cAAc,EAAE,QAAQ;CACzB,CAAC,CAAC,CAAA;AAEH,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACnD,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,QAAQ,EAAE,GAAG;IACb,QAAQ,EAAE,GAAG;IACb,YAAY,EAAE,CAAC;IACf,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;IACjC,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS;CAC/C,CAAC,CAAC,CAAA"}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ScorePropsType } from './score_types';
+export declare const FxScore: ({ value, structure, filter, variant, hasLabel, title: propsTitle, Sizes: propsSizes, ...rest }: ScorePropsType) => React.JSX.Element;

package/dist-es/FxScore/FxScore.js

@@ -0,0 +1,55 @@
+import React, { useEffect } from 'react';
+import { gql } from 'graphql-tag';
+import { useLazyQuery } from '@apollo/client';
+import { useStyles } from './styles/score.styles';
+import { getScoreColor, titleCase } from '@fixefy/fixefy-ui-utils';
+import { Box, CircularProgress, Skeleton, Typography } from '@mui/material';
+export const FxScore = ({ value, structure, filter, variant = 'box', hasLabel = true, title: propsTitle = 'score', Sizes: propsSizes = {}, ...rest }) => {
+    const Sizes = {
+        box: {
+            boxWidth: 104,
+            progressWidth: 68,
+        },
+        circle: { boxWidth: 40, progressWidth: 36 },
+        ...propsSizes,
+    };
+    const { extended, title } = structure || {};
+    const { gql_operation, object_path: objectPath, filter: structureFilter } = 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));
+    useEffect(() => {
+        if (!value && structure) {
+            fetchData({
+                variables: {
+                    where: { ..._filter },
+                },
+            });
+        }
+    }, []);
+    const ScoreValue = data ? data[objectPath] * 100 : value;
+    const _classes = useStyles({
+        scoreColor: getScoreColor(ScoreValue || 0),
+        variant,
+    });
+    return loading ? (React.createElement(Box, { className: _classes.container },
+        React.createElement(Skeleton, { animation: "wave", variant: "circular", width: 68, height: 68 }))) : (React.createElement(Box, { className: _classes.container, sx: {
+            width: Sizes[variant].boxWidth,
+            height: Sizes[variant].boxWidth,
+            minWidth: Sizes[variant].boxWidth,
+            maxWidth: Sizes[variant].boxWidth,
+            borderRadius: variant === 'box' ? '8px' : '50%',
+        } },
+        React.createElement(CircularProgress, { size: Sizes[variant].progressWidth, variant: "determinate", value: ScoreValue, color: "inherit", thickness: 2, className: _classes.mainCircle, ...rest }),
+        React.createElement(CircularProgress, { size: Sizes[variant].progressWidth, variant: "determinate", value: 100, color: "inherit", thickness: 2, className: _classes.backgroundCircle, ...rest }),
+        React.createElement(Box, { className: _classes.content },
+            React.createElement(Typography, { variant: variant === 'box' ? 'h5' : 'table', className: _classes.scoreNumber }, `${Math.round(Number(ScoreValue)) ?? 0}%`),
+            hasLabel && React.createElement(Typography, { className: _classes.scoreText }, titleCase(title ?? propsTitle)))));
+};
+//# sourceMappingURL=FxScore.js.map

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

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

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

@@ -0,0 +1,2 @@
+export { FxScore } from './FxScore';
+export type { ScorePropsType } from './score_types';

package/dist-es/FxScore/index.js

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

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

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

package/dist-es/FxScore/styles/score.styles.d.ts

@@ -0,0 +1,7 @@
+import { ScorePaletteColorOptions } from '@mui/material/styles';
+interface ScoreStylesPropsType {
+    scoreColor: keyof ScorePaletteColorOptions;
+    variant: 'box' | 'circle';
+}
+export declare const useStyles: (props: ScoreStylesPropsType) => import("@mui/styles").ClassNameMap<"content" | "container" | "scoreNumber" | "scoreText" | "mainCircle" | "backgroundCircle">;
+export {};

package/dist-es/FxScore/styles/score.styles.js

@@ -0,0 +1,36 @@
+import { makeStyles } from '@mui/styles';
+export const useStyles = makeStyles((theme) => ({
+    container: {
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        position: 'relative',
+        color: theme.palette.common.white,
+        backgroundColor: (props) => theme.palette.score[props.scoreColor],
+    },
+    content: {
+        position: 'absolute',
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        flexDirection: 'column',
+    },
+    scoreNumber: {
+        color: theme.palette.common.white,
+    },
+    scoreText: {
+        ...theme.typography.table,
+        fontWeight: 400,
+        color: theme.palette.common.white,
+        opacity: 0.6,
+    },
+    mainCircle: {
+        position: 'absolute',
+        zIndex: 2,
+    },
+    backgroundCircle: {
+        position: 'absolute',
+        opacity: 0.2,
+    },
+}));
+//# sourceMappingURL=score.styles.js.map

package/dist-es/FxScore/styles/score.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"score.styles.js","sourceRoot":"","sources":["../../../src/FxScore/styles/score.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAQxC,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,KAAY,EAAE,EAAE,CAAC,CAAC;IACrD,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;QACjC,eAAe,EAAE,CAAC,KAA2B,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC;KACxF;IACD,OAAO,EAAE;QACP,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,aAAa,EAAE,QAAQ;KACxB;IACD,WAAW,EAAE;QACX,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;KAClC;IACD,SAAS,EAAE;QACT,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK;QACzB,UAAU,EAAE,GAAG;QACf,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;QACjC,OAAO,EAAE,GAAG;KACb;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,CAAC;KACV;IACD,gBAAgB,EAAE;QAChB,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,GAAG;KACb;CACF,CAAC,CAAC,CAAA"}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ShowMorePropsType } from './show_more_types';
+export declare function FxShowMore({ items, label, children, title }: ShowMorePropsType): React.JSX.Element;

package/dist-es/FxShowMore/FxShowMore.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import { Typography } from '@mui/material';
+import { ShowMoreWrapper, ShowMoreBtn, ShowMoreIcon, StyledPopover, StyledDivider, StyledLabel } from './styles/show_more.styles';
+import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
+export function FxShowMore({ items, label, children, title }) {
+    const [anchorEl, setAnchorEl] = React.useState(null);
+    const handleClick = (event) => {
+        setAnchorEl(event.currentTarget);
+    };
+    const handleClose = () => {
+        setAnchorEl(null);
+    };
+    const open = Boolean(anchorEl);
+    const id = open ? 'simple-popover' : undefined;
+    return (React.createElement(ShowMoreWrapper, null,
+        children,
+        React.createElement(ShowMoreBtn, { onClick: handleClick },
+            React.createElement(ShowMoreIcon, { isOpen: open },
+                React.createElement(KeyboardArrowDownIcon, null)),
+            title ? title : 'SHOW MORE'),
+        React.createElement(StyledPopover, { id: id, open: open, anchorEl: anchorEl, onClose: handleClose, anchorOrigin: {
+                vertical: 'bottom',
+                horizontal: 'center',
+            }, transformOrigin: {
+                vertical: 'top',
+                horizontal: 'center',
+            } },
+            React.createElement(StyledLabel, null,
+                label,
+                " (",
+                items.length,
+                ")"),
+            React.createElement(StyledDivider, null),
+            items?.map((item, index) => (React.createElement("div", { key: index },
+                React.createElement(Typography, { variant: "body1" }, item),
+                index + 1 !== items.length && React.createElement(StyledDivider, null)))))));
+}
+//# sourceMappingURL=FxShowMore.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FxShowMore.js","sourceRoot":"","sources":["../../src/FxShowMore/FxShowMore.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAEjI,OAAO,qBAAqB,MAAM,uCAAuC,CAAA;AAEzE,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAqB;IAC7E,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAA2B,IAAI,CAAC,CAAA;IAE9E,MAAM,WAAW,GAAG,CAAC,KAA0C,EAAE,EAAE;QACjE,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA;IAClC,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,WAAW,CAAC,IAAI,CAAC,CAAA;IACnB,CAAC,CAAA;IAED,MAAM,IAAI,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAA;IAC9B,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAA;IAC9C,OAAO,CACL,oBAAC,eAAe;QACb,QAAQ;QAET,oBAAC,WAAW,IAAC,OAAO,EAAE,WAAW;YAC/B,oBAAC,YAAY,IAAC,MAAM,EAAE,IAAI;gBACxB,oBAAC,qBAAqB,OAAG,CACZ;YACd,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAChB;QAEd,oBAAC,aAAa,IACZ,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE;gBACZ,QAAQ,EAAE,QAAQ;gBAClB,UAAU,EAAE,QAAQ;aACrB,EACD,eAAe,EAAE;gBACf,QAAQ,EAAE,KAAK;gBACf,UAAU,EAAE,QAAQ;aACrB;YAED,oBAAC,WAAW;gBACT,KAAK;;gBAAI,KAAK,CAAC,MAAM;oBACV;YACd,oBAAC,aAAa,OAAG;YAChB,KAAK,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,6BAAK,GAAG,EAAE,KAAK;gBACb,oBAAC,UAAU,IAAC,OAAO,EAAC,OAAO,IAAE,IAAI,CAAc;gBAC9C,KAAK,GAAG,CAAC,KAAK,KAAK,CAAC,MAAM,IAAI,oBAAC,aAAa,OAAG,CAC5C,CACP,CAAC,CACY,CACA,CACnB,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,2 @@
+export { FxShowMore } from './FxShowMore';
+export type { ShowMorePropsType } from './show_more_types';

package/dist-es/FxShowMore/index.js

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

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

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

package/dist-es/FxShowMore/styles/show_more.styles.d.ts

@@ -0,0 +1,6 @@
+export declare const ShowMoreWrapper: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const ShowMoreBtn: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const ShowMoreIcon: StyledComponent<ComponentProps & AdditionalProps, SpecificComponentProps, JSXProps>;
+export declare const StyledPopover: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const StyledDivider: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const StyledLabel: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;

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

@@ -0,0 +1,55 @@
+// import React from 'react'
+import { styled } from '@mui/material/styles';
+import { Box, Popover, Divider, Typography, Button } from '@mui/material';
+export const ShowMoreWrapper = styled(Box)(({}) => ({
+    borderRadius: '8px',
+}));
+export const ShowMoreBtn = styled(Button)(({ theme }) => ({
+    ...theme.typography.button,
+    fontWeight: 600,
+    fontSize: 12,
+    textTransform: 'uppercase',
+    color: theme.palette.primary[800],
+    padding: 0,
+    display: 'flex',
+    justifyContent: 'flex-start',
+    alignItems: 'center',
+}));
+export const ShowMoreIcon = styled(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',
+    },
+}));
+export const StyledPopover = styled(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,
+    },
+}));
+export const StyledDivider = styled(Divider)(({}) => ({
+    marginTop: 8,
+    marginBottom: 8,
+}));
+export const StyledLabel = styled(Typography)(({ theme }) => ({
+    ...theme.typography.overLineCaption,
+    color: '#8B9092',
+}));
+//# sourceMappingURL=show_more.styles.js.map

package/dist-es/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,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAE7C,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAKzE,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IAClD,YAAY,EAAE,KAAK;CACpB,CAAC,CAAC,CAAA;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACxD,GAAG,KAAK,CAAC,UAAU,CAAC,MAAM;IAC1B,UAAU,EAAE,GAAG;IACf,QAAQ,EAAE,EAAE;IACZ,aAAa,EAAE,WAAW;IAC1B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC;IACjC,OAAO,EAAE,CAAC;IAEV,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,YAAY;IAC5B,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC,CAAA;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,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;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,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;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IACpD,SAAS,EAAE,CAAC;IACZ,YAAY,EAAE,CAAC;CAChB,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,eAAe;IACnC,KAAK,EAAE,SAAS;CACjB,CAAC,CAAC,CAAA"}

package/dist-es/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-es/FxSlider/FxSlider.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Slider as _Slider } from '@mui/material';
+export function FxSlider(props) {
+    return React.createElement(_Slider, { ...props });
+}
+//# sourceMappingURL=FxSlider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FxSlider.js","sourceRoot":"","sources":["../../src/FxSlider/FxSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,eAAe,CAAA;AAIjD,MAAM,UAAU,QAAQ,CAAC,KAAsB;IAC7C,OAAO,oBAAC,OAAO,OAAK,KAAK,GAAI,CAAA;AAC/B,CAAC"}

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

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

package/dist-es/FxSlider/index.js

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

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

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

package/dist-es/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;