@clubmed/trident-ui 1.0.1-beta.2 → 1.0.1-beta.4

package/molecules/Tabs/context/TabControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabControl.js","sources":["../../../../lib/molecules/Tabs/context/TabControl.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Dispatch,\n  Reducer,\n  createContext,\n  useCallback,\n  useMemo,\n  useReducer,\n  type FunctionComponent,\n  type PropsWithChildren,\n  type RefObject,\n} from 'react';\n\ntype TabsAction =\n  | {\n      type: 'update';\n      payload: number;\n    }\n  | {\n      type: 'next';\n    }\n  | {\n      type: 'previous';\n    }\n  | {\n      type: 'start';\n    }\n  | {\n      type: 'end';\n    };\n\ninterface ClampConfig {\n  min: number;\n  max: number;\n}\n\nconst getClamp = (config: ClampConfig) => {\n  const min = Math.max(Math.min(config.min, config.max), 0);\n  const max = Math.max(Math.min(config.max, Infinity), min);\n\n  return {\n    min,\n    max,\n    clamp: (value: number) => Math.max(Math.min(value, max), min),\n  };\n};\n\ninterface InitConfig extends ClampConfig {\n  value: number;\n}\n\nconst initialize = (config: InitConfig): number => {\n  const { clamp } = getClamp(config);\n\n  return clamp(config.value);\n};\n\ntype ReducerFactory = (config: ClampConfig) => Reducer<number, TabsAction>;\nconst tabSelectReducer: ReducerFactory = (config) => {\n  const { min, max, clamp } = getClamp(config);\n\n  return (state, action) => {\n    switch (action.type) {\n      case 'update':\n        return clamp(action.payload);\n      case 'next':\n        return state + 1 <= max ? state + 1 : min;\n      case 'previous':\n        return state - 1 >= min ? state - 1 : max;\n      case 'start':\n        return min;\n      case 'end':\n        return max;\n    }\n  };\n};\n\ntype ControlAction<T extends HTMLElement = HTMLElement> =\n  | {\n      type: 'register';\n      payload: { value: number; ref: RefObject<T> };\n    }\n  | {\n      type: 'unregister';\n      payload: { value: number };\n    };\n\nconst controlReducer = <T extends HTMLElement = HTMLElement>(\n  state: Map<number, RefObject<T>>,\n  action: ControlAction<T>,\n) => {\n  switch (action.type) {\n    case 'register':\n      return new Map(state.set(action.payload.value, action.payload.ref));\n    case 'unregister':\n      state.delete(action.payload.value);\n\n      return new Map(state);\n  }\n};\n\ninterface ActiveTab {\n  value: number;\n}\n\nexport const ActiveTabContext = createContext<ActiveTab>({ value: 0 });\nActiveTabContext.displayName = 'ActiveTabContext';\n\ninterface TabRefs<T extends HTMLElement = HTMLElement> {\n  refs: Map<number, RefObject<T>>;\n}\n\nexport const TabRefsContext = createContext<TabRefs>({\n  refs: new Map(),\n});\nTabRefsContext.displayName = 'TabRefsContext';\n\ninterface TabControl<T extends HTMLElement = HTMLElement> {\n  dispatch: Dispatch<TabsAction>;\n  register: (\n    value: Extract<ControlAction<T>, { type: 'register' }>['payload']['value'],\n    ref: Extract<ControlAction<T>, { type: 'register' }>['payload']['ref'],\n  ) => void;\n  unregister: (value: number) => void;\n}\n\nexport const TabControlContext = createContext<TabControl>({\n  dispatch: () => {\n    console.warn('Tab Controller Context dispatch used outside of Provider');\n  },\n  register: () => {\n    console.warn('Tab Controller Context register used outside of Provider');\n  },\n  unregister: () => {\n    console.warn('Tab Controller Context unregister used outside of Provider');\n  },\n});\nTabControlContext.displayName = 'TabControlContext';\n\ninterface ProviderProps {\n  selected?: number;\n  min?: number;\n  max: number;\n}\n\nexport const TabsProvider: FunctionComponent<PropsWithChildren<ProviderProps>> = ({\n  min = 0,\n  max,\n  selected = min,\n  children,\n}) => {\n  const [tab, dispatch] = useReducer(\n    tabSelectReducer({ min, max }),\n    { value: selected, min, max },\n    initialize,\n  );\n\n  const [refs, dispatchRefs] = useReducer(controlReducer, new Map());\n\n  const activeValue = useMemo(() => {\n    return { value: tab };\n  }, [tab]);\n\n  const refsValue = useMemo(() => {\n    return { refs };\n  }, [refs]);\n\n  const register = useCallback(\n    <T extends HTMLElement>(\n      value: Extract<ControlAction<T>, { type: 'register' }>['payload']['value'],\n      ref: Extract<ControlAction<T>, { type: 'register' }>['payload']['ref'],\n    ) => {\n      dispatchRefs({ type: 'register', payload: { value, ref } });\n    },\n    [],\n  );\n\n  const unregister = useCallback(\n    (value: Extract<ControlAction, { type: 'unregister' }>['payload']['value']) => {\n      dispatchRefs({ type: 'unregister', payload: { value } });\n    },\n    [],\n  );\n\n  const controlValue = useMemo(() => {\n    return { dispatch, register, unregister };\n  }, [register, unregister]);\n\n  return (\n    <ActiveTabContext.Provider value={activeValue}>\n      <TabRefsContext.Provider value={refsValue}>\n        <TabControlContext.Provider value={controlValue}>{children}</TabControlContext.Provider>\n      </TabRefsContext.Provider>\n    </ActiveTabContext.Provider>\n  );\n};\n"],"names":["getClamp","config","min","max","value","initialize","clamp","tabSelectReducer","state","action","controlReducer","ActiveTabContext","createContext","TabRefsContext","TabControlContext","TabsProvider","selected","children","tab","dispatch","useReducer","refs","dispatchRefs","activeValue","useMemo","refsValue","register","useCallback","ref","unregister","controlValue","jsx"],"mappings":";;;AAqCA,MAAMA,IAAW,CAACC,MAAwB;AAClC,QAAAC,IAAM,KAAK,IAAI,KAAK,IAAID,EAAO,KAAKA,EAAO,GAAG,GAAG,CAAC,GAClDE,IAAM,KAAK,IAAI,KAAK,IAAIF,EAAO,KAAK,KAAQ,GAAGC,CAAG;AAEjD,SAAA;AAAA,IACL,KAAAA;AAAA,IACA,KAAAC;AAAA,IACA,OAAO,CAACC,MAAkB,KAAK,IAAI,KAAK,IAAIA,GAAOD,CAAG,GAAGD,CAAG;AAAA,EAAA;AAEhE,GAMMG,IAAa,CAACJ,MAA+B;AACjD,QAAM,EAAE,OAAAK,EAAA,IAAUN,EAASC,CAAM;AAE1B,SAAAK,EAAML,EAAO,KAAK;AAC3B,GAGMM,IAAmC,CAACN,MAAW;AACnD,QAAM,EAAE,KAAAC,GAAK,KAAAC,GAAK,OAAAG,EAAM,IAAIN,EAASC,CAAM;AAEpC,SAAA,CAACO,GAAOC,MAAW;AACxB,YAAQA,EAAO,MAAM;AAAA,MACnB,KAAK;AACI,eAAAH,EAAMG,EAAO,OAAO;AAAA,MAC7B,KAAK;AACH,eAAOD,IAAQ,KAAKL,IAAMK,IAAQ,IAAIN;AAAA,MACxC,KAAK;AACH,eAAOM,IAAQ,KAAKN,IAAMM,IAAQ,IAAIL;AAAA,MACxC,KAAK;AACI,eAAAD;AAAA,MACT,KAAK;AACI,eAAAC;AAAA,IACX;AAAA,EAAA;AAEJ,GAYMO,IAAiB,CACrBF,GACAC,MACG;AACH,UAAQA,EAAO,MAAM;AAAA,IACnB,KAAK;AACI,aAAA,IAAI,IAAID,EAAM,IAAIC,EAAO,QAAQ,OAAOA,EAAO,QAAQ,GAAG,CAAC;AAAA,IACpE,KAAK;AACG,aAAAD,EAAA,OAAOC,EAAO,QAAQ,KAAK,GAE1B,IAAI,IAAID,CAAK;AAAA,EACxB;AACF,GAMaG,IAAmBC,EAAyB,EAAE,OAAO,GAAG;AACrED,EAAiB,cAAc;AAMxB,MAAME,IAAiBD,EAAuB;AAAA,EACnD,0BAAU,IAAI;AAChB,CAAC;AACDC,EAAe,cAAc;AAWtB,MAAMC,IAAoBF,EAA0B;AAAA,EACzD,UAAU,MAAM;AACd,YAAQ,KAAK,0DAA0D;AAAA,EACzE;AAAA,EACA,UAAU,MAAM;AACd,YAAQ,KAAK,0DAA0D;AAAA,EACzE;AAAA,EACA,YAAY,MAAM;AAChB,YAAQ,KAAK,4DAA4D;AAAA,EAC3E;AACF,CAAC;AACDE,EAAkB,cAAc;AAQzB,MAAMC,IAAoE,CAAC;AAAA,EAChF,KAAAb,IAAM;AAAA,EACN,KAAAC;AAAA,EACA,UAAAa,IAAWd;AAAA,EACX,UAAAe;AACF,MAAM;AACE,QAAA,CAACC,GAAKC,CAAQ,IAAIC;AAAA,IACtBb,EAAiB,EAAE,KAAAL,GAAK,KAAAC,GAAK;AAAA,IAC7B,EAAE,OAAOa,GAAU,KAAAd,GAAK,KAAAC,EAAI;AAAA,IAC5BE;AAAA,EAAA,GAGI,CAACgB,GAAMC,CAAY,IAAIF,EAAWV,GAAgB,oBAAI,KAAK,GAE3Da,IAAcC,EAAQ,OACnB,EAAE,OAAON,MACf,CAACA,CAAG,CAAC,GAEFO,IAAYD,EAAQ,OACjB,EAAE,MAAAH,EAAK,IACb,CAACA,CAAI,CAAC,GAEHK,IAAWC;AAAA,IACf,CACEvB,GACAwB,MACG;AACU,MAAAN,EAAA,EAAE,MAAM,YAAY,SAAS,EAAE,OAAAlB,GAAO,KAAAwB,KAAO;AAAA,IAC5D;AAAA,IACA,CAAC;AAAA,EAAA,GAGGC,IAAaF;AAAA,IACjB,CAACvB,MAA8E;AAC7E,MAAAkB,EAAa,EAAE,MAAM,cAAc,SAAS,EAAE,OAAAlB,KAAS;AAAA,IACzD;AAAA,IACA,CAAC;AAAA,EAAA,GAGG0B,IAAeN,EAAQ,OACpB,EAAE,UAAAL,GAAU,UAAAO,GAAU,YAAAG,MAC5B,CAACH,GAAUG,CAAU,CAAC;AAGvB,SAAA,gBAAAE,EAACpB,EAAiB,UAAjB,EAA0B,OAAOY,GAChC,UAAA,gBAAAQ,EAAClB,EAAe,UAAf,EAAwB,OAAOY,GAC9B,UAAA,gBAAAM,EAACjB,EAAkB,UAAlB,EAA2B,OAAOgB,GAAe,UAAAb,EAAA,CAAS,EAC7D,CAAA,EACF,CAAA;AAEJ;"}

package/molecules/Tabs/hooks/tabControl.js

@@ -28,3 +28,4 @@ export {
   p as useTabControl,
   f as useTabDispatch
 };
+//# sourceMappingURL=tabControl.js.map

package/molecules/Tabs/hooks/tabControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabControl.js","sources":["../../../../lib/molecules/Tabs/hooks/tabControl.ts"],"sourcesContent":["import { useContext, useEffect, type RefObject } from 'react';\nimport { ActiveTabContext, TabRefsContext, TabControlContext } from '../context/TabControl';\n\nexport const useActiveTab = () => {\n  const { value } = useContext(ActiveTabContext);\n\n  return value;\n};\n\nexport const useTabDispatch = () => {\n  const { dispatch } = useContext(TabControlContext);\n\n  return dispatch;\n};\n\ninterface Props<T extends HTMLElement> {\n  value: number;\n  ref: RefObject<T>;\n}\n\nexport const useRegisterTabControl = <T extends HTMLElement>({ value, ref }: Props<T>) => {\n  const { dispatch, register, unregister } = useContext(TabControlContext);\n\n  useEffect(() => {\n    if (ref.current == null) {\n      return;\n    }\n\n    register(value, ref);\n\n    return () => {\n      unregister(value);\n    };\n  }, [value, ref, register, unregister]);\n\n  return dispatch;\n};\n\nexport const useTabControl = () => {\n  const { refs } = useContext(TabRefsContext);\n\n  return refs;\n};\n\nexport const useActiveTabControl = () => {\n  const { value } = useContext(ActiveTabContext);\n  const { refs } = useContext(TabRefsContext);\n\n  return [value, refs.get(value)] as const;\n};\n"],"names":["useActiveTab","value","useContext","ActiveTabContext","useTabDispatch","dispatch","TabControlContext","useRegisterTabControl","ref","register","unregister","useEffect","useTabControl","refs","TabRefsContext","useActiveTabControl"],"mappings":";;AAGO,MAAMA,IAAe,MAAM;AAChC,QAAM,EAAE,OAAAC,EAAA,IAAUC,EAAWC,CAAgB;AAEtC,SAAAF;AACT,GAEaG,IAAiB,MAAM;AAClC,QAAM,EAAE,UAAAC,EAAA,IAAaH,EAAWI,CAAiB;AAE1C,SAAAD;AACT,GAOaE,IAAwB,CAAwB,EAAE,OAAAN,GAAO,KAAAO,QAAoB;AACxF,QAAM,EAAE,UAAAH,GAAU,UAAAI,GAAU,YAAAC,EAAW,IAAIR,EAAWI,CAAiB;AAEvE,SAAAK,EAAU,MAAM;AACV,QAAAH,EAAI,WAAW;AAInB,aAAAC,EAASR,GAAOO,CAAG,GAEZ,MAAM;AACX,QAAAE,EAAWT,CAAK;AAAA,MAAA;AAAA,KAEjB,CAACA,GAAOO,GAAKC,GAAUC,CAAU,CAAC,GAE9BL;AACT,GAEaO,IAAgB,MAAM;AACjC,QAAM,EAAE,MAAAC,EAAA,IAASX,EAAWY,CAAc;AAEnC,SAAAD;AACT,GAEaE,IAAsB,MAAM;AACvC,QAAM,EAAE,OAAAd,EAAA,IAAUC,EAAWC,CAAgB,GACvC,EAAE,MAAAU,EAAA,IAASX,EAAWY,CAAc;AAE1C,SAAO,CAACb,GAAOY,EAAK,IAAIZ,CAAK,CAAC;AAChC;"}

package/molecules/Tabs/index.js

@@ -10,3 +10,4 @@ export {
   s as TabsHeading,
   x as TabsPanel
 };
+//# sourceMappingURL=index.js.map

package/molecules/Tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/molecules/Tabs/theme.js

@@ -21,3 +21,4 @@ const t = {
 export {
   o as getTheme
 };
+//# sourceMappingURL=theme.js.map

package/molecules/Tabs/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sources":["../../../lib/molecules/Tabs/theme.ts"],"sourcesContent":["export type Theme = 'yellow' | 'black';\n\nconst THEMES = {\n  YELLOW: {\n    bgColor: `bg-saffron`,\n    textColor: 'text-black',\n    textColorActive: 'text-black',\n  },\n  BLACK: {\n    bgColor: `bg-black`,\n    textColor: 'text-black',\n    textColorActive: 'text-white',\n  },\n} as const;\n\nexport const getTheme = (theme: Theme) => {\n  switch (theme) {\n    case 'black':\n      return THEMES.BLACK;\n    case 'yellow':\n    default:\n      return THEMES.YELLOW;\n  }\n};\n"],"names":["THEMES","getTheme","theme"],"mappings":"AAEA,MAAMA,IAAS;AAAA,EACb,QAAQ;AAAA,IACN,SAAS;AAAA,IACT,WAAW;AAAA,IACX,iBAAiB;AAAA,EACnB;AAAA,EACA,OAAO;AAAA,IACL,SAAS;AAAA,IACT,WAAW;AAAA,IACX,iBAAiB;AAAA,EACnB;AACF,GAEaC,IAAW,CAACC,MAAiB;AACxC,UAAQA,GAAO;AAAA,IACb,KAAK;AACH,aAAOF,EAAO;AAAA,IAChB,KAAK;AAAA,IACL;AACE,aAAOA,EAAO;AAAA,EAClB;AACF;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clubmed/trident-ui",
-  "version": "1.0.1-beta.2",
+  "version": "1.0.1-beta.4",
   "type": "module",
   "description": "Shared ClubMed React UI components",
   "keywords": [

package/react-spring_web.modern-BPtZcx1z.js

@@ -21973,3 +21973,4 @@ export {
   NO as d,
   yM as u
 };
+//# sourceMappingURL=react-spring_web.modern-BPtZcx1z.js.map