react-science 6.0.2 → 8.0.0

package/src/components/accordion/AccordionContext.tsx

@@ -1,195 +0,0 @@
-import { Draft, produce } from 'immer';
-import {
-  createContext,
-  ReactNode,
-  useContext,
-  Reducer,
-  useReducer,
-  useMemo,
-  useEffect,
-} from 'react';
-
-interface AccordionItemState {
-  title: string;
-  isOpen: boolean;
-}
-
-type ActionType<Action, Payload = void> = Payload extends void
-  ? { type: Action }
-  : { type: Action; payload: Payload };
-
-export interface AccordionState {
-  items: AccordionItemState[];
-}
-
-type AccordionActions =
-  | ActionType<'TOGGLE', string>
-  | ActionType<'CLEAR', string>
-  | ActionType<'REMOVE_ITEM', string>
-  | ActionType<'CREATE_ITEM', { title: string; isOpen: boolean }>
-  | ActionType<'CHANGE_ITEM', { title: string; isOpen: boolean }>;
-
-type ContextType = [
-  AccordionContext,
-  {
-    clear: (except: string) => void;
-    toggle: (title: string) => void;
-    remove: (title: string) => void;
-    create: (title: string, defaultOpened?: boolean) => AccordionItemState;
-    change: (title: string, isOpen: boolean) => void;
-  },
-];
-
-type AccordionContext = AccordionState;
-
-const accordionContext = createContext<ContextType | null>(null);
-
-const reducer: Reducer<AccordionState, AccordionActions> = produce(
-  (draft, actions): Draft<AccordionState> => {
-    switch (actions.type) {
-      case 'TOGGLE': {
-        const item = getItem(actions.payload, draft.items);
-
-        if (!item) {
-          draft.items.push({ isOpen: true, title: actions.payload });
-          return draft;
-        }
-
-        item.isOpen = !item.isOpen;
-
-        return draft;
-      }
-      case 'CLEAR': {
-        const item = getItem(actions.payload, draft.items);
-
-        if (!item) {
-          draft.items.push({ isOpen: true, title: actions.payload });
-          return draft;
-        }
-
-        for (const element of draft.items) {
-          element.isOpen = element.title === item.title;
-        }
-
-        return draft;
-      }
-      case 'REMOVE_ITEM': {
-        draft.items = draft.items.filter(
-          (element) => element.title !== actions.payload,
-        );
-
-        return draft;
-      }
-      case 'CREATE_ITEM': {
-        draft.items.push(actions.payload);
-        return draft;
-      }
-      case 'CHANGE_ITEM': {
-        const item = getItem(actions.payload.title, draft.items);
-
-        if (item) {
-          item.isOpen = actions.payload.isOpen;
-        }
-
-        return draft;
-      }
-      default: {
-        return draft;
-      }
-    }
-  },
-);
-
-export function useToggleAccordion() {
-  const context = useContext(accordionContext);
-
-  if (!context) {
-    throw new Error('AccordionContext was not found');
-  }
-
-  const [, utils] = context;
-
-  return useMemo(() => {
-    return {
-      open: (title: string) => utils.change(title, true),
-      close: (title: string) => utils.change(title, false),
-    };
-  }, [utils]);
-}
-
-export function useAccordionContext(title: string, defaultOpened?: boolean) {
-  const context = useContext(accordionContext);
-
-  if (!context) {
-    throw new Error('AccordionContext was not found');
-  }
-
-  const [state, utils] = context;
-
-  useEffect(() => {
-    utils.create(title, defaultOpened);
-    return () => utils.remove(title);
-  }, [defaultOpened, title, utils]);
-
-  const item = getItem(title, state.items);
-
-  return useMemo(
-    () => ({
-      item,
-      utils: {
-        clear: () => utils.clear(title),
-        toggle: () => utils.toggle(title),
-        remove: () => utils.remove(title),
-        create: (defaultOpened?: boolean) => utils.create(title, defaultOpened),
-      },
-    }),
-    [item, title, utils],
-  );
-}
-
-export function AccordionProvider(props: { children: ReactNode }) {
-  const [state, dispatch] = useReducer(reducer, {
-    items: [],
-  });
-
-  const utils = useMemo(
-    () => ({
-      change: (title: string, isOpen: boolean) => {
-        return dispatch({
-          type: 'CHANGE_ITEM',
-          payload: { isOpen, title },
-        });
-      },
-      clear: (except: string) => {
-        return dispatch({ type: 'CLEAR', payload: except });
-      },
-      toggle: (title: string) => {
-        return dispatch({ type: 'TOGGLE', payload: title });
-      },
-      remove: (title: string) => {
-        return dispatch({ type: 'REMOVE_ITEM', payload: title });
-      },
-      create: (title: string, defaultOpened?: boolean) => {
-        const item = { title, isOpen: defaultOpened || false };
-        dispatch({ type: 'CREATE_ITEM', payload: item });
-        return item;
-      },
-    }),
-    [dispatch],
-  );
-
-  const value = useMemo<ContextType>(() => {
-    return [{ items: state.items }, utils];
-  }, [state.items, utils]);
-
-  return (
-    <accordionContext.Provider value={value}>
-      {props.children}
-    </accordionContext.Provider>
-  );
-}
-
-function getItem(title: string, items: AccordionItemState[]) {
-  const item = items.find((element) => element.title === title);
-  return item;
-}

package/src/components/color-picker/react-color/common/index.js

@@ -1,6 +0,0 @@
-export { default as Alpha } from './Alpha';
-export { default as CheckBoard } from './CheckBoard';
-export { default as EditableInput } from './EditableInput';
-export { default as Saturation } from './Saturation';
-export { default as Hue } from './Hue';
-export { default as Swatch } from './Swatch';