@asdp/ferryui 0.1.22-dev.10693 → 0.1.22-dev.10750
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 +69 -59
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +70 -60
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { makeStyles, tokens, createLightTheme, createDarkTheme, shorthands, Popover, PopoverTrigger, Input, PopoverSurface, Field, Caption1Strong, Caption2, Button, InfoLabel, Body1, Body1Strong, Caption1, Dialog, DialogSurface, DialogBody, DialogTitle, DialogTrigger, DialogContent, Carousel, CarouselButton, CarouselViewport, mergeClasses, CarouselSlider, CarouselNav, CarouselNavButton, CarouselCard, Skeleton, SkeletonItem, Subtitle2, Card, Tooltip, Badge, Title2, Divider, Title3, Spinner, Label, Text,
|
|
1
|
+
import { makeStyles, tokens, createLightTheme, createDarkTheme, shorthands, Popover, PopoverTrigger, Input, PopoverSurface, Field, Caption1Strong, Caption2, Button, InfoLabel, Body1, Body1Strong, Caption1, Dialog, DialogSurface, DialogBody, DialogTitle, DialogTrigger, DialogContent, Carousel, CarouselButton, CarouselViewport, mergeClasses, CarouselSlider, CarouselNav, CarouselNavButton, CarouselCard, Skeleton, SkeletonItem, Subtitle2, Card, Tooltip, Badge, Subtitle1, Title2, Divider, Title3, Spinner, Label, Text, Checkbox, MessageBar, MessageBarBody, Accordion, AccordionItem, AccordionHeader, AccordionPanel, RadioGroup, Menu, MenuTrigger, MenuPopover, MenuList, Radio, DialogActions, Caption2Strong, Link, Body2, Body1Stronger, Caption1Stronger, Display, Image, Title1, TabList, Tab, typographyStyles, Switch, Textarea } from '@fluentui/react-components';
|
|
2
2
|
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
3
3
|
import React, { forwardRef, useState, useRef, useEffect, useCallback, useMemo, Fragment as Fragment$1 } from 'react';
|
|
4
4
|
import { ArrowDownloadRegular, Dismiss24Regular, DismissRegular, SubtractRegular, AddRegular, DeleteRegular, InfoRegular, SearchRegular, ArrowRightRegular } from '@fluentui/react-icons';
|
|
@@ -1433,7 +1433,7 @@ var CardTicket = ({
|
|
|
1433
1433
|
children: /* @__PURE__ */ jsx(
|
|
1434
1434
|
Badge,
|
|
1435
1435
|
{
|
|
1436
|
-
size: "large",
|
|
1436
|
+
size: "extra-large",
|
|
1437
1437
|
appearance: "filled",
|
|
1438
1438
|
style: {
|
|
1439
1439
|
backgroundColor: departureItem?.availableTicket <= 0 ? tokens.colorNeutralForeground3 : departureItem?.provider?.serviceColor,
|
|
@@ -1470,8 +1470,8 @@ var CardTicket = ({
|
|
|
1470
1470
|
src: departureItem?.provider?.logo,
|
|
1471
1471
|
className: styles.asdpLogo,
|
|
1472
1472
|
alt: mergedLabels.logoAlt,
|
|
1473
|
-
height:
|
|
1474
|
-
width:
|
|
1473
|
+
height: 98,
|
|
1474
|
+
width: 137,
|
|
1475
1475
|
style: departureItem?.availableTicket <= 0 ? { filter: "grayscale(100%)", opacity: 0.7 } : {}
|
|
1476
1476
|
}
|
|
1477
1477
|
)
|
|
@@ -1512,7 +1512,12 @@ var CardTicket = ({
|
|
|
1512
1512
|
/* @__PURE__ */ jsx(
|
|
1513
1513
|
Col,
|
|
1514
1514
|
{
|
|
1515
|
-
style: {
|
|
1515
|
+
style: {
|
|
1516
|
+
textAlign: "center",
|
|
1517
|
+
display: "flex",
|
|
1518
|
+
justifyContent: "center",
|
|
1519
|
+
alignItems: "center"
|
|
1520
|
+
},
|
|
1516
1521
|
xs: 12,
|
|
1517
1522
|
sm: 12,
|
|
1518
1523
|
md: 12,
|
|
@@ -1520,7 +1525,7 @@ var CardTicket = ({
|
|
|
1520
1525
|
xl: 12,
|
|
1521
1526
|
xxl: 12,
|
|
1522
1527
|
xxxl: 12,
|
|
1523
|
-
children: /* @__PURE__ */ jsx(
|
|
1528
|
+
children: /* @__PURE__ */ jsx(Subtitle1, { children: departureItem?.provider?.name })
|
|
1524
1529
|
}
|
|
1525
1530
|
)
|
|
1526
1531
|
] }),
|
|
@@ -1866,7 +1871,7 @@ var CardTicket = ({
|
|
|
1866
1871
|
/* @__PURE__ */ jsx(Subtitle2, { children: mergedLabels.facilitiesLabel }),
|
|
1867
1872
|
/* @__PURE__ */ jsx("div", { className: styles.facilitiesList, children: departureItem?.provider?.facilities.map((facility, idx) => /* @__PURE__ */ jsxs("div", { className: styles.facilityItem, children: [
|
|
1868
1873
|
/* @__PURE__ */ jsx(Icon, { icon: "fluent:checkmark-circle-24-filled" }),
|
|
1869
|
-
/* @__PURE__ */ jsx(
|
|
1874
|
+
/* @__PURE__ */ jsx(Body1Strong, { children: facility })
|
|
1870
1875
|
] }, idx)) })
|
|
1871
1876
|
] })
|
|
1872
1877
|
] }),
|
|
@@ -6367,7 +6372,7 @@ var useStyles10 = makeStyles({
|
|
|
6367
6372
|
// borderBottomRightRadius: '0',
|
|
6368
6373
|
padding: "1rem",
|
|
6369
6374
|
paddingTop: "2rem",
|
|
6370
|
-
paddingBottom: "
|
|
6375
|
+
paddingBottom: "4rem",
|
|
6371
6376
|
position: "relative",
|
|
6372
6377
|
overflow: "visible",
|
|
6373
6378
|
// boxShadow: '0 0 2px rgba(0,0,0,0.12), 0 -8px 16px rgba(0,0,0,0.14)',
|
|
@@ -6407,7 +6412,7 @@ var useStyles10 = makeStyles({
|
|
|
6407
6412
|
},
|
|
6408
6413
|
buttonSearchContainer: {
|
|
6409
6414
|
display: "flex",
|
|
6410
|
-
justifyContent: "
|
|
6415
|
+
justifyContent: "end",
|
|
6411
6416
|
alignItems: "center",
|
|
6412
6417
|
height: "100%",
|
|
6413
6418
|
width: "100%"
|
|
@@ -6526,8 +6531,8 @@ var CardTicketSearchSummary = ({
|
|
|
6526
6531
|
md: 12,
|
|
6527
6532
|
lg: 12,
|
|
6528
6533
|
xl: 12,
|
|
6529
|
-
xxl:
|
|
6530
|
-
xxxl:
|
|
6534
|
+
xxl: 6,
|
|
6535
|
+
xxxl: 6,
|
|
6531
6536
|
className: styles.paddingResponsive,
|
|
6532
6537
|
children: /* @__PURE__ */ jsx("div", { className: styles.formField, children: /* @__PURE__ */ jsxs(Row, { style: { height: "100%", alignItems: "center" }, children: [
|
|
6533
6538
|
/* @__PURE__ */ jsx(
|
|
@@ -6712,8 +6717,22 @@ var CardTicketSearchSummary = ({
|
|
|
6712
6717
|
md: 12,
|
|
6713
6718
|
lg: 12,
|
|
6714
6719
|
xl: 12,
|
|
6715
|
-
xxl:
|
|
6716
|
-
xxxl:
|
|
6720
|
+
xxl: 6,
|
|
6721
|
+
xxxl: 6,
|
|
6722
|
+
className: styles.paddingResponsive,
|
|
6723
|
+
children: children && /* @__PURE__ */ jsx("div", { className: styles.filterButtonContainer, children })
|
|
6724
|
+
}
|
|
6725
|
+
),
|
|
6726
|
+
/* @__PURE__ */ jsx(
|
|
6727
|
+
Col,
|
|
6728
|
+
{
|
|
6729
|
+
xs: 12,
|
|
6730
|
+
sm: 12,
|
|
6731
|
+
md: 12,
|
|
6732
|
+
lg: 12,
|
|
6733
|
+
xl: 12,
|
|
6734
|
+
xxl: 6,
|
|
6735
|
+
xxxl: 6,
|
|
6717
6736
|
className: styles.paddingResponsive,
|
|
6718
6737
|
children: /* @__PURE__ */ jsx("div", { className: styles.buttonSearchContainer, children: /* @__PURE__ */ jsx(
|
|
6719
6738
|
Button,
|
|
@@ -6722,6 +6741,7 @@ var CardTicketSearchSummary = ({
|
|
|
6722
6741
|
appearance: "primary",
|
|
6723
6742
|
size: "medium",
|
|
6724
6743
|
style: {
|
|
6744
|
+
marginTop: "1rem",
|
|
6725
6745
|
width: "100%",
|
|
6726
6746
|
borderRadius: tokens.borderRadiusCircular
|
|
6727
6747
|
},
|
|
@@ -6734,7 +6754,6 @@ var CardTicketSearchSummary = ({
|
|
|
6734
6754
|
}
|
|
6735
6755
|
)
|
|
6736
6756
|
] }),
|
|
6737
|
-
children && /* @__PURE__ */ jsx("div", { className: styles.filterButtonContainer, children }),
|
|
6738
6757
|
Array.from({ length: circularConfig.count }).map((_, index) => /* @__PURE__ */ jsx(
|
|
6739
6758
|
"div",
|
|
6740
6759
|
{
|
|
@@ -13511,59 +13530,50 @@ var CardVehicleOwnerForm = ({
|
|
|
13511
13530
|
{
|
|
13512
13531
|
style: {
|
|
13513
13532
|
display: "flex",
|
|
13514
|
-
|
|
13533
|
+
justifyContent: "space-between",
|
|
13534
|
+
alignItems: "center",
|
|
13515
13535
|
width: "100%",
|
|
13516
|
-
gap: "
|
|
13536
|
+
gap: "1rem"
|
|
13517
13537
|
},
|
|
13518
13538
|
children: [
|
|
13519
|
-
/* @__PURE__ */ jsx(Body1Strong, { children: mergedLabels.cargoItemTitle.replace(
|
|
13539
|
+
/* @__PURE__ */ jsx(Body1Strong, { style: { minWidth: "fit-content" }, children: mergedLabels.cargoItemTitle.replace(
|
|
13520
13540
|
"{index}",
|
|
13521
13541
|
(cargoIndex + 1).toString()
|
|
13522
13542
|
) }),
|
|
13523
|
-
_selectedLoadType && !cargo._isAccordionOpen && /* @__PURE__ */ jsxs(
|
|
13524
|
-
|
|
13525
|
-
|
|
13526
|
-
|
|
13527
|
-
|
|
13528
|
-
|
|
13529
|
-
|
|
13530
|
-
|
|
13531
|
-
|
|
13532
|
-
|
|
13533
|
-
|
|
13534
|
-
|
|
13535
|
-
|
|
13536
|
-
|
|
13537
|
-
|
|
13538
|
-
|
|
13539
|
-
|
|
13540
|
-
|
|
13541
|
-
|
|
13542
|
-
|
|
13543
|
-
|
|
13544
|
-
|
|
13545
|
-
|
|
13546
|
-
|
|
13547
|
-
|
|
13548
|
-
|
|
13549
|
-
|
|
13550
|
-
|
|
13551
|
-
|
|
13552
|
-
|
|
13553
|
-
currency: "IDR",
|
|
13554
|
-
minimumFractionDigits: 0
|
|
13555
|
-
}).format(
|
|
13556
|
-
Number(
|
|
13557
|
-
getValues(
|
|
13558
|
-
`owners.${index}.cargo.${cargoIndex}.quantity`
|
|
13559
|
-
) || 0
|
|
13560
|
-
) * (_selectedLoadType.price || 0)
|
|
13561
|
-
)
|
|
13562
|
-
}
|
|
13543
|
+
_selectedLoadType && !cargo._isAccordionOpen && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
13544
|
+
/* @__PURE__ */ jsxs(Body1Strong, { style: { flex: 1 }, children: [
|
|
13545
|
+
_selectedLoadType.name,
|
|
13546
|
+
" \u2022",
|
|
13547
|
+
" ",
|
|
13548
|
+
watchQuantity,
|
|
13549
|
+
"x",
|
|
13550
|
+
" ",
|
|
13551
|
+
_selectedLoadType.unit?.name,
|
|
13552
|
+
" \u2022",
|
|
13553
|
+
" ",
|
|
13554
|
+
_selectedLoadType.formattedPrice
|
|
13555
|
+
] }),
|
|
13556
|
+
/* @__PURE__ */ jsx(
|
|
13557
|
+
Body1Stronger,
|
|
13558
|
+
{
|
|
13559
|
+
style: {
|
|
13560
|
+
color: sharedColors["Shared_Secondary_Primary"],
|
|
13561
|
+
minWidth: "fit-content"
|
|
13562
|
+
},
|
|
13563
|
+
children: new Intl.NumberFormat("id-ID", {
|
|
13564
|
+
style: "currency",
|
|
13565
|
+
currency: "IDR",
|
|
13566
|
+
minimumFractionDigits: 0
|
|
13567
|
+
}).format(
|
|
13568
|
+
Number(
|
|
13569
|
+
getValues(
|
|
13570
|
+
`owners.${index}.cargo.${cargoIndex}.quantity`
|
|
13571
|
+
) || 0
|
|
13572
|
+
) * (_selectedLoadType.price || 0)
|
|
13563
13573
|
)
|
|
13564
|
-
|
|
13565
|
-
|
|
13566
|
-
)
|
|
13574
|
+
}
|
|
13575
|
+
)
|
|
13576
|
+
] })
|
|
13567
13577
|
]
|
|
13568
13578
|
}
|
|
13569
13579
|
)
|