@sunggang/ui-lib 0.1.76 → 0.1.77

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.
Files changed (3) hide show
  1. package/index.esm.css +3 -0
  2. package/index.esm.js +141 -80
  3. package/package.json +1 -1
package/index.esm.css CHANGED
@@ -990,6 +990,9 @@ video {
990
990
  .overflow-hidden {
991
991
  overflow: hidden;
992
992
  }
993
+ .overflow-scroll {
994
+ overflow: scroll;
995
+ }
993
996
  .overflow-y-auto {
994
997
  overflow-y: auto;
995
998
  }
package/index.esm.js CHANGED
@@ -3787,7 +3787,7 @@ function _create_class$1(Constructor, protoProps, staticProps) {
3787
3787
  if (staticProps) _defineProperties$2(Constructor, staticProps);
3788
3788
  return Constructor;
3789
3789
  }
3790
- function _define_property$9(obj, key, value) {
3790
+ function _define_property$a(obj, key, value) {
3791
3791
  if (key in obj) {
3792
3792
  Object.defineProperty(obj, key, {
3793
3793
  value: value,
@@ -3862,7 +3862,7 @@ function _iterable_to_array_limit$4(arr, i) {
3862
3862
  function _non_iterable_rest$4() {
3863
3863
  throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
3864
3864
  }
3865
- function _object_spread$9(target) {
3865
+ function _object_spread$a(target) {
3866
3866
  for(var i = 1; i < arguments.length; i++){
3867
3867
  var source = arguments[i] != null ? arguments[i] : {};
3868
3868
  var ownKeys = Object.keys(source);
@@ -3872,12 +3872,12 @@ function _object_spread$9(target) {
3872
3872
  }));
3873
3873
  }
3874
3874
  ownKeys.forEach(function(key) {
3875
- _define_property$9(target, key, source[key]);
3875
+ _define_property$a(target, key, source[key]);
3876
3876
  });
3877
3877
  }
3878
3878
  return target;
3879
3879
  }
3880
- function ownKeys$8(object, enumerableOnly) {
3880
+ function ownKeys$9(object, enumerableOnly) {
3881
3881
  var keys = Object.keys(object);
3882
3882
  if (Object.getOwnPropertySymbols) {
3883
3883
  var symbols = Object.getOwnPropertySymbols(object);
@@ -3890,12 +3890,12 @@ function ownKeys$8(object, enumerableOnly) {
3890
3890
  }
3891
3891
  return keys;
3892
3892
  }
3893
- function _object_spread_props$5(target, source) {
3893
+ function _object_spread_props$6(target, source) {
3894
3894
  source = source != null ? source : {};
3895
3895
  if (Object.getOwnPropertyDescriptors) {
3896
3896
  Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
3897
3897
  } else {
3898
- ownKeys$8(Object(source)).forEach(function(key) {
3898
+ ownKeys$9(Object(source)).forEach(function(key) {
3899
3899
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
3900
3900
  });
3901
3901
  }
@@ -4131,7 +4131,7 @@ var EditorWatchdog = /*#__PURE__*/ function(Watchdog) {
4131
4131
  }
4132
4132
  }
4133
4133
  }
4134
- var updatedConfig = _object_spread_props$5(_object_spread$9({}, _this._config), {
4134
+ var updatedConfig = _object_spread_props$6(_object_spread$a({}, _this._config), {
4135
4135
  extraPlugins: _this._config.extraPlugins || [],
4136
4136
  lazyRoots: lazyRoots,
4137
4137
  rootsAttributes: rootsAttributes,
@@ -4525,7 +4525,7 @@ var EditorWatchdog = /*#__PURE__*/ function(Watchdog) {
4525
4525
  var startPosition = writer.createPositionFromPath(root, start.path, start.stickiness);
4526
4526
  var endPosition = writer.createPositionFromPath(root, end.path, end.stickiness);
4527
4527
  var range = writer.createRange(startPosition, endPosition);
4528
- writer.addMarker(markerName, _object_spread$9({
4528
+ writer.addMarker(markerName, _object_spread$a({
4529
4529
  range: range
4530
4530
  }, options));
4531
4531
  });
@@ -4547,7 +4547,7 @@ var EditorWatchdog = /*#__PURE__*/ function(Watchdog) {
4547
4547
  var commentThread = commentsRepository.getCommentThread(commentThreadData.threadId);
4548
4548
  commentThread.remove();
4549
4549
  }
4550
- commentsRepository.addCommentThread(_object_spread$9({
4550
+ commentsRepository.addCommentThread(_object_spread$a({
4551
4551
  channelId: channelId
4552
4552
  }, commentThreadData));
4553
4553
  });
@@ -68730,7 +68730,7 @@ function _iterableToArray$2(iter) {
68730
68730
  function _arrayWithoutHoles$2(arr) {
68731
68731
  if (Array.isArray(arr)) return _arrayLikeToArray$2(arr);
68732
68732
  }
68733
- function ownKeys$7(object, enumerableOnly) {
68733
+ function ownKeys$8(object, enumerableOnly) {
68734
68734
  var keys = Object.keys(object);
68735
68735
  if (Object.getOwnPropertySymbols) {
68736
68736
  var symbols = Object.getOwnPropertySymbols(object);
@@ -68743,9 +68743,9 @@ function ownKeys$7(object, enumerableOnly) {
68743
68743
  function _objectSpread$1(target) {
68744
68744
  for(var i = 1; i < arguments.length; i++){
68745
68745
  var source = null != arguments[i] ? arguments[i] : {};
68746
- i % 2 ? ownKeys$7(Object(source), !0).forEach(function(key) {
68746
+ i % 2 ? ownKeys$8(Object(source), !0).forEach(function(key) {
68747
68747
  _defineProperty$3(target, key, source[key]);
68748
- }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function(key) {
68748
+ }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function(key) {
68749
68749
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
68750
68750
  });
68751
68751
  }
@@ -69139,7 +69139,7 @@ function _iterableToArrayLimit$1(arr, i) {
69139
69139
  function _arrayWithHoles$1(arr) {
69140
69140
  if (Array.isArray(arr)) return arr;
69141
69141
  }
69142
- function ownKeys$6(object, enumerableOnly) {
69142
+ function ownKeys$7(object, enumerableOnly) {
69143
69143
  var keys = Object.keys(object);
69144
69144
  if (Object.getOwnPropertySymbols) {
69145
69145
  var symbols = Object.getOwnPropertySymbols(object);
@@ -69152,9 +69152,9 @@ function ownKeys$6(object, enumerableOnly) {
69152
69152
  function _objectSpread(target) {
69153
69153
  for(var i = 1; i < arguments.length; i++){
69154
69154
  var source = null != arguments[i] ? arguments[i] : {};
69155
- i % 2 ? ownKeys$6(Object(source), !0).forEach(function(key) {
69155
+ i % 2 ? ownKeys$7(Object(source), !0).forEach(function(key) {
69156
69156
  _defineProperty$2(target, key, source[key]);
69157
- }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function(key) {
69157
+ }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function(key) {
69158
69158
  Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
69159
69159
  });
69160
69160
  }
@@ -70145,7 +70145,7 @@ function _defineProperty$1(e, r, t) {
70145
70145
  }) : e[r] = t, e;
70146
70146
  }
70147
70147
 
70148
- function ownKeys$5(e, r) {
70148
+ function ownKeys$6(e, r) {
70149
70149
  var t = Object.keys(e);
70150
70150
  if (Object.getOwnPropertySymbols) {
70151
70151
  var o = Object.getOwnPropertySymbols(e);
@@ -70158,9 +70158,9 @@ function ownKeys$5(e, r) {
70158
70158
  function _objectSpread2$7(e) {
70159
70159
  for(var r = 1; r < arguments.length; r++){
70160
70160
  var t = null != arguments[r] ? arguments[r] : {};
70161
- r % 2 ? ownKeys$5(Object(t), !0).forEach(function(r) {
70161
+ r % 2 ? ownKeys$6(Object(t), !0).forEach(function(r) {
70162
70162
  _defineProperty$1(e, r, t[r]);
70163
- }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function(r) {
70163
+ }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function(r) {
70164
70164
  Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
70165
70165
  });
70166
70166
  }
@@ -79526,6 +79526,116 @@ var ConnectedDroppable = connect(makeMapStateToProps$1, mapDispatchToProps$1, nu
79526
79526
  })(Droppable);
79527
79527
  ConnectedDroppable.defaultProps = defaultProps;
79528
79528
 
79529
+ function _define_property$9(obj, key, value) {
79530
+ if (key in obj) {
79531
+ Object.defineProperty(obj, key, {
79532
+ value: value,
79533
+ enumerable: true,
79534
+ configurable: true,
79535
+ writable: true
79536
+ });
79537
+ } else {
79538
+ obj[key] = value;
79539
+ }
79540
+ return obj;
79541
+ }
79542
+ function _object_spread$9(target) {
79543
+ for(var i = 1; i < arguments.length; i++){
79544
+ var source = arguments[i] != null ? arguments[i] : {};
79545
+ var ownKeys = Object.keys(source);
79546
+ if (typeof Object.getOwnPropertySymbols === "function") {
79547
+ ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
79548
+ return Object.getOwnPropertyDescriptor(source, sym).enumerable;
79549
+ }));
79550
+ }
79551
+ ownKeys.forEach(function(key) {
79552
+ _define_property$9(target, key, source[key]);
79553
+ });
79554
+ }
79555
+ return target;
79556
+ }
79557
+ function ownKeys$5(object, enumerableOnly) {
79558
+ var keys = Object.keys(object);
79559
+ if (Object.getOwnPropertySymbols) {
79560
+ var symbols = Object.getOwnPropertySymbols(object);
79561
+ if (enumerableOnly) {
79562
+ symbols = symbols.filter(function(sym) {
79563
+ return Object.getOwnPropertyDescriptor(object, sym).enumerable;
79564
+ });
79565
+ }
79566
+ keys.push.apply(keys, symbols);
79567
+ }
79568
+ return keys;
79569
+ }
79570
+ function _object_spread_props$5(target, source) {
79571
+ source = source != null ? source : {};
79572
+ if (Object.getOwnPropertyDescriptors) {
79573
+ Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
79574
+ } else {
79575
+ ownKeys$5(Object(source)).forEach(function(key) {
79576
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
79577
+ });
79578
+ }
79579
+ return target;
79580
+ }
79581
+ var DragDropImages = function(param) {
79582
+ var imageUrls = param.imageUrls, onDragEnd = param.onDragEnd, handleRemove = param.handleRemove;
79583
+ return /*#__PURE__*/ jsx(DragDropContext, {
79584
+ onDragEnd: onDragEnd,
79585
+ children: /*#__PURE__*/ jsx(ConnectedDroppable, {
79586
+ droppableId: "droppable-imageUrls",
79587
+ direction: "horizontal",
79588
+ children: function(provided) {
79589
+ return /*#__PURE__*/ jsxs("div", _object_spread_props$5(_object_spread$9({
79590
+ ref: provided.innerRef
79591
+ }, provided.droppableProps), {
79592
+ className: "flex gap-2 overflow-scroll",
79593
+ children: [
79594
+ (imageUrls === null || imageUrls === void 0 ? void 0 : imageUrls.length) ? imageUrls.map(function(item, index) {
79595
+ return /*#__PURE__*/ jsx(PublicDraggable, {
79596
+ draggableId: item === null || item === void 0 ? void 0 : item.id,
79597
+ index: index,
79598
+ children: function(provided) {
79599
+ return /*#__PURE__*/ jsxs("div", _object_spread_props$5(_object_spread$9({
79600
+ ref: provided.innerRef
79601
+ }, provided.draggableProps, provided.dragHandleProps), {
79602
+ className: "w-24 my-2 rounded-lg bg-gray-200",
79603
+ children: [
79604
+ /*#__PURE__*/ jsx("img", {
79605
+ className: "w-24 h-24 object-cover",
79606
+ src: (item === null || item === void 0 ? void 0 : item.url) || (item === null || item === void 0 ? void 0 : item.preview),
79607
+ alt: ""
79608
+ }),
79609
+ /*#__PURE__*/ jsxs("div", {
79610
+ className: "flex gap-2 justify-between items-center p-2",
79611
+ children: [
79612
+ /*#__PURE__*/ jsx("div", {
79613
+ className: "bg-white w-6 h-6 rounded-full flex items-center justify-center",
79614
+ children: index + 1
79615
+ }),
79616
+ /*#__PURE__*/ jsx(Icon, {
79617
+ icon: "mingcute:delete-2-line",
79618
+ width: "1.5rem",
79619
+ height: "1.5rem",
79620
+ onClick: function() {
79621
+ return handleRemove(item);
79622
+ }
79623
+ })
79624
+ ]
79625
+ })
79626
+ ]
79627
+ }));
79628
+ }
79629
+ }, item === null || item === void 0 ? void 0 : item.id);
79630
+ }) : null,
79631
+ provided.placeholder
79632
+ ]
79633
+ }));
79634
+ }
79635
+ })
79636
+ });
79637
+ };
79638
+
79529
79639
  function _array_like_to_array$5(arr, len) {
79530
79640
  if (len == null || len > arr.length) len = arr.length;
79531
79641
  for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
@@ -79657,17 +79767,17 @@ var DropImage = function(param) {
79657
79767
  maxFiles: 10,
79658
79768
  maxSize: 5000000,
79659
79769
  onDrop: function(dropFiles) {
79660
- var newFiles = dropFiles.map(function(dropFile) {
79661
- return {
79662
- url: URL.createObjectURL(dropFile),
79663
- id: v4(),
79770
+ var newFiles = [];
79771
+ setFiles(dropFiles);
79772
+ dropFiles.forEach(function(dropFile) {
79773
+ Object.assign(dropFile, {
79664
79774
  preview: URL.createObjectURL(dropFile),
79665
- index: (previewFiles === null || previewFiles === void 0 ? void 0 : previewFiles.length) + 1
79666
- };
79667
- });
79668
- setFiles(newFiles);
79669
- setPreviewFiles(function(prev) {
79670
- return _to_consumable_array$2(prev).concat(_to_consumable_array$2(newFiles));
79775
+ uuid: v4()
79776
+ });
79777
+ newFiles.push(dropFile);
79778
+ setPreviewFiles(function(prev) {
79779
+ return _to_consumable_array$2(prev).concat(_to_consumable_array$2(newFiles));
79780
+ });
79671
79781
  });
79672
79782
  }
79673
79783
  }), getRootProps = _useDropzone.getRootProps, getInputProps = _useDropzone.getInputProps; _useDropzone.isDragActive; _useDropzone.isDragAccept; _useDropzone.isDragReject;
@@ -79733,59 +79843,10 @@ var DropImage = function(param) {
79733
79843
  })),
79734
79844
  preview && /*#__PURE__*/ jsx("div", {
79735
79845
  className: "flex pt-2",
79736
- children: /*#__PURE__*/ jsx(DragDropContext, {
79846
+ children: /*#__PURE__*/ jsx(DragDropImages, {
79847
+ imageUrls: previewFiles,
79737
79848
  onDragEnd: onDragEnd,
79738
- children: /*#__PURE__*/ jsx(ConnectedDroppable, {
79739
- droppableId: "droppable-imageUrls",
79740
- direction: "horizontal",
79741
- children: function(provided) {
79742
- return /*#__PURE__*/ jsxs("div", _object_spread_props$4(_object_spread$8({
79743
- ref: provided.innerRef
79744
- }, provided.droppableProps), {
79745
- className: "flex gap-2",
79746
- children: [
79747
- (previewFiles === null || previewFiles === void 0 ? void 0 : previewFiles.length) ? previewFiles.map(function(item, index) {
79748
- return /*#__PURE__*/ jsx(PublicDraggable, {
79749
- draggableId: item === null || item === void 0 ? void 0 : item.id,
79750
- index: index,
79751
- children: function(provided) {
79752
- return /*#__PURE__*/ jsxs("div", _object_spread_props$4(_object_spread$8({
79753
- ref: provided.innerRef
79754
- }, provided.draggableProps, provided.dragHandleProps), {
79755
- className: "w-24 my-2 rounded-lg bg-gray-200",
79756
- children: [
79757
- /*#__PURE__*/ jsx("img", {
79758
- className: "w-24 h-24 object-cover",
79759
- src: (item === null || item === void 0 ? void 0 : item.url) || (item === null || item === void 0 ? void 0 : item.preview),
79760
- alt: ""
79761
- }),
79762
- /*#__PURE__*/ jsxs("div", {
79763
- className: "flex gap-2 justify-between items-center p-2",
79764
- children: [
79765
- /*#__PURE__*/ jsx("div", {
79766
- className: "bg-white w-6 h-6 rounded-full flex items-center justify-center",
79767
- children: index + 1
79768
- }),
79769
- /*#__PURE__*/ jsx(Icon, {
79770
- icon: "mingcute:delete-2-line",
79771
- width: "1.5rem",
79772
- height: "1.5rem",
79773
- onClick: function() {
79774
- return handleRemove(item);
79775
- }
79776
- })
79777
- ]
79778
- })
79779
- ]
79780
- }));
79781
- }
79782
- }, item === null || item === void 0 ? void 0 : item.id);
79783
- }) : null,
79784
- provided.placeholder
79785
- ]
79786
- }));
79787
- }
79788
- })
79849
+ handleRemove: handleRemove
79789
79850
  })
79790
79851
  })
79791
79852
  ]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sunggang/ui-lib",
3
- "version": "0.1.76",
3
+ "version": "0.1.77",
4
4
  "dependencies": {
5
5
  "@iconify/react": "^4.1.1",
6
6
  "@mdx-js/react": "^3.0.1",