@dhis2-ui/switch 9.12.0-alpha.4 → 9.13.0

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

@@ -7,7 +7,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 describe('<Switch />', () => {
   it('should call the onKeyDown callback when provided', () => {
     const onKeyDown = jest.fn();
-    (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_switch.Switch, {
+    (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_switch.Switch, {
       name: "foo",
       value: "bar",
       checked: false,
@@ -27,7 +27,7 @@ describe('<Switch />', () => {
   });
   it('renders the switch with aria label', () => {
     const ariaLabel = 'test switch';
-    (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_switch.Switch, {
+    (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_switch.Switch, {
       "aria-label": ariaLabel,
       name: "foo",
       value: "bar",

package/build/cjs/switch/switch.js

@@ -56,7 +56,7 @@ class Switch extends _react.Component {
   render() {
     const {
       'aria-label': ariaLabel,
-      checked,
+      checked = false,
       className,
       disabled,
       error,
@@ -67,8 +67,8 @@ class Switch extends _react.Component {
       value,
       warning,
       dense,
-      dataTest,
-      role
+      dataTest = 'dhis2-uicore-switch',
+      role = 'switch'
     } = this.props;
     const classes = (0, _classnames.default)({
       checked,
@@ -112,11 +112,11 @@ class Switch extends _react.Component {
   }
 }
 exports.Switch = Switch;
-Switch.defaultProps = {
+_defineProperty(Switch, "defaultProps", {
   checked: false,
   dataTest: 'dhis2-uicore-switch',
   role: 'switch'
-};
+});
 Switch.propTypes = {
   /** Sets an aria-label attribute on the input */
   'aria-label': _propTypes.default.string,

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

@@ -7,7 +7,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 describe('<Switch />', () => {
   it('should call the onKeyDown callback when provided', () => {
     const onKeyDown = jest.fn();
-    (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_switchField.SwitchField, {
+    (0, _react.render)(/*#__PURE__*/_react2.default.createElement(_switchField.SwitchField, {
       label: "label",
       name: "foo",
       value: "bar",

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

@@ -47,7 +47,7 @@ const SwitchField = _ref2 => {
     required,
     helpText,
     validationText,
-    dataTest
+    dataTest = 'dhis2-uiwidgets-switchfield'
   } = _ref2;
   return /*#__PURE__*/_react.default.createElement(_field.Field, {
     className: className,
@@ -83,9 +83,6 @@ const SwitchField = _ref2 => {
   }));
 };
 exports.SwitchField = SwitchField;
-SwitchField.defaultProps = {
-  dataTest: 'dhis2-uiwidgets-switchfield'
-};
 SwitchField.propTypes = {
   checked: _propTypes.default.bool,
   className: _propTypes.default.string,

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

@@ -4,7 +4,7 @@ import { Switch } from '../switch.js';
 describe('<Switch />', () => {
   it('should call the onKeyDown callback when provided', () => {
     const onKeyDown = jest.fn();
-    render( /*#__PURE__*/React.createElement(Switch, {
+    render(/*#__PURE__*/React.createElement(Switch, {
       name: "foo",
       value: "bar",
       checked: false,
@@ -24,7 +24,7 @@ describe('<Switch />', () => {
   });
   it('renders the switch with aria label', () => {
     const ariaLabel = 'test switch';
-    render( /*#__PURE__*/React.createElement(Switch, {
+    render(/*#__PURE__*/React.createElement(Switch, {
       "aria-label": ariaLabel,
       name: "foo",
       value: "bar",

package/build/es/switch/switch.js

@@ -47,7 +47,7 @@ class Switch extends Component {
   render() {
     const {
       'aria-label': ariaLabel,
-      checked,
+      checked = false,
       className,
       disabled,
       error,
@@ -58,8 +58,8 @@ class Switch extends Component {
       value,
       warning,
       dense,
-      dataTest,
-      role
+      dataTest = 'dhis2-uicore-switch',
+      role = 'switch'
     } = this.props;
     const classes = cx({
       checked,
@@ -102,11 +102,11 @@ class Switch extends Component {
     }, [`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:${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:${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 ${theme.focus};outline-offset:-3px;}`]));
   }
 }
-Switch.defaultProps = {
+_defineProperty(Switch, "defaultProps", {
   checked: false,
   dataTest: 'dhis2-uicore-switch',
   role: 'switch'
-};
+});
 Switch.propTypes = {
   /** Sets an aria-label attribute on the input */
   'aria-label': PropTypes.string,

package/build/es/switch-field/__tests__/switch-field.test.js

@@ -4,7 +4,7 @@ import { SwitchField } from '../switch-field.js';
 describe('<Switch />', () => {
   it('should call the onKeyDown callback when provided', () => {
     const onKeyDown = jest.fn();
-    render( /*#__PURE__*/React.createElement(SwitchField, {
+    render(/*#__PURE__*/React.createElement(SwitchField, {
       label: "label",
       name: "foo",
       value: "bar",

package/build/es/switch-field/switch-field.js

@@ -40,7 +40,7 @@ const SwitchField = _ref2 => {
     required,
     helpText,
     validationText,
-    dataTest
+    dataTest = 'dhis2-uiwidgets-switchfield'
   } = _ref2;
   return /*#__PURE__*/React.createElement(Field, {
     className: className,
@@ -75,9 +75,6 @@ const SwitchField = _ref2 => {
     initialFocus: initialFocus
   }));
 };
-SwitchField.defaultProps = {
-  dataTest: 'dhis2-uiwidgets-switchfield'
-};
 SwitchField.propTypes = {
   checked: PropTypes.bool,
   className: PropTypes.string,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2-ui/switch",
-    "version": "9.12.0-alpha.4",
+    "version": "9.13.0",
     "description": "UI Switch",
     "repository": {
         "type": "git",
@@ -27,15 +27,15 @@
         "test": "d2-app-scripts test --jestConfig ../../jest.config.shared.js"
     },
     "peerDependencies": {
-        "react": "^16.13",
-        "react-dom": "^16.13",
+        "react": "^16.13 || ^18",
+        "react-dom": "^16.13 || ^18",
         "styled-jsx": "^4"
     },
     "dependencies": {
         "@dhis2/prop-types": "^3.1.2",
-        "@dhis2-ui/field": "9.12.0-alpha.4",
-        "@dhis2-ui/required": "9.12.0-alpha.4",
-        "@dhis2/ui-constants": "9.12.0-alpha.4",
+        "@dhis2-ui/field": "9.13.0",
+        "@dhis2-ui/required": "9.13.0",
+        "@dhis2/ui-constants": "9.13.0",
         "classnames": "^2.3.1",
         "prop-types": "^15.7.2"
     },
@@ -44,8 +44,8 @@
         "types"
     ],
     "devDependencies": {
-        "react": "16.13",
-        "react-dom": "16.13",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
         "styled-jsx": "^4.0.1"
     },
     "types": "types"