@appkit/dek-lib 0.31.0 → 0.32.0

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/index.d.ts

@@ -1,7 +1,10 @@
 export { default as Board } from './components/Board/Board';
 export { default as BoardProvider } from './components/BoardProvider/BoardProvider';
 export { default as CommandGroup } from './components/CommandGroup/CommandGroup';
-export { default as RouteResolver } from './components/RouteResolver/RouteResolver';
 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 { default as loadCustomDekPlugin } from './lib/utils/loadCustomPlugin';
+export { default as useUserConfig } from './lib/hooks/useUserConfig';
+export { default as getPluginApi } from './lib/utils/getPluginApi';
+export { default as parsePropsForComponent } from './lib/utils/parsePropsForComponent';

package/dist/index.es.js

@@ -66861,7 +66861,7 @@ async function fetchUserPlugins(email, password) {
   result.integrations.push({
     key: "base",
     pluginName: "base",
-    pluginVersion: "0.31.0",
+    pluginVersion: "0.32.0",
     pluginConfig: []
   });
   return result;
@@ -67036,7 +67036,7 @@ const Header = ({ height = 70 }) => {
 };
 const About = () => {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(u0, { padding: 20, direction: "vert", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(PU1, { children: `Dek ${"0.31.0"}` }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(PU1, { children: `Dek ${"0.32.0"}` }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(h4, { children: "From Appkit" })
   ] });
 };
@@ -103027,7 +103027,7 @@ async function updatePlugins(email, password) {
         {
           key: "base",
           pluginName: "base",
-          pluginVersion: "0.31.0",
+          pluginVersion: "0.32.0",
           pluginConfig: []
         }
       ],
@@ -104215,15 +104215,22 @@ const BoardProvider = ({ email, password, plugin, pluginConfig }) => {
   ] });
 };
 const Container = styled(u0)`
+  display: flex;
+  flex-direction: column;
+  ${({ $align }) => $align === "right" ? `align-items: flex-end;` : ""}
+`;
+const Group = styled(u0)`
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
+  align-content: flex-start;
+  ${({ $align }) => $align === "right" ? `justify-content: flex-end;` : ""}
 `;
 const CommandItem = styled.div`
-  margin-left: 10px;
   margin-top: 10px;
+  ${({ $align }) => $align === "right" ? "margin-right: 10px;" : "margin-left: 10px;"}
 `;
-const CommandGroup = ({ groupKey }) => {
+const CommandGroup = ({ groupKey, title, align = "left" }) => {
   const api2 = getPluginApi();
   const group = api2.commandGroups.find(
     (g) => g.key == groupKey
@@ -104231,13 +104238,27 @@ const CommandGroup = ({ groupKey }) => {
   if (!group) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Container, { children: group.commands.map((command, idx) => {
-    const instance = api2.integration(command.integrationKey).component(
-      command.componentKey,
-      parsePropsForComponent(api2, command.props)
-    );
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(CommandItem, { children: instance }, idx);
-  }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Container, { $align: align, children: [
+    title && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      h4,
+      {
+        size: "large",
+        weight: "bold",
+        family: "heading",
+        paddingLeft: 14,
+        paddingTop: 10,
+        paddingRight: 10,
+        children: title
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Group, { $align: align, children: group.commands.map((command, idx) => {
+      const instance = api2.integration(command.integrationKey).component(
+        command.componentKey,
+        parsePropsForComponent(api2, command.props)
+      );
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(CommandItem, { $align: align, children: instance }, idx);
+    }) })
+  ] });
 };
 const CommandGroup$1 = CommandGroup;
 async function loadCustomPlugin(code) {
@@ -104263,5 +104284,8 @@ export {
   RouteResolver,
   Router,
   Zone,
-  loadCustomPlugin as loadCustomDekPlugin
+  getPluginApi,
+  loadCustomPlugin as loadCustomDekPlugin,
+  parsePropsForComponent,
+  useUserConfig
 };

package/dist/index.umd.js

@@ -66878,7 +66878,7 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
     result.integrations.push({
       key: "base",
       pluginName: "base",
-      pluginVersion: "0.31.0",
+      pluginVersion: "0.32.0",
       pluginConfig: []
     });
     return result;
@@ -67053,7 +67053,7 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
   };
   const About = () => {
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(u0, { padding: 20, direction: "vert", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(PU1, { children: `Dek ${"0.31.0"}` }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(PU1, { children: `Dek ${"0.32.0"}` }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(h4, { children: "From Appkit" })
     ] });
   };
@@ -103044,7 +103044,7 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
           {
             key: "base",
             pluginName: "base",
-            pluginVersion: "0.31.0",
+            pluginVersion: "0.32.0",
             pluginConfig: []
           }
         ],
@@ -104233,14 +104233,21 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
   };
   const Container = styled(u0)`
   display: flex;
+  flex-direction: column;
+  ${({ $align }) => $align === "right" ? `align-items: flex-end;` : ""}
+`;
+  const Group = styled(u0)`
+  display: flex;
   flex-direction: row;
   flex-wrap: wrap;
+  align-content: flex-start;
+  ${({ $align }) => $align === "right" ? `justify-content: flex-end;` : ""}
 `;
   const CommandItem = styled.div`
-  margin-left: 10px;
   margin-top: 10px;
+  ${({ $align }) => $align === "right" ? "margin-right: 10px;" : "margin-left: 10px;"}
 `;
-  const CommandGroup = ({ groupKey }) => {
+  const CommandGroup = ({ groupKey, title, align = "left" }) => {
     const api2 = getPluginApi();
     const group = api2.commandGroups.find(
       (g) => g.key == groupKey
@@ -104248,13 +104255,27 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
     if (!group) {
       return null;
     }
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Container, { children: group.commands.map((command, idx) => {
-      const instance = api2.integration(command.integrationKey).component(
-        command.componentKey,
-        parsePropsForComponent(api2, command.props)
-      );
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(CommandItem, { children: instance }, idx);
-    }) });
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(Container, { $align: align, children: [
+      title && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        h4,
+        {
+          size: "large",
+          weight: "bold",
+          family: "heading",
+          paddingLeft: 14,
+          paddingTop: 10,
+          paddingRight: 10,
+          children: title
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Group, { $align: align, children: group.commands.map((command, idx) => {
+        const instance = api2.integration(command.integrationKey).component(
+          command.componentKey,
+          parsePropsForComponent(api2, command.props)
+        );
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(CommandItem, { $align: align, children: instance }, idx);
+      }) })
+    ] });
   };
   const CommandGroup$1 = CommandGroup;
   async function loadCustomPlugin(code) {
@@ -104279,6 +104300,9 @@ Arguments: ` + Array.prototype.slice.call(n5).join("") + `
   exports2.RouteResolver = RouteResolver;
   exports2.Router = Router;
   exports2.Zone = Zone;
+  exports2.getPluginApi = getPluginApi;
   exports2.loadCustomDekPlugin = loadCustomPlugin;
+  exports2.parsePropsForComponent = parsePropsForComponent;
+  exports2.useUserConfig = useUserConfig;
   Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
 });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@appkit/dek-lib",
   "private": false,
-  "version": "0.31.0",
+  "version": "0.32.0",
   "type": "module",
   "scripts": {
     "dev": "vite --port 5173 --host",