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

package/dist/index.js

@@ -13,7 +13,6 @@ import ReactDOM, { createPortal, unstable_batchedUpdates, render } from "react-d
 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 } 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,43 @@ 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_1qlur_1";
+const inputHover$8 = "_inputHover_1qlur_13";
+const inputFocus$8 = "_inputFocus_1qlur_18";
+const inputError$8 = "_inputError_1qlur_25";
+const inputWarning$8 = "_inputWarning_1qlur_26";
+const inputDisabled$8 = "_inputDisabled_1qlur_61";
+const hideScrollbars$8 = "_hideScrollbars_1qlur_67";
+const header$1 = "_header_1qlur_77";
+const headerTitle = "_headerTitle_1qlur_77";
+const heading$3 = "_heading_1qlur_78";
+const itemHeader = "_itemHeader_1qlur_78";
+const narrow = "_narrow_1qlur_81";
+const stickyHeader = "_stickyHeader_1qlur_85";
+const title$3 = "_title_1qlur_96";
+const name = "_name_1qlur_102";
+const iconTooltipMargin = "_iconTooltipMargin_1qlur_105";
+const bold = "_bold_1qlur_108";
+const toggleNarrow = "_toggleNarrow_1qlur_117";
+const drag$1 = "_drag_1qlur_135";
+const list$1 = "_list_1qlur_155";
+const bordered$1 = "_bordered_1qlur_159";
+const item$4 = "_item_1qlur_78";
+const action = "_action_1qlur_192";
+const active$3 = "_active_1qlur_195";
+const indented = "_indented_1qlur_202";
+const disabled$5 = "_disabled_1qlur_215";
+const label$6 = "_label_1qlur_226";
+const details$2 = "_details_1qlur_237";
+const metadata = "_metadata_1qlur_238";
+const itemContent = "_itemContent_1qlur_246";
+const indentIcon = "_indentIcon_1qlur_253";
+const expandIcon = "_expandIcon_1qlur_258";
+const expanded = "_expanded_1qlur_265";
+const right$4 = "_right_1qlur_268";
+const actions = "_actions_1qlur_276";
+const scrollableList = "_scrollableList_1qlur_281";
+const hideScrollbar = "_hideScrollbar_1qlur_67";
 const listStyles = {
   inputInTable: inputInTable$8,
   inputHover: inputHover$8,
@@ -19909,7 +19920,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 +29222,6 @@ function getDomDocument() {
   }
   return null;
 }
-var getDomDocument_1 = getDomDocument;
 function parse$2(str, opts) {
   if (typeof str !== "string")
     return [str];
@@ -36021,7 +36031,7 @@ function createDocumentNode(props) {
   }
 }
 function getDocument() {
-  const document2 = getDomDocument_1();
+  const document2 = getDomDocument();
   if (document2) {
     return document2;
   }
@@ -36031,7 +36041,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 +50244,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 +50252,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 +52388,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 +55276,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 +57865,6 @@ eventManager.on(
     }
   }
 );
-const toaster = "";
 const toast = ({
   id: id2,
   message: message2 = { type: MessageType.INFO, content: "" },
@@ -57934,6 +57941,7 @@ const Toggle = ({
   label: label2,
   checked = false,
   disabled: disabled2,
+  display,
   small: small2 = false,
   onChange,
   noMargin: noMargin2 = false,
@@ -57953,6 +57961,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 +61267,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 +61415,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 +61651,7 @@ var ResizeObservation = function() {
   };
   return ResizeObservation2;
 }();
-var ResizeObserverDetail = function() {
+var ResizeObserverDetail = /* @__PURE__ */ function() {
   function ResizeObserverDetail2(resizeObserver, callback) {
     this.activeTargets = [];
     this.skippedTargets = [];
@@ -68593,20 +68602,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 +68676,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 +68685,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) {