@asdp/ferryui 0.1.22-dev.9545 → 0.1.22-dev.9567

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.
Files changed (7) hide show
  1. package/dist/index.d.mts +7 -15
  2. package/dist/index.d.ts +7 -15
  3. package/dist/index.js +90 -63
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +91 -64
  6. package/dist/index.mjs.map +1 -1
  7. 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, 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, Label, Text, Subtitle1, Checkbox, MessageBar, MessageBarBody, Accordion, AccordionItem, AccordionHeader, AccordionPanel, RadioGroup, Menu, MenuTrigger, MenuPopover, MenuList, Radio, DialogActions, Caption2Strong, Body1Stronger, Caption1Stronger, Display, Image, Title1, TabList, Tab, Body2, typographyStyles, Switch, Textarea, Link } from '@fluentui/react-components';
1
+ import { makeStyles, tokens, createLightTheme, createDarkTheme, shorthands, Popover, PopoverTrigger, Input, PopoverSurface, Field, Caption1Strong, Caption2, Button, 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, Label, Text, Subtitle1, Checkbox, MessageBar, MessageBarBody, Accordion, AccordionItem, AccordionHeader, AccordionPanel, RadioGroup, Menu, MenuTrigger, MenuPopover, MenuList, Radio, DialogActions, Caption2Strong, Body2, Body1Stronger, Caption1Stronger, Display, Image, Title1, TabList, Tab, typographyStyles, Switch, Textarea, Link } 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 } from '@fluentui/react-icons';
@@ -7028,13 +7028,13 @@ var ModalSearchHarbor = ({
7028
7028
  harbor,
7029
7029
  onSelect: handleSelect,
7030
7030
  containerClassName: styles.historyItem,
7031
- trailingIcon: /* @__PURE__ */ jsx(
7031
+ trailingIcon: showButtonFavorite && /* @__PURE__ */ jsx(
7032
7032
  Icon,
7033
7033
  {
7034
- onClick: () => onRemoveLastSearched(harbor),
7035
- icon: "fluent:dismiss-24-regular",
7036
- fontSize: 20,
7037
- className: styles.cursorPointer
7034
+ icon: harbor.isFavorite ? "fluent:star-24-filled" : "fluent:star-24-regular",
7035
+ color: tokens.colorBrandBackground,
7036
+ className: styles.cursorPointer,
7037
+ onClick: () => onToggleFavorite(harbor)
7038
7038
  }
7039
7039
  ),
7040
7040
  showDivider: true
@@ -7050,6 +7050,15 @@ var ModalSearchHarbor = ({
7050
7050
  harbor,
7051
7051
  onSelect: handleSelect,
7052
7052
  containerClassName: styles.historyItem,
7053
+ trailingIcon: showButtonFavorite && /* @__PURE__ */ jsx(
7054
+ Icon,
7055
+ {
7056
+ icon: harbor.isFavorite ? "fluent:star-24-filled" : "fluent:star-24-regular",
7057
+ color: tokens.colorBrandBackground,
7058
+ className: styles.cursorPointer,
7059
+ onClick: () => onToggleFavorite(harbor)
7060
+ }
7061
+ ),
7053
7062
  showDivider: true
7054
7063
  },
7055
7064
  harbor.portId
@@ -11987,9 +11996,8 @@ var DEFAULT_LABELS26 = {
11987
11996
  title: "Informasi Pemilik & Muatan",
11988
11997
  addOwnerButton: "Tambah Pemilik",
11989
11998
  ownerInfoTitle: "Informasi Pemilik {index}",
11990
- senderNameLabel: "Nama Pengirim",
11991
- senderTypeCompany: "Perusahaan",
11992
- senderTypeIndividual: "Perseorangan",
11999
+ entityTypeCompany: "Perusahaan",
12000
+ entityTypeIndividual: "Perseorangan",
11993
12001
  selectCompanyPlaceholder: "Pilih Nama Perusahaan",
11994
12002
  inputSenderNamePlaceholder: "Masukkan Nama Pengirim",
11995
12003
  estimatedWeightLabel: "Data Estimasi Berat Muatan dan Kendaraan (Ton)",
@@ -12040,9 +12048,8 @@ var DEFAULT_LABELS26 = {
12040
12048
  title: "Owner & Cargo Information",
12041
12049
  addOwnerButton: "Add Owner",
12042
12050
  ownerInfoTitle: "Owner Information {index}",
12043
- senderNameLabel: "Sender Name",
12044
- senderTypeCompany: "Company",
12045
- senderTypeIndividual: "Individual",
12051
+ entityTypeCompany: "Company",
12052
+ entityTypeIndividual: "Individual",
12046
12053
  selectCompanyPlaceholder: "Select Company Name",
12047
12054
  inputSenderNamePlaceholder: "Enter Sender Name",
12048
12055
  estimatedWeightLabel: "Estimated Cargo & Vehicle Weight (Ton)",
@@ -12145,7 +12152,6 @@ var CardVehicleOwnerForm = ({
12145
12152
  onAddCargo,
12146
12153
  onDeleteCargo,
12147
12154
  onUpdateCargoQuantity,
12148
- companySenderOptions = [],
12149
12155
  companyOwnerOptions = [],
12150
12156
  companyLogisticsOptions = [],
12151
12157
  companyReceiverOptions = [],
@@ -12253,7 +12259,6 @@ var CardVehicleOwnerForm = ({
12253
12259
  {
12254
12260
  disabled,
12255
12261
  layout: "horizontal",
12256
- value: owner.cargoOwnerEntityType || MANIFEST_ENTITY.COMPANY,
12257
12262
  onChange: (_, data) => {
12258
12263
  onUpdateOwner(owner.id, {
12259
12264
  cargoOwnerEntityType: data.value,
@@ -12263,19 +12268,21 @@ var CardVehicleOwnerForm = ({
12263
12268
  setValue(`owners.${index}.cargoOwnerEntity`, "");
12264
12269
  setValue(`owners.${index}.cargoOwnerEntityOther`, "");
12265
12270
  },
12271
+ required: true,
12272
+ value: owner.cargoOwnerEntityType || MANIFEST_ENTITY.COMPANY,
12266
12273
  children: [
12267
12274
  /* @__PURE__ */ jsx(
12268
12275
  Radio,
12269
12276
  {
12270
12277
  value: MANIFEST_ENTITY.COMPANY,
12271
- label: mergedLabels.senderTypeCompany
12278
+ label: MANIFEST_ENTITY.COMPANY
12272
12279
  }
12273
12280
  ),
12274
12281
  /* @__PURE__ */ jsx(
12275
12282
  Radio,
12276
12283
  {
12277
12284
  value: MANIFEST_ENTITY.INDIVIDUAL,
12278
- label: mergedLabels.senderTypeIndividual
12285
+ label: MANIFEST_ENTITY.INDIVIDUAL
12279
12286
  }
12280
12287
  )
12281
12288
  ]
@@ -12294,16 +12301,17 @@ var CardVehicleOwnerForm = ({
12294
12301
  disabled,
12295
12302
  control,
12296
12303
  name: `owners.${index}.cargoOwnerEntity`,
12297
- placeholder: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.cargoOwnerCompanyPlaceholder : mergedLabels.cargoOwnerIndividualPlaceholder,
12298
- size: "large",
12299
- type: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12300
12304
  options: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? companyOwnerOptions : [],
12301
12305
  onChange: (val) => {
12302
12306
  setValue(`owners.${index}.cargoOwnerEntity`, val);
12303
12307
  onUpdateOwner(owner.id, {
12304
12308
  cargoOwnerEntity: val
12305
12309
  });
12306
- }
12310
+ },
12311
+ placeholder: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.cargoOwnerCompanyPlaceholder : mergedLabels.cargoOwnerIndividualPlaceholder,
12312
+ required: true,
12313
+ size: "large",
12314
+ type: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text"
12307
12315
  }
12308
12316
  )
12309
12317
  }
@@ -12315,6 +12323,7 @@ var CardVehicleOwnerForm = ({
12315
12323
  disabled,
12316
12324
  name: `owners.${index}.cargoOwnerEntityOther`,
12317
12325
  placeholder: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12326
+ required: true,
12318
12327
  size: "large",
12319
12328
  type: "text",
12320
12329
  onChange: (val) => {
@@ -12354,6 +12363,7 @@ var CardVehicleOwnerForm = ({
12354
12363
  disabled,
12355
12364
  name: `owners.${index}.estimatedWeight`,
12356
12365
  placeholder: mergedLabels.inputNumberPlaceholder,
12366
+ required: true,
12357
12367
  size: "large",
12358
12368
  type: "number",
12359
12369
  onChange: (val) => {
@@ -12383,7 +12393,6 @@ var CardVehicleOwnerForm = ({
12383
12393
  {
12384
12394
  disabled,
12385
12395
  layout: "horizontal",
12386
- value: owner.cargoReceiverEntityType || MANIFEST_ENTITY.COMPANY,
12387
12396
  onChange: (_, data) => {
12388
12397
  onUpdateOwner(owner.id, {
12389
12398
  cargoReceiverEntityType: data.value,
@@ -12399,19 +12408,21 @@ var CardVehicleOwnerForm = ({
12399
12408
  ""
12400
12409
  );
12401
12410
  },
12411
+ required: true,
12412
+ value: owner.cargoReceiverEntityType || MANIFEST_ENTITY.COMPANY,
12402
12413
  children: [
12403
12414
  /* @__PURE__ */ jsx(
12404
12415
  Radio,
12405
12416
  {
12406
12417
  value: MANIFEST_ENTITY.COMPANY,
12407
- label: mergedLabels.senderTypeCompany
12418
+ label: mergedLabels.entityTypeCompany
12408
12419
  }
12409
12420
  ),
12410
12421
  /* @__PURE__ */ jsx(
12411
12422
  Radio,
12412
12423
  {
12413
12424
  value: MANIFEST_ENTITY.INDIVIDUAL,
12414
- label: mergedLabels.senderTypeIndividual
12425
+ label: mergedLabels.entityTypeIndividual
12415
12426
  }
12416
12427
  )
12417
12428
  ]
@@ -12431,6 +12442,7 @@ var CardVehicleOwnerForm = ({
12431
12442
  disabled,
12432
12443
  name: `owners.${index}.cargoReceiverEntity`,
12433
12444
  placeholder: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.cargoReceiverCompanyPlaceholder : mergedLabels.cargoReceiverIndividualPlaceholder,
12445
+ required: true,
12434
12446
  size: "large",
12435
12447
  type: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12436
12448
  options: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? companyReceiverOptions : [],
@@ -12454,6 +12466,7 @@ var CardVehicleOwnerForm = ({
12454
12466
  disabled,
12455
12467
  name: `owners.${index}.cargoReceiverEntityOther`,
12456
12468
  placeholder: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12469
+ required: true,
12457
12470
  size: "large",
12458
12471
  type: "text",
12459
12472
  onChange: (val) => {
@@ -12500,7 +12513,6 @@ var CardVehicleOwnerForm = ({
12500
12513
  {
12501
12514
  disabled,
12502
12515
  layout: "horizontal",
12503
- value: owner.logisticsEntityType || "Perseorangan",
12504
12516
  onChange: (_, data) => {
12505
12517
  onUpdateOwner(owner.id, {
12506
12518
  logisticsEntityType: data.value,
@@ -12513,19 +12525,21 @@ var CardVehicleOwnerForm = ({
12513
12525
  ""
12514
12526
  );
12515
12527
  },
12528
+ required: true,
12529
+ value: owner.logisticsEntityType || MANIFEST_ENTITY.COMPANY,
12516
12530
  children: [
12517
12531
  /* @__PURE__ */ jsx(
12518
12532
  Radio,
12519
12533
  {
12520
12534
  value: MANIFEST_ENTITY.COMPANY,
12521
- label: mergedLabels.senderTypeCompany
12535
+ label: mergedLabels.entityTypeCompany
12522
12536
  }
12523
12537
  ),
12524
12538
  /* @__PURE__ */ jsx(
12525
12539
  Radio,
12526
12540
  {
12527
12541
  value: MANIFEST_ENTITY.INDIVIDUAL,
12528
- label: mergedLabels.senderTypeIndividual
12542
+ label: mergedLabels.entityTypeIndividual
12529
12543
  }
12530
12544
  )
12531
12545
  ]
@@ -12545,6 +12559,7 @@ var CardVehicleOwnerForm = ({
12545
12559
  disabled,
12546
12560
  name: `owners.${index}.logisticsEntity`,
12547
12561
  placeholder: owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.logisticsCompanyPlaceholder : mergedLabels.logisticsIndividualPlaceholder,
12562
+ required: true,
12548
12563
  size: "large",
12549
12564
  type: owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12550
12565
  options: owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY ? companyLogisticsOptions : [],
@@ -12568,6 +12583,7 @@ var CardVehicleOwnerForm = ({
12568
12583
  disabled,
12569
12584
  name: `owners.${index}.logisticsEntityOther`,
12570
12585
  placeholder: owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12586
+ required: true,
12571
12587
  size: "large",
12572
12588
  type: "text",
12573
12589
  onChange: (val) => {
@@ -12604,16 +12620,17 @@ var CardVehicleOwnerForm = ({
12604
12620
  control,
12605
12621
  disabled,
12606
12622
  name: `owners.${index}.originCity`,
12607
- placeholder: mergedLabels.selectPlaceholder,
12608
- type: "select",
12609
- options: cityOriginOptions,
12610
- size: "large",
12611
12623
  onChange: (val) => {
12612
12624
  setValue(`owners.${index}.originCity`, val);
12613
12625
  onUpdateOwner(owner.id, {
12614
12626
  originCity: val
12615
12627
  });
12616
- }
12628
+ },
12629
+ options: cityOriginOptions,
12630
+ placeholder: mergedLabels.selectPlaceholder,
12631
+ required: true,
12632
+ size: "large",
12633
+ type: "select"
12617
12634
  }
12618
12635
  )
12619
12636
  ] }),
@@ -12625,16 +12642,17 @@ var CardVehicleOwnerForm = ({
12625
12642
  control,
12626
12643
  disabled,
12627
12644
  name: `owners.${index}.destinationCity`,
12628
- placeholder: mergedLabels.selectPlaceholder,
12629
- type: "select",
12630
12645
  options: cityDestinationOptions,
12631
- size: "large",
12632
12646
  onChange: (val) => {
12633
12647
  setValue(`owners.${index}.destinationCity`, val);
12634
12648
  onUpdateOwner(owner.id, {
12635
12649
  destinationCity: val
12636
12650
  });
12637
- }
12651
+ },
12652
+ placeholder: mergedLabels.selectPlaceholder,
12653
+ required: true,
12654
+ size: "large",
12655
+ type: "select"
12638
12656
  }
12639
12657
  )
12640
12658
  ] })
@@ -12692,10 +12710,6 @@ var CardVehicleOwnerForm = ({
12692
12710
  control,
12693
12711
  disabled,
12694
12712
  name: `owners.${index}.cargo.${cargoIndex}.commodity`,
12695
- placeholder: mergedLabels.selectPlaceholder,
12696
- type: "select",
12697
- options: commodityOptions,
12698
- size: "large",
12699
12713
  onChange: (val) => {
12700
12714
  const name = `owners.${index}.cargo.${cargoIndex}.commodity`;
12701
12715
  setValue(name, val);
@@ -12708,7 +12722,12 @@ var CardVehicleOwnerForm = ({
12708
12722
  onUpdateOwner(owner.id, {
12709
12723
  cargoItems: updatedCargoItems
12710
12724
  });
12711
- }
12725
+ },
12726
+ options: commodityOptions,
12727
+ placeholder: mergedLabels.selectPlaceholder,
12728
+ required: true,
12729
+ type: "select",
12730
+ size: "large"
12712
12731
  }
12713
12732
  ),
12714
12733
  /* @__PURE__ */ jsxs(
@@ -12738,10 +12757,6 @@ var CardVehicleOwnerForm = ({
12738
12757
  control,
12739
12758
  disabled,
12740
12759
  name: `owners.${index}.cargo.${cargoIndex}.cargoType`,
12741
- placeholder: mergedLabels.selectPlaceholder,
12742
- type: "select",
12743
- options: loadTypeOptions,
12744
- size: "large",
12745
12760
  onChange: (val) => {
12746
12761
  const name = `owners.${index}.cargo.${cargoIndex}.cargoType`;
12747
12762
  setValue(name, val);
@@ -12754,7 +12769,12 @@ var CardVehicleOwnerForm = ({
12754
12769
  onUpdateOwner(owner.id, {
12755
12770
  cargoItems: updatedCargoItems
12756
12771
  });
12757
- }
12772
+ },
12773
+ options: loadTypeOptions,
12774
+ placeholder: mergedLabels.selectPlaceholder,
12775
+ required: true,
12776
+ size: "large",
12777
+ type: "select"
12758
12778
  }
12759
12779
  ),
12760
12780
  /* @__PURE__ */ jsx(
@@ -12941,17 +12961,22 @@ var CardVehicleOwnerForm = ({
12941
12961
  })(),
12942
12962
  /* @__PURE__ */ jsxs(Col, { md: 3, children: [
12943
12963
  /* @__PURE__ */ jsx(Body1, { className: styles.label, children: mergedLabels.priceLabel }),
12944
- /* @__PURE__ */ jsx(
12945
- InputDynamic_default,
12946
- {
12947
- control,
12948
- disabled: true,
12949
- name: `owners.${index}.price`,
12950
- placeholder: mergedLabels.pricePlaceholder,
12951
- size: "large",
12952
- type: "text"
12953
- }
12954
- )
12964
+ /* @__PURE__ */ jsx(Body2, { style: { marginTop: "0.5rem" }, children: (() => {
12965
+ return new Intl.NumberFormat(
12966
+ language === "id" ? "id-ID" : "en-US",
12967
+ {
12968
+ style: "currency",
12969
+ currency: language === "id" ? "IDR" : "USD",
12970
+ minimumFractionDigits: 0
12971
+ }
12972
+ ).format(
12973
+ Number(
12974
+ getValues(
12975
+ `owners.${index}.cargo.${cargoIndex}.price`
12976
+ ) || 1234567890
12977
+ )
12978
+ );
12979
+ })() })
12955
12980
  ] })
12956
12981
  ] }),
12957
12982
  /* @__PURE__ */ jsxs(Row, { children: [
@@ -12967,10 +12992,7 @@ var CardVehicleOwnerForm = ({
12967
12992
  control,
12968
12993
  disabled,
12969
12994
  name: `owners.${index}.cargo.${cargoIndex}.industryType`,
12970
- placeholder: mergedLabels.selectPlaceholder,
12971
- type: "select",
12972
12995
  options: industryOptions,
12973
- size: "large",
12974
12996
  onChange: (val) => {
12975
12997
  const name = `owners.${index}.cargo.${cargoIndex}.industryType`;
12976
12998
  setValue(name, val);
@@ -12983,7 +13005,11 @@ var CardVehicleOwnerForm = ({
12983
13005
  onUpdateOwner(owner.id, {
12984
13006
  cargoItems: updatedCargoItems
12985
13007
  });
12986
- }
13008
+ },
13009
+ placeholder: mergedLabels.selectPlaceholder,
13010
+ required: true,
13011
+ size: "large",
13012
+ type: "select"
12987
13013
  }
12988
13014
  ),
12989
13015
  /* @__PURE__ */ jsx(
@@ -13009,10 +13035,7 @@ var CardVehicleOwnerForm = ({
13009
13035
  control,
13010
13036
  disabled,
13011
13037
  name: `owners.${index}.cargo.${cargoIndex}.cargoCategory`,
13012
- placeholder: mergedLabels.selectPlaceholder,
13013
- type: "select",
13014
13038
  options: loadCategoryOptions,
13015
- size: "large",
13016
13039
  onChange: (val) => {
13017
13040
  const name = `owners.${index}.cargo.${cargoIndex}.cargoCategory`;
13018
13041
  setValue(name, val);
@@ -13025,7 +13048,11 @@ var CardVehicleOwnerForm = ({
13025
13048
  onUpdateOwner(owner.id, {
13026
13049
  cargoItems: updatedCargoItems
13027
13050
  });
13028
- }
13051
+ },
13052
+ placeholder: mergedLabels.selectPlaceholder,
13053
+ required: true,
13054
+ size: "large",
13055
+ type: "select"
13029
13056
  }
13030
13057
  ),
13031
13058
  /* @__PURE__ */ jsxs(