@djangocfg/widget-data 0.1.1

package/src/stories/_fixtures/fs.ts

@@ -0,0 +1,83 @@
+import { createDemoTree, type TreeNode } from '../../Tree';
+
+export interface FsNode {
+  name: string;
+  ext?: string;
+}
+
+export const FS_TREE: TreeNode<FsNode>[] = [
+  {
+    id: 'src',
+    data: { name: 'src' },
+    children: [
+      {
+        id: 'src/components',
+        data: { name: 'components' },
+        children: [
+          { id: 'src/components/Button.tsx', data: { name: 'Button.tsx', ext: 'tsx' } },
+          { id: 'src/components/Card.tsx', data: { name: 'Card.tsx', ext: 'tsx' } },
+          { id: 'src/components/Tree.tsx', data: { name: 'Tree.tsx', ext: 'tsx' } },
+        ],
+      },
+      {
+        id: 'src/hooks',
+        data: { name: 'hooks' },
+        children: [
+          { id: 'src/hooks/useDebounce.ts', data: { name: 'useDebounce.ts', ext: 'ts' } },
+          { id: 'src/hooks/useTheme.ts', data: { name: 'useTheme.ts', ext: 'ts' } },
+        ],
+      },
+      {
+        id: 'src/assets',
+        data: { name: 'assets' },
+        children: [
+          { id: 'src/assets/logo.svg', data: { name: 'logo.svg', ext: 'svg' } },
+          { id: 'src/assets/favicon.ico', data: { name: 'favicon.ico', ext: 'ico' } },
+        ],
+      },
+      { id: 'src/index.ts', data: { name: 'index.ts', ext: 'ts' } },
+    ],
+  },
+  {
+    id: 'public',
+    data: { name: 'public' },
+    children: [{ id: 'public/robots.txt', data: { name: 'robots.txt', ext: 'txt' } }],
+  },
+  { id: 'package.json', data: { name: 'package.json', ext: 'json' } },
+  { id: 'README.md', data: { name: 'README.md', ext: 'md' } },
+];
+
+/** File system with dot-files for the `WithHiddenFilter` story. */
+export const FS_TREE_WITH_HIDDEN: TreeNode<FsNode>[] = [
+  {
+    id: 'project',
+    data: { name: 'project' },
+    children: [
+      { id: '.env', data: { name: '.env' } },
+      { id: '.gitignore', data: { name: '.gitignore' } },
+      {
+        id: '.git',
+        data: { name: '.git' },
+        children: [
+          { id: '.git/HEAD', data: { name: 'HEAD' } },
+          { id: '.git/config', data: { name: 'config' } },
+        ],
+      },
+      { id: 'package.json', data: { name: 'package.json', ext: 'json' } },
+      { id: 'README.md', data: { name: 'README.md', ext: 'md' } },
+      {
+        id: 'src',
+        data: { name: 'src' },
+        children: [
+          { id: 'src/index.ts', data: { name: 'index.ts', ext: 'ts' } },
+        ],
+      },
+    ],
+  },
+];
+
+export const LARGE_TREE = createDemoTree({
+  depth: 4,
+  breadth: 4,
+  rootPrefix: 'group',
+});

package/src/stories/_fixtures/index.ts

@@ -0,0 +1,5 @@
+export * from './fs';
+export * from './org';
+export * from './categories';
+export * from './status';
+export * from './finder-store';

package/src/stories/_fixtures/org.ts

@@ -0,0 +1,46 @@
+import type { TreeNode } from '../../Tree';
+
+export interface Person {
+  name: string;
+  role: string;
+}
+
+export const ORG_TREE: TreeNode<Person>[] = [
+  {
+    id: 'ceo',
+    data: { name: 'Alex Morgan', role: 'CEO' },
+    children: [
+      {
+        id: 'cto',
+        data: { name: 'Priya Patel', role: 'CTO' },
+        children: [
+          {
+            id: 'eng-lead',
+            data: { name: 'Diego Ramos', role: 'Eng Lead' },
+            children: [
+              { id: 'eng-1', data: { name: 'Mei Chen', role: 'Frontend' } },
+              { id: 'eng-2', data: { name: 'Lukas Weber', role: 'Backend' } },
+              { id: 'eng-3', data: { name: 'Nina Kovac', role: 'DevOps' } },
+            ],
+          },
+          {
+            id: 'design-lead',
+            data: { name: 'Sara Lindqvist', role: 'Design Lead' },
+            children: [
+              { id: 'des-1', data: { name: 'Tomás Pinto', role: 'Product Designer' } },
+              { id: 'des-2', data: { name: 'Yuki Tanaka', role: 'Brand Designer' } },
+            ],
+          },
+        ],
+      },
+      {
+        id: 'cfo',
+        data: { name: 'Robert Hayes', role: 'CFO' },
+        children: [
+          { id: 'fin-1', data: { name: 'Anna Petrov', role: 'Controller' } },
+          { id: 'fin-2', data: { name: 'Hassan Ali', role: 'Analyst' } },
+        ],
+      },
+    ],
+  },
+];

package/src/stories/_fixtures/status.ts

@@ -0,0 +1,21 @@
+import type { TreeNode } from '../../Tree';
+
+export type Status = 'modified' | 'error' | 'clean';
+
+export interface StatusNode {
+  name: string;
+  status?: Status;
+}
+
+export const STATUS_TREE: TreeNode<StatusNode>[] = [
+  {
+    id: 'src',
+    data: { name: 'src' },
+    children: [
+      { id: 'a.ts', data: { name: 'a.ts', status: 'modified' } },
+      { id: 'b.ts', data: { name: 'b.ts', status: 'error' } },
+      { id: 'c.ts', data: { name: 'c.ts' } },
+      { id: 'd.ts', data: { name: 'd.ts (vendored)' }, disabled: true },
+    ],
+  },
+];

package/src/styles/index.css

@@ -0,0 +1,10 @@
+/**
+ * Tailwind v4 source detection.
+ *
+ * The components here are styled with utilities, and a host's Tailwind build
+ * does not scan `node_modules` by default — without this import the surfaces
+ * render unstyled. Import once, anywhere in the host's stylesheet:
+ *
+ *     @import "@djangocfg/widget-data/styles";
+ */
+@source "../**/*.{ts,tsx}";