@dhis2-ui/transfer 9.12.0-alpha.4 → 9.12.0

package/build/cjs/options-container.js

@@ -24,7 +24,7 @@ const OptionsContainer = _ref => {
     loading,
     renderOption,
     options,
-    selected,
+    selected = false,
     selectionHandler,
     toggleHighlightedOption
   } = _ref;
@@ -63,9 +63,6 @@ const OptionsContainer = _ref => {
   }, [`.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);}"]));
 };
 exports.OptionsContainer = OptionsContainer;
-OptionsContainer.defaultProps = {
-  selected: false
-};
 OptionsContainer.propTypes = {
   dataTest: _propTypes.default.string.isRequired,
   getOptionClickHandlers: _propTypes.default.func.isRequired,

package/build/cjs/transfer-option.js

@@ -17,7 +17,7 @@ const TransferOption = _ref => {
   let {
     className,
     disabled,
-    dataTest,
+    dataTest = 'dhis2-uicore-transferoption',
     highlighted,
     onClick,
     onDoubleClick,
@@ -58,9 +58,6 @@ const TransferOption = _ref => {
   }, [`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;}`]));
 };
 exports.TransferOption = TransferOption;
-TransferOption.defaultProps = {
-  dataTest: 'dhis2-uicore-transferoption'
-};
 TransferOption.propTypes = {
   label: _propTypes.default.node.isRequired,
   value: _propTypes.default.string.isRequired,

package/build/cjs/transfer.js

@@ -25,6 +25,7 @@ var _index = require("./transfer/index.js");
 var _transferOption = require("./transfer-option.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const identity = value => value;
+const defaultSelected = [];
 const Transfer = _ref => {
   let {
     options,
@@ -32,38 +33,38 @@ const Transfer = _ref => {
     addAllText,
     addIndividualText,
     className,
-    dataTest,
+    dataTest = 'dhis2-uicore-transfer',
     disabled,
     enableOrderChange,
-    filterCallback,
-    filterCallbackPicked,
+    filterCallback = _index.defaultFilterCallback,
+    filterCallbackPicked = _index.defaultFilterCallback,
     filterLabel,
     filterLabelPicked,
     filterPlaceholder,
     filterPlaceholderPicked,
     filterable,
     filterablePicked,
-    height,
+    height = '240px',
     hideFilterInput,
     hideFilterInputPicked,
-    initialSearchTerm,
-    initialSearchTermPicked,
+    initialSearchTerm = '',
+    initialSearchTermPicked = '',
     leftFooter,
     leftHeader,
     loadingPicked,
     loading,
-    maxSelections,
-    optionsWidth,
+    maxSelections = Infinity,
+    optionsWidth = '320px',
     removeAllText,
     removeIndividualText,
-    renderOption,
+    renderOption = defaultRenderOption,
     rightFooter,
     rightHeader,
     searchTerm,
     searchTermPicked,
-    selected,
+    selected = defaultSelected,
     selectedEmptyComponent,
-    selectedWidth,
+    selectedWidth = '320px',
     sourceEmptyPlaceholder,
     onFilterChange,
     onFilterChangePicked,
@@ -316,19 +317,6 @@ const Transfer = _ref => {
 };
 exports.Transfer = Transfer;
 const defaultRenderOption = option => /*#__PURE__*/_react.default.createElement(_transferOption.TransferOption, option);
-Transfer.defaultProps = {
-  dataTest: 'dhis2-uicore-transfer',
-  height: '240px',
-  initialSearchTerm: '',
-  initialSearchTermPicked: '',
-  maxSelections: Infinity,
-  optionsWidth: '320px',
-  renderOption: defaultRenderOption,
-  selected: [],
-  selectedWidth: '320px',
-  filterCallback: _index.defaultFilterCallback,
-  filterCallbackPicked: _index.defaultFilterCallback
-};
 Transfer.propTypes = {
   options: _propTypes.default.arrayOf(_propTypes.default.shape({
     label: _propTypes.default.string.isRequired,

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

@@ -138,13 +138,20 @@ var _default = exports.default = {
   },
   // Default args:
   args: {
-    ..._transfer.Transfer.defaultProps,
+    dataTest: 'dhis2-uicore-transfer',
+    height: '240px',
+    initialSearchTerm: '',
+    initialSearchTermPicked: '',
+    maxSelections: Infinity,
+    optionsWidth: '320px',
+    selected: [],
+    selectedWidth: '320px',
     options: options
   }
 };
 const StatefulTemplate = _ref => {
   let {
-    initiallySelected,
+    initiallySelected = [],
     ...args
   } = _ref;
   const [selected, setSelected] = (0, _react.useState)(initiallySelected);
@@ -154,9 +161,6 @@ const StatefulTemplate = _ref => {
     onChange: onChange
   }));
 };
-StatefulTemplate.defaultProps = {
-  initiallySelected: []
-};
 StatefulTemplate.propTypes = {
   initiallySelected: _propTypes.default.array
 };
@@ -238,7 +242,7 @@ const RenderOptionCode = () => /*#__PURE__*/_react.default.createElement(_react.
             )`)));
 const StatefulTemplateCustomRenderOption = _ref4 => {
   let {
-    initiallySelected,
+    initiallySelected = [],
     ...args
   } = _ref4;
   const [selected, setSelected] = (0, _react.useState)(initiallySelected);
@@ -248,9 +252,6 @@ const StatefulTemplateCustomRenderOption = _ref4 => {
     onChange: onChange
   }));
 };
-StatefulTemplateCustomRenderOption.defaultProps = {
-  initiallySelected: []
-};
 StatefulTemplateCustomRenderOption.propTypes = {
   initiallySelected: _propTypes.default.array
 };

package/build/es/options-container.js

@@ -15,7 +15,7 @@ export const OptionsContainer = _ref => {
     loading,
     renderOption,
     options,
-    selected,
+    selected = false,
     selectionHandler,
     toggleHighlightedOption
   } = _ref;
@@ -53,9 +53,6 @@ export const OptionsContainer = _ref => {
     dynamic: [spacers.dp4]
   }, [`.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);}"]));
 };
-OptionsContainer.defaultProps = {
-  selected: false
-};
 OptionsContainer.propTypes = {
   dataTest: PropTypes.string.isRequired,
   getOptionClickHandlers: PropTypes.func.isRequired,

package/build/es/transfer-option.js

@@ -8,7 +8,7 @@ export const TransferOption = _ref => {
   let {
     className,
     disabled,
-    dataTest,
+    dataTest = 'dhis2-uicore-transferoption',
     highlighted,
     onClick,
     onDoubleClick,
@@ -48,9 +48,6 @@ export const TransferOption = _ref => {
     dynamic: [colors.grey900, colors.grey200, colors.teal700, colors.white, colors.grey600]
   }, [`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;}`]));
 };
-TransferOption.defaultProps = {
-  dataTest: 'dhis2-uicore-transferoption'
-};
 TransferOption.propTypes = {
   label: PropTypes.node.isRequired,
   value: PropTypes.string.isRequired,

package/build/es/transfer.js

@@ -18,6 +18,7 @@ import { RightSide } from './right-side.js';
 import { addAllSelectableSourceOptions, addIndividualSourceOptions, createDoubleClickHandlers, defaultFilterCallback, getOptionClickHandlers, isReorderDownDisabled, isReorderUpDisabled, moveHighlightedPickedOptionDown, moveHighlightedPickedOptionUp, removeAllPickedOptions, removeIndividualPickedOptions, useFilter, useHighlightedOptions } from './transfer/index.js';
 import { TransferOption } from './transfer-option.js';
 const identity = value => value;
+const defaultSelected = [];
 export const Transfer = _ref => {
   let {
     options,
@@ -25,38 +26,38 @@ export const Transfer = _ref => {
     addAllText,
     addIndividualText,
     className,
-    dataTest,
+    dataTest = 'dhis2-uicore-transfer',
     disabled,
     enableOrderChange,
-    filterCallback,
-    filterCallbackPicked,
+    filterCallback = defaultFilterCallback,
+    filterCallbackPicked = defaultFilterCallback,
     filterLabel,
     filterLabelPicked,
     filterPlaceholder,
     filterPlaceholderPicked,
     filterable,
     filterablePicked,
-    height,
+    height = '240px',
     hideFilterInput,
     hideFilterInputPicked,
-    initialSearchTerm,
-    initialSearchTermPicked,
+    initialSearchTerm = '',
+    initialSearchTermPicked = '',
     leftFooter,
     leftHeader,
     loadingPicked,
     loading,
-    maxSelections,
-    optionsWidth,
+    maxSelections = Infinity,
+    optionsWidth = '320px',
     removeAllText,
     removeIndividualText,
-    renderOption,
+    renderOption = defaultRenderOption,
     rightFooter,
     rightHeader,
     searchTerm,
     searchTermPicked,
-    selected,
+    selected = defaultSelected,
     selectedEmptyComponent,
-    selectedWidth,
+    selectedWidth = '320px',
     sourceEmptyPlaceholder,
     onFilterChange,
     onFilterChangePicked,
@@ -308,19 +309,6 @@ export const Transfer = _ref => {
   }), rightFooter)));
 };
 const defaultRenderOption = option => /*#__PURE__*/React.createElement(TransferOption, option);
-Transfer.defaultProps = {
-  dataTest: 'dhis2-uicore-transfer',
-  height: '240px',
-  initialSearchTerm: '',
-  initialSearchTermPicked: '',
-  maxSelections: Infinity,
-  optionsWidth: '320px',
-  renderOption: defaultRenderOption,
-  selected: [],
-  selectedWidth: '320px',
-  filterCallback: defaultFilterCallback,
-  filterCallbackPicked: defaultFilterCallback
-};
 Transfer.propTypes = {
   options: PropTypes.arrayOf(PropTypes.shape({
     label: PropTypes.string.isRequired,

package/build/es/transfer.prod.stories.js

@@ -129,13 +129,20 @@ export default {
   },
   // Default args:
   args: {
-    ...Transfer.defaultProps,
+    dataTest: 'dhis2-uicore-transfer',
+    height: '240px',
+    initialSearchTerm: '',
+    initialSearchTermPicked: '',
+    maxSelections: Infinity,
+    optionsWidth: '320px',
+    selected: [],
+    selectedWidth: '320px',
     options: options
   }
 };
 const StatefulTemplate = _ref => {
   let {
-    initiallySelected,
+    initiallySelected = [],
     ...args
   } = _ref;
   const [selected, setSelected] = useState(initiallySelected);
@@ -145,9 +152,6 @@ const StatefulTemplate = _ref => {
     onChange: onChange
   }));
 };
-StatefulTemplate.defaultProps = {
-  initiallySelected: []
-};
 StatefulTemplate.propTypes = {
   initiallySelected: PropTypes.array
 };
@@ -229,7 +233,7 @@ const RenderOptionCode = () => /*#__PURE__*/React.createElement(React.Fragment,
             )`)));
 const StatefulTemplateCustomRenderOption = _ref4 => {
   let {
-    initiallySelected,
+    initiallySelected = [],
     ...args
   } = _ref4;
   const [selected, setSelected] = useState(initiallySelected);
@@ -239,9 +243,6 @@ const StatefulTemplateCustomRenderOption = _ref4 => {
     onChange: onChange
   }));
 };
-StatefulTemplateCustomRenderOption.defaultProps = {
-  initiallySelected: []
-};
 StatefulTemplateCustomRenderOption.propTypes = {
   initiallySelected: PropTypes.array
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2-ui/transfer",
-    "version": "9.12.0-alpha.4",
+    "version": "9.12.0",
     "description": "UI Transfer",
     "repository": {
         "type": "git",
@@ -33,12 +33,12 @@
     },
     "dependencies": {
         "@dhis2/prop-types": "^3.1.2",
-        "@dhis2-ui/button": "9.12.0-alpha.4",
-        "@dhis2-ui/field": "9.12.0-alpha.4",
-        "@dhis2-ui/input": "9.12.0-alpha.4",
-        "@dhis2-ui/intersection-detector": "9.12.0-alpha.4",
-        "@dhis2-ui/loader": "9.12.0-alpha.4",
-        "@dhis2/ui-constants": "9.12.0-alpha.4",
+        "@dhis2-ui/button": "9.12.0",
+        "@dhis2-ui/field": "9.12.0",
+        "@dhis2-ui/input": "9.12.0",
+        "@dhis2-ui/intersection-detector": "9.12.0",
+        "@dhis2-ui/loader": "9.12.0",
+        "@dhis2/ui-constants": "9.12.0",
         "classnames": "^2.3.1",
         "prop-types": "^15.7.2"
     },