@laerdal/life-react-components 3.4.2 → 3.5.0

package/dist/umd/Toasters/ToastContext.js

@@ -0,0 +1,240 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "react", "styled-components", "../Services/functions", "./Toast", "../types", "../styles/z-indexes"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("react"), require("styled-components"), require("../Services/functions"), require("./Toast"), require("../types"), require("../styles/z-indexes"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.react, global.styledComponents, global.functions, global.Toast, global.types, global.zIndexes);
+    global.undefined = mod.exports;
+  }
+})(this, function (exports, _react, _styledComponents, _functions, _Toast, _types, _zIndexes) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+  exports.ToastProvider = exports.ToastContext = undefined;
+  exports.useToast = useToast;
+
+  var React = _interopRequireWildcard(_react);
+
+  var _styledComponents2 = _interopRequireDefault(_styledComponents);
+
+  var _Toast2 = _interopRequireDefault(_Toast);
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+      default: obj
+    };
+  }
+
+  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 _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 ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+
+    if (Object.getOwnPropertySymbols) {
+      var symbols = Object.getOwnPropertySymbols(object);
+
+      if (enumerableOnly) {
+        symbols = symbols.filter(function (sym) {
+          return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+      }
+
+      keys.push.apply(keys, symbols);
+    }
+
+    return keys;
+  }
+
+  function _objectSpread(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i] != null ? arguments[i] : {};
+
+      if (i % 2) {
+        ownKeys(Object(source), true).forEach(function (key) {
+          _defineProperty(target, key, source[key]);
+        });
+      } else if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+      } else {
+        ownKeys(Object(source)).forEach(function (key) {
+          Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+      }
+    }
+
+    return target;
+  }
+
+  function _defineProperty(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+
+    return obj;
+  }
+
+  /*export const ToastContext = React.createContext<ToasterValueProps>(null);*/
+  const ToastContext = exports.ToastContext = React.createContext({});
+  const ToastBucket = _styledComponents2.default.div`
+  position: fixed;
+  z-index: ${_zIndexes.Z_INDEXES.toast};
+  display: flex;
+  flex-direction: column-reverse;
+`;
+  const ToastBucketTopLeft = (0, _styledComponents2.default)(ToastBucket)`
+  top: 16px;
+  left: 5%;
+`;
+  const ToastBucketTopMiddle = (0, _styledComponents2.default)(ToastBucket)`
+  top: 16px;
+  left: 50%;
+  transform: translateX(-50%);
+`;
+  const ToastBucketTopRight = (0, _styledComponents2.default)(ToastBucket)`
+  top: 16px;
+  right: 5%;
+`;
+  const ToastBucketBottomLeft = (0, _styledComponents2.default)(ToastBucket)`
+  bottom: 16px;
+  left: 5%;
+`;
+  const ToastBucketBottomMiddle = (0, _styledComponents2.default)(ToastBucket)`
+  bottom: 16px;
+  left: 50%;
+  transform: translateX(-50%);
+`;
+  const ToastBucketBottomRight = (0, _styledComponents2.default)(ToastBucket)`
+  bottom: 16px;
+  right: 5%;
+`;
+
+  const ToastProvider = exports.ToastProvider = ({
+    children
+  }) => {
+    const [toasts, setToasts] = React.useState([]);
+
+    const add = (content, options) => {
+      const id = (0, _functions.createUUID)();
+      setToasts(prev => [...prev, {
+        id,
+        content,
+        options
+      }]);
+    };
+
+    const remove = id => setToasts(toasts.filter(t => t.id !== id));
+
+    const functions = React.useMemo(() => {
+      return {
+        addToast: add,
+        removeToast: remove
+      };
+    }, [toasts]);
+    return /*#__PURE__*/React.createElement(ToastContext.Provider, {
+      value: _objectSpread({
+        toasts
+      }, functions)
+    }, /*#__PURE__*/React.createElement(ToastBucketTopLeft, null, toasts.filter(t => t.options.position === _types.ToastPosition.TOPLEFT).map(t => /*#__PURE__*/React.createElement(_Toast2.default, {
+      key: t.id,
+      content: t.content,
+      remove: () => remove(t.id),
+      options: t.options
+    }))), /*#__PURE__*/React.createElement(ToastBucketTopMiddle, null, toasts.filter(t => t.options.position === _types.ToastPosition.TOPMIDDLE).map(t => /*#__PURE__*/React.createElement(_Toast2.default, {
+      key: t.id,
+      content: t.content,
+      remove: () => remove(t.id),
+      options: t.options
+    }))), /*#__PURE__*/React.createElement(ToastBucketTopRight, null, toasts.filter(t => t.options.position === _types.ToastPosition.TOPRIGHT).map(t => /*#__PURE__*/React.createElement(_Toast2.default, {
+      key: t.id,
+      content: t.content,
+      remove: () => remove(t.id),
+      options: t.options
+    }))), /*#__PURE__*/React.createElement(ToastBucketBottomLeft, null, toasts.filter(t => t.options.position === _types.ToastPosition.BOTTOMLEFT).map(t => /*#__PURE__*/React.createElement(_Toast2.default, {
+      key: t.id,
+      content: t.content,
+      remove: () => remove(t.id),
+      options: t.options
+    }))), /*#__PURE__*/React.createElement(ToastBucketBottomMiddle, null, toasts.filter(t => t.options.position === _types.ToastPosition.BOTTOMMIDDLE).map(t => /*#__PURE__*/React.createElement(_Toast2.default, {
+      key: t.id,
+      content: t.content,
+      remove: () => remove(t.id),
+      options: t.options
+    }))), /*#__PURE__*/React.createElement(ToastBucketBottomRight, null, toasts.filter(t => t.options.position === _types.ToastPosition.BOTTOMRIGHT).map(t => /*#__PURE__*/React.createElement(_Toast2.default, {
+      key: t.id,
+      content: t.content,
+      remove: () => remove(t.id),
+      options: t.options
+    }))), children);
+  };
+
+  function useToast() {
+    const {
+      addToast
+    } = React.useContext(ToastContext);
+    return {
+      addToast
+    };
+  }
+});
+//# sourceMappingURL=ToastContext.js.map

package/dist/umd/Toasters/ToastContext.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Toasters/ToastContext.tsx"],"names":["ToastContext","React","ToastBucket","styled","div","Z_INDEXES","toast","ToastBucketTopLeft","ToastBucketTopMiddle","ToastBucketTopRight","ToastBucketBottomLeft","ToastBucketBottomMiddle","ToastBucketBottomRight","ToastProvider","children","add","id","setToasts","prev","options","remove","toasts","t","functions","addToast","removeToast","ToastPosition"],"mappings":"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","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { createUUID } from '../Services/functions';\r\nimport Toast, { ToastOptions } from './Toast';\r\nimport { ToastPosition } from '../types';\r\nimport {Z_INDEXES} from '../styles/z-indexes';\r\n\r\ntype ProviderProps = {\r\n  children?: any;\r\n};\r\n\r\ninterface toast {\r\n  options: ToastOptions;\r\n  id: string;\r\n  content: any;\r\n}\r\ntype ToasterValueProps = { toasts: toast[]; addToast: (content: any, options: ToastOptions) => void; removeToast: (id: string) => void };\r\n\r\n/*export const ToastContext = React.createContext<ToasterValueProps>(null);*/\r\n\r\nexport const ToastContext = React.createContext({} as ToasterValueProps);\r\n\r\nconst ToastBucket = styled.div`\r\n  position: fixed;\r\n  z-index: ${Z_INDEXES.toast};\r\n  display: flex;\r\n  flex-direction: column-reverse;\r\n`;\r\n\r\nconst ToastBucketTopLeft = styled(ToastBucket)`\r\n  top: 16px;\r\n  left: 5%;\r\n`;\r\n\r\nconst ToastBucketTopMiddle = styled(ToastBucket)`\r\n  top: 16px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n`;\r\n\r\nconst ToastBucketTopRight = styled(ToastBucket)`\r\n  top: 16px;\r\n  right: 5%;\r\n`;\r\n\r\nconst ToastBucketBottomLeft = styled(ToastBucket)`\r\n  bottom: 16px;\r\n  left: 5%;\r\n`;\r\n\r\nconst ToastBucketBottomMiddle = styled(ToastBucket)`\r\n  bottom: 16px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n`;\r\n\r\nconst ToastBucketBottomRight = styled(ToastBucket)`\r\n  bottom: 16px;\r\n  right: 5%;\r\n`;\r\n\r\nexport const ToastProvider: React.FC = ({ children }: ProviderProps) => {\r\n  const [toasts, setToasts] = React.useState<toast[]>([]);\r\n\r\n  const add = (content: any, options: ToastOptions) => {\r\n    const id = createUUID();\r\n    setToasts(prev => [...prev, { id, content, options }]);\r\n  };\r\n\r\n  const remove = (id: string) => setToasts(toasts.filter(t => t.id !== id));\r\n\r\n  const functions = React.useMemo(() => {\r\n    return { addToast: add, removeToast: remove };\r\n  }, [toasts]);\r\n\r\n  return (\r\n    <ToastContext.Provider value={{ toasts, ...functions }}>\r\n      <ToastBucketTopLeft>\r\n        {toasts\r\n          .filter(t => t.options.position === ToastPosition.TOPLEFT)\r\n          .map(t => (\r\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\r\n          ))}\r\n      </ToastBucketTopLeft>\r\n      <ToastBucketTopMiddle>\r\n        {toasts\r\n          .filter(t => t.options.position === ToastPosition.TOPMIDDLE)\r\n          .map(t => (\r\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\r\n          ))}\r\n      </ToastBucketTopMiddle>\r\n      <ToastBucketTopRight>\r\n        {toasts\r\n          .filter(t => t.options.position === ToastPosition.TOPRIGHT)\r\n          .map(t => (\r\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\r\n          ))}\r\n      </ToastBucketTopRight>\r\n      <ToastBucketBottomLeft>\r\n        {toasts\r\n          .filter(t => t.options.position === ToastPosition.BOTTOMLEFT)\r\n          .map(t => (\r\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\r\n          ))}\r\n      </ToastBucketBottomLeft>\r\n      <ToastBucketBottomMiddle>\r\n        {toasts\r\n          .filter(t => t.options.position === ToastPosition.BOTTOMMIDDLE)\r\n          .map(t => (\r\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\r\n          ))}\r\n      </ToastBucketBottomMiddle>\r\n      <ToastBucketBottomRight>\r\n        {toasts\r\n          .filter(t => t.options.position === ToastPosition.BOTTOMRIGHT)\r\n          .map(t => (\r\n            <Toast key={t.id} content={t.content} remove={() => remove(t.id)} options={t.options} />\r\n          ))}\r\n      </ToastBucketBottomRight>\r\n      {children}\r\n    </ToastContext.Provider>\r\n  );\r\n};\r\n\r\nexport function useToast() {\r\n  const { addToast } = React.useContext(ToastContext);\r\n  return {\r\n    addToast,\r\n  };\r\n}\r\n"],"file":"ToastContext.js"}

package/dist/umd/Toasters/__tests__/Toast.test.js

@@ -0,0 +1,91 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["react", "@testing-library/react", "../index", "../../types", "jest-styled-components"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(require("react"), require("@testing-library/react"), require("../index"), require("../../types"), require("jest-styled-components"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(global.react, global.react, global.index, global.types, global.jestStyledComponents);
+    global.undefined = mod.exports;
+  }
+})(this, function (_react, _react3, _index, _types) {
+  "use strict";
+
+  var _react2 = _interopRequireDefault(_react);
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+      default: obj
+    };
+  }
+
+  describe('<Toast />', () => {
+    it('Renders black toast', async () => {
+      const {
+        queryByText,
+        getByTestId
+      } = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_index.Toast, {
+        key: "a",
+        options: {
+          color: _types.ToastColor.BLACK,
+          position: _types.ToastPosition.TOPMIDDLE
+        },
+        content: "This is a warning",
+        testId: "TestToast"
+      }));
+      expect(queryByText('This is a warning')).toBeDefined();
+      expect(getByTestId('TestToast').classList.contains('BLACK')).toBe(true);
+    });
+    it('Renders white toast', async () => {
+      const {
+        queryByText,
+        getByTestId
+      } = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_index.Toast, {
+        key: "a",
+        options: {
+          color: _types.ToastColor.WHITE,
+          position: _types.ToastPosition.TOPMIDDLE
+        },
+        content: "This is a warning",
+        testId: "TestToast"
+      }));
+      expect(queryByText('This is a warning')).toBeDefined();
+      expect(getByTestId('TestToast').classList.contains('WHITE')).toBe(true);
+    });
+    it('Renders warning toast', async () => {
+      const {
+        queryByText,
+        getByTestId
+      } = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_index.Toast, {
+        key: "a",
+        options: {
+          color: _types.ToastColor.ORANGE,
+          position: _types.ToastPosition.TOPMIDDLE
+        },
+        content: "This is a warning",
+        testId: "TestToast"
+      }));
+      expect(queryByText('This is a warning')).toBeDefined();
+      expect(getByTestId('TestToast').classList.contains('ORANGE')).toBe(true);
+    });
+    it('Renders error toast', async () => {
+      const {
+        queryByText,
+        getByTestId
+      } = (0, _react3.render)( /*#__PURE__*/_react2.default.createElement(_index.Toast, {
+        key: "a",
+        options: {
+          color: _types.ToastColor.RED,
+          position: _types.ToastPosition.TOPMIDDLE
+        },
+        content: "This is a warning",
+        testId: "TestToast"
+      }));
+      expect(queryByText('This is a warning')).toBeDefined();
+      expect(getByTestId('TestToast').classList.contains('RED')).toBe(true);
+    });
+  });
+});
+//# sourceMappingURL=Toast.test.js.map

package/dist/umd/Toasters/__tests__/Toast.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Toasters/__tests__/Toast.test.tsx"],"names":["describe","it","getByTestId","render","color","ToastColor","position","ToastPosition","TOPMIDDLE","expect","queryByText"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport { render } from '@testing-library/react';\r\nimport { Toast } from '../index';\r\nimport 'jest-styled-components';\r\nimport { ToastColor, ToastPosition } from '../../types';\r\n\r\ndescribe('<Toast />', () => {\r\n  it('Renders black toast', async () => {\r\n    const { queryByText, getByTestId } = render(\r\n      <Toast\r\n        key=\"a\"\r\n        options={{\r\n          color: ToastColor.BLACK,\r\n          position: ToastPosition.TOPMIDDLE,\r\n        }}\r\n        content=\"This is a warning\"\r\n        testId=\"TestToast\"\r\n      />,\r\n    );\r\n    expect(queryByText('This is a warning')).toBeDefined();\r\n    expect(getByTestId('TestToast').classList.contains('BLACK')).toBe(true);\r\n  });\r\n  it('Renders white toast', async () => {\r\n    const { queryByText, getByTestId } = render(\r\n      <Toast\r\n        key=\"a\"\r\n        options={{\r\n          color: ToastColor.WHITE,\r\n          position: ToastPosition.TOPMIDDLE,\r\n        }}\r\n        content=\"This is a warning\"\r\n        testId=\"TestToast\"\r\n      />,\r\n    );\r\n    expect(queryByText('This is a warning')).toBeDefined();\r\n    expect(getByTestId('TestToast').classList.contains('WHITE')).toBe(true);\r\n  });\r\n  it('Renders warning toast', async () => {\r\n    const { queryByText, getByTestId } = render(\r\n      <Toast\r\n        key=\"a\"\r\n        options={{\r\n          color: ToastColor.ORANGE,\r\n          position: ToastPosition.TOPMIDDLE,\r\n        }}\r\n        content=\"This is a warning\"\r\n        testId=\"TestToast\"\r\n      />,\r\n    );\r\n    expect(queryByText('This is a warning')).toBeDefined();\r\n    expect(getByTestId('TestToast').classList.contains('ORANGE')).toBe(true);\r\n  });\r\n  it('Renders error toast', async () => {\r\n    const { queryByText, getByTestId } = render(\r\n      <Toast\r\n        key=\"a\"\r\n        options={{\r\n          color: ToastColor.RED,\r\n          position: ToastPosition.TOPMIDDLE,\r\n        }}\r\n        content=\"This is a warning\"\r\n        testId=\"TestToast\"\r\n      />,\r\n    );\r\n    expect(queryByText('This is a warning')).toBeDefined();\r\n    expect(getByTestId('TestToast').classList.contains('RED')).toBe(true);\r\n  });\r\n});\r\n"],"file":"Toast.test.js"}

package/dist/umd/Toasters/index.js

@@ -0,0 +1,34 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "./Toast", "./ToastContext"], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("./Toast"), require("./ToastContext"));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.Toast, global.ToastContext);
+    global.undefined = mod.exports;
+  }
+})(this, function (exports, _Toast, _ToastContext) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+  exports.ToastContext = exports.useToast = exports.ToastProvider = exports.Toast = undefined;
+
+  var _Toast2 = _interopRequireDefault(_Toast);
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+      default: obj
+    };
+  }
+
+  exports.Toast = _Toast2.default;
+  exports.ToastProvider = _ToastContext.ToastProvider;
+  exports.useToast = _ToastContext.useToast;
+  exports.ToastContext = _ToastContext.ToastContext;
+});
+//# sourceMappingURL=index.js.map

package/dist/umd/Toasters/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Toasters/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;UAGA,K,GAAA,e;UAAA,a,GAAA,2B;UAAA,Q,GAAA,sB;UAAA,Y,GAAA,0B","sourcesContent":["import Toast from './Toast';\r\nimport { ToastProvider, useToast, ToastContext } from './ToastContext';\r\n\r\nexport { Toast, ToastProvider, useToast, ToastContext };\r\n"],"file":"index.js"}

package/dist/umd/Toggles/ToggleSwitch.js

@@ -0,0 +1,121 @@
+(function (global, factory) {
+  if (typeof define === "function" && define.amd) {
+    define(["exports", "react", "./TogglerStyles", ".."], factory);
+  } else if (typeof exports !== "undefined") {
+    factory(exports, require("react"), require("./TogglerStyles"), require(".."));
+  } else {
+    var mod = {
+      exports: {}
+    };
+    factory(mod.exports, global.react, global.TogglerStyles, global._);
+    global.undefined = mod.exports;
+  }
+})(this, function (exports, _react, _TogglerStyles, _) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+
+  var React = _interopRequireWildcard(_react);
+
+  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 _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;
+  }
+
+  /**
+   * Import React libraries.
+   */
+
+  /**
+   * Import custom types.
+   */
+
+  /**
+   * Import custom styles.
+   */
+  const ToggleSwitch = ({
+    id,
+    disabled,
+    selected,
+    label,
+    isSemantic,
+    size,
+    onToggle
+  }) => {
+    /**
+     * Does all required pre-requisites and toggles the switcher state.
+     */
+    const handleClick = () => {
+      // If disabled, don't do anything
+      if (disabled) {
+        return;
+      } // Toggle state change
+
+
+      onToggle(!selected);
+    };
+
+    size = size ?? _.Size.Medium;
+    return /*#__PURE__*/React.createElement(_TogglerStyles.StyledSwitch, {
+      onClick: handleClick,
+      className: size.toString().toLowerCase().concat(disabled ? ' disabled' : ''),
+      selected: selected,
+      tabIndex: disabled ? -1 : 0
+    }, /*#__PURE__*/React.createElement(_TogglerStyles.ToggleSwitchContainer, null, /*#__PURE__*/React.createElement(_TogglerStyles.ToggleSwitch, {
+      className: isSemantic ? 'semantic' : ''
+    })), label && /*#__PURE__*/React.createElement("label", {
+      className: 'label',
+      htmlFor: id
+    }, label));
+  };
+
+  exports.default = ToggleSwitch;
+});
+//# sourceMappingURL=ToggleSwitch.js.map

package/dist/umd/Toggles/ToggleSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Toggles/ToggleSwitch.tsx"],"names":["ToggleSwitch","onToggle","handleClick","size","Size","disabled","isSemantic","label","id"],"mappings":";;;;;;;;;;;;;;;;;;;MAGA,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAHA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AAIA,QAAMA,YAAY,GAAG,CAAC;AAAA,IAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IAAA,QAAA;AAAA,IAAA,KAAA;AAAA,IAAA,UAAA;AAAA,IAAA,IAAA;AAAmDC,IAAAA;AAAnD,GAAD,KAAsF;AACzG;AACF;AACA;AACE,UAAMC,WAAW,GAAG,MAAM;AACxB;AACA,UAAA,QAAA,EAAc;AACZ;AAHsB,OAAA,CAMxB;;;AACAD,MAAAA,QAAQ,CAAC,CAATA,QAAQ,CAARA;AAPF,KAAA;;AAUAE,IAAAA,IAAI,GAAGA,IAAI,IAAIC,OAAfD,MAAAA;AAEA,WAAA,aACE,KAAA,CAAA,aAAA,CAAA,2BAAA,EAAA;AACE,MAAA,OAAO,EADT,WAAA;AAEE,MAAA,SAAS,EAAEA,IAAI,CAAJA,QAAAA,GAAAA,WAAAA,GAAAA,MAAAA,CAGDE,QAAQ,GAAA,WAAA,GALpB,EAEaF,CAFb;AAME,MAAA,QAAQ,EANV,QAAA;AAOE,MAAA,QAAQ,EAAEE,QAAQ,GAAG,CAAH,CAAA,GAAQ;AAP5B,KAAA,EAAA,aAQE,KAAA,CAAA,aAAA,CAAA,oCAAA,EAAA,IAAA,EAAA,aACE,KAAA,CAAA,aAAA,CAAA,2BAAA,EAAA;AAAQ,MAAA,SAAS,EAAEC,UAAU,GAAA,UAAA,GAAgB;AAA7C,KAAA,CADF,CARF,EAWGC,KAAK,IAAA,aACJ,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AAAO,MAAA,SAAS,EAAhB,OAAA;AAA2B,MAAA,OAAO,EAAEC;AAApC,KAAA,EAbN,KAaM,CAZJ,CADF;AAhBF,GAAA;;oBAqCA,Y","sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import custom types.\r\n */\r\nimport { ToggleSwitchProps } from './TogglerTypes';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport { ToggleSwitchContainer, ToggleSwitch as Switch, StyledSwitch } from './TogglerStyles';\r\nimport { Size } from '..';\r\n\r\nconst ToggleSwitch = ({ id, disabled, selected, label, isSemantic, size, onToggle }: ToggleSwitchProps) => {\r\n  /**\r\n   * Does all required pre-requisites and toggles the switcher state.\r\n   */\r\n  const handleClick = () => {\r\n    // If disabled, don't do anything\r\n    if (disabled) {\r\n      return;\r\n    }\r\n\r\n    // Toggle state change\r\n    onToggle(!selected);\r\n  };\r\n\r\n  size = size ?? Size.Medium;\r\n\r\n  return (\r\n    <StyledSwitch\r\n      onClick={handleClick}\r\n      className={size\r\n        .toString()\r\n        .toLowerCase()\r\n        .concat(disabled ? ' disabled' : '')}\r\n      selected={selected}\r\n      tabIndex={disabled ? -1 : 0}>\r\n      <ToggleSwitchContainer>\r\n        <Switch className={isSemantic ? 'semantic' : ''} />\r\n      </ToggleSwitchContainer>\r\n      {label && (\r\n        <label className={'label'} htmlFor={id}>\r\n          {label}\r\n        </label>\r\n      )}\r\n    </StyledSwitch>\r\n  );\r\n};\r\n\r\nexport default ToggleSwitch;\r\n"],"file":"ToggleSwitch.js"}