@ncino/web-components 15.3.0 → 15.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/_virtual/index3.js +1 -1
- package/dist/_virtual/index5.js +1 -1
- package/dist/components/button/gator/button.gator.js +12 -12
- package/dist/components/input-rich-text/input-rich-text.slds.js +1 -1
- package/dist/components/table/gator/table-cells/table-cell-base.gator.js +12 -5
- package/dist/components/table/gator/table-cells/table-cell-button.gator.js +3 -2
- package/dist/components/table/gator/table-cells/table-cell-text.gator.js +1 -1
- package/dist/components/table/gator/table.gator.js +33 -31
- package/dist/components/tooltip/gator/tooltip.gator.js +4 -4
- package/dist/components/tooltip/tooltip.js +1 -1
- package/dist/node_modules/.pnpm/@floating-ui_core@1.8.0/node_modules/@floating-ui/core/dist/floating-ui.core.js +1 -1
- package/dist/node_modules/.pnpm/@floating-ui_dom@1.8.0/node_modules/@floating-ui/dom/dist/floating-ui.dom.js +1 -1
- package/dist/node_modules/.pnpm/aria-query@5.3.0/node_modules/aria-query/lib/index.js +1 -1
- package/dist/node_modules/.pnpm/pretty-format@27.5.1/node_modules/pretty-format/build/index.js +1 -1
- package/dist/node_modules/.pnpm/unified@11.0.5/node_modules/unified/lib/index.js +1 -1
- package/dist/packages/web-components/src/components/button/gator/button.gator.scss.js +1 -1
- package/dist/packages/web-components/src/components/table/gator/table.gator.scss.js +1 -1
- package/dist/types/src/components/button/gator/button.gator.d.ts +2 -0
- package/dist/types/src/components/table/gator/table-cells/table-cell-base.gator.d.ts +3 -1
- package/dist/types/src/components/table/gator/table-cells/table-cell-text.gator.d.ts +1 -0
- package/dist/types/src/components/table/gator/table.gator.d.ts +14 -0
- package/dist/types/src/components/table/table-cell-config.d.ts +1 -0
- package/dist/types/src/components/table/table-column-definition.d.ts +1 -0
- package/dist/types/src/components/tooltip/gator/tooltip.gator.d.ts +2 -0
- package/dist/types/src/components/tooltip/tooltip.d.ts +2 -0
- package/package.json +3 -3
- package/web-types.json +47 -11
|
@@ -1,6 +1,14 @@
|
|
|
1
1
|
import { PropertyValues, TemplateResult } from 'lit';
|
|
2
2
|
import { NjcTable } from '../../../../components/table/table.ts';
|
|
3
3
|
import { RowData } from '../../../../components/table/table-cell-config.ts';
|
|
4
|
+
/**
|
|
5
|
+
* Gator data table.
|
|
6
|
+
*
|
|
7
|
+
* @slot bulk-controls - Actions shown in the bulk selection toolbar when rows are selected.
|
|
8
|
+
* @slot empty-state-actions - Action buttons forwarded into `ngc-illustration`'s default
|
|
9
|
+
* actions slot when no filters are active (e.g. a primary "Add" CTA). Not rendered when
|
|
10
|
+
* filters are active; the built-in "Clear filters" button is shown in that slot instead.
|
|
11
|
+
*/
|
|
4
12
|
export declare class NgcTable extends NjcTable {
|
|
5
13
|
static styles: import('lit').CSSResult[];
|
|
6
14
|
elevated: boolean;
|
|
@@ -24,6 +32,12 @@ export declare class NgcTable extends NjcTable {
|
|
|
24
32
|
get tableElevatedClass(): "" | "gator-table-elevated";
|
|
25
33
|
get showBulkControls(): boolean;
|
|
26
34
|
renderWrapper(header: unknown, body: unknown): TemplateResult<1>;
|
|
35
|
+
/**
|
|
36
|
+
* Content for `ngc-illustration`'s default actions slot (must be light-DOM children of the illustration).
|
|
37
|
+
* Clear filters is rendered here when filters are active; otherwise the table's
|
|
38
|
+
* `empty-state-actions` named slot is re-projected into that same illustration slot.
|
|
39
|
+
*/
|
|
40
|
+
private renderEmptyStateIllustrationActions;
|
|
27
41
|
handlePageChanged(event: CustomEvent): void;
|
|
28
42
|
handleItemsPerPageChanged(event: CustomEvent): void;
|
|
29
43
|
private getTableHeader;
|
|
@@ -6,6 +6,7 @@ export interface RowData {
|
|
|
6
6
|
export interface TableCellConfigBase {
|
|
7
7
|
align?: 'left' | 'center' | 'right';
|
|
8
8
|
tooltipText?: string | ((row: RowData) => string);
|
|
9
|
+
truncate?: boolean;
|
|
9
10
|
}
|
|
10
11
|
export type TableTextFormat = 'text' | 'number' | 'currency' | 'date' | 'time' | 'datetime';
|
|
11
12
|
export interface TableTextCellConfig extends TableCellConfigBase {
|
|
@@ -15,6 +15,7 @@ interface BaseColumnDefinition {
|
|
|
15
15
|
filterOptions?: TableColumnFilterOption[];
|
|
16
16
|
filterMultiselect?: boolean;
|
|
17
17
|
width?: `${number}px` | `${number}%`;
|
|
18
|
+
minWidth?: `${number}px` | `${number}%`;
|
|
18
19
|
}
|
|
19
20
|
export interface TextColumnDefinition extends BaseColumnDefinition {
|
|
20
21
|
cellType?: 'text';
|
|
@@ -3,6 +3,7 @@ export declare class NgcTooltip extends NjcTooltip {
|
|
|
3
3
|
private static portalStylesInjected;
|
|
4
4
|
private _portaledPopup;
|
|
5
5
|
private _popoverHost;
|
|
6
|
+
private _resolvedPlacement;
|
|
6
7
|
static shadowRootOptions: {
|
|
7
8
|
delegatesFocus: boolean;
|
|
8
9
|
mode: ShadowRootMode;
|
|
@@ -13,6 +14,7 @@ export declare class NgcTooltip extends NjcTooltip {
|
|
|
13
14
|
};
|
|
14
15
|
static styles: import('lit').CSSResult[];
|
|
15
16
|
render(): import('lit').TemplateResult<1>;
|
|
17
|
+
private get _effectivePlacement();
|
|
16
18
|
get xPositionOffset(): number;
|
|
17
19
|
get yPositionOffset(): number;
|
|
18
20
|
get nubbinPositionClass(): "" | "gator-tooltip-nubbin_bottom" | "gator-tooltip-nubbin_left" | "gator-tooltip-nubbin_top" | "gator-tooltip-nubbin_right";
|
|
@@ -8,6 +8,8 @@ export declare class NjcTooltip extends TestableLitElement {
|
|
|
8
8
|
xOffset: number;
|
|
9
9
|
yOffset: number;
|
|
10
10
|
isLabel: boolean;
|
|
11
|
+
/** If true, hides the directional arrow (nubbin) pointing at the reference element. */
|
|
12
|
+
hideTippet: boolean;
|
|
11
13
|
_tooltipRef: Ref<HTMLElement>;
|
|
12
14
|
_cleanup: (() => void) | undefined;
|
|
13
15
|
private _forceOpen;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ncino/web-components",
|
|
3
3
|
"author": "nCino",
|
|
4
|
-
"version": "15.
|
|
4
|
+
"version": "15.5.0",
|
|
5
5
|
"license": "(c) Copyright 2023 nCino, Inc., all rights reserved",
|
|
6
6
|
"publishConfig": {
|
|
7
7
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -100,10 +100,10 @@
|
|
|
100
100
|
"vite-plugin-static-copy": "^3.3.0",
|
|
101
101
|
"vitest": "^4.1.10",
|
|
102
102
|
"yaml-eslint-parser": "^2.1.0",
|
|
103
|
-
"@ncino/styles": "15.
|
|
103
|
+
"@ncino/styles": "15.5.0"
|
|
104
104
|
},
|
|
105
105
|
"peerDependencies": {
|
|
106
|
-
"@ncino/styles": "15.
|
|
106
|
+
"@ncino/styles": "15.5.0"
|
|
107
107
|
},
|
|
108
108
|
"bugs": {
|
|
109
109
|
"url": "https://github.com/ncino/force-sdk-web-components/issues"
|
package/web-types.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
|
|
3
3
|
"name": "@ncino/web-components",
|
|
4
|
-
"version": "15.
|
|
4
|
+
"version": "15.4.0",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -1847,6 +1847,10 @@
|
|
|
1847
1847
|
"default": "'submit'"
|
|
1848
1848
|
}
|
|
1849
1849
|
},
|
|
1850
|
+
{
|
|
1851
|
+
"name": "truncate",
|
|
1852
|
+
"value": { "type": "boolean", "default": "false" }
|
|
1853
|
+
},
|
|
1850
1854
|
{
|
|
1851
1855
|
"name": "variant",
|
|
1852
1856
|
"value": {
|
|
@@ -1900,6 +1904,7 @@
|
|
|
1900
1904
|
{ "name": "startIcon", "type": "string | undefined" },
|
|
1901
1905
|
{ "name": "endIcon", "type": "string | undefined" },
|
|
1902
1906
|
{ "name": "type", "type": "'submit' | 'button' | 'reset'" },
|
|
1907
|
+
{ "name": "truncate", "type": "boolean" },
|
|
1903
1908
|
{
|
|
1904
1909
|
"name": "isLinkMode",
|
|
1905
1910
|
"description": "Link mode is active only when an `href` is provided and the button is neither disabled nor\nloading. Disabled/loading intentionally fall back to `<button>` so a link can never navigate\nwhile in those states."
|
|
@@ -1913,6 +1918,7 @@
|
|
|
1913
1918
|
{ "name": "variantClass" },
|
|
1914
1919
|
{ "name": "sizeClass" },
|
|
1915
1920
|
{ "name": "loadingClass" },
|
|
1921
|
+
{ "name": "truncateClass" },
|
|
1916
1922
|
{ "name": "skeletonMarkup" },
|
|
1917
1923
|
{ "name": "loadingMarkup" },
|
|
1918
1924
|
{
|
|
@@ -2053,6 +2059,11 @@
|
|
|
2053
2059
|
"name": "is-label",
|
|
2054
2060
|
"value": { "type": "boolean", "default": "false" }
|
|
2055
2061
|
},
|
|
2062
|
+
{
|
|
2063
|
+
"name": "hide-tippet",
|
|
2064
|
+
"description": "If true, hides the directional arrow (nubbin) pointing at the reference element.",
|
|
2065
|
+
"value": { "type": "boolean", "default": "false" }
|
|
2066
|
+
},
|
|
2056
2067
|
{
|
|
2057
2068
|
"name": "data-testid",
|
|
2058
2069
|
"value": { "type": "string | undefined", "default": "undefined" }
|
|
@@ -2069,6 +2080,11 @@
|
|
|
2069
2080
|
{ "name": "xOffset", "type": "number" },
|
|
2070
2081
|
{ "name": "yOffset", "type": "number" },
|
|
2071
2082
|
{ "name": "isLabel", "type": "boolean" },
|
|
2083
|
+
{
|
|
2084
|
+
"name": "hideTippet",
|
|
2085
|
+
"description": "If true, hides the directional arrow (nubbin) pointing at the reference element.",
|
|
2086
|
+
"type": "boolean"
|
|
2087
|
+
},
|
|
2072
2088
|
{ "name": "_tooltipRef", "type": "Ref<HTMLElement>" },
|
|
2073
2089
|
{ "name": "_cleanup", "type": "(() => void) | undefined" },
|
|
2074
2090
|
{ "name": "tooltipId" },
|
|
@@ -7644,6 +7660,11 @@
|
|
|
7644
7660
|
"name": "is-label",
|
|
7645
7661
|
"value": { "type": "boolean", "default": "false" }
|
|
7646
7662
|
},
|
|
7663
|
+
{
|
|
7664
|
+
"name": "hide-tippet",
|
|
7665
|
+
"description": "If true, hides the directional arrow (nubbin) pointing at the reference element.",
|
|
7666
|
+
"value": { "type": "boolean", "default": "false" }
|
|
7667
|
+
},
|
|
7647
7668
|
{
|
|
7648
7669
|
"name": "data-testid",
|
|
7649
7670
|
"value": { "type": "string | undefined", "default": "undefined" }
|
|
@@ -7660,6 +7681,11 @@
|
|
|
7660
7681
|
{ "name": "xOffset", "type": "number" },
|
|
7661
7682
|
{ "name": "yOffset", "type": "number" },
|
|
7662
7683
|
{ "name": "isLabel", "type": "boolean" },
|
|
7684
|
+
{
|
|
7685
|
+
"name": "hideTippet",
|
|
7686
|
+
"description": "If true, hides the directional arrow (nubbin) pointing at the reference element.",
|
|
7687
|
+
"type": "boolean"
|
|
7688
|
+
},
|
|
7663
7689
|
{ "name": "_tooltipRef", "type": "Ref<HTMLElement>" },
|
|
7664
7690
|
{ "name": "_cleanup", "type": "(() => void) | undefined" },
|
|
7665
7691
|
{ "name": "tooltipId" },
|
|
@@ -7747,7 +7773,7 @@
|
|
|
7747
7773
|
},
|
|
7748
7774
|
{
|
|
7749
7775
|
"name": "ngc-table-cell-chip",
|
|
7750
|
-
"description": "\n---\n\n\n### **Events:**\n - **cellchange**\n- **cellclick**\n\n### **Methods:**\n ",
|
|
7776
|
+
"description": "\n---\n\n\n### **Events:**\n - **cellchange**\n- **cellclick**\n\n### **Methods:**\n \n",
|
|
7751
7777
|
"doc-url": "",
|
|
7752
7778
|
"attributes": [
|
|
7753
7779
|
{
|
|
@@ -7792,7 +7818,7 @@
|
|
|
7792
7818
|
},
|
|
7793
7819
|
{
|
|
7794
7820
|
"name": "ngc-table-cell-avatar",
|
|
7795
|
-
"description": "\n---\n\n\n### **Events:**\n - **cellchange**\n- **cellclick**\n\n### **Methods:**\n ",
|
|
7821
|
+
"description": "\n---\n\n\n### **Events:**\n - **cellchange**\n- **cellclick**\n\n### **Methods:**\n \n",
|
|
7796
7822
|
"doc-url": "",
|
|
7797
7823
|
"attributes": [
|
|
7798
7824
|
{
|
|
@@ -7837,7 +7863,7 @@
|
|
|
7837
7863
|
},
|
|
7838
7864
|
{
|
|
7839
7865
|
"name": "ngc-table-cell-checkbox",
|
|
7840
|
-
"description": "\n---\n\n\n### **Events:**\n - **cellchange**\n- **cellclick**\n\n### **Methods:**\n ",
|
|
7866
|
+
"description": "\n---\n\n\n### **Events:**\n - **cellchange**\n- **cellclick**\n\n### **Methods:**\n \n",
|
|
7841
7867
|
"doc-url": "",
|
|
7842
7868
|
"attributes": [
|
|
7843
7869
|
{
|
|
@@ -7882,7 +7908,7 @@
|
|
|
7882
7908
|
},
|
|
7883
7909
|
{
|
|
7884
7910
|
"name": "ngc-table-cell-text-link",
|
|
7885
|
-
"description": "\n---\n\n\n### **Events:**\n - **cellchange**\n- **cellclick**\n\n### **Methods:**\n ",
|
|
7911
|
+
"description": "\n---\n\n\n### **Events:**\n - **cellchange**\n- **cellclick**\n\n### **Methods:**\n \n",
|
|
7886
7912
|
"doc-url": "",
|
|
7887
7913
|
"attributes": [
|
|
7888
7914
|
{
|
|
@@ -7927,7 +7953,7 @@
|
|
|
7927
7953
|
},
|
|
7928
7954
|
{
|
|
7929
7955
|
"name": "ngc-table-cell-button",
|
|
7930
|
-
"description": "\n---\n\n\n### **Events:**\n - **cellchange**\n- **cellclick**\n\n### **Methods:**\n ",
|
|
7956
|
+
"description": "\n---\n\n\n### **Events:**\n - **cellchange**\n- **cellclick**\n\n### **Methods:**\n \n",
|
|
7931
7957
|
"doc-url": "",
|
|
7932
7958
|
"attributes": [
|
|
7933
7959
|
{
|
|
@@ -7972,7 +7998,7 @@
|
|
|
7972
7998
|
},
|
|
7973
7999
|
{
|
|
7974
8000
|
"name": "ngc-table-cell-icon-button",
|
|
7975
|
-
"description": "\n---\n\n\n### **Events:**\n - **cellchange**\n- **cellclick**\n\n### **Methods:**\n ",
|
|
8001
|
+
"description": "\n---\n\n\n### **Events:**\n - **cellchange**\n- **cellclick**\n\n### **Methods:**\n \n",
|
|
7976
8002
|
"doc-url": "",
|
|
7977
8003
|
"attributes": [
|
|
7978
8004
|
{
|
|
@@ -8017,7 +8043,7 @@
|
|
|
8017
8043
|
},
|
|
8018
8044
|
{
|
|
8019
8045
|
"name": "ngc-table-cell-input-dropdown",
|
|
8020
|
-
"description": "\n---\n\n\n### **Events:**\n - **cellchange**\n- **cellclick**\n\n### **Methods:**\n ",
|
|
8046
|
+
"description": "\n---\n\n\n### **Events:**\n - **cellchange**\n- **cellclick**\n\n### **Methods:**\n \n",
|
|
8021
8047
|
"doc-url": "",
|
|
8022
8048
|
"attributes": [
|
|
8023
8049
|
{
|
|
@@ -8062,7 +8088,7 @@
|
|
|
8062
8088
|
},
|
|
8063
8089
|
{
|
|
8064
8090
|
"name": "ngc-table-cell-input-text",
|
|
8065
|
-
"description": "\n---\n\n\n### **Events:**\n - **cellchange**\n- **cellclick**\n\n### **Methods:**\n ",
|
|
8091
|
+
"description": "\n---\n\n\n### **Events:**\n - **cellchange**\n- **cellclick**\n\n### **Methods:**\n \n",
|
|
8066
8092
|
"doc-url": "",
|
|
8067
8093
|
"attributes": [
|
|
8068
8094
|
{
|
|
@@ -8107,7 +8133,7 @@
|
|
|
8107
8133
|
},
|
|
8108
8134
|
{
|
|
8109
8135
|
"name": "ngc-table-cell-text",
|
|
8110
|
-
"description": "\n---\n\n\n### **Events:**\n - **cellchange**\n- **cellclick**\n\n### **Methods:**\n ",
|
|
8136
|
+
"description": "\n---\n\n\n### **Events:**\n - **cellchange**\n- **cellclick**\n\n### **Methods:**\n \n",
|
|
8111
8137
|
"doc-url": "",
|
|
8112
8138
|
"attributes": [
|
|
8113
8139
|
{
|
|
@@ -8152,7 +8178,7 @@
|
|
|
8152
8178
|
},
|
|
8153
8179
|
{
|
|
8154
8180
|
"name": "ngc-table",
|
|
8155
|
-
"description": "
|
|
8181
|
+
"description": "Gator data table.\n---\n\n\n### **Events:**\n - **selectall**\n- **sort**\n- **filter**\n- **rowselected**\n- **cellchange**\n- **cellclick**\n\n### **Slots:**\n - **bulk-controls** - Actions shown in the bulk selection toolbar when rows are selected.\n- **empty-state-actions** - Action buttons forwarded into `ngc-illustration`'s default actions slot when no filters are active (e.g. a primary \"Add\" CTA). Not rendered when filters are active; the built-in \"Clear filters\" button is shown in that slot instead.",
|
|
8156
8182
|
"doc-url": "",
|
|
8157
8183
|
"attributes": [
|
|
8158
8184
|
{
|
|
@@ -8239,6 +8265,16 @@
|
|
|
8239
8265
|
"value": { "type": "string | undefined", "default": "undefined" }
|
|
8240
8266
|
}
|
|
8241
8267
|
],
|
|
8268
|
+
"slots": [
|
|
8269
|
+
{
|
|
8270
|
+
"name": "bulk-controls",
|
|
8271
|
+
"description": "Actions shown in the bulk selection toolbar when rows are selected."
|
|
8272
|
+
},
|
|
8273
|
+
{
|
|
8274
|
+
"name": "empty-state-actions",
|
|
8275
|
+
"description": "Action buttons forwarded into `ngc-illustration`'s default actions slot when no filters are active (e.g. a primary \"Add\" CTA). Not rendered when filters are active; the built-in \"Clear filters\" button is shown in that slot instead."
|
|
8276
|
+
}
|
|
8277
|
+
],
|
|
8242
8278
|
"events": [
|
|
8243
8279
|
{ "name": "selectall", "type": "CustomEvent" },
|
|
8244
8280
|
{ "name": "sort", "type": "CustomEvent" },
|