@sarasanalytics-com/design-system 0.0.43 → 0.0.45

package/src/stories/tabs.stories.ts

@@ -1,97 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { argsToTemplate } from '@storybook/angular';
-import { TabsComponent } from '../../projects/component-library/src/lib/tabs/tabs.component';
-import { TabInterface } from '../../projects/component-library/src/interfaces/tab-interface';
-
-const meta: Meta<TabsComponent> = {
-    title: 'Tabs',
-    component: TabsComponent,
-    tags: ['autodocs'],
-    argTypes: {
-        tabs: {
-            description: [
-                "array of `TabInterface` objects. Each one to configure one tab."
-            ].join(" ")
-        },
-        type: {
-            options: ['inline', 'box'],
-            control: { type: 'radio' }
-        },
-        tabChanged: {
-            action: "tabChanged"
-        }
-    },
-    render: (args) => ({
-        props: {
-            ...args,
-        },
-        template: `<sa-tabs ${argsToTemplate(args)}></sa-tabs>`
-    }),
-};
-
-export default meta;
-type Story = StoryObj<TabsComponent>;
-
-const tabs: TabInterface[] = [
-    {
-        tabName: "Tab 1",
-        tabIcon: "../assets/sourcesOutlined.svg",
-        iconPosition: "left",
-        badgeContent: "3 new",
-    },
-    {
-        tabName: "Tab 2",
-        tabIcon: "../assets/gridViewOutlined.svg",
-        iconPosition: "left",
-        badgeContent: "9 new",
-    },
-    {
-        tabName: "Tab 3",
-        tabIcon: "../assets/infoTriangleFilled.svg",
-        iconPosition: "left",
-        badgeContent: "17 new",
-    },
-    {
-        tabName: "Tab 4",
-        tabIcon: "../assets/personOutlined.svg",
-        iconPosition: "left",
-    },
-    {
-        tabName: "Tab 5",
-        tabIcon: "../assets/mailOutlined.svg",
-        badgeContent: "6 new",
-        iconPosition: "left",
-    }
-];
-
-export const Inline_tabs_default: Story = {
-    args: {
-        tabs: tabs,
-        type: "inline",
-        defaultTab: -1,
-    }
-};
-
-export const inline_tabs_selected: Story = {
-    args: {
-        tabs: tabs,
-        defaultTab: 2,
-        type: "inline"
-    }
-};
-
-export const box_tabs_default: Story = {
-    args: {
-        tabs: tabs,
-        type: "box"
-    }
-};
-
-export const box_tabs_selected: Story = {
-    args: {
-        tabs: tabs,
-        defaultTab: 2,
-        type: "box"
-    }
-};
-

package/src/stories/toast.stories.ts

@@ -1,74 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { argsToTemplate, moduleMetadata } from '@storybook/angular';
-import { ToastComponent } from '../../projects/component-library/src/lib/toast/toast.component';
-import { HttpClientModule } from '@angular/common/http';
-import { IconService } from '../../projects/component-library/src/lib/icon/icon.service';
-
-const meta: Meta<ToastComponent> = {
-    title: 'Toast',
-    component: ToastComponent,
-    tags: ['autodocs'],
-    decorators: [
-        moduleMetadata({
-            imports: [HttpClientModule],
-            providers: [IconService],
-        }),
-    ],
-    argTypes: {
-        firstButton: {
-            action: "firstButton"
-        },
-        secondButton: {
-            action: "secondButton"
-        },
-        status: {
-            options: ['success', 'failure', 'caution'],
-            control: { type: 'radio' },
-        },
-        closed: {
-            action: "closed"
-        },
-        finishPercentage: {
-            control: {
-                type: 'range',
-                min: -10,
-                max: 100,
-                step: 1,
-            }
-        },
-        width: {
-            control: { type: 'text' }
-        },
-        closable: {
-            control: { type: 'boolean' }
-        },
-        filled: {
-            control: { type: 'boolean' }
-        }
-    },
-    render: (args) => ({
-        props: {
-            ...args,
-            toastEvent: args.toastEvent,
-        },
-        template: `<sa-toast ${argsToTemplate(args)}></sa-toast>`
-    }),
-};
-
-export default meta;
-type Story = StoryObj<ToastComponent>;
-
-export const DefaultToast: Story = {
-    args: {
-        heading: 'Heading',
-        subHeading: 'Subheading text',
-        status: 'success',
-        statusIcon: "../assets/infoTriangleOutlined",
-        closable: false,
-        filled: true,
-        width: '',
-        finishPercentage: 30,
-        firstButtonName: "Button",
-        secondButtonName: "Button",
-    }
-};

package/src/stories/tool-tip.stories.ts

@@ -1,45 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { argsToTemplate } from '@storybook/angular';
-import { ToolTipComponent } from '../../projects/component-library/src/public-api';
-
-
-const meta: Meta<ToolTipComponent> = {
-    title: 'ToolTip',
-    component: ToolTipComponent,
-    tags: ['autodocs'],
-    argTypes: {
-        pointerPosition: {
-            options: ['left', 'right', 'top', 'bottom'],
-            control: { type: 'radio' }
-        },
-        toolTipSeen: {
-            action: "toolTipSeen"
-        },
-        toolTipSkipped: {
-            action: "toolTipSkipped"
-        }
-    },
-    render: (args) => ({
-        props: {
-            ...args,
-        },
-        template: `<sa-tool-tip ${argsToTemplate(args)}></sa-tool-tip>`
-    }),
-};
-
-export default meta;
-type Story = StoryObj<ToolTipComponent>;
-
-const messages: string[] = [
-    "This first line can act as the subheading of this onboarding tooltip",
-    "This second line can act as the subheading of this onboarding tooltip",
-    "This third line can act as the subheading of this onboarding tooltip",
-    "This fourth line can act as the subheading of this onboarding tooltip",
-]
-
-export const toolTip: Story = {
-    args: {
-        pointerPosition: 'left',
-        messages: messages,
-    }
-};

package/src/svg.d.ts

@@ -1 +0,0 @@
-declare module '*.svg';

package/tsconfig.app.json

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

package/tsconfig.json

@@ -1,42 +0,0 @@
-{
-  "compileOnSave": false,
-  "compilerOptions": {
-    "outDir": "./dist/out-tsc",
-    "forceConsistentCasingInFileNames": true,
-    "strictPropertyInitialization": false,
-    "strict": false,
-    "noImplicitOverride": true,
-    "noPropertyAccessFromIndexSignature": true,
-    "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "sourceMap": true,
-    "declaration": false,
-    "experimentalDecorators": true,
-    "moduleResolution": "node",
-    "importHelpers": true,
-    "target": "ES2022",
-    "module": "ES2022",
-    "useDefineForClassFields": false,
-    "paths": {
-      "component-library": [
-        "./dist/component-library"
-      ]
-    },
-    "lib": [
-      "ES2022",
-      "dom"
-    ],
-  },
-  "include": [
-		"**/*.ts", "generate-public-api.js",
-	],
-  "angularCompilerOptions": {
-    "enableI18nLegacyMessageIdFormat": false,
-    "strictInjectionParameters": true,
-    "strictInputAccessModifiers": true,
-    "strictTemplates": true,
-    "strictNullInputTypes": false,    // don't think should be doing this
-  }
-}

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": [
-    "src/**/*.spec.ts",
-    "src/**/*.d.ts"
-  ]
-}