@asdp/ferryui 0.1.22-dev.9549 → 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 +6 -14
  2. package/dist/index.d.ts +6 -14
  3. package/dist/index.js +76 -58
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +77 -59
  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';
@@ -11996,9 +11996,8 @@ var DEFAULT_LABELS26 = {
11996
11996
  title: "Informasi Pemilik & Muatan",
11997
11997
  addOwnerButton: "Tambah Pemilik",
11998
11998
  ownerInfoTitle: "Informasi Pemilik {index}",
11999
- senderNameLabel: "Nama Pengirim",
12000
- senderTypeCompany: "Perusahaan",
12001
- senderTypeIndividual: "Perseorangan",
11999
+ entityTypeCompany: "Perusahaan",
12000
+ entityTypeIndividual: "Perseorangan",
12002
12001
  selectCompanyPlaceholder: "Pilih Nama Perusahaan",
12003
12002
  inputSenderNamePlaceholder: "Masukkan Nama Pengirim",
12004
12003
  estimatedWeightLabel: "Data Estimasi Berat Muatan dan Kendaraan (Ton)",
@@ -12049,9 +12048,8 @@ var DEFAULT_LABELS26 = {
12049
12048
  title: "Owner & Cargo Information",
12050
12049
  addOwnerButton: "Add Owner",
12051
12050
  ownerInfoTitle: "Owner Information {index}",
12052
- senderNameLabel: "Sender Name",
12053
- senderTypeCompany: "Company",
12054
- senderTypeIndividual: "Individual",
12051
+ entityTypeCompany: "Company",
12052
+ entityTypeIndividual: "Individual",
12055
12053
  selectCompanyPlaceholder: "Select Company Name",
12056
12054
  inputSenderNamePlaceholder: "Enter Sender Name",
12057
12055
  estimatedWeightLabel: "Estimated Cargo & Vehicle Weight (Ton)",
@@ -12154,7 +12152,6 @@ var CardVehicleOwnerForm = ({
12154
12152
  onAddCargo,
12155
12153
  onDeleteCargo,
12156
12154
  onUpdateCargoQuantity,
12157
- companySenderOptions = [],
12158
12155
  companyOwnerOptions = [],
12159
12156
  companyLogisticsOptions = [],
12160
12157
  companyReceiverOptions = [],
@@ -12262,7 +12259,6 @@ var CardVehicleOwnerForm = ({
12262
12259
  {
12263
12260
  disabled,
12264
12261
  layout: "horizontal",
12265
- value: owner.cargoOwnerEntityType || MANIFEST_ENTITY.COMPANY,
12266
12262
  onChange: (_, data) => {
12267
12263
  onUpdateOwner(owner.id, {
12268
12264
  cargoOwnerEntityType: data.value,
@@ -12272,19 +12268,21 @@ var CardVehicleOwnerForm = ({
12272
12268
  setValue(`owners.${index}.cargoOwnerEntity`, "");
12273
12269
  setValue(`owners.${index}.cargoOwnerEntityOther`, "");
12274
12270
  },
12271
+ required: true,
12272
+ value: owner.cargoOwnerEntityType || MANIFEST_ENTITY.COMPANY,
12275
12273
  children: [
12276
12274
  /* @__PURE__ */ jsx(
12277
12275
  Radio,
12278
12276
  {
12279
12277
  value: MANIFEST_ENTITY.COMPANY,
12280
- label: mergedLabels.senderTypeCompany
12278
+ label: MANIFEST_ENTITY.COMPANY
12281
12279
  }
12282
12280
  ),
12283
12281
  /* @__PURE__ */ jsx(
12284
12282
  Radio,
12285
12283
  {
12286
12284
  value: MANIFEST_ENTITY.INDIVIDUAL,
12287
- label: mergedLabels.senderTypeIndividual
12285
+ label: MANIFEST_ENTITY.INDIVIDUAL
12288
12286
  }
12289
12287
  )
12290
12288
  ]
@@ -12303,16 +12301,17 @@ var CardVehicleOwnerForm = ({
12303
12301
  disabled,
12304
12302
  control,
12305
12303
  name: `owners.${index}.cargoOwnerEntity`,
12306
- placeholder: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.cargoOwnerCompanyPlaceholder : mergedLabels.cargoOwnerIndividualPlaceholder,
12307
- size: "large",
12308
- type: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12309
12304
  options: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? companyOwnerOptions : [],
12310
12305
  onChange: (val) => {
12311
12306
  setValue(`owners.${index}.cargoOwnerEntity`, val);
12312
12307
  onUpdateOwner(owner.id, {
12313
12308
  cargoOwnerEntity: val
12314
12309
  });
12315
- }
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"
12316
12315
  }
12317
12316
  )
12318
12317
  }
@@ -12324,6 +12323,7 @@ var CardVehicleOwnerForm = ({
12324
12323
  disabled,
12325
12324
  name: `owners.${index}.cargoOwnerEntityOther`,
12326
12325
  placeholder: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12326
+ required: true,
12327
12327
  size: "large",
12328
12328
  type: "text",
12329
12329
  onChange: (val) => {
@@ -12363,6 +12363,7 @@ var CardVehicleOwnerForm = ({
12363
12363
  disabled,
12364
12364
  name: `owners.${index}.estimatedWeight`,
12365
12365
  placeholder: mergedLabels.inputNumberPlaceholder,
12366
+ required: true,
12366
12367
  size: "large",
12367
12368
  type: "number",
12368
12369
  onChange: (val) => {
@@ -12392,7 +12393,6 @@ var CardVehicleOwnerForm = ({
12392
12393
  {
12393
12394
  disabled,
12394
12395
  layout: "horizontal",
12395
- value: owner.cargoReceiverEntityType || MANIFEST_ENTITY.COMPANY,
12396
12396
  onChange: (_, data) => {
12397
12397
  onUpdateOwner(owner.id, {
12398
12398
  cargoReceiverEntityType: data.value,
@@ -12408,19 +12408,21 @@ var CardVehicleOwnerForm = ({
12408
12408
  ""
12409
12409
  );
12410
12410
  },
12411
+ required: true,
12412
+ value: owner.cargoReceiverEntityType || MANIFEST_ENTITY.COMPANY,
12411
12413
  children: [
12412
12414
  /* @__PURE__ */ jsx(
12413
12415
  Radio,
12414
12416
  {
12415
12417
  value: MANIFEST_ENTITY.COMPANY,
12416
- label: mergedLabels.senderTypeCompany
12418
+ label: mergedLabels.entityTypeCompany
12417
12419
  }
12418
12420
  ),
12419
12421
  /* @__PURE__ */ jsx(
12420
12422
  Radio,
12421
12423
  {
12422
12424
  value: MANIFEST_ENTITY.INDIVIDUAL,
12423
- label: mergedLabels.senderTypeIndividual
12425
+ label: mergedLabels.entityTypeIndividual
12424
12426
  }
12425
12427
  )
12426
12428
  ]
@@ -12440,6 +12442,7 @@ var CardVehicleOwnerForm = ({
12440
12442
  disabled,
12441
12443
  name: `owners.${index}.cargoReceiverEntity`,
12442
12444
  placeholder: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.cargoReceiverCompanyPlaceholder : mergedLabels.cargoReceiverIndividualPlaceholder,
12445
+ required: true,
12443
12446
  size: "large",
12444
12447
  type: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12445
12448
  options: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? companyReceiverOptions : [],
@@ -12463,6 +12466,7 @@ var CardVehicleOwnerForm = ({
12463
12466
  disabled,
12464
12467
  name: `owners.${index}.cargoReceiverEntityOther`,
12465
12468
  placeholder: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12469
+ required: true,
12466
12470
  size: "large",
12467
12471
  type: "text",
12468
12472
  onChange: (val) => {
@@ -12509,7 +12513,6 @@ var CardVehicleOwnerForm = ({
12509
12513
  {
12510
12514
  disabled,
12511
12515
  layout: "horizontal",
12512
- value: owner.logisticsEntityType || "Perseorangan",
12513
12516
  onChange: (_, data) => {
12514
12517
  onUpdateOwner(owner.id, {
12515
12518
  logisticsEntityType: data.value,
@@ -12522,19 +12525,21 @@ var CardVehicleOwnerForm = ({
12522
12525
  ""
12523
12526
  );
12524
12527
  },
12528
+ required: true,
12529
+ value: owner.logisticsEntityType || MANIFEST_ENTITY.COMPANY,
12525
12530
  children: [
12526
12531
  /* @__PURE__ */ jsx(
12527
12532
  Radio,
12528
12533
  {
12529
12534
  value: MANIFEST_ENTITY.COMPANY,
12530
- label: mergedLabels.senderTypeCompany
12535
+ label: mergedLabels.entityTypeCompany
12531
12536
  }
12532
12537
  ),
12533
12538
  /* @__PURE__ */ jsx(
12534
12539
  Radio,
12535
12540
  {
12536
12541
  value: MANIFEST_ENTITY.INDIVIDUAL,
12537
- label: mergedLabels.senderTypeIndividual
12542
+ label: mergedLabels.entityTypeIndividual
12538
12543
  }
12539
12544
  )
12540
12545
  ]
@@ -12554,6 +12559,7 @@ var CardVehicleOwnerForm = ({
12554
12559
  disabled,
12555
12560
  name: `owners.${index}.logisticsEntity`,
12556
12561
  placeholder: owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.logisticsCompanyPlaceholder : mergedLabels.logisticsIndividualPlaceholder,
12562
+ required: true,
12557
12563
  size: "large",
12558
12564
  type: owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12559
12565
  options: owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY ? companyLogisticsOptions : [],
@@ -12577,6 +12583,7 @@ var CardVehicleOwnerForm = ({
12577
12583
  disabled,
12578
12584
  name: `owners.${index}.logisticsEntityOther`,
12579
12585
  placeholder: owner.logisticsEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12586
+ required: true,
12580
12587
  size: "large",
12581
12588
  type: "text",
12582
12589
  onChange: (val) => {
@@ -12613,16 +12620,17 @@ var CardVehicleOwnerForm = ({
12613
12620
  control,
12614
12621
  disabled,
12615
12622
  name: `owners.${index}.originCity`,
12616
- placeholder: mergedLabels.selectPlaceholder,
12617
- type: "select",
12618
- options: cityOriginOptions,
12619
- size: "large",
12620
12623
  onChange: (val) => {
12621
12624
  setValue(`owners.${index}.originCity`, val);
12622
12625
  onUpdateOwner(owner.id, {
12623
12626
  originCity: val
12624
12627
  });
12625
- }
12628
+ },
12629
+ options: cityOriginOptions,
12630
+ placeholder: mergedLabels.selectPlaceholder,
12631
+ required: true,
12632
+ size: "large",
12633
+ type: "select"
12626
12634
  }
12627
12635
  )
12628
12636
  ] }),
@@ -12634,16 +12642,17 @@ var CardVehicleOwnerForm = ({
12634
12642
  control,
12635
12643
  disabled,
12636
12644
  name: `owners.${index}.destinationCity`,
12637
- placeholder: mergedLabels.selectPlaceholder,
12638
- type: "select",
12639
12645
  options: cityDestinationOptions,
12640
- size: "large",
12641
12646
  onChange: (val) => {
12642
12647
  setValue(`owners.${index}.destinationCity`, val);
12643
12648
  onUpdateOwner(owner.id, {
12644
12649
  destinationCity: val
12645
12650
  });
12646
- }
12651
+ },
12652
+ placeholder: mergedLabels.selectPlaceholder,
12653
+ required: true,
12654
+ size: "large",
12655
+ type: "select"
12647
12656
  }
12648
12657
  )
12649
12658
  ] })
@@ -12701,10 +12710,6 @@ var CardVehicleOwnerForm = ({
12701
12710
  control,
12702
12711
  disabled,
12703
12712
  name: `owners.${index}.cargo.${cargoIndex}.commodity`,
12704
- placeholder: mergedLabels.selectPlaceholder,
12705
- type: "select",
12706
- options: commodityOptions,
12707
- size: "large",
12708
12713
  onChange: (val) => {
12709
12714
  const name = `owners.${index}.cargo.${cargoIndex}.commodity`;
12710
12715
  setValue(name, val);
@@ -12717,7 +12722,12 @@ var CardVehicleOwnerForm = ({
12717
12722
  onUpdateOwner(owner.id, {
12718
12723
  cargoItems: updatedCargoItems
12719
12724
  });
12720
- }
12725
+ },
12726
+ options: commodityOptions,
12727
+ placeholder: mergedLabels.selectPlaceholder,
12728
+ required: true,
12729
+ type: "select",
12730
+ size: "large"
12721
12731
  }
12722
12732
  ),
12723
12733
  /* @__PURE__ */ jsxs(
@@ -12747,10 +12757,6 @@ var CardVehicleOwnerForm = ({
12747
12757
  control,
12748
12758
  disabled,
12749
12759
  name: `owners.${index}.cargo.${cargoIndex}.cargoType`,
12750
- placeholder: mergedLabels.selectPlaceholder,
12751
- type: "select",
12752
- options: loadTypeOptions,
12753
- size: "large",
12754
12760
  onChange: (val) => {
12755
12761
  const name = `owners.${index}.cargo.${cargoIndex}.cargoType`;
12756
12762
  setValue(name, val);
@@ -12763,7 +12769,12 @@ var CardVehicleOwnerForm = ({
12763
12769
  onUpdateOwner(owner.id, {
12764
12770
  cargoItems: updatedCargoItems
12765
12771
  });
12766
- }
12772
+ },
12773
+ options: loadTypeOptions,
12774
+ placeholder: mergedLabels.selectPlaceholder,
12775
+ required: true,
12776
+ size: "large",
12777
+ type: "select"
12767
12778
  }
12768
12779
  ),
12769
12780
  /* @__PURE__ */ jsx(
@@ -12950,17 +12961,22 @@ var CardVehicleOwnerForm = ({
12950
12961
  })(),
12951
12962
  /* @__PURE__ */ jsxs(Col, { md: 3, children: [
12952
12963
  /* @__PURE__ */ jsx(Body1, { className: styles.label, children: mergedLabels.priceLabel }),
12953
- /* @__PURE__ */ jsx(
12954
- InputDynamic_default,
12955
- {
12956
- control,
12957
- disabled: true,
12958
- name: `owners.${index}.price`,
12959
- placeholder: mergedLabels.pricePlaceholder,
12960
- size: "large",
12961
- type: "text"
12962
- }
12963
- )
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
+ })() })
12964
12980
  ] })
12965
12981
  ] }),
12966
12982
  /* @__PURE__ */ jsxs(Row, { children: [
@@ -12976,10 +12992,7 @@ var CardVehicleOwnerForm = ({
12976
12992
  control,
12977
12993
  disabled,
12978
12994
  name: `owners.${index}.cargo.${cargoIndex}.industryType`,
12979
- placeholder: mergedLabels.selectPlaceholder,
12980
- type: "select",
12981
12995
  options: industryOptions,
12982
- size: "large",
12983
12996
  onChange: (val) => {
12984
12997
  const name = `owners.${index}.cargo.${cargoIndex}.industryType`;
12985
12998
  setValue(name, val);
@@ -12992,7 +13005,11 @@ var CardVehicleOwnerForm = ({
12992
13005
  onUpdateOwner(owner.id, {
12993
13006
  cargoItems: updatedCargoItems
12994
13007
  });
12995
- }
13008
+ },
13009
+ placeholder: mergedLabels.selectPlaceholder,
13010
+ required: true,
13011
+ size: "large",
13012
+ type: "select"
12996
13013
  }
12997
13014
  ),
12998
13015
  /* @__PURE__ */ jsx(
@@ -13018,10 +13035,7 @@ var CardVehicleOwnerForm = ({
13018
13035
  control,
13019
13036
  disabled,
13020
13037
  name: `owners.${index}.cargo.${cargoIndex}.cargoCategory`,
13021
- placeholder: mergedLabels.selectPlaceholder,
13022
- type: "select",
13023
13038
  options: loadCategoryOptions,
13024
- size: "large",
13025
13039
  onChange: (val) => {
13026
13040
  const name = `owners.${index}.cargo.${cargoIndex}.cargoCategory`;
13027
13041
  setValue(name, val);
@@ -13034,7 +13048,11 @@ var CardVehicleOwnerForm = ({
13034
13048
  onUpdateOwner(owner.id, {
13035
13049
  cargoItems: updatedCargoItems
13036
13050
  });
13037
- }
13051
+ },
13052
+ placeholder: mergedLabels.selectPlaceholder,
13053
+ required: true,
13054
+ size: "large",
13055
+ type: "select"
13038
13056
  }
13039
13057
  ),
13040
13058
  /* @__PURE__ */ jsxs(