sprint-asia-custom-component 0.1.44 → 0.1.46
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 +515 -6
- package/package.json +1 -1
- package/src/components/button/dangerbutton/index.js +1 -0
- package/src/components/button/outlinebutton/index.js +1 -0
- package/src/components/button/primarybutton/index.js +1 -0
- package/src/components/dropzone/uploadfile/index.js +37 -29
- package/src/components/table/listTable/cellmodefive/index.js +107 -0
- package/src/components/table/listTable/cellmodelseven/index.js +120 -0
- package/src/components/table/listTable/cellmodesix/index.js +139 -0
- package/src/components/table/listTable/report/detaildivision/index.js +174 -0
- package/src/index.js +17 -1
- package/src/templates/index.js +99 -0
package/dist/index.js
CHANGED
|
@@ -128,6 +128,7 @@
|
|
|
128
128
|
${size === "large" && "text-lg h-10"}
|
|
129
129
|
${size === "very large" && "text-xl h-12"}
|
|
130
130
|
${size === "extra very large" && "text-2xl h-14"}
|
|
131
|
+
${size === "detail division" && "text-sm h-10 w-24"}
|
|
131
132
|
rounded-lg drop-shadow-md text-center py-1.5 px-4 flex justify-center items-center`,
|
|
132
133
|
disabled: !isActive,
|
|
133
134
|
onClick: handleClick,
|
|
@@ -230,6 +231,7 @@
|
|
|
230
231
|
${size === "large" && "text-lg h-10"}
|
|
231
232
|
${size === "very large" && "text-xl h-12"}
|
|
232
233
|
${size === "extra very large" && "text-2xl h-14"}
|
|
234
|
+
${size === "detail division" && "text-sm h-10"}
|
|
233
235
|
rounded-lg drop-shadow-md text-center py-1.5 px-4 flex justify-center items-center`,
|
|
234
236
|
disabled: !isActive,
|
|
235
237
|
onClick: handleClick,
|
|
@@ -266,6 +268,7 @@
|
|
|
266
268
|
${size === "large" && "text-lg h-10"}
|
|
267
269
|
${size === "very large" && "text-xl h-12"}
|
|
268
270
|
${size === "extra very large" && "text-2xl h-14"}
|
|
271
|
+
${size === "detail division" && "text-sm h-10"}
|
|
269
272
|
rounded-lg drop-shadow-md text-center py-1.5 px-4 flex justify-center items-center`,
|
|
270
273
|
disabled: !isActive,
|
|
271
274
|
onClick: handleClick,
|
|
@@ -25886,28 +25889,35 @@
|
|
|
25886
25889
|
|
|
25887
25890
|
const DropzoneUploadFile = ({
|
|
25888
25891
|
title = "Title Dropzone",
|
|
25889
|
-
subtitle = "Format File PDF, JPEG JPG, Maximal File 5 MB"
|
|
25892
|
+
subtitle = "Format File PDF, JPEG JPG, Maximal File 5 MB",
|
|
25893
|
+
required = false
|
|
25890
25894
|
}) => {
|
|
25891
25895
|
const {
|
|
25892
25896
|
getRootProps,
|
|
25893
25897
|
getInputProps
|
|
25894
25898
|
} = useDropzone({
|
|
25895
25899
|
accept: {
|
|
25896
|
-
|
|
25897
|
-
|
|
25900
|
+
"image/jpeg": [],
|
|
25901
|
+
"image/png": []
|
|
25898
25902
|
}
|
|
25899
25903
|
});
|
|
25900
25904
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
25901
25905
|
className: "w-full"
|
|
25906
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
25907
|
+
className: "flex items-center"
|
|
25902
25908
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
25903
25909
|
className: "text-black text-sm mb-1"
|
|
25904
|
-
}, title), /*#__PURE__*/React__default["default"].createElement("
|
|
25910
|
+
}, title), required && /*#__PURE__*/React__default["default"].createElement("p", {
|
|
25911
|
+
className: "text-sm font-normal text-danger500 ml-1"
|
|
25912
|
+
}, "*")), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
25905
25913
|
className: "cursor-pointer"
|
|
25906
25914
|
}, /*#__PURE__*/React__default["default"].createElement("div", _extends$2({}, getRootProps({
|
|
25907
|
-
className:
|
|
25915
|
+
className: "dropzone"
|
|
25908
25916
|
}), {
|
|
25909
25917
|
className: "bg-neutral20 w-full h-28 rounded-lg border-2 border-neutral50 border-dashed"
|
|
25910
|
-
}), /*#__PURE__*/React__default["default"].createElement("input",
|
|
25918
|
+
}), /*#__PURE__*/React__default["default"].createElement("input", _extends$2({}, getInputProps(), {
|
|
25919
|
+
required: required
|
|
25920
|
+
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
25911
25921
|
className: "flex w-full h-full justify-center items-center text-center"
|
|
25912
25922
|
}, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
25913
25923
|
className: "flex justify-center"
|
|
@@ -47039,6 +47049,501 @@
|
|
|
47039
47049
|
}))))));
|
|
47040
47050
|
};
|
|
47041
47051
|
|
|
47052
|
+
const CellModelFive = ({
|
|
47053
|
+
Column_One_A,
|
|
47054
|
+
Column_One_B,
|
|
47055
|
+
Column_One_C,
|
|
47056
|
+
Column_Two_A,
|
|
47057
|
+
Column_Two_B,
|
|
47058
|
+
Column_Three_A,
|
|
47059
|
+
Column_Three_B,
|
|
47060
|
+
Column_Five_A = "Active",
|
|
47061
|
+
onClickBody,
|
|
47062
|
+
imageUrl
|
|
47063
|
+
}) => {
|
|
47064
|
+
let chipType = "success";
|
|
47065
|
+
let chipTitle = Column_Five_A;
|
|
47066
|
+
switch (Column_Five_A.toLowerCase()) {
|
|
47067
|
+
case "active":
|
|
47068
|
+
chipType = "success";
|
|
47069
|
+
chipTitle = "Active";
|
|
47070
|
+
break;
|
|
47071
|
+
case "waiting":
|
|
47072
|
+
chipType = "primary";
|
|
47073
|
+
chipTitle = "Waiting";
|
|
47074
|
+
break;
|
|
47075
|
+
case "inactive":
|
|
47076
|
+
chipType = "neutral";
|
|
47077
|
+
chipTitle = "Inactive";
|
|
47078
|
+
break;
|
|
47079
|
+
}
|
|
47080
|
+
return /*#__PURE__*/React__default["default"].createElement("tr", {
|
|
47081
|
+
className: `bg-white hover:bg-neutral20 border-t border-neutral40 ${onClickBody != undefined && "cursor-pointer"}`
|
|
47082
|
+
}, /*#__PURE__*/React__default["default"].createElement("td", {
|
|
47083
|
+
className: "align-top"
|
|
47084
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47085
|
+
className: "flex items-center",
|
|
47086
|
+
onClick: () => {
|
|
47087
|
+
if (onClickBody != undefined) {
|
|
47088
|
+
onClickBody();
|
|
47089
|
+
}
|
|
47090
|
+
}
|
|
47091
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47092
|
+
className: "flex items-center py-3.5 px-4"
|
|
47093
|
+
}, /*#__PURE__*/React__default["default"].createElement("img", {
|
|
47094
|
+
src: imageUrl,
|
|
47095
|
+
alt: "icon",
|
|
47096
|
+
className: "w-10 h-10 mr-2 rounded-full self-start"
|
|
47097
|
+
}), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47098
|
+
className: "font-semibold text-black text-sm"
|
|
47099
|
+
}, Column_One_A ? Column_One_A : "-"), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47100
|
+
className: "font-normal text-neutral300 text-sm"
|
|
47101
|
+
}, Column_One_B ? Column_One_B : "-"), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47102
|
+
className: "font-normal text-neutral300 text-sm"
|
|
47103
|
+
}, Column_One_C ? Column_One_C : "-"))))), /*#__PURE__*/React__default["default"].createElement("td", {
|
|
47104
|
+
className: "align-top"
|
|
47105
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47106
|
+
className: "flex items-center",
|
|
47107
|
+
onClick: () => {
|
|
47108
|
+
if (onClickBody != undefined) {
|
|
47109
|
+
onClickBody();
|
|
47110
|
+
}
|
|
47111
|
+
}
|
|
47112
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47113
|
+
className: "py-3.5 px-4"
|
|
47114
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47115
|
+
className: "font-semibold text-black text-sm"
|
|
47116
|
+
}, Column_Two_A ? Column_Two_A : "-"), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47117
|
+
className: "font-normal text-neutral300 text-sm"
|
|
47118
|
+
}, Column_Two_B ? Column_Two_B : "-"), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47119
|
+
className: "font-normal text-neutral300 text-sm"
|
|
47120
|
+
}, Column_Three_B ? Column_Three_B : "-")))), /*#__PURE__*/React__default["default"].createElement("td", {
|
|
47121
|
+
className: "align-top"
|
|
47122
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47123
|
+
className: "flex items-center",
|
|
47124
|
+
onClick: () => {
|
|
47125
|
+
if (onClickBody != undefined) {
|
|
47126
|
+
onClickBody();
|
|
47127
|
+
}
|
|
47128
|
+
}
|
|
47129
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47130
|
+
className: "py-3.5 px-4"
|
|
47131
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47132
|
+
className: "font-normal text-black text-sm"
|
|
47133
|
+
}, Column_Three_A ? Column_Three_A : "-"), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47134
|
+
className: "font-normal text-neutral300 text-sm"
|
|
47135
|
+
}, Column_Three_B ? Column_Three_B : "-")))), /*#__PURE__*/React__default["default"].createElement("td", {
|
|
47136
|
+
className: "align-top"
|
|
47137
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47138
|
+
className: "flex items-center",
|
|
47139
|
+
onClick: () => {
|
|
47140
|
+
if (onClickBody != undefined) {
|
|
47141
|
+
onClickBody();
|
|
47142
|
+
}
|
|
47143
|
+
}
|
|
47144
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47145
|
+
className: "py-3.5 px-4"
|
|
47146
|
+
}, /*#__PURE__*/React__default["default"].createElement(Chip, {
|
|
47147
|
+
type: chipType,
|
|
47148
|
+
title: chipTitle
|
|
47149
|
+
})))));
|
|
47150
|
+
};
|
|
47151
|
+
|
|
47152
|
+
const CellModelSix = ({
|
|
47153
|
+
Column_One_A,
|
|
47154
|
+
Column_One_B,
|
|
47155
|
+
Column_One_C,
|
|
47156
|
+
Column_Two_A,
|
|
47157
|
+
Column_Two_B,
|
|
47158
|
+
Column_Three_A,
|
|
47159
|
+
Column_Three_B,
|
|
47160
|
+
Column_Four_A,
|
|
47161
|
+
Column_Four_B,
|
|
47162
|
+
Column_Five_A = "Active",
|
|
47163
|
+
onClickDelete,
|
|
47164
|
+
onClickBody,
|
|
47165
|
+
imageUrl
|
|
47166
|
+
}) => {
|
|
47167
|
+
let chipType = "success";
|
|
47168
|
+
let chipTitle = Column_Five_A;
|
|
47169
|
+
switch (Column_Five_A.toLowerCase()) {
|
|
47170
|
+
case "active":
|
|
47171
|
+
chipType = "success";
|
|
47172
|
+
chipTitle = "Active";
|
|
47173
|
+
break;
|
|
47174
|
+
case "waiting":
|
|
47175
|
+
chipType = "primary";
|
|
47176
|
+
chipTitle = "Waiting";
|
|
47177
|
+
break;
|
|
47178
|
+
case "inactive":
|
|
47179
|
+
chipType = "neutral";
|
|
47180
|
+
chipTitle = "Inactive";
|
|
47181
|
+
break;
|
|
47182
|
+
}
|
|
47183
|
+
return /*#__PURE__*/React__default["default"].createElement("tr", {
|
|
47184
|
+
className: `bg-white hover:bg-neutral20 border-t border-neutral40 ${onClickBody != undefined && "cursor-pointer"}`
|
|
47185
|
+
}, /*#__PURE__*/React__default["default"].createElement("td", {
|
|
47186
|
+
className: "align-top"
|
|
47187
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47188
|
+
className: "flex items-center",
|
|
47189
|
+
onClick: () => {
|
|
47190
|
+
if (onClickBody != undefined) {
|
|
47191
|
+
onClickBody();
|
|
47192
|
+
}
|
|
47193
|
+
}
|
|
47194
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47195
|
+
className: "flex items-center py-3.5 px-4"
|
|
47196
|
+
}, /*#__PURE__*/React__default["default"].createElement("img", {
|
|
47197
|
+
src: imageUrl,
|
|
47198
|
+
alt: "icon",
|
|
47199
|
+
className: "w-10 h-10 mr-2 rounded-full self-start"
|
|
47200
|
+
}), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47201
|
+
className: "font-semibold text-black text-sm"
|
|
47202
|
+
}, Column_One_A ? Column_One_A : "-"), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47203
|
+
className: "font-normal text-neutral300 text-sm"
|
|
47204
|
+
}, Column_One_B ? Column_One_B : "-"), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47205
|
+
className: "font-normal text-neutral300 text-sm"
|
|
47206
|
+
}, Column_One_C ? Column_One_C : "-"))))), /*#__PURE__*/React__default["default"].createElement("td", {
|
|
47207
|
+
className: "align-top"
|
|
47208
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47209
|
+
className: "flex items-center",
|
|
47210
|
+
onClick: () => {
|
|
47211
|
+
if (onClickBody != undefined) {
|
|
47212
|
+
onClickBody();
|
|
47213
|
+
}
|
|
47214
|
+
}
|
|
47215
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47216
|
+
className: "py-3.5 px-4"
|
|
47217
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47218
|
+
className: "font-semibold text-black text-sm"
|
|
47219
|
+
}, Column_Two_A ? Column_Two_A : "-"), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47220
|
+
className: "font-normal text-neutral300 text-sm"
|
|
47221
|
+
}, Column_Two_B ? Column_Two_B : "-"), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47222
|
+
className: "font-normal text-neutral300 text-sm"
|
|
47223
|
+
}, Column_Three_B ? Column_Three_B : "-")))), /*#__PURE__*/React__default["default"].createElement("td", {
|
|
47224
|
+
className: "align-top"
|
|
47225
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47226
|
+
className: "flex items-center",
|
|
47227
|
+
onClick: () => {
|
|
47228
|
+
if (onClickBody != undefined) {
|
|
47229
|
+
onClickBody();
|
|
47230
|
+
}
|
|
47231
|
+
}
|
|
47232
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47233
|
+
className: "py-3.5 px-4"
|
|
47234
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47235
|
+
className: "font-normal text-black text-sm"
|
|
47236
|
+
}, Column_Three_A ? Column_Three_A : "-"), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47237
|
+
className: "font-normal text-neutral300 text-sm"
|
|
47238
|
+
}, Column_Three_B ? Column_Three_B : "-")))), /*#__PURE__*/React__default["default"].createElement("td", {
|
|
47239
|
+
className: "align-top"
|
|
47240
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47241
|
+
className: "flex items-center",
|
|
47242
|
+
onClick: () => {
|
|
47243
|
+
if (onClickBody != undefined) {
|
|
47244
|
+
onClickBody();
|
|
47245
|
+
}
|
|
47246
|
+
}
|
|
47247
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47248
|
+
className: "py-3.5 px-4"
|
|
47249
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47250
|
+
className: "font-normal text-black text-sm"
|
|
47251
|
+
}, Column_Four_A ? Column_Four_A : "-"), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47252
|
+
className: "font-normal text-neutral300 text-sm"
|
|
47253
|
+
}, Column_Four_B ? Column_Four_B : "-")))), /*#__PURE__*/React__default["default"].createElement("td", {
|
|
47254
|
+
className: "align-top"
|
|
47255
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47256
|
+
className: "flex items-center",
|
|
47257
|
+
onClick: () => {
|
|
47258
|
+
if (onClickBody != undefined) {
|
|
47259
|
+
onClickBody();
|
|
47260
|
+
}
|
|
47261
|
+
}
|
|
47262
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47263
|
+
className: "py-3.5 px-4"
|
|
47264
|
+
}, /*#__PURE__*/React__default["default"].createElement(Chip, {
|
|
47265
|
+
type: chipType,
|
|
47266
|
+
title: chipTitle
|
|
47267
|
+
})))), /*#__PURE__*/React__default["default"].createElement("td", {
|
|
47268
|
+
className: "items-start flex h-full"
|
|
47269
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47270
|
+
className: "flex items-start"
|
|
47271
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47272
|
+
className: "flex py-3.5 px-4"
|
|
47273
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47274
|
+
onClick: onClickDelete
|
|
47275
|
+
}, /*#__PURE__*/React__default["default"].createElement(PiTrash, {
|
|
47276
|
+
size: "24",
|
|
47277
|
+
variant: "Bold",
|
|
47278
|
+
className: "text-primary500 cursor-pointer"
|
|
47279
|
+
}))))));
|
|
47280
|
+
};
|
|
47281
|
+
|
|
47282
|
+
const CellModelSeven = ({
|
|
47283
|
+
Column_One_A,
|
|
47284
|
+
Column_One_B,
|
|
47285
|
+
Column_Two_A,
|
|
47286
|
+
Column_Two_B,
|
|
47287
|
+
Column_Three_A,
|
|
47288
|
+
Column_Four_A,
|
|
47289
|
+
onClickEdit,
|
|
47290
|
+
onClickDelete,
|
|
47291
|
+
Column_Six_A = "Active",
|
|
47292
|
+
onClickBody
|
|
47293
|
+
}) => {
|
|
47294
|
+
switch (Column_Six_A.toLowerCase()) {
|
|
47295
|
+
}
|
|
47296
|
+
return /*#__PURE__*/React__default["default"].createElement("tr", {
|
|
47297
|
+
className: `bg-white hover:bg-neutral20 border-t border-neutral40 ${onClickBody != undefined && "cursor-pointer"}`
|
|
47298
|
+
}, /*#__PURE__*/React__default["default"].createElement("td", {
|
|
47299
|
+
className: "align-top"
|
|
47300
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47301
|
+
className: "flex items-center",
|
|
47302
|
+
onClick: () => {
|
|
47303
|
+
if (onClickBody != undefined) {
|
|
47304
|
+
onClickBody();
|
|
47305
|
+
}
|
|
47306
|
+
}
|
|
47307
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47308
|
+
className: "py-3.5 px-4"
|
|
47309
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47310
|
+
className: "font-semibold text-black text-sm"
|
|
47311
|
+
}, Column_One_A ? Column_One_A : "-"), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47312
|
+
className: "font-normal text-neutral300 text-sm"
|
|
47313
|
+
}, Column_One_B ? Column_One_B : "-")))), /*#__PURE__*/React__default["default"].createElement("td", {
|
|
47314
|
+
className: "align-top"
|
|
47315
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47316
|
+
className: "flex items-center",
|
|
47317
|
+
onClick: () => {
|
|
47318
|
+
if (onClickBody != undefined) {
|
|
47319
|
+
onClickBody();
|
|
47320
|
+
}
|
|
47321
|
+
}
|
|
47322
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47323
|
+
className: "py-3.5 px-4"
|
|
47324
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47325
|
+
className: "font-semibold text-black text-sm"
|
|
47326
|
+
}, Column_Two_A ? Column_Two_A : "-"), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47327
|
+
className: "font-normal text-neutral300 text-sm"
|
|
47328
|
+
}, Column_Two_B ? Column_Two_B : "-"), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47329
|
+
className: "font-normal text-neutral300 text-sm"
|
|
47330
|
+
}, Column_Two_B ? Column_Two_B : "-")))), /*#__PURE__*/React__default["default"].createElement("td", {
|
|
47331
|
+
className: "align-top"
|
|
47332
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47333
|
+
className: "flex items-center",
|
|
47334
|
+
onClick: () => {
|
|
47335
|
+
if (onClickBody != undefined) {
|
|
47336
|
+
onClickBody();
|
|
47337
|
+
}
|
|
47338
|
+
}
|
|
47339
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47340
|
+
className: "flex items-center py-3.5 px-4"
|
|
47341
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47342
|
+
className: "font-semibold text-black text-sm"
|
|
47343
|
+
}, Column_Three_A ? Column_Three_A : "-")))), /*#__PURE__*/React__default["default"].createElement("td", {
|
|
47344
|
+
className: "align-top"
|
|
47345
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47346
|
+
className: "flex items-center",
|
|
47347
|
+
onClick: () => {
|
|
47348
|
+
if (onClickBody != undefined) {
|
|
47349
|
+
onClickBody();
|
|
47350
|
+
}
|
|
47351
|
+
}
|
|
47352
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47353
|
+
className: "py-3.5 px-4"
|
|
47354
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47355
|
+
className: "font-semibold text-black text-sm"
|
|
47356
|
+
}, Column_Four_A ? Column_Four_A : "-")))), /*#__PURE__*/React__default["default"].createElement("td", {
|
|
47357
|
+
className: "items-start flex h-full"
|
|
47358
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47359
|
+
className: "flex items-start"
|
|
47360
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47361
|
+
className: "flex py-3.5 px-4"
|
|
47362
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47363
|
+
onClick: onClickEdit
|
|
47364
|
+
}, /*#__PURE__*/React__default["default"].createElement(PiNotePencil, {
|
|
47365
|
+
size: "24",
|
|
47366
|
+
variant: "Bold",
|
|
47367
|
+
className: "text-primary500 cursor-pointer mr-2"
|
|
47368
|
+
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47369
|
+
onClick: onClickDelete
|
|
47370
|
+
}, /*#__PURE__*/React__default["default"].createElement(PiTrash, {
|
|
47371
|
+
size: "24",
|
|
47372
|
+
variant: "Bold",
|
|
47373
|
+
className: "text-primary500 cursor-pointer"
|
|
47374
|
+
}))))));
|
|
47375
|
+
};
|
|
47376
|
+
|
|
47377
|
+
const DetailDivision = ({
|
|
47378
|
+
statusTransaction = "Loading...",
|
|
47379
|
+
orderId = "Loading...",
|
|
47380
|
+
refId = "Loading...",
|
|
47381
|
+
companyName = "Loading...",
|
|
47382
|
+
divisionName = "Loading...",
|
|
47383
|
+
dateTransaction = "Loading...",
|
|
47384
|
+
productName = "Loading...",
|
|
47385
|
+
productCode = "Loading...",
|
|
47386
|
+
userNumber = "Loading...",
|
|
47387
|
+
denom = "Loading...",
|
|
47388
|
+
cogs = "Loading...",
|
|
47389
|
+
price = "Loading...",
|
|
47390
|
+
billerName = "Loading...",
|
|
47391
|
+
trxId = "Loading..."
|
|
47392
|
+
}) => {
|
|
47393
|
+
const headingStyle = {
|
|
47394
|
+
fontFamily: 'Inter',
|
|
47395
|
+
fontSize: '18px',
|
|
47396
|
+
fontWeight: 600,
|
|
47397
|
+
lineHeight: '25.2px',
|
|
47398
|
+
textAlign: 'left'
|
|
47399
|
+
};
|
|
47400
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47401
|
+
className: "py-1 px-2 bg-neutral20"
|
|
47402
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47403
|
+
className: "bg-white border border-neutral40 pl-6 pr-6"
|
|
47404
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47405
|
+
className: "flex justify-between"
|
|
47406
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47407
|
+
className: "pt-6 pb-2"
|
|
47408
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47409
|
+
style: headingStyle
|
|
47410
|
+
}, "Division Information"))))), /*#__PURE__*/React__default["default"].createElement("hr", {
|
|
47411
|
+
className: "w-full text-neutral40"
|
|
47412
|
+
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47413
|
+
className: "pt-4 pb-4 pr-4"
|
|
47414
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47415
|
+
className: "grid grid-cols-3 gap-3"
|
|
47416
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47417
|
+
className: "text-neutral500 font-normal text-sm mt-1"
|
|
47418
|
+
}, "Number"), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47419
|
+
className: "text-black font-semibold text-base"
|
|
47420
|
+
}, userNumber), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47421
|
+
className: "text-neutral500 font-normal text-sm mt-4"
|
|
47422
|
+
}, "Denom"), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47423
|
+
className: "text-black font-semibold text-base"
|
|
47424
|
+
}, denom)), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47425
|
+
className: "ml-4"
|
|
47426
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47427
|
+
className: "text-neutral500 font-normal text-sm mt-1"
|
|
47428
|
+
}, "Number"), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47429
|
+
className: "text-black font-semibold text-base"
|
|
47430
|
+
}, userNumber), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47431
|
+
className: "text-neutral500 font-normal text-sm mt-4"
|
|
47432
|
+
}, "Denom"), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47433
|
+
className: "text-black font-semibold text-base"
|
|
47434
|
+
}, denom)), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47435
|
+
className: "ml-4"
|
|
47436
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47437
|
+
className: "text-neutral500 font-normal text-sm mt-1"
|
|
47438
|
+
}, "Number"), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47439
|
+
className: "text-black font-semibold text-base"
|
|
47440
|
+
}, userNumber), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47441
|
+
className: "text-neutral500 font-normal text-sm mt-4"
|
|
47442
|
+
}, "Denom"), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47443
|
+
className: "text-black font-semibold text-base"
|
|
47444
|
+
}, denom)))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47445
|
+
className: "flex justify-between"
|
|
47446
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47447
|
+
className: "pt-6 pb-2"
|
|
47448
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47449
|
+
style: headingStyle
|
|
47450
|
+
}, "Address Information"))))), /*#__PURE__*/React__default["default"].createElement("hr", {
|
|
47451
|
+
className: "w-full text-neutral40"
|
|
47452
|
+
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47453
|
+
className: "pt-4 pb-4 pr-4"
|
|
47454
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47455
|
+
className: "grid grid-cols-3 gap-3"
|
|
47456
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47457
|
+
className: "text-neutral500 font-normal text-sm mt-1"
|
|
47458
|
+
}, "Number"), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47459
|
+
className: "text-black font-semibold text-base"
|
|
47460
|
+
}, userNumber), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47461
|
+
className: "text-neutral500 font-normal text-sm mt-4"
|
|
47462
|
+
}, "Denom"), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47463
|
+
className: "text-black font-semibold text-base"
|
|
47464
|
+
}, denom)), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47465
|
+
className: "ml-4"
|
|
47466
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47467
|
+
className: "text-neutral500 font-normal text-sm mt-1"
|
|
47468
|
+
}, "Number"), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47469
|
+
className: "text-black font-semibold text-base"
|
|
47470
|
+
}, userNumber)), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47471
|
+
className: "ml-4"
|
|
47472
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47473
|
+
className: "text-neutral500 font-normal text-sm mt-1"
|
|
47474
|
+
}, "Number"), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47475
|
+
className: "text-black font-semibold text-base"
|
|
47476
|
+
}, userNumber), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47477
|
+
className: "text-neutral500 font-normal text-sm mt-4"
|
|
47478
|
+
}, "Denom"), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47479
|
+
className: "text-black font-semibold text-base"
|
|
47480
|
+
}, denom)))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47481
|
+
className: "flex justify-between"
|
|
47482
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47483
|
+
className: "pt-6 pb-2"
|
|
47484
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47485
|
+
style: headingStyle
|
|
47486
|
+
}, "Division Information"))))), /*#__PURE__*/React__default["default"].createElement("hr", {
|
|
47487
|
+
className: "w-full text-neutral40"
|
|
47488
|
+
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47489
|
+
className: "pt-4 pb-4 pr-4"
|
|
47490
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47491
|
+
className: "grid grid-cols-3 gap-3"
|
|
47492
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47493
|
+
className: "text-neutral500 font-normal text-sm mt-1"
|
|
47494
|
+
}, "Number"), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47495
|
+
className: "text-black font-semibold text-base"
|
|
47496
|
+
}, userNumber), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47497
|
+
className: "text-neutral500 font-normal text-sm mt-4"
|
|
47498
|
+
}, "Denom"), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47499
|
+
className: "text-black font-semibold text-base"
|
|
47500
|
+
}, denom)), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47501
|
+
className: "ml-4"
|
|
47502
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47503
|
+
className: "text-neutral500 font-normal text-sm mt-1"
|
|
47504
|
+
}, "Number"), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47505
|
+
className: "text-black font-semibold text-base"
|
|
47506
|
+
}, userNumber), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47507
|
+
className: "text-neutral500 font-normal text-sm mt-4"
|
|
47508
|
+
}, "Denom"), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47509
|
+
className: "text-black font-semibold text-base"
|
|
47510
|
+
}, denom)), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47511
|
+
className: "ml-4"
|
|
47512
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47513
|
+
className: "text-neutral500 font-normal text-sm mt-1"
|
|
47514
|
+
}, "Number"), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47515
|
+
className: "text-black font-semibold text-base"
|
|
47516
|
+
}, userNumber), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47517
|
+
className: "text-neutral500 font-normal text-sm mt-4"
|
|
47518
|
+
}, "Denom"), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47519
|
+
className: "text-black font-semibold text-base"
|
|
47520
|
+
}, denom)))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47521
|
+
className: "flex justify-between"
|
|
47522
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47523
|
+
className: "pt-6 pb-2"
|
|
47524
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47525
|
+
style: headingStyle
|
|
47526
|
+
}, "Document"))))), /*#__PURE__*/React__default["default"].createElement("hr", {
|
|
47527
|
+
className: "w-full text-neutral40"
|
|
47528
|
+
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47529
|
+
className: "pt-4 pb-4 pr-4"
|
|
47530
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47531
|
+
className: "grid grid-cols-3 gap-3"
|
|
47532
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
47533
|
+
className: "text-neutral500 font-normal text-sm mt-1"
|
|
47534
|
+
}, "Project Brief"), /*#__PURE__*/React__default["default"].createElement(DescriptionFile, {
|
|
47535
|
+
title: ""
|
|
47536
|
+
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47537
|
+
className: "flex justify-end space-x-4 mt-10"
|
|
47538
|
+
}, /*#__PURE__*/React__default["default"].createElement(DangerButton, {
|
|
47539
|
+
title: "Delete Division",
|
|
47540
|
+
size: "detail division"
|
|
47541
|
+
}), /*#__PURE__*/React__default["default"].createElement(OutlineButton, {
|
|
47542
|
+
title: "Edit",
|
|
47543
|
+
size: "detail division"
|
|
47544
|
+
})))));
|
|
47545
|
+
};
|
|
47546
|
+
|
|
47042
47547
|
const SearchDropdown = ({
|
|
47043
47548
|
options = [{
|
|
47044
47549
|
option: "Name 1",
|
|
@@ -47408,8 +47913,11 @@
|
|
|
47408
47913
|
exports.BillerProductList = BillerProductList;
|
|
47409
47914
|
exports.BillingList = BillingList;
|
|
47410
47915
|
exports.CardInternalProduct = CardInternalProduct;
|
|
47916
|
+
exports.CellModelFive = CellModelFive;
|
|
47411
47917
|
exports.CellModelFour = CellModelFour;
|
|
47412
47918
|
exports.CellModelOne = CellModelOne;
|
|
47919
|
+
exports.CellModelSeven = CellModelSeven;
|
|
47920
|
+
exports.CellModelSix = CellModelSix;
|
|
47413
47921
|
exports.CellModelThree = CellModelThree;
|
|
47414
47922
|
exports.CellModelTwo = CellModelTwo;
|
|
47415
47923
|
exports.Chip = Chip;
|
|
@@ -47418,6 +47926,7 @@
|
|
|
47418
47926
|
exports.DangerButton = DangerButton;
|
|
47419
47927
|
exports.DepositList = DepositList;
|
|
47420
47928
|
exports.Description = Description;
|
|
47929
|
+
exports.DetailDivision = DetailDivision;
|
|
47421
47930
|
exports.DropdownCard = DropdownCard;
|
|
47422
47931
|
exports.DropdownChip = DropdownChip;
|
|
47423
47932
|
exports.DropdownText = DropdownText;
|
package/package.json
CHANGED
|
@@ -31,6 +31,7 @@ const DangerButton = ({
|
|
|
31
31
|
${size === "large" && "text-lg h-10"}
|
|
32
32
|
${size === "very large" && "text-xl h-12"}
|
|
33
33
|
${size === "extra very large" && "text-2xl h-14"}
|
|
34
|
+
${size === "detail division" && "text-sm h-10"}
|
|
34
35
|
rounded-lg drop-shadow-md text-center py-1.5 px-4 flex justify-center items-center`
|
|
35
36
|
}
|
|
36
37
|
disabled={!isActive}
|
|
@@ -33,6 +33,7 @@ const OutlineButton = ({
|
|
|
33
33
|
${size === "large" && "text-lg h-10"}
|
|
34
34
|
${size === "very large" && "text-xl h-12"}
|
|
35
35
|
${size === "extra very large" && "text-2xl h-14"}
|
|
36
|
+
${size === "detail division" && "text-sm h-10 w-24"}
|
|
36
37
|
rounded-lg drop-shadow-md text-center py-1.5 px-4 flex justify-center items-center`
|
|
37
38
|
}
|
|
38
39
|
disabled={!isActive}
|
|
@@ -31,6 +31,7 @@ const PrimaryButton = ({
|
|
|
31
31
|
${size === "large" && "text-lg h-10"}
|
|
32
32
|
${size === "very large" && "text-xl h-12"}
|
|
33
33
|
${size === "extra very large" && "text-2xl h-14"}
|
|
34
|
+
${size === "detail division" && "text-sm h-10"}
|
|
34
35
|
rounded-lg drop-shadow-md text-center py-1.5 px-4 flex justify-center items-center`
|
|
35
36
|
}
|
|
36
37
|
disabled={!isActive}
|