pne-ui 4.0.8 → 4.0.9

package/esm/src/component/PneTextField.js

@@ -0,0 +1,11 @@
+import React, { forwardRef } from 'react';
+import { TextField } from '@mui/material';
+const PneTextField = forwardRef((props, ref) => {
+    const { sx, size = 'small', ...rest } = props;
+    const _sx = [
+        ...(Array.isArray(sx) ? sx : [sx])
+    ];
+    return React.createElement(TextField, { size: size, sx: _sx, ref: ref, ...rest });
+});
+export default PneTextField;
+//# sourceMappingURL=PneTextField.js.map

package/esm/src/component/PneTextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PneTextField.js","sourceRoot":"","sources":["../../../src/component/PneTextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,UAAU,EAAC,MAAM,OAAO,CAAC;AACxC,OAAO,EAAU,SAAS,EAAiB,MAAM,eAAe,CAAC;AAEjE,MAAM,YAAY,GAAG,UAAU,CAAC,CAC5B,KAAqB,EACrB,GAA8B,EAChC,EAAE;IACA,MAAM,EACF,EAAE,EACF,IAAI,GAAG,OAAO,EACd,GAAG,IAAI,EACV,GAAG,KAAK,CAAC;IAEV,MAAM,GAAG,GAAY;QACjB,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;KACrC,CAAA;IAED,OAAO,oBAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,KAAM,IAAI,GAAG,CAAA;AAChE,CAAC,CAAC,CAAC;AAEH,eAAe,YAAY,CAAC"}

package/esm/src/component/cloudscape/CloudscapeBoardStyles.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+type CloudscapeBoardStylesProps = {
+    hideNavigationArrows?: boolean;
+};
+/**
+ * Global CSS overrides for Cloudscape Board containers to flatten chrome
+ * and trim padding on small screens. Keeps arrows hidden by default.
+ */
+export declare function CloudscapeBoardStyles({ hideNavigationArrows }: CloudscapeBoardStylesProps): React.JSX.Element;
+export {};

package/esm/src/component/cloudscape/CloudscapeBoardStyles.js

@@ -0,0 +1,88 @@
+import { GlobalStyles } from '@mui/material';
+import React from 'react';
+/**
+ * Global CSS overrides for Cloudscape Board containers to flatten chrome
+ * and trim padding on small screens. Keeps arrows hidden by default.
+ */
+export function CloudscapeBoardStyles({ hideNavigationArrows = true }) {
+    const boardGridSelector = '[data-pne-widget-board="true"] [class*="awsui_grid_"][class*="awsui_columns-"]';
+    const navigationStyles = hideNavigationArrows
+        ? {
+            '.awsui_direction-button-wrapper, [class*="direction-button-wrapper"]': {
+                display: 'none !important',
+                visibility: 'hidden !important',
+                opacity: '0 !important',
+                pointerEvents: 'none !important',
+            },
+        }
+        : {};
+    return (React.createElement(GlobalStyles, { styles: {
+            '[class^="awsui_container-override"], [class*=" awsui_container-override"]': {
+                boxShadow: 'none !important',
+                border: '1px solid #e6e6e6 !important',
+                borderRadius: '0 !important',
+            },
+            '[class^="awsui_root_"], [class*=" awsui_root_"]': {
+                boxShadow: 'none !important',
+                borderRadius: '0 !important',
+            },
+            '[data-item-id] [data-height-mode="auto"] [class*="content-fit-height"]': {
+                overflow: 'hidden !important',
+            },
+            '[data-item-id] [data-height-mode="auto"] [class*="content-wrapper-fit-height"]': {
+                overflow: 'hidden !important',
+            },
+            '[data-item-id] [data-collapsed="true"] [class*="awsui_resizer_"]': {
+                display: 'none !important',
+                visibility: 'hidden !important',
+                pointerEvents: 'none !important',
+            },
+            // Cloudscape BoardItem adds top offsets for handle/settings wrappers.
+            // With custom widget headers this shifts the drag grip ~2-3px down vs title baseline.
+            // Limit centering to headers that actually contain board-item drag handle.
+            '[class*="awsui_header_"]:has(> [class*="awsui_handle_"])': {
+                alignItems: 'center !important',
+                paddingBlockEnd: '0 !important',
+            },
+            '[class*="awsui_header_"] > [class*="awsui_handle_"]': {
+                marginBlockStart: '0 !important',
+            },
+            '[class*="awsui_header_"] > [class*="awsui_settings_"]': {
+                marginBlockStart: '0 !important',
+            },
+            // Cloudscape visual refresh applies:
+            // .awsui_refresh_* > .awsui_handle_* { margin-block-start: calc(...2px + 1px); }
+            // Pin it to zero explicitly to avoid 3px vertical drift.
+            '[class*="awsui_header_"][class*="awsui_refresh_"] > [class*="awsui_handle_"]': {
+                marginBlockStart: '0 !important',
+            },
+            '[class*="awsui_header_"][class*="awsui_refresh_"] > [class*="awsui_settings_"]': {
+                marginBlockStart: '0 !important',
+            },
+            '@media (hover: none), (pointer: coarse)': {
+                '[data-item-id]': {
+                    touchAction: 'manipulation !important',
+                },
+            },
+            [boardGridSelector]: {
+                gap: '16px !important',
+            },
+            ...navigationStyles,
+            '@media (max-width: 600px)': {
+                '[data-awsui-board]': {
+                    paddingLeft: '0 !important',
+                    paddingRight: '0 !important',
+                },
+                '[data-awsui-board-item]': {
+                    marginLeft: '0 !important',
+                    marginRight: '0 !important',
+                },
+            },
+            '@media (max-width: 639.95px)': {
+                [boardGridSelector]: {
+                    gap: '8px !important',
+                },
+            },
+        } }));
+}
+//# sourceMappingURL=CloudscapeBoardStyles.js.map

package/esm/src/component/cloudscape/CloudscapeBoardStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloudscapeBoardStyles.js","sourceRoot":"","sources":["../../../../src/component/cloudscape/CloudscapeBoardStyles.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB;;;GAGG;AACH,MAAM,UAAU,qBAAqB,CAAC,EAAE,oBAAoB,GAAG,IAAI,EAA8B;IAC7F,MAAM,iBAAiB,GAAG,gFAAgF,CAAA;IAC1G,MAAM,gBAAgB,GAAG,oBAAoB;QACzC,CAAC,CAAC;YACE,sEAAsE,EAAE;gBACpE,OAAO,EAAE,iBAAiB;gBAC1B,UAAU,EAAE,mBAAmB;gBAC/B,OAAO,EAAE,cAAc;gBACvB,aAAa,EAAE,iBAAiB;aACnC;SACJ;QACD,CAAC,CAAC,EAAE,CAAA;IAER,OAAO,CACH,oBAAC,YAAY,IACT,MAAM,EAAE;YACJ,2EAA2E,EAAE;gBACzE,SAAS,EAAE,iBAAiB;gBAC5B,MAAM,EAAE,8BAA8B;gBACtC,YAAY,EAAE,cAAc;aAC/B;YACD,iDAAiD,EAAE;gBAC/C,SAAS,EAAE,iBAAiB;gBAC5B,YAAY,EAAE,cAAc;aAC/B;YACD,wEAAwE,EAAE;gBACtE,QAAQ,EAAE,mBAAmB;aAChC;YACD,gFAAgF,EAAE;gBAC9E,QAAQ,EAAE,mBAAmB;aAChC;YACD,kEAAkE,EAAE;gBAChE,OAAO,EAAE,iBAAiB;gBAC1B,UAAU,EAAE,mBAAmB;gBAC/B,aAAa,EAAE,iBAAiB;aACnC;YACD,sEAAsE;YACtE,sFAAsF;YACtF,2EAA2E;YAC3E,0DAA0D,EAAE;gBACxD,UAAU,EAAE,mBAAmB;gBAC/B,eAAe,EAAE,cAAc;aAClC;YACD,qDAAqD,EAAE;gBACnD,gBAAgB,EAAE,cAAc;aACnC;YACD,uDAAuD,EAAE;gBACrD,gBAAgB,EAAE,cAAc;aACnC;YACD,qCAAqC;YACrC,iFAAiF;YACjF,yDAAyD;YACzD,8EAA8E,EAAE;gBAC5E,gBAAgB,EAAE,cAAc;aACnC;YACD,gFAAgF,EAAE;gBAC9E,gBAAgB,EAAE,cAAc;aACnC;YACD,yCAAyC,EAAE;gBACvC,gBAAgB,EAAE;oBACd,WAAW,EAAE,yBAAyB;iBACzC;aACJ;YACD,CAAC,iBAAiB,CAAC,EAAE;gBACjB,GAAG,EAAE,iBAAiB;aACzB;YACD,GAAG,gBAAgB;YACnB,2BAA2B,EAAE;gBACzB,oBAAoB,EAAE;oBAClB,WAAW,EAAE,cAAc;oBAC3B,YAAY,EAAE,cAAc;iBAC/B;gBACD,yBAAyB,EAAE;oBACvB,UAAU,EAAE,cAAc;oBAC1B,WAAW,EAAE,cAAc;iBAC9B;aACJ;YACD,8BAA8B,EAAE;gBAC5B,CAAC,iBAAiB,CAAC,EAAE;oBACjB,GAAG,EAAE,gBAAgB;iBACxB;aACJ;SACJ,GACH,CACL,CAAA;AACL,CAAC"}

package/esm/src/component/cloudscape/CloudscapeThemeProvider.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+/**
+ * Runtime Cloudscape theming hook. Applies our theme on mount and resets on unmount.
+ */
+export declare function CloudscapeThemeProvider({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
+export default CloudscapeThemeProvider;

package/esm/src/component/cloudscape/CloudscapeThemeProvider.js

@@ -0,0 +1,15 @@
+import { applyTheme } from '@cloudscape-design/components/theming';
+import React, { useEffect } from 'react';
+import { cloudscapeTheme } from './cloudscapeTheme';
+/**
+ * Runtime Cloudscape theming hook. Applies our theme on mount and resets on unmount.
+ */
+export function CloudscapeThemeProvider({ children }) {
+    useEffect(() => {
+        const { reset } = applyTheme({ theme: cloudscapeTheme });
+        return () => reset();
+    }, []);
+    return React.createElement(React.Fragment, null, children);
+}
+export default CloudscapeThemeProvider;
+//# sourceMappingURL=CloudscapeThemeProvider.js.map

package/esm/src/component/cloudscape/CloudscapeThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloudscapeThemeProvider.js","sourceRoot":"","sources":["../../../../src/component/cloudscape/CloudscapeThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAA;AAClE,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAEnD;;GAEG;AACH,MAAM,UAAU,uBAAuB,CAAC,EAAE,QAAQ,EAAiC;IAC/E,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,CAAC,CAAA;QACxD,OAAO,GAAG,EAAE,CAAC,KAAK,EAAE,CAAA;IACxB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,0CAAG,QAAQ,CAAI,CAAA;AAC1B,CAAC;AAED,eAAe,uBAAuB,CAAA"}

package/esm/src/component/cloudscape/boardI18n.d.ts

@@ -0,0 +1,10 @@
+import type { BoardProps } from '@cloudscape-design/board-components/board';
+import type { BoardItemProps } from '@cloudscape-design/board-components/board-item';
+/**
+ * Shared i18n strings for Cloudscape board items.
+ */
+export declare const boardItemI18nStrings: BoardItemProps.I18nStrings;
+/**
+ * Generates Cloudscape board i18n strings that reuse a title getter for announcements.
+ */
+export declare function createBoardI18nStrings<T>(getTitle: (item: BoardProps.Item<T>) => string): BoardProps.I18nStrings<T>;

package/esm/src/component/cloudscape/boardI18n.js

@@ -0,0 +1,47 @@
+/**
+ * Shared i18n strings for Cloudscape board items.
+ */
+export const boardItemI18nStrings = {
+    dragHandleAriaLabel: 'Drag handle',
+    dragHandleAriaDescription: 'Use Space or Enter to activate drag, arrow keys to move, Space or Enter to submit, or Escape to discard. Temporarily disable screen reader navigation if it interferes with arrow keys.',
+    resizeHandleAriaLabel: 'Resize handle',
+    resizeHandleAriaDescription: 'Use Space or Enter to activate resize, arrow keys to move, Space or Enter to submit, or Escape to discard. Temporarily disable screen reader navigation if it interferes with arrow keys.',
+};
+function createAnnouncement(operationAnnouncement, conflicts, disturbed, getTitle) {
+    const conflictsAnnouncement = conflicts.length > 0 ? `Conflicts with ${conflicts.map(c => getTitle(c)).join(', ')}.` : '';
+    const disturbedAnnouncement = disturbed.length > 0 ? `Disturbed ${disturbed.length} items.` : '';
+    return [operationAnnouncement, conflictsAnnouncement, disturbedAnnouncement].filter(Boolean).join(' ');
+}
+/**
+ * Generates Cloudscape board i18n strings that reuse a title getter for announcements.
+ */
+export function createBoardI18nStrings(getTitle) {
+    return {
+        liveAnnouncementDndStarted: operationType => (operationType === 'resize' ? 'Resizing' : 'Dragging'),
+        liveAnnouncementDndItemReordered: operation => {
+            const columns = `column ${operation.placement.x + 1}`;
+            const rows = `row ${operation.placement.y + 1}`;
+            return createAnnouncement(`Item moved to ${operation.direction === 'horizontal' ? columns : rows}.`, operation.conflicts, operation.disturbed, getTitle);
+        },
+        liveAnnouncementDndItemResized: operation => {
+            const columnsConstraint = operation.isMinimalColumnsReached ? ' (minimal)' : '';
+            const rowsConstraint = operation.isMinimalRowsReached ? ' (minimal)' : '';
+            const sizeAnnouncement = operation.direction === 'horizontal'
+                ? `columns ${operation.placement.width}${columnsConstraint}`
+                : `rows ${operation.placement.height}${rowsConstraint}`;
+            return createAnnouncement(`Item resized to ${sizeAnnouncement}.`, operation.conflicts, operation.disturbed, getTitle);
+        },
+        liveAnnouncementDndItemInserted: operation => {
+            const columns = `column ${operation.placement.x + 1}`;
+            const rows = `row ${operation.placement.y + 1}`;
+            return createAnnouncement(`Item inserted to ${columns}, ${rows}.`, operation.conflicts, operation.disturbed, getTitle);
+        },
+        liveAnnouncementDndCommitted: operationType => `${operationType} committed`,
+        liveAnnouncementDndDiscarded: operationType => `${operationType} discarded`,
+        liveAnnouncementItemRemoved: op => createAnnouncement(`Removed item ${getTitle(op.item)}.`, [], op.disturbed, getTitle),
+        navigationAriaLabel: 'Board navigation',
+        navigationAriaDescription: 'Click on non-empty item to move focus over',
+        navigationItemAriaLabel: item => (item ? getTitle(item) : 'Empty'),
+    };
+}
+//# sourceMappingURL=boardI18n.js.map

package/esm/src/component/cloudscape/boardI18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"boardI18n.js","sourceRoot":"","sources":["../../../../src/component/cloudscape/boardI18n.ts"],"names":[],"mappings":"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"}

package/esm/src/component/cloudscape/cloudscapeTheme.d.ts

@@ -0,0 +1,6 @@
+import type { Theme } from '@cloudscape-design/components/theming';
+/**
+ * Cloudscape theme tokens tuned to match our board widgets.
+ * Border radius is flattened and divider color aligned with UI palette.
+ */
+export declare const cloudscapeTheme: Theme;

package/esm/src/component/cloudscape/cloudscapeTheme.js

@@ -0,0 +1,11 @@
+/**
+ * Cloudscape theme tokens tuned to match our board widgets.
+ * Border radius is flattened and divider color aligned with UI palette.
+ */
+export const cloudscapeTheme = {
+    tokens: {
+        borderRadiusContainer: '0px',
+        colorBorderDividerDefault: 'rgba(230, 230, 230, 1)',
+    },
+};
+//# sourceMappingURL=cloudscapeTheme.js.map

package/esm/src/component/cloudscape/cloudscapeTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cloudscapeTheme.js","sourceRoot":"","sources":["../../../../src/component/cloudscape/cloudscapeTheme.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAU;IAClC,MAAM,EAAE;QACJ,qBAAqB,EAAE,KAAK;QAC5B,yBAAyB,EAAE,wBAAwB;KACtD;CACJ,CAAA"}

package/esm/src/component/confirm/PneConfirmProvider.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export type PneConfirmOptions = {
+    title?: string;
+    message: React.ReactNode;
+    confirmLabel?: string;
+    cancelLabel?: string;
+};
+export type PneConfirmProviderProps = {
+    children: React.ReactNode;
+    defaultOptions?: Partial<Omit<PneConfirmOptions, 'message'>>;
+};
+type PneConfirmContextValue = {
+    confirm: (options: PneConfirmOptions) => Promise<boolean>;
+};
+export declare const PneConfirmProvider: ({ children, defaultOptions }: PneConfirmProviderProps) => React.JSX.Element;
+export declare const usePneConfirm: () => PneConfirmContextValue;
+export default PneConfirmProvider;

package/esm/src/component/confirm/PneConfirmProvider.js

@@ -0,0 +1,75 @@
+import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
+import { Box, Stack, Typography } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import PneButton from '../PneButton';
+import PneModal from '../PneModal';
+const PneConfirmContext = createContext(null);
+const MISSING_PROVIDER_ERROR = 'usePneConfirm must be used within <PneConfirmProvider>';
+const normalizeTitle = (title) => {
+    if (!title)
+        return undefined;
+    return title.trim().length > 0 ? title : undefined;
+};
+export const PneConfirmProvider = ({ children, defaultOptions }) => {
+    const { t } = useTranslation();
+    const queueRef = useRef([]);
+    const currentRef = useRef(null);
+    const [current, setCurrent] = useState(null);
+    const fallbackStrings = useMemo(() => ({
+        title: t('react.confirm-alert.title.confirm-action', { defaultValue: 'Confirm action' }),
+        confirmLabel: t('react.confirm-alert.yes', { defaultValue: 'Yes' }),
+        cancelLabel: t('react.confirm-alert.no.cancel', { defaultValue: 'Cancel' }),
+    }), [t]);
+    const showNext = useCallback(() => {
+        const next = queueRef.current.shift() ?? null;
+        currentRef.current = next;
+        setCurrent(next);
+    }, []);
+    const settle = useCallback((accepted) => {
+        const pending = currentRef.current;
+        if (!pending)
+            return;
+        pending.resolve(accepted);
+        showNext();
+    }, [showNext]);
+    const confirm = useCallback((options) => new Promise(resolve => {
+        const pending = {
+            title: normalizeTitle(options.title) ?? normalizeTitle(defaultOptions?.title) ?? fallbackStrings.title,
+            message: options.message,
+            confirmLabel: options.confirmLabel ?? defaultOptions?.confirmLabel ?? fallbackStrings.confirmLabel,
+            cancelLabel: options.cancelLabel ?? defaultOptions?.cancelLabel ?? fallbackStrings.cancelLabel,
+            resolve,
+        };
+        if (currentRef.current) {
+            queueRef.current.push(pending);
+            return;
+        }
+        currentRef.current = pending;
+        setCurrent(pending);
+    }), [defaultOptions?.cancelLabel, defaultOptions?.confirmLabel, defaultOptions?.title, fallbackStrings.cancelLabel, fallbackStrings.confirmLabel, fallbackStrings.title]);
+    useEffect(() => () => {
+        currentRef.current?.resolve(false);
+        queueRef.current.forEach(pending => pending.resolve(false));
+        queueRef.current = [];
+        currentRef.current = null;
+    }, []);
+    const contextValue = useMemo(() => ({ confirm }), [confirm]);
+    return (React.createElement(PneConfirmContext.Provider, { value: contextValue },
+        children,
+        React.createElement(PneModal, { open: Boolean(current), onClose: () => settle(false), title: current?.title, containerSx: { maxWidth: 560, width: 'calc(100% - 32px)', minWidth: 0 } },
+            React.createElement(Stack, { spacing: 3 },
+                React.createElement(Box, null,
+                    React.createElement(Typography, { sx: { fontSize: '14px', lineHeight: '20px', color: '#4E5D78' } }, current?.message)),
+                React.createElement(Stack, { direction: 'row', spacing: 1, sx: { justifyContent: 'flex-end' } },
+                    React.createElement(PneButton, { pneStyle: 'text', color: 'pneNeutral', onClick: () => settle(false) }, current?.cancelLabel),
+                    React.createElement(PneButton, { pneStyle: 'contained', onClick: () => settle(true) }, current?.confirmLabel))))));
+};
+export const usePneConfirm = () => {
+    const context = useContext(PneConfirmContext);
+    if (!context) {
+        throw new Error(MISSING_PROVIDER_ERROR);
+    }
+    return context;
+};
+export default PneConfirmProvider;
+//# sourceMappingURL=PneConfirmProvider.js.map

package/esm/src/component/confirm/PneConfirmProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PneConfirmProvider.js","sourceRoot":"","sources":["../../../../src/component/confirm/PneConfirmProvider.tsx"],"names":[],"mappings":"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"}

package/esm/src/component/confirm/index.d.ts

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

package/esm/src/component/confirm/index.js

@@ -0,0 +1,2 @@
+export * from './PneConfirmProvider';
+//# sourceMappingURL=index.js.map

package/esm/src/component/confirm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/component/confirm/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA"}

package/esm/src/component/dropdown/PneAsyncAutocomplete.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactNode } from 'react';
+import { AutocompleteProps } from '@mui/material';
+import { PneDropdownChoice } from '../../common/paynet/dropdown';
+export interface PneAsyncAutocompleteProps<T extends PneDropdownChoice, Multiple extends boolean | undefined = undefined, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined> extends Omit<AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, 'renderInput' | 'options'> {
+    searchChoices: (request: {
+        searchString?: string;
+    }) => Promise<T[]>;
+    label?: ReactNode;
+    error?: boolean;
+    helperText?: string;
+    placeholder?: string;
+    onSearchError?: (reason: any) => void;
+}
+declare const PneAsyncAutocomplete: <T extends PneDropdownChoice, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false>(props: PneAsyncAutocompleteProps<T, Multiple, DisableClearable, FreeSolo>) => React.JSX.Element;
+export default PneAsyncAutocomplete;

package/esm/src/component/dropdown/PneAsyncAutocomplete.js

@@ -0,0 +1,65 @@
+import React, { useEffect, useId, useRef, useState } from 'react';
+import { Autocomplete, CircularProgress } from '@mui/material';
+import { dropDownSx, getOptionKey, getOptionLabel, isOptionEqualToValue, } from '../../common/paynet/dropdown';
+import { PneTextField } from "../../index";
+const PneAsyncAutocomplete = (props) => {
+    const { searchChoices, label, size = 'small', error = false, helperText, sx, placeholder, onSearchError, ...rest } = props;
+    const innerSx = [
+        dropDownSx,
+        ...(Array.isArray(sx) ? sx : [sx])
+    ];
+    const [open, setOpen] = useState(false);
+    const [options, setOptions] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [inputValue, setInputValue] = useState('');
+    const id = useId();
+    const requestIdRef = useRef(0);
+    useEffect(() => {
+        if (!open) {
+            requestIdRef.current += 1;
+            setLoading(false);
+            setOptions([]);
+            return;
+        }
+        const requestId = ++requestIdRef.current;
+        let active = true;
+        setOptions([]);
+        setLoading(true);
+        searchChoices({ searchString: inputValue })
+            .then((result) => {
+            if (!active || requestIdRef.current !== requestId) {
+                return;
+            }
+            setOptions(result);
+        })
+            .catch(reason => {
+            if (!active || requestIdRef.current !== requestId) {
+                return;
+            }
+            Promise.resolve(reason)
+                .then(value => {
+                onSearchError ? onSearchError(value) : console.error(value);
+            });
+        })
+            .finally(() => {
+            if (!active || requestIdRef.current !== requestId) {
+                return;
+            }
+            setLoading(false);
+        });
+        return () => {
+            active = false;
+        };
+    }, [open, inputValue, onSearchError, searchChoices]);
+    return React.createElement(Autocomplete, { id: id, open: open, onOpen: () => setOpen(true), onClose: () => setOpen(false), isOptionEqualToValue: isOptionEqualToValue, getOptionLabel: getOptionLabel, getOptionKey: getOptionKey, options: options, loading: loading, filterOptions: (x) => x, inputValue: inputValue, onInputChange: (e, value) => setInputValue(value), renderInput: (params) => (React.createElement(PneTextField, { ...params, label: label, placeholder: placeholder, slotProps: {
+                ...params.slotProps,
+                input: {
+                    ...params.slotProps.input,
+                    endAdornment: (React.createElement(React.Fragment, null,
+                        loading ? React.createElement(CircularProgress, { color: "inherit", size: 20 }) : null,
+                        params.slotProps.input.endAdornment)),
+                },
+            }, error: error, helperText: helperText })), sx: innerSx, size: size, ...rest });
+};
+export default PneAsyncAutocomplete;
+//# sourceMappingURL=PneAsyncAutocomplete.js.map

package/esm/src/component/dropdown/PneAsyncAutocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PneAsyncAutocomplete.js","sourceRoot":"","sources":["../../../../src/component/dropdown/PneAsyncAutocomplete.tsx"],"names":[],"mappings":"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"}

package/esm/src/component/dropdown/PneAutocomplete.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactNode } from 'react';
+import { AutocompleteProps } from '@mui/material';
+import type { TextFieldProps } from '@mui/material/TextField';
+import { PneDropdownChoice } from '../../common/paynet/dropdown';
+export interface IProps<T extends PneDropdownChoice, Multiple extends boolean | undefined = undefined, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined> extends Omit<AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, 'renderInput'> {
+    label?: ReactNode;
+    variant?: TextFieldProps['variant'];
+    error?: boolean;
+    helperText?: string;
+    placeholder?: string;
+}
+declare const PneAutocomplete: <T extends PneDropdownChoice, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false>(props: IProps<T, Multiple, DisableClearable, FreeSolo>) => React.JSX.Element;
+export default PneAutocomplete;

package/esm/src/component/dropdown/PneAutocomplete.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Autocomplete } from '@mui/material';
+import { dropDownSx, getOptionKey, getOptionLabel, isOptionEqualToValue, } from '../../common/paynet/dropdown';
+import { PneTextField } from "../../index";
+const PneAutocomplete = (props) => {
+    const { label, variant, size = 'small', error = false, helperText, sx, placeholder, ...rest } = props;
+    const innerSx = [
+        dropDownSx,
+        ...(Array.isArray(sx) ? sx : [sx])
+    ];
+    return React.createElement(Autocomplete, { isOptionEqualToValue: isOptionEqualToValue, getOptionLabel: getOptionLabel, getOptionKey: getOptionKey, renderInput: (params) => {
+            return React.createElement(PneTextField, { ...params, placeholder: placeholder, label: label, variant: variant, error: error, helperText: helperText });
+        }, size: size, sx: innerSx, ...rest });
+};
+export default PneAutocomplete;
+//# sourceMappingURL=PneAutocomplete.js.map

package/esm/src/component/dropdown/PneAutocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PneAutocomplete.js","sourceRoot":"","sources":["../../../../src/component/dropdown/PneAutocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAC,YAAY,EAA6B,MAAM,eAAe,CAAC;AAEvE,OAAO,EACH,UAAU,EACV,YAAY,EACZ,cAAc,EACd,oBAAoB,GAEvB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAC,YAAY,EAAC,MAAM,aAAa,CAAC;AAezC,MAAM,eAAe,GAAG,CAKtB,KAKD,EAAE,EAAE;IAED,MAAM,EACF,KAAK,EACL,OAAO,EACP,IAAI,GAAG,OAAO,EACd,KAAK,GAAG,KAAK,EACb,UAAU,EACV,EAAE,EACF,WAAW,EACX,GAAG,IAAI,EACV,GAAG,KAAK,CAAA;IAET,MAAM,OAAO,GAAY;QACrB,UAAU;QACV,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;KACrC,CAAA;IAED,OAAO,oBAAC,YAAY,IAChB,oBAAoB,EAAE,oBAAoB,EAC1C,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,CAAC,MAAM,EAAE,EAAE;YACpB,OAAO,oBAAC,YAAY,OACZ,MAAM,EACV,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,GACxB,CAAA;QACN,CAAC,EACD,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,OAAO,KACP,IAAI,GACV,CAAA;AACN,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}

package/esm/src/component/dropdown/PneSelect.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactNode } from 'react';
+import { SelectProps, SelectVariants } from '@mui/material';
+import { PneDropdownChoice } from '../../common/paynet/dropdown';
+import { SelectOption } from '../../common/pne/type';
+export interface IProps<T extends PneDropdownChoice> extends Omit<SelectProps<T>, 'children' | 'onChange' | 'variant'> {
+    options: readonly T[];
+    onChange: (option: T) => void;
+    getOptionLabel?: (option: SelectOption) => ReactNode;
+    variant?: SelectVariants;
+    disableMenuItem?: (option: SelectOption) => boolean;
+}
+declare const PneSelect: React.ForwardRefExoticComponent<Omit<IProps<PneDropdownChoice>, "ref"> & React.RefAttributes<HTMLSelectElement>>;
+export default PneSelect;

package/esm/src/component/dropdown/PneSelect.js

@@ -0,0 +1,44 @@
+import React, { forwardRef } from 'react';
+import { FormControl, InputLabel, MenuItem, Select } from '@mui/material';
+import { assertObject, ensure, exhaustiveCheck } from '../../common/pne/type';
+import { isAbstractEntity, isIAutoCompleteChoice } from '../../common/paynet/type';
+const PneSelect = forwardRef((props, ref) => {
+    const { options, onChange, size = 'small', getOptionLabel = createDefaultOptionLabel, variant = 'outlined', disableMenuItem, label, disabled, error, required, sx, ...rest } = props;
+    const handleChange = (event) => {
+        const value = event.target.value;
+        onChange(ensure(options.find(opt => mapChoiceToSelectOption(opt).value === value)));
+    };
+    const optionsPresent = options?.length > 0;
+    return React.createElement(FormControl, { size: size, variant: variant, disabled: disabled, error: error, required: required, sx: sx, fullWidth: true },
+        React.createElement(InputLabel, { id: "select-label" }, label),
+        React.createElement(Select, { ref: ref, labelId: "select-label", onChange: handleChange, size: size, variant: variant, label: label, ...rest }, optionsPresent ? options.map(mapChoiceToSelectOption).map(option => React.createElement(MenuItem, { disabled: disableMenuItem ? disableMenuItem(option) : false, key: option.value, value: option.value }, getOptionLabel(option))) : null));
+});
+export default PneSelect;
+const createDefaultOptionLabel = (option) => {
+    return option.label;
+};
+const mapChoiceToSelectOption = (choice) => {
+    if (typeof choice === 'string') {
+        return {
+            value: choice,
+            label: choice,
+        };
+    }
+    assertObject(choice);
+    if (isIAutoCompleteChoice(choice)) {
+        return {
+            value: choice.choiceId,
+            label: choice.displayName,
+        };
+    }
+    else if (isAbstractEntity(choice)) {
+        return {
+            value: choice.id,
+            label: choice.displayName,
+        };
+    }
+    exhaustiveCheck(choice);
+    throw new TypeError('Incompatible types of select option:\n'
+        + JSON.stringify(choice, null, 4));
+};
+//# sourceMappingURL=PneSelect.js.map

package/esm/src/component/dropdown/PneSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PneSelect.js","sourceRoot":"","sources":["../../../../src/component/dropdown/PneSelect.tsx"],"names":[],"mappings":"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"}

package/esm/src/component/fab/PneFloatingActionButtons.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+export type PneFabAction = {
+    id: string;
+    label: React.ReactNode;
+    onClick: () => void;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    tooltip?: string;
+    showInMenu?: boolean;
+    showInFabStack?: boolean;
+};
+export type PneFabContent = {
+    id: string;
+    kind: 'content';
+    node: React.ReactNode;
+};
+export type PneFabDivider = {
+    id: string;
+    kind: 'divider';
+};
+export type PneFabItem = PneFabAction | PneFabContent | PneFabDivider;
+export type PneFloatingActionButtonsProps = {
+    actions: PneFabItem[];
+    breakpoints?: readonly number[];
+    mobileBreakpoint?: number;
+    position?: {
+        bottom?: number;
+        right?: number;
+    };
+    fabLabel?: React.ReactNode;
+    fabIcon?: React.ReactNode;
+    className?: string;
+    bannerText?: React.ReactNode;
+};
+/**
+ * Floating action menu:
+ * - on mobile: actions/content rendered inside a Menu
+ * - on desktop: actions rendered as floating Fabs stacked above the trigger; Menu still opens for content/banner
+ * Actions array may include content blocks (`{ kind: 'content', node: <...> }`) to embed custom UI.
+ */
+export declare function PneFloatingActionButtons({ actions, breakpoints, mobileBreakpoint, position, fabLabel, fabIcon, className, bannerText, }: PneFloatingActionButtonsProps): React.JSX.Element;
+export default PneFloatingActionButtons;