@fixefy/fixefy-ui-components 0.0.6 → 0.0.8

package/dist-es/FxTextField/FxTextField.jsx

@@ -0,0 +1,63 @@
+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, type } = droppedItem;
+            setValue(item[title_path]);
+        }
+    }, [droppedItem]);
+    const _onChange = (e) => {
+        onChange && onChange(e);
+        setValue(e.target.value);
+    };
+    return (<FormControl variant="standard" error={error}>
+      {title && (<InputLabel shrink 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)}
+        </InputLabel>)}
+      <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 ? (<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',
+            })}>
+          <ErrorRoundedIcon sx={(theme) => ({
+                color: theme.palette.redscale.main,
+                width: 10,
+                height: 10,
+            })}/>
+          {titleCase(errorText)}
+        </FormHelperText>) : (<FormHelperText sx={(theme) => ({
+                color: theme.palette.greyscale.light,
+                fontSize: '11px',
+            })}>
+          {helperText}
+        </FormHelperText>)}
+    </FormControl>);
+};
+export default FxTextField;

package/dist-es/FxTextField/index.js

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

package/dist-es/FxTodo/FxTodo.jsx

@@ -0,0 +1,41 @@
+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 (<TodoCard>
+      <TodoCardHeader>
+        <TodoCardPriority priority={todo.priority}>
+          <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)}
+        </TodoCardPriority>
+        {todo.isNew && <TodoCardTag>New</TodoCardTag>}
+      </TodoCardHeader>
+      <TodoCardContent>
+        <p>{titleCase(todo.title)}</p>
+        <span>{titleCase(todo.description)}</span>
+        {todo.actionTitle && (<TodoCardContentButton size="small" onClick={todo.action ? todo.action : () => { }}>
+            {todo.actionTitle}
+          </TodoCardContentButton>)}
+      </TodoCardContent>
+      <Divider sx={{ mb: '16px' }}/>
+      <TodoCardFooter>
+        <TodoCardFooterDueDate>
+          <span>Due Date</span>
+          <p>
+            {normalizeTimestamp(todo.created_date, {
+            dateOnly: true,
+            format: 'dd.mm.yyyy',
+        })}
+          </p>
+        </TodoCardFooterDueDate>
+        <FxAvatar max={4} isEditable={todo.isUserEditable} users={todo.users}/>
+      </TodoCardFooter>
+    </TodoCard>);
+}

package/dist-es/FxTodo/index.js

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

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

@@ -0,0 +1,97 @@
+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,
+}));
+export const TodoCardHeader = styled('div')(({ theme }) => ({
+    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',
+}));
+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,
+}));
+export const TodoCardFooter = styled('div')(({ theme }) => ({
+    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,
+    },
+}));

package/dist-es/FxWizard/FxWizard.jsx

@@ -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 (<StyledModal {...rest} title={title} actions={actions} icon={icon} isOpen={Boolean(open)} isIconTitleInline onClose={(e) => onCancel(e, '')}>
+      {divider && <Divider sx={{ mb: '32px', mt: '16px' }}/>}
+      <StyledContent style={{ ...componentStyles }}>
+        {transitions((style, item) => (<animated.div style={style}>{item}</animated.div>))}
+      </StyledContent>
+      {divider && <Divider sx={{ mb: '8px', mt: '32px' }}/>}
+    </StyledModal>);
+}

package/dist-es/FxWizard/WizardContext.jsx

@@ -0,0 +1,84 @@
+import { FxWizard } from './FxWizard';
+import React, { createContext, useState } from 'react';
+export const WizardContext = createContext({});
+export const WizardContextProvider = ({ children }) => {
+    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) => {
+        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,
+        nextPage,
+        prevPage,
+        onOpen,
+        open,
+        setOpen,
+        setContent,
+        setPage,
+        options,
+        setModalProps,
+        setComponentStyles,
+        setOptions,
+    };
+    return (<WizardContext.Provider value={_state}>
+      {children}
+      <FxWizard {...modalProps} componentStyles={componentStyles} currentPage={currentPage} reverse={reverse} open={open} onCancel={onCancel} content={content}/>
+    </WizardContext.Provider>);
+};

package/dist-es/FxWizard/index.js

@@ -0,0 +1,2 @@
+export { FxWizard } from './FxWizard';
+export { WizardContext, WizardContextProvider } from './WizardContext';

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

@@ -0,0 +1,18 @@
+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,
+        color: theme.palette.typography.title,
+        padding: 0,
+    },
+    '& .MuiDialog-paper': {
+        maxWidth: '74% !important',
+        position: 'relative',
+    },
+    '& .MuiDialogContent-root': {
+        position: 'relative',
+    },
+}));

package/dist-es/index.js

@@ -1,8 +1,21 @@
-export { AggregationsBar } from './AggregationsBar';
-export { AsyncDropdown } from './AsyncDropdown';
+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 { Tag } from './Tag/';
+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';

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, onClick, show, onClose, chargesCount, container, direction }: ActionsTrayPropsType): React.JSX.Element;

package/dist-types/{ActionsTray → FxActionsTray}/index.d.ts

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

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/{AggregationsBar → FxAggregationsBar}/index.d.ts

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

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/{AsyncDropdown → FxAsyncDropdown}/index.d.ts

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

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

@@ -1 +1,2 @@
-export { FxIcon as Icon } from "./FxIcon";
+export { FxIcon } from './FxIcon';
+export { IconPropsType } from './icon_types';

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

@@ -1,2 +1,2 @@
-export { FxNumberField as Numberfield } from './FxNumberField';
+export { FxNumberField } from './FxNumberField';
 export type { NumberfieldPropsType } from './number_field_types';

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { ProgressCirclePropsType } from './progress_circle_types';
-export declare function ProgressCircle({ radius, border, value, hasLabel, max, color, type }: ProgressCirclePropsType): React.JSX.Element;
+export declare function FxProgressCircle({ radius, border, value, hasLabel, max, color, type }: ProgressCirclePropsType): React.JSX.Element;

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

@@ -1,2 +1,2 @@
-export { ProgressCircle } from './FxProgressCircle';
+export { FxProgressCircle } from './FxProgressCircle';
 export type { ProgressCirclePropsType } from './progress_circle_types';

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ScorePropsType } from './score_types';
+export declare const FxScore: ({ value, structure, filter, variant, hasLabel, title: propsTitle, Sizes: propsSizes, ...rest }: ScorePropsType) => React.JSX.Element;

package/dist-types/{Score → FxScore}/index.d.ts

@@ -1,2 +1,2 @@
-export { Score } from './Score';
+export { FxScore } from './FxScore';
 export type { ScorePropsType } from './score_types';

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { ShowMorePropsType } from './show_more_types';
-export declare function ShowMore({ items, label, children, title }: ShowMorePropsType): React.JSX.Element;
+export declare function FxShowMore({ items, label, children, title }: ShowMorePropsType): React.JSX.Element;

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

@@ -1,2 +1,2 @@
-export { ShowMore } from './FxShowMore';
+export { FxShowMore } from './FxShowMore';
 export type { ShowMorePropsType } from './show_more_types';

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { SliderPropsType } from './slider_types';
-export declare function Slider(props: SliderPropsType): React.JSX.Element;
+export declare function FxSlider(props: SliderPropsType): React.JSX.Element;

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

@@ -1,2 +1,2 @@
-export { Slider } from './FxSlider';
+export { FxSlider } from './FxSlider';
 export type { SliderPropsType } from './slider_types';

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { StatisticsPropsType } from './statistics_bar_types';
+export declare function FxStatisticsBar({ value, type, label, structure, collapsed, filter }: StatisticsPropsType): React.JSX.Element;

package/dist-types/{StatisticsBar → FxStatisticsBar}/index.d.ts

@@ -1,2 +1,2 @@
-export { StatisticsBar } from './StatisticsBar';
+export { FxStatisticsBar } from './FxStatisticsBar';
 export type { StatisticsPropsType } from './statistics_bar_types';

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { StatusBarPropsType } from './status_bar_types';
+export declare const FxStatusBar: ({ onChangeStatus, onSearch, defaultStatus, title, options, chipsVariant }: StatusBarPropsType) => React.JSX.Element;

package/dist-types/FxStatusBar/helpers/constants.d.ts

@@ -0,0 +1,12 @@
+export declare const statuses: {
+    Declined: string;
+    Pending: string;
+    Approved: string;
+    Active: string;
+    Challenge: string;
+    in_review: string;
+    Discrepancy: string;
+    no_pricing: string;
+    in_progress: string;
+    Duplicated: string;
+};

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

@@ -0,0 +1,2 @@
+export { FxStatusBar } from './FxStatusBar';
+export { StatusBarPropsType } from './status_bar_types';

package/dist-types/FxStatusBar/styles/statusBar.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const StatusBarCard: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const StatusBarTitle: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;
+export declare const StatusChipStyled: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { TagPropsType } from './tag_types';
+export declare const FxTag: ({ name, count }: TagPropsType) => import("react").JSX.Element;

package/dist-types/{Tag → FxTag}/index.d.ts

@@ -1,2 +1,2 @@
-export { Tag } from "./Tag";
+export { FxTag } from "./FxTag";
 export type { TagPropsType } from "./tag_types";

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TextFieldPropsType } from './text_field_types';
+export declare const FxTextField: ({ autoFocus, droppedItem, defaultValue, onChange, structure, endAdornment, startAdornment, required, helperText, error, errorText, disabled }: TextFieldPropsType) => React.JSX.Element;
+export default FxTextField;

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

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

package/dist-types/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-types/FxTodo/index.d.ts

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

package/dist-types/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-types/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-types/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-types/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-types/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-types/index.d.ts

@@ -1,9 +1,21 @@
-export type { ActionsTray, ActionsTrayPropsType, ActionButtonPropsType } from './ActionsTray';
-export { AggregationsBar, AggreationsBarPropsType, AggregationsDataPropsType } from './AggregationsBar';
-export { AsyncDropdown, AsyncDropdownPropsType } from './AsyncDropdown';
+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 { Tag, TagPropsType } from './Tag/';
+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';

package/package.json

@@ -5,11 +5,12 @@
 	},
 	"dependencies": {
 		"@apollo/client": "^3.8.4",
-		"@fixefy/fixefy-ui-utils": "^0.0.5",
+		"@fixefy/fixefy-ui-utils": "^0.0.6",
 		"@mui/icons-material": "^5.14.11",
 		"@mui/material": "^5.14.11",
 		"@mui/styled-engine": "^5.14.11",
 		"@mui/styles": "^5.14.11",
+		"@react-spring/web": "^9.7.3",
 		"graphql-tag": "^2.12.6",
 		"next": "^13.5.3",
 		"react": "^18.2.0",
@@ -61,5 +62,5 @@
 		}
 	},
 	"types": "./dist-types/index.d.ts",
-	"version": "0.0.6"
+	"version": "0.0.8"
 }

package/dist-cjs/ActionsTray/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActionsTray = void 0;
-var ActionsTray_1 = require("./ActionsTray");
-Object.defineProperty(exports, "ActionsTray", { enumerable: true, get: function () { return ActionsTray_1.ActionsTray; } });