d2coreui 23.0.15 → 23.0.16

package/i18n/components.uk.json

@@ -1,101 +1,101 @@
-{
-  "langCode": "ск",
-  " (%{n} records)": " (%{n} записів)",
-  "%{n} records exported": "%{n} записів експортовано",
-  "Advanced Settings": "Розширені налаштування",
-  "Apply": "Налаштувати",
-  "All Rows": "Всі лінії",
-  "Automatic": "Автоматичний",
-  "Autosize All Columns": "Встановіть ширину всіх стовпців",
-  "Autosize Column": "Встановити ширину стовпця",
-  "Background Color": "Колір фону",
-  "Cancel": "Скасувати",
-  "Clipboard": "поштові скриньки",
-  "Close": "Закрити",
-  "Column Filter": "Фільтр над стовпцями",
-  "Column Name": "Назва стовпця",
-  "Column": "Колонка",
-  "Columns Configuration": "Конфігурація колонки",
-  "Copy to Clipboard": "Копіювати в буфер обміну",
-  "Copying to Clipboard": "Копіювати в буфер обміну",
-  "Disabled": "Вимкнено",
-  "Enabled": "Увімкнено",
-  "Export List to": "Експортувати список у",
-  "Export Window Configuration": "Експорт налаштувань вікна",
-  "Export current window configuration to file": "Експорт поточної конфігурації вікна у файл",
-  "Export": "Експорт",
-  "Exporting to": "Експорт до",
-  "Extended table features": "Розширені параметри таблиці",
-  "Fixed": "Виправлено",
-  "Font Size": "Розмір шрифту",
-  "Line Indentation": "Відступ рядка",
-  "Goto Page": "Іди в сторону",
-  "Hidden Columns": "Приховані колонки",
-  "Hide Column": "Сховати стовпець",
-  "Landscape": "По ширині",
-  "No records found.": "Записів не знайдено.",
-  "No": "ні",
-  "OK": "Підтвердити",
-  "Page Orientation": "Орієнтація сторінки",
-  "Page Size": "Розмір сторінки",
-  "Pagination": "Пейджінг",
-  "Pin Column": "Прикріпити колонку",
-  "Pin Left": "Шпилька зліва",
-  "Pin Right": "Булавка справа",
-  "Portrait": "У висоту",
-  "Records has been added or removed, table need to be reloaded in order to see actual records": "Записи додано або видалено, оновіть таблицю, щоб переглянути поточні записи",
-  "Refresh": "Відновити",
-  "Reset Columns": "Скинути стовпці",
-  "Reset": "Скинути",
-  "Revert": "Скасувати зміни",
-  "Revert configuration to predefined state": "Поверніть конфігурацію до налаштувань за замовчуванням",
-  "Revert filter to original state": "Поверніть фільтр до початкових налаштувань",
-  "Revert to factory configuration": "Відновити заводські налаштування",
-  "Save Window Configuration": "Зберегти налаштування вікна",
-  "Save current window configuration for current user": "Зберегти налаштування вікна для поточного користувача",
-  "Search": "Подивіться вгору",
-  "Set No Color": "Не встановлюйте колір",
-  "Show time with milliseconds": "Показувати час у мілісекундах",
-  "Show time with year": "Покажіть час роком",
-  "Show/Hide filter panel": "Показати/сховати панель фільтрів",
-  "Show/Hide panel with modified filter": "Показати/сховати панель із зміненим фільтром",
-  "Shown Columns": "Відображені стовпці",
-  "Table - Columns": "Таблиця - колонки",
-  "Table - General Settings": "Таблиця - загальні налаштування",
-  "Table - Rows Styling": "Таблиця - стилізація рядків",
-  "Text Color": "Колір тексту",
-  "The column list is empty": "Список стовпців порожній",
-  "Simple Mode": "Простий режим",
-  "Advanced Mode": "Розширений режим",
-  "Interval Begin": "Початок інтервалу",
-  "Interval End": "Кінець інтервалу",
-  "Now": "Зараз",
-  "Today": "Сьогодні",
-  "This Day": "У цей день",
-  "This Month": "Цього місяця",
-  "This Week": "Цього тижня",
-  "This Quarter": "Цей квартал",
-  "This Year": "Цього року",
-  "Interval Duration": "Тривалість інтервалу",
-  "Time Shift": "Зрушення в часі",
-  "Hour": "Урок",
-  "Day": "День",
-  "Week": "Тиждень",
-  "Month": "Місяць",
-  "Quarter": "Чверть",
-  "Year": "рік",
-  "Years": "років",
-  "Track last added record to table": "Відстежуйте останній запис, доданий до таблиці",
-  "Turn on/off column filter": "Увімкнути/вимкнути фільтр над стовпцями",
-  "Turn on/off filter panel": "Увімкніть/вимкніть панель фільтрів",
-  "Window configuration saved successfully": "Налаштування вікна збережено",
-  "Window": "Вікно",
-  "Yes": "Так",
-  "column": "колонка",
-  "columns": "колонки",
-  "of": "від",
-  "First Page": "Перша сторінка",
-  "Previous Page": "Попередня сторінка",
-  "Next Page": "Наступна сторінка",
-  "Last Page": "Остання сторінка"
-}
+{
+    "langCode": "ск",
+    " (%{n} records)": " (%{n} записів)",
+    "%{n} records exported": "%{n} записів експортовано",
+    "Advanced Settings": "Розширені налаштування",
+    "Apply": "Налаштувати",
+    "All Rows": "Всі лінії",
+    "Automatic": "Автоматичний",
+    "Autosize All Columns": "Встановіть ширину всіх стовпців",
+    "Autosize Column": "Встановити ширину стовпця",
+    "Background Color": "Колір фону",
+    "Cancel": "Скасувати",
+    "Clipboard": "поштові скриньки",
+    "Close": "Закрити",
+    "Column Filter": "Фільтр над стовпцями",
+    "Column Name": "Назва стовпця",
+    "Column": "Колонка",
+    "Columns Configuration": "Конфігурація колонки",
+    "Copy to Clipboard": "Копіювати в буфер обміну",
+    "Copying to Clipboard": "Копіювати в буфер обміну",
+    "Disabled": "Вимкнено",
+    "Enabled": "Увімкнено",
+    "Export List to": "Експортувати список у",
+    "Export Window Configuration": "Експорт налаштувань вікна",
+    "Export current window configuration to file": "Експорт поточної конфігурації вікна у файл",
+    "Export": "Експорт",
+    "Exporting to": "Експорт до",
+    "Extended table features": "Розширені параметри таблиці",
+    "Fixed": "Виправлено",
+    "Font Size": "Розмір шрифту",
+    "Line Indentation": "Відступ рядка",
+    "Goto Page": "Іди в сторону",
+    "Hidden Columns": "Приховані колонки",
+    "Hide Column": "Сховати стовпець",
+    "Landscape": "По ширині",
+    "No records found.": "Записів не знайдено.",
+    "No": "ні",
+    "OK": "Підтвердити",
+    "Page Orientation": "Орієнтація сторінки",
+    "Page Size": "Розмір сторінки",
+    "Pagination": "Пейджінг",
+    "Pin Column": "Прикріпити колонку",
+    "Pin Left": "Шпилька зліва",
+    "Pin Right": "Булавка справа",
+    "Portrait": "У висоту",
+    "Records has been added or removed, table need to be reloaded in order to see actual records": "Записи додано або видалено, оновіть таблицю, щоб переглянути поточні записи",
+    "Refresh": "Відновити",
+    "Reset Columns": "Скинути стовпці",
+    "Reset": "Скинути",
+    "Revert": "Скасувати зміни",
+    "Revert configuration to predefined state": "Поверніть конфігурацію до налаштувань за замовчуванням",
+    "Revert filter to original state": "Поверніть фільтр до початкових налаштувань",
+    "Revert to factory configuration": "Відновити заводські налаштування",
+    "Save Window Configuration": "Зберегти налаштування вікна",
+    "Save current window configuration for current user": "Зберегти налаштування вікна для поточного користувача",
+    "Search": "Подивіться вгору",
+    "Set No Color": "Не встановлюйте колір",
+    "Show time with milliseconds": "Показувати час у мілісекундах",
+    "Show time with year": "Покажіть час роком",
+    "Show/Hide filter panel": "Показати/сховати панель фільтрів",
+    "Show/Hide panel with modified filter": "Показати/сховати панель із зміненим фільтром",
+    "Shown Columns": "Відображені стовпці",
+    "Table - Columns": "Таблиця - колонки",
+    "Table - General Settings": "Таблиця - загальні налаштування",
+    "Table - Rows Styling": "Таблиця - стилізація рядків",
+    "Text Color": "Колір тексту",
+    "The column list is empty": "Список стовпців порожній",
+    "Simple Mode": "Простий режим",
+    "Advanced Mode": "Розширений режим",
+    "Interval Begin": "Початок інтервалу",
+    "Interval End": "Кінець інтервалу",
+    "Now": "Зараз",
+    "Today": "Сьогодні",
+    "This Day": "У цей день",
+    "This Month": "Цього місяця",
+    "This Week": "Цього тижня",
+    "This Quarter": "Цей квартал",
+    "This Year": "Цього року",
+    "Interval Duration": "Тривалість інтервалу",
+    "Time Shift": "Зрушення в часі",
+    "Hour": "Урок",
+    "Day": "День",
+    "Week": "Тиждень",
+    "Month": "Місяць",
+    "Quarter": "Чверть",
+    "Year": "рік",
+    "Years": "років",
+    "Track last added record to table": "Відстежуйте останній запис, доданий до таблиці",
+    "Turn on/off column filter": "Увімкнути/вимкнути фільтр над стовпцями",
+    "Turn on/off filter panel": "Увімкніть/вимкніть панель фільтрів",
+    "Window configuration saved successfully": "Налаштування вікна збережено",
+    "Window": "Вікно",
+    "Yes": "Так",
+    "column": "колонка",
+    "columns": "колонки",
+    "of": "від",
+    "First Page": "Перша сторінка",
+    "Previous Page": "Попередня сторінка",
+    "Next Page": "Наступна сторінка",
+    "Last Page": "Остання сторінка"
+}

package/i18n/componentsLocaleHolder.js

@@ -1,24 +1,29 @@
-import i18n from "d2core/i18n/i18n";
-import {LocaleHolder} from "d2core/i18n/localeHolder";
-
-export class ComponentsLocaleHolder {
-    static async setLocale(language, formattingLocale) {
-        LocaleHolder.setLocale(language, formattingLocale);
-        let localizationJsonPromise;
-
-        if (language === "sk") {
-            localizationJsonPromise = import ("d2coreui/i18n/components.sk.json");
-        } else if (language === "cs") {
-            localizationJsonPromise = import ("d2coreui/i18n/components.cs.json");
-        } else if (language === "uk") {
-            localizationJsonPromise = import ("d2coreui/i18n/components.uk.json");
-        } else if (language === "ru") {
-        } else if (language === "kk") {
-        } else if (language === "sr") {
-        } else {
-        }
-        if (localizationJsonPromise) {
-            i18n.translator.add({values: await localizationJsonPromise});
-        }
-    }
-}
+import i18n from "d2core/i18n/i18n";
+import { LocaleHolder } from "d2core/i18n/localeHolder";
+export class ComponentsLocaleHolder {
+    static async setLocale(language, formattingLocale) {
+        LocaleHolder.setLocale(language, formattingLocale);
+        let localizationJsonPromise;
+        if (language === "sk") {
+            localizationJsonPromise = import("d2coreui/i18n/components.sk.json");
+        }
+        else if (language === "cs") {
+            localizationJsonPromise = import("d2coreui/i18n/components.cs.json");
+        }
+        else if (language === "uk") {
+            localizationJsonPromise = import("d2coreui/i18n/components.uk.json");
+        }
+        else if (language === "ru") {
+        }
+        else if (language === "kk") {
+        }
+        else if (language === "sr") {
+        }
+        else {
+        }
+        if (localizationJsonPromise) {
+            i18n.translator.add({ values: await localizationJsonPromise });
+        }
+    }
+}
+//# sourceMappingURL=componentsLocaleHolder.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "d2coreui",
-  "version": "23.0.15",
+  "version": "23.0.16",
   "description": "Core UI components and utilities library.",
   "author": "Ipesoft s.r.o.",
   "license": "MIT",

package/tsconfig.build.json

@@ -1,24 +1,24 @@
-{
-  "extends": "../tsconfig.base.json",
-  "compilerOptions": {
-    "outDir": "lib/esm",
-    "resolveJsonModule": true,
-    "allowJs": true,
-    "sourceMap": true,
-    "inlineSources": true,
-    "paths": {
-      "d2core": [
-        "../core"
-      ]
-    }
-  },
-  "include": [
-    "./**/*",
-    "./**/*.json",
-    "./**/*.ts*"
-  ],
-  "exclude": [
-    "node_modules",
-    "lib"
-  ]
-}
+{
+    "extends": "../tsconfig.base.json",
+    "compilerOptions": {
+        "outDir": "lib/esm",
+        "resolveJsonModule": true,
+        "allowJs": true,
+        "sourceMap": true,
+        "inlineSources": true,
+        "paths": {
+            "d2core": [
+                "../core"
+            ]
+        }
+    },
+    "include": [
+        "./**/*",
+        "./**/*.json",
+        "./**/*.ts*"
+    ],
+    "exclude": [
+        "node_modules",
+        "lib"
+    ]
+}

package/tsconfig.json

@@ -1,11 +1,11 @@
-{
-  "extends": "../tsconfig.base.json",
-  "references": [
-    {
-      "path": "../core"
-    }
-  ],
-  "compilerOptions": {
-    "composite": true,
-  },
-}
+{
+    "extends": "../tsconfig.base.json",
+    "references": [
+        {
+            "path": "../core"
+        }
+    ],
+    "compilerOptions": {
+        "composite": true
+    }
+}

package/components/clipboard/clipboardUtils.ts

@@ -1,53 +0,0 @@
-import {ModalDialog, ModalDialogMode} from "../modal/modalDialog";
-import i18n from "d2core/i18n/i18n";
-
-export class ClipboardUtils {
-    // Copies a string to the clipboard. Must be called from within an
-    // event handler such as click. May return false if it failed, but
-    // this is not always possible. Browser support for Chrome 43+,
-    // Firefox 42+, Safari 10+, Edge and IE 10+.
-    // IE: The clipboard feature may be disabled by an administrator. By
-    // default a prompt is shown the first time the clipboard is
-    // used (per session).
-    static copyToClipboard(text: string): boolean {
-        if (document.queryCommandSupported && document.queryCommandSupported("copy")) {
-            var textarea = document.createElement("textarea");
-            textarea.textContent = text;
-            textarea.style.position = "fixed";  // Prevent scrolling to bottom of page in MS Edge.
-            document.body.appendChild(textarea);
-            textarea.select();
-            try {
-                return document.execCommand("copy");  // Security exception may be thrown by some browsers.
-            } catch (ex) {
-                console.warn("Copy to clipboard failed.", ex);
-                return false;
-            } finally {
-                document.body.removeChild(textarea);
-            }
-        }
-        return false;
-    }
-
-    static async readFromClipboard(): Promise<string | undefined> {
-        if (navigator.clipboard && window.isSecureContext) {
-            // @ts-ignore
-            const permission = await navigator.permissions.query({ name: "clipboard-read" });
-            if (permission.state === "granted" || permission.state === "prompt") {
-                return await navigator.clipboard.readText();
-            } else {
-                ModalDialog.error({
-                    mode: ModalDialogMode.OK,
-                    title: i18n("Error reading data from clipboard"),
-                    content: i18n("Clipboard not permitted")
-                })
-            }
-        } else {
-            ModalDialog.error({
-                mode: ModalDialogMode.OK,
-                title: i18n("Error reading data from clipboard"),
-                content: i18n("Secure context not available")
-            })
-        }
-        return undefined;
-    }
-}

package/components/codemirror/SyntaxHighlighter.tsx

@@ -1,58 +0,0 @@
-import React from 'react'
-import CodeMirror from 'codemirror';
-import 'codemirror/addon/runmode/runmode'
-import 'codemirror/mode/meta'
-
-interface SyntaxHighlighterProps {
-    // codeMirror: typeof CodeMirror
-    className?: string
-    theme?: string
-    inline?: boolean
-    mode: string
-    prefix?: string
-    value: string
-    tooltip?:boolean
-}
-
-export default class SyntaxHighlighter extends React.Component<SyntaxHighlighterProps> {
-    static defaultProps = {
-        className: '',
-        prefix: 'cm-'
-    }
-
-    constructor(props: Readonly<SyntaxHighlighterProps>) {
-        super(props);
-    }
-
-    render() {
-        const {inline, value, mode, className, prefix, theme, tooltip} = this.props
-        const elements: React.ReactNode[] = []
-        let index = 0
-        let lastStyle: string | null | undefined = null
-        let tokenBuf = ''
-        let trimmedValue = value;
-        if( tooltip && value.length > 100) {
-            trimmedValue = value.substring(0, 100) + " ...";
-        }
-        CodeMirror.runMode(trimmedValue, mode, (token, style) => {
-            if (lastStyle === style) {
-                tokenBuf += token
-                lastStyle = style
-            } else {
-                if (tokenBuf) {
-                    elements.push(<span className={lastStyle ? prefix + lastStyle : ''} key={++index}>{tokenBuf}</span>);
-                }
-                tokenBuf = token
-                lastStyle = style
-            }
-        })
-        elements.push(<span className={lastStyle ? prefix + lastStyle : ''} key={++index}>{tokenBuf}</span>);
-
-        let tooltipText: undefined | string = undefined;
-        if(tooltip && trimmedValue !== value) {
-            tooltipText = value;//.replace("\t","&#009;").replace("\n","&#013;&#010;");
-        }
-        const code = (<code title={tooltipText} className={inline ? `inline ${prefix}s-${theme}` : ''}>{elements}</code>);
-        return inline ? (code) : (<pre className={`${className} ${prefix}s-${theme}`}>{code}</pre>);
-    }
-}

package/components/collapse/expandable.tsx

@@ -1,48 +0,0 @@
-import React from "react";
-import {Divider} from "antd";
-import {DoubleRightOutlined} from "@ant-design/icons";
-import {Collapse} from 'react-collapse';
-
-interface ExpandableProps {
-    extraContent?: React.ReactNode
-    expanded?: boolean
-    compact?: boolean
-    children?: React.ReactNode;
-
-    onExpand?(expanded: boolean): void
-}
-
-export default class Expandable extends React.Component<ExpandableProps> {
-    constructor(props: Readonly<ExpandableProps>) {
-        super(props);
-    }
-
-    render(): React.ReactNode {
-        return (
-            <div style={{transition: "height .5s"}}>
-                <header>
-                    {this.props.children}
-                </header>
-                <Collapse isOpened={!!this.props.expanded}>
-                    <section style={{marginTop: 5}}>
-                        {this.props.extraContent}
-                    </section>
-                </Collapse>
-                <Divider
-                    style={{margin: this.props.compact ? "8px 0px" : "20px 0px"}}
-                    className={this.props.extraContent ? "stronger-divider-with-text" : "stronger-divider"}
-                    plain
-                >
-                    {this.props.extraContent && <DoubleRightOutlined
-                        rotate={this.props.expanded ? -90 : 90}
-                        onClick={() => {
-                            const expanded = !this.props.expanded;
-                            this.props.onExpand?.(expanded);
-                        }}
-                    />}
-                </Divider>
-            </div>
-        )
-    }
-
-}

package/components/color/colorPicker.tsx

@@ -1,121 +0,0 @@
-import React from "react";
-import i18n from "d2core/i18n/i18n";
-import {Badge, Button, Popover} from "antd";
-import {CloseOutlined, StopOutlined} from "@ant-design/icons";
-import {RGBColor, SketchPicker} from "react-color";
-import {SketchPickerProps} from "react-color/lib/components/sketch/Sketch";
-import {TooltipPlacement} from "antd/lib/tooltip";
-
-const transparentBackgroundStyle = "url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==\") left center"
-const presetColors = [
-    "#fff1f0", "#ffccc7", "#ffa39e", "#ff7875", "#ff4d4f", "#f5222d", "#cf1322", "#a8071a", "#820014", "#5c0011",
-    "#fff2e8", "#ffd8bf", "#ffbb96", "#ff9c6e", "#ff7a45", "#fa541c", "#d4380d", "#ad2102", "#871400", "#610b00",
-    "#fff7e6", "#ffe7ba", "#ffd591", "#ffc069", "#ffa940", "#fa8c16", "#d46b08", "#ad4e00", "#873800", "#612500",
-    "#feffe6", "#ffffb8", "#fffb8f", "#fff566", "#ffec3d", "#fadb14", "#d4b106", "#ad8b00", "#876800", "#614700",
-    "#f6ffed", "#d9f7be", "#b7eb8f", "#95de64", "#73d13d", "#52c41a", "#389e0d", "#237804", "#135200", "#092b00",
-    "#e6fffb", "#b5f5ec", "#87e8de", "#5cdbd3", "#36cfc9", "#13c2c2", "#08979c", "#006d75", "#00474f", "#002329",
-    "#e6f7ff", "#bae7ff", "#91d5ff", "#69c0ff", "#40a9ff", "#1890ff", "#096dd9", "#0050b3", "#003a8c", "#002766",
-    "#ffffff", "#fafafa", "#f5f5f5", "#e8e8e8", "#d9d9d9", "#bfbfbf", "#8c8c8c", "#595959", "#262626", "#000000",
-];
-
-interface ColorPickerProps extends SketchPickerProps {
-    badgeIcon?: React.ReactNode
-    title: string
-    placement?: TooltipPlacement
-    disabled?: boolean
-    transparentColorAllowed?: boolean
-
-    onResetColor(): void
-}
-
-interface ColorPickerState {
-    popupVisible: boolean
-}
-
-export default class ColorPicker extends React.Component<ColorPickerProps, ColorPickerState> {
-    constructor(props: Readonly<ColorPickerProps>) {
-        super(props);
-
-        this.state = {
-            popupVisible: false,
-        }
-    }
-
-    private getColorString(color: RGBColor | string | undefined): string | undefined {
-        if (typeof color === "object") {
-            return `rgba(${color.r},${color.g},${color.b},${color.a})`;
-        } else {
-            return color;
-        }
-    }
-
-    render() {
-        return (
-            <Popover
-                placement={this.props.placement}
-                trigger={this.props.disabled ? [] : "click"}
-                open={this.state.popupVisible}
-                onOpenChange={(visible) => {
-                    this.setState({popupVisible: visible});
-                }}
-                title={
-                    <div>
-                        {this.props.title}
-                        <Button
-                            style={{float: "right", paddingLeft: 8, border: "none"}}
-                            size="small"
-                            title={i18n("Close")}
-                            onClick={() => {
-                                this.setState({popupVisible: false});
-                            }}
-                        >
-                            <CloseOutlined/>
-                        </Button>
-                        <Button
-                            style={{background: transparentBackgroundStyle, float: "right"}}
-                            size="small"
-                            title={i18n("Set No Color")}
-                            onClick={() => {
-                                this.props.onResetColor();
-                                this.setState({popupVisible: false});
-                            }}
-                        >
-                            <StopOutlined style={{color: "rgba(0,0,0,0.85)"}}/>
-                        </Button>
-                    </div>
-                }
-                content={
-                    <SketchPicker
-                        color={this.props.color}
-                        width={"250px"}
-                        presetColors={this.props.transparentColorAllowed ? [...presetColors, "transparent"] : presetColors}
-                        onChange={this.props.onChange}
-                        onChangeComplete={this.props.onChangeComplete}
-                    />
-                }
-            >
-                <Badge
-                    className={this.props.className}
-                    count={this.props.badgeIcon ?
-                        <span
-                            className="ant-badge-count"
-                            style={{color: "#1890ff", background: "#e6f7ff", borderColor: "#91d5ff"}}
-                        >
-                                {this.props.badgeIcon}
-                            </span>
-                        : undefined
-                    }
-                >
-                    <Button
-                        style={{background: this.getColorString(this.props.color as RGBColor | string | undefined) ?? transparentBackgroundStyle}}
-                        disabled={this.props.disabled}
-                        title={this.props.title}
-                    >
-                        <span role="img" className="anticon"/>
-                    </Button>
-                </Badge>
-            </Popover>
-        );
-    }
-
-}