@banyan_cloud/roots 1.0.120 → 1.0.122

package/dist/cjs/index.js

@@ -24066,15 +24066,24 @@ function requireCssExtras () {
 	return cssExtras_1;
 }
 
-var csv_1 = csv;
-csv.displayName = 'csv';
-csv.aliases = [];
-function csv(Prism) {
-  // https://tools.ietf.org/html/rfc4180
-  Prism.languages.csv = {
-    value: /[^\r\n,"]+|"(?:[^"]|"")*"(?!")/,
-    punctuation: /,/
-  };
+var csv_1;
+var hasRequiredCsv;
+
+function requireCsv () {
+	if (hasRequiredCsv) return csv_1;
+	hasRequiredCsv = 1;
+
+	csv_1 = csv;
+	csv.displayName = 'csv';
+	csv.aliases = [];
+	function csv(Prism) {
+	  // https://tools.ietf.org/html/rfc4180
+	  Prism.languages.csv = {
+	    value: /[^\r\n,"]+|"(?:[^"]|"")*"(?!")/,
+	    punctuation: /,/
+	  };
+	}
+	return csv_1;
 }
 
 var cypher_1;
@@ -43096,7 +43105,7 @@ refractor.register(requireCsharp());
 refractor.register(requireCshtml());
 refractor.register(requireCsp());
 refractor.register(requireCssExtras());
-refractor.register(csv_1);
+refractor.register(requireCsv());
 refractor.register(requireCypher());
 refractor.register(requireD());
 refractor.register(requireDart());
@@ -49020,6 +49029,211 @@ TableFilters.defaultProps = {
   theme: 'light'
 };
 
+var useTableSearch = function useTableSearch() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    _ref$filters = _ref.filters,
+    filters = _ref$filters === void 0 ? [] : _ref$filters,
+    onApply = _ref.onApply;
+  var _useState = React.useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedFilters = _useState2[0],
+    setSelectedFilters = _useState2[1];
+  var _useState3 = React.useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    autocompleteOpen = _useState4[0],
+    setAutocompleteOpen = _useState4[1];
+  var _useState5 = React.useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    value = _useState6[0],
+    setValue = _useState6[1];
+  var onChange = function onChange(event, newValue) {
+    setValue(newValue);
+  };
+  var setFieldValue = function setFieldValue(fieldValue, type) {
+    var id = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+    var lock = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+    if ((selectedFilters === null || selectedFilters === void 0 ? void 0 : selectedFilters.length) > 0) {
+      var _clonedFilters$length;
+      var clonedFilters = _toConsumableArray$1(selectedFilters);
+      var current = clonedFilters === null || clonedFilters === void 0 ? void 0 : clonedFilters[((_clonedFilters$length = clonedFilters === null || clonedFilters === void 0 ? void 0 : clonedFilters.length) !== null && _clonedFilters$length !== void 0 ? _clonedFilters$length : 0) - 1];
+      current[type] = fieldValue;
+      current["".concat(type, "Search")] = !lock;
+      current["".concat(type, "Id")] = id;
+      if (type === 'label') {
+        var _filters$find$icon, _filters$find;
+        current.icon = (_filters$find$icon = (_filters$find = filters.find(function (fil) {
+          return fil.id === id;
+        })) === null || _filters$find === void 0 ? void 0 : _filters$find.icon) !== null && _filters$find$icon !== void 0 ? _filters$find$icon : null;
+      }
+      // the chip is about to be locked
+      if (lock && type === 'value') {
+        onApply === null || onApply === void 0 ? void 0 : onApply(clonedFilters);
+        current.temp = true;
+      }
+      setSelectedFilters(clonedFilters);
+    }
+  };
+
+  // onSearch will be fired on change of chip input
+  function onSearch(event) {
+    var _inputHelper = inputHelper(event),
+      fieldValue = _inputHelper.fieldValue,
+      dataset = _inputHelper.dataset;
+    var search = dataset.search;
+    if (search === 'label') {
+      setFieldValue(fieldValue, 'label');
+    } else if (search === 'value') {
+      setFieldValue(fieldValue, 'value');
+    }
+  }
+  var onRemove = function onRemove(chip, index) {
+    var clonedFilters = _toConsumableArray$1(selectedFilters);
+    clonedFilters.splice(index, 1);
+    setSelectedFilters(clonedFilters);
+  };
+  var onLock = function onLock(event, index) {
+    if (event.keyCode === 13) {
+      var _current$value;
+      var current = selectedFilters === null || selectedFilters === void 0 ? void 0 : selectedFilters[index];
+      if (current && (current === null || current === void 0 ? void 0 : (_current$value = current.value) === null || _current$value === void 0 ? void 0 : _current$value.length) > 0) {
+        setFieldValue(current.value, 'value', current.value, true);
+      }
+    }
+  };
+
+  // on selecting searchbar option we will add an empty chip
+  // that chip will have dropdown options from all filters provided through options
+  var onAdd = function onAdd(fil) {
+    var clonedFilters = _toConsumableArray$1(selectedFilters);
+    var newChip = new TableChip({
+      labelSearch: false,
+      label: fil.title,
+      labelId: fil.id,
+      icon: fil.icon,
+      valueSearch: true,
+      autocompleteOptions: {
+        middlewareOptions: {
+          offset: {
+            mainAxis: 10
+          }
+        },
+        predicate: function predicate() {
+          return true;
+        },
+        placement: 'bottom-start'
+      }
+    });
+    clonedFilters.push(newChip);
+    setSelectedFilters(clonedFilters);
+    setValue('');
+  };
+
+  // onBlur will remove the incomplete chip
+  var onBlur = function onBlur() {
+    if ((selectedFilters === null || selectedFilters === void 0 ? void 0 : selectedFilters.length) > 0) {
+      var _clonedFilters$at, _clonedFilters$at2;
+      var clonedFilters = _toConsumableArray$1(selectedFilters);
+      if (clonedFilters !== null && clonedFilters !== void 0 && (_clonedFilters$at = clonedFilters.at(-1)) !== null && _clonedFilters$at !== void 0 && _clonedFilters$at.labelSearch && clonedFilters !== null && clonedFilters !== void 0 && (_clonedFilters$at2 = clonedFilters.at(-1)) !== null && _clonedFilters$at2 !== void 0 && _clonedFilters$at2.valueSearch) {
+        clonedFilters === null || clonedFilters === void 0 ? void 0 : clonedFilters.pop();
+      }
+      setSelectedFilters(clonedFilters);
+    }
+  };
+
+  // the autocomplete options which get rendered for table searchbar
+  // call the onAdd method on selection of an option
+  var renderAutocomplete = function renderAutocomplete(_ref2) {
+    var _filters$filter;
+    var inputValue = _ref2.value;
+    return filters === null || filters === void 0 ? void 0 : (_filters$filter = filters.filter(function (fil) {
+      var _fil$title$toLowerCas;
+      return (fil === null || fil === void 0 ? void 0 : (_fil$title$toLowerCas = fil.title.toLowerCase()) === null || _fil$title$toLowerCas === void 0 ? void 0 : _fil$title$toLowerCas.indexOf(inputValue === null || inputValue === void 0 ? void 0 : inputValue.toLowerCase())) !== -1;
+    })) === null || _filters$filter === void 0 ? void 0 : _filters$filter.map(function (fil) {
+      var _fil$deps, _fil$deps$every;
+      var disabled = ((_fil$deps = fil.deps) === null || _fil$deps === void 0 ? void 0 : (_fil$deps$every = _fil$deps.every) === null || _fil$deps$every === void 0 ? void 0 : _fil$deps$every.call(_fil$deps, function (dep) {
+        return (selectedFilters === null || selectedFilters === void 0 ? void 0 : selectedFilters.find(function (sFil) {
+          return (sFil === null || sFil === void 0 ? void 0 : sFil.labelId) === dep && sFil.temp;
+        })) != null;
+      })) === false;
+      return /*#__PURE__*/jsxRuntime.jsx(DropdownItem, {
+        value: fil.id,
+        title: fil.title,
+        disabled: disabled,
+        onClick: function onClick() {
+          if (!disabled) {
+            onAdd(fil);
+            setAutocompleteOpen(false);
+          }
+        }
+      }, fil.id);
+    });
+  };
+
+  // the autocomplete options which get rendered for a chip
+  // and set the state on selection
+  var renderChipAutocomplete = function renderChipAutocomplete(_ref3) {
+    var name = _ref3.name,
+      inputValue = _ref3.value;
+    var filtersDOM = [];
+    if (name === 'label') {
+      var _filters$filter2;
+      filtersDOM = filters === null || filters === void 0 ? void 0 : (_filters$filter2 = filters.filter(function (fil) {
+        var _fil$title$toLowerCas2;
+        return (fil === null || fil === void 0 ? void 0 : (_fil$title$toLowerCas2 = fil.title.toLowerCase()) === null || _fil$title$toLowerCas2 === void 0 ? void 0 : _fil$title$toLowerCas2.indexOf(inputValue === null || inputValue === void 0 ? void 0 : inputValue.toLowerCase())) !== -1;
+      })) === null || _filters$filter2 === void 0 ? void 0 : _filters$filter2.map(function (fil) {
+        return /*#__PURE__*/jsxRuntime.jsx(DropdownItem, {
+          value: fil.id,
+          title: fil.title,
+          onClick: function onClick() {
+            setFieldValue(fil.title, 'label', fil.id, true);
+          }
+        }, fil.id);
+      });
+    }
+    if (name === 'value') {
+      var _selectedFilters$at, _filters$find2, _filters$find2$option, _filters$find2$option2;
+      var currentFilter = selectedFilters === null || selectedFilters === void 0 ? void 0 : (_selectedFilters$at = selectedFilters.at(-1)) === null || _selectedFilters$at === void 0 ? void 0 : _selectedFilters$at.labelId;
+      filtersDOM = filters === null || filters === void 0 ? void 0 : (_filters$find2 = filters.find(function (fil) {
+        return fil.id === currentFilter;
+      })) === null || _filters$find2 === void 0 ? void 0 : (_filters$find2$option = _filters$find2.options) === null || _filters$find2$option === void 0 ? void 0 : (_filters$find2$option2 = _filters$find2$option.filter(function (option) {
+        var _option$toLowerCase;
+        return (option === null || option === void 0 ? void 0 : (_option$toLowerCase = option.toLowerCase()) === null || _option$toLowerCase === void 0 ? void 0 : _option$toLowerCase.indexOf(inputValue === null || inputValue === void 0 ? void 0 : inputValue.toLowerCase())) !== -1;
+      })) === null || _filters$find2$option2 === void 0 ? void 0 : _filters$find2$option2.map(function (option) {
+        return /*#__PURE__*/jsxRuntime.jsx(DropdownItem, {
+          value: option,
+          title: option,
+          onClick: function onClick() {
+            setFieldValue(option, 'value', option, true);
+          }
+        }, option);
+      });
+    }
+    return filtersDOM;
+  };
+  return {
+    onAdd: onAdd,
+    onBlur: onBlur,
+    onSearch: onSearch,
+    onRemove: onRemove,
+    onLock: onLock,
+    searchbarOptions: {
+      value: value,
+      onChange: onChange,
+      autocomplete: true,
+      autocompleteOptions: {
+        open: autocompleteOpen,
+        setOpen: setAutocompleteOpen,
+        render: renderAutocomplete,
+        predicate: function predicate() {
+          return true;
+        }
+      }
+    },
+    renderChipAutocomplete: renderChipAutocomplete,
+    selectedFilters: selectedFilters
+  };
+};
+
 var css$j = ".Table_module_root__b07b1753 {\n  position: relative;\n  border-style: solid;\n  border-color: var(--grey4);\n  border-width: 1px 1px 0px 1px;\n  border-radius: 0.25rem;\n  width: 100%;\n  max-width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.Table_module_root__b07b1753 .Table_module_table__b07b1753 {\n  height: calc(100% - 6rem);\n  padding-bottom: 3.5rem;\n}\n.Table_module_root__b07b1753 .Table_module_pagination__b07b1753 {\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  transform: translateX(-50%);\n}\n.Table_module_root__b07b1753 .Table_module_pagination__b07b1753.Table_module_floating__b07b1753 {\n  bottom: 1rem;\n}\n.Table_module_root__b07b1753 .Table_module_chips__b07b1753,\n.Table_module_root__b07b1753 .Table_module_filters__b07b1753,\n.Table_module_root__b07b1753 .Table_module_table__b07b1753 > [data-elem=table-header] {\n  position: sticky;\n  z-index: 1;\n  top: 0;\n}";
 var modules_2e8406c7 = {"root":"Table_module_root__b07b1753","table":"Table_module_table__b07b1753","pagination":"Table_module_pagination__b07b1753","floating":"Table_module_floating__b07b1753","chips":"Table_module_chips__b07b1753","filters":"Table_module_filters__b07b1753"};
 n(css$j,{});
@@ -109664,7 +109878,7 @@ var ChartSkeleton$3 = function ChartSkeleton(_ref) {
 
 use([install$8, install$9, install$a, install$1, install$h, install]);
 var BaseHorizontalBarChart = function BaseHorizontalBarChart(props) {
-  var _seriesOption$length, _seriesData$metaData$, _seriesData$metaData, _seriesData$metaData$2, _seriesData$chartData, _seriesData$chartData13;
+  var _seriesOption$length, _seriesData$metaData$, _seriesData$metaData, _seriesData$metaData$2, _seriesData$chartData, _seriesData$chartData16;
   var loading = props.loading,
     title = props.title,
     titleOptions = props.titleOptions,
@@ -109688,7 +109902,8 @@ var BaseHorizontalBarChart = function BaseHorizontalBarChart(props) {
     style = props.style,
     className = props.className,
     theme = props.theme,
-    fallback = props.fallback;
+    fallback = props.fallback,
+    minBarHeight = props.minBarHeight;
   if (loading || fallback) {
     return /*#__PURE__*/jsxRuntime.jsx(ChartSkeleton$3, {
       theme: theme,
@@ -109722,6 +109937,18 @@ var BaseHorizontalBarChart = function BaseHorizontalBarChart(props) {
       return (_seriesData$chartData2 = seriesData === null || seriesData === void 0 ? void 0 : (_seriesData$chartData3 = seriesData.chartData) === null || _seriesData$chartData3 === void 0 ? void 0 : (_seriesData$chartData4 = _seriesData$chartData3[key]) === null || _seriesData$chartData4 === void 0 ? void 0 : _seriesData$chartData4.x1) !== null && _seriesData$chartData2 !== void 0 ? _seriesData$chartData2 : '';
     })
   };
+  var calcHeight = function calcHeight(barVal) {
+    if (barVal === 0) {
+      return 0;
+    }
+    if (barVal > minBarHeight) {
+      return barVal - minBarHeight;
+    }
+    if (barVal < minBarHeight) {
+      return barVal + minBarHeight;
+    }
+    return barVal;
+  };
   var generateSeries = function generateSeries() {
     return seriesOption.map(function (objectData, index) {
       var _seriesOptionObject$l, _objectData$label, _seriesOption$index, _seriesOption$index$m, _seriesOption$index2, _seriesData$chartData5, _seriesData$chartData9;
@@ -109745,9 +109972,9 @@ var BaseHorizontalBarChart = function BaseHorizontalBarChart(props) {
             tooltip: _objectSpread2({}, (_seriesOption$subInde = (_seriesOption$subInde2 = seriesOption[subIndex]) === null || _seriesOption$subInde2 === void 0 ? void 0 : _seriesOption$subInde2.tooltip) !== null && _seriesOption$subInde !== void 0 ? _seriesOption$subInde : {})
           };
         }))) : Object.keys((_seriesData$chartData9 = seriesData === null || seriesData === void 0 ? void 0 : seriesData.chartData) !== null && _seriesData$chartData9 !== void 0 ? _seriesData$chartData9 : {}).map(function (key, subIndex) {
-          var _seriesData$chartData10, _seriesData$chartData11, _seriesData$chartData12, _ref2, _objectData$color4, _objectData$barColor$3, _objectData$barColor3, _objectData$color5, _objectData$barColor$4, _objectData$barColor4, _objectData$color6, _seriesOption$subInde3, _seriesOption$subInde4;
+          var _seriesData$chartData10, _seriesData$chartData11, _seriesData$chartData12, _seriesData$chartData13, _seriesData$chartData14, _seriesData$chartData15, _ref2, _objectData$color4, _objectData$barColor$3, _objectData$barColor3, _objectData$color5, _objectData$barColor$4, _objectData$barColor4, _objectData$color6, _seriesOption$subInde3, _seriesOption$subInde4;
           return {
-            value: (_seriesData$chartData10 = seriesData === null || seriesData === void 0 ? void 0 : (_seriesData$chartData11 = seriesData.chartData) === null || _seriesData$chartData11 === void 0 ? void 0 : (_seriesData$chartData12 = _seriesData$chartData11[key]) === null || _seriesData$chartData12 === void 0 ? void 0 : _seriesData$chartData12["x".concat(index + 1)]) !== null && _seriesData$chartData10 !== void 0 ? _seriesData$chartData10 : '',
+            value: minBarHeight ? calcHeight((_seriesData$chartData10 = seriesData === null || seriesData === void 0 ? void 0 : (_seriesData$chartData11 = seriesData.chartData) === null || _seriesData$chartData11 === void 0 ? void 0 : (_seriesData$chartData12 = _seriesData$chartData11[key]) === null || _seriesData$chartData12 === void 0 ? void 0 : _seriesData$chartData12["x".concat(index + 1)]) !== null && _seriesData$chartData10 !== void 0 ? _seriesData$chartData10 : 0) : (_seriesData$chartData13 = seriesData === null || seriesData === void 0 ? void 0 : (_seriesData$chartData14 = seriesData.chartData) === null || _seriesData$chartData14 === void 0 ? void 0 : (_seriesData$chartData15 = _seriesData$chartData14[key]) === null || _seriesData$chartData15 === void 0 ? void 0 : _seriesData$chartData15["x".concat(index + 1)]) !== null && _seriesData$chartData13 !== void 0 ? _seriesData$chartData13 : 0,
             itemStyle: {
               color: typeof ((_ref2 = (_objectData$color4 = objectData === null || objectData === void 0 ? void 0 : objectData.color) !== null && _objectData$color4 !== void 0 ? _objectData$color4 : '') !== null && _ref2 !== void 0 ? _ref2 : {}) !== 'string' ? _construct(LinearGradient$1, _toConsumableArray$1(((_objectData$barColor$3 = objectData === null || objectData === void 0 ? void 0 : (_objectData$barColor3 = objectData.barColor) === null || _objectData$barColor3 === void 0 ? void 0 : _objectData$barColor3[subIndex]) !== null && _objectData$barColor$3 !== void 0 ? _objectData$barColor$3 : '') || ((_objectData$color5 = objectData === null || objectData === void 0 ? void 0 : objectData.color) !== null && _objectData$color5 !== void 0 ? _objectData$color5 : ''))) : ((_objectData$barColor$4 = objectData === null || objectData === void 0 ? void 0 : (_objectData$barColor4 = objectData.barColor) === null || _objectData$barColor4 === void 0 ? void 0 : _objectData$barColor4[subIndex]) !== null && _objectData$barColor$4 !== void 0 ? _objectData$barColor$4 : '') || ((_objectData$color6 = objectData === null || objectData === void 0 ? void 0 : objectData.color) !== null && _objectData$color6 !== void 0 ? _objectData$color6 : '')
             },
@@ -109773,7 +110000,7 @@ var BaseHorizontalBarChart = function BaseHorizontalBarChart(props) {
       legend: _objectSpread2({}, legend),
       tooltip: _objectSpread2({}, tooltip),
       yAxis: {
-        data: Object.keys((_seriesData$chartData13 = seriesData === null || seriesData === void 0 ? void 0 : seriesData.chartData) !== null && _seriesData$chartData13 !== void 0 ? _seriesData$chartData13 : {}),
+        data: Object.keys((_seriesData$chartData16 = seriesData === null || seriesData === void 0 ? void 0 : seriesData.chartData) !== null && _seriesData$chartData16 !== void 0 ? _seriesData$chartData16 : {}),
         type: 'category',
         axisLabel: {
           show: yAxisLabelShow
@@ -109822,6 +110049,7 @@ BaseHorizontalBarChart.propTypes = {
   legend: propTypes$1.exports.object,
   seriesName: propTypes$1.exports.func,
   cursor: propTypes$1.exports.string,
+  minBarHeight: propTypes$1.exports.number,
   stacked: propTypes$1.exports.bool,
   seriesOption: propTypes$1.exports.objectOf(propTypes$1.exports.shape),
   style: propTypes$1.exports.object,
@@ -109851,6 +110079,7 @@ BaseHorizontalBarChart.defaultProps = {
   ySplitLineShow: false,
   yAxisLineShow: false,
   yAxisTickShow: false,
+  minBarHeight: 0,
   barWidth: '50%',
   seriesName: function seriesName() {},
   legend: {
@@ -113675,4 +113904,5 @@ exports.useOutsideClickListener = useOutsideClickListener;
 exports.usePagination = usePagination;
 exports.useResize = useResize;
 exports.useRowFilter = useRowFilter;
+exports.useTableSearch = useTableSearch;
 //# sourceMappingURL=index.js.map