@risalabs_frontend_org/oasis-ui-kit 0.136.0 → 0.139.0

package/dist/src/components/dots-with-popup/dots-with-popup.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { type PopupWithApiProps } from "../popup-with-api/popup-with-api";
+import "./dots-with-popup.scss";
+export interface DotsWithPopupProps {
+    popup: PopupWithApiProps;
+    className?: string;
+    triggerClassName?: string;
+    triggerAriaLabel?: string;
+    closeOnMarkSuccess?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    getPortalContainer?: () => HTMLElement;
+}
+export declare function DotsWithPopup(props: DotsWithPopupProps): React.JSX.Element;

package/dist/src/components/pdf-renderer/pdf-renderer.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import type { PdfRendererHandle, PdfRendererProps } from "./types";
+import "./pdf-renderer.scss";
+export type { PdfRendererProps, PdfRendererHandle, PdfRendererSource, PdfRendererFeatures, PdfToolbarContext, PdfPageInfo, PdfSearchSummary, PdfZoomLevel, } from "./types";
+export declare const PdfRenderer: React.ForwardRefExoticComponent<PdfRendererProps & React.RefAttributes<PdfRendererHandle>>;
+export default PdfRenderer;

package/dist/src/components/pdf-renderer/pdf-thumbnails.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface PdfThumbnailsProps {
+    documentId: string;
+    width: number;
+    currentPage: number;
+    onSelect: (pageNumber: number) => void;
+}
+export declare function PdfThumbnails({ documentId, width, currentPage, onSelect, }: PdfThumbnailsProps): React.JSX.Element;
+export default PdfThumbnails;

package/dist/src/components/pdf-renderer/pdf-toolbar.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { PdfToolbarContext } from "./types";
+interface PdfToolbarProps {
+    ctx: PdfToolbarContext;
+}
+export declare function PdfToolbar({ ctx }: PdfToolbarProps): React.JSX.Element;
+export default PdfToolbar;

package/dist/src/components/pdf-renderer/types.d.ts

@@ -0,0 +1,114 @@
+import type { CSSProperties, ReactNode } from "react";
+export type PdfZoomLevel = number | "automatic" | "fit-page" | "fit-width";
+export type PdfRendererSource = string | ArrayBuffer | Uint8Array | Blob | {
+    url: string;
+    name?: string;
+    password?: string;
+    mode?: "auto" | "range-request" | "full-fetch";
+} | {
+    buffer: ArrayBuffer;
+    name: string;
+    password?: string;
+};
+export interface PdfRendererFeatures {
+    zoom?: boolean;
+    search?: boolean;
+    thumbnails?: boolean;
+    pageNavigation?: boolean;
+    gestureZoom?: boolean;
+}
+export type ResolvedFeatures = Required<PdfRendererFeatures>;
+export interface PdfPageInfo {
+    pageIndex: number;
+    pageNumber: number;
+    width: number;
+    height: number;
+}
+export interface PdfSearchSummary {
+    total: number;
+    activeResultIndex: number;
+    query: string;
+    loading: boolean;
+}
+export interface PdfToolbarContext {
+    currentPage: number;
+    totalPages: number;
+    zoom: number;
+    zoomLevel: PdfZoomLevel;
+    goToPage: (page: number) => void;
+    nextPage: () => void;
+    previousPage: () => void;
+    zoomIn: () => void;
+    zoomOut: () => void;
+    setZoom: (level: PdfZoomLevel) => void;
+    search: (query: string) => void;
+    nextSearchResult: () => void;
+    previousSearchResult: () => void;
+    clearSearch: () => void;
+    searchResults: PdfSearchSummary;
+    thumbnailsOpen: boolean;
+    toggleThumbnails: () => void;
+    features: ResolvedFeatures;
+}
+export interface PdfRendererHandle {
+    goToPage: (page: number) => void;
+    nextPage: () => void;
+    previousPage: () => void;
+    zoomIn: () => void;
+    zoomOut: () => void;
+    setZoom: (level: PdfZoomLevel) => void;
+    search: (query: string) => void;
+    nextSearchResult: () => void;
+    previousSearchResult: () => void;
+    clearSearch: () => void;
+    getState: () => {
+        currentPage: number;
+        totalPages: number;
+        zoom: number;
+    };
+}
+export interface PdfRendererProps {
+    src: PdfRendererSource;
+    password?: string;
+    features?: PdfRendererFeatures;
+    initialPage?: number;
+    page?: number;
+    initialZoom?: PdfZoomLevel;
+    scrollDirection?: "vertical" | "horizontal";
+    pageGap?: number;
+    minZoom?: number;
+    maxZoom?: number;
+    zoomStep?: number;
+    thumbnailWidth?: number;
+    thumbnailsPosition?: "left" | "right";
+    defaultThumbnailsOpen?: boolean;
+    wasmUrl?: string;
+    worker?: boolean;
+    toolbar?: ReactNode | ((ctx: PdfToolbarContext) => ReactNode) | false;
+    toolbarPosition?: "top" | "bottom";
+    renderLoading?: () => ReactNode;
+    renderError?: (error: Error | null) => ReactNode;
+    renderEmpty?: () => ReactNode;
+    renderPageOverlay?: (page: PdfPageInfo) => ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    height?: number | string;
+    width?: number | string;
+    pageClassName?: string;
+    backgroundColor?: string;
+    searchHighlightColor?: string;
+    searchActiveHighlightColor?: string;
+    onDocumentLoad?: (info: {
+        documentId: string;
+    }) => void;
+    onError?: (error: Error | null) => void;
+    onPageChange?: (page: {
+        currentPage: number;
+        totalPages: number;
+    }) => void;
+    onZoomChange?: (zoom: {
+        zoomLevel: PdfZoomLevel;
+        currentZoomLevel: number;
+    }) => void;
+    onSearchResults?: (summary: PdfSearchSummary) => void;
+}

package/dist/src/components/popup-with-api/popup-with-api.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import "./popup-with-api.scss";
+export interface PopupWithApiItem {
+    id: string;
+    label: string;
+    disabled?: boolean;
+}
+export declare const POPUP_WITH_API_DEFAULT_ITEMS: PopupWithApiItem[];
+export interface PopupWithApiProps {
+    items?: PopupWithApiItem[];
+    checkedById?: Record<string, boolean>;
+    defaultCheckedById?: Record<string, boolean>;
+    onCheckedChange?: (next: Record<string, boolean>) => void;
+    onCancel?: () => void;
+    onMarkAsSuccess: () => void | Promise<void>;
+    cancelLabel?: string;
+    markSuccessLabel?: string;
+    submittingLabel?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    checkboxesGroupLabel?: string;
+}
+export declare function PopupWithApi(props: PopupWithApiProps): React.JSX.Element;

package/dist/src/hooks/use-portal.d.ts

@@ -0,0 +1,2 @@
+import { type ReactNode, type ReactPortal } from "react";
+export declare function usePortal(getContainer?: () => HTMLElement | null): (children: ReactNode) => ReactPortal | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@risalabs_frontend_org/oasis-ui-kit",
-  "version": "0.136.0",
+  "version": "0.139.0",
   "description": "RISA Oasis UI",
   "private": false,
   "main": "dist/index.js",
@@ -68,6 +68,17 @@
     "webpack-cli": "^5.1.4"
   },
   "dependencies": {
+    "@embedpdf/core": "^2.14.4",
+    "@embedpdf/engines": "^2.14.4",
+    "@embedpdf/pdfium": "^2.14.4",
+    "@embedpdf/plugin-document-manager": "^2.14.4",
+    "@embedpdf/plugin-interaction-manager": "^2.14.4",
+    "@embedpdf/plugin-render": "^2.14.4",
+    "@embedpdf/plugin-scroll": "^2.14.4",
+    "@embedpdf/plugin-search": "^2.14.4",
+    "@embedpdf/plugin-thumbnail": "^2.14.4",
+    "@embedpdf/plugin-viewport": "^2.14.4",
+    "@embedpdf/plugin-zoom": "^2.14.4",
     "@storybook/react-webpack5": "^7.6.17",
     "antd": "^5.24.3",
     "date-fns": "^4.1.0",