@fixefy/fixefy-ui-components 0.2.83 → 0.2.85

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' | 'dimension';
+    type?: 'status' | 'priority' | 'score' | 'dimension' | 'reco';
     status?: EntityStatusType | ChargeStateType | InvoiceStateType | RecoStateType;
     label: string | number;
     variant?: 'outlined' | 'filled';

package/dist/FxChip/FxChip.js

@@ -24,6 +24,12 @@ const FxChip = (props)=>{
     const newStatus = status ? status.split(' ').join('_') : status;
     const value = typeof label === 'number' ? label.toFixed(2) : label;
     switch(type){
+        case 'reco':
+            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_chipstyles.RecoChipStyled, {
+                status: newStatus,
+                label: (0, _fixefyuiutils.titleCase)(value),
+                variant: variant
+            });
         case 'status':
             return /*#__PURE__*/ (0, _jsxruntime.jsx)(_chipstyles.StatusChipStyled, {
                 status: newStatus,

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

@@ -1,4 +1,5 @@
 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 RecoChipStyled: StyledComponent<ComponentProps & AdditionalProps, SpecificComponentProps, JSXProps>;
 export declare const DimensionChipStyled: StyledComponent<ComponentProps & AdditionalProps, SpecificComponentProps, JSXProps>;

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

@@ -15,6 +15,9 @@ _export(exports, {
     PriorityChipStyled: function() {
         return PriorityChipStyled;
     },
+    RecoChipStyled: function() {
+        return RecoChipStyled;
+    },
     ScoreChipStyled: function() {
         return ScoreChipStyled;
     },
@@ -87,6 +90,28 @@ const PriorityChipStyled = (0, _styles.styled)(_material.Chip)(({ theme, status
         border: `1px solid ${border}`
     };
 });
+const RecoChipStyled = (0, _styles.styled)(_material.Chip)(({ theme, status })=>{
+    var _theme_palette_recoState_status, _theme_palette_recoState, _theme_palette, _theme_palette_recoState_status1, _theme_palette_recoState1, _theme_palette1, _theme_palette_recoState_status2, _theme_palette_recoState2, _theme_palette2;
+    var _theme_palette_recoState_status_background;
+    const backgroundColor = (_theme_palette_recoState_status_background = theme === null || theme === void 0 ? void 0 : (_theme_palette = theme.palette) === null || _theme_palette === void 0 ? void 0 : (_theme_palette_recoState = _theme_palette.recoState) === null || _theme_palette_recoState === void 0 ? void 0 : (_theme_palette_recoState_status = _theme_palette_recoState[status]) === null || _theme_palette_recoState_status === void 0 ? void 0 : _theme_palette_recoState_status.background) !== null && _theme_palette_recoState_status_background !== void 0 ? _theme_palette_recoState_status_background : '#8B9092';
+    var _theme_palette_recoState_status_label;
+    const labelColor = (_theme_palette_recoState_status_label = theme === null || theme === void 0 ? void 0 : (_theme_palette1 = theme.palette) === null || _theme_palette1 === void 0 ? void 0 : (_theme_palette_recoState1 = _theme_palette1.recoState) === null || _theme_palette_recoState1 === void 0 ? void 0 : (_theme_palette_recoState_status1 = _theme_palette_recoState1[status]) === null || _theme_palette_recoState_status1 === void 0 ? void 0 : _theme_palette_recoState_status1.label) !== null && _theme_palette_recoState_status_label !== void 0 ? _theme_palette_recoState_status_label : '#F6F9FA';
+    var _theme_palette_recoState_status_border;
+    const border = (_theme_palette_recoState_status_border = theme === null || theme === void 0 ? void 0 : (_theme_palette2 = theme.palette) === null || _theme_palette2 === void 0 ? void 0 : (_theme_palette_recoState2 = _theme_palette2.recoState) === null || _theme_palette_recoState2 === void 0 ? void 0 : (_theme_palette_recoState_status2 = _theme_palette_recoState2[status]) === null || _theme_palette_recoState_status2 === void 0 ? void 0 : _theme_palette_recoState_status2.border) !== null && _theme_palette_recoState_status_border !== void 0 ? _theme_palette_recoState_status_border : '#8B9092';
+    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}`
+    };
+});
 const DimensionChipStyled = (0, _styles.styled)(_material.Chip)(({ minimized })=>{
     return {
         height: '36px',

package/package.json

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