@asdp/ferryui 0.1.22-dev.9856 → 0.1.22-dev.9949

package/dist/index.mjs

@@ -9892,6 +9892,9 @@ var useStyles20 = makeStyles({
   },
   switchIconRotate: {
     transform: "rotate(180deg)"
+  },
+  heightAuto: {
+    height: "auto !important"
   }
 });
 var ModalSearchTicket = ({
@@ -9989,7 +9992,7 @@ var ModalSearchTicket = ({
           }
         ),
         /* @__PURE__ */ jsx(DialogContent, { className: styles.content, children: /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit(onFormSubmit), children: /* @__PURE__ */ jsxs(Row, { style: { width: "100%" }, className: styles.formInnerRow, children: [
-          /* @__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: [
+          /* @__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: [
             /* @__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: [
               /* @__PURE__ */ jsxs(
                 Col,
@@ -10102,13 +10105,13 @@ var ModalSearchTicket = ({
               /* @__PURE__ */ jsx(
                 Col,
                 {
-                  xs: 6,
-                  sm: 6,
-                  md: 6,
-                  lg: 6,
-                  xl: 6,
-                  xxl: 6,
-                  xxxl: 6,
+                  xs: 8,
+                  sm: 8,
+                  md: 8,
+                  lg: 8,
+                  xl: 8,
+                  xxl: 8,
+                  xxxl: 8,
                   children: /* @__PURE__ */ jsx("div", { style: { position: "relative", zIndex: 2 }, children: /* @__PURE__ */ jsx(
                     InputDynamic_default,
                     {
@@ -10138,13 +10141,13 @@ var ModalSearchTicket = ({
               showRoundTrip && /* @__PURE__ */ jsx(
                 Col,
                 {
-                  xs: 6,
-                  sm: 6,
-                  md: 6,
-                  lg: 6,
-                  xl: 6,
-                  xxl: 6,
-                  xxxl: 6,
+                  xs: 4,
+                  sm: 4,
+                  md: 4,
+                  lg: 4,
+                  xl: 4,
+                  xxl: 4,
+                  xxxl: 4,
                   style: { display: "flex", justifyContent: "end" },
                   children: /* @__PURE__ */ jsx(
                     InputDynamic_default,
@@ -10205,9 +10208,9 @@ var ModalSearchTicket = ({
               xs: 12,
               sm: 12,
               lg: 12,
-              xl: 1,
-              xxl: 1,
-              xxxl: 1,
+              xl: 0.5,
+              xxl: 0.5,
+              xxxl: 0.5,
               style: {
                 display: "flex",
                 alignItems: "center",
@@ -10222,11 +10225,11 @@ var ModalSearchTicket = ({
               xs: 12,
               sm: 12,
               lg: 12,
-              xl: 5,
-              xxl: 5,
-              xxxl: 5,
+              xl: 5.75,
+              xxl: 5.75,
+              xxxl: 5.75,
               className: styles.serviceCol,
-              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: [
+              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: [
                 /* @__PURE__ */ jsx(
                   Col,
                   {
@@ -11217,7 +11220,15 @@ var ModalPassengerForm = ({
   const [capturedImage, setCapturedImage] = useState(null);
   const [stream, setStream] = useState(null);
   const videoRef = useRef(null);
-  const { control, handleSubmit, reset, watch, setValue, trigger, formState: { isValid } } = useForm({
+  const {
+    control,
+    handleSubmit,
+    reset,
+    watch,
+    setValue,
+    trigger,
+    formState: { isValid }
+  } = useForm({
     mode: "all",
     defaultValues
   });
@@ -11765,6 +11776,10 @@ var ModalPassengerForm = ({
                   control,
                   type: "text",
                   label: mergedLabels.nameLabel,
+                  onInput: (e) => {
+                    const target = e.currentTarget;
+                    target.value = target.value.replace(/[^a-zA-Z\s]/g, "");
+                  },
                   placeholder: mergedLabels.namePlaceholder,
                   size: "large",
                   required: true,