@3ddv/software-division-components 1.0.0-alpha.1

package/src/lib/dvm/popover/popover.stories.ts

@@ -0,0 +1,31 @@
+import type { Meta, StoryObj } from '@storybook/angular';
+import { PopoverComponent } from './popover.component';
+
+const meta: Meta<PopoverComponent> = {
+  title: 'Dvm/Popover',
+  component: PopoverComponent,
+  id: 'Popover',
+};
+
+export default meta;
+
+type Story = StoryObj<PopoverComponent>;
+
+export const Primary: Story = {
+  args: {
+    label: 'Primary Button',
+    icon: 'pi pi-check',
+    type: 'button',
+    iconPos: 'left',
+    disabled: false,
+    loading: false,
+    severity: 'primary',
+    rounded: false,
+    raised: true,
+    outlined: false,
+    link: false,
+    size: undefined,
+    ariaLabel: 'Primary button',
+    style: { 'margin-right': '10px' },
+  },
+};

package/src/lib/dvm/popover/public-api.ts

@@ -0,0 +1,6 @@
+/*
+ * Public API Surface of software-division-components
+ */
+
+export * from './popover.component';
+export * from './popover.service';

package/src/lib/dvm/stepper/index.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/src/lib/dvm/stepper/package.json

@@ -0,0 +1,5 @@
+{
+  "ngPackage": {
+    "entryFile": "public_api.ts"
+  }
+}

package/src/lib/dvm/stepper/public-api.ts

@@ -0,0 +1,6 @@
+/*
+ * Public API Surface of software-division-components
+ */
+
+export * from './stepper.component';
+export * from './stepper.service';

package/src/lib/dvm/stepper/stepper.component.html

@@ -0,0 +1,24 @@
+<p-button
+  [label]="label"
+  [icon]="icon"
+  [type]="type"
+  [loading]="loading"
+  [iconPos]="iconPos"
+  [disabled]="disabled"
+  [severity]="severity"
+  [rounded]="rounded"
+  [raised]="raised"
+  [link]="link"
+  [size]="size"
+  [badge]="badge"
+  [plain]="plain"
+  [text]="text"
+  [style]="style"
+  [outlined]="outlined"
+  [ariaLabel]="ariaLabel"
+  [styleClass]="styleClass"
+  [badgeClass]="badgeClass"
+  [loadingIcon]="loadingIcon"
+  (onClick)="onClick.emit($event)"
+  (onFocus)="onFocus.emit($event)"
+  (onBlur)="onBlur.emit($event)" />

package/src/lib/dvm/stepper/stepper.component.ts

@@ -0,0 +1,14 @@
+import { Component } from '@angular/core';
+import { Button, ButtonModule } from 'primeng/button';
+
+@Component({
+  selector: 'sdc-stepper',
+  standalone: true,
+  imports: [ButtonModule],
+  templateUrl: './stepper.component.html',
+})
+export class StepperComponent extends Button {
+  constructor() {
+    super();
+  }
+}

package/src/lib/dvm/stepper/stepper.service.ts

@@ -0,0 +1,8 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class StepperService {
+  constructor() {}
+}

package/src/lib/dvm/stepper/stepper.stories.ts

@@ -0,0 +1,31 @@
+import type { Meta, StoryObj } from '@storybook/angular';
+import { StepperComponent } from './stepper.component';
+
+const meta: Meta<StepperComponent> = {
+  title: 'Dvm/Stepper',
+  component: StepperComponent,
+  id: 'Stepper',
+};
+
+export default meta;
+
+type Story = StoryObj<StepperComponent>;
+
+export const Primary: Story = {
+  args: {
+    label: 'Primary Button',
+    icon: 'pi pi-check',
+    type: 'button',
+    iconPos: 'left',
+    disabled: false,
+    loading: false,
+    severity: 'primary',
+    rounded: false,
+    raised: true,
+    outlined: false,
+    link: false,
+    size: undefined,
+    ariaLabel: 'Primary button',
+    style: { 'margin-right': '10px' },
+  },
+};

package/src/lib/dvm/ticket-info-item/index.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/src/lib/dvm/ticket-info-item/package.json

@@ -0,0 +1,5 @@
+{
+  "ngPackage": {
+    "entryFile": "public_api.ts"
+  }
+}

package/src/lib/dvm/ticket-info-item/public-api.ts

@@ -0,0 +1,6 @@
+/*
+ * Public API Surface of software-division-components
+ */
+
+export * from './popover.component';
+export * from './popover.service';

package/src/lib/dvm/ticket-info-item/ticket-info-item.component.html

@@ -0,0 +1,24 @@
+<p-button
+  [label]="label"
+  [icon]="icon"
+  [type]="type"
+  [loading]="loading"
+  [iconPos]="iconPos"
+  [disabled]="disabled"
+  [severity]="severity"
+  [rounded]="rounded"
+  [raised]="raised"
+  [link]="link"
+  [size]="size"
+  [badge]="badge"
+  [plain]="plain"
+  [text]="text"
+  [style]="style"
+  [outlined]="outlined"
+  [ariaLabel]="ariaLabel"
+  [styleClass]="styleClass"
+  [badgeClass]="badgeClass"
+  [loadingIcon]="loadingIcon"
+  (onClick)="onClick.emit($event)"
+  (onFocus)="onFocus.emit($event)"
+  (onBlur)="onBlur.emit($event)" />

package/src/lib/dvm/ticket-info-item/ticket-info-item.component.ts

@@ -0,0 +1,14 @@
+import { Component } from '@angular/core';
+import { Button, ButtonModule } from 'primeng/button';
+
+@Component({
+  selector: 'sdc-ticket-info-item',
+  standalone: true,
+  imports: [ButtonModule],
+  templateUrl: './ticket-info-item.component.html',
+})
+export class TicketInfoItemComponent extends Button {
+  constructor() {
+    super();
+  }
+}

package/src/lib/dvm/ticket-info-item/ticket-info-item.service.ts

@@ -0,0 +1,8 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class TicketInfoItemService {
+  constructor() {}
+}

package/src/lib/dvm/ticket-info-item/ticket-info-item.stories.ts

@@ -0,0 +1,31 @@
+import type { Meta, StoryObj } from '@storybook/angular';
+import { TicketInfoItemComponent } from './ticket-info-item.component';
+
+const meta: Meta<TicketInfoItemComponent> = {
+  title: 'Dvm/TicketInfoItem',
+  component: TicketInfoItemComponent,
+  id: 'TicketInfoItem',
+};
+
+export default meta;
+
+type Story = StoryObj<TicketInfoItemComponent>;
+
+export const Primary: Story = {
+  args: {
+    label: 'Primary Button',
+    icon: 'pi pi-check',
+    type: 'button',
+    iconPos: 'left',
+    disabled: false,
+    loading: false,
+    severity: 'primary',
+    rounded: false,
+    raised: true,
+    outlined: false,
+    link: false,
+    size: undefined,
+    ariaLabel: 'Primary button',
+    style: { 'margin-right': '10px' },
+  },
+};

package/src/lib/generic/button/button.component.html

@@ -0,0 +1,25 @@
+<p-button
+  [pTooltip]="tooltip"
+  [label]="label"
+  [icon]="icon"
+  [type]="type"
+  [loading]="loading"
+  [iconPos]="iconPos"
+  [disabled]="disabled"
+  [severity]="severity"
+  [rounded]="rounded"
+  [raised]="raised"
+  [link]="link"
+  [size]="size"
+  [badge]="badge"
+  [plain]="plain"
+  [text]="text"
+  [style]="style"
+  [outlined]="outlined"
+  [ariaLabel]="ariaLabel"
+  [styleClass]="styleClass"
+  [badgeClass]="badgeClass"
+  [loadingIcon]="loadingIcon"
+  (onClick)="onClick.emit($event)"
+  (onFocus)="onFocus.emit($event)"
+  (onBlur)="onBlur.emit($event)" />

package/src/lib/generic/button/button.component.scss

@@ -0,0 +1,5 @@
+.p-button {
+  height: fit-content;
+  width: fit-content;
+  padding: 0px;
+}

package/src/lib/generic/button/button.component.ts

@@ -0,0 +1,25 @@
+import { Component, Input } from '@angular/core';
+import { Button, ButtonModule } from 'primeng/button';
+import { TooltipModule } from 'primeng/tooltip';
+
+/**
+ * Button component
+ *
+ * @export
+ * @class ButtonComponent
+ * @extends {Button}
+ */
+@Component({
+  selector: 'sdc-button',
+  standalone: true,
+  imports: [ButtonModule, TooltipModule],
+  templateUrl: './button.component.html',
+  styleUrls: ['./button.component.scss'],
+})
+export class ButtonComponent extends Button {
+  @Input() tooltip: string = '';
+
+  constructor() {
+    super();
+  }
+}

package/src/lib/generic/button/button.service.ts

@@ -0,0 +1,8 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class ButtonService {
+  constructor() {}
+}

package/src/lib/generic/button/button.stories.ts

@@ -0,0 +1,117 @@
+import type { Meta, StoryObj } from '@storybook/angular';
+import { ButtonComponent } from './button.component';
+
+const meta: Meta<ButtonComponent> = {
+  title: 'Generic/Button',
+  component: ButtonComponent,
+  id: 'Button',
+  argTypes: {
+    label: { control: 'text', description: 'Label of the button' },
+    icon: { control: 'text', description: 'Icon displayed on the button' },
+    type: { control: 'text', description: 'Type of the button' },
+    iconPos: {
+      control: 'radio',
+      options: ['left', 'right'],
+      description: 'Position of the icon',
+    },
+    disabled: { control: 'boolean', description: 'Disables the button' },
+    loading: { control: 'boolean', description: 'Displays a loading state' },
+    severity: {
+      control: 'select',
+      options: ['primary', 'secondary', 'success', 'info', 'warn', 'danger', 'help', 'contrast'],
+      description: 'Style severity of the button',
+    },
+    rounded: { control: 'boolean', description: 'Applies rounded border radius' },
+    raised: { control: 'boolean', description: 'Adds a shadow to indicate elevation' },
+    outlined: { control: 'boolean', description: 'Adds an outlined border' },
+    link: { control: 'boolean', description: 'Displays the button as a link' },
+    size: {
+      control: 'radio',
+      options: ['small', 'normal', 'large'],
+      description: 'Size of the button',
+    },
+    badge: { control: 'text', description: 'Value of the badge' },
+    ariaLabel: { control: 'text', description: 'Aria label for accessibility' },
+    style: { control: 'object', description: 'Inline styles for the button' },
+    tooltip: { control: 'text', description: 'Tooltip for the button' },
+    onClick: { action: 'clicked', description: 'Emits when button is clicked' },
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<ButtonComponent>;
+
+export const Primary: Story = {
+  args: {
+    label: 'Primary Button',
+    icon: 'pi pi-check',
+    type: 'button',
+    iconPos: 'left',
+    disabled: false,
+    loading: false,
+    severity: 'primary',
+    rounded: false,
+    raised: true,
+    outlined: false,
+    link: false,
+    size: undefined,
+    ariaLabel: 'Primary button',
+    style: { 'margin-right': '10px' },
+    tooltip: 'description here',
+  },
+};
+
+export const Disabled: Story = {
+  args: {
+    label: 'Disabled Button',
+    disabled: true,
+    severity: 'secondary',
+    tooltip: 'description here',
+  },
+};
+
+export const Loading: Story = {
+  args: {
+    label: 'Loading Button',
+    loading: true,
+    severity: 'info',
+    tooltip: 'description here',
+  },
+};
+
+export const Rounded: Story = {
+  args: {
+    label: 'Rounded Button',
+    rounded: true,
+    severity: 'success',
+    icon: 'pi pi-user',
+    tooltip: 'description here',
+  },
+};
+
+export const Outlined: Story = {
+  args: {
+    label: 'Outlined Button',
+    outlined: true,
+    severity: 'danger',
+    tooltip: 'description here',
+  },
+};
+
+export const Link: Story = {
+  args: {
+    label: 'Link Button',
+    link: true,
+    severity: 'help',
+    tooltip: 'description here',
+  },
+};
+
+export const Action: Story = {
+  args: {
+    rounded: true,
+    icon: 'pi pi-bookmark',
+    tooltip: 'description here',
+  },
+};

package/src/lib/generic/button/index.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/src/lib/generic/button/package.json

@@ -0,0 +1,5 @@
+{
+  "ngPackage": {
+    "entryFile": "public_api.ts"
+  }
+}

package/src/lib/generic/button/public-api.ts

@@ -0,0 +1,6 @@
+/*
+ * Public API Surface of software-division-components
+ */
+
+export * from './button.component';
+export * from './button.service';

package/src/lib/generic/drawer/drawer.component.html

@@ -0,0 +1,24 @@
+<p-button
+  [label]="label"
+  [icon]="icon"
+  [type]="type"
+  [loading]="loading"
+  [iconPos]="iconPos"
+  [disabled]="disabled"
+  [severity]="severity"
+  [rounded]="rounded"
+  [raised]="raised"
+  [link]="link"
+  [size]="size"
+  [badge]="badge"
+  [plain]="plain"
+  [text]="text"
+  [style]="style"
+  [outlined]="outlined"
+  [ariaLabel]="ariaLabel"
+  [styleClass]="styleClass"
+  [badgeClass]="badgeClass"
+  [loadingIcon]="loadingIcon"
+  (onClick)="onClick.emit($event)"
+  (onFocus)="onFocus.emit($event)"
+  (onBlur)="onBlur.emit($event)" />

package/src/lib/generic/drawer/drawer.component.ts

@@ -0,0 +1,14 @@
+import { Component } from '@angular/core';
+import { Button, ButtonModule } from 'primeng/button';
+
+@Component({
+  selector: 'sdc-drawer',
+  standalone: true,
+  imports: [ButtonModule],
+  templateUrl: './drawer.component.html',
+})
+export class DrawerComponent extends Button {
+  constructor() {
+    super();
+  }
+}

package/src/lib/generic/drawer/drawer.service.ts

@@ -0,0 +1,8 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class DrawerService {
+  constructor() {}
+}

package/src/lib/generic/drawer/drawer.stories.ts

@@ -0,0 +1,31 @@
+import type { Meta, StoryObj } from '@storybook/angular';
+import { DrawerComponent } from './drawer.component';
+
+const meta: Meta<DrawerComponent> = {
+  title: 'Generic/Drawer',
+  component: DrawerComponent,
+  id: 'Drawer',
+};
+
+export default meta;
+
+type Story = StoryObj<DrawerComponent>;
+
+export const Primary: Story = {
+  args: {
+    label: 'Primary Button',
+    icon: 'pi pi-check',
+    type: 'button',
+    iconPos: 'left',
+    disabled: false,
+    loading: false,
+    severity: 'primary',
+    rounded: false,
+    raised: true,
+    outlined: false,
+    link: false,
+    size: undefined,
+    ariaLabel: 'Primary button',
+    style: { 'margin-right': '10px' },
+  },
+};

package/src/lib/generic/drawer/index.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/src/lib/generic/drawer/package.json

@@ -0,0 +1,5 @@
+{
+  "ngPackage": {
+    "entryFile": "public_api.ts"
+  }
+}

package/src/lib/generic/drawer/public-api.ts

@@ -0,0 +1,6 @@
+/*
+ * Public API Surface of software-division-components
+ */
+
+export * from './drawer.component';
+export * from './drawer.service';

package/src/lib/generic/modal/index.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/src/lib/generic/modal/modal.component.html

@@ -0,0 +1,24 @@
+<p-button
+  [label]="label"
+  [icon]="icon"
+  [type]="type"
+  [loading]="loading"
+  [iconPos]="iconPos"
+  [disabled]="disabled"
+  [severity]="severity"
+  [rounded]="rounded"
+  [raised]="raised"
+  [link]="link"
+  [size]="size"
+  [badge]="badge"
+  [plain]="plain"
+  [text]="text"
+  [style]="style"
+  [outlined]="outlined"
+  [ariaLabel]="ariaLabel"
+  [styleClass]="styleClass"
+  [badgeClass]="badgeClass"
+  [loadingIcon]="loadingIcon"
+  (onClick)="onClick.emit($event)"
+  (onFocus)="onFocus.emit($event)"
+  (onBlur)="onBlur.emit($event)" />

package/src/lib/generic/modal/modal.component.ts

@@ -0,0 +1,14 @@
+import { Component } from '@angular/core';
+import { Button, ButtonModule } from 'primeng/button';
+
+@Component({
+  selector: 'sdc-drawer',
+  standalone: true,
+  imports: [ButtonModule],
+  templateUrl: './modal.component.html',
+})
+export class ModalComponent extends Button {
+  constructor() {
+    super();
+  }
+}

package/src/lib/generic/modal/modal.service.ts

@@ -0,0 +1,8 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class PopoverService {
+  constructor() {}
+}

package/src/lib/generic/modal/modal.stories.ts

@@ -0,0 +1,31 @@
+import type { Meta, StoryObj } from '@storybook/angular';
+import { ModalComponent } from './modal.component';
+
+const meta: Meta<ModalComponent> = {
+  title: 'Generic/Modal',
+  component: ModalComponent,
+  id: 'Modal',
+};
+
+export default meta;
+
+type Story = StoryObj<ModalComponent>;
+
+export const Primary: Story = {
+  args: {
+    label: 'Primary Button',
+    icon: 'pi pi-check',
+    type: 'button',
+    iconPos: 'left',
+    disabled: false,
+    loading: false,
+    severity: 'primary',
+    rounded: false,
+    raised: true,
+    outlined: false,
+    link: false,
+    size: undefined,
+    ariaLabel: 'Primary button',
+    style: { 'margin-right': '10px' },
+  },
+};

package/src/lib/generic/modal/package.json

@@ -0,0 +1,5 @@
+{
+  "ngPackage": {
+    "entryFile": "public_api.ts"
+  }
+}

package/src/lib/generic/modal/public-api.ts

@@ -0,0 +1,6 @@
+/*
+ * Public API Surface of software-division-components
+ */
+
+export * from './modal.component';
+export * from './modal.service';

package/src/public-api.ts

@@ -0,0 +1,3 @@
+export * from './lib/backoffice/table';
+export * from './lib/dvm/legend';
+export * from './lib/generic/button';

package/src/stories/.eslintrc.json

@@ -0,0 +1,5 @@
+{
+  "rules": {
+    "@typescript-eslint/consistent-type-imports": ["error", { "disallowTypeAnnotations": false }]
+  }
+}