@fixefy/fixefy-ui-components 0.2.10 → 0.2.11

package/dist/FxChip/FxChip.d.ts

@@ -1,14 +1,10 @@
 import React from 'react';
 import { EntityStatusType, ChargeStateType, InvoiceStateType, RecoStateType } from '@fixefy/fixefy-ui-utils';
-type ChipType = {
-    score: string;
-    status: EntityStatusType | ChargeStateType | InvoiceStateType | RecoStateType;
-};
 export interface ChipPropsType {
     status?: EntityStatusType | ChargeStateType | InvoiceStateType | RecoStateType;
     label: string | number;
     variant?: 'outlined' | 'filled';
-    type?: ChipType;
+    type?: 'status' | 'priority' | 'score';
     scoreValue?: number;
     minimized?: boolean;
     [x: string]: any;
@@ -16,4 +12,3 @@ export interface ChipPropsType {
     onDelete?: (e: any) => void;
 }
 export declare const FxChip: (props: ChipPropsType) => React.JSX.Element;
-export {};

package/dist/FxChip/FxChip.js

@@ -22,24 +22,34 @@ const FxChip = (props)=>{
     const { status, label, type = 'status', scoreValue = 0, minimized = false, variant = 'outlined', onClick, onDelete } = props;
     const newStatus = status ? status.split(' ').join('_') : status;
     const value = typeof label === 'number' ? label.toFixed(2) : label;
-    return type === 'status' ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_chipstyles.StatusChipStyled, {
-        status: newStatus,
-        label: (0, _fixefyuiutils.titleCase)(value),
-        variant: variant,
-        onClick: onClick,
-        onDelete: onDelete,
-        deleteIcon: onDelete ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_iconsmaterial.CloseRounded, {
-            sx: {
-                width: 11,
-                height: 11
-            }
-        }) : null
-    }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_chipstyles.ScoreChipStyled, {
-        score: scoreValue,
-        scoreLabel: (0, _fixefyuiutils.getScoreColor)(scoreValue),
-        label: (0, _fixefyuiutils.titleCase)(value),
-        minimized: minimized,
-        variant: variant,
-        onClick: onClick
-    });
+    if (type === 'status') {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_chipstyles.StatusChipStyled, {
+            status: newStatus,
+            label: (0, _fixefyuiutils.titleCase)(value),
+            variant: variant,
+            onClick: onClick,
+            onDelete: onDelete,
+            deleteIcon: onDelete ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_iconsmaterial.CloseRounded, {
+                sx: {
+                    width: 11,
+                    height: 11
+                }
+            }) : null
+        });
+    } else if (type === 'priority') {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_chipstyles.PriorityChipStyled, {
+            status: newStatus,
+            label: (0, _fixefyuiutils.titleCase)(value),
+            variant: variant
+        });
+    } else {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_chipstyles.ScoreChipStyled, {
+            score: scoreValue,
+            scoreLabel: (0, _fixefyuiutils.getScoreColor)(scoreValue),
+            label: (0, _fixefyuiutils.titleCase)(value),
+            minimized: minimized,
+            variant: variant,
+            onClick: onClick
+        });
+    }
 };

package/dist/FxChip/styles/chip.styles.d.ts

@@ -1,2 +1,3 @@
 export declare const ScoreChipStyled: StyledComponent<ComponentProps & AdditionalProps, SpecificComponentProps, JSXProps>;
 export declare const StatusChipStyled: StyledComponent<ComponentProps & AdditionalProps, SpecificComponentProps, JSXProps>;
+export declare const PriorityChipStyled: StyledComponent<ComponentProps & AdditionalProps, SpecificComponentProps, JSXProps>;

package/dist/FxChip/styles/chip.styles.js

@@ -9,6 +9,9 @@ function _export(target, all) {
     });
 }
 _export(exports, {
+    PriorityChipStyled: function() {
+        return PriorityChipStyled;
+    },
     ScoreChipStyled: function() {
         return ScoreChipStyled;
     },
@@ -59,3 +62,21 @@ const StatusChipStyled = (0, _styles.styled)(_material.Chip)(({ theme, status, v
         border: `1px solid ${border}`
     };
 });
+const PriorityChipStyled = (0, _styles.styled)(_material.Chip)(({ theme, status })=>{
+    const backgroundColor = theme.palette.chipPriority[status].background;
+    const labelColor = theme.palette.chipPriority[status].label;
+    const border = theme.palette.chipPriority[status].border;
+    return {
+        height: 20,
+        minWidth: 80,
+        maxWidth: 120,
+        ['& .MuiChip-label']: {
+            fontSize: 9,
+            fontWeight: 600,
+            lineHeight: '12px',
+            color: labelColor ? labelColor : theme.palette.statistics.label
+        },
+        backgroundColor,
+        border: `1px solid ${border}`
+    };
+});

package/package.json

@@ -70,5 +70,5 @@
       "require": "./dist/index.js"
     }
   },
-  "version": "0.2.10"
+  "version": "0.2.11"
 }