@dhis2-ui/divider 9.11.0 → 9.11.1-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/build/cjs/divider.js +6 -16
  2. package/build/cjs/{divider.stories.js → divider.prod.stories.js} +12 -18
  3. package/build/cjs/index.js +0 -1
  4. package/build/es/divider.js +5 -10
  5. package/build/es/{divider.stories.js → divider.prod.stories.js} +7 -3
  6. package/package.json +5 -5
package/build/cjs/divider.js CHANGED
@@ -4,27 +4,18 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.Divider = void 0;
7
-
8
7
  var _style = _interopRequireDefault(require("styled-jsx/style"));
9
-
10
8
  var _uiConstants = require("@dhis2/ui-constants");
11
-
12
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
13
-
14
10
  var _react = _interopRequireDefault(require("react"));
15
-
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
11
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
18
12
  const flipMargin = margin => {
19
13
  const splitMargin = margin.split(/\s+/);
20
-
21
14
  if ((splitMargin === null || splitMargin === void 0 ? void 0 : splitMargin.length) === 4) {
22
15
  return [splitMargin[0], splitMargin[3], splitMargin[2], splitMargin[1]].join(' ');
23
16
  }
24
-
25
17
  return margin;
26
18
  };
27
-
28
19
  const Divider = _ref => {
29
20
  let {
30
21
  className,
@@ -35,20 +26,19 @@ const Divider = _ref => {
35
26
  return /*#__PURE__*/_react.default.createElement("div", {
36
27
  "data-test": dataTest,
37
28
  role: "separator",
38
- className: _style.default.dynamic([["2418722155", [_uiConstants.colors.grey300]], ["3247041537", [dense ? "".concat(_uiConstants.spacers.dp4, " 0") : margin, dense ? "".concat(_uiConstants.spacers.dp4, " 0") : flipMargin(margin)]]]) + " " + (className || "")
29
+ className: _style.default.dynamic([["2418722155", [_uiConstants.colors.grey300]], ["3247041537", [dense ? `${_uiConstants.spacers.dp4} 0` : margin, dense ? `${_uiConstants.spacers.dp4} 0` : flipMargin(margin)]]]) + " " + (className || "")
39
30
  }, /*#__PURE__*/_react.default.createElement(_style.default, {
40
31
  id: "2418722155",
41
32
  dynamic: [_uiConstants.colors.grey300]
42
- }, ["div.__jsx-style-dynamic-selector{display:inline-block;width:100%;height:1px;background-color:".concat(_uiConstants.colors.grey300, ";}")]), /*#__PURE__*/_react.default.createElement(_style.default, {
33
+ }, [`div.__jsx-style-dynamic-selector{display:inline-block;width:100%;height:1px;background-color:${_uiConstants.colors.grey300};}`]), /*#__PURE__*/_react.default.createElement(_style.default, {
43
34
  id: "3247041537",
44
- dynamic: [dense ? "".concat(_uiConstants.spacers.dp4, " 0") : margin, dense ? "".concat(_uiConstants.spacers.dp4, " 0") : flipMargin(margin)]
45
- }, ["div.__jsx-style-dynamic-selector{margin:".concat(dense ? "".concat(_uiConstants.spacers.dp4, " 0") : margin, ";}"), ".__jsx-style-dynamic-selector:dir(rtl){margin:".concat(dense ? "".concat(_uiConstants.spacers.dp4, " 0") : flipMargin(margin), ";}")]));
35
+ dynamic: [dense ? `${_uiConstants.spacers.dp4} 0` : margin, dense ? `${_uiConstants.spacers.dp4} 0` : flipMargin(margin)]
36
+ }, [`div.__jsx-style-dynamic-selector{margin:${dense ? `${_uiConstants.spacers.dp4} 0` : margin};}`, `.__jsx-style-dynamic-selector:dir(rtl){margin:${dense ? `${_uiConstants.spacers.dp4} 0` : flipMargin(margin)};}`]));
46
37
  };
47
-
48
38
  exports.Divider = Divider;
49
39
  Divider.defaultProps = {
50
40
  dataTest: 'dhis2-uicore-divider',
51
- margin: "".concat(_uiConstants.spacers.dp8, " 0")
41
+ margin: `${_uiConstants.spacers.dp8} 0`
52
42
  };
53
43
  Divider.propTypes = {
54
44
  className: _propTypes.default.string,
package/build/cjs/{divider.stories.js → divider.prod.stories.js} RENAMED
@@ -4,15 +4,17 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = exports.RTLUnevenMargin = exports.Margin = exports.Dense = exports.Default = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _divider = require("./divider.js");
11
-
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
-
14
- const description = "\nA light divider to separate content.\n\n```js\nimport { Divider } from '@dhis2/ui'\n```\n";
15
- var _default = {
9
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
+ const description = `
11
+ A light divider to separate content.
12
+
13
+ \`\`\`js
14
+ import { Divider } from '@dhis2/ui'
15
+ \`\`\`
16
+ `;
17
+ var _default = exports.default = {
16
18
  title: 'Divider',
17
19
  component: _divider.Divider,
18
20
  argTypes: {
@@ -32,27 +34,19 @@ var _default = {
32
34
  }
33
35
  }
34
36
  };
35
- exports.default = _default;
36
-
37
37
  const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null, "Content above"), /*#__PURE__*/_react.default.createElement(_divider.Divider, args), /*#__PURE__*/_react.default.createElement("div", null, "Content below"));
38
-
39
- const Default = Template.bind({});
40
- exports.Default = Default;
41
- const Dense = Template.bind({});
42
- exports.Dense = Dense;
38
+ const Default = exports.Default = Template.bind({});
39
+ const Dense = exports.Dense = Template.bind({});
43
40
  Dense.args = {
44
41
  dense: true
45
42
  };
46
- const Margin = Template.bind({});
47
- exports.Margin = Margin;
43
+ const Margin = exports.Margin = Template.bind({});
48
44
  Margin.args = {
49
45
  margin: '20px 20px 20px 20px'
50
46
  };
51
-
52
47
  const RTLUnevenMargin = args => /*#__PURE__*/_react.default.createElement("div", {
53
48
  dir: "rtl"
54
49
  }, /*#__PURE__*/_react.default.createElement(Template, args));
55
-
56
50
  exports.RTLUnevenMargin = RTLUnevenMargin;
57
51
  RTLUnevenMargin.args = {
58
52
  margin: '10px 5px 40px 50px'
package/build/cjs/index.js CHANGED
@@ -9,5 +9,4 @@ Object.defineProperty(exports, "Divider", {
9
9
  return _divider.Divider;
10
10
  }
11
11
  });
12
-
13
12
  var _divider = require("./divider.js");
package/build/es/divider.js CHANGED
@@ -2,17 +2,13 @@ import _JSXStyle from "styled-jsx/style";
2
2
  import { colors, spacers } from '@dhis2/ui-constants';
3
3
  import PropTypes from 'prop-types';
4
4
  import React from 'react';
5
-
6
5
  const flipMargin = margin => {
7
6
  const splitMargin = margin.split(/\s+/);
8
-
9
7
  if ((splitMargin === null || splitMargin === void 0 ? void 0 : splitMargin.length) === 4) {
10
8
  return [splitMargin[0], splitMargin[3], splitMargin[2], splitMargin[1]].join(' ');
11
9
  }
12
-
13
10
  return margin;
14
11
  };
15
-
16
12
  const Divider = _ref => {
17
13
  let {
18
14
  className,
@@ -23,19 +19,18 @@ const Divider = _ref => {
23
19
  return /*#__PURE__*/React.createElement("div", {
24
20
  "data-test": dataTest,
25
21
  role: "separator",
26
- className: _JSXStyle.dynamic([["2418722155", [colors.grey300]], ["3247041537", [dense ? "".concat(spacers.dp4, " 0") : margin, dense ? "".concat(spacers.dp4, " 0") : flipMargin(margin)]]]) + " " + (className || "")
22
+ className: _JSXStyle.dynamic([["2418722155", [colors.grey300]], ["3247041537", [dense ? `${spacers.dp4} 0` : margin, dense ? `${spacers.dp4} 0` : flipMargin(margin)]]]) + " " + (className || "")
27
23
  }, /*#__PURE__*/React.createElement(_JSXStyle, {
28
24
  id: "2418722155",
29
25
  dynamic: [colors.grey300]
30
- }, ["div.__jsx-style-dynamic-selector{display:inline-block;width:100%;height:1px;background-color:".concat(colors.grey300, ";}")]), /*#__PURE__*/React.createElement(_JSXStyle, {
26
+ }, [`div.__jsx-style-dynamic-selector{display:inline-block;width:100%;height:1px;background-color:${colors.grey300};}`]), /*#__PURE__*/React.createElement(_JSXStyle, {
31
27
  id: "3247041537",
32
- dynamic: [dense ? "".concat(spacers.dp4, " 0") : margin, dense ? "".concat(spacers.dp4, " 0") : flipMargin(margin)]
33
- }, ["div.__jsx-style-dynamic-selector{margin:".concat(dense ? "".concat(spacers.dp4, " 0") : margin, ";}"), ".__jsx-style-dynamic-selector:dir(rtl){margin:".concat(dense ? "".concat(spacers.dp4, " 0") : flipMargin(margin), ";}")]));
28
+ dynamic: [dense ? `${spacers.dp4} 0` : margin, dense ? `${spacers.dp4} 0` : flipMargin(margin)]
29
+ }, [`div.__jsx-style-dynamic-selector{margin:${dense ? `${spacers.dp4} 0` : margin};}`, `.__jsx-style-dynamic-selector:dir(rtl){margin:${dense ? `${spacers.dp4} 0` : flipMargin(margin)};}`]));
34
30
  };
35
-
36
31
  Divider.defaultProps = {
37
32
  dataTest: 'dhis2-uicore-divider',
38
- margin: "".concat(spacers.dp8, " 0")
33
+ margin: `${spacers.dp8} 0`
39
34
  };
40
35
  Divider.propTypes = {
41
36
  className: PropTypes.string,
package/build/es/{divider.stories.js → divider.prod.stories.js} RENAMED
@@ -1,6 +1,12 @@
1
1
  import React from 'react';
2
2
  import { Divider } from './divider.js';
3
- const description = "\nA light divider to separate content.\n\n```js\nimport { Divider } from '@dhis2/ui'\n```\n";
3
+ const description = `
4
+ A light divider to separate content.
5
+
6
+ \`\`\`js
7
+ import { Divider } from '@dhis2/ui'
8
+ \`\`\`
9
+ `;
4
10
  export default {
5
11
  title: 'Divider',
6
12
  component: Divider,
@@ -21,9 +27,7 @@ export default {
21
27
  }
22
28
  }
23
29
  };
24
-
25
30
  const Template = args => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", null, "Content above"), /*#__PURE__*/React.createElement(Divider, args), /*#__PURE__*/React.createElement("div", null, "Content below"));
26
-
27
31
  export const Default = Template.bind({});
28
32
  export const Dense = Template.bind({});
29
33
  Dense.args = {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dhis2-ui/divider",
3
- "version": "9.11.0",
3
+ "version": "9.11.1-beta.2",
4
4
  "description": "UI Divider",
5
5
  "repository": {
6
6
  "type": "git",
@@ -22,18 +22,18 @@
22
22
  "access": "public"
23
23
  },
24
24
  "scripts": {
25
- "start": "start-storybook -c ../../storybook/config --port 5000",
25
+ "start": "storybook dev -c ../../storybook/config --port 5000",
26
26
  "build": "d2-app-scripts build",
27
27
  "test": "d2-app-scripts test --jestConfig ../../jest.config.shared.js"
28
28
  },
29
29
  "peerDependencies": {
30
- "react": "^16.8",
31
- "react-dom": "^16.8",
30
+ "react": "^16.13",
31
+ "react-dom": "^16.13",
32
32
  "styled-jsx": "^4"
33
33
  },
34
34
  "dependencies": {
35
35
  "@dhis2/prop-types": "^3.1.2",
36
- "@dhis2/ui-constants": "9.11.0",
36
+ "@dhis2/ui-constants": "9.11.1-beta.2",
37
37
  "classnames": "^2.3.1",
38
38
  "prop-types": "^15.7.2"
39
39
  },