@ni/nimble-components 24.1.1 → 24.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4,5 +4,6 @@ import { TableColumnFormattedTextPageObject } from '../../testing/table-column-f
4
4
  * Page object for date text table column.
5
5
  */
6
6
  export declare class TableColumnDateTextPageObject<T extends TableRecord> extends TableColumnFormattedTextPageObject<T> {
7
+ getDefaultFormattedCellText(value: number, locale: string): string;
7
8
  protected verifyCellType(rowIndex: number, columnIndex: number): void;
8
9
  }
@@ -4,5 +4,6 @@ import { TableColumnFormattedTextPageObject } from '../../testing/table-column-f
4
4
  * Page object for date text table column.
5
5
  */
6
6
  export declare class TableColumnDateTextPageObject<T extends TableRecord> extends TableColumnFormattedTextPageObject<T> {
7
+ getDefaultFormattedCellText(value: number, locale: string): string;
7
8
  protected verifyCellType(rowIndex: number, columnIndex: number): void;
8
9
  }
@@ -4,6 +4,14 @@ import { TableColumnDateTextCellView } from '../cell-view';
4
4
  * Page object for date text table column.
5
5
  */
6
6
  export class TableColumnDateTextPageObject extends TableColumnFormattedTextPageObject {
7
+ getDefaultFormattedCellText(value, locale) {
8
+ const defaultOptions = {
9
+ dateStyle: 'medium',
10
+ timeStyle: 'medium'
11
+ };
12
+ const formatter = new Intl.DateTimeFormat(locale, defaultOptions);
13
+ return formatter.format(value);
14
+ }
7
15
  verifyCellType(rowIndex, columnIndex) {
8
16
  const cell = this.tablePageObject.getRenderedCellView(rowIndex, columnIndex);
9
17
  if (!(cell instanceof TableColumnDateTextCellView)) {
@@ -1 +1 @@
1
- {"version":3,"file":"table-column-date-text.pageobject.js","sourceRoot":"","sources":["../../../../../src/table-column/date-text/testing/table-column-date-text.pageobject.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kCAAkC,EAAE,MAAM,sDAAsD,CAAC;AAC1G,OAAO,EAAE,2BAA2B,EAAE,MAAM,cAAc,CAAC;AAE3D;;GAEG;AACH,MAAM,OAAO,6BAEX,SAAQ,kCAAqC;IACxB,cAAc,CAC7B,QAAgB,EAChB,WAAmB;QAEnB,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,CAAC,mBAAmB,CACjD,QAAQ,EACR,WAAW,CACd,CAAC;QACF,IAAI,CAAC,CAAC,IAAI,YAAY,2BAA2B,CAAC,EAAE;YAChD,MAAM,IAAI,KAAK,CAAC,mCAAmC,CAAC,CAAC;SACxD;IACL,CAAC;CACJ","sourcesContent":["import type { TableRecord } from '../../../table/types';\nimport { TableColumnFormattedTextPageObject } from '../../testing/table-column-formatted-text.pageobject';\nimport { TableColumnDateTextCellView } from '../cell-view';\n\n/**\n * Page object for date text table column.\n */\nexport class TableColumnDateTextPageObject<\n T extends TableRecord\n> extends TableColumnFormattedTextPageObject<T> {\n protected override verifyCellType(\n rowIndex: number,\n columnIndex: number\n ): void {\n const cell = this.tablePageObject.getRenderedCellView(\n rowIndex,\n columnIndex\n );\n if (!(cell instanceof TableColumnDateTextCellView)) {\n throw new Error('Cell is not in a date text column');\n }\n }\n}\n"]}
1
+ {"version":3,"file":"table-column-date-text.pageobject.js","sourceRoot":"","sources":["../../../../../src/table-column/date-text/testing/table-column-date-text.pageobject.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kCAAkC,EAAE,MAAM,sDAAsD,CAAC;AAC1G,OAAO,EAAE,2BAA2B,EAAE,MAAM,cAAc,CAAC;AAE3D;;GAEG;AACH,MAAM,OAAO,6BAEX,SAAQ,kCAAqC;IACpC,2BAA2B,CAAC,KAAa,EAAE,MAAc;QAC5D,MAAM,cAAc,GAA+B;YAC/C,SAAS,EAAE,QAAQ;YACnB,SAAS,EAAE,QAAQ;SACtB,CAAC;QACF,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;QAClE,OAAO,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC;IAEkB,cAAc,CAC7B,QAAgB,EAChB,WAAmB;QAEnB,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,CAAC,mBAAmB,CACjD,QAAQ,EACR,WAAW,CACd,CAAC;QACF,IAAI,CAAC,CAAC,IAAI,YAAY,2BAA2B,CAAC,EAAE;YAChD,MAAM,IAAI,KAAK,CAAC,mCAAmC,CAAC,CAAC;SACxD;IACL,CAAC;CACJ","sourcesContent":["import type { TableRecord } from '../../../table/types';\nimport { TableColumnFormattedTextPageObject } from '../../testing/table-column-formatted-text.pageobject';\nimport { TableColumnDateTextCellView } from '../cell-view';\n\n/**\n * Page object for date text table column.\n */\nexport class TableColumnDateTextPageObject<\n T extends TableRecord\n> extends TableColumnFormattedTextPageObject<T> {\n public getDefaultFormattedCellText(value: number, locale: string): string {\n const defaultOptions: Intl.DateTimeFormatOptions = {\n dateStyle: 'medium',\n timeStyle: 'medium'\n };\n const formatter = new Intl.DateTimeFormat(locale, defaultOptions);\n return formatter.format(value);\n }\n\n protected override verifyCellType(\n rowIndex: number,\n columnIndex: number\n ): void {\n const cell = this.tablePageObject.getRenderedCellView(\n rowIndex,\n columnIndex\n );\n if (!(cell instanceof TableColumnDateTextCellView)) {\n throw new Error('Cell is not in a date text column');\n }\n }\n}\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ni/nimble-components",
3
- "version": "24.1.1",
3
+ "version": "24.1.2",
4
4
  "description": "Styled web components for the NI Nimble Design System",
5
5
  "scripts": {
6
6
  "build": "npm run generate-icons && npm run generate-workers && npm run build-components && npm run bundle-components && npm run generate-scss && npm run build-storybook",
@@ -162,6 +162,7 @@
162
162
  "rollup-plugin-sourcemaps": "^0.6.3",
163
163
  "source-map-loader": "^5.0.0",
164
164
  "storybook": "^8.0.4",
165
+ "storybook-addon-pseudo-states": "^2.2.1",
165
166
  "terser-webpack-plugin": "^5.3.10",
166
167
  "ts-loader": "^9.2.5",
167
168
  "typescript": "~4.9.5",