@fixefy/fixefy-ui-components 0.3.31 → 0.3.34

package/dist/FxModalWithComponent/FxModalWithComponent.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export declare const FxModalWithComponent: ({ btnType, btnValue, modalData, onClick, disabled, icon, sx, iconSize, }: {
+    btnType?: 'text' | 'icon';
+    btnValue?: string;
+    modalData: any;
+    onClick?: any;
+    disabled?: boolean;
+    icon?: string;
+    sx?: any;
+    iconSize?: number;
+}) => React.JSX.Element;

package/dist/FxModalWithComponent/FxModalWithComponent.js

@@ -0,0 +1,102 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FxModalWithComponent", {
+    enumerable: true,
+    get: function() {
+        return FxModalWithComponent;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _material = require("@mui/material");
+const _FxStyledButton = require("../FxStyledButton");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const FxModalWithComponent = ({ btnType = 'text', btnValue, modalData, onClick, disabled, icon, sx, iconSize })=>{
+    const [isOpen, setIsOpen] = (0, _react.useState)(false);
+    const [AnchorEl, setAnchorEl] = (0, _react.useState)(null);
+    const handleClick = (e)=>{
+        if (onClick) {
+            onClick();
+            setIsOpen((prev)=>!prev);
+            setAnchorEl(e.currentTarget);
+        } else {
+            setIsOpen((prev)=>!prev);
+            setAnchorEl(e.currentTarget);
+        }
+    };
+    const handleClose = ()=>{
+        setIsOpen(false);
+        setAnchorEl(null);
+    };
+    (0, _react.useEffect)(()=>{
+        setIsOpen(false);
+    }, [
+        btnValue
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxStyledButton.FxStyledButton, {
+                sx: sx,
+                btnType: btnType,
+                btnValue: btnValue,
+                onClick: handleClick,
+                startIcon: icon,
+                disabled: disabled,
+                iconSize: iconSize || 20
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Menu, {
+                id: "fade-menu",
+                MenuListProps: {
+                    'aria-labelledby': 'fade-button'
+                },
+                anchorEl: AnchorEl,
+                open: isOpen,
+                onClose: handleClose,
+                TransitionComponent: _material.Fade,
+                children: isOpen && modalData
+            })
+        ]
+    });
+};

package/dist/FxModalWithComponent/index.d.ts

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

package/dist/FxModalWithComponent/index.js

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

package/dist/FxModalWithMenu/FxModalWithMenu.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export declare const FxModalWithMenu: ({ btnType, btnValue, modalData, onClick, disabled, startIcon, endIcon, shouldShowModal, buttonSx, menuItemSx, iconSize, }: {
+    btnType?: 'text' | 'icon';
+    btnValue?: string;
+    modalData: any;
+    onClick?: any;
+    disabled?: boolean;
+    startIcon?: string;
+    endIcon?: string;
+    shouldShowModal?: boolean;
+    buttonSx?: any;
+    menuItemSx?: any;
+    iconSize?: number;
+}) => React.JSX.Element;

package/dist/FxModalWithMenu/FxModalWithMenu.js

@@ -0,0 +1,114 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FxModalWithMenu", {
+    enumerable: true,
+    get: function() {
+        return FxModalWithMenu;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _material = require("@mui/material");
+const _FxMenuItemWithIcon = require("../FxMenuItemWithIcon");
+const _FxStyledButton = require("../FxStyledButton");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const FxModalWithMenu = ({ btnType = 'text', btnValue, modalData, onClick, disabled, startIcon, endIcon, shouldShowModal = true, buttonSx, menuItemSx, iconSize })=>{
+    const [isOpen, setIsOpen] = (0, _react.useState)(false);
+    const [AnchorEl, setAnchorEl] = (0, _react.useState)(null);
+    const handleClick = (e)=>{
+        if (onClick) {
+            onClick();
+            setIsOpen((prev)=>!prev);
+            setAnchorEl(e.currentTarget);
+        } else {
+            setIsOpen((prev)=>!prev);
+            setAnchorEl(e.currentTarget);
+        }
+    };
+    const handleClose = ()=>{
+        setIsOpen(false);
+        setAnchorEl(null);
+    };
+    (0, _react.useEffect)(()=>{
+        setIsOpen(false);
+    }, [
+        btnValue
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxStyledButton.FxStyledButton, {
+                sx: buttonSx,
+                btnType: btnType,
+                btnValue: btnValue,
+                onClick: handleClick,
+                startIcon: startIcon,
+                endIcon: endIcon,
+                iconSize: iconSize || 20,
+                disabled: disabled
+            }),
+            shouldShowModal && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Menu, {
+                id: "fade-menu",
+                MenuListProps: {
+                    'aria-labelledby': 'fade-button'
+                },
+                anchorEl: AnchorEl,
+                open: isOpen,
+                onClose: handleClose,
+                TransitionComponent: _material.Fade,
+                children: isOpen && (modalData === null || modalData === void 0 ? void 0 : modalData.map((item, i)=>{
+                    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxMenuItemWithIcon.FxMenuItemWithIcon, {
+                        icon: item.icon,
+                        title: item.title,
+                        onClick: ()=>{
+                            handleClose();
+                            item.onClick();
+                        },
+                        sx: menuItemSx
+                    }, i);
+                }))
+            })
+        ]
+    });
+};

package/dist/FxModalWithMenu/index.d.ts

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

package/dist/FxModalWithMenu/index.js

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

package/dist/FxPopper/styles/makeStyles.d.ts

@@ -0,0 +1,16 @@
+export declare const makeStyles: <Params = void, RuleNameSubsetReferencableInNestedSelectors extends string = never>(params?: {
+    name?: string | Record<string, unknown> | undefined;
+    uniqId?: string | undefined;
+} | undefined) => <RuleName extends string>(cssObjectByRuleNameOrGetCssObjectByRuleName: Record<RuleName, import("tss-react").CSSObject> | ((theme: import("@mui/styles").DefaultTheme, params: Params, classes: Record<RuleNameSubsetReferencableInNestedSelectors, string>) => Record<RuleNameSubsetReferencableInNestedSelectors | RuleName, import("tss-react").CSSObject>)) => (params: Params, muiStyleOverridesParams?: {
+    props: Record<string, unknown>;
+    ownerState?: Record<string, unknown> | undefined;
+} | undefined) => {
+    classes: Record<RuleName, string>;
+    theme: import("@mui/styles").DefaultTheme;
+    css: import("tss-react").Css;
+    cx: import("tss-react").Cx;
+}, useStyles: () => {
+    theme: import("@mui/styles").DefaultTheme;
+    css: import("tss-react").Css;
+    cx: import("tss-react").Cx;
+};

package/dist/FxPopper/styles/makeStyles.js

@@ -0,0 +1,23 @@
+"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, {
+    makeStyles: function() {
+        return makeStyles;
+    },
+    useStyles: function() {
+        return useStyles;
+    }
+});
+const _tssreact = require("tss-react");
+const _styles = require("@mui/styles");
+const { makeStyles, useStyles } = (0, _tssreact.createMakeStyles)({
+    useTheme: _styles.useTheme
+});

package/dist/FxWizard/FxWizard/FxWizard.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const FxWizard: ({ config, footer }: {
+    config: any;
+    footer: any;
+}) => React.JSX.Element;
+export default FxWizard;

package/dist/FxWizard/FxWizard/FxWizard.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _reactusewizard = require("react-use-wizard");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const FxWizard = ({ config, footer })=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactusewizard.Wizard, {
+        footer: footer,
+        children: config === null || config === void 0 ? void 0 : config.steps.map((step, i)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(WizardStepWrapper, {
+                props: step,
+                Component: step.component
+            }, i))
+    });
+};
+const WizardStepWrapper = ({ Component, props })=>{
+    console.log('WizardStepWrapper', JSON.stringify(props));
+    const { goToStep, isLastStep } = (0, _reactusewizard.useWizard)();
+    const handleNext = ()=>{
+        if (!isLastStep) {
+            goToStep(props.nextStepPath);
+        } else {
+            console.log('Reached the final step');
+        }
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(Component, {
+        onHandleNext: handleNext
+    });
+};
+const _default = FxWizard;

package/dist/FxWizard/FxWizard/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FxWizard';
+export * from './utils';

package/dist/FxWizard/FxWizard/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./FxWizard"), exports);
+_export_star(require("./utils"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}

package/dist/FxWizard/FxWizard/utils/envHelpers.d.ts

@@ -0,0 +1 @@
+export declare const getEnvSuffix: () => string;

package/dist/FxWizard/FxWizard/utils/envHelpers.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "getEnvSuffix", {
+    enumerable: true,
+    get: function() {
+        return getEnvSuffix;
+    }
+});
+const getEnvSuffix = ()=>{
+    let rv;
+    switch(process.env.NEXT_PUBLIC_NODE_ENV){
+        case 'prod':
+        case 'production':
+            rv = '';
+            break;
+        case 'stage':
+            {
+                rv = '-stage';
+                break;
+            }
+        case 'dev':
+        case 'development':
+            rv = '-dev';
+            break;
+        case 'test':
+            rv = `-${process.env.NEXT_PUBLIC_NODE_ENV || ''}`;
+            break;
+        default:
+            rv = '-dev';
+            break;
+    }
+    return rv;
+};

package/dist/FxWizard/FxWizard/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './envHelpers';

package/dist/FxWizard/FxWizard/utils/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./envHelpers"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}

package/dist/FxWizard/pages/wizard/[step].d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare function getServerSideProps(context: any): Promise<{
+    props?: {
+        step: any;
+        pathname: string;
+    } | undefined;
+}>;
+declare const steps: (props: any) => React.JSX.Element;
+export default steps;

package/dist/FxWizard/pages/wizard/[step].js

@@ -0,0 +1,112 @@
+"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, {
+    default: function() {
+        return _default;
+    },
+    getServerSideProps: function() {
+        return getServerSideProps;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+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;
+}
+// import { getServerSideProps as serverProps } from '@lib/serverProps'
+const Step = ()=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        children: "Step"
+    });
+};
+function getServerSideProps(context) {
+    return _getServerSideProps.apply(this, arguments);
+}
+function _getServerSideProps() {
+    _getServerSideProps = _async_to_generator(function*(context) {
+        const { query } = context;
+        let rv;
+        if (query) {
+            const { step, wizardId } = query;
+            rv = {
+                props: {
+                    step,
+                    pathname: `.../${wizardId}/steps/${step}`
+                }
+            };
+        }
+        return _object_spread({}, rv);
+    });
+    return _getServerSideProps.apply(this, arguments);
+}
+const steps = (props)=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(Step, _object_spread({}, props));
+};
+const _default = steps;

package/dist/FxWizard/pages/wizard/index.d.ts

@@ -0,0 +1 @@
+export * from './[step]';

package/dist/FxWizard/pages/wizard/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./[step]"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}

package/dist/index.d.ts

@@ -3,7 +3,6 @@ export { FxAggregationsBar, AggregationsDataPropsType, AggreationsBarPropsType }
 export { FxAsyncDropdown, Option, StylesOptions, AsyncDropdownPropsType } from './FxAsyncDropdown';
 export { FxAvatar, AvatarPropsType, BackgroundColorsType } from './FxAvatar';
 export { FxButton, ButtonPropsType } from './FxButton';
-export { FxCheckbox } from './FxCheckbox';
 export { FxChip, ChipPropsType } from './FxChip';
 export { FxDatesProgress } from './FxDatesProgress';
 export { FxGeneralModal } from './FxGeneralModal';

package/dist/index.js

@@ -66,9 +66,6 @@ _export(exports, {
     FxButtonModalWithMenu: function() {
         return _FxButtonModalWithMenu.FxButtonModalWithMenu;
     },
-    FxCheckbox: function() {
-        return _FxCheckbox.FxCheckbox;
-    },
     FxChip: function() {
         return _FxChip.FxChip;
     },
@@ -237,7 +234,6 @@ const _FxAggregationsBar = require("./FxAggregationsBar");
 const _FxAsyncDropdown = require("./FxAsyncDropdown");
 const _FxAvatar = require("./FxAvatar");
 const _FxButton = require("./FxButton");
-const _FxCheckbox = require("./FxCheckbox");
 const _FxChip = require("./FxChip");
 const _FxDatesProgress = require("./FxDatesProgress");
 const _FxGeneralModal = require("./FxGeneralModal");