@fixefy/fixefy-ui-components 0.3.11 → 0.3.13

package/dist/FxToggleButtons/FxToggleButtons.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface Tab {
+    value: string | number | boolean;
+    label: string;
+    show: boolean;
+    maxWidth?: number | string;
+    minWidth?: number | string;
+}
+export declare const FxToggleButtons: ({ activeTab, tabsData, onChange, }: {
+    activeTab: string;
+    tabsData: Tab[];
+    onChange: any;
+}) => React.JSX.Element;

package/dist/FxToggleButtons/FxToggleButtons.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FxToggleButtons", {
+    enumerable: true,
+    get: function() {
+        return FxToggleButtons;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _material = require("@mui/material");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const FxToggleButtons = ({ activeTab, tabsData, onChange })=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.ToggleButtonGroup, {
+        sx: {
+            height: '40px',
+            backgroundColor: '#fff'
+        },
+        color: "primary",
+        value: activeTab,
+        exclusive: true,
+        onChange: (e, val)=>{
+            e.preventDefault();
+            setTimeout(()=>{
+                onChange(val);
+            }, 500);
+        },
+        children: tabsData.map((tab, i)=>{
+            const { value, show, label, maxWidth, minWidth } = tab;
+            return show && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.ToggleButton, {
+                disabled: activeTab === value,
+                //@ts-ignore
+                sx: {
+                    '&.Mui-disabled': {
+                        border: '1px solid #568793 !important'
+                    },
+                    '&.MuiToggleButtonGroup-grouped': {
+                        borderRadius: 'inherit',
+                        maxWidth: maxWidth || '161px',
+                        minWidth: minWidth || '161px'
+                    },
+                    '&.Mui-selected': {
+                        backgroundColor: '#F1FBFE',
+                        border: '1px solid #568793'
+                    }
+                },
+                value: value,
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
+                    lineHeight: '24px',
+                    fontSize: '12px',
+                    fontWeight: 500,
+                    color: 'primary',
+                    variant: "button",
+                    children: label
+                })
+            }, i);
+        })
+    });
+};

package/dist/FxToggleButtons/index.d.ts

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

package/dist/FxToggleButtons/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FxToggleButtons", {
+    enumerable: true,
+    get: function() {
+        return _FxToggleButtons.FxToggleButtons;
+    }
+});
+const _FxToggleButtons = require("./FxToggleButtons");

package/dist/index.d.ts

@@ -21,7 +21,7 @@ export { FxStaticDropdown, StaticDropdownStylesOptions, StaticDropdownPropsType
 export { FxStatisticsBar, StatisticsPropsType } from './FxStatisticsBar';
 export { FxStyledButton } from './FxStyledButton';
 export { FxStatusBar, StatusBarPropsType, Options } from './FxStatusBar';
-export { FxTabs } from './FxTabs';
+export { FxToggleButtons } from './FxToggleButtons';
 export { FxTag, TagPropsType } from './FxTag';
 export { FxTextField, TextFieldPropsType } from './FxTextField';
 export { FxTodo, TodoItemType, TodoPropsType } from './FxTodo';

package/dist/index.js

@@ -114,9 +114,6 @@ _export(exports, {
     FxStyledButton: function() {
         return _FxStyledButton.FxStyledButton;
     },
-    FxTabs: function() {
-        return _FxTabs.FxTabs;
-    },
     FxTag: function() {
         return _FxTag.FxTag;
     },
@@ -126,6 +123,9 @@ _export(exports, {
     FxTodo: function() {
         return _FxTodo.FxTodo;
     },
+    FxToggleButtons: function() {
+        return _FxToggleButtons.FxToggleButtons;
+    },
     FxWizard: function() {
         return _FxWizard.FxWizard;
     },
@@ -240,7 +240,7 @@ const _FxStaticDropdown = require("./FxStaticDropdown");
 const _FxStatisticsBar = require("./FxStatisticsBar");
 const _FxStyledButton = require("./FxStyledButton");
 const _FxStatusBar = require("./FxStatusBar");
-const _FxTabs = require("./FxTabs");
+const _FxToggleButtons = require("./FxToggleButtons");
 const _FxTag = require("./FxTag");
 const _FxTextField = require("./FxTextField");
 const _FxTodo = require("./FxTodo");

package/package.json

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