d2coreui 23.0.15 → 23.0.17

package/components/modal/impl/index.ts

@@ -1,5 +0,0 @@
-// https://github.com/CUBETIQ/antd-modal/
-
-export * from './draggableModal'
-export * from './draggableModalContext'
-export * from '../draggableModalProvider'

package/components/modal/impl/resizeHandle.tsx

@@ -1,12 +0,0 @@
-// https://github.com/CUBETIQ/antd-modal/
-
-import * as React from 'react'
-import '../../../style/modal/ResizeHandle.css'
-
-export const ResizeHandle = (
-    props: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
-): React.ReactElement => (
-    <div className="ant-design-draggable-modal-resize-handle" {...props}>
-        <div className="ant-design-draggable-modal-resize-handle-inner" />
-    </div>
-)

package/components/modal/impl/useDrag.ts

@@ -1,57 +0,0 @@
-// https://github.com/CUBETIQ/antd-modal/
-
-import * as React from 'react'
-import {useCallback, useEffect, useState} from 'react'
-
-export const useDrag = (
-    x: number,
-    y: number,
-    onDrag: (args: { x: number; y: number }) => void,
-): ((e: React.MouseEvent) => void) => {
-    const [dragging, setDragging] = useState(false)
-    const [initialDragState, setInitialDragState] = useState({
-        initX: 0,
-        initY: 0,
-        mouseDownX: 0,
-        mouseDownY: 0,
-    })
-
-    const onMouseDown = useCallback(
-        (e: React.MouseEvent) => {
-            e.preventDefault()
-            setInitialDragState({
-                initX: x,
-                initY: y,
-                mouseDownX: e.clientX,
-                mouseDownY: e.clientY,
-            })
-            setDragging(true)
-        },
-        [x, y, setDragging, setInitialDragState],
-    )
-
-    useEffect(() => {
-        const onMouseMove = (e: MouseEvent): void => {
-            if (dragging) {
-                const { initX, mouseDownX, initY, mouseDownY } = initialDragState
-                let dx = e.clientX - mouseDownX
-                let dy = e.clientY - mouseDownY
-                const x = initX + dx
-                const y = initY + dy
-                onDrag({ x, y })
-            }
-        }
-        window.addEventListener('mousemove', onMouseMove, { passive: true })
-        return () => window.removeEventListener('mousemove', onMouseMove)
-    }, [initialDragState, dragging, onDrag])
-
-    useEffect(() => {
-        const onMouseUp = (): void => {
-            setDragging(false)
-        }
-        window.addEventListener('mouseup', onMouseUp)
-        return () => window.removeEventListener('mouseup', onMouseUp)
-    }, [setDragging])
-
-    return onMouseDown
-}

package/components/modal/impl/usePrevious.ts

@@ -1,11 +0,0 @@
-// https://github.com/CUBETIQ/antd-modal/
-
-import {useEffect, useRef} from 'react'
-
-export const usePrevious = <T>(value: T): T => {
-    const ref = useRef<T>(value)
-    useEffect(() => {
-        ref.current = value
-    }, [value])
-    return ref.current
-}

package/components/modal/impl/useResize.ts

@@ -1,79 +0,0 @@
-// https://github.com/CUBETIQ/antd-modal/
-
-import * as React from 'react'
-import {useCallback, useEffect, useState} from 'react'
-
-interface InitialState {
-    initX: number
-    initY: number
-    initWidth: number
-    initHeight: number
-    mouseDownX: number
-    mouseDownY: number
-}
-
-export const useResize = (
-    x: number,
-    y: number,
-    width: number,
-    height: number,
-    onResize: (args: { x: number; y: number; width: number; height: number }) => void,
-): ((e: React.MouseEvent) => void) => {
-    const [dragging, setDragging] = useState(false);
-    const [initialDragState, setInitialDragState] = useState<InitialState>({
-        initX: 0,
-        initY: 0,
-        initWidth: 0,
-        initHeight: 0,
-        mouseDownX: 0,
-        mouseDownY: 0,
-    })
-
-    const onMouseDown = useCallback(
-        (e: React.MouseEvent) => {
-            e.preventDefault()
-            setInitialDragState({
-                initX: x,
-                initY: y,
-                initWidth: width,
-                initHeight: height,
-                mouseDownX: e.clientX,
-                mouseDownY: e.clientY,
-            })
-            setDragging(true)
-        },
-        [width, height, setDragging, setInitialDragState, x, y],
-    )
-
-    useEffect(() => {
-        const onMouseMove = (e: MouseEvent): void => {
-            if (dragging) {
-                const {
-                    initX,
-                    initY,
-                    initWidth,
-                    mouseDownX,
-                    initHeight,
-                    mouseDownY,
-                } = initialDragState
-                let dx = e.clientX - mouseDownX
-                let dy = e.clientY - mouseDownY
-                const width = initWidth + dx;
-                const height = initHeight + dy;
-                return onResize({ x: initX, y: initY, width, height })
-            }
-        }
-        window.addEventListener('mousemove', onMouseMove, { passive: true })
-        return () => window.removeEventListener('mousemove', onMouseMove)
-    }, [initialDragState, dragging, onResize])
-
-    useEffect(() => {
-        const onMouseUp = (): void => {
-            setDragging(false)
-        }
-        window.addEventListener('mouseup', onMouseUp);
-        return () => window.removeEventListener('mouseup', onMouseUp)
-    }, [setDragging])
-
-    return onMouseDown
-}

package/components/modal/modalDialog.tsx

@@ -1,172 +0,0 @@
-import React from "react";
-import {Button, Modal} from "antd";
-import {ModalFuncProps, ModalProps} from "antd/es/modal";
-import i18n from "d2core/i18n/i18n";
-import {DraggableModal} from "d2coreui/components/modal/impl";
-
-export const enum ModalDialogMode {
-    NO_BUTTONS = "NO_BUTTONS",
-    OK_CANCEL = "OK_CANCEL",
-    YES_NO = "YES_NO",
-    YES_NO_CANCEL = "YES_NO_CANCEL",
-    OK = "OK",
-}
-
-export interface ModalDialogFuncProps extends ModalFuncProps {
-    mode: ModalDialogMode
-    denyText?: string
-    onDeny?: (...args: any[]) => any;
-}
-
-export interface ModalDialogProps extends Omit<ModalProps, "width"> {
-    mode: ModalDialogMode
-    initialWidth?: number,
-    initialHeight?: number
-
-    // resize dialog handler
-    onResize?(size: { width: number, height: number }): void
-}
-
-export class ModalDialog extends React.Component<ModalDialogProps, {}> {
-    constructor(props: Readonly<ModalDialogProps>) {
-        super(props);
-    }
-
-    public static confirm(props: ModalDialogFuncProps): { destroy: () => void; update: (newConfig: ModalFuncProps) => void } {
-        let dialogHandler: { destroy: () => void; update: (newConfig: ModalFuncProps) => void };
-        const modalDialogProperties = ModalDialog.getModalFuncProperties(props, () => {
-            dialogHandler?.destroy();
-        });
-        dialogHandler = Modal.confirm(modalDialogProperties);
-        return dialogHandler;
-    }
-
-    public static error(props: ModalDialogFuncProps): { destroy: () => void; update: (newConfig: ModalFuncProps) => void } {
-        let dialogHandler: { destroy: () => void; update: (newConfig: ModalFuncProps) => void };
-        const modalDialogProperties = ModalDialog.getModalFuncProperties(props, () => {
-            dialogHandler?.destroy();
-        });
-        dialogHandler = Modal.error(modalDialogProperties);
-        return dialogHandler;
-    }
-
-    public static delete(props: ModalDialogFuncProps): { destroy: () => void; update: (newConfig: ModalFuncProps) => void } {
-        let dialogHandler: { destroy: () => void; update: (newConfig: ModalFuncProps) => void };
-        const modalDialogProperties = ModalDialog.getModalFuncProperties(props, () => {
-            dialogHandler?.destroy();
-        });
-        if (props.okButtonProps) {
-            props.okButtonProps.danger = true;
-        }
-        dialogHandler = Modal.confirm(modalDialogProperties);
-        return dialogHandler;
-    }
-
-    public static success(props: ModalDialogFuncProps): { destroy: () => void; update: (newConfig: ModalFuncProps) => void } {
-        let dialogHandler: { destroy: () => void; update: (newConfig: ModalFuncProps) => void };
-        const modalDialogProperties = ModalDialog.getModalFuncProperties(props, () => {
-            dialogHandler?.destroy();
-        });
-        dialogHandler = Modal.success(modalDialogProperties);
-        return dialogHandler;
-    }
-
-    public static info(props: ModalDialogFuncProps): { destroy: () => void; update: (newConfig: ModalFuncProps) => void } {
-        let dialogHandler: { destroy: () => void; update: (newConfig: ModalFuncProps) => void };
-        const modalDialogProperties = ModalDialog.getModalFuncProperties(props, () => {
-            dialogHandler?.destroy();
-        });
-        dialogHandler = Modal.info(modalDialogProperties);
-        return dialogHandler;
-    }
-
-    render() {
-        const modalDialogProperties = ModalDialog.getModalProperties(this.props);
-        return (
-            <DraggableModal  {...modalDialogProperties}>
-                {this.props.children}
-            </DraggableModal>);
-    }
-
-    private static getModalProperties(props: ModalDialogProps) {
-        const {mode, ...rest} = props;
-        if (mode === ModalDialogMode.NO_BUTTONS) {
-            if (rest.footer === undefined) {
-                rest.footer = null;
-            }
-        } else {
-            switch (mode) {
-                case ModalDialogMode.OK_CANCEL:
-                    rest.okText = props.okText ?? i18n("OK");
-                    rest.cancelText = props.cancelText ?? i18n("Cancel");
-                    break;
-                case ModalDialogMode.YES_NO:
-                    rest.okText = props.okText ?? i18n("Yes");
-                    rest.cancelText = props.cancelText ?? i18n("No");
-                    break;
-                case ModalDialogMode.OK:
-                    rest.okText = props.okText ?? i18n("OK");
-                    rest.cancelButtonProps = undefined;
-                    break;
-            }
-
-            rest.okButtonProps = Object.assign(rest.okButtonProps !== undefined ? rest.okButtonProps : {}, {style: {marginRight: 8}});
-            rest.cancelButtonProps = Object.assign(rest.cancelButtonProps !== undefined ? rest.cancelButtonProps : {}, {style: {float: "right"}});
-        }
-        return rest;
-    }
-
-    private static getModalFuncProperties(props: ModalDialogFuncProps, performClose: () => void) {
-        const {mode, denyText, onDeny, ...rest} = props;
-        switch (mode) {
-            case ModalDialogMode.OK_CANCEL:
-                rest.okText = rest.okText ?? i18n("OK");
-                rest.cancelText = rest.cancelText ?? i18n("Cancel");
-                break;
-            case ModalDialogMode.YES_NO:
-                rest.okText = rest.okText ?? i18n("Yes");
-                rest.cancelText = rest.cancelText ?? i18n("No");
-                break;
-            case ModalDialogMode.YES_NO_CANCEL:
-                rest.okText = rest.okText ?? i18n("Yes");
-                rest.cancelText = (<React.Fragment>
-                        <Button onClick={(e) => {
-                            e.preventDefault();
-                            e.stopPropagation();
-                            e.nativeEvent.stopImmediatePropagation();
-                            onDeny?.(e);
-                            performClose();
-                        }}>{denyText ?? i18n("No")}</Button>
-                        <Button>{rest.cancelText ?? i18n("Cancel")}</Button>
-                    </React.Fragment>
-                );
-                if (!rest.cancelButtonProps) {
-                    rest.cancelButtonProps = {};
-                }
-                rest.cancelButtonProps.type = "text";
-                break;
-            case ModalDialogMode.OK:
-                rest.okText = props.okText ?? i18n("OK");
-                rest.cancelButtonProps = {style: {display: "none"}};
-        }
-        if (rest.autoFocusButton === undefined) {
-            rest.autoFocusButton = "ok";
-        }
-
-        rest.okButtonProps = Object.assign(rest.okButtonProps !== undefined ? rest.okButtonProps : {}, {style: {marginRight: 8}});
-
-        if (mode !== ModalDialogMode.OK) {
-            rest.cancelButtonProps = Object.assign(rest.cancelButtonProps !== undefined ? rest.cancelButtonProps : {}, {style: {float: "right"}});
-        }
-
-        if (mode === ModalDialogMode.YES_NO_CANCEL) {
-            if (rest.cancelButtonProps && rest.cancelButtonProps.style) {
-                rest.cancelButtonProps.style.padding = 0;
-                rest.cancelButtonProps.style.marginTop = -1;
-                rest.cancelButtonProps.style.cursor = "default";
-                rest.cancelButtonProps.style.background = "transparent";
-            }
-        }
-        return rest;
-    }
-}

package/components/picker/enumValuePicker.tsx

@@ -1,48 +0,0 @@
-import React from "react";
-import {Select, SelectProps} from "antd";
-import i18n from "d2core/i18n/i18n";
-
-type EnumRepresentation<T extends string> = {[key in string]: T};
-
-export interface EnumValuePickerProps<T extends string> extends Omit<SelectProps<T>, "onChange"> {
-    allowedValueTypes?: T[]
-    values: EnumRepresentation<T>
-    translateValue?: boolean
-    translationPrefix?: string
-
-    onChange(value?: T): void
-}
-
-export default class EnumValuePicker<T extends string> extends React.Component<EnumValuePickerProps<T>, any> {
-    render() {
-        const {value, allowedValueTypes, onChange, translationPrefix, values, translateValue, ...others} = this.props;
-        let selectValue: T | null | undefined = value;
-
-        if (selectValue !== undefined && selectValue !== null && allowedValueTypes) {
-            if (!allowedValueTypes.includes(selectValue)) {
-                selectValue = undefined;
-            }
-        }
-
-        return (
-            <Select<T> value={selectValue}
-                       onChange={(value) => {
-                           onChange(value !== "" ? value : undefined);
-                       }}
-                       {...others}>
-                {(allowedValueTypes ?? Object.values(values) as T[]).map((val) => {
-                    let text: string = val;
-                    if (translateValue) {
-                        text = i18n(translationPrefix ? translationPrefix + text : text);
-                    }
-
-                    return (
-                        <Select.Option value={val} key={val}>
-                            {text}
-                        </Select.Option>
-                    );
-                })}
-            </Select>
-        );
-    }
-}

package/components/platformSpecific.ts

@@ -1,39 +0,0 @@
-export default class PlatformSpecific {
-    static INSTANCE: PlatformSpecific;
-
-    getCurrentWindowName(): string {
-        return "";
-    }
-
-    configurationChangesDisabled(): boolean {
-        return false;
-    }
-
-    reloadPageInPredefinedState(): void {
-    }
-
-    reloadPageInFactoryState(): void {
-
-    }
-
-    saveWindowConfiguration(): void {
-
-    }
-
-    exportWindowConfiguration(): void {
-
-    }
-
-    saveContent(fileName: string, content: string, encodeContent?: boolean) {
-        var element = document.createElement('a');
-        const encodedContent = encodeContent ? encodeURIComponent(content) : content;
-        element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodedContent);
-        element.setAttribute('download', fileName);
-        element.style.display = 'none';
-        document.body.appendChild(element);
-        element.click();
-        document.body.removeChild(element);
-    }
-}
-
-PlatformSpecific.INSTANCE = new PlatformSpecific();

package/components/scrollTo/dom-scroll-into-view.d.ts

@@ -1 +0,0 @@
-declare module "dom-scroll-into-view"

package/components/scrollTo/onlyText.ts

@@ -1,36 +0,0 @@
-import type {ReactElement, ReactNode} from 'react';
-import {Children, isValidElement} from 'react';
-
-const hasChildren = (element: ReactNode): element is ReactElement<{ children: ReactNode[] }> =>
-    isValidElement<{ children?: ReactNode[] }>(element) && Boolean(element.props.children);
-
-export const childToString = (child?: React.Key | boolean | {} | null): string => {
-    if (typeof child === 'undefined' || child === null || typeof child === 'boolean') {
-        return '';
-    }
-
-    if (JSON.stringify(child) === '{}') {
-        return '';
-    }
-
-    return (child as number | string).toString();
-};
-
-const onlyText = (children: ReactNode): string => {
-    if (!(children instanceof Array) && !isValidElement(children)) {
-        return childToString(children);
-    }
-    return Children.toArray(children).reduce((text: string, child: ReactNode): string => {
-        let newText = '';
-        if (isValidElement(child) && hasChildren(child)) {
-            newText = onlyText(child.props.children);
-        } else if (isValidElement(child) && !hasChildren(child)) {
-            newText = '';
-        } else {
-            newText = childToString(child);
-        }
-        return text.concat(newText);
-    }, '') as string;
-};
-
-export default onlyText;