@fixefy/fixefy-ui-components 0.3.30 → 0.3.31

package/dist/FxCheckbox/FxCheckbox.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare const FxCheckbox: ({ label, value, checked, width, height, onChange }: {
+    label: string;
+    value: string;
+    checked: boolean;
+    width: any;
+    height?: any;
+    onChange: any;
+}) => React.JSX.Element;

package/dist/FxCheckbox/FxCheckbox.js

@@ -0,0 +1,76 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FxCheckbox", {
+    enumerable: true,
+    get: function() {
+        return FxCheckbox;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _material = require("@mui/material");
+const _FxIcon = require("../FxIcon");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const FxCheckbox = ({ label, value, checked, width, height, onChange })=>{
+    const handleChange = (val)=>{
+        onChange(val);
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
+        sx: {
+            width: '100%',
+            display: 'flex',
+            gap: 10,
+            '& > *': {
+                flex: 1
+            }
+        },
+        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
+            sx: {
+                display: 'flex',
+                borderRadius: '5px',
+                border: '1px solid #F0F0F0',
+                width: width || '50%',
+                height: height || '40px',
+                minHeight: '40px',
+                margin: 0,
+                alignItems: 'center'
+            },
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Checkbox, {
+                    onChange: ()=>{
+                        handleChange(value);
+                    },
+                    sx: {
+                        padding: '7px'
+                    },
+                    icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
+                        icon: "reports/radio_button_unchecked.svg",
+                        width: 16,
+                        height: 16
+                    }),
+                    checkedIcon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
+                        icon: "reports/radio_button_checked.svg",
+                        width: 16,
+                        height: 16
+                    }),
+                    checked: checked
+                }),
+                ' ',
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
+                        sx: {
+                            lineHeight: 3
+                        },
+                        children: label
+                    })
+                })
+            ]
+        })
+    });
+};

package/dist/FxCheckbox/index.d.ts

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

package/dist/{src/FxIcon → FxCheckbox}/index.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "FxIcon", {
+Object.defineProperty(exports, "FxCheckbox", {
     enumerable: true,
     get: function() {
-        return _FxIcon.FxIcon;
+        return _FxCheckbox.FxCheckbox;
     }
 });
-const _FxIcon = require("./FxIcon");
+const _FxCheckbox = require("./FxCheckbox");

package/dist/index.d.ts

@@ -3,6 +3,7 @@ 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,6 +66,9 @@ _export(exports, {
     FxButtonModalWithMenu: function() {
         return _FxButtonModalWithMenu.FxButtonModalWithMenu;
     },
+    FxCheckbox: function() {
+        return _FxCheckbox.FxCheckbox;
+    },
     FxChip: function() {
         return _FxChip.FxChip;
     },
@@ -234,6 +237,7 @@ 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");

package/package.json

@@ -67,5 +67,5 @@
       "require": "./dist/index.js"
     }
   },
-  "version": "0.3.30"
+  "version": "0.3.31"
 }

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/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;