@3ddv/software-division-components 1.3.0 → 1.4.0

package/package.json

@@ -1,195 +1,145 @@
 {
   "name": "@3ddv/software-division-components",
-  "version": "1.3.0",
-  "main": "./fesm2022/3ddv-software-division-components.mjs",
-  "module": "fesm2022/3ddv-software-division-components.mjs",
-  "typings": "index.d.ts",
+  "version": "1.4.0",
+  "author": {
+    "name": "Victor Martin"
+  },
   "type": "module",
-  "gitHead": "939d597089ee4df331c17e50ad652bd48e2a941d",
-  "exports": {
-    ".": {
-      "types": "./index.d.ts",
-      "default": "./fesm2022/3ddv-software-division-components.mjs"
-    },
-    "./styles.css": {
-      "style": "./styles.css",
-      "import": "./styles.css",
-      "require": "./styles.css",
-      "browser": "./styles.css",
-      "default": "./styles.css",
-      "less": "./styles.css",
-      "production": "./styles.css",
-      "sass": "./styles.css"
-    },
-    "./styles": {
-      "style": "./styles.css",
-      "import": "./styles.css",
-      "require": "./styles.css",
-      "browser": "./styles.css",
-      "default": "./styles.css",
-      "less": "./styles.css",
-      "production": "./styles.css",
-      "sass": "./styles.css"
-    },
-    "./*": {
-      "import": "./fesm2022/*.js",
-      "require": "./fesm2022/*.cjs"
-    },
-    "./**/*": {
-      "import": "./fesm2022/**/*.mjs",
-      "require": "./fesm2022/**/*.cjs"
-    },
-    "./dvm": {
-      "types": "./dvm/index.d.ts",
-      "default": "./fesm2022/dvm/index.mjs"
-    },
-    "./backoffice": {
-      "types": "./backoffice/index.d.ts",
-      "default": "./fesm2022/backoffice/index.mjs"
-    },
-    "./generic": {
-      "types": "./generic/index.d.ts",
-      "default": "./fesm2022/generic/index.mjs"
-    },
-    "./utils": {
-      "types": "./utils/index.d.ts",
-      "default": "./fesm2022/utils/index.mjs"
-    },
-    "./utils/validate-styles-for-component": {
-      "types": "./utils/validate-styles-for-component.d.ts",
-      "default": "./fesm2022/utils/validate-styles-for-component.mjs"
-    },
-    "./shared": {
-      "types": "./shared/index.d.ts",
-      "default": "./fesm2022/shared/index.mjs"
-    },
-    "./backoffice/checkbox": {
-      "types": "./backoffice/checkbox/index.d.ts",
-      "default": "./fesm2022/backoffice/checkbox/index.mjs"
-    },
-    "./backoffice/datepicker": {
-      "types": "./backoffice/datepicker/index.d.ts",
-      "default": "./fesm2022/backoffice/datepicker/index.mjs"
-    },
-    "./backoffice/input": {
-      "types": "./backoffice/input/index.d.ts",
-      "default": "./fesm2022/backoffice/input/index.mjs"
-    },
-    "./backoffice/radio": {
-      "types": "./backoffice/radio/index.d.ts",
-      "default": "./fesm2022/backoffice/radio/index.mjs"
-    },
-    "./generic/select": {
-      "types": "./generic/select/index.d.ts",
-      "default": "./esm2022/generic/select/index.mjs"
-    },
-    "./backoffice/table": {
-      "types": "./backoffice/table/index.d.ts",
-      "default": "./fesm2022/backoffice/table/index.mjs"
-    },
-    "./dvm/cart-item": {
-      "types": "./dvm/cart-item/index.d.ts",
-      "default": "./fesm2022/dvm/cart-item/index.mjs"
-    },
-    "./dvm/cart": {
-      "types": "./dvm/cart/index.d.ts",
-      "default": "./fesm2022/dvm/cart/index.mjs"
+  "contributors": [
+    {
+      "name": "Gabriel Ceron"
     },
-    "./dvm/legend": {
-      "types": "./dvm/legend/index.d.ts",
-      "default": "./fesm2022/dvm/legend/index.mjs"
+    {
+      "name": "Oscar Paricio"
     },
-    "./dvm/loader": {
-      "types": "./dvm/loader/index.d.ts",
-      "default": "./fesm2022/dvm/loader/index.mjs"
+    {
+      "name": "Victor Martin"
     },
-    "./dvm/neighbors": {
-      "types": "./dvm/neighbors/index.d.ts",
-      "default": "./fesm2022/dvm/neighbors/index.mjs"
+    {
+      "name": "Jonathan Alvarado"
     },
-    "./dvm/popover": {
-      "types": "./dvm/popover/index.d.ts",
-      "default": "./fesm2022/dvm/popover/index.mjs"
-    },
-    "./dvm/stepper": {
-      "types": "./dvm/stepper/index.d.ts",
-      "default": "./fesm2022/dvm/stepper/index.mjs"
-    },
-    "./dvm/map-loader": {
-      "types": "./dvm/map-loader/index.d.ts",
-      "default": "./fesm2022/dvm/map-loader/index.mjs"
-    },
-    "./dvm/ticket-info-item": {
-      "types": "./dvm/ticket-info-item/index.d.ts",
-      "default": "./fesm2022/dvm/ticket-info-item/index.mjs"
-    },
-    "./generic/add-digital-wallet": {
-      "types": "./generic/add-digital-wallet/index.d.ts",
-      "default": "./fesm2022/generic/add-digital-wallet/index.mjs"
-    },
-    "./generic/braintree": {
-      "types": "./generic/braintree/index.d.ts",
-      "default": "./fesm2022/generic/braintree/index.mjs"
-    },
-    "./generic/button": {
-      "types": "./generic/button/index.d.ts",
-      "default": "./fesm2022/generic/button/index.mjs"
-    },
-    "./generic/dialog": {
-      "types": "./generic/dialog/index.d.ts",
-      "default": "./fesm2022/generic/dialog/index.mjs"
-    },
-    "./generic/drawer": {
-      "types": "./generic/drawer/index.d.ts",
-      "default": "./fesm2022/generic/drawer/index.mjs"
-    },
-    "./generic/icon": {
-      "types": "./generic/icon/index.d.ts",
-      "default": "./fesm2022/generic/icon/index.mjs"
-    },
-    "./package.json": {
-      "default": "./package.json"
+    {
+      "name": "Luis Moreno"
     }
+  ],
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
   },
-  "publishConfig": {
-    "directory": "../../dist",
-    "linkDirectory": false,
-    "access": "public"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://bitbucket.org/mmc-istari/ticketing-598-software-division-components-npm",
-    "directory": "projects/software-division-components/src"
-  },
-  "bugs": {
-    "url": "https://mmcbcn.atlassian.net/browse/TICKETING-908"
-  },
-  "peerDependencies": {
-    "@3ddv/dvm-internal": "^2.7.4",
-    "@3ddv/ngx-dvm-internal": "^4.2.4",
-    "@angular/animations": "^19.2.0",
-    "@angular/cdk": "^19.2.0",
-    "@angular/common": "^19.2.0",
-    "@angular/compiler": "^19.2.0",
-    "@angular/core": "^19.2.0",
-    "@angular/forms": "^19.2.0",
-    "@angular/platform-browser": "^19.2.0",
-    "@angular/platform-browser-dynamic": "^19.2.0",
-    "@angular/router": "^19.2.0",
-    "rxjs": "^7.8.0",
-    "zone.js": "~0.15.0"
-  },
-  "peerDependenciesMeta": {
-    "rxjs": {
-      "optional": false
-    }
+  "devDependencies": {
+    "@angular-devkit/architect": "^0.1902.15",
+    "@angular-devkit/build-angular": "^19.2.15",
+    "@angular-devkit/core": "^19.2.15",
+    "@angular-devkit/schematics": "^19.2.15",
+    "@angular-eslint/builder": "^19.0.0",
+    "@angular-eslint/eslint-plugin": "^19.0.0",
+    "@angular-eslint/eslint-plugin-template": "^19.0.0",
+    "@angular-eslint/schematics": "^19.0.0",
+    "@angular-eslint/template-parser": "^19.0.0",
+    "@angular/cli": "^19.2.15",
+    "@angular/compiler-cli": "^19.2.14",
+    "@commitlint/cli": "^19.6.0",
+    "@commitlint/config-conventional": "^17.8.1",
+    "@commitlint/types": "^19.5.0",
+    "@compodoc/compodoc": "^1.1.26",
+    "@storybook/addon-a11y": "8.6.14",
+    "@storybook/addon-designs": "8.2.1",
+    "@storybook/addon-docs": "8.6.14",
+    "@storybook/addon-essentials": "8.6.14",
+    "@storybook/addon-interactions": "8.6.14",
+    "@storybook/addon-links": "8.6.14",
+    "@storybook/addon-onboarding": "8.6.14",
+    "@storybook/addon-storysource": "8.6.14",
+    "@storybook/addon-themes": "8.6.14",
+    "@storybook/angular": "8.6.14",
+    "@storybook/blocks": "8.6.14",
+    "@storybook/builder-vite": "8.6.14",
+    "@storybook/test": "8.6.14",
+    "@takuma-ru/auto-story-generator": "^0.3.3",
+    "@types/jasmine": "~5.1.0",
+    "@types/node": "^24.3.0",
+    "auto-angular-story-generator": "^0.1.11",
+    "chokidar": "^4.0.0",
+    "chromatic": "^11.20.0",
+    "clsx": "^2.1.1",
+    "esbuild": "^0.24.0",
+    "eslint": "^9.15.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-jsdoc": "^50.6.0",
+    "eslint-plugin-prefer-arrow": "^1.2.3",
+    "eslint-plugin-prettier": "^5.2.1",
+    "glob": "^10.3.10",
+    "husky": "^9.1.7",
+    "jasmine-core": "~5.2.0",
+    "karma": "~6.4.0",
+    "karma-chrome-launcher": "~3.2.0",
+    "karma-coverage": "~2.2.0",
+    "karma-jasmine": "~5.1.0",
+    "karma-jasmine-html-reporter": "~2.1.0",
+    "lerna": "^8.1.9",
+    "ng-packagr": "^19.2.2",
+    "prettier": "^3.4.2",
+    "resolve-tspaths": "^0.8.23",
+    "rollup-plugin-visualizer": "^5.12.0",
+    "storybook": "8.6.14",
+    "tailwind-merge": "^2.5.4",
+    "tailwindcss": "^4.1.12",
+    "tailwindcss-animate": "^1.0.6",
+    "tslib": "^2.3.0",
+    "typescript": "~5.8.3",
+    "vite": "^6.0.2"
   },
   "sideEffects": false,
   "dependencies": {
-    "rxjs-interop": "link:@angular/core/rxjs-interop",
-    "tslib": "^2.3.0"
+    "@angular/cdk": "18.0.0",
+    "@angular/core": ">=19.0.0",
+    "@floating-ui/dom": "1.6.13",
+    "@ng-icons/core": "^31.4.0",
+    "@ng-icons/lucide": "^31.4.0",
+    "@popperjs/core": "^2.11.8",
+    "@spartan-ng/brain": "0.0.1-alpha.499",
+    "@tanstack/angular-table": "^8.21.3",
+    "animejs": "4.0.2",
+    "class-variance-authority": "^0.7.0",
+    "embla-carousel-angular": ">=19.0.0"
+  },
+  "peerDependencies": {
+    "@angular/animations": "^19.0.0",
+    "@angular/cdk": "^19.0.0",
+    "@angular/common": "^19.0.0",
+    "@angular/compiler": "^19.0.0",
+    "@angular/core": "^19.0.0",
+    "@angular/forms": "^19.0.0",
+    "@angular/platform-browser": "^19.0.0",
+    "@angular/platform-browser-dynamic": "^19.0.0",
+    "@angular/router": "^19.0.0",
+    "@spartan-ng/brain": "0.0.1-alpha.499"
   },
   "scripts": {
-    "prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled by Ivy in full compilation mode. This is not allowed.\\nPlease delete and rebuild the package with Ivy partial compilation mode, before attempting to publish.\\n')\" && exit 1"
+    "start": "ng serve consumer-app",
+    "start:watch": "node scripts/watch-dist.js",
+    "test": "ng test",
+    "preinstall": "npx only-allow pnpm",
+    "preversion": "npx lerna changed && pnpm run build && cd ./projects/software-division-components/dist",
+    "prepublish": "npx lerna changed && pnpm run build && cd ./projects/software-division-components/dist",
+    "version": "npx lerna version",
+    "clean": "rm -rf ./dist",
+    "analyze": "ANALYZE=true pnpm run build-storybook",
+    "reset-dependencies": "rm -rf ./node-modules pnpm-lock.yaml",
+    "generate-versions": "node scripts/generate-versions.js",
+    "export-entry-points": "node scripts/export-entry-points.js",
+    "compile:lib": "ng build software-division-components --configuration production",
+    "compile:lib:styles": "npx @tailwindcss/cli -i projects/software-division-components/styles.css -o projects/software-division-components/dist/styles.css --minify",
+    "build": "pnpm -w clean && pnpm -w generate-versions && pnpm -w compile:lib && pnpm -w compile:lib:styles && pnpm -w after:build",
+    "watch:lib": "ng build software-division-components --watch",
+    "watch:lib:styles": "npx @tailwindcss/cli -i projects/software-division-components/styles.css -o dist/styles.css --watch",
+    "build:watch": "npx concurrently \"pnpm run watch:lib\" \"pnpm run watch:lib:styles\"",
+    "remove-path-mapping": "resolve-tspaths --project ./projects/software-division-components/tsconfig.json --src ./projects/software-division-components/src",
+    "after:build": "cp README.md projects/software-division-components/dist/README.md",
+    "storybook": "ng run software-division-components:storybook",
+    "build-storybook": "ng run software-division-components:build-storybook",
+    "chromatic": "npx chromatic --project-token=chpt_9e3636db2de59d1"
   }
 }

package/pnpm-workspace.yaml

@@ -0,0 +1,2 @@
+packages:
+  - 'projects/*'

package/postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};

package/process-styles.js

@@ -0,0 +1,31 @@
+const postcss = require('postcss');
+const fs = require('fs');
+const path = require('path');
+
+async function processStyles() {
+  const inputPath = './projects/software-division-components/styles.css';
+  const outputPath = './projects/software-division-components/styles.processed.css';
+
+  try {
+    // Read the input CSS
+    const css = fs.readFileSync(inputPath, 'utf8');
+
+    // Process with PostCSS and Tailwind
+    const result = await postcss([require('@tailwindcss/postcss'), require('autoprefixer')]).process(css, {
+      from: inputPath,
+      to: outputPath,
+      map: false,
+    });
+
+    // Write the processed CSS
+    fs.writeFileSync(outputPath, result.css);
+    console.log('✅ Styles processed successfully');
+    console.log(`   Input: ${inputPath}`);
+    console.log(`   Output: ${outputPath}`);
+  } catch (error) {
+    console.error('❌ Error processing styles:', error);
+    process.exit(1);
+  }
+}
+
+processStyles();

package/projects/consumer-app/src/app/app.component.css

@@ -0,0 +1,45 @@
+.app-header {
+  background: #f8fafc;
+  border-bottom: 1px solid #e2e8f0;
+  padding: 1rem 2rem;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.app-header h1 {
+  margin: 0;
+  color: #1e293b;
+  font-size: 1.5rem;
+  font-weight: 600;
+}
+
+.app-navigation {
+  display: flex;
+  gap: 1rem;
+}
+
+.app-navigation a {
+  text-decoration: none;
+  color: #1e293b;
+  padding: 0.5rem 1rem;
+  border-radius: 0.375rem;
+  transition: all 0.2s;
+}
+
+.app-navigation a:hover {
+  color: #1e293b;
+  background: #e2e8f0;
+}
+
+.app-navigation a.active {
+  color: #1e293b;
+  background: #cbd5e1;
+  font-weight: 500;
+}
+
+.app-content {
+  min-height: calc(100vh - 80px);
+  padding: 2rem;
+  background: #f3f5f8;
+}

package/projects/consumer-app/src/app/app.component.html

@@ -0,0 +1,11 @@
+<header class="app-header">
+  <h1>{{ title }}</h1>
+  <nav class="app-navigation">
+    <a routerLink="/table" routerLinkActive="active" [routerLinkActiveOptions]="{ exact: true }">Table</a>
+    <a routerLink="/form" routerLinkActive="active" [routerLinkActiveOptions]="{ exact: true }">Form</a>
+  </nav>
+</header>
+
+<main class="app-content">
+  <router-outlet></router-outlet>
+</main>

package/projects/consumer-app/src/app/app.component.ts

@@ -0,0 +1,14 @@
+import { CommonModule } from '@angular/common';
+import { Component } from '@angular/core';
+import { RouterLink, RouterLinkActive, RouterOutlet } from '@angular/router';
+
+@Component({
+  selector: 'app-root',
+  standalone: true,
+  imports: [RouterOutlet, RouterLink, RouterLinkActive, CommonModule],
+  templateUrl: './app.component.html',
+  styleUrl: './app.component.css',
+})
+export class AppComponent {
+  title = 'Test SDC Library';
+}

package/projects/consumer-app/src/app/app.config.ts

@@ -0,0 +1,8 @@
+import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core';
+import { provideRouter } from '@angular/router';
+
+import { routes } from './app.routes';
+
+export const appConfig: ApplicationConfig = {
+  providers: [provideZoneChangeDetection({ eventCoalescing: true }), provideRouter(routes)]
+};

package/projects/consumer-app/src/app/app.routes.ts

@@ -0,0 +1,9 @@
+import { Routes } from '@angular/router';
+import { FormComponent } from './form/form.component';
+import { TableComponent } from './table/table.component';
+
+export const routes: Routes = [
+  { path: '', redirectTo: '/table', pathMatch: 'full' },
+  { path: 'table', component: TableComponent },
+  { path: 'form', component: FormComponent },
+];

package/projects/consumer-app/src/app/form/form.component.css

@@ -0,0 +1,82 @@
+/* Override radio component label width */
+::ng-deep:root .theme-sdc.sdc-radio.sdc-radio-label-left .radio-label {
+  --sdc-radio-label-width: 8rem;
+}
+
+.filters-form [name='events'] {
+  grid-area: events;
+}
+
+.filters-form [name='status'] {
+  grid-area: status;
+}
+
+.filters-form [name='amenity'] {
+  grid-area: amenity;
+}
+
+.filters-form [name='section'] {
+  grid-area: section;
+}
+
+.filters-form [name='account'] {
+  grid-area: account;
+}
+
+.filters-form [name='fromDate'] {
+  grid-area: fromDate;
+}
+
+.filters-form [name='toDate'] {
+  grid-area: toDate;
+}
+
+.filters-form .submit {
+  grid-area: submit;
+  display: flex;
+  align-items: center;
+  padding-right: 6rem;
+}
+
+.filters-form {
+  display: grid;
+  grid-gap: 2rem 1.25rem;
+  padding-right: 10rem;
+  grid-template-areas:
+    'events events events events status amenity amenity'
+    'section section account account fromDate toDate submit';
+}
+
+h1 {
+  font-size: x-large;
+  font-weight: bold;
+  margin-bottom: 1rem;
+}
+
+h2 {
+  font-size: large;
+  font-weight: bold;
+}
+
+hr {
+  margin: 1rem 0;
+}
+
+.card.theme-sdc {
+  background: hsl(var(--color-pure-white));
+  border-radius: var(--radius-lg);
+  overflow: hidden;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  padding: 2rem;
+}
+
+.variants-form .row-section {
+  display: flex;
+  justify-content: space-between;
+  padding-top: 2rem;
+  gap: 1.25rem;
+}
+
+.variants-form .submit {
+  width: 5rem;
+}