@assystant/toggle-button - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

.babelrc

+{
+    "presets": [
+        "@babel/preset-react",
+        "@babel/preset-env"
+    ]
+}

dist/button-component/MultiselectedToggleButton.js

+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _Stack = _interopRequireDefault(require("@mui/material/Stack"));
+var _ToggleButton = _interopRequireDefault(require("@mui/material/ToggleButton"));
+var _ToggleButtonGroup = _interopRequireDefault(require("@mui/material/ToggleButtonGroup"));
+var _material = require("@mui/material");
+var _react = _interopRequireWildcard(require("react"));
+var _Constant = require("../../Config/Constant");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(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 = {}; 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; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function MultiselectedToggleButton(_ref) {
+  var _ref$selectedValues = _ref.selectedValues,
+    selectedValues = _ref$selectedValues === void 0 ? [] : _ref$selectedValues;
+  var _useState = (0, _react.useState)(function () {
+      return [];
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedValue = _useState2[0],
+    setSelectedValue = _useState2[1];
+  var handleDevices = function handleDevices(event, newValue) {
+    if (newValue.length) {
+      setSelectedValue(newValue);
+    }
+  };
+  return /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
+    direction: "row",
+    spacing: _Constant.stack.space
+  }, /*#__PURE__*/_react["default"].createElement(_ToggleButtonGroup["default"], {
+    value: selectedValue,
+    onChange: handleDevices,
+    "aria-label": "device"
+  }, selectedValues.map(function (e, i) {
+    return /*#__PURE__*/_react["default"].createElement(_ToggleButton["default"], {
+      value: e.label,
+      "aria-label": e.label
+    }, /*#__PURE__*/_react["default"].createElement(_material.Typography, null, e.label));
+  })));
+}
+var _default = MultiselectedToggleButton;
+exports["default"] = _default;

dist/button-component/SignleSelectedToggleButton.js

+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _Stack = _interopRequireDefault(require("@mui/material/Stack"));
+var _ToggleButton = _interopRequireDefault(require("@mui/material/ToggleButton"));
+var _ToggleButtonGroup = _interopRequireDefault(require("@mui/material/ToggleButtonGroup"));
+var _react = _interopRequireWildcard(require("react"));
+var _material = require("@mui/material");
+var _Constant = require("../../Config/Constant");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(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 = {}; 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; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function SingleSelectedToggleButton(_ref) {
+  var _ref$selectedValues = _ref.selectedValues,
+    selectedValues = _ref$selectedValues === void 0 ? [] : _ref$selectedValues;
+  var _useState = (0, _react.useState)(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    alignment = _useState2[0],
+    setAlignment = _useState2[1];
+  var handleAlignment = function handleAlignment(event, newAlignment) {
+    if (newAlignment !== null) {
+      setAlignment(newAlignment);
+    }
+  };
+  console.log('alignment', alignment);
+  return /*#__PURE__*/_react["default"].createElement(_Stack["default"], {
+    direction: "row",
+    spacing: _Constant.stack.space
+  }, /*#__PURE__*/_react["default"].createElement(_ToggleButtonGroup["default"], {
+    value: alignment,
+    exclusive: true,
+    onChange: handleAlignment,
+    "aria-label": "text alignment"
+  }, selectedValues.map(function (e, i) {
+    return /*#__PURE__*/_react["default"].createElement(_ToggleButton["default"], {
+      value: e.label,
+      "aria-label": e.label
+    }, /*#__PURE__*/_react["default"].createElement(_material.Typography, null, e.label));
+  })));
+}
+var _default = SingleSelectedToggleButton;
+exports["default"] = _default;

dist/button-component/StandaloneToggleButton.js

+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _ToggleButton = _interopRequireDefault(require("@mui/material/ToggleButton"));
+var _material = require("@mui/material");
+var _react = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(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 = {}; 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; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function StandaloneToggleButton(_ref) {
+  var _ref$label = _ref.label,
+    label = _ref$label === void 0 ? '' : _ref$label;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    selected = _useState2[0],
+    setSelected = _useState2[1];
+  console.log('selected', selected);
+  return /*#__PURE__*/_react["default"].createElement(_ToggleButton["default"], {
+    value: "check",
+    selected: selected,
+    onChange: function onChange() {
+      setSelected(!selected);
+    },
+    color: "primary"
+  }, /*#__PURE__*/_react["default"].createElement(_material.Typography, null, label));
+}
+var _default = StandaloneToggleButton;
+exports["default"] = _default;

dist/index.js

+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "MultiselectedToggleButton", {
+  enumerable: true,
+  get: function get() {
+    return _MultiselectedToggleButton["default"];
+  }
+});
+Object.defineProperty(exports, "SingleSelectedToggleButton", {
+  enumerable: true,
+  get: function get() {
+    return _SignleSelectedToggleButton["default"];
+  }
+});
+Object.defineProperty(exports, "StandaloneToggleButton", {
+  enumerable: true,
+  get: function get() {
+    return _StandaloneToggleButton["default"];
+  }
+});
+var _StandaloneToggleButton = _interopRequireDefault(require("./button-component/StandaloneToggleButton"));
+var _SignleSelectedToggleButton = _interopRequireDefault(require("./button-component/SignleSelectedToggleButton"));
+var _MultiselectedToggleButton = _interopRequireDefault(require("./button-component/MultiselectedToggleButton"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

src/button-component/MultiselectedToggleButton.js

+import Stack from '@mui/material/Stack';
+import ToggleButton from '@mui/material/ToggleButton';
+import ToggleButtonGroup from '@mui/material/ToggleButtonGroup';
+import { Typography } from '@mui/material';
+import React, { FC, useState,useEffect } from "react";
+import { stack } from '../../Config/Constant';
+
+
+function MultiselectedToggleButton({selectedValues=[]}) {
+  const [selectedValue, setSelectedValue] = useState(() => []);
+
+
+  const handleDevices = (event, newValue) => {
+    if (newValue.length) {
+        setSelectedValue(newValue);
+    }
+  };
+
+  return (
+    <Stack direction="row" spacing={stack.space}>
+      <ToggleButtonGroup
+        value={selectedValue}
+        onChange={handleDevices}
+        aria-label="device"
+      >
+        {selectedValues.map((e,i)=>{
+            return(
+                <ToggleButton value={e.label} aria-label={e.label}>
+                    <Typography>{e.label}</Typography>
+                </ToggleButton>
+            )
+        })}
+      </ToggleButtonGroup>
+    </Stack>
+  );
+}
+export default MultiselectedToggleButton;

src/button-component/SignleSelectedToggleButton.js

+import Stack from '@mui/material/Stack';
+import ToggleButton from '@mui/material/ToggleButton';
+import ToggleButtonGroup from '@mui/material/ToggleButtonGroup';
+import React, { FC, useState,useEffect } from "react";
+import { Typography } from '@mui/material';
+import {stack} from '../../Config/Constant';
+
+function SingleSelectedToggleButton({selectedValues=[]}) {
+  const [alignment, setAlignment] = useState('');
+
+  const handleAlignment = (event, newAlignment) => {
+    if (newAlignment !== null) {
+      setAlignment(newAlignment);
+    }
+  };
+  console.log('alignment', alignment)
+
+
+  return (
+    <Stack direction="row" spacing={stack.space}>
+      <ToggleButtonGroup
+        value={alignment}
+        exclusive
+        onChange={handleAlignment}
+        aria-label="text alignment"
+      >
+        {selectedValues.map((e,i)=>{
+            return(
+                <ToggleButton value={e.label} aria-label={e.label}>
+                    <Typography>{e.label}</Typography>
+                </ToggleButton>
+            )
+        })}
+        {/* <ToggleButton value="left" aria-label="left aligned">
+          <Typography>left</Typography>
+        </ToggleButton>
+        <ToggleButton value="center" aria-label="centered">
+        <Typography>left</Typography>
+        </ToggleButton>
+        <ToggleButton value="right" aria-label="right aligned">
+        <Typography>left</Typography>
+        </ToggleButton> */}
+      </ToggleButtonGroup>
+    </Stack>
+  );
+}
+export default SingleSelectedToggleButton; 

src/button-component/StandaloneToggleButton.js

+import ToggleButton from '@mui/material/ToggleButton';
+import { Typography } from '@mui/material';
+import React, { FC, useState,useEffect } from "react";
+
+function StandaloneToggleButton({label=''}) {
+  const [selected, setSelected] = useState(false);
+console.log('selected', selected)
+  return (
+    <ToggleButton
+      value="check"
+      selected={selected}
+      onChange={() => {
+        setSelected(!selected);
+      }}
+      color='primary'
+    >
+
+      <Typography>{label}</Typography>
+    </ToggleButton>
+  );
+}
+export default StandaloneToggleButton;

src/index.js

+export { default as StandaloneToggleButton } from "./button-component/StandaloneToggleButton";
+export { default as SingleSelectedToggleButton } from "./button-component/SignleSelectedToggleButton";
+export { default as MultiselectedToggleButton } from "./button-component/MultiselectedToggleButton";

package.json

 {
   "name": "@assystant/toggle-button",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "",
-  "main": "index.js",
+  "main": "dist/index.js",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "build": "npx babel src --out-dir dist"
   },
@@ -18,3 +18,9 @@ "author": "",
     "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.20.7",
+    "@babel/core": "^7.20.12",
+    "@babel/preset-env": "^7.20.2",
+    "@babel/preset-react": "^7.18.6"
   }
 }

components/button-component/MultiselectedToggleButton.js

-import Stack from '@mui/material/Stack';
-import ToggleButton from '@mui/material/ToggleButton';
-import ToggleButtonGroup from '@mui/material/ToggleButtonGroup';
-import { Typography } from '@mui/material';
-import React, { FC, useState,useEffect } from "react";
-import { stack } from '../../Config/Constant';
-
-
-function MultiselectedToggleButton({selectedValues=[]}) {
-  const [selectedValue, setSelectedValue] = useState(() => []);
-
-
-  const handleDevices = (event, newValue) => {
-    if (newValue.length) {
-        setSelectedValue(newValue);
-    }
-  };
-
-  return (
-    <Stack direction="row" spacing={stack.space}>
-      <ToggleButtonGroup
-        value={selectedValue}
-        onChange={handleDevices}
-        aria-label="device"
-      >
-        {selectedValues.map((e,i)=>{
-            return(
-                <ToggleButton value={e.label} aria-label={e.label}>
-                    <Typography>{e.label}</Typography>
-                </ToggleButton>
-            )
-        })}
-      </ToggleButtonGroup>
-    </Stack>
-  );
-}
-export default MultiselectedToggleButton;

components/button-component/SignleSelectedToggleButton.js

-import Stack from '@mui/material/Stack';
-import ToggleButton from '@mui/material/ToggleButton';
-import ToggleButtonGroup from '@mui/material/ToggleButtonGroup';
-import React, { FC, useState,useEffect } from "react";
-import { Typography } from '@mui/material';
-import {stack} from '../../Config/Constant';
-
-function SingleSelectedToggleButton({selectedValues=[]}) {
-  const [alignment, setAlignment] = useState('');
-
-  const handleAlignment = (event, newAlignment) => {
-    if (newAlignment !== null) {
-      setAlignment(newAlignment);
-    }
-  };
-  console.log('alignment', alignment)
-
-
-  return (
-    <Stack direction="row" spacing={stack.space}>
-      <ToggleButtonGroup
-        value={alignment}
-        exclusive
-        onChange={handleAlignment}
-        aria-label="text alignment"
-      >
-        {selectedValues.map((e,i)=>{
-            return(
-                <ToggleButton value={e.label} aria-label={e.label}>
-                    <Typography>{e.label}</Typography>
-                </ToggleButton>
-            )
-        })}
-        {/* <ToggleButton value="left" aria-label="left aligned">
-          <Typography>left</Typography>
-        </ToggleButton>
-        <ToggleButton value="center" aria-label="centered">
-        <Typography>left</Typography>
-        </ToggleButton>
-        <ToggleButton value="right" aria-label="right aligned">
-        <Typography>left</Typography>
-        </ToggleButton> */}
-      </ToggleButtonGroup>
-    </Stack>
-  );
-}
-export default SingleSelectedToggleButton; 

components/button-component/StandaloneToggleButton.js

-import ToggleButton from '@mui/material/ToggleButton';
-import { Typography } from '@mui/material';
-import React, { FC, useState,useEffect } from "react";
-
-function StandaloneToggleButton({label=''}) {
-  const [selected, setSelected] = useState(false);
-console.log('selected', selected)
-  return (
-    <ToggleButton
-      value="check"
-      selected={selected}
-      onChange={() => {
-        setSelected(!selected);
-      }}
-      color='primary'
-    >
-
-      <Typography>{label}</Typography>
-    </ToggleButton>
-  );
-}
-export default StandaloneToggleButton;

components/index.js

index.js

-export { default as StandaloneToggleButton } from "./components/button-component/StandaloneToggleButton";
-export { default as SingleSelectedToggleButton } from "./components/button-component/SignleSelectedToggleButton";
-export { default as MultiselectedToggleButton } from "./components/button-component/MultiselectedToggleButton";

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

No tests

Quality

Package does not have any tests. This is a strong signal of a poorly maintained or low quality package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

19338

360.65%

Number of package files

12

50%

Lines of code

275

186.46%

Number of low quality alerts

1

-50%

Worsened metrics

Dev dependency count

4

Infinity%

Number of medium supply chain risk alerts

1

Infinity%

No dependency changes