@sap-ux/ui-components 1.0.0

package/dist/components/UISearchBox/UISearchBox.js

@@ -0,0 +1,155 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UISearchBox = void 0;
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@fluentui/react");
+const Icons_1 = require("../Icons");
+const searchIcon = { iconName: Icons_1.UiIcons.Search };
+/**
+ * UISearchBox component
+ * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/searchbox
+ *
+ * @exports
+ * @class UISearchBox
+ * @extends {React.Component<ISearchBoxProps, {}>}
+ */
+class UISearchBox extends react_1.default.Component {
+    /**
+     * Initializes component properties.
+     * @param {ISearchBoxProps} props
+     */
+    constructor(props) {
+        super(props);
+    }
+    /**
+     * @returns {JSX.Element}
+     */
+    render() {
+        const searchBoxStyles = (props) => ({
+            ...{
+                root: [
+                    {
+                        fontFamily: 'var(--vscode-font-family)',
+                        fontSize: 13,
+                        backgroundColor: 'var(--vscode-input-background)',
+                        border: '1px solid var(--vscode-editorWidget-border)',
+                        borderRadius: 0,
+                        height: 22,
+                        width: '100%',
+                        boxSizing: 'initial',
+                        selectors: {
+                            '&:hover': {
+                                border: '1px solid var(--vscode-focusBorder)'
+                            }
+                        }
+                    },
+                    props.hasFocus && {
+                        selectors: {
+                            ':after': {
+                                border: `1px solid var(--vscode-focusBorder)`,
+                                inset: -1,
+                                borderRadius: 0
+                            }
+                        }
+                    },
+                    props.disabled && {
+                        color: 'var(--vscode-input-foreground)',
+                        opacity: 0.2,
+                        backgroundColor: 'var(--vscode-input-background)',
+                        borderColor: 'var(--vscode-input-background)',
+                        borderRadius: 0,
+                        height: 22,
+                        maxHeight: 22,
+                        minHeight: 22,
+                        boxSizing: 'initial'
+                    }
+                ],
+                field: [
+                    {
+                        backgroundColor: 'var(--vscode-input-background)',
+                        color: 'var(--vscode-input-foreground)',
+                        lineHeight: 22,
+                        height: 22,
+                        maxHeight: 22,
+                        minHeight: 22,
+                        fontSize: 13,
+                        fontWeight: 'normal',
+                        boxSizing: 'border-box',
+                        selectors: {
+                            '::placeholder': {
+                                color: 'var(--vscode-input-placeholderForeground)'
+                            }
+                        }
+                    },
+                    {
+                        [':focus']: {
+                            outline: 0
+                        }
+                    },
+                    props.hasFocus && {
+                        selectors: {
+                            ':after': {
+                                border: `1px solid var(--vscode-focusBorder')`
+                            }
+                        }
+                    }
+                ],
+                iconContainer: [
+                    {
+                        alignItems: 'flex-start',
+                        marginLeft: 5,
+                        height: 16,
+                        width: 23,
+                        cursor: 'text',
+                        paddingTop: 5,
+                        transition: 'width 0.167s ease 0s',
+                        selectors: {
+                            svg: {
+                                width: 16
+                            },
+                            'svg > g': {
+                                fill: 'var(--vscode-foreground)'
+                            }
+                        }
+                    },
+                    props.hasFocus && {
+                        width: 4,
+                        marginLeft: 0
+                    }
+                ],
+                clearButton: [
+                    {
+                        display: 'flex',
+                        flexDirection: 'row',
+                        alignItems: 'stretch',
+                        cursor: 'pointer',
+                        flexBasis: '16px',
+                        flexShrink: 0,
+                        padding: 0,
+                        margin: '-1px 0px',
+                        selectors: {
+                            '&:hover .ms-Button': {
+                                backgroundColor: 'var(--vscode-input-background)'
+                            },
+                            '&:hover .ms-Button-icon': {
+                                color: 'var(--vscode-input-foreground)'
+                            },
+                            '.ms-Button': {
+                                borderRadius: 0
+                            },
+                            '.ms-Button-icon': {
+                                color: 'var(--vscode-input-foreground)'
+                            }
+                        }
+                    }
+                ]
+            }
+        });
+        return react_1.default.createElement(react_2.SearchBox, { ...this.props, styles: searchBoxStyles, iconProps: searchIcon });
+    }
+}
+exports.UISearchBox = UISearchBox;
+//# sourceMappingURL=UISearchBox.js.map

package/dist/components/UISearchBox/UISearchBox.js.map

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

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

@@ -0,0 +1,4 @@
+import { ISearchBox } from '@fluentui/react';
+export { ISearchBox as UISearchBoxInterface };
+export * from './UISearchBox';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/UISearchBox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/UISearchBox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,UAAU,IAAI,oBAAoB,EAAE,CAAC;AAC9C,cAAc,eAAe,CAAC"}

package/dist/components/UISearchBox/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./UISearchBox"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/UISearchBox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/UISearchBox/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAGA,gDAA8B"}

package/dist/components/UISection/UISection.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import './UISection.scss';
+export declare enum UISectionLayout {
+    Standard = "standard",
+    Extended = "extended"
+}
+export interface UISectionProps {
+    title?: string;
+    height?: string;
+    className?: string;
+    hidden?: boolean;
+    layout?: UISectionLayout;
+    collapsible?: boolean;
+    scrollable?: boolean;
+    cleanPadding?: boolean;
+    rootRef?: React.RefObject<HTMLDivElement>;
+    onScroll?: () => void;
+}
+/**
+ * Section Component.
+ *
+ * @exports
+ * @class {UISection}
+ * @extends {React.Component<UISectionProps>}
+ */
+export declare class UISection extends React.Component<UISectionProps> {
+    private onScroll;
+    /**
+     * @returns {React.ReactElement}
+     */
+    render(): React.ReactElement;
+}
+//# sourceMappingURL=UISection.d.ts.map

package/dist/components/UISection/UISection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UISection.d.ts","sourceRoot":"","sources":["../../../src/components/UISection/UISection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,kBAAkB,CAAC;AAE1B,oBAAY,eAAe;IACvB,QAAQ,aAAa;IACrB,QAAQ,aAAa;CACxB;AAED,MAAM,WAAW,cAAc;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAE1C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED;;;;;;GAMG;AACH,qBAAa,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC1D,OAAO,CAAC,QAAQ;IAMhB;;OAEG;IACH,MAAM,IAAI,KAAK,CAAC,YAAY;CA8B/B"}

package/dist/components/UISection/UISection.js

@@ -0,0 +1,47 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UISection = exports.UISectionLayout = void 0;
+const react_1 = __importDefault(require("react"));
+require("./UISection.scss");
+var UISectionLayout;
+(function (UISectionLayout) {
+    UISectionLayout["Standard"] = "standard";
+    UISectionLayout["Extended"] = "extended";
+})(UISectionLayout = exports.UISectionLayout || (exports.UISectionLayout = {}));
+/**
+ * Section Component.
+ *
+ * @exports
+ * @class {UISection}
+ * @extends {React.Component<UISectionProps>}
+ */
+class UISection extends react_1.default.Component {
+    onScroll() {
+        if (this.props.onScroll) {
+            this.props.onScroll();
+        }
+    }
+    /**
+     * @returns {React.ReactElement}
+     */
+    render() {
+        const scrollable = this.props.scrollable === undefined || this.props.scrollable;
+        const style = {};
+        const layout = this.props.layout || UISectionLayout.Standard;
+        if ('height' in this.props) {
+            style.height = this.props.height;
+        }
+        return (react_1.default.createElement("div", { className: `section${this.props.className ? ' ' + this.props.className : ''} section--${layout}${scrollable ? ' section--scrollable' : ''}${this.props.cleanPadding ? ' section--clean' : ''}${this.props.hidden ? ' section--hidden' : ''}`, style: style, ref: this.props.rootRef },
+            this.props.title && (react_1.default.createElement("div", { className: "section__header" },
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement("span", { className: "section__header__title ui-medium-header" }, this.props.title)))),
+            react_1.default.createElement("div", { className: "section__body", onScroll: this.onScroll.bind(this) }, 
+            // eslint-disable-next-line  react/prop-types
+            this.props.children)));
+    }
+}
+exports.UISection = UISection;
+//# sourceMappingURL=UISection.js.map

package/dist/components/UISection/UISection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UISection.js","sourceRoot":"","sources":["../../../src/components/UISection/UISection.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4BAA0B;AAE1B,IAAY,eAGX;AAHD,WAAY,eAAe;IACvB,wCAAqB,CAAA;IACrB,wCAAqB,CAAA;AACzB,CAAC,EAHW,eAAe,GAAf,uBAAe,KAAf,uBAAe,QAG1B;AAoBD;;;;;;GAMG;AACH,MAAa,SAAU,SAAQ,eAAK,CAAC,SAAyB;IAClD,QAAQ;QACZ,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YACrB,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;SACzB;IACL,CAAC;IAED;;OAEG;IACH,MAAM;QACF,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;QAChF,MAAM,KAAK,GAAwB,EAAE,CAAC;QACtC,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,eAAe,CAAC,QAAQ,CAAC;QAC7D,IAAI,QAAQ,IAAI,IAAI,CAAC,KAAK,EAAE;YACxB,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;SACpC;QACD,OAAO,CACH,uCACI,SAAS,EAAE,UAAU,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,aAAa,MAAM,GAC1F,UAAU,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAC1C,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE,EACnG,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO;YACtB,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,CACjB,uCAAK,SAAS,EAAC,iBAAiB;gBAC5B;oBACI,wCAAM,SAAS,EAAC,yCAAyC,IAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAQ,CACjF,CACJ,CACT;YACD,uCAAK,SAAS,EAAC,eAAe,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;YAEzD,6CAA6C;YAC7C,IAAI,CAAC,KAAK,CAAC,QAAQ,CAErB,CACJ,CACT,CAAC;IACN,CAAC;CACJ;AAxCD,8BAwCC"}

package/dist/components/UISection/UISection.scss

@@ -0,0 +1,76 @@
+@import '_mixins.scss';
+
+.section {
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+
+    &__header {
+        > div {
+            flex: 0 1 auto;
+            background: var(--vscuie-sideBarSectionHeader-background);
+            min-height: 40px;
+            display: flex;
+            align-items: center;
+            padding: 0 1rem;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            color: var(--vscuie-sideBarTitle-foreground);
+        }
+
+        &__title {
+            width: 100%;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+
+        &__title.ui-medium-header {
+            line-height: normal;
+        }
+    }
+
+    &__body {
+        margin: 1rem 0.75rem;
+        flex: 1 1 auto;
+        // For prettier scrollbar appearance
+        padding: 0 0.25rem;
+        height: 100%;
+
+        > .ui-loader-blocker:before {
+            z-index: 1;
+        }
+    }
+
+    &--clean {
+        .section__body {
+            margin: 0;
+            padding: 0;
+        }
+    }
+
+    &--scrollable {
+        .section__body {
+            overflow: auto;
+        }
+    }
+
+    &--extended {
+        .section__header {
+            background-color: var(--vscuie-sideBar-background);
+        }
+    }
+
+    &__collapse {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 13px;
+    }
+
+    // Hide with animation for delay
+    &--hidden {
+        animation: 0.5s delayedFadeOut;
+        animation-fill-mode: forwards;
+    }
+}

package/dist/components/UISection/UISections.d.ts

@@ -0,0 +1,251 @@
+import React from 'react';
+import { UISection } from './UISection';
+import { UISplitterType, UISplitterLayoutType } from './UISplitter';
+import './UISections.scss';
+export declare const ANIMATION_TIME = 300;
+export interface UISectionsProps {
+    children: React.ReactNodeArray;
+    splitter?: boolean;
+    sizes?: Array<number | undefined>;
+    sizesAsPercents?: boolean;
+    height?: string;
+    vertical?: boolean;
+    minSectionSize?: number | Array<number>;
+    animation?: boolean | boolean[];
+    splitterType?: UISplitterType;
+    onClose?: () => void;
+    splitterTitle?: string;
+    splitterLayoutType?: UISplitterLayoutType;
+    onResize?: (sizes: Array<UISectionSize | undefined>) => void;
+    onToggleFullscreen?: (isFullScreen: boolean) => void;
+}
+export interface UISectionsState {
+    sizes?: Array<UISectionSize>;
+    visibleSections?: number[];
+    animate?: boolean;
+    dynamicSection?: number;
+}
+export interface UISectionSize {
+    start?: number;
+    end?: number;
+    percentage: boolean;
+    size?: number;
+}
+/**
+ * UISections component.
+ * @exports
+ * @class {UISections}
+ * @extends {React.Component<UISectionsProps, UISectionsState>}
+ */
+export declare class UISections extends React.Component<UISectionsProps, UISectionsState> {
+    static Section: typeof UISection;
+    private sizeProperty;
+    private readonly domSizeProperty;
+    private startPositionProperty;
+    private endPositionProperty;
+    private resizeSections;
+    private readonly rootRef;
+    private isFullScreen;
+    private rootSize;
+    private ignoreAnimation;
+    /**
+     * Initializes component properties.
+     *
+     * @param {UISectionsProps} props
+     */
+    constructor(props: UISectionsProps);
+    /**
+     * Updates state sizes.
+     *
+     * @param {number} layoutSize
+     * @param {Array<number | UISectionSize | undefine>} sizes
+     * @returns {UISectionSize[]}
+     */
+    updateStateSizes(layoutSize: number, sizes: Array<number | UISectionSize | undefined>): UISectionSize[];
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    /**
+     * Gets derived state from properties.
+     *
+     * @param {UISectionProps} nextProps
+     * @param {UISectionsState} prevState
+     *
+     * @returns {UISectionsState | null}
+     */
+    static getDerivedStateFromProps(nextProps: UISectionsProps, prevState: UISectionsState): UISectionsState | null;
+    /**
+     * Validates state min sizes.
+     *
+     * @param {UISectionSize[]} sizes
+     */
+    private validateStateMinSizes;
+    onWindowResize(): void;
+    /**
+     * Method returns indices of visible sections.
+     *
+     * @param {React.ReactNodeArray} sections Section elements.
+     * @returns {number[]} Indices of visible sections.
+     */
+    static getVisibleSections(sections: React.ReactNodeArray): number[];
+    /**
+     * Method checks is passed child section visible or not.
+     *
+     * @param {React.ReactElement | undefined} node React child node.
+     * @returns {boolean} True if section visible.
+     */
+    static isSectionVisible(node: React.ReactElement | undefined): boolean;
+    /**
+     * Method called when resizing of section started.
+     */
+    private onSplitterResizeStart;
+    /**
+     * Method called when resizing of section is happening.
+     *
+     * @param {number} position Delta position in pixels.
+     * @returns {boolean} If resizing was happened - it can return false when splitter meets resizing limitation.
+     */
+    private onSplitterResize;
+    /**
+     * Method returns corrected position based on boundary and size.
+     *
+     * @param {number} position Delta position in pixels.
+     * @param {number} boundary Boundary position.
+     * @param {number} size Section size.
+     * @param {boolean} positive Direction.
+     * @returns {number} Position after correction based on boundary.
+     */
+    private correctBoundaryPosition;
+    /**
+     * Method called when resizing session ended.
+     */
+    private onSplitterResizeEnd;
+    /**
+     * Method called when splitter with type 'Toggle' was toggled.
+     */
+    private onSplitterToggle;
+    /**
+     * Method returns visible children sections count.
+     *
+     * @returns {number} Count of visible children sections.
+     */
+    private getVisibleChildrenCount;
+    /**
+     * Method returns size of section in percents.
+     *
+     * @param {number} index Target section index.
+     * @param {number} childrenCount Count of children.
+     * @param {boolean} [reverse=false] Reverse calculation(width vs right).
+     * @returns {number} Size of section in percents. For example 50% => 0.5.
+     */
+    private getSizePercents;
+    /**
+     * Method gets section size when section size is not percent based and 'sizes' prop is passed from outside.
+     *
+     * @param {number} index Section index to look up.
+     * @param {number} childrenCount Count of visible children.
+     * @returns {React.CSSProperties | undefined} CSS Style object or undefined if no style from 'sizes' prop.
+     */
+    private getSectionSize;
+    /**
+     * Gets position style value.
+     *
+     * @param {number} childrenCount
+     * @param {string} value
+     *
+     * @returns {string}
+     */
+    private getPositionStyleValue;
+    /**
+     * Method returns style object for passed visible section.
+     * Method calculates size of section depending on several points.
+     * 1. Section - resized or not.
+     * 2. Animation - off or on.
+     *
+     * @param {number} index Index of section.
+     * @returns {SectionStyleCalculation} Object which contains visibility state and styles to apply.
+     */
+    private getVisibleSectionStyle;
+    /**
+     * Method returns style object for passed hidden section.
+     * Method calculates size of section depending on several points.
+     * 1. Section - resized or not.
+     * 2. Animation - off or on.
+     *
+     * @param {number} index Index of section.
+     * @returns {SectionStyleCalculation} Object which contains visibility state and styles to apply.
+     */
+    private getHiddenSectionStyle;
+    /**
+     * Method returns minimal size for passed section.
+     *
+     * @param {number} index Index of section.
+     * @returns {number} Minimal size of section.
+     */
+    private getMinSectionSize;
+    /**
+     * Method returns class names string depending on props and component state.
+     *
+     * @param {boolean} fullSizeMode Is full size mode - only ine sction visible.
+     * @returns {number} Minimal size of section.
+     */
+    getClassNames(fullSizeMode: boolean): string;
+    /**
+     * Method returns section's react element based on passed section index.
+     *
+     * @param {number} index Section index.
+     * @param {boolean} isSectionHidden Is section hidden.
+     * @returns {React.ReactElement | undefined} Section's react element.
+     */
+    getSection(index: number, isSectionHidden: boolean): React.ReactElement | undefined;
+    /**
+     * Method checks if animation enabled with current state.
+     *
+     * @returns {boolean} True if animation is enabled.
+     */
+    private isAnimationEnabled;
+    /**
+     * Method returns index of dynamicly sized section.
+     *
+     * @returns {number} Index of dynamicly sized section.
+     */
+    private getDynamicSectionIndex;
+    /**
+     * Method converts passed positions to section position object.
+     *
+     * @param {UISectionSize} section Section size.
+     * @returns Position object.
+     */
+    private getSectionPosition;
+    /**
+     * Method calculates spare size for passed section.
+     *
+     * @param {SizeCalculationInfo} origin Section size.
+     * @param {SizeCalculationInfo[]} sizes All section sizes.
+     * @returns {number} Spare size.
+     */
+    private getSpareSize;
+    /**
+     * Method converts SizeCalculationInfo into UISectionSize before applying sizes to state.
+     *
+     * @param {SizeCalculationInfo[]} sizes Section sizes.
+     * @returns {UISectionSize[]} Section sizes applyable for state.
+     */
+    private calculateSectionSizes;
+    /**
+     * Method recalculates "start" and "end" position based on size property.
+     *
+     * @param {UISectionSize[]} sizes Section sizes.
+     */
+    private recalculatePositions;
+    /**
+     * Method returns size of sections container.
+     *
+     * @returns {UISectionSize[]} Size of sections container.
+     */
+    private getRootSize;
+    /**
+     * @returns {React.ReactElement}
+     */
+    render(): React.ReactElement;
+}
+//# sourceMappingURL=UISections.d.ts.map

package/dist/components/UISection/UISections.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UISections.d.ts","sourceRoot":"","sources":["../../../src/components/UISection/UISections.tsx"],"names":[],"mappings":"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"}