@dhis2-ui/organisation-unit-tree 9.2.0 → 9.3.0-alpha.2

package/build/cjs/__stories__/rtl.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RTL = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _index = require("../index.js");
+
+var _shared = require("./shared.js");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const RTL = () => /*#__PURE__*/_react.default.createElement("div", {
+  dir: "rtl"
+}, /*#__PURE__*/_react.default.createElement(_index.OrganisationUnitTree, {
+  onChange: _shared.onChange,
+  name: "Root org unit",
+  roots: ['A0000000000'],
+  initiallyExpanded: ['/A0000000000/A0000000001']
+}));
+
+exports.RTL = RTL;

package/build/cjs/organisation-unit-node/label/iconized-checkbox.js

@@ -39,10 +39,10 @@ const IconizedCheckbox = _ref => {
   });
 
   const checkboxLabel = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
-    className: "jsx-3097236308"
+    className: "jsx-1000763175"
   }, icon), children, /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "3097236308"
-  }, ["span.jsx-3097236308{display:inline-block;margin-right:4px;}"]));
+    id: "1000763175"
+  }, ["span.jsx-1000763175{display:inline-block;margin-inline-end:4px;}"]));
 
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_checkbox.Checkbox, {
     dense: true,

package/build/cjs/organisation-unit-node/label/label-container.js

@@ -29,15 +29,15 @@ const LabelContainer = _ref => {
     children
   } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: _style.default.dynamic([["495975020", [_uiConstants.colors.teal200]]]) + " " + ((0, _classnames.default)({
+    className: _style.default.dynamic([["1387769986", [_uiConstants.colors.teal200]]]) + " " + ((0, _classnames.default)({
       highlighted
     }) || "")
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: _style.default.dynamic([["495975020", [_uiConstants.colors.teal200]]])
+    className: _style.default.dynamic([["1387769986", [_uiConstants.colors.teal200]]])
   }, children), /*#__PURE__*/_react.default.createElement(_style.default, {
-    id: "495975020",
+    id: "1387769986",
     dynamic: [_uiConstants.colors.teal200]
-  }, ["div.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", "span.__jsx-style-dynamic-selector{display:block;}", ".highlighted.__jsx-style-dynamic-selector{background:".concat(_uiConstants.colors.teal200, ";padding-right:4px;}")]));
+  }, ["div.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", "span.__jsx-style-dynamic-selector{display:block;}", ".highlighted.__jsx-style-dynamic-selector{background:".concat(_uiConstants.colors.teal200, ";padding-inline-end:4px;}")]));
 };
 
 exports.LabelContainer = LabelContainer;

package/build/cjs/organisation-unit-tree.stories.js

@@ -22,7 +22,8 @@ var _exportNames = {
   Loading: true,
   RootLoading: true,
   RootError: true,
-  LoadingErrorGrandchild: true
+  LoadingErrorGrandchild: true,
+  RTL: true
 };
 Object.defineProperty(exports, "Collapsed", {
   enumerable: true,
@@ -108,6 +109,12 @@ Object.defineProperty(exports, "NoSelection", {
     return _noSelection.NoSelection;
   }
 });
+Object.defineProperty(exports, "RTL", {
+  enumerable: true,
+  get: function () {
+    return _rtl.RTL;
+  }
+});
 Object.defineProperty(exports, "ReplaceRoots", {
   enumerable: true,
   get: function () {
@@ -186,6 +193,8 @@ var _rootError = require("./__stories__/root-error.js");
 
 var _loadingErrorGrandchild = require("./__stories__/loading-error-grandchild.js");
 
+var _rtl = require("./__stories__/rtl.js");
+
 var _developmentStories = require("./__stories__/development-stories.js");
 
 Object.keys(_developmentStories).forEach(function (key) {

package/build/es/__stories__/rtl.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { OrganisationUnitTree } from '../index.js';
+import { onChange } from './shared.js';
+export const RTL = () => /*#__PURE__*/React.createElement("div", {
+  dir: "rtl"
+}, /*#__PURE__*/React.createElement(OrganisationUnitTree, {
+  onChange: onChange,
+  name: "Root org unit",
+  roots: ['A0000000000'],
+  initiallyExpanded: ['/A0000000000/A0000000001']
+}));

package/build/es/organisation-unit-node/label/iconized-checkbox.js

@@ -23,10 +23,10 @@ export const IconizedCheckbox = _ref => {
     dataTest: dataTest
   });
   const checkboxLabel = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-    className: "jsx-3097236308"
+    className: "jsx-1000763175"
   }, icon), children, /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "3097236308"
-  }, ["span.jsx-3097236308{display:inline-block;margin-right:4px;}"]));
+    id: "1000763175"
+  }, ["span.jsx-1000763175{display:inline-block;margin-inline-end:4px;}"]));
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Checkbox, {
     dense: true,
     checked: checked,

package/build/es/organisation-unit-node/label/label-container.js

@@ -16,15 +16,15 @@ export const LabelContainer = _ref => {
     children
   } = _ref;
   return /*#__PURE__*/React.createElement("div", {
-    className: _JSXStyle.dynamic([["495975020", [colors.teal200]]]) + " " + (cx({
+    className: _JSXStyle.dynamic([["1387769986", [colors.teal200]]]) + " " + (cx({
       highlighted
     }) || "")
   }, /*#__PURE__*/React.createElement("span", {
-    className: _JSXStyle.dynamic([["495975020", [colors.teal200]]])
+    className: _JSXStyle.dynamic([["1387769986", [colors.teal200]]])
   }, children), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "495975020",
+    id: "1387769986",
     dynamic: [colors.teal200]
-  }, ["div.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", "span.__jsx-style-dynamic-selector{display:block;}", ".highlighted.__jsx-style-dynamic-selector{background:".concat(colors.teal200, ";padding-right:4px;}")]));
+  }, ["div.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", "span.__jsx-style-dynamic-selector{display:block;}", ".highlighted.__jsx-style-dynamic-selector{background:".concat(colors.teal200, ";padding-inline-end:4px;}")]));
 };
 LabelContainer.propTypes = {
   children: PropTypes.node,

package/build/es/organisation-unit-tree.stories.js

@@ -38,4 +38,5 @@ export { Loading } from './__stories__/loading.js';
 export { RootLoading } from './__stories__/root-loading.js';
 export { RootError } from './__stories__/root-error.js';
 export { LoadingErrorGrandchild } from './__stories__/loading-error-grandchild.js';
+export { RTL } from './__stories__/rtl.js';
 export * from './__stories__/development-stories.js';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2-ui/organisation-unit-tree",
-    "version": "9.2.0",
+    "version": "9.3.0-alpha.2",
     "description": "UI OrganisationUnitTree",
     "repository": {
         "type": "git",
@@ -35,10 +35,10 @@
     },
     "dependencies": {
         "@dhis2/prop-types": "^3.1.2",
-        "@dhis2-ui/checkbox": "9.2.0",
-        "@dhis2-ui/loader": "9.2.0",
-        "@dhis2-ui/node": "9.2.0",
-        "@dhis2/ui-constants": "9.2.0",
+        "@dhis2-ui/checkbox": "9.3.0-alpha.2",
+        "@dhis2-ui/loader": "9.3.0-alpha.2",
+        "@dhis2-ui/node": "9.3.0-alpha.2",
+        "@dhis2/ui-constants": "9.3.0-alpha.2",
         "classnames": "^2.3.1",
         "prop-types": "^15.7.2"
     },