@fixefy/fixefy-ui-components 0.3.74 → 0.3.78

package/package.json

@@ -3,40 +3,41 @@
   "browser": {
     "fs": false
   },
+  "peerDependencies": {
+    "@fixefy/fixefy-hooks": ">=0.0.16",
+    "@fixefy/fixefy-ui-utils": ">=0.2.56",
+    "@fixefy/next-s3-upload": ">=0.0.12",
+    "@mui/material": ">=5.16.12",
+    "@mui/styles": ">=5.16.12",
+    "clsx": ">=2.1.1",
+    "graphql-tag": ">=2.12.6",
+    "next": ">=14.2.26",
+    "nookies": ">=2.5.2",
+    "pluralize": ">=8.0.0",
+    "react": ">=18.3.1",
+    "react-dom": ">=18.3.1"
+  },
   "dependencies": {
-    "@apollo/client": "3.10.4",
-    "@fixefy/fixefy-hooks": "0.0.15",
-    "@fixefy/fixefy-ui-utils": "0.2.56",
-    "@fixefy/next-s3-upload": "^0.0.12",
-    "@mui/icons-material": "5.16.7",
+    "@apollo/client": "3.7.15",
+    "@mui/icons-material": "5.16.12",
     "@mui/lab": "6.0.0-beta.7",
-    "@mui/material": "5.16.7",
-    "@mui/styled-engine": "5.15.14",
-    "@mui/styles": "5.16.7",
-    "@react-spring/web": "9.7.3",
-    "graphql-tag": "2.12.6",
-    "next": "14.2.3",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
-    "react-use-wizard": "2.3.0",
-    "tss-react": "^4.9.14"
+    "nookies": "^2.5.2",
+    "react-use-wizard": "2.3.0"
   },
   "devDependencies": {
     "@svgr/webpack": "8.1.0",
     "@swc/cli": "0.3.12",
     "@swc/core": "1.5.24",
     "@types/node": "20.14.0",
-    "@types/nookies": "2.0.3",
     "@types/react": "18.3.3",
-    "@typescript-eslint/eslint-plugin": "7.12.0",
-    "@typescript-eslint/parser": "7.12.0",
-    "eslint": "9.4.0",
-    "eslint-config-prettier": "9.1.0",
-    "eslint-plugin-prettier": "5.1.3",
-    "eslint-plugin-react": "7.34.2",
-    "eslint-plugin-react-hooks": "4.6.2",
-    "prettier": "3.3.0",
-    "typescript": "5.4.5"
+    "eslint": "9.34.0",
+    "eslint-config-next": "15.5.2",
+    "eslint-plugin-jsx-a11y": "6.10.2",
+    "eslint-plugin-react": "7.37.5",
+    "eslint-plugin-react-hooks": "5.2.0",
+    "prettier": "3.6.2",
+    "tss-react": "^4.9.14",
+    "typescript": "5.9.2"
   },
   "license": "MIT",
   "name": "@fixefy/fixefy-ui-components",
@@ -49,10 +50,11 @@
     "build:copy": "node ../../scripts/copy-files-ex.js",
     "pre_release": "yarn clean && yarn && yarn build",
     "raw_publish": "npm publish --userconfig ./.npmrc --otp 000000",
-    "clean": "rm -rf build && rm -rf dist-* && yarn clean:node",
+    "clean": "rm -rf build && rm -rf dist && yarn clean:node",
     "clean:node": "rm -rf node_modules",
-    "lint": "eslint \"{**/*,*}.{js,ts,jsx,tsx}\"",
-    "prettier": "prettier --write \"{src,tests,example/src}/**/*.{js,ts,jsx,tsx}\""
+    "lint": "eslint \"src/**/*.{ts,tsx}\"",
+    "lint:fix": "eslint \"src/**/*.{ts,tsx}\" --fix",
+    "prettier": "prettier --write \"{src,tests,example/src}/**/*.{ts,tsx}\""
   },
   "engines": {
     "node": "20"
@@ -69,5 +71,5 @@
       "require": "./dist/index.js"
     }
   },
-  "version": "0.3.74"
+  "version": "0.3.78"
 }

package/dist/FxActionButton/FxActionButton.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export declare const FxActionButton: ({ btnValue, onClick, startIcon, sx, }: {
-    btnValue: string;
-    onClick: any;
-    startIcon?: any;
-    sx?: any;
-}) => React.JSX.Element;

package/dist/FxActionButton/FxActionButton.js

@@ -1,82 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "FxActionButton", {
-    enumerable: true,
-    get: function() {
-        return FxActionButton;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _material = require("@mui/material");
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-const FxActionButton = ({ btnValue, onClick, startIcon, sx })=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
-        id: "fade-button",
-        sx: _object_spread_props(_object_spread({}, sx), {
-            fontWeight: 'normal'
-        }),
-        "aria-haspopup": "true",
-        startIcon: startIcon,
-        onClick: onClick,
-        children: btnValue
-    });
-};

package/dist/FxActionButton/index.d.ts

@@ -1 +0,0 @@
-export { FxActionButton } from './FxActionButton';

package/dist/FxActionButton/index.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "FxActionButton", {
-    enumerable: true,
-    get: function() {
-        return _FxActionButton.FxActionButton;
-    }
-});
-const _FxActionButton = require("./FxActionButton");

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

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

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

@@ -1,159 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    ActionBtn: function() {
-        return ActionBtn;
-    },
-    ActionTitle: function() {
-        return ActionTitle;
-    },
-    ChargesCount: function() {
-        return ChargesCount;
-    },
-    ChargesTitle: function() {
-        return ChargesTitle;
-    },
-    Close: function() {
-        return Close;
-    },
-    Container: function() {
-        return Container;
-    },
-    Divider: function() {
-        return Divider;
-    },
-    TitleWrapper: function() {
-        return TitleWrapper;
-    }
-});
-const _FxButton = require("../../FxButton");
-const _material = require("@mui/material");
-const _styles = require("@mui/material/styles");
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-const filterPrimary = 'invert(46%) sepia(48%) saturate(297%) hue-rotate(145deg) brightness(97%) contrast(90%)';
-const Container = (0, _styles.styled)('div')(({ theme })=>({
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        background: theme.palette.common.white,
-        border: '1px solid #C6DDE2',
-        boxShadow: '0px 0px 10px rgba(86, 135, 147, 0.2)',
-        borderRadius: 8,
-        padding: '16px 24px',
-        height: 38,
-        width: 'fit-content',
-        margin: 4
-    }));
-const ChargesCount = (0, _styles.styled)(_material.Typography)(({ theme })=>_object_spread_props(_object_spread({}, theme.typography.table), {
-        color: theme.palette.typography.title,
-        fontWeight: 700,
-        marginRight: 4
-    }));
-const ChargesTitle = (0, _styles.styled)(_material.Typography)(({ theme })=>_object_spread_props(_object_spread({}, theme.typography.table), {
-        color: theme.palette.typography.title
-    }));
-const Close = (0, _styles.styled)(_material.Typography)(({ theme })=>_object_spread_props(_object_spread({}, theme.typography.body1), {
-        color: theme.palette.primary['500'],
-        textTransform: 'uppercase',
-        fontWeight: 600,
-        letterSpacing: '0.5px',
-        cursor: 'pointer'
-    }));
-const TitleWrapper = (0, _styles.styled)('div')(({})=>({
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center'
-    }));
-const Divider = (0, _styles.styled)('div')(({ theme })=>({
-        width: 1,
-        height: '100%',
-        background: theme.palette.greyscale.contrastText,
-        marginRight: 24,
-        marginLeft: 24
-    }));
-const ActionBtn = (0, _styles.styled)(_FxButton.FxButton)(({ theme, type })=>({
-        height: 40,
-        maxHeight: 40,
-        borderRadius: 100,
-        padding: '8px 16px',
-        color: type ? theme.palette.common.white : theme.palette.primary['500'],
-        borderColor: type ? theme.palette.score[type] : theme.palette.primary['500'],
-        background: type ? theme.palette.score[type] : theme.palette.common.white,
-        marginRight: 8,
-        ['& img']: {
-            filter: type ? 'none' : filterPrimary
-        },
-        ['&:hover']: {
-            background: type ? theme.palette.score[type] : theme.palette.common.white,
-            color: type ? theme.palette.common.white : theme.palette.primary['500'],
-            borderColor: type ? theme.palette.score[type] : theme.palette.primary['500']
-        }
-    }));
-const ActionTitle = (0, _styles.styled)('span')(({ theme })=>_object_spread_props(_object_spread({}, theme.typography.body1), {
-        color: 'inherit',
-        textTransform: 'uppercase',
-        fontWeight: 600,
-        letterSpacing: '0.5px',
-        cursor: 'pointer',
-        marginLeft: 4,
-        marginTop: 2
-    }));

package/dist/FxAsyncDropdown/useDropdownStore.d.ts

@@ -1,2 +0,0 @@
-declare const useDropdownStore: import("zustand").UseBoundStore<import("zustand").StoreApi<unknown>>;
-export default useDropdownStore;

package/dist/FxAsyncDropdown/useDropdownStore.js

@@ -1,57 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _zustand = require("zustand");
-const useDropdownStore = (0, _zustand.create)((set)=>({
-        fetchedProps: {},
-        setFetchedProps: (val)=>set({
-                fetchedProps: val
-            }),
-        displayed: null,
-        setDisplayed: (val)=>set({
-                displayed: val
-            }),
-        options: [],
-        setOptions: (val)=>set({
-                options: val
-            }),
-        reason: 'init',
-        setReason: (val)=>set({
-                reason: val
-            }),
-        isLastPage: false,
-        setIsLastPage: (val)=>set({
-                isLastPage: val
-            }),
-        isOpen: false,
-        setIsOpen: (val)=>set({
-                isOpen: val
-            }),
-        searchValue: null,
-        setSearchValue: (val)=>set({
-                searchValue: val
-            }),
-        page: 1,
-        setPage: (val)=>set({
-                page: val
-            }),
-        prevPage: 0,
-        setPrevPage: (val)=>set({
-                prevPage: val
-            }),
-        pageSize: 20,
-        loadMore: (page, prevPage)=>{
-            set({
-                page: page + 1,
-                prevPage: prevPage + 1
-            });
-        }
-    }));
-const _default = useDropdownStore;

package/dist/FxFilterActionButton/FxFilterActionButton.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export declare const FxFilterActionButton: ({ btnValue, onClick, startIcon, sx, }: {
-    btnValue: string;
-    onClick: any;
-    startIcon?: any;
-    sx?: any;
-}) => React.JSX.Element;

package/dist/FxFilterActionButton/FxFilterActionButton.js

@@ -1,82 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "FxFilterActionButton", {
-    enumerable: true,
-    get: function() {
-        return FxFilterActionButton;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _material = require("@mui/material");
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-const FxFilterActionButton = ({ btnValue, onClick, startIcon, sx })=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
-        id: "fade-button",
-        sx: _object_spread_props(_object_spread({}, sx), {
-            fontWeight: 'normal'
-        }),
-        "aria-haspopup": "true",
-        startIcon: startIcon,
-        onClick: onClick,
-        children: btnValue
-    });
-};

package/dist/FxFilterActionButton/index.d.ts

@@ -1 +0,0 @@
-export { FxFilterActionButton } from './FxFilterActionButton';

package/dist/FxFilterActionButton/index.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "FxFilterActionButton", {
-    enumerable: true,
-    get: function() {
-        return _FxFilterActionButton.FxFilterActionButton;
-    }
-});
-const _FxFilterActionButton = require("./FxFilterActionButton");

package/dist/FxFilterSortButton/FxFilterSortButton.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export declare const FxFilterSortButton: ({ btnValue, onClick, startIcon, sx, }: {
-    btnValue: string;
-    onClick: any;
-    startIcon?: any;
-    sx?: any;
-}) => React.JSX.Element;

package/dist/FxFilterSortButton/FxFilterSortButton.js

@@ -1,82 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "FxFilterSortButton", {
-    enumerable: true,
-    get: function() {
-        return FxFilterSortButton;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _material = require("@mui/material");
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-const FxFilterSortButton = ({ btnValue, onClick, startIcon, sx })=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Button, {
-        id: "fade-button",
-        sx: _object_spread_props(_object_spread({}, sx), {
-            fontWeight: 'normal'
-        }),
-        "aria-haspopup": "true",
-        startIcon: startIcon,
-        onClick: onClick,
-        children: btnValue
-    });
-};

package/dist/FxFilterSortButton/index.d.ts

@@ -1 +0,0 @@
-export { FxFilterSortButton } from './FxFilterSortButton';

package/dist/FxFilterSortButton/index.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "FxFilterSortButton", {
-    enumerable: true,
-    get: function() {
-        return _FxFilterSortButton.FxFilterSortButton;
-    }
-});
-const _FxFilterSortButton = require("./FxFilterSortButton");

package/dist/FxModalWithButton/FxModalWithButton.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-export declare const FxModalWithButton: ({ btnType, color, btnValue, modalData, onClick, disabled, icon, }: {
-    btnType?: 'text' | 'icon';
-    color?: 'secondary' | undefined;
-    btnValue?: string;
-    modalData: any;
-    onClick?: any;
-    disabled?: boolean;
-    icon?: string;
-}) => React.JSX.Element;