@ncino/web-components 13.11.0 → 13.11.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.
- package/dist/components/display-card/display-card.js +1 -1
- package/dist/components/display-card/gator/display-card.gator.js +7 -6
- package/dist/components/table/gator/table.gator.js +1 -1
- package/dist/types/components/display-card/display-card.d.ts +5 -0
- package/package.json +3 -3
- package/web-types.json +6 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{NjcCard as
|
|
1
|
+
import{NjcCard as l}from"../card/card.js";import{property as o}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";var u=Object.defineProperty,i=(e,a,p,f)=>{for(var t=void 0,r=e.length-1,s;r>=0;r--)(s=e[r])&&(t=s(a,p,t)||t);return t&&u(a,p,t),t};class n extends l{constructor(){super(...arguments),this.actionButtonText="",this.hideFooter=!1,this.invertTitle=!1}}i([o({type:String,attribute:"action-button-text"})],n.prototype,"actionButtonText");i([o({type:Boolean,attribute:"hide-footer"})],n.prototype,"hideFooter");i([o({attribute:"invert-title",type:Boolean})],n.prototype,"invertTitle");export{n as NjcDisplayCard};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import{NjcDisplayCard as h}from"../display-card.js";import"../../card/gator/header/card-header.gator.js";import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as t,nothing as d}from"../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/lit-html.js";import"../../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.js";import p from"../../../packages/web-components/src/components/card/gator/base/card.gator.scss.js";import u from"../../../packages/web-components/src/components/display-card/gator/display-card.gator.scss.js";import m from"../../../packages/styles/dist/tokens/primitive.tokens.css.js";import f from"../../../packages/styles/dist/tokens/semantic.tokens.css.js";import{customElement as k}from"../../../utils/decorators/custom-element-decorator.js";import"../../icon/gator/icon.gator.js";import"../../icon/gator/templates/index.js";import"../../button/gator/button.gator.js";import{ifDefined as
|
|
2
|
-
<ngc-card class="${
|
|
1
|
+
import{NjcDisplayCard as h}from"../display-card.js";import"../../card/gator/header/card-header.gator.js";import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as t,nothing as d}from"../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/lit-html.js";import"../../../node_modules/.pnpm/lit-element@4.2.2/node_modules/lit-element/lit-element.js";import p from"../../../packages/web-components/src/components/card/gator/base/card.gator.scss.js";import u from"../../../packages/web-components/src/components/display-card/gator/display-card.gator.scss.js";import m from"../../../packages/styles/dist/tokens/primitive.tokens.css.js";import f from"../../../packages/styles/dist/tokens/semantic.tokens.css.js";import{customElement as k}from"../../../utils/decorators/custom-element-decorator.js";import"../../icon/gator/icon.gator.js";import"../../icon/gator/templates/index.js";import"../../button/gator/button.gator.js";import{ifDefined as i}from"../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/if-defined.js";import{classMap as $}from"../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/directives/class-map.js";import{unsafeCSS as n}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var b=Object.getOwnPropertyDescriptor,v=(e,r,g,c)=>{for(var o=c>1?void 0:c?b(r,g):r,s=e.length-1,l;s>=0;s--)(l=e[s])&&(o=l(o)||o);return o};let a=class extends h{render(){return t`
|
|
2
|
+
<ngc-card class="${$(this.classes)}">
|
|
3
3
|
${this.headerMarkup}
|
|
4
4
|
${this.contentMarkup}
|
|
5
5
|
${this.footerMarkup}
|
|
@@ -8,10 +8,11 @@ import{NjcDisplayCard as h}from"../display-card.js";import"../../card/gator/head
|
|
|
8
8
|
<ngc-card-header>
|
|
9
9
|
<ngc-text-detail
|
|
10
10
|
size="large"
|
|
11
|
-
.title=${
|
|
12
|
-
.subtitle=${
|
|
11
|
+
.title=${i(this.title)}
|
|
12
|
+
.subtitle=${i(this.subtitle)}
|
|
13
13
|
?skeleton=${this.skeleton}
|
|
14
14
|
.dataTestid=${this.dataTestid}
|
|
15
|
+
.invertTitle=${this.invertTitle}
|
|
15
16
|
>
|
|
16
17
|
<slot name="top-right" slot="append"></slot>
|
|
17
18
|
</ngc-text-detail>
|
|
@@ -34,7 +35,7 @@ import{NjcDisplayCard as h}from"../display-card.js";import"../../card/gator/head
|
|
|
34
35
|
`,r=t`
|
|
35
36
|
<ngc-button
|
|
36
37
|
variant="base"
|
|
37
|
-
data-testid=${
|
|
38
|
+
data-testid=${i(this.dataTestid)}-action-button
|
|
38
39
|
@click="${this.handleActionClick}"
|
|
39
40
|
>
|
|
40
41
|
${this.actionButtonText}
|
|
@@ -46,4 +47,4 @@ import{NjcDisplayCard as h}from"../display-card.js";import"../../card/gator/head
|
|
|
46
47
|
${this.skeleton?e:r}
|
|
47
48
|
</div>
|
|
48
49
|
</ngc-card-footer>
|
|
49
|
-
`}handleActionClick(){this.dispatchEvent(new CustomEvent("action-click",{bubbles:!0}))}};
|
|
50
|
+
`}handleActionClick(){this.dispatchEvent(new CustomEvent("action-click",{bubbles:!0}))}};a.styles=[n(u),n(m),n(p),n(f)];a=v([k("ngc-display-card")],a);export{a as NgcDisplayCard};
|
|
@@ -46,7 +46,7 @@ import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit
|
|
|
46
46
|
</div>
|
|
47
47
|
</ngc-popover>
|
|
48
48
|
</span>
|
|
49
|
-
`},this.handleClearAllFilters=()=>{if(!this.columns?.length||!this.filterValues)return;const e=l=>l.filterOptions??[],t={};for(const l of this.columns)!l.filterable||e(l).length===0||(t[l.field]=l.filterMultiselect===!0?[]:"");this.dispatchEvent(new CustomEvent("
|
|
49
|
+
`},this.handleClearAllFilters=()=>{if(!this.columns?.length||!this.filterValues)return;const e=l=>l.filterOptions??[],t={};for(const l of this.columns)!l.filterable||e(l).length===0||(t[l.field]=l.filterMultiselect===!0?[]:"");this.dispatchEvent(new CustomEvent("filter",{bubbles:!0,composed:!0,detail:{field:null,value:null,values:t}})),this.requestUpdate()}}updated(e){super.updated(e),e.has("data")&&queueMicrotask(()=>{this.selectedRows=this.data.filter(t=>t.selected&&!t.isTableHeader)})}render(){if(!this.skeleton&&!this.columns)return null;const e=this.skeleton?this._skeletonLoaderColumns:this.columns;return this.renderWrapper(this.getTableHeader(e),this.getTableBody(e,this.displayedRowData))}getColumnCellStyle(e){const t=e.width??(e.cellType==="icon-button"?"5%":void 0);return t?`width: ${t}; box-sizing: border-box`:""}get _skeletonLoaderColumns(){const e=this.columns?.length||6;let t=[];for(let l=0;l<e;l++)t=t.concat({field:`skeleton-loader-${l}`,name:`skeleton-loader-${l}`});return t}get tableElevatedClass(){return this.elevated?"gator-table-elevated":""}get showBulkControls(){return this.selectable&&this.selectedRows.length>0}renderWrapper(e,t){const l=this.getActiveFilterChips(),i=l.length>0,s=i?h("No data matches the current filters."):h("Start by adding some data.");return o`
|
|
50
50
|
<ngc-table-bulk-controls
|
|
51
51
|
?visible="${this.showBulkControls}"
|
|
52
52
|
.selectedRows="${this.selectedRows.length}"
|
|
@@ -8,4 +8,9 @@ export declare class NjcDisplayCard extends NjcCard {
|
|
|
8
8
|
* @property {boolean} hideFooter - Whether to hide the footer.
|
|
9
9
|
*/
|
|
10
10
|
hideFooter: boolean;
|
|
11
|
+
/**
|
|
12
|
+
* @description If true, the title and content positions will be inverted
|
|
13
|
+
* @property {boolean} invertTitle
|
|
14
|
+
*/
|
|
15
|
+
invertTitle: boolean;
|
|
11
16
|
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ncino/web-components",
|
|
3
3
|
"author": "nCino",
|
|
4
|
-
"version": "13.11.
|
|
4
|
+
"version": "13.11.2",
|
|
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.0",
|
|
102
102
|
"yaml-eslint-parser": "^2.0.0",
|
|
103
|
-
"@ncino/styles": "13.11.
|
|
103
|
+
"@ncino/styles": "13.11.2"
|
|
104
104
|
},
|
|
105
105
|
"peerDependencies": {
|
|
106
|
-
"@ncino/styles": "13.11.
|
|
106
|
+
"@ncino/styles": "13.11.2"
|
|
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": "13.
|
|
4
|
+
"version": "13.11.1",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
@@ -2879,6 +2879,10 @@
|
|
|
2879
2879
|
"name": "hide-footer",
|
|
2880
2880
|
"value": { "type": "boolean", "default": "false" }
|
|
2881
2881
|
},
|
|
2882
|
+
{
|
|
2883
|
+
"name": "invert-title",
|
|
2884
|
+
"value": { "type": "boolean", "default": "false" }
|
|
2885
|
+
},
|
|
2882
2886
|
{
|
|
2883
2887
|
"name": "subtitle",
|
|
2884
2888
|
"value": { "type": "string", "default": "''" }
|
|
@@ -2913,6 +2917,7 @@
|
|
|
2913
2917
|
{ "name": "footerMarkup" },
|
|
2914
2918
|
{ "name": "actionButtonText", "type": "string" },
|
|
2915
2919
|
{ "name": "hideFooter", "type": "boolean" },
|
|
2920
|
+
{ "name": "invertTitle", "type": "boolean" },
|
|
2916
2921
|
{ "name": "title", "type": "string" },
|
|
2917
2922
|
{ "name": "subtitle", "type": "string" },
|
|
2918
2923
|
{ "name": "elevated", "type": "boolean" },
|