@ni/ok-components 1.4.2 → 1.5.0
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.
- package/dist/all-components-bundle.js +1264 -476
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +4042 -3797
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/custom-elements.json +7 -2
- package/dist/custom-elements.md +3 -3
- package/dist/esm/ts/table-column/breakpoint/index.d.ts +15 -1
- package/dist/esm/ts/table-column/breakpoint/index.js +2 -1
- package/dist/esm/ts/table-column/breakpoint/index.js.map +1 -1
- package/package.json +3 -3
|
@@ -1900,9 +1900,14 @@
|
|
|
1900
1900
|
"fieldName": "position"
|
|
1901
1901
|
}
|
|
1902
1902
|
],
|
|
1903
|
+
"mixins": [
|
|
1904
|
+
{
|
|
1905
|
+
"name": "mixinPinnableColumnAPI",
|
|
1906
|
+
"package": "@ni/nimble-components/dist/esm/table-column/mixins/pinnable-column"
|
|
1907
|
+
}
|
|
1908
|
+
],
|
|
1903
1909
|
"superclass": {
|
|
1904
|
-
"
|
|
1905
|
-
"package": "@ni/nimble-components/dist/esm/table-column/base"
|
|
1910
|
+
"module": "src/ts/table-column/breakpoint/index.ts"
|
|
1906
1911
|
}
|
|
1907
1912
|
},
|
|
1908
1913
|
{
|
package/dist/custom-elements.md
CHANGED
|
@@ -328,9 +328,9 @@
|
|
|
328
328
|
|
|
329
329
|
### Superclass
|
|
330
330
|
|
|
331
|
-
| Name
|
|
332
|
-
|
|
|
333
|
-
|
|
|
331
|
+
| Name | Module | Package |
|
|
332
|
+
| ---- | --------------------------------------- | ------- |
|
|
333
|
+
| | src/ts/table-column/breakpoint/index.ts | |
|
|
334
334
|
|
|
335
335
|
### Fields
|
|
336
336
|
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { TableStringField } from '@ni/nimble-components/dist/esm/table/types';
|
|
2
2
|
import type { ColumnInternalsOptions } from '@ni/nimble-components/dist/esm/table-column/base/models/column-internals';
|
|
3
|
+
import { ColumnValidator } from '@ni/nimble-components/dist/esm/table-column/base/models/column-validator';
|
|
3
4
|
import { TableColumn } from '@ni/nimble-components/dist/esm/table-column/base';
|
|
4
5
|
import { type MenuButtonPosition as BreakpointMenuPosition } from '@ni/nimble-components/dist/esm/menu-button/types';
|
|
5
6
|
import { BreakpointState } from './types';
|
|
@@ -13,10 +14,22 @@ declare global {
|
|
|
13
14
|
'ok-ts-table-column-breakpoint': TsTableColumnBreakpoint;
|
|
14
15
|
}
|
|
15
16
|
}
|
|
17
|
+
declare const TsTableColumnBreakpoint_base: (abstract new (...args: any[]) => {
|
|
18
|
+
pinLocation?: import("@ni/nimble-components/dist/esm/table/types").TableColumnPinLocation;
|
|
19
|
+
pinLocationChanged(): void;
|
|
20
|
+
readonly columnInternals: import("@ni/nimble-components/dist/esm/table-column/base/models/column-internals").ColumnInternals<unknown, import("@ni/nimble-components/dist/esm/table-column/base/models/column-validator").ColumnValidator<[]>>;
|
|
21
|
+
}) & ((abstract new () => TableColumn<TsTableColumnBreakpointColumnConfig, ColumnValidator<[]>>) & {
|
|
22
|
+
compose<T extends import("@ni/fast-foundation").FoundationElementDefinition = import("@ni/fast-foundation").FoundationElementDefinition, K extends import("@ni/fast-element").Constructable<import("@ni/fast-foundation").FoundationElement> = import("@ni/fast-element").Constructable<import("@ni/fast-foundation").FoundationElement>>(this: K, elementDefinition: T): (overrideDefinition?: import("@ni/fast-foundation").OverrideFoundationElementDefinition<T>) => import("@ni/fast-foundation").FoundationElementRegistry<T, K>;
|
|
23
|
+
from<TBase extends {
|
|
24
|
+
new (): HTMLElement;
|
|
25
|
+
prototype: HTMLElement;
|
|
26
|
+
}>(BaseType: TBase): new () => InstanceType<TBase> & import("@ni/fast-element").FASTElement;
|
|
27
|
+
define<TType extends Function>(type: TType, nameOrDef?: string | import("@ni/fast-element").PartialFASTElementDefinition): TType;
|
|
28
|
+
});
|
|
16
29
|
/**
|
|
17
30
|
* A table column that displays a breakpoint indicator with toggle functionality.
|
|
18
31
|
*/
|
|
19
|
-
export declare class TsTableColumnBreakpoint extends
|
|
32
|
+
export declare class TsTableColumnBreakpoint extends TsTableColumnBreakpoint_base {
|
|
20
33
|
fieldName?: string;
|
|
21
34
|
menuSlot?: string;
|
|
22
35
|
position: BreakpointMenuPosition;
|
|
@@ -34,3 +47,4 @@ export declare class TsTableColumnBreakpoint extends TableColumn<TsTableColumnBr
|
|
|
34
47
|
private updateColumnConfig;
|
|
35
48
|
}
|
|
36
49
|
export declare const tsTableColumnBreakpointTag = "ok-ts-table-column-breakpoint";
|
|
50
|
+
export {};
|
|
@@ -6,6 +6,7 @@ import { ColumnValidator } from '@ni/nimble-components/dist/esm/table-column/bas
|
|
|
6
6
|
import { TableColumn } from '@ni/nimble-components/dist/esm/table-column/base';
|
|
7
7
|
import { styles } from '@ni/nimble-components/dist/esm/table-column/base/styles';
|
|
8
8
|
import { MenuButtonPosition } from '@ni/nimble-components/dist/esm/menu-button/types';
|
|
9
|
+
import { mixinPinnableColumnAPI } from '@ni/nimble-components/dist/esm/table-column/mixins/pinnable-column';
|
|
9
10
|
import { BreakpointState } from './types';
|
|
10
11
|
import { breakpointCellViewMenuSlotName } from './types';
|
|
11
12
|
import { tsTableColumnBreakpointCellViewTag } from './cell-view';
|
|
@@ -13,7 +14,7 @@ import { template } from './template';
|
|
|
13
14
|
/**
|
|
14
15
|
* A table column that displays a breakpoint indicator with toggle functionality.
|
|
15
16
|
*/
|
|
16
|
-
export class TsTableColumnBreakpoint extends TableColumn {
|
|
17
|
+
export class TsTableColumnBreakpoint extends mixinPinnableColumnAPI((TableColumn)) {
|
|
17
18
|
constructor() {
|
|
18
19
|
super();
|
|
19
20
|
this.position = MenuButtonPosition.auto;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ts/table-column/breakpoint/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAGxC,OAAO,EAAE,qBAAqB,EAAE,MAAM,wDAAwD,CAAC;AAC/F,OAAO,EAAE,eAAe,EAAE,MAAM,0EAA0E,CAAC;AAC3G,OAAO,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAC;AAC/E,OAAO,EAAE,MAAM,EAAE,MAAM,yDAAyD,CAAC;AAEjF,OAAO,EAAE,kBAAkB,EAAqD,MAAM,kDAAkD,CAAC;AACzI,OAAO,EACH,eAAe,EAGlB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,8BAA8B,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,EAAE,kCAAkC,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAetC;;GAEG;AACH,MAAM,OAAO,uBAAwB,SAAQ,WAAgD;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ts/table-column/breakpoint/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { DesignSystem } from '@ni/fast-foundation';\nimport { attr } from '@ni/fast-element';\nimport type { TableStringField } from '@ni/nimble-components/dist/esm/table/types';\nimport type { ColumnInternalsOptions } from '@ni/nimble-components/dist/esm/table-column/base/models/column-internals';\nimport { singleIconColumnWidth } from '@ni/nimble-components/dist/esm/table-column/base/types';\nimport { ColumnValidator } from '@ni/nimble-components/dist/esm/table-column/base/models/column-validator';\nimport { TableColumn } from '@ni/nimble-components/dist/esm/table-column/base';\nimport { styles } from '@ni/nimble-components/dist/esm/table-column/base/styles';\nimport type { DelegatedEventEventDetails } from '@ni/nimble-components/dist/esm/table-column/base/types';\nimport { MenuButtonPosition, type MenuButtonPosition as BreakpointMenuPosition } from '@ni/nimble-components/dist/esm/menu-button/types';\nimport { mixinPinnableColumnAPI } from '@ni/nimble-components/dist/esm/table-column/mixins/pinnable-column';\nimport {\n BreakpointState,\n type BreakpointToggleEventDetail,\n type BreakpointStateChangeRequestedEventDetail\n} from './types';\nimport { breakpointCellViewMenuSlotName } from './types';\nimport { tsTableColumnBreakpointCellViewTag } from './cell-view';\nimport { template } from './template';\n\nexport type TsTableColumnBreakpointCellRecord = TableStringField<'value'>;\n\nexport interface TsTableColumnBreakpointColumnConfig {\n menuSlot?: string;\n position?: BreakpointMenuPosition;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'ok-ts-table-column-breakpoint': TsTableColumnBreakpoint;\n }\n}\n\n/**\n * A table column that displays a breakpoint indicator with toggle functionality.\n */\nexport class TsTableColumnBreakpoint extends mixinPinnableColumnAPI(\n TableColumn<TsTableColumnBreakpointColumnConfig>\n) {\n @attr({ attribute: 'field-name' })\n public fieldName?: string;\n\n @attr({ attribute: 'menu-slot' })\n public menuSlot?: string;\n\n @attr\n public position: BreakpointMenuPosition = MenuButtonPosition.auto;\n\n public constructor() {\n super();\n // Breakpoint columns are icon-only and should remain fixed-size and non-resizable.\n this.columnInternals.resizingDisabled = true;\n this.columnInternals.pixelWidth = singleIconColumnWidth;\n this.columnInternals.minPixelWidth = singleIconColumnWidth;\n }\n\n /** @internal */\n public onDelegatedEvent(e: Event): void {\n e.stopImmediatePropagation();\n\n const event = e as CustomEvent<DelegatedEventEventDetails>;\n\n if (event.detail.originalEvent.type === 'breakpoint-column-toggle') {\n const originalEvent = event.detail.originalEvent as CustomEvent<BreakpointToggleEventDetail>;\n const detail: BreakpointToggleEventDetail = {\n ...originalEvent.detail,\n recordId: event.detail.recordId\n };\n this.$emit('breakpoint-column-toggle', detail);\n } else if (event.detail.originalEvent.type === 'breakpoint-column-state-change-requested') {\n const originalEvent = event.detail.originalEvent as CustomEvent<BreakpointStateChangeRequestedEventDetail>;\n const detail: BreakpointStateChangeRequestedEventDetail = {\n ...originalEvent.detail,\n recordId: event.detail.recordId\n };\n this.$emit('breakpoint-column-state-change-requested', detail);\n }\n }\n\n /**\n * Programmatically requests a breakpoint state change for a record.\n */\n public requestBreakpointStateChange(\n recordId: string,\n currentState: BreakpointState,\n requestedState: BreakpointState\n ): void {\n const detail: BreakpointStateChangeRequestedEventDetail = {\n recordId,\n currentState,\n requestedState\n };\n this.$emit('breakpoint-column-state-change-requested', detail);\n }\n\n protected override getColumnInternalsOptions(): ColumnInternalsOptions {\n return {\n cellRecordFieldNames: ['value'],\n cellViewTag: tsTableColumnBreakpointCellViewTag,\n delegatedEvents: ['breakpoint-column-toggle', 'breakpoint-column-state-change-requested'],\n slotNames: [breakpointCellViewMenuSlotName],\n validator: new ColumnValidator<[]>([])\n };\n }\n\n protected fieldNameChanged(): void {\n this.columnInternals.dataRecordFieldNames = [this.fieldName];\n this.columnInternals.operandDataRecordFieldName = this.fieldName;\n }\n\n protected menuSlotChanged(): void {\n this.updateColumnConfig();\n }\n\n protected positionChanged(): void {\n this.updateColumnConfig();\n }\n\n private updateColumnConfig(): void {\n this.columnInternals.columnConfig = {\n menuSlot: this.menuSlot,\n position: this.position\n };\n }\n}\n\nconst tsTableColumnBreakpoint = TsTableColumnBreakpoint.compose({\n baseName: 'ts-table-column-breakpoint',\n template,\n styles\n});\n\nDesignSystem.getOrCreate()\n .withPrefix('ok')\n .register(tsTableColumnBreakpoint());\nexport const tsTableColumnBreakpointTag = 'ok-ts-table-column-breakpoint';\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ni/ok-components",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.5.0",
|
|
4
4
|
"description": "NI Ok Components",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"build": "npm run build:components && npm run build:cem",
|
|
@@ -42,8 +42,8 @@
|
|
|
42
42
|
"@ni/fast-element": "^10.1.1",
|
|
43
43
|
"@ni/fast-foundation": "^10.2.3",
|
|
44
44
|
"@ni/fast-web-utilities": "^10.0.0",
|
|
45
|
-
"@ni/nimble-components": "^35.
|
|
46
|
-
"@ni/spright-components": "^6.20.
|
|
45
|
+
"@ni/nimble-components": "^35.11.0",
|
|
46
|
+
"@ni/spright-components": "^6.20.4",
|
|
47
47
|
"tslib": "^2.2.0"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|