react-carousel-query/node_modules/@storybook/store/dist/modern/hooks.js

A infinite carousel component made with react that handles the pagination for you.

import { SHARED_STATE_CHANGED, SHARED_STATE_SET } from '@storybook/core-events';
import { addons, HooksContext, applyHooks, useMemo, useCallback, useRef, useState, useReducer, useEffect, useChannel, useStoryContext, useParameter, useArgs, useGlobals } from '@storybook/addons';
export { HooksContext, applyHooks, useMemo, useCallback, useRef, useState, useReducer, useEffect, useChannel, useStoryContext, useParameter, useArgs, useGlobals };
export function useSharedState(sharedId, defaultState) {
  const channel = addons.getChannel();
  const [lastValue] = channel.last(`${SHARED_STATE_CHANGED}-manager-${sharedId}`) || channel.last(`${SHARED_STATE_SET}-manager-${sharedId}`) || [];
  const [state, setState] = useState(lastValue || defaultState);
  const allListeners = useMemo(() => ({
    [`${SHARED_STATE_CHANGED}-manager-${sharedId}`]: s => setState(s),
    [`${SHARED_STATE_SET}-manager-${sharedId}`]: s => setState(s)
  }), [sharedId]);
  const emit = useChannel(allListeners, [sharedId]);
  useEffect(() => {
    // init
    if (defaultState !== undefined && !lastValue) {
      emit(`${SHARED_STATE_SET}-client-${sharedId}`, defaultState);
    }
  }, [sharedId]);
  return [state, s => {
    setState(s);
    emit(`${SHARED_STATE_CHANGED}-client-${sharedId}`, s);
  }];
}
export function useAddonState(addonId, defaultState) {
  return useSharedState(addonId, defaultState);
}