@jfdevelops/react-multi-step-form 1.0.0-alpha.22 → 1.0.0-alpha.24

package/dist/hooks/use-multi-step-form-data.d.mts

@@ -0,0 +1,28 @@
+import { AnyMultiStepFormSchema, MultiStepFormSchema } from "../schema.mjs";
+
+//#region src/hooks/use-multi-step-form-data.d.ts
+type UseMultiStepFormDataOptions<TSchema extends AnyMultiStepFormSchema, TTarget extends keyof MultiStepFormSchema.resolvedStep<TSchema> = keyof MultiStepFormSchema.resolvedStep<TSchema>> = {
+  targetStep: TTarget;
+};
+type UseMultiStepFormData<TSchema extends AnyMultiStepFormSchema, TResolvedStep extends MultiStepFormSchema.resolvedStep<TSchema> = MultiStepFormSchema.resolvedStep<TSchema>> = {
+  /**
+   * Returns the entire {@linkcode MultiStepFormSchema instance}.
+   */
+  (): TSchema;
+  /**
+   * Returns the data for the target step.
+   * @param stepNumber The step number to return.
+   * @throws {TypeError} If `options.stepNumber` is invalid.
+   */
+  <targetStep extends keyof TResolvedStep>(options: UseMultiStepFormDataOptions<TSchema, targetStep>): MultiStepFormSchema.getData<TSchema, targetStep>;
+  /**
+   * Returns the specified data from the {@linkcode MultiStepFormSchema} instance via the callback's return.
+   */
+  <data>(selector: (schema: TSchema) => data): data;
+};
+declare function useMultiStepFormData<schema extends AnyMultiStepFormSchema>(schema: schema): schema;
+declare function useMultiStepFormData<schema extends AnyMultiStepFormSchema, targetStep extends keyof MultiStepFormSchema.resolvedStep<schema>>(schema: schema, options: UseMultiStepFormDataOptions<schema, targetStep>): MultiStepFormSchema.getData<schema, targetStep>;
+declare function useMultiStepFormData<schema extends AnyMultiStepFormSchema, data>(schema: schema, selector: (schema: schema) => data): data;
+//#endregion
+export { UseMultiStepFormData, useMultiStepFormData };
+//# sourceMappingURL=use-multi-step-form-data.d.mts.map

package/dist/hooks/use-multi-step-form-data.mjs

@@ -0,0 +1,39 @@
+import { VALIDATED_STEP_REGEX, invariant } from "@jfdevelops/multi-step-form-core";
+import { useSyncExternalStoreWithSelector } from "use-sync-external-store/shim/with-selector";
+
+//#region src/hooks/use-multi-step-form-data.ts
+function throwIfInvalidStepNumber(schema, targetStep) {
+	invariant(typeof targetStep === "string", `The target step must be a string, was ${typeof targetStep}`);
+	const { as, isValidStepNumber } = schema.stepSchema.steps;
+	const formattedStepNumbersList = new Intl.ListFormat("en", {
+		type: "disjunction",
+		style: "long"
+	}).format(as("array.string.untyped"));
+	invariant(VALIDATED_STEP_REGEX.test(targetStep), `The target step must match the following format: "step{number}". Available steps are ${formattedStepNumbersList}`);
+	const stepNumber = Number.parseInt(targetStep.replace("step", ""));
+	invariant(isValidStepNumber(stepNumber), `The step number "${stepNumber}" is not a valid step number. Valid step numbers include ${formattedStepNumbersList}`, TypeError);
+	return stepNumber;
+}
+function createMultiStepFormDataHook(schema) {
+	function useMultiStepFormData$1(optionsOrSelector) {
+		return useSyncExternalStoreWithSelector(schema.subscribe, () => schema.getSnapshot(), () => schema.getSnapshot(), (snapshot) => {
+			if (typeof optionsOrSelector === "object") {
+				const stepNumber = throwIfInvalidStepNumber(snapshot, optionsOrSelector.targetStep);
+				return snapshot.stepSchema.get({ step: stepNumber }).data;
+			}
+			if (typeof optionsOrSelector === "function") return optionsOrSelector(snapshot);
+			return snapshot;
+		});
+	}
+	return useMultiStepFormData$1;
+}
+function useMultiStepFormData(schema, optionsOrSelector) {
+	const hook = createMultiStepFormDataHook(schema);
+	if (typeof optionsOrSelector === "object") return hook(optionsOrSelector);
+	if (typeof optionsOrSelector === "function") return hook(optionsOrSelector);
+	return hook();
+}
+
+//#endregion
+export { createMultiStepFormDataHook, throwIfInvalidStepNumber, useMultiStepFormData };
+//# sourceMappingURL=use-multi-step-form-data.mjs.map

package/dist/hooks/use-multi-step-form-data.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-multi-step-form-data.mjs","names":["useMultiStepFormData"],"sources":["../../src/hooks/use-multi-step-form-data.ts"],"sourcesContent":["import type { AnyMultiStepFormSchema, MultiStepFormSchema } from '@/schema';\nimport {\n  invariant,\n  VALIDATED_STEP_REGEX,\n} from '@jfdevelops/multi-step-form-core';\nimport { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector';\n\nexport type UseMultiStepFormDataOptions<\n  TSchema extends AnyMultiStepFormSchema,\n  TTarget extends keyof MultiStepFormSchema.resolvedStep<TSchema> = keyof MultiStepFormSchema.resolvedStep<TSchema>\n> = {\n  targetStep: TTarget;\n};\nexport type UseMultiStepFormData<\n  // step extends Step<casing>,\n  // casing extends CasingType,\n  // storageKey extends string,\n  // resolvedStep extends ResolvedStep<step, casing>,\n  // schema extends MultiStepFormSchema<\n  //   step,\n  //   casing,\n  //   storageKey\n  // > = MultiStepFormSchema<step, casing, storageKey>,\n  TSchema extends AnyMultiStepFormSchema,\n  TResolvedStep extends MultiStepFormSchema.resolvedStep<TSchema> = MultiStepFormSchema.resolvedStep<TSchema>\n> = {\n  /**\n   * Returns the entire {@linkcode MultiStepFormSchema instance}.\n   */\n  (): TSchema;\n  /**\n   * Returns the data for the target step.\n   * @param stepNumber The step number to return.\n   * @throws {TypeError} If `options.stepNumber` is invalid.\n   */\n  <targetStep extends keyof TResolvedStep>(\n    options: UseMultiStepFormDataOptions<TSchema, targetStep>\n  ): MultiStepFormSchema.getData<TSchema, targetStep>;\n  /**\n   * Returns the specified data from the {@linkcode MultiStepFormSchema} instance via the callback's return.\n   */\n  <data>(selector: (schema: TSchema) => data): data;\n};\n\nexport function throwIfInvalidStepNumber<\n  // step extends Step<casing>,\n  // casing extends CasingType = DefaultCasing,\n  // storageKey extends string = DefaultStorageKey,\n  // resolvedStep extends ResolvedStep<step, casing> = ResolvedStep<step, casing>,\n  // stepNumbers extends StepNumbers<resolvedStep> = StepNumbers<resolvedStep>\n  schema extends AnyMultiStepFormSchema\n>(schema: schema, targetStep: unknown) {\n  invariant(\n    typeof targetStep === 'string',\n    `The target step must be a string, was ${typeof targetStep}`\n  );\n\n  const { as, isValidStepNumber } = schema.stepSchema.steps;\n  const formatter = new Intl.ListFormat('en', {\n    type: 'disjunction',\n    style: 'long',\n  });\n  const formattedStepNumbersList = formatter.format(as('array.string.untyped'));\n\n  invariant(\n    VALIDATED_STEP_REGEX.test(targetStep),\n    `The target step must match the following format: \"step{number}\". Available steps are ${formattedStepNumbersList}`\n  );\n\n  const stepNumber = Number.parseInt(targetStep.replace('step', ''));\n\n  invariant(\n    isValidStepNumber(stepNumber),\n    `The step number \"${stepNumber}\" is not a valid step number. Valid step numbers include ${formattedStepNumbersList}`,\n    TypeError\n  );\n\n  return stepNumber as MultiStepFormSchema.stepNumbers<schema>;\n}\n\nexport function createMultiStepFormDataHook<\n  // step extends Step<casing>,\n  // casing extends CasingType = DefaultCasing,\n  // storageKey extends string = DefaultStorageKey,\n  // resolvedStep extends ResolvedStep<step, casing> = ResolvedStep<step, casing>,\n  // stepNumbers extends StepNumbers<resolvedStep> = StepNumbers<resolvedStep>\n  schema extends AnyMultiStepFormSchema\n>(schema: schema): UseMultiStepFormData<schema> {\n  function useMultiStepFormData(\n    optionsOrSelector?:\n      | UseMultiStepFormDataOptions<schema>\n      | ((data: schema) => unknown)\n  ) {\n    return useSyncExternalStoreWithSelector(\n      schema.subscribe,\n      () => schema.getSnapshot(),\n      () => schema.getSnapshot(),\n      (snapshot) => {\n        if (typeof optionsOrSelector === 'object') {\n          // @ts-ignore Type instantiation is excessively deep and possibly infinite\n          const stepNumber = throwIfInvalidStepNumber(\n            snapshot,\n            optionsOrSelector.targetStep\n          );\n\n          return snapshot.stepSchema.get({ step: stepNumber as never }).data;\n        }\n\n        if (typeof optionsOrSelector === 'function') {\n          return optionsOrSelector(snapshot);\n        }\n\n        return snapshot;\n      }\n    );\n  }\n\n  return useMultiStepFormData as any;\n}\n\nfunction useMultiStepFormData<schema extends AnyMultiStepFormSchema>(\n  schema: schema\n): schema;\nfunction useMultiStepFormData<\n  schema extends AnyMultiStepFormSchema,\n  targetStep extends keyof MultiStepFormSchema.resolvedStep<schema>\n>(\n  schema: schema,\n  options: UseMultiStepFormDataOptions<schema, targetStep>\n): MultiStepFormSchema.getData<schema, targetStep>;\nfunction useMultiStepFormData<schema extends AnyMultiStepFormSchema, data>(\n  schema: schema,\n  selector: (schema: schema) => data\n): data;\nfunction useMultiStepFormData<\n  // step extends Step<casing>,\n  // casing extends CasingType = DefaultCasing,\n  // storageKey extends string = DefaultStorageKey,\n  // resolvedStep extends ResolvedStep<step, casing> = ResolvedStep<step, casing>,\n  // stepNumbers extends StepNumbers<resolvedStep> = StepNumbers<resolvedStep>\n  schema extends AnyMultiStepFormSchema\n>(\n  schema: schema,\n  optionsOrSelector?:\n    | UseMultiStepFormDataOptions<schema>\n    | ((data: schema) => unknown)\n) {\n  const hook = createMultiStepFormDataHook(schema);\n\n  if (typeof optionsOrSelector === 'object') {\n    return hook(optionsOrSelector);\n  }\n\n  if (typeof optionsOrSelector === 'function') {\n    return hook(optionsOrSelector);\n  }\n\n  return hook();\n}\n\nexport { useMultiStepFormData };\n"],"mappings":";;;;AA4CA,SAAgB,yBAOd,QAAgB,YAAqB;AACrC,WACE,OAAO,eAAe,UACtB,yCAAyC,OAAO,aACjD;CAED,MAAM,EAAE,IAAI,sBAAsB,OAAO,WAAW;CAKpD,MAAM,2BAJY,IAAI,KAAK,WAAW,MAAM;EAC1C,MAAM;EACN,OAAO;EACR,CAAC,CACyC,OAAO,GAAG,uBAAuB,CAAC;AAE7E,WACE,qBAAqB,KAAK,WAAW,EACrC,wFAAwF,2BACzF;CAED,MAAM,aAAa,OAAO,SAAS,WAAW,QAAQ,QAAQ,GAAG,CAAC;AAElE,WACE,kBAAkB,WAAW,EAC7B,oBAAoB,WAAW,2DAA2D,4BAC1F,UACD;AAED,QAAO;;AAGT,SAAgB,4BAOd,QAA8C;CAC9C,SAASA,uBACP,mBAGA;AACA,SAAO,iCACL,OAAO,iBACD,OAAO,aAAa,QACpB,OAAO,aAAa,GACzB,aAAa;AACZ,OAAI,OAAO,sBAAsB,UAAU;IAEzC,MAAM,aAAa,yBACjB,UACA,kBAAkB,WACnB;AAED,WAAO,SAAS,WAAW,IAAI,EAAE,MAAM,YAAqB,CAAC,CAAC;;AAGhE,OAAI,OAAO,sBAAsB,WAC/B,QAAO,kBAAkB,SAAS;AAGpC,UAAO;IAEV;;AAGH,QAAOA;;AAiBT,SAAS,qBAQP,QACA,mBAGA;CACA,MAAM,OAAO,4BAA4B,OAAO;AAEhD,KAAI,OAAO,sBAAsB,SAC/B,QAAO,KAAK,kBAAkB;AAGhC,KAAI,OAAO,sBAAsB,WAC/B,QAAO,KAAK,kBAAkB;AAGhC,QAAO,MAAM"}

package/dist/hooks/use-selector.cjs

@@ -0,0 +1,16 @@
+let react = require("react");
+
+//#region src/hooks/use-selector.ts
+function createUseSelector(createCtx, subscribe) {
+	return (selector) => {
+		return (0, react.useSyncExternalStore)(subscribe, () => {
+			return selector(createCtx());
+		}, () => {
+			return selector(createCtx());
+		});
+	};
+}
+
+//#endregion
+exports.createUseSelector = createUseSelector;
+//# sourceMappingURL=use-selector.cjs.map

package/dist/hooks/use-selector.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-selector.cjs","names":[],"sources":["../../src/hooks/use-selector.ts"],"sourcesContent":["import type {\n  AnyResolvedStep,\n  StepNumbers,\n  HelperFnChosenSteps,\n  Expand,\n  HelperFnCtx,\n} from '@jfdevelops/multi-step-form-core';\nimport { useSyncExternalStore } from 'react';\n\nexport type UseSelector<\n  TResolvedStep extends AnyResolvedStep,\n  TSteps extends StepNumbers<TResolvedStep>,\n  TChosenSteps extends HelperFnChosenSteps<TResolvedStep, TSteps>\n> = ReturnType<typeof createUseSelector<TResolvedStep, TSteps, TChosenSteps>>;\nexport type SelectorFn<\n  TResolvedStep extends AnyResolvedStep,\n  TSteps extends StepNumbers<TResolvedStep>,\n  TChosenSteps extends HelperFnChosenSteps<TResolvedStep, TSteps>,\n  TSelected\n> = (\n  ctx: Expand<HelperFnCtx<TResolvedStep, TSteps, TChosenSteps>>\n) => TSelected;\n\nexport function createUseSelector<\n  TResolvedStep extends AnyResolvedStep,\n  TSteps extends StepNumbers<TResolvedStep>,\n  TChosenSteps extends HelperFnChosenSteps<TResolvedStep, TSteps>\n>(\n  createCtx: () => Expand<HelperFnCtx<TResolvedStep, TSteps, TChosenSteps>>,\n  subscribe: (listener: () => void) => () => void\n) {\n  return <selected>(\n    selector: SelectorFn<TResolvedStep, TSteps, TChosenSteps, selected>\n  ) => {\n    return useSyncExternalStore(\n      subscribe,\n      () => {\n        const currentCtx = createCtx();\n        return selector(currentCtx);\n      },\n      () => {\n        const currentCtx = createCtx();\n        return selector(currentCtx);\n      }\n    );\n  };\n}\n"],"mappings":";;;AAuBA,SAAgB,kBAKd,WACA,WACA;AACA,SACE,aACG;AACH,yCACE,iBACM;AAEJ,UAAO,SADY,WAAW,CACH;WAEvB;AAEJ,UAAO,SADY,WAAW,CACH;IAE9B"}

package/dist/hooks/use-selector.d.cts

@@ -0,0 +1,9 @@
+import { AnyResolvedStep, Expand, HelperFnChosenSteps, HelperFnCtx, StepNumbers } from "@jfdevelops/multi-step-form-core";
+
+//#region src/hooks/use-selector.d.ts
+type UseSelector<TResolvedStep extends AnyResolvedStep, TSteps extends StepNumbers<TResolvedStep>, TChosenSteps extends HelperFnChosenSteps<TResolvedStep, TSteps>> = ReturnType<typeof createUseSelector<TResolvedStep, TSteps, TChosenSteps>>;
+type SelectorFn<TResolvedStep extends AnyResolvedStep, TSteps extends StepNumbers<TResolvedStep>, TChosenSteps extends HelperFnChosenSteps<TResolvedStep, TSteps>, TSelected> = (ctx: Expand<HelperFnCtx<TResolvedStep, TSteps, TChosenSteps>>) => TSelected;
+declare function createUseSelector<TResolvedStep extends AnyResolvedStep, TSteps extends StepNumbers<TResolvedStep>, TChosenSteps extends HelperFnChosenSteps<TResolvedStep, TSteps>>(createCtx: () => Expand<HelperFnCtx<TResolvedStep, TSteps, TChosenSteps>>, subscribe: (listener: () => void) => () => void): <selected>(selector: SelectorFn<TResolvedStep, TSteps, TChosenSteps, selected>) => selected;
+//#endregion
+export { SelectorFn, UseSelector };
+//# sourceMappingURL=use-selector.d.cts.map

package/dist/hooks/use-selector.d.mts

@@ -0,0 +1,9 @@
+import { AnyResolvedStep, Expand, HelperFnChosenSteps, HelperFnCtx, StepNumbers } from "@jfdevelops/multi-step-form-core";
+
+//#region src/hooks/use-selector.d.ts
+type UseSelector<TResolvedStep extends AnyResolvedStep, TSteps extends StepNumbers<TResolvedStep>, TChosenSteps extends HelperFnChosenSteps<TResolvedStep, TSteps>> = ReturnType<typeof createUseSelector<TResolvedStep, TSteps, TChosenSteps>>;
+type SelectorFn<TResolvedStep extends AnyResolvedStep, TSteps extends StepNumbers<TResolvedStep>, TChosenSteps extends HelperFnChosenSteps<TResolvedStep, TSteps>, TSelected> = (ctx: Expand<HelperFnCtx<TResolvedStep, TSteps, TChosenSteps>>) => TSelected;
+declare function createUseSelector<TResolvedStep extends AnyResolvedStep, TSteps extends StepNumbers<TResolvedStep>, TChosenSteps extends HelperFnChosenSteps<TResolvedStep, TSteps>>(createCtx: () => Expand<HelperFnCtx<TResolvedStep, TSteps, TChosenSteps>>, subscribe: (listener: () => void) => () => void): <selected>(selector: SelectorFn<TResolvedStep, TSteps, TChosenSteps, selected>) => selected;
+//#endregion
+export { SelectorFn, UseSelector };
+//# sourceMappingURL=use-selector.d.mts.map

package/dist/hooks/use-selector.mjs

@@ -0,0 +1,16 @@
+import { useSyncExternalStore } from "react";
+
+//#region src/hooks/use-selector.ts
+function createUseSelector(createCtx, subscribe) {
+	return (selector) => {
+		return useSyncExternalStore(subscribe, () => {
+			return selector(createCtx());
+		}, () => {
+			return selector(createCtx());
+		});
+	};
+}
+
+//#endregion
+export { createUseSelector };
+//# sourceMappingURL=use-selector.mjs.map

package/dist/hooks/use-selector.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-selector.mjs","names":[],"sources":["../../src/hooks/use-selector.ts"],"sourcesContent":["import type {\n  AnyResolvedStep,\n  StepNumbers,\n  HelperFnChosenSteps,\n  Expand,\n  HelperFnCtx,\n} from '@jfdevelops/multi-step-form-core';\nimport { useSyncExternalStore } from 'react';\n\nexport type UseSelector<\n  TResolvedStep extends AnyResolvedStep,\n  TSteps extends StepNumbers<TResolvedStep>,\n  TChosenSteps extends HelperFnChosenSteps<TResolvedStep, TSteps>\n> = ReturnType<typeof createUseSelector<TResolvedStep, TSteps, TChosenSteps>>;\nexport type SelectorFn<\n  TResolvedStep extends AnyResolvedStep,\n  TSteps extends StepNumbers<TResolvedStep>,\n  TChosenSteps extends HelperFnChosenSteps<TResolvedStep, TSteps>,\n  TSelected\n> = (\n  ctx: Expand<HelperFnCtx<TResolvedStep, TSteps, TChosenSteps>>\n) => TSelected;\n\nexport function createUseSelector<\n  TResolvedStep extends AnyResolvedStep,\n  TSteps extends StepNumbers<TResolvedStep>,\n  TChosenSteps extends HelperFnChosenSteps<TResolvedStep, TSteps>\n>(\n  createCtx: () => Expand<HelperFnCtx<TResolvedStep, TSteps, TChosenSteps>>,\n  subscribe: (listener: () => void) => () => void\n) {\n  return <selected>(\n    selector: SelectorFn<TResolvedStep, TSteps, TChosenSteps, selected>\n  ) => {\n    return useSyncExternalStore(\n      subscribe,\n      () => {\n        const currentCtx = createCtx();\n        return selector(currentCtx);\n      },\n      () => {\n        const currentCtx = createCtx();\n        return selector(currentCtx);\n      }\n    );\n  };\n}\n"],"mappings":";;;AAuBA,SAAgB,kBAKd,WACA,WACA;AACA,SACE,aACG;AACH,SAAO,qBACL,iBACM;AAEJ,UAAO,SADY,WAAW,CACH;WAEvB;AAEJ,UAAO,SADY,WAAW,CACH;IAE9B"}

package/dist/index.cjs

@@ -0,0 +1,17 @@
+const require_step_schema = require('./step-schema.cjs');
+const require_schema = require('./schema.cjs');
+const require_use_multi_step_form_data = require('./hooks/use-multi-step-form-data.cjs');
+const require_create_context = require('./create-context.cjs');
+
+exports.MultiStepFormSchema = require_schema.MultiStepFormSchema;
+exports.MultiStepFormStepSchema = require_step_schema.MultiStepFormStepSchema;
+Object.defineProperty(exports, 'StepSpecificComponent', {
+  enumerable: true,
+  get: function () {
+    return require_step_schema.StepSpecificComponent;
+  }
+});
+exports.createDefaultValues = require_step_schema.createDefaultValues;
+exports.createMultiStepFormContext = require_create_context.createMultiStepFormContext;
+exports.createMultiStepFormSchema = require_schema.createMultiStepFormSchema;
+exports.useMultiStepFormData = require_use_multi_step_form_data.useMultiStepFormData;

package/dist/index.d.cts

@@ -0,0 +1,5 @@
+import { AnyResolvedStep, CreateComponent, CreateComponentCallback, CreateComponentFn, CreateFunction, CreateStepSpecificComponentCallback, CreatedMultiStepFormComponent, ExtractedDefaultValues, HelperFunctions, MultiStepFormSchemaStepConfig, MultiStepFormStepSchema, ResolvedStep, StepSpecificComponent, StepSpecificCreateComponentFn, createDefaultValues } from "./step-schema.cjs";
+import { AnyMultiStepFormSchema, MultiStepFormSchema, MultiStepFormSchemaOptions, createMultiStepFormSchema } from "./schema.cjs";
+import { useMultiStepFormData } from "./hooks/use-multi-step-form-data.cjs";
+import { CreateHOC, MultiStepFormContextResult, UseCurrentStepBaseResult, UseCurrentStepErrorResult, UseCurrentStepOptions, UseCurrentStepResult, UseCurrentStepSuccessResult, UseProgressBaseOptions, UseProgressOptions, UseProgressResult, createMultiStepFormContext } from "./create-context.cjs";
+export { AnyMultiStepFormSchema, AnyResolvedStep, CreateComponent, CreateComponentCallback, CreateComponentFn, CreateFunction, CreateHOC, CreateStepSpecificComponentCallback, CreatedMultiStepFormComponent, ExtractedDefaultValues, HelperFunctions, MultiStepFormContextResult, MultiStepFormSchema, MultiStepFormSchemaOptions, MultiStepFormSchemaStepConfig, MultiStepFormStepSchema, ResolvedStep, StepSpecificComponent, StepSpecificCreateComponentFn, UseCurrentStepBaseResult, UseCurrentStepErrorResult, UseCurrentStepOptions, UseCurrentStepResult, UseCurrentStepSuccessResult, UseProgressBaseOptions, UseProgressOptions, UseProgressResult, createDefaultValues, createMultiStepFormContext, createMultiStepFormSchema, useMultiStepFormData };

package/dist/index.d.mts

@@ -0,0 +1,5 @@
+import { AnyResolvedStep, CreateComponent, CreateComponentCallback, CreateComponentFn, CreateFunction, CreateStepSpecificComponentCallback, CreatedMultiStepFormComponent, ExtractedDefaultValues, HelperFunctions, MultiStepFormSchemaStepConfig, MultiStepFormStepSchema, ResolvedStep, StepSpecificComponent, StepSpecificCreateComponentFn, createDefaultValues } from "./step-schema.mjs";
+import { AnyMultiStepFormSchema, MultiStepFormSchema, MultiStepFormSchemaOptions, createMultiStepFormSchema } from "./schema.mjs";
+import { useMultiStepFormData } from "./hooks/use-multi-step-form-data.mjs";
+import { CreateHOC, MultiStepFormContextResult, UseCurrentStepBaseResult, UseCurrentStepErrorResult, UseCurrentStepOptions, UseCurrentStepResult, UseCurrentStepSuccessResult, UseProgressBaseOptions, UseProgressOptions, UseProgressResult, createMultiStepFormContext } from "./create-context.mjs";
+export { AnyMultiStepFormSchema, AnyResolvedStep, CreateComponent, CreateComponentCallback, CreateComponentFn, CreateFunction, CreateHOC, CreateStepSpecificComponentCallback, CreatedMultiStepFormComponent, ExtractedDefaultValues, HelperFunctions, MultiStepFormContextResult, MultiStepFormSchema, MultiStepFormSchemaOptions, MultiStepFormSchemaStepConfig, MultiStepFormStepSchema, ResolvedStep, StepSpecificComponent, StepSpecificCreateComponentFn, UseCurrentStepBaseResult, UseCurrentStepErrorResult, UseCurrentStepOptions, UseCurrentStepResult, UseCurrentStepSuccessResult, UseProgressBaseOptions, UseProgressOptions, UseProgressResult, createDefaultValues, createMultiStepFormContext, createMultiStepFormSchema, useMultiStepFormData };

package/dist/index.mjs

@@ -0,0 +1,6 @@
+import { MultiStepFormStepSchema, StepSpecificComponent, createDefaultValues } from "./step-schema.mjs";
+import { MultiStepFormSchema, createMultiStepFormSchema } from "./schema.mjs";
+import { useMultiStepFormData } from "./hooks/use-multi-step-form-data.mjs";
+import { createMultiStepFormContext } from "./create-context.mjs";
+
+export { MultiStepFormSchema, MultiStepFormStepSchema, StepSpecificComponent, createDefaultValues, createMultiStepFormContext, createMultiStepFormSchema, useMultiStepFormData };

package/dist/schema.cjs

@@ -0,0 +1,45 @@
+const require_step_schema = require('./step-schema.cjs');
+let __jfdevelops_multi_step_form_core = require("@jfdevelops/multi-step-form-core");
+let __jfdevelops_multi_step_form_core__internals = require("@jfdevelops/multi-step-form-core/_internals");
+
+//#region src/schema.ts
+var MultiStepFormSchema = class extends __jfdevelops_multi_step_form_core.MultiStepFormSchema {
+	stepSchema;
+	#internal;
+	constructor(config) {
+		const { nameTransformCasing = __jfdevelops_multi_step_form_core.DEFAULT_CASING, storage, ...rest } = config;
+		const options = {
+			nameTransformCasing,
+			storage,
+			...rest
+		};
+		super(options);
+		this.stepSchema = new require_step_schema.MultiStepFormStepSchema(options);
+		this.#internal = new __jfdevelops_multi_step_form_core__internals.MultiStepFormStepSchemaInternal({
+			originalValue: this.stepSchema.original,
+			getValue: () => this.stepSchema.value,
+			setValue: (value) => {
+				this.stepSchema.value = { ...value };
+				this.storage.add(value);
+				this.notify();
+			}
+		});
+	}
+	createComponent(options, fn) {
+		const { stepData } = options;
+		const ctx = (0, __jfdevelops_multi_step_form_core.createCtx)(this.stepSchema.value, stepData);
+		return ((props) => fn({
+			ctx,
+			update: this.#internal.createHelperFnInputUpdate(stepData),
+			reset: this.#internal.createHelperFnInputReset(stepData)
+		}, props));
+	}
+};
+function createMultiStepFormSchema(options) {
+	return new MultiStepFormSchema(options);
+}
+
+//#endregion
+exports.MultiStepFormSchema = MultiStepFormSchema;
+exports.createMultiStepFormSchema = createMultiStepFormSchema;
+//# sourceMappingURL=schema.cjs.map

package/dist/schema.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.cjs","names":["MultiStepFormSchemaCore","#internal","DEFAULT_CASING","MultiStepFormStepSchema","MultiStepFormStepSchemaInternal"],"sources":["../src/schema.ts"],"sourcesContent":["import {\n  type CasingType,\n  type Constrain,\n  createCtx,\n  type CreateHelperFunctionOptionsBase,\n  DEFAULT_CASING,\n  type DefaultCasing,\n  type DefaultStorageKey,\n  type HelperFnChosenSteps,\n  type MultiStepFormSchemaOptions as MultiStepFormSchemaBaseOptions,\n  MultiStepFormSchema as MultiStepFormSchemaCore,\n  type ResolvedStep as ResolvedStepCore,\n  type Step,\n  type StepNumbers,\n} from '@jfdevelops/multi-step-form-core';\nimport type { ComponentPropsWithRef } from 'react';\nimport { MultiStepFormSchemaConfig } from './form-config';\nimport {\n  type CreateComponentCallback,\n  type CreatedMultiStepFormComponent,\n  type HelperFunctions,\n  MultiStepFormStepSchema,\n  type ResolvedStep,\n} from './step-schema';\nimport { MultiStepFormStepSchemaInternal } from '@jfdevelops/multi-step-form-core/_internals';\n\n// export type AnyMultiStepFormSchema = MultiStepFormSchema<any, any, any>;\nexport type AnyMultiStepFormSchema = { [x: string]: any };\n\n// Helper inference types for `AnyMultiStepFormSchema`\nexport namespace MultiStepFormSchema {\n  /**\n   * Infer the resolved step from a {@linkcode MultiStepFormSchema}.\n   */\n  export type resolvedStep<T extends AnyMultiStepFormSchema> =\n    T['stepSchema']['value'];\n  /**\n   * Infer the {@linkcode MultiStepFormSchema}'s step numbers.\n   */\n  export type stepNumbers<T extends AnyMultiStepFormSchema> = StepNumbers<\n    resolvedStep<T>\n  >;\n  /**\n   * Get the data for a specific step from a {@linkcode MultiStepFormSchema}.\n   */\n  export type getData<\n    T extends AnyMultiStepFormSchema,\n    TTarget extends keyof resolvedStep<T>\n  > = resolvedStep<T>[TTarget];\n}\n\nexport interface MultiStepFormSchemaOptions<\n  TStep extends Step<TCasing>,\n  TCasing extends CasingType,\n  TStorageKey extends string,\n  TFormAlias extends string,\n  TFormEnabledFor extends MultiStepFormSchemaConfig.formEnabledFor<TResolvedStep>,\n  TFormProps extends object,\n  TResolvedStep extends ResolvedStep<TStep, TCasing> = ResolvedStep<\n    TStep,\n    TCasing\n  >\n> extends MultiStepFormSchemaBaseOptions<TStep, TCasing, TStorageKey>,\n    MultiStepFormSchemaConfig.Form<\n      TResolvedStep,\n      TFormAlias,\n      TFormEnabledFor,\n      TFormProps\n    > {}\n\nexport class MultiStepFormSchema<\n    step extends Step<casing>,\n    casing extends CasingType = DefaultCasing,\n    storageKey extends string = DefaultStorageKey,\n    formAlias extends string = MultiStepFormSchemaConfig.defaultFormAlias,\n    formEnabledFor extends MultiStepFormSchemaConfig.formEnabledFor<resolvedStep> = MultiStepFormSchemaConfig.defaultEnabledFor,\n    formProps extends object = ComponentPropsWithRef<'form'>,\n    resolvedStep extends ResolvedStep<step, casing> = ResolvedStep<\n      step,\n      casing\n    >,\n    stepNumbers extends StepNumbers<resolvedStep> = StepNumbers<resolvedStep>\n  >\n  extends MultiStepFormSchemaCore<\n    step,\n    casing,\n    ResolvedStepCore<step, casing>,\n    StepNumbers<ResolvedStepCore<step, casing>>,\n    storageKey\n  >\n  implements HelperFunctions<resolvedStep, stepNumbers>\n{\n  // @ts-ignore\n  stepSchema: MultiStepFormStepSchema<\n    step,\n    casing,\n    storageKey,\n    formAlias,\n    formEnabledFor,\n    formProps\n  >;\n  readonly #internal: MultiStepFormStepSchemaInternal<\n    step,\n    casing,\n    resolvedStep,\n    stepNumbers\n  >;\n\n  constructor(\n    config: MultiStepFormSchemaOptions<\n      step,\n      Constrain<casing, CasingType>,\n      storageKey,\n      formAlias,\n      formEnabledFor,\n      formProps\n    >\n  ) {\n    const { nameTransformCasing = DEFAULT_CASING, storage, ...rest } = config;\n    const options = { nameTransformCasing, storage, ...rest };\n\n    super(options);\n\n    this.stepSchema = new MultiStepFormStepSchema<\n      step,\n      casing,\n      storageKey,\n      formAlias,\n      formEnabledFor,\n      formProps\n    >(options);\n    this.#internal = new MultiStepFormStepSchemaInternal<\n      step,\n      casing,\n      resolvedStep,\n      stepNumbers\n    >({\n      originalValue: this.stepSchema.original,\n      getValue: () => this.stepSchema.value as never,\n      setValue: (value) => {\n        this.stepSchema.value = { ...value } as never;\n        this.storage.add(value);\n        this.notify();\n      },\n    });\n  }\n\n  createComponent<\n    chosenSteps extends HelperFnChosenSteps<resolvedStep, stepNumbers>,\n    props = undefined\n  >(\n    options: CreateHelperFunctionOptionsBase<\n      resolvedStep,\n      stepNumbers,\n      chosenSteps\n    >,\n    fn: CreateComponentCallback<resolvedStep, stepNumbers, chosenSteps, props>\n  ): CreatedMultiStepFormComponent<props> {\n    const { stepData } = options;\n    const ctx = createCtx<resolvedStep, stepNumbers, chosenSteps>(\n      this.stepSchema.value as never,\n      stepData\n    ) as never;\n\n    return ((props?: props) =>\n      fn(\n        {\n          ctx,\n          update: this.#internal.createHelperFnInputUpdate(stepData),\n          reset: this.#internal.createHelperFnInputReset(stepData),\n        },\n        props as any\n      )) as any;\n  }\n}\n\nexport function createMultiStepFormSchema<\n  step extends Step<casing>,\n  casing extends CasingType = DefaultCasing,\n  storageKey extends string = DefaultStorageKey,\n  formAlias extends string = MultiStepFormSchemaConfig.defaultFormAlias,\n  formEnabledFor extends MultiStepFormSchemaConfig.formEnabledFor<resolvedStep> = MultiStepFormSchemaConfig.defaultEnabledFor,\n  formProps extends object = ComponentPropsWithRef<'form'>,\n  resolvedStep extends ResolvedStep<step, casing> = ResolvedStep<step, casing>,\n  stepNumbers extends StepNumbers<resolvedStep> = StepNumbers<resolvedStep>\n>(\n  options: MultiStepFormSchemaOptions<\n    step,\n    Constrain<casing, CasingType>,\n    storageKey,\n    formAlias,\n    formEnabledFor,\n    formProps\n  >\n) {\n  return new MultiStepFormSchema<\n    step,\n    casing,\n    storageKey,\n    formAlias,\n    formEnabledFor,\n    formProps,\n    resolvedStep,\n    stepNumbers\n  >(options);\n}\n"],"mappings":";;;;;AAsEA,IAAa,sBAAb,cAaUA,sDAQV;CAEE;CAQA,CAASC;CAOT,YACE,QAQA;EACA,MAAM,EAAE,sBAAsBC,kDAAgB,SAAS,GAAG,SAAS;EACnE,MAAM,UAAU;GAAE;GAAqB;GAAS,GAAG;GAAM;AAEzD,QAAM,QAAQ;AAEd,OAAK,aAAa,IAAIC,4CAOpB,QAAQ;AACV,QAAKF,WAAY,IAAIG,6EAKnB;GACA,eAAe,KAAK,WAAW;GAC/B,gBAAgB,KAAK,WAAW;GAChC,WAAW,UAAU;AACnB,SAAK,WAAW,QAAQ,EAAE,GAAG,OAAO;AACpC,SAAK,QAAQ,IAAI,MAAM;AACvB,SAAK,QAAQ;;GAEhB,CAAC;;CAGJ,gBAIE,SAKA,IACsC;EACtC,MAAM,EAAE,aAAa;EACrB,MAAM,uDACJ,KAAK,WAAW,OAChB,SACD;AAED,WAAS,UACP,GACE;GACE;GACA,QAAQ,MAAKH,SAAU,0BAA0B,SAAS;GAC1D,OAAO,MAAKA,SAAU,yBAAyB,SAAS;GACzD,EACD,MACD;;;AAIP,SAAgB,0BAUd,SAQA;AACA,QAAO,IAAI,oBAST,QAAQ"}

package/dist/schema.d.cts

@@ -0,0 +1,34 @@
+import { CreateComponentCallback, CreatedMultiStepFormComponent, HelperFunctions, MultiStepFormStepSchema as MultiStepFormStepSchema$1, ResolvedStep as ResolvedStep$1 } from "./step-schema.cjs";
+import { MultiStepFormSchemaConfig } from "./form-config.cjs";
+import { CasingType, Constrain, CreateHelperFunctionOptionsBase, DefaultCasing, DefaultStorageKey, HelperFnChosenSteps, MultiStepFormSchema, MultiStepFormSchemaOptions, ResolvedStep, Step, StepNumbers } from "@jfdevelops/multi-step-form-core";
+import { ComponentPropsWithRef } from "react";
+
+//#region src/schema.d.ts
+type AnyMultiStepFormSchema = {
+  [x: string]: any;
+};
+declare namespace MultiStepFormSchema$1 {
+  /**
+   * Infer the resolved step from a {@linkcode MultiStepFormSchema}.
+   */
+  type resolvedStep<T extends AnyMultiStepFormSchema> = T['stepSchema']['value'];
+  /**
+   * Infer the {@linkcode MultiStepFormSchema}'s step numbers.
+   */
+  type stepNumbers<T extends AnyMultiStepFormSchema> = StepNumbers<resolvedStep<T>>;
+  /**
+   * Get the data for a specific step from a {@linkcode MultiStepFormSchema}.
+   */
+  type getData<T extends AnyMultiStepFormSchema, TTarget extends keyof resolvedStep<T>> = resolvedStep<T>[TTarget];
+}
+interface MultiStepFormSchemaOptions$1<TStep extends Step<TCasing>, TCasing extends CasingType, TStorageKey extends string, TFormAlias extends string, TFormEnabledFor extends MultiStepFormSchemaConfig.formEnabledFor<TResolvedStep>, TFormProps extends object, TResolvedStep extends ResolvedStep$1<TStep, TCasing> = ResolvedStep$1<TStep, TCasing>> extends MultiStepFormSchemaOptions<TStep, TCasing, TStorageKey>, MultiStepFormSchemaConfig.Form<TResolvedStep, TFormAlias, TFormEnabledFor, TFormProps> {}
+declare class MultiStepFormSchema$1<step extends Step<casing>, casing extends CasingType = DefaultCasing, storageKey extends string = DefaultStorageKey, formAlias extends string = MultiStepFormSchemaConfig.defaultFormAlias, formEnabledFor extends MultiStepFormSchemaConfig.formEnabledFor<resolvedStep$1> = MultiStepFormSchemaConfig.defaultEnabledFor, formProps extends object = ComponentPropsWithRef<'form'>, resolvedStep$1 extends ResolvedStep$1<step, casing> = ResolvedStep$1<step, casing>, stepNumbers extends StepNumbers<resolvedStep$1> = StepNumbers<resolvedStep$1>> extends MultiStepFormSchema<step, casing, ResolvedStep<step, casing>, StepNumbers<ResolvedStep<step, casing>>, storageKey> implements HelperFunctions<resolvedStep$1, stepNumbers> {
+  #private;
+  stepSchema: MultiStepFormStepSchema$1<step, casing, storageKey, formAlias, formEnabledFor, formProps>;
+  constructor(config: MultiStepFormSchemaOptions$1<step, Constrain<casing, CasingType>, storageKey, formAlias, formEnabledFor, formProps>);
+  createComponent<chosenSteps extends HelperFnChosenSteps<resolvedStep$1, stepNumbers>, props = undefined>(options: CreateHelperFunctionOptionsBase<resolvedStep$1, stepNumbers, chosenSteps>, fn: CreateComponentCallback<resolvedStep$1, stepNumbers, chosenSteps, props>): CreatedMultiStepFormComponent<props>;
+}
+declare function createMultiStepFormSchema<step extends Step<casing>, casing extends CasingType = DefaultCasing, storageKey extends string = DefaultStorageKey, formAlias extends string = MultiStepFormSchemaConfig.defaultFormAlias, formEnabledFor extends MultiStepFormSchemaConfig.formEnabledFor<resolvedStep$1> = MultiStepFormSchemaConfig.defaultEnabledFor, formProps extends object = ComponentPropsWithRef<'form'>, resolvedStep$1 extends ResolvedStep$1<step, casing> = ResolvedStep$1<step, casing>, stepNumbers extends StepNumbers<resolvedStep$1> = StepNumbers<resolvedStep$1>>(options: MultiStepFormSchemaOptions$1<step, Constrain<casing, CasingType>, storageKey, formAlias, formEnabledFor, formProps>): MultiStepFormSchema$1<step, casing, storageKey, formAlias, formEnabledFor, formProps, resolvedStep$1, stepNumbers>;
+//#endregion
+export { AnyMultiStepFormSchema, MultiStepFormSchema$1 as MultiStepFormSchema, MultiStepFormSchemaOptions$1 as MultiStepFormSchemaOptions, createMultiStepFormSchema };
+//# sourceMappingURL=schema.d.cts.map

package/dist/schema.d.mts

@@ -0,0 +1,34 @@
+import { CreateComponentCallback, CreatedMultiStepFormComponent, HelperFunctions, MultiStepFormStepSchema as MultiStepFormStepSchema$1, ResolvedStep as ResolvedStep$1 } from "./step-schema.mjs";
+import { MultiStepFormSchemaConfig } from "./form-config.mjs";
+import { CasingType, Constrain, CreateHelperFunctionOptionsBase, DefaultCasing, DefaultStorageKey, HelperFnChosenSteps, MultiStepFormSchema, MultiStepFormSchemaOptions, ResolvedStep, Step, StepNumbers } from "@jfdevelops/multi-step-form-core";
+import { ComponentPropsWithRef } from "react";
+
+//#region src/schema.d.ts
+type AnyMultiStepFormSchema = {
+  [x: string]: any;
+};
+declare namespace MultiStepFormSchema$1 {
+  /**
+   * Infer the resolved step from a {@linkcode MultiStepFormSchema}.
+   */
+  type resolvedStep<T extends AnyMultiStepFormSchema> = T['stepSchema']['value'];
+  /**
+   * Infer the {@linkcode MultiStepFormSchema}'s step numbers.
+   */
+  type stepNumbers<T extends AnyMultiStepFormSchema> = StepNumbers<resolvedStep<T>>;
+  /**
+   * Get the data for a specific step from a {@linkcode MultiStepFormSchema}.
+   */
+  type getData<T extends AnyMultiStepFormSchema, TTarget extends keyof resolvedStep<T>> = resolvedStep<T>[TTarget];
+}
+interface MultiStepFormSchemaOptions$1<TStep extends Step<TCasing>, TCasing extends CasingType, TStorageKey extends string, TFormAlias extends string, TFormEnabledFor extends MultiStepFormSchemaConfig.formEnabledFor<TResolvedStep>, TFormProps extends object, TResolvedStep extends ResolvedStep$1<TStep, TCasing> = ResolvedStep$1<TStep, TCasing>> extends MultiStepFormSchemaOptions<TStep, TCasing, TStorageKey>, MultiStepFormSchemaConfig.Form<TResolvedStep, TFormAlias, TFormEnabledFor, TFormProps> {}
+declare class MultiStepFormSchema$1<step extends Step<casing>, casing extends CasingType = DefaultCasing, storageKey extends string = DefaultStorageKey, formAlias extends string = MultiStepFormSchemaConfig.defaultFormAlias, formEnabledFor extends MultiStepFormSchemaConfig.formEnabledFor<resolvedStep$1> = MultiStepFormSchemaConfig.defaultEnabledFor, formProps extends object = ComponentPropsWithRef<'form'>, resolvedStep$1 extends ResolvedStep$1<step, casing> = ResolvedStep$1<step, casing>, stepNumbers extends StepNumbers<resolvedStep$1> = StepNumbers<resolvedStep$1>> extends MultiStepFormSchema<step, casing, ResolvedStep<step, casing>, StepNumbers<ResolvedStep<step, casing>>, storageKey> implements HelperFunctions<resolvedStep$1, stepNumbers> {
+  #private;
+  stepSchema: MultiStepFormStepSchema$1<step, casing, storageKey, formAlias, formEnabledFor, formProps>;
+  constructor(config: MultiStepFormSchemaOptions$1<step, Constrain<casing, CasingType>, storageKey, formAlias, formEnabledFor, formProps>);
+  createComponent<chosenSteps extends HelperFnChosenSteps<resolvedStep$1, stepNumbers>, props = undefined>(options: CreateHelperFunctionOptionsBase<resolvedStep$1, stepNumbers, chosenSteps>, fn: CreateComponentCallback<resolvedStep$1, stepNumbers, chosenSteps, props>): CreatedMultiStepFormComponent<props>;
+}
+declare function createMultiStepFormSchema<step extends Step<casing>, casing extends CasingType = DefaultCasing, storageKey extends string = DefaultStorageKey, formAlias extends string = MultiStepFormSchemaConfig.defaultFormAlias, formEnabledFor extends MultiStepFormSchemaConfig.formEnabledFor<resolvedStep$1> = MultiStepFormSchemaConfig.defaultEnabledFor, formProps extends object = ComponentPropsWithRef<'form'>, resolvedStep$1 extends ResolvedStep$1<step, casing> = ResolvedStep$1<step, casing>, stepNumbers extends StepNumbers<resolvedStep$1> = StepNumbers<resolvedStep$1>>(options: MultiStepFormSchemaOptions$1<step, Constrain<casing, CasingType>, storageKey, formAlias, formEnabledFor, formProps>): MultiStepFormSchema$1<step, casing, storageKey, formAlias, formEnabledFor, formProps, resolvedStep$1, stepNumbers>;
+//#endregion
+export { AnyMultiStepFormSchema, MultiStepFormSchema$1 as MultiStepFormSchema, MultiStepFormSchemaOptions$1 as MultiStepFormSchemaOptions, createMultiStepFormSchema };
+//# sourceMappingURL=schema.d.mts.map

package/dist/schema.mjs

@@ -0,0 +1,44 @@
+import { MultiStepFormStepSchema as MultiStepFormStepSchema$1 } from "./step-schema.mjs";
+import { DEFAULT_CASING, MultiStepFormSchema, createCtx } from "@jfdevelops/multi-step-form-core";
+import { MultiStepFormStepSchemaInternal } from "@jfdevelops/multi-step-form-core/_internals";
+
+//#region src/schema.ts
+var MultiStepFormSchema$1 = class extends MultiStepFormSchema {
+	stepSchema;
+	#internal;
+	constructor(config) {
+		const { nameTransformCasing = DEFAULT_CASING, storage, ...rest } = config;
+		const options = {
+			nameTransformCasing,
+			storage,
+			...rest
+		};
+		super(options);
+		this.stepSchema = new MultiStepFormStepSchema$1(options);
+		this.#internal = new MultiStepFormStepSchemaInternal({
+			originalValue: this.stepSchema.original,
+			getValue: () => this.stepSchema.value,
+			setValue: (value) => {
+				this.stepSchema.value = { ...value };
+				this.storage.add(value);
+				this.notify();
+			}
+		});
+	}
+	createComponent(options, fn) {
+		const { stepData } = options;
+		const ctx = createCtx(this.stepSchema.value, stepData);
+		return ((props) => fn({
+			ctx,
+			update: this.#internal.createHelperFnInputUpdate(stepData),
+			reset: this.#internal.createHelperFnInputReset(stepData)
+		}, props));
+	}
+};
+function createMultiStepFormSchema(options) {
+	return new MultiStepFormSchema$1(options);
+}
+
+//#endregion
+export { MultiStepFormSchema$1 as MultiStepFormSchema, createMultiStepFormSchema };
+//# sourceMappingURL=schema.mjs.map

package/dist/schema.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.mjs","names":["MultiStepFormSchema","MultiStepFormSchemaCore","#internal","MultiStepFormStepSchema"],"sources":["../src/schema.ts"],"sourcesContent":["import {\n  type CasingType,\n  type Constrain,\n  createCtx,\n  type CreateHelperFunctionOptionsBase,\n  DEFAULT_CASING,\n  type DefaultCasing,\n  type DefaultStorageKey,\n  type HelperFnChosenSteps,\n  type MultiStepFormSchemaOptions as MultiStepFormSchemaBaseOptions,\n  MultiStepFormSchema as MultiStepFormSchemaCore,\n  type ResolvedStep as ResolvedStepCore,\n  type Step,\n  type StepNumbers,\n} from '@jfdevelops/multi-step-form-core';\nimport type { ComponentPropsWithRef } from 'react';\nimport { MultiStepFormSchemaConfig } from './form-config';\nimport {\n  type CreateComponentCallback,\n  type CreatedMultiStepFormComponent,\n  type HelperFunctions,\n  MultiStepFormStepSchema,\n  type ResolvedStep,\n} from './step-schema';\nimport { MultiStepFormStepSchemaInternal } from '@jfdevelops/multi-step-form-core/_internals';\n\n// export type AnyMultiStepFormSchema = MultiStepFormSchema<any, any, any>;\nexport type AnyMultiStepFormSchema = { [x: string]: any };\n\n// Helper inference types for `AnyMultiStepFormSchema`\nexport namespace MultiStepFormSchema {\n  /**\n   * Infer the resolved step from a {@linkcode MultiStepFormSchema}.\n   */\n  export type resolvedStep<T extends AnyMultiStepFormSchema> =\n    T['stepSchema']['value'];\n  /**\n   * Infer the {@linkcode MultiStepFormSchema}'s step numbers.\n   */\n  export type stepNumbers<T extends AnyMultiStepFormSchema> = StepNumbers<\n    resolvedStep<T>\n  >;\n  /**\n   * Get the data for a specific step from a {@linkcode MultiStepFormSchema}.\n   */\n  export type getData<\n    T extends AnyMultiStepFormSchema,\n    TTarget extends keyof resolvedStep<T>\n  > = resolvedStep<T>[TTarget];\n}\n\nexport interface MultiStepFormSchemaOptions<\n  TStep extends Step<TCasing>,\n  TCasing extends CasingType,\n  TStorageKey extends string,\n  TFormAlias extends string,\n  TFormEnabledFor extends MultiStepFormSchemaConfig.formEnabledFor<TResolvedStep>,\n  TFormProps extends object,\n  TResolvedStep extends ResolvedStep<TStep, TCasing> = ResolvedStep<\n    TStep,\n    TCasing\n  >\n> extends MultiStepFormSchemaBaseOptions<TStep, TCasing, TStorageKey>,\n    MultiStepFormSchemaConfig.Form<\n      TResolvedStep,\n      TFormAlias,\n      TFormEnabledFor,\n      TFormProps\n    > {}\n\nexport class MultiStepFormSchema<\n    step extends Step<casing>,\n    casing extends CasingType = DefaultCasing,\n    storageKey extends string = DefaultStorageKey,\n    formAlias extends string = MultiStepFormSchemaConfig.defaultFormAlias,\n    formEnabledFor extends MultiStepFormSchemaConfig.formEnabledFor<resolvedStep> = MultiStepFormSchemaConfig.defaultEnabledFor,\n    formProps extends object = ComponentPropsWithRef<'form'>,\n    resolvedStep extends ResolvedStep<step, casing> = ResolvedStep<\n      step,\n      casing\n    >,\n    stepNumbers extends StepNumbers<resolvedStep> = StepNumbers<resolvedStep>\n  >\n  extends MultiStepFormSchemaCore<\n    step,\n    casing,\n    ResolvedStepCore<step, casing>,\n    StepNumbers<ResolvedStepCore<step, casing>>,\n    storageKey\n  >\n  implements HelperFunctions<resolvedStep, stepNumbers>\n{\n  // @ts-ignore\n  stepSchema: MultiStepFormStepSchema<\n    step,\n    casing,\n    storageKey,\n    formAlias,\n    formEnabledFor,\n    formProps\n  >;\n  readonly #internal: MultiStepFormStepSchemaInternal<\n    step,\n    casing,\n    resolvedStep,\n    stepNumbers\n  >;\n\n  constructor(\n    config: MultiStepFormSchemaOptions<\n      step,\n      Constrain<casing, CasingType>,\n      storageKey,\n      formAlias,\n      formEnabledFor,\n      formProps\n    >\n  ) {\n    const { nameTransformCasing = DEFAULT_CASING, storage, ...rest } = config;\n    const options = { nameTransformCasing, storage, ...rest };\n\n    super(options);\n\n    this.stepSchema = new MultiStepFormStepSchema<\n      step,\n      casing,\n      storageKey,\n      formAlias,\n      formEnabledFor,\n      formProps\n    >(options);\n    this.#internal = new MultiStepFormStepSchemaInternal<\n      step,\n      casing,\n      resolvedStep,\n      stepNumbers\n    >({\n      originalValue: this.stepSchema.original,\n      getValue: () => this.stepSchema.value as never,\n      setValue: (value) => {\n        this.stepSchema.value = { ...value } as never;\n        this.storage.add(value);\n        this.notify();\n      },\n    });\n  }\n\n  createComponent<\n    chosenSteps extends HelperFnChosenSteps<resolvedStep, stepNumbers>,\n    props = undefined\n  >(\n    options: CreateHelperFunctionOptionsBase<\n      resolvedStep,\n      stepNumbers,\n      chosenSteps\n    >,\n    fn: CreateComponentCallback<resolvedStep, stepNumbers, chosenSteps, props>\n  ): CreatedMultiStepFormComponent<props> {\n    const { stepData } = options;\n    const ctx = createCtx<resolvedStep, stepNumbers, chosenSteps>(\n      this.stepSchema.value as never,\n      stepData\n    ) as never;\n\n    return ((props?: props) =>\n      fn(\n        {\n          ctx,\n          update: this.#internal.createHelperFnInputUpdate(stepData),\n          reset: this.#internal.createHelperFnInputReset(stepData),\n        },\n        props as any\n      )) as any;\n  }\n}\n\nexport function createMultiStepFormSchema<\n  step extends Step<casing>,\n  casing extends CasingType = DefaultCasing,\n  storageKey extends string = DefaultStorageKey,\n  formAlias extends string = MultiStepFormSchemaConfig.defaultFormAlias,\n  formEnabledFor extends MultiStepFormSchemaConfig.formEnabledFor<resolvedStep> = MultiStepFormSchemaConfig.defaultEnabledFor,\n  formProps extends object = ComponentPropsWithRef<'form'>,\n  resolvedStep extends ResolvedStep<step, casing> = ResolvedStep<step, casing>,\n  stepNumbers extends StepNumbers<resolvedStep> = StepNumbers<resolvedStep>\n>(\n  options: MultiStepFormSchemaOptions<\n    step,\n    Constrain<casing, CasingType>,\n    storageKey,\n    formAlias,\n    formEnabledFor,\n    formProps\n  >\n) {\n  return new MultiStepFormSchema<\n    step,\n    casing,\n    storageKey,\n    formAlias,\n    formEnabledFor,\n    formProps,\n    resolvedStep,\n    stepNumbers\n  >(options);\n}\n"],"mappings":";;;;;AAsEA,IAAaA,wBAAb,cAaUC,oBAQV;CAEE;CAQA,CAASC;CAOT,YACE,QAQA;EACA,MAAM,EAAE,sBAAsB,gBAAgB,SAAS,GAAG,SAAS;EACnE,MAAM,UAAU;GAAE;GAAqB;GAAS,GAAG;GAAM;AAEzD,QAAM,QAAQ;AAEd,OAAK,aAAa,IAAIC,0BAOpB,QAAQ;AACV,QAAKD,WAAY,IAAI,gCAKnB;GACA,eAAe,KAAK,WAAW;GAC/B,gBAAgB,KAAK,WAAW;GAChC,WAAW,UAAU;AACnB,SAAK,WAAW,QAAQ,EAAE,GAAG,OAAO;AACpC,SAAK,QAAQ,IAAI,MAAM;AACvB,SAAK,QAAQ;;GAEhB,CAAC;;CAGJ,gBAIE,SAKA,IACsC;EACtC,MAAM,EAAE,aAAa;EACrB,MAAM,MAAM,UACV,KAAK,WAAW,OAChB,SACD;AAED,WAAS,UACP,GACE;GACE;GACA,QAAQ,MAAKA,SAAU,0BAA0B,SAAS;GAC1D,OAAO,MAAKA,SAAU,yBAAyB,SAAS;GACzD,EACD,MACD;;;AAIP,SAAgB,0BAUd,SAQA;AACA,QAAO,IAAIF,sBAST,QAAQ"}

package/dist/selector.cjs

@@ -0,0 +1,27 @@
+const require_use_selector = require('./hooks/use-selector.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/selector.tsx
+let selector;
+(function(_selector) {
+	function create(createCtx, subscribe) {
+		const useSelector = require_use_selector.createUseSelector(createCtx, subscribe);
+		const Selector = ({ selector: selector$1, children }) => {
+			const selected = useSelector(selector$1);
+			if (children) return (0, react.createElement)(react_jsx_runtime.Fragment, null, children(selected));
+			return (0, react.createElement)(react_jsx_runtime.Fragment, null, String(selected ?? ""));
+		};
+		return (0, react.memo)(Selector, () => false);
+	}
+	_selector.create = create;
+})(selector || (selector = {}));
+
+//#endregion
+Object.defineProperty(exports, 'selector', {
+  enumerable: true,
+  get: function () {
+    return selector;
+  }
+});
+//# sourceMappingURL=selector.cjs.map

package/dist/selector.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"selector.cjs","names":["createUseSelector","Selector: component<TResolvedStep, TSteps, TChosenSteps>","selector","Fragment"],"sources":["../src/selector.tsx"],"sourcesContent":["import {\n  AnyResolvedStep,\n  StepNumbers,\n  HelperFnChosenSteps,\n  Expand,\n  HelperFnCtx,\n} from '@jfdevelops/multi-step-form-core';\nimport { createUseSelector, SelectorFn } from './hooks/use-selector';\nimport { Fragment } from 'react/jsx-runtime';\nimport { createElement, memo } from 'react';\n\nexport namespace selector {\n  export type props<\n    TResolvedStep extends AnyResolvedStep,\n    TSteps extends StepNumbers<TResolvedStep>,\n    TChosenSteps extends HelperFnChosenSteps<TResolvedStep, TSteps>,\n    TSelected\n  > = {\n    selector: SelectorFn<TResolvedStep, TSteps, TChosenSteps, TSelected>;\n    children?: (selected: TSelected) => React.ReactNode;\n  };\n  export type component<\n    TResolvedStep extends AnyResolvedStep,\n    TSteps extends StepNumbers<TResolvedStep>,\n    TChosenSteps extends HelperFnChosenSteps<TResolvedStep, TSteps>\n  > =\n    /**\n     * A component for reactively displaying a value from the form context.\n     * Unlike `useSelector`, this component only re-renders itself, not the parent component.\n     * Use this when you want to display a reactive value without causing parent re-renders.\n     *\n     * @param selector - A function that receives the current step's context and returns the selected value\n     * @param children - Optional render prop that receives the selected value\n     *\n     * @example\n     * <Selector selector={(ctx) => ctx.step1.fields.firstName.defaultValue}>\n     *   {(value) => <p>First name: {value}</p>}\n     * </Selector>\n     */\n    <TSelected>(\n      props: props<TResolvedStep, TSteps, TChosenSteps, TSelected>\n    ) => React.ReactNode;\n\n  export function create<\n    TResolvedStep extends AnyResolvedStep,\n    TSteps extends StepNumbers<TResolvedStep>,\n    TChosenSteps extends HelperFnChosenSteps<TResolvedStep, TSteps>\n  >(\n    createCtx: () => Expand<HelperFnCtx<TResolvedStep, TSteps, TChosenSteps>>,\n    subscribe: (listener: () => void) => () => void\n  ) {\n    const useSelector = createUseSelector(createCtx, subscribe);\n    const Selector: component<TResolvedStep, TSteps, TChosenSteps> = ({\n      selector,\n      children,\n    }) => {\n      const selected = useSelector(selector);\n\n      if (children) {\n        return createElement(Fragment, null, children(selected));\n      }\n      return createElement(Fragment, null, String(selected ?? ''));\n    };\n\n    return memo(\n      Selector,\n      // Always return false to allow re-renders when the selected value changes\n      // The memoization is just to prevent re-renders when parent re-renders\n      () => false\n    );\n  }\n}\n"],"mappings":";;;;;;;CA2CS,SAAS,OAKd,WACA,WACA;EACA,MAAM,cAAcA,uCAAkB,WAAW,UAAU;EAC3D,MAAMC,YAA4D,EAChE,sBACA,eACI;GACJ,MAAM,WAAW,YAAYC,WAAS;AAEtC,OAAI,SACF,iCAAqBC,4BAAU,MAAM,SAAS,SAAS,CAAC;AAE1D,mCAAqBA,4BAAU,MAAM,OAAO,YAAY,GAAG,CAAC;;AAG9D,yBACE,gBAGM,MACP"}

package/dist/selector.d.cts

@@ -0,0 +1,30 @@
+import { SelectorFn } from "./hooks/use-selector.cjs";
+import { AnyResolvedStep, Expand, HelperFnChosenSteps, HelperFnCtx, StepNumbers } from "@jfdevelops/multi-step-form-core";
+import * as react0 from "react";
+
+//#region src/selector.d.ts
+declare namespace selector {
+  type props<TResolvedStep extends AnyResolvedStep, TSteps extends StepNumbers<TResolvedStep>, TChosenSteps extends HelperFnChosenSteps<TResolvedStep, TSteps>, TSelected> = {
+    selector: SelectorFn<TResolvedStep, TSteps, TChosenSteps, TSelected>;
+    children?: (selected: TSelected) => React.ReactNode;
+  };
+  type component<TResolvedStep extends AnyResolvedStep, TSteps extends StepNumbers<TResolvedStep>, TChosenSteps extends HelperFnChosenSteps<TResolvedStep, TSteps>> =
+  /**
+   * A component for reactively displaying a value from the form context.
+   * Unlike `useSelector`, this component only re-renders itself, not the parent component.
+   * Use this when you want to display a reactive value without causing parent re-renders.
+   *
+   * @param selector - A function that receives the current step's context and returns the selected value
+   * @param children - Optional render prop that receives the selected value
+   *
+   * @example
+   * <Selector selector={(ctx) => ctx.step1.fields.firstName.defaultValue}>
+   *   {(value) => <p>First name: {value}</p>}
+   * </Selector>
+   */
+  <TSelected>(props: props<TResolvedStep, TSteps, TChosenSteps, TSelected>) => React.ReactNode;
+  function create<TResolvedStep extends AnyResolvedStep, TSteps extends StepNumbers<TResolvedStep>, TChosenSteps extends HelperFnChosenSteps<TResolvedStep, TSteps>>(createCtx: () => Expand<HelperFnCtx<TResolvedStep, TSteps, TChosenSteps>>, subscribe: (listener: () => void) => () => void): react0.MemoExoticComponent<component<TResolvedStep, TSteps, TChosenSteps>>;
+}
+//#endregion
+export { selector };
+//# sourceMappingURL=selector.d.cts.map

package/dist/selector.d.mts

@@ -0,0 +1,30 @@
+import { SelectorFn } from "./hooks/use-selector.mjs";
+import { AnyResolvedStep, Expand, HelperFnChosenSteps, HelperFnCtx, StepNumbers } from "@jfdevelops/multi-step-form-core";
+import * as react0 from "react";
+
+//#region src/selector.d.ts
+declare namespace selector {
+  type props<TResolvedStep extends AnyResolvedStep, TSteps extends StepNumbers<TResolvedStep>, TChosenSteps extends HelperFnChosenSteps<TResolvedStep, TSteps>, TSelected> = {
+    selector: SelectorFn<TResolvedStep, TSteps, TChosenSteps, TSelected>;
+    children?: (selected: TSelected) => React.ReactNode;
+  };
+  type component<TResolvedStep extends AnyResolvedStep, TSteps extends StepNumbers<TResolvedStep>, TChosenSteps extends HelperFnChosenSteps<TResolvedStep, TSteps>> =
+  /**
+   * A component for reactively displaying a value from the form context.
+   * Unlike `useSelector`, this component only re-renders itself, not the parent component.
+   * Use this when you want to display a reactive value without causing parent re-renders.
+   *
+   * @param selector - A function that receives the current step's context and returns the selected value
+   * @param children - Optional render prop that receives the selected value
+   *
+   * @example
+   * <Selector selector={(ctx) => ctx.step1.fields.firstName.defaultValue}>
+   *   {(value) => <p>First name: {value}</p>}
+   * </Selector>
+   */
+  <TSelected>(props: props<TResolvedStep, TSteps, TChosenSteps, TSelected>) => React.ReactNode;
+  function create<TResolvedStep extends AnyResolvedStep, TSteps extends StepNumbers<TResolvedStep>, TChosenSteps extends HelperFnChosenSteps<TResolvedStep, TSteps>>(createCtx: () => Expand<HelperFnCtx<TResolvedStep, TSteps, TChosenSteps>>, subscribe: (listener: () => void) => () => void): react0.MemoExoticComponent<component<TResolvedStep, TSteps, TChosenSteps>>;
+}
+//#endregion
+export { selector };
+//# sourceMappingURL=selector.d.mts.map

package/dist/selector.mjs

@@ -0,0 +1,22 @@
+import { createUseSelector } from "./hooks/use-selector.mjs";
+import { createElement, memo } from "react";
+import { Fragment } from "react/jsx-runtime";
+
+//#region src/selector.tsx
+let selector;
+(function(_selector) {
+	function create(createCtx, subscribe) {
+		const useSelector = createUseSelector(createCtx, subscribe);
+		const Selector = ({ selector: selector$1, children }) => {
+			const selected = useSelector(selector$1);
+			if (children) return createElement(Fragment, null, children(selected));
+			return createElement(Fragment, null, String(selected ?? ""));
+		};
+		return memo(Selector, () => false);
+	}
+	_selector.create = create;
+})(selector || (selector = {}));
+
+//#endregion
+export { selector };
+//# sourceMappingURL=selector.mjs.map

package/dist/selector.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"selector.mjs","names":["Selector: component<TResolvedStep, TSteps, TChosenSteps>","selector"],"sources":["../src/selector.tsx"],"sourcesContent":["import {\n  AnyResolvedStep,\n  StepNumbers,\n  HelperFnChosenSteps,\n  Expand,\n  HelperFnCtx,\n} from '@jfdevelops/multi-step-form-core';\nimport { createUseSelector, SelectorFn } from './hooks/use-selector';\nimport { Fragment } from 'react/jsx-runtime';\nimport { createElement, memo } from 'react';\n\nexport namespace selector {\n  export type props<\n    TResolvedStep extends AnyResolvedStep,\n    TSteps extends StepNumbers<TResolvedStep>,\n    TChosenSteps extends HelperFnChosenSteps<TResolvedStep, TSteps>,\n    TSelected\n  > = {\n    selector: SelectorFn<TResolvedStep, TSteps, TChosenSteps, TSelected>;\n    children?: (selected: TSelected) => React.ReactNode;\n  };\n  export type component<\n    TResolvedStep extends AnyResolvedStep,\n    TSteps extends StepNumbers<TResolvedStep>,\n    TChosenSteps extends HelperFnChosenSteps<TResolvedStep, TSteps>\n  > =\n    /**\n     * A component for reactively displaying a value from the form context.\n     * Unlike `useSelector`, this component only re-renders itself, not the parent component.\n     * Use this when you want to display a reactive value without causing parent re-renders.\n     *\n     * @param selector - A function that receives the current step's context and returns the selected value\n     * @param children - Optional render prop that receives the selected value\n     *\n     * @example\n     * <Selector selector={(ctx) => ctx.step1.fields.firstName.defaultValue}>\n     *   {(value) => <p>First name: {value}</p>}\n     * </Selector>\n     */\n    <TSelected>(\n      props: props<TResolvedStep, TSteps, TChosenSteps, TSelected>\n    ) => React.ReactNode;\n\n  export function create<\n    TResolvedStep extends AnyResolvedStep,\n    TSteps extends StepNumbers<TResolvedStep>,\n    TChosenSteps extends HelperFnChosenSteps<TResolvedStep, TSteps>\n  >(\n    createCtx: () => Expand<HelperFnCtx<TResolvedStep, TSteps, TChosenSteps>>,\n    subscribe: (listener: () => void) => () => void\n  ) {\n    const useSelector = createUseSelector(createCtx, subscribe);\n    const Selector: component<TResolvedStep, TSteps, TChosenSteps> = ({\n      selector,\n      children,\n    }) => {\n      const selected = useSelector(selector);\n\n      if (children) {\n        return createElement(Fragment, null, children(selected));\n      }\n      return createElement(Fragment, null, String(selected ?? ''));\n    };\n\n    return memo(\n      Selector,\n      // Always return false to allow re-renders when the selected value changes\n      // The memoization is just to prevent re-renders when parent re-renders\n      () => false\n    );\n  }\n}\n"],"mappings":";;;;;;;CA2CS,SAAS,OAKd,WACA,WACA;EACA,MAAM,cAAc,kBAAkB,WAAW,UAAU;EAC3D,MAAMA,YAA4D,EAChE,sBACA,eACI;GACJ,MAAM,WAAW,YAAYC,WAAS;AAEtC,OAAI,SACF,QAAO,cAAc,UAAU,MAAM,SAAS,SAAS,CAAC;AAE1D,UAAO,cAAc,UAAU,MAAM,OAAO,YAAY,GAAG,CAAC;;AAG9D,SAAO,KACL,gBAGM,MACP"}