@sap-ux/ui-components 1.0.0

package/dist/components/UIContextualMenu/UIHighlightMenuOption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UIHighlightMenuOption.d.ts","sourceRoot":"","sources":["../../../src/components/UIContextualMenu/UIHighlightMenuOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,8BAA8B,CAAC;AAEtC,MAAM,WAAW,0BAA0B;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;;;GAMG;AACH,qBAAa,qBAAsB,SAAQ,KAAK,CAAC,SAAS,CAAC,0BAA0B,CAAC;IAClF;;OAEG;IACH,MAAM,IAAI,GAAG,CAAC,OAAO;CAiCxB"}

package/dist/components/UIContextualMenu/UIHighlightMenuOption.js

@@ -0,0 +1,51 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UIHighlightMenuOption = void 0;
+const react_1 = __importDefault(require("react"));
+require("./UIHighlightMenuOption.scss");
+/**
+ * UIHighlightMenuOption component.
+ *
+ * @exports
+ * @class UIHighlightMenuOption
+ * @extends {React.Component<UIHighlightMenuOptionProps>}
+ */
+class UIHighlightMenuOption extends react_1.default.Component {
+    /**
+     * @returns {JSX.Element}
+     */
+    render() {
+        let text = this.props.text;
+        let query = this.props.query;
+        const parts = [];
+        if (text && query) {
+            // There is search query - highlight occureance
+            text = text.toString();
+            query = query.toLowerCase();
+            const simpleText = text.toLowerCase();
+            const chars = query.length;
+            let startIndex = 0;
+            let index = simpleText.indexOf(query);
+            const fnAddPart = (part) => (part ? parts.push(part) : null);
+            // Highlight all occureances
+            while (index !== -1) {
+                fnAddPart(react_1.default.createElement("span", { key: 'text-' + startIndex }, text.substring(startIndex, index)));
+                fnAddPart(react_1.default.createElement("span", { className: "ts-Menu-option--highlighted", key: 'highlight-' + index }, text.substr(index, chars)));
+                startIndex = index + chars;
+                index = simpleText.indexOf(query, index + chars);
+                if (index === -1) {
+                    fnAddPart(react_1.default.createElement("span", { key: 'text-' + startIndex }, text.substring(startIndex, simpleText.length)));
+                }
+            }
+        }
+        if (parts.length === 0) {
+            parts.push(text);
+        }
+        return react_1.default.createElement("div", { className: "ts-Menu-option" }, parts);
+    }
+}
+exports.UIHighlightMenuOption = UIHighlightMenuOption;
+//# sourceMappingURL=UIHighlightMenuOption.js.map

package/dist/components/UIContextualMenu/UIHighlightMenuOption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UIHighlightMenuOption.js","sourceRoot":"","sources":["../../../src/components/UIContextualMenu/UIHighlightMenuOption.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,wCAAsC;AAOtC;;;;;;GAMG;AACH,MAAa,qBAAsB,SAAQ,eAAK,CAAC,SAAqC;IAClF;;OAEG;IACH,MAAM;QACF,IAAI,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;QAC3B,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QAC7B,MAAM,KAAK,GAAgC,EAAE,CAAC;QAC9C,IAAI,IAAI,IAAI,KAAK,EAAE;YACf,+CAA+C;YAC/C,IAAI,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;YACvB,KAAK,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC;YAC5B,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;YACtC,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC;YAC3B,IAAI,UAAU,GAAG,CAAC,CAAC;YACnB,IAAI,KAAK,GAAG,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YACtC,MAAM,SAAS,GAAG,CAAC,IAAiB,EAAiB,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;YACzF,4BAA4B;YAC5B,OAAO,KAAK,KAAK,CAAC,CAAC,EAAE;gBACjB,SAAS,CAAC,wCAAM,GAAG,EAAE,OAAO,GAAG,UAAU,IAAG,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,KAAK,CAAC,CAAQ,CAAC,CAAC;gBACvF,SAAS,CACL,wCAAM,SAAS,EAAC,6BAA6B,EAAC,GAAG,EAAE,YAAY,GAAG,KAAK,IAClE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CACvB,CACV,CAAC;gBACF,UAAU,GAAG,KAAK,GAAG,KAAK,CAAC;gBAC3B,KAAK,GAAG,UAAU,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK,CAAC,CAAC;gBACjD,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;oBACd,SAAS,CAAC,wCAAM,GAAG,EAAE,OAAO,GAAG,UAAU,IAAG,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,UAAU,CAAC,MAAM,CAAC,CAAQ,CAAC,CAAC;iBACtG;aACJ;SACJ;QACD,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;YACpB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SACpB;QACD,OAAO,uCAAK,SAAS,EAAC,gBAAgB,IAAE,KAAK,CAAO,CAAC;IACzD,CAAC;CACJ;AArCD,sDAqCC"}

package/dist/components/UIContextualMenu/UIHighlightMenuOption.scss

@@ -0,0 +1,23 @@
+$combobox-list-option-highlighted-color: var(--vscode-editorSuggestWidget-highlightForeground);
+// Two vars because one exists in VSCode Insiders only so far - it can be removed to single var when it will be officially released
+$combobox-list-option-selected-highlighted-color: var(
+    --vscode-editorSuggestWidget-focusHighlightForeground,
+    var(--vscode-list-focusHighlightForeground)
+);
+.ts-Menu-option {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+    &--highlighted {
+        color: $combobox-list-option-highlighted-color;
+        font-weight: bold;
+    }
+}
+
+.ts-ComboBox--selected,
+.ts-ContextualMenu .ms-ContextualMenu-item > .ms-ContextualMenu-link:focus,
+.ts-ContextualMenu .ms-ContextualMenu-item > div:focus {
+    .ts-Menu-option--highlighted {
+        color: $combobox-list-option-selected-highlighted-color;
+    }
+}

package/dist/components/UIContextualMenu/_variables.scss

@@ -0,0 +1,30 @@
+@import '../../styles/_variables.scss';
+@import '../../styles/_mixins.scss';
+
+$menu-background: var(--vscode-menu-background, var(--vscuie-input-background));
+$menu-color: var(--vscode-editorSuggestWidget-foreground);
+$menu-border-color: var(--vscuie-focusBorder);
+
+$menu-item-height: 22px;
+$menu-item-horizontal-padding: 8px;
+$menu-item-vertical-padding: 0px;
+$menu-item-padding: $menu-item-vertical-padding $menu-item-horizontal-padding;
+$menu-item-font-size: 13px;
+$menu-item-hover-background: var(--vscode-list-hoverBackground);
+$menu-item-hover-color: var(--vscode-editorSuggestWidget-foreground);
+
+$menu-item-selection-background: var(
+    --vscode-editorSuggestWidget-selectedBackground,
+    var(--vscode-quickInputList-focusBackground)
+);
+// Two vars because one exists in VSCode Insiders only so far - it can be removed to single var when it will be officially released
+$menu-item-selection-color: var(
+    --vscode-editorSuggestWidget-selectedForeground,
+    var(--vscode-quickInputList-focusForeground, var(--vscode-editorSuggestWidget-foreground))
+);
+
+$menu-item-focus-border: 1px solid var(--vscode-focusBorder);
+$menu-item-hover-contrast-border: 1px dashed var(--vscode-contrastActiveBorder);
+$menu-item-border-offset: -1px;
+
+$menu-item-disabled-opacity: 0.2;

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

@@ -0,0 +1,3 @@
+export * from './UIContextualMenu';
+export * from './UIHighlightMenuOption';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/UIContextualMenu/index.tsx"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC"}

package/dist/components/UIContextualMenu/index.js

@@ -0,0 +1,15 @@
+"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("./UIContextualMenu"), exports);
+__exportStar(require("./UIHighlightMenuOption"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/UIContextualMenu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,qDAAmC;AACnC,0DAAwC"}

package/dist/components/UIDatePicker/UIDatePicker.d.ts

@@ -0,0 +1,49 @@
+import React from 'react';
+import type { ITextField } from '../UIInput';
+import './UIDatePicker.scss';
+export declare type UIDatePickerProps = {
+    componentRef?: React.RefObject<ITextField>;
+    errorMessage?: string | JSX.Element;
+    defaultValue?: string;
+    dateOnly?: boolean;
+    onChange?: (event: React.FormEvent<HTMLInputElement | HTMLTextAreaElement>, newValue: string) => void;
+    onKeyDown?: (event: React.KeyboardEvent) => void;
+    onClick?: (event: React.MouseEvent) => void;
+};
+/**
+ * UIDatePicker component.
+ *
+ * @exports
+ * @class {UIDatePicker}
+ * @extends {React.Component<UIDatePickerProps>}
+ */
+export declare class UIDatePicker extends React.Component<UIDatePickerProps> {
+    state: {
+        value: string;
+    };
+    private readonly dateRegex;
+    private readonly dateTimeRegex;
+    /**
+     * Initializes component properties.
+     * @param {UIDatePickerProps} props
+     */
+    constructor(props: UIDatePickerProps);
+    /**
+     * On input change event.
+     *
+     * @param {React.FormEvent<HTMLInputElement | HTMLTextAreaElement>} e
+     * @param {string} newValue
+     */
+    private onInputChange;
+    /**
+     * On Date picker change.
+     *
+     * @param {React.FormEvent<HTMLInputElement | HTMLTextAreaElement>} e
+     */
+    private onPickerChange;
+    /**
+     * @returns {JSX.Element}
+     */
+    render(): JSX.Element;
+}
+//# sourceMappingURL=UIDatePicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UIDatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/UIDatePicker/UIDatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAK7C,OAAO,qBAAqB,CAAC;AAE7B,oBAAY,iBAAiB,GAAG;IAC5B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAC3C,YAAY,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACtG,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IACjD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF;;;;;;GAMG;AACH,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC;IAChE,KAAK;;MAEH;IAEF,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAyB;IACnD,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA2C;IAEzE;;;OAGG;gBACgB,KAAK,EAAE,iBAAiB;IAS3C;;;;;OAKG;IACH,OAAO,CAAC,aAAa;IAMrB;;;;OAIG;IACH,OAAO,CAAC,cAAc;IAStB;;OAEG;IACH,MAAM,IAAI,GAAG,CAAC,OAAO;CAuBxB"}

package/dist/components/UIDatePicker/UIDatePicker.js

@@ -0,0 +1,72 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UIDatePicker = void 0;
+const react_1 = __importDefault(require("react"));
+const UIInput_1 = require("../UIInput");
+const UIIcon_1 = require("../UIIcon");
+const Icons_1 = require("../Icons");
+require("./UIDatePicker.scss");
+/**
+ * UIDatePicker component.
+ *
+ * @exports
+ * @class {UIDatePicker}
+ * @extends {React.Component<UIDatePickerProps>}
+ */
+class UIDatePicker extends react_1.default.Component {
+    /**
+     * Initializes component properties.
+     * @param {UIDatePickerProps} props
+     */
+    constructor(props) {
+        super(props);
+        this.state = {
+            value: ''
+        };
+        this.dateRegex = /^\d{4}-\d{2}-\d{2}$/;
+        this.dateTimeRegex = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}$/;
+        this.state.value = props.defaultValue || '';
+        this.onInputChange = this.onInputChange.bind(this);
+        this.onPickerChange = this.onPickerChange.bind(this);
+    }
+    /**
+     * On input change event.
+     *
+     * @param {React.FormEvent<HTMLInputElement | HTMLTextAreaElement>} e
+     * @param {string} newValue
+     */
+    onInputChange(e, newValue = '') {
+        newValue = newValue.trim();
+        this.props.onChange?.(e, newValue);
+        this.setState({ value: newValue });
+    }
+    /**
+     * On Date picker change.
+     *
+     * @param {React.FormEvent<HTMLInputElement | HTMLTextAreaElement>} e
+     */
+    onPickerChange(e) {
+        let newValue = e.target.value;
+        if (!this.props.dateOnly && !this.dateTimeRegex.test(newValue)) {
+            newValue = `${e.target.value}:00`;
+        }
+        this.props.onChange?.(e, newValue);
+        this.setState({ value: newValue });
+    }
+    /**
+     * @returns {JSX.Element}
+     */
+    render() {
+        const isFormat = this.dateRegex.test(this.state.value) || this.dateTimeRegex.test(this.state.value);
+        return (react_1.default.createElement("div", { className: "ui-DatePicker", onKeyDown: this.props.onKeyDown, onClick: this.props.onClick },
+            react_1.default.createElement(UIInput_1.UITextInput, { componentRef: this.props.componentRef, errorMessage: this.props.errorMessage, value: this.state.value, onChange: this.onInputChange }),
+            react_1.default.createElement("div", { className: "ui-DatePicker-toggle" },
+                react_1.default.createElement(UIIcon_1.UIIcon, { iconName: Icons_1.UiIcons.Calendar }),
+                react_1.default.createElement("input", { type: this.props.dateOnly ? 'date' : 'datetime-local', step: "1", value: isFormat ? this.state.value : '', onChange: this.onPickerChange }))));
+    }
+}
+exports.UIDatePicker = UIDatePicker;
+//# sourceMappingURL=UIDatePicker.js.map

package/dist/components/UIDatePicker/UIDatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UIDatePicker.js","sourceRoot":"","sources":["../../../src/components/UIDatePicker/UIDatePicker.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,wCAAyC;AACzC,sCAAmC;AACnC,oCAAmC;AAEnC,+BAA6B;AAY7B;;;;;;GAMG;AACH,MAAa,YAAa,SAAQ,eAAK,CAAC,SAA4B;IAQhE;;;OAGG;IACH,YAAmB,KAAwB;QACvC,KAAK,CAAC,KAAK,CAAC,CAAC;QAZjB,UAAK,GAAG;YACJ,KAAK,EAAE,EAAE;SACZ,CAAC;QAEe,cAAS,GAAG,qBAAqB,CAAC;QAClC,kBAAa,GAAG,uCAAuC,CAAC;QASrE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,YAAY,IAAI,EAAE,CAAC;QAE5C,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACnD,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACzD,CAAC;IAED;;;;;OAKG;IACK,aAAa,CAAC,CAA0D,EAAE,QAAQ,GAAG,EAAE;QAC3F,QAAQ,GAAG,QAAQ,CAAC,IAAI,EAAE,CAAC;QAC3B,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;QACnC,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;IACvC,CAAC;IAED;;;;OAIG;IACK,cAAc,CAAC,CAA4D;QAC/E,IAAI,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAC9B,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YAC5D,QAAQ,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,KAAK,CAAC;SACrC;QACD,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;QACnC,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;IACvC,CAAC;IAED;;OAEG;IACH,MAAM;QACF,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAEpG,OAAO,CACH,uCAAK,SAAS,EAAC,eAAe,EAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO;YACvF,8BAAC,qBAAW,IACR,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EACrC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EACrC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,aAAa,GAC9B;YACF,uCAAK,SAAS,EAAC,sBAAsB;gBACjC,8BAAC,eAAM,IAAC,QAAQ,EAAE,eAAO,CAAC,QAAQ,GAAI;gBACtC,yCACI,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,EACrD,IAAI,EAAC,GAAG,EACR,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EACvC,QAAQ,EAAE,IAAI,CAAC,cAAc,GAC/B,CACA,CACJ,CACT,CAAC;IACN,CAAC;CACJ;AAzED,oCAyEC"}

package/dist/components/UIDatePicker/UIDatePicker.scss

@@ -0,0 +1,38 @@
+.ui-DatePicker {
+    display: flex;
+    align-items: center;
+    height: 24px;
+    max-height: 24px;
+    min-height: 24px;
+    margin: 0;
+}
+
+.ui-DatePicker-toggle {
+    position: relative;
+    margin-left: 10px;
+
+    input {
+        position: absolute;
+        left: 0;
+        top: 0;
+        width: 100%;
+        height: 100%;
+        opacity: 0;
+        cursor: pointer;
+
+        &::-webkit-calendar-picker-indicator {
+            position: absolute;
+            left: 0;
+            top: 0;
+            width: 100%;
+            height: 100%;
+            margin: 0;
+            padding: 0;
+            cursor: pointer;
+        }
+    }
+}
+
+body[data-vscode-theme-kind='vscode-dark'] .ui-DatePicker-toggle input {
+    color-scheme: dark;
+}

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

@@ -0,0 +1,2 @@
+export * from './UIDatePicker';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/UIDatePicker/index.tsx"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/components/UIDatePicker/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("./UIDatePicker"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/UIDatePicker/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,iDAA+B"}

package/dist/components/UIDialog/UIDialog.d.ts

@@ -0,0 +1,102 @@
+import React from 'react';
+import type { IDialogProps } from '@fluentui/react';
+interface ComponentProps {
+    acceptButtonText?: string;
+    cancelButtonText?: string;
+    acceptButtonId?: string;
+    cancelButtonId?: string;
+    onAccept?: () => void;
+    onCancel?: () => void;
+    scrollArea?: UIDialogScrollArea;
+    closeButtonVisible?: boolean;
+    footer?: React.ReactElement;
+    multiLineTitle?: boolean;
+}
+export declare const DIALOG_MAX_HEIGHT_OFFSET = 32;
+export declare const DIALOG_STYLES: {
+    background: string;
+    boxShadow: string;
+    borderColor: string;
+    vPadding: number;
+    vPaddingHalf: number;
+    hPadding: number;
+    title: {
+        color: string;
+    };
+    contentText: {
+        fontSize: number;
+        color: string;
+        fontFamily: string;
+    };
+};
+export declare type DialogProps = IDialogProps & ComponentProps;
+export interface DialogState {
+    resizeMaxHeight?: number;
+}
+export declare enum UIDialogScrollArea {
+    Content = "Content",
+    Dialog = "Dialog"
+}
+/**
+ * UIDialog component.
+ * based on https://developer.microsoft.com/en-us/fluentui#/controls/web/dialog
+ * and https://app.abstract.com/projects/42046ab5-889d-4a59-88e6-1089e98cba67/branches/master/commits/f1fcd77447bb2b32aab3498311c1c39517e47e49/files/1455D538-559B-48EF-8D9F-1C2884ED540B/layers/AFDAAFD3-BFA6-4E96-BB6D-057DD13753E5
+ *
+ * @exports
+ * @class UIDialog
+ * @extends {React.Component<IDialogProps, {}>}
+ */
+export declare class UIDialog extends React.Component<DialogProps, DialogState> {
+    /**
+     * Initializes component properties.
+     * @param {DialogProps} props
+     */
+    constructor(props: DialogProps);
+    /**
+     * Called when component is rerendered.
+     * @param {Readonly<DialogProps>} prevProps
+     */
+    componentDidUpdate(prevProps: Readonly<DialogProps>): void;
+    /**
+     * Method attaches to window resize event.
+     */
+    private attachResize;
+    /**
+     * Method detaches from window resize event.
+     */
+    private detachResize;
+    /**
+     * Method handles window resizer event to update calculation for content scrollarea size.
+     */
+    private onResize;
+    /**
+     * Method returns maximal height for dialog content "scrollArea=Content" mode.
+     *
+     * @returns {number} Max size of dialog.
+     */
+    private getResizeMaxHeight;
+    /**
+     * Method returns footer element depending in component props.
+     * Three states.
+     * 1. Accept/Decline buttons.
+     * 2. Custom content of footer.
+     * 3. No footer.
+     *
+     * @returns {JSX.Element | null} Footer element to render.
+     */
+    getFooter(): JSX.Element | undefined;
+    /**
+     * Method handles mousedown event for dialog header area.
+     * Method added to handle scenario when we open dropdown menu and move dialog.
+     * Code in method sets focus to focuszone's placeholder - it triggers close for opened dropdown menu.
+     *
+     * @param {React.MouseEvent} event Mousedown event
+     */
+    onHeaderMouseDown(event: React.MouseEvent): void;
+    /**
+     * @returns {JSX.Element}
+     */
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=UIDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UIDialog.d.ts","sourceRoot":"","sources":["../../../src/components/UIDialog/UIDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAsB,MAAM,iBAAiB,CAAC;AAKxE,UAAU,cAAc;IAEpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAEhC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAG5B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAE3C,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;CAezB,CAAC;AAEF,oBAAY,WAAW,GAAG,YAAY,GAAG,cAAc,CAAC;AAExD,MAAM,WAAW,WAAW;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,oBAAY,kBAAkB;IAE1B,OAAO,YAAY;IAEnB,MAAM,WAAW;CACpB;AAED;;;;;;;;GAQG;AACH,qBAAa,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE,WAAW,CAAC;IACnE;;;OAGG;gBACgB,KAAK,EAAE,WAAW;IAWrC;;;OAGG;IACH,kBAAkB,CAAC,SAAS,EAAE,QAAQ,CAAC,WAAW,CAAC,GAAG,IAAI;IAW1D;;OAEG;IACH,OAAO,CAAC,YAAY;IAMpB;;OAEG;IACH,OAAO,CAAC,YAAY;IAIpB;;OAEG;IACH,OAAO,CAAC,QAAQ;IAMhB;;;;OAIG;IACH,OAAO,CAAC,kBAAkB;IAI1B;;;;;;;;OAQG;IACH,SAAS,IAAI,GAAG,CAAC,OAAO,GAAG,SAAS;IA4CpC;;;;;;OAMG;IACH,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,IAAI;IAYhD;;OAEG;IACH,MAAM,IAAI,GAAG,CAAC,OAAO;CAmGxB"}