@arquimedes.co/eureka-forms 3.0.55-new-steps → 3.0.56-new-steps

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.
@@ -3,7 +3,7 @@
3
3
  * Este archivo existe solo para compatibilidad retroactiva.
4
4
  * Usar `CalendarFormStep.ts` directamente.
5
5
  */
6
- export type { CalendarStep as AvailabilityStep } from './CalendarFormStep';
6
+ export type { AvailabilityStep } from './CalendarFormStep';
7
7
  export type { CalendarValue as AvailabilityValue } from './CalendarFormStep';
8
8
  export { CalendarEventCategory as AvailabilityEventCategory } from './CalendarFormStep';
9
9
  export { CalendarDefaultView } from './CalendarFormStep';
@@ -117,7 +117,7 @@ export interface BookingStep extends GBaseStep {
117
117
  * se usa para filtrar los slots. Útil cuando el dueño del calendario también
118
118
  * llena el formulario y define su disponibilidad en el mismo flujo.
119
119
  */
120
- calendarRef?: DynamicRef<CalendarValue, 'CALENDAR'>;
120
+ availabilityRef?: DynamicRef<CalendarValue, 'AVAILABILITY'>;
121
121
  size: 1 | 2 | 3 | 4;
122
122
  }
123
123
  /**
@@ -1,12 +1,9 @@
1
1
  /**
2
- * CalendarFormStep paso de calendario completo (powered by MUI X Scheduler).
2
+ * Tipos del paso AVAILABILITY (pregunta de disponibilidad) y del valor de
3
+ * calendario compartido con el paso BOOKING.
3
4
  *
4
- * Permite al usuario (el dueño del formulario o quien lo responde) gestionar
5
- * su calendario: definir horarios de trabajo, crear eventos nombrados, marcar
6
- * bloques de disponibilidad por modalidad, bloquear horas y más.
7
- *
8
- * Renombrado desde `AvailabilityFormStep`. El archivo anterior re-exporta
9
- * desde aquí por compatibilidad retroactiva.
5
+ * El calendario completo (Google-like) vive en el admin; el form solo captura
6
+ * ventanas de disponibilidad con `ErkAvailabilityPicker` (grid semanal compacto).
10
7
  */
11
8
  import { GBaseStep } from './GenericFormSteps';
12
9
  import FormStepTypes from '../constants/FormStepTypes';
@@ -94,11 +91,11 @@ export interface CalendarEventTemplate {
94
91
  maxConcurrentBookings?: number;
95
92
  }
96
93
  /**
97
- * Paso de tipo `CALENDAR`.
98
- * Renderiza un MUI X Scheduler completo donde el usuario gestiona su agenda.
94
+ * Paso de tipo `AVAILABILITY`: pregunta de disponibilidad compacta (grid
95
+ * semanal día × hora). Las ventanas capturadas pueden alimentar un paso BOOKING.
99
96
  */
100
- export interface CalendarStep extends GBaseStep {
101
- type: FormStepTypes.CALENDAR;
97
+ export interface AvailabilityStep extends GBaseStep {
98
+ type: FormStepTypes.AVAILABILITY;
102
99
  label: string;
103
100
  description: string | null;
104
101
  required: boolean;
@@ -208,5 +205,5 @@ export interface CalendarValue {
208
205
  /** Zona horaria en la que se capturaron los datos. */
209
206
  timezone?: string;
210
207
  }
211
- export type { CalendarStep as AvailabilityStep };
208
+ export type { AvailabilityStep as CalendarStep };
212
209
  export type { CalendarValue as AvailabilityValue };
@@ -1,12 +1,9 @@
1
1
  /**
2
- * CalendarFormStep paso de calendario completo (powered by MUI X Scheduler).
2
+ * Tipos del paso AVAILABILITY (pregunta de disponibilidad) y del valor de
3
+ * calendario compartido con el paso BOOKING.
3
4
  *
4
- * Permite al usuario (el dueño del formulario o quien lo responde) gestionar
5
- * su calendario: definir horarios de trabajo, crear eventos nombrados, marcar
6
- * bloques de disponibilidad por modalidad, bloquear horas y más.
7
- *
8
- * Renombrado desde `AvailabilityFormStep`. El archivo anterior re-exporta
9
- * desde aquí por compatibilidad retroactiva.
5
+ * El calendario completo (Google-like) vive en el admin; el form solo captura
6
+ * ventanas de disponibilidad con `ErkAvailabilityPicker` (grid semanal compacto).
10
7
  */
11
8
  // ===========================================================================
12
9
  // Enums
@@ -0,0 +1,7 @@
1
+ import { AvailabilityStep } from '../../@Types/CalendarFormStep';
2
+ import { StepProps } from '../Step';
3
+ export interface AvailabilityStepProps extends StepProps {
4
+ step: AvailabilityStep;
5
+ }
6
+ declare function AvailabilityStepComponent(props: AvailabilityStepProps): JSX.Element;
7
+ export default AvailabilityStepComponent;
@@ -1,14 +1,14 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { FormStyleTypes } from '../../constants/FormStepTypes';
3
- import MaterialCalendarStep from './MaterialCalendarStep/MaterialCalendarStep';
3
+ import MaterialAvailabilityStep from './MaterialAvailabilityStep/MaterialAvailabilityStep';
4
4
  import { useAppSelector } from '../../hooks';
5
- function CalendarStepComponent(props) {
5
+ function AvailabilityStepComponent(props) {
6
6
  const { formStyle } = useAppSelector((state) => state.global);
7
7
  switch (formStyle.type) {
8
8
  case FormStyleTypes.MATERIAL:
9
9
  default: {
10
- return _jsx(MaterialCalendarStep, { ...props });
10
+ return _jsx(MaterialAvailabilityStep, { ...props });
11
11
  }
12
12
  }
13
13
  }
14
- export default CalendarStepComponent;
14
+ export default AvailabilityStepComponent;
@@ -0,0 +1,8 @@
1
+ import { AvailabilityStepProps } from '../AvailabilityStep';
2
+ /**
3
+ * Conector del paso AVAILABILITY: pregunta de disponibilidad compacta
4
+ * (grid semanal día × hora). El calendario completo vive en el admin; el form
5
+ * solo captura ventanas disponibles que un paso BOOKING puede consumir.
6
+ */
7
+ declare function MaterialAvailabilityStep({ step, editable }: AvailabilityStepProps): JSX.Element;
8
+ export default MaterialAvailabilityStep;
@@ -6,11 +6,11 @@ import { selectBreakPoint, useAppSelector } from '../../../hooks';
6
6
  import { calcStepWidth } from '../../StepFunctions';
7
7
  import ErkAvailabilityPicker from '../../../Shared/ErkAvailabilityPicker/ErkAvailabilityPicker';
8
8
  /**
9
- * Conector del paso CALENDAR/Availability: pregunta de disponibilidad compacta
9
+ * Conector del paso AVAILABILITY: pregunta de disponibilidad compacta
10
10
  * (grid semanal día × hora). El calendario completo vive en el admin; el form
11
11
  * solo captura ventanas disponibles que un paso BOOKING puede consumir.
12
12
  */
13
- function MaterialCalendarStep({ step, editable }) {
13
+ function MaterialAvailabilityStep({ step, editable }) {
14
14
  const currentBreakPoint = useAppSelector(selectBreakPoint);
15
15
  const { postview, formStyle } = useAppSelector((state) => state.global);
16
16
  const formCtx = useContext(FormContext);
@@ -29,4 +29,4 @@ function MaterialCalendarStep({ step, editable }) {
29
29
  });
30
30
  return (_jsx("div", { ref: ref, style: cssVars, children: _jsx(ErkAvailabilityPicker, { value: value, onChange: onChange, label: step.label, description: step.description, minTime: step.minTime, maxTime: step.maxTime, showWeekends: step.showWeekends, timezone: step.timezone, readOnly: isReadOnly, error: error?.message }) }));
31
31
  }
32
- export default MaterialCalendarStep;
32
+ export default MaterialAvailabilityStep;
@@ -27,7 +27,7 @@ import PhoneInputStep from './PhoneInputStep/PhoneInputStep';
27
27
  import LocationStepComponent from './LocationStep/LocationStep';
28
28
  import NumberStepComponent from './NumberStep/NumberStep';
29
29
  import BookingStepComponent from './BookingStep/BookingStep';
30
- import CalendarStepComponent from './CalendarStep/CalendarStep';
30
+ import AvailabilityStepComponent from './AvailabilityStep/AvailabilityStep';
31
31
  function StepComponent({ step, ...props }) {
32
32
  const { postview, partial } = useAppSelector((state) => state.global);
33
33
  const { customSteps, customClientInfoStep } = useContext(CustomContext);
@@ -87,8 +87,8 @@ function StepComponent({ step, ...props }) {
87
87
  case FormStepTypes.BOOKING: {
88
88
  return _jsx(BookingStepComponent, { ...props, step: step, editable: editable });
89
89
  }
90
- case FormStepTypes.CALENDAR: {
91
- return _jsx(CalendarStepComponent, { ...props, step: step, editable: editable });
90
+ case FormStepTypes.AVAILABILITY: {
91
+ return _jsx(AvailabilityStepComponent, { ...props, step: step, editable: editable });
92
92
  }
93
93
  case FormStepTypes.DATEPICKER_RANGE: {
94
94
  return _jsx(DatePickerRangeStep, { ...props, step: step, editable: editable });
@@ -24,7 +24,7 @@ export declare enum FormStepTypes {
24
24
  API_SELECTOR = "API_SELECTOR",
25
25
  LOCATION = "LOCATION",
26
26
  NUMBER = "NUMBER",
27
- CALENDAR = "CALENDAR",
27
+ AVAILABILITY = "AVAILABILITY",
28
28
  BOOKING = "BOOKING"
29
29
  }
30
30
  export declare enum OptionTypes {
@@ -27,7 +27,7 @@ export var FormStepTypes;
27
27
  FormStepTypes["API_SELECTOR"] = "API_SELECTOR";
28
28
  FormStepTypes["LOCATION"] = "LOCATION";
29
29
  FormStepTypes["NUMBER"] = "NUMBER";
30
- FormStepTypes["CALENDAR"] = "CALENDAR";
30
+ FormStepTypes["AVAILABILITY"] = "AVAILABILITY";
31
31
  FormStepTypes["BOOKING"] = "BOOKING";
32
32
  })(FormStepTypes || (FormStepTypes = {}));
33
33
  export var OptionTypes;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@arquimedes.co/eureka-forms",
3
3
  "repository": "git://github.com/Arquimede5/Eureka-Forms.git",
4
- "version":"3.0.55-new-steps",
4
+ "version":"3.0.56-new-steps",
5
5
  "scripts": {
6
6
  "watch": "tsgo --noEmit --watch --project tsconfig.app.json",
7
7
  "start": "vite",
@@ -1,7 +0,0 @@
1
- import { CalendarStep } from '../../@Types/CalendarFormStep';
2
- import { StepProps } from '../Step';
3
- export interface CalendarStepProps extends StepProps {
4
- step: CalendarStep;
5
- }
6
- declare function CalendarStepComponent(props: CalendarStepProps): JSX.Element;
7
- export default CalendarStepComponent;
@@ -1,8 +0,0 @@
1
- import { CalendarStepProps } from '../CalendarStep';
2
- /**
3
- * Conector del paso CALENDAR/Availability: pregunta de disponibilidad compacta
4
- * (grid semanal día × hora). El calendario completo vive en el admin; el form
5
- * solo captura ventanas disponibles que un paso BOOKING puede consumir.
6
- */
7
- declare function MaterialCalendarStep({ step, editable }: CalendarStepProps): JSX.Element;
8
- export default MaterialCalendarStep;