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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -199,21 +199,27 @@ function _objectWithoutPropertiesLoose$5(r2, e2) {
199
199
  }
200
200
  return t;
201
201
  }
202
- function _extends$4() {
203
- return _extends$4 = Object.assign ? Object.assign.bind() : function(n2) {
204
- for (var e2 = 1; e2 < arguments.length; e2++) {
205
- var t = arguments[e2];
206
- for (var r2 in t) ({}).hasOwnProperty.call(t, r2) && (n2[r2] = t[r2]);
202
+ var _extends$6 = { exports: {} };
203
+ var hasRequired_extends;
204
+ function require_extends() {
205
+ if (hasRequired_extends) return _extends$6.exports;
206
+ hasRequired_extends = 1;
207
+ (function(module) {
208
+ function _extends3() {
209
+ return module.exports = _extends3 = Object.assign ? Object.assign.bind() : function(n2) {
210
+ for (var e2 = 1; e2 < arguments.length; e2++) {
211
+ var t = arguments[e2];
212
+ for (var r2 in t) ({}).hasOwnProperty.call(t, r2) && (n2[r2] = t[r2]);
213
+ }
214
+ return n2;
215
+ }, module.exports.__esModule = true, module.exports["default"] = module.exports, _extends3.apply(null, arguments);
207
216
  }
208
- return n2;
209
- }, _extends$4.apply(null, arguments);
217
+ module.exports = _extends3, module.exports.__esModule = true, module.exports["default"] = module.exports;
218
+ })(_extends$6);
219
+ return _extends$6.exports;
210
220
  }
211
- const _extends$5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
212
- __proto__: null,
213
- get default() {
214
- return _extends$4;
215
- }
216
- }, Symbol.toStringTag, { value: "Module" }));
221
+ var _extendsExports = require_extends();
222
+ const _extends$5 = /* @__PURE__ */ getDefaultExportFromCjs(_extendsExports);
217
223
  function _setPrototypeOf$3(t, e2) {
218
224
  return _setPrototypeOf$3 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t2, e3) {
219
225
  return t2.__proto__ = e3, t2;
@@ -792,7 +798,7 @@ var ReactSVG = /* @__PURE__ */ function(_React$Component) {
792
798
  };
793
799
  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
794
800
  var _this3 = this;
795
- if (shallowDiffers(_extends$4({}, prevProps), this.props)) {
801
+ if (shallowDiffers(_extends$5({}, prevProps), this.props)) {
796
802
  this.setState(function() {
797
803
  return _this3.initialState;
798
804
  }, function() {
@@ -820,7 +826,7 @@ var ReactSVG = /* @__PURE__ */ function(_React$Component) {
820
826
  _this$props2.useRequestCache;
821
827
  var wrapper2 = _this$props2.wrapper, rest = _objectWithoutPropertiesLoose$5(_this$props2, _excluded$8);
822
828
  var Wrapper2 = wrapper2;
823
- return /* @__PURE__ */ React$4.createElement(Wrapper2, _extends$4({}, rest, {
829
+ return /* @__PURE__ */ React$4.createElement(Wrapper2, _extends$5({}, rest, {
824
830
  ref: this.refCallback
825
831
  }, wrapper2 === "svg" ? {
826
832
  xmlns: svgNamespace,
@@ -2235,8 +2241,8 @@ function _createClass(Constructor, protoProps, staticProps) {
2235
2241
  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
2236
2242
  return Constructor;
2237
2243
  }
2238
- function _extends$3() {
2239
- _extends$3 = Object.assign || function(target) {
2244
+ function _extends$4() {
2245
+ _extends$4 = Object.assign || function(target) {
2240
2246
  for (var i = 1; i < arguments.length; i++) {
2241
2247
  var source = arguments[i];
2242
2248
  for (var key2 in source) {
@@ -2247,7 +2253,7 @@ function _extends$3() {
2247
2253
  }
2248
2254
  return target;
2249
2255
  };
2250
- return _extends$3.apply(this, arguments);
2256
+ return _extends$4.apply(this, arguments);
2251
2257
  }
2252
2258
  function _inheritsLoose$2(subClass, superClass) {
2253
2259
  subClass.prototype = Object.create(superClass.prototype);
@@ -2571,7 +2577,7 @@ function useTrackElements(_ref) {
2571
2577
  var layerRef = useTrackRef(useCallback(function(layer2) {
2572
2578
  var _get3 = get3(), previousLayer = _get3.layer;
2573
2579
  set2(function(state) {
2574
- return _extends$3({}, state, {
2580
+ return _extends$4({}, state, {
2575
2581
  layer: layer2
2576
2582
  });
2577
2583
  });
@@ -2594,7 +2600,7 @@ function useTrackElements(_ref) {
2594
2600
  var scrollContainers = getScrollContainers(trigger2);
2595
2601
  var _get4 = get3(), previousTrigger = _get4.trigger;
2596
2602
  set2(function(state) {
2597
- return _extends$3({}, state, {
2603
+ return _extends$4({}, state, {
2598
2604
  trigger: trigger2,
2599
2605
  scrollContainers
2600
2606
  });
@@ -2607,7 +2613,7 @@ function useTrackElements(_ref) {
2607
2613
  return;
2608
2614
  }
2609
2615
  set2(function(state) {
2610
- return _extends$3({}, state, {
2616
+ return _extends$4({}, state, {
2611
2617
  scrollContainers: getScrollContainers(triggerOptionParent)
2612
2618
  });
2613
2619
  });
@@ -2774,7 +2780,7 @@ var BoundSide = {
2774
2780
  left: /* @__PURE__ */ createSide("left"),
2775
2781
  right: /* @__PURE__ */ createSide("right")
2776
2782
  };
2777
- var Side = /* @__PURE__ */ _extends$3({}, BoundSide, {
2783
+ var Side = /* @__PURE__ */ _extends$4({}, BoundSide, {
2778
2784
  center: /* @__PURE__ */ createSide("center")
2779
2785
  });
2780
2786
  var SIDES = ["top", "left", "bottom", "right"];
@@ -2870,7 +2876,7 @@ var Bounds = /* @__PURE__ */ function() {
2870
2876
  var _environment$getCompu = environment2.getComputedStyle(element), width2 = _environment$getCompu.width, height2 = _environment$getCompu.height, boxSizing = _environment$getCompu.boxSizing, borderLeft = _environment$getCompu.borderLeft, borderRight = _environment$getCompu.borderRight, borderTop = _environment$getCompu.borderTop, borderBottom = _environment$getCompu.borderBottom, paddingLeft = _environment$getCompu.paddingLeft, paddingRight = _environment$getCompu.paddingRight, paddingTop = _environment$getCompu.paddingTop, paddingBottom = _environment$getCompu.paddingBottom;
2871
2877
  var boxWidth = boxSizing === "border-box" ? getPixelValue(width2) : sumOfPropertyValues(width2, borderLeft, borderRight, paddingLeft, paddingRight);
2872
2878
  var boxHeight = boxSizing === "border-box" ? getPixelValue(height2) : sumOfPropertyValues(height2, borderTop, borderBottom, paddingTop, paddingBottom);
2873
- bounds = new Bounds2(_extends$3({}, bounds, {
2879
+ bounds = new Bounds2(_extends$4({}, bounds, {
2874
2880
  width: boxWidth,
2875
2881
  height: boxHeight
2876
2882
  }));
@@ -2917,7 +2923,7 @@ var Bounds = /* @__PURE__ */ function() {
2917
2923
  };
2918
2924
  _proto.merge = function merge(partialBoundsOrMergeFn) {
2919
2925
  var current = this.toObject();
2920
- return new Bounds2(_extends$3({}, current, typeof partialBoundsOrMergeFn === "function" ? partialBoundsOrMergeFn(current) : partialBoundsOrMergeFn));
2926
+ return new Bounds2(_extends$4({}, current, typeof partialBoundsOrMergeFn === "function" ? partialBoundsOrMergeFn(current) : partialBoundsOrMergeFn));
2921
2927
  };
2922
2928
  _proto.substract = function substract(bounds) {
2923
2929
  var result = this.toObject();
@@ -2984,7 +2990,7 @@ var Placement = /* @__PURE__ */ function() {
2984
2990
  typeof layerDimensions === "function" ? layerDimensions(this.primary.prop) : layerDimensions
2985
2991
  );
2986
2992
  this.subjectsBounds = subjectBounds.merge({
2987
- layer: _extends$3({}, subjectBounds.layer, dimensions)
2993
+ layer: _extends$4({}, subjectBounds.layer, dimensions)
2988
2994
  });
2989
2995
  };
2990
2996
  _proto.getLayerBounds = function getLayerBounds(secondaryOffset) {
@@ -3159,7 +3165,7 @@ function getArrowStyle(subjectsBounds, placement, arrowOffset) {
3159
3165
  var primarySide = placement.primary.prop;
3160
3166
  var secondarySide = placement.primary.oppositeCssProp;
3161
3167
  var secondaryValue = triggerIsBigger ? layer2[sizeProperty] / 2 + negativeOffset : trigger2[secondarySide] + trigger2[sizeProperty] / 2 - layer2[secondarySide];
3162
- return _extends$3({}, STYLE_BASE, (_extends22 = {}, _extends22[primarySide] = "100%", _extends22[secondarySide] = limit(secondaryValue, min, max), _extends22));
3168
+ return _extends$4({}, STYLE_BASE, (_extends22 = {}, _extends22[primarySide] = "100%", _extends22[secondarySide] = limit(secondaryValue, min, max), _extends22));
3163
3169
  }
3164
3170
  var Placements = /* @__PURE__ */ function() {
3165
3171
  function Placements2(placements, config, subjectsBounds) {
@@ -3288,11 +3294,11 @@ var Placements = /* @__PURE__ */ function() {
3288
3294
  var arrow2 = getArrowStyle(this.subjectsBounds.merge({
3289
3295
  layer: layerBounds
3290
3296
  }), placement, this.config.arrowOffset);
3291
- var layer2 = this.config.overflowContainer ? _extends$3({}, layerStyleBase, {
3297
+ var layer2 = this.config.overflowContainer ? _extends$4({}, layerStyleBase, {
3292
3298
  position: "fixed",
3293
3299
  top: layerBounds.top,
3294
3300
  left: layerBounds.left
3295
- }) : _extends$3({}, layerStyleBase, {
3301
+ }) : _extends$4({}, layerStyleBase, {
3296
3302
  position: "absolute",
3297
3303
  top: layerBounds.top - this.subjectsBounds.parent.top + scrollOffsets.top - borderOffsets.top,
3298
3304
  left: layerBounds.left - this.subjectsBounds.parent.left + scrollOffsets.left - borderOffsets.left
@@ -3367,7 +3373,7 @@ var SubjectsBounds = /* @__PURE__ */ function() {
3367
3373
  };
3368
3374
  var _proto = SubjectsBounds2.prototype;
3369
3375
  _proto.merge = function merge(subjectsBounds) {
3370
- return new SubjectsBounds2(_extends$3({}, this, subjectsBounds), this.overflowContainer);
3376
+ return new SubjectsBounds2(_extends$4({}, this, subjectsBounds), this.overflowContainer);
3371
3377
  };
3372
3378
  _proto.offsetsToScrollContainers = function offsetsToScrollContainers(subject, allContainers) {
3373
3379
  if (allContainers === void 0) {
@@ -3602,10 +3608,10 @@ var Arrow = /* @__PURE__ */ forwardRef(function Arrow2(_ref2, ref) {
3602
3608
  var sizeA = size2;
3603
3609
  var sizeB = getWidthBasedOnAngle(angle, size2) * 2;
3604
3610
  var maxSize = Math.max(sizeA, sizeB);
3605
- return createElement("svg", _extends$3({
3611
+ return createElement("svg", _extends$4({
3606
3612
  ref
3607
3613
  }, rest, {
3608
- style: _extends$3({}, style, {
3614
+ style: _extends$4({}, style, {
3609
3615
  transform: "translate" + (side.isHorizontal ? "Y" : "X") + "(-50%)"
3610
3616
  }),
3611
3617
  width: maxSize,
@@ -8277,8 +8283,8 @@ function _interopRequireWildcard$2(obj, nodeInterop) {
8277
8283
  }
8278
8284
  return newObj;
8279
8285
  }
8280
- function _extends$2() {
8281
- _extends$2 = Object.assign ? Object.assign.bind() : function(target) {
8286
+ function _extends$3() {
8287
+ _extends$3 = Object.assign ? Object.assign.bind() : function(target) {
8282
8288
  for (var i = 1; i < arguments.length; i++) {
8283
8289
  var source = arguments[i];
8284
8290
  for (var key2 in source) {
@@ -8289,7 +8295,7 @@ function _extends$2() {
8289
8295
  }
8290
8296
  return target;
8291
8297
  };
8292
- return _extends$2.apply(this, arguments);
8298
+ return _extends$3.apply(this, arguments);
8293
8299
  }
8294
8300
  function _objectWithoutPropertiesLoose$3(source, excluded) {
8295
8301
  if (source == null) return {};
@@ -8494,7 +8500,7 @@ var Resizable$1 = /* @__PURE__ */ function(_React$Component) {
8494
8500
  children: [].concat(children.props.children, resizeHandles.map(function(handleAxis) {
8495
8501
  var _this3$handleRefs$han;
8496
8502
  var ref = (_this3$handleRefs$han = _this3.handleRefs[handleAxis]) != null ? _this3$handleRefs$han : _this3.handleRefs[handleAxis] = /* @__PURE__ */ React$2.createRef();
8497
- return /* @__PURE__ */ React$2.createElement(_reactDraggable.DraggableCore, _extends$2({}, draggableOpts, {
8503
+ return /* @__PURE__ */ React$2.createElement(_reactDraggable.DraggableCore, _extends$3({}, draggableOpts, {
8498
8504
  nodeRef: ref,
8499
8505
  key: "resizableHandle-" + handleAxis,
8500
8506
  onStop: _this3.resizeHandler("onResizeStop", handleAxis),
@@ -8565,8 +8571,8 @@ function _interopRequireWildcard$1(obj, nodeInterop) {
8565
8571
  }
8566
8572
  return newObj;
8567
8573
  }
8568
- function _extends$1() {
8569
- _extends$1 = Object.assign ? Object.assign.bind() : function(target) {
8574
+ function _extends$2() {
8575
+ _extends$2 = Object.assign ? Object.assign.bind() : function(target) {
8570
8576
  for (var i = 1; i < arguments.length; i++) {
8571
8577
  var source = arguments[i];
8572
8578
  for (var key2 in source) {
@@ -8577,7 +8583,7 @@ function _extends$1() {
8577
8583
  }
8578
8584
  return target;
8579
8585
  };
8580
- return _extends$1.apply(this, arguments);
8586
+ return _extends$2.apply(this, arguments);
8581
8587
  }
8582
8588
  function ownKeys$1(object2, enumerableOnly) {
8583
8589
  var keys2 = Object.keys(object2);
@@ -8708,7 +8714,7 @@ var ResizableBox = /* @__PURE__ */ function(_React$Component) {
8708
8714
  resizeHandles,
8709
8715
  transformScale,
8710
8716
  width: this.state.width
8711
- }, /* @__PURE__ */ React$1.createElement("div", _extends$1({}, props, {
8717
+ }, /* @__PURE__ */ React$1.createElement("div", _extends$2({}, props, {
8712
8718
  style: _objectSpread$5(_objectSpread$5({}, style), {}, {
8713
8719
  width: this.state.width + "px",
8714
8720
  height: this.state.height + "px"
@@ -9092,7 +9098,7 @@ const Input$1 = forwardRef(
9092
9098
  },
9093
9099
  onPaste = () => {
9094
9100
  },
9095
- selectOnFocus = false,
9101
+ selectOnFocus = true,
9096
9102
  name: name2 = void 0,
9097
9103
  type = "text",
9098
9104
  tabIndex = 0,
@@ -9124,7 +9130,7 @@ const Input$1 = forwardRef(
9124
9130
  const handleFocus = (e2) => {
9125
9131
  onFocus(e2);
9126
9132
  if (selectOnFocus) {
9127
- setTimeout(() => e2.target.select(), 50);
9133
+ setTimeout(() => e2.target.select(), 0);
9128
9134
  }
9129
9135
  };
9130
9136
  return /* @__PURE__ */ jsx("div", { style: { width: width2 }, className: order2, children: /* @__PURE__ */ jsx(
@@ -15700,6 +15706,15 @@ const useWindowWidth = () => {
15700
15706
  }, []);
15701
15707
  return width2;
15702
15708
  };
15709
+ function _extends$1() {
15710
+ return _extends$1 = Object.assign ? Object.assign.bind() : function(n2) {
15711
+ for (var e2 = 1; e2 < arguments.length; e2++) {
15712
+ var t = arguments[e2];
15713
+ for (var r2 in t) ({}).hasOwnProperty.call(t, r2) && (n2[r2] = t[r2]);
15714
+ }
15715
+ return n2;
15716
+ }, _extends$1.apply(null, arguments);
15717
+ }
15703
15718
  function _assertThisInitialized(e2) {
15704
15719
  if (void 0 === e2) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
15705
15720
  return e2;
@@ -16072,7 +16087,7 @@ function createListComponent(_ref) {
16072
16087
  className,
16073
16088
  onScroll,
16074
16089
  ref: this._outerRefSetter,
16075
- style: _extends$4({
16090
+ style: _extends$1({
16076
16091
  position: "relative",
16077
16092
  height: height2,
16078
16093
  width: width2,
@@ -48160,7 +48175,6 @@ var interopRequireDefault = { exports: {} };
48160
48175
  module.exports = _interopRequireDefault2, module.exports.__esModule = true, module.exports["default"] = module.exports;
48161
48176
  })(interopRequireDefault);
48162
48177
  var interopRequireDefaultExports = interopRequireDefault.exports;
48163
- const require$$2 = /* @__PURE__ */ getAugmentedNamespace(_extends$5);
48164
48178
  const richTextToolbar = "_richTextToolbar_1gbkk_1";
48165
48179
  const richTextToolbarContainer = "_richTextToolbarContainer_1gbkk_5";
48166
48180
  const styles$h = {
@@ -49461,7 +49475,7 @@ var Handle$2 = /* @__PURE__ */ React$4.forwardRef(function(props, ref) {
49461
49475
  }
49462
49476
  };
49463
49477
  var positionStyle = getDirectionStyle(direction, value, min, max);
49464
- var handleNode = /* @__PURE__ */ React$4.createElement("div", _extends$4({
49478
+ var handleNode = /* @__PURE__ */ React$4.createElement("div", _extends$1({
49465
49479
  ref,
49466
49480
  className: cx$2(handlePrefixCls, (_classNames = {}, _defineProperty$7(_classNames, "".concat(handlePrefixCls, "-").concat(valueIndex + 1), range2), _defineProperty$7(_classNames, "".concat(handlePrefixCls, "-dragging"), dragging), _classNames)),
49467
49481
  style: _objectSpread2$1(_objectSpread2$1({}, positionStyle), style),
@@ -49505,7 +49519,7 @@ var Handles = /* @__PURE__ */ React$4.forwardRef(function(props, ref) {
49505
49519
  };
49506
49520
  });
49507
49521
  return /* @__PURE__ */ React$4.createElement(React$4.Fragment, null, values2.map(function(value, index2) {
49508
- return /* @__PURE__ */ React$4.createElement(Handle$2, _extends$4({
49522
+ return /* @__PURE__ */ React$4.createElement(Handle$2, _extends$1({
49509
49523
  ref: function ref2(node2) {
49510
49524
  if (!node2) {
49511
49525
  delete handlesRef.current[index2];
@@ -50875,7 +50889,7 @@ Object.defineProperty(Handle$1, "__esModule", {
50875
50889
  value: true
50876
50890
  });
50877
50891
  var default_1 = Handle$1.default = void 0;
50878
- var _extends2 = _interopRequireDefault(require$$2);
50892
+ var _extends2 = _interopRequireDefault(require_extends());
50879
50893
  var _objectSpread2 = _interopRequireDefault(requireObjectSpread2());
50880
50894
  var _defineProperty2 = _interopRequireDefault(requireDefineProperty());
50881
50895
  var _objectWithoutProperties2 = _interopRequireDefault(requireObjectWithoutProperties());
@@ -51468,7 +51482,7 @@ const NumberInput = ({
51468
51482
  },
51469
51483
  onBlur = () => {
51470
51484
  },
51471
- selectOnFocus = false,
51485
+ selectOnFocus,
51472
51486
  tabIndex = 0,
51473
51487
  testId,
51474
51488
  tooltip: tooltip2 = null,
@@ -51553,11 +51567,7 @@ const NumberInput = ({
51553
51567
  useEffect(() => {
51554
51568
  if (inputRef && (inputRef == null ? void 0 : inputRef.current) && enableDisplayRounding && focus2) {
51555
51569
  const textInput = inputRef.current;
51556
- if (textInput) {
51557
- if (selectOnFocus) {
51558
- textInput.select();
51559
- return;
51560
- }
51570
+ if (textInput && !selectOnFocus) {
51561
51571
  setTimeout(() => {
51562
51572
  const { length: length2 } = safeToString(displayValue);
51563
51573
  textInput.setSelectionRange(length2, length2);
@@ -66439,7 +66449,7 @@ const UnitInput = ({
66439
66449
  enableCosmeticRounding = true,
66440
66450
  enableDisplayRounding = false,
66441
66451
  roundDisplayValue,
66442
- selectOnFocus = false
66452
+ selectOnFocus
66443
66453
  }) => {
66444
66454
  const context2 = useUnitContext();
66445
66455
  const runAfterUpdate = useRunAfterUpdate();
@@ -66808,7 +66818,6 @@ const convertVisibleRows = ({
66808
66818
  enableCosmeticRounding,
66809
66819
  enableDisplayRounding,
66810
66820
  roundDisplayValue,
66811
- selectOnFocus: true,
66812
66821
  onChange: (evt) => {
66813
66822
  const { value: value2 } = evt.target;
66814
66823
  const storageUnit2 = storageUnits[unitKey];