@oliasoft-open-source/react-ui-library 4.3.0-beta-2 → 4.3.1-beta-1

package/dist/index.js

@@ -11,9 +11,8 @@ import * as PropTypes from "prop-types";
 import PropTypes__default from "prop-types";
 import ReactDOM, { createPortal, unstable_batchedUpdates, render } from "react-dom";
 import _$1, { set, get as get$2, isString as isString$3, isNumber as isNumber$1, isBoolean as isBoolean$2, isFunction as isFunction$3, isEmpty, isArray as isArray$1, toNumber, debounce as debounce$2, isObject as isObject$5, isObjectLike, has as has$1 } from "lodash";
-import { validateNumber, cleanNumStr, unitFromQuantity, isValueWithUnit, withUnit, convertSamePrecision, getValue as getValue$1, getUnit, KNOWN_UNITS, split as split$1, checkAndCleanDecimalComma, label as label$b, altUnitsList, convertAndGetValue, isNumeric, getAltUnitsListByQuantity } from "@oliasoft-open-source/units";
+import { validateNumber, cleanNumStr, unitFromQuantity, isValueWithUnit, withUnit, convertSamePrecision, getValue as getValue$1, getUnit, KNOWN_UNITS, split as split$1, checkAndCleanDecimalComma, label as label$b, altUnitsList } from "@oliasoft-open-source/units";
 import { isValueWithUnit as isValueWithUnit$1 } from "@oliasoft-open-source/units/dist/units";
-const global$2 = "";
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x2) {
   return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
@@ -23,8 +22,8 @@ function getAugmentedNamespace(n2) {
     return n2;
   var f2 = n2.default;
   if (typeof f2 == "function") {
-    var a2 = function a3() {
-      if (this instanceof a3) {
+    var a2 = function a22() {
+      if (this instanceof a22) {
         return Reflect.construct(f2, arguments, this.constructor);
       }
       return f2.apply(this, arguments);
@@ -895,7 +894,7 @@ var DefaultContext = {
   attr: void 0
 };
 var IconContext = React__default.createContext && React__default.createContext(DefaultContext);
-var __assign$2 = globalThis && globalThis.__assign || function() {
+var __assign$2 = function() {
   __assign$2 = Object.assign || function(t) {
     for (var s, i = 1, n2 = arguments.length; i < n2; i++) {
       s = arguments[i];
@@ -907,7 +906,7 @@ var __assign$2 = globalThis && globalThis.__assign || function() {
   };
   return __assign$2.apply(this, arguments);
 };
-var __rest = globalThis && globalThis.__rest || function(s, e2) {
+var __rest = function(s, e2) {
   var t = {};
   for (var p in s)
     if (Object.prototype.hasOwnProperty.call(s, p) && e2.indexOf(p) < 0)
@@ -2100,7 +2099,7 @@ var ResizeObservation$1 = (
 );
 var ResizeObserverEntry$1 = (
   /** @class */
-  function() {
+  /* @__PURE__ */ function() {
     function ResizeObserverEntry2(target, rectInit) {
       var contentRect = createReadOnlyRect(rectInit);
       defineConfigurable(this, { target, contentRect });
@@ -2195,7 +2194,7 @@ var ResizeObserverSPI = (
 var observers$1 = typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : new MapShim();
 var ResizeObserver$2 = (
   /** @class */
-  function() {
+  /* @__PURE__ */ function() {
     function ResizeObserver2(callback) {
       if (!(this instanceof ResizeObserver2)) {
         throw new TypeError("Cannot call a class as a function.");
@@ -6396,7 +6395,7 @@ function Qe(e2, r2, s) {
         re(e4, r3[o], true);
       return e4;
     }({}, a2.defaultProps, e3) : e3;
-  } }), "production" !== process.env.NODE_ENV && (b$2(y2, v2), D2.warnTooManyClasses = function(e3, t) {
+  } }), "production" !== process.env.NODE_ENV && (b$2(y2, v2), D2.warnTooManyClasses = /* @__PURE__ */ function(e3, t) {
     var n2 = {}, o = false;
     return function(r3) {
       if (!o && (n2[r3] = true, Object.keys(n2).length >= 200)) {
@@ -9249,6 +9248,18 @@ const readFile = (file = new Blob(), method = InputReaderMethods.READ_AS_TEXT) =
     reader.onerror = (error2) => reject(error2);
   });
 };
+const getName = (file, multi) => {
+  var _a;
+  let name2;
+  if (!file)
+    return null;
+  if (multi) {
+    name2 = `Selected - ${(_a = Object.keys(file)) == null ? void 0 : _a.length} files`;
+  } else {
+    name2 = file == null ? void 0 : file.name;
+  }
+  return name2 || null;
+};
 const FileInput = ({
   label: label2 = "Select",
   loading = false,
@@ -9265,7 +9276,7 @@ const FileInput = ({
 }) => {
   const disabledContext = useContext(DisabledContext);
   const inputRef = useRef(null);
-  const fileName = (file == null ? void 0 : file.name) || null;
+  const fileName = getName(file, multi);
   const handleClick2 = () => {
     var _a;
     if (!(disabled2 || disabledContext))
@@ -9292,6 +9303,7 @@ const FileInput = ({
         className: styles$y.fileInput,
         type: "file",
         accept,
+        multiple: multi,
         onChange: (evt) => {
           var _a, _b, _c;
           onChange({
@@ -11463,7 +11475,6 @@ var rafSchd = function rafSchd2(fn) {
   };
   return wrapperFn;
 };
-const rafSchd$1 = rafSchd;
 var isProduction$1 = process.env.NODE_ENV === "production";
 var spacesAndTabs = /[ \t]{2,}/g;
 var lineStartWithSpaces = /^[ \t]*/gm;
@@ -11892,8 +11903,8 @@ var moveToNextCombine = function(_ref) {
       at
     });
   }
-  var all2 = previousImpact.displaced.all;
-  var closestId = all2.length ? all2[0] : null;
+  var all = previousImpact.displaced.all;
+  var closestId = all.length ? all[0] : null;
   if (isMovingForward) {
     return closestId ? getImpact(closestId) : null;
   }
@@ -14136,7 +14147,7 @@ function getScrollListener(_ref) {
   function updateScroll() {
     onWindowScroll(getWindowScroll2());
   }
-  var scheduled2 = rafSchd$1(updateScroll);
+  var scheduled2 = rafSchd(updateScroll);
   var binding = getWindowScrollBinding(scheduled2);
   var unbind = noop$1;
   function isActive() {
@@ -15073,7 +15084,7 @@ var smallestSigned = apply$1(function(value) {
   }
   return value > 0 ? 1 : -1;
 });
-var getOverlap = function() {
+var getOverlap = /* @__PURE__ */ function() {
   var getRemainder = function getRemainder2(target, max) {
     if (target < 0) {
       return target;
@@ -15229,8 +15240,8 @@ var scroll$1$1 = function(_ref) {
 };
 var createFluidScroller = function(_ref) {
   var scrollWindow2 = _ref.scrollWindow, scrollDroppable2 = _ref.scrollDroppable;
-  var scheduleWindowScroll = rafSchd$1(scrollWindow2);
-  var scheduleDroppableScroll = rafSchd$1(scrollDroppable2);
+  var scheduleWindowScroll = rafSchd(scrollWindow2);
+  var scheduleDroppableScroll = rafSchd(scrollDroppable2);
   var dragging = null;
   var tryScroll = function tryScroll2(state) {
     !dragging ? process.env.NODE_ENV !== "production" ? invariant$3(false, "Cannot fluid scroll if not dragging") : invariant$3(false) : void 0;
@@ -16867,7 +16878,7 @@ function tryStart(_ref3) {
     }, args.actions);
   }
   function fluidLift(clientSelection) {
-    var move$1 = rafSchd$1(function(client) {
+    var move$1 = rafSchd(function(client) {
       tryDispatchWhenDragging(function() {
         return move({
           client
@@ -17418,7 +17429,7 @@ function useDroppablePublisher(args) {
     memoizedUpdateScroll(scroll4.x, scroll4.y);
   }, [getClosestScroll, memoizedUpdateScroll]);
   var scheduleScrollUpdate = useMemo(function() {
-    return rafSchd$1(updateScroll);
+    return rafSchd(updateScroll);
   }, [updateScroll]);
   var onClosestScroll = useCallback(function() {
     var dragging = whileDraggingRef.current;
@@ -18774,43 +18785,44 @@ var InfiniteScroll = (
     return InfiniteScroll2;
   }(Component$1)
 );
-const inputInTable$8 = "_inputInTable_1jod2_1";
-const inputHover$8 = "_inputHover_1jod2_13";
-const inputFocus$8 = "_inputFocus_1jod2_18";
-const inputError$8 = "_inputError_1jod2_25";
-const inputWarning$8 = "_inputWarning_1jod2_26";
-const inputDisabled$8 = "_inputDisabled_1jod2_61";
-const hideScrollbars$8 = "_hideScrollbars_1jod2_67";
-const header$1 = "_header_1jod2_77";
-const headerTitle = "_headerTitle_1jod2_77";
-const heading$3 = "_heading_1jod2_78";
-const itemHeader = "_itemHeader_1jod2_78";
-const narrow = "_narrow_1jod2_81";
-const stickyHeader = "_stickyHeader_1jod2_85";
-const title$3 = "_title_1jod2_96";
-const name = "_name_1jod2_102";
-const iconTooltipMargin = "_iconTooltipMargin_1jod2_105";
-const bold = "_bold_1jod2_108";
-const toggleNarrow = "_toggleNarrow_1jod2_117";
-const drag$1 = "_drag_1jod2_135";
-const list$1 = "_list_1jod2_154";
-const bordered$1 = "_bordered_1jod2_158";
-const item$4 = "_item_1jod2_78";
-const action = "_action_1jod2_191";
-const active$3 = "_active_1jod2_194";
-const indented = "_indented_1jod2_201";
-const disabled$5 = "_disabled_1jod2_214";
-const label$6 = "_label_1jod2_225";
-const details$2 = "_details_1jod2_236";
-const metadata = "_metadata_1jod2_237";
-const itemContent = "_itemContent_1jod2_245";
-const indentIcon = "_indentIcon_1jod2_252";
-const expandIcon = "_expandIcon_1jod2_257";
-const expanded = "_expanded_1jod2_264";
-const right$4 = "_right_1jod2_267";
-const actions = "_actions_1jod2_275";
-const scrollableList = "_scrollableList_1jod2_280";
-const hideScrollbar = "_hideScrollbar_1jod2_67";
+const inputInTable$8 = "_inputInTable_j55lv_1";
+const inputHover$8 = "_inputHover_j55lv_13";
+const inputFocus$8 = "_inputFocus_j55lv_18";
+const inputError$8 = "_inputError_j55lv_25";
+const inputWarning$8 = "_inputWarning_j55lv_26";
+const inputDisabled$8 = "_inputDisabled_j55lv_61";
+const hideScrollbars$8 = "_hideScrollbars_j55lv_67";
+const header$1 = "_header_j55lv_77";
+const headerTitle = "_headerTitle_j55lv_77";
+const heading$3 = "_heading_j55lv_78";
+const itemHeader = "_itemHeader_j55lv_78";
+const narrow = "_narrow_j55lv_81";
+const stickyHeader = "_stickyHeader_j55lv_85";
+const title$3 = "_title_j55lv_96";
+const name = "_name_j55lv_102";
+const iconTooltipMargin = "_iconTooltipMargin_j55lv_105";
+const bold = "_bold_j55lv_108";
+const toggleNarrow = "_toggleNarrow_j55lv_117";
+const drag$1 = "_drag_j55lv_135";
+const list$1 = "_list_j55lv_155";
+const bordered$1 = "_bordered_j55lv_159";
+const item$4 = "_item_j55lv_78";
+const action = "_action_j55lv_192";
+const active$3 = "_active_j55lv_195";
+const indented = "_indented_j55lv_202";
+const disabled$5 = "_disabled_j55lv_215";
+const label$6 = "_label_j55lv_226";
+const details$2 = "_details_j55lv_237";
+const metadata = "_metadata_j55lv_238";
+const itemContent = "_itemContent_j55lv_246";
+const indentIcon = "_indentIcon_j55lv_253";
+const expandIcon = "_expandIcon_j55lv_258";
+const expanded = "_expanded_j55lv_265";
+const right$4 = "_right_j55lv_268";
+const actions = "_actions_j55lv_276";
+const scrollableList = "_scrollableList_j55lv_281";
+const infiniteScrollContainer = "_infiniteScrollContainer_j55lv_286";
+const hideScrollbar = "_hideScrollbar_j55lv_67";
 const listStyles = {
   inputInTable: inputInTable$8,
   inputHover: inputHover$8,
@@ -18848,6 +18860,7 @@ const listStyles = {
   right: right$4,
   actions,
   scrollableList,
+  infiniteScrollContainer,
   hideScrollbar
 };
 const ToggleNarrow = ({
@@ -19263,6 +19276,7 @@ const List = ({
                           hasMore,
                           scrollableTarget: infiniteScrollTarget || "scrollableDiv",
                           loader: /* @__PURE__ */ jsx(Loader, {}),
+                          className: listStyles.infiniteScrollContainer,
                           children: /* @__PURE__ */ jsx(
                             ListRow,
                             {
@@ -19909,7 +19923,7 @@ var reactKeyboardEventHandler = { exports: {} };
             Object.prototype.hasOwnProperty.call(n3, r3) && (e4[r3] = n3[r3]);
         }
         return e4;
-      }, o = function() {
+      }, o = /* @__PURE__ */ function() {
         function e4(e5, t3) {
           for (var n3 = 0; n3 < t3.length; n3++) {
             var r3 = t3[n3];
@@ -29211,7 +29225,6 @@ function getDomDocument() {
   }
   return null;
 }
-var getDomDocument_1 = getDomDocument;
 function parse$2(str, opts) {
   if (typeof str !== "string")
     return [str];
@@ -36021,7 +36034,7 @@ function createDocumentNode(props) {
   }
 }
 function getDocument() {
-  const document2 = getDomDocument_1();
+  const document2 = getDomDocument();
   if (document2) {
     return document2;
   }
@@ -36031,7 +36044,7 @@ function getDocument() {
 }
 function maybeGetWindowFromDocument(document2) {
   var _a;
-  return (document2 == null ? void 0 : document2.defaultView) ?? (typeof window !== "undefined" ? window : void 0) ?? ((_a = getDomDocument_1()) == null ? void 0 : _a.defaultView);
+  return (document2 == null ? void 0 : document2.defaultView) ?? (typeof window !== "undefined" ? window : void 0) ?? ((_a = getDomDocument()) == null ? void 0 : _a.defaultView);
 }
 function maybeGetWindowFromElement(element) {
   return maybeGetWindowFromDocument(element == null ? void 0 : element.ownerDocument);
@@ -50234,7 +50247,7 @@ var moo = { exports: {} };
       }
     }
     function compileStates(states, start3) {
-      var all2 = states.$all ? toRules(states.$all) : [];
+      var all = states.$all ? toRules(states.$all) : [];
       delete states.$all;
       var keys2 = Object.getOwnPropertyNames(states);
       if (!start3)
@@ -50242,7 +50255,7 @@ var moo = { exports: {} };
       var ruleMap = /* @__PURE__ */ Object.create(null);
       for (var i = 0; i < keys2.length; i++) {
         var key2 = keys2[i];
-        ruleMap[key2] = toRules(states[key2]).concat(all2);
+        ruleMap[key2] = toRules(states[key2]).concat(all);
       }
       for (var i = 0; i < keys2.length; i++) {
         var key2 = keys2[i];
@@ -52378,7 +52391,6 @@ function Remirror(props) {
   const autoRenderAtEnd = autoRender === "end";
   return /* @__PURE__ */ React__default.createElement(I18nProvider, { i18n: i18n2, locale, supportedLocales }, /* @__PURE__ */ React__default.createElement(RemirrorContext.Provider, { value: context2 }, /* @__PURE__ */ React__default.createElement(RemirrorPortals, { portals }), hooks.map((hook, index2) => /* @__PURE__ */ React__default.createElement(HookComponent, { hook, key: index2 })), autoRenderAtStart && /* @__PURE__ */ React__default.createElement(EditorComponent, null), children, autoRenderAtEnd && /* @__PURE__ */ React__default.createElement(EditorComponent, null)));
 }
-const all = "";
 const richTextToolbar = "_richTextToolbar_1gbkk_1";
 const richTextToolbarContainer = "_richTextToolbarContainer_1gbkk_5";
 const styles$g = {
@@ -55267,7 +55279,6 @@ const SliderTooltip = ({ text: text2 }) => {
     }
   );
 };
-const rcSlider = "";
 const container = "_container_1a936_1";
 const small$2 = "_small_1a936_7";
 const hasMarks = "_hasMarks_1a936_10";
@@ -57857,7 +57868,6 @@ eventManager.on(
     }
   }
 );
-const toaster = "";
 const toast = ({
   id: id2,
   message: message2 = { type: MessageType.INFO, content: "" },
@@ -57934,6 +57944,7 @@ const Toggle = ({
   label: label2,
   checked = false,
   disabled: disabled2,
+  display,
   small: small2 = false,
   onChange,
   noMargin: noMargin2 = false,
@@ -57953,6 +57964,7 @@ const Toggle = ({
         small2 ? styles$4.small : null,
         noMargin2 ? styles$4.noMargin : null
       ),
+      style: { display },
       onClick: (evt) => {
         if (!isDisabled) {
           evt.target.name = name2;
@@ -61258,7 +61270,7 @@ var ResizeObserverBoxOptions;
 var freeze = function(obj) {
   return Object.freeze(obj);
 };
-var ResizeObserverSize = function() {
+var ResizeObserverSize = /* @__PURE__ */ function() {
   function ResizeObserverSize2(inlineSize, blockSize) {
     this.inlineSize = inlineSize;
     this.blockSize = blockSize;
@@ -61406,7 +61418,7 @@ var calculateBoxSize = function(target, observedBox, forceRecalculation) {
       return contentBoxSize;
   }
 };
-var ResizeObserverEntry = function() {
+var ResizeObserverEntry = /* @__PURE__ */ function() {
   function ResizeObserverEntry2(target) {
     var boxes = calculateBoxSizes(target);
     this.target = target;
@@ -61642,7 +61654,7 @@ var ResizeObservation = function() {
   };
   return ResizeObservation2;
 }();
-var ResizeObserverDetail = function() {
+var ResizeObserverDetail = /* @__PURE__ */ function() {
   function ResizeObserverDetail2(resizeObserver, callback) {
     this.activeTargets = [];
     this.skippedTargets = [];
@@ -68593,20 +68605,6 @@ function getEventClientOffset(e2, lastTargetTouchFallback) {
     };
   }
 }
-const supportsPassive = (() => {
-  let supported = false;
-  try {
-    addEventListener("test", () => {
-    }, Object.defineProperty({}, "passive", {
-      get() {
-        supported = true;
-        return true;
-      }
-    }));
-  } catch (e2) {
-  }
-  return supported;
-})();
 const eventNames = {
   [ListenerType.mouse]: {
     start: "mousedown",
@@ -68681,10 +68679,7 @@ class TouchBackendImpl {
     this.uninstallSourceNodeRemovalObserver();
   }
   addEventListener(subject, event, handler, capture = false) {
-    const options = supportsPassive ? {
-      capture,
-      passive: false
-    } : capture;
+    const options = capture;
     this.listenerTypes.forEach(function(listenerType) {
       const evt = eventNames[listenerType][event];
       if (evt) {
@@ -68693,10 +68688,7 @@ class TouchBackendImpl {
     });
   }
   removeEventListener(subject, event, handler, capture = false) {
-    const options = supportsPassive ? {
-      capture,
-      passive: false
-    } : capture;
+    const options = capture;
     this.listenerTypes.forEach(function(listenerType) {
       const evt = eventNames[listenerType][event];
       if (evt) {
@@ -70545,155 +70537,6 @@ const UnitInput = ({
     }
   );
 };
-const getUnitCells = ({
-  tableDef,
-  displayedUnits,
-  handleUnitChange
-}) => {
-  return tableDef.map(({ convertible, unitKey, key: key2 }) => {
-    var _a;
-    if (!convertible) {
-      return { value: "" };
-    }
-    const oldUnit = displayedUnits[key2];
-    const options = (_a = getAltUnitsListByQuantity(unitKey)) == null ? void 0 : _a.map(
-      ({ unit: unit2, label: label2 }) => ({
-        label: label2,
-        value: unit2
-      })
-    );
-    const onChange = ({
-      target: { value: newUnit }
-    }) => {
-      if (newUnit === oldUnit) {
-        return;
-      }
-      handleUnitChange(key2, newUnit);
-    };
-    return {
-      value: oldUnit,
-      options,
-      type: "Select",
-      onChange
-    };
-  });
-};
-const getHeaders = ({ tableDef }) => tableDef.map(({ header: header2 }) => ({
-  value: header2
-}));
-const onConvertData = (data, displayedUnits, tableDef) => {
-  if (!(data == null ? void 0 : data.length))
-    return [];
-  return data.map((row2) => {
-    const convertedRow = tableDef.reduce((prev2, colDef) => {
-      const { key: key2, defaultValue } = colDef;
-      const unitTo = displayedUnits[key2];
-      let value = row2[key2];
-      let displayedValue = value ?? defaultValue;
-      if (isValueWithUnit(value) && unitTo) {
-        displayedValue = convertAndGetValue(displayedValue, unitTo) || 0;
-      }
-      return {
-        ...prev2,
-        [key2]: isNumeric(displayedValue) ? withUnit(displayedValue, unitTo) : displayedValue
-      };
-    }, {});
-    return convertedRow;
-  });
-};
-const addRowHeader = (addRow, data, displayedUnits) => ({
-  label: "Add",
-  icon: "plus",
-  primary: true,
-  onClick: () => addRow(data, displayedUnits),
-  testId: "lithology-table-add-new-row"
-});
-const getDisplayedUnits = (tableDef, unitTemplate) => {
-  return tableDef.reduce((prev2, curr) => {
-    const { key: key2, unitKey } = curr;
-    return {
-      ...prev2,
-      [key2]: unitTemplate[unitKey]
-    };
-  }, {});
-};
-const buildTable = ({
-  rows,
-  tableDef,
-  displayedUnits,
-  handleUnitChange,
-  tableActions
-}) => {
-  if (!rows) {
-    return {
-      rows: [],
-      headers: []
-    };
-  }
-  const { addRow } = tableActions;
-  const headers = [
-    {
-      cells: getHeaders({ tableDef }),
-      actions: addRow ? [addRowHeader(addRow, rows, displayedUnits)] : []
-    },
-    {
-      cells: getUnitCells({
-        tableDef,
-        displayedUnits,
-        handleUnitChange
-      })
-    }
-  ];
-  return {
-    headers,
-    rows
-  };
-};
-const UnitTable = ({
-  data,
-  unitTemplate,
-  tableDef,
-  convertToCells,
-  tableActions,
-  testId
-}) => {
-  const [displayedUnits, setDisplayedUnits] = useState(
-    getDisplayedUnits(tableDef, unitTemplate)
-  );
-  useEffect(() => {
-    setDisplayedUnits(getDisplayedUnits(tableDef, unitTemplate));
-  }, [unitTemplate]);
-  const handleUnitChange = (key2, unit2) => {
-    setDisplayedUnits((prev2) => ({ ...prev2, [key2]: unit2 }));
-  };
-  const { headers, rows } = useMemo$1(
-    () => buildTable({
-      rows: convertToCells(
-        onConvertData(data, displayedUnits, tableDef),
-        displayedUnits
-      ),
-      tableDef,
-      displayedUnits,
-      handleUnitChange,
-      tableActions
-    }),
-    [data, displayedUnits]
-  );
-  return /* @__PURE__ */ jsx(
-    Table,
-    {
-      table: {
-        testId,
-        headers,
-        rows,
-        columnAlignment: tableDef.map((def) => def.columnAlignment),
-        columnWidths: tableDef.map((def) => def.columnWidth),
-        fixedWidth: "auto"
-      },
-      onListReorder: (tableActions == null ? void 0 : tableActions.reorderComponents) || void 0
-    }
-  );
-};
 export {
   Accordion,
   AccordionWithDefaultToggle,
@@ -70773,7 +70616,6 @@ export {
   Tree,
   TriggerType,
   UnitInput,
-  UnitTable,
   dismissToast,
   readFile,
   toast,