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

package/dist/index.js

@@ -9901,6 +9901,9 @@ var useStyles20 = reactComponents.makeStyles({
   },
   switchIconRotate: {
     transform: "rotate(180deg)"
+  },
+  heightAuto: {
+    height: "auto !important"
   }
 });
 var ModalSearchTicket = ({
@@ -9998,7 +10001,7 @@ var ModalSearchTicket = ({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(reactComponents.DialogContent, { className: styles.content, children: /* @__PURE__ */ jsxRuntime.jsx("form", { onSubmit: handleSubmit(onFormSubmit), children: /* @__PURE__ */ jsxRuntime.jsxs(reactGridSystem.Row, { style: { width: "100%" }, className: styles.formInnerRow, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(reactGridSystem.Col, { xs: 12, sm: 12, lg: 12, xl: 6, xxl: 6, xxxl: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(reactGridSystem.Row, { style: { gap: "16px" }, className: styles.formFieldRow, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(reactGridSystem.Col, { xs: 12, sm: 12, lg: 12, xl: 5.75, xxl: 5.75, xxxl: 5.75, children: /* @__PURE__ */ jsxRuntime.jsxs(reactGridSystem.Row, { style: { gap: "16px" }, className: styles.formFieldRow, children: [
             /* @__PURE__ */ jsxRuntime.jsx(reactGridSystem.Col, { xs: 12, sm: 12, lg: 12, xl: 12, xxl: 12, xxxl: 12, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.formField, children: /* @__PURE__ */ jsxRuntime.jsxs(reactGridSystem.Row, { children: [
               /* @__PURE__ */ jsxRuntime.jsxs(
                 reactGridSystem.Col,
@@ -10111,13 +10114,13 @@ var ModalSearchTicket = ({
               /* @__PURE__ */ jsxRuntime.jsx(
                 reactGridSystem.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__ */ jsxRuntime.jsx("div", { style: { position: "relative", zIndex: 2 }, children: /* @__PURE__ */ jsxRuntime.jsx(
                     InputDynamic_default,
                     {
@@ -10147,13 +10150,13 @@ var ModalSearchTicket = ({
               showRoundTrip && /* @__PURE__ */ jsxRuntime.jsx(
                 reactGridSystem.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__ */ jsxRuntime.jsx(
                     InputDynamic_default,
@@ -10214,9 +10217,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",
@@ -10231,11 +10234,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__ */ jsxRuntime.jsx(reactGridSystem.Row, { style: { height: "100%", gap: "16px" }, children: /* @__PURE__ */ jsxRuntime.jsx(reactGridSystem.Col, { xs: 12, sm: 12, lg: 12, xl: 12, xxl: 12, xxxl: 12, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.formField, children: /* @__PURE__ */ jsxRuntime.jsxs(reactGridSystem.Row, { style: { height: "100%", gap: "16px" }, children: [
+              children: /* @__PURE__ */ jsxRuntime.jsx(reactGridSystem.Row, { style: { height: "100%", gap: "16px" }, children: /* @__PURE__ */ jsxRuntime.jsx(reactGridSystem.Col, { xs: 12, sm: 12, lg: 12, xl: 12, xxl: 12, xxxl: 12, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: reactComponents.mergeClasses(styles.formField, styles.heightAuto), children: /* @__PURE__ */ jsxRuntime.jsxs(reactGridSystem.Row, { style: { height: "100%", gap: showPassengerField ? "24px" : "" }, children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   reactGridSystem.Col,
                   {
@@ -11226,7 +11229,15 @@ var ModalPassengerForm = ({
   const [capturedImage, setCapturedImage] = React.useState(null);
   const [stream, setStream] = React.useState(null);
   const videoRef = React.useRef(null);
-  const { control, handleSubmit, reset, watch, setValue, trigger, formState: { isValid } } = reactHookForm.useForm({
+  const {
+    control,
+    handleSubmit,
+    reset,
+    watch,
+    setValue,
+    trigger,
+    formState: { isValid }
+  } = reactHookForm.useForm({
     mode: "all",
     defaultValues
   });
@@ -11774,6 +11785,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,