@dhis2-ui/switch 10.16.3-alpha.1 → 10.16.4

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

@@ -11,11 +11,10 @@ var _react = _interopRequireDefault(require("react"));
 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) {
+function SwitchRegular({
+  className
+}) {
   var _document$documentEle, _document$documentEle2;
-  let {
-    className
-  } = _ref;
   return /*#__PURE__*/_react.default.createElement("svg", {
     viewBox: "0 0 42 22",
     xmlns: "http://www.w3.org/2000/svg",

package/build/cjs/switch/switch.js

@@ -10,15 +10,14 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _switchIcons = require("./switch-icons.js");
-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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 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);
+  constructor(...args) {
+    super(...args);
     _defineProperty(this, "ref", /*#__PURE__*/(0, _react.createRef)());
     _defineProperty(this, "handleChange", e => {
       if (this.props.onChange) {

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

@@ -7,8 +7,7 @@ exports.default = exports.WarningDense = exports.Warning = exports.ValidDense =
 var _uiConstants = require("@dhis2/ui-constants");
 var _react = _interopRequireWildcard(require("react"));
 var _index = require("./index.js");
-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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const subtitle = 'An input control that allows an on and an off state';
 const description = `
@@ -32,15 +31,9 @@ window.onBlur = (payload, event) => {
   console.log('onBlur payload', payload);
   console.log('onBlur event', event);
 };
-const onChange = function () {
-  return window.onChange(...arguments);
-};
-const onFocus = function () {
-  return window.onFocus(...arguments);
-};
-const onBlur = function () {
-  return window.onBlur(...arguments);
-};
+const onChange = (...args) => window.onChange(...args);
+const onFocus = (...args) => window.onFocus(...args);
+const onBlur = (...args) => window.onBlur(...args);
 var _default = exports.default = {
   title: 'Switch',
   component: _index.Switch,

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

@@ -11,77 +11,71 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _index = require("../switch/index.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const AddRequired = _ref => {
-  let {
-    label,
-    required,
-    dataTest
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, label, required && /*#__PURE__*/_react.default.createElement(_required.Required, {
-    dataTest: `${dataTest}-required`
-  }));
-};
+const AddRequired = ({
+  label,
+  required,
+  dataTest
+}) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, label, required && /*#__PURE__*/_react.default.createElement(_required.Required, {
+  dataTest: `${dataTest}-required`
+}));
 AddRequired.propTypes = {
   dataTest: _propTypes.default.string,
   label: _propTypes.default.node,
   required: _propTypes.default.bool
 };
-const SwitchField = _ref2 => {
-  let {
-    value,
-    label,
-    name,
-    className,
-    tabIndex,
-    onChange,
-    onFocus,
-    onKeyDown,
-    onBlur,
-    checked,
-    disabled,
-    valid,
-    warning,
-    error,
-    dense,
-    initialFocus,
-    required,
-    helpText,
-    validationText,
-    dataTest = 'dhis2-uiwidgets-switchfield'
-  } = _ref2;
-  return /*#__PURE__*/_react.default.createElement(_field.Field, {
-    className: className,
-    dataTest: dataTest,
-    helpText: helpText,
-    validationText: validationText,
-    error: error,
-    warning: warning,
-    valid: valid,
+const SwitchField = ({
+  value,
+  label,
+  name,
+  className,
+  tabIndex,
+  onChange,
+  onFocus,
+  onKeyDown,
+  onBlur,
+  checked,
+  disabled,
+  valid,
+  warning,
+  error,
+  dense,
+  initialFocus,
+  required,
+  helpText,
+  validationText,
+  dataTest = 'dhis2-uiwidgets-switchfield'
+}) => /*#__PURE__*/_react.default.createElement(_field.Field, {
+  className: className,
+  dataTest: dataTest,
+  helpText: helpText,
+  validationText: validationText,
+  error: error,
+  warning: warning,
+  valid: valid,
+  required: required,
+  name: name,
+  disabled: disabled
+}, /*#__PURE__*/_react.default.createElement(_index.Switch, {
+  value: value,
+  label: /*#__PURE__*/_react.default.createElement(AddRequired, {
+    label: label,
     required: required,
-    name: name,
-    disabled: disabled
-  }, /*#__PURE__*/_react.default.createElement(_index.Switch, {
-    value: value,
-    label: /*#__PURE__*/_react.default.createElement(AddRequired, {
-      label: label,
-      required: required,
-      dataTest: dataTest
-    }),
-    name: name,
-    tabIndex: tabIndex,
-    onChange: onChange,
-    onFocus: onFocus,
-    onKeyDown: onKeyDown,
-    onBlur: onBlur,
-    checked: checked,
-    disabled: disabled,
-    valid: valid,
-    warning: warning,
-    error: error,
-    dense: dense,
-    initialFocus: initialFocus
-  }));
-};
+    dataTest: dataTest
+  }),
+  name: name,
+  tabIndex: tabIndex,
+  onChange: onChange,
+  onFocus: onFocus,
+  onKeyDown: onKeyDown,
+  onBlur: onBlur,
+  checked: checked,
+  disabled: disabled,
+  valid: valid,
+  warning: warning,
+  error: error,
+  dense: dense,
+  initialFocus: initialFocus
+}));
 exports.SwitchField = SwitchField;
 SwitchField.propTypes = {
   checked: _propTypes.default.bool,

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

@@ -18,14 +18,11 @@ See the basic Switch for usage and design system guidelines.
 import { SwitchField } from '@dhis2/ui'
 \`\`\`
 `;
-const logger = _ref => {
-  let {
-    name,
-    value,
-    checked
-  } = _ref;
-  return console.log(`name: ${name}, value: ${value}, checked: ${checked}`);
-};
+const logger = ({
+  name,
+  value,
+  checked
+}) => console.log(`name: ${name}, value: ${value}, checked: ${checked}`);
 var _default = exports.default = {
   title: 'Switch Field',
   component: _index.SwitchField,

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

@@ -4,11 +4,10 @@ import PropTypes from 'prop-types';
 import React from 'react';
 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:${colors.grey600};}`, `svg.jsx-4217794981 .checkmark.jsx-4217794981,svg.jsx-4217794981 .cross.jsx-4217794981,svg.jsx-4217794981 .handle.jsx-4217794981{fill:${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:${colors.teal400};}`, `svg.valid.jsx-4217794981 .background.jsx-4217794981{fill:${colors.blue600};}`, `svg.warning.jsx-4217794981 .background.jsx-4217794981{fill:${colors.yellow700};}`, `svg.error.jsx-4217794981 .background.jsx-4217794981{fill:${colors.red500};}`, `svg.checked.jsx-4217794981 .border.jsx-4217794981{fill:${colors.teal700};}`, `svg.disabled.jsx-4217794981 .background.jsx-4217794981{fill:${colors.grey300};}`, `svg.disabled.jsx-4217794981 .border.jsx-4217794981{fill:${colors.grey400};}`, `svg.valid.jsx-4217794981 .border.jsx-4217794981{fill:${colors.blue600};}`, `svg.valid.checked.jsx-4217794981 .border.jsx-4217794981,svg.valid.indeterminate.jsx-4217794981 .border.jsx-4217794981{fill:${colors.blue700};}`, `svg.warning.jsx-4217794981 .border.jsx-4217794981{fill:${colors.yellow700};}`, `svg.warning.checked.jsx-4217794981 .border.jsx-4217794981{fill:${colors.yellow800};}`, `svg.error.jsx-4217794981 .border.jsx-4217794981{fill:${colors.red500};}`, `svg.error.checked.jsx-4217794981 .border.jsx-4217794981{fill:${colors.red700};}`];
 styles.__hash = "4217794981";
-export function SwitchRegular(_ref) {
+export function SwitchRegular({
+  className
+}) {
   var _document$documentEle, _document$documentEle2;
-  let {
-    className
-  } = _ref;
   return /*#__PURE__*/React.createElement("svg", {
     viewBox: "0 0 42 22",
     xmlns: "http://www.w3.org/2000/svg",

package/build/es/switch/switch.js

@@ -8,8 +8,8 @@ import PropTypes from 'prop-types';
 import React, { Component, createRef } from 'react';
 import { SwitchRegular } from './switch-icons.js';
 class Switch extends Component {
-  constructor() {
-    super(...arguments);
+  constructor(...args) {
+    super(...args);
     _defineProperty(this, "ref", /*#__PURE__*/createRef());
     _defineProperty(this, "handleChange", e => {
       if (this.props.onChange) {

package/build/es/switch/switch.prod.stories.js

@@ -24,15 +24,9 @@ window.onBlur = (payload, event) => {
   console.log('onBlur payload', payload);
   console.log('onBlur event', event);
 };
-const onChange = function () {
-  return window.onChange(...arguments);
-};
-const onFocus = function () {
-  return window.onFocus(...arguments);
-};
-const onBlur = function () {
-  return window.onBlur(...arguments);
-};
+const onChange = (...args) => window.onChange(...args);
+const onFocus = (...args) => window.onFocus(...args);
+const onBlur = (...args) => window.onBlur(...args);
 export default {
   title: 'Switch',
   component: Switch,

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

@@ -4,77 +4,71 @@ import { Required } from '@dhis2-ui/required';
 import PropTypes from 'prop-types';
 import React from 'react';
 import { Switch } from '../switch/index.js';
-const AddRequired = _ref => {
-  let {
-    label,
-    required,
-    dataTest
-  } = _ref;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, label, required && /*#__PURE__*/React.createElement(Required, {
-    dataTest: `${dataTest}-required`
-  }));
-};
+const AddRequired = ({
+  label,
+  required,
+  dataTest
+}) => /*#__PURE__*/React.createElement(React.Fragment, null, label, required && /*#__PURE__*/React.createElement(Required, {
+  dataTest: `${dataTest}-required`
+}));
 AddRequired.propTypes = {
   dataTest: PropTypes.string,
   label: PropTypes.node,
   required: PropTypes.bool
 };
-const SwitchField = _ref2 => {
-  let {
-    value,
-    label,
-    name,
-    className,
-    tabIndex,
-    onChange,
-    onFocus,
-    onKeyDown,
-    onBlur,
-    checked,
-    disabled,
-    valid,
-    warning,
-    error,
-    dense,
-    initialFocus,
-    required,
-    helpText,
-    validationText,
-    dataTest = 'dhis2-uiwidgets-switchfield'
-  } = _ref2;
-  return /*#__PURE__*/React.createElement(Field, {
-    className: className,
-    dataTest: dataTest,
-    helpText: helpText,
-    validationText: validationText,
-    error: error,
-    warning: warning,
-    valid: valid,
+const SwitchField = ({
+  value,
+  label,
+  name,
+  className,
+  tabIndex,
+  onChange,
+  onFocus,
+  onKeyDown,
+  onBlur,
+  checked,
+  disabled,
+  valid,
+  warning,
+  error,
+  dense,
+  initialFocus,
+  required,
+  helpText,
+  validationText,
+  dataTest = 'dhis2-uiwidgets-switchfield'
+}) => /*#__PURE__*/React.createElement(Field, {
+  className: className,
+  dataTest: dataTest,
+  helpText: helpText,
+  validationText: validationText,
+  error: error,
+  warning: warning,
+  valid: valid,
+  required: required,
+  name: name,
+  disabled: disabled
+}, /*#__PURE__*/React.createElement(Switch, {
+  value: value,
+  label: /*#__PURE__*/React.createElement(AddRequired, {
+    label: label,
     required: required,
-    name: name,
-    disabled: disabled
-  }, /*#__PURE__*/React.createElement(Switch, {
-    value: value,
-    label: /*#__PURE__*/React.createElement(AddRequired, {
-      label: label,
-      required: required,
-      dataTest: dataTest
-    }),
-    name: name,
-    tabIndex: tabIndex,
-    onChange: onChange,
-    onFocus: onFocus,
-    onKeyDown: onKeyDown,
-    onBlur: onBlur,
-    checked: checked,
-    disabled: disabled,
-    valid: valid,
-    warning: warning,
-    error: error,
-    dense: dense,
-    initialFocus: initialFocus
-  }));
-};
+    dataTest: dataTest
+  }),
+  name: name,
+  tabIndex: tabIndex,
+  onChange: onChange,
+  onFocus: onFocus,
+  onKeyDown: onKeyDown,
+  onBlur: onBlur,
+  checked: checked,
+  disabled: disabled,
+  valid: valid,
+  warning: warning,
+  error: error,
+  dense: dense,
+  initialFocus: initialFocus
+}));
 SwitchField.propTypes = {
   checked: PropTypes.bool,
   className: PropTypes.string,

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

@@ -11,14 +11,11 @@ See the basic Switch for usage and design system guidelines.
 import { SwitchField } from '@dhis2/ui'
 \`\`\`
 `;
-const logger = _ref => {
-  let {
-    name,
-    value,
-    checked
-  } = _ref;
-  return console.log(`name: ${name}, value: ${value}, checked: ${checked}`);
-};
+const logger = ({
+  name,
+  value,
+  checked
+}) => console.log(`name: ${name}, value: ${value}, checked: ${checked}`);
 export default {
   title: 'Switch Field',
   component: SwitchField,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2-ui/switch",
-    "version": "10.16.3-alpha.1",
+    "version": "10.16.4",
     "description": "UI Switch",
     "repository": {
         "type": "git",
@@ -33,9 +33,9 @@
     },
     "dependencies": {
         "@dhis2/prop-types": "^3.1.2",
-        "@dhis2-ui/field": "10.16.3-alpha.1",
-        "@dhis2-ui/required": "10.16.3-alpha.1",
-        "@dhis2/ui-constants": "10.16.3-alpha.1",
+        "@dhis2-ui/field": "10.16.4",
+        "@dhis2-ui/required": "10.16.4",
+        "@dhis2/ui-constants": "10.16.4",
         "classnames": "^2.3.1",
         "prop-types": "^15.7.2"
     },