@fixefy/fixefy-ui-components 0.0.6 → 0.0.8

package/dist-cjs/{ActionsTray/ActionsTray.jsx → FxActionsTray/FxActionsTray.jsx}

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActionsTray = void 0;
+exports.FxActionsTray = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const image_1 = tslib_1.__importDefault(require("next/image"));
 const material_1 = require("@mui/material");
 const fixefy_ui_utils_1 = require("@fixefy/fixefy-ui-utils");
 const actions_tray_styles_1 = require("./styles/actions_tray.styles");
-function ActionsTray({ type, onApprove, onChallenge, onClick, show, onClose, chargesCount, container, direction = 'up' }) {
+function FxActionsTray({ type, onApprove, onChallenge, onClick, show, onClose, chargesCount, container, direction = 'up' }) {
     const renderActions = () => {
         switch (type) {
             case 'approved':
@@ -42,7 +42,7 @@ function ActionsTray({ type, onApprove, onChallenge, onClick, show, onClose, cha
       </material_1.Slide>
     </div>);
 }
-exports.ActionsTray = ActionsTray;
+exports.FxActionsTray = FxActionsTray;
 const ChallengeActions = ({ onChallenge, onApprove }) => {
     return (<>
       <actions_tray_styles_1.ActionBtn onClick={onChallenge} type="low">

package/dist-cjs/FxActionsTray/index.js

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

package/dist-cjs/{AggregationsBar/Aggregations.jsx → FxAggregationsBar/FxAggregations.jsx}

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AggregationsBar = void 0;
+exports.FxAggregationsBar = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const Stack_1 = tslib_1.__importDefault(require("@mui/material/Stack"));
 const structureReader_1 = require("./helpers/structureReader");
-const AggregationsBar = (props) => {
+const FxAggregationsBar = (props) => {
     const { structure, minWidth, mb, filter, initialValues } = props;
     const { children, extended } = structure;
     const { variables } = extended;
@@ -24,4 +24,4 @@ const AggregationsBar = (props) => {
         })}
     </Stack_1.default>);
 };
-exports.AggregationsBar = AggregationsBar;
+exports.FxAggregationsBar = FxAggregationsBar;

package/dist-cjs/{AggregationsBar → FxAggregationsBar}/helpers/structureReader.jsx

@@ -4,8 +4,8 @@ exports.structureReader = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const material_1 = require("@mui/material");
-const Score_1 = require("../../Score");
-const StatisticsBar_1 = require("../../StatisticsBar");
+const FxScore_1 = require("../../FxScore");
+const FxStatisticsBar_1 = require("../../FxStatisticsBar");
 const FxProgressCounter_1 = require("../../FxProgressCounter");
 const structureReader = (structure, filter, collapsed, initialValues) => {
     var _a;
@@ -14,7 +14,7 @@ const structureReader = (structure, filter, collapsed, initialValues) => {
         case 'aggregations_primary_container':
             return structure.children.map((child, index) => {
                 var _a, _b, _c;
-                return ((_a = child.input_type) === null || _a === void 0 ? void 0 : _a.value) === 'percentage' ? (<Score_1.Score structure={child} key={index} filter={filter} value={initialValues === null || initialValues === void 0 ? void 0 : initialValues.score}/>) : ((_b = child.input_type) === null || _b === void 0 ? void 0 : _b.value) === 'progress' ? (<FxProgressCounter_1.FxProgressCounter structure={child} filter={filter} key={index} values={initialValues}/>) : (<material_1.Box sx={{
+                return ((_a = child.input_type) === null || _a === void 0 ? void 0 : _a.value) === 'percentage' ? (<FxScore_1.FxScore structure={child} key={index} filter={filter} value={initialValues === null || initialValues === void 0 ? void 0 : initialValues.score}/>) : ((_b = child.input_type) === null || _b === void 0 ? void 0 : _b.value) === 'progress' ? (<FxProgressCounter_1.FxProgressCounter structure={child} filter={filter} key={index} values={initialValues}/>) : (<material_1.Box sx={{
                         display: 'flex',
                         justifyContent: 'center',
                         alignItems: 'center',
@@ -23,7 +23,7 @@ const structureReader = (structure, filter, collapsed, initialValues) => {
                         borderRadius: 2,
                         backgroundColor: ((_c = extended === null || extended === void 0 ? void 0 : extended.variables) === null || _c === void 0 ? void 0 : _c.bg) || '#FFFFFF',
                     }}>
-            <StatisticsBar_1.StatisticsBar structure={child} key={index} filter={filter} collapsed={collapsed} value={initialValues ? initialValues[child.extended.object_path] : null}/>
+            <FxStatisticsBar_1.FxStatisticsBar structure={child} key={index} filter={filter} collapsed={collapsed} value={initialValues ? initialValues[child.extended.object_path] : null}/>
           </material_1.Box>);
             });
         case 'aggregations_secondary_container':
@@ -33,7 +33,7 @@ const structureReader = (structure, filter, collapsed, initialValues) => {
                     padding: '24px 16px',
                 }}>
           {structure.children.map((child, index) => {
-                    return <StatisticsBar_1.StatisticsBar structure={child} key={index} filter={filter} collapsed={collapsed} value={initialValues ? initialValues[child.extended.object_path] : null}/>;
+                    return <FxStatisticsBar_1.FxStatisticsBar structure={child} key={index} filter={filter} collapsed={collapsed} value={initialValues ? initialValues[child.extended.object_path] : null}/>;
                 })}
         </material_1.Stack>);
     }

package/dist-cjs/FxAggregationsBar/index.js

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

package/dist-cjs/{AsyncDropdown/AsyncDropdown.jsx → FxAsyncDropdown/FxAsyncDropdown.jsx}

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AsyncDropdown = void 0;
+exports.FxAsyncDropdown = void 0;
 const tslib_1 = require("tslib");
 const lodash_1 = tslib_1.__importDefault(require("lodash"));
 const icons_material_1 = require("@mui/icons-material");
@@ -12,7 +12,7 @@ const material_1 = require("@mui/material");
 const dropdown_styles_1 = require("./styles/dropdown.styles");
 const icon = <icons_material_1.CheckBoxOutlineBlank fontSize="small"/>;
 const checkedIcon = <icons_material_1.CheckBox fontSize="small"/>;
-exports.AsyncDropdown = react_1.default.forwardRef((props, parentRef) => {
+exports.FxAsyncDropdown = react_1.default.forwardRef((props, parentRef) => {
     var _a, _b, _c, _d, _e, _f, _g;
     const ref = (0, react_1.useRef)(null);
     const theme = (0, material_1.useTheme)();

package/dist-cjs/FxAsyncDropdown/index.js

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

package/dist-cjs/FxIcon/index.js

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

package/dist-cjs/FxNumberField/index.js

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

package/dist-cjs/FxProgressCircle/FxProgressCircle.jsx

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProgressCircle = void 0;
+exports.FxProgressCircle = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const progress_circle_styles_1 = require("./styles/progress_circle.styles");
-function ProgressCircle({ radius = 70, border = 70, value, hasLabel = true, max = 100, color, type = 'progress' }) {
+function FxProgressCircle({ radius = 70, border = 70, value, hasLabel = true, max = 100, color, type = 'progress' }) {
     const _value = value ? value / max : 0;
     const p = 2 * Math.PI * (radius - border / 2);
     const strokeWidth = border;
@@ -25,4 +25,4 @@ function ProgressCircle({ radius = 70, border = 70, value, hasLabel = true, max
       {hasLabel && type === 'percentage' && <progress_circle_styles_1.Label sx={{ ml: 1 }}>{label}</progress_circle_styles_1.Label>}
     </progress_circle_styles_1.Container>);
 }
-exports.ProgressCircle = ProgressCircle;
+exports.FxProgressCircle = FxProgressCircle;

package/dist-cjs/FxProgressCircle/index.js

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

package/dist-cjs/{Score/Score.jsx → FxScore/FxScore.jsx}

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Score = void 0;
+exports.FxScore = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const graphql_tag_1 = require("graphql-tag");
@@ -8,7 +8,7 @@ const client_1 = require("@apollo/client");
 const score_styles_1 = require("./styles/score.styles");
 const fixefy_ui_utils_1 = require("@fixefy/fixefy-ui-utils");
 const material_1 = require("@mui/material");
-const Score = (_a) => {
+const FxScore = (_a) => {
     var _b;
     var { value, structure, filter, variant = 'box', hasLabel = true, title: propsTitle = 'score', Sizes: propsSizes = {} } = _a, rest = tslib_1.__rest(_a, ["value", "structure", "filter", "variant", "hasLabel", "title", "Sizes"]);
     const Sizes = Object.assign({ box: {
@@ -54,4 +54,4 @@ const Score = (_a) => {
       </material_1.Box>
     </material_1.Box>);
 };
-exports.Score = Score;
+exports.FxScore = FxScore;

package/dist-cjs/FxScore/index.js

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

package/dist-cjs/FxShowMore/FxShowMore.jsx

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ShowMore = void 0;
+exports.FxShowMore = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const material_1 = require("@mui/material");
 const show_more_styles_1 = require("./styles/show_more.styles");
 const KeyboardArrowDown_1 = tslib_1.__importDefault(require("@mui/icons-material/KeyboardArrowDown"));
-function ShowMore({ items, label, children, title }) {
+function FxShowMore({ items, label, children, title }) {
     const [anchorEl, setAnchorEl] = react_1.default.useState(null);
     const handleClick = (event) => {
         setAnchorEl(event.currentTarget);
@@ -44,4 +44,4 @@ function ShowMore({ items, label, children, title }) {
       </show_more_styles_1.StyledPopover>
     </show_more_styles_1.ShowMoreWrapper>);
 }
-exports.ShowMore = ShowMore;
+exports.FxShowMore = FxShowMore;

package/dist-cjs/FxShowMore/index.js

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

package/dist-cjs/FxSlider/FxSlider.jsx

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Slider = void 0;
+exports.FxSlider = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const material_1 = require("@mui/material");
-function Slider(props) {
+function FxSlider(props) {
     return <material_1.Slider {...props}/>;
 }
-exports.Slider = Slider;
+exports.FxSlider = FxSlider;

package/dist-cjs/FxSlider/index.js

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

package/dist-cjs/{StatisticsBar/StatisticsBar.jsx → FxStatisticsBar/FxStatisticsBar.jsx}

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StatisticsBar = void 0;
+exports.FxStatisticsBar = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const graphql_tag_1 = require("graphql-tag");
@@ -9,7 +9,7 @@ const material_1 = require("@mui/material");
 const fixefy_ui_utils_1 = require("@fixefy/fixefy-ui-utils");
 const fixefy_ui_utils_2 = require("@fixefy/fixefy-ui-utils");
 const statistics_styles_1 = require("./styles/statistics.styles");
-function StatisticsBar({ value, type = 'currency', label, structure, collapsed, filter }) {
+function FxStatisticsBar({ value, type = 'currency', label, structure, collapsed, filter }) {
     const _classes = (0, statistics_styles_1.useStyles)();
     const { extended, input_type, title } = structure || {};
     const { gql_operation, object_path, filter: structurefilter, variables } = extended || {};
@@ -92,4 +92,4 @@ function StatisticsBar({ value, type = 'currency', label, structure, collapsed,
       <span className={(variables === null || variables === void 0 ? void 0 : variables.contrast) ? _classes.contrastLabel : _classes.label}>{(0, fixefy_ui_utils_1.titleCase)(statisticsTitle)}</span>
     </div>);
 }
-exports.StatisticsBar = StatisticsBar;
+exports.FxStatisticsBar = FxStatisticsBar;

package/dist-cjs/FxStatisticsBar/index.js

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

package/dist-cjs/FxStatusBar/FxStatusBar.jsx

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FxStatusBar = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const material_1 = require("@mui/material");
+const FxChip_1 = require("../FxChip");
+const constants_1 = require("./helpers/constants");
+const fixefy_ui_utils_1 = require("@fixefy/fixefy-ui-utils");
+const statusBar_styles_1 = require("./styles/statusBar.styles");
+const FxStatusBar = ({ onChangeStatus, onSearch, defaultStatus, title, options, chipsVariant = 'filled' }) => {
+    const [selectedStatus, setSelectedStatus] = (0, react_1.useState)([]);
+    const [searchValue, setSearchValue] = (0, react_1.useState)('');
+    (0, react_1.useEffect)(() => {
+        if (defaultStatus) {
+            typeof defaultStatus === 'string' ? setSelectedStatus([defaultStatus]) : setSelectedStatus(defaultStatus);
+        }
+        else {
+            setSelectedStatus(['all']);
+        }
+    }, [defaultStatus]);
+    const onStatusClick = (status) => {
+        if (status === 'all') {
+            setSelectedStatus(() => {
+                if (selectedStatus.includes(status)) {
+                    return [];
+                }
+                else {
+                    return ['all'];
+                }
+            });
+        }
+        else {
+            setSelectedStatus((prevState) => {
+                if (selectedStatus.includes(status)) {
+                    const rv = prevState.filter((_status) => _status !== status && _status !== 'all');
+                    return rv.length == 0 ? ['all'] : rv;
+                }
+                else {
+                    const rv = prevState.filter((_status) => _status !== status && _status !== 'all');
+                    return [...rv, status];
+                }
+            });
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        onChangeStatus(selectedStatus);
+    }, [selectedStatus]);
+    (0, react_1.useEffect)(() => {
+        onSearch && onSearch(searchValue);
+    }, [searchValue]);
+    const __options = options !== null && options !== void 0 ? options : constants_1.statuses;
+    return (<statusBar_styles_1.StatusBarCard>
+      {title && <statusBar_styles_1.StatusBarTitle style={{ marginRight: '8px' }}>{(0, fixefy_ui_utils_1.titleCase)(title)}</statusBar_styles_1.StatusBarTitle>}
+
+      <material_1.Stack direction="row" spacing={1}>
+        <statusBar_styles_1.StatusChipStyled onClick={() => onStatusClick('all')} label="All" variant={selectedStatus.includes('all') ? 'filled' : 'outlined'}/>
+        {Object.keys(__options).map((key, index) => {
+            return <FxChip_1.FxChip onClick={() => onStatusClick(__options[key])} key={index} label={(0, fixefy_ui_utils_1.titleCase)(key)} variant={chipsVariant} status={selectedStatus.includes(__options[key]) ? __options[key] : ''}/>;
+        })}
+      </material_1.Stack>
+    </statusBar_styles_1.StatusBarCard>);
+};
+exports.FxStatusBar = FxStatusBar;

package/dist-cjs/FxStatusBar/helpers/constants.js

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

package/dist-cjs/FxStatusBar/index.js

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

package/dist-cjs/FxStatusBar/styles/statusBar.styles.jsx

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatusChipStyled = exports.StatusBarTitle = exports.StatusBarCard = void 0;
+const styles_1 = require("@mui/material/styles");
+const material_1 = require("@mui/material");
+exports.StatusBarCard = (0, styles_1.styled)(material_1.Box)(({ theme }) => ({
+    background: theme.palette.common.white,
+    borderRadius: 4,
+    padding: 16,
+    boxShadow: "0px 0px 10px rgba(86, 135, 147, 0.3)",
+    display: "flex",
+    alignItems: "center",
+    width: "fit-content",
+}));
+exports.StatusBarTitle = (0, styles_1.styled)("span")(({ theme }) => (Object.assign(Object.assign({}, theme.typography.body1), { color: theme.palette.common.black })));
+exports.StatusChipStyled = (0, styles_1.styled)(material_1.Chip)(({ theme, variant }) => {
+    let backgroundColor, border, labelColor;
+    if (variant === "filled") {
+        backgroundColor = theme.palette.primary.light;
+        labelColor = theme.palette.common.white;
+    }
+    else {
+        backgroundColor = theme.palette.common.white;
+    }
+    border = "#F0F0F0";
+    return {
+        height: 20,
+        minWidth: 34,
+        maxWidth: 120,
+        ["& .MuiChip-label"]: {
+            fontSize: 9,
+            fontWeight: 600,
+            lineHeight: "12px",
+            color: labelColor ? labelColor : theme.palette["statistics"].label,
+        },
+        backgroundColor,
+        border: `1px solid ${border}`,
+    };
+});

package/dist-cjs/{Tag/Tag.jsx → FxTag/FxTag.jsx}

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tag = void 0;
+exports.FxTag = void 0;
 const material_1 = require("@mui/material");
 const fixefy_ui_utils_1 = require("@fixefy/fixefy-ui-utils/");
 const tag_styles_1 = require("./styles/tag.styles");
-const Tag = ({ name, count = 0 }) => (<material_1.Box display="flex" alignItems="center" justifyContent="center" sx={{ maxWidth: 'fit-content', mb: 1 }}>
+const FxTag = ({ name, count = 0 }) => (<material_1.Box display="flex" alignItems="center" justifyContent="center" sx={{ maxWidth: 'fit-content', mb: 1 }}>
     <tag_styles_1.StyledTag name={name}>
       <tag_styles_1.StyledLabel>{(0, fixefy_ui_utils_1.titleCase)(name)}</tag_styles_1.StyledLabel>
     </tag_styles_1.StyledTag>
     <tag_styles_1.StyledCount name={name}>{count}</tag_styles_1.StyledCount>
   </material_1.Box>);
-exports.Tag = Tag;
+exports.FxTag = FxTag;

package/dist-cjs/FxTag/index.js

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

package/dist-cjs/FxTextField/FxTextField.jsx

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FxTextField = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const fixefy_ui_utils_1 = require("@fixefy/fixefy-ui-utils");
+const material_1 = require("@mui/material");
+const ErrorRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/ErrorRounded"));
+const FxTextField = ({ autoFocus, droppedItem, defaultValue = '', onChange, structure, endAdornment, startAdornment, required, helperText, error = false, errorText, disabled }) => {
+    const [value, setValue] = (0, react_1.useState)(defaultValue);
+    const { input_type, extended: { placeholder, title_path }, title, } = structure;
+    (0, react_1.useEffect)(() => {
+        if (droppedItem) {
+            const { item, type } = droppedItem;
+            setValue(item[title_path]);
+        }
+    }, [droppedItem]);
+    const _onChange = (e) => {
+        onChange && onChange(e);
+        setValue(e.target.value);
+    };
+    return (<material_1.FormControl variant="standard" error={error}>
+      {title && (<material_1.InputLabel shrink htmlFor={title} sx={(theme) => (Object.assign(Object.assign(Object.assign({ 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',
+                },
+            })))}>
+          {(0, fixefy_ui_utils_1.titleCase)(title)}
+        </material_1.InputLabel>)}
+      <material_1.InputBase endAdornment={endAdornment} startAdornment={startAdornment} id={title} autoFocus={autoFocus ? autoFocus : false} placeholder={(0, fixefy_ui_utils_1.titleCase)(placeholder)} onChange={_onChange} type={input_type && input_type.value} value={value} error={error}/>
+      {error && errorText ? (<material_1.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',
+            })}>
+          <ErrorRounded_1.default sx={(theme) => ({
+                color: theme.palette.redscale.main,
+                width: 10,
+                height: 10,
+            })}/>
+          {(0, fixefy_ui_utils_1.titleCase)(errorText)}
+        </material_1.FormHelperText>) : (<material_1.FormHelperText sx={(theme) => ({
+                color: theme.palette.greyscale.light,
+                fontSize: '11px',
+            })}>
+          {helperText}
+        </material_1.FormHelperText>)}
+    </material_1.FormControl>);
+};
+exports.FxTextField = FxTextField;
+exports.default = exports.FxTextField;

package/dist-cjs/FxTextField/index.js

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

package/dist-cjs/FxTodo/FxTodo.jsx

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FxTodo = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const image_1 = tslib_1.__importDefault(require("next/image"));
+const FxAvatar_1 = require("../FxAvatar");
+const material_1 = require("@mui/material");
+const fixefy_ui_utils_1 = require("@fixefy/fixefy-ui-utils");
+const todo_styles_1 = require("./styles/todo.styles");
+function FxTodo({ todo }) {
+    return (<todo_styles_1.TodoCard>
+      <todo_styles_1.TodoCardHeader>
+        <todo_styles_1.TodoCardPriority priority={todo.priority}>
+          <image_1.default alt={todo.title} width={16} height={16} loader={() => (0, fixefy_ui_utils_1.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)}/>
+
+          {(0, fixefy_ui_utils_1.titleCase)(todo.priority)}
+        </todo_styles_1.TodoCardPriority>
+        {todo.isNew && <todo_styles_1.TodoCardTag>New</todo_styles_1.TodoCardTag>}
+      </todo_styles_1.TodoCardHeader>
+      <todo_styles_1.TodoCardContent>
+        <p>{(0, fixefy_ui_utils_1.titleCase)(todo.title)}</p>
+        <span>{(0, fixefy_ui_utils_1.titleCase)(todo.description)}</span>
+        {todo.actionTitle && (<todo_styles_1.TodoCardContentButton size="small" onClick={todo.action ? todo.action : () => { }}>
+            {todo.actionTitle}
+          </todo_styles_1.TodoCardContentButton>)}
+      </todo_styles_1.TodoCardContent>
+      <material_1.Divider sx={{ mb: '16px' }}/>
+      <todo_styles_1.TodoCardFooter>
+        <todo_styles_1.TodoCardFooterDueDate>
+          <span>Due Date</span>
+          <p>
+            {(0, fixefy_ui_utils_1.normalizeTimestamp)(todo.created_date, {
+            dateOnly: true,
+            format: 'dd.mm.yyyy',
+        })}
+          </p>
+        </todo_styles_1.TodoCardFooterDueDate>
+        <FxAvatar_1.FxAvatar max={4} isEditable={todo.isUserEditable} users={todo.users}/>
+      </todo_styles_1.TodoCardFooter>
+    </todo_styles_1.TodoCard>);
+}
+exports.FxTodo = FxTodo;

package/dist-cjs/FxTodo/index.js

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