@salt-ds/lab 1.0.0-alpha.57 → 1.0.0-alpha.59

package/dist-es/stepped-tracker/stepReducer.js

@@ -0,0 +1,107 @@
+import { resetSteps, flattenSteps, autoStageSteps, assignSteps } from './utils.js';
+
+function stepReducer(state, action) {
+  var _a, _b;
+  if (action.type === "next") {
+    if (((_a = state.activeStep) == null ? void 0 : _a.status) === "error") {
+      return state;
+    }
+    const steps = resetSteps(state.steps);
+    const flatSteps = flattenSteps(steps);
+    if (state.nextStep) {
+      const activeStepIndex2 = state.activeStepIndex + 1;
+      const activeStep2 = flatSteps[activeStepIndex2];
+      const previousStep2 = flatSteps[activeStepIndex2 - 1] || null;
+      const nextStep2 = flatSteps[activeStepIndex2 + 1] || null;
+      if (activeStep2) {
+        activeStep2.stage = "active";
+      }
+      return {
+        steps: autoStageSteps(steps),
+        flatSteps,
+        activeStepIndex: activeStepIndex2,
+        activeStep: activeStep2,
+        previousStep: previousStep2,
+        nextStep: nextStep2,
+        started: true,
+        ended: false
+      };
+    }
+    const activeStepIndex = flatSteps.length;
+    const previousStep = flatSteps.at(-1);
+    const activeStep = null;
+    const nextStep = null;
+    return {
+      steps: assignSteps(steps, "completed"),
+      flatSteps,
+      activeStepIndex,
+      activeStep,
+      previousStep,
+      nextStep,
+      started: true,
+      ended: true
+    };
+  }
+  if (action.type === "previous") {
+    if (((_b = state.activeStep) == null ? void 0 : _b.status) === "error") {
+      return state;
+    }
+    const steps = resetSteps(state.steps);
+    const flatSteps = flattenSteps(steps);
+    if (state.previousStep) {
+      const activeStepIndex2 = state.activeStepIndex - 1;
+      const activeStep2 = flatSteps[activeStepIndex2];
+      const previousStep2 = flatSteps[activeStepIndex2 - 1] || null;
+      const nextStep2 = flatSteps[activeStepIndex2 + 1] || null;
+      if (activeStep2) {
+        activeStep2.stage = "active";
+      }
+      return {
+        steps: autoStageSteps(steps),
+        flatSteps,
+        activeStepIndex: activeStepIndex2,
+        activeStep: activeStep2,
+        previousStep: previousStep2,
+        nextStep: nextStep2,
+        started: true,
+        ended: false
+      };
+    }
+    const activeStepIndex = -1;
+    const activeStep = null;
+    const previousStep = null;
+    const nextStep = flatSteps.at(0);
+    return {
+      steps: assignSteps(steps, "pending"),
+      flatSteps,
+      activeStepIndex,
+      activeStep,
+      previousStep,
+      nextStep,
+      ended: false,
+      started: false
+    };
+  }
+  if (action.type === "error") {
+    if (state.activeStep) {
+      state.activeStep.status = "error";
+      return { ...state };
+    }
+  }
+  if (action.type === "warning") {
+    if (state.activeStep) {
+      state.activeStep.status = "warning";
+      return { ...state };
+    }
+  }
+  if (action.type === "clear") {
+    if (state.activeStep) {
+      state.activeStep.status = void 0;
+      return { ...state };
+    }
+  }
+  return state;
+}
+
+export { stepReducer as default };
+//# sourceMappingURL=stepReducer.js.map

package/dist-es/stepped-tracker/stepReducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepReducer.js","sources":["../src/stepped-tracker/stepReducer.ts"],"sourcesContent":["import type { StepReducerAction, StepReducerState } from \"./stepReducer.types\";\nimport { assignSteps, autoStageSteps, flattenSteps, resetSteps } from \"./utils\";\n\nexport default function stepReducer(\n  state: StepReducerState,\n  action: StepReducerAction,\n) {\n  if (action.type === \"next\") {\n    if (state.activeStep?.status === \"error\") {\n      return state;\n    }\n\n    const steps = resetSteps(state.steps);\n    const flatSteps = flattenSteps(steps);\n\n    if (state.nextStep) {\n      const activeStepIndex = state.activeStepIndex + 1;\n      const activeStep = flatSteps[activeStepIndex];\n      const previousStep = flatSteps[activeStepIndex - 1] || null;\n      const nextStep = flatSteps[activeStepIndex + 1] || null;\n\n      if (activeStep) {\n        activeStep.stage = \"active\";\n      }\n\n      return {\n        steps: autoStageSteps(steps),\n        flatSteps,\n        activeStepIndex,\n        activeStep,\n        previousStep,\n        nextStep,\n        started: true,\n        ended: false,\n      };\n    }\n\n    const activeStepIndex = flatSteps.length;\n    const previousStep = flatSteps.at(-1);\n    const activeStep = null;\n    const nextStep = null;\n\n    return {\n      steps: assignSteps(steps, \"completed\"),\n      flatSteps,\n      activeStepIndex,\n      activeStep,\n      previousStep,\n      nextStep,\n      started: true,\n      ended: true,\n    } as StepReducerState;\n  }\n\n  if (action.type === \"previous\") {\n    if (state.activeStep?.status === \"error\") {\n      return state;\n    }\n\n    const steps = resetSteps(state.steps);\n    const flatSteps = flattenSteps(steps);\n\n    if (state.previousStep) {\n      const activeStepIndex = state.activeStepIndex - 1;\n      const activeStep = flatSteps[activeStepIndex];\n      const previousStep = flatSteps[activeStepIndex - 1] || null;\n      const nextStep = flatSteps[activeStepIndex + 1] || null;\n\n      if (activeStep) {\n        activeStep.stage = \"active\";\n      }\n\n      return {\n        steps: autoStageSteps(steps),\n        flatSteps,\n        activeStepIndex,\n        activeStep,\n        previousStep,\n        nextStep,\n        started: true,\n        ended: false,\n      } as StepReducerState;\n    }\n\n    const activeStepIndex = -1;\n    const activeStep = null;\n    const previousStep = null;\n    const nextStep = flatSteps.at(0);\n\n    return {\n      steps: assignSteps(steps, \"pending\"),\n      flatSteps,\n      activeStepIndex,\n      activeStep,\n      previousStep,\n      nextStep,\n      ended: false,\n      started: false,\n    } as StepReducerState;\n  }\n\n  if (action.type === \"error\") {\n    if (state.activeStep) {\n      state.activeStep.status = \"error\";\n      return { ...state };\n    }\n  }\n\n  if (action.type === \"warning\") {\n    if (state.activeStep) {\n      state.activeStep.status = \"warning\";\n      return { ...state };\n    }\n  }\n\n  if (action.type === \"clear\") {\n    if (state.activeStep) {\n      state.activeStep.status = undefined;\n      return { ...state };\n    }\n  }\n\n  return state;\n}\n"],"names":["activeStepIndex","activeStep","previousStep","nextStep"],"mappings":"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"}

package/dist-es/stepped-tracker/useStepReducer.js

@@ -0,0 +1,14 @@
+import { useMemo, useReducer } from 'react';
+import stepReducer from './stepReducer.js';
+import { initStepReducerState } from './utils.js';
+
+function useStepReducer(initialSteps, options) {
+  const state = useMemo(
+    () => initStepReducerState(initialSteps, options),
+    [initialSteps, options]
+  );
+  return useReducer(stepReducer, state);
+}
+
+export { useStepReducer };
+//# sourceMappingURL=useStepReducer.js.map

package/dist-es/stepped-tracker/useStepReducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStepReducer.js","sources":["../src/stepped-tracker/useStepReducer.ts"],"sourcesContent":["import { useMemo, useReducer } from \"react\";\n\nimport stepReducer from \"./stepReducer\";\nimport { initStepReducerState } from \"./utils\";\n\nimport type { StepRecord } from \"./Step.types\";\nimport type { StepReducerOptions } from \"./stepReducer.types\";\n\nexport function useStepReducer(\n  initialSteps: StepRecord[],\n  options?: StepReducerOptions,\n) {\n  const state = useMemo(\n    () => initStepReducerState(initialSteps, options),\n    [initialSteps, options],\n  );\n\n  return useReducer(stepReducer, state);\n}\n"],"names":[],"mappings":";;;;AAQgB,SAAA,cAAA,CACd,cACA,OACA,EAAA;AACA,EAAA,MAAM,KAAQ,GAAA,OAAA;AAAA,IACZ,MAAM,oBAAqB,CAAA,YAAA,EAAc,OAAO,CAAA;AAAA,IAChD,CAAC,cAAc,OAAO;AAAA,GACxB;AAEA,EAAO,OAAA,UAAA,CAAW,aAAa,KAAK,CAAA;AACtC;;;;"}

package/dist-es/stepped-tracker/utils.js

@@ -0,0 +1,80 @@
+function assignSteps(steps, stage) {
+  return steps.map((step) => {
+    step.stage = stage;
+    if (step.substeps) {
+      step.substeps = assignSteps(step.substeps, stage);
+    }
+    return step;
+  });
+}
+function resetSteps(steps) {
+  return assignSteps(steps, void 0);
+}
+function autoStageSteps(steps, options) {
+  function autoStageHelper(steps2) {
+    const pivotIndex = steps2.findIndex(
+      (step) => (step == null ? void 0 : step.id) && (options == null ? void 0 : options.activeStepId) && step.id === options.activeStepId || step.stage === "active" || step.stage === "inprogress"
+    );
+    if (pivotIndex !== -1) {
+      const activeStep = steps2[pivotIndex];
+      activeStep.stage ||= "active";
+      const previousSteps = assignSteps(
+        steps2.slice(0, pivotIndex),
+        "completed"
+      );
+      const nextSteps = assignSteps(steps2.slice(pivotIndex + 1), "pending");
+      return [...previousSteps, activeStep, ...nextSteps];
+    }
+    return steps2.reduce(
+      (acc, step, index) => {
+        if (step.substeps) {
+          const substeps = autoStageHelper(step.substeps);
+          if (substeps) {
+            steps2[index].substeps = substeps;
+            steps2[index].stage = "inprogress";
+            return autoStageHelper(steps2);
+          }
+        }
+        return acc;
+      },
+      null
+    );
+  }
+  return autoStageHelper(steps) || assignSteps(steps, steps[0].stage || "pending");
+}
+function flattenSteps(steps) {
+  return steps.reduce((acc, step) => {
+    if (step.substeps) {
+      acc.push(...flattenSteps(step.substeps));
+      return acc;
+    }
+    acc.push(step);
+    return acc;
+  }, []);
+}
+function initStepReducerState(initialSteps, options) {
+  const steps = autoStageSteps(initialSteps, options);
+  const flatSteps = flattenSteps(steps);
+  const started = !flatSteps.every((step) => step.stage === "pending");
+  const ended = flatSteps.every((step) => step.stage === "completed");
+  let activeStepIndex = flatSteps.findIndex((step) => step.stage === "active");
+  if (activeStepIndex === -1 && ended) {
+    activeStepIndex = flatSteps.length;
+  }
+  const activeStep = flatSteps[activeStepIndex] || null;
+  const previousStep = flatSteps[activeStepIndex - 1] || null;
+  const nextStep = flatSteps[activeStepIndex + 1] || null;
+  return {
+    steps,
+    flatSteps,
+    activeStep,
+    previousStep,
+    nextStep,
+    activeStepIndex,
+    ended,
+    started
+  };
+}
+
+export { assignSteps, autoStageSteps, flattenSteps, initStepReducerState, resetSteps };
+//# sourceMappingURL=utils.js.map

package/dist-es/stepped-tracker/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../src/stepped-tracker/utils.ts"],"sourcesContent":["import type { StepRecord, StepStage } from \"./Step.types\";\nimport type { StepReducerOptions, StepReducerState } from \"./stepReducer.types\";\n\nexport function assignSteps(\n  steps: StepRecord[],\n  stage?: StepStage,\n): StepRecord[] {\n  return steps.map((step) => {\n    step.stage = stage;\n    if (step.substeps) {\n      step.substeps = assignSteps(step.substeps, stage);\n    }\n\n    return step;\n  });\n}\n\nexport function resetSteps(steps: StepRecord[]): StepRecord[] {\n  return assignSteps(steps, undefined);\n}\n\nexport function autoStageSteps(\n  steps: StepRecord[],\n  options?: StepReducerOptions,\n): StepRecord[] {\n  function autoStageHelper(steps: StepRecord[]): StepRecord[] | null {\n    const pivotIndex = steps.findIndex(\n      (step) =>\n        (step?.id &&\n          options?.activeStepId &&\n          step.id === options.activeStepId) ||\n        step.stage === \"active\" ||\n        step.stage === \"inprogress\",\n    );\n\n    if (pivotIndex !== -1) {\n      const activeStep = steps[pivotIndex];\n\n      activeStep.stage ||= \"active\";\n\n      const previousSteps = assignSteps(\n        steps.slice(0, pivotIndex),\n        \"completed\",\n      );\n      const nextSteps = assignSteps(steps.slice(pivotIndex + 1), \"pending\");\n\n      return [...previousSteps, activeStep, ...nextSteps] as StepRecord[];\n    }\n\n    return steps.reduce(\n      (acc, step, index) => {\n        if (step.substeps) {\n          const substeps = autoStageHelper(step.substeps);\n\n          if (substeps) {\n            steps[index].substeps = substeps;\n            steps[index].stage = \"inprogress\";\n\n            return autoStageHelper(steps);\n          }\n        }\n\n        return acc;\n      },\n      null as StepRecord[] | null,\n    );\n  }\n\n  return (\n    autoStageHelper(steps) || assignSteps(steps, steps[0].stage || \"pending\")\n  );\n}\n\nexport function flattenSteps(steps: StepRecord[]): StepRecord[] {\n  return steps.reduce((acc, step) => {\n    if (step.substeps) {\n      acc.push(...flattenSteps(step.substeps));\n\n      return acc;\n    }\n\n    acc.push(step);\n\n    return acc;\n  }, [] as StepRecord[]);\n}\n\nexport function initStepReducerState(\n  initialSteps: StepRecord[],\n  options?: StepReducerOptions,\n) {\n  const steps = autoStageSteps(initialSteps, options);\n  const flatSteps = flattenSteps(steps);\n  const started = !flatSteps.every((step) => step.stage === \"pending\");\n  const ended = flatSteps.every((step) => step.stage === \"completed\");\n\n  let activeStepIndex = flatSteps.findIndex((step) => step.stage === \"active\");\n\n  if (activeStepIndex === -1 && ended) {\n    activeStepIndex = flatSteps.length;\n  }\n\n  const activeStep = flatSteps[activeStepIndex] || null;\n  const previousStep = flatSteps[activeStepIndex - 1] || null;\n  const nextStep = flatSteps[activeStepIndex + 1] || null;\n\n  return {\n    steps,\n    flatSteps,\n    activeStep,\n    previousStep,\n    nextStep,\n    activeStepIndex,\n    ended,\n    started,\n  } as StepReducerState;\n}\n"],"names":["steps"],"mappings":"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"}

package/dist-types/date-picker/DatePicker.d.ts

@@ -39,4 +39,4 @@ export interface DatePickerRangeProps<TDate extends DateFrameworkType> extends D
  */
 export declare type DatePickerProps<TDate extends DateFrameworkType> = DatePickerSingleProps<TDate> | DatePickerRangeProps<TDate>;
 export declare const DatePickerMain: import("react").ForwardRefExoticComponent<DatePickerProps<any> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const DatePicker: import("react").ForwardRefExoticComponent<DatePickerProps<Date | import("dayjs").Dayjs | import("luxon").DateTime<boolean> | import("moment").Moment> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DatePicker: import("react").ForwardRefExoticComponent<DatePickerProps<unknown> & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/date-picker/DatePickerActions.d.ts

@@ -66,7 +66,7 @@ export declare const DatePickerActions: import("react").ForwardRefExoticComponen
      * @param _event - The synthetic event.
      * @param date - The selected date range or null.
      */
-    onApply?: ((_event: SyntheticEvent, date: DateRangeSelection<Date | import("dayjs").Dayjs | import("luxon").DateTime<boolean> | import("moment").Moment> | null) => void) | undefined;
+    onApply?: ((_event: SyntheticEvent, date: DateRangeSelection<unknown> | null) => void) | undefined;
 }) | (DatePickerActionsBaseProps & {
     /**
      * The selection variant, set to "single".
@@ -77,5 +77,5 @@ export declare const DatePickerActions: import("react").ForwardRefExoticComponen
      * @param _event - The synthetic event.
      * @param date - The selected single date or null.
      */
-    onApply?: ((_event: SyntheticEvent, date: Date | import("dayjs").Dayjs | import("luxon").DateTime<boolean> | import("moment").Moment | null) => void) | undefined;
+    onApply?: ((_event: SyntheticEvent, date: unknown) => void) | undefined;
 })) & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/date-picker/DatePickerOverlayProvider.d.ts

@@ -71,6 +71,10 @@ interface DatePickerOverlayProviderProps {
      * The content to be rendered inside the overlay provider.
      */
     children: ReactNode;
+    /**
+     * When true, shouldn't open the overlay.
+     */
+    readOnly?: boolean;
 }
 export declare const DatePickerOverlayProvider: React.FC<DatePickerOverlayProviderProps>;
 export declare const useDatePickerOverlay: () => DatePickerOverlayContextType;

package/dist-types/date-picker/DatePickerRangeInput.d.ts

@@ -14,4 +14,4 @@ export interface DatePickerRangeInputProps<TDate extends DateFrameworkType> exte
     validate?: (date: DateRangeSelection<TDate> | null, details: DateInputRangeDetails) => DateInputRangeDetails;
 }
 export declare function defaultRangeValidator<TDate extends DateFrameworkType>(dateAdapter: SaltDateAdapter<TDate>, date: DateRangeSelection<TDate> | null, details: DateInputRangeDetails, minDate: TDate | undefined, maxDate: TDate | undefined): DateInputRangeDetails;
-export declare const DatePickerRangeInput: import("react").ForwardRefExoticComponent<DatePickerRangeInputProps<Date | import("dayjs").Dayjs | import("luxon").DateTime<boolean> | import("moment").Moment> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DatePickerRangeInput: import("react").ForwardRefExoticComponent<DatePickerRangeInputProps<unknown> & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/date-picker/DatePickerRangePanel.d.ts

@@ -77,4 +77,4 @@ export interface DatePickerRangePanelProps<TDate extends DateFrameworkType> exte
      */
     EndCalendarDataGridProps?: CalendarGridProps<TDate>;
 }
-export declare const DatePickerRangePanel: import("react").ForwardRefExoticComponent<DatePickerRangePanelProps<Date | import("dayjs").Dayjs | import("luxon").DateTime<boolean> | import("moment").Moment> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DatePickerRangePanel: import("react").ForwardRefExoticComponent<DatePickerRangePanelProps<unknown> & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/date-picker/DatePickerSinglePanel.d.ts

@@ -47,4 +47,4 @@ export interface DatePickerSinglePanelProps<TDate extends DateFrameworkType> ext
      */
     CalendarDataGridProps?: CalendarGridProps<TDate>;
 }
-export declare const DatePickerSinglePanel: import("react").ForwardRefExoticComponent<DatePickerSinglePanelProps<Date | import("dayjs").Dayjs | import("luxon").DateTime<boolean> | import("moment").Moment> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DatePickerSinglePanel: import("react").ForwardRefExoticComponent<DatePickerSinglePanelProps<unknown> & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/index.d.ts

@@ -36,7 +36,6 @@ export * from "./portal";
 export * from "./query-input";
 export * from "./responsive";
 export * from "./search-input";
-export * from "./skip-link";
 export * from "./slider";
 export * from "./static-list";
 export * from "./stepped-tracker";

package/dist-types/localization-provider/LocalizationProvider.d.ts

@@ -45,7 +45,7 @@ export declare type LocalizationProviderContext<TDate extends DateFrameworkType>
     [K in keyof LocalizationProviderValue<TDate>]: LocalizationProviderValue<TDate>[K] | null;
 };
 export declare const LocalizationProviderContext: import("react").Context<LocalizationProviderValue<any> | null>;
-export declare const LocalizationProvider: <TDate extends Date | import("dayjs").Dayjs | import("luxon").DateTime<boolean> | import("moment").Moment, TLocale>(props: LocalizationProviderProps<TDate, TLocale>) => import("react/jsx-runtime").JSX.Element;
+export declare const LocalizationProvider: <TDate extends unknown, TLocale>(props: LocalizationProviderProps<TDate, TLocale>) => import("react/jsx-runtime").JSX.Element;
 /**
  * Custom hook to access the localization context.
  *
@@ -59,4 +59,4 @@ export declare const LocalizationProvider: <TDate extends Date | import("dayjs")
  *
  * @throws Will throw an error if the hook is used outside of a `LocalizationProviderContext.Provider`.
  */
-export declare const useLocalization: <TDate extends Date | import("dayjs").Dayjs | import("luxon").DateTime<boolean> | import("moment").Moment>() => LocalizationProviderValue<TDate>;
+export declare const useLocalization: <TDate extends unknown>() => LocalizationProviderValue<TDate>;

package/dist-types/stepped-tracker/Step.Connector.d.ts

@@ -0,0 +1 @@
+export declare function StepConnector(): import("react/jsx-runtime").JSX.Element;

package/dist-types/stepped-tracker/Step.Description.d.ts

@@ -0,0 +1,4 @@
+import { type TextProps } from "@salt-ds/core";
+export interface StepDescriptionProps extends TextProps<"div"> {
+}
+export declare function StepDescription({ id, className, styleAs, ...props }: StepDescriptionProps): import("react/jsx-runtime").JSX.Element;

package/dist-types/stepped-tracker/Step.ExpandTrigger.d.ts

@@ -0,0 +1,5 @@
+import { type ButtonProps } from "@salt-ds/core";
+export interface StepExpandTriggerProps extends ButtonProps {
+    expanded: boolean;
+}
+export declare function StepExpandTrigger({ id, expanded, className, ...props }: StepExpandTriggerProps): import("react/jsx-runtime").JSX.Element;

package/dist-types/stepped-tracker/Step.Icon.d.ts

@@ -0,0 +1,8 @@
+import type { IconProps } from "@salt-ds/icons";
+import type { StepStage, StepStatus } from "./Step.types";
+export interface StepIconProps extends IconProps {
+    stage: StepStage;
+    status?: StepStatus;
+    sizeMultiplier?: IconProps["size"];
+}
+export declare function StepIcon({ status, stage, size, sizeMultiplier, className, ...props }: StepIconProps): import("react/jsx-runtime").JSX.Element;

package/dist-types/stepped-tracker/Step.Label.d.ts

@@ -0,0 +1,4 @@
+import { type TextProps } from "@salt-ds/core";
+export interface StepLabelProps extends TextProps<"div"> {
+}
+export declare function StepLabel({ id, className, styleAs, children, ...props }: StepLabelProps): import("react/jsx-runtime").JSX.Element;

package/dist-types/stepped-tracker/Step.SROnly.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentPropsWithoutRef, ReactNode } from "react";
+export interface StepSROnlyProps extends ComponentPropsWithoutRef<"div"> {
+    children?: ReactNode;
+}
+export declare function StepSROnly({ children, ...props }: StepSROnlyProps): import("react/jsx-runtime").JSX.Element;

package/dist-types/stepped-tracker/Step.d.ts

@@ -0,0 +1,2 @@
+import type { StepProps } from "./Step.types";
+export declare function Step({ id: idProp, label, description, status, stage, expanded: expandedProp, defaultExpanded, onToggle, className, style, substeps, children, ...props }: StepProps): import("react/jsx-runtime").JSX.Element;

package/dist-types/stepped-tracker/Step.types.d.ts

@@ -0,0 +1,21 @@
+import type { ButtonProps } from "@salt-ds/core";
+import type { ComponentPropsWithoutRef, ReactNode } from "react";
+export interface StepProps extends Omit<ComponentPropsWithoutRef<"li">, "onToggle"> {
+    label?: ReactNode;
+    description?: ReactNode;
+    status?: StepStatus;
+    stage?: StepStage;
+    expanded?: boolean;
+    defaultExpanded?: boolean;
+    onToggle?: ButtonProps["onClick"];
+    substeps?: StepRecord[];
+    children?: ReactNode;
+}
+export declare type StepRecord = (Omit<StepProps, "children"> & {
+    id: string;
+}) | (Omit<StepProps, "children"> & {
+    key: string;
+});
+export declare type StepStatus = "warning" | "error";
+export declare type StepStage = "pending" | "locked" | "completed" | "inprogress" | "active";
+export declare type StepDepth = number;

package/dist-types/stepped-tracker/SteppedTracker.Provider.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from "react";
+import type { SteppedTrackerOrientation } from "./SteppedTracker.types";
+export declare const DepthContext: import("react").Context<number>;
+export declare const OrientationContext: import("react").Context<SteppedTrackerOrientation>;
+export interface SteppedTrackerProviderProps {
+    orientation: SteppedTrackerOrientation;
+    children: ReactNode;
+}
+export declare function SteppedTrackerProvider({ orientation: orientationProp, children, }: SteppedTrackerProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist-types/stepped-tracker/SteppedTracker.d.ts

@@ -1,16 +1,2 @@
-import { type ComponentPropsWithoutRef, type ReactNode } from "react";
-export interface SteppedTrackerProps extends ComponentPropsWithoutRef<"ul"> {
-    /**
-     * The index of the current activeStep
-     */
-    activeStep: number;
-    /**
-     * Should be one or more TrackerStep components
-     */
-    children: ReactNode;
-    /**
-     * The orientation of the SteppedTracker. Defaults to `horizontal`
-     */
-    orientation?: "horizontal" | "vertical";
-}
-export declare const SteppedTracker: import("react").ForwardRefExoticComponent<SteppedTrackerProps & import("react").RefAttributes<HTMLUListElement>>;
+import type { SteppedTrackerProps } from "./SteppedTracker.types";
+export declare const SteppedTracker: import("react").ForwardRefExoticComponent<Omit<SteppedTrackerProps, "ref"> & import("react").RefAttributes<HTMLOListElement>>;

package/dist-types/stepped-tracker/SteppedTracker.types.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentProps, ReactNode } from "react";
+export interface SteppedTrackerProps extends ComponentProps<"ol"> {
+    orientation?: SteppedTrackerOrientation;
+    children: ReactNode;
+}
+export declare type SteppedTrackerOrientation = "horizontal" | "vertical";

package/dist-types/stepped-tracker/index.d.ts

@@ -1,3 +1,6 @@
 export * from "./SteppedTracker";
-export * from "./TrackerStep";
-export * from "./StepLabel";
+export * from "./SteppedTracker.types";
+export * from "./Step";
+export * from "./Step.types";
+export * from "./useStepReducer";
+export * from "./stepReducer.types";

package/dist-types/stepped-tracker/stepReducer.d.ts

@@ -0,0 +1,2 @@
+import type { StepReducerAction, StepReducerState } from "./stepReducer.types";
+export default function stepReducer(state: StepReducerState, action: StepReducerAction): StepReducerState;

package/dist-types/stepped-tracker/stepReducer.types.d.ts

@@ -0,0 +1,25 @@
+import type { StepRecord } from ".";
+export interface StepReducerState {
+    steps: StepRecord[];
+    flatSteps: StepRecord[];
+    activeStep: StepRecord | null;
+    previousStep: StepRecord | null;
+    nextStep: StepRecord | null;
+    activeStepIndex: number;
+    started: boolean;
+    ended: boolean;
+}
+export declare type StepReducerAction = {
+    type: "next";
+} | {
+    type: "previous";
+} | {
+    type: "error";
+} | {
+    type: "warning";
+} | {
+    type: "clear";
+};
+export interface StepReducerOptions {
+    activeStepId?: string;
+}

package/dist-types/stepped-tracker/useStepReducer.d.ts

@@ -0,0 +1,3 @@
+import type { StepRecord } from "./Step.types";
+import type { StepReducerOptions } from "./stepReducer.types";
+export declare function useStepReducer(initialSteps: StepRecord[], options?: StepReducerOptions): [import("./stepReducer.types").StepReducerState, import("react").Dispatch<import("./stepReducer.types").StepReducerAction>];

package/dist-types/stepped-tracker/utils.d.ts

@@ -0,0 +1,7 @@
+import type { StepRecord, StepStage } from "./Step.types";
+import type { StepReducerOptions, StepReducerState } from "./stepReducer.types";
+export declare function assignSteps(steps: StepRecord[], stage?: StepStage): StepRecord[];
+export declare function resetSteps(steps: StepRecord[]): StepRecord[];
+export declare function autoStageSteps(steps: StepRecord[], options?: StepReducerOptions): StepRecord[];
+export declare function flattenSteps(steps: StepRecord[]): StepRecord[];
+export declare function initStepReducerState(initialSteps: StepRecord[], options?: StepReducerOptions): StepReducerState;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salt-ds/lab",
-  "version": "1.0.0-alpha.57",
+  "version": "1.0.0-alpha.59",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -9,12 +9,21 @@
   },
   "bugs": "https://github.com/jpmorganchase/salt-ds/issues",
   "main": "dist-cjs/index.js",
-  "sideEffects": false,
+  "files": [
+    "css",
+    "dist-cjs",
+    "dist-es",
+    "dist-types",
+    "CHANGELOG.md"
+  ],
+  "sideEffects": [
+    "*.css"
+  ],
   "dependencies": {
-    "@floating-ui/react": "^0.26.5",
-    "@salt-ds/core": "^1.37.3",
-    "@salt-ds/date-adapters": "0.1.0-alpha.1",
-    "@salt-ds/icons": "^1.13.0",
+    "@floating-ui/react": "^0.26.28",
+    "@salt-ds/core": "^1.39.0",
+    "@salt-ds/date-adapters": "0.1.0-alpha.2",
+    "@salt-ds/icons": "^1.13.1",
     "@salt-ds/styles": "0.2.1",
     "@salt-ds/window": "0.1.1",
     "@types/react-window": "^1.8.2",
@@ -57,13 +66,6 @@
     "build": "yarn node ../../scripts/build.mjs",
     "bundle:css": "yarn node ./scripts/build.mjs"
   },
-  "files": [
-    "css",
-    "dist-cjs",
-    "dist-es",
-    "dist-types",
-    "CHANGELOG.md"
-  ],
   "module": "dist-es/index.js",
   "typings": "dist-types/index.d.ts"
 }

package/dist-cjs/skip-link/SkipLink.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = "/* CSS Variables for the Skip Link */\n.saltSkipLink {\n  --skipLink-padding: var(--saltSkipLink-padding, var(--salt-size-unit));\n  --skipLink-margin: var(--saltSkipLink-margin, var(--salt-size-unit));\n  --skipLink-background: var(--saltSkipLink-background, var(--salt-actionable-primary-background));\n  --skipLink-color: var(--saltSkipLink-color, var(--salt-content-primary-foreground));\n}\n\n/* Overrides */\n.saltSkipLink {\n  --saltLink-color-focus: var(--skipLink-color);\n}\n\n.saltSkipLink-target {\n  --skipLink-target-focus: var(--salt-focused-outline);\n}\n\n/*Styles applied when the link is focused to hide the Skip Link when not in focus*/\n.saltSkipLink {\n  top: 0;\n  left: 0;\n  width: 1px;\n  height: 1px;\n  display: block;\n  opacity: 0;\n  overflow: hidden;\n  position: absolute;\n}\n\n/* Styles applied when the link is focused to display the Skip Link only when in focus*/\n.saltSkipLink:focus {\n  opacity: 1;\n  width: auto;\n  height: auto;\n  white-space: nowrap;\n  margin: var(--skipLink-margin);\n  padding: calc(var(--skipLink-padding) - 1px) var(--skipLink-padding) var(--skipLink-padding);\n  background: var(--skipLink-background);\n  color: var(--skipLink-color);\n  box-shadow: var(--salt-overlayable-shadow-popout);\n}\n\n.saltSkipLink {\n  font-size: var(--salt-text-fontSize);\n  font-family: var(--saltSkipLink-fontFamily, var(--salt-text-fontFamily));\n  line-height: var(--saltSkipLink-lineHeight, var(--salt-text-lineHeight));\n}\n\n/*Styles applied to the skip link focus target*/\n.saltSkipLink-target {\n  outline: var(--skipLink-target-focus);\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=SkipLink.css.js.map

package/dist-cjs/skip-link/SkipLink.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SkipLink.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist-cjs/skip-link/SkipLink.js

@@ -1,36 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var clsx = require('clsx');
-var react = require('react');
-var useManageFocusOnTarget = require('./internal/useManageFocusOnTarget.js');
-var SkipLink$1 = require('./SkipLink.css.js');
-
-const withBaseName = core.makePrefixer("saltSkipLink");
-const SkipLink = react.forwardRef(
-  function SkipLink2({ className, targetRef, ...rest }, ref) {
-    const targetWindow = window.useWindow();
-    styles.useComponentCssInjection({
-      testId: "salt-skip-link",
-      css: SkipLink$1,
-      window: targetWindow
-    });
-    const targetClass = clsx.clsx(withBaseName("target"), className);
-    const eventHandlers = useManageFocusOnTarget.useManageFocusOnTarget({ targetRef, targetClass });
-    return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
-      core.Link,
-      {
-        ...eventHandlers,
-        ...rest,
-        className: clsx.clsx(withBaseName(), className),
-        ref
-      }
-    ) });
-  }
-);
-
-exports.SkipLink = SkipLink;
-//# sourceMappingURL=SkipLink.js.map

package/dist-cjs/skip-link/SkipLink.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SkipLink.js","sources":["../src/skip-link/SkipLink.tsx"],"sourcesContent":["import { Link, type LinkProps, makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type RefObject, forwardRef } from \"react\";\nimport { useManageFocusOnTarget } from \"./internal/useManageFocusOnTarget\";\n\nimport skipLinkCss from \"./SkipLink.css\";\n\ninterface SkipLinkProps extends LinkProps {\n  /**\n   * This is a ref that has access to the target element.\n   *\n   * This will be used to apply focus to that element\n   *\n   * Refs are referentially stable so if this changes it won't be picked up\n   * will need to find a better way of passing in the target element to apply the attributes\n   */\n  targetRef?: RefObject<HTMLElement>;\n}\n\nconst withBaseName = makePrefixer(\"saltSkipLink\");\n\nexport const SkipLink = forwardRef<HTMLAnchorElement, SkipLinkProps>(\n  function SkipLink({ className, targetRef, ...rest }, ref) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-skip-link\",\n      css: skipLinkCss,\n      window: targetWindow,\n    });\n\n    const targetClass = clsx(withBaseName(\"target\"), className);\n\n    const eventHandlers = useManageFocusOnTarget({ targetRef, targetClass });\n\n    return (\n      <li>\n        <Link\n          {...eventHandlers}\n          {...rest}\n          className={clsx(withBaseName(), className)}\n          ref={ref}\n        />\n      </li>\n    );\n  },\n);\n"],"names":["makePrefixer","forwardRef","SkipLink","useWindow","useComponentCssInjection","skipLinkCss","clsx","useManageFocusOnTarget","jsx","Link"],"mappings":";;;;;;;;;;;AAqBA,MAAM,YAAA,GAAeA,kBAAa,cAAc,CAAA;AAEzC,MAAM,QAAW,GAAAC,gBAAA;AAAA,EACtB,SAASC,UAAS,EAAE,SAAA,EAAW,WAAW,GAAG,IAAA,IAAQ,GAAK,EAAA;AACxD,IAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,gBAAA;AAAA,MACR,GAAK,EAAAC,UAAA;AAAA,MACL,MAAQ,EAAA;AAAA,KACT,CAAA;AAED,IAAA,MAAM,WAAc,GAAAC,SAAA,CAAK,YAAa,CAAA,QAAQ,GAAG,SAAS,CAAA;AAE1D,IAAA,MAAM,aAAgB,GAAAC,6CAAA,CAAuB,EAAE,SAAA,EAAW,aAAa,CAAA;AAEvE,IAAA,sCACG,IACC,EAAA,EAAA,QAAA,kBAAAC,cAAA;AAAA,MAACC,SAAA;AAAA,MAAA;AAAA,QACE,GAAG,aAAA;AAAA,QACH,GAAG,IAAA;AAAA,QACJ,SAAW,EAAAH,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,QACzC;AAAA;AAAA,KAEJ,EAAA,CAAA;AAAA;AAGN;;;;"}

package/dist-cjs/skip-link/SkipLinks.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".saltSkipLinks {\n  position: relative;\n  float: left;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=SkipLinks.css.js.map

package/dist-cjs/skip-link/SkipLinks.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SkipLinks.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist-cjs/skip-link/SkipLinks.js

@@ -1,24 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var clsx = require('clsx');
-var react = require('react');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var SkipLinks$1 = require('./SkipLinks.css.js');
-
-const withBaseName = core.makePrefixer("saltSkipLinks");
-const SkipLinks = react.forwardRef(function SkipLinks2(props, ref) {
-  const { className, children, ...restProps } = props;
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "salt-skip-links",
-    css: SkipLinks$1,
-    window: targetWindow
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx("ul", { ...restProps, className: clsx.clsx(withBaseName(), className), ref, children });
-});
-
-exports.SkipLinks = SkipLinks;
-//# sourceMappingURL=SkipLinks.js.map