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

package/build/cjs/checkbox/checkbox-icon.js

@@ -12,10 +12,9 @@ var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const commonStyles = ["svg.jsx-4069423049{display:block;pointer-events:none;}", `svg.jsx-4069423049 .border.jsx-4069423049{fill:${_uiConstants.colors.grey800};}`, `svg.jsx-4069423049 .background.jsx-4069423049,svg.jsx-4069423049 .indeterminate.jsx-4069423049,svg.jsx-4069423049 .checkmark.jsx-4069423049{fill:${_uiConstants.colors.white};}`, `svg.checked.jsx-4069423049 .background.jsx-4069423049,svg.indeterminate.jsx-4069423049 .background.jsx-4069423049{fill:${_uiConstants.colors.teal500};}`, `svg.valid.jsx-4069423049 .background.jsx-4069423049{fill:${_uiConstants.colors.blue600};}`, `svg.warning.jsx-4069423049 .background.jsx-4069423049{fill:${_uiConstants.colors.yellow700};}`, `svg.error.jsx-4069423049 .background.jsx-4069423049{fill:${_uiConstants.colors.red500};}`, `svg.checked.jsx-4069423049 .border.jsx-4069423049,svg.indeterminate.jsx-4069423049 .border.jsx-4069423049{fill:${_uiConstants.colors.teal900};}`, "svg.jsx-4069423049:not(.checked) .checkmark.jsx-4069423049,svg.jsx-4069423049:not(.indeterminate) .indeterminate.jsx-4069423049{fill:none;}", `svg.jsx-4069423049:not(.checked):not(.indeterminate) .background.jsx-4069423049{fill:${_uiConstants.colors.white};}`];
 commonStyles.__hash = "4069423049";
-function CheckboxRegular(_ref) {
-  let {
-    className
-  } = _ref;
+function CheckboxRegular({
+  className
+}) {
   return /*#__PURE__*/_react.default.createElement("svg", {
     viewBox: "0 0 18 18",
     xmlns: "http://www.w3.org/2000/svg",
@@ -50,10 +49,9 @@ function CheckboxRegular(_ref) {
 CheckboxRegular.propTypes = {
   className: _propTypes.default.string
 };
-function CheckboxDense(_ref2) {
-  let {
-    className
-  } = _ref2;
+function CheckboxDense({
+  className
+}) {
   return /*#__PURE__*/_react.default.createElement("svg", {
     viewBox: "0 0 14 14",
     xmlns: "http://www.w3.org/2000/svg",

package/build/cjs/checkbox/checkbox.js

@@ -11,15 +11,14 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes2 = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _checkboxIcon = require("./checkbox-icon.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 Checkbox 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/checkbox/checkbox.prod.stories.js

@@ -33,15 +33,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);
 const defaultArgs = {
   name: 'Ex',
   label: 'Checkbox',

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

@@ -11,75 +11,69 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _index = require("../checkbox/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 CheckboxField = _ref2 => {
-  let {
-    value,
-    label,
-    name,
-    className,
-    tabIndex,
-    onChange,
-    onFocus,
-    onKeyDown,
-    onBlur,
-    checked,
-    disabled,
-    valid,
-    warning,
-    error,
-    dense,
-    initialFocus,
-    required,
-    helpText,
-    validationText,
-    dataTest = 'dhis2-uiwidgets-checkboxfield'
-  } = _ref2;
-  return /*#__PURE__*/_react.default.createElement(_field.Field, {
-    className: className,
-    dataTest: dataTest,
-    helpText: helpText,
-    validationText: validationText,
-    error: error,
-    warning: warning,
-    valid: valid,
-    disabled: disabled
-  }, /*#__PURE__*/_react.default.createElement(_index.Checkbox, {
-    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
-  }));
-};
+const CheckboxField = ({
+  value,
+  label,
+  name,
+  className,
+  tabIndex,
+  onChange,
+  onFocus,
+  onKeyDown,
+  onBlur,
+  checked,
+  disabled,
+  valid,
+  warning,
+  error,
+  dense,
+  initialFocus,
+  required,
+  helpText,
+  validationText,
+  dataTest = 'dhis2-uiwidgets-checkboxfield'
+}) => /*#__PURE__*/_react.default.createElement(_field.Field, {
+  className: className,
+  dataTest: dataTest,
+  helpText: helpText,
+  validationText: validationText,
+  error: error,
+  warning: warning,
+  valid: valid,
+  disabled: disabled
+}, /*#__PURE__*/_react.default.createElement(_index.Checkbox, {
+  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
+}));
 exports.CheckboxField = CheckboxField;
 CheckboxField.propTypes = {
   checked: _propTypes.default.bool,

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

@@ -18,14 +18,11 @@ See the basic Checkbox for usage and design system guidelines.
 import { CheckboxField } 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: 'Checkbox Field',
   component: _index.CheckboxField,

package/build/es/checkbox/checkbox-icon.js

@@ -4,10 +4,9 @@ import PropTypes from 'prop-types';
 import React from 'react';
 const commonStyles = ["svg.jsx-4069423049{display:block;pointer-events:none;}", `svg.jsx-4069423049 .border.jsx-4069423049{fill:${colors.grey800};}`, `svg.jsx-4069423049 .background.jsx-4069423049,svg.jsx-4069423049 .indeterminate.jsx-4069423049,svg.jsx-4069423049 .checkmark.jsx-4069423049{fill:${colors.white};}`, `svg.checked.jsx-4069423049 .background.jsx-4069423049,svg.indeterminate.jsx-4069423049 .background.jsx-4069423049{fill:${colors.teal500};}`, `svg.valid.jsx-4069423049 .background.jsx-4069423049{fill:${colors.blue600};}`, `svg.warning.jsx-4069423049 .background.jsx-4069423049{fill:${colors.yellow700};}`, `svg.error.jsx-4069423049 .background.jsx-4069423049{fill:${colors.red500};}`, `svg.checked.jsx-4069423049 .border.jsx-4069423049,svg.indeterminate.jsx-4069423049 .border.jsx-4069423049{fill:${colors.teal900};}`, "svg.jsx-4069423049:not(.checked) .checkmark.jsx-4069423049,svg.jsx-4069423049:not(.indeterminate) .indeterminate.jsx-4069423049{fill:none;}", `svg.jsx-4069423049:not(.checked):not(.indeterminate) .background.jsx-4069423049{fill:${colors.white};}`];
 commonStyles.__hash = "4069423049";
-export function CheckboxRegular(_ref) {
-  let {
-    className
-  } = _ref;
+export function CheckboxRegular({
+  className
+}) {
   return /*#__PURE__*/React.createElement("svg", {
     viewBox: "0 0 18 18",
     xmlns: "http://www.w3.org/2000/svg",
@@ -42,10 +41,9 @@ export function CheckboxRegular(_ref) {
 CheckboxRegular.propTypes = {
   className: PropTypes.string
 };
-export function CheckboxDense(_ref2) {
-  let {
-    className
-  } = _ref2;
+export function CheckboxDense({
+  className
+}) {
   return /*#__PURE__*/React.createElement("svg", {
     viewBox: "0 0 14 14",
     xmlns: "http://www.w3.org/2000/svg",

package/build/es/checkbox/checkbox.js

@@ -9,8 +9,8 @@ import PropTypes from 'prop-types';
 import React, { Component, createRef } from 'react';
 import { CheckboxRegular, CheckboxDense } from './checkbox-icon.js';
 class Checkbox 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/checkbox/checkbox.prod.stories.js

@@ -26,15 +26,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);
 const defaultArgs = {
   name: 'Ex',
   label: 'Checkbox',

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

@@ -4,75 +4,69 @@ import { Required } from '@dhis2-ui/required';
 import PropTypes from 'prop-types';
 import React from 'react';
 import { Checkbox } from '../checkbox/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 CheckboxField = _ref2 => {
-  let {
-    value,
-    label,
-    name,
-    className,
-    tabIndex,
-    onChange,
-    onFocus,
-    onKeyDown,
-    onBlur,
-    checked,
-    disabled,
-    valid,
-    warning,
-    error,
-    dense,
-    initialFocus,
-    required,
-    helpText,
-    validationText,
-    dataTest = 'dhis2-uiwidgets-checkboxfield'
-  } = _ref2;
-  return /*#__PURE__*/React.createElement(Field, {
-    className: className,
-    dataTest: dataTest,
-    helpText: helpText,
-    validationText: validationText,
-    error: error,
-    warning: warning,
-    valid: valid,
-    disabled: disabled
-  }, /*#__PURE__*/React.createElement(Checkbox, {
-    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
-  }));
-};
+const CheckboxField = ({
+  value,
+  label,
+  name,
+  className,
+  tabIndex,
+  onChange,
+  onFocus,
+  onKeyDown,
+  onBlur,
+  checked,
+  disabled,
+  valid,
+  warning,
+  error,
+  dense,
+  initialFocus,
+  required,
+  helpText,
+  validationText,
+  dataTest = 'dhis2-uiwidgets-checkboxfield'
+}) => /*#__PURE__*/React.createElement(Field, {
+  className: className,
+  dataTest: dataTest,
+  helpText: helpText,
+  validationText: validationText,
+  error: error,
+  warning: warning,
+  valid: valid,
+  disabled: disabled
+}, /*#__PURE__*/React.createElement(Checkbox, {
+  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
+}));
 CheckboxField.propTypes = {
   checked: PropTypes.bool,
   className: PropTypes.string,

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

@@ -11,14 +11,11 @@ See the basic Checkbox for usage and design system guidelines.
 import { CheckboxField } 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: 'Checkbox Field',
   component: CheckboxField,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2-ui/checkbox",
-    "version": "10.16.3-alpha.1",
+    "version": "10.16.4",
     "description": "UI Checkbox",
     "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"
     },