@dhis2-ui/switch 9.11.0 → 9.11.1-beta.1

package/build/cjs/index.js

@@ -15,7 +15,5 @@ Object.defineProperty(exports, "SwitchField", {
     return _index2.SwitchField;
   }
 });
-
 var _index = require("./switch/index.js");
-
 var _index2 = require("./switch-field/index.js");

package/build/cjs/switch/__tests__/switch.test.js

@@ -1,13 +1,9 @@
 "use strict";
 
 var _react = require("@testing-library/react");
-
 var _react2 = _interopRequireDefault(require("react"));
-
 var _switch = require("../switch.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 describe('<Switch />', () => {
   it('should call the onKeyDown callback when provided', () => {
     const onKeyDown = jest.fn();
@@ -17,13 +13,11 @@ describe('<Switch />', () => {
       checked: false,
       onKeyDown: onKeyDown
     }));
-
     _react.fireEvent.keyDown(_react.screen.getByRole('switch'), {
       key: 'Enter',
       code: 'Enter',
       charCode: 13
     });
-
     expect(onKeyDown).toHaveBeenCalledWith({
       name: 'foo',
       value: 'bar',

package/build/cjs/switch/features/accepts_initial_focus/index.js

@@ -1,9 +1,8 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a Switch with initialFocus is rendered', () => {
-  cy.visitStory('Switch', 'With initialFocus');
+  cy.visitStory('Switch', 'With initial focus');
 });
 (0, _cypressCucumberPreprocessor.Then)('the Switch is focused', () => {
   cy.focused().parent('[data-test="dhis2-uicore-switch"]').should('exist');

package/build/cjs/switch/features/accepts_label/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a Switch with a label is rendered', () => {
   cy.visitStory('Switch', 'With label');
 });

package/build/cjs/switch/features/can_be_blurred/index.js

@@ -1,9 +1,8 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a Switch with initialFocus and onBlur handler is rendered', () => {
-  cy.visitStory('Switch', 'With initialFocus and onBlur');
+  cy.visitStory('Switch', 'With initial focus and on blur');
 });
 (0, _cypressCucumberPreprocessor.When)('the Switch is blurred', () => {
   cy.get('[data-test="dhis2-uicore-switch"] input').blur();

package/build/cjs/switch/features/can_be_changed/index.js

@@ -1,9 +1,8 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a Switch with onChange handler is rendered', () => {
-  cy.visitStory('Switch', 'With onChange');
+  cy.visitStory('Switch', 'With on change');
 });
 (0, _cypressCucumberPreprocessor.When)('the Switch is clicked', () => {
   cy.get('[data-test="dhis2-uicore-switch"]').click();

package/build/cjs/switch/features/can_be_disabled/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a disabled Switch is rendered', () => {
   cy.visitStory('Switch', 'With disabled');
 });

package/build/cjs/switch/features/can_be_focused/index.js

@@ -1,9 +1,8 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a Switch with onFocus handler is rendered', () => {
-  cy.visitStory('Switch', 'With onFocus');
+  cy.visitStory('Switch', 'With on focus');
 });
 (0, _cypressCucumberPreprocessor.When)('the Switch is focused', () => {
   cy.get('[data-test="dhis2-uicore-switch"] input').focus();

package/build/cjs/switch/index.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "Switch", {
     return _switch.Switch;
   }
 });
-
 var _switch = require("./switch.js");

package/build/cjs/switch/switch-icons.js

@@ -4,23 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SwitchRegular = SwitchRegular;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _uiConstants = require("@dhis2/ui-constants");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const styles = ["svg.jsx-4217794981{display:block;pointer-events:none;height:18px;width:35px;}", "svg.jsx-4217794981:dir(rtl){-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1);}", "svg[dir='rtl'].jsx-4217794981{-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1);}", "svg.dense.jsx-4217794981{height:14px;width:27px;}", "svg.jsx-4217794981 .background.jsx-4217794981,svg.jsx-4217794981 .border.jsx-4217794981{fill:".concat(_uiConstants.colors.grey600, ";}"), "svg.jsx-4217794981 .checkmark.jsx-4217794981,svg.jsx-4217794981 .cross.jsx-4217794981,svg.jsx-4217794981 .handle.jsx-4217794981{fill:".concat(_uiConstants.colors.white, ";}"), "svg.jsx-4217794981 .checkmark.jsx-4217794981:dir(rtl){display:none;}", "svg[dir='rtl'].jsx-4217794981 .checkmark.jsx-4217794981{display:none;}", "svg.checked.jsx-4217794981 .handle-unchecked.jsx-4217794981,svg.jsx-4217794981:not(.checked) .handle-checked.jsx-4217794981{fill:none;}", "svg.checked.jsx-4217794981 .background.jsx-4217794981{fill:".concat(_uiConstants.colors.teal400, ";}"), "svg.valid.jsx-4217794981 .background.jsx-4217794981{fill:".concat(_uiConstants.colors.blue600, ";}"), "svg.warning.jsx-4217794981 .background.jsx-4217794981{fill:".concat(_uiConstants.colors.yellow700, ";}"), "svg.error.jsx-4217794981 .background.jsx-4217794981{fill:".concat(_uiConstants.colors.red500, ";}"), "svg.checked.jsx-4217794981 .border.jsx-4217794981{fill:".concat(_uiConstants.colors.teal700, ";}"), "svg.disabled.jsx-4217794981 .background.jsx-4217794981{fill:".concat(_uiConstants.colors.grey300, ";}"), "svg.disabled.jsx-4217794981 .border.jsx-4217794981{fill:".concat(_uiConstants.colors.grey400, ";}"), "svg.valid.jsx-4217794981 .border.jsx-4217794981{fill:".concat(_uiConstants.colors.blue600, ";}"), "svg.valid.checked.jsx-4217794981 .border.jsx-4217794981,svg.valid.indeterminate.jsx-4217794981 .border.jsx-4217794981{fill:".concat(_uiConstants.colors.blue700, ";}"), "svg.warning.jsx-4217794981 .border.jsx-4217794981{fill:".concat(_uiConstants.colors.yellow700, ";}"), "svg.warning.checked.jsx-4217794981 .border.jsx-4217794981{fill:".concat(_uiConstants.colors.yellow800, ";}"), "svg.error.jsx-4217794981 .border.jsx-4217794981{fill:".concat(_uiConstants.colors.red500, ";}"), "svg.error.checked.jsx-4217794981 .border.jsx-4217794981{fill:".concat(_uiConstants.colors.red700, ";}")];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const styles = ["svg.jsx-4217794981{display:block;pointer-events:none;height:18px;width:35px;}", "svg.jsx-4217794981:dir(rtl){-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1);}", "svg[dir='rtl'].jsx-4217794981{-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1);}", "svg.dense.jsx-4217794981{height:14px;width:27px;}", `svg.jsx-4217794981 .background.jsx-4217794981,svg.jsx-4217794981 .border.jsx-4217794981{fill:${_uiConstants.colors.grey600};}`, `svg.jsx-4217794981 .checkmark.jsx-4217794981,svg.jsx-4217794981 .cross.jsx-4217794981,svg.jsx-4217794981 .handle.jsx-4217794981{fill:${_uiConstants.colors.white};}`, "svg.jsx-4217794981 .checkmark.jsx-4217794981:dir(rtl){display:none;}", "svg[dir='rtl'].jsx-4217794981 .checkmark.jsx-4217794981{display:none;}", "svg.checked.jsx-4217794981 .handle-unchecked.jsx-4217794981,svg.jsx-4217794981:not(.checked) .handle-checked.jsx-4217794981{fill:none;}", `svg.checked.jsx-4217794981 .background.jsx-4217794981{fill:${_uiConstants.colors.teal400};}`, `svg.valid.jsx-4217794981 .background.jsx-4217794981{fill:${_uiConstants.colors.blue600};}`, `svg.warning.jsx-4217794981 .background.jsx-4217794981{fill:${_uiConstants.colors.yellow700};}`, `svg.error.jsx-4217794981 .background.jsx-4217794981{fill:${_uiConstants.colors.red500};}`, `svg.checked.jsx-4217794981 .border.jsx-4217794981{fill:${_uiConstants.colors.teal700};}`, `svg.disabled.jsx-4217794981 .background.jsx-4217794981{fill:${_uiConstants.colors.grey300};}`, `svg.disabled.jsx-4217794981 .border.jsx-4217794981{fill:${_uiConstants.colors.grey400};}`, `svg.valid.jsx-4217794981 .border.jsx-4217794981{fill:${_uiConstants.colors.blue600};}`, `svg.valid.checked.jsx-4217794981 .border.jsx-4217794981,svg.valid.indeterminate.jsx-4217794981 .border.jsx-4217794981{fill:${_uiConstants.colors.blue700};}`, `svg.warning.jsx-4217794981 .border.jsx-4217794981{fill:${_uiConstants.colors.yellow700};}`, `svg.warning.checked.jsx-4217794981 .border.jsx-4217794981{fill:${_uiConstants.colors.yellow800};}`, `svg.error.jsx-4217794981 .border.jsx-4217794981{fill:${_uiConstants.colors.red500};}`, `svg.error.checked.jsx-4217794981 .border.jsx-4217794981{fill:${_uiConstants.colors.red700};}`];
 styles.__hash = "4217794981";
-
 function SwitchRegular(_ref) {
   var _document$documentEle, _document$documentEle2;
-
   let {
     className
   } = _ref;
@@ -28,38 +20,45 @@ function SwitchRegular(_ref) {
     viewBox: "0 0 42 22",
     xmlns: "http://www.w3.org/2000/svg",
     dir: (_document$documentEle = (_document$documentEle2 = document.documentElement) === null || _document$documentEle2 === void 0 ? void 0 : _document$documentEle2.dir) !== null && _document$documentEle !== void 0 ? _document$documentEle : 'ltr',
-    className: "jsx-".concat(styles.__hash) + " " + (className || "")
+    className: `jsx-${styles.__hash}` + " " + (className || "")
   }, /*#__PURE__*/_react.default.createElement("path", {
     d: "M0,11 L0,11 C0,4.92486775 4.92076837,0 11.0075657,0 L30.9924343,0 C37.071745,0 42,4.923532 42,11 L42,11 C42,17.0751322 37.0792316,22 30.9924343,22 L11.0075657,22 C4.92825504,22 0,17.0791222 0,11 L0,11 Z",
     fill: "red",
-    className: "jsx-".concat(styles.__hash) + " " + "background"
+    className: `jsx-${styles.__hash}` + " " + "background"
   }), /*#__PURE__*/_react.default.createElement("path", {
-    d: "M30.9924343,0 C36.975248,0 41.8432574,4.76846989 41.99629,10.7115309 L42,11 C42,17.0751322 37.0792316,22 30.9924343,22 L11.0075657,22 C5.02475203,22 0.156742552,17.2341007 0.00370995454,11.2885915 L0,11 C0,4.92486775 4.92076837,0 11.0075657,0 L30.9924343,0 Z M30.9924343,1 L11.0075657,1 C5.47559009,1 0.99991738,5.47461611 0.99991738,10.9871457 L1.00337887,11.2628608 C1.14271146,16.6761076 5.5768313,21 11.0075657,21 L30.9924343,21 C36.5244099,21 41.0000827,16.5253839 41.0000827,11.0128598 L40.9966214,10.7372722 C40.8572703,5.32553352 36.4222391,1 30.9924343,1 Z" // fill="#00695C"
+    d: "M30.9924343,0 C36.975248,0 41.8432574,4.76846989 41.99629,10.7115309 L42,11 C42,17.0751322 37.0792316,22 30.9924343,22 L11.0075657,22 C5.02475203,22 0.156742552,17.2341007 0.00370995454,11.2885915 L0,11 C0,4.92486775 4.92076837,0 11.0075657,0 L30.9924343,0 Z M30.9924343,1 L11.0075657,1 C5.47559009,1 0.99991738,5.47461611 0.99991738,10.9871457 L1.00337887,11.2628608 C1.14271146,16.6761076 5.5768313,21 11.0075657,21 L30.9924343,21 C36.5244099,21 41.0000827,16.5253839 41.0000827,11.0128598 L40.9966214,10.7372722 C40.8572703,5.32553352 36.4222391,1 30.9924343,1 Z"
+
+    // fill="#00695C"
     // fillRule="nonzero"
     ,
-    className: "jsx-".concat(styles.__hash) + " " + "border"
+    className: `jsx-${styles.__hash}` + " " + "border"
   }), /*#__PURE__*/_react.default.createElement("path", {
     d: "M27.7071068,7.29289322 L30,9.585 L32.2928932,7.29289322 C32.6533772,6.93240926 33.2206082,6.90467972 33.6128994,7.20970461 L33.7071068,7.29289322 C34.0976311,7.68341751 34.0976311,8.31658249 33.7071068,8.70710678 L33.7071068,8.70710678 L31.415,11 L33.7071068,13.2928932 C34.0976311,13.6834175 34.0976311,14.3165825 33.7071068,14.7071068 C33.3165825,15.0976311 32.6834175,15.0976311 32.2928932,14.7071068 L30,12.415 L27.7071068,14.7071068 C27.3466228,15.0675907 26.7793918,15.0953203 26.3871006,14.7902954 L26.2928932,14.7071068 C25.9023689,14.3165825 25.9023689,13.6834175 26.2928932,13.2928932 L26.2928932,13.2928932 L28.585,11 L26.2928932,8.70710678 C25.9023689,8.31658249 25.9023689,7.68341751 26.2928932,7.29289322 C26.6834175,6.90236893 27.3165825,6.90236893 27.7071068,7.29289322 Z",
     fill: "#FFFFFF",
-    className: "jsx-".concat(styles.__hash) + " " + "cross"
+    className: `jsx-${styles.__hash}` + " " + "cross"
   }), /*#__PURE__*/_react.default.createElement("path", {
-    d: "M7.74451387,10.0285252 C7.39595738,10.1198564 7.12375034,10.3923519 7.03251575,10.7412777 C6.94128115,11.0902035 7.04521722,11.4612586 7.30437605,11.7118278 L10.2982384,14.7078028 C10.6875399,15.0973991 11.3185977,15.0973991 11.7078992,14.7078028 L16.695624,8.71585285 C16.9547828,8.46528367 17.0587189,8.09422851 16.9674843,7.74530271 C16.8762497,7.39637691 16.6040426,7.12388146 16.2554861,7.0325502 C15.9069296,6.94121893 15.5362672,7.04526513 15.2859632,7.30469855 L11.0030688,12.5910713 L8.71403676,10.3006735 C8.46373279,10.0412401 8.09307036,9.9371939 7.74451387,10.0285252 Z" // fill="#FFFFFF"
+    d: "M7.74451387,10.0285252 C7.39595738,10.1198564 7.12375034,10.3923519 7.03251575,10.7412777 C6.94128115,11.0902035 7.04521722,11.4612586 7.30437605,11.7118278 L10.2982384,14.7078028 C10.6875399,15.0973991 11.3185977,15.0973991 11.7078992,14.7078028 L16.695624,8.71585285 C16.9547828,8.46528367 17.0587189,8.09422851 16.9674843,7.74530271 C16.8762497,7.39637691 16.6040426,7.12388146 16.2554861,7.0325502 C15.9069296,6.94121893 15.5362672,7.04526513 15.2859632,7.30469855 L11.0030688,12.5910713 L8.71403676,10.3006735 C8.46373279,10.0412401 8.09307036,9.9371939 7.74451387,10.0285252 Z"
+
+    // fill="#FFFFFF"
     // fillRule="nonzero"
     ,
-    className: "jsx-".concat(styles.__hash) + " " + "checkmark"
+    className: `jsx-${styles.__hash}` + " " + "checkmark"
   }), /*#__PURE__*/_react.default.createElement("path", {
-    d: "M11,20 C15.9705627,20 20,15.9705627 20,11 C20,6.02943725 15.9705627,2 11,2 C6.02943725,2 2,6.02943725 2,11 C2,15.9705627 6.02943725,20 11,20 Z" // fill="#FFFFFF"
+    d: "M11,20 C15.9705627,20 20,15.9705627 20,11 C20,6.02943725 15.9705627,2 11,2 C6.02943725,2 2,6.02943725 2,11 C2,15.9705627 6.02943725,20 11,20 Z"
+
+    // fill="#FFFFFF"
     ,
-    className: "jsx-".concat(styles.__hash) + " " + "handle handle-unchecked"
+    className: `jsx-${styles.__hash}` + " " + "handle handle-unchecked"
   }), /*#__PURE__*/_react.default.createElement("path", {
-    d: "M31,20 C35.9705627,20 40,15.9705627 40,11 C40,6.02943725 35.9705627,2 31,2 C26.0294373,2 22,6.02943725 22,11 C22,15.9705627 26.0294373,20 31,20 Z" // fill="#FFFFFF"
+    d: "M31,20 C35.9705627,20 40,15.9705627 40,11 C40,6.02943725 35.9705627,2 31,2 C26.0294373,2 22,6.02943725 22,11 C22,15.9705627 26.0294373,20 31,20 Z"
+
+    // fill="#FFFFFF"
     ,
-    className: "jsx-".concat(styles.__hash) + " " + "handle handle-checked"
+    className: `jsx-${styles.__hash}` + " " + "handle handle-checked"
   }), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: styles.__hash
   }, styles));
 }
-
 SwitchRegular.propTypes = {
   className: _propTypes.default.string
 };

package/build/cjs/switch/switch.e2e.stories.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WithOnFocus = exports.WithOnChange = exports.WithLabel = exports.WithInitialFocusAndOnBlur = exports.WithInitialFocus = exports.WithDisabled = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _index = require("./index.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+window.onChange = window.Cypress && window.Cypress.cy.stub();
+window.onBlur = window.Cypress && window.Cypress.cy.stub();
+window.onFocus = window.Cypress && window.Cypress.cy.stub();
+var _default = exports.default = {
+  title: 'Switch'
+};
+const WithOnChange = () => /*#__PURE__*/_react.default.createElement(_index.Switch, {
+  name: "Ex",
+  label: "Switch",
+  value: "default",
+  onChange: window.onChange
+});
+exports.WithOnChange = WithOnChange;
+const WithInitialFocusAndOnBlur = () => /*#__PURE__*/_react.default.createElement(_index.Switch, {
+  initialFocus: true,
+  name: "Ex",
+  label: "Switch",
+  value: "default",
+  onBlur: window.onBlur
+});
+exports.WithInitialFocusAndOnBlur = WithInitialFocusAndOnBlur;
+const WithOnFocus = () => /*#__PURE__*/_react.default.createElement(_index.Switch, {
+  name: "Ex",
+  label: "Switch",
+  value: "default",
+  onFocus: window.onFocus
+});
+exports.WithOnFocus = WithOnFocus;
+const WithDisabled = () => /*#__PURE__*/_react.default.createElement(_index.Switch, {
+  name: "Ex",
+  label: "Switch",
+  value: "default",
+  disabled: true
+});
+exports.WithDisabled = WithDisabled;
+const WithLabel = () => /*#__PURE__*/_react.default.createElement(_index.Switch, {
+  name: "Ex",
+  label: "The label",
+  value: "default"
+});
+exports.WithLabel = WithLabel;
+const WithInitialFocus = () => /*#__PURE__*/_react.default.createElement(_index.Switch, {
+  name: "Ex",
+  label: "The label",
+  value: "default",
+  initialFocus: true
+});
+exports.WithInitialFocus = WithInitialFocus;

package/build/cjs/switch/switch.js

@@ -4,64 +4,48 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Switch = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _uiConstants = require("@dhis2/ui-constants");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _switchIcons = require("./switch-icons.js");
-
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 class Switch extends _react.Component {
   constructor() {
     super(...arguments);
-
     _defineProperty(this, "ref", /*#__PURE__*/(0, _react.createRef)());
-
     _defineProperty(this, "handleChange", e => {
       if (this.props.onChange) {
         this.props.onChange(this.createHandlerPayload(), e);
       }
     });
-
     _defineProperty(this, "handleBlur", e => {
       if (this.props.onBlur) {
         this.props.onBlur(this.createHandlerPayload(), e);
       }
     });
-
     _defineProperty(this, "handleFocus", e => {
       if (this.props.onFocus) {
         this.props.onFocus(this.createHandlerPayload(), e);
       }
     });
-
     _defineProperty(this, "handleKeyDown", e => {
       if (this.props.onKeyDown) {
         this.props.onKeyDown(this.createHandlerPayload(), e);
       }
     });
   }
-
   componentDidMount() {
     if (this.props.initialFocus) {
       this.ref.current.focus();
     }
   }
-
   createHandlerPayload() {
     return {
       value: this.props.value,
@@ -69,7 +53,6 @@ class Switch extends _react.Component {
       checked: !this.props.checked
     };
   }
-
   render() {
     const {
       'aria-label': ariaLabel,
@@ -125,11 +108,9 @@ class Switch extends _react.Component {
     })), label, /*#__PURE__*/_react.default.createElement(_style.default, {
       id: "3097670863",
       dynamic: [_uiConstants.colors.grey900, _uiConstants.theme.disabled, _uiConstants.theme.focus]
-    }, ["label.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;color:".concat(_uiConstants.colors.grey900, ";font-size:14px;line-height:19px;}"), "label.dense.__jsx-style-dynamic-selector{font-size:14px;line-height:16px;}", "label.disabled.__jsx-style-dynamic-selector{cursor:not-allowed;color:".concat(_uiConstants.theme.disabled, ";}"), "input.__jsx-style-dynamic-selector{opacity:0;position:absolute;height:18px;width:35px;margin-left:3px;}", "label.dense.__jsx-style-dynamic-selector input.__jsx-style-dynamic-selector{height:14px;width:27px;}", ".icon.__jsx-style-dynamic-selector{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:5px;border:2px solid transparent;padding:1px;border-radius:14px;}", "label.dense.__jsx-style-dynamic-selector .icon.__jsx-style-dynamic-selector{margin-right:3px;border-radius:12px;}", "input.__jsx-style-dynamic-selector:focus+.icon.__jsx-style-dynamic-selector{outline:3px solid ".concat(_uiConstants.theme.focus, ";outline-offset:-3px;}")]));
+    }, [`label.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;color:${_uiConstants.colors.grey900};font-size:14px;line-height:19px;}`, "label.dense.__jsx-style-dynamic-selector{font-size:14px;line-height:16px;}", `label.disabled.__jsx-style-dynamic-selector{cursor:not-allowed;color:${_uiConstants.theme.disabled};}`, "input.__jsx-style-dynamic-selector{opacity:0;position:absolute;height:18px;width:35px;margin-left:3px;}", "label.dense.__jsx-style-dynamic-selector input.__jsx-style-dynamic-selector{height:14px;width:27px;}", ".icon.__jsx-style-dynamic-selector{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:5px;border:2px solid transparent;padding:1px;border-radius:14px;}", "label.dense.__jsx-style-dynamic-selector .icon.__jsx-style-dynamic-selector{margin-right:3px;border-radius:12px;}", `input.__jsx-style-dynamic-selector:focus+.icon.__jsx-style-dynamic-selector{outline:3px solid ${_uiConstants.theme.focus};outline-offset:-3px;}`]));
   }
-
 }
-
 exports.Switch = Switch;
 Switch.defaultProps = {
   checked: false,
@@ -142,47 +123,33 @@ Switch.propTypes = {
   checked: _propTypes.default.bool,
   className: _propTypes.default.string,
   dataTest: _propTypes.default.string,
-
   /** Makes the switch smaller for information-dense layouts */
   dense: _propTypes.default.bool,
-
   /** Disables the switch */
   disabled: _propTypes.default.bool,
-
   /** Applies 'error' styles for validation feedback. Mutually exclusive with `valid` and `warning` prop types */
   error: _uiConstants.sharedPropTypes.statusPropType,
-
   /** Grab initial focus on the page */
   initialFocus: _propTypes.default.bool,
-
   /** Label for the switch. Can be a string or an element, for example an image */
   label: _propTypes.default.node,
-
   /** Name associated with the switch. Passed to event handlers in object */
   name: _propTypes.default.string,
-
   /** Sets a role attribute on the input */
   role: _propTypes.default.string,
   tabIndex: _propTypes.default.string,
-
   /** Applies 'valid' styles for validation feedback. Mutually exclusive with `error` and `warning` prop types */
   valid: _uiConstants.sharedPropTypes.statusPropType,
-
   /** Value associated with the switch. Passed to event handlers in object */
   value: _propTypes.default.string,
-
   /** Applies 'warning' styles for validation feedback. Mutually exclusive with `valid` and `error` prop types */
   warning: _uiConstants.sharedPropTypes.statusPropType,
-
   /** Called with signature `({ name: string, value: string, checked: bool }, event)` */
   onBlur: _propTypes.default.func,
-
   /** Called with signature `({ name: string, value: string, checked: bool }, event)` */
   onChange: _propTypes.default.func,
-
   /** Called with signature `({ name: string, value: string, checked: bool }, event)` */
   onFocus: _propTypes.default.func,
-
   /** Called with signature `({ name: string, value: string, checked: bool }, event)` */
   onKeyDown: _propTypes.default.func
 };