@ws-ui/shared 0.3.11 → 1.1.0

package/README.md

@@ -1,27 +1,7 @@
-# React + TypeScript + Vite
+# shared
 
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+This library was generated with [Nx](https://nx.dev).
 
-Currently, two official plugins are available:
+## Running unit tests
 
-- [@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
+Run `nx test shared` to execute the unit tests via [Vitest](https://vitest.dev/).

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;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").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,5 +1,6 @@
 import { Placement, VirtualElement } from '@popperjs/core';
-import React, { CSSProperties, FC } from 'react';
+import { default as React, CSSProperties, FC } from 'react';
+
 interface IOverlayProps {
     onClick: (ev: React.MouseEvent) => void;
 }

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

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

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

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

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

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

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

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

package/dist/components/Portal.d.ts

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/Toast.d.ts

@@ -1,4 +1,5 @@
-import React, { FC } from 'react';
+import { default as 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,5 +1,6 @@
-import React from 'react';
+import { default as React } from 'react';
 import { Placement } from '@popperjs/core';
+
 interface ITooltip {
     label: string;
     placement?: Placement;

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

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

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

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

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

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

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

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

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

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

package/dist/constants.d.ts

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

package/dist/datasource-themes.d.ts

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

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

@@ -1,5 +1,6 @@
 declare namespace datasources {
-  type TEventData = import('~/hooks/use-events/interfaces').webforms.WEvent;
+  type TEventData =
+    import('~shared/hooks/use-events/interfaces').webforms.WEvent;
   type TDatasourceType =
     | 'auto'
     | 'entity'
@@ -203,11 +204,15 @@ declare namespace datasources {
     namespace: string;
   }
 
-  interface ICreateDataSourceScalar extends ICreateDataSourceCommon {
-    type: 'scalar';
-    initialValue?: string | boolean | number | any[] | object | null;
-    dataType: TJSType;
-    from?: string;
+  interface ICreateDataSourceCommon {
+    id: string;
+    initialValue: any;
+    events?: webforms.WEvent[];
+    namespace: string;
+    schema?: {
+      type: string;
+      properties: { name: string; type: string; initialValue: any }[];
+    };
   }
 
   interface ICreateDataSourceArray extends ICreateDataSourceCommon {
@@ -286,6 +291,7 @@ declare namespace datasources {
       object: 'object';
       date: 'date';
     };
+    static removeSource(id: string, namespace?: string): void;
     static getOrBuildNameSpace(namespace?: string): INameSpace;
     static getNameSpace(namespace: string): INameSpace;
     static buildSource(
@@ -327,6 +333,7 @@ declare namespace datasources {
       propertyStr: string,
     ): Promise<T[]>;
     orderBy(attrs: string, settings?: any): Promise<null>;
+    query(queryStr: string, settings?: any): Promise<null>;
     getValueAsParam(property?: string, settings?: any): Promise<null>;
     getDataType(): null;
     setValue<T = any>(

package/dist/declarations/webform/webform.d.ts

@@ -170,6 +170,7 @@ declare namespace webforms {
       variadicType: string;
       methodType?: 'dataclass' | 'singleton';
       openIn: string;
+      allowedOnHTTPGET?: boolean;
     }>;
 
   type WebformStateActionType = 'add' | 'delete' | 'clear';

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

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

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

@@ -1,2 +1,3 @@
 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,5 +1,6 @@
 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,7 +1,8 @@
 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> | undefined, options?: IOptions) => (event: MouseEvent, ...params: T[]) => void;
+export declare const useDoubleClick: <T = any>(doubleClick: EventHandler<T>, click?: EventHandler<T>, options?: IOptions) => (event: MouseEvent, ...params: T[]) => void;
 export {};

package/dist/hooks/useIdentity.d.ts

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

package/dist/hooks/useStateObject.d.ts

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