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

package/dist/esm/components/Text/Heading.js

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import classNames from 'classnames';
+export class Heading extends React.PureComponent {
+    render() {
+        let classes = classNames('sd-heading', {
+            'sd-text--italic': this.props.style === 'italic',
+            [`sd-text--${this.props.weight}`]: this.props.weight,
+            'sd-text-align--left': this.props.align === undefined,
+            [`sd-text-align--${this.props.align}`]: this.props.align && this.props.align !== 'start',
+            'sd-text--sans': this.props.fontStyle === undefined,
+            [`sd-text--${this.props.fontStyle}`]: this.props.fontStyle && this.props.fontStyle !== 'sans',
+            [`sd-heading--${this.props.type}`]: this.props.type,
+            '': this.props.color === undefined,
+            [`sd-text-color--${this.props.color}`]: this.props.color && this.props.color !== 'normal',
+        }, this.props.className);
+        switch (this.props.type) {
+            case 'h1':
+                return React.createElement("h1", { className: classes }, this.props.children);
+            case 'h2':
+                return React.createElement("h2", { className: classes }, this.props.children);
+            case 'h3':
+                return React.createElement("h3", { className: classes }, this.props.children);
+            case 'h4':
+                return React.createElement("h4", { className: classes }, this.props.children);
+            case 'h5':
+                return React.createElement("h5", { className: classes }, this.props.children);
+            case 'h6':
+                return React.createElement("h6", { className: classes }, this.props.children);
+        }
+    }
+}
+//# sourceMappingURL=Heading.js.map

package/dist/esm/components/Text/Heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../../app-typescript/components/Text/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AAapC,MAAM,OAAO,OAAQ,SAAQ,KAAK,CAAC,aAAqB;IACpD,MAAM;QACF,IAAI,OAAO,GAAG,UAAU,CACpB,YAAY,EACZ;YACI,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,QAAQ;YAChD,CAAC,YAAY,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM;YACpD,qBAAqB,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS;YACrD,CAAC,kBAAkB,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,OAAO;YACxF,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,SAAS;YACnD,CAAC,YAAY,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,MAAM;YAC7F,CAAC,eAAe,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI;YACnD,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS;YAClC,CAAC,kBAAkB,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,QAAQ;SAC5F,EACD,IAAI,CAAC,KAAK,CAAC,SAAS,CACvB,CAAC;QACF,QAAQ,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;YACtB,KAAK,IAAI;gBACL,OAAO,4BAAI,SAAS,EAAE,OAAO,IAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAM,CAAC;YAC9D,KAAK,IAAI;gBACL,OAAO,4BAAI,SAAS,EAAE,OAAO,IAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAM,CAAC;YAC9D,KAAK,IAAI;gBACL,OAAO,4BAAI,SAAS,EAAE,OAAO,IAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAM,CAAC;YAC9D,KAAK,IAAI;gBACL,OAAO,4BAAI,SAAS,EAAE,OAAO,IAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAM,CAAC;YAC9D,KAAK,IAAI;gBACL,OAAO,4BAAI,SAAS,EAAE,OAAO,IAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAM,CAAC;YAC9D,KAAK,IAAI;gBACL,OAAO,4BAAI,SAAS,EAAE,OAAO,IAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAM,CAAC;QAClE,CAAC;IACL,CAAC;CACJ"}

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+interface IProps {
+    children: React.ReactNode;
+    className?: string;
+    weight?: 'light' | 'normal' | 'medium' | 'strong';
+    style?: 'normal' | 'italic';
+    align?: 'start' | 'end' | 'center' | 'justify';
+    size?: 'x-small' | 'small' | 'medium' | 'large';
+    color?: 'normal' | 'light' | 'lighter';
+    fontStyle?: 'sans' | 'serif';
+    noMargin?: boolean;
+}
+export declare class Text extends React.PureComponent<IProps> {
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=Text.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../app-typescript/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,MAAM;IACZ,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAClD,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC/C,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAChD,KAAK,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,qBAAa,IAAK,SAAQ,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC;IACjD,MAAM;CA8BT"}

package/dist/esm/components/Text/Text.js

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import classNames from 'classnames';
+export class Text extends React.PureComponent {
+    render() {
+        let classes = classNames('sd-text', {
+            'sd-text--italic': this.props.style === 'italic',
+            'sd-text--normal': this.props.weight === undefined,
+            [`sd-text--${this.props.weight}`]: this.props.weight || this.props.weight !== undefined,
+            'sd-text-align--left': this.props.align === undefined,
+            [`sd-text-align--${this.props.align}`]: this.props.align && this.props.align !== 'start',
+            [`sd-font-size--${this.props.size}`]: this.props.size && this.props.size !== 'small',
+            'sd-text--sans': this.props.fontStyle === undefined,
+            [`sd-text--${this.props.fontStyle}`]: this.props.fontStyle && this.props.fontStyle !== 'sans',
+            '': this.props.color === undefined,
+            [`sd-text-color--${this.props.color}`]: this.props.color && this.props.color !== 'normal',
+        }, this.props.className);
+        const styles = {};
+        if (this.props.noMargin === true) {
+            styles.margin = 0;
+        }
+        return (React.createElement("p", { className: classes, style: styles }, this.props.children));
+    }
+}
+//# sourceMappingURL=Text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../app-typescript/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AAcpC,MAAM,OAAO,IAAK,SAAQ,KAAK,CAAC,aAAqB;IACjD,MAAM;QACF,IAAI,OAAO,GAAG,UAAU,CACpB,SAAS,EACT;YACI,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,QAAQ;YAChD,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,SAAS;YAClD,CAAC,YAAY,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,SAAS;YACvF,qBAAqB,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS;YACrD,CAAC,kBAAkB,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,OAAO;YACxF,CAAC,iBAAiB,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO;YACpF,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,SAAS;YACnD,CAAC,YAAY,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,MAAM;YAC7F,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS;YAClC,CAAC,kBAAkB,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,QAAQ;SAC5F,EACD,IAAI,CAAC,KAAK,CAAC,SAAS,CACvB,CAAC;QAEF,MAAM,MAAM,GAAwB,EAAE,CAAC;QAEvC,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,IAAI,EAAE,CAAC;YAC/B,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;QACtB,CAAC;QAED,OAAO,CACH,2BAAG,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,IAC/B,IAAI,CAAC,KAAK,CAAC,QAAQ,CACpB,CACP,CAAC;IACN,CAAC;CACJ"}

package/dist/esm/components/Text/Time.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+interface IProps {
+    children: React.ReactNode;
+    className?: string;
+    weight?: 'light' | 'normal' | 'medium' | 'strong';
+    style?: 'normal' | 'italic';
+    align?: 'start' | 'end' | 'center' | 'justify';
+    size?: 'x-small' | 'small' | 'medium' | 'large';
+    color?: 'normal' | 'light' | 'lighter';
+    datetime?: string;
+}
+export declare class Time extends React.PureComponent<IProps> {
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=Time.d.ts.map

package/dist/esm/components/Text/Time.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Time.d.ts","sourceRoot":"","sources":["../../../../app-typescript/components/Text/Time.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,MAAM;IACZ,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAClD,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC/C,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAChD,KAAK,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,qBAAa,IAAK,SAAQ,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC;IACjD,MAAM;CAsBT"}

package/dist/esm/components/Text/Time.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import classNames from 'classnames';
+export class Time extends React.PureComponent {
+    render() {
+        let classes = classNames('sd-time', {
+            'sd-text--italic': this.props.style === 'italic',
+            'sd-text--normal': this.props.weight === undefined,
+            [`sd-text--${this.props.weight}`]: this.props.weight || this.props.weight !== undefined,
+            'sd-text-align--left': this.props.align === undefined,
+            [`sd-text-align--${this.props.align}`]: this.props.align && this.props.align !== 'start',
+            [`sd-font-size--${this.props.size}`]: this.props.size && this.props.size !== 'x-small',
+            '': this.props.color === undefined,
+            [`sd-text-color--${this.props.color}`]: this.props.color && this.props.color !== 'normal',
+        }, this.props.className);
+        return (React.createElement("time", { dateTime: this.props.datetime, className: classes }, this.props.children));
+    }
+}
+//# sourceMappingURL=Time.js.map

package/dist/esm/components/Text/Time.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Time.js","sourceRoot":"","sources":["../../../../app-typescript/components/Text/Time.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AAapC,MAAM,OAAO,IAAK,SAAQ,KAAK,CAAC,aAAqB;IACjD,MAAM;QACF,IAAI,OAAO,GAAG,UAAU,CACpB,SAAS,EACT;YACI,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,QAAQ;YAChD,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,SAAS;YAClD,CAAC,YAAY,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,SAAS;YACvF,qBAAqB,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS;YACrD,CAAC,kBAAkB,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,OAAO;YACxF,CAAC,iBAAiB,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS;YACtF,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS;YAClC,CAAC,kBAAkB,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,QAAQ;SAC5F,EACD,IAAI,CAAC,KAAK,CAAC,SAAS,CACvB,CAAC;QAEF,OAAO,CACH,8BAAM,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,SAAS,EAAE,OAAO,IAClD,IAAI,CAAC,KAAK,CAAC,QAAQ,CACjB,CACV,CAAC;IACN,CAAC;CACJ"}

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

@@ -0,0 +1,22 @@
+import * as React from 'react';
+interface IProps {
+    value?: string;
+    size?: 'small' | 'medium' | 'large';
+    options: Array<{
+        label: string;
+        value: string;
+        theme: 'light' | 'dark' | 'contrast-light';
+        disabled?: boolean;
+        checked?: boolean;
+    }>;
+    required?: boolean;
+    onChange(nextValue: string): void;
+}
+export declare class ThemeSelector extends React.Component<IProps> {
+    htmlId: string;
+    constructor(props: IProps);
+    handleChange(item: any): void;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=ThemeSelector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeSelector.d.ts","sourceRoot":"","sources":["../../../app-typescript/components/ThemeSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,MAAM;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,OAAO,EAAE,KAAK,CAAC;QACX,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,gBAAgB,CAAC;QAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,OAAO,CAAC,EAAE,OAAO,CAAC;KACrB,CAAC,CAAC;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;CACrC;AACD,qBAAa,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC;IACtD,MAAM,SAAY;gBAEN,KAAK,EAAE,MAAM;IAKzB,YAAY,CAAC,IAAI,EAAE,GAAG;IAOtB,MAAM;CA6FT"}

package/dist/esm/components/ThemeSelector.js

@@ -0,0 +1,69 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import nextId from 'react-id-generator';
+export class ThemeSelector extends React.Component {
+    constructor(props) {
+        super(props);
+        this.htmlId = nextId();
+        this.handleChange = this.handleChange.bind(this);
+    }
+    handleChange(item) {
+        console.log(item);
+        if (!item.disabled) {
+            this.props.onChange(item.value);
+        }
+    }
+    render() {
+        let classes = classNames('sd-theme-selector__list ', {
+            [`sd-theme-selector__list--${this.props.size}`]: this.props.size,
+        });
+        return (React.createElement("div", { className: classes }, this.props.options.map((item, index) => (React.createElement("div", { className: "sd-theme-selector__item", key: index, tabIndex: -1 },
+            React.createElement("figure", { className: "sd-theme-selector__item-thumb", "data-theme": item.theme + '-ui', "aria-hidden": "true" },
+                React.createElement("svg", { viewBox: "0 0 156 94", xmlns: "http://www.w3.org/2000/svg" },
+                    React.createElement("g", { fill: "none", fillRule: "evenodd" },
+                        React.createElement("path", { d: "m0 0h156v94h-156z", fill: "var(--sd-colour-panel-bg--100)" }),
+                        React.createElement("circle", { cx: "144", cy: "33", fill: "var(--color-text-subdued)", r: "4" }),
+                        React.createElement("rect", { fill: "var(--sd-colour-interactive)", height: "15", rx: "2", width: "58", x: "91", y: "71" }),
+                        React.createElement("g", { fill: "var(--sd-colour-btn-bg-neutral)" },
+                            React.createElement("rect", { height: "15", rx: "2", width: "58", x: "29", y: "52" }),
+                            React.createElement("rect", { height: "15", rx: "2", width: "58", x: "29", y: "71" }),
+                            React.createElement("rect", { height: "15", rx: "2", width: "58", x: "91", y: "52" })),
+                        React.createElement("g", { fill: "#fff" },
+                            React.createElement("rect", { height: "3", rx: "1.5", width: "9", x: "99", y: "77" }),
+                            React.createElement("rect", { height: "3", rx: "1.5", width: "11", x: "130", y: "77" }),
+                            React.createElement("rect", { height: "3", rx: "1.5", width: "18", x: "110", y: "77" })),
+                        React.createElement("g", { fill: "var(--color-text-muted)" },
+                            React.createElement("rect", { height: "3", rx: "1.5", width: "9", x: "37", y: "58" }),
+                            React.createElement("rect", { height: "3", rx: "1.5", width: "11", x: "68", y: "58" }),
+                            React.createElement("rect", { height: "3", rx: "1.5", width: "18", x: "48", y: "58" }),
+                            React.createElement("rect", { height: "3", rx: "1.5", width: "9", x: "37", y: "77" }),
+                            React.createElement("rect", { height: "3", rx: "1.5", width: "11", x: "68", y: "77" }),
+                            React.createElement("rect", { height: "3", rx: "1.5", width: "18", x: "48", y: "77" }),
+                            React.createElement("rect", { height: "3", rx: "1.5", width: "9", x: "99", y: "58" }),
+                            React.createElement("rect", { height: "3", rx: "1.5", width: "11", x: "130", y: "58" }),
+                            React.createElement("rect", { height: "3", rx: "1.5", width: "18", x: "110", y: "58" })),
+                        React.createElement("g", { fill: "var(--color-text)" },
+                            React.createElement("rect", { height: "4", rx: "2", width: "11", x: "29", y: "31" }),
+                            React.createElement("rect", { height: "4", rx: "2", width: "14", x: "70", y: "31" }),
+                            React.createElement("rect", { height: "4", rx: "2", width: "23", x: "43", y: "31" })),
+                        React.createElement("path", { d: "m0 22h22v72h-22z", fill: "var(--sd-colour-sidebar-menu--00)" }),
+                        React.createElement("circle", { cx: "11", cy: "52", fill: "var(--sd-colour-interactive)", r: "6" }),
+                        React.createElement("g", { fill: "var(--color-icon-default)", opacity: ".75" },
+                            React.createElement("circle", { cx: "11", cy: "34", r: "6" }),
+                            React.createElement("circle", { cx: "11", cy: "70", r: "6" })),
+                        React.createElement("path", { d: "m0 0h156v22h-156z", fill: "var(--sd-colour-top-menu)" }),
+                        React.createElement("path", { d: "m0 22h156v1h-156z", fill: "var(--sd-colour--shadow-line)" }),
+                        React.createElement("g", { fill: "hsla(214, 13%, 65%, 1)", opacity: "1" },
+                            React.createElement("rect", { height: "4", rx: "2", width: "11", x: "31", y: "9" }),
+                            React.createElement("rect", { height: "4", rx: "2", width: "23", x: "45", y: "9" })),
+                        React.createElement("path", { d: "m22 44h134v1h-134z", fill: "var(--sd-colour-line--medium)" }),
+                        React.createElement("path", { d: "m0 0h22v22h-22z", fill: "var(--sd-colour-top-menu__btn)" }),
+                        React.createElement("path", { d: "m15 13v1h-8v-1zm0-3v1h-8v-1zm0-3v1h-8v-1z", fill: "#fff" })))),
+            React.createElement("div", { className: "sd-theme-selector__item-action" },
+                React.createElement("input", { type: "radio", className: "sd-theme-selector__input", id: this.htmlId + index, tabIndex: 0, name: this.htmlId, onChange: () => this.handleChange(item), disabled: item.disabled }),
+                React.createElement("span", { className: "sd-radio-new" }),
+                React.createElement("label", { className: "sd-theme-selector__label", htmlFor: this.htmlId + index }, item.label),
+                React.createElement("span", { className: "sd-theme-selector__label-text", "aria-hidden": "true" }, item.label)))))));
+    }
+}
+//# sourceMappingURL=ThemeSelector.js.map

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

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

package/dist/esm/components/TimePicker/TimePickerPopover.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+export declare function convert12HourTo24Hour(hour: number, period: 'am' | 'pm'): number;
+export declare function convert24HourTo12Hour(hour: number): number;
+export declare function toInternalState(timeStr: string | undefined | null): IState;
+interface IProps {
+    headerTemplate?: React.ReactNode;
+    footerTemplate?: React.ReactNode;
+    allowSeconds?: boolean;
+    onChange: (nextValue: string) => void;
+    value: string | null;
+}
+interface IState {
+    hours: string | null;
+    minutes: string | null;
+    seconds: string | null;
+    period: 'am' | 'pm' | null;
+}
+export declare class TimePickerPopover extends React.PureComponent<IProps, IState> {
+    private inputRefs;
+    constructor(props: IProps);
+    private handleChange;
+    scrollToValues(): void;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: Readonly<IProps>): void;
+    render(): React.ReactNode;
+}
+export {};
+//# sourceMappingURL=TimePickerPopover.d.ts.map

package/dist/esm/components/TimePicker/TimePickerPopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePickerPopover.d.ts","sourceRoot":"","sources":["../../../../app-typescript/components/TimePicker/TimePickerPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,CAU/E;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,MAAM,UAIjD;AAMD,wBAAgB,eAAe,CAC3B,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,GACnC,MAAM,CA6BR;AAQD,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB;AAGD,UAAU,MAAM;IACZ,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,MAAM,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC9B;AAED,qBAAa,iBAAkB,SAAQ,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,MAAM,CAAC;IAEtE,OAAO,CAAC,SAAS,CAA0C;gBAE/C,KAAK,EAAE,MAAM;IAUzB,OAAO,CAAC,YAAY;IAwCpB,cAAc;IAId,iBAAiB,IAAI,IAAI;IAIzB,kBAAkB,CAAC,SAAS,EAAE,QAAQ,CAAC,MAAM,CAAC,GAAG,IAAI;IAQrD,MAAM,IAAI,KAAK,CAAC,SAAS;CAmI5B"}

package/dist/esm/components/TimePicker/TimePickerPopover.js

@@ -0,0 +1,160 @@
+import * as React from 'react';
+import { Spacer } from '@sourcefabric/common';
+import { ContentDivider } from '../ContentDivider';
+import { RadioButtonGroup } from '../RadioButtonGroup';
+import { getOptionsForTimeUnit } from '../../utils/time';
+import { TimeValueHolder } from './TimeValueHolder';
+export function convert12HourTo24Hour(hour, period) {
+    if (period === 'am' && hour === 12) {
+        return 0; // midnight
+    }
+    if (period === 'pm' && hour !== 12) {
+        return hour + 12; // PM and not 12
+    }
+    return hour; // For 12PM, 1-11AM
+}
+export function convert24HourTo12Hour(hour) {
+    const remainder = hour % 12;
+    return remainder === 0 ? 12 : remainder;
+}
+function isAm(hours) {
+    return hours < 12;
+}
+export function toInternalState(timeStr) {
+    if (timeStr == null || (timeStr ?? '').trim().length < 1) {
+        return {
+            hours: null,
+            minutes: null,
+            seconds: null,
+            period: null,
+        };
+    }
+    const [hours, minutes, seconds] = timeStr.split(':');
+    const secondsDefault = hours != null && minutes != null ? '00' : null;
+    return {
+        hours: (() => {
+            if (hours == null) {
+                return null;
+            }
+            if (is12HourFormat) {
+                return convert24HourTo12Hour(parseInt(hours, 10)).toString().padStart(2, '0');
+            }
+            else {
+                return hours;
+            }
+        })(),
+        minutes: minutes ?? null,
+        seconds: seconds ?? secondsDefault,
+        period: hours == null ? null : isAm(parseInt(hours, 10)) ? 'am' : 'pm',
+    };
+}
+const is12HourFormat = (() => {
+    const hour = new Date().toLocaleTimeString([]);
+    return hour.includes('AM') || hour.includes('PM');
+})();
+export class TimePickerPopover extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        this.inputRefs = [React.createRef(), React.createRef(), React.createRef()];
+        this.handleChange = this.handleChange.bind(this);
+        this.scrollToValues = this.scrollToValues.bind(this);
+        this.state = toInternalState(props.value);
+    }
+    handleChange(nextState) {
+        this.setState(nextState, () => {
+            let timeParts = [];
+            if (this.state.hours == null) {
+                return;
+            }
+            if (is12HourFormat) {
+                if (this.state.period == null) {
+                    return;
+                }
+                timeParts.push(convert12HourTo24Hour(parseInt(this.state.hours, 10), this.state.period)
+                    .toString()
+                    .padStart(2, '0'));
+            }
+            else {
+                timeParts.push(this.state.hours);
+            }
+            if (this.state.minutes == null) {
+                return;
+            }
+            else {
+                timeParts.push(this.state.minutes);
+            }
+            if (this.props.allowSeconds) {
+                if (this.state.seconds == null) {
+                    return;
+                }
+                else {
+                    timeParts.push(this.state.seconds);
+                }
+            }
+            this.props.onChange(timeParts.join(':'));
+        });
+    }
+    scrollToValues() {
+        this.inputRefs.forEach((unitOfTime) => unitOfTime?.current?.scrollToValue?.());
+    }
+    componentDidMount() {
+        this.scrollToValues();
+    }
+    componentDidUpdate(prevProps) {
+        if (this.props.value !== prevProps.value) {
+            this.setState(toInternalState(this.props.value), () => {
+                this.scrollToValues();
+            });
+        }
+    }
+    render() {
+        const styleForColumnOfUnit = {
+            maxHeight: 190,
+            overflowY: 'auto',
+            scrollbarWidth: 'thin',
+            marginTop: 'var(--gap-1)',
+            scrollBehavior: 'smooth',
+        };
+        return (React.createElement("div", { className: "sd-shadow--z2 radius-md" },
+            React.createElement(Spacer, { v: true, gap: "0", style: {
+                    minWidth: 200,
+                    maxWidth: 'max-content',
+                    backgroundColor: 'var(--color-dropdown-menu-Bg)',
+                    borderRadius: 'var(--b-radius--small)',
+                } },
+                this.props.headerTemplate && (React.createElement("div", { className: "px-1-5 py-1", style: { borderBottom: '1px solid var(--color-line-x-light)' } }, this.props.headerTemplate)),
+                React.createElement(Spacer, { h: true, gap: "4", noWrap: true, justifyContent: "center", alignItems: "start", style: { paddingInline: 'var(--gap-1)' } },
+                    React.createElement(Spacer, { v: true, gap: "4", style: styleForColumnOfUnit, alignItems: "center", noWrap: true }, getOptionsForTimeUnit('hours', is12HourFormat).map((hour) => {
+                        const isActiveHour = hour === this.state.hours;
+                        return (React.createElement(TimeValueHolder, { key: hour, ref: isActiveHour ? this.inputRefs[0] : undefined, onClick: () => {
+                                this.handleChange({ ...this.state, hours: hour });
+                            }, isActive: isActiveHour, value: hour }));
+                    })),
+                    React.createElement(ContentDivider, { align: "center", border: true, type: "solid", orientation: "vertical", margin: "none" }),
+                    React.createElement(Spacer, { v: true, gap: "4", style: styleForColumnOfUnit, alignItems: "center", noWrap: true }, getOptionsForTimeUnit('minutes', is12HourFormat).map((minute) => {
+                        const isActiveMinute = minute === this.state.minutes;
+                        return (React.createElement(TimeValueHolder, { key: minute, ref: isActiveMinute ? this.inputRefs[1] : undefined, isActive: isActiveMinute, value: minute, onClick: () => {
+                                this.handleChange({ ...this.state, minutes: minute });
+                            } }));
+                    })),
+                    this.props.allowSeconds && (React.createElement(React.Fragment, null,
+                        React.createElement(ContentDivider, { align: "center", border: true, type: "solid", orientation: "vertical", margin: "none" }),
+                        React.createElement(Spacer, { v: true, gap: "4", style: styleForColumnOfUnit, alignItems: "center", noWrap: true }, getOptionsForTimeUnit('seconds', is12HourFormat).map((second) => {
+                            const isActiveSecond = second === this.state.seconds;
+                            return (React.createElement(TimeValueHolder, { key: second, ref: isActiveSecond ? this.inputRefs[2] : undefined, onClick: () => {
+                                    this.handleChange({ ...this.state, seconds: second });
+                                }, isActive: isActiveSecond, value: second }));
+                        })))),
+                    is12HourFormat && (React.createElement("div", { style: {
+                            marginTop: 'var(--gap-1)',
+                        } },
+                        React.createElement(RadioButtonGroup, { onChange: (nextValue) => {
+                                this.handleChange({ ...this.state, period: nextValue });
+                            }, options: [
+                                { label: 'AM', value: 'am' },
+                                { label: 'PM', value: 'pm' },
+                            ], value: this.state.period == null ? '' : this.state.period })))),
+                this.props.footerTemplate && (React.createElement("div", { className: "px-1-5 py-1", style: { borderTop: '1px solid var(--color-line-x-light)' } }, this.props.footerTemplate)))));
+    }
+}
+//# sourceMappingURL=TimePickerPopover.js.map

package/dist/esm/components/TimePicker/TimePickerPopover.js.map

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

package/dist/esm/components/TimePicker/TimePickerPopover.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=TimePickerPopover.spec.d.ts.map

package/dist/esm/components/TimePicker/TimePickerPopover.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePickerPopover.spec.d.ts","sourceRoot":"","sources":["../../../../app-typescript/components/TimePicker/TimePickerPopover.spec.ts"],"names":[],"mappings":""}

package/dist/esm/components/TimePicker/TimePickerPopover.spec.js

@@ -0,0 +1,150 @@
+import { describe, it } from 'mocha';
+import * as assert from 'assert';
+import { convert12HourTo24Hour, convert24HourTo12Hour, toInternalState } from './TimePickerPopover';
+it('should convert all 12-hour times to 24-hour format', () => {
+    // AM times
+    assert.strictEqual(convert12HourTo24Hour(12, 'am'), 0);
+    assert.strictEqual(convert12HourTo24Hour(1, 'am'), 1);
+    assert.strictEqual(convert12HourTo24Hour(2, 'am'), 2);
+    assert.strictEqual(convert12HourTo24Hour(3, 'am'), 3);
+    assert.strictEqual(convert12HourTo24Hour(4, 'am'), 4);
+    assert.strictEqual(convert12HourTo24Hour(5, 'am'), 5);
+    assert.strictEqual(convert12HourTo24Hour(6, 'am'), 6);
+    assert.strictEqual(convert12HourTo24Hour(7, 'am'), 7);
+    assert.strictEqual(convert12HourTo24Hour(8, 'am'), 8);
+    assert.strictEqual(convert12HourTo24Hour(9, 'am'), 9);
+    assert.strictEqual(convert12HourTo24Hour(10, 'am'), 10);
+    assert.strictEqual(convert12HourTo24Hour(11, 'am'), 11);
+    // PM times
+    assert.strictEqual(convert12HourTo24Hour(12, 'pm'), 12);
+    assert.strictEqual(convert12HourTo24Hour(1, 'pm'), 13);
+    assert.strictEqual(convert12HourTo24Hour(2, 'pm'), 14);
+    assert.strictEqual(convert12HourTo24Hour(3, 'pm'), 15);
+    assert.strictEqual(convert12HourTo24Hour(4, 'pm'), 16);
+    assert.strictEqual(convert12HourTo24Hour(5, 'pm'), 17);
+    assert.strictEqual(convert12HourTo24Hour(6, 'pm'), 18);
+    assert.strictEqual(convert12HourTo24Hour(7, 'pm'), 19);
+    assert.strictEqual(convert12HourTo24Hour(8, 'pm'), 20);
+    assert.strictEqual(convert12HourTo24Hour(9, 'pm'), 21);
+    assert.strictEqual(convert12HourTo24Hour(10, 'pm'), 22);
+    assert.strictEqual(convert12HourTo24Hour(11, 'pm'), 23);
+});
+it('should convert all 24-hour times to 12-hour format', () => {
+    assert.strictEqual(convert24HourTo12Hour(0), 12);
+    assert.strictEqual(convert24HourTo12Hour(1), 1);
+    assert.strictEqual(convert24HourTo12Hour(2), 2);
+    assert.strictEqual(convert24HourTo12Hour(3), 3);
+    assert.strictEqual(convert24HourTo12Hour(4), 4);
+    assert.strictEqual(convert24HourTo12Hour(5), 5);
+    assert.strictEqual(convert24HourTo12Hour(6), 6);
+    assert.strictEqual(convert24HourTo12Hour(7), 7);
+    assert.strictEqual(convert24HourTo12Hour(8), 8);
+    assert.strictEqual(convert24HourTo12Hour(9), 9);
+    assert.strictEqual(convert24HourTo12Hour(10), 10);
+    assert.strictEqual(convert24HourTo12Hour(11), 11);
+    assert.strictEqual(convert24HourTo12Hour(12), 12);
+    assert.strictEqual(convert24HourTo12Hour(13), 1);
+    assert.strictEqual(convert24HourTo12Hour(14), 2);
+    assert.strictEqual(convert24HourTo12Hour(15), 3);
+    assert.strictEqual(convert24HourTo12Hour(16), 4);
+    assert.strictEqual(convert24HourTo12Hour(17), 5);
+    assert.strictEqual(convert24HourTo12Hour(18), 6);
+    assert.strictEqual(convert24HourTo12Hour(19), 7);
+    assert.strictEqual(convert24HourTo12Hour(20), 8);
+    assert.strictEqual(convert24HourTo12Hour(21), 9);
+    assert.strictEqual(convert24HourTo12Hour(22), 10);
+    assert.strictEqual(convert24HourTo12Hour(23), 11);
+});
+describe('toInternalState', () => {
+    describe('null/undefined/empty input', () => {
+        it('should return null state for null input', () => {
+            assert.deepStrictEqual(toInternalState(null), {
+                hours: null,
+                minutes: null,
+                seconds: null,
+                period: null,
+            });
+        });
+        it('should return null state for undefined input', () => {
+            assert.deepStrictEqual(toInternalState(undefined), {
+                hours: null,
+                minutes: null,
+                seconds: null,
+                period: null,
+            });
+        });
+        it('should return null state for empty string', () => {
+            assert.deepStrictEqual(toInternalState(' '), {
+                hours: null,
+                minutes: null,
+                seconds: null,
+                period: null,
+            });
+        });
+    });
+    it('should convert 00:00:00 to 12:00:00 am', () => {
+        assert.deepStrictEqual(toInternalState('00:00:00'), {
+            hours: '12',
+            minutes: '00',
+            seconds: '00',
+            period: 'am',
+        });
+    });
+    it('should convert 01:30:45 to 01:30:45 am', () => {
+        assert.deepStrictEqual(toInternalState('01:30:45'), {
+            hours: '01',
+            minutes: '30',
+            seconds: '45',
+            period: 'am',
+        });
+    });
+    it('should convert 11:59:59 to 11:59:59 am', () => {
+        assert.deepStrictEqual(toInternalState('11:59:59'), {
+            hours: '11',
+            minutes: '59',
+            seconds: '59',
+            period: 'am',
+        });
+    });
+    it('should convert 12:00:00 to 12:00:00 pm', () => {
+        assert.deepStrictEqual(toInternalState('12:00:00'), {
+            hours: '12',
+            minutes: '00',
+            seconds: '00',
+            period: 'pm',
+        });
+    });
+    it('should convert 13:30:15 to 01:30:15 pm', () => {
+        assert.deepStrictEqual(toInternalState('13:30:15'), {
+            hours: '01',
+            minutes: '30',
+            seconds: '15',
+            period: 'pm',
+        });
+    });
+    it('should convert 23:59:59 to 11:59:59 pm', () => {
+        assert.deepStrictEqual(toInternalState('23:59:59'), {
+            hours: '11',
+            minutes: '59',
+            seconds: '59',
+            period: 'pm',
+        });
+    });
+    it('should handle time without seconds and default to 00', () => {
+        assert.deepStrictEqual(toInternalState('14:30'), {
+            hours: '02',
+            minutes: '30',
+            seconds: '00',
+            period: 'pm',
+        });
+    });
+    it('should handle time without seconds in morning', () => {
+        assert.deepStrictEqual(toInternalState('09:15'), {
+            hours: '09',
+            minutes: '15',
+            seconds: '00',
+            period: 'am',
+        });
+    });
+});
+//# sourceMappingURL=TimePickerPopover.spec.js.map