@funcd-dev/ui 0.0.0-bootstrap.0

package/dist/reactive-form/form-builder.d.ts

@@ -0,0 +1,16 @@
+import { ElementType, FunctionComponent } from 'react';
+import { JSONData } from '@/types';
+import { InputType, IReactiveField } from './reactive-fields';
+type FieldMapType<TField extends JSONData, TFormValues extends JSONData = JSONData> = Record<string, ElementType<IReactiveField<TField, TFormValues>>>;
+declare function getField<TField extends JSONData, TFormValues extends JSONData>(field: string): ElementType<IReactiveField<TField, TFormValues>>;
+interface IDefineComponent {
+    name: InputType;
+    component: FunctionComponent<IReactiveField<any>>;
+}
+declare const defineWidget: (params: IDefineComponent) => void;
+declare const _default: {
+    fieldMap: FieldMapType<any, JSONData>;
+    defineWidget: typeof defineWidget;
+    getField: typeof getField;
+};
+export default _default;

package/dist/reactive-form/form-layout/layout-flex.d.ts

@@ -0,0 +1,5 @@
+import { FC, ReactNode } from 'react';
+declare const LayoutFlex: FC<{
+    children?: ReactNode;
+}>;
+export default LayoutFlex;

package/dist/reactive-form/index.d.ts

@@ -0,0 +1,3 @@
+export * from './reactive-fields';
+export * from './form';
+export { default as FormBuilder } from './form-builder';

package/dist/reactive-form/reactive-fields/index.d.ts

@@ -0,0 +1,14 @@
+export * from './reactive-multi-select';
+export * from './reactive-autocomplete';
+export * from './reactive-checkbox';
+export * from './reactive-number-field';
+export * from './reactive-password-field';
+export * from './reactive-radio';
+export * from './reactive-range';
+export * from './reactive-select';
+export * from './reactive-switch';
+export * from './reactive-text-field';
+export * from './reactive-textarea-field';
+export * from './reactive-list';
+export * from './types';
+export * from './utils';

package/dist/reactive-form/reactive-fields/reactive-autocomplete/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ReactiveAutocomplete } from './reactive-autocomplete';
+export * from './types';

package/dist/reactive-form/reactive-fields/reactive-autocomplete/reactive-autocomplete.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { IReactiveField } from '../types';
+import { AutocompleteCustomProps } from './types';
+declare const ReactiveAutocomplete: FC<IReactiveField<AutocompleteCustomProps>>;
+export default ReactiveAutocomplete;

package/dist/reactive-form/reactive-fields/reactive-autocomplete/types.d.ts

@@ -0,0 +1,12 @@
+import { ComboboxData, MantineSize } from '@mantine/core';
+import { ReactNode } from 'react';
+export type AutocompleteCustomProps = {
+    data: ComboboxData;
+    size?: MantineSize;
+    placeholder?: string;
+    limit?: number;
+    maxDropdownHeight?: number;
+    leftSection?: ReactNode;
+    rightSection?: ReactNode;
+    onDropdownOpen?: () => void;
+};

package/dist/reactive-form/reactive-fields/reactive-checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ReactiveCheckbox } from './reactive-checkbox';
+export * from './types';

package/dist/reactive-form/reactive-fields/reactive-checkbox/reactive-checkbox.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { IReactiveField } from '../types';
+import { CheckCustomProps } from './types';
+declare const ReactiveCheckbox: FC<IReactiveField<CheckCustomProps>>;
+export default ReactiveCheckbox;

package/dist/reactive-form/reactive-fields/reactive-checkbox/types.d.ts

@@ -0,0 +1,4 @@
+import { MantineSize } from '@mantine/core';
+export type CheckCustomProps = {
+    size?: MantineSize;
+};

package/dist/reactive-form/reactive-fields/reactive-list/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ReactiveListField } from './reactive-list-field';
+export * from './types';

package/dist/reactive-form/reactive-fields/reactive-list/reactive-list-field.d.ts

@@ -0,0 +1,5 @@
+import { JSONData } from '@/types';
+import { IReactiveField } from '../types';
+import { ListFieldCustomProps } from './types';
+declare const ReactiveListField: <TFormValues extends JSONData>(props: IReactiveField<ListFieldCustomProps<TFormValues>, TFormValues>) => import("react").JSX.Element;
+export default ReactiveListField;

package/dist/reactive-form/reactive-fields/reactive-list/types.d.ts

@@ -0,0 +1,10 @@
+import { IHMColumn } from '@/molecules/table/types';
+import { FieldMeta } from '@/reactive-form/form/types';
+import { MantineSize } from '@mantine/core';
+import { InputType } from '../types';
+import { JSONData } from '@/types';
+export type ListFieldColumnType<TFormValues extends JSONData> = FieldMeta<TFormValues, Exclude<InputType, 'list'>> & Pick<IHMColumn, 'rowRender'>;
+export type ListFieldCustomProps<TFormValues extends JSONData> = {
+    size?: MantineSize;
+    columns: ListFieldColumnType<TFormValues>[];
+};

package/dist/reactive-form/reactive-fields/reactive-multi-select/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ReactiveMultiSelect } from './reactive-multi-select';
+export * from './types';

package/dist/reactive-form/reactive-fields/reactive-multi-select/reactive-multi-select.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { IReactiveField } from '../types';
+import { MultiSelectCustomProps } from './types';
+declare const ReactiveMultiSelect: FC<IReactiveField<MultiSelectCustomProps>>;
+export default ReactiveMultiSelect;

package/dist/reactive-form/reactive-fields/reactive-multi-select/types.d.ts

@@ -0,0 +1,12 @@
+import { ComboboxData, MantineSize } from '@mantine/core';
+import { ReactNode } from 'react';
+export type MultiSelectCustomProps = {
+    data: ComboboxData;
+    size?: MantineSize;
+    placeholder?: string;
+    limit?: number;
+    maxDropdownHeight?: number;
+    leftSection?: ReactNode;
+    rightSection?: ReactNode;
+    onDropdownOpen?: () => void;
+};

package/dist/reactive-form/reactive-fields/reactive-number-field/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ReactiveNumberField } from './number-field';
+export * from './types';

package/dist/reactive-form/reactive-fields/reactive-number-field/number-field.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { IReactiveField } from '../types';
+import { NumberFieldCustomProps } from './types';
+declare const ReactiveNumberField: FC<IReactiveField<NumberFieldCustomProps>>;
+export default ReactiveNumberField;

package/dist/reactive-form/reactive-fields/reactive-number-field/types.d.ts

@@ -0,0 +1,6 @@
+import { MantineSize } from '@mantine/core';
+export type NumberFieldCustomProps = {
+    size?: MantineSize;
+    max?: number;
+    min?: number;
+};

package/dist/reactive-form/reactive-fields/reactive-password-field/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ReactivePasswordField } from './reactive-password-field';
+export * from './types';

package/dist/reactive-form/reactive-fields/reactive-password-field/reactive-password-field.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { IReactiveField } from '../types';
+import { PasswordFieldCustomProps } from './types';
+declare const ReactivePasswordField: FC<IReactiveField<PasswordFieldCustomProps>>;
+export default ReactivePasswordField;

package/dist/reactive-form/reactive-fields/reactive-password-field/types.d.ts

@@ -0,0 +1,11 @@
+import { MantineSize } from '@mantine/core';
+import { FC } from 'react';
+export type PasswordFieldCustomProps = {
+    /** Adds icon on the left side of input */
+    size?: MantineSize;
+    leftSection?: React.ReactNode;
+    rightSection?: React.ReactNode;
+    visibilityToggleIcon?: FC<{
+        reveal: boolean;
+    }>;
+};

package/dist/reactive-form/reactive-fields/reactive-radio/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ReactiveRadio } from './reactive-radio';
+export * from './types';

package/dist/reactive-form/reactive-fields/reactive-radio/reactive-radio.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { IReactiveField } from '../types';
+import { RadioCustomProps } from './types';
+declare const ReactiveRadio: FC<IReactiveField<RadioCustomProps>>;
+export default ReactiveRadio;

package/dist/reactive-form/reactive-fields/reactive-radio/types.d.ts

@@ -0,0 +1,9 @@
+import { MantineSize } from '@mantine/core';
+export type RadioCustomProps = {
+    data: {
+        value: string;
+        label: string;
+    }[];
+    /** Space between label and inputs */
+    size?: MantineSize;
+};

package/dist/reactive-form/reactive-fields/reactive-range/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ReactiveRange } from './reactive-range';
+export * from './types';

package/dist/reactive-form/reactive-fields/reactive-range/reactive-range.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { IReactiveField } from '../types';
+import { RangeCustomProps } from './types';
+declare const ReactiveRange: FC<IReactiveField<RangeCustomProps>>;
+export default ReactiveRange;

package/dist/reactive-form/reactive-fields/reactive-range/types.d.ts

@@ -0,0 +1,18 @@
+import { MantineSize } from '@mantine/core';
+export type RangeCustomProps = {
+    /** Marks which will be placed on the track */
+    marks?: {
+        value: number;
+        label?: React.ReactNode;
+    }[];
+    size?: MantineSize;
+    step?: number;
+    thumbSize?: number;
+    /** Thumb children, can be used to add icon */
+    thumbChildren?: React.ReactNode;
+    max?: number;
+    min?: number;
+    inverted?: boolean;
+    /** A transformation function, to change the scale of the slider */
+    scale?: (value: number) => number;
+};

package/dist/reactive-form/reactive-fields/reactive-select/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ReactiveSelect } from './reactive-select';
+export * from './types';

package/dist/reactive-form/reactive-fields/reactive-select/reactive-select.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { IReactiveField } from '../types';
+import { SelectCustomProps } from './types';
+declare const ReactiveSelect: FC<IReactiveField<SelectCustomProps>>;
+export default ReactiveSelect;

package/dist/reactive-form/reactive-fields/reactive-select/types.d.ts

@@ -0,0 +1,6 @@
+import { ComboboxData, MantineSize } from '@mantine/core';
+export type SelectCustomProps = {
+    data: ComboboxData;
+    size?: MantineSize;
+    onDropdownOpen?: () => void;
+};

package/dist/reactive-form/reactive-fields/reactive-switch/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ReactiveSwitch } from './reactive-switch';
+export * from './types';

package/dist/reactive-form/reactive-fields/reactive-switch/reactive-switch.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { IReactiveField } from '../types';
+import { SwitchCustomProps } from './types';
+declare const ReactiveSwitch: FC<IReactiveField<SwitchCustomProps>>;
+export default ReactiveSwitch;

package/dist/reactive-form/reactive-fields/reactive-switch/types.d.ts

@@ -0,0 +1,4 @@
+import { MantineSize } from '@mantine/core';
+export type SwitchCustomProps = {
+    size?: MantineSize;
+};

package/dist/reactive-form/reactive-fields/reactive-text-field/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ReactiveTextField } from './reactive-text-field';
+export * from './types';

package/dist/reactive-form/reactive-fields/reactive-text-field/reactive-text-field.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { IReactiveField } from '../types';
+import { TextFieldCustomProps } from './types';
+declare const ReactiveTextField: FC<IReactiveField<TextFieldCustomProps>>;
+export default ReactiveTextField;

package/dist/reactive-form/reactive-fields/reactive-text-field/types.d.ts

@@ -0,0 +1,4 @@
+import { MantineSize } from '@mantine/core';
+export type TextFieldCustomProps = {
+    size?: MantineSize;
+};

package/dist/reactive-form/reactive-fields/reactive-textarea-field/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ReactiveTextareaField } from './reactive-textarea-field';
+export * from './types';

package/dist/reactive-form/reactive-fields/reactive-textarea-field/reactive-textarea-field.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { IReactiveField } from '../types';
+import { TextareaFieldCustomProps } from './types';
+declare const ReactiveTextareaField: FC<IReactiveField<TextareaFieldCustomProps>>;
+export default ReactiveTextareaField;

package/dist/reactive-form/reactive-fields/reactive-textarea-field/types.d.ts

@@ -0,0 +1,6 @@
+import { MantineSize } from '@mantine/core';
+export type TextareaFieldCustomProps = {
+    size?: MantineSize;
+    minRows?: number;
+    maxRows?: number;
+};

package/dist/reactive-form/reactive-fields/types/field-custom-meta.d.ts

@@ -0,0 +1,22 @@
+import { JSONData } from '@/types';
+import { ICustomProps } from './field-custom-props';
+import { InputType } from './reactive-field-base';
+type CustomProps<TInputType extends InputType, TFormValues extends JSONData> = {
+    customProps: ICustomProps<TFormValues>[TInputType];
+};
+export type ConditionalProp<TInputType extends InputType, TFormValues extends JSONData = JSONData, IsPartialProps extends boolean = false> = IsPartialProps extends true ? Partial<CustomProps<TInputType, TFormValues>> : CustomProps<TInputType, TFormValues>;
+export interface IConditionalProp<TFormValues extends JSONData> {
+    autocomplete: ConditionalProp<'autocomplete', TFormValues>;
+    text: ConditionalProp<'text', TFormValues, true>;
+    textarea: ConditionalProp<'textarea', TFormValues, true>;
+    password: ConditionalProp<'password', TFormValues, true>;
+    number: ConditionalProp<'number', TFormValues, true>;
+    checkbox: ConditionalProp<'checkbox', TFormValues, true>;
+    switch: ConditionalProp<'switch', TFormValues, true>;
+    select: ConditionalProp<'select', TFormValues, true>;
+    radio: ConditionalProp<'radio', TFormValues>;
+    range: ConditionalProp<'range', TFormValues>;
+    'multi-select': ConditionalProp<'multi-select', TFormValues>;
+    list: ConditionalProp<'list'>;
+}
+export {};

package/dist/reactive-form/reactive-fields/types/field-custom-props.d.ts

@@ -0,0 +1,29 @@
+import { JSONData } from '@/types';
+import { AutocompleteCustomProps } from '../reactive-autocomplete';
+import { CheckCustomProps } from '../reactive-checkbox';
+import { MultiSelectCustomProps } from '../reactive-multi-select';
+import { NumberFieldCustomProps } from '../reactive-number-field';
+import { PasswordFieldCustomProps } from '../reactive-password-field';
+import { RadioCustomProps } from '../reactive-radio';
+import { RangeCustomProps } from '../reactive-range';
+import { SelectCustomProps } from '../reactive-select';
+import { SwitchCustomProps } from '../reactive-switch';
+import { TextFieldCustomProps } from '../reactive-text-field';
+import { CommonProps, InputType } from './reactive-field-base';
+import { ListFieldCustomProps } from '../reactive-list';
+import { TextareaFieldCustomProps } from '../reactive-textarea-field';
+export type CustomPropsType = Record<InputType, any>;
+export interface ICustomProps<TFormValues extends JSONData> {
+    autocomplete: CommonProps<AutocompleteCustomProps, TFormValues>;
+    text: CommonProps<TextFieldCustomProps, TFormValues>;
+    textarea: CommonProps<TextareaFieldCustomProps, TFormValues>;
+    password: CommonProps<PasswordFieldCustomProps, TFormValues>;
+    number: CommonProps<NumberFieldCustomProps, TFormValues>;
+    checkbox: CommonProps<CheckCustomProps, TFormValues>;
+    switch: CommonProps<SwitchCustomProps, TFormValues>;
+    select: CommonProps<SelectCustomProps, TFormValues>;
+    radio: CommonProps<RadioCustomProps, TFormValues>;
+    range: CommonProps<RangeCustomProps, TFormValues>;
+    'multi-select': CommonProps<MultiSelectCustomProps, TFormValues>;
+    list: CommonProps<ListFieldCustomProps<TFormValues>, TFormValues>;
+}

package/dist/reactive-form/reactive-fields/types/field-filter-key.d.ts

@@ -0,0 +1,6 @@
+import { DeepOmitVariableKind, JSONData } from '@/types';
+export interface IFilterKeys<TFormValues extends JSONData> {
+    text: DeepOmitVariableKind<TFormValues, boolean | any[]>;
+    checkbox: DeepOmitVariableKind<TFormValues, number | any[] | string>;
+    switch: DeepOmitVariableKind<TFormValues, number | any[] | string>;
+}

package/dist/reactive-form/reactive-fields/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './reactive-field-base';
+export * from './field-custom-props';
+export * from './field-custom-meta';
+export * from './field-filter-key';

package/dist/reactive-form/reactive-fields/types/reactive-field-base.d.ts

@@ -0,0 +1,35 @@
+import { Ref } from 'react';
+import { RegisterOptions } from 'react-hook-form';
+import { JSONData, Simplify } from '@/types';
+import { FormProps } from '../../../types/form';
+export type InputType = 'text' | 'textarea' | 'number' | 'password' | 'checkbox' | 'switch' | 'select' | 'multi-select' | 'radio' | 'range' | 'autocomplete' | 'list';
+export type FormFieldOption<TFieldValues extends JSONData> = RegisterOptions<TFieldValues>;
+export type ErrorFormType = {
+    type: string;
+    message: string;
+    ref: Ref<HTMLElement>;
+};
+export type ReactiveFieldErrorType = ErrorFormType | Record<string, any>;
+export type ReactiveFieldProps<TFieldProps extends JSONData> = Simplify<{
+    'data-testid': string;
+} & TFieldProps>;
+export interface IReactiveField<TFieldProps extends JSONData, TFormValues extends JSONData = JSONData> {
+    /** Key is used for register, input id and array map key */
+    fieldKey: string;
+    /** label is used for the input displayed name */
+    label: string;
+    /** react-hook-form register's options  */
+    options?: FormFieldOption<TFormValues>;
+    form: FormProps<TFormValues>;
+    customProps: CommonProps<TFieldProps, TFormValues>;
+    error?: ReactiveFieldErrorType;
+}
+export type ReactiveFieldStoryType<TFieldProps extends JSONData, TFormValues extends JSONData = JSONData> = Omit<IReactiveField<TFieldProps, TFormValues>, 'error' | 'form'>;
+export type CommonProps<TFieldProps extends JSONData, TFormValues extends JSONData = JSONData> = {
+    disabled?: boolean;
+    hidden?: boolean;
+    handleChange?: (params: {
+        form: FormProps<TFormValues>;
+        event: any;
+    }) => void;
+} & TFieldProps;

package/dist/reactive-form/reactive-fields/utils/field-error-interceptor.d.ts

@@ -0,0 +1,4 @@
+import { ReactiveFieldErrorType } from '@/reactive-form/reactive-fields/types';
+export declare const getError: (fieldKey: string, errors: ReactiveFieldErrorType) => any;
+export declare const errorsArrayToObject: (errorsArray: ReactiveFieldErrorType[], listKey: string) => Record<string, ReactiveFieldErrorType>;
+export declare const getMantineError: (error: ReactiveFieldErrorType | undefined) => string | boolean;

package/dist/reactive-form/reactive-fields/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './field-error-interceptor';

package/dist/template/create-node-form/create-node-form.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { useCreateNodeForm } from './useCreateNodeForm';
+interface ICreateNodeForm {
+    submitButtonText: string;
+    onSubmit: (formValues: ReturnType<typeof useCreateNodeForm>['formValues'], parameters: ReturnType<typeof useCreateNodeForm>['parameters'], wasmFile: File | null) => void;
+}
+declare const CreateNodeForm: FC<ICreateNodeForm>;
+export default CreateNodeForm;

package/dist/template/create-node-form/index.d.ts

@@ -0,0 +1,3 @@
+export { default as CreateNodeForm } from './create-node-form';
+export type { IParameter } from './parameter-block';
+export * from './useCreateNodeForm';

package/dist/template/create-node-form/parameter-block.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+export interface IParameter {
+    name: string;
+    defaultValue: string;
+    type: string;
+    description: string;
+    required: boolean;
+}
+interface IParameterBlock {
+    index: number;
+    param: IParameter;
+    onUpdate: <K extends keyof IParameter>(index: number, field: K, value: IParameter[K]) => void;
+    onDelete: () => void;
+}
+declare const ParameterBlock: FC<IParameterBlock>;
+export default ParameterBlock;

package/dist/template/create-node-form/useCreateNodeForm.d.ts

@@ -0,0 +1,27 @@
+export interface IFormValues {
+    name: string;
+    label: string;
+    icon: File | Blob | null;
+    color: string;
+    version: string;
+    description: string;
+}
+export interface IParameter {
+    name: string;
+    defaultValue: string;
+    type: string;
+    description: string;
+    required: boolean;
+}
+export declare const initialFormValues: IFormValues;
+export declare const useCreateNodeForm: () => {
+    formValues: IFormValues;
+    updateFormValue: <K extends keyof IFormValues>(field: K, value: IFormValues[K]) => void;
+    parameters: IParameter[];
+    addParameter: () => void;
+    updateParameter: <K extends keyof IParameter>(index: number, field: K, value: IParameter[K]) => void;
+    deleteParameter: (index: number) => void;
+    wasmFile: File | null;
+    setWasmFile: import("react").Dispatch<import("react").SetStateAction<File | null>>;
+    resetForm: () => void;
+};

package/dist/template/index.d.ts

@@ -0,0 +1 @@
+export * from './create-node-form';

package/dist/theme/index.d.ts

@@ -0,0 +1,2 @@
+export { default as HMThemeProvider } from './theme.provider';
+export type { IThemeContext } from './theme.context';

package/dist/theme/theme.context.d.ts

@@ -0,0 +1,10 @@
+export interface IThemeContext {
+}
+/**
+ *  HMR breaks by Vitejs with React context provider
+ * The workaround is to dedicate a seperate file for context and his related provider
+ * @see https://github.com/vitejs/vite/issues/3301#issuecomment-1192661323
+ * work in progress to resolve this vitejs isssue
+ * @see https://github.com/vitejs/vite/issues/3301#issuecomment-1257374648
+ */
+export declare const ThemeContext: import("react").Context<IThemeContext>;

package/dist/theme/theme.provider.d.ts

@@ -0,0 +1,8 @@
+import { FC, ReactNode } from 'react';
+import { IThemeContext } from './theme.context';
+interface IThemeProvider {
+    theme: IThemeContext;
+    children: ReactNode;
+}
+declare const ThemeProvider: FC<IThemeProvider>;
+export default ThemeProvider;

package/dist/types/common.d.ts

@@ -0,0 +1 @@
+export type JSONData = Record<string, any>;

package/dist/types/form.d.ts

@@ -0,0 +1,2 @@
+import type { UseFormReturn } from 'react-hook-form';
+export type FormProps<T extends Record<string, any>> = UseFormReturn<T>;

package/dist/types/index.d.ts

@@ -0,0 +1,5 @@
+export * from './form';
+export * from './nested-props';
+export * from './common';
+export * from './object-utils';
+export * from './path-value';

package/dist/types/nested-props.d.ts

@@ -0,0 +1,60 @@
+/**
+ *  @see https://gist.github.com/staltz/368866ea6b8a167fbdac58cddf79c1bf?permalink_comment_id=3805194#gistcomment-3805194
+ * @see https://dev.to/pffigueiredo/typescript-utility-keyof-nested-object-2pa3
+ * @see https://steveholgado.com/typescript-types-from-arrays/
+ */
+/**
+ *  not implemented yet @see https://github.com/microsoft/TypeScript/issues/34933
+ */
+export type NestedKeyOf<DynamicValue extends object> = {
+    [Key in keyof DynamicValue & (string | number)]: DynamicValue[Key] extends any[] ? `${Key}` : DynamicValue[Key] extends object ? `${Key}.${NestedKeyOf2<DynamicValue[Key]>}` : `${Key}`;
+}[keyof DynamicValue & (string | number)];
+type NestedKeyOf2<DynamicValue extends object> = {
+    [Key in keyof DynamicValue & (string | number)]: DynamicValue[Key] extends any[] ? `${Key}` : DynamicValue[Key] extends object ? `${Key}.${NestedKeyOf3<DynamicValue[Key]>}` : `${Key}`;
+}[keyof DynamicValue & (string | number)];
+type NestedKeyOf3<DynamicValue extends object> = {
+    [Key in keyof DynamicValue & (string | number)]: DynamicValue[Key] extends any[] ? `${Key}` : DynamicValue[Key] extends object ? `${Key}.${NestedKeyOf4<DynamicValue[Key]>}` : `${Key}`;
+}[keyof DynamicValue & (string | number)];
+type NestedKeyOf4<DynamicValue extends object> = {
+    [Key in keyof DynamicValue & (string | number)]: DynamicValue[Key] extends any[] ? `${Key}` : DynamicValue[Key] extends object ? `${Key}.${NestedKeyOf5<DynamicValue[Key]>}` : `${Key}`;
+}[keyof DynamicValue & (string | number)];
+type NestedKeyOf5<DynamicValue extends object> = {
+    [Key in keyof DynamicValue & (string | number)]: `${Key}`;
+}[keyof DynamicValue & (string | number)];
+/** Union of primitives to skip with deep omit utilities. */
+export type Primitive = string | number | boolean | undefined | null;
+/** Variable Kind */
+type VariableKind = string | number | boolean;
+/**
+ *  @see https://gist.github.com/ahuggins-nhs/826906a58e4c1e59306bc0792e7826d1
+ */
+/** Deeply omit members of an array of interface or array of type. */
+export type DeepOmitArray<T extends object[], K> = {
+    [P in keyof T]: DeepOmit<T[P], K>;
+};
+export type DeepOmit<T, K> = T extends Primitive ? T : {
+    [P in Exclude<keyof T, K>]: T[P] extends infer TP ? TP extends Primitive[] ? TP : TP extends object[] ? DeepOmitArray<TP, K> : TP extends Primitive ? TP : DeepOmit<TP, K> : never;
+};
+/**
+ * Omit given variable
+ */
+export type DeepOmitVariableKind<T, U extends VariableKind | Primitive[] | Record<string, any>[] | any[]> = {
+    [P in Exclude<keyof T, GetKeyKind<T, U>>]: T[P] extends infer TP ? TP extends any[] ? TP : TP extends object ? DeepOmitVariableKind<TP, U> : TP : never;
+};
+type GetKeyKind<T, U extends VariableKind | Primitive[] | Record<string, any>[]> = {
+    [K in keyof T]: T[K] extends U ? K : never;
+}[keyof T];
+export type DeepNonNullable<T> = T extends Primitive ? T : {
+    [P in keyof T]: T[P] extends infer TP ? TP extends object ? DeepNonNullable<TP> : NonNullable<TP> : never;
+};
+/**
+ *  Deep remove undefined
+ */
+export type DeepRequired<T> = {
+    [P in keyof T]-?: DeepRequired<T[P]>;
+};
+export type MakeOptional<T, K extends keyof T> = Omit<T, K> & Partial<T>;
+export {};
+/**
+ *  below is a test for NestedKeyOf
+ */