@jasperoosthoek/react-toolbox 0.8.0 → 0.9.0

package/dist/components/forms/CreateEditModal.d.ts

@@ -1,41 +0,0 @@
-import React, { ReactElement } from 'react';
-import { FormComponentProps, FormSelectProps, FormOnChange, FormValue } from './FormFields';
-export type FormField = {
-    initialValue?: any;
-    type?: 'string' | 'number';
-    required?: boolean;
-    formProps?: any;
-    component?: (props: FormComponentProps | FormSelectProps) => ReactElement;
-    onChange?: FormOnChange;
-    label?: ReactElement | string;
-};
-export type IncludeData<T> = {
-    [key in Exclude<string, keyof T>]: any;
-};
-export type InitialState<T> = Partial<{
-    [key in keyof T]: FormValue;
-}>;
-export type FormFields = {
-    [key: string]: FormField;
-};
-export type OnSave<T, K> = (state: ({
-    [key in keyof T]: FormValue;
-}), callback: () => void) => void;
-export type Validate = (state: any) => any;
-export type ModalTitle = ReactElement | string;
-export type Width = 25 | 50 | 75 | 100;
-export type CreateEditModalProps<T extends FormFields, K extends IncludeData<T>> = {
-    initialState: InitialState<T> | K;
-    includeData?: K;
-    formFields: T;
-    show?: boolean;
-    onSave: OnSave<T, K>;
-    onHide: () => void;
-    validate?: Validate;
-    modalTitle?: ModalTitle;
-    loading?: boolean;
-    dialogClassName?: string;
-    width?: Width;
-};
-export declare const CreateEditModal: <T extends FormFields, K extends IncludeData<T>>({ initialState, formFields, includeData, show, onSave, onHide, validate, modalTitle, loading, dialogClassName, width, ...restProps }: CreateEditModalProps<T, K>) => React.JSX.Element;
-export declare const DisabledFormField: ({ value }: any) => React.JSX.Element;

package/dist/components/forms/CreateEditModalProvider.d.ts

@@ -1,41 +0,0 @@
-import React, { ReactNode } from 'react';
-import { FormFields, IncludeData, InitialState, OnSave, Validate, ModalTitle, Width } from './CreateEditModal';
-import { FormValue } from './FormFields';
-import { ButtonProps } from '../buttons/IconButtons';
-export type ShowCreateModal = (show?: boolean) => void;
-export type ShowEditModal<T, K> = (state: {
-    [key in keyof T]: FormValue;
-} & K) => void;
-export type ShowCreateModalButton = ButtonProps;
-export declare const ShowCreateModalButton: ({ onClick, ...props }: ButtonProps) => React.JSX.Element;
-export interface ShowEditModalButtonProps<T, K> extends ButtonProps {
-    state: {
-        [key in keyof T]: FormValue;
-    } & K;
-}
-export declare const ShowEditModalButton: ({ state, onClick, ...props }: ShowEditModalButtonProps<T, K>) => React.JSX.Element;
-type CreateEditModalContextType<T, K> = {
-    showCreateModal: ShowCreateModal;
-    showEditModal: ShowEditModal<T, K>;
-};
-type T = any;
-type K = any;
-export declare const CreateEditModalContext: React.Context<CreateEditModalContextType<any, any>>;
-export declare const useCreateEditModal: () => CreateEditModalContextType<any, any>;
-export type CreateEditModalProviderProps<T extends FormFields, K extends IncludeData<T>> = {
-    initialState: InitialState<T> | K;
-    includeData?: K;
-    formFields: T;
-    onSave?: OnSave<T, K>;
-    onCreate?: OnSave<T, K>;
-    onUpdate?: OnSave<T, K>;
-    validate?: Validate;
-    createModalTitle?: ModalTitle;
-    editModalTitle?: ModalTitle;
-    loading?: boolean;
-    dialogClassName?: string;
-    width?: Width;
-    children: ReactNode;
-};
-export declare const CreateEditModalProvider: React.FC<CreateEditModalProviderProps<T, K>>;
-export {};

package/dist/components/forms/FormFields.test.d.ts

@@ -1,4 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-import '@testing-library/jest-dom/extend-expect';

package/dist/login/Login.d.ts

@@ -1,70 +0,0 @@
-import React, { ReactElement } from 'react';
-import { ThunkAction, ThunkDispatch } from 'redux-thunk';
-import axios, { AxiosInstance } from 'axios';
-export declare const LOGIN_SET_TOKEN = "LOGIN_SET_TOKEN";
-export declare const LOGIN_SET_CURRENT_USER = "LOGIN_SET_CURRENT_USER";
-export declare const LOGIN_UNSET_CURRENT_USER = "LOGIN_UNSET_CURRENT_USER";
-export type LoginActions = {
-    type: 'LOGIN_SET_TOKEN';
-    payload: string;
-} | {
-    type: 'LOGIN_SET_CURRENT_USER';
-    payload: any;
-} | {
-    type: 'LOGIN_UNSET_CURRENT_USER';
-};
-export type AuthState = {
-    isAuthenticated: boolean;
-    user: any | null;
-    token: string;
-};
-type Action = {
-    type: string;
-    [key: string]: any;
-};
-export type LoginFactoryProps = {
-    authenticatedComponent: (props: any) => ReactElement;
-    passwordResetUrl: string;
-    axios: typeof axios | AxiosInstance;
-    onError: (error: any) => void;
-    onLogout?: () => void;
-    loginUrl: string;
-    getUserUrl: string;
-    logoutUrl: string;
-    localStoragePrefix: string;
-};
-export type LoginProps = {
-    label?: string | ReactElement;
-};
-export declare const loginFactory: ({ authenticatedComponent, passwordResetUrl, axios, onError, onLogout, loginUrl, getUserUrl, logoutUrl, localStoragePrefix, }: LoginFactoryProps) => {
-    Login: ({ label }: LoginProps) => React.JSX.Element;
-    useLogin: () => {
-        login: (userData: any, callback?: () => void) => any;
-        getCurrentUser: (args_0?: {
-            callback?: (userData: any) => void;
-        }) => any;
-        setCurrentUser: (user: any) => any;
-        setToken: (token: string) => any;
-        unsetCurrentUser: () => any;
-        logout: () => any;
-    };
-    login: (userData: any, callback?: () => void) => ThunkAction<Promise<void>, any, undefined, LoginActions>;
-    getCurrentUser: ({ callback }?: {
-        callback?: (userData: any) => void;
-    }) => (dispatch: ThunkDispatch<any, undefined, any>) => Promise<void>;
-    setCurrentUser: (user: any) => (dispatch: ThunkDispatch<any, undefined, any>) => void;
-    setToken: (token: string) => (dispatch: ThunkDispatch<any, undefined, any>) => void;
-    unsetCurrentUser: () => (dispatch: ThunkDispatch<any, undefined, any>) => void;
-    logout: () => (dispatch: ThunkDispatch<any, undefined, any>) => Promise<void>;
-    authReducer: {
-        auth: (state: AuthState, action: Action) => {
-            isAuthenticated: boolean;
-            token: any;
-            user: any | null;
-        };
-    };
-    useAuth: () => any;
-    storeState: (state: any, action: Action) => void;
-    retrieveState: () => any;
-};
-export {};

package/src/components/forms/FormFields.test.tsx

@@ -1,107 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-
-import React from 'react';
-import { render, fireEvent } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
-import { FormInput, FormCheckbox, FormSelect, FormDropdown, FormBadgesSelection } from './FormFields';
-
-afterEach(() => {
-  jest.clearAllMocks();
-});
-
-const mockFields = {
-  initialState: {},
-  initialValue: 'myval',
-  state: {},
-  setState: (obj: any) => {},
-  keyName: 'test123',
-  pristine: true,
-}
-
-test('FormInput component handles input correctly', () => {
-  const mockOnChange = jest.fn();
-  const { getByLabelText } = render(
-    <FormInput
-      {...mockFields}
-      label={<>test</>}
-      onChange={mockOnChange}
-    />
-  );
-  const input = getByLabelText('test') as HTMLInputElement;
-
-  fireEvent.change(input, { target: { value: 'new value' } });
-  expect(mockOnChange).toBeCalledWith('new value');
-});
-
-test('FormCheckbox component handles input correctly', () => {
-  const mockOnChange = jest.fn();
-  const { getByRole } = render(
-    <FormCheckbox
-      {...mockFields}
-      label={<>test</>}
-      onChange={mockOnChange}
-    />
-  );
-  const checkbox = getByRole('checkbox') as HTMLInputElement;
-
-  fireEvent.click(checkbox);
-  expect(mockOnChange).toBeCalledWith(true);
-});
-
-test('FormSelect component handles input correctly', () => {
-  const mockOnChange = jest.fn();
-  const list = [
-    {
-      id: '1',
-      name: 'item1',
-      children: 'Item 1',
-    }, 
-    {
-      id: '2',
-      name: 'item2',
-      children: 'Item 2',
-    },
-  ];
-  const { getByText, getByRole } = render(
-    <FormSelect
-      {...mockFields}
-      // @ts-ignore
-      list={list}
-      label={<>test</>}
-      onChange={mockOnChange}
-    />
-  );
-  const select = getByRole('listbox') as HTMLSelectElement;
-
-  fireEvent.change(select, { target: { value: '2' } });
-  
-  // Asserting the onChange callback was not called by the onChange event of the select
-  expect(mockOnChange).not.toBeCalled();
-  const option = getByText('Item 2') as HTMLOptionElement;
-  
-  // Asserting the onChange callback is called by the onClick event of the option
-  fireEvent.click(option);//, { target: { value: '2' } });
-  expect(mockOnChange).toBeCalledWith('2');
-});
-
-// test('FormDropdown component handles input correctly', () => {
-//   const mockOnChange = jest.fn();
-//   const list = [{ id: '1', name: 'item1' }, { id: '2', name: 'item2' }];
-//   const { getByText } = render(<FormDropdown list={list} onChange={mockOnChange} />);
-//   const item = getByText('item1') as HTMLSelectElement;
-
-//   fireEvent.click(item);
-//   expect(mockOnChange).toBeCalledWith('1');
-// });
-
-// test('FormBadgesSelection component handles input correctly', () => {
-//   const mockOnChange = jest.fn();
-//   const list = [{ id: '1', name: 'item1' }, { id: '2', name: 'item2' }];
-//   const { getByText } = render(<FormBadgesSelection list={list} onChange={mockOnChange} />);
-//   const item = getByText('item1') as HTMLSelectElement;
-
-//   fireEvent.click(item);
-//   expect(mockOnChange).toBeCalledWith('1');
-// });