@fixefy/fixefy-ui-components 0.3.5 → 0.3.7

package/dist/FxTabs/FxTabs.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface Tab {
+    value: string | number | boolean;
+    label: string;
+    show: boolean;
+}
+export declare const FxTabs: ({ tabsData, handleClickPOV }: {
+    tabsData: Tab[];
+    handleClickPOV: any;
+}) => React.JSX.Element;

package/dist/FxTabs/FxTabs.js

@@ -0,0 +1,103 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FxTabs", {
+    enumerable: true,
+    get: function() {
+        return FxTabs;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(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
+    };
+    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);
+    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 } = 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: '161px',
+                        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/FxTabs/index.d.ts

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

package/dist/FxTabs/index.js

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

package/dist/index.d.ts

@@ -21,6 +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 { FxTag, TagPropsType } from './FxTag';
 export { FxTextField, TextFieldPropsType } from './FxTextField';
 export { FxTodo, TodoItemType, TodoPropsType } from './FxTodo';

package/dist/index.js

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

package/package.json

@@ -5,7 +5,7 @@
   },
   "dependencies": {
     "@apollo/client": "3.10.4",
-    "@fixefy/fixefy-ui-utils": "0.2.44",
+    "@fixefy/fixefy-ui-utils": "0.2.45",
     "@mui/icons-material": "5.16.7",
     "@mui/material": "5.16.7",
     "@mui/styled-engine": "5.15.14",
@@ -65,5 +65,5 @@
       "require": "./dist/index.js"
     }
   },
-  "version": "0.3.5"
+  "version": "0.3.7"
 }