sprint-asia-custom-component 0.1.60 → 0.1.62
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
|
@@ -26031,7 +26031,7 @@
|
|
|
26031
26031
|
}, /*#__PURE__*/React__default["default"].createElement("div", _extends$2({}, getRootProps({
|
|
26032
26032
|
className: 'dropzone'
|
|
26033
26033
|
}), {
|
|
26034
|
-
className: `${errorMessage || error ? "border-danger500 border-dashed" : "border-neutral50 border-dashed"}
|
|
26034
|
+
className: `${errorMessage || error ? "border-danger500 border-dashed" : "border-neutral50 border-dashed"} bg-neutral20 h-52 w-52 rounded-md border-2 border-dashed`,
|
|
26035
26035
|
onMouseEnter: () => setIsHovered(true),
|
|
26036
26036
|
onMouseLeave: () => setIsHovered(false)
|
|
26037
26037
|
}), /*#__PURE__*/React__default["default"].createElement("input", getInputProps()), currentImage && !selectedImage ? /*#__PURE__*/React__default["default"].createElement("img", {
|
|
@@ -47838,6 +47838,9 @@
|
|
|
47838
47838
|
titleRightButton = "Edit",
|
|
47839
47839
|
isActiveLeftButton,
|
|
47840
47840
|
isActiveRightButton,
|
|
47841
|
+
isActive,
|
|
47842
|
+
modeLeftButton = "danger",
|
|
47843
|
+
modeRightButton = "outline",
|
|
47841
47844
|
onClickLeftButton,
|
|
47842
47845
|
onClickRightButton
|
|
47843
47846
|
}) => {
|
|
@@ -47847,16 +47850,32 @@
|
|
|
47847
47850
|
className: "flex items-center mr-48"
|
|
47848
47851
|
}, isActiveLeftButton && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47849
47852
|
className: "m-1"
|
|
47850
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
47853
|
+
}, modeLeftButton == "primary" && /*#__PURE__*/React__default["default"].createElement(PrimaryButton, {
|
|
47854
|
+
title: titleLeftButton,
|
|
47855
|
+
onClick: onClickLeftButton,
|
|
47856
|
+
isActive: isActive
|
|
47857
|
+
}), modeLeftButton == "danger" && /*#__PURE__*/React__default["default"].createElement(DangerButton, {
|
|
47858
|
+
title: titleLeftButton,
|
|
47859
|
+
onClick: onClickLeftButton,
|
|
47860
|
+
isActive: isActive
|
|
47861
|
+
}), modeLeftButton == "outline" && /*#__PURE__*/React__default["default"].createElement(OutlineButton, {
|
|
47851
47862
|
title: titleLeftButton,
|
|
47852
47863
|
onClick: onClickLeftButton,
|
|
47853
|
-
isActive:
|
|
47864
|
+
isActive: isActive
|
|
47854
47865
|
})), isActiveRightButton && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47855
47866
|
className: "m-1"
|
|
47856
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
47867
|
+
}, modeRightButton == "primary" && /*#__PURE__*/React__default["default"].createElement(PrimaryButton, {
|
|
47868
|
+
title: titleRightButton,
|
|
47869
|
+
onClick: onClickRightButton,
|
|
47870
|
+
isActive: isActive
|
|
47871
|
+
}), modeRightButton == "danger" && /*#__PURE__*/React__default["default"].createElement(DangerButton, {
|
|
47872
|
+
title: titleRightButton,
|
|
47873
|
+
onClick: onClickRightButton,
|
|
47874
|
+
isActive: isActive
|
|
47875
|
+
}), modeRightButton == "outline" && /*#__PURE__*/React__default["default"].createElement(OutlineButton, {
|
|
47857
47876
|
title: titleRightButton,
|
|
47858
47877
|
onClick: onClickRightButton,
|
|
47859
|
-
isActive:
|
|
47878
|
+
isActive: isActive
|
|
47860
47879
|
}))));
|
|
47861
47880
|
};
|
|
47862
47881
|
|
package/package.json
CHANGED
|
@@ -45,7 +45,7 @@ const DropzoneUploadPhoto = ({
|
|
|
45
45
|
>
|
|
46
46
|
<div
|
|
47
47
|
{...getRootProps({ className: 'dropzone' })}
|
|
48
|
-
className={`${(errorMessage || error) ? "border-danger500 border-dashed": "border-neutral50 border-dashed"}
|
|
48
|
+
className={`${(errorMessage || error) ? "border-danger500 border-dashed": "border-neutral50 border-dashed"} bg-neutral20 h-52 w-52 rounded-md border-2 border-dashed`}
|
|
49
49
|
onMouseEnter={() => setIsHovered(true)}
|
|
50
50
|
onMouseLeave={() => setIsHovered(false)}
|
|
51
51
|
>
|
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import OutlineButton from '../button/outlinebutton';
|
|
3
3
|
import DangerButton from '../button/dangerbutton';
|
|
4
|
+
import PrimaryButton from '../button/primarybutton';
|
|
4
5
|
|
|
5
6
|
const Footer = ({
|
|
6
7
|
titleLeftButton = "Delete",
|
|
7
8
|
titleRightButton = "Edit",
|
|
8
9
|
isActiveLeftButton,
|
|
9
10
|
isActiveRightButton,
|
|
11
|
+
isActive,
|
|
12
|
+
modeLeftButton = "danger",
|
|
13
|
+
modeRightButton = "outline",
|
|
10
14
|
onClickLeftButton,
|
|
11
15
|
onClickRightButton
|
|
12
16
|
}) => {
|
|
@@ -16,21 +20,59 @@ const Footer = ({
|
|
|
16
20
|
{
|
|
17
21
|
isActiveLeftButton &&
|
|
18
22
|
<div className='m-1'>
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
23
|
+
{
|
|
24
|
+
modeLeftButton == "primary" &&
|
|
25
|
+
<PrimaryButton
|
|
26
|
+
title={titleLeftButton}
|
|
27
|
+
onClick={onClickLeftButton}
|
|
28
|
+
isActive={isActive}
|
|
29
|
+
/>
|
|
30
|
+
}
|
|
31
|
+
{
|
|
32
|
+
modeLeftButton == "danger" &&
|
|
33
|
+
<DangerButton
|
|
34
|
+
title={titleLeftButton}
|
|
35
|
+
onClick={onClickLeftButton}
|
|
36
|
+
isActive={isActive}
|
|
37
|
+
/>
|
|
38
|
+
}
|
|
39
|
+
{
|
|
40
|
+
modeLeftButton == "outline" &&
|
|
41
|
+
<OutlineButton
|
|
42
|
+
title={titleLeftButton}
|
|
43
|
+
onClick={onClickLeftButton}
|
|
44
|
+
isActive={isActive}
|
|
45
|
+
/>
|
|
46
|
+
}
|
|
24
47
|
</div>
|
|
25
48
|
}
|
|
26
49
|
{
|
|
27
50
|
isActiveRightButton &&
|
|
28
51
|
<div className='m-1'>
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
52
|
+
{
|
|
53
|
+
modeRightButton == "primary" &&
|
|
54
|
+
<PrimaryButton
|
|
55
|
+
title={titleRightButton}
|
|
56
|
+
onClick={onClickRightButton}
|
|
57
|
+
isActive={isActive}
|
|
58
|
+
/>
|
|
59
|
+
}
|
|
60
|
+
{
|
|
61
|
+
modeRightButton == "danger" &&
|
|
62
|
+
<DangerButton
|
|
63
|
+
title={titleRightButton}
|
|
64
|
+
onClick={onClickRightButton}
|
|
65
|
+
isActive={isActive}
|
|
66
|
+
/>
|
|
67
|
+
}
|
|
68
|
+
{
|
|
69
|
+
modeRightButton == "outline" &&
|
|
70
|
+
<OutlineButton
|
|
71
|
+
title={titleRightButton}
|
|
72
|
+
onClick={onClickRightButton}
|
|
73
|
+
isActive={isActive}
|
|
74
|
+
/>
|
|
75
|
+
}
|
|
34
76
|
</div>
|
|
35
77
|
}
|
|
36
78
|
</div>
|