@axinom/mosaic-ui 0.39.1-feat-gs.2 → 0.40.0-rc.0

package/dist/components/FormStation/FormStationContext/FormStationContextProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormStationContextProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/FormStation/FormStationContext/FormStationContextProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAqB,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAMtC,UAAU,+BAA+B,CAAC,OAAO,SAAS,IAAI;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;CAC7D;AAED,eAAO,MAAM,0BAA0B,yJAOnC,WAiEH,CAAC"}

package/dist/components/FormStation/FormStationHeader/FormStationHeader.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { PageHeaderProps } from '../../PageHeader';
-/**
- * Handles showRefresh and cancel buttons based on form states
- */
-export declare const FormStationHeader: React.FC<Omit<PageHeaderProps, 'title'> & {
-    titleProperty?: string;
-    defaultTitle?: string;
-    cancelNavigationUrl?: string;
-    isFormSubmitting?: boolean;
-}>;
-//# sourceMappingURL=FormStationHeader.d.ts.map

package/dist/components/FormStation/FormStationHeader/FormStationHeader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormStationHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/FormStation/FormStationHeader/FormStationHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAGL,eAAe,EAChB,MAAM,kBAAkB,CAAC;AAG1B;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CACtC,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,GAAG;IAC/B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAgEF,CAAC"}

package/dist/components/FormStation/helpers/mergeData.d.ts

@@ -1,7 +0,0 @@
-import { Data } from '../../../types';
-export declare const mergeData: <TValues extends Data>(initialValues: TValues, currentValues: TValues, updatedValues?: Partial<TValues> | undefined) => {
-    newInitialValues: TValues;
-    newCurrentValues: TValues;
-    shouldUpdateCurrentValues: boolean;
-};
-//# sourceMappingURL=mergeData.d.ts.map

package/dist/components/FormStation/helpers/mergeData.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"mergeData.d.ts","sourceRoot":"","sources":["../../../../src/components/FormStation/helpers/mergeData.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAGtC,eAAO,MAAM,SAAS;;;+BAOO,OAAO;CAenC,CAAC"}

package/dist/components/FormStation/helpers/useChangeSets.d.ts

@@ -1,12 +0,0 @@
-export interface ChangeSet<T> {
-    prev: Partial<T>;
-    next: Partial<T>;
-}
-export declare const useChangeSets: <T>(initialValues: T) => {
-    changeSets: ChangeSet<T>[];
-    push: (value: ChangeSet<T>) => number;
-    pop: () => ChangeSet<T> | undefined;
-    clear: () => Partial<T>;
-    getAggregatedChanges: () => T;
-};
-//# sourceMappingURL=useChangeSets.d.ts.map

package/dist/components/FormStation/helpers/useChangeSets.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useChangeSets.d.ts","sourceRoot":"","sources":["../../../../src/components/FormStation/helpers/useChangeSets.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,SAAS,CAAC,CAAC;IAC1B,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;CAClB;AAED,eAAO,MAAM,aAAa;;mCAIO,MAAM;;;;CA0DtC,CAAC"}

package/dist/components/FormStation/helpers/useDataProvider.d.ts

@@ -1,14 +0,0 @@
-import { FormikHelpers } from 'formik';
-import { Dispatch, SetStateAction } from 'react';
-import { Data } from '../../../types';
-import type { InitialFormData, SaveDataFunction, StationErrorStateType } from '../FormStation.models';
-export type FormStationDataProvider = <TValues extends Data, TSubmitResponse>(initialData: InitialFormData<TValues>, saveData: SaveDataFunction<TValues, TSubmitResponse>, currentDataRef: React.MutableRefObject<TValues>) => {
-    onSubmit: (values: TValues, formikHelpers: FormikHelpers<TValues>, initialFormData?: InitialFormData<TValues>) => Promise<TSubmitResponse> | void;
-    stationError?: StationErrorStateType;
-    setStationError: Dispatch<SetStateAction<StationErrorStateType | undefined>>;
-    isFormSubmitting: boolean;
-    lastSubmittedResponse: React.MutableRefObject<TSubmitResponse | undefined>;
-    initialValues: TValues | null | undefined;
-};
-export declare const useDataProvider: FormStationDataProvider;
-//# sourceMappingURL=useDataProvider.d.ts.map

package/dist/components/FormStation/helpers/useDataProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDataProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/FormStation/helpers/useDataProvider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AACvC,OAAO,EACL,QAAQ,EACR,cAAc,EAKf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAItC,OAAO,KAAK,EACV,eAAe,EACf,gBAAgB,EAChB,qBAAqB,EACtB,MAAM,uBAAuB,CAAC;AAG/B,MAAM,MAAM,uBAAuB,GAAG,CAAC,OAAO,SAAS,IAAI,EAAE,eAAe,EAC1E,WAAW,EAAE,eAAe,CAAC,OAAO,CAAC,EACrC,QAAQ,EAAE,gBAAgB,CAAC,OAAO,EAAE,eAAe,CAAC,EACpD,cAAc,EAAE,KAAK,CAAC,gBAAgB,CAAC,OAAO,CAAC,KAC5C;IACH,QAAQ,EAAE,CACR,MAAM,EAAE,OAAO,EACf,aAAa,EAAE,aAAa,CAAC,OAAO,CAAC,EACrC,eAAe,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,KACvC,OAAO,CAAC,eAAe,CAAC,GAAG,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,qBAAqB,CAAC;IACrC,eAAe,EAAE,QAAQ,CAAC,cAAc,CAAC,qBAAqB,GAAG,SAAS,CAAC,CAAC,CAAC;IAC7E,gBAAgB,EAAE,OAAO,CAAC;IAC1B,qBAAqB,EAAE,KAAK,CAAC,gBAAgB,CAAC,eAAe,GAAG,SAAS,CAAC,CAAC;IAC3E,aAAa,EAAE,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;CAC3C,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,uBAkI7B,CAAC"}

package/dist/components/FormStation/helpers/useDebouncedFormikValues.d.ts

@@ -1,7 +0,0 @@
-import { FormikContextType } from 'formik';
-export declare const useDebouncedFormikValues: <TValues>(autosaveDelay?: number) => {
-    debouncedValues: TValues;
-} & import("formik").FormikSharedConfig<{}> & import("formik").FormikState<TValues> & import("formik").FormikHelpers<TValues> & import("formik").FormikHandlers & import("formik").FormikComputedProps<TValues> & import("formik").FormikRegistration & {
-    submitForm: () => Promise<any>;
-} & Pick<import("formik").FormikConfig<TValues>, "validate" | "validationSchema">;
-//# sourceMappingURL=useDebouncedFormikValues.d.ts.map

package/dist/components/FormStation/helpers/useDebouncedFormikValues.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDebouncedFormikValues.d.ts","sourceRoot":"","sources":["../../../../src/components/FormStation/helpers/useDebouncedFormikValues.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAoB,MAAM,QAAQ,CAAC;AAI7D,eAAO,MAAM,wBAAwB,4BACnB,MAAM;;;;iFAgBvB,CAAC"}

package/dist/components/FormStation/helpers/useUndo.d.ts

@@ -1,6 +0,0 @@
-export declare const useUndo: () => {
-    undoOnce: () => void;
-    undoAll: () => void;
-    showUndo: boolean;
-};
-//# sourceMappingURL=useUndo.d.ts.map

package/dist/components/FormStation/helpers/useUndo.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useUndo.d.ts","sourceRoot":"","sources":["../../../../src/components/FormStation/helpers/useUndo.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,OAAO;cACR,MAAM,IAAI;aACX,MAAM,IAAI;cACT,OAAO;CAmClB,CAAC"}

package/dist/components/FormStation/helpers/useValidationError.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useValidationError.d.ts","sourceRoot":"","sources":["../../../../src/components/FormStation/helpers/useValidationError.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAenE;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAChC,YAAY,EAAE,qBAAqB,GAAG,SAAS,EAC/C,eAAe,EAAE,KAAK,CAAC,QAAQ,CAC7B,KAAK,CAAC,cAAc,CAAC,qBAAqB,GAAG,SAAS,CAAC,CACxD,GACA;IACD,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,iBAAiB,EAAE,GAAG,CAAC,OAAO,CAAC;CAChC,CAyBA"}

package/src/components/FormStation/FormContentWrapper/FormContentWrapper.scss

@@ -1,66 +0,0 @@
-@import '../../../styles/common.scss';
-
-// Extend all components, except PageHeader, to the bottom
-// Enable scrolling children
-.children {
-  overflow-y: auto;
-  display: grid;
-  grid-template-columns: 1fr auto;
-
-  overflow: hidden;
-
-  .main {
-    display: grid;
-    grid: 1fr / minmax(740px, 1fr) auto;
-
-    overflow-y: auto;
-    scrollbar-width: thin; //for Firefox only
-
-    .formWrapper {
-      display: grid;
-      grid: 1fr / 1fr;
-
-      &.hasMessage {
-        grid: min-content 1fr / 1fr;
-      }
-    }
-  }
-
-  //Custom scrollbar for Chrome, Safari and Edge
-  ::-webkit-scrollbar {
-    width: var(--scrollbar-size, $scrollbar-size);
-    height: var(--scrollbar-size, $scrollbar-size);
-  }
-  ::-webkit-scrollbar-track {
-    background: var(--scrollbar-track-color, $scrollbar-track-color);
-  }
-
-  ::-webkit-scrollbar-thumb {
-    background: var(--scrollbar-thumb-color, $scrollbar-thumb-color);
-  }
-
-  ::-webkit-scrollbar-thumb:hover {
-    background: var(
-      --scrollbar-thumb-hover-color,
-      $scrollbar-thumb-hover-color
-    );
-  }
-
-  ::-webkit-scrollbar-corner {
-    background: var(--scrollbar-corner-color, $scrollbar-corner-color);
-  }
-
-  .formContainer {
-    padding: 30px;
-  }
-
-  .loadingError {
-    display: grid;
-    grid: 1fr / 1fr;
-  }
-}
-
-.errorMessage {
-  grid-row: 2 / 3;
-  grid-column: 1 / -1;
-}

package/src/components/FormStation/FormContentWrapper/FormContentWrapper.tsx

@@ -1,77 +0,0 @@
-import clsx from 'clsx';
-import { Form } from 'formik';
-import React from 'react';
-import type { Data } from '../../../types';
-import { MessageBar } from '../../MessageBar';
-import type { FormStationProps } from '../FormStation';
-import type { StationErrorStateType } from '../FormStation.models';
-import classes from './FormContentWrapper.scss';
-
-interface FormContentWrapperProps
-  extends Pick<
-    FormStationProps<Data>,
-    'stationMessage' | 'edgeToEdgeContent' | 'infoPanel' | 'initialData'
-  > {
-  stationError?: StationErrorStateType;
-  setStationError: React.Dispatch<
-    React.SetStateAction<StationErrorStateType | undefined>
-  >;
-}
-
-export const FormContentWrapper: React.FC<FormContentWrapperProps> = ({
-  stationMessage,
-  edgeToEdgeContent,
-  infoPanel,
-  initialData,
-  stationError,
-  setStationError,
-  children,
-}) => (
-  <>
-    {stationError && (
-      <div className={classes.errorMessage}>
-        <MessageBar
-          type="error"
-          title={String(stationError.title)}
-          onClose={() => setStationError(undefined)}
-        >
-          {stationError?.body}
-        </MessageBar>
-      </div>
-    )}
-    {initialData.loading ? (
-      // TODO: Loading skeleton of the page
-      <></>
-    ) : initialData.error ||
-      initialData.data === null ||
-      initialData.entityNotFound ? (
-      // Error on loading - we can't show the form
-      <div className={classes.loadingError}></div>
-    ) : (
-      <div className={classes.children}>
-        <div className={classes.main}>
-          <div
-            className={clsx(classes.formWrapper, {
-              [classes.hasMessage]: stationMessage,
-            })}
-          >
-            {stationMessage && <MessageBar {...stationMessage} />}
-            <div
-              className={clsx({
-                [classes.formContainer]: !edgeToEdgeContent,
-              })}
-            >
-              <Form>
-                {children}
-                {/* Adding a invisible text input here to prevent the browser from submitting on "Enter" when there is only a single text input field in the form
-            See: https://www.w3.org/MarkUp/html-spec/html-spec_8.html#SEC8.2 */}
-                <input type="text" style={{ display: 'none' }} />
-              </Form>
-            </div>
-          </div>
-          {infoPanel}
-        </div>
-      </div>
-    )}
-  </>
-);

package/src/components/FormStation/FormStationActions/FormStationActions.tsx

@@ -1,132 +0,0 @@
-import { useFormikContext } from 'formik';
-import React, { PropsWithChildren, useMemo } from 'react';
-import { OptionalObjectSchema } from 'yup/lib/object';
-import { ErrorTypeToStationError } from '../../../utils/ErrorTypeToStationError';
-import { Actions, ActionsProps } from '../../Actions';
-import { isNavigationAction } from '../../Actions/Action/Action';
-import { ErrorType, StationError } from '../../models';
-import { FormActionData, ObjectSchemaDefinition } from '../FormStation.models';
-
-interface FormActionProps<T, Y> extends Omit<ActionsProps, 'actions'> {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  validationSchema?: OptionalObjectSchema<ObjectSchemaDefinition<any>>;
-  actions?: FormActionData<T, Y>[];
-  setStationError: (error: StationError) => void;
-  setValidationError: () => void;
-  submitResponse?: React.MutableRefObject<Y | undefined>;
-  alwaysSubmitBeforeAction?: boolean;
-  className?: string;
-  isFormSubmitting?: boolean;
-}
-
-/**
- * Saves the form before the action is performed.
- */
-export const FormStationActions = <T, Y>(
-  props: PropsWithChildren<FormActionProps<T, Y>>,
-): JSX.Element => {
-  const {
-    actions,
-    validationSchema,
-    setStationError,
-    submitResponse,
-    alwaysSubmitBeforeAction,
-    className = '',
-  } = props;
-  const {
-    submitForm,
-    resetForm,
-    values,
-    validateForm,
-    isValid,
-    dirty,
-    isSubmitting,
-  } = useFormikContext<T>();
-
-  const updatedActions = useMemo(() => {
-    return actions?.map((action) => {
-      const { onActionSelected } = action;
-
-      return isNavigationAction(action)
-        ? action
-        : {
-            ...action,
-            isDisabled: action.isDisabled || isSubmitting,
-            onActionSelected: () => {
-              (async () => {
-                //TODO: Busy indicator (disable form?)
-                if (dirty || alwaysSubmitBeforeAction) {
-                  // We can't rely on 'isValid' alone, since that will only evaluate if the form is touched or 'submitForm' is called.
-                  // On a create station though the from might not be touched but still being invalid.
-                  // Also the validation on submitForm in here will not help, since the value of isValid is already bound to that method and will not change
-                  // anymore while this method executes - even if it changes on the context!
-                  if (
-                    !isValid ||
-                    (await validationSchema?.isValid(values)) === false
-                  ) {
-                    // eslint-disable-next-line no-console
-                    console.log('form invalid, action not performed');
-                    // Making sure that the fields will actually show the validation messages (they won't if the from was not touched yet - e.g. on a create station)
-                    validateForm();
-                    return;
-                  }
-
-                  try {
-                    await submitForm();
-
-                    // Committing the changed values to the form to get the current version as the new "reset" state.
-                    resetForm({ values });
-                  } catch (error) {
-                    // we will abort the action if saving is not successful
-                    // a station error is already set by the "onSubmit"
-                    return;
-                  }
-                }
-
-                try {
-                  const result =
-                    onActionSelected &&
-                    (await onActionSelected({
-                      values,
-                      submitResponse: submitResponse?.current,
-                    }));
-                  if (result !== undefined) {
-                    setStationError(
-                      ErrorTypeToStationError(
-                        result,
-                        'An error occurred when trying to execute the action.',
-                      ),
-                    );
-                  }
-                } catch (error) {
-                  const stationError = ErrorTypeToStationError(
-                    error as ErrorType,
-                    'An error occurred when trying to execute the action.',
-                  );
-                  setStationError(stationError);
-                }
-              })();
-            },
-          };
-    });
-  }, [
-    actions,
-    alwaysSubmitBeforeAction,
-    dirty,
-    isSubmitting,
-    isValid,
-    resetForm,
-    setStationError,
-    submitForm,
-    submitResponse,
-    validateForm,
-    validationSchema,
-    values,
-  ]);
-
-  return (
-    <div className={className}>
-      <Actions actions={updatedActions} />
-    </div>
-  );
-};

package/src/components/FormStation/FormStationContext/FormStationContext.ts

@@ -1,22 +0,0 @@
-import type { FormikValues } from 'formik';
-import React from 'react';
-import { noop } from '../../../helpers/utils';
-import { ChangeSet } from '../helpers/useChangeSets';
-
-export interface FormStationContextType {
-  changeSets: ChangeSet<FormikValues>[];
-  pushChangeSet: (value: never) => void;
-  popChangeSet: () => ChangeSet<FormikValues> | undefined;
-  clearChangeSets: () => FormikValues;
-  lastUndoneValue: React.MutableRefObject<FormikValues>;
-  autosave: boolean;
-}
-
-export const FormStationContext = React.createContext<FormStationContextType>({
-  changeSets: [],
-  pushChangeSet: noop,
-  popChangeSet: () => ({ prev: {}, next: {} }),
-  clearChangeSets: () => ({}),
-  lastUndoneValue: { current: {} },
-  autosave: false,
-});

package/src/components/FormStation/FormStationContext/FormStationContextProvider.tsx

@@ -1,86 +0,0 @@
-import React, { PropsWithChildren, useEffect, useRef } from 'react';
-import { Data } from '../../../types';
-import { getFormDiff } from '../../Utils';
-import { useChangeSets } from '../helpers/useChangeSets';
-import { useDebouncedFormikValues } from '../helpers/useDebouncedFormikValues';
-import { FormStationContext } from './FormStationContext';
-
-interface FormStationContextProviderProps<TValues extends Data> {
-  autosave?: boolean;
-  autosaveDelay?: number;
-  currentValuesRef?: React.MutableRefObject<Partial<TValues>>;
-}
-
-export const FormStationContextProvider = <TValues extends Data>({
-  children,
-  autosave = false,
-  autosaveDelay,
-  currentValuesRef,
-}: PropsWithChildren<
-  FormStationContextProviderProps<TValues>
->): JSX.Element => {
-  const {
-    debouncedValues,
-    initialValues,
-    dirty,
-    isSubmitting,
-    submitForm,
-    isValid,
-    values,
-  } = useDebouncedFormikValues<TValues>(autosaveDelay);
-
-  if (currentValuesRef) {
-    currentValuesRef.current = values;
-  }
-
-  // We use this to track the last value that was undone so we can avoid pushing it to the changeSets
-  const lastUndoneValue = useRef<Partial<TValues>>({});
-
-  const {
-    changeSets,
-    push: pushChangeSet,
-    pop: popChangeSet,
-    clear: clearChangeSets,
-    getAggregatedChanges,
-  } = useChangeSets(initialValues);
-
-  useEffect(() => {
-    if (dirty && !isSubmitting && debouncedValues !== lastUndoneValue.current) {
-      let previousValues = initialValues;
-
-      if (!autosave) {
-        previousValues = getAggregatedChanges();
-      }
-
-      const next = getFormDiff(debouncedValues, previousValues);
-      const prev: Partial<TValues> = {};
-
-      Object.keys(next).forEach((key) => {
-        prev[key as keyof TValues] = previousValues[key];
-      });
-
-      pushChangeSet({ next, prev });
-
-      if (autosave && isValid) {
-        submitForm();
-      }
-    }
-    // This effect should only be run when we have new debounced values. This is done to simplify the logic.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [debouncedValues]);
-
-  return (
-    <FormStationContext.Provider
-      value={{
-        changeSets,
-        pushChangeSet,
-        popChangeSet,
-        clearChangeSets,
-        lastUndoneValue,
-        autosave,
-      }}
-    >
-      {children}
-    </FormStationContext.Provider>
-  );
-};

package/src/components/FormStation/FormStationHeader/FormStationHeader.tsx

@@ -1,85 +0,0 @@
-import { FormikValues, useFormikContext } from 'formik';
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import { IconName } from '../../Icons';
-import {
-  PageHeader,
-  PageHeaderActionType,
-  PageHeaderProps,
-} from '../../PageHeader';
-import { useUndo } from '../helpers/useUndo';
-
-/**
- * Handles showRefresh and cancel buttons based on form states
- */
-export const FormStationHeader: React.FC<
-  Omit<PageHeaderProps, 'title'> & {
-    titleProperty?: string;
-    defaultTitle?: string;
-    cancelNavigationUrl?: string;
-    isFormSubmitting?: boolean;
-  }
-> = ({
-  titleProperty,
-  defaultTitle,
-  subtitle,
-  cancelNavigationUrl,
-  isFormSubmitting,
-}) => {
-  const { values, resetForm } = useFormikContext<FormikValues>();
-
-  const history = useHistory();
-
-  const { undoOnce, undoAll, showUndo } = useUndo();
-
-  const title =
-    titleProperty && values[titleProperty] !== ''
-      ? values[titleProperty]
-      : defaultTitle ?? '';
-
-  return (
-    <PageHeader
-      title={title}
-      subtitle={subtitle}
-      actions={[
-        ...(showUndo
-          ? [
-              {
-                label: 'Undo Once',
-                icon: IconName.Undo,
-                actionType: PageHeaderActionType.Context,
-                onClick: () => {
-                  undoOnce();
-                },
-                disabled: isFormSubmitting,
-              },
-              {
-                label: 'Undo All',
-                icon: IconName.Undo,
-                actionType: PageHeaderActionType.Context,
-                onClick: () => {
-                  undoAll();
-                },
-                disabled: isFormSubmitting,
-              },
-            ]
-          : []),
-        ...(cancelNavigationUrl // add cancel action if applicable
-          ? [
-              {
-                label: 'Cancel',
-                icon: IconName.X,
-                onClick: () => {
-                  resetForm();
-                  // If the form has errors, Navigation needs to be wrapped in a promise or timeout.
-                  Promise.resolve().then(() =>
-                    history.push(cancelNavigationUrl),
-                  );
-                },
-              },
-            ]
-          : []),
-      ]}
-    />
-  );
-};

package/src/components/FormStation/helpers/mergeData.ts

@@ -1,26 +0,0 @@
-import { Data } from '../../../types';
-import { getFormDiff } from '../../Utils';
-
-export const mergeData = <TValues extends Data>(
-  initialValues: TValues,
-  currentValues: TValues,
-  updatedValues?: Partial<TValues>,
-): {
-  newInitialValues: TValues;
-  newCurrentValues: TValues;
-  shouldUpdateCurrentValues: boolean;
-} => {
-  const diff = getFormDiff(initialValues, currentValues);
-
-  return {
-    newInitialValues: {
-      ...initialValues,
-      ...updatedValues,
-    },
-    newCurrentValues: {
-      ...currentValues,
-      ...updatedValues,
-    },
-    shouldUpdateCurrentValues: Object.keys(diff).length > 0,
-  };
-};

package/src/components/FormStation/helpers/useChangeSets.ts

@@ -1,70 +0,0 @@
-import { useCallback, useState } from 'react';
-
-export interface ChangeSet<T> {
-  prev: Partial<T>;
-  next: Partial<T>;
-}
-
-export const useChangeSets = <T>(
-  initialValues: T,
-): {
-  changeSets: ChangeSet<T>[];
-  push: (value: ChangeSet<T>) => number;
-  pop: () => ChangeSet<T> | undefined;
-  clear: () => Partial<T>;
-  getAggregatedChanges: () => T;
-} => {
-  const [changeSets, setChangeSets] = useState<ChangeSet<T>[]>([]);
-
-  const push = useCallback(
-    (value: ChangeSet<T>): number => {
-      setChangeSets((prev) => [...prev, value]);
-      return changeSets.length;
-    },
-    [changeSets],
-  );
-
-  const pop = useCallback((): ChangeSet<T> | undefined => {
-    if (changeSets.length > 0) {
-      const lastChangeSet = changeSets[changeSets.length - 1];
-      setChangeSets((prev) => prev.slice(0, -1));
-      return lastChangeSet;
-    }
-  }, [changeSets]);
-
-  const clear = useCallback((): T => {
-    const allChanges = changeSets
-      .slice()
-      .reverse()
-      .reduce((acc, changeSet) => {
-        return {
-          ...acc,
-          ...changeSet.prev,
-        };
-      }, {} as T);
-
-    setChangeSets([]);
-    return { ...initialValues, ...allChanges };
-  }, [changeSets, initialValues]);
-
-  const getAggregatedChanges = useCallback(
-    (): T => ({
-      ...initialValues,
-      ...changeSets.reduce((acc, changeSet) => {
-        return {
-          ...acc,
-          ...changeSet.next,
-        };
-      }, {} as T),
-    }),
-    [changeSets, initialValues],
-  );
-
-  return {
-    changeSets,
-    push,
-    pop,
-    clear,
-    getAggregatedChanges,
-  };
-};