matcha-components 1.0.7 → 1.0.14

package/src/lib/matcha-tree/tree.stories.ts

@@ -1,130 +0,0 @@
-import { applicationConfig, Meta, moduleMetadata, StoryObj } from '@storybook/angular';
-
-import { NgIf, NgFor, AsyncPipe, JsonPipe, DatePipe } from '@angular/common';
-import { CommonModule } from '@angular/common';
-
-import { provideAnimations } from '@angular/platform-browser/animations';
-
-import { MatIconModule } from '@angular/material/icon';
-import { MatButtonModule } from '@angular/material/button';
-import { MatTreeFlatDataSource, MatTreeFlattener, MatTreeModule } from '@angular/material/tree';
-import { FlatTreeControl } from '@angular/cdk/tree';
-
-import { treeArgtypes } from './tree.argtypes';
-import { MatchaTreeDirective } from './tree.directive';
-
-/**
- * Food data with nested structure.
- * Each node has a name and an optional list of children.
- */
-interface FoodNode {
-    name: string;
-    children?: FoodNode[];
-}
-
-const TREE_DATA: FoodNode[] = [
-    {
-        name: 'Fruit',
-        children: [{ name: 'Apple' }, { name: 'Banana' }, { name: 'Fruit loops' }],
-    },
-    {
-        name: 'Vegetables',
-        children: [
-            {
-                name: 'Green',
-                children: [{ name: 'Broccoli' }, { name: 'Brussels sprouts' }],
-            },
-            {
-                name: 'Orange',
-                children: [{ name: 'Pumpkins' }, { name: 'Carrots' }],
-            },
-        ],
-    },
-];
-
-/** Flat node with expandable and level information */
-interface ExampleFlatNode {
-    expandable: boolean;
-    name: string;
-    level: number;
-}
-
-/**
- * @title Tree with flat nodes
- */
-let transformer = (node: FoodNode, level: number) => {
-    return {
-        expandable: !!node.children && node.children.length > 0,
-        name: node.name,
-        level: level,
-    };
-};
-
-let treeControl = new FlatTreeControl<ExampleFlatNode>(
-    (node) => node.level,
-    (node) => node.expandable
-);
-
-let treeFlattener = new MatTreeFlattener(
-    transformer,
-    (node) => node.level,
-    (node) => node.expandable,
-    (node) => node.children
-);
-
-let dataSource = new MatTreeFlatDataSource(treeControl, treeFlattener);
-
-dataSource.data = TREE_DATA;
-
-const hasChild = (_: number, node: ExampleFlatNode) => node.expandable;
-
-export default {
-    title: 'Atoms / Tree',
-    decorators: [
-        applicationConfig({
-            providers: [provideAnimations()],
-        }),
-
-        moduleMetadata({
-            imports: [CommonModule, MatTreeModule, NgIf, JsonPipe, NgFor, AsyncPipe, DatePipe, MatIconModule, MatButtonModule],
-            declarations: [MatchaTreeDirective],
-        }),
-    ],
-    args: {},
-    argTypes: treeArgtypes,
-    parameters: {
-        controls: { expanded: true },
-    },
-} as Meta;
-
-export const TreeOverview: StoryObj = {
-    render: (args) => ({
-        props: {
-            ...args,
-            dataSource,
-            treeControl,
-            treeFlattener,
-            transformer,
-            hasChild,
-        },
-        template: `
-        <mat-tree [dataSource]="dataSource" [treeControl]="treeControl">
-            <!-- This is the tree node template for leaf nodes -->
-            <mat-tree-node *matTreeNodeDef="let node" matTreeNodePadding>
-                <!-- use a disabled button to provide padding for tree leaf -->
-                <button mat-icon-button disabled></button>
-                {{node.name}}
-            </mat-tree-node>
-            <!-- This is the tree node template for expandable nodes -->
-            <mat-tree-node *matTreeNodeDef="let node;when: hasChild" matTreeNodePadding>
-                <button mat-icon-button matTreeNodeToggle
-                        [attr.aria-label]="'Toggle ' + node.name">
-                        <span class="{{treeControl.isExpanded(node) ? 'i-matcha-chevron-down' : 'i-matcha-chevron-right'}}"></span>
-                </button>
-                {{node.name}}
-            </mat-tree-node>
-        </mat-tree>
-        `,
-    }),
-    name: 'Tree Overview',
-};

package/tsconfig.lib.json

@@ -1,18 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/lib",
-    "declaration": true,
-    "declarationMap": true,
-    "inlineSources": true,
-    "types": []
-  },
-  "include": [
-    "**/**/**/*.stories.ts",
-    "projects/matcha-components/src/lib/**/*.stories.ts"
-  ],
-  "exclude": [
-    "**/*.spec.ts"
-  ]
-}

package/tsconfig.lib.prod.json

@@ -1,10 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "./tsconfig.lib.json",
-  "compilerOptions": {
-    "declarationMap": false
-  },
-  "angularCompilerOptions": {
-    "compilationMode": "partial"
-  }
-}

package/tsconfig.spec.json

@@ -1,14 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/spec",
-    "types": [
-      "jasmine"
-    ]
-  },
-  "include": [
-    "**/*.spec.ts",
-    "**/*.d.ts"
-  ]
-}