@dhis2-ui/legend 9.11.0 → 9.11.1-beta.10

package/build/cjs/features/accepts_children/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _cypressCucumberPreprocessor = require("@badeball/cypress-cucumber-preprocessor");
-
 (0, _cypressCucumberPreprocessor.Given)('a Legend with children is rendered', () => {
   cy.visitStory('Legend', 'With children');
   cy.get('[data-test="dhis2-uicore-legend"]').should('be.visible');

package/build/cjs/features/can_be_required/index.js

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

package/build/cjs/index.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "Legend", {
     return _legend.Legend;
   }
 });
-
 var _legend = require("./legend.js");

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WithContentAndRequired = exports.WithChildren = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _legend = require("./legend.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
+  title: 'Legend'
+};
+const WithContentAndRequired = () => /*#__PURE__*/_react.default.createElement(_legend.Legend, {
+  required: true
+}, "I am wrapped in a legend which has some styling");
+exports.WithContentAndRequired = WithContentAndRequired;
+const WithChildren = () => /*#__PURE__*/_react.default.createElement(_legend.Legend, null, "I am a child");
+exports.WithChildren = WithChildren;

package/build/cjs/legend.js

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Legend = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
-var _required = require("@dhis2-ui/required");
-
 var _uiConstants = require("@dhis2/ui-constants");
-
+var _required = require("@dhis2-ui/required");
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Legend = _ref => {
   let {
     className,
@@ -28,13 +21,12 @@ const Legend = _ref => {
     "data-test": dataTest,
     className: _style.default.dynamic([["945530629", [_uiConstants.colors.grey900]]]) + " " + (className || "")
   }, children, required && /*#__PURE__*/_react.default.createElement(_required.Required, {
-    dataTest: "".concat(dataTest, "-required")
+    dataTest: `${dataTest}-required`
   }), /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "945530629",
     dynamic: [_uiConstants.colors.grey900]
-  }, ["legend.__jsx-style-dynamic-selector{font-size:14px;line-height:16px;color:".concat(_uiConstants.colors.grey900, ";}")]));
+  }, [`legend.__jsx-style-dynamic-selector{font-size:14px;line-height:16px;color:${_uiConstants.colors.grey900};}`]));
 };
-
 exports.Legend = Legend;
 Legend.defaultProps = {
   dataTest: 'dhis2-uicore-legend'
@@ -43,7 +35,6 @@ Legend.propTypes = {
   children: _propTypes.default.node,
   className: _propTypes.default.string,
   dataTest: _propTypes.default.string,
-
   /** Indicates the associated field set is required */
   required: _propTypes.default.bool
 };

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

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Required = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _legend = require("./legend.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const description = `
+Legends are to be used in a Field Set to describe the form fields.  They may indicate that the fields are required.
+
+See the [Field Set](../?path=/docs/forms-field-set-field-set--usage-example-a-radio-button-group-with-error-status) for a usage example.
+
+\`\`\`js
+import { Legend } from '@dhis2/ui'
+\`\`\`
+`;
+var _default = exports.default = {
+  title: 'Legend',
+  component: _legend.Legend,
+  parameters: {
+    docs: {
+      description: {
+        component: description
+      }
+    }
+  }
+};
+const Template = args => /*#__PURE__*/_react.default.createElement(_legend.Legend, args, "I am wrapped in a legend which has some styling");
+const Default = exports.Default = Template.bind({});
+const Required = exports.Required = Template.bind({});
+Required.args = {
+  required: true
+};

package/build/es/legend.e2e.stories.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Legend } from './legend.js';
+export default {
+  title: 'Legend'
+};
+export const WithContentAndRequired = () => /*#__PURE__*/React.createElement(Legend, {
+  required: true
+}, "I am wrapped in a legend which has some styling");
+export const WithChildren = () => /*#__PURE__*/React.createElement(Legend, null, "I am a child");

package/build/es/legend.js

@@ -1,9 +1,8 @@
 import _JSXStyle from "styled-jsx/style";
-import { Required } from '@dhis2-ui/required';
 import { colors } from '@dhis2/ui-constants';
+import { Required } from '@dhis2-ui/required';
 import PropTypes from 'prop-types';
 import React from 'react';
-
 const Legend = _ref => {
   let {
     className,
@@ -15,13 +14,12 @@ const Legend = _ref => {
     "data-test": dataTest,
     className: _JSXStyle.dynamic([["945530629", [colors.grey900]]]) + " " + (className || "")
   }, children, required && /*#__PURE__*/React.createElement(Required, {
-    dataTest: "".concat(dataTest, "-required")
+    dataTest: `${dataTest}-required`
   }), /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "945530629",
     dynamic: [colors.grey900]
-  }, ["legend.__jsx-style-dynamic-selector{font-size:14px;line-height:16px;color:".concat(colors.grey900, ";}")]));
+  }, [`legend.__jsx-style-dynamic-selector{font-size:14px;line-height:16px;color:${colors.grey900};}`]));
 };
-
 Legend.defaultProps = {
   dataTest: 'dhis2-uicore-legend'
 };
@@ -29,7 +27,6 @@ Legend.propTypes = {
   children: PropTypes.node,
   className: PropTypes.string,
   dataTest: PropTypes.string,
-
   /** Indicates the associated field set is required */
   required: PropTypes.bool
 };

package/build/es/{legend.stories.js → legend.prod.stories.js}

@@ -1,6 +1,14 @@
 import React from 'react';
 import { Legend } from './legend.js';
-const description = "\nLegends are to be used in a Field Set to describe the form fields.  They may indicate that the fields are required.\n\nSee the [Field Set](../?path=/docs/forms-field-set-field-set--usage-example-a-radio-button-group-with-error-status) for a usage example.\n\n```js\nimport { Legend } from '@dhis2/ui'\n```\n";
+const description = `
+Legends are to be used in a Field Set to describe the form fields.  They may indicate that the fields are required.
+
+See the [Field Set](../?path=/docs/forms-field-set-field-set--usage-example-a-radio-button-group-with-error-status) for a usage example.
+
+\`\`\`js
+import { Legend } from '@dhis2/ui'
+\`\`\`
+`;
 export default {
   title: 'Legend',
   component: Legend,
@@ -12,9 +20,7 @@ export default {
     }
   }
 };
-
 const Template = args => /*#__PURE__*/React.createElement(Legend, args, "I am wrapped in a legend which has some styling");
-
 export const Default = Template.bind({});
 export const Required = Template.bind({});
 Required.args = {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2-ui/legend",
-    "version": "9.11.0",
+    "version": "9.11.1-beta.10",
     "description": "UI Legend",
     "repository": {
         "type": "git",
@@ -22,19 +22,19 @@
         "access": "public"
     },
     "scripts": {
-        "start": "start-storybook -c ../../storybook/config --port 5000",
+        "start": "storybook dev -c ../../storybook/config --port 5000",
         "build": "d2-app-scripts build",
         "test": "d2-app-scripts test --jestConfig ../../jest.config.shared.js"
     },
     "peerDependencies": {
-        "react": "^16.8",
-        "react-dom": "^16.8",
+        "react": "^16.13",
+        "react-dom": "^16.13",
         "styled-jsx": "^4"
     },
     "dependencies": {
         "@dhis2/prop-types": "^3.1.2",
-        "@dhis2-ui/required": "9.11.0",
-        "@dhis2/ui-constants": "9.11.0",
+        "@dhis2-ui/required": "9.11.1-beta.10",
+        "@dhis2/ui-constants": "9.11.1-beta.10",
         "classnames": "^2.3.1",
         "prop-types": "^15.7.2"
     },

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

@@ -1,13 +0,0 @@
-"use strict";
-
-var _react = require("@storybook/react");
-
-var _react2 = _interopRequireDefault(require("react"));
-
-var _legend = require("./legend.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-(0, _react.storiesOf)('Legend', module).add('With content and required', () => /*#__PURE__*/_react2.default.createElement(_legend.Legend, {
-  required: true
-}, "I am wrapped in a legend which has some styling")).add('With children', () => /*#__PURE__*/_react2.default.createElement(_legend.Legend, null, "I am a child"));

package/build/cjs/legend.stories.js

@@ -1,36 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Required = exports.Default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _legend = require("./legend.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const description = "\nLegends are to be used in a Field Set to describe the form fields.  They may indicate that the fields are required.\n\nSee the [Field Set](../?path=/docs/forms-field-set-field-set--usage-example-a-radio-button-group-with-error-status) for a usage example.\n\n```js\nimport { Legend } from '@dhis2/ui'\n```\n";
-var _default = {
-  title: 'Legend',
-  component: _legend.Legend,
-  parameters: {
-    docs: {
-      description: {
-        component: description
-      }
-    }
-  }
-};
-exports.default = _default;
-
-const Template = args => /*#__PURE__*/_react.default.createElement(_legend.Legend, args, "I am wrapped in a legend which has some styling");
-
-const Default = Template.bind({});
-exports.Default = Default;
-const Required = Template.bind({});
-exports.Required = Required;
-Required.args = {
-  required: true
-};

package/build/es/legend.stories.e2e.js

@@ -1,6 +0,0 @@
-import { storiesOf } from '@storybook/react';
-import React from 'react';
-import { Legend } from './legend.js';
-storiesOf('Legend', module).add('With content and required', () => /*#__PURE__*/React.createElement(Legend, {
-  required: true
-}, "I am wrapped in a legend which has some styling")).add('With children', () => /*#__PURE__*/React.createElement(Legend, null, "I am a child"));