@codacy/ui-components 0.66.24 → 0.66.26

package/lib/Toast/Toast.js

@@ -1,39 +1,29 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useToast = exports.ToastContainer = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _react = _interopRequireWildcard(require("react"));
-var _styles = require("./styles");
-var _Icons = require("../Icons");
-var _reactToastify = require("react-toastify");
-var _Typography = require("../Typography");
-var _hash = require("../utils/hash");
-var _reactNodeToText = require("../utils/reactNodeToText");
-var _jsxRuntime = require("react/jsx-runtime");
-var DEFAULT_TOAST_TYPE = 'success';
-var TypeIcons = {
-  "default": /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.SuccessIcon, {
+import React, { useMemo } from 'react';
+import { StyledToastContainer } from './styles';
+import { ErrorIcon, WarningIcon, InfoIcon, SuccessIcon } from '../Icons';
+import { toast as launchToast, ToastContainer as ToastifyContainer } from 'react-toastify';
+import { Subheader, Paragraph } from '../Typography';
+import { hash } from '../utils/hash';
+import { reactNodeToText } from '../utils/reactNodeToText';
+const DEFAULT_TOAST_TYPE = 'success';
+const TypeIcons = {
+  default: /*#__PURE__*/React.createElement(SuccessIcon, {
     color: "alerts-success-icon"
   }),
-  success: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.SuccessIcon, {
+  success: /*#__PURE__*/React.createElement(SuccessIcon, {
     color: "alerts-success-icon"
   }),
-  error: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.ErrorIcon, {
+  error: /*#__PURE__*/React.createElement(ErrorIcon, {
     color: "alerts-danger-icon"
   }),
-  info: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.InfoIcon, {
+  info: /*#__PURE__*/React.createElement(InfoIcon, {
     color: "alerts-info-icon"
   }),
-  warning: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.WarningIcon, {
+  warning: /*#__PURE__*/React.createElement(WarningIcon, {
     color: "alerts-warning-icon"
   })
 };
-var getInnerToastText = function getInnerToastText(content) {
+const getInnerToastText = content => {
   if (!content) return '';
   switch (typeof content) {
     case 'string':
@@ -41,61 +31,56 @@ var getInnerToastText = function getInnerToastText(content) {
     case 'object':
       if ('title' in content || 'description' in content) {
         if (typeof content.description === 'object') {
-          return "".concat(content.title || '', " ").concat((0, _reactNodeToText.reactNodeToText)(content.description));
+          return `${content.title || ''} ${reactNodeToText(content.description)}`;
         } else {
-          return "".concat(content.title || '', " ").concat(content.description);
+          return `${content.title || ''} ${content.description}`;
         }
       }
-      return (0, _reactNodeToText.reactNodeToText)(content);
+      return reactNodeToText(content);
     default:
       return '';
   }
 };
-var ToastContentWrapper = function ToastContentWrapper(_ref) {
-  var content = _ref.content;
+const ToastContentWrapper = ({
+  content
+}) => {
   if (content && typeof content === 'object' && 'description' in content) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [content.title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.Subheader, {
-        size: "lg",
-        color: "alerts-primary-text",
-        mb: 2,
-        children: content.title
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.Paragraph, {
-        color: "alerts-secondary-text",
-        as: "div",
-        children: content.description
-      })]
-    });
+    return /*#__PURE__*/React.createElement(React.Fragment, null, content.title && /*#__PURE__*/React.createElement(Subheader, {
+      size: "lg",
+      color: "alerts-primary-text",
+      mb: 2
+    }, content.title), /*#__PURE__*/React.createElement(Paragraph, {
+      color: "alerts-secondary-text",
+      as: "div"
+    }, content.description));
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.Paragraph, {
+  return /*#__PURE__*/React.createElement(Paragraph, {
     color: "alerts-primary-text",
-    as: "div",
-    children: content
-  });
+    as: "div"
+  }, content);
 };
-var useToast = exports.useToast = function useToast(defaultOptions) {
-  var showToastFn = (0, _react.useMemo)(function () {
-    return function (content, options) {
-      var ops = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, defaultOptions), options);
-      (0, _reactToastify.toast)( /*#__PURE__*/(0, _jsxRuntime.jsx)(ToastContentWrapper, {
-        content: content
-      }), (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, ops), {}, {
-        toastId: (0, _hash.hash)(getInnerToastText(content)),
-        icon: TypeIcons[(ops === null || ops === void 0 ? void 0 : ops.type) || DEFAULT_TOAST_TYPE],
-        autoClose: (ops === null || ops === void 0 ? void 0 : ops.duration) === null ? false : ops === null || ops === void 0 ? void 0 : ops.duration
-      }));
+const useToast = defaultOptions => {
+  const showToastFn = useMemo(() => (content, options) => {
+    const ops = {
+      ...defaultOptions,
+      ...options
     };
+    launchToast( /*#__PURE__*/React.createElement(ToastContentWrapper, {
+      content: content
+    }), {
+      ...ops,
+      toastId: hash(getInnerToastText(content)),
+      icon: TypeIcons[(ops === null || ops === void 0 ? void 0 : ops.type) || DEFAULT_TOAST_TYPE],
+      autoClose: (ops === null || ops === void 0 ? void 0 : ops.duration) === null ? false : ops === null || ops === void 0 ? void 0 : ops.duration
+    });
   }, [defaultOptions]);
   return showToastFn;
 };
-var ToastContainer = exports.ToastContainer = function ToastContainer() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledToastContainer, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactToastify.ToastContainer, {
-      position: "bottom-right",
-      autoClose: 3000,
-      hideProgressBar: true,
-      newestOnTop: true,
-      pauseOnHover: true
-    })
-  });
-};
+const ToastContainer = () => /*#__PURE__*/React.createElement(StyledToastContainer, null, /*#__PURE__*/React.createElement(ToastifyContainer, {
+  position: "bottom-right",
+  autoClose: 3000,
+  hideProgressBar: true,
+  newestOnTop: true,
+  pauseOnHover: true
+}));
+export { useToast, ToastContainer };

package/lib/Toast/index.js

@@ -1,16 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Toast = require("./Toast");
-Object.keys(_Toast).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Toast[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Toast[key];
-    }
-  });
-});
+export * from './Toast';

package/lib/Toast/styles.js

@@ -1,53 +1,33 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledToastContainer = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var StyledToastContainer = exports.StyledToastContainer = /*#__PURE__*/(0, _base["default"])("div", process.env.NODE_ENV === "production" ? {
+import _styled from "@emotion/styled/base";
+export const StyledToastContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1250ir80"
 } : {
   target: "e1250ir80",
   label: "codacy"
-})(".Toastify__toast-container{width:30rem;}.Toastify__close-button{color:", function (_ref) {
-  var theme = _ref.theme;
-  return theme.colors['alerts-primary-icon'];
-}, ";}.Toastify__toast{font-family:", function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.fonts.normal;
-}, ";box-shadow:", function (_ref3) {
-  var theme = _ref3.theme;
-  return theme.shadows[1];
-}, ";}.Toastify__toast-body{align-items:flex-start;}.Toastify__toast--default{background-color:", function (_ref4) {
-  var theme = _ref4.theme;
-  return theme.colors['alerts-success-background'];
-}, ";border-left:", function (_ref5) {
-  var theme = _ref5.theme;
-  return "".concat(theme.borderWidths[2], " solid ").concat(theme.colors['alerts-success-border']);
-}, ";}.Toastify__toast--info{background-color:", function (_ref6) {
-  var theme = _ref6.theme;
-  return theme.colors['alerts-info-background'];
-}, ";border-left:", function (_ref7) {
-  var theme = _ref7.theme;
-  return "".concat(theme.borderWidths[2], " solid ").concat(theme.colors['alerts-info-border']);
-}, ";}.Toastify__toast--success{background-color:", function (_ref8) {
-  var theme = _ref8.theme;
-  return theme.colors['alerts-success-background'];
-}, ";border-left:", function (_ref9) {
-  var theme = _ref9.theme;
-  return "".concat(theme.borderWidths[2], " solid ").concat(theme.colors['alerts-success-border']);
-}, ";}.Toastify__toast--warning{background-color:", function (_ref10) {
-  var theme = _ref10.theme;
-  return theme.colors['alerts-warning-background'];
-}, ";border-left:", function (_ref11) {
-  var theme = _ref11.theme;
-  return "".concat(theme.borderWidths[2], " solid ").concat(theme.colors['alerts-warning-border']);
-}, ";}.Toastify__toast--error{background-color:", function (_ref12) {
-  var theme = _ref12.theme;
-  return theme.colors['alerts-danger-background'];
-}, ";border-left:", function (_ref13) {
-  var theme = _ref13.theme;
-  return "".concat(theme.borderWidths[2], " solid ").concat(theme.colors['alerts-danger-border']);
-}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Ub2FzdC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRXVFIiwiZmlsZSI6Ii4uLy4uL3NyYy9Ub2FzdC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRvYXN0Q29udGFpbmVyID0gc3R5bGVkLmRpdjxSZWNvcmQ8c3RyaW5nLCB1bmtub3duPj5gXG4gIC8qKiBVc2VkIHRvIGRlZmluZSBjb250YWluZXIgYmVoYXZpb3I6IHdpZHRoLCBwb3NpdGlvbjogZml4ZWQgZXRjLi4uICoqL1xuICAuVG9hc3RpZnlfX3RvYXN0LWNvbnRhaW5lciB7XG4gICAgd2lkdGg6IDMwcmVtO1xuICB9XG4gIC5Ub2FzdGlmeV9fY2xvc2UtYnV0dG9uIHtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2FsZXJ0cy1wcmltYXJ5LWljb24nXX07XG4gIH1cblxuICAvKiogQ2xhc3NlcyBmb3IgdGhlIGRpc3BsYXllZCB0b2FzdCAqKi9cbiAgLlRvYXN0aWZ5X190b2FzdCB7XG4gICAgZm9udC1mYW1pbHk6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZm9udHMubm9ybWFsfTtcbiAgICBib3gtc2hhZG93OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNoYWRvd3NbMV19O1xuICB9XG5cbiAgLlRvYXN0aWZ5X190b2FzdC1ib2R5IHtcbiAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgfVxuXG4gIC8qKiBoYW5kbGUgdGhlIG5vdGlmaWNhaXRvbiBjb2xvciBhbmQgdGhlIHRleHQgY29sb3IgYmFzZWQgb24gdGhlIHRoZW1lICoqL1xuICAuVG9hc3RpZnlfX3RvYXN0LS1kZWZhdWx0IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYWxlcnRzLXN1Y2Nlc3MtYmFja2dyb3VuZCddfTtcbiAgICBib3JkZXItbGVmdDogJHsoeyB0aGVtZSB9KSA9PiBgJHt0aGVtZS5ib3JkZXJXaWR0aHNbMl19IHNvbGlkICR7dGhlbWUuY29sb3JzWydhbGVydHMtc3VjY2Vzcy1ib3JkZXInXX1gfTtcbiAgfVxuICAuVG9hc3RpZnlfX3RvYXN0LS1pbmZvIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYWxlcnRzLWluZm8tYmFja2dyb3VuZCddfTtcbiAgICBib3JkZXItbGVmdDogJHsoeyB0aGVtZSB9KSA9PiBgJHt0aGVtZS5ib3JkZXJXaWR0aHNbMl19IHNvbGlkICR7dGhlbWUuY29sb3JzWydhbGVydHMtaW5mby1ib3JkZXInXX1gfTtcbiAgfVxuICAuVG9hc3RpZnlfX3RvYXN0LS1zdWNjZXNzIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYWxlcnRzLXN1Y2Nlc3MtYmFja2dyb3VuZCddfTtcbiAgICBib3JkZXItbGVmdDogJHsoeyB0aGVtZSB9KSA9PiBgJHt0aGVtZS5ib3JkZXJXaWR0aHNbMl19IHNvbGlkICR7dGhlbWUuY29sb3JzWydhbGVydHMtc3VjY2Vzcy1ib3JkZXInXX1gfTtcbiAgfVxuICAuVG9hc3RpZnlfX3RvYXN0LS13YXJuaW5nIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYWxlcnRzLXdhcm5pbmctYmFja2dyb3VuZCddfTtcbiAgICBib3JkZXItbGVmdDogJHsoeyB0aGVtZSB9KSA9PiBgJHt0aGVtZS5ib3JkZXJXaWR0aHNbMl19IHNvbGlkICR7dGhlbWUuY29sb3JzWydhbGVydHMtd2FybmluZy1ib3JkZXInXX1gfTtcbiAgfVxuICAuVG9hc3RpZnlfX3RvYXN0LS1lcnJvciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2FsZXJ0cy1kYW5nZXItYmFja2dyb3VuZCddfTtcbiAgICBib3JkZXItbGVmdDogJHsoeyB0aGVtZSB9KSA9PiBgJHt0aGVtZS5ib3JkZXJXaWR0aHNbMl19IHNvbGlkICR7dGhlbWUuY29sb3JzWydhbGVydHMtZGFuZ2VyLWJvcmRlciddfWB9O1xuICB9XG5gXG4iXX0= */"));
+})(".Toastify__toast-container{width:30rem;}.Toastify__close-button{color:", ({
+  theme
+}) => theme.colors['alerts-primary-icon'], ";}.Toastify__toast{font-family:", ({
+  theme
+}) => theme.fonts.normal, ";box-shadow:", ({
+  theme
+}) => theme.shadows[1], ";}.Toastify__toast-body{align-items:flex-start;}.Toastify__toast--default{background-color:", ({
+  theme
+}) => theme.colors['alerts-success-background'], ";border-left:", ({
+  theme
+}) => `${theme.borderWidths[2]} solid ${theme.colors['alerts-success-border']}`, ";}.Toastify__toast--info{background-color:", ({
+  theme
+}) => theme.colors['alerts-info-background'], ";border-left:", ({
+  theme
+}) => `${theme.borderWidths[2]} solid ${theme.colors['alerts-info-border']}`, ";}.Toastify__toast--success{background-color:", ({
+  theme
+}) => theme.colors['alerts-success-background'], ";border-left:", ({
+  theme
+}) => `${theme.borderWidths[2]} solid ${theme.colors['alerts-success-border']}`, ";}.Toastify__toast--warning{background-color:", ({
+  theme
+}) => theme.colors['alerts-warning-background'], ";border-left:", ({
+  theme
+}) => `${theme.borderWidths[2]} solid ${theme.colors['alerts-warning-border']}`, ";}.Toastify__toast--error{background-color:", ({
+  theme
+}) => theme.colors['alerts-danger-background'], ";border-left:", ({
+  theme
+}) => `${theme.borderWidths[2]} solid ${theme.colors['alerts-danger-border']}`, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9Ub2FzdC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRXVFIiwiZmlsZSI6Ii4uLy4uL3NyYy9Ub2FzdC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRvYXN0Q29udGFpbmVyID0gc3R5bGVkLmRpdjxSZWNvcmQ8c3RyaW5nLCB1bmtub3duPj5gXG4gIC8qKiBVc2VkIHRvIGRlZmluZSBjb250YWluZXIgYmVoYXZpb3I6IHdpZHRoLCBwb3NpdGlvbjogZml4ZWQgZXRjLi4uICoqL1xuICAuVG9hc3RpZnlfX3RvYXN0LWNvbnRhaW5lciB7XG4gICAgd2lkdGg6IDMwcmVtO1xuICB9XG4gIC5Ub2FzdGlmeV9fY2xvc2UtYnV0dG9uIHtcbiAgICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2FsZXJ0cy1wcmltYXJ5LWljb24nXX07XG4gIH1cblxuICAvKiogQ2xhc3NlcyBmb3IgdGhlIGRpc3BsYXllZCB0b2FzdCAqKi9cbiAgLlRvYXN0aWZ5X190b2FzdCB7XG4gICAgZm9udC1mYW1pbHk6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZm9udHMubm9ybWFsfTtcbiAgICBib3gtc2hhZG93OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNoYWRvd3NbMV19O1xuICB9XG5cbiAgLlRvYXN0aWZ5X190b2FzdC1ib2R5IHtcbiAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgfVxuXG4gIC8qKiBoYW5kbGUgdGhlIG5vdGlmaWNhaXRvbiBjb2xvciBhbmQgdGhlIHRleHQgY29sb3IgYmFzZWQgb24gdGhlIHRoZW1lICoqL1xuICAuVG9hc3RpZnlfX3RvYXN0LS1kZWZhdWx0IHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYWxlcnRzLXN1Y2Nlc3MtYmFja2dyb3VuZCddfTtcbiAgICBib3JkZXItbGVmdDogJHsoeyB0aGVtZSB9KSA9PiBgJHt0aGVtZS5ib3JkZXJXaWR0aHNbMl19IHNvbGlkICR7dGhlbWUuY29sb3JzWydhbGVydHMtc3VjY2Vzcy1ib3JkZXInXX1gfTtcbiAgfVxuICAuVG9hc3RpZnlfX3RvYXN0LS1pbmZvIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYWxlcnRzLWluZm8tYmFja2dyb3VuZCddfTtcbiAgICBib3JkZXItbGVmdDogJHsoeyB0aGVtZSB9KSA9PiBgJHt0aGVtZS5ib3JkZXJXaWR0aHNbMl19IHNvbGlkICR7dGhlbWUuY29sb3JzWydhbGVydHMtaW5mby1ib3JkZXInXX1gfTtcbiAgfVxuICAuVG9hc3RpZnlfX3RvYXN0LS1zdWNjZXNzIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYWxlcnRzLXN1Y2Nlc3MtYmFja2dyb3VuZCddfTtcbiAgICBib3JkZXItbGVmdDogJHsoeyB0aGVtZSB9KSA9PiBgJHt0aGVtZS5ib3JkZXJXaWR0aHNbMl19IHNvbGlkICR7dGhlbWUuY29sb3JzWydhbGVydHMtc3VjY2Vzcy1ib3JkZXInXX1gfTtcbiAgfVxuICAuVG9hc3RpZnlfX3RvYXN0LS13YXJuaW5nIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1snYWxlcnRzLXdhcm5pbmctYmFja2dyb3VuZCddfTtcbiAgICBib3JkZXItbGVmdDogJHsoeyB0aGVtZSB9KSA9PiBgJHt0aGVtZS5ib3JkZXJXaWR0aHNbMl19IHNvbGlkICR7dGhlbWUuY29sb3JzWydhbGVydHMtd2FybmluZy1ib3JkZXInXX1gfTtcbiAgfVxuICAuVG9hc3RpZnlfX3RvYXN0LS1lcnJvciB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnNbJ2FsZXJ0cy1kYW5nZXItYmFja2dyb3VuZCddfTtcbiAgICBib3JkZXItbGVmdDogJHsoeyB0aGVtZSB9KSA9PiBgJHt0aGVtZS5ib3JkZXJXaWR0aHNbMl19IHNvbGlkICR7dGhlbWUuY29sb3JzWydhbGVydHMtZGFuZ2VyLWJvcmRlciddfWB9O1xuICB9XG5gXG4iXX0= */"));

package/lib/Toast/types.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+export {};

package/lib/Toggle/Toggle.js

@@ -1,77 +1,60 @@
-"use strict";
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import { HiddenCheckboxInput, ToggleSwitch, ToggleHandler, LabelWrap } from './styles';
+import { Paragraph, Icon, CheckIcon, CloseIcon } from '../';
+import { useCallback } from 'react';
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Toggle = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _styles = require("./styles");
-var _ = require("../");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["children", "id", "disabled", "name", "size", "value", "checked", "inline", "onChange", "onFocus", "onBlur"];
 /**
  * Basic Toggle
  */
-var Toggle = exports.Toggle = function Toggle(_ref) {
-  var children = _ref.children,
-    id = _ref.id,
-    disabled = _ref.disabled,
-    name = _ref.name,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'md' : _ref$size,
-    value = _ref.value,
-    _ref$checked = _ref.checked,
-    checked = _ref$checked === void 0 ? false : _ref$checked,
-    inline = _ref.inline,
-    onChange = _ref.onChange,
-    onFocus = _ref.onFocus,
-    onBlur = _ref.onBlur,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var isIndeterminate = checked === 'indeterminate';
-  var isChecked = !isIndeterminate && !!checked;
-  var handleChange = function handleChange() {
+const Toggle = ({
+  children,
+  id,
+  disabled,
+  name,
+  size = 'md',
+  value,
+  checked = false,
+  inline,
+  onChange,
+  onFocus,
+  onBlur,
+  ...props
+}) => {
+  const isIndeterminate = checked === 'indeterminate';
+  const isChecked = !isIndeterminate && !!checked;
+  const handleChange = () => {
     if (!!onChange && !disabled) {
       onChange(!checked, name, value);
     }
   };
-  var wrapperClickHandler = (0, _react.useCallback)(function (e) {
-    return e.stopPropagation();
-  }, []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.LabelWrap, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
+  const wrapperClickHandler = useCallback(e => e.stopPropagation(), []);
+  return /*#__PURE__*/React.createElement(LabelWrap, _extends({
     inline: inline,
     disabled: disabled,
     as: 'label',
     onClick: wrapperClickHandler
-  }, props), {}, {
-    children: [children && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Paragraph, {
-      size: size,
-      mr: 4,
-      children: children
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.HiddenCheckboxInput, {
-      type: "checkbox",
-      id: id,
-      disabled: disabled,
-      name: name,
-      value: !!value ? value : undefined,
-      checked: isChecked,
-      onFocus: onFocus,
-      onBlur: onBlur,
-      onChange: handleChange
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ToggleSwitch, {
-      checked: checked,
-      size: size,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ToggleHandler, {
-        children: !isIndeterminate && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Icon, {
-          icon: isChecked ? _.CheckIcon : _.CloseIcon,
-          color: 'icon-subtle-inverted',
-          size: size === 'md' ? 'sm' : 'xs',
-          bold: true
-        })
-      })
-    })]
-  }));
-};
+  }, props), children && /*#__PURE__*/React.createElement(Paragraph, {
+    size: size,
+    mr: 4
+  }, children), /*#__PURE__*/React.createElement(HiddenCheckboxInput, {
+    type: "checkbox",
+    id: id,
+    disabled: disabled,
+    name: name,
+    value: !!value ? value : undefined,
+    checked: isChecked,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    onChange: handleChange
+  }), /*#__PURE__*/React.createElement(ToggleSwitch, {
+    checked: checked,
+    size: size
+  }, /*#__PURE__*/React.createElement(ToggleHandler, null, !isIndeterminate && /*#__PURE__*/React.createElement(Icon, {
+    icon: isChecked ? CheckIcon : CloseIcon,
+    color: 'icon-subtle-inverted',
+    size: size === 'md' ? 'sm' : 'xs',
+    bold: true
+  }))));
+};
+export { Toggle };

package/lib/Toggle/index.js

@@ -1,16 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Toggle = require("./Toggle");
-Object.keys(_Toggle).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Toggle[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Toggle[key];
-    }
-  });
-});
+export * from './Toggle';

package/lib/Toggle/styles.d.ts

@@ -15,7 +15,7 @@ export declare const LabelWrap: import("@emotion/styled").StyledComponent<{
     fontWeight?: import("styled-system").ResponsiveValue<number | import("../theme").FontWeights, import("../theme").CodacyTheme> | undefined;
 } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
-} & import("..").FlexboxProps & import("..").GridboxProps & Pick<ToggleProps, "inline" | "disabled" | "size">, {}, {}>;
+} & import("..").FlexboxProps & import("..").GridboxProps & Pick<ToggleProps, "disabled" | "size" | "inline">, {}, {}>;
 export declare const ToggleSwitch: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;