@testgorilla/tgo-ui 2.10.1 → 2.10.3

package/CHANGELOG.md

@@ -1,123 +0,0 @@
-# Changelog
-
-All notable changes to this project will be documented in this file.
-
-The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
-and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
-
-## 2.10.1 - 2024-05-27
-
-### Fixed
-- Autocomplete: Label now moving to the center when input has no value
-- Autocomplete: virtual scrolling for `dropdown` variation
-- Autocomplete: Clear icon (`X`) now showing only when input has value
-
-## 2.10.0 - 2024-05-23
-
-### Added
-- Toggle: new `boolean` input `preventClick` that outputs event without changing the actual value
-
-### Fixed
-- Table: shadow applied to fixed columns is now lighter (`0px 4px 16px 0px #242424,8%`)
-- Table sticky columns:
-  - Fixed end columns in the default view - Breakpoint 600px and above
-  - Fixed end columns in the default view - Breakpoint 599px and below
-  - Fixed first and end columns on user scroll - Breakpoint 600px and above.
-  - Fixed first columns only when scrolled to the table's maximum extent - Breakpoint 600px and above.
-  - No fixed first column - Breakpoint 599px and below.
-- Table: Shadows on fixed columns only appear when there is horizontal overflow, serving as a visual cue for scrolling
-- File upload: error with file being `undefined` on drop
-- Segmented bar: now not displaying `0` values
-
-## 2.9.0 - 2024-05-22
-
-### Added
-- Radial progress: `variant` input (`'number` | `icon-button`) to change displayed value
-- Radial progress: `icon` input to be displayed inside the button
-- Radial progress: `buttonTooltip` input for the icon button
-- Radial progress: `companyColor` input to change primary color
-- Radial progress: `buttonClicked` output event
-- Toggle: `On`/`Off` labels'
-- New component: `ui-password-strength`
-- Default theme new icons: `Fast-forward`,`Fast-rewind`,`Skip-next`,`Skip-previous`
-- Rebrand theme new icons: `Fast-forward-filled`,`Fast-forward-in-line`,`Fast-rewind-filled`,`Fast-rewind-in-line`,`Skip-next-filled`,`Skip-next-in-line`,`Skip-previous-filled`,`Skip-previous-in-line`
-
-### Fixed
-- Dialog: styling
-- Autocomplete: Arrow down correct icon name for `rebrand/classic` themes
-
-## 2.8.4 - 2024-05-17
-
-### Added
-- Table: ability to make row as selected. add `selected` property to the data item
-
-### Fixed
-- Avatar: when there are more than 2 names, use the first and last name for initials
-
-## 2.8.3 - 2024-05-16
-
-### Added
-- Datepicker: now displays in-build validation errors
-- Datepicker: new input `preventUserInput` to make `input` field as `readonly`
-- FormControl components: added `padding: bottom: 10px` for validation errors block 
-- New `informative-50` color
-
-### Fixed
-- Datepicker: fixed `ControlValueAccessor` not being assigned in the component
-- FormControl components: renamed `hideInBuildErrors` to `hideBuiltInErrors` (sound more correctly)
-- Segmented bar: fixed issue with `gray` and `light-teal` colors
-- Segmented bar: fixed missing export of `SegmentedBarComponent` from `SegmentedBarComponentModule`
-
-## 2.8.2 - 2024-05-16
-
-### Added
-- FormControl components: `hideInBuildErrors` input to hide errors that are handled automatically
-- FormControl components: `hideLabelInErrors` input to hide label in errors that are handled automatically
-
-### Fixed
-- Datepicker: errors passed with `[innerHTML]` to be displayed correctly after sanitization
-- Confirm Dialog: correct primary button type
-- Deprecated table: `NullInjectorError` error fixed for `DataPropertyGetterPipe`
-
-## 2.8.1 - 2024-05-15
-
-### Added
-- Rating: can be deselected by clicking on the same value again
-- Field: `fieldBlur` output event for input `blur`
-
-### Fixed
--Table: `rowIndex` in the template context for `rowCellTemplate`
-
-## 2.8.0 - 2024-05-14
-
-### Added
-- Toggle, Field, Dialog, Dropdown: adjusted dark variations
-- Table: `TableColumn` interface now has optional `sortStart` property
-- Overflow menu: supports `TemplateRef` for the item. Added `btnTemplate` property to the `OverflowMenuButtonsType`
-- Tabs: now switch orientation to `horizontal` on mobile devices
-
-### Fixed
-- Stepper: `Arrow_down` icon support for `dark` and `light` themes
-- Errors styles for the consumer application
-
-## [2.7.0] - 2024-05-13
-
-### Added
-- Table: Added Input `disableBorderRadius` to disable border radius
-- Table: Added default sort direction `defaultSortStart` field in the `Sort` interface of the `table.model.ts`
-- UI Automation: Avatar component
-- Forms: Email validation error handler
-- Animations module for the `client-app`
-- Icon component: new colors
-- Button: added `rebrandColor` for `buttonBadgeConfig`
-- Overflow menu: added content projection for custom HTML with `menu-content` selector
-- Colors enum with `canopy-ui` colors variables
-
-### Changed
-- Changed text color to `$tgo-white` for `dark` application theme
-
-### Fixed
-- Toggle: component size
-- Dropdown: multiselect variation selected items overlap
-
-[2.7.0]: https://github.com/TestGorilla-BV/tgo-canopy-ui/compare/f75c570..3391dcc

package/angular.json

@@ -1,164 +0,0 @@
-{
-  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
-  "cli": {
-    "analytics": false
-  },
-  "version": 1,
-  "projects": {
-    "tgo-ui": {
-      "projectType": "library",
-      "root": "projects/tgo-canopy-ui",
-      "sourceRoot": "projects/tgo-canopy-ui/src",
-      "prefix": "ui",
-      "architect": {
-        "build": {
-          "builder": "@angular-devkit/build-angular:ng-packagr",
-          "options": {
-            "tsConfig": "tsconfig.ui.json",
-            "project": "./ng-package.json"
-          },
-          "configurations": {
-            "production": {
-              "tsConfig": "tsconfig.ui.prod.json"
-            },
-            "development": {
-              "tsConfig": "tsconfig.ui.json"
-            }
-          },
-          "defaultConfiguration": "production"
-        },
-        "storybook": {
-          "builder": "@storybook/angular:start-storybook",
-          "options": {
-            "port": 6006,
-            "styles": ["projects/tgo-canopy-ui/theme/theme.scss"],
-            "assets": [
-              "projects/tgo-canopy-ui/src/assets",
-              {
-                "glob": "**/*",
-                "input": "./node_modules/svg-country-flags/svg",
-                "output": "assets/svg-country-flags"
-              }
-            ]
-          }
-        },
-        "build-storybook": {
-          "builder": "@storybook/angular:build-storybook",
-          "options": {
-            "styles": ["projects/tgo-canopy-ui/theme/theme.scss"],
-            "assets": [
-              "projects/tgo-canopy-ui/src/assets",
-              {
-                "glob": "**/*",
-                "input": "./node_modules/svg-country-flags/svg",
-                "output": "assets/svg-country-flags"
-              }
-            ]
-          }
-        }
-      }
-    },
-    "client": {
-      "projectType": "application",
-      "schematics": {
-        "@schematics/angular:component": {
-          "style": "scss"
-        }
-      },
-      "root": "projects/client",
-      "sourceRoot": "projects/client/src",
-      "prefix": "app",
-      "architect": {
-        "build": {
-          "builder": "@angular-devkit/build-angular:browser",
-          "options": {
-            "outputPath": "dist/client",
-            "index": "projects/client/src/index.html",
-            "main": "projects/client/src/main.ts",
-            "polyfills": [
-              "zone.js"
-            ],
-            "tsConfig": "projects/client/tsconfig.app.json",
-            "inlineStyleLanguage": "scss",
-            "assets": [
-              "projects/client/src/favicon.ico",
-              "projects/client/src/assets"
-            ],
-            "styles": [
-              "projects/client/src/styles.scss"
-            ],
-            "scripts": []
-          },
-          "configurations": {
-            "production": {
-              "budgets": [
-                {
-                  "type": "initial",
-                  "maximumWarning": "500kb",
-                  "maximumError": "1mb"
-                },
-                {
-                  "type": "anyComponentStyle",
-                  "maximumWarning": "2kb",
-                  "maximumError": "4kb"
-                }
-              ],
-              "outputHashing": "all"
-            },
-            "development": {
-              "buildOptimizer": false,
-              "optimization": false,
-              "vendorChunk": true,
-              "extractLicenses": false,
-              "sourceMap": true,
-              "namedChunks": true
-            }
-          },
-          "defaultConfiguration": "production"
-        },
-        "serve": {
-          "builder": "@angular-devkit/build-angular:dev-server",
-          "configurations": {
-            "production": {
-              "browserTarget": "client:build:production"
-            },
-            "development": {
-              "browserTarget": "client:build:development"
-            }
-          },
-          "defaultConfiguration": "development"
-        },
-        "extract-i18n": {
-          "builder": "@angular-devkit/build-angular:extract-i18n",
-          "options": {
-            "browserTarget": "client:build"
-          }
-        },
-        "test": {
-          "builder": "@angular-devkit/build-angular:karma",
-          "options": {
-            "polyfills": [
-              "zone.js",
-              "zone.js/testing"
-            ],
-            "tsConfig": "projects/client/tsconfig.spec.json",
-            "inlineStyleLanguage": "scss",
-            "assets": [
-              "projects/client/src/favicon.ico",
-              "projects/client/src/assets"
-            ],
-            "styles": [
-              "projects/client/src/styles.scss"
-            ],
-            "scripts": []
-          }
-        }
-      }
-    }
-  },
-  "schematics": {
-    "@schematics/angular:component": {
-      "style": "scss"
-    }
-  }
-}

package/e2e/bannerAction.spec.ts

@@ -1,46 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unsafe-member-access */
-/* eslint-disable @typescript-eslint/no-unsafe-call */
-import { expect, test } from '@playwright/test';
-// import { checkA11y, injectAxe } from 'axe-playwright';
-
-var urls = [
-  // '/iframe.html?viewMode=story&id=bars-banner-action--default',
-  '/iframe.html?viewMode=story&id=bars-banner-action--error',
-  '/iframe.html?viewMode=story&id=bars-banner-action--info',
-  '/iframe.html?viewMode=story&id=bars-banner-action--warning',
-  '/iframe.html?viewMode=story&id=bars-banner-action--with-relative-width',
-];
-const locator = '.banner-action-text'
-const singleURL = process.env['singleURL'];
-if ( singleURL != undefined) {
-  urls = [singleURL]
-}
-
-for (const url of urls) {
-  const componentName = url.split('&')[1];
-  test.describe(`Validating the accessibility and snapshot for ${componentName}`, () => {
-    test.beforeEach(async ({ page }) => {
-      await page.goto(url);
-      // await injectAxe(page);
-    });
-
-    test(`Visual snapshot test for ${componentName}`, async ({ page }) => {
-      await page.waitForLoadState('domcontentloaded');
-      await page.waitForLoadState('load');
-      expect(page.locator(locator)).toBeVisible({ timeout: 10000 });
-      await page.waitForLoadState('domcontentloaded');
-      await page.waitForLoadState('load');
-      await page.waitForTimeout(1000);
-      await expect(page).toHaveScreenshot(`${componentName}.png`, {
-        animations: 'disabled',
-        caret: 'hide',
-        fullPage: true,
-        omitBackground: true,
-        scale: 'css',
-        maxDiffPixelRatio: 0.01,
-      });
-      // as of now ignoring the failures for accessibility tests
-      // await checkA11y(page, undefined, undefined, true);
-    });
-  });
-}

package/e2e/button.spec.ts

@@ -1,53 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unsafe-member-access */
-/* eslint-disable @typescript-eslint/no-unsafe-call */
-import { expect, test } from '@playwright/test';
-// // import { checkA11y, injectAxe } from 'axe-playwright';
-
-var urls = [
-  '/iframe.html?viewMode=story&id=button--basic',
-  '/iframe.html?viewMode=story&id=button--button-as-link',
-  '/iframe.html?viewMode=story&id=button--button-only-label',
-  '/iframe.html?viewMode=story&id=button--disabled',
-  '/iframe.html?viewMode=story&id=button--full-width',
-  '/iframe.html?viewMode=story&id=button--label-icon-left',
-  '/iframe.html?viewMode=story&id=button--label-icon-right',
-  '/iframe.html?viewMode=story&id=button--loading',
-  '/iframe.html?viewMode=story&id=button--menu-cell',
-  '/iframe.html?viewMode=story&id=button--menu-trigger',
-  '/iframe.html?viewMode=story&id=button--only-icon',
-  '/iframe.html?viewMode=story&id=button--small',
-];
-const singleURL = process.env['singleURL'];
-if ( singleURL != undefined) {
-  urls = [singleURL]
-}
-const locator = '.mat-mdc-button-touch-target'
-
-for (const url of urls) {
-  const componentName = url.split('&')[1];
-  test.describe(`Validating the accessibility and snapshot for ${componentName}`, () => {
-    test.beforeEach(async ({ page }) => {
-      await page.goto(url);
-      // // await injectAxe(page);
-    });
-
-    test(`Visual snapshot test for ${componentName}`, async ({ page }) => {
-      await page.waitForLoadState('domcontentloaded');
-      await page.waitForLoadState('load');
-      expect(page.locator(locator).first()).toBeVisible({ timeout: 10000 });
-      await page.waitForLoadState('domcontentloaded');
-      await page.waitForLoadState('load');
-      await page.waitForTimeout(1000);
-      await expect(page).toHaveScreenshot(`${componentName}.png`, {
-        animations: 'disabled',
-        caret: 'hide',
-        fullPage: true,
-        omitBackground: true,
-        scale: 'css',
-        maxDiffPixelRatio: 0.01,
-      });
-      // as of now ignoring the failures for accessibility tests
-      // // await checkA11y(page, undefined, undefined, true);
-    });
-  });
-}

package/e2e/card.spec.ts

@@ -1,43 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unsafe-member-access */
-/* eslint-disable @typescript-eslint/no-unsafe-call */
-import { expect, test } from '@playwright/test';
-// import { checkA11y, injectAxe } from 'axe-playwright';
-
-var urls = [
-  ['/iframe.html?viewMode=story&id=card--default', '.logo'],
-];
-
-const singleURL = process.env['singleURL'];
-if ( singleURL != undefined) {
-  urls = [[singleURL]]
-}
-
-for (const url of urls) {
-  const componentName = url[0].split('&')[1];
-  test.describe(`Validating the accessibility and snapshot for ${componentName}`, () => {
-    test.beforeEach(async ({ page }) => {
-      await page.goto(url[0]);
-      // await injectAxe(page);
-    });
-
-    test(`Visual snapshot test for ${componentName}`, async ({ page }) => {
-      await page.waitForLoadState('domcontentloaded');
-      await page.waitForLoadState('load');
-      const locator = url[1]
-      expect(page.locator(locator)).toBeVisible({ timeout: 10000 });
-      await page.waitForLoadState('domcontentloaded');
-      await page.waitForLoadState('load');
-      await page.waitForTimeout(1000);
-      await expect(page).toHaveScreenshot(`${componentName}.png`, {
-        animations: 'disabled',
-        caret: 'hide',
-        fullPage: true,
-        omitBackground: true,
-        scale: 'css',
-        maxDiffPixelRatio: 0.01,
-      });
-      // as of now ignoring the failures for accessibility tests
-      // await checkA11y(page, undefined, undefined, true);
-    });
-  });
-}

package/e2e/colors.spec.ts

@@ -1,47 +0,0 @@
-/* eslint-disable @typescript-eslint/no-unsafe-member-access */
-/* eslint-disable @typescript-eslint/no-unsafe-call */
-import { expect, test } from '@playwright/test';
-// import { checkA11y, injectAxe } from 'axe-playwright';
-
-var urls = [
-  // ['/iframe.html?viewMode=story&id=foundations-colors--greysacale', 'ui-colors'],
-  ['/iframe.html?viewMode=story&id=foundations-colors--primary-error', 'ui-colors'],
-  ['/iframe.html?viewMode=story&id=foundations-colors--primary-petrol', 'ui-colors'],
-  ['/iframe.html?viewMode=story&id=foundations-colors--primary-teal', 'ui-colors'],
-  ['/iframe.html?viewMode=story&id=foundations-colors--primary-warning', 'ui-colors'],
-  ['/iframe.html?viewMode=story&id=foundations-colors--secondary-colors', 'ui-colors'],
-];
-const singleURL = process.env['singleURL'];
-if ( singleURL != undefined) {
-  urls = [[singleURL]]
-}
-
-for (const url of urls) {
-  const componentName = url[0].split('&')[1];
-  test.describe(`Validating the accessibility and snapshot for ${componentName}`, () => {
-    test.beforeEach(async ({ page }) => {
-      await page.goto(url[0]);
-      // await injectAxe(page);
-    });
-
-    test(`Visual snapshot test for ${componentName}`, async ({ page }) => {
-      await page.waitForLoadState('domcontentloaded');
-      await page.waitForLoadState('load');
-      const locator = url[1]
-      expect(page.locator(locator).nth(0)).toBeVisible({ timeout: 10000 });
-      await page.waitForLoadState('domcontentloaded');
-      await page.waitForLoadState('load');
-      await page.waitForTimeout(1000);
-      await expect(page).toHaveScreenshot(`${componentName}.png`, {
-        animations: 'disabled',
-        caret: 'hide',
-        fullPage: true,
-        omitBackground: true,
-        scale: 'css',
-        maxDiffPixelRatio: 0.01,
-      });
-      // as of now ignoring the failures for accessibility tests
-      // await checkA11y(page, undefined, undefined, true);
-    });
-  });
-}