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

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

@@ -0,0 +1,16 @@
+import * as React from 'react';
+interface IProps {
+    name: string;
+    isRequired: boolean;
+    type: string;
+    default: string;
+    description: string;
+}
+declare class Prop extends React.PureComponent<IProps> {
+    render(): JSX.Element;
+}
+declare class PropsList extends React.PureComponent {
+    render(): JSX.Element;
+}
+export { Prop, PropsList };
+//# sourceMappingURL=PropsList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PropsList.d.ts","sourceRoot":"","sources":["../../../app-typescript/components/PropsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,MAAM;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;CACvB;AAED,cAAM,IAAK,SAAQ,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC;IAC1C,MAAM;CAaT;AAED,cAAM,SAAU,SAAQ,KAAK,CAAC,aAAa;IACvC,MAAM;CAgBT;AAED,OAAO,EAAC,IAAI,EAAE,SAAS,EAAC,CAAC"}

package/dist/esm/components/PropsList.js

@@ -0,0 +1,27 @@
+import * as React from 'react';
+class Prop extends React.PureComponent {
+    render() {
+        return (React.createElement(React.Fragment, null,
+            React.createElement("tr", null,
+                React.createElement("td", null, this.props.name),
+                React.createElement("td", null, this.props.isRequired ? 'yes' : 'no'),
+                React.createElement("td", null, this.props.type),
+                React.createElement("td", null, this.props.default),
+                React.createElement("td", null, this.props.description))));
+    }
+}
+class PropsList extends React.PureComponent {
+    render() {
+        return (React.createElement("table", { className: "table" },
+            React.createElement("thead", null,
+                React.createElement("tr", null,
+                    React.createElement("th", null, "Name"),
+                    React.createElement("th", null, "Required"),
+                    React.createElement("th", null, "Type"),
+                    React.createElement("th", null, "Default Value"),
+                    React.createElement("th", null, "Description"))),
+            React.createElement("tbody", null, this.props.children)));
+    }
+}
+export { Prop, PropsList };
+//# sourceMappingURL=PropsList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PropsList.js","sourceRoot":"","sources":["../../../app-typescript/components/PropsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,IAAK,SAAQ,KAAK,CAAC,aAAqB;IAC1C,MAAM;QACF,OAAO,CACH,oBAAC,KAAK,CAAC,QAAQ;YACX;gBACI,gCAAK,IAAI,CAAC,KAAK,CAAC,IAAI,CAAM;gBAC1B,gCAAK,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAM;gBAC/C,gCAAK,IAAI,CAAC,KAAK,CAAC,IAAI,CAAM;gBAC1B,gCAAK,IAAI,CAAC,KAAK,CAAC,OAAO,CAAM;gBAC7B,gCAAK,IAAI,CAAC,KAAK,CAAC,WAAW,CAAM,CAChC,CACQ,CACpB,CAAC;IACN,CAAC;CACJ;AAED,MAAM,SAAU,SAAQ,KAAK,CAAC,aAAa;IACvC,MAAM;QACF,OAAO,CACH,+BAAO,SAAS,EAAC,OAAO;YACpB;gBACI;oBACI,uCAAa;oBACb,2CAAiB;oBACjB,uCAAa;oBACb,gDAAsB;oBACtB,8CAAoB,CACnB,CACD;YACR,mCAAQ,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAS,CAChC,CACX,CAAC;IACN,CAAC;CACJ;AAED,OAAO,EAAC,IAAI,EAAE,SAAS,EAAC,CAAC"}

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

@@ -0,0 +1,32 @@
+import * as React from 'react';
+interface IProps {
+    value: string;
+    onChange(nextValue: string): void;
+    disabled?: boolean;
+    group?: {
+        orientation?: 'horizontal' | 'vertical';
+        grid?: boolean;
+        align?: 'start' | 'end' | 'center' | 'inline';
+        padded?: boolean;
+        groupLabel?: string;
+        groupLabelledBy?: string;
+    };
+    options: Array<{
+        label: string;
+        value: string;
+        icon?: string;
+        labelHidden?: boolean;
+        disabled?: boolean;
+    }>;
+    required?: boolean;
+    tabindex?: number;
+    'data-test-id'?: string;
+}
+export declare class RadioButtonGroup extends React.Component<IProps> {
+    htmlId: string;
+    constructor(props: IProps);
+    handleChange(item: any): void;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=RadioButtonGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButtonGroup.d.ts","sourceRoot":"","sources":["../../../app-typescript/components/RadioButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,MAAM;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE;QACJ,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;QACxC,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;QAC9C,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,eAAe,CAAC,EAAE,MAAM,CAAC;KAC5B,CAAC;IACF,OAAO,EAAE,KAAK,CAAC;QACX,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;KACtB,CAAC,CAAC;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC;IACzD,MAAM,SAAY;gBAEN,KAAK,EAAE,MAAM;IAKzB,YAAY,CAAC,IAAI,EAAE,GAAG;IAMtB,MAAM;CA8FT"}

package/dist/esm/components/RadioButtonGroup.js

@@ -0,0 +1,40 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import nextId from 'react-id-generator';
+import { FormLabel } from './Form/FormLabel';
+export class RadioButtonGroup extends React.Component {
+    constructor(props) {
+        super(props);
+        this.htmlId = nextId();
+        this.handleChange = this.handleChange.bind(this);
+    }
+    handleChange(item) {
+        if (this.props.disabled !== true && item.disabled !== true) {
+            this.props.onChange(item.value);
+        }
+    }
+    render() {
+        let classes = classNames('sd-check-button__group', {
+            [`sd-check-button__group--${this.props.group?.align}`]: this.props.group?.align,
+            [`sd-check-button__group--start`]: !this.props.group?.grid && this.props.group?.align === undefined,
+            [`sd-check-button__group--vertical`]: this.props.group?.orientation === 'vertical',
+            [`sd-check-button__group--grid`]: this.props.group?.grid,
+            [`sd-check-button__group--padded`]: this.props.group?.padded === true,
+        });
+        const selectedOption = this.props.value == null ? undefined : this.props.options.find(({ value }) => value === this.props.value);
+        return (React.createElement(React.Fragment, null,
+            !this.props.group?.groupLabel ? (React.createElement("div", { role: "radiogroup", className: classes, "aria-labelledby": this.props.group?.groupLabelledBy, "data-test-id": this.props['data-test-id'], "data-test-value": selectedOption == null ? undefined : selectedOption.label }, this.props.options.map((item, index) => (React.createElement("span", { className: "sd-check-button sd-check-button--native", key: index, tabIndex: this.props.tabindex === undefined ? undefined : -1 },
+                React.createElement("input", { type: "radio", className: "sd-check-button__input", id: this.htmlId + index, tabIndex: this.props.tabindex, name: this.htmlId, onChange: () => this.handleChange(item), disabled: this.props.disabled || item.disabled, required: this.props.required, checked: item.value === this.props.value }),
+                React.createElement("label", { className: "sd-check-button__text-label", htmlFor: this.htmlId + index, "aria-label": item.labelHidden ? item.label : undefined, "data-test-id": "item", "data-test-value": item.label },
+                    item.icon ? React.createElement("i", { className: `icon-${item.icon}`, "aria-hidden": "true" }) : null,
+                    !item.labelHidden || !item.icon ? (React.createElement("span", { className: "sd-check-button__text-label-inner" }, item.label)) : null)))))) : null,
+            this.props.group?.groupLabel ? (React.createElement("div", { className: "sd-check-button__group-wrapper", "data-test-id": this.props['data-test-id'], "data-test-value": selectedOption == null ? undefined : selectedOption.label },
+                React.createElement(FormLabel, { forId: this.htmlId + 'group', text: this.props.group.groupLabel }),
+                React.createElement("div", { role: "radiogroup", id: this.htmlId + 'group', className: classes }, this.props.options.map((item, index) => (React.createElement("span", { className: "sd-check-button sd-check-button--native", key: index, tabIndex: -1 },
+                    React.createElement("input", { type: "radio", className: "sd-check-button__input", id: this.htmlId + index, tabIndex: 0, name: this.htmlId, onChange: () => this.handleChange(item), disabled: this.props.disabled || item.disabled, required: this.props.required, checked: item.value === this.props.value }),
+                    React.createElement("label", { className: "sd-check-button__text-label", htmlFor: this.htmlId + index, "aria-label": item.labelHidden ? item.label : undefined },
+                        item.icon ? React.createElement("i", { className: `icon-${item.icon}`, "aria-hidden": "true" }) : null,
+                        !item.labelHidden || !item.icon ? (React.createElement("span", { className: "sd-check-button__text-label-inner" }, item.label)) : null))))))) : null));
+    }
+}
+//# sourceMappingURL=RadioButtonGroup.js.map

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

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

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

@@ -0,0 +1,25 @@
+import * as React from 'react';
+interface IOption {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+interface IProps {
+    value?: IOption['value'];
+    options: Array<IOption>;
+    labelSide?: 'start' | 'end';
+    required?: boolean;
+    buttonStyle?: boolean;
+    orientation?: 'horizontal' | 'vertical';
+    groupLabelledBy?: string;
+    tabindex?: number;
+    onChange(nextValue: IOption['value']): void;
+}
+export declare class RadioGroup extends React.Component<IProps> {
+    htmlId: string;
+    constructor(props: IProps);
+    handleChange(item: any): void;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=RadioGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../app-typescript/components/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,OAAO;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,MAAM;IACZ,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;IACzB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;CAC/C;AAED,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC;IACnD,MAAM,SAAY;gBAEN,KAAK,EAAE,MAAM;IAKzB,YAAY,CAAC,IAAI,EAAE,GAAG;IAMtB,MAAM;CAiCT"}

package/dist/esm/components/RadioGroup.js

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import nextId from 'react-id-generator';
+export class RadioGroup extends React.Component {
+    constructor(props) {
+        super(props);
+        this.htmlId = nextId();
+        this.handleChange = this.handleChange.bind(this);
+    }
+    handleChange(item) {
+        if (!item.disabled) {
+            this.props.onChange(item.value);
+        }
+    }
+    render() {
+        let classes = classNames('sd-check__group-new', {
+            'sd-check__group-new--vertical': this.props.orientation === 'vertical',
+        });
+        return (React.createElement("div", { className: classes, "aria-labelledby": this.props.groupLabelledBy }, this.props.options.map((item, index) => (React.createElement("span", { className: "sd-check-new__wrapper", key: index, "label-position": this.props.labelSide || null, tabIndex: this.props.tabindex === undefined ? undefined : -1 },
+            React.createElement("input", { type: "radio", className: "sd-check-new__input", id: this.htmlId + index, tabIndex: this.props.tabindex, name: this.htmlId, onChange: () => this.handleChange(item), disabled: item.disabled, required: this.props.required, checked: item.value === this.props.value }),
+            React.createElement("span", { className: "sd-radio-new" }),
+            React.createElement("label", { htmlFor: this.htmlId + index }, item.label))))));
+    }
+}
+//# sourceMappingURL=RadioGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../app-typescript/components/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAoBxC,MAAM,OAAO,UAAW,SAAQ,KAAK,CAAC,SAAiB;IAGnD,YAAY,KAAa;QACrB,KAAK,CAAC,KAAK,CAAC,CAAC;QAHjB,WAAM,GAAG,MAAM,EAAE,CAAC;QAId,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACrD,CAAC;IAED,YAAY,CAAC,IAAS;QAClB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACjB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACpC,CAAC;IACL,CAAC;IAED,MAAM;QACF,IAAI,OAAO,GAAG,UAAU,CAAC,qBAAqB,EAAE;YAC5C,+BAA+B,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,UAAU;SACzE,CAAC,CAAC;QAEH,OAAO,CACH,6BAAK,SAAS,EAAE,OAAO,qBAAmB,IAAI,CAAC,KAAK,CAAC,eAAe,IAC/D,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,IAAS,EAAE,KAAa,EAAE,EAAE,CAAC,CAClD,8BACI,SAAS,EAAC,uBAAuB,EACjC,GAAG,EAAE,KAAK,oBACM,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,IAAI,EAC5C,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;YAE5D,+BACI,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,qBAAqB,EAC/B,EAAE,EAAE,IAAI,CAAC,MAAM,GAAG,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,IAAI,EAAE,IAAI,CAAC,MAAM,EACjB,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EACvC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,OAAO,EAAE,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,KAAK,GAC1C;YAEF,8BAAM,SAAS,EAAC,cAAc,GAAQ;YACtC,+BAAO,OAAO,EAAE,IAAI,CAAC,MAAM,GAAG,KAAK,IAAG,IAAI,CAAC,KAAK,CAAS,CACtD,CACV,CAAC,CACA,CACT,CAAC;IACN,CAAC;CACJ"}

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

@@ -0,0 +1,35 @@
+import * as React from 'react';
+interface IPanelSize {
+    min?: number;
+    max?: number;
+    default?: number;
+}
+interface IProps {
+    /**
+     * component will set primary dimension(width when horizontal, height when vertical) to 100%
+     * parent component has to support this
+     */
+    direction: 'horizontal' | 'vertical';
+    primarySize?: IPanelSize;
+    secondarySize?: IPanelSize;
+    /**
+     * Only 2 items are supported to keep API surface minimal so it's easy to switch to another library if needed.
+     */
+    children: [React.ReactNode, React.ReactNode];
+}
+/**
+ Features:
+ * No absolute positioning is used
+ * Component height is fully dynamic and adjusts according to children inside panes
+ * Library supports an arbitrary number of panes. We are not using it to keep API minimal.
+ * Drawback: only works with percent units. Can be made to work with pixels
+ * by creating a wrapper that measures available space and converts to percent.
+ */
+export declare class ResizablePanels extends React.PureComponent<IProps> {
+    private primaryPanelRef;
+    private secondaryPanelRef;
+    constructor(props: IProps);
+    render(): React.ReactNode;
+}
+export {};
+//# sourceMappingURL=ResizablePanels.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResizablePanels.d.ts","sourceRoot":"","sources":["../../../app-typescript/components/ResizablePanels.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,UAAU;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,MAAM;IACZ;;;OAGG;IACH,SAAS,EAAE,YAAY,GAAG,UAAU,CAAC;IAErC,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,aAAa,CAAC,EAAE,UAAU,CAAC;IAE3B;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;CAChD;AAED;;;;;;;GAOG;AACH,qBAAa,eAAgB,SAAQ,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC;IAC5D,OAAO,CAAC,eAAe,CAA+B;IACtD,OAAO,CAAC,iBAAiB,CAA+B;gBAE5C,KAAK,EAAE,MAAM;IAOzB,MAAM,IAAI,KAAK,CAAC,SAAS;CAmD5B"}

package/dist/esm/components/ResizablePanels.js

@@ -0,0 +1,42 @@
+import * as React from 'react';
+import { Panel, PanelGroup, PanelResizeHandle } from 'react-resizable-panels';
+/**
+ Features:
+ * No absolute positioning is used
+ * Component height is fully dynamic and adjusts according to children inside panes
+ * Library supports an arbitrary number of panes. We are not using it to keep API minimal.
+ * Drawback: only works with percent units. Can be made to work with pixels
+ * by creating a wrapper that measures available space and converts to percent.
+ */
+export class ResizablePanels extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        this.primaryPanelRef = null;
+        this.secondaryPanelRef = null;
+    }
+    render() {
+        const { direction, primarySize, secondarySize, children } = this.props;
+        const separatorDimensions = direction === 'horizontal' ? { width: 3, height: '100%' } : { height: 3, width: '100%' };
+        // Sometimes second panel is conditional. Checking here is more convenient.
+        if (children.some((child) => child === false || child == null)) {
+            return children;
+        }
+        return (React.createElement(PanelGroup, { direction: direction },
+            React.createElement(Panel, { id: "primary", minSize: primarySize?.min, maxSize: primarySize?.max, defaultSize: primarySize?.default, ref: (panelRef) => {
+                    this.primaryPanelRef = panelRef;
+                } }, children[0]),
+            React.createElement(PanelResizeHandle, null,
+                React.createElement("div", { style: { background: 'var(--color-text-subdued)', ...separatorDimensions }, onDoubleClick: () => {
+                        if (primarySize?.default != null) {
+                            this.primaryPanelRef?.resize(primarySize.default);
+                        }
+                        else if (secondarySize?.default != null) {
+                            this.secondaryPanelRef?.resize(secondarySize.default);
+                        }
+                    } })),
+            React.createElement(Panel, { id: "secondary", minSize: secondarySize?.min, maxSize: secondarySize?.max, defaultSize: secondarySize?.default, ref: (panelRef) => {
+                    this.secondaryPanelRef = panelRef;
+                } }, children[1])));
+    }
+}
+//# sourceMappingURL=ResizablePanels.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResizablePanels.js","sourceRoot":"","sources":["../../../app-typescript/components/ResizablePanels.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAwB,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAC,MAAM,wBAAwB,CAAC;AAwBnG;;;;;;;GAOG;AACH,MAAM,OAAO,eAAgB,SAAQ,KAAK,CAAC,aAAqB;IAI5D,YAAY,KAAa;QACrB,KAAK,CAAC,KAAK,CAAC,CAAC;QAEb,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;QAC5B,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;IAClC,CAAC;IAED,MAAM;QACF,MAAM,EAAC,SAAS,EAAE,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACrE,MAAM,mBAAmB,GACrB,SAAS,KAAK,YAAY,CAAC,CAAC,CAAC,EAAC,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAC,CAAC,CAAC,CAAC,EAAC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAC,CAAC;QAEzF,2EAA2E;QAC3E,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,KAAK,IAAI,KAAK,IAAI,IAAI,CAAC,EAAE,CAAC;YAC7D,OAAO,QAAQ,CAAC;QACpB,CAAC;QAED,OAAO,CACH,oBAAC,UAAU,IAAC,SAAS,EAAE,SAAS;YAC5B,oBAAC,KAAK,IACF,EAAE,EAAC,SAAS,EACZ,OAAO,EAAE,WAAW,EAAE,GAAG,EACzB,OAAO,EAAE,WAAW,EAAE,GAAG,EACzB,WAAW,EAAE,WAAW,EAAE,OAAO,EACjC,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE;oBACd,IAAI,CAAC,eAAe,GAAG,QAAQ,CAAC;gBACpC,CAAC,IAEA,QAAQ,CAAC,CAAC,CAAC,CACR;YAER,oBAAC,iBAAiB;gBACd,6BACI,KAAK,EAAE,EAAC,UAAU,EAAE,2BAA2B,EAAE,GAAG,mBAAmB,EAAC,EACxE,aAAa,EAAE,GAAG,EAAE;wBAChB,IAAI,WAAW,EAAE,OAAO,IAAI,IAAI,EAAE,CAAC;4BAC/B,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;wBACtD,CAAC;6BAAM,IAAI,aAAa,EAAE,OAAO,IAAI,IAAI,EAAE,CAAC;4BACxC,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;wBAC1D,CAAC;oBACL,CAAC,GACH,CACc;YAEpB,oBAAC,KAAK,IACF,EAAE,EAAC,WAAW,EACd,OAAO,EAAE,aAAa,EAAE,GAAG,EAC3B,OAAO,EAAE,aAAa,EAAE,GAAG,EAC3B,WAAW,EAAE,aAAa,EAAE,OAAO,EACnC,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE;oBACd,IAAI,CAAC,iBAAiB,GAAG,QAAQ,CAAC;gBACtC,CAAC,IAEA,QAAQ,CAAC,CAAC,CAAC,CACR,CACC,CAChB,CAAC;IACN,CAAC;CACJ"}

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

@@ -0,0 +1,20 @@
+import React from 'react';
+interface IDimensions {
+    width: number;
+}
+interface IProps {
+    children: (props: IDimensions) => JSX.Element;
+}
+interface IState {
+    dimensions: IDimensions | 'not-initialized';
+}
+export declare class ResizeObserverComponent extends React.PureComponent<IProps, IState> {
+    el: HTMLDivElement | null | undefined;
+    observerInstance: any;
+    constructor(props: IProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=ResizeObserverComponent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResizeObserverComponent.d.ts","sourceRoot":"","sources":["../../../app-typescript/components/ResizeObserverComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,WAAW;IACjB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,MAAM;IACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,GAAG,CAAC,OAAO,CAAC;CACjD;AAED,UAAU,MAAM;IACZ,UAAU,EAAE,WAAW,GAAG,iBAAiB,CAAC;CAC/C;AAED,qBAAa,uBAAwB,SAAQ,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,MAAM,CAAC;IAC5E,EAAE,EAAE,cAAc,GAAG,IAAI,GAAG,SAAS,CAAC;IACtC,gBAAgB,EAAE,GAAG,CAAC;gBAEV,KAAK,EAAE,MAAM;IAQzB,iBAAiB;IAYjB,oBAAoB;IAIpB,MAAM;CAaT"}

package/dist/esm/components/ResizeObserverComponent.js

@@ -0,0 +1,29 @@
+import React from 'react';
+export class ResizeObserverComponent extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        this.state = {
+            dimensions: 'not-initialized',
+        };
+    }
+    componentDidMount() {
+        this.observerInstance = new ResizeObserver((entries) => {
+            this.setState({
+                dimensions: {
+                    width: Math.floor(entries[0].contentRect.width),
+                },
+            });
+        });
+        this.observerInstance.observe(this.el);
+    }
+    componentWillUnmount() {
+        this.observerInstance.unobserve(this.el);
+    }
+    render() {
+        const { dimensions } = this.state;
+        return (React.createElement("div", { ref: (el) => {
+                this.el = el;
+            } }, dimensions === 'not-initialized' ? null : this.props.children(dimensions)));
+    }
+}
+//# sourceMappingURL=ResizeObserverComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResizeObserverComponent.js","sourceRoot":"","sources":["../../../app-typescript/components/ResizeObserverComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,MAAM,OAAO,uBAAwB,SAAQ,KAAK,CAAC,aAA6B;IAI5E,YAAY,KAAa;QACrB,KAAK,CAAC,KAAK,CAAC,CAAC;QAEb,IAAI,CAAC,KAAK,GAAG;YACT,UAAU,EAAE,iBAAiB;SAChC,CAAC;IACN,CAAC;IAED,iBAAiB;QACb,IAAI,CAAC,gBAAgB,GAAG,IAAI,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE;YACnD,IAAI,CAAC,QAAQ,CAAC;gBACV,UAAU,EAAE;oBACR,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC;iBAClD;aACJ,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC3C,CAAC;IAED,oBAAoB;QAChB,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC7C,CAAC;IAED,MAAM;QACF,MAAM,EAAC,UAAU,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAEhC,OAAO,CACH,6BACI,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE;gBACR,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;YACjB,CAAC,IAEA,UAAU,KAAK,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,CACxE,CACT,CAAC;IACN,CAAC;CACJ"}

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+interface IPropsRotate {
+    children: React.ReactNode;
+    degrees: number;
+}
+export declare class Rotate extends React.PureComponent<IPropsRotate> {
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=Rotate.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Rotate.d.ts","sourceRoot":"","sources":["../../../app-typescript/components/Rotate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,YAAY;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;CACnB;AAED,qBAAa,MAAO,SAAQ,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC;IACzD,MAAM;CAWT"}

package/dist/esm/components/Rotate.js

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export class Rotate extends React.PureComponent {
+    render() {
+        return (React.createElement("div", { style: {
+                transform: `rotate(${this.props.degrees}deg)`,
+            } }, this.props.children));
+    }
+}
+//# sourceMappingURL=Rotate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Rotate.js","sourceRoot":"","sources":["../../../app-typescript/components/Rotate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,OAAO,MAAO,SAAQ,KAAK,CAAC,aAA2B;IACzD,MAAM;QACF,OAAO,CACH,6BACI,KAAK,EAAE;gBACH,SAAS,EAAE,UAAU,IAAI,CAAC,KAAK,CAAC,OAAO,MAAM;aAChD,IAEA,IAAI,CAAC,KAAK,CAAC,QAAQ,CAClB,CACT,CAAC;IACN,CAAC;CACJ"}

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

@@ -0,0 +1,25 @@
+import React from 'react';
+interface IProps {
+    children?: React.ReactNode;
+    /**
+     * Defaults to `expanded`
+     */
+    type?: 'expanded' | 'collapsed';
+    placeholder: string;
+    boxed?: boolean;
+    hideSearchButton?: boolean;
+    searchOptions?: {
+        searchOnType: true;
+        /**
+         * Defaults to 300ms
+         */
+        searchDelay: number;
+    };
+    onSubmit(value: string): void;
+}
+export declare const SearchBar: React.ForwardRefExoticComponent<IProps & React.RefAttributes<{
+    focus: () => void;
+    search: () => void;
+}>>;
+export {};
+//# sourceMappingURL=SearchBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../app-typescript/components/SearchBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2F,MAAM,OAAO,CAAC;AAKhH,UAAU,MAAM;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IAEhC,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,aAAa,CAAC,EAAE;QACZ,YAAY,EAAE,IAAI,CAAC;QAEnB;;WAEG;QACH,WAAW,EAAE,MAAM,CAAC;KACvB,CAAC;IAEF,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACjC;AAED,eAAO,MAAM,SAAS;WAAsB,MAAM,IAAI;YAAU,MAAM,IAAI;GAsIxE,CAAC"}

package/dist/esm/components/SearchBar.js

@@ -0,0 +1,91 @@
+import React, { forwardRef, useState, useRef, useCallback, useImperativeHandle, useEffect, useMemo } from 'react';
+import classNames from 'classnames';
+import debounce from 'lodash/debounce';
+import { Icon } from './Icon';
+export const SearchBar = forwardRef((props, ref) => {
+    const { type = 'expanded', boxed = false } = props;
+    const [focused, setFocused] = useState(false);
+    const [keyDown, setKeyDown] = useState(false);
+    const [value, setValue] = useState('');
+    const inputRef = useRef(null);
+    const searchInputRef = useRef(null);
+    /**
+     * Use a ref to keep track of the input value, so that the debounced search
+     * can have latest instances while also the latest value.
+     */
+    const valueRef = useRef(value);
+    const search = useCallback(() => {
+        const currentValue = valueRef.current;
+        // Require at least 3 characters before triggering search, or allow empty string to clear
+        if (currentValue.length > 0 && currentValue.length < 3) {
+            return;
+        }
+        props.onSubmit(currentValue);
+    }, [props.onSubmit]);
+    const handleDebouncedSearch = useMemo(() => debounce(search, props.searchOptions?.searchDelay ?? 300), [search, props.searchOptions?.searchDelay]);
+    useImperativeHandle(ref, () => ({
+        focus: () => {
+            setFocused(true);
+        },
+        search,
+    }));
+    useEffect(() => {
+        if (focused) {
+            searchInputRef.current?.focus();
+        }
+    }, [focused]);
+    useEffect(() => {
+        const mouseDownHandler = (event) => {
+            if (inputRef.current && !inputRef.current.contains(event.target)) {
+                setFocused(false);
+            }
+        };
+        document.addEventListener('mousedown', mouseDownHandler);
+        return () => {
+            handleDebouncedSearch.cancel();
+            document.removeEventListener('mousedown', mouseDownHandler);
+        };
+    }, [handleDebouncedSearch]);
+    const containerClasses = classNames('sd-searchbar', {
+        [`sd-searchbar--${type}`]: type,
+        'sd-searchbar--expanded': type === 'expanded',
+        'sd-searchbar--focused': focused,
+        'sd-searchbar--boxed': boxed,
+    });
+    const searchButtonClasses = classNames('sd-searchbar__search-btn', {
+        'sd-searchbar__search-btn--active': keyDown,
+    });
+    return (React.createElement("div", { className: containerClasses, ref: inputRef },
+        props.children,
+        React.createElement("label", { className: "sd-searchbar__icon" }),
+        React.createElement("input", { id: "search-input", ref: searchInputRef, className: "sd-searchbar__input", type: "text", placeholder: props.placeholder, value: value, onKeyPress: (event) => {
+                if (event.key === 'Enter') {
+                    handleDebouncedSearch.cancel();
+                    props.onSubmit(value);
+                    setKeyDown(true);
+                }
+            }, onKeyUp: (event) => {
+                if (event.key === 'Enter') {
+                    setKeyDown(false);
+                }
+            }, onChange: (event) => {
+                const newValue = event.target.value;
+                setValue(newValue);
+                valueRef.current = newValue;
+                if (props.searchOptions?.searchOnType) {
+                    handleDebouncedSearch();
+                }
+            }, onFocus: () => setFocused(true) }),
+        value && (React.createElement("button", { className: "sd-searchbar__cancel", onClick: () => {
+                handleDebouncedSearch.cancel();
+                setValue('');
+                props.onSubmit('');
+            } },
+            React.createElement(Icon, { name: "remove-sign" }))),
+        !props.hideSearchButton && value && !props.searchOptions?.searchOnType && (React.createElement("button", { id: "sd-searchbar__search-btn", className: searchButtonClasses, onClick: () => {
+                handleDebouncedSearch.cancel();
+                props.onSubmit(value);
+            } },
+            React.createElement(Icon, { name: "chevron-right-thin" })))));
+});
+//# sourceMappingURL=SearchBar.js.map

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

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

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

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { IInputWrapper } from './Form/InputWrapper';
+interface ISelect extends IInputWrapper {
+    value?: string;
+    onChange(newValue: string): void;
+    'data-test-id'?: string;
+}
+declare class Select extends React.Component<ISelect> {
+    private htmlId;
+    constructor(props: ISelect);
+    handleChange(event: React.ChangeEvent<HTMLSelectElement>): void;
+    render(): JSX.Element;
+}
+interface IOption {
+    value?: string;
+}
+declare class Option extends React.PureComponent<IOption> {
+    render(): JSX.Element;
+}
+export { Select, Option };
+//# sourceMappingURL=Select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../app-typescript/components/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAElD,UAAU,OAAQ,SAAQ,aAAa;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,cAAM,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC;IACzC,OAAO,CAAC,MAAM,CAAY;gBACd,KAAK,EAAE,OAAO;IAM1B,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC;IAIxD,MAAM;CA0CT;AAED,UAAU,OAAO;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,cAAM,MAAO,SAAQ,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC;IAC7C,MAAM;CAGT;AAED,OAAO,EAAC,MAAM,EAAE,MAAM,EAAC,CAAC"}

package/dist/esm/components/Select.js

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import nextId from 'react-id-generator';
+import { InputWrapper } from './Form';
+class Select extends React.Component {
+    constructor(props) {
+        super(props);
+        this.htmlId = nextId();
+        this.handleChange = this.handleChange.bind(this);
+    }
+    handleChange(event) {
+        this.props.onChange(event.target.value);
+    }
+    render() {
+        if (this.props.preview) {
+            return (React.createElement("div", null,
+                React.createElement("span", null, this.props.value)));
+        }
+        return (React.createElement(InputWrapper, { label: this.props.label, error: this.props.error, invalid: this.props.error != null, required: this.props.required, disabled: this.props.disabled, readonly: this.props.readonly, info: this.props.info, inlineLabel: this.props.inlineLabel, labelHidden: this.props.labelHidden, fullWidth: this.props.fullWidth, htmlId: this.htmlId, tabindex: this.props.tabindex, inputWrapper: this.props.inputWrapper },
+            React.createElement("span", { className: "sd-input__select-caret-wrapper" },
+                React.createElement("select", { className: "sd-input__select", id: this.htmlId, value: this.props.value, "aria-describedby": this.htmlId + 'label', tabIndex: this.props.tabindex, onChange: this.handleChange, disabled: this.props.disabled || this.props.readonly, "data-test-id": this.props['data-test-id'] }, this.props.children))));
+    }
+}
+class Option extends React.PureComponent {
+    render() {
+        return React.createElement("option", { value: this.props.value }, this.props.children);
+    }
+}
+export { Select, Option };
+//# sourceMappingURL=Select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../app-typescript/components/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAC,YAAY,EAAC,MAAM,QAAQ,CAAC;AASpC,MAAM,MAAO,SAAQ,KAAK,CAAC,SAAkB;IAEzC,YAAY,KAAc;QACtB,KAAK,CAAC,KAAK,CAAC,CAAC;QAFT,WAAM,GAAG,MAAM,EAAE,CAAC;QAItB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACrD,CAAC;IAED,YAAY,CAAC,KAA2C;QACpD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC;IAED,MAAM;QACF,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;YACrB,OAAO,CACH;gBACI,kCAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAQ,CAC7B,CACT,CAAC;QACN,CAAC;QAED,OAAO,CACH,oBAAC,YAAY,IACT,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,IAAI,EACjC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EACrB,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC/B,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY;YAErC,8BAAM,SAAS,EAAC,gCAAgC;gBAC5C,gCACI,SAAS,EAAC,kBAAkB,EAC5B,EAAE,EAAE,IAAI,CAAC,MAAM,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,sBACL,IAAI,CAAC,MAAM,GAAG,OAAO,EACvC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,kBACtC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAEvC,IAAI,CAAC,KAAK,CAAC,QAAQ,CACf,CACN,CACI,CAClB,CAAC;IACN,CAAC;CACJ;AAMD,MAAM,MAAO,SAAQ,KAAK,CAAC,aAAsB;IAC7C,MAAM;QACF,OAAO,gCAAQ,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAU,CAAC;IAC3E,CAAC;CACJ;AAED,OAAO,EAAC,MAAM,EAAE,MAAM,EAAC,CAAC"}