gantri-components 2.132.2 → 2.133.0-beta.10

package/dist/components/file-uploader/components/configured-custom-content/configured-custom-content.types.d.ts

@@ -1,6 +1,6 @@
 import { FileUploaderProps } from '../../file-uploader.types';
 import { OptionalValues } from '../../../../types/common';
-export type ConfiguredCustomContentProps = OptionalValues<Pick<FileUploaderProps, 'CustomContent' | 'enableCopyUrl' | 'fileName' | 'fileUrl' | 'isDraggable' | 'isReplaceable' | 'processing' | 'SortableDragHandleWrapper'>> & {
+export type ConfiguredCustomContentProps = OptionalValues<Required<Pick<FileUploaderProps, 'CustomContent' | 'enableCopyUrl' | 'fileName' | 'fileUrl' | 'isDisabled' | 'isDraggable' | 'isReplaceable' | 'processing' | 'SortableDragHandleWrapper'>>> & {
     deleteFile: () => Promise<void>;
     handleOpenFileSelect: () => void;
     isDraggingOver: boolean;

package/dist/components/file-uploader/file-uploader.styles.d.ts

@@ -2,6 +2,6 @@
 import { OptionalValues } from '../../types/common';
 export declare const StyledFileInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, OptionalValues<{
     $fileUrl: string;
-    $isDisabled: boolean;
-    $isThumbnail: boolean;
+    $isDropZone: boolean;
+    disabled: boolean;
 }, undefined>>> & string;

package/dist/components/file-uploader/file-uploader.types.d.ts

@@ -12,16 +12,19 @@ export type FileUploaderProps = {
     fileUrl: string;
     /** This function should delete the record from the database, ***then*** delete the file. */
     handleDeleteFile: HandleDeleteFile;
-    /** Provide this if supporting multiple uploads to prevent multiple calls to update the database. */
-    handleUploadsComplete: HandleUploadsComplete;
     inputName?: string;
     isActive?: boolean;
     isDisabled?: boolean;
+    /** Updates the input to be used as a file drop zone. */
+    isDropZone?: boolean;
     /** Use with variant `'thumbnail'` to always show the uploader view. */
     isUploaderOnly?: boolean;
     onBlur?: FocusEventHandler<HTMLInputElement>;
     onClick?: BoxProps['onClick'];
     onError: OnFileUploaderError;
+    onValidationCompleted?: () => void;
+    onValidationStarted?: () => void;
+    onlyUseCustomValidationFn?: boolean;
     /** Used to show loading indicator for `'thumbnail'` variant. For the `'button'` variant, it can be passed here or as part of `buttonProps`. */
     processing: boolean;
     purifyFileName?: boolean;
@@ -30,6 +33,7 @@ export type FileUploaderProps = {
     transformThumbnailSrc?: TransformThumbnailSrc;
     /** If invalid, return the error message to display. */
     validateFile?: ValidateFile;
+    validateSequentially?: boolean;
     /** The 'link' and 'plain' variants will show the 'button' variant if nothing has been uploaded yet. */
     variant: FileUploaderVariant;
 } & Partial<FileUploaderDefaultProps> & (WithDraggableProps | WithoutDraggableProps) & (WithReplaceableProps | WithoutReplaceableProps) & (ImmediatelyUploadProps | DelayUploadProps) & (WithCustomContent | WithoutCustomContent);
@@ -57,12 +61,13 @@ export interface FileMetaData {
 }
 export interface SelectedFileDetails {
     fileBlob: Blob;
+    fileExtension: string;
     fileName: string;
     fileSize: number;
     metadata: FileMetaData;
 }
 /** If invalid, return the error message to display. */
-export type ValidateFile = (file: SelectedFileDetails) => string | undefined | void;
+export type ValidateFile = (file: SelectedFileDetails) => Promise<string | undefined | void> | string | undefined | void;
 export type HandleFileSelected = (props: SelectedFileDetails) => Promise<any>;
 export type FileUploaderCustomContent = (props: {
     IconCopyUrl: () => JSX.Element;
@@ -73,6 +78,7 @@ export type FileUploaderCustomContent = (props: {
     fileName: string;
     fileUrl: string;
     handleOpenFileSelect: () => void;
+    isDisabled: boolean | undefined;
     isDraggingOver: boolean;
     processing: boolean;
 }) => JSX.Element;
@@ -87,10 +93,14 @@ export type TransformThumbnailSrc = (props: {
 type ImmediatelyUploadProps = {
     handleFileSelected?: never;
     handleUploadFile: HandleUploadFile;
+    /** Use this if supporting multiple uploads to prevent multiple calls to update the database. */
+    handleUploadsComplete: HandleUploadsComplete;
 };
 type DelayUploadProps = {
     handleFileSelected: HandleFileSelected;
     handleUploadFile?: never;
+    /** Use this if supporting multiple uploads to prevent multiple calls to update the database. */
+    handleUploadsComplete?: never;
 };
 type WithDraggableProps = {
     SortableDragHandleWrapper: (props: PropsWithChildren<HTMLAttributes<HTMLElement>>) => JSX.Element;

package/dist/components/file-uploader/helpers/get-valid-files/get-valid-files.types.d.ts

@@ -1,5 +1,5 @@
 import { FileUploaderProps } from '../../file-uploader.types';
 import { OptionalValues } from '../../../../types/common';
-export type GetValidFilesProps = OptionalValues<Pick<FileUploaderProps, 'expectedExtensions' | 'maxFileSizeMB' | 'maxUploadsAllowed' | 'minImageHeight' | 'minImageWidth' | 'onError' | 'transformFileName' | 'validateFile'>> & {
+export type GetValidFilesProps = OptionalValues<Required<Pick<FileUploaderProps, 'expectedExtensions' | 'maxFileSizeMB' | 'maxUploadsAllowed' | 'minImageHeight' | 'minImageWidth' | 'onError' | 'onlyUseCustomValidationFn' | 'transformFileName' | 'validateFile' | 'validateSequentially'>>> & {
     files: File[];
 };

package/dist/components/file-uploader/helpers/index.d.ts

@@ -2,5 +2,6 @@ export * from './get-base-64-from-blob';
 export * from './get-purified-file-name';
 export * from './get-valid-files';
 export * from './transform-file-name';
+export * from './validate-file-extension';
 export * from './validate-file-size';
 export * from './validate-image-dimensions';

package/dist/components/file-uploader/helpers/validate-file-extension/index.d.ts

@@ -0,0 +1 @@
+export * from './validate-file-extension';

package/dist/components/file-uploader/helpers/validate-file-extension/validate-file-extension.d.ts

@@ -0,0 +1,3 @@
+import { ValidateExtensionsProps } from './validate-file-extension.types';
+/** Validates when files are added via drag and drop. */
+export declare const validateExtensions: (props: ValidateExtensionsProps) => string | undefined;

package/dist/components/file-uploader/helpers/validate-file-extension/validate-file-extension.types.d.ts

@@ -0,0 +1,4 @@
+export interface ValidateExtensionsProps {
+    expectedExtensions: string[];
+    fileExtension: string;
+}

package/dist/components/file-uploader/helpers/validate-image-dimensions/validate-image-dimensions.d.ts

@@ -1,3 +1,3 @@
-import { ValidateImageScale } from './validate-image-dimensions.types';
-/** Returns an error message if invalid. */
-export declare const validateImageDimensions: (props: ValidateImageScale) => string | undefined;
+import { ValidateImageDimensionsProps } from './validate-image-dimensions.types';
+/** Returns error message if invalid. */
+export declare const validateImageDimensions: (props: ValidateImageDimensionsProps) => Promise<string | undefined>;

package/dist/components/file-uploader/helpers/validate-image-dimensions/validate-image-dimensions.types.d.ts

@@ -1,6 +1,13 @@
-export type ValidateImageScale = {
+export type ValidateDimensionsProps = {
     fileName: string;
     img: HTMLImageElement;
     minHeight: number;
     minWidth: number;
 };
+export interface ValidateImageDimensionsProps {
+    fileName: string;
+    minHeight: number;
+    minWidth: number;
+    /** If file is a `Blob`, convert to base64 `src` using `getBase64FromBlob`. */
+    src: string;
+}

package/dist/components/file-uploader/hooks/use-drag-and-drop-files/use-drag-and-drop-files.d.ts

@@ -1,8 +1,13 @@
 import { DragEvent } from 'react';
 import { UseDragAndDropFilesProps } from './use-drag-and-drop-files.types';
 export declare const useDragAndDropFiles: (props: UseDragAndDropFilesProps) => {
-    isDraggingOver: boolean;
     onDragEnter: (event: DragEvent<HTMLInputElement>) => void;
     onDragLeave: (event: DragEvent<HTMLInputElement>) => void;
     onDrop: (event: DragEvent<HTMLInputElement>) => Promise<void>;
+    isDraggingOver: boolean;
+} | {
+    onDragEnter?: undefined;
+    onDragLeave?: undefined;
+    onDrop?: undefined;
+    isDraggingOver: boolean;
 };

package/dist/components/file-uploader/hooks/use-drag-and-drop-files/use-drag-and-drop-files.types.d.ts

@@ -1,4 +1,4 @@
-import { FileUploaderProps } from '../../file-uploader.types';
-export type UseDragAndDropFilesProps = Pick<FileUploaderProps, 'variant' | 'fileUrl'> & {
+export interface UseDragAndDropFilesProps {
+    enable: boolean;
     handleSelectedFiles: (files: File[]) => Promise<void>;
-};
+}

package/dist/components/file-uploader/hooks/use-uploader-actions/hooks/use-handle-selected-files/use-handle-selected-files.types.d.ts

@@ -1,7 +1,7 @@
 import { Dispatch, SetStateAction } from 'react';
 import { SelectedFileDetails, FileUploaderProps } from '../../../../file-uploader.types';
 import { OptionalValues } from '../../../../../../types/common';
-export type UseHandleSelectedFilesProps = OptionalValues<Required<Pick<FileUploaderProps, 'expectedExtensions' | 'fileUrl' | 'handleFileSelected' | 'handleUploadsComplete' | 'isUploaderOnly' | 'maxFileSizeMB' | 'maxUploadsAllowed' | 'minImageHeight' | 'minImageWidth' | 'onError' | 'transformFileName' | 'validateFile'>>> & {
+export type UseHandleSelectedFilesProps = OptionalValues<Required<Pick<FileUploaderProps, 'expectedExtensions' | 'fileUrl' | 'handleFileSelected' | 'handleUploadsComplete' | 'isUploaderOnly' | 'maxFileSizeMB' | 'maxUploadsAllowed' | 'minImageHeight' | 'minImageWidth' | 'onError' | 'onValidationCompleted' | 'onValidationStarted' | 'onlyUseCustomValidationFn' | 'transformFileName' | 'validateFile' | 'validateSequentially'>>> & {
     purgeInput: () => void;
     setFileName: Dispatch<SetStateAction<string>>;
     setFileUrl: Dispatch<SetStateAction<string>>;

package/dist/components/file-uploader/hooks/use-uploader-actions/use-uploader-actions.types.d.ts

@@ -1,5 +1,5 @@
 import { FileUploaderProps } from '../../file-uploader.types';
 import { OptionalValues } from '../../../../types/common';
-export type UseUploadActionsProps = OptionalValues<Required<Pick<FileUploaderProps, 'expectedExtensions' | 'fileName' | 'fileUrl' | 'handleDeleteFile' | 'handleFileSelected' | 'handleUploadsComplete' | 'handleUploadFile' | 'isUploaderOnly' | 'maxUploadsAllowed' | 'onError' | 'purifyFileName' | 'transformFileName' | 'validateFile'>>> & Partial<Pick<FileUploaderProps, 'maxFileSizeMB' | 'minImageHeight' | 'minImageWidth'>> & {
+export type UseUploadActionsProps = OptionalValues<Required<Pick<FileUploaderProps, 'expectedExtensions' | 'fileName' | 'fileUrl' | 'handleDeleteFile' | 'handleFileSelected' | 'handleUploadsComplete' | 'handleUploadFile' | 'isUploaderOnly' | 'maxUploadsAllowed' | 'onError' | 'onValidationCompleted' | 'onValidationStarted' | 'onlyUseCustomValidationFn' | 'purifyFileName' | 'transformFileName' | 'validateFile' | 'validateSequentially'>>> & Partial<Pick<FileUploaderProps, 'maxFileSizeMB' | 'minImageHeight' | 'minImageWidth'>> & {
     purgeInput: () => void;
 };

package/dist/components/filter-button/filter-button.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
 import { ButtonSize } from '../button/button.types';
 export interface FilterButtonProps {

package/dist/components/pills/components/pill/pill.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface PillProps {
     icon?: JSX.Element;
     onSelected?: (value: string | number) => void;

package/dist/components/table/components/selectable-row-checkbox-wrapper/selectable-row-checkbox-wrapper.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface SelectableRowCheckboxWrapperProps {
     Component: JSX.Element;
     index: number;

package/dist/components/table/components/table-draggable-row/table-draggable-row.styles.d.ts

@@ -1,4 +1 @@
-export declare const StyledDraggableRowTr: import("styled-components").StyledComponent<"tr", import("styled-components").DefaultTheme, {
-    reorderEnabled: boolean;
-}, never>;
 export declare const StyledDraggableRowWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/table/hooks/use-selectable-table-rows/components/clear-selected-rows/clear-selected-rows.d.ts

@@ -0,0 +1,2 @@
+export declare const dataAttrClearSelected = "data-clear-selected";
+export declare const ClearSelectedRows: () => JSX.Element;

package/dist/components/table/hooks/use-selectable-table-rows/components/clear-selected-rows/clear-selected-rows.styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledPointerFlex: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../../flex/flex.types").FlexProps & import("react").RefAttributes<import("../../../../../flex/flex.types").FlexProps>>, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/table/hooks/use-selectable-table-rows/components/clear-selected-rows/index.d.ts

@@ -0,0 +1 @@
+export * from './clear-selected-rows';

package/dist/components/table/hooks/use-selectable-table-rows/components/selectable-row-cell/index.d.ts

@@ -0,0 +1 @@
+export * from './selectable-row-cell';

package/dist/components/table/hooks/use-selectable-table-rows/components/selectable-row-cell/selectable-row-cell.d.ts

@@ -0,0 +1,4 @@
+import React, { PropsWithChildren } from 'react';
+import { RowData } from '@tanstack/react-table';
+import { SelectableRowCellProps } from './selectable-row-cell.types';
+export declare const SelectableRowCell: <TData extends RowData<import("../../../..").CustomTData>>(props: React.PropsWithChildren<SelectableRowCellProps<TData>>) => JSX.Element;

package/dist/components/table/hooks/use-selectable-table-rows/components/selectable-row-cell/selectable-row-cell.styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledCheckboxCell: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../../cell/cell.types").CellProps & import("react").RefAttributes<import("../../../../../cell/cell.types").CellProps>>, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/table/hooks/use-selectable-table-rows/components/selectable-row-cell/selectable-row-cell.types.d.ts

@@ -0,0 +1,6 @@
+import { Row, RowData, Table } from '@tanstack/react-table';
+export interface SelectableRowCellProps<TData extends RowData> {
+    index: number;
+    row: Row<TData>;
+    table: Table<TData>;
+}

package/dist/components/table/hooks/use-selectable-table-rows/components/selectable-table-row-footer/index.d.ts

@@ -0,0 +1 @@
+export * from './selectable-table-row-footer';

package/dist/components/table/hooks/use-selectable-table-rows/components/selectable-table-row-footer/selectable-table-row-footer.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+import { SelectableRowFooterProps } from './selectable-table-row-footer.types';
+export declare const SelectableRowFooter: (props: PropsWithChildren<SelectableRowFooterProps>) => JSX.Element;

package/dist/components/table/hooks/use-selectable-table-rows/components/selectable-table-row-footer/selectable-table-row-footer.types.d.ts

@@ -0,0 +1,3 @@
+export interface SelectableRowFooterProps {
+    index: number;
+}

package/dist/components/table/hooks/use-selectable-table-rows/components/selectable-table-row-header/index.d.ts

@@ -0,0 +1 @@
+export * from './selectable-table-row-header';

package/dist/components/table/hooks/use-selectable-table-rows/components/selectable-table-row-header/selectable-table-row-header.d.ts

@@ -0,0 +1,4 @@
+import React, { PropsWithChildren } from 'react';
+import { RowData } from '@tanstack/react-table';
+import { SelectableRowHeaderProps } from './selectable-table-row-header.types';
+export declare const SelectableRowHeader: <TData extends RowData<import("../../../..").CustomTData>>(props: React.PropsWithChildren<SelectableRowHeaderProps<TData>>) => JSX.Element;

package/dist/components/table/hooks/use-selectable-table-rows/components/selectable-table-row-header/selectable-table-row-header.types.d.ts

@@ -0,0 +1,5 @@
+import { RowData, Table } from '@tanstack/react-table';
+export interface SelectableRowHeaderProps<TData extends RowData> {
+    index: number;
+    table: Table<TData>;
+}

package/dist/components/table/hooks/use-selectable-table-rows/helpers/get-row-range/get-row-range.d.ts

@@ -0,0 +1,3 @@
+import { Row, RowData } from '@tanstack/react-table';
+import { GetRowRangeProps } from './get-row-range.types';
+export declare const getRowRange: <TData extends RowData<import("../../../..").CustomTData>>(props: GetRowRangeProps<TData>) => Row<TData>[];

package/dist/components/table/hooks/use-selectable-table-rows/helpers/get-row-range/get-row-range.types.d.ts

@@ -0,0 +1,6 @@
+import { Row, RowData } from '@tanstack/react-table';
+export interface GetRowRangeProps<TData extends RowData> {
+    currentIndex: number;
+    prevIndex: number;
+    rows: Row<TData>[];
+}

package/dist/components/table/hooks/use-selectable-table-rows/helpers/get-row-range/index.d.ts

@@ -0,0 +1 @@
+export * from './get-row-range';

package/dist/components/table/hooks/use-selectable-table-rows/index.d.ts

@@ -0,0 +1 @@
+export * from './use-selectable-table-rows';

package/dist/components/table/hooks/use-selectable-table-rows/use-selectable-table-rows.constants.d.ts

@@ -0,0 +1,6 @@
+export declare const selectableRowsCheckboxSize = "2rem";
+export declare const dataAttrIsRowSelected = "data-is-row-selected";
+export declare const rowSelectionTypes: {
+    readonly checkboxes: "checkboxes";
+    readonly custom: "custom";
+};

package/dist/components/table/hooks/use-selectable-table-rows/use-selectable-table-rows.d.ts

@@ -0,0 +1,10 @@
+import { RowData } from '@tanstack/react-table';
+export declare const useSelectableTableRows: <TData extends RowData<import("../..").CustomTData>>() => {
+    deselectRows: (rowIds: (string | number)[]) => void;
+    getIsRowSelected: (rowId: number | string) => boolean;
+    getSelectedRowData: (props: {
+        idProperty: keyof TData;
+        records: TData[];
+    }) => (TData | undefined)[];
+    selectRows: (rowIds: (string | number)[]) => void;
+};

package/dist/components/table/hooks/use-selectable-table-rows/use-selectable-table-rows.types.d.ts

@@ -0,0 +1,9 @@
+import { RowData } from '@tanstack/react-table';
+import { rowSelectionTypes } from './use-selectable-table-rows.constants';
+export interface RowSelection<TData extends RowData> {
+    disabled?: boolean;
+    idProperty?: keyof TData;
+    onSelect?: (selectedRecords: TData[]) => void;
+    type: RowSelectionType;
+}
+export type RowSelectionType = typeof rowSelectionTypes[keyof typeof rowSelectionTypes];

package/dist/global/context/index.d.ts

@@ -0,0 +1 @@
+export * from './translation';

package/dist/global/context/translation/index.d.ts

@@ -0,0 +1 @@
+export * from './translation.context';

package/dist/global/context/translation/translation.context.d.ts

@@ -0,0 +1,11 @@
+import React, { PropsWithChildren } from 'react';
+type TranslationNameSpaceState = string[] | string;
+export declare const defaultTranslationNameSpace: TranslationNameSpaceState;
+export declare const TranslationContext: React.Context<TranslationNameSpaceState>;
+export declare const useTranslationContext: () => {
+    nameSpace: TranslationNameSpaceState;
+};
+export declare const TranslationProvider: (props: React.PropsWithChildren<{
+    nameSpace: TranslationNameSpaceState;
+}>) => React.JSX.Element;
+export {};

package/dist/global/context/translation-name-space/index.d.ts

@@ -0,0 +1 @@
+export * from './translation-name-space.context';

package/dist/global/context/translation-name-space/translation-name-space.context.d.ts

@@ -0,0 +1,11 @@
+import React, { PropsWithChildren } from 'react';
+type TranslationNameSpaceState = string[] | string;
+export declare const defaultTranslationNameSpace: TranslationNameSpaceState;
+export declare const TranslationContext: React.Context<TranslationNameSpaceState>;
+export declare const useTranslationContext: () => {
+    nameSpace: TranslationNameSpaceState;
+};
+export declare const TranslationProvider: (props: React.PropsWithChildren<{
+    nameSpace: TranslationNameSpaceState;
+}>) => React.JSX.Element;
+export {};

package/dist/helpers/generate-skus-functions/get-colors-by-product-id/__tests__/get-colors-by-product-id.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/helpers/generate-skus-functions/get-colors-by-product-id/get-colors-by-product-id.d.ts

@@ -0,0 +1,9 @@
+import { ProductColorCode } from '../../../styles/theme';
+/**
+ * Returns an array of colors that are available for a particular product ID.
+ */
+export declare const getColorsByProductId: (productId: number) => {
+    code: ProductColorCode;
+    hexColor: string;
+    shortColorName: string;
+}[];

package/dist/helpers/generate-skus-functions/get-colors-by-product-id/index.d.ts

@@ -0,0 +1 @@
+export * from './get-colors-by-product-id';

package/dist/helpers/generate-skus-functions/get-sku-selectors/get-sku-selectors.d.ts

@@ -0,0 +1,13 @@
+import { GetSkuSelectorsProps } from './get-sku-selectors.types';
+/**
+ * Provide a sku and the variant options and get all the product option codes back.
+ *
+ * *`variantOptions` must be input in the same index order they were provided in!*
+ */
+export declare const getSkuSelectors: (props: GetSkuSelectorsProps) => {
+    colorCode: string;
+    productId: number;
+    sizeCode: string;
+    variantCompleteCodes: string[];
+    variantPartialCodes: string[][];
+};

package/dist/helpers/generate-skus-functions/get-sku-selectors/get-sku-selectors.types.d.ts

@@ -0,0 +1,8 @@
+export interface GetSkuSelectorsProps {
+    sku: string;
+    variantOptions: VariantDetails[][];
+}
+export interface VariantDetails {
+    code: string;
+    partialCodes: string[];
+}

package/dist/helpers/generate-skus-functions/get-sku-selectors/index.d.ts

@@ -0,0 +1 @@
+export * from './get-sku-selectors';

package/dist/helpers/generate-skus-functions/helpers/generate-skus-from-options/generate-skus-from-options.types.d.ts

@@ -1,5 +1,4 @@
 export interface GenerateSkusFromOptionsProps {
-    loopNum?: number;
     options: string[][];
     partialSkus: string[];
 }

package/dist/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './use-provider';

package/dist/hooks/use-provider/index.d.ts

@@ -0,0 +1 @@
+export * from './use-provider';

package/dist/hooks/use-provider/use-provider.d.ts

@@ -0,0 +1,33 @@
+import React, { PropsWithChildren } from 'react';
+import { GenericContextValue } from './use-provider.types';
+export declare const createGenericContext: <Type>(defaultValue: Type) => React.Context<GenericContextValue<Type>>;
+/**
+ * ```
+ * const defaultMyValue = 'foo';
+ *
+ * const MyContext = createGenericContext(defaultMyValue);
+ *
+ * const OuterWrapper = () => {
+ *   const MyProvider = useProvider({
+ *     Context: MyContext,
+ *     defaultValue: defaultMyValue,
+ *   });
+ *
+ *   return (
+ *     <MyProvider>
+ *       <InnerComponent />
+ *     </MyProvider>
+ *   );
+ * }
+ *
+ * const InnerComponent = () => {
+ *   const [myValue, setMyValue] = useContext(MyContext);
+ *
+ *   // ...
+ * }
+ * ```
+ */
+export declare const useProvider: <Type>(props: {
+    Context: React.Context<GenericContextValue<Type>>;
+    defaultValue: Type;
+}) => React.MemoExoticComponent<({ children }: PropsWithChildren<Record<never, never>>) => JSX.Element>;

package/dist/hooks/use-provider/use-provider.types.d.ts

@@ -0,0 +1,2 @@
+import { Dispatch, SetStateAction } from 'react';
+export type GenericContextValue<Type> = [Type, Dispatch<SetStateAction<Type>>];