jplan-pack 0.4.44 → 0.4.46

package/dist/types/components/ContextMenu.d.ts

@@ -0,0 +1,17 @@
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+        actions?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/JIconBtn.d.ts

@@ -18,9 +18,7 @@ declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>
         default?(_: {}): any;
     };
     emit: (event: "click", ...args: any[]) => void;
-}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}> & {
+}>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;

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

@@ -11,6 +11,7 @@ import { default as JDialog } from './JDialog';
 import { default as ConfirmDialog } from './ConfirmDialog';
 import { default as JAvatar } from './JAvatar';
 import { default as AvatarPicture } from './AvatarPicture';
+import { default as ContextMenu } from './ContextMenu';
 import { default as JTextField } from './form/JTextField';
 import { default as JSelect } from './form/JSelect';
 import { default as JTextArea } from './form/JTextArea';
@@ -19,7 +20,7 @@ import { default as TabFormHeader } from './form/headless/TabFormHeader';
 import { default as FormHeadless } from './form/headless/FormHeadless';
 import { default as SpinnerLoader } from './spinner/SpinnerLoader';
 import { TablerIcons } from './icon/tabler';
-export { UiTable, ConfirmDialog, CopyButton, DotsMenu, FormMetadata, JBtn, DeleteButton, EditButton, JDialog, JIconBtn, JSelect, JTextArea, JTextField, JForm, TabFormHeader, FormHeadless, TablerIcons, ParentCard, ColumnSettingsDialog, SpinnerLoader, JAvatar, AvatarPicture, };
+export { UiTable, ConfirmDialog, CopyButton, DotsMenu, FormMetadata, JBtn, DeleteButton, EditButton, JDialog, JIconBtn, JSelect, JTextArea, JTextField, JForm, TabFormHeader, FormHeadless, TablerIcons, ParentCard, ColumnSettingsDialog, SpinnerLoader, ContextMenu, JAvatar, AvatarPicture, };
 declare const _default: {
     IconSet: import('vue').DefineComponent<{
         item: import('..').IconType | string;

package/dist/types/composables/useGlobalScope.d.ts

@@ -9,25 +9,25 @@ export default function useGlobalScope(): {
     globalScope: Readonly<Ref<Readonly<Ref<{
         readonly domain: Readonly<string>;
         readonly environment: Readonly<string>;
-        readonly scope_type?: ("org" | "team" | "shared" | "user" | "") | undefined;
+        readonly scope_type?: "org" | "team" | "shared" | "user" | "" | undefined;
         readonly organization?: string | undefined;
         readonly team?: string | undefined;
     } | null, {
         readonly domain: Readonly<string>;
         readonly environment: Readonly<string>;
-        readonly scope_type?: ("org" | "team" | "shared" | "user" | "") | undefined;
+        readonly scope_type?: "org" | "team" | "shared" | "user" | "" | undefined;
         readonly organization?: string | undefined;
         readonly team?: string | undefined;
     } | null>>, Readonly<Ref<{
         readonly domain: Readonly<string>;
         readonly environment: Readonly<string>;
-        readonly scope_type?: ("org" | "team" | "shared" | "user" | "") | undefined;
+        readonly scope_type?: "org" | "team" | "shared" | "user" | "" | undefined;
         readonly organization?: string | undefined;
         readonly team?: string | undefined;
     } | null, {
         readonly domain: Readonly<string>;
         readonly environment: Readonly<string>;
-        readonly scope_type?: ("org" | "team" | "shared" | "user" | "") | undefined;
+        readonly scope_type?: "org" | "team" | "shared" | "user" | "" | undefined;
         readonly organization?: string | undefined;
         readonly team?: string | undefined;
     } | null>>>>;

package/dist/types/stories/Button.d.ts

@@ -0,0 +1,42 @@
+declare const _default: import('vue').DefineComponent<{
+    /**
+     * The label of the button
+     */
+    label: string;
+    /**
+     * primary or secondary button
+     */
+    primary?: boolean;
+    /**
+     * size of the button
+     */
+    size?: "small" | "medium" | "large";
+    /**
+     * background color of the button
+     */
+    backgroundColor?: string;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: (id: number) => any;
+}, string, import('vue').PublicProps, Readonly<{
+    /**
+     * The label of the button
+     */
+    label: string;
+    /**
+     * primary or secondary button
+     */
+    primary?: boolean;
+    /**
+     * size of the button
+     */
+    size?: "small" | "medium" | "large";
+    /**
+     * background color of the button
+     */
+    backgroundColor?: string;
+}> & Readonly<{
+    onClick?: ((id: number) => any) | undefined;
+}>, {
+    primary: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/stories/Button.stories.d.ts

@@ -0,0 +1,41 @@
+import { StoryObj } from '@storybook/vue3';
+declare const meta: {
+    title: string;
+    component: import('vue').DefineComponent<{
+        label: string;
+        primary?: boolean;
+        size?: "small" | "medium" | "large";
+        backgroundColor?: string;
+    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        click: (id: number) => any;
+    }, string, import('vue').PublicProps, Readonly<{
+        label: string;
+        primary?: boolean;
+        size?: "small" | "medium" | "large";
+        backgroundColor?: string;
+    }> & Readonly<{
+        onClick?: ((id: number) => any) | undefined;
+    }>, {
+        primary: boolean;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    tags: string[];
+    argTypes: {
+        size: {
+            control: "select";
+            options: string[];
+        };
+        backgroundColor: {
+            control: "color";
+        };
+    };
+    args: {
+        primary: false;
+        onClick: import('@vitest/spy').Mock<(...args: any[]) => any>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Large: Story;
+export declare const Small: Story;

package/dist/types/stories/Header.d.ts

@@ -0,0 +1,18 @@
+declare const _default: import('vue').DefineComponent<{
+    user: {
+        name: string;
+    } | null;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    createAccount: () => any;
+    login: () => any;
+    logout: () => any;
+}, string, import('vue').PublicProps, Readonly<{
+    user: {
+        name: string;
+    } | null;
+}> & Readonly<{
+    onCreateAccount?: (() => any) | undefined;
+    onLogin?: (() => any) | undefined;
+    onLogout?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/stories/Header.stories.d.ts

@@ -0,0 +1,59 @@
+import { StoryObj } from '@storybook/vue3';
+declare const meta: {
+    title: string;
+    component: import('vue').DefineComponent<{
+        user: {
+            name: string;
+        } | null;
+    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+        createAccount: () => any;
+        login: () => any;
+        logout: () => any;
+    }, string, import('vue').PublicProps, Readonly<{
+        user: {
+            name: string;
+        } | null;
+    }> & Readonly<{
+        onCreateAccount?: (() => any) | undefined;
+        onLogin?: (() => any) | undefined;
+        onLogout?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    render: (args: any) => {
+        components: {
+            MyHeader: import('vue').DefineComponent<{
+                user: {
+                    name: string;
+                } | null;
+            }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                createAccount: () => any;
+                login: () => any;
+                logout: () => any;
+            }, string, import('vue').PublicProps, Readonly<{
+                user: {
+                    name: string;
+                } | null;
+            }> & Readonly<{
+                onCreateAccount?: (() => any) | undefined;
+                onLogin?: (() => any) | undefined;
+                onLogout?: (() => any) | undefined;
+            }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+        };
+        setup(this: void): {
+            args: any;
+        };
+        template: string;
+    };
+    parameters: {
+        layout: string;
+    };
+    args: {
+        onLogin: import('@vitest/spy').Mock<(...args: any[]) => any>;
+        onLogout: import('@vitest/spy').Mock<(...args: any[]) => any>;
+        onCreateAccount: import('@vitest/spy').Mock<(...args: any[]) => any>;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const LoggedIn: Story;
+export declare const LoggedOut: Story;

package/dist/types/stories/Page.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/stories/Page.stories.d.ts

@@ -0,0 +1,19 @@
+import { StoryObj } from '@storybook/vue3';
+declare const meta: {
+    title: string;
+    component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    render: () => {
+        components: {
+            MyPage: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        };
+        template: string;
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const LoggedIn: Story;
+export declare const LoggedOut: Story;

package/dist/types/stories/SpinnerLoader.stories.d.ts

@@ -0,0 +1,7 @@
+import { StoryFn } from '@storybook/vue3';
+declare const _default: {
+    title: string;
+    component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+};
+export default _default;
+export declare const Default: StoryFn<import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jplan-pack",
-  "version": "0.4.44",
+  "version": "0.4.46",
   "main": "./dist/jplan-pack.cjs.js",
   "module": "./dist/jplan-pack.es.js",
   "types": "dist/types/index.d.ts",
@@ -18,7 +18,9 @@
     "build": "rimraf dist && vue-tsc && vite build",
     "docs:dev": "vitepress dev docs",
     "docs:build": "vitepress build docs",
-    "docs:serve": "vitepress serve docs"
+    "docs:serve": "vitepress serve docs",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   },
   "dependencies": {
     "@azure/msal-browser": "^4.1.0",
@@ -28,9 +30,11 @@
     "@vue/runtime-dom": "^3.5.13",
     "@vueuse/core": "^11.2.0",
     "axios": "^1.7.9",
+    "create-storybook": "^8.6.0",
     "date-fns": "^4.1.0",
     "lodash": "^4.17.21",
     "pinia": "^2.2.6",
+    "vite-plugin-css": "^1.0.4",
     "vue-draggable-next": "^2.2.1",
     "vue-tabler-icons": "^2.21.0",
     "vue-toastification": "^2.0.0-rc.5"
@@ -42,10 +46,19 @@
     "vuetify": "^3.7.4"
   },
   "devDependencies": {
+    "@chromatic-com/storybook": "^3.2.5",
+    "@storybook/addon-essentials": "^8.6.0",
+    "@storybook/addon-interactions": "^8.6.0",
+    "@storybook/addon-onboarding": "^8.6.0",
+    "@storybook/blocks": "^8.6.0",
+    "@storybook/test": "^8.6.0",
+    "@storybook/vue3": "^8.6.0",
+    "@storybook/vue3-vite": "^8.6.0",
     "@types/lodash": "^4.17.15",
     "@types/node": "^20.3.3",
     "rimraf": "^5.0.1",
     "sass": "^1.63.6",
+    "storybook": "^8.6.0",
     "typescript": "^5.1.6",
     "vite": "^6.0.11",
     "vite-plugin-dts": "^4.3.0",