@fixefy/fixefy-ui-components 0.3.30 → 0.3.31

package/dist/src/FxStatisticsBar/styles/statistics.styles.js

@@ -1,98 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useStyles", {
-    enumerable: true,
-    get: function() {
-        return useStyles;
-    }
-});
-const _styles = require("@mui/styles");
-require("@fixefy/fixefy-ui-utils");
-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 useStyles = (0, _styles.makeStyles)((theme)=>({
-        container: {
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'center',
-            flexDirection: 'column',
-            minHeight: 56
-        },
-        contrastLabel: {
-            fontWeight: 'normal',
-            fontSize: 11,
-            lineHeight: '16px',
-            letterSpacing: '0.1px',
-            opacity: 0.7,
-            color: theme.palette.common.white,
-            textOverflow: 'ellipsis',
-            whiteSpace: 'nowrap'
-        },
-        contrastValue: {
-            fontWeight: 600,
-            fontSize: 19,
-            lineHeight: '28px',
-            letterSpacing: '0.15px',
-            color: theme.palette.common.white
-        },
-        label: _object_spread_props(_object_spread({}, theme.typography.table), {
-            color: theme.palette.statistics.label,
-            textOverflow: 'ellipsis',
-            whiteSpace: 'nowrap'
-        }),
-        value: _object_spread_props(_object_spread({}, theme.typography.h5), {
-            color: theme.palette.statistics.value
-        })
-    }));

package/dist/src/FxStatusBar/FxStatusBar.js

@@ -1,143 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "FxStatusBar", {
-    enumerable: true,
-    get: function() {
-        return FxStatusBar;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _material = require("@mui/material");
-const _FxChip = require("../FxChip");
-const _constants = require("./helpers/constants");
-const _fixefyuiutils = require("@fixefy/fixefy-ui-utils");
-const _statusBarstyles = require("./styles/statusBar.styles");
-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 FxStatusBar = ({ onChangeStatus, onSearch, defaultStatus, title, options, chipsVariant = 'filled' })=>{
-    const [selectedStatus, setSelectedStatus] = (0, _react.useState)([]);
-    const [searchValue] = (0, _react.useState)('');
-    (0, _react.useEffect)(()=>{
-        if (defaultStatus) {
-            typeof defaultStatus === 'string' ? setSelectedStatus([
-                defaultStatus
-            ]) : setSelectedStatus(defaultStatus);
-        } else {
-            setSelectedStatus([
-                'all'
-            ]);
-        }
-    }, [
-        defaultStatus
-    ]);
-    const onStatusClick = (status)=>{
-        if (status === 'all') {
-            setSelectedStatus(()=>{
-                if (selectedStatus.includes(status)) {
-                    return [];
-                } else {
-                    return [
-                        'all'
-                    ];
-                }
-            });
-        } else {
-            setSelectedStatus((prevState)=>{
-                if (selectedStatus.includes(status)) {
-                    const rv = prevState.filter((_status)=>_status !== status && _status !== 'all');
-                    return rv.length == 0 ? [
-                        'all'
-                    ] : rv;
-                } else {
-                    const rv = prevState.filter((_status)=>_status !== status && _status !== 'all');
-                    return [
-                        ...rv,
-                        status
-                    ];
-                }
-            });
-        }
-    };
-    (0, _react.useEffect)(()=>{
-        onChangeStatus(selectedStatus);
-    }, [
-        selectedStatus
-    ]);
-    (0, _react.useEffect)(()=>{
-        onSearch && onSearch(searchValue);
-    }, [
-        searchValue
-    ]);
-    const __options = options !== null && options !== void 0 ? options : _constants.statuses;
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_statusBarstyles.StatusBarCard, {
-        children: [
-            title && /*#__PURE__*/ (0, _jsxruntime.jsx)(_statusBarstyles.StatusBarTitle, {
-                style: {
-                    marginRight: '8px'
-                },
-                children: (0, _fixefyuiutils.titleCase)(title)
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-                direction: "row",
-                spacing: 1,
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_statusBarstyles.StatusChipStyled, {
-                        onClick: ()=>onStatusClick('all'),
-                        label: "All",
-                        variant: selectedStatus.includes('all') ? 'filled' : 'outlined'
-                    }),
-                    Object.keys(__options).map((key, index)=>{
-                        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxChip.FxChip, {
-                            onClick: ()=>onStatusClick(__options[key]),
-                            label: (0, _fixefyuiutils.titleCase)(key),
-                            variant: chipsVariant,
-                            status: selectedStatus.includes(__options[key]) ? __options[key] : ''
-                        }, index);
-                    })
-                ]
-            })
-        ]
-    });
-};

package/dist/src/FxStatusBar/helpers/constants.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "statuses", {
-    enumerable: true,
-    get: function() {
-        return statuses;
-    }
-});
-const statuses = {
-    Declined: 'declined',
-    Pending: 'pending',
-    Approved: 'approved',
-    Active: 'active',
-    Challenge: 'challenged',
-    in_review: 'in_review',
-    Discrepancy: 'discrepancy',
-    no_pricing: 'no_pricing',
-    in_progress: 'in_progress',
-    Duplicated: 'duplicated'
-};

package/dist/src/FxStatusBar/index.js

@@ -1,22 +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, {
-    FxStatusBar: function() {
-        return _FxStatusBar.FxStatusBar;
-    },
-    Options: function() {
-        return _FxStatusBar.Options;
-    },
-    StatusBarPropsType: function() {
-        return _FxStatusBar.StatusBarPropsType;
-    }
-});
-const _FxStatusBar = require("./FxStatusBar");

package/dist/src/FxStatusBar/styles/statusBar.styles.js

@@ -1,131 +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, {
-    StatusBarCard: function() {
-        return StatusBarCard;
-    },
-    StatusBarTitle: function() {
-        return StatusBarTitle;
-    },
-    StatusChipStyled: function() {
-        return StatusChipStyled;
-    }
-});
-const _styles = require("@mui/material/styles");
-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 _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 StatusBarCard = (0, _styles.styled)(_material.Box)(({ theme })=>({
-        background: theme.palette.common.white,
-        borderRadius: 4,
-        padding: 16,
-        boxShadow: "0px 0px 10px rgba(86, 135, 147, 0.3)",
-        display: "flex",
-        alignItems: "center",
-        width: "fit-content"
-    }));
-const StatusBarTitle = (0, _styles.styled)("span")(({ theme })=>_object_spread_props(_object_spread({}, theme.typography.body1), {
-        color: theme.palette.common.black
-    }));
-const StatusChipStyled = (0, _styles.styled)(_material.Chip)(({ theme, variant })=>{
-    let backgroundColor, border, labelColor;
-    if (variant === "filled") {
-        backgroundColor = theme.palette.primary.light;
-        labelColor = theme.palette.common.white;
-    } else {
-        backgroundColor = theme.palette.common.white;
-    }
-    border = "#F0F0F0";
-    return {
-        height: 20,
-        minWidth: 34,
-        maxWidth: 120,
-        ["& .MuiChip-label"]: {
-            fontSize: 9,
-            fontWeight: 600,
-            lineHeight: "12px",
-            color: labelColor ? labelColor : theme.palette["statistics"].label
-        },
-        backgroundColor,
-        border: `1px solid ${border}`
-    };
-}); // export const StatusBarSearchWrapper = styled("div")(({ theme }) => ({
- //   position: "relative",
- //   display: "flex",
- //   alignItems: "center",
- //   ["& input"]: {
- //     ...theme.typography.body1,
- //     color: theme.palette.statistics.label,
- //     paddingLeft: 40,
- //     width: "100%",
- //   },
- //   ["& svg"]: {å
- //     position: "absolute",
- //     left: 16,
- //     color: theme.palette.primary.light,
- //   },
- // }));
- // export const StatusBarSearchBar = styled("input")(({ theme }) => ({
- //   background: theme.palette.common.white,
- //   border: "1px solid #C6DDE2",
- //   borderRadius: 4,
- //   height: 36,
- // }));