From 2c2c14284fb4fb708d478e5f219dd2044762df4c Mon Sep 17 00:00:00 2001 From: Viktor Aladzhov Date: Thu, 4 Jul 2024 17:03:42 +0300 Subject: [PATCH] chore(WebComponents): igniteui-webcomponents version bump, adding banner, divider and date picker templates - 13.3.x (#1274) --- .../src/app/__path__/__filePrefix__.test.ts | 9 +++++++++ .../files/src/app/__path__/__filePrefix__.ts | 19 +++++++++++++++++++ .../igc-ts/banner/default/index.ts | 19 +++++++++++++++++++ .../webcomponents/igc-ts/banner/index.ts | 14 ++++++++++++++ .../src/app/__path__/__filePrefix__.test.ts | 9 +++++++++ .../files/src/app/__path__/__filePrefix__.ts | 18 ++++++++++++++++++ .../igc-ts/date-picker/default/index.ts | 19 +++++++++++++++++++ .../webcomponents/igc-ts/date-picker/index.ts | 14 ++++++++++++++ .../src/app/__path__/__filePrefix__.test.ts | 9 +++++++++ .../files/src/app/__path__/__filePrefix__.ts | 19 +++++++++++++++++++ .../igc-ts/divider/default/index.ts | 19 +++++++++++++++++++ .../webcomponents/igc-ts/divider/index.ts | 14 ++++++++++++++ .../webcomponents/igc-ts/groups.json | 3 ++- .../igc-ts/projects/_base/files/package.json | 2 +- .../_base_with_home/files/package.json | 2 +- 15 files changed, 186 insertions(+), 3 deletions(-) create mode 100644 packages/cli/templates/webcomponents/igc-ts/banner/default/files/src/app/__path__/__filePrefix__.test.ts create mode 100644 packages/cli/templates/webcomponents/igc-ts/banner/default/files/src/app/__path__/__filePrefix__.ts create mode 100644 packages/cli/templates/webcomponents/igc-ts/banner/default/index.ts create mode 100644 packages/cli/templates/webcomponents/igc-ts/banner/index.ts create mode 100644 packages/cli/templates/webcomponents/igc-ts/date-picker/default/files/src/app/__path__/__filePrefix__.test.ts create mode 100644 packages/cli/templates/webcomponents/igc-ts/date-picker/default/files/src/app/__path__/__filePrefix__.ts create mode 100644 packages/cli/templates/webcomponents/igc-ts/date-picker/default/index.ts create mode 100644 packages/cli/templates/webcomponents/igc-ts/date-picker/index.ts create mode 100644 packages/cli/templates/webcomponents/igc-ts/divider/default/files/src/app/__path__/__filePrefix__.test.ts create mode 100644 packages/cli/templates/webcomponents/igc-ts/divider/default/files/src/app/__path__/__filePrefix__.ts create mode 100644 packages/cli/templates/webcomponents/igc-ts/divider/default/index.ts create mode 100644 packages/cli/templates/webcomponents/igc-ts/divider/index.ts diff --git a/packages/cli/templates/webcomponents/igc-ts/banner/default/files/src/app/__path__/__filePrefix__.test.ts b/packages/cli/templates/webcomponents/igc-ts/banner/default/files/src/app/__path__/__filePrefix__.test.ts new file mode 100644 index 000000000..4c47a8db8 --- /dev/null +++ b/packages/cli/templates/webcomponents/igc-ts/banner/default/files/src/app/__path__/__filePrefix__.test.ts @@ -0,0 +1,9 @@ +import { expect } from '@open-wc/testing'; +import $(ClassName) from './$(path).js'; + +describe('IgcBannerComponent', () => { + it(' is an instance of $(ClassName)', async () => { + const element = document.createElement('app-$(path)'); + expect(element).to.be.instanceOf($(ClassName)); + }); +}); diff --git a/packages/cli/templates/webcomponents/igc-ts/banner/default/files/src/app/__path__/__filePrefix__.ts b/packages/cli/templates/webcomponents/igc-ts/banner/default/files/src/app/__path__/__filePrefix__.ts new file mode 100644 index 000000000..19c43a103 --- /dev/null +++ b/packages/cli/templates/webcomponents/igc-ts/banner/default/files/src/app/__path__/__filePrefix__.ts @@ -0,0 +1,19 @@ +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; +import { + defineComponents, + IgcBannerComponent, +} from 'igniteui-webcomponents'; + +defineComponents(IgcBannerComponent); + +@customElement('app-$(path)') +export default class $(ClassName) extends LitElement { + render() { + return html` + + `; + } +} diff --git a/packages/cli/templates/webcomponents/igc-ts/banner/default/index.ts b/packages/cli/templates/webcomponents/igc-ts/banner/default/index.ts new file mode 100644 index 000000000..f7f7af275 --- /dev/null +++ b/packages/cli/templates/webcomponents/igc-ts/banner/default/index.ts @@ -0,0 +1,19 @@ +import { TypeScriptFileUpdate } from "@igniteui/cli-core"; +import { IgniteUIForWebComponentsTemplate } from "../../../../../lib/templates/IgniteUIForWebComponentsTemplate"; + +class IgcBannerTemplate extends IgniteUIForWebComponentsTemplate { + constructor() { + super(__dirname); + this.components = ["Banner"]; + this.controlGroup = "Notifications"; + this.listInComponentTemplates = true; + this.id = "banner"; + this.projectType = "igc-ts"; + this.name = "Banner"; + this.description = "basic IgcBanner"; + } + protected addClassDeclaration(mainModule: TypeScriptFileUpdate, projPath: string, name: string, modulePath: string) { + // not applicable with custom module + } +} +module.exports = new IgcBannerTemplate(); diff --git a/packages/cli/templates/webcomponents/igc-ts/banner/index.ts b/packages/cli/templates/webcomponents/igc-ts/banner/index.ts new file mode 100644 index 000000000..679d45e96 --- /dev/null +++ b/packages/cli/templates/webcomponents/igc-ts/banner/index.ts @@ -0,0 +1,14 @@ +import { BaseComponent } from "@igniteui/cli-core"; + +class IgcBannerComponent extends BaseComponent { + /** + * + */ + constructor() { + super(__dirname); + this.name = "Banner"; + this.group = "Notifications"; + this.description = `Customizable banner component`; + } +} +module.exports = new IgcBannerComponent(); diff --git a/packages/cli/templates/webcomponents/igc-ts/date-picker/default/files/src/app/__path__/__filePrefix__.test.ts b/packages/cli/templates/webcomponents/igc-ts/date-picker/default/files/src/app/__path__/__filePrefix__.test.ts new file mode 100644 index 000000000..740ba5c07 --- /dev/null +++ b/packages/cli/templates/webcomponents/igc-ts/date-picker/default/files/src/app/__path__/__filePrefix__.test.ts @@ -0,0 +1,9 @@ +import { expect } from '@open-wc/testing'; +import $(ClassName) from './$(path).js'; + +describe('IgcAvatarComponent', () => { + it(' is an instance of $(ClassName)', async () => { + const element = document.createElement('app-$(path)'); + expect(element).to.be.instanceOf($(ClassName)); + }); +}); diff --git a/packages/cli/templates/webcomponents/igc-ts/date-picker/default/files/src/app/__path__/__filePrefix__.ts b/packages/cli/templates/webcomponents/igc-ts/date-picker/default/files/src/app/__path__/__filePrefix__.ts new file mode 100644 index 000000000..c5599de87 --- /dev/null +++ b/packages/cli/templates/webcomponents/igc-ts/date-picker/default/files/src/app/__path__/__filePrefix__.ts @@ -0,0 +1,18 @@ +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; +import { + defineComponents, + IgcDatePickerComponent, +} from 'igniteui-webcomponents'; + +defineComponents(IgcDatePickerComponent); + +@customElement('app-$(path)') +export default class $(ClassName) extends LitElement { + render() { + return html` + + + `; + } +} diff --git a/packages/cli/templates/webcomponents/igc-ts/date-picker/default/index.ts b/packages/cli/templates/webcomponents/igc-ts/date-picker/default/index.ts new file mode 100644 index 000000000..a269f1019 --- /dev/null +++ b/packages/cli/templates/webcomponents/igc-ts/date-picker/default/index.ts @@ -0,0 +1,19 @@ +import { TypeScriptFileUpdate } from "@igniteui/cli-core"; +import { IgniteUIForWebComponentsTemplate } from "../../../../../lib/templates/IgniteUIForWebComponentsTemplate"; + +class IgcDatePickerTemplate extends IgniteUIForWebComponentsTemplate { + constructor() { + super(__dirname); + this.components = ["DatePicker"]; + this.controlGroup = "Scheduling"; + this.listInComponentTemplates = true; + this.id = "date-picker"; + this.projectType = "igc-ts"; + this.name = "Date Picker"; + this.description = "basic IgcDatePicker"; + } + protected addClassDeclaration(mainModule: TypeScriptFileUpdate, projPath: string, name: string, modulePath: string) { + // not applicable with custom module + } +} +module.exports = new IgcDatePickerTemplate(); diff --git a/packages/cli/templates/webcomponents/igc-ts/date-picker/index.ts b/packages/cli/templates/webcomponents/igc-ts/date-picker/index.ts new file mode 100644 index 000000000..34ad59e0b --- /dev/null +++ b/packages/cli/templates/webcomponents/igc-ts/date-picker/index.ts @@ -0,0 +1,14 @@ +import { BaseComponent } from "@igniteui/cli-core"; + +class IgcDatePickerComponent extends BaseComponent { + /** + * + */ + constructor() { + super(__dirname); + this.name = "DatePicker"; + this.group = "Scheduling"; + this.description = `Basic date picker component`; + } +} +module.exports = new IgcDatePickerComponent(); diff --git a/packages/cli/templates/webcomponents/igc-ts/divider/default/files/src/app/__path__/__filePrefix__.test.ts b/packages/cli/templates/webcomponents/igc-ts/divider/default/files/src/app/__path__/__filePrefix__.test.ts new file mode 100644 index 000000000..87caf9b41 --- /dev/null +++ b/packages/cli/templates/webcomponents/igc-ts/divider/default/files/src/app/__path__/__filePrefix__.test.ts @@ -0,0 +1,9 @@ +import { expect } from '@open-wc/testing'; +import $(ClassName) from './$(path).js'; + +describe('IgcDividerComponent', () => { + it(' is an instance of $(ClassName)', async () => { + const element = document.createElement('app-$(path)'); + expect(element).to.be.instanceOf($(ClassName)); + }); +}); diff --git a/packages/cli/templates/webcomponents/igc-ts/divider/default/files/src/app/__path__/__filePrefix__.ts b/packages/cli/templates/webcomponents/igc-ts/divider/default/files/src/app/__path__/__filePrefix__.ts new file mode 100644 index 000000000..e25965d67 --- /dev/null +++ b/packages/cli/templates/webcomponents/igc-ts/divider/default/files/src/app/__path__/__filePrefix__.ts @@ -0,0 +1,19 @@ +import { html, LitElement } from 'lit'; +import { customElement } from 'lit/decorators.js'; +import { + defineComponents, + IgcDividerComponent, +} from 'igniteui-webcomponents'; + +defineComponents(IgcDividerComponent); + +@customElement('app-$(path)') +export default class $(ClassName) extends LitElement { + render() { + return html` +

First paragraph

+ +

Second paragraph

+ `; + } +} diff --git a/packages/cli/templates/webcomponents/igc-ts/divider/default/index.ts b/packages/cli/templates/webcomponents/igc-ts/divider/default/index.ts new file mode 100644 index 000000000..81487c9a0 --- /dev/null +++ b/packages/cli/templates/webcomponents/igc-ts/divider/default/index.ts @@ -0,0 +1,19 @@ +import { TypeScriptFileUpdate } from "@igniteui/cli-core"; +import { IgniteUIForWebComponentsTemplate } from "../../../../../lib/templates/IgniteUIForWebComponentsTemplate"; + +class IgcDividerTemplate extends IgniteUIForWebComponentsTemplate { + constructor() { + super(__dirname); + this.components = ["Divider"]; + this.controlGroup = "Data Entry & Display"; + this.listInComponentTemplates = true; + this.id = "divider"; + this.projectType = "igc-ts"; + this.name = "Divider"; + this.description = "basic IgcDivider"; + } + protected addClassDeclaration(mainModule: TypeScriptFileUpdate, projPath: string, name: string, modulePath: string) { + // not applicable with custom module + } +} +module.exports = new IgcDividerTemplate(); diff --git a/packages/cli/templates/webcomponents/igc-ts/divider/index.ts b/packages/cli/templates/webcomponents/igc-ts/divider/index.ts new file mode 100644 index 000000000..fd3612c69 --- /dev/null +++ b/packages/cli/templates/webcomponents/igc-ts/divider/index.ts @@ -0,0 +1,14 @@ +import { BaseComponent } from "@igniteui/cli-core"; + +class IgcDividerComponent extends BaseComponent { + /** + * + */ + constructor() { + super(__dirname); + this.name = "Divider"; + this.group = "Data Entry & Display"; + this.description = `Customizable divider component`; + } +} +module.exports = new IgcDividerComponent(); diff --git a/packages/cli/templates/webcomponents/igc-ts/groups.json b/packages/cli/templates/webcomponents/igc-ts/groups.json index 7279894b0..275b22666 100644 --- a/packages/cli/templates/webcomponents/igc-ts/groups.json +++ b/packages/cli/templates/webcomponents/igc-ts/groups.json @@ -6,6 +6,7 @@ "Scheduling": "", "Layouts": "", "Charts": "", - "Gauges": "" + "Gauges": "", + "Notifications": "" } diff --git a/packages/cli/templates/webcomponents/igc-ts/projects/_base/files/package.json b/packages/cli/templates/webcomponents/igc-ts/projects/_base/files/package.json index cae2c4a5c..471e0027a 100644 --- a/packages/cli/templates/webcomponents/igc-ts/projects/_base/files/package.json +++ b/packages/cli/templates/webcomponents/igc-ts/projects/_base/files/package.json @@ -23,7 +23,7 @@ "@vaadin/router": "^1.7.4", "lit": "^3.1.2", "typescript": "^5.3.3", - "igniteui-webcomponents": "~4.10.0" + "igniteui-webcomponents": "~4.11.0" }, "devDependencies": { "@babel/preset-env": "^7.20.2", diff --git a/packages/cli/templates/webcomponents/igc-ts/projects/_base_with_home/files/package.json b/packages/cli/templates/webcomponents/igc-ts/projects/_base_with_home/files/package.json index f61457a45..9fecdb883 100644 --- a/packages/cli/templates/webcomponents/igc-ts/projects/_base_with_home/files/package.json +++ b/packages/cli/templates/webcomponents/igc-ts/projects/_base_with_home/files/package.json @@ -23,7 +23,7 @@ "@vaadin/router": "^1.7.4", "@igniteui/material-icons-extended": "^3.0.2", "igniteui-dockmanager": "~1.14.3", - "igniteui-webcomponents": "~4.10.0", + "igniteui-webcomponents": "~4.11.0", "igniteui-webcomponents-charts": "~4.8.0", "igniteui-webcomponents-core": "~4.8.0", "igniteui-webcomponents-gauges": "~4.8.0",