@fixefy/fixefy-ui-components 0.0.44 → 0.0.46

package/build/FxIcon/content/lazy_icon.js

@@ -1,137 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "LazyIcon", {
-    enumerable: true,
-    get: function() {
-        return LazyIcon;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _material = require("@mui/material");
-const _fixefyuiutils = require("@fixefy/fixefy-ui-utils");
-const _image = /*#__PURE__*/ _interop_require_default(require("next/image"));
-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 _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;
-}
-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 LazyIcon = ({ icon, root, width, height })=>{
-    const [isError, setError] = (0, _react.useState)(false);
-    const handleError = (isError)=>setError(isError);
-    if (isError) {
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Avatar, {
-            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-                fontSize: 29,
-                fontWeight: 600,
-                children: (0, _fixefyuiutils.toInitials)(icon)
-            })
-        });
-    }
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_image.default, {
-        alt: icon,
-        width: width,
-        height: height,
-        loader: (obj)=>(0, _fixefyuiutils.imageLoader)(_object_spread_props(_object_spread({}, obj), {
-                root
-            })),
-        src: icon,
-        onLoad: ()=>handleError(false),
-        onError: ()=>handleError(true)
-    });
-};

package/build/FxIcon/icon_types.d.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});

package/build/FxIcon/index.js

@@ -1,20 +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, {
-    FxIcon: function() {
-        return _FxIcon.FxIcon;
-    },
-    IconPropsType: function() {
-        return _icon_types.IconPropsType;
-    }
-});
-const _FxIcon = require("./FxIcon");
-const _icon_types = require("./icon_types");

package/build/FxModal/FxModal.js

@@ -1,171 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "FxModal", {
-    enumerable: true,
-    get: function() {
-        return FxModal;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _material = require("@mui/material");
-const _modalstyle = require("./styles/modal.style");
-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;
-}
-function _object_without_properties(source, excluded) {
-    if (source == null) return {};
-    var target = _object_without_properties_loose(source, excluded);
-    var key, i;
-    if (Object.getOwnPropertySymbols) {
-        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceSymbolKeys.length; i++){
-            key = sourceSymbolKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-    }
-    return target;
-}
-function _object_without_properties_loose(source, excluded) {
-    if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        target[key] = source[key];
-    }
-    return target;
-}
-//////////////
-const FxDialogTitle = (props)=>{
-    const { children } = props, other = _object_without_properties(props, [
-        "children"
-    ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_modalstyle.StyledDialogTitle, _object_spread_props(_object_spread({}, other), {
-        children: children
-    }));
-};
-const FxInlineDialogTitle = (props)=>{
-    const { children } = props, other = _object_without_properties(props, [
-        "children"
-    ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_modalstyle.StyledInlineDialogTitle, _object_spread_props(_object_spread({}, other), {
-        children: children
-    }));
-};
-const IconTitle = ({ icon, title, inline })=>{
-    const renderObject = inline ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
-        sx: {
-            display: 'flex',
-            alignItems: 'center'
-        },
-        children: [
-            icon,
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(FxInlineDialogTitle, {
-                id: "customized-dialog-title",
-                children: title
-            })
-        ]
-    }) : /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-        children: [
-            icon && icon,
-            title && /*#__PURE__*/ (0, _jsxruntime.jsx)(FxDialogTitle, {
-                id: "customized-dialog-title",
-                children: title
-            })
-        ]
-    });
-    return renderObject;
-};
-const FxModal = (_param)=>{
-    var { isOpen = false, isIconTitleInline = false, icon, onClose, children, title, actions } = _param, rest = _object_without_properties(_param, [
-        "isOpen",
-        "isIconTitleInline",
-        "icon",
-        "onClose",
-        "children",
-        "title",
-        "actions"
-    ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_modalstyle.FxDialog, _object_spread_props(_object_spread({}, rest), {
-            fullWidth: true,
-            onClose: onClose,
-            "aria-labelledby": "customized-dialog-title",
-            open: isOpen,
-            children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)(IconTitle, {
-                    icon: icon,
-                    title: title,
-                    inline: isIconTitleInline
-                }),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.DialogContent, {
-                    children: children
-                }),
-                actions && /*#__PURE__*/ (0, _jsxruntime.jsx)(_modalstyle.DialogActionsStyled, {
-                    children: actions
-                })
-            ]
-        }))
-    });
-};

package/build/FxModal/index.js

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

package/build/FxModal/modal_types.d.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});

package/build/FxModal/styles/modal.style.js

@@ -1,59 +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, {
-    DialogActionsStyled: function() {
-        return DialogActionsStyled;
-    },
-    FxDialog: function() {
-        return FxDialog;
-    },
-    StyledDialogTitle: function() {
-        return StyledDialogTitle;
-    },
-    StyledInlineDialogTitle: function() {
-        return StyledInlineDialogTitle;
-    }
-});
-const _styles = require("@mui/material/styles");
-const _material = require("@mui/material");
-const FxDialog = (0, _styles.styled)(_material.Dialog)(()=>({
-        '& .MuiDialog-paper': {
-            borderRadius: 8,
-            padding: '24px',
-            // minWidth: "370px",
-            maxWidth: 'fit-content'
-        },
-        '& .MuiDialogContent-root': {
-            padding: 0
-        },
-        // "& .MuiDialogTitle-root": {
-        //   margin: "8px 0",
-        // },
-        '& .MuiDialogActions-root': {
-            margin: '24px 0 0 0',
-            padding: 0
-        }
-    }));
-const StyledDialogTitle = (0, _styles.styled)(_material.DialogTitle)(()=>({
-        fontSize: 14,
-        fontWeight: 900,
-        margin: '8px 0'
-    }));
-const StyledInlineDialogTitle = (0, _styles.styled)(_material.DialogTitle)(()=>({
-        fontSize: 19,
-        fontWeight: 600,
-        color: '#568793',
-        margin: '8px 16px',
-        padding: 0
-    }));
-const DialogActionsStyled = (0, _styles.styled)(_material.DialogActions)(({})=>({
-        justifyContent: 'flex-start'
-    }));

package/build/FxNotes/FxNotes.js

@@ -1,216 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "FxNotes", {
-    enumerable: true,
-    get: function() {
-        return FxNotes;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _notesstyles = require("./styles/notes.styles");
-const _queries = require("./operations/queries");
-const _client = require("@apollo/client");
-const _stringToColor = require("./helpers/stringToColor");
-const _fixefyuiutils = 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 _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;
-}
-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 FxNotes = ({ notes, onChange, onSend })=>{
-    const [comment, setComment] = (0, _react.useState)('');
-    const [backgroundcolors, setBackgroundColors] = (0, _react.useState)({});
-    // const [anchorEl] = React.useState<HTMLButtonElement | null>(null)
-    const inputRef = (0, _react.useRef)();
-    const { data } = (0, _client.useQuery)(_queries.ME);
-    const { me } = data;
-    // const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {
-    //   setAnchorEl(event.currentTarget)
-    // }
-    // const handleClose = () => {
-    //   setAnchorEl(null)
-    // }
-    const handleEnterKeyPressed = ()=>{
-        setComment((prevState)=>{
-            if (prevState) {
-                onSend && onSend({
-                    created_at: new Date().getTime(),
-                    created_by: me.username,
-                    text: prevState
-                });
-            }
-            return '';
-        });
-    };
-    (0, _react.useEffect)(()=>{
-        onChange && onChange(comment);
-    }, [
-        comment
-    ]);
-    (0, _react.useEffect)(()=>{
-        if (inputRef.current) {
-            inputRef.current.addEventListener('keyup', (event)=>{
-                if (event.keyCode === 13) {
-                    event.preventDefault();
-                    handleEnterKeyPressed();
-                }
-            });
-        }
-        return inputRef && inputRef.current && inputRef.current.removeEventListener('keyup', handleEnterKeyPressed);
-    }, []);
-    // const open = Boolean(anchorEl)
-    // const id = open ? 'simple-popover' : undefined
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_notesstyles.CommentsContainer, {
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_notesstyles.CommentWrapper, {
-                children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_notesstyles.StyledAvatar, {
-                        sx: {
-                            backgroundColor: backgroundcolors[me.username] ? backgroundcolors[me.username] : (0, _stringToColor.stringToColor)(me.username, (color)=>{
-                                setBackgroundColors(_object_spread_props(_object_spread({}, backgroundcolors), {
-                                    [me.username]: color
-                                }));
-                            })
-                        },
-                        src: me && me.image_url,
-                        children: me && (0, _fixefyuiutils.titleCase)(me.username.slice(0, 1))
-                    }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_notesstyles.CommentInput, {
-                        type: "text",
-                        value: comment,
-                        ref: inputRef,
-                        onChange: (e)=>{
-                            setComment(e.currentTarget.value);
-                        }
-                    })
-                ]
-            }),
-            notes && notes.length ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_notesstyles.CommentsWrapper, {
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_notesstyles.CommentsScrollWrapper, {
-                    children: notes.slice().reverse().map((comment, index)=>{
-                        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_notesstyles.UserCommentWrapper, {
-                            children: [
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_notesstyles.StyledAvatar, {
-                                    sx: {
-                                        backgroundColor: backgroundcolors[comment.created_by] ? backgroundcolors[comment.created_by] : (0, _stringToColor.stringToColor)(comment.created_by, (color)=>{
-                                            setBackgroundColors(_object_spread_props(_object_spread({}, backgroundcolors), {
-                                                [comment.created_by]: color
-                                            }));
-                                        })
-                                    },
-                                    children: (0, _fixefyuiutils.titleCase)(comment.created_by.slice(0, 1))
-                                }),
-                                /*#__PURE__*/ (0, _jsxruntime.jsxs)(_notesstyles.UserComment, {
-                                    children: [
-                                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_notesstyles.CommentUserTitle, {
-                                            children: comment.created_by
-                                        }),
-                                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_notesstyles.CommentDate, {
-                                            children: (0, _fixefyuiutils.normalizeTimestamp)(comment.created_at, {
-                                                dateOnly: true
-                                            })
-                                        }),
-                                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_notesstyles.CommentDesc, {
-                                            children: comment.text
-                                        })
-                                    ]
-                                })
-                            ]
-                        }, index);
-                    })
-                })
-            }) : null
-        ]
-    });
-};

package/build/FxNotes/helpers/stringToColor.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "stringToColor", {
-    enumerable: true,
-    get: function() {
-        return stringToColor;
-    }
-});
-const stringToColor = (string, callBack)=>{
-    let hash = 0;
-    let color = '#';
-    if (!string) {
-        return '#000';
-    }
-    /* eslint-disable no-bitwise */ for(let i = 0; i < string.length; i += 1){
-        hash = string.charCodeAt(i) + ((hash << 5) - hash);
-    }
-    for(let i = 0; i < 3; i += 1){
-        const value = hash >> i * 8 & 0xff;
-        color += `00${value.toString(16)}`.substr(-2);
-    }
-    /* eslint-enable no-bitwise */ callBack && callBack(color);
-    return color;
-};

package/build/FxNotes/note_types.d.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});