@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.
- package/dist/@Types/AvailabilityFormStep.d.ts +1 -1
- package/dist/@Types/BookingFormStep.d.ts +1 -1
- package/dist/@Types/CalendarFormStep.d.ts +9 -12
- package/dist/@Types/CalendarFormStep.js +4 -7
- package/dist/FormSteps/AvailabilityStep/AvailabilityStep.d.ts +7 -0
- package/dist/FormSteps/{CalendarStep/CalendarStep.js → AvailabilityStep/AvailabilityStep.js} +4 -4
- package/dist/FormSteps/AvailabilityStep/MaterialAvailabilityStep/MaterialAvailabilityStep.d.ts +8 -0
- package/dist/FormSteps/{CalendarStep/MaterialCalendarStep/MaterialCalendarStep.js → AvailabilityStep/MaterialAvailabilityStep/MaterialAvailabilityStep.js} +3 -3
- package/dist/FormSteps/Step.js +3 -3
- package/dist/constants/FormStepTypes.d.ts +1 -1
- package/dist/constants/FormStepTypes.js +1 -1
- package/package.json +1 -1
- package/dist/FormSteps/CalendarStep/CalendarStep.d.ts +0 -7
- package/dist/FormSteps/CalendarStep/MaterialCalendarStep/MaterialCalendarStep.d.ts +0 -8
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Este archivo existe solo para compatibilidad retroactiva.
|
|
4
4
|
* Usar `CalendarFormStep.ts` directamente.
|
|
5
5
|
*/
|
|
6
|
-
export type {
|
|
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
|
-
|
|
120
|
+
availabilityRef?: DynamicRef<CalendarValue, 'AVAILABILITY'>;
|
|
121
121
|
size: 1 | 2 | 3 | 4;
|
|
122
122
|
}
|
|
123
123
|
/**
|
|
@@ -1,12 +1,9 @@
|
|
|
1
1
|
/**
|
|
2
|
-
*
|
|
2
|
+
* Tipos del paso AVAILABILITY (pregunta de disponibilidad) y del valor de
|
|
3
|
+
* calendario compartido con el paso BOOKING.
|
|
3
4
|
*
|
|
4
|
-
*
|
|
5
|
-
*
|
|
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 `
|
|
98
|
-
*
|
|
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
|
|
101
|
-
type: FormStepTypes.
|
|
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 {
|
|
208
|
+
export type { AvailabilityStep as CalendarStep };
|
|
212
209
|
export type { CalendarValue as AvailabilityValue };
|
|
@@ -1,12 +1,9 @@
|
|
|
1
1
|
/**
|
|
2
|
-
*
|
|
2
|
+
* Tipos del paso AVAILABILITY (pregunta de disponibilidad) y del valor de
|
|
3
|
+
* calendario compartido con el paso BOOKING.
|
|
3
4
|
*
|
|
4
|
-
*
|
|
5
|
-
*
|
|
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;
|
package/dist/FormSteps/{CalendarStep/CalendarStep.js → AvailabilityStep/AvailabilityStep.js}
RENAMED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { FormStyleTypes } from '../../constants/FormStepTypes';
|
|
3
|
-
import
|
|
3
|
+
import MaterialAvailabilityStep from './MaterialAvailabilityStep/MaterialAvailabilityStep';
|
|
4
4
|
import { useAppSelector } from '../../hooks';
|
|
5
|
-
function
|
|
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(
|
|
10
|
+
return _jsx(MaterialAvailabilityStep, { ...props });
|
|
11
11
|
}
|
|
12
12
|
}
|
|
13
13
|
}
|
|
14
|
-
export default
|
|
14
|
+
export default AvailabilityStepComponent;
|
package/dist/FormSteps/AvailabilityStep/MaterialAvailabilityStep/MaterialAvailabilityStep.d.ts
ADDED
|
@@ -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
|
|
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
|
|
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
|
|
32
|
+
export default MaterialAvailabilityStep;
|
package/dist/FormSteps/Step.js
CHANGED
|
@@ -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
|
|
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.
|
|
91
|
-
return _jsx(
|
|
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 });
|
|
@@ -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["
|
|
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.
|
|
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;
|