@fixefy/fixefy-ui-components 0.3.10 → 0.3.12

package/dist/FxTabs/FxTabs.d.ts

@@ -6,7 +6,8 @@ export interface Tab {
     maxWidth?: number | string;
     minWidth?: number | string;
 }
-export declare const FxTabs: ({ tabsData, handleClickPOV }: {
+export declare const FxTabs: ({ activeTab, tabsData, handleClickPOV, }: {
+    activeTab: string;
     tabsData: Tab[];
     handleClickPOV: any;
 }) => React.JSX.Element;

package/dist/FxTabs/FxTabs.js

@@ -9,51 +9,15 @@ Object.defineProperty(exports, "FxTabs", {
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
 const _material = require("@mui/material");
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
     };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
 }
-const FxTabs = ({ tabsData, handleClickPOV })=>{
-    const [activeTab, setActiveTab] = (0, _react.useState)(tabsData[0].value);
+const FxTabs = ({ activeTab, tabsData, handleClickPOV })=>{
+    //   const [activeTab, setActiveTab] = useState(tabsData[0].value)
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.ToggleButtonGroup, {
         sx: {
             height: '40px',
@@ -65,7 +29,7 @@ const FxTabs = ({ tabsData, handleClickPOV })=>{
         onChange: (e, val)=>{
             e.preventDefault();
             setTimeout(()=>{
-                setActiveTab(val);
+                //   setActiveTab(val)
                 handleClickPOV(val);
             }, 500);
         },

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, handleClickPOV, }: {
+    activeTab: string;
+    tabsData: Tab[];
+    handleClickPOV: any;
+}) => React.JSX.Element;

package/dist/FxToggleButtons/FxToggleButtons.js

@@ -0,0 +1,67 @@
+"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, handleClickPOV })=>{
+    //   const [activeTab, setActiveTab] = useState(tabsData[0].value)
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.ToggleButtonGroup, {
+        sx: {
+            height: '40px',
+            backgroundColor: '#fff'
+        },
+        color: "primary",
+        value: activeTab,
+        exclusive: true,
+        onChange: (e, val)=>{
+            e.preventDefault();
+            setTimeout(()=>{
+                //   setActiveTab(val)
+                handleClickPOV(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.10"
+  "version": "0.3.12"
 }