@dhis2-ui/transfer 9.3.0-alpha.1 → 9.3.0

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 (11) hide show
  1. package/build/cjs/end-intersection-detector.js +3 -3
  2. package/build/cjs/icons.js +2 -2
  3. package/build/cjs/options-container.js +6 -6
  4. package/build/cjs/reordering-actions.js +3 -3
  5. package/build/cjs/transfer.stories.js +1 -11
  6. package/build/es/end-intersection-detector.js +3 -3
  7. package/build/es/icons.js +2 -2
  8. package/build/es/options-container.js +6 -6
  9. package/build/es/reordering-actions.js +3 -3
  10. package/build/es/transfer.stories.js +0 -7
  11. package/package.json +7 -7
package/build/cjs/end-intersection-detector.js CHANGED
@@ -23,7 +23,7 @@ const EndIntersectionDetector = _ref => {
23
23
  } = _ref;
24
24
  return /*#__PURE__*/_react.default.createElement("div", {
25
25
  "data-test": dataTest,
26
- className: "jsx-2799340139"
26
+ className: "jsx-4200578429"
27
27
  }, /*#__PURE__*/_react.default.createElement(_intersectionDetector.IntersectionDetector, {
28
28
  rootRef: rootRef,
29
29
  onChange: _ref2 => {
@@ -33,8 +33,8 @@ const EndIntersectionDetector = _ref => {
33
33
  return isIntersecting && onEndReached();
34
34
  }
35
35
  }), /*#__PURE__*/_react.default.createElement(_style.default, {
36
- id: "2799340139"
37
- }, ["div.jsx-2799340139{width:100%;height:50px;position:absolute;z-index:-1;bottom:0;inset-inline-start:0;}"]));
36
+ id: "4200578429"
37
+ }, ["div.jsx-4200578429{width:100%;height:50px;position:absolute;z-index:-1;bottom:0;left:0;}"]));
38
38
  };
39
39
 
40
40
  exports.EndIntersectionDetector = EndIntersectionDetector;
package/build/cjs/icons.js CHANGED
@@ -15,8 +15,8 @@ var _react = _interopRequireDefault(require("react"));
15
15
 
16
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
17
 
18
- const centerButtonStyles = ["svg.jsx-3510845804{min-width:20px;}", "svg.jsx-3510845804:dir(rtl){-webkit-transform:rotate(180deg) translateX(4px);-ms-transform:rotate(180deg) translateX(4px);transform:rotate(180deg) translateX(4px);}"];
19
- centerButtonStyles.__hash = "3510845804";
18
+ const centerButtonStyles = ["svg.jsx-114231192{min-width:20px;}"];
19
+ centerButtonStyles.__hash = "114231192";
20
20
 
21
21
  const IconAddAll = _ref => {
22
22
  let {
package/build/cjs/options-container.js CHANGED
@@ -43,16 +43,16 @@ const OptionsContainer = _ref => {
43
43
  const wrapperRef = (0, _react.useRef)(null);
44
44
  const resizeCounter = (0, _useResizeCounter.useResizeCounter)(wrapperRef.current);
45
45
  return /*#__PURE__*/_react.default.createElement("div", {
46
- className: _style.default.dynamic([["3254058061", [_uiConstants.spacers.dp4]]]) + " " + "optionsContainer"
46
+ className: _style.default.dynamic([["889751462", [_uiConstants.spacers.dp4]]]) + " " + "optionsContainer"
47
47
  }, loading && /*#__PURE__*/_react.default.createElement("div", {
48
- className: _style.default.dynamic([["3254058061", [_uiConstants.spacers.dp4]]]) + " " + "loading"
48
+ className: _style.default.dynamic([["889751462", [_uiConstants.spacers.dp4]]]) + " " + "loading"
49
49
  }, /*#__PURE__*/_react.default.createElement(_loader.CircularLoader, null)), /*#__PURE__*/_react.default.createElement("div", {
50
50
  "data-test": dataTest,
51
51
  ref: optionsRef,
52
- className: _style.default.dynamic([["3254058061", [_uiConstants.spacers.dp4]]]) + " " + "container"
52
+ className: _style.default.dynamic([["889751462", [_uiConstants.spacers.dp4]]]) + " " + "container"
53
53
  }, /*#__PURE__*/_react.default.createElement("div", {
54
54
  ref: wrapperRef,
55
- className: _style.default.dynamic([["3254058061", [_uiConstants.spacers.dp4]]]) + " " + "content-container"
55
+ className: _style.default.dynamic([["889751462", [_uiConstants.spacers.dp4]]]) + " " + "content-container"
56
56
  }, !options.length && emptyComponent, options.map(option => {
57
57
  const highlighted = !!highlightedOptions.find(highlightedSourceOption => highlightedSourceOption === option.value);
58
58
  return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
@@ -68,9 +68,9 @@ const OptionsContainer = _ref => {
68
68
  rootRef: optionsRef,
69
69
  onEndReached: onEndReached
70
70
  }))), /*#__PURE__*/_react.default.createElement(_style.default, {
71
- id: "3254058061",
71
+ id: "889751462",
72
72
  dynamic: [_uiConstants.spacers.dp4]
73
- }, [".optionsContainer.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding:".concat(_uiConstants.spacers.dp4, " 0;position:relative;overflow:hidden;}"), ".container.__jsx-style-dynamic-selector{overflow-y:auto;height:100%;}", ".loading.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;width:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:absolute;z-index:2;top:0;inset-inline-start:0;}", ".content-container.__jsx-style-dynamic-selector{z-index:1;position:relative;}", ".loading.__jsx-style-dynamic-selector+.container.__jsx-style-dynamic-selector .content-container.__jsx-style-dynamic-selector{-webkit-filter:blur(2px);filter:blur(2px);}"]));
73
+ }, [".optionsContainer.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding:".concat(_uiConstants.spacers.dp4, " 0;position:relative;overflow:hidden;}"), ".container.__jsx-style-dynamic-selector{overflow-y:auto;height:100%;}", ".loading.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;width:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:absolute;z-index:2;top:0;left:0;}", ".content-container.__jsx-style-dynamic-selector{z-index:1;position:relative;}", ".loading.__jsx-style-dynamic-selector+.container.__jsx-style-dynamic-selector .content-container.__jsx-style-dynamic-selector{-webkit-filter:blur(2px);filter:blur(2px);}"]));
74
74
  };
75
75
 
76
76
  exports.OptionsContainer = OptionsContainer;
package/build/cjs/reordering-actions.js CHANGED
@@ -29,7 +29,7 @@ const ReorderingActions = _ref => {
29
29
  } = _ref;
30
30
  return /*#__PURE__*/_react.default.createElement("div", {
31
31
  "data-test": dataTest,
32
- className: _style.default.dynamic([["874845231", [_uiConstants.spacers.dp8, _uiConstants.spacers.dp8, _uiConstants.spacers.dp8]]])
32
+ className: _style.default.dynamic([["1295471940", [_uiConstants.spacers.dp8, _uiConstants.spacers.dp8, _uiConstants.spacers.dp8]]])
33
33
  }, /*#__PURE__*/_react.default.createElement(_button.Button, {
34
34
  small: true,
35
35
  disabled: disabledDown,
@@ -49,9 +49,9 @@ const ReorderingActions = _ref => {
49
49
  disabled: disabledUp
50
50
  })
51
51
  }), /*#__PURE__*/_react.default.createElement(_style.default, {
52
- id: "874845231",
52
+ id: "1295471940",
53
53
  dynamic: [_uiConstants.spacers.dp8, _uiConstants.spacers.dp8, _uiConstants.spacers.dp8]
54
- }, ["div.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;padding-top:".concat(_uiConstants.spacers.dp8, ";}"), "div.__jsx-style-dynamic-selector:last-child{padding-bottom:".concat(_uiConstants.spacers.dp8, ";}"), "div.__jsx-style-dynamic-selector>button:first-child{margin-inline-start:".concat(_uiConstants.spacers.dp8, ";}")]));
54
+ }, ["div.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;padding-top:".concat(_uiConstants.spacers.dp8, ";}"), "div.__jsx-style-dynamic-selector:last-child{padding-bottom:".concat(_uiConstants.spacers.dp8, ";}"), "div.__jsx-style-dynamic-selector>button:first-child{margin-left:".concat(_uiConstants.spacers.dp8, ";}")]));
55
55
  };
56
56
 
57
57
  exports.ReorderingActions = ReorderingActions;
package/build/cjs/transfer.stories.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.default = exports.SourceEmptyPlaceholder = exports.SingleSelection = exports.Reordering = exports.RTL = exports.PickedEmptyComponent = exports.OptionsFooter = exports.Multiple = exports.LoadingSource = exports.LoadingPicked = exports.InfiniteLoading = exports.IndividualCustomOption = exports.IncreasedOptionsHeight = exports.Header = exports.FilteredPlaceholder = exports.FilteredPicked = exports.Filtered = exports.DifferentWidths = exports.CustomListOptions = exports.CustomFilteringWithoutFilterInput = exports.CustomFilteringWithFilterInput = exports.CustomButtonText = void 0;
6
+ exports.default = exports.SourceEmptyPlaceholder = exports.SingleSelection = exports.Reordering = exports.PickedEmptyComponent = exports.OptionsFooter = exports.Multiple = exports.LoadingSource = exports.LoadingPicked = exports.InfiniteLoading = exports.IndividualCustomOption = exports.IncreasedOptionsHeight = exports.Header = exports.FilteredPlaceholder = exports.FilteredPicked = exports.Filtered = exports.DifferentWidths = exports.CustomListOptions = exports.CustomFilteringWithoutFilterInput = exports.CustomFilteringWithFilterInput = exports.CustomButtonText = void 0;
7
7
 
8
8
  var _select = require("@dhis2-ui/select");
9
9
 
@@ -549,14 +549,4 @@ LoadingPicked.args = {
549
549
  } = _ref14;
550
550
  return value;
551
551
  })
552
- };
553
-
554
- const RTL = args => /*#__PURE__*/_react.default.createElement("div", {
555
- dir: "rtl"
556
- }, /*#__PURE__*/_react.default.createElement(Multiple, args));
557
-
558
- exports.RTL = RTL;
559
- RTL.args = {
560
- options: options.slice(0, 3),
561
- enableOrderChange: true
562
552
  };
package/build/es/end-intersection-detector.js CHANGED
@@ -10,7 +10,7 @@ export const EndIntersectionDetector = _ref => {
10
10
  } = _ref;
11
11
  return /*#__PURE__*/React.createElement("div", {
12
12
  "data-test": dataTest,
13
- className: "jsx-2799340139"
13
+ className: "jsx-4200578429"
14
14
  }, /*#__PURE__*/React.createElement(IntersectionDetector, {
15
15
  rootRef: rootRef,
16
16
  onChange: _ref2 => {
@@ -20,8 +20,8 @@ export const EndIntersectionDetector = _ref => {
20
20
  return isIntersecting && onEndReached();
21
21
  }
22
22
  }), /*#__PURE__*/React.createElement(_JSXStyle, {
23
- id: "2799340139"
24
- }, ["div.jsx-2799340139{width:100%;height:50px;position:absolute;z-index:-1;bottom:0;inset-inline-start:0;}"]));
23
+ id: "4200578429"
24
+ }, ["div.jsx-4200578429{width:100%;height:50px;position:absolute;z-index:-1;bottom:0;left:0;}"]));
25
25
  };
26
26
  EndIntersectionDetector.propTypes = {
27
27
  rootRef: PropTypes.shape({
package/build/es/icons.js CHANGED
@@ -2,8 +2,8 @@ import _JSXStyle from "styled-jsx/style";
2
2
  import { theme } from '@dhis2/ui-constants';
3
3
  import PropTypes from 'prop-types';
4
4
  import React from 'react';
5
- const centerButtonStyles = ["svg.jsx-3510845804{min-width:20px;}", "svg.jsx-3510845804:dir(rtl){-webkit-transform:rotate(180deg) translateX(4px);-ms-transform:rotate(180deg) translateX(4px);transform:rotate(180deg) translateX(4px);}"];
6
- centerButtonStyles.__hash = "3510845804";
5
+ const centerButtonStyles = ["svg.jsx-114231192{min-width:20px;}"];
6
+ centerButtonStyles.__hash = "114231192";
7
7
  export const IconAddAll = _ref => {
8
8
  let {
9
9
  dataTest,
package/build/es/options-container.js CHANGED
@@ -23,16 +23,16 @@ export const OptionsContainer = _ref => {
23
23
  const wrapperRef = useRef(null);
24
24
  const resizeCounter = useResizeCounter(wrapperRef.current);
25
25
  return /*#__PURE__*/React.createElement("div", {
26
- className: _JSXStyle.dynamic([["3254058061", [spacers.dp4]]]) + " " + "optionsContainer"
26
+ className: _JSXStyle.dynamic([["889751462", [spacers.dp4]]]) + " " + "optionsContainer"
27
27
  }, loading && /*#__PURE__*/React.createElement("div", {
28
- className: _JSXStyle.dynamic([["3254058061", [spacers.dp4]]]) + " " + "loading"
28
+ className: _JSXStyle.dynamic([["889751462", [spacers.dp4]]]) + " " + "loading"
29
29
  }, /*#__PURE__*/React.createElement(CircularLoader, null)), /*#__PURE__*/React.createElement("div", {
30
30
  "data-test": dataTest,
31
31
  ref: optionsRef,
32
- className: _JSXStyle.dynamic([["3254058061", [spacers.dp4]]]) + " " + "container"
32
+ className: _JSXStyle.dynamic([["889751462", [spacers.dp4]]]) + " " + "container"
33
33
  }, /*#__PURE__*/React.createElement("div", {
34
34
  ref: wrapperRef,
35
- className: _JSXStyle.dynamic([["3254058061", [spacers.dp4]]]) + " " + "content-container"
35
+ className: _JSXStyle.dynamic([["889751462", [spacers.dp4]]]) + " " + "content-container"
36
36
  }, !options.length && emptyComponent, options.map(option => {
37
37
  const highlighted = !!highlightedOptions.find(highlightedSourceOption => highlightedSourceOption === option.value);
38
38
  return /*#__PURE__*/React.createElement(Fragment, {
@@ -48,9 +48,9 @@ export const OptionsContainer = _ref => {
48
48
  rootRef: optionsRef,
49
49
  onEndReached: onEndReached
50
50
  }))), /*#__PURE__*/React.createElement(_JSXStyle, {
51
- id: "3254058061",
51
+ id: "889751462",
52
52
  dynamic: [spacers.dp4]
53
- }, [".optionsContainer.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding:".concat(spacers.dp4, " 0;position:relative;overflow:hidden;}"), ".container.__jsx-style-dynamic-selector{overflow-y:auto;height:100%;}", ".loading.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;width:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:absolute;z-index:2;top:0;inset-inline-start:0;}", ".content-container.__jsx-style-dynamic-selector{z-index:1;position:relative;}", ".loading.__jsx-style-dynamic-selector+.container.__jsx-style-dynamic-selector .content-container.__jsx-style-dynamic-selector{-webkit-filter:blur(2px);filter:blur(2px);}"]));
53
+ }, [".optionsContainer.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding:".concat(spacers.dp4, " 0;position:relative;overflow:hidden;}"), ".container.__jsx-style-dynamic-selector{overflow-y:auto;height:100%;}", ".loading.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;width:100%;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:absolute;z-index:2;top:0;left:0;}", ".content-container.__jsx-style-dynamic-selector{z-index:1;position:relative;}", ".loading.__jsx-style-dynamic-selector+.container.__jsx-style-dynamic-selector .content-container.__jsx-style-dynamic-selector{-webkit-filter:blur(2px);filter:blur(2px);}"]));
54
54
  };
55
55
  OptionsContainer.defaultProps = {
56
56
  selected: false
package/build/es/reordering-actions.js CHANGED
@@ -14,7 +14,7 @@ export const ReorderingActions = _ref => {
14
14
  } = _ref;
15
15
  return /*#__PURE__*/React.createElement("div", {
16
16
  "data-test": dataTest,
17
- className: _JSXStyle.dynamic([["874845231", [spacers.dp8, spacers.dp8, spacers.dp8]]])
17
+ className: _JSXStyle.dynamic([["1295471940", [spacers.dp8, spacers.dp8, spacers.dp8]]])
18
18
  }, /*#__PURE__*/React.createElement(Button, {
19
19
  small: true,
20
20
  disabled: disabledDown,
@@ -34,9 +34,9 @@ export const ReorderingActions = _ref => {
34
34
  disabled: disabledUp
35
35
  })
36
36
  }), /*#__PURE__*/React.createElement(_JSXStyle, {
37
- id: "874845231",
37
+ id: "1295471940",
38
38
  dynamic: [spacers.dp8, spacers.dp8, spacers.dp8]
39
- }, ["div.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;padding-top:".concat(spacers.dp8, ";}"), "div.__jsx-style-dynamic-selector:last-child{padding-bottom:".concat(spacers.dp8, ";}"), "div.__jsx-style-dynamic-selector>button:first-child{margin-inline-start:".concat(spacers.dp8, ";}")]));
39
+ }, ["div.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;padding-top:".concat(spacers.dp8, ";}"), "div.__jsx-style-dynamic-selector:last-child{padding-bottom:".concat(spacers.dp8, ";}"), "div.__jsx-style-dynamic-selector>button:first-child{margin-left:".concat(spacers.dp8, ";}")]));
40
40
  };
41
41
  ReorderingActions.propTypes = {
42
42
  dataTest: PropTypes.string.isRequired,
package/build/es/transfer.stories.js CHANGED
@@ -505,11 +505,4 @@ LoadingPicked.args = {
505
505
  } = _ref14;
506
506
  return value;
507
507
  })
508
- };
509
- export const RTL = args => /*#__PURE__*/React.createElement("div", {
510
- dir: "rtl"
511
- }, /*#__PURE__*/React.createElement(Multiple, args));
512
- RTL.args = {
513
- options: options.slice(0, 3),
514
- enableOrderChange: true
515
508
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dhis2-ui/transfer",
3
- "version": "9.3.0-alpha.1",
3
+ "version": "9.3.0",
4
4
  "description": "UI Transfer",
5
5
  "repository": {
6
6
  "type": "git",
@@ -33,12 +33,12 @@
33
33
  },
34
34
  "dependencies": {
35
35
  "@dhis2/prop-types": "^3.1.2",
36
- "@dhis2-ui/button": "9.3.0-alpha.1",
37
- "@dhis2-ui/field": "9.3.0-alpha.1",
38
- "@dhis2-ui/input": "9.3.0-alpha.1",
39
- "@dhis2-ui/intersection-detector": "9.3.0-alpha.1",
40
- "@dhis2-ui/loader": "9.3.0-alpha.1",
41
- "@dhis2/ui-constants": "9.3.0-alpha.1",
36
+ "@dhis2-ui/button": "9.3.0",
37
+ "@dhis2-ui/field": "9.3.0",
38
+ "@dhis2-ui/input": "9.3.0",
39
+ "@dhis2-ui/intersection-detector": "9.3.0",
40
+ "@dhis2-ui/loader": "9.3.0",
41
+ "@dhis2/ui-constants": "9.3.0",
42
42
  "classnames": "^2.3.1",
43
43
  "prop-types": "^15.7.2"
44
44
  },