@dhis2-ui/transfer 10.1.7 → 10.1.9

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 (7) hide show
  1. package/build/cjs/filter.js +1 -0
  2. package/build/cjs/options-container.js +6 -8
  3. package/build/cjs/transfer-option.js +4 -4
  4. package/build/es/filter.js +1 -0
  5. package/build/es/options-container.js +6 -8
  6. package/build/es/transfer-option.js +5 -5
  7. package/package.json +7 -7
package/build/cjs/filter.js CHANGED
@@ -27,6 +27,7 @@ const Filter = _ref => {
27
27
  name: dataTest,
28
28
  dataTest: `${dataTest}-field`
29
29
  }, /*#__PURE__*/_react.default.createElement(_input.Input, {
30
+ dense: true,
30
31
  dataTest: `${dataTest}-input`,
31
32
  type: "search",
32
33
  placeholder: placeholder,
package/build/cjs/options-container.js CHANGED
@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.OptionsContainer = void 0;
7
7
  var _style = _interopRequireDefault(require("styled-jsx/style"));
8
- var _uiConstants = require("@dhis2/ui-constants");
9
8
  var _loader = require("@dhis2-ui/loader");
10
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
10
  var _react = _interopRequireWildcard(require("react"));
@@ -32,16 +31,16 @@ const OptionsContainer = _ref => {
32
31
  const wrapperRef = (0, _react.useRef)(null);
33
32
  const resizeCounter = (0, _useResizeCounter.useResizeCounter)(wrapperRef.current);
34
33
  return /*#__PURE__*/_react.default.createElement("div", {
35
- className: _style.default.dynamic([["3254058061", [_uiConstants.spacers.dp4]]]) + " " + "optionsContainer"
34
+ className: "jsx-1882699425" + " " + "optionsContainer"
36
35
  }, loading && /*#__PURE__*/_react.default.createElement("div", {
37
- className: _style.default.dynamic([["3254058061", [_uiConstants.spacers.dp4]]]) + " " + "loading"
36
+ className: "jsx-1882699425" + " " + "loading"
38
37
  }, /*#__PURE__*/_react.default.createElement(_loader.CircularLoader, null)), /*#__PURE__*/_react.default.createElement("div", {
39
38
  "data-test": dataTest,
40
39
  ref: optionsRef,
41
- className: _style.default.dynamic([["3254058061", [_uiConstants.spacers.dp4]]]) + " " + "container"
40
+ className: "jsx-1882699425" + " " + "container"
42
41
  }, /*#__PURE__*/_react.default.createElement("div", {
43
42
  ref: wrapperRef,
44
- className: _style.default.dynamic([["3254058061", [_uiConstants.spacers.dp4]]]) + " " + "content-container"
43
+ className: "jsx-1882699425" + " " + "content-container"
45
44
  }, !options.length && emptyComponent, options.map(option => {
46
45
  const highlighted = !!highlightedOptions.find(highlightedSourceOption => highlightedSourceOption === option.value);
47
46
  return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
@@ -58,9 +57,8 @@ const OptionsContainer = _ref => {
58
57
  rootRef: optionsRef,
59
58
  onEndReached: onEndReached
60
59
  }))), /*#__PURE__*/_react.default.createElement(_style.default, {
61
- id: "3254058061",
62
- dynamic: [_uiConstants.spacers.dp4]
63
- }, [`.optionsContainer.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding:${_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);}"]));
60
+ id: "1882699425"
61
+ }, [".optionsContainer.jsx-1882699425{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;position:relative;overflow:hidden;}", ".container.jsx-1882699425{overflow-y:auto;height:100%;}", ".loading.jsx-1882699425{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-1882699425{z-index:1;position:relative;}", ".loading.jsx-1882699425+.container.jsx-1882699425 .content-container.jsx-1882699425{-webkit-filter:blur(2px);filter:blur(2px);}"]));
64
62
  };
65
63
  exports.OptionsContainer = OptionsContainer;
66
64
  OptionsContainer.propTypes = {
package/build/cjs/transfer-option.js CHANGED
@@ -48,14 +48,14 @@ const TransferOption = _ref => {
48
48
  }
49
49
  },
50
50
  "data-value": value,
51
- className: _style.default.dynamic([["4216903932", [_uiConstants.colors.grey900, _uiConstants.colors.grey200, _uiConstants.colors.teal700, _uiConstants.colors.white, _uiConstants.colors.grey600]]]) + " " + ((0, _classnames.default)(className, {
51
+ className: _style.default.dynamic([["4053649642", [_uiConstants.colors.grey900, _uiConstants.colors.grey200, _uiConstants.colors.teal700, _uiConstants.colors.white, _uiConstants.colors.grey600, _uiConstants.spacers.dp4, _uiConstants.spacers.dp4]]]) + " " + ((0, _classnames.default)(className, {
52
52
  highlighted,
53
53
  disabled
54
54
  }) || "")
55
55
  }, label, /*#__PURE__*/_react.default.createElement(_style.default, {
56
- id: "4216903932",
57
- dynamic: [_uiConstants.colors.grey900, _uiConstants.colors.grey200, _uiConstants.colors.teal700, _uiConstants.colors.white, _uiConstants.colors.grey600]
58
- }, [`div.__jsx-style-dynamic-selector{font-size:14px;line-height:16px;padding:4px 8px;color:${_uiConstants.colors.grey900};-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}`, `div.__jsx-style-dynamic-selector:hover{background:${_uiConstants.colors.grey200};}`, `div.highlighted.__jsx-style-dynamic-selector{background:${_uiConstants.colors.teal700};color:${_uiConstants.colors.white};}`, `div.disabled.__jsx-style-dynamic-selector{color:${_uiConstants.colors.grey600};cursor:not-allowed;}`]));
56
+ id: "4053649642",
57
+ dynamic: [_uiConstants.colors.grey900, _uiConstants.colors.grey200, _uiConstants.colors.teal700, _uiConstants.colors.white, _uiConstants.colors.grey600, _uiConstants.spacers.dp4, _uiConstants.spacers.dp4]
58
+ }, [`div.__jsx-style-dynamic-selector{font-size:14px;line-height:16px;padding:4px 8px;color:${_uiConstants.colors.grey900};-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}`, `div.__jsx-style-dynamic-selector:hover{background:${_uiConstants.colors.grey200};}`, `div.highlighted.__jsx-style-dynamic-selector{background:${_uiConstants.colors.teal700};color:${_uiConstants.colors.white};}`, `div.disabled.__jsx-style-dynamic-selector{color:${_uiConstants.colors.grey600};cursor:not-allowed;}`, `div.__jsx-style-dynamic-selector:first-child{margin-block-start:${_uiConstants.spacers.dp4};}`, `div.__jsx-style-dynamic-selector:last-child{margin-block-end:${_uiConstants.spacers.dp4};}`]));
59
59
  };
60
60
  exports.TransferOption = TransferOption;
61
61
  TransferOption.propTypes = {
package/build/es/filter.js CHANGED
@@ -20,6 +20,7 @@ export const Filter = _ref => {
20
20
  name: dataTest,
21
21
  dataTest: `${dataTest}-field`
22
22
  }, /*#__PURE__*/React.createElement(Input, {
23
+ dense: true,
23
24
  dataTest: `${dataTest}-input`,
24
25
  type: "search",
25
26
  placeholder: placeholder,
package/build/es/options-container.js CHANGED
@@ -1,5 +1,4 @@
1
1
  import _JSXStyle from "styled-jsx/style";
2
- import { spacers } from '@dhis2/ui-constants';
3
2
  import { CircularLoader } from '@dhis2-ui/loader';
4
3
  import PropTypes from 'prop-types';
5
4
  import React, { Fragment, useRef } from 'react';
@@ -23,16 +22,16 @@ export const OptionsContainer = _ref => {
23
22
  const wrapperRef = useRef(null);
24
23
  const resizeCounter = useResizeCounter(wrapperRef.current);
25
24
  return /*#__PURE__*/React.createElement("div", {
26
- className: _JSXStyle.dynamic([["3254058061", [spacers.dp4]]]) + " " + "optionsContainer"
25
+ className: "jsx-1882699425" + " " + "optionsContainer"
27
26
  }, loading && /*#__PURE__*/React.createElement("div", {
28
- className: _JSXStyle.dynamic([["3254058061", [spacers.dp4]]]) + " " + "loading"
27
+ className: "jsx-1882699425" + " " + "loading"
29
28
  }, /*#__PURE__*/React.createElement(CircularLoader, null)), /*#__PURE__*/React.createElement("div", {
30
29
  "data-test": dataTest,
31
30
  ref: optionsRef,
32
- className: _JSXStyle.dynamic([["3254058061", [spacers.dp4]]]) + " " + "container"
31
+ className: "jsx-1882699425" + " " + "container"
33
32
  }, /*#__PURE__*/React.createElement("div", {
34
33
  ref: wrapperRef,
35
- className: _JSXStyle.dynamic([["3254058061", [spacers.dp4]]]) + " " + "content-container"
34
+ className: "jsx-1882699425" + " " + "content-container"
36
35
  }, !options.length && emptyComponent, options.map(option => {
37
36
  const highlighted = !!highlightedOptions.find(highlightedSourceOption => highlightedSourceOption === option.value);
38
37
  return /*#__PURE__*/React.createElement(Fragment, {
@@ -49,9 +48,8 @@ export const OptionsContainer = _ref => {
49
48
  rootRef: optionsRef,
50
49
  onEndReached: onEndReached
51
50
  }))), /*#__PURE__*/React.createElement(_JSXStyle, {
52
- id: "3254058061",
53
- dynamic: [spacers.dp4]
54
- }, [`.optionsContainer.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding:${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);}"]));
51
+ id: "1882699425"
52
+ }, [".optionsContainer.jsx-1882699425{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;position:relative;overflow:hidden;}", ".container.jsx-1882699425{overflow-y:auto;height:100%;}", ".loading.jsx-1882699425{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-1882699425{z-index:1;position:relative;}", ".loading.jsx-1882699425+.container.jsx-1882699425 .content-container.jsx-1882699425{-webkit-filter:blur(2px);filter:blur(2px);}"]));
55
53
  };
56
54
  OptionsContainer.propTypes = {
57
55
  dataTest: PropTypes.string.isRequired,
package/build/es/transfer-option.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import _JSXStyle from "styled-jsx/style";
2
- import { colors } from '@dhis2/ui-constants';
2
+ import { colors, spacers } from '@dhis2/ui-constants';
3
3
  import cx from 'classnames';
4
4
  import PropTypes from 'prop-types';
5
5
  import React, { useRef } from 'react';
@@ -39,14 +39,14 @@ export const TransferOption = _ref => {
39
39
  }
40
40
  },
41
41
  "data-value": value,
42
- className: _JSXStyle.dynamic([["4216903932", [colors.grey900, colors.grey200, colors.teal700, colors.white, colors.grey600]]]) + " " + (cx(className, {
42
+ className: _JSXStyle.dynamic([["4053649642", [colors.grey900, colors.grey200, colors.teal700, colors.white, colors.grey600, spacers.dp4, spacers.dp4]]]) + " " + (cx(className, {
43
43
  highlighted,
44
44
  disabled
45
45
  }) || "")
46
46
  }, label, /*#__PURE__*/React.createElement(_JSXStyle, {
47
- id: "4216903932",
48
- dynamic: [colors.grey900, colors.grey200, colors.teal700, colors.white, colors.grey600]
49
- }, [`div.__jsx-style-dynamic-selector{font-size:14px;line-height:16px;padding:4px 8px;color:${colors.grey900};-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}`, `div.__jsx-style-dynamic-selector:hover{background:${colors.grey200};}`, `div.highlighted.__jsx-style-dynamic-selector{background:${colors.teal700};color:${colors.white};}`, `div.disabled.__jsx-style-dynamic-selector{color:${colors.grey600};cursor:not-allowed;}`]));
47
+ id: "4053649642",
48
+ dynamic: [colors.grey900, colors.grey200, colors.teal700, colors.white, colors.grey600, spacers.dp4, spacers.dp4]
49
+ }, [`div.__jsx-style-dynamic-selector{font-size:14px;line-height:16px;padding:4px 8px;color:${colors.grey900};-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}`, `div.__jsx-style-dynamic-selector:hover{background:${colors.grey200};}`, `div.highlighted.__jsx-style-dynamic-selector{background:${colors.teal700};color:${colors.white};}`, `div.disabled.__jsx-style-dynamic-selector{color:${colors.grey600};cursor:not-allowed;}`, `div.__jsx-style-dynamic-selector:first-child{margin-block-start:${spacers.dp4};}`, `div.__jsx-style-dynamic-selector:last-child{margin-block-end:${spacers.dp4};}`]));
50
50
  };
51
51
  TransferOption.propTypes = {
52
52
  label: PropTypes.node.isRequired,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dhis2-ui/transfer",
3
- "version": "10.1.7",
3
+ "version": "10.1.9",
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": "10.1.7",
37
- "@dhis2-ui/field": "10.1.7",
38
- "@dhis2-ui/input": "10.1.7",
39
- "@dhis2-ui/intersection-detector": "10.1.7",
40
- "@dhis2-ui/loader": "10.1.7",
41
- "@dhis2/ui-constants": "10.1.7",
36
+ "@dhis2-ui/button": "10.1.9",
37
+ "@dhis2-ui/field": "10.1.9",
38
+ "@dhis2-ui/input": "10.1.9",
39
+ "@dhis2-ui/intersection-detector": "10.1.9",
40
+ "@dhis2-ui/loader": "10.1.9",
41
+ "@dhis2/ui-constants": "10.1.9",
42
42
  "classnames": "^2.3.1",
43
43
  "prop-types": "^15.7.2"
44
44
  },