@pallasoft/ps-mobile-components 1.11.0 → 1.13.0

package/dist/hooks/use-ps-menu-anchor.d.ts

@@ -1,5 +1,5 @@
 import { type ElementRef, type RefObject } from 'react';
-import type { View } from 'react-native';
+import { type View } from 'react-native';
 import type { PsMenuAnchor } from '../interfaces/ps-menu-anchor';
 export interface PsMenuAnchorResult {
     anchor: PsMenuAnchor | undefined;

package/dist/hooks/use-ps-menu-anchor.js

@@ -1,12 +1,24 @@
-import { useRef, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
+import { useWindowDimensions } from 'react-native';
+import { PsMenuPopupConfig } from '../constants/ps-menu-popup-config';
 export const usePsMenuAnchor = () => {
     const ref = useRef(null);
     const [anchor, setAnchor] = useState(undefined);
+    const { height, width } = useWindowDimensions();
+    const isOpen = anchor !== undefined;
+    useEffect(() => {
+        if (!isOpen)
+            return;
+        const timer = setTimeout(() => {
+            ref.current?.measureInWindow((x, y, anchorWidth, anchorHeight) => setAnchor({ height: anchorHeight, width: anchorWidth, x, y }));
+        }, PsMenuPopupConfig.remeasureMs);
+        return () => clearTimeout(timer);
+    }, [height, isOpen, width]);
     return {
         anchor,
         close: () => setAnchor(undefined),
         open: () => {
-            ref.current?.measureInWindow((x, y, width, height) => setAnchor({ height, width, x, y }));
+            ref.current?.measureInWindow((x, y, anchorWidth, anchorHeight) => setAnchor({ height: anchorHeight, width: anchorWidth, x, y }));
         },
         ref,
     };

package/dist/index.d.ts

@@ -77,7 +77,11 @@ export * from './interfaces/ps-device-file';
 export * from './interfaces/ps-document-item';
 export * from './interfaces/ps-document-labels';
 export * from './interfaces/ps-document-scanner-options';
+export * from './interfaces/ps-document-search-labels';
 export * from './interfaces/ps-document-source';
+export * from './interfaces/ps-document-text-box';
+export * from './interfaces/ps-document-text-layer';
+export * from './interfaces/ps-document-text-layer-word';
 export * from './interfaces/ps-file-upload-options';
 export * from './interfaces/use-ps-file-upload-result';
 export * from './interfaces/ps-tab-bar-context-data';
@@ -107,6 +111,7 @@ export { PsActionMenuService } from './services/ps-action-menu-service';
 export { PsSelectionService } from './services/ps-selection-service';
 export { PsSortableGridService } from './services/ps-sortable-grid-service';
 export { PsDocumentPagerService } from './services/ps-document-pager-service';
+export { PsDocumentSearchService } from './services/ps-document-search-service';
 export { PsDocumentZoomService } from './services/ps-document-zoom-service';
 export { PsDocumentScannerService } from './services/ps-document-scanner-service';
 export { PsCapturePickerService } from './services/ps-capture-picker-service';
@@ -189,3 +194,7 @@ export * from './interfaces/ps-infinite-data-result';
 export * from './interfaces/ps-infinite-data-update';
 export * from './interfaces/ps-infinite-page';
 export { usePsDebouncedValue } from '@pallasoft/ps-utilities/react';
+export * from './constants/ps-layout-class';
+export * from './constants/ps-content-width';
+export * from './hooks/use-ps-layout-class';
+export { PsLayoutService } from './services/ps-layout-service';

package/dist/index.js

@@ -76,7 +76,11 @@ export * from './interfaces/ps-device-file';
 export * from './interfaces/ps-document-item';
 export * from './interfaces/ps-document-labels';
 export * from './interfaces/ps-document-scanner-options';
+export * from './interfaces/ps-document-search-labels';
 export * from './interfaces/ps-document-source';
+export * from './interfaces/ps-document-text-box';
+export * from './interfaces/ps-document-text-layer';
+export * from './interfaces/ps-document-text-layer-word';
 export * from './interfaces/ps-file-upload-options';
 export * from './interfaces/use-ps-file-upload-result';
 export * from './interfaces/ps-tab-bar-context-data';
@@ -106,6 +110,7 @@ export { PsActionMenuService } from './services/ps-action-menu-service';
 export { PsSelectionService } from './services/ps-selection-service';
 export { PsSortableGridService } from './services/ps-sortable-grid-service';
 export { PsDocumentPagerService } from './services/ps-document-pager-service';
+export { PsDocumentSearchService } from './services/ps-document-search-service';
 export { PsDocumentZoomService } from './services/ps-document-zoom-service';
 export { PsDocumentScannerService } from './services/ps-document-scanner-service';
 export { PsCapturePickerService } from './services/ps-capture-picker-service';
@@ -184,3 +189,7 @@ export * from './interfaces/ps-infinite-data-result';
 export * from './interfaces/ps-infinite-data-update';
 export * from './interfaces/ps-infinite-page';
 export { usePsDebouncedValue } from '@pallasoft/ps-utilities/react';
+export * from './constants/ps-layout-class';
+export * from './constants/ps-content-width';
+export * from './hooks/use-ps-layout-class';
+export { PsLayoutService } from './services/ps-layout-service';

package/dist/interfaces/ps-document-highlight-rect.d.ts

@@ -0,0 +1,5 @@
+import type { PsDocumentTextBox } from './ps-document-text-box';
+export interface PsDocumentHighlightRect {
+    box: PsDocumentTextBox;
+    isActive: boolean;
+}

package/dist/interfaces/ps-document-highlight-rect.js

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

package/dist/interfaces/ps-document-item.d.ts

@@ -1,9 +1,12 @@
 import type { PsDocumentKind } from '../constants/ps-document-kind';
 import type { PsDocumentSource } from './ps-document-source';
+import type { PsDocumentTextLayer } from './ps-document-text-layer';
 export interface PsDocumentItem {
     id: string;
     kind: PsDocumentKind;
     name: string;
+    pageTextLayers?: PsDocumentTextLayer[];
     source: PsDocumentSource | null;
     text: string | null;
+    textLayer?: PsDocumentTextLayer;
 }

package/dist/interfaces/ps-document-labels.d.ts

@@ -1,10 +1,17 @@
 export interface PsDocumentLabels {
     close: string;
+    closeSearch?: string;
     empty: string;
     error: string;
     expand: string;
     loadFailed: string;
+    matchCount?: string;
+    nextMatch?: string;
+    noMatches?: string;
     open?: string;
+    previousMatch?: string;
     retry: string;
+    search?: string;
+    searchPlaceholder?: string;
     unsupported: string;
 }

package/dist/interfaces/ps-document-point.d.ts

@@ -0,0 +1,4 @@
+export interface PsDocumentPoint {
+    x: number;
+    y: number;
+}

package/dist/interfaces/ps-document-point.js

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

package/dist/interfaces/ps-document-search-labels.d.ts

@@ -0,0 +1,9 @@
+export interface PsDocumentSearchLabels {
+    closeSearch: string;
+    matchCount: string;
+    nextMatch: string;
+    noMatches: string;
+    previousMatch: string;
+    search: string;
+    searchPlaceholder: string;
+}

package/dist/interfaces/ps-document-search-labels.js

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

package/dist/interfaces/ps-document-search-location.d.ts

@@ -0,0 +1,4 @@
+export interface PsDocumentSearchLocation {
+    entryIndex: number;
+    localIndex: number;
+}

package/dist/interfaces/ps-document-search-location.js

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

package/dist/interfaces/ps-document-search-match.d.ts

@@ -0,0 +1,2 @@
+import type { TextMatch } from '@pallasoft/ps-utilities';
+export type PsDocumentSearchMatch = TextMatch;

package/dist/interfaces/ps-document-search-match.js

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

package/dist/interfaces/ps-document-search-state.d.ts

@@ -0,0 +1,4 @@
+export interface PsDocumentSearchState {
+    activeIndex: number;
+    query: string;
+}

package/dist/interfaces/ps-document-search-state.js

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

package/dist/interfaces/ps-document-text-box.d.ts

@@ -0,0 +1,2 @@
+import type { TextLayerBox } from '@pallasoft/ps-utilities';
+export type PsDocumentTextBox = TextLayerBox;

package/dist/interfaces/ps-document-text-box.js

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

package/dist/interfaces/ps-document-text-layer-word.d.ts

@@ -0,0 +1,2 @@
+import type { TextLayerWord } from '@pallasoft/ps-utilities';
+export type PsDocumentTextLayerWord = TextLayerWord;

package/dist/interfaces/ps-document-text-layer-word.js

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

package/dist/interfaces/ps-document-text-layer.d.ts

@@ -0,0 +1,2 @@
+import type { TextLayer } from '@pallasoft/ps-utilities';
+export type PsDocumentTextLayer = TextLayer;

package/dist/interfaces/ps-document-text-layer.js

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

package/dist/interfaces/ps-document-text-line.d.ts

@@ -0,0 +1,4 @@
+export interface PsDocumentTextLine {
+    text: string;
+    y: number;
+}

package/dist/interfaces/ps-document-text-line.js

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

package/dist/interfaces/ps-document-text-segment.d.ts

@@ -0,0 +1,2 @@
+import type { TextSegment } from '@pallasoft/ps-utilities';
+export type PsDocumentTextSegment = TextSegment;

package/dist/interfaces/ps-document-text-segment.js

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

package/dist/interfaces/ps-document-word-match.d.ts

@@ -0,0 +1,3 @@
+export interface PsDocumentWordMatch {
+    wordIndices: number[];
+}

package/dist/interfaces/ps-document-word-match.js

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

package/dist/interfaces/ps-menu-popup-insets.d.ts

@@ -1,4 +1,6 @@
 export interface PsMenuPopupInsets {
     bottom: number;
+    left: number;
+    right: number;
     top: number;
 }

package/dist/interfaces/ps-menu-popup-layout.d.ts

@@ -2,6 +2,7 @@ export interface PsMenuPopupLayout {
     isBelow: boolean;
     left: number;
     maxHeight: number;
+    maxWidth: number;
     top: number;
     width: number | undefined;
 }

package/dist/services/ps-document-search-service.d.ts

@@ -0,0 +1,36 @@
+import type { PsDocumentHighlightRect } from '../interfaces/ps-document-highlight-rect';
+import type { PsDocumentItem } from '../interfaces/ps-document-item';
+import type { PsDocumentLabels } from '../interfaces/ps-document-labels';
+import type { PsDocumentPoint } from '../interfaces/ps-document-point';
+import type { PsDocumentSearchLabels } from '../interfaces/ps-document-search-labels';
+import type { PsDocumentSearchLocation } from '../interfaces/ps-document-search-location';
+import type { PsDocumentSearchMatch } from '../interfaces/ps-document-search-match';
+import type { PsDocumentTextBox } from '../interfaces/ps-document-text-box';
+import type { PsDocumentTextLayer } from '../interfaces/ps-document-text-layer';
+import type { PsDocumentTextLine } from '../interfaces/ps-document-text-line';
+import type { PsDocumentTextSegment } from '../interfaces/ps-document-text-segment';
+import type { PsDocumentViewerEntry } from '../interfaces/ps-document-viewer-entry';
+import type { PsDocumentWordMatch } from '../interfaces/ps-document-word-match';
+import type { PsSize } from '../interfaces/ps-size';
+export declare class PsDocumentSearchService {
+    static terms(query: string): string[];
+    static matches(text: string, query: string): PsDocumentSearchMatch[];
+    static segments(text: string, matches: PsDocumentSearchMatch[]): PsDocumentTextSegment[];
+    static wordMatches(layer: PsDocumentTextLayer, query: string): PsDocumentWordMatch[];
+    static fit(layer: PsDocumentTextLayer, container: PsSize): PsDocumentTextBox;
+    static rect(box: PsDocumentTextBox, layer: PsDocumentTextLayer, container: PsSize): PsDocumentTextBox;
+    static highlights(layer: PsDocumentTextLayer, query: string, container: PsSize, activeIndex: number): PsDocumentHighlightRect[];
+    static center(box: PsDocumentTextBox): PsDocumentPoint;
+    static scrollOffset(lines: PsDocumentTextLine[], start: number): number;
+    static entryMatchCount(entry: PsDocumentViewerEntry, texts: Record<string, string>, query: string): number;
+    static counts(entries: PsDocumentViewerEntry[], texts: Record<string, string>, query: string): number[];
+    static total(counts: number[]): number;
+    static locate(counts: number[], active: number): PsDocumentSearchLocation | null;
+    static activeFor(counts: number[], active: number, entryIndex: number): number;
+    static firstIndexOf(counts: number[], entryIndex: number): number;
+    static step(active: number, total: number, direction: 1 | -1): number;
+    static startIndex(counts: number[], entryIndex: number): number;
+    static countLabel(template: string, current: number, total: number): string;
+    static labels(labels: PsDocumentLabels): PsDocumentSearchLabels | null;
+    static isSearchable(items: PsDocumentItem[]): boolean;
+}

package/dist/services/ps-document-search-service.js

@@ -0,0 +1,114 @@
+import { Common } from '@pallasoft/ps-utilities';
+import { PsDocumentKind } from '../constants/ps-document-kind';
+import { PsDocumentSearchConfig } from '../constants/ps-document-search-config';
+export class PsDocumentSearchService {
+    static terms(query) {
+        return Common.TextSearchService.terms(query);
+    }
+    static matches(text, query) {
+        return Common.TextSearchService.findTerms(text, query);
+    }
+    static segments(text, matches) {
+        return Common.TextSearchService.segments(text, matches);
+    }
+    static wordMatches(layer, query) {
+        return Common.TextLayerService.termMatches(layer, query).map((match) => ({
+            wordIndices: match.parts.map((part) => part.itemIndex),
+        }));
+    }
+    static fit(layer, container) {
+        return Common.TextLayerService.fit(layer, container);
+    }
+    static rect(box, layer, container) {
+        return Common.TextLayerService.rect(box, layer, container);
+    }
+    static highlights(layer, query, container, activeIndex) {
+        return Common.TextLayerService.wordRects(layer, Common.TextLayerService.termMatches(layer, query), container).map((rect) => ({ box: rect.box, isActive: rect.matchIndex === activeIndex }));
+    }
+    static center(box) {
+        return { x: box.left + box.width / 2, y: box.top + box.height / 2 };
+    }
+    static scrollOffset(lines, start) {
+        let cursor = 0;
+        for (const line of lines) {
+            cursor += line.text.length;
+            if (start < cursor)
+                return line.y;
+        }
+        const last = lines[lines.length - 1];
+        return last === undefined ? 0 : last.y;
+    }
+    static entryMatchCount(entry, texts, query) {
+        if (entry.item.kind === PsDocumentKind.Text) {
+            const text = entry.item.text === null ? texts[entry.item.id] : entry.item.text;
+            return text === undefined ? 0 : PsDocumentSearchService.matches(text, query).length;
+        }
+        const layer = entry.item.textLayer;
+        return layer === undefined ? 0 : PsDocumentSearchService.wordMatches(layer, query).length;
+    }
+    static counts(entries, texts, query) {
+        return entries.map((entry) => PsDocumentSearchService.entryMatchCount(entry, texts, query));
+    }
+    static total(counts) {
+        return counts.reduce((sum, count) => sum + count, 0);
+    }
+    static locate(counts, active) {
+        let remaining = active;
+        for (let entryIndex = 0; entryIndex < counts.length; entryIndex += 1) {
+            if (remaining < counts[entryIndex])
+                return { entryIndex, localIndex: remaining };
+            remaining -= counts[entryIndex];
+        }
+        return null;
+    }
+    static activeFor(counts, active, entryIndex) {
+        const location = PsDocumentSearchService.locate(counts, active);
+        return location !== null && location.entryIndex === entryIndex
+            ? location.localIndex
+            : PsDocumentSearchConfig.noActive;
+    }
+    static firstIndexOf(counts, entryIndex) {
+        return counts.slice(0, entryIndex).reduce((sum, count) => sum + count, 0);
+    }
+    static step(active, total, direction) {
+        if (total <= 0)
+            return PsDocumentSearchConfig.noActive;
+        return (active + direction + total) % total;
+    }
+    static startIndex(counts, entryIndex) {
+        const total = PsDocumentSearchService.total(counts);
+        if (total === 0)
+            return PsDocumentSearchConfig.noActive;
+        return counts[entryIndex] > 0 ? PsDocumentSearchService.firstIndexOf(counts, entryIndex) : 0;
+    }
+    static countLabel(template, current, total) {
+        return template
+            .replace(PsDocumentSearchConfig.currentToken, String(current))
+            .replace(PsDocumentSearchConfig.totalToken, String(total));
+    }
+    static labels(labels) {
+        const { closeSearch, matchCount, nextMatch, noMatches, previousMatch, search, searchPlaceholder, } = labels;
+        if (closeSearch === undefined ||
+            matchCount === undefined ||
+            nextMatch === undefined ||
+            noMatches === undefined ||
+            previousMatch === undefined ||
+            search === undefined ||
+            searchPlaceholder === undefined)
+            return null;
+        return {
+            closeSearch,
+            matchCount,
+            nextMatch,
+            noMatches,
+            previousMatch,
+            search,
+            searchPlaceholder,
+        };
+    }
+    static isSearchable(items) {
+        return items.some((item) => (item.kind === PsDocumentKind.Text && (item.text !== null || item.source !== null)) ||
+            item.textLayer !== undefined ||
+            (item.pageTextLayers !== undefined && item.pageTextLayers.length > 0));
+    }
+}

package/dist/services/ps-document-search-style-service.d.ts

@@ -0,0 +1,7 @@
+import type { TextStyle, ViewStyle } from 'react-native';
+import type { PsMobileTheme } from '../interfaces/ps-mobile-theme';
+export declare class PsDocumentSearchStyleService {
+    static span(theme: PsMobileTheme, isActive: boolean): TextStyle;
+    static rect(theme: PsMobileTheme, isActive: boolean): ViewStyle;
+    static fieldRadius(isMaterial: boolean): number;
+}

package/dist/services/ps-document-search-style-service.js

@@ -0,0 +1,22 @@
+import { PsDocumentSearchConfig } from '../constants/ps-document-search-config';
+import { PsMobileColorService } from './ps-mobile-color-service';
+export class PsDocumentSearchStyleService {
+    static span(theme, isActive) {
+        return isActive
+            ? { backgroundColor: theme.primary, color: theme.primaryContrast }
+            : {
+                backgroundColor: PsMobileColorService.withAlpha(theme.primary, PsDocumentSearchConfig.highlightAlpha),
+            };
+    }
+    static rect(theme, isActive) {
+        return {
+            backgroundColor: PsMobileColorService.withAlpha(theme.primary, isActive ? PsDocumentSearchConfig.activeAlpha : PsDocumentSearchConfig.highlightAlpha),
+            borderRadius: PsDocumentSearchConfig.highlightRadius,
+        };
+    }
+    static fieldRadius(isMaterial) {
+        return isMaterial
+            ? PsDocumentSearchConfig.androidFieldRadius
+            : PsDocumentSearchConfig.iosFieldRadius;
+    }
+}

package/dist/services/ps-document-viewer-entry-service.js

@@ -63,6 +63,7 @@ export class PsDocumentViewerEntryService {
                     name: item.name,
                     source: { headers: {}, uri: page.uri },
                     text: null,
+                    textLayer: item.pageTextLayers === undefined ? undefined : item.pageTextLayers[index],
                 },
                 sourceId: item.id,
                 status: PsDocumentLoadStatus.Ready,

package/dist/services/ps-document-zoom-service.d.ts

@@ -1,5 +1,6 @@
 export declare class PsDocumentZoomService {
     static clampAxis(value: number, container: number, scale: number): number;
+    static centerOffset(point: number, container: number, scale: number): number;
     static clampScale(scale: number): number;
     static dragOffset(translationY: number): number;
     static focalOffset(tap: number, container: number, scale: number): number;

package/dist/services/ps-document-zoom-service.js

@@ -4,6 +4,9 @@ export class PsDocumentZoomService {
         const limit = (container * (scale - 1)) / 2;
         return Math.min(limit, Math.max(-limit, value));
     }
+    static centerOffset(point, container, scale) {
+        return PsDocumentZoomService.clampAxis((container / 2 - point) * scale, container, scale);
+    }
     static clampScale(scale) {
         return Math.min(PsDocumentConfig.maxZoom, Math.max(PsDocumentConfig.minZoom, scale));
     }

package/dist/services/ps-layout-service.d.ts

@@ -0,0 +1,12 @@
+import type { ViewStyle } from 'react-native';
+import { PsContentWidth } from '../constants/ps-content-width';
+import { PsLayoutClass } from '../constants/ps-layout-class';
+export declare class PsLayoutService {
+    static classOf(width: number, height: number): PsLayoutClass;
+    static maxWidth(layoutClass: PsLayoutClass, contentWidth: PsContentWidth): number | undefined;
+    static frame(layoutClass: PsLayoutClass, contentWidth: PsContentWidth): ViewStyle;
+    static gridUnits(layoutClass: PsLayoutClass): number;
+    static widgetBasis(layoutClass: PsLayoutClass): string;
+    static widgetWidth(containerWidth: number, layoutClass: PsLayoutClass, gap: number): number | undefined;
+    static menuMaxWidth(windowWidth: number, edgeMargin: number): number;
+}

package/dist/services/ps-layout-service.js

@@ -0,0 +1,41 @@
+import { PsContentWidth } from '../constants/ps-content-width';
+import { PsLayoutClass } from '../constants/ps-layout-class';
+import { PsLayoutClassConfig } from '../constants/ps-layout-class-config';
+export class PsLayoutService {
+    static classOf(width, height) {
+        return width >= PsLayoutClassConfig.regularMinWidth &&
+            height >= PsLayoutClassConfig.regularMinHeight
+            ? PsLayoutClass.regular
+            : PsLayoutClass.compact;
+    }
+    static maxWidth(layoutClass, contentWidth) {
+        if (layoutClass === PsLayoutClass.compact || contentWidth === PsContentWidth.full)
+            return undefined;
+        return contentWidth === PsContentWidth.wide
+            ? PsLayoutClassConfig.wideMaxWidth
+            : PsLayoutClassConfig.readableMaxWidth;
+    }
+    static frame(layoutClass, contentWidth) {
+        const maxWidth = PsLayoutService.maxWidth(layoutClass, contentWidth);
+        return maxWidth === undefined ? {} : { alignSelf: 'center', maxWidth, width: '100%' };
+    }
+    static gridUnits(layoutClass) {
+        return layoutClass === PsLayoutClass.regular
+            ? PsLayoutClassConfig.regularGridUnits
+            : PsLayoutClassConfig.compactGridUnits;
+    }
+    static widgetBasis(layoutClass) {
+        return layoutClass === PsLayoutClass.regular
+            ? PsLayoutClassConfig.regularWidgetBasis
+            : PsLayoutClassConfig.compactWidgetBasis;
+    }
+    static widgetWidth(containerWidth, layoutClass, gap) {
+        if (layoutClass === PsLayoutClass.compact || containerWidth <= 0)
+            return undefined;
+        const columns = PsLayoutService.gridUnits(layoutClass);
+        return Math.max((containerWidth - gap * (columns - 1)) / columns, 0);
+    }
+    static menuMaxWidth(windowWidth, edgeMargin) {
+        return Math.max(windowWidth - edgeMargin * 2, 0);
+    }
+}

package/dist/services/ps-menu-popup-service.js

@@ -3,20 +3,24 @@ export class PsMenuPopupService {
     static layout(anchor, window, insets, contentHeight, contentWidth, isFullWidth) {
         const margin = PsMenuPopupConfig.edgeMargin;
         const gap = PsMenuPopupConfig.anchorGap;
-        const width = isFullWidth ? anchor.width : undefined;
-        const menuWidth = width === undefined ? contentWidth : width;
+        const minX = Math.max(margin, insets.left);
+        const maxX = window.width - Math.max(margin, insets.right);
+        const maxWidth = Math.max(maxX - minX, 0);
+        const width = isFullWidth ? Math.min(anchor.width, maxWidth) : undefined;
+        const menuWidth = Math.min(width === undefined ? contentWidth : width, maxWidth);
         const below = window.height - (anchor.y + anchor.height) - gap - Math.max(margin, insets.bottom);
         const above = anchor.y - gap - Math.max(margin, insets.top);
         const isBelow = contentHeight <= below || below >= above;
         const room = isBelow ? below : above;
         const height = Math.min(contentHeight, Math.max(room, 0));
         const top = isBelow ? anchor.y + anchor.height + gap : anchor.y - gap - height;
-        const alignedRight = anchor.x + menuWidth > window.width - margin;
+        const alignedRight = anchor.x + menuWidth > maxX;
         const left = alignedRight ? anchor.x + anchor.width - menuWidth : anchor.x;
         return {
             isBelow,
-            left: Math.max(margin, Math.min(left, window.width - margin - menuWidth)),
+            left: Math.max(minX, Math.min(left, maxX - menuWidth)),
             maxHeight: Math.max(room, 0),
+            maxWidth,
             top,
             width,
         };

package/dist/services/ps-sheet-service.d.ts

@@ -1,11 +1,14 @@
 import type { ViewStyle } from 'react-native';
+import { PsLayoutClass } from '../constants/ps-layout-class';
 import type { PsSheetAction } from '../interfaces/ps-sheet-action';
 import type { PsSheetLeadingKind } from '../interfaces/ps-sheet-leading-kind';
 export declare class PsSheetService {
-    static maxHeight(windowHeight: number): number;
+    static maxHeight(windowHeight: number, layoutClass?: PsLayoutClass): number;
+    static fittedMaxWidth(windowWidth: number, layoutClass: PsLayoutClass): number | undefined;
+    static supportsFormSizing(iosVersion: string | number): boolean;
     static handlesInset(os: string): boolean;
     static bottomPadding(isFloating: boolean, bottomInset: number): number;
-    static fittedHeight(headerHeight: number, bodyHeight: number, windowHeight: number): number;
+    static fittedHeight(headerHeight: number, bodyHeight: number, windowHeight: number, layoutClass?: PsLayoutClass): number;
     static raisedHeight(height: number, keyboardHeight: number, windowHeight: number, topInset: number): number;
     static closeAction(label: string | undefined, onPress: () => void): PsSheetAction | undefined;
     static isActionInactive(action: PsSheetAction): boolean;

package/dist/services/ps-sheet-service.js

@@ -1,8 +1,21 @@
+import { PsLayoutClass } from '../constants/ps-layout-class';
+import { PsLayoutClassConfig } from '../constants/ps-layout-class-config';
 import { PsLayoutConfig } from '../constants/ps-layout-config';
 import { PsSheetConfig } from '../constants/ps-sheet-config';
 export class PsSheetService {
-    static maxHeight(windowHeight) {
-        return Math.floor(windowHeight * PsSheetConfig.maxHeightFraction);
+    static maxHeight(windowHeight, layoutClass = PsLayoutClass.compact) {
+        return Math.floor(windowHeight *
+            (layoutClass === PsLayoutClass.regular
+                ? PsLayoutClassConfig.formSheetMaxHeightFraction
+                : PsSheetConfig.maxHeightFraction));
+    }
+    static fittedMaxWidth(windowWidth, layoutClass) {
+        return layoutClass === PsLayoutClass.regular
+            ? Math.min(PsLayoutClassConfig.formSheetWidth, windowWidth)
+            : undefined;
+    }
+    static supportsFormSizing(iosVersion) {
+        return Number.parseInt(String(iosVersion), 10) >= PsSheetConfig.formSizingMinIos;
     }
     static handlesInset(os) {
         return os === 'ios' || os === 'android';
@@ -10,8 +23,8 @@ export class PsSheetService {
     static bottomPadding(isFloating, bottomInset) {
         return PsLayoutConfig.sheetGutter + (isFloating ? 0 : bottomInset);
     }
-    static fittedHeight(headerHeight, bodyHeight, windowHeight) {
-        return Math.min(Math.ceil(headerHeight + bodyHeight), PsSheetService.maxHeight(windowHeight));
+    static fittedHeight(headerHeight, bodyHeight, windowHeight, layoutClass = PsLayoutClass.compact) {
+        return Math.min(Math.ceil(headerHeight + bodyHeight), PsSheetService.maxHeight(windowHeight, layoutClass));
     }
     static raisedHeight(height, keyboardHeight, windowHeight, topInset) {
         return Math.min(height + keyboardHeight, windowHeight - topInset);

package/dist/services/ps-sortable-grid-service.d.ts

@@ -8,8 +8,9 @@ export declare class PsSortableGridService {
         id: string;
     }>(items: T[]): string[];
     static isSameOrder(first: string[], second: string[]): boolean;
-    static rows(spans: PsSortableGridSpan[]): number[][];
-    static layout(spans: PsSortableGridSpan[], heights: number[], width: number): PsSortableRect[];
+    static units(span: PsSortableGridSpan): number;
+    static rows(spans: PsSortableGridSpan[], capacity?: number): number[][];
+    static layout(spans: PsSortableGridSpan[], heights: number[], width: number, capacity?: number): PsSortableRect[];
     static extras(rects: PsSortableRect[], heights: number[]): number[];
     static natural(total: number, extra: number): number;
     static contentHeight(rects: PsSortableRect[]): number;