@fixefy/fixefy-ui-components 0.2.65 → 0.2.66

package/dist/FxChip/FxChip.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { EntityStatusType, ChargeStateType, InvoiceStateType, RecoStateType } from '@fixefy/fixefy-ui-utils';
 export interface ChipPropsType {
-    type?: 'status' | 'priority' | 'score';
+    type?: 'status' | 'priority' | 'score' | 'dimension';
     status?: EntityStatusType | ChargeStateType | InvoiceStateType | RecoStateType;
     label: string | number;
     variant?: 'outlined' | 'filled';
@@ -10,5 +10,6 @@ export interface ChipPropsType {
     [x: string]: any;
     onClick?: (e: any) => void;
     onDelete?: (e: any) => void;
+    icon?: string;
 }
 export declare const FxChip: (props: ChipPropsType) => React.JSX.Element;

package/dist/FxChip/FxChip.js

@@ -13,43 +13,56 @@ const _react = /*#__PURE__*/ _interop_require_default(require("react"));
 const _fixefyuiutils = require("@fixefy/fixefy-ui-utils");
 const _iconsmaterial = require("@mui/icons-material");
 const _chipstyles = require("./styles/chip.styles");
+const _FxIcon = require("../FxIcon");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
 const FxChip = (props)=>{
-    const { status, label, type = 'status', scoreValue = 0, minimized = false, variant = 'outlined', onClick, onDelete } = props;
+    const { status, label, type = 'status', scoreValue = 0, minimized = false, variant = 'outlined', onClick, onDelete, icon } = props;
     const newStatus = status ? status.split(' ').join('_') : status;
     const value = typeof label === 'number' ? label.toFixed(2) : label;
-    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
-        });
+    switch(type){
+        case '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
+            });
+        case 'priority':
+            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_chipstyles.PriorityChipStyled, {
+                status: newStatus,
+                label: (0, _fixefyuiutils.titleCase)(value),
+                variant: variant
+            });
+        case 'dimension':
+            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_chipstyles.DimensionChipStyled, {
+                label: (0, _fixefyuiutils.titleCase)(value),
+                minimized: minimized,
+                variant: variant,
+                icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxIcon.FxIcon, {
+                    icon: `${icon}.svg`,
+                    width: 15,
+                    height: 15
+                })
+            });
+        default:
+            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,3 +1,4 @@
 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>;
+export declare const DimensionChipStyled: StyledComponent<ComponentProps & AdditionalProps, SpecificComponentProps, JSXProps>;

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

@@ -9,6 +9,9 @@ function _export(target, all) {
     });
 }
 _export(exports, {
+    DimensionChipStyled: function() {
+        return DimensionChipStyled;
+    },
     PriorityChipStyled: function() {
         return PriorityChipStyled;
     },
@@ -80,3 +83,20 @@ const PriorityChipStyled = (0, _styles.styled)(_material.Chip)(({ theme, status
         border: `1px solid ${border}`
     };
 });
+const DimensionChipStyled = (0, _styles.styled)(_material.Chip)(({ minimized })=>{
+    return {
+        height: '36px',
+        minWidth: minimized ? 35 : 80,
+        maxWidth: 120,
+        backgroundColor: '#F6F9FA',
+        borderColor: '#C6DDE2',
+        ['& .MuiChip-label']: {
+            color: '#172326',
+            fontSize: 14
+        },
+        '& .MuiChip-icon': {
+            width: 11,
+            height: 11
+        }
+    };
+});

package/package.json

@@ -65,5 +65,5 @@
       "require": "./dist/index.js"
     }
   },
-  "version": "0.2.65"
+  "version": "0.2.66"
 }