sprint-asia-custom-component 0.1.60 → 0.1.61
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,8 @@
|
|
|
47838
47838
|
titleRightButton = "Edit",
|
|
47839
47839
|
isActiveLeftButton,
|
|
47840
47840
|
isActiveRightButton,
|
|
47841
|
+
modeLeftButton = "danger",
|
|
47842
|
+
modeRightButton = "outline",
|
|
47841
47843
|
onClickLeftButton,
|
|
47842
47844
|
onClickRightButton
|
|
47843
47845
|
}) => {
|
|
@@ -47847,13 +47849,29 @@
|
|
|
47847
47849
|
className: "flex items-center mr-48"
|
|
47848
47850
|
}, isActiveLeftButton && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47849
47851
|
className: "m-1"
|
|
47850
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
47852
|
+
}, modeLeftButton == "primary" && /*#__PURE__*/React__default["default"].createElement(PrimaryButton, {
|
|
47853
|
+
title: titleLeftButton,
|
|
47854
|
+
onClick: onClickLeftButton,
|
|
47855
|
+
isActive: true
|
|
47856
|
+
}), modeLeftButton == "danger" && /*#__PURE__*/React__default["default"].createElement(DangerButton, {
|
|
47857
|
+
title: titleLeftButton,
|
|
47858
|
+
onClick: onClickLeftButton,
|
|
47859
|
+
isActive: true
|
|
47860
|
+
}), modeLeftButton == "outline" && /*#__PURE__*/React__default["default"].createElement(OutlineButton, {
|
|
47851
47861
|
title: titleLeftButton,
|
|
47852
47862
|
onClick: onClickLeftButton,
|
|
47853
47863
|
isActive: true
|
|
47854
47864
|
})), isActiveRightButton && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47855
47865
|
className: "m-1"
|
|
47856
|
-
}, /*#__PURE__*/React__default["default"].createElement(
|
|
47866
|
+
}, modeRightButton == "primary" && /*#__PURE__*/React__default["default"].createElement(PrimaryButton, {
|
|
47867
|
+
title: titleRightButton,
|
|
47868
|
+
onClick: onClickRightButton,
|
|
47869
|
+
isActive: true
|
|
47870
|
+
}), modeRightButton == "danger" && /*#__PURE__*/React__default["default"].createElement(DangerButton, {
|
|
47871
|
+
title: titleRightButton,
|
|
47872
|
+
onClick: onClickRightButton,
|
|
47873
|
+
isActive: true
|
|
47874
|
+
}), modeRightButton == "outline" && /*#__PURE__*/React__default["default"].createElement(OutlineButton, {
|
|
47857
47875
|
title: titleRightButton,
|
|
47858
47876
|
onClick: onClickRightButton,
|
|
47859
47877
|
isActive: true
|
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,15 @@
|
|
|
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
|
+
modeLeftButton = "danger",
|
|
12
|
+
modeRightButton = "outline",
|
|
10
13
|
onClickLeftButton,
|
|
11
14
|
onClickRightButton
|
|
12
15
|
}) => {
|
|
@@ -16,21 +19,59 @@ const Footer = ({
|
|
|
16
19
|
{
|
|
17
20
|
isActiveLeftButton &&
|
|
18
21
|
<div className='m-1'>
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
22
|
+
{
|
|
23
|
+
modeLeftButton == "primary" &&
|
|
24
|
+
<PrimaryButton
|
|
25
|
+
title={titleLeftButton}
|
|
26
|
+
onClick={onClickLeftButton}
|
|
27
|
+
isActive={true}
|
|
28
|
+
/>
|
|
29
|
+
}
|
|
30
|
+
{
|
|
31
|
+
modeLeftButton == "danger" &&
|
|
32
|
+
<DangerButton
|
|
33
|
+
title={titleLeftButton}
|
|
34
|
+
onClick={onClickLeftButton}
|
|
35
|
+
isActive={true}
|
|
36
|
+
/>
|
|
37
|
+
}
|
|
38
|
+
{
|
|
39
|
+
modeLeftButton == "outline" &&
|
|
40
|
+
<OutlineButton
|
|
41
|
+
title={titleLeftButton}
|
|
42
|
+
onClick={onClickLeftButton}
|
|
43
|
+
isActive={true}
|
|
44
|
+
/>
|
|
45
|
+
}
|
|
24
46
|
</div>
|
|
25
47
|
}
|
|
26
48
|
{
|
|
27
49
|
isActiveRightButton &&
|
|
28
50
|
<div className='m-1'>
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
51
|
+
{
|
|
52
|
+
modeRightButton == "primary" &&
|
|
53
|
+
<PrimaryButton
|
|
54
|
+
title={titleRightButton}
|
|
55
|
+
onClick={onClickRightButton}
|
|
56
|
+
isActive={true}
|
|
57
|
+
/>
|
|
58
|
+
}
|
|
59
|
+
{
|
|
60
|
+
modeRightButton == "danger" &&
|
|
61
|
+
<DangerButton
|
|
62
|
+
title={titleRightButton}
|
|
63
|
+
onClick={onClickRightButton}
|
|
64
|
+
isActive={true}
|
|
65
|
+
/>
|
|
66
|
+
}
|
|
67
|
+
{
|
|
68
|
+
modeRightButton == "outline" &&
|
|
69
|
+
<OutlineButton
|
|
70
|
+
title={titleRightButton}
|
|
71
|
+
onClick={onClickRightButton}
|
|
72
|
+
isActive={true}
|
|
73
|
+
/>
|
|
74
|
+
}
|
|
34
75
|
</div>
|
|
35
76
|
}
|
|
36
77
|
</div>
|