@fixefy/fixefy-ui-components 0.3.108 → 0.3.110

package/dist/FxAsyncDropdown/FxAsyncDropdown.js

@@ -19,7 +19,7 @@ const _graphqltag = require("graphql-tag");
 const _dropdownstyles = require("./styles/dropdown.styles");
 const _helpers = require("./helpers/helpers");
 const _hooks = require("@apollo/client/react/hooks");
-const _nookies = require("nookies");
+const _fixefycookies = require("@fixefy/fixefy-cookies");
 const _components = require("./components");
 function _define_property(obj, key, value) {
     if (key in obj) {
@@ -126,8 +126,8 @@ const FxAsyncDropdown = (props)=>{
     const { method_name } = variables !== null && variables !== void 0 ? variables : {};
     var _fetcher_queryOptions_variables;
     const { where, sort } = (_fetcher_queryOptions_variables = fetcher.queryOptions.variables) !== null && _fetcher_queryOptions_variables !== void 0 ? _fetcher_queryOptions_variables : {};
-    var _parseCookies;
-    const { ws } = (_parseCookies = (0, _nookies.parseCookies)()) !== null && _parseCookies !== void 0 ? _parseCookies : {};
+    var _CookieHelper_getAll;
+    const { ws } = (_CookieHelper_getAll = _fixefycookies.CookieHelper.getAll(null)) !== null && _CookieHelper_getAll !== void 0 ? _CookieHelper_getAll : {};
     const isLocal = fetcher === null || fetcher === void 0 ? void 0 : (_fetcher_query = fetcher.query) === null || _fetcher_query === void 0 ? void 0 : _fetcher_query.loc;
     const gqlQuery = isLocal ? fetcher.query.loc.source.body : fetcher.query;
     const [defaultValueWhere, setDefaultValueWhere] = (0, _react.useState)(where);

package/dist/FxDatesProgress/styles/progress.styles.js

@@ -19,6 +19,6 @@ const Progress = (0, _styles.styled)(_LinearProgress.default)(({ theme })=>({
         borderRadius: '20px',
         backgroundColor: '#E7EEF0',
         '& .MuiLinearProgress-barColorPrimary': {
-            backgroundColor: theme.palette.primary['500']
+            backgroundColor: theme.palette.primary['300']
         }
     }));

package/dist/FxUserImage/FxUserImage.js

@@ -11,7 +11,7 @@ Object.defineProperty(exports, "FxUserImage", {
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _image = /*#__PURE__*/ _interop_require_default(require("next/image"));
-const _nookies = require("nookies");
+const _fixefycookies = require("@fixefy/fixefy-cookies");
 const _FxIcon = require("../FxIcon");
 const _nexts3upload = require("@fixefy/next-s3-upload");
 const _fixefyuiutils = require("@fixefy/fixefy-ui-utils");
@@ -153,7 +153,7 @@ const FxUserImage = ({ bucketAddress, user, loading, setLoading, assetUrl })=>{
     const fetchFiles = function() {
         var _ref = _async_to_generator(function*() {
             setLoading(true);
-            const { ws, user } = (0, _nookies.parseCookies)();
+            const { ws, user } = _fixefycookies.CookieHelper.getAll(null);
             let { workspaces } = JSON.parse(user);
             if (typeof workspaces === 'string') {
                 workspaces = JSON.parse(workspaces);

package/dist/fixefy-ui-components/src/FxActionsTray/FxActionsTray.js

@@ -0,0 +1,111 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FxActionsTray", {
+    enumerable: true,
+    get: function() {
+        return FxActionsTray;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _fixefyuiutils = require("@fixefy/fixefy-ui-utils");
+const _actionsTraystyle = require("./styles/actionsTray.style");
+const _Box = /*#__PURE__*/ _interop_require_default(require("@mui/material/Box"));
+const _Divider = /*#__PURE__*/ _interop_require_default(require("@mui/material/Divider"));
+const _Paper = /*#__PURE__*/ _interop_require_default(require("@mui/material/Paper"));
+const _Slide = /*#__PURE__*/ _interop_require_default(require("@mui/material/Slide"));
+const _Typography = /*#__PURE__*/ _interop_require_default(require("@mui/material/Typography"));
+const _Button = /*#__PURE__*/ _interop_require_default(require("@mui/material/Button"));
+const _pluralize = /*#__PURE__*/ _interop_require_default(require("pluralize"));
+const _FxIcon = require("../FxIcon");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const FxActionsTray = ({ assetUrl, ctx, entityType = 'item', show = false, actions = [], onClose, onClick })=>{
+    const { classes } = (0, _actionsTraystyle.useStyles)();
+    const { selection = [], selectAll, ultraSelectAll, totalCount } = ctx;
+    const selectedCount = selectAll === true && ultraSelectAll === true ? totalCount : selection.length;
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        className: classes.container,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Slide.default, {
+            direction: "up",
+            in: show,
+            mountOnEnter: true,
+            unmountOnExit: true,
+            timeout: 400,
+            children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Paper.default, {
+                elevation: 4,
+                className: classes.paper,
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                        className: classes.selected,
+                        children: [
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Typography.default, {
+                                sx: {
+                                    fontWeight: 700,
+                                    marginRight: '7px'
+                                },
+                                children: selectedCount
+                            }),
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Typography.default, {
+                                children: `${(0, _pluralize.default)(entityType, selectedCount)} selected`
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Divider.default, {
+                        className: classes.divider,
+                        orientation: "vertical"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: classes.actions,
+                        children: actions.map((action, index)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(ActionButton, {
+                                assetUrl: assetUrl,
+                                title: action.title,
+                                name: action.name,
+                                icon: action.extended.icon,
+                                classes: classes,
+                                onClick: onClick
+                            }, index))
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Divider.default, {
+                        className: classes.divider,
+                        orientation: "vertical"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
+                        className: classes.close,
+                        onClick: onClose,
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Typography.default, {
+                            textAlign: 'center',
+                            children: (0, _fixefyuiutils.titleCase)('close')
+                        })
+                    })
+                ]
+            })
+        })
+    });
+};
+const ActionButton = ({ assetUrl, title, name, icon, classes, onClick })=>/*#__PURE__*/ (0, _jsxruntime.jsxs)(_Button.default, {
+        id: name,
+        className: classes.actionButton,
+        title: (0, _fixefyuiutils.titleCase)(title),
+        onClick: (event)=>onClick(event, name),
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Box.default, {
+                width: '16px',
+                height: '16px',
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
+                    width: 16,
+                    height: 16,
+                    icon: `actions/${icon}.svg`,
+                    assetUrl: assetUrl
+                })
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Typography.default, {
+                children: (0, _fixefyuiutils.titleCase)(title)
+            })
+        ]
+    });

package/dist/fixefy-ui-components/src/FxActionsTray/index.js

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

package/dist/fixefy-ui-components/src/FxActionsTray/styles/actionsTray.style.js

@@ -0,0 +1,114 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useStyles", {
+    enumerable: true,
+    get: function() {
+        return useStyles;
+    }
+});
+const _fixefyuiutils = require("@fixefy/fixefy-ui-utils");
+const useStyles = (0, _fixefyuiutils.makeStyles)()((theme)=>({
+        container: {
+            position: 'fixed',
+            top: '80%',
+            left: '50%',
+            width: 'max-content'
+        },
+        approveButton: {
+            ['&:hover']: {
+                background: 'none'
+            },
+            ['& p']: {
+                color: '#78B000'
+            },
+            ['& svg']: {
+                color: '#78B000'
+            }
+        },
+        paper: {
+            display: 'flex',
+            padding: '16px 24px',
+            borderRadius: '8px',
+            backgroundColor: theme.palette.background.default,
+            boxShadow: '0px 0px 10px rgba(86, 135, 147, 0.2)',
+            position: 'relative',
+            zIndex: 10000,
+            justifyContent: 'space-between',
+            left: '-50%',
+            overflow: 'hidden',
+            //@ts-ignore
+            border: `1px solid ${theme.palette.primary['100']}`
+        },
+        selected: {
+            display: 'flex',
+            marginRight: '24px',
+            ['& p']: {
+                fontSize: '12px',
+                lineHeight: '16px'
+            },
+            alignItems: 'center'
+        },
+        divider: {
+            height: '40px',
+            margin: 'auto 0px',
+            border: `solid 1px ${theme['palette'].greyscale.contrastText}`
+        },
+        actions: {
+            margin: '0 24px',
+            display: 'flex',
+            flexDirection: 'row',
+            alignItems: 'center',
+            justifyContent: 'center',
+            gap: '20px'
+        },
+        close: {
+            width: '90px',
+            height: '60px',
+            borderRadius: 0,
+            ['& p']: {
+                fontSize: '12px',
+                fontWeight: 700
+            }
+        },
+        actionButton: {
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+            padding: '8px 16px',
+            gap: '4px',
+            //@ts-ignore
+            border: `1px solid ${theme.palette.primary['500']}`,
+            borderRadius: '100px',
+            position: 'relative',
+            ['& p']: {
+                fontSize: '12px',
+                fontWeight: 600,
+                textAlign: 'center',
+                //@ts-ignore
+                color: theme.palette.primary['500']
+            },
+            ['&#approve']: {
+                backgroundColor: theme.palette.colors.green1,
+                borderColor: theme.palette.colors.green1,
+                ['& p']: {
+                    color: theme.palette.common.white
+                }
+            },
+            ['&#challenge']: {
+                backgroundColor: theme.palette.colors.orange,
+                borderColor: theme.palette.colors.orange,
+                ['& p']: {
+                    color: theme.palette.common.white
+                }
+            },
+            ['&#decline']: {
+                backgroundColor: theme.palette.colors.red,
+                borderColor: theme.palette.colors.red,
+                ['& p']: {
+                    color: theme.palette.common.white
+                }
+            }
+        }
+    }));

package/dist/fixefy-ui-components/src/FxAggregationsBar/FxAggregations.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FxAggregationsBar", {
+    enumerable: true,
+    get: function() {
+        return FxAggregationsBar;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _Stack = /*#__PURE__*/ _interop_require_default(require("@mui/material/Stack"));
+const _structureReader = require("./helpers/structureReader");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const FxAggregationsBar = (props)=>{
+    const { structure, minWidth, mb, filter, initialValues } = props;
+    const { children, extended } = structure;
+    const { variables } = extended;
+    const { collapsed } = variables;
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Stack.default, {
+        direction: "row",
+        spacing: 1.5,
+        sx: {
+            mb: mb ? mb : 0,
+            ['& div']: {
+                minWidth: minWidth
+            },
+            ['& > span']: {
+                minWidth: minWidth
+            }
+        },
+        children: children.map((child)=>{
+            return (0, _structureReader.structureReader)(child, filter, collapsed, initialValues);
+        })
+    });
+};

package/dist/fixefy-ui-components/src/FxAggregationsBar/helpers/structureReader.js

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "structureReader", {
+    enumerable: true,
+    get: function() {
+        return structureReader;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _Box = /*#__PURE__*/ _interop_require_default(require("@mui/material/Box"));
+const _Stack = /*#__PURE__*/ _interop_require_default(require("@mui/material/Stack"));
+const _Divider = /*#__PURE__*/ _interop_require_default(require("@mui/material/Divider"));
+const _FxScore = require("../../FxScore");
+const _FxStatisticsBar = require("../../FxStatisticsBar");
+const _FxProgressCounter = require("../../FxProgressCounter");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const structureReader = (structure, filter, collapsed, initialValues)=>{
+    const { extended, type } = structure;
+    switch(type){
+        case 'aggregations_primary_container':
+            return structure.children.map((child, index)=>{
+                var _child_input_type, _child_input_type1, _extended_variables;
+                return ((_child_input_type = child.input_type) === null || _child_input_type === void 0 ? void 0 : _child_input_type.value) === 'percentage' ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxScore.FxScore, {
+                    structure: child,
+                    filter: filter,
+                    value: initialValues === null || initialValues === void 0 ? void 0 : initialValues.score
+                }, index) : ((_child_input_type1 = child.input_type) === null || _child_input_type1 === void 0 ? void 0 : _child_input_type1.value) === 'progress' ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxProgressCounter.FxProgressCounter, {
+                    structure: child,
+                    filter: filter,
+                    values: initialValues
+                }, index) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_Box.default, {
+                    sx: {
+                        display: 'flex',
+                        justifyContent: 'center',
+                        alignItems: 'center',
+                        width: 'fit-content',
+                        padding: 2,
+                        borderRadius: 2,
+                        backgroundColor: (extended === null || extended === void 0 ? void 0 : (_extended_variables = extended.variables) === null || _extended_variables === void 0 ? void 0 : _extended_variables.bg) || '#FFFFFF'
+                    },
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxStatisticsBar.FxStatisticsBar, {
+                        structure: child,
+                        filter: filter,
+                        collapsed: collapsed,
+                        value: initialValues ? initialValues[child.extended.object_path] : null
+                    }, index)
+                });
+            });
+        case 'aggregations_secondary_container':
+            var _extended_variables;
+            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Stack.default, {
+                direction: "row",
+                divider: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Divider.default, {
+                    orientation: "vertical",
+                    flexItem: true
+                }),
+                spacing: 2,
+                sx: {
+                    backgroundColor: (extended === null || extended === void 0 ? void 0 : (_extended_variables = extended.variables) === null || _extended_variables === void 0 ? void 0 : _extended_variables.bg) || '#FFFFFF',
+                    borderRadius: '8px',
+                    padding: '24px 16px'
+                },
+                children: structure.children.map((child, index)=>{
+                    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxStatisticsBar.FxStatisticsBar, {
+                        structure: child,
+                        filter: filter,
+                        collapsed: collapsed,
+                        value: initialValues ? initialValues[child.extended.object_path] : null
+                    }, index);
+                })
+            });
+    }
+};

package/dist/fixefy-ui-components/src/FxAggregationsBar/index.js

@@ -0,0 +1,22 @@
+"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, {
+    AggreationsBarPropsType: function() {
+        return _FxAggregations.AggreationsBarPropsType;
+    },
+    AggregationsDataPropsType: function() {
+        return _FxAggregations.AggregationsDataPropsType;
+    },
+    FxAggregationsBar: function() {
+        return _FxAggregations.FxAggregationsBar;
+    }
+});
+const _FxAggregations = require("./FxAggregations");

package/dist/fixefy-ui-components/src/FxAggregationsBar/operations/query.js

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "STRUCTURES", {
+    enumerable: true,
+    get: function() {
+        return STRUCTURES;
+    }
+});
+const _graphqltag = require("graphql-tag");
+const STRUCTURES = (0, _graphqltag.gql)`
+  query STRUCTURES {
+    structure(where: { name: "aggregations_invoice" }) {
+      _id
+      bundle_name
+      name
+      title
+      type
+      input_type {
+        name
+        value
+      }
+      readable_id
+      extended {
+        format
+        gql_operation
+        title_path
+        object_path
+        filter
+        variables
+      }
+      children(sort: { index: 1 }) {
+        _id
+        name
+        title
+        type
+        input_type {
+          name
+          value
+        }
+        readable_id
+        extended {
+          format
+          gql_operation
+          title_path
+          object_path
+          filter
+          variables
+        }
+        children(sort: { index: 1 }) {
+          _id
+          name
+          title
+          type
+          input_type {
+            name
+            value
+          }
+          readable_id
+          extended {
+            format
+            gql_operation
+            title_path
+            object_path
+            filter
+            variables
+          }
+        }
+      }
+    }
+  }
+`;