@asdp/ferryui 0.1.22-dev.9939 → 0.1.22-dev.9962

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.mjs CHANGED
@@ -9892,6 +9892,9 @@ var useStyles20 = makeStyles({
9892
9892
  },
9893
9893
  switchIconRotate: {
9894
9894
  transform: "rotate(180deg)"
9895
+ },
9896
+ heightAuto: {
9897
+ height: "auto !important"
9895
9898
  }
9896
9899
  });
9897
9900
  var ModalSearchTicket = ({
@@ -9989,7 +9992,7 @@ var ModalSearchTicket = ({
9989
9992
  }
9990
9993
  ),
9991
9994
  /* @__PURE__ */ jsx(DialogContent, { className: styles.content, children: /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit(onFormSubmit), children: /* @__PURE__ */ jsxs(Row, { style: { width: "100%" }, className: styles.formInnerRow, children: [
9992
- /* @__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: [
9995
+ /* @__PURE__ */ jsx(Col, { xs: 12, sm: 12, lg: 12, xl: 5.75, xxl: 5.75, xxxl: 5.75, children: /* @__PURE__ */ jsxs(Row, { style: { gap: "16px" }, className: styles.formFieldRow, children: [
9993
9996
  /* @__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: [
9994
9997
  /* @__PURE__ */ jsxs(
9995
9998
  Col,
@@ -10102,13 +10105,13 @@ var ModalSearchTicket = ({
10102
10105
  /* @__PURE__ */ jsx(
10103
10106
  Col,
10104
10107
  {
10105
- xs: 6,
10106
- sm: 6,
10107
- md: 6,
10108
- lg: 6,
10109
- xl: 6,
10110
- xxl: 6,
10111
- xxxl: 6,
10108
+ xs: 8,
10109
+ sm: 8,
10110
+ md: 8,
10111
+ lg: 8,
10112
+ xl: 8,
10113
+ xxl: 8,
10114
+ xxxl: 8,
10112
10115
  children: /* @__PURE__ */ jsx("div", { style: { position: "relative", zIndex: 2 }, children: /* @__PURE__ */ jsx(
10113
10116
  InputDynamic_default,
10114
10117
  {
@@ -10138,13 +10141,13 @@ var ModalSearchTicket = ({
10138
10141
  showRoundTrip && /* @__PURE__ */ jsx(
10139
10142
  Col,
10140
10143
  {
10141
- xs: 6,
10142
- sm: 6,
10143
- md: 6,
10144
- lg: 6,
10145
- xl: 6,
10146
- xxl: 6,
10147
- xxxl: 6,
10144
+ xs: 4,
10145
+ sm: 4,
10146
+ md: 4,
10147
+ lg: 4,
10148
+ xl: 4,
10149
+ xxl: 4,
10150
+ xxxl: 4,
10148
10151
  style: { display: "flex", justifyContent: "end" },
10149
10152
  children: /* @__PURE__ */ jsx(
10150
10153
  InputDynamic_default,
@@ -10205,9 +10208,9 @@ var ModalSearchTicket = ({
10205
10208
  xs: 12,
10206
10209
  sm: 12,
10207
10210
  lg: 12,
10208
- xl: 1,
10209
- xxl: 1,
10210
- xxxl: 1,
10211
+ xl: 0.5,
10212
+ xxl: 0.5,
10213
+ xxxl: 0.5,
10211
10214
  style: {
10212
10215
  display: "flex",
10213
10216
  alignItems: "center",
@@ -10222,11 +10225,11 @@ var ModalSearchTicket = ({
10222
10225
  xs: 12,
10223
10226
  sm: 12,
10224
10227
  lg: 12,
10225
- xl: 5,
10226
- xxl: 5,
10227
- xxxl: 5,
10228
+ xl: 5.75,
10229
+ xxl: 5.75,
10230
+ xxxl: 5.75,
10228
10231
  className: styles.serviceCol,
10229
- children: /* @__PURE__ */ jsx(Row, { style: { height: "100%", gap: "16px" }, children: /* @__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: [
10232
+ children: /* @__PURE__ */ jsx(Row, { style: { height: "100%", gap: "16px" }, children: /* @__PURE__ */ jsx(Col, { xs: 12, sm: 12, lg: 12, xl: 12, xxl: 12, xxxl: 12, children: /* @__PURE__ */ jsx("div", { className: mergeClasses(styles.formField, styles.heightAuto), children: /* @__PURE__ */ jsxs(Row, { style: { height: "100%", gap: showPassengerField ? "24px" : "" }, children: [
10230
10233
  /* @__PURE__ */ jsx(
10231
10234
  Col,
10232
10235
  {
@@ -12523,6 +12526,7 @@ var CardVehicleOwnerForm = ({
12523
12526
  commodityOptions = [],
12524
12527
  loadTypeOptions = [],
12525
12528
  loadTypes = [],
12529
+ loadTypeOptionsByCommodityId = {},
12526
12530
  industryOptions = [],
12527
12531
  loadCategoryOptions = [],
12528
12532
  language = "id",
@@ -13139,10 +13143,18 @@ var CardVehicleOwnerForm = ({
13139
13143
  cargoItems: updatedCargoItems
13140
13144
  });
13141
13145
  },
13142
- options: loadTypeOptions.map((lt) => ({
13143
- value: lt.id.toString(),
13144
- label: `${lt.name} (${lt.unit?.name})`
13145
- })),
13146
+ options: (() => {
13147
+ const selectedCommodityId = watch(
13148
+ `owners.${index}.cargo.${cargoIndex}.commodity`
13149
+ );
13150
+ if (selectedCommodityId && loadTypeOptionsByCommodityId[selectedCommodityId]) {
13151
+ return loadTypeOptionsByCommodityId[selectedCommodityId];
13152
+ }
13153
+ return loadTypeOptions.map((lt) => ({
13154
+ value: lt.id.toString(),
13155
+ label: `${lt.name}${lt.unit?.name ? ` (${lt.unit.name})` : ""}`
13156
+ }));
13157
+ })(),
13146
13158
  placeholder: mergedLabels.selectPlaceholder,
13147
13159
  required: true,
13148
13160
  size: "large",