@fixefy/fixefy-ui-components 0.0.47 → 0.0.50

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { NumberfieldPropsType } from './number_field_types';
+export declare function FxNumberField({ placeholder, defaultValue, label, hint, onChange }: NumberfieldPropsType): React.JSX.Element;

package/dist-cjs/FxNumberField/FxNumberField.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FxNumberField = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const number_field_styles_1 = require("./styles/number_field.styles");
+const KeyboardArrowRight_1 = tslib_1.__importDefault(require("@mui/icons-material/KeyboardArrowRight"));
+function FxNumberField({ placeholder, defaultValue, label, hint, onChange }) {
+    const _classes = (0, number_field_styles_1.useStyles)();
+    const [value, setValue] = (0, react_1.useState)(defaultValue || 0);
+    (0, react_1.useEffect)(() => {
+        onChange && onChange(value);
+    }, [value]);
+    return (react_1.default.createElement("div", { className: _classes.container },
+        label && react_1.default.createElement("span", { className: _classes.label }, label),
+        react_1.default.createElement("div", { className: _classes.inputWrapper },
+            react_1.default.createElement("input", { type: "number", placeholder: placeholder, value: value, 
+                //@ts-ignore
+                onChange: (e) => setValue(e.target.value) }),
+            react_1.default.createElement("div", { className: _classes.inputActions },
+                react_1.default.createElement("button", { className: _classes.inputActionsPlus, onClick: () => setValue(value + 1) },
+                    react_1.default.createElement(KeyboardArrowRight_1.default, null)),
+                react_1.default.createElement("button", { className: _classes.inputActionsMinus, onClick: () => setValue(value - 1) },
+                    react_1.default.createElement(KeyboardArrowRight_1.default, null)))),
+        hint && react_1.default.createElement("span", { className: _classes.hint }, hint)));
+}
+exports.FxNumberField = FxNumberField;
+//# sourceMappingURL=FxNumberField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FxNumberField.js","sourceRoot":"","sources":["../../src/FxNumberField/FxNumberField.tsx"],"names":[],"mappings":";;;;AAAA,uDAAkD;AAClD,sEAAwD;AAGxD,wGAA2E;AAE3E,SAAgB,aAAa,CAAC,EAAE,WAAW,EAAE,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAwB;IACtG,MAAM,QAAQ,GAAG,IAAA,+BAAS,GAAE,CAAA;IAC5B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,YAAY,IAAI,CAAC,CAAC,CAAA;IAErD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IACX,OAAO,CACL,uCAAK,SAAS,EAAE,QAAQ,CAAC,SAAS;QAC/B,KAAK,IAAI,wCAAM,SAAS,EAAE,QAAQ,CAAC,KAAK,IAAG,KAAK,CAAQ;QACzD,uCAAK,SAAS,EAAE,QAAQ,CAAC,YAAY;YACnC,yCACE,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK;gBACZ,YAAY;gBACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GACzC;YACF,uCAAK,SAAS,EAAE,QAAQ,CAAC,YAAY;gBACnC,0CAAQ,SAAS,EAAE,QAAQ,CAAC,gBAAgB,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC;oBAC9E,8BAAC,4BAAsB,OAAG,CACnB;gBACT,0CAAQ,SAAS,EAAE,QAAQ,CAAC,iBAAiB,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC;oBAC/E,8BAAC,4BAAsB,OAAG,CACnB,CACL,CACF;QACL,IAAI,IAAI,wCAAM,SAAS,EAAE,QAAQ,CAAC,IAAI,IAAG,IAAI,CAAQ,CAClD,CACP,CAAA;AACH,CAAC;AA9BD,sCA8BC"}

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

@@ -0,0 +1,2 @@
+export { FxNumberField } from './FxNumberField';
+export type { NumberfieldPropsType } from './number_field_types';

package/dist-cjs/FxNumberField/index.js

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

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

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

package/dist-cjs/FxNumberField/styles/number_field.styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"label" | "container" | "hint" | "inputWrapper" | "inputActions" | "inputActionsPlus" | "inputActionsMinus">;

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

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+const styles_1 = require("@mui/styles");
+exports.useStyles = (0, styles_1.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-cjs/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,wCAAwC;AAE3B,QAAA,SAAS,GAAG,IAAA,mBAAU,EAAC,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-cjs/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-cjs/FxProgressCircle/FxProgressCircle.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FxProgressCircle = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const progress_circle_styles_1 = require("./styles/progress_circle.styles");
+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_1.default.createElement(progress_circle_styles_1.Container, null,
+        hasLabel && type === 'progress' && react_1.default.createElement(progress_circle_styles_1.Label, null, label),
+        react_1.default.createElement(progress_circle_styles_1.Slider
+        // ref={(potar) => (potar = potar)}
+        , { 
+            // ref={(potar) => (potar = potar)}
+            viewBox: `0 0 ${radius * 2} ${radius * 2}` },
+            react_1.default.createElement(progress_circle_styles_1.SliderCircle, { style: { strokeWidth }, r: radius - border / 2, cx: radius, cy: radius, color: color }),
+            react_1.default.createElement(progress_circle_styles_1.SliderBar, { style: {
+                    strokeWidth,
+                    strokeDashoffset,
+                    strokeDasharray,
+                }, r: radius - border / 2, cx: radius, cy: radius, color: color })),
+        hasLabel && type === 'percentage' && react_1.default.createElement(progress_circle_styles_1.Label, { sx: { ml: 1 } }, label)));
+};
+exports.FxProgressCircle = FxProgressCircle;
+//# sourceMappingURL=FxProgressCircle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FxProgressCircle.js","sourceRoot":"","sources":["../../src/FxProgressCircle/FxProgressCircle.tsx"],"names":[],"mappings":";;;;AAAA,0DAAyB;AACzB,4EAAmG;AAG5F,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,8BAAC,kCAAS;QACP,QAAQ,IAAI,IAAI,KAAK,UAAU,IAAI,8BAAC,8BAAK,QAAE,KAAK,CAAS;QAC1D,8BAAC,+BAAM;QACL,mCAAmC;;YAAnC,mCAAmC;YACnC,OAAO,EAAE,OAAO,MAAM,GAAG,CAAC,IAAI,MAAM,GAAG,CAAC,EAAE;YAG1C,8BAAC,qCAAY,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,8BAAC,kCAAS,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,8BAAC,8BAAK,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAG,KAAK,CAAS,CACjE,CACb,CAAA;AACH,CAAC,CAAA;AAnCY,QAAA,gBAAgB,oBAmC5B"}

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

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

package/dist-cjs/FxProgressCircle/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/FxProgressCircle/index.ts"],"names":[],"mappings":";;;AAAA,uDAAqD;AAA5C,oHAAA,gBAAgB,OAAA"}

package/dist-cjs/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-cjs/FxProgressCircle/styles/progress_circle.styles.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SliderBar = exports.SliderCircle = exports.Slider = exports.Label = exports.Container = void 0;
+const styles_1 = require("@mui/material/styles");
+exports.Container = (0, styles_1.styled)("div")(({}) => ({
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+}));
+exports.Label = (0, styles_1.styled)("span")(({ theme }) => (Object.assign(Object.assign({}, theme.typography.body1), { color: theme.palette.typography.title, marginRight: 8 })));
+exports.Slider = (0, styles_1.styled)("svg")(({}) => ({
+    display: "block",
+    width: 22,
+    height: 22,
+    transform: "rotate(-90deg)",
+}));
+exports.SliderCircle = (0, styles_1.styled)("circle")(({ theme, color }) => ({
+    fill: "transparent",
+    stroke: color !== null && color !== void 0 ? color : theme.palette.green2scale.main,
+    opacity: 0.1,
+}));
+exports.SliderBar = (0, styles_1.styled)("circle")(({ theme, color }) => ({
+    fill: "transparent",
+    stroke: color !== null && color !== void 0 ? color : theme.palette.green2scale.main,
+    strokeDashoffset: 0,
+    strokeDasharray: 0,
+}));
+//# sourceMappingURL=progress_circle.styles.js.map

package/dist-cjs/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,iDAA8C;AAEjC,QAAA,SAAS,GAAG,IAAA,eAAM,EAAC,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;AAES,QAAA,KAAK,GAAG,IAAA,eAAM,EAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,iCAC/C,KAAK,CAAC,UAAU,CAAC,KAAK,KACzB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,EACrC,WAAW,EAAE,CAAC,IACb,CAAC,CAAC;AAES,QAAA,MAAM,GAAG,IAAA,eAAM,EAAC,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;AAES,QAAA,YAAY,GAAG,IAAA,eAAM,EAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACnE,IAAI,EAAE,aAAa;IACnB,MAAM,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI;IAC/C,OAAO,EAAE,GAAG;CACZ,CAAC,CAAC,CAAC;AAES,QAAA,SAAS,GAAG,IAAA,eAAM,EAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAChE,IAAI,EAAE,aAAa;IACnB,MAAM,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI;IAC/C,gBAAgB,EAAE,CAAC;IACnB,eAAe,EAAE,CAAC;CAClB,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FxProgressCounter = void 0;
+const tslib_1 = require("tslib");
+// @ts-nocheck
+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 progress_counter_styles_1 = require("./styles/progress_counter.styles");
+const image_1 = tslib_1.__importDefault(require("next/image"));
+function FxProgressCounter(_a) {
+    var _b, _c;
+    var { values, structure, filter } = _a, rest = tslib_1.__rest(_a, ["values", "structure", "filter"]);
+    // const { extended, title } = structure ?? {};
+    // const {
+    // 	gql_operation,
+    // 	object_path: objectPath,
+    // 	title_path: titlePath,
+    // 	filter: structureFilter,
+    // } = extended ?? {};
+    const initialValues = {
+        count: (_b = values === null || values === void 0 ? void 0 : values.count) !== null && _b !== void 0 ? _b : 0,
+        current: (_c = values === null || values === void 0 ? void 0 : values.current) !== null && _c !== void 0 ? _c : 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_1.default.createElement(progress_counter_styles_1.Container, null,
+        react_1.default.createElement(material_1.Box, { position: 'relative', textAlign: 'center', justifyContent: 'center', mt: 1.2 },
+            react_1.default.createElement(image_1.default, { alt: 'approve', width: 16, height: 16, loader: () => (0, fixefy_ui_utils_1.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_1.default.createElement(material_1.Box, { mt: 0.5 },
+                react_1.default.createElement(material_1.Typography, { fontSize: 19, fontWeight: 600 },
+                    initialValues.current,
+                    "/",
+                    initialValues.count)),
+            react_1.default.createElement(material_1.Typography, { fontSize: 11, sx: { opacity: 0.6 } }, "Charges")),
+        react_1.default.createElement(progress_counter_styles_1.ProgressContainer, null,
+            react_1.default.createElement(progress_counter_styles_1.MainBar, Object.assign({ variant: "determinate", value: normalizeNumber(initialValues.current), color: 'inherit' }, rest)),
+            react_1.default.createElement(progress_counter_styles_1.BackgroundBar, Object.assign({ variant: "determinate", value: initialValues.count > 100 ? 100 : initialValues.count, color: 'inherit' }, rest)))));
+}
+exports.FxProgressCounter = FxProgressCounter;
+//# sourceMappingURL=ProgressCounter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressCounter.js","sourceRoot":"","sources":["../../src/FxProgressCounter/ProgressCounter.tsx"],"names":[],"mappings":";;;;AAAA,cAAc;AACd,0DAAyB;AAEzB,4CAA+C;AAC/C,6DAAqD;AAErD,8EAAuG;AAEvG,+DAA8B;AAE9B,SAAgB,iBAAiB,CAAC,EAAgE;;QAAhE,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAqC,EAAhC,IAAI,sBAApC,iCAAsC,CAAF;IACpE,+CAA+C;IAC/C,UAAU;IACV,kBAAkB;IAClB,4BAA4B;IAC5B,0BAA0B;IAC1B,4BAA4B;IAC5B,sBAAsB;IACtB,MAAM,aAAa,GAAG;QACpB,KAAK,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,mCAAI,CAAC;QACzB,OAAO,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,mCAAI,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,8BAAC,mCAAS;QAIR,8BAAC,cAAG,IAAC,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG;YAC/E,8BAAC,eAAK,IACJ,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,MAAM,EAAE,GAAG,EAAE,CACX,IAAA,6BAAW,EAAC;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,8BAAC,cAAG,IAAC,EAAE,EAAE,GAAG;gBACV,8BAAC,qBAAU,IAAC,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG;oBACtC,aAAa,CAAC,OAAO;;oBAAG,aAAa,CAAC,KAAK,CACjC,CACT;YAEN,8BAAC,qBAAU,IAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,cAEjC,CACT;QAEN,8BAAC,2CAAiB;YAChB,8BAAC,iCAAO,kBAAC,OAAO,EAAC,aAAa,EAAC,KAAK,EAAE,eAAe,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,SAAS,IAAM,IAAI,EAAI;YAC5G,8BAAC,uCAAa,kBAAC,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,IAAM,IAAI,EAAI,CAC/G,CACV,CACb,CAAA;AACH,CAAC;AAtED,8CAsEC"}

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

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

package/dist-cjs/FxProgressCounter/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/FxProgressCounter/index.ts"],"names":[],"mappings":";;;AAAA,qDAAqD;AAA5C,oHAAA,iBAAiB,OAAA"}

package/dist-cjs/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-cjs/FxProgressCounter/styles/progress_counter.styles.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Container = exports.ProgressContainer = exports.BackgroundBar = exports.MainBar = exports.BaseProgress = void 0;
+// @ts-nocheck
+const styles_1 = require("@mui/material/styles");
+const material_1 = require("@mui/material");
+exports.BaseProgress = (0, styles_1.styled)(material_1.LinearProgress)(({ theme }) => ({
+    borderRadius: '8px',
+    width: '70%',
+    position: 'absolute',
+    zIndex: 2,
+    height: 3,
+}));
+exports.MainBar = (0, styles_1.styled)(exports.BaseProgress)(({ theme }) => ({
+    opacity: 1,
+}));
+exports.BackgroundBar = (0, styles_1.styled)(exports.BaseProgress)(({ theme }) => ({
+    opacity: 0.2,
+}));
+exports.ProgressContainer = (0, styles_1.styled)(material_1.Box)(({ theme }) => ({
+    alignItems: 'center',
+    display: 'flex',
+    width: '100%',
+    margin: '8px 0',
+    position: 'relative',
+    justifyContent: 'center',
+}));
+exports.Container = (0, styles_1.styled)(material_1.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-cjs/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,iDAA6C;AAE7C,4CAAmD;AAEtC,QAAA,YAAY,GAAG,IAAA,eAAM,EAAC,yBAAc,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;AAEU,QAAA,OAAO,GAAG,IAAA,eAAM,EAAC,oBAAY,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1D,OAAO,EAAE,CAAC;CACX,CAAC,CAAC,CAAA;AAEU,QAAA,aAAa,GAAG,IAAA,eAAM,EAAC,oBAAY,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAChE,OAAO,EAAE,GAAG;CACb,CAAC,CAAC,CAAA;AAEU,QAAA,iBAAiB,GAAG,IAAA,eAAM,EAAC,cAAG,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;AAEU,QAAA,SAAS,GAAG,IAAA,eAAM,EAAC,cAAG,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-cjs/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-cjs/FxScore/FxScore.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FxScore = 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 score_styles_1 = require("./styles/score.styles");
+const fixefy_ui_utils_1 = require("@fixefy/fixefy-ui-utils");
+const material_1 = require("@mui/material");
+const FxScore = (_a) => {
+    var _b;
+    var { value, structure, filter, variant = 'box', hasLabel = true, title: propsTitle = 'score', Sizes: propsSizes = {} } = _a, rest = tslib_1.__rest(_a, ["value", "structure", "filter", "variant", "hasLabel", "title", "Sizes"]);
+    const Sizes = Object.assign({ 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 !== 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));
+    (0, react_1.useEffect)(() => {
+        if (!value && structure) {
+            fetchData({
+                variables: {
+                    where: Object.assign({}, _filter),
+                },
+            });
+        }
+    }, []);
+    const ScoreValue = data ? data[objectPath] * 100 : value;
+    const _classes = (0, score_styles_1.useStyles)({
+        scoreColor: (0, fixefy_ui_utils_1.getScoreColor)(ScoreValue || 0),
+        variant,
+    });
+    return loading ? (react_1.default.createElement(material_1.Box, { className: _classes.container },
+        react_1.default.createElement(material_1.Skeleton, { animation: "wave", variant: "circular", width: 68, height: 68 }))) : (react_1.default.createElement(material_1.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_1.default.createElement(material_1.CircularProgress, Object.assign({ size: Sizes[variant].progressWidth, variant: "determinate", value: ScoreValue, color: "inherit", thickness: 2, className: _classes.mainCircle }, rest)),
+        react_1.default.createElement(material_1.CircularProgress, Object.assign({ size: Sizes[variant].progressWidth, variant: "determinate", value: 100, color: "inherit", thickness: 2, className: _classes.backgroundCircle }, rest)),
+        react_1.default.createElement(material_1.Box, { className: _classes.content },
+            react_1.default.createElement(material_1.Typography, { variant: variant === 'box' ? 'h5' : 'table', className: _classes.scoreNumber }, `${(_b = Math.round(Number(ScoreValue))) !== null && _b !== void 0 ? _b : 0}%`),
+            hasLabel && react_1.default.createElement(material_1.Typography, { className: _classes.scoreText }, (0, fixefy_ui_utils_1.titleCase)(title !== null && title !== void 0 ? title : propsTitle)))));
+};
+exports.FxScore = FxScore;
+//# sourceMappingURL=FxScore.js.map

package/dist-cjs/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-cjs/FxScore/index.d.ts

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

package/dist-cjs/FxScore/index.js

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

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

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

package/dist-cjs/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-cjs/FxScore/styles/score.styles.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+const styles_1 = require("@mui/styles");
+exports.useStyles = (0, styles_1.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: Object.assign(Object.assign({}, 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-cjs/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,wCAAwC;AAQ3B,QAAA,SAAS,GAAG,IAAA,mBAAU,EAAC,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,kCACJ,KAAK,CAAC,UAAU,CAAC,KAAK,KACzB,UAAU,EAAE,GAAG,EACf,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EACjC,OAAO,EAAE,GAAG,GACb;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-cjs/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-cjs/FxShowMore/FxShowMore.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FxShowMore = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const material_1 = require("@mui/material");
+const show_more_styles_1 = require("./styles/show_more.styles");
+const KeyboardArrowDown_1 = tslib_1.__importDefault(require("@mui/icons-material/KeyboardArrowDown"));
+function FxShowMore({ items, label, children, title }) {
+    const [anchorEl, setAnchorEl] = react_1.default.useState(null);
+    const handleClick = (event) => {
+        setAnchorEl(event.currentTarget);
+    };
+    const handleClose = () => {
+        setAnchorEl(null);
+    };
+    const open = Boolean(anchorEl);
+    const id = open ? 'simple-popover' : undefined;
+    return (react_1.default.createElement(show_more_styles_1.ShowMoreWrapper, null,
+        children,
+        react_1.default.createElement(show_more_styles_1.ShowMoreBtn, { onClick: handleClick },
+            react_1.default.createElement(show_more_styles_1.ShowMoreIcon, { isOpen: open },
+                react_1.default.createElement(KeyboardArrowDown_1.default, null)),
+            title ? title : 'SHOW MORE'),
+        react_1.default.createElement(show_more_styles_1.StyledPopover, { id: id, open: open, anchorEl: anchorEl, onClose: handleClose, anchorOrigin: {
+                vertical: 'bottom',
+                horizontal: 'center',
+            }, transformOrigin: {
+                vertical: 'top',
+                horizontal: 'center',
+            } },
+            react_1.default.createElement(show_more_styles_1.StyledLabel, null,
+                label,
+                " (",
+                items.length,
+                ")"),
+            react_1.default.createElement(show_more_styles_1.StyledDivider, null), items === null || items === void 0 ? void 0 :
+            items.map((item, index) => (react_1.default.createElement("div", { key: index },
+                react_1.default.createElement(material_1.Typography, { variant: "body1" }, item),
+                index + 1 !== items.length && react_1.default.createElement(show_more_styles_1.StyledDivider, null)))))));
+}
+exports.FxShowMore = FxShowMore;
+//# sourceMappingURL=FxShowMore.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FxShowMore.js","sourceRoot":"","sources":["../../src/FxShowMore/FxShowMore.tsx"],"names":[],"mappings":";;;;AAAA,0DAAyB;AAEzB,4CAA0C;AAE1C,gEAAiI;AAEjI,sGAAyE;AAEzE,SAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAqB;IAC7E,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,eAAK,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,8BAAC,kCAAe;QACb,QAAQ;QAET,8BAAC,8BAAW,IAAC,OAAO,EAAE,WAAW;YAC/B,8BAAC,+BAAY,IAAC,MAAM,EAAE,IAAI;gBACxB,8BAAC,2BAAqB,OAAG,CACZ;YACd,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAChB;QAEd,8BAAC,gCAAa,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,8BAAC,8BAAW;gBACT,KAAK;;gBAAI,KAAK,CAAC,MAAM;oBACV;YACd,8BAAC,gCAAa,OAAG,EAChB,KAAK,aAAL,KAAK;YAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,uCAAK,GAAG,EAAE,KAAK;gBACb,8BAAC,qBAAU,IAAC,OAAO,EAAC,OAAO,IAAE,IAAI,CAAc;gBAC9C,KAAK,GAAG,CAAC,KAAK,KAAK,CAAC,MAAM,IAAI,8BAAC,gCAAa,OAAG,CAC5C,CACP,CAAC,CACY,CACA,CACnB,CAAA;AACH,CAAC;AAnDD,gCAmDC"}

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

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

package/dist-cjs/FxShowMore/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/FxShowMore/index.ts"],"names":[],"mappings":";;;AAAA,2CAAyC;AAAhC,wGAAA,UAAU,OAAA"}

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