@ws-ui/shared 0.3.8 → 0.3.9

package/README.md

@@ -1,7 +1,27 @@
-# shared
+# React + TypeScript + Vite
 
-This library was generated with [Nx](https://nx.dev).
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
 
-## Running unit tests
+Currently, two official plugins are available:
 
-Run `nx test shared` to execute the unit tests via [Vitest](https://vitest.dev/).
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
+
+- Configure the top-level `parserOptions` property like this:
+
+```js
+   parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+    project: ['./tsconfig.json', './tsconfig.node.json'],
+    tsconfigRootDir: __dirname,
+   },
+```
+
+- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
+- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
+- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list

package/dist/components/AppLoader.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
-export declare const LogoSVG: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme | undefined;
-    as?: import('react').ElementType<any> | undefined;
-}, import('react').SVGProps<SVGSVGElement>, {}>;
+export declare const LogoSVG: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").SVGProps<SVGSVGElement>, {}>;
 export interface StudioProps {
 }
 export declare const AppLoader: ({ message, version, }: {
     message: string;
     version: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => JSX.Element;

package/dist/components/ControlledSwitch.d.ts

@@ -1,5 +1,5 @@
+/// <reference types="react" />
 import { SwitchProps } from '@headlessui/react';
-
 export type SwitchSize = 'xs' | 'sm' | 'md' | 'lg';
 interface IControlledSwitchProps extends Omit<SwitchProps<'button'>, 'value' | 'size'> {
     onChange: (val: boolean) => void;
@@ -7,5 +7,5 @@ interface IControlledSwitchProps extends Omit<SwitchProps<'button'>, 'value' | '
     size?: SwitchSize;
     className?: string;
 }
-export declare const ControlledSwitch: import('react').ForwardRefExoticComponent<IControlledSwitchProps & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const ControlledSwitch: import("react").ForwardRefExoticComponent<IControlledSwitchProps & import("react").RefAttributes<HTMLButtonElement>>;
 export default ControlledSwitch;

package/dist/components/Dialog.d.ts

@@ -1,6 +1,5 @@
-import { default as React, CSSProperties, FC } from 'react';
 import { Placement, VirtualElement } from '@popperjs/core';
-
+import React, { CSSProperties, FC } from 'react';
 interface IOverlayProps {
     onClick: (ev: React.MouseEvent) => void;
 }

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

@@ -1,5 +1,4 @@
 import { PropsWithChildren } from 'react';
-
 export declare function Incase(props: PropsWithChildren<{
     of: any;
-}>): import("react/jsx-runtime").JSX.Element | null;
+}>): JSX.Element | null;

package/dist/components/Modal/Button.d.ts

@@ -1,6 +1,5 @@
-import { ModalColor } from '../../types/modal';
 import { FC } from 'react';
-
+import { ModalColor } from '../../types/modal';
 interface IButtonProps {
     color?: ModalColor;
     variant?: 'solid' | 'outlined';

package/dist/components/Modal/Icon.d.ts

@@ -1,6 +1,5 @@
-import { ModalColor, ModalIcon } from '../../types/modal';
 import { FC } from 'react';
-
+import { ModalColor, ModalIcon } from '../../types/modal';
 interface IProps {
     name: ModalIcon;
     color?: ModalColor;

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

@@ -1,6 +1,5 @@
-import { IModal, ModalCloseReason } from '../../types/modal';
 import { FC } from 'react';
-
+import { IModal, ModalCloseReason } from '../../types/modal';
 interface ICloseModalParams {
     id: string;
     reason?: ModalCloseReason;

package/dist/components/Portal.d.ts

@@ -1,3 +1,2 @@
 import { FC } from 'react';
-
 export declare const Portal: FC;

package/dist/components/Tips/components/CarouselTip.d.ts

@@ -1,6 +1,5 @@
-import { TTip } from '../interfaces';
 import { FC } from 'react';
-
+import { TTip } from '../interfaces';
 declare const CarouselTip: FC<{
     pages?: TTip[];
 }>;

package/dist/components/Tips/components/TextTip.d.ts

@@ -1,5 +1,4 @@
-import { default as React } from 'react';
-
+import React from 'react';
 interface ITextTipProps {
     body: string;
     isInsideCarousel?: boolean;

package/dist/components/Tips/components/VideoTip.d.ts

@@ -1,5 +1,4 @@
-import { IVideoTip } from '../interfaces';
 import { FC } from 'react';
-
+import { IVideoTip } from '../interfaces';
 declare const VideoTip: FC<Partial<Omit<IVideoTip, 'type'>>>;
 export default VideoTip;

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

@@ -1,4 +1,3 @@
 import { TTip } from '../interfaces';
-
-declare const renderTip: (tip: TTip, isInsideCarousel?: boolean) => import("react/jsx-runtime").JSX.Element;
+declare const renderTip: (tip: TTip, isInsideCarousel?: boolean) => JSX.Element;
 export default renderTip;

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

@@ -1,5 +1,4 @@
 import { FC } from 'react';
-
 export declare const Tip: FC<{
     tipKey: string;
     side?: 'left' | 'right';

package/dist/components/Tips/provider.d.ts

@@ -1,6 +1,5 @@
-import { TTip } from './interfaces';
 import { FC } from 'react';
-
+import { TTip } from './interfaces';
 export declare const TipsProvider: FC<{
     enabled?: boolean;
     baseUrl?: string;

package/dist/components/Toast.d.ts

@@ -1,5 +1,4 @@
-import { default as React, FC } from 'react';
-
+import React, { FC } from 'react';
 export type ToastKind = 'warning' | 'info' | 'danger' | 'message' | 'error' | 'multi';
 export type ToastCustomIcon = FC<{
     className?: string;

package/dist/components/Tooltip.d.ts

@@ -1,6 +1,5 @@
+import React from 'react';
 import { Placement } from '@popperjs/core';
-import { default as React } from 'react';
-
 interface ITooltip {
     label: string;
     placement?: Placement;

package/dist/components/Tree/components/IndentLines.d.ts

@@ -1,5 +1,4 @@
 import { FC } from 'react';
-
 declare const IndentLines: FC<{
     showLines?: boolean;
     depth: number;

package/dist/components/Tree/components/Switcher.d.ts

@@ -1,5 +1,4 @@
 import { FC, MouseEventHandler } from 'react';
-
 declare const Switcher: FC<{
     show: boolean;
     expanded: boolean;

package/dist/components/Tree/components/Tree.d.ts

@@ -1,5 +1,4 @@
-import { ITreeProps } from '../interfaces';
 import { FC } from 'react';
-
+import { ITreeProps } from '../interfaces';
 declare const Tree: FC<ITreeProps>;
 export default Tree;

package/dist/components/Tree/components/TreeNode.d.ts

@@ -1,5 +1,4 @@
-import { TreeNodeProps } from '../interfaces';
 import { FC } from 'react';
-
+import { TreeNodeProps } from '../interfaces';
 declare const TreeNode: FC<TreeNodeProps>;
 export default TreeNode;

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

@@ -1,8 +1,7 @@
-import { default as Switcher } from './components/Switcher';
-import { default as IndentLines } from './components/IndentLines';
-import { default as TreeNode } from './components/TreeNode';
-import { default as Tree } from './components/Tree';
-
+import Tree from './components/Tree';
+import TreeNode from './components/TreeNode';
+import IndentLines from './components/IndentLines';
+import Switcher from './components/Switcher';
 export { TreeNode, Tree, IndentLines, Switcher };
 export * from './interfaces';
 export * from './styled';

package/dist/components/Tree/interfaces.d.ts

@@ -1,5 +1,4 @@
 import { MouseEvent, ReactElement } from 'react';
-
 export type RenderNodeHandler<T = any> = (node: ITreeNodeData<T>, depth: number, state: NodeState, actions: TreeActions, searchQuery: string) => JSX.Element;
 export type NodeHandler = (node?: ITreeNodeData) => void;
 export type NodeState = {

package/dist/components/Tree/styled.d.ts

@@ -1,4 +1,3 @@
-import { ITreeIcon } from './interfaces';
 import { FC } from 'react';
-
+import { ITreeIcon } from './interfaces';
 export declare const TreeIcon: FC<ITreeIcon>;

package/dist/constants.d.ts

@@ -1,5 +1,4 @@
 import { IEditor } from './types';
-
 interface IEditorList {
     Code: IEditor;
     WebForm: IEditor;

package/dist/datasource-themes.d.ts

@@ -1,5 +1,4 @@
 import { CSSProperties } from 'react';
-
 export declare const DATASOURCE_THEMES: {
     [key: string]: CSSProperties;
 };

package/dist/declarations/datasources/datasource.d.ts

@@ -1,5 +1,5 @@
 declare namespace datasources {
-  type TEventData = import('~shared/hooks/use-events/interfaces').webforms.WEvent;
+  type TEventData = import('~/hooks/use-events/interfaces').webforms.WEvent;
   type TDatasourceType =
     | 'auto'
     | 'entity'

package/dist/hooks/use-didmounteffect.d.ts

@@ -1,3 +1,2 @@
 import { EffectCallback, DependencyList } from 'react';
-
 export declare function useDidMountEffect(effect: EffectCallback, deps?: DependencyList): void;

package/dist/hooks/use-forwarded-ref.d.ts

@@ -1,3 +1,2 @@
 import { ForwardedRef } from 'react';
-
-export declare function useForwardedRef<T>(ref: ForwardedRef<T>): import('react').MutableRefObject<T | null>;
+export declare function useForwardedRef<T>(ref: ForwardedRef<T>): import("react").MutableRefObject<T | null>;

package/dist/hooks/use-hotkeys.d.ts

@@ -1,6 +1,5 @@
-import { KeyHandler } from 'hotkeys-js';
 import { DependencyList } from 'react';
-
+import { KeyHandler } from 'hotkeys-js';
 type Options = {
     scope?: string;
     element?: HTMLElement | null;

package/dist/hooks/use-outside-click.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const useOutsideClick: <T extends HTMLElement, R = void>(callback: (event: MouseEvent) => R) => import('react').MutableRefObject<T | null>;
+export declare const useOutsideClick: <T extends HTMLElement, R = void>(callback: (event: MouseEvent) => R) => import("react").MutableRefObject<T | null>;

package/dist/hooks/use-state-ref.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare function useStateRef<T>(state: T): import('react').MutableRefObject<T>;
+export declare function useStateRef<T>(state: T): import("react").MutableRefObject<T>;

package/dist/hooks/useDoubleClick.d.ts

@@ -1,8 +1,7 @@
 import { MouseEvent } from 'react';
-
 type EventHandler<T = any> = (event: MouseEvent, ...params: T[]) => void;
 interface IOptions {
     timeout?: number;
 }
-export declare const useDoubleClick: <T = any>(doubleClick: EventHandler<T>, click?: EventHandler<T>, options?: IOptions) => (event: MouseEvent, ...params: T[]) => void;
+export declare const useDoubleClick: <T = any>(doubleClick: EventHandler<T>, click?: EventHandler<T> | undefined, options?: IOptions) => (event: MouseEvent, ...params: T[]) => void;
 export {};

package/dist/hooks/useIdentity.d.ts

@@ -1,6 +1,5 @@
 import { PropsWithChildren } from 'react';
-
 export declare const IdentityProvider: (props: PropsWithChildren<{
     value: string;
-}>) => import("react/jsx-runtime").JSX.Element;
+}>) => JSX.Element;
 export declare const useIdentity: () => string;

package/dist/hooks/useStateObject.d.ts

@@ -1,5 +1,4 @@
 import { SetStateAction } from 'react';
-
 export declare function useStateObject<T extends object>(initialState: T): {
     state: T;
     actions: InternalActions<T> & {