fansunited-management-components 1.50.8 → 1.50.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fansunited-management-components",
-  "version": "1.50.8",
+  "version": "1.50.9",
   "main": "index.es.js",
   "module": "index.es.js",
   "types": "index.d.ts",

package/src/context/ComponentContext.d.ts

@@ -0,0 +1,25 @@
+import { default as React, PropsWithChildren, ReactNode } from 'react';
+import { ComponentsMap } from '../constants/components';
+
+/**
+ * Provides a registry of public Fans United components by name.
+ * Use `useComponentContext()` to resolve components dynamically with preserved types.
+ */
+type ComponentProviderProps = {
+    config?: any;
+    children?: ReactNode;
+};
+/**
+ * React context mapping component names to their React function components.
+ * Uses explicit ComponentsMap interface to preserve individual component types.
+ */
+declare const ComponentContext: React.Context<ComponentsMap | null>;
+/**
+ * Provider that exposes the components registry to descendants with preserved types.
+ * Each component maintains its original prop types and JSDoc documentation.
+ *
+ * @param {{ config?: any; children?: React.ReactNode }} props
+ * @returns {JSX.Element}
+ */
+declare const ComponentProvider: React.FC<ComponentProviderProps & PropsWithChildren>;
+export { ComponentContext, ComponentProvider };

package/src/hooks/useComponentContext.d.ts

@@ -2,14 +2,29 @@ import { ComponentsMap } from '../constants/components';
 
 /**
  * Hook to access the registry of public components provided by ComponentProvider.
- * Preserves individual component types and JSDoc documentation.
+ * Each component maintains its original type information, props, and JSDoc documentation.
  *
- * @returns {ComponentsMap} Registry of components with preserved types and JSDoc
+ * @returns {ComponentsMap} Registry of components with preserved individual types and JSDoc
  * @throws {Error} If used outside of a ComponentProvider.
  *
  * @example
  * ```tsx
  * const { Spinner, Login } = useComponentContext();
+ * // TypeScript will now show:
+ * // - Spinner with proper props (my: number) and JSDoc
+ * // - Login with its specific props and JSDoc
  * ```
  */
 export declare const useComponentContext: () => ComponentsMap;
+/**
+ * Get a specific component with full type safety and JSDoc preservation.
+ *
+ * @example
+ * ```tsx
+ * const components = useComponentContext();
+ * const SpinnerComponent = getTypedComponent(components, 'Spinner');
+ * // SpinnerComponent now has full type info: React.FC<{my: number}>
+ * ```
+ */
+export declare function getTypedComponent<K extends keyof ComponentsMap>(components: ComponentsMap, componentName: K): ComponentsMap[K];
+export declare const useTypedComponentGetter: () => <K extends keyof ComponentsMap>(componentName: K) => ComponentsMap[K];

package/src/index.d.ts

@@ -1,49 +1,5 @@
-export { default as Accordion } from './components/Accordion/Accordion';
-export { default as AdContent } from './components/AdContent/AdContent';
-export { default as BasicSelect } from './components/Select/BasicSelect/BasicSelect';
-export { default as Branding } from './components/Branding/Branding';
-export { default as HeaderButtons } from './components/Buttons/HeaderButtons';
-export { default as CustomFlatpickrCalendar } from './components/Calendars/CustomFlatpickrCalendar';
-export { default as DatePickerComponent } from './components/Calendars/DatePicker';
-export { default as Duration } from './components/Calendars/Duration';
-export { default as RangeCalendar } from './components/Calendars/RangeCalendar';
-export { default as NoPermissionCard } from './components/Cards/NoPermissionCard';
-export { default as Toast } from './components/Common/Toast';
-export { default as DynamicFields } from './components/DynamicFields/DynamicFields';
-export { default as Flags } from './components/Flags/Flags';
-export { default as Images } from './components/Images/Images';
-export { default as InformationInput } from './components/Inputs/InformationInput/InformationInput';
-export { default as Login } from './components/Login/Login';
-export { default as MarketSelection } from './components/MarketSelection/MarketSelection';
-export { default as Match } from './components/Match/Match';
-export { default as Related } from './components/Related/Related';
-export { default as RichText } from './components/RichText/RichText';
-export { default as Schedule } from './components/Schedule/Schedule';
-export { default as CustomSelect } from './components/Select/CustomSelect';
-export { default as CompetitionSearchSelect } from './components/Select/SearchSelect/CompetitionSearchSelect';
-export { default as CompetitionsSearchSelect } from './components/Select/SearchSelect/CompetitionsSearchSelect';
-export { default as ProfileSearchSelect } from './components/Select/SearchSelect/ProfileSearchSelect';
-export { default as TeamsSearchSelect } from './components/Select/SearchSelect/TeamsSearchSelect';
-export { default as Spinner } from './components/Spinner/Spinner';
-export { default as BooleanSwitch } from './components/Switch/BooleanSwitch';
-export { default as Tags } from './components/Winners/Tags/Tags';
-export { default as Winners } from './components/Winners/Winners';
-export { default as ContextSelectFilter } from './components/Select/SearchSelect/ContextSelectFilter';
-export { default as NumberInput } from './components/Inputs/NumberInput/NumberInput';
-export { default as EntityContext } from './components/Context/EntityContext';
-export { default as MiniGamesImages } from './components/Images/MiniGamesImages';
-export { default as AuthRequirement } from './components/AuthRequirement/AuthRequirement';
-export { default as SortableList } from './components/DragAndDrop/SortableList/SortableList';
-export { default as ItemsPerPageFilter } from './components/ItemsPerPageFilter/ItemsPerPageFilter';
-export { default as ImageCard } from './components/Images/ImageCard';
-export { default as RelatedRelationship } from './components/Related/RelatedRelationship/RelatedRelationship';
-export { default as ExportUsersLeads } from './components/Exports/ExportUsersLeads';
-export { default as SignOutButton } from './components/Buttons/SignoutButtton';
-export { default as BasicSortableList } from './components/DragAndDrop/BasicSortableList/BasicSortableList';
-export { default as WidgetEmbedCode } from './components/WidgetEmbedCode/WidgetEmbedCode';
-export { default as WidgetListEmbedCode } from './components/WidgetListEmbedCode/WidgetListEmbedCode';
-export { default as AdvancedProfileSearchSelect } from './components/Select/SearchSelect/AdvancedProfileSearchSelect';
-export { default as FormatNumber } from './components/Utils/FormatNumber';
+import { getTypedComponent } from './hooks/useComponentContext';
+
 declare const _default: {
     APIProvider: import('react').FC<{
         config: any;
@@ -71,6 +27,7 @@ declare const _default: {
         isMobile: boolean;
         isPhone: boolean;
     };
+    getTypedComponent: typeof getTypedComponent;
+    useTypedComponentGetter: () => <K extends keyof import('./constants/components').ComponentsMap>(componentName: K) => import('./constants/components').ComponentsMap[K];
 };
 export default _default;
-export { components, type ComponentsMap } from './constants/components';