Function createTimezoneBuddyStore

apps/web/modules/timezone-buddy/store.ts:39–92

(initProps?: Partial<TimezoneBuddyProps>)

 * from the props passed in to the component.
 */
export const createTimezoneBuddyStore = (initProps?: Partial<TimezoneBuddyProps>) => {
  const DEFAULT_PROPS: TimezoneBuddyProps = {
    timeMode: "24h",
    browsingDate: new Date(),
    x: 0,
    y: 0,
    height: 0,
  };

  return createStore<TimezoneBuddyState>()((set, get) => ({
    ...DEFAULT_PROPS,
    ...initProps,
    addToDate: (amount?: number) => {
      const date = get().browsingDate;
      date.setDate(date.getDate() + (amount || 1));
      set({ browsingDate: date });
    },
    subtractFromDate: (amount?: number) => {
      const date = get().browsingDate;
      date.setDate(date.getDate() - (amount || 1));
      set({ browsingDate: date });
    },
    setBrowseDate: (date: Date) => {
      set({ browsingDate: date });
    },
    setContainerRef: (ref: React.RefObject<HTMLElement>) => {
      set({ containerRef: ref });
    },
    emitCellPosition: (x: number) => {
      const container = get().containerRef?.current;
      if (x < 0) {
        // If x is less than 0, we are outside the container
        set({ isHover: false });
      } else if (container) {
        const containerRect = container.getBoundingClientRect();
        set({ x: x - containerRect.left, isHover: true });
      }
    },
    updateDimensions: () => {
      const container = get().containerRef?.current;
      let x = get().x;
      if (container) {
        const containerRect = container.getBoundingClientRect();
        const timeDials = container.querySelectorAll("[data-time-dial]>div");
        const height =
          timeDials[timeDials.length - 1]?.getBoundingClientRect().bottom -
          timeDials[0]?.getBoundingClientRect().top;
        const y = timeDials[0]?.getBoundingClientRect().top - containerRect.top;
        x = x ? x : timeDials[0]?.getBoundingClientRect().left - containerRect.left;
        set({ height, y, x });
      }
    },
  }));
};

export const TBContext = createContext<TimezoneBuddyStore | null>(null);