@dhis2-ui/organisation-unit-tree 8.2.0 → 8.2.1

package/build/cjs/__stories__/custom-node-label.js

@@ -17,10 +17,12 @@ const CustomNodeLabel = () => /*#__PURE__*/_react.default.createElement(_index.O
   name: "Root org unit",
   roots: "A0000000000",
   initiallyExpanded: ['/A0000000000/A0000000001'],
-  renderNodeLabel: ({
-    label,
-    node
-  }) => {
+  renderNodeLabel: _ref => {
+    let {
+      label,
+      node
+    } = _ref;
+
     if (node.path !== '/A0000000000/A0000000001') {
       return label;
     }

package/build/cjs/__stories__/development-stories.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DxWithRealBackend = exports.DxNoSelection = exports.DxSingleSelection = exports.DxMultiSelection = void 0;
+exports.DxWithRealBackend = exports.DxSingleSelection = exports.DxNoSelection = exports.DxMultiSelection = void 0;
 
 var _appRuntime = require("@dhis2/app-runtime");
 
@@ -17,11 +17,12 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const DX_onChange = (selected, setSelected, singleSelection) => ({
-  id,
-  path,
-  checked
-}) => {
+const DX_onChange = (selected, setSelected, singleSelection) => _ref => {
+  let {
+    id,
+    path,
+    checked
+  } = _ref;
   console.log('onChange', {
     path,
     id,

package/build/cjs/__stories__/loading-error-grandchild.js

@@ -17,7 +17,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 const LoadingErrorGrandchild = () => /*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
   data: { ..._shared.customData,
-    organisationUnits: (...args) => {
+    organisationUnits: function () {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
       const [, {
         id
       }] = args;

package/build/cjs/__stories__/loading.js

@@ -17,7 +17,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 const Loading = () => /*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
   data: { ..._shared.customData,
-    organisationUnits: (...args) => {
+    organisationUnits: function () {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
       const [, {
         id
       }] = args;

package/build/cjs/__stories__/multiple-roots.js

@@ -13,15 +13,18 @@ var _shared = require("./shared.js");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const MultipleRoots = (_, {
-  onChange,
-  selected
-}) => /*#__PURE__*/_react.default.createElement(_index.OrganisationUnitTree, {
-  selected: selected,
-  onChange: onChange,
-  roots: ['A0000000000', 'A0000000001'],
-  initiallyExpanded: ['/A0000000000/A0000000001']
-});
+const MultipleRoots = (_, _ref) => {
+  let {
+    onChange,
+    selected
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_index.OrganisationUnitTree, {
+    selected: selected,
+    onChange: onChange,
+    roots: ['A0000000000', 'A0000000001'],
+    initiallyExpanded: ['/A0000000000/A0000000001']
+  });
+};
 
 exports.MultipleRoots = MultipleRoots;
 MultipleRoots.decorators = [(0, _shared.createDecoratorStatefulMultiSelection)(), (0, _shared.createDecoratorCustomDataProvider)()];

package/build/cjs/__stories__/root-error.js

@@ -17,7 +17,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 const RootError = () => /*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
   data: { ..._shared.customData,
-    organisationUnits: (...args) => {
+    organisationUnits: function () {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
       const [, {
         id
       }] = args;

package/build/cjs/__stories__/root-loading.js

@@ -17,7 +17,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 const RootLoading = () => /*#__PURE__*/_react.default.createElement(_appRuntime.CustomDataProvider, {
   data: { ..._shared.customData,
-    organisationUnits: (...args) => {
+    organisationUnits: function () {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
       const [, {
         id
       }] = args;

package/build/cjs/__stories__/shared.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createDecoratorCustomDataProvider = exports.createDecoratorStatefulMultiSelection = exports.StatefulMultiSelectionWrapper = exports.customData = exports.getOrganisationUnitData = exports.onChildrenLoaded = exports.onCollapse = exports.onExpand = exports.onChange = exports.log = void 0;
+exports.onExpand = exports.onCollapse = exports.onChildrenLoaded = exports.onChange = exports.log = exports.getOrganisationUnitData = exports.customData = exports.createDecoratorStatefulMultiSelection = exports.createDecoratorCustomDataProvider = exports.StatefulMultiSelectionWrapper = void 0;
 
 var _appRuntime = require("@dhis2/app-runtime");
 
@@ -20,48 +20,76 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const log = true;
 exports.log = log;
 
-const onChange = (...args) => log && console.log('onChange', ...args);
+const onChange = function () {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+
+  return log && console.log('onChange', ...args);
+};
 
 exports.onChange = onChange;
 
-const onExpand = (...args) => log && console.log('onExpand', ...args);
+const onExpand = function () {
+  for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    args[_key2] = arguments[_key2];
+  }
+
+  return log && console.log('onExpand', ...args);
+};
 
 exports.onExpand = onExpand;
 
-const onCollapse = (...args) => log && console.log('onCollapse', ...args);
+const onCollapse = function () {
+  for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+    args[_key3] = arguments[_key3];
+  }
+
+  return log && console.log('onCollapse', ...args);
+};
 
 exports.onCollapse = onCollapse;
 
-const onChildrenLoaded = (...args) => log && console.log('onChildrenLoaded', ...args);
+const onChildrenLoaded = function () {
+  for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+    args[_key4] = arguments[_key4];
+  }
+
+  return log && console.log('onChildrenLoaded', ...args);
+};
 
 exports.onChildrenLoaded = onChildrenLoaded;
 
-const createResponse = ({
-  fields,
-  id,
-  path,
-  displayName,
-  children
-}) => ({ ...(fields.includes('id') ? {
-    id
-  } : {}),
-  ...(fields.includes('path') ? {
-    path
-  } : {}),
-  ...(fields.includes('displayName') ? {
-    displayName
-  } : {}),
-  ...(fields.includes('children::size') ? {
-    children: children.length
-  } : {}),
-  ...(fields.includes('children[id,path,displayName]') ? {
+const createResponse = _ref => {
+  let {
+    fields,
+    id,
+    path,
+    displayName,
     children
-  } : {})
-});
+  } = _ref;
+  return { ...(fields.includes('id') ? {
+      id
+    } : {}),
+    ...(fields.includes('path') ? {
+      path
+    } : {}),
+    ...(fields.includes('displayName') ? {
+      displayName
+    } : {}),
+    ...(fields.includes('children::size') ? {
+      children: children.length
+    } : {}),
+    ...(fields.includes('children[id,path,displayName]') ? {
+      children
+    } : {})
+  };
+};
 
-const getOrganisationUnitData = (id, {
-  fields
-}) => {
+const getOrganisationUnitData = (id, _ref2) => {
+  let {
+    fields
+  } = _ref2;
   let data;
 
   if (id === 'A0000000000') {
@@ -173,10 +201,11 @@ const getOrganisationUnitData = (id, {
 
 exports.getOrganisationUnitData = getOrganisationUnitData;
 const customData = {
-  organisationUnits: (_, {
-    id,
-    params = {}
-  }) => {
+  organisationUnits: (_, _ref3) => {
+    let {
+      id,
+      params = {}
+    } = _ref3;
     const data = getOrganisationUnitData(id, params);
 
     if (!data) {
@@ -188,14 +217,19 @@ const customData = {
 };
 exports.customData = customData;
 
-const StatefulMultiSelectionWrapper = ({
-  children,
-  onSelectionChange = () => null
-}) => {
+const StatefulMultiSelectionWrapper = _ref4 => {
+  let {
+    children,
+    onSelectionChange = () => null
+  } = _ref4;
   const [selected, setSelected] = (0, _react.useState)([]);
   return children({
     selected,
-    onChange: (...args) => {
+    onChange: function () {
+      for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
+        args[_key5] = arguments[_key5];
+      }
+
       onChange(...args);
       const [{
         selected: newSelected
@@ -215,13 +249,16 @@ StatefulMultiSelectionWrapper.propTypes = {
 const createDecoratorStatefulMultiSelection = args => {
   return Story => /*#__PURE__*/_react.default.createElement(StatefulMultiSelectionWrapper, {
     onSelectionChange: args === null || args === void 0 ? void 0 : args.onSelectionChange
-  }, ({
-    selected,
-    onChange
-  }) => /*#__PURE__*/_react.default.createElement(Story, {
-    selected: selected,
-    onChange: onChange
-  }));
+  }, _ref5 => {
+    let {
+      selected,
+      onChange
+    } = _ref5;
+    return /*#__PURE__*/_react.default.createElement(Story, {
+      selected: selected,
+      onChange: onChange
+    });
+  });
 };
 
 exports.createDecoratorStatefulMultiSelection = createDecoratorStatefulMultiSelection;

package/build/cjs/features/controlled_expanded/index.js

@@ -9,7 +9,7 @@ const expectOrgUnitsToBeDisplayed = ids => {
     fields: ['displayName']
   }).displayName);
   expandedLabels.forEach(label => {
-    cy.get(`:contains("${label}")`).should('exist');
+    cy.get(":contains(\"".concat(label, "\")")).should('exist');
   });
 };
 
@@ -21,7 +21,7 @@ const expectOrgUnitsToNotBeDisplayed = ids => {
     return data.displayName;
   });
   expandedLabels.forEach(label => {
-    cy.get(`:contains("${label}")`).should('not.exist');
+    cy.get(":contains(\"".concat(label, "\")")).should('not.exist');
   });
 };
 
@@ -56,9 +56,12 @@ const expectOrgUnitsToNotBeDisplayed = ids => {
       const curData = (0, _common.getOrganisationUnitData)(cur, {
         fields: ['children[id,path,displayName]']
       });
-      const childrenIds = curData.children.map(({
-        id
-      }) => id);
+      const childrenIds = curData.children.map(_ref => {
+        let {
+          id
+        } = _ref;
+        return id;
+      });
       return [...acc, ...childrenIds];
     }, []);
     expectOrgUnitsToNotBeDisplayed(hiddenChildrenIds);

package/build/cjs/features/expanded/index.js

@@ -3,13 +3,7 @@
 var _steps = require("cypress-cucumber-preprocessor/steps");
 
 const getRootOrgUnitByLabel = label => {
-  const rootOrgUnitLabelSelector = `
-        [data-test="dhis2-uiwidgets-orgunittree"]
-        > [data-test="dhis2-uiwidgets-orgunittree-node"]
-        > [data-test="dhis2-uiwidgets-orgunittree-node-content"]
-        > [data-test="dhis2-uiwidgets-orgunittree-node-label"]
-        label
-    `;
+  const rootOrgUnitLabelSelector = "\n        [data-test=\"dhis2-uiwidgets-orgunittree\"]\n        > [data-test=\"dhis2-uiwidgets-orgunittree-node\"]\n        > [data-test=\"dhis2-uiwidgets-orgunittree-node-content\"]\n        > [data-test=\"dhis2-uiwidgets-orgunittree-node-label\"]\n        label\n    ";
   return cy.contains(rootOrgUnitLabelSelector, label).parents('[data-test="dhis2-uiwidgets-orgunittree-node"]');
 };
 

package/build/cjs/features/path_based_filtering/index.js

@@ -55,8 +55,8 @@ const addDisplayedUnit = id => {
     cy.window().then(win => {
       const excludedUnitNumbers = win.allUnits.filter(unit => !displayedUnits.includes(unit)).map(id => parseInt(id.replace(/^.*(\d)$/, '$1'), 10) + 1);
       excludedUnitNumbers.forEach(number => {
-        const label = `Org Unit ${number}`;
-        cy.get(`[data-test="dhis2-uiwidgets-orgunittree-node-label"]:contains("${label}")`).should('not.exist');
+        const label = "Org Unit ".concat(number);
+        cy.get("[data-test=\"dhis2-uiwidgets-orgunittree-node-label\"]:contains(\"".concat(label, "\")")).should('not.exist');
       });
     });
   });

package/build/cjs/features/sub_unit_as_root/index.js

@@ -2,13 +2,7 @@
 
 var _steps = require("cypress-cucumber-preprocessor/steps");
 
-const rootOrgUnitLabelSelector = `
-    [data-test="dhis2-uiwidgets-orgunittree"]
-    > [data-test="dhis2-uiwidgets-orgunittree-node"]
-    > [data-test="dhis2-uiwidgets-orgunittree-node-content"]
-    > [data-test="dhis2-uiwidgets-orgunittree-node-label"]
-    label
-`;
+const rootOrgUnitLabelSelector = "\n    [data-test=\"dhis2-uiwidgets-orgunittree\"]\n    > [data-test=\"dhis2-uiwidgets-orgunittree-node\"]\n    > [data-test=\"dhis2-uiwidgets-orgunittree-node-content\"]\n    > [data-test=\"dhis2-uiwidgets-orgunittree-node-label\"]\n    label\n";
 (0, _steps.Given)('a sub org unit is a root org unit', () => {
   cy.visitStory('OrganisationUnitTree', 'multiple root sub and one main org unit');
 });

package/build/cjs/get-all-expanded-paths/get-all-expanded-paths.js

@@ -22,7 +22,7 @@ const extractAllPathsFromPath = path => {
   const segments = path.replace(/^\//, '').split('/');
   const withSubPaths = segments.map((segment, index) => {
     // take all segments from 0 to index and join them with the delimiter
-    return `/${segments.slice(0, index + 1).join('/')}`;
+    return "/".concat(segments.slice(0, index + 1).join('/'));
   });
   return removeDuplicates(withSubPaths);
 };

package/build/cjs/helpers/is-path-included.js

@@ -16,7 +16,7 @@ const isPathIncluded = (includedPaths, path) => {
       return true;
     }
 
-    return includedPath.startsWith(`${path}/`);
+    return includedPath.startsWith("".concat(path, "/"));
   });
   return isIncluded;
 };

package/build/cjs/helpers/left-trim-to-root-id.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.leftTrimToRootId = void 0;
 
 const leftTrimToRootId = (path, rootId) => {
-  return path.replace(new RegExp(`^.*(/${rootId})`), '$1');
+  return path.replace(new RegExp("^.*(/".concat(rootId, ")")), '$1');
 };
 
 exports.leftTrimToRootId = leftTrimToRootId;

package/build/cjs/organisation-unit-node/compute-child-nodes.js

@@ -29,7 +29,7 @@ const computeChildNodes = (node, filter) => {
   }
 
   return node.children.filter(child => {
-    return (0, _index.isPathIncluded)(filter, `${node.path}/${child.id}`);
+    return (0, _index.isPathIncluded)(filter, "".concat(node.path, "/").concat(child.id));
   });
 };
 

package/build/cjs/organisation-unit-node/error-message.js

@@ -15,16 +15,19 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const ErrorMessage = ({
-  children,
-  dataTest
-}) => /*#__PURE__*/_react.default.createElement("span", {
-  "data-test": `${dataTest}-error`,
-  className: _style.default.dynamic([["3198585030", [_uiConstants.colors.grey800, _uiConstants.spacers.dp4, _uiConstants.theme.error]]])
-}, children, /*#__PURE__*/_react.default.createElement(_style.default, {
-  id: "3198585030",
-  dynamic: [_uiConstants.colors.grey800, _uiConstants.spacers.dp4, _uiConstants.theme.error]
-}, [`span.__jsx-style-dynamic-selector{font-size:14px;color:${_uiConstants.colors.grey800};margin:${_uiConstants.spacers.dp4};color:${_uiConstants.theme.error};}`]));
+const ErrorMessage = _ref => {
+  let {
+    children,
+    dataTest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("span", {
+    "data-test": "".concat(dataTest, "-error"),
+    className: _style.default.dynamic([["3198585030", [_uiConstants.colors.grey800, _uiConstants.spacers.dp4, _uiConstants.theme.error]]])
+  }, children, /*#__PURE__*/_react.default.createElement(_style.default, {
+    id: "3198585030",
+    dynamic: [_uiConstants.colors.grey800, _uiConstants.spacers.dp4, _uiConstants.theme.error]
+  }, ["span.__jsx-style-dynamic-selector{font-size:14px;color:".concat(_uiConstants.colors.grey800, ";margin:").concat(_uiConstants.spacers.dp4, ";color:").concat(_uiConstants.theme.error, ";}")]));
+};
 
 exports.ErrorMessage = ErrorMessage;
 ErrorMessage.propTypes = {

package/build/cjs/organisation-unit-node/has-descendant-selected-paths.js

@@ -15,7 +15,7 @@ exports.hasDescendantSelectedPaths = void 0;
  */
 const hasDescendantSelectedPaths = (path, selected) => {
   return selected.some(selectedPath => {
-    const isNotPath = !selectedPath.match(new RegExp(`${path}$`));
+    const isNotPath = !selectedPath.match(new RegExp("".concat(path, "$")));
     const isSubPath = selectedPath.match(new RegExp(path));
     return isNotPath && isSubPath;
   });

package/build/cjs/organisation-unit-node/label/disabled-selection-label.js

@@ -20,15 +20,18 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * @param {bool} [props.loading]
  * @returns {React.Component}
  */
-const DisabledSelectionLabel = ({
-  children,
-  loading,
-  onToggleOpen
-}) => /*#__PURE__*/_react.default.createElement(_singleSelectionLabel.SingleSelectionLabel, {
-  checked: false,
-  loading: loading,
-  onChange: onToggleOpen
-}, children);
+const DisabledSelectionLabel = _ref => {
+  let {
+    children,
+    loading,
+    onToggleOpen
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_singleSelectionLabel.SingleSelectionLabel, {
+    checked: false,
+    loading: loading,
+    onChange: onToggleOpen
+  }, children);
+};
 
 exports.DisabledSelectionLabel = DisabledSelectionLabel;
 DisabledSelectionLabel.propTypes = {

package/build/cjs/organisation-unit-node/label/icon-empty.js

@@ -13,25 +13,28 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const IconEmpty = ({
-  dataTest
-}) => /*#__PURE__*/_react.default.createElement("svg", {
-  height: "18px",
-  version: "1.1",
-  viewBox: "0 0 18 18",
-  width: "18px",
-  "data-test": `${dataTest}-iconempty`,
-  className: "jsx-3201893673"
-}, /*#__PURE__*/_react.default.createElement("g", {
-  fill: "none",
-  fillRule: "evenodd",
-  id: "icon/empty",
-  stroke: "none",
-  strokeWidth: "1",
-  className: "jsx-3201893673"
-}), /*#__PURE__*/_react.default.createElement(_style.default, {
-  id: "3201893673"
-}, ["svg.jsx-3201893673{display:block;margin:3px 0;}"]));
+const IconEmpty = _ref => {
+  let {
+    dataTest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    height: "18px",
+    version: "1.1",
+    viewBox: "0 0 18 18",
+    width: "18px",
+    "data-test": "".concat(dataTest, "-iconempty"),
+    className: "jsx-3201893673"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    fill: "none",
+    fillRule: "evenodd",
+    id: "icon/empty",
+    stroke: "none",
+    strokeWidth: "1",
+    className: "jsx-3201893673"
+  }), /*#__PURE__*/_react.default.createElement(_style.default, {
+    id: "3201893673"
+  }, ["svg.jsx-3201893673{display:block;margin:3px 0;}"]));
+};
 
 exports.IconEmpty = IconEmpty;
 IconEmpty.propTypes = {

package/build/cjs/organisation-unit-node/label/icon-folder-closed.js

@@ -13,31 +13,34 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const IconFolderClosed = ({
-  dataTest
-}) => /*#__PURE__*/_react.default.createElement("svg", {
-  width: "18px",
-  height: "18px",
-  viewBox: "0 0 18 18",
-  version: "1.1",
-  "data-test": `${dataTest}-iconfolderclosed`,
-  className: "jsx-3201893673"
-}, /*#__PURE__*/_react.default.createElement("g", {
-  id: "icon/folder/closed",
-  stroke: "none",
-  strokeWidth: "1",
-  fill: "none",
-  fillRule: "evenodd",
-  className: "jsx-3201893673"
-}, /*#__PURE__*/_react.default.createElement("path", {
-  d: "M2,3.5 C1.17157288,3.5 0.5,4.17157288 0.5,5 L0.5,13 C0.5,13.8284271 1.17157288,14.5 2,14.5 L12,14.5 C12.8284271,14.5 13.5,13.8284271 13.5,13 L13.5,7 C13.5,6.17157288 12.8284271,5.5 12,5.5 L6.69098301,5.5 L5.82917961,3.7763932 C5.7444836,3.60700119 5.57135204,3.5 5.38196601,3.5 L2,3.5 Z",
-  id: "Path-2",
-  stroke: "#6E7A8A",
-  fill: "#D5DDE5",
-  className: "jsx-3201893673"
-})), /*#__PURE__*/_react.default.createElement(_style.default, {
-  id: "3201893673"
-}, ["svg.jsx-3201893673{display:block;margin:3px 0;}"]));
+const IconFolderClosed = _ref => {
+  let {
+    dataTest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("svg", {
+    width: "18px",
+    height: "18px",
+    viewBox: "0 0 18 18",
+    version: "1.1",
+    "data-test": "".concat(dataTest, "-iconfolderclosed"),
+    className: "jsx-3201893673"
+  }, /*#__PURE__*/_react.default.createElement("g", {
+    id: "icon/folder/closed",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd",
+    className: "jsx-3201893673"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M2,3.5 C1.17157288,3.5 0.5,4.17157288 0.5,5 L0.5,13 C0.5,13.8284271 1.17157288,14.5 2,14.5 L12,14.5 C12.8284271,14.5 13.5,13.8284271 13.5,13 L13.5,7 C13.5,6.17157288 12.8284271,5.5 12,5.5 L6.69098301,5.5 L5.82917961,3.7763932 C5.7444836,3.60700119 5.57135204,3.5 5.38196601,3.5 L2,3.5 Z",
+    id: "Path-2",
+    stroke: "#6E7A8A",
+    fill: "#D5DDE5",
+    className: "jsx-3201893673"
+  })), /*#__PURE__*/_react.default.createElement(_style.default, {
+    id: "3201893673"
+  }, ["svg.jsx-3201893673{display:block;margin:3px 0;}"]));
+};
 
 exports.IconFolderClosed = IconFolderClosed;
 IconFolderClosed.propTypes = {