@sunggang/ui-lib 0.3.22 → 0.3.24

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 (5) hide show
  1. package/index.esm2.js +243 -253
  2. package/package.json +1 -1
  3. package/src/lib/DragDrop/CustomDragDropImage.d.ts +0 -1
  4. package/src/lib/DragDrop/PrimaryDragDropImage.d.ts +0 -1
  5. package/src/lib/DragDrop/dragDropImages.d.ts +0 -1
package/index.esm2.js CHANGED
@@ -17551,60 +17551,57 @@ function _object_spread_props$m(target, source) {
17551
17551
  return target;
17552
17552
  }
17553
17553
  var DragDropImages = function(param) {
17554
- var imageUrls = param.imageUrls, onDragEnd = param.onDragEnd, handleRemove = param.handleRemove;
17555
- return /*#__PURE__*/ jsx(DragDropContext, {
17556
- onDragEnd: onDragEnd,
17557
- children: /*#__PURE__*/ jsx(ConnectedDroppable, {
17558
- droppableId: "droppable-imageUrls",
17559
- direction: "horizontal",
17560
- children: function(provided) {
17561
- return /*#__PURE__*/ jsxs("div", _object_spread_props$m(_object_spread$q({
17562
- ref: provided.innerRef
17563
- }, provided.droppableProps), {
17564
- className: "flex gap-2",
17565
- children: [
17566
- (imageUrls === null || imageUrls === void 0 ? void 0 : imageUrls.length) ? imageUrls.map(function(item, index) {
17567
- return /*#__PURE__*/ jsx(PublicDraggable, {
17568
- draggableId: item === null || item === void 0 ? void 0 : item.id,
17569
- index: index,
17570
- children: function(provided) {
17571
- return /*#__PURE__*/ jsxs("div", _object_spread_props$m(_object_spread$q({
17572
- ref: provided.innerRef
17573
- }, provided.draggableProps, provided.dragHandleProps), {
17574
- className: "w-24 my-2 rounded-lg bg-gray-200",
17575
- children: [
17576
- /*#__PURE__*/ jsx("img", {
17577
- className: "w-24 h-24 object-cover",
17578
- src: (item === null || item === void 0 ? void 0 : item.url) || (item === null || item === void 0 ? void 0 : item.preview),
17579
- alt: ""
17580
- }),
17581
- /*#__PURE__*/ jsxs("div", {
17582
- className: "flex gap-2 justify-between items-center p-2",
17583
- children: [
17584
- /*#__PURE__*/ jsx("div", {
17585
- className: "bg-white w-6 h-6 rounded-full flex items-center justify-center",
17586
- children: index + 1
17587
- }),
17588
- /*#__PURE__*/ jsx(Icon, {
17589
- icon: "mingcute:delete-2-line",
17590
- width: "1.5rem",
17591
- height: "1.5rem",
17592
- onClick: function() {
17593
- return handleRemove(item);
17594
- }
17595
- })
17596
- ]
17597
- })
17598
- ]
17599
- }));
17600
- }
17601
- }, item === null || item === void 0 ? void 0 : item.id);
17602
- }) : null,
17603
- provided.placeholder
17604
- ]
17605
- }));
17606
- }
17607
- })
17554
+ var imageUrls = param.imageUrls, handleRemove = param.handleRemove;
17555
+ return /*#__PURE__*/ jsx(ConnectedDroppable, {
17556
+ droppableId: "droppable-imageUrls",
17557
+ direction: "horizontal",
17558
+ children: function(provided) {
17559
+ return /*#__PURE__*/ jsxs("div", _object_spread_props$m(_object_spread$q({
17560
+ ref: provided.innerRef
17561
+ }, provided.droppableProps), {
17562
+ className: "flex gap-2",
17563
+ children: [
17564
+ (imageUrls === null || imageUrls === void 0 ? void 0 : imageUrls.length) ? imageUrls.map(function(item, index) {
17565
+ return /*#__PURE__*/ jsx(PublicDraggable, {
17566
+ draggableId: item === null || item === void 0 ? void 0 : item.id,
17567
+ index: index,
17568
+ children: function(provided) {
17569
+ return /*#__PURE__*/ jsxs("div", _object_spread_props$m(_object_spread$q({
17570
+ ref: provided.innerRef
17571
+ }, provided.draggableProps, provided.dragHandleProps), {
17572
+ className: "w-24 my-2 rounded-lg bg-gray-200",
17573
+ children: [
17574
+ /*#__PURE__*/ jsx("img", {
17575
+ className: "w-24 h-24 object-cover",
17576
+ src: (item === null || item === void 0 ? void 0 : item.url) || (item === null || item === void 0 ? void 0 : item.preview),
17577
+ alt: ""
17578
+ }),
17579
+ /*#__PURE__*/ jsxs("div", {
17580
+ className: "flex gap-2 justify-between items-center p-2",
17581
+ children: [
17582
+ /*#__PURE__*/ jsx("div", {
17583
+ className: "bg-white w-6 h-6 rounded-full flex items-center justify-center",
17584
+ children: index + 1
17585
+ }),
17586
+ /*#__PURE__*/ jsx(Icon, {
17587
+ icon: "mingcute:delete-2-line",
17588
+ width: "1.5rem",
17589
+ height: "1.5rem",
17590
+ onClick: function() {
17591
+ return handleRemove(item);
17592
+ }
17593
+ })
17594
+ ]
17595
+ })
17596
+ ]
17597
+ }));
17598
+ }
17599
+ }, item === null || item === void 0 ? void 0 : item.id);
17600
+ }) : null,
17601
+ provided.placeholder
17602
+ ]
17603
+ }));
17604
+ }
17608
17605
  });
17609
17606
  };
17610
17607
 
@@ -17661,68 +17658,65 @@ function _object_spread_props$l(target, source) {
17661
17658
  return target;
17662
17659
  }
17663
17660
  var CustomDragDropImages = function(param) {
17664
- var imageUrls = param.imageUrls, onDragEnd = param.onDragEnd, handleRemove = param.handleRemove;
17665
- return /*#__PURE__*/ jsx(DragDropContext, {
17666
- onDragEnd: onDragEnd,
17667
- children: /*#__PURE__*/ jsx(ConnectedDroppable, {
17668
- droppableId: "droppable-imageUrls",
17669
- direction: "horizontal",
17670
- children: function(provided) {
17671
- return /*#__PURE__*/ jsxs("div", _object_spread_props$l(_object_spread$p({
17672
- ref: provided.innerRef
17673
- }, provided.droppableProps), {
17674
- children: [
17675
- /*#__PURE__*/ jsx("div", {
17676
- className: "text-[#E73700] mt-5 mb-6",
17677
- children: "*單次只可上傳10張照片，照片檔案不可超過5MB"
17678
- }),
17679
- /*#__PURE__*/ jsxs("div", {
17680
- className: "flex gap-9",
17681
- children: [
17682
- (imageUrls === null || imageUrls === void 0 ? void 0 : imageUrls.length) ? imageUrls.map(function(item, index) {
17683
- return /*#__PURE__*/ jsx(PublicDraggable, {
17684
- draggableId: item === null || item === void 0 ? void 0 : item.id,
17685
- index: index,
17686
- children: function(provided) {
17687
- return /*#__PURE__*/ jsxs("div", _object_spread_props$l(_object_spread$p({
17688
- ref: provided.innerRef
17689
- }, provided.draggableProps, provided.dragHandleProps), {
17690
- className: "w-[172px] my-2 rounded-lg relative p-2 bg-white border border-[#B8B8B8] shadow-[2px_6px_8px_0px_rgba(0,0,0,0.12)]",
17691
- children: [
17692
- /*#__PURE__*/ jsx(Icon, {
17693
- className: "absolute -right-4 -top-4 bg-white rounded-full z-10",
17694
- color: "#E73700",
17695
- icon: "zondicons:close-solid",
17696
- width: "2.215rem",
17697
- height: "2.215rem",
17698
- onClick: function() {
17699
- return handleRemove(item);
17700
- }
17701
- }),
17702
- /*#__PURE__*/ jsx("img", {
17703
- className: "w-[156px] h-[100px] object-cover",
17704
- src: (item === null || item === void 0 ? void 0 : item.url) || (item === null || item === void 0 ? void 0 : item.preview),
17705
- alt: ""
17706
- }),
17707
- /*#__PURE__*/ jsx("div", {
17708
- className: "flex gap-2 justify-center items-center p-2",
17709
- children: /*#__PURE__*/ jsx("div", {
17710
- className: "bg-[#56CFCF] text-white w-7 h-7 rounded-full flex items-center justify-center",
17711
- children: index + 1
17712
- })
17661
+ var imageUrls = param.imageUrls, handleRemove = param.handleRemove;
17662
+ return /*#__PURE__*/ jsx(ConnectedDroppable, {
17663
+ droppableId: "droppable-imageUrls",
17664
+ direction: "horizontal",
17665
+ children: function(provided) {
17666
+ return /*#__PURE__*/ jsxs("div", _object_spread_props$l(_object_spread$p({
17667
+ ref: provided.innerRef
17668
+ }, provided.droppableProps), {
17669
+ children: [
17670
+ /*#__PURE__*/ jsx("div", {
17671
+ className: "text-[#E73700] mt-5 mb-6",
17672
+ children: "*單次只可上傳10張照片，照片檔案不可超過5MB"
17673
+ }),
17674
+ /*#__PURE__*/ jsxs("div", {
17675
+ className: "flex gap-9",
17676
+ children: [
17677
+ (imageUrls === null || imageUrls === void 0 ? void 0 : imageUrls.length) ? imageUrls.map(function(item, index) {
17678
+ return /*#__PURE__*/ jsx(PublicDraggable, {
17679
+ draggableId: item === null || item === void 0 ? void 0 : item.id,
17680
+ index: index,
17681
+ children: function(provided) {
17682
+ return /*#__PURE__*/ jsxs("div", _object_spread_props$l(_object_spread$p({
17683
+ ref: provided.innerRef
17684
+ }, provided.draggableProps, provided.dragHandleProps), {
17685
+ className: "w-[172px] my-2 rounded-lg relative p-2 bg-white border border-[#B8B8B8] shadow-[2px_6px_8px_0px_rgba(0,0,0,0.12)]",
17686
+ children: [
17687
+ /*#__PURE__*/ jsx(Icon, {
17688
+ className: "absolute -right-4 -top-4 bg-white rounded-full z-10",
17689
+ color: "#E73700",
17690
+ icon: "zondicons:close-solid",
17691
+ width: "2.215rem",
17692
+ height: "2.215rem",
17693
+ onClick: function() {
17694
+ return handleRemove(item);
17695
+ }
17696
+ }),
17697
+ /*#__PURE__*/ jsx("img", {
17698
+ className: "w-[156px] h-[100px] object-cover",
17699
+ src: (item === null || item === void 0 ? void 0 : item.url) || (item === null || item === void 0 ? void 0 : item.preview),
17700
+ alt: ""
17701
+ }),
17702
+ /*#__PURE__*/ jsx("div", {
17703
+ className: "flex gap-2 justify-center items-center p-2",
17704
+ children: /*#__PURE__*/ jsx("div", {
17705
+ className: "bg-[#56CFCF] text-white w-7 h-7 rounded-full flex items-center justify-center",
17706
+ children: index + 1
17713
17707
  })
17714
- ]
17715
- }));
17716
- }
17717
- }, item === null || item === void 0 ? void 0 : item.id);
17718
- }) : null,
17719
- provided.placeholder
17720
- ]
17721
- })
17722
- ]
17723
- }));
17724
- }
17725
- })
17708
+ })
17709
+ ]
17710
+ }));
17711
+ }
17712
+ }, item === null || item === void 0 ? void 0 : item.id);
17713
+ }) : null,
17714
+ provided.placeholder
17715
+ ]
17716
+ })
17717
+ ]
17718
+ }));
17719
+ }
17726
17720
  });
17727
17721
  };
17728
17722
 
@@ -17779,60 +17773,56 @@ function _object_spread_props$k(target, source) {
17779
17773
  return target;
17780
17774
  }
17781
17775
  var PrimaryDragDropImage = function(param) {
17782
- var imageUrls = param.imageUrls, onDragEnd = param.onDragEnd, handleRemove = param.handleRemove, isDropDisabled = param.isDropDisabled;
17783
- return /*#__PURE__*/ jsx(DragDropContext, {
17784
- onDragEnd: onDragEnd,
17785
- children: /*#__PURE__*/ jsx(ConnectedDroppable, {
17786
- droppableId: "droppable-imageUrls",
17787
- direction: "horizontal",
17788
- isDropDisabled: isDropDisabled || false,
17789
- children: function(provided) {
17790
- return /*#__PURE__*/ jsx("div", _object_spread_props$k(_object_spread$o({
17791
- ref: provided.innerRef
17792
- }, provided.droppableProps), {
17793
- children: /*#__PURE__*/ jsxs("div", {
17794
- className: "flex gap-9 mt-2",
17795
- children: [
17796
- (imageUrls === null || imageUrls === void 0 ? void 0 : imageUrls.length) ? imageUrls.map(function(item, index) {
17797
- return /*#__PURE__*/ jsx(PublicDraggable, {
17798
- draggableId: item === null || item === void 0 ? void 0 : item.id,
17799
- index: index,
17800
- children: function(provided) {
17801
- return /*#__PURE__*/ jsxs("div", _object_spread_props$k(_object_spread$o({
17802
- ref: provided.innerRef
17803
- }, provided.draggableProps, provided.dragHandleProps), {
17804
- className: "w-[172px] my-2 rounded-lg relative p-2 bg-[#F1F1F1] border border-[#B8B8B8] shadow-[2px_6px_8px_0px_rgba(0,0,0,0.12)]",
17805
- children: [
17806
- /*#__PURE__*/ jsx(Icon, {
17807
- className: "absolute -right-0 -top-0 rounded-full z-10 text-black",
17808
- color: "#fff",
17809
- icon: "carbon:close-filled",
17810
- width: "30",
17811
- height: "30",
17812
- onClick: function() {
17813
- return handleRemove(item);
17814
- },
17815
- style: {
17816
- color: "white",
17817
- backgroundColor: "black"
17818
- }
17819
- }),
17820
- /*#__PURE__*/ jsx("img", {
17821
- className: "w-[156px] h-[100px] object-cover",
17822
- src: (item === null || item === void 0 ? void 0 : item.url) || (item === null || item === void 0 ? void 0 : item.preview),
17823
- alt: ""
17824
- })
17825
- ]
17826
- }));
17827
- }
17828
- }, item === null || item === void 0 ? void 0 : item.id);
17829
- }) : null,
17830
- provided.placeholder
17831
- ]
17832
- })
17833
- }));
17834
- }
17835
- })
17776
+ var imageUrls = param.imageUrls, handleRemove = param.handleRemove, isDropDisabled = param.isDropDisabled;
17777
+ return /*#__PURE__*/ jsx(ConnectedDroppable, {
17778
+ droppableId: "droppable-imageUrls",
17779
+ direction: "horizontal",
17780
+ isDropDisabled: isDropDisabled || false,
17781
+ children: function(provided) {
17782
+ return /*#__PURE__*/ jsx("div", _object_spread_props$k(_object_spread$o({
17783
+ ref: provided.innerRef
17784
+ }, provided.droppableProps), {
17785
+ children: /*#__PURE__*/ jsxs("div", {
17786
+ className: "flex gap-9 mt-2",
17787
+ children: [
17788
+ imageUrls.map(function(item, index) {
17789
+ return /*#__PURE__*/ jsx(PublicDraggable, {
17790
+ draggableId: String(item === null || item === void 0 ? void 0 : item.id),
17791
+ index: index,
17792
+ children: function(provided) {
17793
+ return /*#__PURE__*/ jsxs("div", _object_spread_props$k(_object_spread$o({
17794
+ ref: provided.innerRef
17795
+ }, provided.draggableProps, provided.dragHandleProps), {
17796
+ className: "w-[172px] my-2 rounded-lg relative p-2 bg-[#F1F1F1] border border-[#B8B8B8] shadow-[2px_6px_8px_0px_rgba(0,0,0,0.12)]",
17797
+ children: [
17798
+ /*#__PURE__*/ jsx(Icon, {
17799
+ className: "absolute -right-0 -top-0 rounded-full z-10 text-black",
17800
+ icon: "carbon:close-filled",
17801
+ width: "30",
17802
+ height: "30",
17803
+ onClick: function() {
17804
+ return handleRemove(item);
17805
+ },
17806
+ style: {
17807
+ color: "white",
17808
+ backgroundColor: "black"
17809
+ }
17810
+ }),
17811
+ /*#__PURE__*/ jsx("img", {
17812
+ className: "w-[156px] h-[100px] object-cover",
17813
+ src: (item === null || item === void 0 ? void 0 : item.url) || (item === null || item === void 0 ? void 0 : item.preview),
17814
+ alt: ""
17815
+ })
17816
+ ]
17817
+ }));
17818
+ }
17819
+ }, item === null || item === void 0 ? void 0 : item.id);
17820
+ }),
17821
+ provided.placeholder
17822
+ ]
17823
+ })
17824
+ }));
17825
+ }
17836
17826
  });
17837
17827
  };
17838
17828
 
@@ -18004,96 +17994,96 @@ var DropImage = function(param) {
18004
17994
  previewFiles.splice(currentItem, 1);
18005
17995
  setImageUrls(_to_consumable_array$8(previewFiles));
18006
17996
  };
18007
- return /*#__PURE__*/ jsxs("section", {
17997
+ return /*#__PURE__*/ jsx("section", {
18008
17998
  className: "w-full",
18009
- children: [
18010
- /*#__PURE__*/ jsxs("div", _object_spread_props$j(_object_spread$n({}, getRootProps({
18011
- className: "dropzone"
18012
- })), {
18013
- children: [
18014
- /*#__PURE__*/ jsx("input", _object_spread$n({}, getInputProps())),
18015
- /*#__PURE__*/ jsx("div", {
18016
- className: "flex justify-between",
18017
- children: imageStyleType === "primary" ? /*#__PURE__*/ jsx("div", {
18018
- className: "w-full",
18019
- children: /*#__PURE__*/ jsxs("div", {
18020
- className: "border-2 border-dashed border-[#17340929] rounded-[22px]",
18021
- children: [
18022
- /*#__PURE__*/ jsx("div", {
18023
- className: "flex justify-center",
18024
- children: /*#__PURE__*/ jsx("div", {
18025
- className: "flex justify-center mt-9 mb-2 py-3 px-6 bg-[#1A1A1A] text-white rounded-[22px] text-sm",
18026
- children: "上傳照片"
18027
- })
18028
- }),
18029
- /*#__PURE__*/ jsxs("div", {
18030
- className: "flex items-center flex-col justify-center",
18031
- children: [
18032
- /*#__PURE__*/ jsx("p", {
18033
- className: "font-normal text-sm text-[#777777] pb-4",
18034
- children: "檔案可為PNG，JPG，檔案大小須小於2M"
18035
- }),
18036
- /*#__PURE__*/ jsx("h5", {
18037
- className: "mb-2 text-xl font-bold tracking-tight text-gray-700 pb-4",
18038
- children: "拖曳圖片至此"
17999
+ children: /*#__PURE__*/ jsxs(DragDropContext, {
18000
+ onDragEnd: onDragEnd,
18001
+ children: [
18002
+ /*#__PURE__*/ jsxs("div", _object_spread_props$j(_object_spread$n({}, getRootProps({
18003
+ className: "dropzone"
18004
+ })), {
18005
+ children: [
18006
+ /*#__PURE__*/ jsx("input", _object_spread$n({}, getInputProps())),
18007
+ /*#__PURE__*/ jsx("div", {
18008
+ className: "flex justify-between",
18009
+ children: imageStyleType === "primary" ? /*#__PURE__*/ jsx("div", {
18010
+ className: "w-full",
18011
+ children: /*#__PURE__*/ jsxs("div", {
18012
+ className: "border-2 border-dashed border-[#17340929] rounded-[22px]",
18013
+ children: [
18014
+ /*#__PURE__*/ jsx("div", {
18015
+ className: "flex justify-center",
18016
+ children: /*#__PURE__*/ jsx("div", {
18017
+ className: "flex justify-center mt-9 mb-2 py-3 px-6 bg-[#1A1A1A] text-white rounded-[22px] text-sm",
18018
+ children: "上傳照片"
18039
18019
  })
18040
- ]
18041
- })
18042
- ]
18043
- })
18044
- }) : /*#__PURE__*/ jsx("div", {
18045
- className: "w-full bg-gray-light rounded-lg",
18046
- children: /*#__PURE__*/ jsxs("div", {
18047
- className: "border-2 border-dashed border-[#777777] rounded-lg bg-gray-100",
18048
- children: [
18049
- /*#__PURE__*/ jsx("div", {
18050
- className: "flex justify-center py-8",
18051
- children: /*#__PURE__*/ jsx(Icon, {
18052
- icon: "material-symbols:upload",
18053
- width: "2.5rem",
18054
- height: "2.5rem"
18020
+ }),
18021
+ /*#__PURE__*/ jsxs("div", {
18022
+ className: "flex items-center flex-col justify-center",
18023
+ children: [
18024
+ /*#__PURE__*/ jsx("p", {
18025
+ className: "font-normal text-sm text-[#777777] pb-4",
18026
+ children: "檔案可為PNG，JPG，檔案大小須小於2M"
18027
+ }),
18028
+ /*#__PURE__*/ jsx("h5", {
18029
+ className: "mb-2 text-xl font-bold tracking-tight text-gray-700 pb-4",
18030
+ children: "拖曳圖片至此"
18031
+ })
18032
+ ]
18055
18033
  })
18056
- }),
18057
- /*#__PURE__*/ jsxs("div", {
18058
- className: "flex items-center flex-col justify-center",
18059
- children: [
18060
- /*#__PURE__*/ jsx("p", {
18061
- className: "font-normal text-sm text-[#777777] pb-4",
18062
- children: "圖片僅支援 png、jpg、jpeg"
18063
- }),
18064
- /*#__PURE__*/ jsx("h5", {
18065
- className: "mb-2 text-xl font-bold tracking-tight text-gray-700 pb-4",
18066
- children: "拖曳圖片至此"
18034
+ ]
18035
+ })
18036
+ }) : /*#__PURE__*/ jsx("div", {
18037
+ className: "w-full bg-gray-light rounded-lg",
18038
+ children: /*#__PURE__*/ jsxs("div", {
18039
+ className: "border-2 border-dashed border-[#777777] rounded-lg bg-gray-100",
18040
+ children: [
18041
+ /*#__PURE__*/ jsx("div", {
18042
+ className: "flex justify-center py-8",
18043
+ children: /*#__PURE__*/ jsx(Icon, {
18044
+ icon: "material-symbols:upload",
18045
+ width: "2.5rem",
18046
+ height: "2.5rem"
18067
18047
  })
18068
- ]
18069
- })
18070
- ]
18048
+ }),
18049
+ /*#__PURE__*/ jsxs("div", {
18050
+ className: "flex items-center flex-col justify-center",
18051
+ children: [
18052
+ /*#__PURE__*/ jsx("p", {
18053
+ className: "font-normal text-sm text-[#777777] pb-4",
18054
+ children: "圖片僅支援 png、jpg、jpeg"
18055
+ }),
18056
+ /*#__PURE__*/ jsx("h5", {
18057
+ className: "mb-2 text-xl font-bold tracking-tight text-gray-700 pb-4",
18058
+ children: "拖曳圖片至此"
18059
+ })
18060
+ ]
18061
+ })
18062
+ ]
18063
+ })
18071
18064
  })
18072
18065
  })
18073
- })
18074
- ]
18075
- })),
18076
- preview && /*#__PURE__*/ jsxs("div", {
18077
- className: "flex pt-2 overflow-auto",
18078
- children: [
18079
- imageStyleType === "base" && /*#__PURE__*/ jsx(DragDropImages, {
18080
- imageUrls: previewFiles,
18081
- onDragEnd: onDragEnd,
18082
- handleRemove: handleRemove
18083
- }),
18084
- imageStyleType === "custom" && /*#__PURE__*/ jsx(CustomDragDropImages, {
18085
- imageUrls: previewFiles,
18086
- onDragEnd: onDragEnd,
18087
- handleRemove: handleRemove
18088
- }),
18089
- imageStyleType === "primary" && /*#__PURE__*/ jsx(PrimaryDragDropImage, {
18090
- imageUrls: previewFiles,
18091
- onDragEnd: onDragEnd,
18092
- handleRemove: handleRemove
18093
- })
18094
- ]
18095
- })
18096
- ]
18066
+ ]
18067
+ })),
18068
+ preview && /*#__PURE__*/ jsxs("div", {
18069
+ className: "flex pt-2 overflow-auto",
18070
+ children: [
18071
+ imageStyleType === "base" && /*#__PURE__*/ jsx(DragDropImages, {
18072
+ imageUrls: previewFiles,
18073
+ handleRemove: handleRemove
18074
+ }),
18075
+ imageStyleType === "custom" && /*#__PURE__*/ jsx(CustomDragDropImages, {
18076
+ imageUrls: previewFiles,
18077
+ handleRemove: handleRemove
18078
+ }),
18079
+ imageStyleType === "primary" && /*#__PURE__*/ jsx(PrimaryDragDropImage, {
18080
+ imageUrls: previewFiles,
18081
+ handleRemove: handleRemove
18082
+ })
18083
+ ]
18084
+ })
18085
+ ]
18086
+ })
18097
18087
  });
18098
18088
  };
18099
18089
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sunggang/ui-lib",
3
- "version": "0.3.22",
3
+ "version": "0.3.24",
4
4
  "dependencies": {
5
5
  "@emotion/react": "^11.14.0",
6
6
  "@emotion/styled": "^11.14.0",
package/src/lib/DragDrop/CustomDragDropImage.d.ts CHANGED
@@ -6,7 +6,6 @@ interface ImageItem {
6
6
  }
7
7
  interface CustomDragDropImagesProps {
8
8
  imageUrls: ImageItem[];
9
- onDragEnd: () => void;
10
9
  handleRemove: (item: ImageItem) => void;
11
10
  }
12
11
  export declare const CustomDragDropImages: React.FC<CustomDragDropImagesProps>;
package/src/lib/DragDrop/PrimaryDragDropImage.d.ts CHANGED
@@ -6,7 +6,6 @@ interface ImageItem {
6
6
  }
7
7
  interface PrimaryDragDropImagesProps {
8
8
  imageUrls: ImageItem[];
9
- onDragEnd: () => void;
10
9
  handleRemove: (item: ImageItem) => void;
11
10
  isDropDisabled?: boolean;
12
11
  }
package/src/lib/DragDrop/dragDropImages.d.ts CHANGED
@@ -6,7 +6,6 @@ interface ImageItem {
6
6
  }
7
7
  interface DragDropImagesProps {
8
8
  imageUrls: ImageItem[];
9
- onDragEnd: () => void;
10
9
  handleRemove: (item: ImageItem) => void;
11
10
  }
12
11
  export declare const DragDropImages: React.FC<DragDropImagesProps>;