@asdp/ferryui 0.1.22-dev.9337 → 0.1.22-dev.9339
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.d.mts +89 -5
- package/dist/index.d.ts +89 -5
- package/dist/index.js +184 -72
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +183 -73
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -4387,13 +4387,16 @@ var useStyles9 = makeStyles({
|
|
|
4387
4387
|
display: "flex",
|
|
4388
4388
|
justifyContent: "center",
|
|
4389
4389
|
position: "absolute",
|
|
4390
|
-
left: "
|
|
4390
|
+
// left: "1px",
|
|
4391
4391
|
bottom: "-16px",
|
|
4392
|
-
width: "
|
|
4392
|
+
width: "100%"
|
|
4393
4393
|
},
|
|
4394
4394
|
buttonSwitch: {
|
|
4395
4395
|
background: tokens.colorNeutralBackground1,
|
|
4396
|
-
boxShadow: `0 1px 2px 0 ${tokens.colorNeutralShadowKey}, 0 0 2px 0 ${tokens.colorNeutralShadowAmbient}
|
|
4396
|
+
boxShadow: `0 1px 2px 0 ${tokens.colorNeutralShadowKey}, 0 0 2px 0 ${tokens.colorNeutralShadowAmbient}`,
|
|
4397
|
+
position: "absolute",
|
|
4398
|
+
right: "1rem",
|
|
4399
|
+
bottom: "-20px"
|
|
4397
4400
|
},
|
|
4398
4401
|
switchIcon: {
|
|
4399
4402
|
display: "inline-flex",
|
|
@@ -4424,11 +4427,15 @@ var useStyles9 = makeStyles({
|
|
|
4424
4427
|
}
|
|
4425
4428
|
},
|
|
4426
4429
|
formContainerCol: {
|
|
4430
|
+
paddingTop: "1rem !important",
|
|
4431
|
+
paddingBottom: "1rem !important",
|
|
4427
4432
|
[`@media (max-width: ${extendedTokens.breakpointXl})`]: {
|
|
4428
4433
|
paddingLeft: "20px !important",
|
|
4429
4434
|
paddingRight: "20px !important",
|
|
4430
4435
|
marginBottom: "1rem",
|
|
4431
|
-
marginTop: "8rem"
|
|
4436
|
+
marginTop: "8rem",
|
|
4437
|
+
paddingTop: "0px !mportant",
|
|
4438
|
+
paddingBottom: "0px !mportant"
|
|
4432
4439
|
}
|
|
4433
4440
|
},
|
|
4434
4441
|
serviceCol: {
|
|
@@ -4606,7 +4613,7 @@ var CardTicketSearch = ({
|
|
|
4606
4613
|
className: styles.formContainerCol,
|
|
4607
4614
|
children: /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit(handleFormSubmit), children: /* @__PURE__ */ jsxs(Row, { style: { width: "100%" }, className: styles.formInnerRow, children: [
|
|
4608
4615
|
/* @__PURE__ */ jsx(Col, { xs: 12, sm: 12, lg: 12, xl: 6, xxl: 6, xxxl: 6, children: /* @__PURE__ */ jsxs(Row, { style: { gap: "16px" }, className: styles.formFieldRow, children: [
|
|
4609
|
-
/* @__PURE__ */ jsx(Col, { xs: 12, sm: 12, lg: 12, xl: 12, xxl: 12, xxxl: 12, children: /* @__PURE__ */ jsx("div", { className: styles.formField, children: /* @__PURE__ */ jsxs(Row, { children: [
|
|
4616
|
+
/* @__PURE__ */ jsx(Col, { xs: 12, sm: 12, lg: 12, xl: 12, xxl: 12, xxxl: 12, children: /* @__PURE__ */ jsx("div", { className: styles.formField, children: /* @__PURE__ */ jsxs(Row, { style: { height: "100%", gap: "16px" }, children: [
|
|
4610
4617
|
/* @__PURE__ */ jsxs(
|
|
4611
4618
|
Col,
|
|
4612
4619
|
{
|
|
@@ -4617,6 +4624,9 @@ var CardTicketSearch = ({
|
|
|
4617
4624
|
xl: 12,
|
|
4618
4625
|
xxl: 12,
|
|
4619
4626
|
xxxl: 12,
|
|
4627
|
+
style: {
|
|
4628
|
+
borderBottom: `1px solid ${tokens.colorNeutralStroke1}`
|
|
4629
|
+
},
|
|
4620
4630
|
children: [
|
|
4621
4631
|
/* @__PURE__ */ jsx(
|
|
4622
4632
|
InputDynamic_default,
|
|
@@ -4643,37 +4653,33 @@ var CardTicketSearch = ({
|
|
|
4643
4653
|
required: true
|
|
4644
4654
|
}
|
|
4645
4655
|
),
|
|
4646
|
-
/* @__PURE__ */
|
|
4647
|
-
|
|
4648
|
-
|
|
4649
|
-
|
|
4650
|
-
|
|
4651
|
-
|
|
4652
|
-
|
|
4653
|
-
|
|
4654
|
-
|
|
4655
|
-
|
|
4656
|
-
|
|
4657
|
-
|
|
4658
|
-
|
|
4659
|
-
|
|
4660
|
-
|
|
4661
|
-
|
|
4662
|
-
|
|
4663
|
-
|
|
4664
|
-
|
|
4665
|
-
|
|
4666
|
-
|
|
4667
|
-
|
|
4668
|
-
|
|
4669
|
-
|
|
4670
|
-
|
|
4671
|
-
|
|
4672
|
-
|
|
4673
|
-
)
|
|
4674
|
-
}
|
|
4675
|
-
)
|
|
4676
|
-
] })
|
|
4656
|
+
/* @__PURE__ */ jsx(
|
|
4657
|
+
Button,
|
|
4658
|
+
{
|
|
4659
|
+
onClick: onSwitchClick,
|
|
4660
|
+
className: styles.buttonSwitch,
|
|
4661
|
+
shape: "circular",
|
|
4662
|
+
appearance: "secondary",
|
|
4663
|
+
size: "large",
|
|
4664
|
+
disabled: switchDisabled,
|
|
4665
|
+
"aria-label": labels.switchAriaLabel,
|
|
4666
|
+
icon: /* @__PURE__ */ jsx(
|
|
4667
|
+
"div",
|
|
4668
|
+
{
|
|
4669
|
+
className: `${styles.switchIcon} ${isRotating ? styles.switchIconRotate : ""}`,
|
|
4670
|
+
children: /* @__PURE__ */ jsx(
|
|
4671
|
+
"img",
|
|
4672
|
+
{
|
|
4673
|
+
src: "/assets/images/icons/switch.svg",
|
|
4674
|
+
alt: labels.switchAriaLabel,
|
|
4675
|
+
width: 26,
|
|
4676
|
+
height: 26
|
|
4677
|
+
}
|
|
4678
|
+
)
|
|
4679
|
+
}
|
|
4680
|
+
)
|
|
4681
|
+
}
|
|
4682
|
+
)
|
|
4677
4683
|
]
|
|
4678
4684
|
}
|
|
4679
4685
|
),
|
|
@@ -4848,6 +4854,40 @@ var CardTicketSearch = ({
|
|
|
4848
4854
|
},
|
|
4849
4855
|
className: styles.serviceCol,
|
|
4850
4856
|
children: /* @__PURE__ */ jsxs(Row, { style: { height: "100%", gap: "16px" }, children: [
|
|
4857
|
+
/* @__PURE__ */ jsx(Col, { xs: 12, sm: 12, lg: 12, xl: 12, xxl: 12, xxxl: 12, children: /* @__PURE__ */ jsx("div", { className: styles.formField, children: /* @__PURE__ */ jsx(Row, { style: { height: "100%", gap: "16px" }, children: /* @__PURE__ */ jsx(
|
|
4858
|
+
Col,
|
|
4859
|
+
{
|
|
4860
|
+
xs: 12,
|
|
4861
|
+
sm: 12,
|
|
4862
|
+
md: 12,
|
|
4863
|
+
lg: 12,
|
|
4864
|
+
xl: 12,
|
|
4865
|
+
xxl: 12,
|
|
4866
|
+
xxxl: 12,
|
|
4867
|
+
children: /* @__PURE__ */ jsx(
|
|
4868
|
+
InputDynamic_default,
|
|
4869
|
+
{
|
|
4870
|
+
name: "serviceClass",
|
|
4871
|
+
label: labels.serviceClassLabel,
|
|
4872
|
+
control,
|
|
4873
|
+
type: "text",
|
|
4874
|
+
contentBefore: /* @__PURE__ */ jsx(
|
|
4875
|
+
Icon,
|
|
4876
|
+
{
|
|
4877
|
+
icon: "fluent:ribbon-star-24-filled",
|
|
4878
|
+
color: tokens.colorBrandBackground
|
|
4879
|
+
}
|
|
4880
|
+
),
|
|
4881
|
+
appearance: "filled-lighter",
|
|
4882
|
+
size: "large",
|
|
4883
|
+
placeholder: labels.placeholderTypeClass,
|
|
4884
|
+
onClick: onServiceClassClick,
|
|
4885
|
+
required: true,
|
|
4886
|
+
disabled: serviceClassDisabled
|
|
4887
|
+
}
|
|
4888
|
+
)
|
|
4889
|
+
}
|
|
4890
|
+
) }) }) }),
|
|
4851
4891
|
/* @__PURE__ */ jsx(Col, { xs: 12, sm: 12, lg: 12, xl: 12, xxl: 12, xxxl: 12, children: /* @__PURE__ */ jsx("div", { className: styles.formField, children: /* @__PURE__ */ jsxs(Row, { style: { height: "100%", gap: "16px" }, children: [
|
|
4852
4892
|
/* @__PURE__ */ jsx(
|
|
4853
4893
|
Col,
|
|
@@ -4859,40 +4899,9 @@ var CardTicketSearch = ({
|
|
|
4859
4899
|
xl: 12,
|
|
4860
4900
|
xxl: 12,
|
|
4861
4901
|
xxxl: 12,
|
|
4862
|
-
|
|
4863
|
-
|
|
4864
|
-
|
|
4865
|
-
name: "serviceClass",
|
|
4866
|
-
label: labels.serviceClassLabel,
|
|
4867
|
-
control,
|
|
4868
|
-
type: "text",
|
|
4869
|
-
contentBefore: /* @__PURE__ */ jsx(
|
|
4870
|
-
Icon,
|
|
4871
|
-
{
|
|
4872
|
-
icon: "fluent:ribbon-star-24-filled",
|
|
4873
|
-
color: tokens.colorBrandBackground
|
|
4874
|
-
}
|
|
4875
|
-
),
|
|
4876
|
-
appearance: "filled-lighter",
|
|
4877
|
-
size: "large",
|
|
4878
|
-
placeholder: labels.placeholderTypeClass,
|
|
4879
|
-
onClick: onServiceClassClick,
|
|
4880
|
-
required: true,
|
|
4881
|
-
disabled: serviceClassDisabled
|
|
4882
|
-
}
|
|
4883
|
-
)
|
|
4884
|
-
}
|
|
4885
|
-
),
|
|
4886
|
-
/* @__PURE__ */ jsx(
|
|
4887
|
-
Col,
|
|
4888
|
-
{
|
|
4889
|
-
xs: 12,
|
|
4890
|
-
sm: 12,
|
|
4891
|
-
md: 12,
|
|
4892
|
-
lg: 12,
|
|
4893
|
-
xl: 12,
|
|
4894
|
-
xxl: 12,
|
|
4895
|
-
xxxl: 12,
|
|
4902
|
+
style: {
|
|
4903
|
+
borderBottom: showPassengerField ? `1px solid ${tokens.colorNeutralStroke1}` : "none"
|
|
4904
|
+
},
|
|
4896
4905
|
children: /* @__PURE__ */ jsx(
|
|
4897
4906
|
InputDynamic_default,
|
|
4898
4907
|
{
|
|
@@ -4918,7 +4927,7 @@ var CardTicketSearch = ({
|
|
|
4918
4927
|
)
|
|
4919
4928
|
}
|
|
4920
4929
|
),
|
|
4921
|
-
showPassengerField && /* @__PURE__ */ jsx(
|
|
4930
|
+
showPassengerField && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
|
|
4922
4931
|
Col,
|
|
4923
4932
|
{
|
|
4924
4933
|
xs: 12,
|
|
@@ -4950,7 +4959,7 @@ var CardTicketSearch = ({
|
|
|
4950
4959
|
}
|
|
4951
4960
|
)
|
|
4952
4961
|
}
|
|
4953
|
-
)
|
|
4962
|
+
) })
|
|
4954
4963
|
] }) }) }),
|
|
4955
4964
|
/* @__PURE__ */ jsx(Col, { xs: 12, sm: 12, lg: 12, xl: 12, xxl: 12, xxxl: 12, children: /* @__PURE__ */ jsx(
|
|
4956
4965
|
Button,
|
|
@@ -14524,6 +14533,107 @@ var CardProfileMenu = ({
|
|
|
14524
14533
|
) });
|
|
14525
14534
|
};
|
|
14526
14535
|
|
|
14527
|
-
|
|
14536
|
+
// src/components/NoContent/NoContent.constants.ts
|
|
14537
|
+
var DEFAULT_LABELS40 = {
|
|
14538
|
+
id: {
|
|
14539
|
+
defaultImageAlt: "Tidak ada konten",
|
|
14540
|
+
defaultTitle: "Data {konten} belum bisa dimuat",
|
|
14541
|
+
defaultMessage: "Silahkan coba muat ulang halaman ini atau cek kembali beberapa saat lagi.",
|
|
14542
|
+
defaultButtonText: "Muat Ulang"
|
|
14543
|
+
},
|
|
14544
|
+
en: {
|
|
14545
|
+
defaultImageAlt: "No content available",
|
|
14546
|
+
defaultTitle: "Data {content} could not be loaded",
|
|
14547
|
+
defaultMessage: "Please try reloading this page or check back in a few moments.",
|
|
14548
|
+
defaultButtonText: "Reload"
|
|
14549
|
+
}
|
|
14550
|
+
};
|
|
14551
|
+
var getFormattedDefaultTitle = (template, content) => {
|
|
14552
|
+
if (content) {
|
|
14553
|
+
return template.replace(/\{(konten|content)\}/g, content);
|
|
14554
|
+
}
|
|
14555
|
+
return template.replace(/\s*\{(konten|content)\}\s*/g, " ").trim();
|
|
14556
|
+
};
|
|
14557
|
+
var useStyles42 = makeStyles({
|
|
14558
|
+
root: {
|
|
14559
|
+
display: "flex",
|
|
14560
|
+
flexDirection: "column",
|
|
14561
|
+
alignItems: "center",
|
|
14562
|
+
justifyContent: "center",
|
|
14563
|
+
gap: tokens.spacingVerticalL,
|
|
14564
|
+
textAlign: "center",
|
|
14565
|
+
paddingTop: tokens.spacingVerticalXXL,
|
|
14566
|
+
paddingBottom: tokens.spacingVerticalXXL,
|
|
14567
|
+
paddingLeft: tokens.spacingHorizontalXL,
|
|
14568
|
+
paddingRight: tokens.spacingHorizontalXL,
|
|
14569
|
+
width: "100%"
|
|
14570
|
+
},
|
|
14571
|
+
image: {
|
|
14572
|
+
maxWidth: "100%",
|
|
14573
|
+
height: "auto"
|
|
14574
|
+
},
|
|
14575
|
+
textContainer: {
|
|
14576
|
+
display: "flex",
|
|
14577
|
+
flexDirection: "column",
|
|
14578
|
+
alignItems: "center",
|
|
14579
|
+
gap: tokens.spacingVerticalS,
|
|
14580
|
+
maxWidth: "400px"
|
|
14581
|
+
},
|
|
14582
|
+
title: {
|
|
14583
|
+
fontWeight: "600"
|
|
14584
|
+
},
|
|
14585
|
+
message: {
|
|
14586
|
+
color: tokens.colorNeutralForeground3,
|
|
14587
|
+
textAlign: "center"
|
|
14588
|
+
}
|
|
14589
|
+
});
|
|
14590
|
+
var NoContent = ({
|
|
14591
|
+
title,
|
|
14592
|
+
content,
|
|
14593
|
+
message,
|
|
14594
|
+
imageSrc = "/assets/images/illustrations/no-content.svg",
|
|
14595
|
+
imageAlt,
|
|
14596
|
+
imageWidth = 240,
|
|
14597
|
+
imageHeight = 180,
|
|
14598
|
+
actionButton,
|
|
14599
|
+
language = "id",
|
|
14600
|
+
labels,
|
|
14601
|
+
className
|
|
14602
|
+
}) => {
|
|
14603
|
+
const styles = useStyles42();
|
|
14604
|
+
const mergedLabels = { ...DEFAULT_LABELS40[language], ...labels };
|
|
14605
|
+
const displayTitle = title ?? getFormattedDefaultTitle(mergedLabels.defaultTitle, content);
|
|
14606
|
+
const displayMessage = message ?? mergedLabels.defaultMessage;
|
|
14607
|
+
const displayImageAlt = imageAlt ?? mergedLabels.defaultImageAlt;
|
|
14608
|
+
return /* @__PURE__ */ jsxs("div", { className: mergeClasses(styles.root, className), children: [
|
|
14609
|
+
/* @__PURE__ */ jsx(
|
|
14610
|
+
"img",
|
|
14611
|
+
{
|
|
14612
|
+
src: imageSrc,
|
|
14613
|
+
alt: displayImageAlt,
|
|
14614
|
+
width: imageWidth,
|
|
14615
|
+
height: imageHeight,
|
|
14616
|
+
className: styles.image
|
|
14617
|
+
}
|
|
14618
|
+
),
|
|
14619
|
+
/* @__PURE__ */ jsxs("div", { className: styles.textContainer, children: [
|
|
14620
|
+
/* @__PURE__ */ jsx(Subtitle1, { className: styles.title, children: displayTitle }),
|
|
14621
|
+
typeof displayMessage === "string" ? /* @__PURE__ */ jsx(Body1, { className: styles.message, children: displayMessage }) : displayMessage
|
|
14622
|
+
] }),
|
|
14623
|
+
actionButton && /* @__PURE__ */ jsx(
|
|
14624
|
+
Button,
|
|
14625
|
+
{
|
|
14626
|
+
type: "button",
|
|
14627
|
+
appearance: actionButton.appearance || "primary",
|
|
14628
|
+
onClick: actionButton.onClick,
|
|
14629
|
+
shape: "circular",
|
|
14630
|
+
style: { width: "100%" },
|
|
14631
|
+
children: actionButton.text
|
|
14632
|
+
}
|
|
14633
|
+
)
|
|
14634
|
+
] });
|
|
14635
|
+
};
|
|
14636
|
+
|
|
14637
|
+
export { API_CONFIG, API_ENDPOINTS, API_ERROR_MESSAGES, BackgroundTicketCard_default as BackgroundTicketCard, BackgroundTicketCardVertical_default as BackgroundTicketCardVertical, COUNTRIES, CardAddon, CardBanner, CardBookingTicket, CardFAQ, CardMealCatalog, CardOrdererInfo, CardPassengerList, CardPaymentGuide, CardPaymentInfo, CardPaymentMethodList, CardPriceDetails, CardProfileMenu, CardPromo, CardReview, CardReviewPassenger, CardServiceMenu, CardStatusOrder, CardTicket, CardTicketSearch, DEFAULT_LABELS8 as CardTicketSearchDefaultLabels, CardTicketSearchSummary, DEFAULT_LABELS9 as CardTicketSearchSummaryDefaultLabels, CardVehicleDetail, CardVehicleOwnerForm, CarouselWithCustomNav, DEFAULT_DURATION_RANGE, DEFAULT_PRICE_RANGE, DEFAULT_SCROLL_AMOUNT, DEFAULT_SERVICE_TYPES, DEFAULT_SORT_OPTIONS, DEFAULT_TIME_SLOTS, DEFAULT_VEHICLE_ICONS, DateFilter, DEFAULT_LABELS17 as DateFilterDefaultLabels, FileUpload_default as FileUpload, GENDER, HTTP_STATUS, IDENTITY_TYPE, InputDynamic_default as InputDynamic, LOAD_TYPE, MODAL_PRESETS, MY_TICKET_STATUS, MY_TICKET_TAB, ModalFilterTicket, DEFAULT_LABELS16 as ModalFilterTicketDefaultLabels, ModalIllustration, ModalListMenuService, ModalListPassenger, ModalPassengerForm, ModalPreviewImage, ModalPriceDetail, ModalSearchHarbor, ModalSearchTicket, ModalSelectDate, ModalService, ModalTotalPassengers, ModalTypeOfService, NoContent, DEFAULT_LABELS40 as NoContentDefaultLabels, PASSENGER_TYPE, SortMenu, Stepper, calculateAge, getBadgeConfig, getModalPreset, getSortLabel, hexToRgba };
|
|
14528
14638
|
//# sourceMappingURL=index.mjs.map
|
|
14529
14639
|
//# sourceMappingURL=index.mjs.map
|