superdesk-ui-framework 6.1.0-dev1 → 7.0.0-dev-hg0

package/dist/esm/components/Navigation/SideBarMenu.js

@@ -0,0 +1,59 @@
+import * as React from 'react';
+import { Icon } from '../Icon';
+export class SideBarMenu extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        this.state = {
+            index: -1,
+            closeIndex: -1,
+            hover: this.props.hover ? this.props.hover : false,
+        };
+        this.handleClick = this.handleClick.bind(this);
+        this.handleArrows = this.handleArrows.bind(this);
+    }
+    handleClick(indexNumber) {
+        this.setState({
+            index: indexNumber,
+        });
+        if (this.state.index === indexNumber) {
+            this.setState({
+                closeIndex: indexNumber,
+            });
+        }
+    }
+    handleArrows() {
+        this.setState({
+            hover: !this.state.hover,
+        });
+    }
+    render() {
+        return (React.createElement("div", { className: "sd-sidebar-menu sd-content-wrapper__left-tabs" },
+            React.createElement("ul", { className: 'authoring-active' }, this.props.items.map((item, index) => {
+                if (item === 'divider') {
+                    return React.createElement("li", { key: index, className: "sd-sidebar-menu__spacer" });
+                }
+                else {
+                    return (React.createElement("li", { key: index, "data-sd-tooltip": item['tooltip'], "data-flow": "right", className: item.hover ? 'authoring-active__item' : '' },
+                        React.createElement("a", { className: 'sd-sidebar-menu__btn' +
+                                (this.state.hover ? ' sd-sidebar-menu__btn--closed ' : '') +
+                                (item['active']
+                                    ? ' sd-sidebar-menu__btn--active'
+                                    : index === this.state.index
+                                        ? ' sd-sidebar-menu__btn--active'
+                                        : ''), onClick: () => {
+                                this.handleClick(index);
+                                if (item.hover) {
+                                    this.handleArrows();
+                                    if (item.onCLick) {
+                                        item.onCLick();
+                                    }
+                                }
+                            } },
+                            React.createElement("span", { className: "sd-sidebar-menu__main-icon " },
+                                React.createElement(Icon, { size: item['size'], name: item['icon'] })),
+                            React.createElement("i", { className: "sd-sidebar-menu__helper-icon big-icon--chevron-left" }))));
+                }
+            }))));
+    }
+}
+//# sourceMappingURL=SideBarMenu.js.map

package/dist/esm/components/Navigation/SideBarMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideBarMenu.js","sourceRoot":"","sources":["../../../../app-typescript/components/Navigation/SideBarMenu.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Navigation/SideBarTabs.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+interface IProps {
+    activeTab: string | null;
+    onActiveTabChange(val: string | null): void;
+    items: Array<ISideBarTab | 'divider'>;
+    side?: 'none' | 'left' | 'right';
+    disabled?: boolean;
+    ['data-test-id']?: string;
+}
+export interface ISideBarTab {
+    id: string;
+    icon: string;
+    size: 'small' | 'big';
+    tooltip?: string;
+    badgeValue?: string;
+}
+export declare class SideBarTabs extends React.PureComponent<IProps> {
+    constructor(props: IProps);
+    componentDidMount(): void;
+    handleClick(item: ISideBarTab): void;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=SideBarTabs.d.ts.map

package/dist/esm/components/Navigation/SideBarTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideBarTabs.d.ts","sourceRoot":"","sources":["../../../../app-typescript/components/Navigation/SideBarTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,MAAM;IACZ,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,iBAAiB,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IAC5C,KAAK,EAAE,KAAK,CAAC,WAAW,GAAG,SAAS,CAAC,CAAC;IACtC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,cAAc,CAAC,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,WAAW;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,OAAO,GAAG,KAAK,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,qBAAa,WAAY,SAAQ,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC;gBAC5C,KAAK,EAAE,MAAM;IAMzB,iBAAiB,IAAI,IAAI;IAQzB,WAAW,CAAC,IAAI,EAAE,WAAW;IAQ7B,MAAM;CAsCT"}

package/dist/esm/components/Navigation/SideBarTabs.js

@@ -0,0 +1,43 @@
+import * as React from 'react';
+import { Icon } from '../Icon';
+import { Badge } from '../Badge';
+import classNames from 'classnames';
+export class SideBarTabs extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        this.handleClick = this.handleClick.bind(this);
+    }
+    componentDidMount() {
+        const activeItem = this.props.items.find((item) => item !== 'divider' && item.id === this.props.activeTab);
+        if (activeItem != null && activeItem !== 'divider') {
+            this.props.onActiveTabChange(activeItem.id);
+        }
+    }
+    handleClick(item) {
+        if (this.props.activeTab === item.id) {
+            this.props.onActiveTabChange(null);
+        }
+        else {
+            this.props.onActiveTabChange(item.id);
+        }
+    }
+    render() {
+        return (React.createElement("div", { className: "sd-sidetab-menu sd-sidetab-menu--static", "data-test-id": this.props['data-test-id'] },
+            React.createElement("ul", null, this.props.items.map((item, index) => {
+                if (item === 'divider') {
+                    return React.createElement("li", { key: index, className: "sd-sidetab-menu__spacer" });
+                }
+                else {
+                    return (React.createElement("li", { key: index, "data-sd-tooltip": item.tooltip, "data-flow": "left" },
+                        React.createElement("button", { disabled: this.props.disabled, role: "button", "aria-label": item.tooltip, className: classNames('sd-sidetab-menu__btn', {
+                                'sd-sidetab-menu__btn--active': item.id === this.props.activeTab && this.props.disabled !== true,
+                            }), onClick: () => this.handleClick(item), "data-test-id": "widget-icon", "data-test-value": item.id },
+                            item.badgeValue != null && React.createElement(Badge, { text: item['badgeValue'], type: "primary" }),
+                            React.createElement("span", { className: "sd-sidetab-menu__main-icon " },
+                                React.createElement(Icon, { size: item['size'], name: item['icon'] })),
+                            React.createElement("i", { className: "sd-sidetab-menu__helper-icon icon-close-small" }))));
+                }
+            }))));
+    }
+}
+//# sourceMappingURL=SideBarTabs.js.map

package/dist/esm/components/Navigation/SideBarTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideBarTabs.js","sourceRoot":"","sources":["../../../../app-typescript/components/Navigation/SideBarTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,IAAI,EAAC,MAAM,SAAS,CAAC;AAC7B,OAAO,EAAC,KAAK,EAAC,MAAM,UAAU,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AAmBpC,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,aAAqB;IACxD,YAAY,KAAa;QACrB,KAAK,CAAC,KAAK,CAAC,CAAC;QAEb,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACnD,CAAC;IAED,iBAAiB;QACb,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAE3G,IAAI,UAAU,IAAI,IAAI,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;YACjD,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;QAChD,CAAC;IACL,CAAC;IAED,WAAW,CAAC,IAAiB;QACzB,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC,EAAE,EAAE,CAAC;YACnC,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;QACvC,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC1C,CAAC;IACL,CAAC;IAED,MAAM;QACF,OAAO,CACH,6BAAK,SAAS,EAAC,yCAAyC,kBAAe,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC;YAC7F,gCACK,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBAClC,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;oBACrB,OAAO,4BAAI,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,yBAAyB,GAAM,CAAC;gBACrE,CAAC;qBAAM,CAAC;oBACJ,OAAO,CACH,4BAAI,GAAG,EAAE,KAAK,qBAAmB,IAAI,CAAC,OAAO,eAAY,MAAM;wBAC3D,gCACI,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,IAAI,EAAC,QAAQ,gBACD,IAAI,CAAC,OAAO,EACxB,SAAS,EAAE,UAAU,CAAC,sBAAsB,EAAE;gCAC1C,8BAA8B,EAC1B,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,IAAI;6BACvE,CAAC,EACF,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,kBACxB,aAAa,qBACT,IAAI,CAAC,EAAE;4BAEvB,IAAI,CAAC,UAAU,IAAI,IAAI,IAAI,oBAAC,KAAK,IAAC,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,EAAC,SAAS,GAAG;4BAE9E,8BAAM,SAAS,EAAC,6BAA6B;gCACzC,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,GAAI,CAC7C;4BAEP,2BAAG,SAAS,EAAC,+CAA+C,GAAK,CAC5D,CACR,CACR,CAAC;gBACN,CAAC;YACL,CAAC,CAAC,CACD,CACH,CACT,CAAC;IACN,CAAC;CACJ"}

package/dist/esm/components/Navigation/index.d.ts

@@ -0,0 +1,4 @@
+export { SideBarMenu } from './SideBarMenu';
+export { SideBarTabs } from './SideBarTabs';
+export { QuickNavBar } from './QuickNavBar';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/Navigation/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../app-typescript/components/Navigation/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC"}

package/dist/esm/components/Navigation/index.js

@@ -0,0 +1,4 @@
+export { SideBarMenu } from './SideBarMenu';
+export { SideBarTabs } from './SideBarTabs';
+export { QuickNavBar } from './QuickNavBar';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Navigation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../app-typescript/components/Navigation/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC"}

package/dist/esm/components/OverflowStack/OverflowStack.d.ts

@@ -0,0 +1,88 @@
+import * as React from 'react';
+interface IPropsOverflowStackBase {
+    /**
+     * Default: {type: `fixed`, max: 4}
+     */
+    overflow?: {
+        type: 'fixed';
+        max?: number | 'show-all';
+    } | {
+        type: 'auto';
+    };
+    /**
+     * Defaults to `compact`
+     */
+    gap?: 'compact' | 'loose' | 'none';
+    /**
+     * When `true`, items will have negative margin and expand on hover
+     */
+    overlap?: boolean;
+    showOnlyHiddenInPopover?: boolean;
+    /**
+     * Defaults to `count`
+     * `count`: Shows "+N" with the number of hidden items
+     * `dots`: Shows a three dots icon without the count
+     */
+    indicatorStyle?: 'count' | 'dots';
+    renderIndicator?: (count: number) => React.ReactNode;
+    onIndicatorClick?: () => void;
+    /**
+     * Defaults to `full`
+     * Border radius for the indicator button
+     */
+    indicatorRadius?: 'x-small' | 'small' | 'medium' | 'full';
+    containerClassName?: string;
+}
+interface IPropsOverflowStackSimple extends IPropsOverflowStackBase {
+    type: 'simple';
+    items: Array<React.ReactNode>;
+    /**
+     * Custom render function for items in the popover.
+     * Useful if you just want to wrap children, but still keep everything else default.
+     * If not provided, items will be rendered as-is
+     */
+    renderPopoverItem?: (item: React.ReactNode, index: number) => React.ReactNode;
+}
+interface IPropsOverflowStackData<T> extends IPropsOverflowStackBase {
+    type: 'data';
+    items: Array<T>;
+    renderVisibleItem: (data: T, index: number) => React.ReactNode;
+    /**
+     * If not provided, `renderVisibleItem` will be used
+     */
+    renderHiddenItem?: (data: T, index: number) => React.ReactNode;
+}
+export type IPropsOverflowStack<T> = IPropsOverflowStackSimple | IPropsOverflowStackData<T>;
+interface IStateOverflowStack {
+    /**
+     * Number of visible items when using auto overflow
+     */
+    visibleCount: number;
+}
+export declare class OverflowStack<T> extends React.PureComponent<IPropsOverflowStack<T>, IStateOverflowStack> {
+    private containerRef;
+    private itemRefs;
+    private indicatorRef;
+    private resizeObserver;
+    private popoverContentRef;
+    /**
+     * Use a ref to avoid closure when passing props.
+     */
+    private currentPropsRef;
+    /**
+     * Debounced calculation to avoid excessive updates during resize
+     */
+    private debouncedCalculate;
+    constructor(props: IPropsOverflowStack<T>);
+    private getItemCount;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: IPropsOverflowStack<T>): void;
+    componentWillUnmount(): void;
+    private setupResizeObserver;
+    private cleanupResizeObserver;
+    private getGapSize;
+    private calculateVisibleItems;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=OverflowStack.d.ts.map

package/dist/esm/components/OverflowStack/OverflowStack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowStack.d.ts","sourceRoot":"","sources":["../../../../app-typescript/components/OverflowStack/OverflowStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,UAAU,uBAAuB;IAC7B;;OAEG;IACH,QAAQ,CAAC,EACH;QACI,IAAI,EAAE,OAAO,CAAC;QACd,GAAG,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;KAC7B,GACD;QACI,IAAI,EAAE,MAAM,CAAC;KAChB,CAAC;IAER;;OAEG;IACH,GAAG,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IAEnC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAElC;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAElC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACrD,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAE9B;;;OAGG;IACH,eAAe,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAE1D,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,UAAU,yBAA0B,SAAQ,uBAAuB;IAC/D,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IAE9B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CACjF;AAED,UAAU,uBAAuB,CAAC,CAAC,CAAE,SAAQ,uBAAuB;IAChE,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IAEhB,iBAAiB,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAE/D;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CAClE;AAED,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI,yBAAyB,GAAG,uBAAuB,CAAC,CAAC,CAAC,CAAC;AAE5F,UAAU,mBAAmB;IACzB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;CACxB;AAED,qBAAa,aAAa,CAAC,CAAC,CAAE,SAAQ,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,mBAAmB,CAAC;IAClG,OAAO,CAAC,YAAY,CAAqC;IACzD,OAAO,CAAC,QAAQ,CAA8C;IAC9D,OAAO,CAAC,YAAY,CAAqC;IACzD,OAAO,CAAC,cAAc,CAA+B;IACrD,OAAO,CAAC,iBAAiB,CAA8C;IAEvE;;OAEG;IACH,OAAO,CAAC,eAAe,CAA6D;IAEpF;;OAEG;IACH,OAAO,CAAC,kBAAkB,CAEnB;gBAEK,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAWzC,OAAO,CAAC,YAAY;IAQpB,iBAAiB;IAUjB,kBAAkB,CAAC,SAAS,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAgCpD,oBAAoB;IAKpB,OAAO,CAAC,mBAAmB;IAc3B,OAAO,CAAC,qBAAqB;IAO7B,OAAO,CAAC,UAAU;IAmBlB,OAAO,CAAC,qBAAqB;IAwD7B,MAAM;CAsJT"}

package/dist/esm/components/OverflowStack/OverflowStack.js

@@ -0,0 +1,231 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import debounce from 'lodash/debounce';
+import { WithPopover } from '../WithPopover';
+import { HeadlessButton } from '../HeadlessButton';
+import { IconButton } from '../IconButton';
+import { OverflowStackPopover } from './OverflowStackPopover';
+import { defaultIndicator, HIDDEN_ITEM_STYLE } from './utils';
+export class OverflowStack extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        this.containerRef = React.createRef();
+        this.itemRefs = [];
+        this.indicatorRef = React.createRef();
+        this.resizeObserver = null;
+        this.popoverContentRef = React.createRef();
+        /**
+         * Use a ref to avoid closure when passing props.
+         */
+        this.currentPropsRef = { current: null };
+        /**
+         * Debounced calculation to avoid excessive updates during resize
+         */
+        this.debouncedCalculate = debounce(() => {
+            this.calculateVisibleItems();
+        }, 50);
+        const itemCount = this.getItemCount(props);
+        this.state = {
+            visibleCount: itemCount,
+        };
+        this.itemRefs = Array.from({ length: itemCount }, () => React.createRef());
+        this.currentPropsRef.current = props;
+    }
+    getItemCount(props) {
+        if (props.type === 'data') {
+            return props.items.length;
+        }
+        return props.items?.length ?? 0;
+    }
+    componentDidMount() {
+        if (this.props.overflow?.type === 'auto') {
+            this.setupResizeObserver();
+            requestAnimationFrame(() => {
+                this.calculateVisibleItems();
+            });
+        }
+    }
+    componentDidUpdate(prevProps) {
+        // Update the props ref for the popover
+        this.currentPropsRef.current = this.props;
+        this.popoverContentRef.current?.forceUpdate?.();
+        const isAutoMode = this.props.overflow?.type === 'auto';
+        if (prevProps.overflow !== this.props.overflow) {
+            if (isAutoMode) {
+                this.setupResizeObserver();
+            }
+            else {
+                this.cleanupResizeObserver();
+            }
+        }
+        if (isAutoMode) {
+            const prevItemCount = this.getItemCount(prevProps);
+            const currentItemCount = this.getItemCount(this.props);
+            if (prevItemCount !== currentItemCount) {
+                // Recreate refs if item count changed
+                this.itemRefs = Array.from({ length: currentItemCount }, () => React.createRef());
+                this.setState({ visibleCount: currentItemCount }, () => {
+                    requestAnimationFrame(() => this.calculateVisibleItems());
+                });
+            }
+            else {
+                requestAnimationFrame(() => this.calculateVisibleItems());
+            }
+        }
+    }
+    componentWillUnmount() {
+        this.cleanupResizeObserver();
+        this.debouncedCalculate.cancel();
+    }
+    setupResizeObserver() {
+        if (this.resizeObserver) {
+            return;
+        }
+        this.resizeObserver = new ResizeObserver(() => {
+            this.debouncedCalculate();
+        });
+        if (this.containerRef.current) {
+            this.resizeObserver.observe(this.containerRef.current);
+        }
+    }
+    cleanupResizeObserver() {
+        if (this.resizeObserver) {
+            this.resizeObserver.disconnect();
+            this.resizeObserver = null;
+        }
+    }
+    getGapSize() {
+        const { gap = 'compact', overlap = false } = this.props;
+        if (overlap) {
+            return -8; // Overlapping items have negative margin
+        }
+        switch (gap) {
+            case 'compact':
+                return 4;
+            case 'loose':
+                return 8;
+            case 'none':
+                return 0;
+            default:
+                return 4;
+        }
+    }
+    calculateVisibleItems() {
+        if (!this.containerRef.current || this.props.overflow?.type !== 'auto') {
+            return;
+        }
+        const containerWidth = this.containerRef.current.offsetWidth;
+        // If container has no width yet, skip calculation
+        if (containerWidth === 0) {
+            return;
+        }
+        const gapSize = this.getGapSize();
+        const indicatorWidth = this.indicatorRef.current?.offsetWidth || 40;
+        const totalItemCount = this.getItemCount(this.props);
+        let totalWidth = 0;
+        let visibleCount = 0;
+        // Calculate how many items fit
+        for (let i = 0; i < this.itemRefs.length; i++) {
+            const itemRef = this.itemRefs[i];
+            if (!itemRef.current) {
+                visibleCount = totalItemCount;
+                break;
+            }
+            const itemWidth = itemRef.current.offsetWidth;
+            if (itemWidth === 0) {
+                visibleCount = totalItemCount;
+                break;
+            }
+            const widthWithGap = itemWidth + (i > 0 ? gapSize : 0);
+            const needsIndicator = i < totalItemCount - 1;
+            const availableWidth = containerWidth - (needsIndicator ? indicatorWidth + gapSize : 0);
+            if (totalWidth + widthWithGap <= availableWidth) {
+                totalWidth += widthWithGap;
+                visibleCount = i + 1;
+            }
+            else {
+                break;
+            }
+        }
+        if (visibleCount === 0 && totalItemCount > 0) {
+            visibleCount = 1;
+        }
+        if (this.state.visibleCount !== visibleCount) {
+            this.setState({ visibleCount });
+        }
+    }
+    render() {
+        const { gap = 'compact', overlap = false, overflow = {
+            type: 'fixed',
+            max: 4,
+        }, showOnlyHiddenInPopover = false, indicatorStyle = 'count', renderIndicator, onIndicatorClick, indicatorRadius = 'full', containerClassName: className, } = this.props;
+        const itemCount = this.getItemCount(this.props);
+        let max;
+        if (overflow.type === 'auto') {
+            max = this.state.visibleCount;
+        }
+        else if (overflow.max === 'show-all') {
+            max = itemCount;
+        }
+        else {
+            max = overflow.max ?? 4;
+        }
+        const itemsOverLimit = itemCount - max;
+        const renderVisibleItems = () => {
+            const renderItemWrapper = (content, index) => {
+                const isVisible = index < max;
+                return (React.createElement("div", { key: index, ref: overflow.type === 'auto' ? this.itemRefs[index] : undefined, className: "overflow-stack__item", style: overflow.type === 'auto' && !isVisible ? HIDDEN_ITEM_STYLE : undefined }, content));
+            };
+            const { props } = this;
+            if (props.type === 'data') {
+                const itemsToRender = overflow.type === 'auto' ? props.items : props.items.slice(0, max);
+                return itemsToRender.map((data, index) => renderItemWrapper(props.renderVisibleItem(data, index), index));
+            }
+            else {
+                const itemsToRender = overflow.type === 'auto' ? props.items : props.items.slice(0, max);
+                return itemsToRender.map((item, index) => renderItemWrapper(item, index));
+            }
+        };
+        const ariaLabel = showOnlyHiddenInPopover
+            ? `Show ${itemsOverLimit} hidden items`
+            : `Show ${itemsOverLimit} more items`;
+        const renderIndicatorButton = (onToggle) => {
+            const handleClick = (e) => {
+                e.stopPropagation();
+                if (onIndicatorClick == null) {
+                    onToggle(e.currentTarget);
+                }
+                else {
+                    onIndicatorClick();
+                }
+            };
+            let indicator;
+            if (indicatorStyle === 'dots') {
+                indicator = React.createElement(IconButton, { size: "small", icon: "dots", ariaValue: ariaLabel, onClick: handleClick });
+            }
+            else {
+                const content = renderIndicator?.(itemsOverLimit) ?? defaultIndicator(itemsOverLimit);
+                indicator = (React.createElement(HeadlessButton, { radius: indicatorRadius, onClick: handleClick, ariaLabel: ariaLabel, tooltip: ariaLabel }, content));
+            }
+            // Wrap in a div with ref for auto mode (needed for width measurement)
+            if (overflow.type === 'auto') {
+                return (React.createElement("div", { ref: this.indicatorRef, style: { display: 'inline-flex' } }, indicator));
+            }
+            return indicator;
+        };
+        const classes = classNames('overflow-stack', {
+            'overflow-stack--overlap': overlap,
+            [`overflow-stack--gap-${gap}`]: !overlap,
+        }, className);
+        return (React.createElement(WithPopover, { component: ({ closePopup }) => (React.createElement(OverflowStackPopover, { ref: this.popoverContentRef, propsRef: this.currentPropsRef, max: max, showOnlyHiddenInPopover: showOnlyHiddenInPopover, closePopup: closePopup })) }, (onToggle) => {
+            const stackContent = (React.createElement("div", { ref: this.containerRef, className: classes, role: "group", style: overflow.type === 'auto' ? { width: '100%' } : undefined },
+                renderVisibleItems(),
+                itemsOverLimit > 0 && renderIndicatorButton(onToggle)));
+            if (overflow.type === 'auto') {
+                return React.createElement("div", { style: { display: 'flex', width: '100%', minWidth: 0 } }, stackContent);
+            }
+            return stackContent;
+        }));
+    }
+}
+//# sourceMappingURL=OverflowStack.js.map

package/dist/esm/components/OverflowStack/OverflowStack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowStack.js","sourceRoot":"","sources":["../../../../app-typescript/components/OverflowStack/OverflowStack.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/OverflowStack/OverflowStackPopover.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import type { IPropsOverflowStack } from './OverflowStack';
+interface IPopoverContentProps<T> {
+    max: number;
+    closePopup(): void;
+    showOnlyHiddenInPopover: boolean;
+    propsRef: {
+        current: IPropsOverflowStack<T> | null;
+    };
+}
+export declare class OverflowStackPopover<T> extends React.Component<IPopoverContentProps<T>> {
+    render(): JSX.Element | null;
+}
+export {};
+//# sourceMappingURL=OverflowStackPopover.d.ts.map

package/dist/esm/components/OverflowStack/OverflowStackPopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowStackPopover.d.ts","sourceRoot":"","sources":["../../../../app-typescript/components/OverflowStack/OverflowStackPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,iBAAiB,CAAC;AAEzD,UAAU,oBAAoB,CAAC,CAAC;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,IAAI,IAAI,CAAC;IACnB,uBAAuB,EAAE,OAAO,CAAC;IACjC,QAAQ,EAAE;QAAC,OAAO,EAAE,mBAAmB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAA;KAAC,CAAC;CACtD;AAED,qBAAa,oBAAoB,CAAC,CAAC,CAAE,SAAQ,KAAK,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;IACjF,MAAM;CAgCT"}

package/dist/esm/components/OverflowStack/OverflowStackPopover.js

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { renderHiddenItemDefault } from './utils';
+export class OverflowStackPopover extends React.Component {
+    render() {
+        const { propsRef, max, showOnlyHiddenInPopover } = this.props;
+        const props = propsRef.current;
+        if (props == null) {
+            return null;
+        }
+        const itemsToShow = showOnlyHiddenInPopover ? props.items.slice(max) : props.items;
+        if (props.type === 'data') {
+            const renderFn = props.renderHiddenItem ?? props.renderVisibleItem;
+            return (React.createElement("div", { className: "overflow-stack__popover" }, itemsToShow.map((data, index) => (React.createElement("div", { key: index, className: "overflow-stack__popover-item" }, renderFn(data, showOnlyHiddenInPopover ? index + max : index))))));
+        }
+        else {
+            const renderFn = props.renderPopoverItem ?? renderHiddenItemDefault;
+            return (React.createElement("div", { className: "overflow-stack__popover" }, itemsToShow.map((item, index) => renderFn(item, showOnlyHiddenInPopover ? index + max : index))));
+        }
+    }
+}
+//# sourceMappingURL=OverflowStackPopover.js.map

package/dist/esm/components/OverflowStack/OverflowStackPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverflowStackPopover.js","sourceRoot":"","sources":["../../../../app-typescript/components/OverflowStack/OverflowStackPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,uBAAuB,EAAC,MAAM,SAAS,CAAC;AAUhD,MAAM,OAAO,oBAAwB,SAAQ,KAAK,CAAC,SAAkC;IACjF,MAAM;QACF,MAAM,EAAC,QAAQ,EAAE,GAAG,EAAE,uBAAuB,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAC5D,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAE/B,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;YAChB,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,MAAM,WAAW,GAAG,uBAAuB,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC;QAEnF,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;YACxB,MAAM,QAAQ,GAAG,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,iBAAiB,CAAC;YAEnE,OAAO,CACH,6BAAK,SAAS,EAAC,yBAAyB,IACnC,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,8BAA8B,IACpD,QAAQ,CAAC,IAAS,EAAE,uBAAuB,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CACjE,CACT,CAAC,CACA,CACT,CAAC;QACN,CAAC;aAAM,CAAC;YACJ,MAAM,QAAQ,GAAG,KAAK,CAAC,iBAAiB,IAAI,uBAAuB,CAAC;YAEpE,OAAO,CACH,6BAAK,SAAS,EAAC,yBAAyB,IACnC,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,uBAAuB,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAC9F,CACT,CAAC;QACN,CAAC;IACL,CAAC;CACJ"}

package/dist/esm/components/OverflowStack/utils.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export declare const HIDDEN_ITEM_STYLE: React.CSSProperties;
+export declare const defaultIndicator: (count: number) => JSX.Element;
+export declare const renderHiddenItemDefault: (item: React.ReactNode, index: number) => JSX.Element;
+//# sourceMappingURL=utils.d.ts.map

package/dist/esm/components/OverflowStack/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../app-typescript/components/OverflowStack/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,aAK5B,CAAC;AAEX,eAAO,MAAM,gBAAgB,GAAI,OAAO,MAAM,gBAAwE,CAAC;AAEvH,eAAO,MAAM,uBAAuB,GAAI,MAAM,KAAK,CAAC,SAAS,EAAE,OAAO,MAAM,gBAI3E,CAAC"}

package/dist/esm/components/OverflowStack/utils.js

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export const HIDDEN_ITEM_STYLE = {
+    position: 'absolute',
+    visibility: 'hidden',
+    pointerEvents: 'none',
+    whiteSpace: 'nowrap',
+};
+export const defaultIndicator = (count) => React.createElement("span", { className: "overflow-stack__indicator-content" },
+    "+",
+    count);
+export const renderHiddenItemDefault = (item, index) => (React.createElement("div", { key: index, className: "overflow-stack__popover-item" }, item));
+//# sourceMappingURL=utils.js.map

package/dist/esm/components/OverflowStack/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../app-typescript/components/OverflowStack/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,CAAC,MAAM,iBAAiB,GAAwB;IAClD,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,QAAQ;IACpB,aAAa,EAAE,MAAM;IACrB,UAAU,EAAE,QAAQ;CACd,CAAC;AAEX,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,8BAAM,SAAS,EAAC,mCAAmC;;IAAG,KAAK,CAAQ,CAAC;AAEvH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,IAAqB,EAAE,KAAa,EAAE,EAAE,CAAC,CAC7E,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,8BAA8B,IACpD,IAAI,CACH,CACT,CAAC"}

package/dist/esm/components/Popover.d.ts

@@ -0,0 +1,14 @@
+import { PopperOptions } from 'popper.js';
+import * as React from 'react';
+interface IProps {
+    title: string;
+    triggerSelector: string;
+    displayCloseButton?: boolean;
+    placement?: PopperOptions['placement'];
+    theme?: 'light-ui' | 'dark-ui';
+}
+export declare class Popover extends React.Component<IProps> {
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=Popover.d.ts.map

package/dist/esm/components/Popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../app-typescript/components/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,WAAW,CAAC;AACxC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,MAAM;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;CAClC;AAED,qBAAa,OAAQ,SAAQ,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC;IAChD,MAAM;CAmCT"}

package/dist/esm/components/Popover.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { Positioner } from './_Positioner';
+export class Popover extends React.Component {
+    render() {
+        return (React.createElement(Positioner, { triggerSelector: this.props.triggerSelector, theme: this.props.theme, placement: this.props.placement ?? 'auto', className: "sd-popover" },
+            React.createElement("div", { className: "sd-popover__header" },
+                React.createElement("h4", { className: "sd-popover__title", tabIndex: 0, id: "popoverTitle" }, this.props.title),
+                (this.props.displayCloseButton ?? true) && (React.createElement("button", { className: "icn-btn icn-btn--small sd-popover__close", tabIndex: 0, "aria-label": 'Close dialog', onClick: () => {
+                        const el = document.querySelector(this.props.triggerSelector);
+                        if (el instanceof HTMLElement) {
+                            el.click();
+                        }
+                    } },
+                    React.createElement("i", { className: "icon-close-small" })))),
+            React.createElement("div", { className: "sd-popover__content" }, this.props.children)));
+    }
+}
+//# sourceMappingURL=Popover.js.map

package/dist/esm/components/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../app-typescript/components/Popover.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AAUzC,MAAM,OAAO,OAAQ,SAAQ,KAAK,CAAC,SAAiB;IAChD,MAAM;QACF,OAAO,CACH,oBAAC,UAAU,IACP,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe,EAC3C,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,MAAM,EACzC,SAAS,EAAC,YAAY;YAEtB,6BAAK,SAAS,EAAC,oBAAoB;gBAC/B,4BAAI,SAAS,EAAC,mBAAmB,EAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAC,cAAc,IAC3D,IAAI,CAAC,KAAK,CAAC,KAAK,CAChB;gBAEJ,CAAC,IAAI,CAAC,KAAK,CAAC,kBAAkB,IAAI,IAAI,CAAC,IAAI,CACxC,gCACI,SAAS,EAAC,0CAA0C,EACpD,QAAQ,EAAE,CAAC,gBACC,cAAc,EAC1B,OAAO,EAAE,GAAG,EAAE;wBACV,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;wBAE9D,IAAI,EAAE,YAAY,WAAW,EAAE,CAAC;4BAC5B,EAAE,CAAC,KAAK,EAAE,CAAC;wBACf,CAAC;oBACL,CAAC;oBAED,2BAAG,SAAS,EAAC,kBAAkB,GAAG,CAC7B,CACZ,CACC;YAEN,6BAAK,SAAS,EAAC,qBAAqB,IAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAO,CACvD,CAChB,CAAC;IACN,CAAC;CACJ"}