@shipfox/react-ui 0.24.0 → 0.26.0

package/dist/components/code-block/code-block.stories.js

@@ -1,341 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CodeBlock, CodeBlockBody, CodeBlockContent, CodeBlockCopyButton, CodeBlockFilename, CodeBlockFiles, CodeBlockFooter, CodeBlockHeader, CodeBlockItem } from '../../components/code-block/index.js';
-import { CodeTabs } from '../../components/code-block/code-tabs.js';
-const meta = {
-    title: 'Components/CodeBlock',
-    component: CodeBlock,
-    parameters: {
-        layout: 'padded'
-    }
-};
-export default meta;
-const exampleCode = `jobs:
-  build:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v3
-      - name: Build
-        run: npm run build`;
-const diffCode = `jobs:
-  build:
-        - runs-on: ubuntu-latest
-        + runs-on: shipfox-2vcpu-ubuntu-2404`;
-export const Default = {
-    args: {
-        data: [
-            {
-                language: 'yaml',
-                filename: '.github/workflows/<workflow-name>.yml',
-                code: exampleCode
-            }
-        ],
-        defaultValue: 'yaml'
-    },
-    render: (args)=>/*#__PURE__*/ _jsxs(CodeBlock, {
-            ...args,
-            children: [
-                /*#__PURE__*/ _jsxs(CodeBlockHeader, {
-                    children: [
-                        /*#__PURE__*/ _jsx(CodeBlockFiles, {
-                            children: (item)=>/*#__PURE__*/ _jsx(CodeBlockFilename, {
-                                    value: item.language,
-                                    children: item.filename
-                                })
-                        }),
-                        /*#__PURE__*/ _jsx(CodeBlockCopyButton, {})
-                    ]
-                }),
-                /*#__PURE__*/ _jsx(CodeBlockBody, {
-                    children: (item)=>/*#__PURE__*/ _jsx(CodeBlockItem, {
-                            value: item.language,
-                            children: /*#__PURE__*/ _jsx(CodeBlockContent, {
-                                language: item.language,
-                                children: item.code
-                            })
-                        })
-                })
-            ]
-        })
-};
-export const WithDiff = {
-    args: {
-        data: [
-            {
-                language: 'yaml',
-                filename: '.github/workflows/<workflow-name>.yml',
-                code: diffCode
-            }
-        ],
-        defaultValue: 'yaml'
-    },
-    render: (args)=>/*#__PURE__*/ _jsxs(CodeBlock, {
-            ...args,
-            children: [
-                /*#__PURE__*/ _jsxs(CodeBlockHeader, {
-                    children: [
-                        /*#__PURE__*/ _jsx(CodeBlockFiles, {
-                            children: (item)=>/*#__PURE__*/ _jsx(CodeBlockFilename, {
-                                    value: item.language,
-                                    children: item.filename
-                                })
-                        }),
-                        /*#__PURE__*/ _jsx(CodeBlockCopyButton, {})
-                    ]
-                }),
-                /*#__PURE__*/ _jsx(CodeBlockBody, {
-                    children: (item)=>/*#__PURE__*/ _jsx(CodeBlockItem, {
-                            value: item.language,
-                            children: /*#__PURE__*/ _jsx(CodeBlockContent, {
-                                language: item.language,
-                                children: item.code
-                            })
-                        })
-                })
-            ]
-        })
-};
-export const WithFooterRunning = {
-    args: {
-        data: [
-            {
-                language: 'yaml',
-                filename: '.github/workflows/<workflow-name>.yml',
-                code: diffCode
-            }
-        ],
-        defaultValue: 'yaml'
-    },
-    render: (args)=>/*#__PURE__*/ _jsxs(CodeBlock, {
-            ...args,
-            children: [
-                /*#__PURE__*/ _jsxs(CodeBlockHeader, {
-                    children: [
-                        /*#__PURE__*/ _jsx(CodeBlockFiles, {
-                            children: (item)=>/*#__PURE__*/ _jsx(CodeBlockFilename, {
-                                    value: item.language,
-                                    children: item.filename
-                                })
-                        }),
-                        /*#__PURE__*/ _jsx(CodeBlockCopyButton, {})
-                    ]
-                }),
-                /*#__PURE__*/ _jsx(CodeBlockBody, {
-                    children: (item)=>/*#__PURE__*/ _jsx(CodeBlockItem, {
-                            value: item.language,
-                            children: /*#__PURE__*/ _jsx(CodeBlockContent, {
-                                language: item.language,
-                                children: item.code
-                            })
-                        })
-                }),
-                /*#__PURE__*/ _jsx(CodeBlockFooter, {
-                    state: "running",
-                    message: "Waiting for Shipfox runner event…",
-                    description: "This usually takes 30-60 seconds after you commit the workflow file."
-                })
-            ]
-        })
-};
-export const WithFooterDone = {
-    args: {
-        data: [
-            {
-                language: 'yaml',
-                filename: '.github/workflows/<workflow-name>.yml',
-                code: diffCode
-            }
-        ],
-        defaultValue: 'yaml'
-    },
-    render: (args)=>/*#__PURE__*/ _jsxs(CodeBlock, {
-            ...args,
-            children: [
-                /*#__PURE__*/ _jsxs(CodeBlockHeader, {
-                    children: [
-                        /*#__PURE__*/ _jsx(CodeBlockFiles, {
-                            children: (item)=>/*#__PURE__*/ _jsx(CodeBlockFilename, {
-                                    value: item.language,
-                                    children: item.filename
-                                })
-                        }),
-                        /*#__PURE__*/ _jsx(CodeBlockCopyButton, {})
-                    ]
-                }),
-                /*#__PURE__*/ _jsx(CodeBlockBody, {
-                    children: (item)=>/*#__PURE__*/ _jsx(CodeBlockItem, {
-                            value: item.language,
-                            children: /*#__PURE__*/ _jsx(CodeBlockContent, {
-                                language: item.language,
-                                children: item.code
-                            })
-                        })
-                }),
-                /*#__PURE__*/ _jsx(CodeBlockFooter, {
-                    state: "done",
-                    message: "Runner connected!"
-                })
-            ]
-        })
-};
-const multipleFilesCode = {
-    'src/utils/format.ts': `export function formatDate(date: Date): string {
-  return new Intl.DateTimeFormat('en-US', {
-    year: 'numeric',
-    month: 'long',
-    day: 'numeric',
-  }).format(date);
-}
-
-export function formatCurrency(amount: number): string {
-  return new Intl.NumberFormat('en-US', {
-    style: 'currency',
-    currency: 'USD',
-  }).format(amount);
-}`,
-    'src/api/client.ts': `import type {User} from './types';
-
-export class ApiClient {
-  private baseUrl: string;
-
-  constructor(baseUrl: string) {
-    this.baseUrl = baseUrl;
-  }
-
-  async getUser(id: string): Promise<User> {
-    const response = await fetch(\`\${this.baseUrl}/users/\${id}\`);
-    if (!response.ok) {
-      throw new Error('Failed to fetch user');
-    }
-    return response.json();
-  }
-}`,
-    'src/components/Button.tsx': `import type {ComponentProps} from 'react';
-
-export function Button({
-  children,
-  variant = 'primary',
-  ...props
-}: ComponentProps<'button'> & {
-  variant?: 'primary' | 'secondary';
-}) {
-  return (
-    <button
-      className={\`btn btn-\${variant}\`}
-      {...props}
-    >
-      {children}
-    </button>
-  );
-}`
-};
-export const MultipleFiles = {
-    args: {
-        data: [],
-        defaultValue: ''
-    },
-    render: ()=>/*#__PURE__*/ _jsx(CodeTabs, {
-            codes: multipleFilesCode,
-            defaultValue: "src/api/client.ts",
-            syntaxHighlighting: true,
-            lang: "typescript",
-            lineNumbers: true
-        })
-};
-export const WithoutLineNumbers = {
-    args: {
-        data: [
-            {
-                language: 'yaml',
-                filename: '.github/workflows/<workflow-name>.yml',
-                code: exampleCode
-            }
-        ],
-        defaultValue: 'yaml'
-    },
-    render: (args)=>/*#__PURE__*/ _jsxs(CodeBlock, {
-            ...args,
-            children: [
-                /*#__PURE__*/ _jsxs(CodeBlockHeader, {
-                    children: [
-                        /*#__PURE__*/ _jsx(CodeBlockFiles, {
-                            children: (item)=>/*#__PURE__*/ _jsx(CodeBlockFilename, {
-                                    value: item.language,
-                                    children: item.filename
-                                })
-                        }),
-                        /*#__PURE__*/ _jsx(CodeBlockCopyButton, {})
-                    ]
-                }),
-                /*#__PURE__*/ _jsx(CodeBlockBody, {
-                    children: (item)=>/*#__PURE__*/ _jsx(CodeBlockItem, {
-                            value: item.language,
-                            lineNumbers: false,
-                            children: /*#__PURE__*/ _jsx(CodeBlockContent, {
-                                language: item.language,
-                                children: item.code
-                            })
-                        })
-                })
-            ]
-        })
-};
-const npmCode = `npm install @shipfox/tooling`;
-const yarnCode = `yarn add @shipfox/tooling`;
-const pnpmCode = `pnpm add @shipfox/tooling`;
-export const Snippet = {
-    args: {
-        data: [],
-        defaultValue: ''
-    },
-    render: ()=>/*#__PURE__*/ _jsx(CodeTabs, {
-            codes: {
-                npm: npmCode,
-                yarn: yarnCode,
-                pnpm: pnpmCode
-            },
-            defaultValue: "npm"
-        })
-};
-const syntaxHighlightingCode = {
-    'index.ts': `export function hello(name: string = 'World'): void {
-  // Say hello to the provided name
-  console.log(\`Hello, \${name}!\`);
-}
-
-export function greetEveryone(names: string[]): void {
-  for (const name of names) {
-    hello(name);
-  }
-}
-
-export type Greeting = {
-  language: string;
-  message: string;
-};
-
-export const greetings: Greeting[] = [
-  { language: 'en', message: 'Hello' },
-  { language: 'fr', message: 'Bonjour' },
-  { language: 'es', message: 'Hola' },
-  { language: 'de', message: 'Hallo' },
-];
-
-export function printGreetings(): void {
-  for (const { language, message } of greetings) {
-    console.log(\`\${message}, \${language}!\`);
-  }
-}`
-};
-export const SyntaxHighlighting = {
-    args: {
-        codes: syntaxHighlightingCode,
-        defaultValue: 'index.ts',
-        syntaxHighlighting: true,
-        lang: 'typescript'
-    },
-    render: (args)=>/*#__PURE__*/ _jsx(CodeTabs, {
-            ...args
-        })
-};
-
-//# sourceMappingURL=code-block.stories.js.map

package/dist/components/combobox/combobox.stories.js

@@ -1,191 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Label } from '../../components/label/index.js';
-import { useState } from 'react';
-import { Combobox } from './combobox.js';
-const sampleItems = [
-    {
-        value: 'apache',
-        label: 'apache'
-    },
-    {
-        value: 'apache-superset',
-        label: 'apache-superset'
-    },
-    {
-        value: 'apaleo',
-        label: 'apaleo'
-    },
-    {
-        value: 'apollo',
-        label: 'apollo'
-    },
-    {
-        value: 'apple',
-        label: 'apple'
-    },
-    {
-        value: 'apache-kafka',
-        label: 'apache-kafka'
-    },
-    {
-        value: 'apex',
-        label: 'apex'
-    },
-    {
-        value: 'appsmith',
-        label: 'appsmith'
-    },
-    {
-        value: 'applitools',
-        label: 'applitools'
-    },
-    {
-        value: 'approzium',
-        label: 'approzium'
-    },
-    {
-        value: 'apify',
-        label: 'apify'
-    },
-    {
-        value: 'apicurio',
-        label: 'apicurio'
-    },
-    {
-        value: 'apitable',
-        label: 'apitable'
-    },
-    {
-        value: 'apollographql',
-        label: 'apollographql'
-    },
-    {
-        value: 'aptos',
-        label: 'aptos'
-    }
-];
-const meta = {
-    title: 'Components/Combobox',
-    component: Combobox,
-    tags: [
-        'autodocs'
-    ],
-    parameters: {
-        layout: 'centered'
-    }
-};
-export default meta;
-export const Default = {
-    args: {},
-    render: ()=>{
-        const [value, setValue] = useState('');
-        return /*#__PURE__*/ _jsxs("div", {
-            className: "w-[80vw] md:w-500",
-            children: [
-                /*#__PURE__*/ _jsx(Label, {
-                    htmlFor: "combobox-default",
-                    children: "Search repositories"
-                }),
-                /*#__PURE__*/ _jsx(Combobox, {
-                    id: "combobox-default",
-                    options: sampleItems,
-                    value: value,
-                    onValueChange: setValue,
-                    placeholder: "Type to search...",
-                    searchPlaceholder: "Search repositories...",
-                    emptyState: "No repository found."
-                })
-            ]
-        });
-    }
-};
-export const EmptyState = {
-    args: {},
-    render: ()=>{
-        const [value, setValue] = useState('abcxyz');
-        return /*#__PURE__*/ _jsxs("div", {
-            className: "w-[80vw] md:w-500",
-            children: [
-                /*#__PURE__*/ _jsx(Label, {
-                    htmlFor: "combobox-empty",
-                    children: "No results"
-                }),
-                /*#__PURE__*/ _jsx(Combobox, {
-                    id: "combobox-empty",
-                    options: [],
-                    value: value,
-                    onValueChange: setValue,
-                    placeholder: "Type to search...",
-                    searchPlaceholder: "Search repositories...",
-                    emptyState: /*#__PURE__*/ _jsxs("p", {
-                        className: "px-4 whitespace-pre-wrap",
-                        children: [
-                            "Repository list is limited to 100.",
-                            ' ',
-                            /*#__PURE__*/ _jsx("a", {
-                                href: "https://support.example.com",
-                                target: "_blank",
-                                rel: "noopener noreferrer",
-                                className: "underline text-foreground-neutral-base",
-                                children: "Contact us"
-                            }),
-                            ' ',
-                            "for support."
-                        ]
-                    })
-                })
-            ]
-        });
-    }
-};
-export const LoadingState = {
-    args: {},
-    render: ()=>{
-        const [value, setValue] = useState('');
-        return /*#__PURE__*/ _jsxs("div", {
-            className: "w-[80vw] md:w-500",
-            children: [
-                /*#__PURE__*/ _jsx(Label, {
-                    htmlFor: "combobox-loading",
-                    children: "Loading"
-                }),
-                /*#__PURE__*/ _jsx(Combobox, {
-                    id: "combobox-loading",
-                    options: sampleItems,
-                    value: value,
-                    onValueChange: setValue,
-                    placeholder: "Type to search...",
-                    searchPlaceholder: "Search repositories...",
-                    isLoading: true
-                })
-            ]
-        });
-    }
-};
-export const DisabledState = {
-    args: {},
-    render: ()=>{
-        const [value, setValue] = useState('apache');
-        return /*#__PURE__*/ _jsxs("div", {
-            className: "w-[80vw] md:w-500",
-            children: [
-                /*#__PURE__*/ _jsx(Label, {
-                    htmlFor: "combobox-disabled",
-                    children: "Disabled"
-                }),
-                /*#__PURE__*/ _jsx(Combobox, {
-                    id: "combobox-disabled",
-                    options: sampleItems,
-                    value: value,
-                    onValueChange: setValue,
-                    disabled: true,
-                    placeholder: "Disabled input",
-                    searchPlaceholder: "Search repositories...",
-                    emptyState: "No results found"
-                })
-            ]
-        });
-    }
-};
-
-//# sourceMappingURL=combobox.stories.js.map