@fixefy/fixefy-ui-components 0.0.10 → 0.0.13

package/dist-es/FxTextField/FxTextField.js

@@ -0,0 +1,58 @@
+import React, { useEffect, useState } from 'react';
+import { titleCase } from '@fixefy/fixefy-ui-utils';
+import { FormControl, FormHelperText, InputBase, InputLabel } from '@mui/material';
+import ErrorRoundedIcon from '@mui/icons-material/ErrorRounded';
+export const FxTextField = ({ autoFocus, droppedItem, defaultValue = '', onChange, structure, endAdornment, startAdornment, required, helperText, error = false, errorText, disabled, }) => {
+    const [value, setValue] = useState(defaultValue);
+    const { input_type, extended: { placeholder, title_path }, title, } = structure;
+    useEffect(() => {
+        if (droppedItem) {
+            const { item } = droppedItem;
+            setValue(item[title_path]);
+        }
+    }, [droppedItem]);
+    const _onChange = (e) => {
+        onChange && onChange(e);
+        setValue(e.target.value);
+    };
+    return (React.createElement(FormControl, { variant: 'standard', error: error },
+        title && (React.createElement(InputLabel, { shrink: true, htmlFor: title, sx: (theme) => ({
+                color: theme.palette.greyscale.light,
+                '&.Mui-focused': {
+                    color: theme.palette.greyscale.light,
+                },
+                ...(disabled && { opacity: '0.3' }),
+                '&.Mui-error': { color: theme.palette.greyscale.light },
+                ...(required && {
+                    '&:before': {
+                        content: "'*'",
+                        color: theme.palette.redscale.main,
+                        display: 'inline-block',
+                        marginRight: '5px',
+                    },
+                }),
+            }) }, titleCase(title))),
+        React.createElement(InputBase, { endAdornment: endAdornment, startAdornment: startAdornment, id: title, autoFocus: autoFocus ? autoFocus : false, placeholder: titleCase(placeholder), onChange: _onChange, type: input_type && input_type.value, value: value, error: error }),
+        error && errorText ? (React.createElement(FormHelperText, { sx: (theme) => ({
+                '&.Mui-error': {
+                    color: theme.palette.redscale.main,
+                },
+                display: 'grid',
+                gridAutoFlow: 'column',
+                alignItems: 'center',
+                justifyContent: 'left',
+                columnGap: theme.spacing(0.6),
+                fontSize: '11px',
+            }) },
+            React.createElement(ErrorRoundedIcon, { sx: (theme) => ({
+                    color: theme.palette.redscale.main,
+                    width: 10,
+                    height: 10,
+                }) }),
+            titleCase(errorText))) : (React.createElement(FormHelperText, { sx: (theme) => ({
+                color: theme.palette.greyscale.light,
+                fontSize: '11px',
+            }) }, helperText))));
+};
+export default FxTextField;
+//# sourceMappingURL=FxTextField.js.map

package/dist-es/FxTextField/FxTextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FxTextField.js","sourceRoot":"","sources":["../../src/FxTextField/FxTextField.tsx"],"names":[],"mappings":"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"}

package/dist-es/FxTextField/index.d.ts

@@ -0,0 +1,2 @@
+export { FxTextField } from './FxTextField';
+export type { TextFieldPropsType } from './text_field_types';

package/dist-es/FxTextField/index.js

@@ -0,0 +1,2 @@
+export { FxTextField } from './FxTextField';
+//# sourceMappingURL=index.js.map

package/dist-es/FxTextField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/FxTextField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA"}

package/dist-es/FxTodo/FxTodo.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TodoPropsType } from './todo_types';
+export declare function FxTodo({ todo }: TodoPropsType): React.JSX.Element;

package/dist-es/FxTodo/FxTodo.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import Image from 'next/image';
+import { FxAvatar } from '../FxAvatar';
+import { Divider } from '@mui/material';
+import { imageLoader, normalizeTimestamp, titleCase } from '@fixefy/fixefy-ui-utils';
+import { TodoCard, TodoCardHeader, TodoCardContent, TodoCardPriority, TodoCardTag, TodoCardFooter, TodoCardFooterDueDate, TodoCardContentButton } from './styles/todo.styles';
+export function FxTodo({ todo }) {
+    return (React.createElement(TodoCard, null,
+        React.createElement(TodoCardHeader, null,
+            React.createElement(TodoCardPriority, { priority: todo.priority },
+                React.createElement(Image, { alt: todo.title, width: 16, height: 16, loader: () => imageLoader({
+                        root: 'https://cdn-dev.fixefy.me/',
+                        src: 'invoices/severity_low.svg',
+                    }), src: `invoices/severity_${todo.priority}.svg`, onLoad: () => console.log('loaded'), onError: (e) => console.log('error:', e) }),
+                titleCase(todo.priority)),
+            todo.isNew && React.createElement(TodoCardTag, null, "New")),
+        React.createElement(TodoCardContent, null,
+            React.createElement("p", null, titleCase(todo.title)),
+            React.createElement("span", null, titleCase(todo.description)),
+            todo.actionTitle && (React.createElement(TodoCardContentButton, { size: "small", onClick: todo.action ? todo.action : () => { } }, todo.actionTitle))),
+        React.createElement(Divider, { sx: { mb: '16px' } }),
+        React.createElement(TodoCardFooter, null,
+            React.createElement(TodoCardFooterDueDate, null,
+                React.createElement("span", null, "Due Date"),
+                React.createElement("p", null, normalizeTimestamp(todo.created_date, {
+                    dateOnly: true,
+                    format: 'dd.mm.yyyy',
+                }))),
+            React.createElement(FxAvatar, { max: 4, isEditable: todo.isUserEditable, users: todo.users }))));
+}
+//# sourceMappingURL=FxTodo.js.map

package/dist-es/FxTodo/FxTodo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FxTodo.js","sourceRoot":"","sources":["../../src/FxTodo/FxTodo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,MAAM,YAAY,CAAA;AAE9B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAEvC,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAA;AACpF,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,eAAe,EAAE,gBAAgB,EAAE,WAAW,EAAE,cAAc,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAA;AAE7K,MAAM,UAAU,MAAM,CAAC,EAAE,IAAI,EAAiB;IAC5C,OAAO,CACL,oBAAC,QAAQ;QACP,oBAAC,cAAc;YACb,oBAAC,gBAAgB,IAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvC,oBAAC,KAAK,IACJ,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,MAAM,EAAE,GAAG,EAAE,CACX,WAAW,CAAC;wBACV,IAAI,EAAE,4BAA4B;wBAClC,GAAG,EAAE,2BAA2B;qBACjC,CAAQ,EAEX,GAAG,EAAE,qBAAqB,IAAI,CAAC,QAAQ,MAAM,EAC7C,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,EACnC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC,GACxC;gBAED,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CACR;YAClB,IAAI,CAAC,KAAK,IAAI,oBAAC,WAAW,cAAkB,CAC9B;QACjB,oBAAC,eAAe;YACd,+BAAI,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAK;YAC9B,kCAAO,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,CAAQ;YACzC,IAAI,CAAC,WAAW,IAAI,CACnB,oBAAC,qBAAqB,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,GAAE,CAAC,IAC9E,IAAI,CAAC,WAAW,CACK,CACzB,CACe;QAClB,oBAAC,OAAO,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,GAAI;QAC/B,oBAAC,cAAc;YACb,oBAAC,qBAAqB;gBACpB,6CAAqB;gBACrB,+BACG,kBAAkB,CAAC,IAAI,CAAC,YAAY,EAAE;oBACrC,QAAQ,EAAE,IAAI;oBACd,MAAM,EAAE,YAAY;iBACrB,CAAC,CACA,CACkB;YACxB,oBAAC,QAAQ,IAAC,GAAG,EAAE,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,cAAc,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI,CACzD,CACR,CACZ,CAAA;AACH,CAAC"}

package/dist-es/FxTodo/index.d.ts

@@ -0,0 +1,2 @@
+export { FxTodo } from './FxTodo';
+export { PriorityPropsType, TodoPropsType } from './todo_types';

package/dist-es/FxTodo/index.js

@@ -0,0 +1,2 @@
+export { FxTodo } from './FxTodo';
+//# sourceMappingURL=index.js.map

package/dist-es/FxTodo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/FxTodo/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA"}

package/dist-es/FxTodo/styles/todo.styles.d.ts

@@ -0,0 +1,8 @@
+export declare const TodoCard: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const TodoCardHeader: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const TodoCardPriority: StyledComponent<ComponentProps & AdditionalProps, SpecificComponentProps, JSXProps>;
+export declare const TodoCardTag: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const TodoCardContent: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const TodoCardContentButton: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const TodoCardFooter: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const TodoCardFooterDueDate: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;

package/dist-es/FxTodo/styles/todo.styles.js

@@ -0,0 +1,101 @@
+import { styled } from '@mui/material/styles';
+import { FxButton } from '../../FxButton';
+export const TodoCard = styled('div')(({ theme }) => ({
+    background: theme.palette.common.white,
+    borderRadius: 8,
+    padding: 16,
+    marginBottom: 4,
+}));
+// Card Header
+export const TodoCardHeader = styled('div')(({}) => ({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    marginBottom: 16,
+}));
+export const TodoCardPriority = styled('div')(({ theme, priority }) => ({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    ...theme.typography.table,
+    color: theme.palette.priority[priority],
+    ['& img']: {
+        marginRight: 4,
+    },
+}));
+export const TodoCardTag = styled('div')(({ theme }) => ({
+    ...theme.typography.table,
+    color: theme.palette.common.white,
+    width: 42,
+    height: 18,
+    background: '#6FCF97',
+    borderRadius: 50,
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+}));
+// Card Content
+export const TodoCardContent = styled('div')(({ theme }) => ({
+    display: 'flex',
+    alignItems: 'flex-start',
+    justifyContent: 'space-between',
+    flexDirection: 'column',
+    marginBottom: 16,
+    ['& p']: {
+        fontStyle: 'normal',
+        fontSize: 14,
+        letterSpacing: '0.15px',
+        color: theme.palette.typography.title,
+        fontWeight: 700,
+        lineHeight: '16px',
+        margin: 0,
+    },
+    ['& span']: {
+        fontStyle: 'normal',
+        fontSize: 14,
+        letterSpacing: '0.15px',
+        color: theme.palette.typography.title,
+        fontWeight: 400,
+        lineHeight: '20px',
+        marginBottom: 16,
+    },
+}));
+export const TodoCardContentButton = styled(FxButton)(({ theme }) => ({
+    ...theme.typography.button,
+    color: '#568793',
+    fontSize: 12,
+    maxHeight: 32,
+    minHeight: 32,
+    paddingLeft: 12,
+    paddingRight: 12,
+}));
+// Card Footer
+export const TodoCardFooter = styled('div')(({}) => ({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    flexDirection: 'row',
+}));
+export const TodoCardFooterDueDate = styled('div')(({ theme }) => ({
+    display: 'flex',
+    alignItems: 'flex-start',
+    flexDirection: 'column',
+    ['& p']: {
+        fontWeight: 'normal',
+        fontStyle: 'normal',
+        fontSize: 11,
+        lineHeight: '16px',
+        letterSpacing: '0.1px',
+        color: theme.palette.typography.title,
+        margin: 0,
+    },
+    ['& span']: {
+        fontWeight: 'normal',
+        fontStyle: 'normal',
+        fontSize: 14,
+        lineHeight: '24px',
+        letterSpacing: '0.15px',
+        color: theme.palette.statistics.label,
+    },
+}));
+//# sourceMappingURL=todo.styles.js.map

package/dist-es/FxTodo/styles/todo.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"todo.styles.js","sourceRoot":"","sources":["../../../src/FxTodo/styles/todo.styles.tsx"],"names":[],"mappings":"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"}

package/dist-es/FxWizard/FxWizard.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { WizardPropsType } from './wizard_types';
+export declare function FxWizard({ open, content, currentPage, reverse, onCancel, title, actions, icon, componentStyles, divider, ...rest }: WizardPropsType): React.JSX.Element;

package/dist-es/FxWizard/FxWizard.js

@@ -0,0 +1,46 @@
+import React from 'react';
+import { Divider } from '@mui/material';
+import { useTransition, animated } from '@react-spring/web';
+import { StyledModal, StyledContent } from './styles/wizard.styles';
+const Animations = {
+    rightToLeft: {
+        from: {
+            opacity: 0,
+            position: 'absolute',
+            transform: 'translate3d(20%,0,0)',
+            width: '100%',
+        },
+        enter: {
+            opacity: 1,
+            transform: 'translate3d(0%,0,0)',
+        },
+        leave: {
+            opacity: 0,
+            transform: 'translate3d(-10%,0,0)',
+        },
+    },
+    leftToRight: {
+        from: { opacity: 0, position: 'absolute', width: '100%' },
+        enter: {
+            opacity: 1,
+            transform: 'translate3d(0%,0,0)',
+        },
+        leave: {
+            opacity: 0,
+            transform: 'translate3d(20%,0,0)',
+        },
+    },
+};
+export function FxWizard({ open, content = [], currentPage = 0, reverse = false, onCancel, title, actions, icon, componentStyles, divider = true, ...rest }) {
+    const transitions = useTransition(content[currentPage], {
+        ...Animations[reverse ? 'leftToRight' : 'rightToLeft'],
+        keys: null,
+    });
+    return (React.createElement(StyledModal, { ...rest, title: title, actions: actions, icon: icon, isOpen: Boolean(open), isIconTitleInline: true, onClose: (e) => onCancel(e, '') },
+        divider && React.createElement(Divider, { sx: { mb: '32px', mt: '16px' } }),
+        React.createElement(StyledContent, { style: { ...componentStyles } }, transitions((style, item) => (
+        // @ts-ignore
+        React.createElement(animated.div, { style: style }, item)))),
+        divider && React.createElement(Divider, { sx: { mb: '8px', mt: '32px' } })));
+}
+//# sourceMappingURL=FxWizard.js.map

package/dist-es/FxWizard/FxWizard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FxWizard.js","sourceRoot":"","sources":["../../src/FxWizard/FxWizard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAEvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAEnE,MAAM,UAAU,GAAG;IACjB,WAAW,EAAE;QACX,IAAI,EAAE;YACJ,OAAO,EAAE,CAAC;YACV,QAAQ,EAAE,UAAU;YACpB,SAAS,EAAE,sBAAsB;YACjC,KAAK,EAAE,MAAM;SACd;QACD,KAAK,EAAE;YACL,OAAO,EAAE,CAAC;YACV,SAAS,EAAE,qBAAqB;SACjC;QACD,KAAK,EAAE;YACL,OAAO,EAAE,CAAC;YACV,SAAS,EAAE,uBAAuB;SACnC;KACF;IACD,WAAW,EAAE;QACX,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE;QACzD,KAAK,EAAE;YACL,OAAO,EAAE,CAAC;YACV,SAAS,EAAE,qBAAqB;SACjC;QACD,KAAK,EAAE;YACL,OAAO,EAAE,CAAC;YACV,SAAS,EAAE,sBAAsB;SAClC;KACF;CACF,CAAA;AAED,MAAM,UAAU,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,GAAG,EAAE,EAAE,WAAW,GAAG,CAAC,EAAE,OAAO,GAAG,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,GAAG,IAAI,EAAE,GAAG,IAAI,EAAmB;IAC1K,MAAM,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;QACtD,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC;QACtD,IAAI,EAAE,IAAI;KACX,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,WAAW,OAAK,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE,iBAAiB,QAAC,OAAO,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,EAAE,CAAC;QAC7I,OAAO,IAAI,oBAAC,OAAO,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,GAAI;QACvD,oBAAC,aAAa,IAAC,KAAK,EAAE,EAAE,GAAG,eAAe,EAAE,IACzC,WAAW,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC;QAC5B,aAAa;QACb,oBAAC,QAAQ,CAAC,GAAG,IAAC,KAAK,EAAE,KAAK,IAAG,IAAI,CAAgB,CAClD,CAAC,CACY;QACf,OAAO,IAAI,oBAAC,OAAO,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,GAAI,CAC1C,CACf,CAAA;AACH,CAAC"}

package/dist-es/FxWizard/WizardContext.d.ts

@@ -0,0 +1,6 @@
+import { ContextType } from './wizard_types';
+import React from 'react';
+export declare const WizardContext: React.Context<Partial<ContextType>>;
+export declare const WizardContextProvider: ({ children }: {
+    children: JSX.Element;
+}) => React.JSX.Element;

package/dist-es/FxWizard/WizardContext.js

@@ -0,0 +1,88 @@
+import { FxWizard } from './FxWizard';
+import React, { createContext, useState } from 'react';
+export const WizardContext = createContext({});
+export const WizardContextProvider = ({ children }) => {
+    // const [pages, setPages] = useState<number>(1);
+    const [currentPage, setCurrentPage] = useState(0);
+    const [open, setOpen] = useState(false);
+    const [content, setContent] = useState([]);
+    const [reverse, setReverse] = useState(false);
+    const [options, setOptions] = useState({});
+    const [modalProps, _setModalProps] = useState({
+        shouldCloseOnBackdropClick: true,
+        shouldCloseOnEscapeKeyDown: true,
+    });
+    const [componentStyles, setComponentStyles] = useState({
+        width: '100%',
+        height: 500,
+        contain: 'content',
+        overflow: 'scroll',
+    });
+    const onCancel = (event, reason) => {
+        console.log(event);
+        switch (reason) {
+            case 'escapeKeyDown': {
+                if (modalProps.shouldCloseOnEscapeKeyDown) {
+                    return setOpen(false);
+                }
+                else {
+                    return;
+                }
+            }
+            case 'backdropClick': {
+                if (modalProps.shouldCloseOnBackdropClick) {
+                    return setOpen(false);
+                }
+                else {
+                    return;
+                }
+            }
+            default: {
+            }
+        }
+    };
+    const onOpen = () => {
+        setOpen(true);
+    };
+    const nextPage = () => {
+        console.log('nextPage');
+    };
+    const prevPage = () => {
+        console.log('prevPage');
+    };
+    const setModalProps = (newState) => {
+        _setModalProps((prevState) => ({
+            ...prevState,
+            ...newState,
+        }));
+    };
+    const setPage = (page, option) => {
+        if (option) {
+            setOptions({ ...options, ...option });
+        }
+        setCurrentPage((prevCurrentPage) => {
+            setReverse(page < prevCurrentPage);
+            return page;
+        });
+    };
+    const _state = {
+        currentPage,
+        // pages,
+        // setPages,
+        nextPage,
+        prevPage,
+        onOpen,
+        open,
+        setOpen,
+        setContent,
+        setPage,
+        options,
+        setModalProps,
+        setComponentStyles,
+        setOptions,
+    };
+    return (React.createElement(WizardContext.Provider, { value: _state },
+        children,
+        React.createElement(FxWizard, { ...modalProps, componentStyles: componentStyles, currentPage: currentPage, reverse: reverse, open: open, onCancel: onCancel, content: content })));
+};
+//# sourceMappingURL=WizardContext.js.map

package/dist-es/FxWizard/WizardContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardContext.js","sourceRoot":"","sources":["../../src/FxWizard/WizardContext.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+export { FxWizard } from './FxWizard';
+export type { WizardPropsType } from './wizard_types';
+export { WizardContext, WizardContextProvider } from './WizardContext';

package/dist-es/FxWizard/index.js

@@ -0,0 +1,3 @@
+export { FxWizard } from './FxWizard';
+export { WizardContext, WizardContextProvider } from './WizardContext';
+//# sourceMappingURL=index.js.map

package/dist-es/FxWizard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/FxWizard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAA"}

package/dist-es/FxWizard/styles/wizard.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const StyledContent: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const StyledModal: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;

package/dist-es/FxWizard/styles/wizard.styles.js

@@ -0,0 +1,21 @@
+// import React from "react";
+import { Box } from '@mui/material';
+import { styled } from '@mui/material/styles';
+import { FxModal } from '../../FxModal';
+export const StyledContent = styled(Box) ``;
+export const StyledModal = styled(FxModal)(({ theme }) => ({
+    '& #customized-dialog-title': {
+        ...theme.typography.h5,
+        // @ts-ignore
+        color: theme.palette.typography.title,
+        padding: 0,
+    },
+    '& .MuiDialog-paper': {
+        maxWidth: '74% !important',
+        position: 'relative',
+    },
+    '& .MuiDialogContent-root': {
+        position: 'relative',
+    },
+}));
+//# sourceMappingURL=wizard.styles.js.map

package/dist-es/FxWizard/styles/wizard.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizard.styles.js","sourceRoot":"","sources":["../../../src/FxWizard/styles/wizard.styles.tsx"],"names":[],"mappings":"AAAA,6BAA6B;AAC7B,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAEvC,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA,EAAE,CAAA;AAE1C,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACzD,4BAA4B,EAAE;QAC5B,GAAG,KAAK,CAAC,UAAU,CAAC,EAAE;QACtB,aAAa;QACb,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;QACrC,OAAO,EAAE,CAAC;KACX;IACD,oBAAoB,EAAE;QACpB,QAAQ,EAAE,gBAAgB;QAC1B,QAAQ,EAAE,UAAU;KACrB;IACD,0BAA0B,EAAE;QAC1B,QAAQ,EAAE,UAAU;KACrB;CACF,CAAC,CAAC,CAAA"}

package/dist-es/index.d.ts

@@ -0,0 +1,22 @@
+export { FxActionsTray, ActionsTrayPropsType, ActionButtonPropsType } from './FxActionsTray';
+export { FxAggregationsBar, AggreationsBarPropsType, AggregationsDataPropsType } from './FxAggregationsBar';
+export { FxAsyncDropdown, AsyncDropdownPropsType } from './FxAsyncDropdown';
+export { FxAvatar, AvatarPropsType } from './FxAvatar';
+export { FxButton } from './FxButton';
+export { FxChip, ChipPropsType } from './FxChip';
+export { FxIcon, IconPropsType } from './FxIcon';
+export { FxModal, ModalPropsType } from './FxModal';
+export { FxNotes, NotesPropsType } from './FxNotes';
+export { FxNumberField, NumberfieldPropsType } from './FxNumberField';
+export { FxProgressCircle, ProgressCirclePropsType } from './FxProgressCircle';
+export { FxProgressCounter, ProgressCounterPropsType } from './FxProgressCounter';
+export { FxScore, ScorePropsType } from './FxScore';
+export { FxShowMore, ShowMorePropsType } from './FxShowMore';
+export { FxSlider, SliderPropsType } from './FxSlider';
+export { FxStatisticsBar, StatisticsPropsType } from './FxStatisticsBar';
+export { FxStatusBar, StatusBarPropsType } from './FxStatusBar';
+export { FxTag, TagPropsType } from './FxTag';
+export { FxTextField, TextFieldPropsType } from './FxTextField';
+export { FxTodo, TodoPropsType } from './FxTodo';
+export { FxWizard, WizardPropsType, WizardContext, WizardContextProvider } from './FxWizard';
+export * from './FxStyledComponents';

package/dist-es/index.js

@@ -0,0 +1,23 @@
+export { FxActionsTray } from './FxActionsTray';
+export { FxAggregationsBar } from './FxAggregationsBar';
+export { FxAsyncDropdown } from './FxAsyncDropdown';
+export { FxAvatar } from './FxAvatar';
+export { FxButton } from './FxButton';
+export { FxChip } from './FxChip';
+export { FxIcon } from './FxIcon';
+export { FxModal } from './FxModal';
+export { FxNotes } from './FxNotes';
+export { FxNumberField } from './FxNumberField';
+export { FxProgressCircle } from './FxProgressCircle';
+export { FxProgressCounter } from './FxProgressCounter';
+export { FxScore } from './FxScore';
+export { FxShowMore } from './FxShowMore';
+export { FxSlider } from './FxSlider';
+export { FxStatisticsBar } from './FxStatisticsBar';
+export { FxStatusBar } from './FxStatusBar';
+export { FxTag } from './FxTag';
+export { FxTextField } from './FxTextField';
+export { FxTodo } from './FxTodo';
+export { FxWizard, WizardContext, WizardContextProvider } from './FxWizard';
+export * from './FxStyledComponents';
+//# sourceMappingURL=index.js.map

package/dist-es/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA+C,MAAM,iBAAiB,CAAA;AAC5F,OAAO,EAAE,iBAAiB,EAAsD,MAAM,qBAAqB,CAAA;AAC3G,OAAO,EAAE,eAAe,EAA0B,MAAM,mBAAmB,CAAA;AAC3E,OAAO,EAAE,QAAQ,EAAmB,MAAM,YAAY,CAAA;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,MAAM,EAAiB,MAAM,UAAU,CAAA;AAChD,OAAO,EAAE,MAAM,EAAiB,MAAM,UAAU,CAAA;AAChD,OAAO,EAAE,OAAO,EAAkB,MAAM,WAAW,CAAA;AACnD,OAAO,EAAE,OAAO,EAAkB,MAAM,WAAW,CAAA;AACnD,OAAO,EAAE,aAAa,EAAwB,MAAM,iBAAiB,CAAA;AACrE,OAAO,EAAE,gBAAgB,EAA2B,MAAM,oBAAoB,CAAA;AAC9E,OAAO,EAAE,iBAAiB,EAA4B,MAAM,qBAAqB,CAAA;AACjF,OAAO,EAAE,OAAO,EAAkB,MAAM,WAAW,CAAA;AACnD,OAAO,EAAE,UAAU,EAAqB,MAAM,cAAc,CAAA;AAC5D,OAAO,EAAE,QAAQ,EAAmB,MAAM,YAAY,CAAA;AACtD,OAAO,EAAE,eAAe,EAAuB,MAAM,mBAAmB,CAAA;AACxE,OAAO,EAAE,WAAW,EAAsB,MAAM,eAAe,CAAA;AAC/D,OAAO,EAAE,KAAK,EAAgB,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAsB,MAAM,eAAe,CAAA;AAC/D,OAAO,EAAE,MAAM,EAAiB,MAAM,UAAU,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAmB,aAAa,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAE5F,cAAc,sBAAsB,CAAA"}

package/dist-es/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}

package/dist-types/FxActionsTray/FxActionsTray.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ActionsTrayPropsType } from './actions_tray_types';
+export declare function FxActionsTray({ type, onApprove, onChallenge, show, onClose, chargesCount, container, direction }: ActionsTrayPropsType): React.JSX.Element;

package/dist-types/FxActionsTray/index.d.ts

@@ -0,0 +1,2 @@
+export { FxActionsTray } from './FxActionsTray';
+export type { ActionsTrayPropsType, ActionButtonPropsType } from './actions_tray_types';

package/dist-types/FxActionsTray/styles/actions_tray.styles.d.ts

@@ -0,0 +1,8 @@
+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-types/FxAggregationsBar/FxAggregations.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { AggreationsBarPropsType } from './aggregations_types';
+export declare const FxAggregationsBar: (props: AggreationsBarPropsType) => React.JSX.Element;

package/dist-types/FxAggregationsBar/helpers/structureReader.d.ts

@@ -0,0 +1 @@
+export declare const structureReader: (structure: any, filter: any, collapsed: boolean, initialValues: any) => any;

package/dist-types/FxAggregationsBar/index.d.ts

@@ -0,0 +1,2 @@
+export { FxAggregationsBar } from './FxAggregations';
+export type { AggregationsDataPropsType, AggreationsBarPropsType } from './aggregations_types';

package/dist-types/FxAggregationsBar/operations/query.d.ts

@@ -0,0 +1 @@
+export declare const STRUCTURES: import("graphql").DocumentNode;

package/dist-types/FxAsyncDropdown/FxAsyncDropdown.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { AsyncDropdownPropsType } from './async_dropdown_types';
+export declare const FxAsyncDropdown: React.ForwardRefExoticComponent<Omit<AsyncDropdownPropsType, "ref"> & React.RefAttributes<unknown>>;

package/dist-types/FxAsyncDropdown/helpers/helpers.d.ts

@@ -0,0 +1,4 @@
+export declare const getJPart: (j: any, jsonPath: string, defaultValue?: any) => any;
+export declare const isArrayValid: (arr: any[], minLength?: number, maxLength?: number) => boolean;
+export declare const isObjectValid: (obj: any, isCheckKeys?: boolean) => boolean;
+export declare const isStringValid: (str: string, minLength?: number | null, maxLength?: number | null, isValidateType?: boolean) => boolean;

package/dist-types/FxAsyncDropdown/index.d.ts

@@ -0,0 +1,2 @@
+export { FxAsyncDropdown } from './FxAsyncDropdown';
+export type { AsyncDropdownPropsType } from './async_dropdown_types';

package/dist-types/FxAsyncDropdown/styles/dropdown.styles.d.ts

@@ -0,0 +1,7 @@
+export declare const Root: any;
+export declare const Label: any;
+export declare const Loading: any;
+export declare const InputWrapper: any;
+export declare const Listbox: any;
+export declare const StyledClose: any;
+export declare const StyledListBox: any;

package/dist-types/FxAvatar/FxAvatar.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { AvatarPropsType } from './avatar_types';
+export declare function FxAvatar({ users, max, isEditable, onEdit }: AvatarPropsType): React.JSX.Element;

package/dist-types/FxAvatar/helpers/stringToColor.d.ts

@@ -0,0 +1 @@
+export declare const stringToColor: (string: string, callBack?: ((color: string) => void) | undefined) => string;

package/dist-types/FxAvatar/index.d.ts

@@ -0,0 +1,2 @@
+export { FxAvatar } from './FxAvatar';
+export type { AvatarPropsType } from './avatar_types';

package/dist-types/FxAvatar/styles/avatar.styles.d.ts

@@ -0,0 +1,7 @@
+import "@fixefy/fxutils.page_context";
+export declare const AvatarWrapper: any;
+export declare const AvatarGroup: any;
+export declare const StyledAvatar: any;
+export declare const StyledMoreAvatar: any;
+export declare const EditIcon: any;
+export declare const FxTooltip: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;

package/dist-types/FxButton/FxButton.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export type ButtonPropsType = {
+    children: any;
+    [x: string]: any;
+};
+export declare function FxButton({ type, children, ...rest }: ButtonPropsType): React.JSX.Element;

package/dist-types/FxButton/index.d.ts

@@ -0,0 +1,2 @@
+export { FxButton } from './FxButton';
+export type { ButtonPropsType } from './FxButton';

package/dist-types/FxButton/styles/button.styles.d.ts

@@ -0,0 +1 @@
+export declare const ButtonStyled: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;

package/dist-types/FxChip/FxChip.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ChipPropsType } from './chip_types';
+export declare const FxChip: (props: ChipPropsType) => React.JSX.Element;

package/dist-types/FxChip/index.d.ts

@@ -0,0 +1,2 @@
+export { FxChip } from './FxChip';
+export type { ChipPropsType } from './chip_types';