@buerli.io/react-cad 0.13.1-beta.8.apiversion → 1.0.0

package/build/components/UI/CAD/ant-design-draggable-modal/DraggableModalInner.d.ts

@@ -1,27 +1,27 @@
-import * as React from 'react';
-import { ModalProps } from 'antd/lib/modal';
-import { IDraggableModalContextMethods } from './DraggableModalContext';
-import { ModalID, IModalState } from './draggableModalReducer';
-interface IContextProps extends IDraggableModalContextMethods {
-    id: ModalID;
-    modalState: IModalState;
-    initialWidth?: number;
-    initialHeight?: number;
-    initialX?: number;
-    initialY?: number;
-    resizable?: boolean;
-    minPosition?: {
-        x?: number;
-        y?: number;
-    };
-    maxPosition?: {
-        x?: number;
-        y?: number;
-    };
-}
-export declare type DraggableModalInnerProps = ModalProps & {
-    children?: React.ReactNode;
-} & IContextProps;
-declare function DraggableModalInnerNonMemo({ id, modalState, dispatch, visible, children, title, initialWidth, initialHeight, initialX, initialY, resizable, minPosition, maxPosition, ...otherProps }: DraggableModalInnerProps): JSX.Element;
-export declare const DraggableModalInner: React.MemoExoticComponent<typeof DraggableModalInnerNonMemo>;
-export {};
+import * as React from 'react';
+import { ModalProps } from 'antd/lib/modal';
+import { IDraggableModalContextMethods } from './DraggableModalContext';
+import { ModalID, IModalState } from './draggableModalReducer';
+interface IContextProps extends IDraggableModalContextMethods {
+    id: ModalID;
+    modalState: IModalState;
+    initialWidth?: number;
+    initialHeight?: number;
+    initialX?: number;
+    initialY?: number;
+    resizable?: boolean;
+    minPosition?: {
+        x?: number;
+        y?: number;
+    };
+    maxPosition?: {
+        x?: number;
+        y?: number;
+    };
+}
+export declare type DraggableModalInnerProps = ModalProps & {
+    children?: React.ReactNode;
+} & IContextProps;
+declare function DraggableModalInnerNonMemo({ id, modalState, dispatch, visible, children, title, initialWidth, initialHeight, initialX, initialY, resizable, minPosition, maxPosition, ...otherProps }: DraggableModalInnerProps): JSX.Element;
+export declare const DraggableModalInner: React.MemoExoticComponent<typeof DraggableModalInnerNonMemo>;
+export {};

package/build/components/UI/CAD/ant-design-draggable-modal/DraggableModalProvider.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
-export declare const DraggableModalProvider: ({ children }: {
-    children: React.ReactNode;
-}) => React.ReactElement;
+import * as React from 'react';
+export declare const DraggableModalProvider: ({ children }: {
+    children: React.ReactNode;
+}) => React.ReactElement;

package/build/components/UI/CAD/ant-design-draggable-modal/ResizeHandle.d.ts

@@ -1,2 +1,2 @@
-import * as React from 'react';
-export declare const ResizeHandle: (props: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => React.ReactElement;
+import * as React from 'react';
+export declare const ResizeHandle: (props: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => React.ReactElement;

package/build/components/UI/CAD/ant-design-draggable-modal/clamp.d.ts

@@ -1 +1 @@
-export declare const clamp: (min: number, max: number, value: number) => number;
+export declare const clamp: (min: number, max: number, value: number) => number;

package/build/components/UI/CAD/ant-design-draggable-modal/draggableModalReducer.d.ts

@@ -1,123 +1,123 @@
-export declare type ModalID = string;
-export interface IModalState {
-    x: number;
-    y: number;
-    width: number | undefined;
-    height: number | undefined;
-    zIndex: number;
-    visible: boolean;
-    minPosition: {
-        x: number | null;
-        y: number | null;
-    };
-    maxPosition: {
-        x: number | null;
-        y: number | null;
-    };
-}
-export interface IModalsState {
-    maxZIndex: number;
-    windowSize: {
-        width: number;
-        height: number;
-    };
-    modals: {
-        [key: string]: IModalState;
-    };
-}
-export declare const initialModalsState: IModalsState;
-export declare type Action = {
-    type: 'show';
-    id: ModalID;
-    maxPosition?: {
-        x?: number;
-        y?: number;
-    };
-    minPosition?: {
-        x?: number;
-        y?: number;
-    };
-} | {
-    type: 'hide';
-    id: ModalID;
-} | {
-    type: 'focus';
-    id: ModalID;
-} | {
-    type: 'unmount';
-    id: ModalID;
-} | {
-    type: 'mount';
-    id: ModalID;
-    intialState: {
-        initialWidth?: number;
-        initialHeight?: number;
-        initialX?: number;
-        initialY?: number;
-        minPosition?: {
-            x?: number;
-            y?: number;
-        };
-        maxPosition?: {
-            x?: number;
-            y?: number;
-        };
-    };
-} | {
-    type: 'windowResize';
-    size: {
-        width: number;
-        height: number;
-    };
-} | {
-    type: 'drag';
-    id: ModalID;
-    x: number;
-    y: number;
-    maxPosition?: {
-        x?: number;
-        y?: number;
-    };
-    minPosition?: {
-        x?: number;
-        y?: number;
-    };
-} | {
-    type: 'resize';
-    id: ModalID;
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-} | {
-    type: 'updateMinPosition';
-    id: ModalID;
-    value: {
-        x: number | null;
-        y: number | null;
-    };
-} | {
-    type: 'updateMaxPosition';
-    id: ModalID;
-    value: {
-        x: number | null;
-        y: number | null;
-    };
-};
-export declare const getModalState: ({ state, id, initialWidth, initialHeight, initialX, initialY, minPosition, maxPosition, }: {
-    state: IModalsState;
-    id: ModalID;
-    initialWidth?: number | undefined;
-    initialHeight?: number | undefined;
-    initialX?: number | undefined;
-    initialY?: number | undefined;
-    maxPosition?: {
-        x?: number | undefined;
-        y?: number | undefined;
-    } | undefined;
-    minPosition?: {
-        x?: number | undefined;
-        y?: number | undefined;
-    } | undefined;
-}) => IModalState;
-export declare const draggableModalReducer: (state: IModalsState, action: Action) => IModalsState;
+export declare type ModalID = string;
+export interface IModalState {
+    x: number;
+    y: number;
+    width: number | undefined;
+    height: number | undefined;
+    zIndex: number;
+    visible: boolean;
+    minPosition: {
+        x: number | null;
+        y: number | null;
+    };
+    maxPosition: {
+        x: number | null;
+        y: number | null;
+    };
+}
+export interface IModalsState {
+    maxZIndex: number;
+    windowSize: {
+        width: number;
+        height: number;
+    };
+    modals: {
+        [key: string]: IModalState;
+    };
+}
+export declare const initialModalsState: IModalsState;
+export declare type Action = {
+    type: 'show';
+    id: ModalID;
+    maxPosition?: {
+        x?: number;
+        y?: number;
+    };
+    minPosition?: {
+        x?: number;
+        y?: number;
+    };
+} | {
+    type: 'hide';
+    id: ModalID;
+} | {
+    type: 'focus';
+    id: ModalID;
+} | {
+    type: 'unmount';
+    id: ModalID;
+} | {
+    type: 'mount';
+    id: ModalID;
+    intialState: {
+        initialWidth?: number;
+        initialHeight?: number;
+        initialX?: number;
+        initialY?: number;
+        minPosition?: {
+            x?: number;
+            y?: number;
+        };
+        maxPosition?: {
+            x?: number;
+            y?: number;
+        };
+    };
+} | {
+    type: 'windowResize';
+    size: {
+        width: number;
+        height: number;
+    };
+} | {
+    type: 'drag';
+    id: ModalID;
+    x: number;
+    y: number;
+    maxPosition?: {
+        x?: number;
+        y?: number;
+    };
+    minPosition?: {
+        x?: number;
+        y?: number;
+    };
+} | {
+    type: 'resize';
+    id: ModalID;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+} | {
+    type: 'updateMinPosition';
+    id: ModalID;
+    value: {
+        x: number | null;
+        y: number | null;
+    };
+} | {
+    type: 'updateMaxPosition';
+    id: ModalID;
+    value: {
+        x: number | null;
+        y: number | null;
+    };
+};
+export declare const getModalState: ({ state, id, initialWidth, initialHeight, initialX, initialY, minPosition, maxPosition, }: {
+    state: IModalsState;
+    id: ModalID;
+    initialWidth?: number | undefined;
+    initialHeight?: number | undefined;
+    initialX?: number | undefined;
+    initialY?: number | undefined;
+    maxPosition?: {
+        x?: number | undefined;
+        y?: number | undefined;
+    } | undefined;
+    minPosition?: {
+        x?: number | undefined;
+        y?: number | undefined;
+    } | undefined;
+}) => IModalState;
+export declare const draggableModalReducer: (state: IModalsState, action: Action) => IModalsState;

package/build/components/UI/CAD/ant-design-draggable-modal/getWindowSize.d.ts

@@ -1,4 +1,4 @@
-export declare const getWindowSize: () => {
-    width: number;
-    height: number;
-};
+export declare const getWindowSize: () => {
+    width: number;
+    height: number;
+};

package/build/components/UI/CAD/ant-design-draggable-modal/index.d.ts

@@ -1,3 +1,3 @@
-export * from './DraggableModal';
-export * from './DraggableModalContext';
-export * from './DraggableModalProvider';
+export * from './DraggableModal';
+export * from './DraggableModalContext';
+export * from './DraggableModalProvider';

package/build/components/UI/CAD/ant-design-draggable-modal/useDrag.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-export declare const useDrag: (x: number, y: number, onDrag: (args: {
-    x: number;
-    y: number;
-}) => void) => (e: React.MouseEvent) => void;
+import * as React from 'react';
+export declare const useDrag: (x: number, y: number, onDrag: (args: {
+    x: number;
+    y: number;
+}) => void) => (e: React.MouseEvent) => void;

package/build/components/UI/CAD/ant-design-draggable-modal/usePrevious.d.ts

@@ -1 +1 @@
-export declare const usePrevious: <T>(value: T) => T;
+export declare const usePrevious: <T>(value: T) => T;

package/build/components/UI/CAD/ant-design-draggable-modal/useResize.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
-export declare const useResize: (x: number, y: number, width: number | undefined, height: number | undefined, onResize: (args: {
-    x: number;
-    y: number;
-    width: number | undefined;
-    height: number | undefined;
-}) => void) => (e: React.MouseEvent) => void;
+import * as React from 'react';
+export declare const useResize: (x: number, y: number, width: number | undefined, height: number | undefined, onResize: (args: {
+    x: number;
+    y: number;
+    width: number | undefined;
+    height: number | undefined;
+}) => void) => (e: React.MouseEvent) => void;

package/build/components/UI/CAD/common/BlankDiv.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import 'antd/dist/antd.css';
-export declare const blankZIndex = 1000;
-export declare const BlankDiv: React.FC;
+import React from 'react';
+import 'antd/dist/antd.css';
+export declare const blankZIndex = 1000;
+export declare const BlankDiv: React.FC;

package/build/components/UI/CAD/common/Collapse.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-export declare const Collapse: React.FC<{
-    isCollapsed: boolean;
-    setIsCollapsed: any;
-    caption: string;
-    invertChecked?: boolean;
-    children?: React.ReactNode;
-}>;
+import React from 'react';
+export declare const Collapse: React.FC<{
+    isCollapsed: boolean;
+    setIsCollapsed: any;
+    caption: string;
+    invertChecked?: boolean;
+    children?: React.ReactNode;
+}>;

package/build/components/UI/CAD/common/ContextMenu.d.ts

@@ -1,33 +1,33 @@
-import React from 'react';
-import { DropDownProps } from 'antd/lib/dropdown';
-import { MenuItemType, SubMenuType, MenuItemGroupType, MenuDividerType } from 'antd/lib/menu/hooks/useItems';
-import './ContextMenu.css';
-import { InteractionInfo } from '@buerli.io/core';
-declare type MenuInfoBase = {
-    interactionInfo: InteractionInfo;
-};
-export declare type MenuInfo<T = void> = T extends void ? MenuInfoBase : MenuInfoBase & {
-    clickInfo: T;
-};
-declare type MenuItemElement = Omit<MenuItemType, 'onClick'> & {
-    onClick?: (menuInfo: MenuInfo<any>) => void;
-    onMouseEnter?: (menuInfo: MenuInfo<any>) => void;
-    onMouseLeave?: (menuInfo: MenuInfo<any>) => void;
-};
-declare type SubMenuElement = Omit<SubMenuType, 'onClick' | 'children'> & {
-    children: MenuElement[] | ((menuInfo: MenuInfo<any>) => MenuElement[]);
-    onClick?: (menuInfo: MenuInfo<any>) => void;
-};
-declare type MenuItemGroupElement = Omit<MenuItemGroupType, 'children'> & {
-    children: MenuElement[];
-};
-export declare type MenuElement = MenuItemElement | SubMenuElement | MenuItemGroupElement | MenuDividerType | null;
-declare type ContextMenuProps = {
-    items: MenuElement[];
-    menuInfo: MenuInfo<any>;
-    caption: string;
-    icon?: JSX.Element;
-    onHide?: () => void;
-} & DropDownProps;
-export declare const ContextMenu: React.FC<ContextMenuProps>;
-export {};
+import React from 'react';
+import { DropDownProps } from 'antd/lib/dropdown';
+import { MenuItemType, SubMenuType, MenuItemGroupType, MenuDividerType } from 'antd/lib/menu/hooks/useItems';
+import './ContextMenu.css';
+import { InteractionInfo } from '@buerli.io/core';
+declare type MenuInfoBase = {
+    interactionInfo: InteractionInfo;
+};
+export declare type MenuInfo<T = void> = T extends void ? MenuInfoBase : MenuInfoBase & {
+    clickInfo: T;
+};
+declare type MenuItemElement = Omit<MenuItemType, 'onClick'> & {
+    onClick?: (menuInfo: MenuInfo<any>) => void;
+    onMouseEnter?: (menuInfo: MenuInfo<any>) => void;
+    onMouseLeave?: (menuInfo: MenuInfo<any>) => void;
+};
+declare type SubMenuElement = Omit<SubMenuType, 'onClick' | 'children'> & {
+    children: MenuElement[] | ((menuInfo: MenuInfo<any>) => MenuElement[]);
+    onClick?: (menuInfo: MenuInfo<any>) => void;
+};
+declare type MenuItemGroupElement = Omit<MenuItemGroupType, 'children'> & {
+    children: MenuElement[];
+};
+export declare type MenuElement = MenuItemElement | SubMenuElement | MenuItemGroupElement | MenuDividerType | null;
+declare type ContextMenuProps = {
+    items: MenuElement[];
+    menuInfo: MenuInfo<any>;
+    caption: string;
+    icon?: JSX.Element;
+    onHide?: () => void;
+} & DropDownProps;
+export declare const ContextMenu: React.FC<ContextMenuProps>;
+export {};

package/build/components/UI/CAD/common/Divider.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { DividerProps } from 'antd';
-declare const Divider: React.FC<DividerProps>;
-export { Divider };
+import React from 'react';
+import { DividerProps } from 'antd';
+declare const Divider: React.FC<DividerProps>;
+export { Divider };

package/build/components/UI/CAD/common/EntityName.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
-import 'antd/dist/antd.css';
-export declare const EntityName: React.FC<{
-    name: string;
-    underlined?: boolean;
-    strong?: boolean;
-    disabled?: boolean;
-    onClick?: () => void;
-}>;
+import React from 'react';
+import 'antd/dist/antd.css';
+export declare const EntityName: React.FC<{
+    name: string;
+    underlined?: boolean;
+    strong?: boolean;
+    disabled?: boolean;
+    onClick?: () => void;
+}>;

package/build/components/UI/CAD/common/Icon.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-export declare const Icon: React.FC<{
-    url: string;
-    size?: number;
-}>;
+import React from 'react';
+export declare const Icon: React.FC<{
+    url: string;
+    size?: number;
+}>;

package/build/components/UI/CAD/common/Img.d.ts

@@ -1 +1 @@
-export declare const Img: import("styled-components").StyledComponent<"img", any, {}, never>;
+export declare const Img: import("styled-components").StyledComponent<"img", any, {}, never>;

package/build/components/UI/CAD/common/LoadingScreen/LoadingScreen.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-export declare const LoadingScreen: React.FC<{
-    isLoading?: boolean;
-    style?: React.CSSProperties;
-    children?: React.ReactNode;
-}>;
+import React from 'react';
+export declare const LoadingScreen: React.FC<{
+    isLoading?: boolean;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}>;

package/build/components/UI/CAD/common/LoadingScreen/Spinner.d.ts

@@ -1,2 +1,2 @@
-import React from 'react';
-export declare const Spinner: React.FC;
+import React from 'react';
+export declare const Spinner: React.FC;

package/build/components/UI/CAD/common/LoadingScreen/index.d.ts

@@ -1 +1 @@
-export { LoadingScreen } from './LoadingScreen';
+export { LoadingScreen } from './LoadingScreen';

package/build/components/UI/CAD/common/Menu.d.ts

@@ -1,29 +1,29 @@
-import React from 'react';
-import { DropDownProps } from 'antd';
-import 'antd/dist/antd.css';
-export declare type MenuItem = {
-    caption: string | JSX.Element;
-    icon?: JSX.Element;
-    callback: (e: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
-    children?: undefined;
-};
-export declare type SubMenuItem = {
-    caption: string;
-    icon?: JSX.Element;
-    children: Record<string, MenuItem>;
-};
-export declare type MenuItems = Record<string, MenuItem | SubMenuItem>;
-/**
- * Context menu. By default it's rendered as thee dots "...", when user hovers it the menuitems is shown.
- * It's possible to show an icon instead of "..." - just render an icon you whant to show as a Menu child.
- *
- * If you want to have nested level of menu items you need to fill children prop of a menu item with SubMenuItems (check src/components/UI/CAD/plugin/ProductManagement/useMenuItems.tsx:"export")
- *
- * @param items - Object contains items you whant to show in the menu. An item should contain caption and callback, it also migh has optional props: icon and children.
- * @param children - Any component which will be shown as a button which opens menu, if no children passed three dots "..." are shown.
- * @param DropDownProps - Since Menu is implemented using DropDown from "antd" you can pass any of DropDown props (except 'overltay') to customize the menu.
- * @returns
- */
-export declare const Menu: React.FC<Omit<{
-    items: MenuItems;
-} & DropDownProps, 'overlay'>>;
+import React from 'react';
+import { DropDownProps } from 'antd';
+import 'antd/dist/antd.css';
+export declare type MenuItem = {
+    caption: string | JSX.Element;
+    icon?: JSX.Element;
+    callback: (e: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
+    children?: undefined;
+};
+export declare type SubMenuItem = {
+    caption: string;
+    icon?: JSX.Element;
+    children: Record<string, MenuItem>;
+};
+export declare type MenuItems = Record<string, MenuItem | SubMenuItem>;
+/**
+ * Context menu. By default it's rendered as thee dots "...", when user hovers it the menuitems is shown.
+ * It's possible to show an icon instead of "..." - just render an icon you whant to show as a Menu child.
+ *
+ * If you want to have nested level of menu items you need to fill children prop of a menu item with SubMenuItems (check src/components/UI/CAD/plugin/ProductManagement/useMenuItems.tsx:"export")
+ *
+ * @param items - Object contains items you whant to show in the menu. An item should contain caption and callback, it also migh has optional props: icon and children.
+ * @param children - Any component which will be shown as a button which opens menu, if no children passed three dots "..." are shown.
+ * @param DropDownProps - Since Menu is implemented using DropDown from "antd" you can pass any of DropDown props (except 'overltay') to customize the menu.
+ * @returns
+ */
+export declare const Menu: React.FC<Omit<{
+    items: MenuItems;
+} & DropDownProps, 'overlay'>>;

package/build/components/UI/CAD/common/MultiSelect.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-import { ObjectID, DrawingID, InteractionInfo } from '@buerli.io/core';
-export declare const MultiSelectContext: React.Context<{
-    setLastSelected: (objId: ObjectID, overwrite?: boolean) => void;
-    multiSelect: (objId: ObjectID) => void;
-}>;
-export declare const MultiSelect: React.FC<{
-    children: React.ReactNode;
-    drawingId: DrawingID;
-    items: ObjectID[];
-    createInfo: (objId: ObjectID) => InteractionInfo;
-}>;
+import React from 'react';
+import { ObjectID, DrawingID, InteractionInfo } from '@buerli.io/core';
+export declare const MultiSelectContext: React.Context<{
+    setLastSelected: (objId: ObjectID, overwrite?: boolean) => void;
+    multiSelect: (objId: ObjectID) => void;
+}>;
+export declare const MultiSelect: React.FC<{
+    children: React.ReactNode;
+    drawingId: DrawingID;
+    items: ObjectID[];
+    createInfo: (objId: ObjectID) => InteractionInfo;
+}>;

package/build/components/UI/CAD/common/NameEdit.d.ts

@@ -1,10 +1,8 @@
-import React from 'react';
-import 'antd/dist/antd.css';
-import { DrawingID, ObjectID } from '@buerli.io/core';
-export declare const NameEdit: React.FC<{
-    style?: React.CSSProperties;
-    drawingId: DrawingID;
-    objId: ObjectID;
-    name: string;
-    setEditName: React.Dispatch<React.SetStateAction<boolean>>;
-}>;
+import React from 'react';
+import 'antd/dist/antd.css';
+export declare const NameEdit: React.FC<{
+    style?: React.CSSProperties;
+    name: string;
+    setEditName: React.Dispatch<React.SetStateAction<boolean>>;
+    onEnter: (text: string) => void;
+}>;

package/build/components/UI/CAD/common/SectionHeader.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-export declare const SectionHeader: React.FC<{
-    children?: React.ReactNode;
-}>;
+import React from 'react';
+export declare const SectionHeader: React.FC<{
+    children?: React.ReactNode;
+}>;