@dhis2-ui/field 8.2.0 → 8.2.3

package/build/cjs/field/field.js

@@ -19,38 +19,41 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const Field = ({
-  children,
-  disabled,
-  className,
-  helpText,
-  label,
-  name,
-  validationText,
-  required,
-  dataTest,
-  valid,
-  error,
-  warning
-}) => /*#__PURE__*/_react.default.createElement(_box.Box, {
-  className: className,
-  dataTest: dataTest
-}, label && /*#__PURE__*/_react.default.createElement(_label.Label, {
-  dataTest: `${dataTest}-label`,
-  required: required,
-  disabled: disabled,
-  htmlFor: name
-}, label), /*#__PURE__*/_react.default.createElement(_box.Box, {
-  dataTest: `${dataTest}-content`,
-  marginTop: label ? _uiConstants.spacers.dp4 : '0'
-}, children), helpText && /*#__PURE__*/_react.default.createElement(_help.Help, {
-  dataTest: `${dataTest}-help`
-}, helpText), validationText && /*#__PURE__*/_react.default.createElement(_help.Help, {
-  error: error,
-  warning: warning,
-  valid: valid,
-  dataTest: `${dataTest}-validation`
-}, validationText));
+const Field = _ref => {
+  let {
+    children,
+    disabled,
+    className,
+    helpText,
+    label,
+    name,
+    validationText,
+    required,
+    dataTest,
+    valid,
+    error,
+    warning
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_box.Box, {
+    className: className,
+    dataTest: dataTest
+  }, label && /*#__PURE__*/_react.default.createElement(_label.Label, {
+    dataTest: "".concat(dataTest, "-label"),
+    required: required,
+    disabled: disabled,
+    htmlFor: name
+  }, label), /*#__PURE__*/_react.default.createElement(_box.Box, {
+    dataTest: "".concat(dataTest, "-content"),
+    marginTop: label ? _uiConstants.spacers.dp4 : '0'
+  }, children), helpText && /*#__PURE__*/_react.default.createElement(_help.Help, {
+    dataTest: "".concat(dataTest, "-help")
+  }, helpText), validationText && /*#__PURE__*/_react.default.createElement(_help.Help, {
+    error: error,
+    warning: warning,
+    valid: valid,
+    dataTest: "".concat(dataTest, "-validation")
+  }, validationText));
+};
 
 exports.Field = Field;
 Field.defaultProps = {

package/build/cjs/field/field.stories.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Default = exports.default = void 0;
+exports.default = exports.Default = void 0;
 
 var _input = require("@dhis2-ui/input");
 
@@ -15,15 +15,9 @@ var _field = require("./field.js");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const description = `
-A useful container for form components, including a label, help text, and validation text.
-
-\`\`\`js
-import { Field } from '@dhis2/ui'
-\`\`\`
-`;
+const description = "\nA useful container for form components, including a label, help text, and validation text.\n\n```js\nimport { Field } from '@dhis2/ui'\n```\n";
 var _default = {
-  title: 'Forms/Field',
+  title: 'Field',
   component: _field.Field,
   argTypes: {
     valid: { ..._uiConstants.sharedPropTypes.statusArgType

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

@@ -15,33 +15,36 @@ var _index = require("../index.js");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const FieldGroup = ({
-  children,
-  className,
-  disabled,
-  helpText,
-  validationText,
-  label,
-  name,
-  required,
-  dataTest,
-  valid,
-  error,
-  warning
-}) => /*#__PURE__*/_react.default.createElement(_index.FieldSet, {
-  classname: className,
-  dataTest: dataTest
-}, /*#__PURE__*/_react.default.createElement(_index.Field, {
-  label: label,
-  disabled: disabled,
-  required: required,
-  helpText: helpText,
-  validationText: validationText,
-  error: error,
-  warning: warning,
-  valid: valid,
-  name: name
-}, children));
+const FieldGroup = _ref => {
+  let {
+    children,
+    className,
+    disabled,
+    helpText,
+    validationText,
+    label,
+    name,
+    required,
+    dataTest,
+    valid,
+    error,
+    warning
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_index.FieldSet, {
+    classname: className,
+    dataTest: dataTest
+  }, /*#__PURE__*/_react.default.createElement(_index.Field, {
+    label: label,
+    disabled: disabled,
+    required: required,
+    helpText: helpText,
+    validationText: validationText,
+    error: error,
+    warning: warning,
+    valid: valid,
+    name: name
+  }, children));
+};
 
 exports.FieldGroup = FieldGroup;
 FieldGroup.defaultProps = {

package/build/cjs/field-group/field-group.stories.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.HelpAndValidationTexts = exports.WithLabel = exports.WithSwitch = exports.WithRadio = exports.WithCheckbox = exports.default = void 0;
+exports.default = exports.WithSwitch = exports.WithRadio = exports.WithLabel = exports.WithCheckbox = exports.HelpAndValidationTexts = void 0;
 
 var _checkbox = require("@dhis2-ui/checkbox");
 
@@ -19,15 +19,9 @@ var _fieldGroup = require("./field-group.js");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const description = `
-Wraps a group of form components like Radios, Checkboxes, or Switches. The FieldGroup wraps the form controls in a FieldSet and a Field component to group them and add a label, help text, and/or validation text.
-
-\`\`\`js
-import { FieldGroup } from '@dhis2/ui'
-\`\`\`
-`;
+const description = "\nWraps a group of form components like Radios, Checkboxes, or Switches. The FieldGroup wraps the form controls in a FieldSet and a Field component to group them and add a label, help text, and/or validation text.\n\n```js\nimport { FieldGroup } from '@dhis2/ui'\n```\n";
 var _default = {
-  title: 'Forms/Field Group/Field Group',
+  title: 'Field Group',
   component: _fieldGroup.FieldGroup,
   parameters: {
     docs: {

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

@@ -13,16 +13,19 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const FieldSet = ({
-  className,
-  children,
-  dataTest
-}) => /*#__PURE__*/_react.default.createElement("fieldset", {
-  "data-test": dataTest,
-  className: "jsx-3541500486" + " " + (className || "")
-}, children, /*#__PURE__*/_react.default.createElement(_style.default, {
-  id: "3541500486"
-}, ["fieldset.jsx-3541500486{border:none;margin:0;padding:0;}"]));
+const FieldSet = _ref => {
+  let {
+    className,
+    children,
+    dataTest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("fieldset", {
+    "data-test": dataTest,
+    className: "jsx-3541500486" + " " + (className || "")
+  }, children, /*#__PURE__*/_react.default.createElement(_style.default, {
+    id: "3541500486"
+  }, ["fieldset.jsx-3541500486{border:none;margin:0;padding:0;}"]));
+};
 
 exports.FieldSet = FieldSet;
 FieldSet.defaultProps = {

package/build/cjs/field-set/field-set.stories.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.UsageExampleARadioButtonGroupWithErrorStatus = exports.Default = exports.default = void 0;
+exports.default = exports.UsageExampleARadioButtonGroupWithErrorStatus = exports.Default = void 0;
 
 var _help = require("@dhis2-ui/help");
 
@@ -19,20 +19,14 @@ var _fieldSet = require("./field-set.js");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const description = `
-A container for grouping several Field components together. Use a \`<Legend>\` component to add helpful guiding text.
-
-\`\`\`js
-import { FieldSet } from '@dhis2/ui'
-\`\`\`
-`;
+const description = "\nA container for grouping several Field components together. Use a `<Legend>` component to add helpful guiding text.\n\n```js\nimport { FieldSet } from '@dhis2/ui'\n```\n";
 
 const onChange = () => {
   console.log('Radio was clicked, nothing else will happen');
 };
 
 var _default = {
-  title: 'Forms/Field Set/Field Set',
+  title: 'Field Set',
   component: _fieldSet.FieldSet,
   parameters: {
     docs: {

package/build/es/field/field.js

@@ -5,38 +5,41 @@ import { sharedPropTypes, spacers } from '@dhis2/ui-constants';
 import PropTypes from 'prop-types';
 import React from 'react';
 
-const Field = ({
-  children,
-  disabled,
-  className,
-  helpText,
-  label,
-  name,
-  validationText,
-  required,
-  dataTest,
-  valid,
-  error,
-  warning
-}) => /*#__PURE__*/React.createElement(Box, {
-  className: className,
-  dataTest: dataTest
-}, label && /*#__PURE__*/React.createElement(Label, {
-  dataTest: `${dataTest}-label`,
-  required: required,
-  disabled: disabled,
-  htmlFor: name
-}, label), /*#__PURE__*/React.createElement(Box, {
-  dataTest: `${dataTest}-content`,
-  marginTop: label ? spacers.dp4 : '0'
-}, children), helpText && /*#__PURE__*/React.createElement(Help, {
-  dataTest: `${dataTest}-help`
-}, helpText), validationText && /*#__PURE__*/React.createElement(Help, {
-  error: error,
-  warning: warning,
-  valid: valid,
-  dataTest: `${dataTest}-validation`
-}, validationText));
+const Field = _ref => {
+  let {
+    children,
+    disabled,
+    className,
+    helpText,
+    label,
+    name,
+    validationText,
+    required,
+    dataTest,
+    valid,
+    error,
+    warning
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Box, {
+    className: className,
+    dataTest: dataTest
+  }, label && /*#__PURE__*/React.createElement(Label, {
+    dataTest: "".concat(dataTest, "-label"),
+    required: required,
+    disabled: disabled,
+    htmlFor: name
+  }, label), /*#__PURE__*/React.createElement(Box, {
+    dataTest: "".concat(dataTest, "-content"),
+    marginTop: label ? spacers.dp4 : '0'
+  }, children), helpText && /*#__PURE__*/React.createElement(Help, {
+    dataTest: "".concat(dataTest, "-help")
+  }, helpText), validationText && /*#__PURE__*/React.createElement(Help, {
+    error: error,
+    warning: warning,
+    valid: valid,
+    dataTest: "".concat(dataTest, "-validation")
+  }, validationText));
+};
 
 Field.defaultProps = {
   dataTest: 'dhis2-uicore-field'

package/build/es/field/field.stories.js

@@ -2,15 +2,9 @@ import { Input } from '@dhis2-ui/input';
 import { sharedPropTypes } from '@dhis2/ui-constants';
 import React from 'react';
 import { Field } from './field.js';
-const description = `
-A useful container for form components, including a label, help text, and validation text.
-
-\`\`\`js
-import { Field } from '@dhis2/ui'
-\`\`\`
-`;
+const description = "\nA useful container for form components, including a label, help text, and validation text.\n\n```js\nimport { Field } from '@dhis2/ui'\n```\n";
 export default {
-  title: 'Forms/Field',
+  title: 'Field',
   component: Field,
   argTypes: {
     valid: { ...sharedPropTypes.statusArgType

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

@@ -3,33 +3,36 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { Field, FieldSet } from '../index.js';
 
-const FieldGroup = ({
-  children,
-  className,
-  disabled,
-  helpText,
-  validationText,
-  label,
-  name,
-  required,
-  dataTest,
-  valid,
-  error,
-  warning
-}) => /*#__PURE__*/React.createElement(FieldSet, {
-  classname: className,
-  dataTest: dataTest
-}, /*#__PURE__*/React.createElement(Field, {
-  label: label,
-  disabled: disabled,
-  required: required,
-  helpText: helpText,
-  validationText: validationText,
-  error: error,
-  warning: warning,
-  valid: valid,
-  name: name
-}, children));
+const FieldGroup = _ref => {
+  let {
+    children,
+    className,
+    disabled,
+    helpText,
+    validationText,
+    label,
+    name,
+    required,
+    dataTest,
+    valid,
+    error,
+    warning
+  } = _ref;
+  return /*#__PURE__*/React.createElement(FieldSet, {
+    classname: className,
+    dataTest: dataTest
+  }, /*#__PURE__*/React.createElement(Field, {
+    label: label,
+    disabled: disabled,
+    required: required,
+    helpText: helpText,
+    validationText: validationText,
+    error: error,
+    warning: warning,
+    valid: valid,
+    name: name
+  }, children));
+};
 
 FieldGroup.defaultProps = {
   dataTest: 'dhis2-uiwidgets-fieldsetfield'

package/build/es/field-group/field-group.stories.js

@@ -4,15 +4,9 @@ import { Switch } from '@dhis2-ui/switch';
 import { sharedPropTypes } from '@dhis2/ui-constants';
 import React from 'react';
 import { FieldGroup } from './field-group.js';
-const description = `
-Wraps a group of form components like Radios, Checkboxes, or Switches. The FieldGroup wraps the form controls in a FieldSet and a Field component to group them and add a label, help text, and/or validation text.
-
-\`\`\`js
-import { FieldGroup } from '@dhis2/ui'
-\`\`\`
-`;
+const description = "\nWraps a group of form components like Radios, Checkboxes, or Switches. The FieldGroup wraps the form controls in a FieldSet and a Field component to group them and add a label, help text, and/or validation text.\n\n```js\nimport { FieldGroup } from '@dhis2/ui'\n```\n";
 export default {
-  title: 'Forms/Field Group/Field Group',
+  title: 'Field Group',
   component: FieldGroup,
   parameters: {
     docs: {

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

@@ -2,16 +2,19 @@ import _JSXStyle from "styled-jsx/style";
 import PropTypes from 'prop-types';
 import React from 'react';
 
-const FieldSet = ({
-  className,
-  children,
-  dataTest
-}) => /*#__PURE__*/React.createElement("fieldset", {
-  "data-test": dataTest,
-  className: "jsx-3541500486" + " " + (className || "")
-}, children, /*#__PURE__*/React.createElement(_JSXStyle, {
-  id: "3541500486"
-}, ["fieldset.jsx-3541500486{border:none;margin:0;padding:0;}"]));
+const FieldSet = _ref => {
+  let {
+    className,
+    children,
+    dataTest
+  } = _ref;
+  return /*#__PURE__*/React.createElement("fieldset", {
+    "data-test": dataTest,
+    className: "jsx-3541500486" + " " + (className || "")
+  }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "3541500486"
+  }, ["fieldset.jsx-3541500486{border:none;margin:0;padding:0;}"]));
+};
 
 FieldSet.defaultProps = {
   dataTest: 'dhis2-uicore-fieldset'

package/build/es/field-set/field-set.stories.js

@@ -4,20 +4,14 @@ import { Radio } from '@dhis2-ui/radio';
 import React from 'react';
 import { Field } from '../index.js';
 import { FieldSet } from './field-set.js';
-const description = `
-A container for grouping several Field components together. Use a \`<Legend>\` component to add helpful guiding text.
-
-\`\`\`js
-import { FieldSet } from '@dhis2/ui'
-\`\`\`
-`;
+const description = "\nA container for grouping several Field components together. Use a `<Legend>` component to add helpful guiding text.\n\n```js\nimport { FieldSet } from '@dhis2/ui'\n```\n";
 
 const onChange = () => {
   console.log('Radio was clicked, nothing else will happen');
 };
 
 export default {
-  title: 'Forms/Field Set/Field Set',
+  title: 'Field Set',
   component: FieldSet,
   parameters: {
     docs: {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2-ui/field",
-    "version": "8.2.0",
+    "version": "8.2.3",
     "description": "UI Field",
     "repository": {
         "type": "git",
@@ -32,10 +32,10 @@
     },
     "dependencies": {
         "@dhis2/prop-types": "^3.0.0-beta.1",
-        "@dhis2-ui/box": "8.2.0",
-        "@dhis2-ui/help": "8.2.0",
-        "@dhis2-ui/label": "8.2.0",
-        "@dhis2/ui-constants": "8.2.0",
+        "@dhis2-ui/box": "8.2.3",
+        "@dhis2-ui/help": "8.2.3",
+        "@dhis2-ui/label": "8.2.3",
+        "@dhis2/ui-constants": "8.2.3",
         "classnames": "^2.3.1",
         "prop-types": "^15.7.2"
     },