@dhis2-ui/help 9.10.3 → 9.11.1-beta.1

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 Help component with children is rendered', () => {
   cy.visitStory('Help', 'With children');
   cy.get('[data-test="dhis2-uicore-help"]').should('be.visible');

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

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.WithChildren = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _help = require("./help.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
+  title: 'Help'
+};
+const WithChildren = () => /*#__PURE__*/_react.default.createElement(_help.Help, null, "I am a child");
+exports.WithChildren = WithChildren;

package/build/cjs/help.js

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Help = void 0;
-
 var _style = _interopRequireDefault(require("styled-jsx/style"));
-
 var _uiConstants = require("@dhis2/ui-constants");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 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 Help = _ref => {
   let {
     children,
@@ -36,9 +29,8 @@ const Help = _ref => {
   }, children, /*#__PURE__*/_react.default.createElement(_style.default, {
     id: "1832050605",
     dynamic: [_uiConstants.spacers.dp4, _uiConstants.theme.default, _uiConstants.colors.blue700, _uiConstants.theme.error, _uiConstants.colors.yellow800]
-  }, ["p.__jsx-style-dynamic-selector{margin-top:".concat(_uiConstants.spacers.dp4, ";margin-right:0;margin-bottom:0;margin-left:0;font-size:12px;line-height:14px;color:").concat(_uiConstants.theme.default, ";}"), ".valid.__jsx-style-dynamic-selector{color:".concat(_uiConstants.colors.blue700, ";}"), ".error.__jsx-style-dynamic-selector{color:".concat(_uiConstants.theme.error, ";}"), ".warning.__jsx-style-dynamic-selector{color:".concat(_uiConstants.colors.yellow800, ";}")]));
+  }, [`p.__jsx-style-dynamic-selector{margin-top:${_uiConstants.spacers.dp4};margin-right:0;margin-bottom:0;margin-left:0;font-size:12px;line-height:14px;color:${_uiConstants.theme.default};}`, `.valid.__jsx-style-dynamic-selector{color:${_uiConstants.colors.blue700};}`, `.error.__jsx-style-dynamic-selector{color:${_uiConstants.theme.error};}`, `.warning.__jsx-style-dynamic-selector{color:${_uiConstants.colors.yellow800};}`]));
 };
-
 exports.Help = Help;
 Help.defaultProps = {
   dataTest: 'dhis2-uicore-help'

package/build/cjs/{help.stories.js → help.prod.stories.js}

@@ -4,17 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.TextOverflow = exports.StatusWarning = exports.StatusValid = exports.StatusError = exports.Default = void 0;
-
 var _uiConstants = require("@dhis2/ui-constants");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _help = require("./help.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const description = `
+Small text for giving guiding information or feedback, especially for data entry instructions or form validation feedback.
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const description = "\nSmall text for giving guiding information or feedback, especially for data entry instructions or form validation feedback.\n\n```js\nimport { Help } from '@dhis2/ui'\n```\n";
-var _default = {
+\`\`\`js
+import { Help } from '@dhis2/ui'
+\`\`\`
+`;
+var _default = exports.default = {
   title: 'Help',
   component: _help.Help,
   parameters: {
@@ -25,46 +26,40 @@ var _default = {
     }
   },
   argTypes: {
-    valid: { ..._uiConstants.sharedPropTypes.statusArgType
+    valid: {
+      ..._uiConstants.sharedPropTypes.statusArgType
     },
-    warning: { ..._uiConstants.sharedPropTypes.statusArgType
+    warning: {
+      ..._uiConstants.sharedPropTypes.statusArgType
     },
-    error: { ..._uiConstants.sharedPropTypes.statusArgType
+    error: {
+      ..._uiConstants.sharedPropTypes.statusArgType
     }
   },
   args: {
     children: 'Allow me to be of assistance'
   }
 };
-exports.default = _default;
-
 const Template = args => /*#__PURE__*/_react.default.createElement(_help.Help, args);
-
-const Default = Template.bind({});
-exports.Default = Default;
-const StatusWarning = Template.bind({});
-exports.StatusWarning = StatusWarning;
+const Default = exports.Default = Template.bind({});
+const StatusWarning = exports.StatusWarning = Template.bind({});
 StatusWarning.args = {
   warning: true
 };
 StatusWarning.storyName = 'Status: Warning';
-const StatusValid = Template.bind({});
-exports.StatusValid = StatusValid;
+const StatusValid = exports.StatusValid = Template.bind({});
 StatusValid.args = {
   valid: true
 };
 StatusValid.storyName = 'Status: Valid';
-const StatusError = Template.bind({});
-exports.StatusError = StatusError;
+const StatusError = exports.StatusError = Template.bind({});
 StatusError.args = {
   error: true
 };
 StatusError.storyName = 'Status: Error';
-
 const TextOverflow = args => /*#__PURE__*/_react.default.createElement("div", {
   style: {
     width: 200
   }
 }, /*#__PURE__*/_react.default.createElement(_help.Help, args, "I take up more space than my container"));
-
 exports.TextOverflow = TextOverflow;

package/build/cjs/index.js

@@ -9,5 +9,4 @@ Object.defineProperty(exports, "Help", {
     return _help.Help;
   }
 });
-
 var _help = require("./help.js");

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Help } from './help.js';
+export default {
+  title: 'Help'
+};
+export const WithChildren = () => /*#__PURE__*/React.createElement(Help, null, "I am a child");

package/build/es/help.js

@@ -3,7 +3,6 @@ import { spacers, theme, colors, sharedPropTypes } from '@dhis2/ui-constants';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React from 'react';
-
 const Help = _ref => {
   let {
     children,
@@ -23,9 +22,8 @@ const Help = _ref => {
   }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
     id: "1832050605",
     dynamic: [spacers.dp4, theme.default, colors.blue700, theme.error, colors.yellow800]
-  }, ["p.__jsx-style-dynamic-selector{margin-top:".concat(spacers.dp4, ";margin-right:0;margin-bottom:0;margin-left:0;font-size:12px;line-height:14px;color:").concat(theme.default, ";}"), ".valid.__jsx-style-dynamic-selector{color:".concat(colors.blue700, ";}"), ".error.__jsx-style-dynamic-selector{color:".concat(theme.error, ";}"), ".warning.__jsx-style-dynamic-selector{color:".concat(colors.yellow800, ";}")]));
+  }, [`p.__jsx-style-dynamic-selector{margin-top:${spacers.dp4};margin-right:0;margin-bottom:0;margin-left:0;font-size:12px;line-height:14px;color:${theme.default};}`, `.valid.__jsx-style-dynamic-selector{color:${colors.blue700};}`, `.error.__jsx-style-dynamic-selector{color:${theme.error};}`, `.warning.__jsx-style-dynamic-selector{color:${colors.yellow800};}`]));
 };
-
 Help.defaultProps = {
   dataTest: 'dhis2-uicore-help'
 };

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

@@ -1,7 +1,13 @@
 import { sharedPropTypes } from '@dhis2/ui-constants';
 import React from 'react';
 import { Help } from './help.js';
-const description = "\nSmall text for giving guiding information or feedback, especially for data entry instructions or form validation feedback.\n\n```js\nimport { Help } from '@dhis2/ui'\n```\n";
+const description = `
+Small text for giving guiding information or feedback, especially for data entry instructions or form validation feedback.
+
+\`\`\`js
+import { Help } from '@dhis2/ui'
+\`\`\`
+`;
 export default {
   title: 'Help',
   component: Help,
@@ -13,20 +19,21 @@ export default {
     }
   },
   argTypes: {
-    valid: { ...sharedPropTypes.statusArgType
+    valid: {
+      ...sharedPropTypes.statusArgType
     },
-    warning: { ...sharedPropTypes.statusArgType
+    warning: {
+      ...sharedPropTypes.statusArgType
     },
-    error: { ...sharedPropTypes.statusArgType
+    error: {
+      ...sharedPropTypes.statusArgType
     }
   },
   args: {
     children: 'Allow me to be of assistance'
   }
 };
-
 const Template = args => /*#__PURE__*/React.createElement(Help, args);
-
 export const Default = Template.bind({});
 export const StatusWarning = Template.bind({});
 StatusWarning.args = {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2-ui/help",
-    "version": "9.10.3",
+    "version": "9.11.1-beta.1",
     "description": "UI Help",
     "repository": {
         "type": "git",
@@ -22,18 +22,18 @@
         "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-constants": "9.10.3",
+        "@dhis2/ui-constants": "9.11.1-beta.1",
         "classnames": "^2.3.1",
         "prop-types": "^15.7.2"
     },

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

@@ -1,11 +0,0 @@
-"use strict";
-
-var _react = require("@storybook/react");
-
-var _react2 = _interopRequireDefault(require("react"));
-
-var _help = require("./help.js");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-(0, _react.storiesOf)('Help', module).add('With children', () => /*#__PURE__*/_react2.default.createElement(_help.Help, null, "I am a child"));

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

@@ -1,4 +0,0 @@
-import { storiesOf } from '@storybook/react';
-import React from 'react';
-import { Help } from './help.js';
-storiesOf('Help', module).add('With children', () => /*#__PURE__*/React.createElement(Help, null, "I am a child"));