misraj-mushaf-renderer 1.2.0 → 1.2.1

package/dist/classnames.d.ts

@@ -1,19 +1,9 @@
 declare const classnames: {
-    ChapterIconContainer: {
-        iconContainer: string;
-    };
-    MushafWord: {
-        container: string;
-        colored: string;
-        filled: string;
-        highlightOnHover: string;
-        highlighted: string;
-    };
-    ReadingView: {
-        container: string;
-    };
-    VerseText: {
-        highlighted: string;
-    };
+    ChapterIconContainer: readonly ["iconContainer"];
+    MushafWord: readonly ["colored", "filled", "highlightOnHover", "highlighted"];
+    ReadingView: readonly ["container"];
+    VerseText: readonly ["highlighted"];
+    MushafReader: readonly ["twoPagesRow"];
+    Page: readonly ["container", "border", "blueBorder", "sepiaBorder", "bottomBorder", "blueBottomBorder", "sepiaBottomBorder", "mobileCenterText", "firstTwoPagesBorder", "blueFirstTwoPagesBorder", "sepiaFirstTwoPagesBorder", "pageNumberContainer", "pageNumber", "surah", "juz"];
 };
 export default classnames;

package/dist/components/MushafReader/Provider.d.ts

@@ -0,0 +1,8 @@
+import { MushafPageProviderProps } from './contexts/MushafPage/MushafPageProvider';
+import { ThemeProviderProps } from './contexts/Theme/type';
+type MushafReaderProviderProps = MushafPageProviderProps & {
+    themeProps?: ThemeProviderProps['themeProps'];
+    styleOverride?: ThemeProviderProps['styleOverride'];
+};
+declare const MushafReaderProvider: ({ children, themeProps, styleOverride, ...props }: MushafReaderProviderProps) => import("react/jsx-runtime").JSX.Element;
+export default MushafReaderProvider;

package/dist/components/MushafReader/ReadingView/Line.d.ts

@@ -10,5 +10,5 @@ type LineProps = {
     onWordHover?: (word: Word, event: React.MouseEvent<HTMLElement>) => void;
     borderColor?: BorderColor;
 };
-declare const _default: import('react').MemoExoticComponent<({ lineKey, words, isBigTextLayout, pageIndex, lineIndex, onWordClick, onWordHover, borderColor, }: LineProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import('react').MemoExoticComponent<({ lineKey, words, isBigTextLayout, pageIndex, lineIndex, onWordClick, onWordHover, }: LineProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/dist/components/MushafReader/ReadingView/Page.d.ts

@@ -1,14 +1,12 @@
 import { default as React } from 'react';
 import { default as Word } from '../../../types/Word';
 import { Ayah } from '../../../types/verses';
-import { BorderColor } from '../../../types/border-color';
 type PageProps = {
     verses: Ayah[];
     pageNumber: number;
     pageIndex: number;
     onWordClick?: (word: Word, event: React.MouseEvent<HTMLElement>) => void;
     onWordHover?: (word: Word, event: React.MouseEvent<HTMLElement>) => void;
-    borderColor?: BorderColor;
 };
-declare const Page: ({ verses, pageNumber, pageIndex, onWordClick, onWordHover, borderColor, }: PageProps) => import("react/jsx-runtime").JSX.Element;
+declare const Page: ({ verses, pageNumber, pageIndex, onWordClick, onWordHover }: PageProps) => import("react/jsx-runtime").JSX.Element;
 export default Page;

package/dist/components/MushafReader/ReadingView/page-metadata/PageMetaDataContainer.d.ts

@@ -1,8 +1,9 @@
 import { default as React } from 'react';
 import { BorderColor } from '../../../../types/border-color';
-declare const PageMetaDataContainer: ({ className, children, borderColor, }: {
+declare const PageMetaDataContainer: ({ className, children, borderColor, style, }: {
     className?: string;
     children: React.ReactNode;
     borderColor?: BorderColor;
+    style?: React.CSSProperties;
 }) => import("react/jsx-runtime").JSX.Element;
 export default PageMetaDataContainer;

package/dist/components/MushafReader/contexts/MushafPage/MushafPage.types.d.ts

@@ -6,11 +6,5 @@ export type DataId = NarrationId | ReciterId;
 export interface MushafPageProps {
     onWordClick?: (word: Word, event: React.MouseEvent<HTMLElement>) => void;
     onWordHover?: (word: Word, event: React.MouseEvent<HTMLElement>) => void;
-    styleOverride?: {
-        borderColor?: 'blue' | 'green' | 'sepia';
-        wordHighlightColor?: string;
-        chapterHeaderFontSize?: string;
-        primaryFontColor?: string;
-    };
 }
 export {};

package/dist/components/MushafReader/contexts/MushafPage/MushafPageProvider.d.ts

@@ -1,6 +1,7 @@
 import { default as React } from 'react';
 import { Ayah, IVersesListDto } from '../../../../types/verses';
 import { DataId } from './MushafPage.types';
+import { ThemeProviderProps } from '../Theme/type';
 /** ---------- Types ---------- */
 type MushafPageState = {
     fontScale: number;
@@ -19,13 +20,15 @@ type MushafPageActions = {
     setSelectedVerse: React.Dispatch<React.SetStateAction<Ayah | null>>;
     refresh: () => void;
 };
-type MushafPageProviderProps = {
+export type MushafPageProviderProps = {
     children: React.ReactNode;
     dataId: DataId;
     pageNumber: number;
     initialFontScale?: number;
     hasBorder?: boolean;
     initialIsTwoPagesView?: boolean;
+    themeProps?: ThemeProviderProps['themeProps'];
+    styleOverride?: ThemeProviderProps['styleOverride'];
 };
 export declare const MushafPageProvider: ({ children, dataId, pageNumber, initialFontScale, hasBorder, initialIsTwoPagesView, }: MushafPageProviderProps) => import("react/jsx-runtime").JSX.Element;
 export type MushafContextStateTypes = MushafPageState & MushafPageActions;

package/dist/components/MushafReader/contexts/Theme/ThemeProvider.d.ts

@@ -0,0 +1,3 @@
+import { ThemeProviderProps, ThemeState } from './type';
+export declare const useThemeContext: () => ThemeState;
+export declare const ThemeProvider: ({ children, themeProps, styleOverride, }: ThemeProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/MushafReader/contexts/Theme/type.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+import { default as classnames } from '../../../../classnames';
+import { BorderColor } from '../../../../types/border-color';
+type ThemeProps = {
+    borderColor?: BorderColor;
+    wordHighlightColor?: string;
+    chapterHeaderFontSize?: string;
+    primaryFontColor?: string;
+};
+type ClassnameGroups = typeof classnames;
+type GroupName = keyof ClassnameGroups;
+type GroupKey<K extends GroupName> = ClassnameGroups[K][number];
+type StyleOverride = {
+    [K in GroupName]?: Partial<Record<GroupKey<K>, React.CSSProperties>>;
+};
+export type ThemeState = {
+    themeProps: ThemeProps;
+    styleOverride: StyleOverride;
+};
+export type ThemeProviderProps = {
+    children: React.ReactNode;
+    themeProps?: ThemeProps;
+    styleOverride?: StyleOverride;
+};
+export {};

package/dist/components/MushafReader/index.d.ts

@@ -1,3 +1,3 @@
 import { MushafPageProps } from './contexts/MushafPage/MushafPage.types';
-declare const Mushaf: ({ onWordClick, onWordHover, styleOverride }: MushafPageProps) => import("react/jsx-runtime").JSX.Element;
+declare const Mushaf: ({ onWordClick, onWordHover }: MushafPageProps) => import("react/jsx-runtime").JSX.Element;
 export default Mushaf;

package/dist/components/chapters/ChapterHeader/index.d.ts

@@ -1,9 +1,7 @@
 import { default as React } from 'react';
-import { BorderColor } from '../../../types/border-color';
 interface Props {
     chapterId: string;
     pageNumber: number;
-    borderColor?: BorderColor;
 }
 declare const ChapterHeader: React.FC<Props>;
 export default ChapterHeader;

package/dist/components/chapters/ChapterIcon/ChapterIconContainer.d.ts

@@ -1,9 +1,7 @@
 import { default as React } from 'react';
-import { BorderColor } from '../../../types/border-color';
 interface Props {
     chapterId: string;
     hasSurahPrefix?: boolean;
-    borderColor?: BorderColor;
 }
 declare const IconContainer: React.FC<Props>;
 export default IconContainer;