@appkit/dek-lib 0.31.0 → 0.33.0

package/dist/components/Background/Background.d.ts

@@ -1,2 +1,2 @@
-declare const Background: () => any;
+declare const Background: () => import("react/jsx-runtime").JSX.Element;
 export default Background;

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

@@ -1,10 +1,19 @@
 /// <reference types="react" />
 type ContainerImageProps = {
     $imageUrl: string;
+    $width?: number;
+    $height?: number;
 };
 export declare const ContainerImage: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerImageProps>>;
 type ContainerOverlayProps = {
     $opacity: number;
+    $width?: number;
+    $height?: number;
 };
 export declare const ContainerOverlay: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerOverlayProps>>;
+type ContainerProps = {
+    $width?: number;
+    $height?: number;
+};
+export declare const Container: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerProps>>;
 export {};

package/dist/components/Board/Board.d.ts

@@ -1,6 +1,6 @@
-import { DekPluginElementProps } from '@appkit/dek-plugin';
-type Props = DekPluginElementProps & {
-    layout?: string;
+import { PreviewConfig } from '../../lib/contexts/PreviewConfigContext';
+type Props = {
+    previewConfig?: PreviewConfig;
 };
-declare const Board: ({ api, layout }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Board: ({ previewConfig }: Props) => import("react/jsx-runtime").JSX.Element | null;
 export default Board;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+type ContainerProps = {
+    $width?: number;
+    $height?: number;
+    $zoom?: number;
+};
+export declare const Container: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerProps>>;
+export {};

package/dist/components/BoardProvider/BoardProvider.d.ts

@@ -1,9 +1,13 @@
 import { DekPluginFactory } from '@appkit/dek-plugin';
+import { ReactNode } from 'react';
+import { PreviewConfig } from '../../lib/contexts/PreviewConfigContext';
 type Props = {
-    email: string;
-    password: string;
+    authToken: string;
     plugin?: DekPluginFactory;
     pluginConfig?: any;
+    previewConfig?: PreviewConfig;
+    zoom?: number;
+    children?: ReactNode;
 };
-declare const BoardProvider: ({ email, password, plugin, pluginConfig }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const BoardProvider: ({ authToken, plugin, pluginConfig, zoom, children, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default BoardProvider;

package/dist/components/BoardScreen/BoardScreen.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+type Props = {
+    children?: ReactNode;
+};
+declare const BoardScreen: ({ children }: Props) => import("react/jsx-runtime").JSX.Element;
+export default BoardScreen;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+type ContainerProps = {
+    $width?: number;
+    $height?: number;
+};
+export declare const Container: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerProps>>;
+export {};

package/dist/components/BoardStylesProvider/BoardStylesProvider.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+type Props = {
+    transitionDelay?: number;
+    zoom?: number;
+    children?: ReactNode;
+};
+declare const BoardStylesProvider: ({ zoom, transitionDelay, children, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default BoardStylesProvider;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+type ContainerProps = {
+    $width?: number;
+    $height?: number;
+};
+export declare const Container: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerProps>>;
+export {};

package/dist/components/BoardStylesProvider/components/BoardPreviewOverlay/BoardPreviewOverlay.d.ts

@@ -0,0 +1,2 @@
+declare const BoardPreviewOverlay: () => import("react/jsx-runtime").JSX.Element;
+export default BoardPreviewOverlay;

package/dist/components/BoardStylesProvider/components/BoardPreviewOverlay/BoardPreviewOverlay.styled.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+type ContainerProps = {
+    $width?: number;
+    $height?: number;
+};
+export declare const Container: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerProps>>;
+export {};

package/dist/components/BoardStylesProvider/components/BoardStyles.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    zoom?: number;
+    transitionDelay: number;
+};
+declare const BoardStyles: ({ zoom, transitionDelay }: Props) => import("react/jsx-runtime").JSX.Element;
+export default BoardStyles;

package/dist/components/BoardWrapper/BoardWrapper.d.ts

@@ -0,0 +1,6 @@
+import { DekPluginElementProps } from '@appkit/dek-plugin';
+type Props = DekPluginElementProps & {
+    layout?: string;
+};
+declare const BoardWrapper: ({ api, layout }: Props) => import("react/jsx-runtime").JSX.Element;
+export default BoardWrapper;

package/dist/components/Command/Command.d.ts

@@ -0,0 +1,5 @@
+type Props = {
+    commandTitle: string;
+};
+declare const Command: ({ commandTitle }: Props) => JSX.Element | null | undefined;
+export default Command;

package/dist/components/CommandGroup/CommandGroup.d.ts

@@ -1,5 +1,8 @@
+import { CommandGroupAlignment } from './CommandGroup.styled';
 type Props = {
     groupKey: string;
+    title?: string;
+    align?: CommandGroupAlignment;
 };
-declare const CommandGroup: ({ groupKey }: Props) => import("react/jsx-runtime").JSX.Element | null;
+declare const CommandGroup: ({ groupKey, title, align }: Props) => import("react/jsx-runtime").JSX.Element | null;
 export default CommandGroup;

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

@@ -1,3 +1,9 @@
 /// <reference types="react" />
-export declare const Container: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("../../../../ui/dist/components/View/View").ViewProps, never>> & Omit<({ label, direction, collapse, valign, halign, vscroll, hscroll, padding, paddingVert, paddingHorz, paddingRight, paddingLeft, paddingTop, paddingBottom, width, height, fixed, backColor, backColorHover, borderRadius, wrap, gap, gapRow, gapCol, className, onClick, style, children, }: import("../../../../ui/dist/components/View/View").ViewProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
-export declare const CommandItem: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export type CommandGroupAlignment = 'left' | 'right';
+type ContainerProps = {
+    $align: CommandGroupAlignment;
+};
+export declare const Container: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("../../../../ui/dist/components/View/View").ViewProps, ContainerProps>> & Omit<({ label, direction, collapse, valign, halign, vscroll, hscroll, padding, paddingVert, paddingHorz, paddingRight, paddingLeft, paddingTop, paddingBottom, width, height, fixed, backColor, backColorHover, borderRadius, wrap, gap, gapRow, gapCol, className, onClick, style, children, }: import("../../../../ui/dist/components/View/View").ViewProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
+export declare const Group: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("../../../../ui/dist/components/View/View").ViewProps, ContainerProps>> & Omit<({ label, direction, collapse, valign, halign, vscroll, hscroll, padding, paddingVert, paddingHorz, paddingRight, paddingLeft, paddingTop, paddingBottom, width, height, fixed, backColor, backColorHover, borderRadius, wrap, gap, gapRow, gapCol, className, onClick, style, children, }: import("../../../../ui/dist/components/View/View").ViewProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
+export declare const CommandItem: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerProps>>;
+export {};

package/dist/components/Component/Component.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProp } from '../../lib/utils/parsePropsForComponent';
+type Props = {
+    integrationKey: string;
+    componentKey: string;
+    componentProps?: ComponentProp[];
+};
+declare const Component: ({ integrationKey, componentKey }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Component;

package/dist/components/PreviewBoardLoader/PreviewBoardLoader.d.ts

@@ -0,0 +1,2 @@
+declare const PreviewBoardLoader: () => import("react/jsx-runtime").JSX.Element | null;
+export default PreviewBoardLoader;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+type ContainerProps = {
+    $width?: number;
+    $height?: number;
+};
+export declare const Container: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerProps>>;
+export {};

package/dist/data/fetchUserData.d.ts

@@ -1,4 +1,4 @@
 import { UserDataQuery } from './types/graphql';
 export type UserData = UserDataQuery['currentUser'];
-declare function fetchUserData(email: string, password: string): Promise<UserData>;
+declare function fetchUserData(authToken: string): Promise<UserData>;
 export default fetchUserData;

package/dist/data/fetchUserPlugins.d.ts

@@ -1,5 +1,5 @@
 import { ApolloQueryResult } from '@apollo/client';
 import { UserPluginsAndIntegrationsQuery } from './types/graphql';
 export type FetchUserPluginsResult = ApolloQueryResult<UserPluginsAndIntegrationsQuery>['data']['currentUser'];
-declare function fetchUserPlugins(email: string, password: string): Promise<FetchUserPluginsResult>;
+declare function fetchUserPlugins(authToken: string): Promise<FetchUserPluginsResult>;
 export default fetchUserPlugins;

package/dist/data/getClient.d.ts

@@ -1,3 +1,3 @@
 import { ApolloClient, NormalizedCacheObject } from '@apollo/client';
-declare function getClient(email: string, password: string): Promise<ApolloClient<NormalizedCacheObject>>;
+declare function getClient(authToken: string): Promise<ApolloClient<NormalizedCacheObject>>;
 export default getClient;

package/dist/data/types/gql.d.ts

@@ -11,7 +11,7 @@ import { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/
  * Therefore it is highly recommended to use the babel or swc plugin for production.
  */
 declare const documents: {
-    "\n  query userData {\n    currentUser {\n      id\n      name\n      email\n      location\n      avatar\n      boards {\n        id\n        title\n        key\n        layout\n        base {\n          integration\n          key\n        }\n        zones {\n          key\n          integrationKey\n          componentKey\n          props {\n            key\n            value\n          }\n          containerProps {\n            key\n            value\n          }\n        }\n      }\n      commandGroups {\n        title\n        key\n        commands {\n          title\n          integrationKey\n          componentKey\n          props {\n            key\n            value\n          }\n          containerProps {\n            key\n            value\n          }\n        }\n      }\n    }\n  }\n": DocumentNode<types.UserDataQuery, types.Exact<{
+    "\n  query userData {\n    currentUser {\n      id\n      name\n      email\n      location\n      avatar\n      boards {\n        id\n        title\n        key\n        layout\n        base {\n          integration\n          key\n        }\n        zones {\n          key\n          integrationKey\n          componentKey\n          props {\n            key\n            value\n          }\n          containerProps {\n            key\n            value\n          }\n        }\n      }\n      commandGroups {\n        title\n        key\n        commands {\n          title\n          integrationKey\n          componentKey\n          props {\n            key\n            value\n          }\n          containerProps {\n            key\n            value\n          }\n        }\n      }\n      commands {\n        title\n        integrationKey\n        componentKey\n        props {\n          key\n          value\n        }\n        containerProps {\n          key\n          value\n        }\n      }\n    }\n  }\n": DocumentNode<types.UserDataQuery, types.Exact<{
         [key: string]: never;
     }>>;
     "\n  query userPluginsAndIntegrations {\n    currentUser {\n      plugins {\n        name\n        code\n        version\n      }\n      integrations {\n        key\n        pluginName\n        pluginVersion\n        pluginConfig {\n          key\n          value\n        }\n      }\n    }\n  }\n": DocumentNode<types.UserPluginsAndIntegrationsQuery, types.Exact<{
@@ -37,7 +37,7 @@ export declare function gql(source: string): unknown;
 /**
  * The gql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
-export declare function gql(source: "\n  query userData {\n    currentUser {\n      id\n      name\n      email\n      location\n      avatar\n      boards {\n        id\n        title\n        key\n        layout\n        base {\n          integration\n          key\n        }\n        zones {\n          key\n          integrationKey\n          componentKey\n          props {\n            key\n            value\n          }\n          containerProps {\n            key\n            value\n          }\n        }\n      }\n      commandGroups {\n        title\n        key\n        commands {\n          title\n          integrationKey\n          componentKey\n          props {\n            key\n            value\n          }\n          containerProps {\n            key\n            value\n          }\n        }\n      }\n    }\n  }\n"): (typeof documents)["\n  query userData {\n    currentUser {\n      id\n      name\n      email\n      location\n      avatar\n      boards {\n        id\n        title\n        key\n        layout\n        base {\n          integration\n          key\n        }\n        zones {\n          key\n          integrationKey\n          componentKey\n          props {\n            key\n            value\n          }\n          containerProps {\n            key\n            value\n          }\n        }\n      }\n      commandGroups {\n        title\n        key\n        commands {\n          title\n          integrationKey\n          componentKey\n          props {\n            key\n            value\n          }\n          containerProps {\n            key\n            value\n          }\n        }\n      }\n    }\n  }\n"];
+export declare function gql(source: "\n  query userData {\n    currentUser {\n      id\n      name\n      email\n      location\n      avatar\n      boards {\n        id\n        title\n        key\n        layout\n        base {\n          integration\n          key\n        }\n        zones {\n          key\n          integrationKey\n          componentKey\n          props {\n            key\n            value\n          }\n          containerProps {\n            key\n            value\n          }\n        }\n      }\n      commandGroups {\n        title\n        key\n        commands {\n          title\n          integrationKey\n          componentKey\n          props {\n            key\n            value\n          }\n          containerProps {\n            key\n            value\n          }\n        }\n      }\n      commands {\n        title\n        integrationKey\n        componentKey\n        props {\n          key\n          value\n        }\n        containerProps {\n          key\n          value\n        }\n      }\n    }\n  }\n"): (typeof documents)["\n  query userData {\n    currentUser {\n      id\n      name\n      email\n      location\n      avatar\n      boards {\n        id\n        title\n        key\n        layout\n        base {\n          integration\n          key\n        }\n        zones {\n          key\n          integrationKey\n          componentKey\n          props {\n            key\n            value\n          }\n          containerProps {\n            key\n            value\n          }\n        }\n      }\n      commandGroups {\n        title\n        key\n        commands {\n          title\n          integrationKey\n          componentKey\n          props {\n            key\n            value\n          }\n          containerProps {\n            key\n            value\n          }\n        }\n      }\n      commands {\n        title\n        integrationKey\n        componentKey\n        props {\n          key\n          value\n        }\n        containerProps {\n          key\n          value\n        }\n      }\n    }\n  }\n"];
 /**
  * The gql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */

package/dist/data/types/graphql.d.ts

@@ -451,6 +451,7 @@ export type Integration = {
     createdAt: Scalars['DateTime']['output'];
     id: Scalars['ID']['output'];
     key: Scalars['String']['output'];
+    plugin: Plugin;
     pluginConfig: Array<PluginConfig>;
     pluginName: Scalars['String']['output'];
     pluginVersion?: Maybe<Scalars['String']['output']>;
@@ -722,14 +723,17 @@ export type PluginConfigInput = {
 };
 export type PluginsQueryInput = {
     archived?: InputMaybe<YesNoAnyInput>;
-    author?: InputMaybe<RegexExpressionInput>;
+    author?: InputMaybe<Scalars['String']['input']>;
+    authorMatch?: InputMaybe<RegexExpressionInput>;
     createdAt?: InputMaybe<DateRangeInput>;
-    name?: InputMaybe<RegexExpressionInput>;
+    name?: InputMaybe<Scalars['String']['input']>;
+    nameMatch?: InputMaybe<RegexExpressionInput>;
     private?: InputMaybe<YesNoAnyInput>;
     publishedAt?: InputMaybe<DateRangeInput>;
     updatedAt?: InputMaybe<DateRangeInput>;
     userIds?: InputMaybe<Array<InputMaybe<Scalars['ID']['input']>>>;
-    version?: InputMaybe<RegexExpressionInput>;
+    version?: InputMaybe<Scalars['String']['input']>;
+    versionMatch?: InputMaybe<RegexExpressionInput>;
 };
 export type PluginsResult = {
     __typename?: 'PluginsResult';
@@ -1251,6 +1255,22 @@ export type UserDataQuery = {
                 }>;
             }>;
         }>;
+        commands: Array<{
+            __typename?: 'Command';
+            title: string;
+            integrationKey: string;
+            componentKey: string;
+            props: Array<{
+                __typename?: 'CommandProp';
+                key: string;
+                value: string;
+            }>;
+            containerProps: Array<{
+                __typename?: 'CommandProp';
+                key: string;
+                value: string;
+            }>;
+        }>;
     };
 };
 export type UserPluginsAndIntegrationsQueryVariables = Exact<{

package/dist/data/watchUser.d.ts

@@ -1,2 +1,2 @@
-declare function watchUser(email: string, password: string, cb: () => void): Promise<void>;
+declare function watchUser(authToken: string, cb: () => void): Promise<void>;
 export default watchUser;

package/dist/index.d.ts

@@ -1,7 +1,15 @@
 export { default as Board } from './components/Board/Board';
 export { default as BoardProvider } from './components/BoardProvider/BoardProvider';
+export { default as Command } from './components/Command/Command';
 export { default as CommandGroup } from './components/CommandGroup/CommandGroup';
-export { default as RouteResolver } from './components/RouteResolver/RouteResolver';
+export { default as Component } from './components/Component/Component';
 export { default as Router } from './components/Router/Router';
+export { default as RouteResolver } from './components/RouteResolver/RouteResolver';
 export { default as Zone } from './components/Zone/Zone';
+export type { PreviewConfig } from './lib/contexts/PreviewConfigContext';
+export { authorize } from './lib/data';
+export { default as useAuthorization } from './lib/hooks/useAuthorization';
 export { default as loadCustomDekPlugin } from './lib/utils/loadCustomPlugin';
+export { default as useUserConfigLoader } from './lib/hooks/useUserConfigLoader';
+export { default as getPluginApi } from './lib/utils/getPluginApi';
+export { default as parsePropsForComponent } from './lib/utils/parsePropsForComponent';