@ncino/web-components 13.12.2 → 14.0.0

package/dist/components/table/gator/table-bulk-controls/table-bulk-controls.gator.js

@@ -1,19 +1,13 @@
-import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as p,nothing as b}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{property as i}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import{customElement as m}from"../../../../utils/decorators/custom-element-decorator.js";import{msg as u}from"../../../../node_modules/.pnpm/@lit_localize@0.12.2/node_modules/@lit/localize/init/install.js";import"../../../../node_modules/.pnpm/@lit_localize@0.12.2/node_modules/@lit/localize/init/runtime.js";import h from"../../../../packages/web-components/src/components/table/gator/table-bulk-controls/table-bulk-controls.gator.scss.js";import{NgcComponent as d}from"../../../../utils/components/ngc-component.js";import"../../../checkbox/checkbox.gator.js";import{unsafeCSS as v}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var g=Object.defineProperty,f=Object.getOwnPropertyDescriptor,w=Object.getPrototypeOf,y=Reflect.get,r=(l,s,o,a)=>{for(var t=a>1?void 0:a?f(s,o):s,c=l.length-1,n;c>=0;c--)(n=l[c])&&(t=(a?n(s,o,t):n(t))||t);return a&&t&&g(s,o,t),t},_=(l,s,o)=>y(w(l),o,s);let e=class extends d{constructor(){super(...arguments),this.visible=!1,this.selectedRows=0,this.totalRows=0,this.allSelected=!1}handleSelectAllChange(l){this.dispatchEvent(new CustomEvent("selectall",{bubbles:!0,detail:{selected:l.detail.selected}}))}render(){return p`
+import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html as c,nothing as m}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{property as p}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import{customElement as b}from"../../../../utils/decorators/custom-element-decorator.js";import{msg as v}from"../../../../node_modules/.pnpm/@lit_localize@0.12.2/node_modules/@lit/localize/init/install.js";import"../../../../node_modules/.pnpm/@lit_localize@0.12.2/node_modules/@lit/localize/init/runtime.js";import d from"../../../../packages/web-components/src/components/table/gator/table-bulk-controls/table-bulk-controls.gator.scss.js";import{NgcComponent as u}from"../../../../utils/components/ngc-component.js";import{unsafeCSS as f}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var g=Object.defineProperty,h=Object.getOwnPropertyDescriptor,w=Object.getPrototypeOf,_=Reflect.get,a=(r,o,s,l)=>{for(var e=l>1?void 0:l?h(o,s):o,i=r.length-1,n;i>=0;i--)(n=r[i])&&(e=(l?n(o,s,e):n(e))||e);return l&&e&&g(o,s,e),e},y=(r,o,s)=>_(w(r),s,o);let t=class extends u{constructor(){super(...arguments),this.visible=!1,this.selectedRows=0,this.totalRows=0}render(){return c`
             <div>
                 <div class="gator-table-bulk-controls-aria-live-container" aria-live="polite" aria-atomic="true">
                     ${this.selectedRowsMessage}
                 </div>
                 ${this.bulkControlsMarkup}
             </div>
-        `}get bulkControlsMarkup(){return this.visible?p`
+        `}get bulkControlsMarkup(){return this.visible?c`
             <div class="gator-table-bulk-controls">
                 <div class="gator-table-bulk-controls-selection">
-                    <ngc-checkbox
-                        title-text="${u("Select All")}"
-                        hide-label
-                        ?selected="${this.allSelected}"
-                    @change="${this.handleSelectAllChange}"
-                ></ngc-checkbox>
                 <span class="gator-table-bulk-controls-count">
                     ${this.selectedRowsMessage}
                 </span>
@@ -21,4 +15,4 @@ import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@
             <div class="gator-table-bulk-controls-actions">
                 <slot></slot>
             </div>
-        </div>`:b}get selectedRowsMessage(){return`${this.selectedRows} ${u("selected")}`}};e.shadowRootOptions={...d.shadowRootOptions,delegatesFocus:!0};e.styles=[..._(e,e,"styles"),v(h)];r([i({type:Boolean,reflect:!0})],e.prototype,"visible",2);r([i({type:Number})],e.prototype,"selectedRows",2);r([i({type:Number})],e.prototype,"totalRows",2);r([i({type:Boolean,reflect:!0})],e.prototype,"allSelected",2);e=r([m("ngc-table-bulk-controls")],e);export{e as NgcTableBulkControls};
+        </div>`:m}get selectedRowsMessage(){return`${this.selectedRows} ${v("selected")}`}};t.shadowRootOptions={...u.shadowRootOptions,delegatesFocus:!0};t.styles=[...y(t,t,"styles"),f(d)];a([p({type:Boolean,reflect:!0})],t.prototype,"visible",2);a([p({type:Number})],t.prototype,"selectedRows",2);a([p({type:Number})],t.prototype,"totalRows",2);t=a([b("ngc-table-bulk-controls")],t);export{t as NgcTableBulkControls};

package/dist/components/table/gator/table.gator.js

@@ -51,8 +51,6 @@ import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit
                 ?visible="${this.showBulkControls}"
                 .selectedRows="${this.selectedRows.length}"
                 .totalRows="${this.data.length}"
-                ?allSelected="${this.selectedRows.length===this.data.filter(r=>!r.isTableHeader&&!r.disabled).length}"
-                @selectall="${this.handleSelectAll}"
             >
                 <slot name="bulk-controls"></slot>
             </ngc-table-bulk-controls>
@@ -145,13 +143,13 @@ import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit
                     ${v}
                     ${a?this.renderHeaderFilterPopover(e,f,t):g}
                 </div>
-            `,S=[n?"gator-table-header-cell-sort-active":"",d?"gator-table-header-cell-filter-active":"",b?"gator-table-header-cell-interactive":""].filter(Boolean).join(" "),w=this.getColumnCellStyle(e);return o`
+            `,w=[n?"gator-table-header-cell-sort-active":"",d?"gator-table-header-cell-filter-active":"",b?"gator-table-header-cell-interactive":""].filter(Boolean).join(" "),S=this.getColumnCellStyle(e);return o`
             <th
                 id="${s}"
                 scope="col"
                 aria-sort="${c??g}"
-                class="${S}"
-                style="${w||g}"
+                class="${w}"
+                style="${S||g}"
                 @mouseenter="${a||r?()=>this._hoveredHeaderColumnField=e.field:g}"
                 @mouseleave="${a||r?()=>this._hoveredHeaderColumnField=null:g}"
             >

package/dist/packages/web-components/src/components/table/gator/table-bulk-controls/table-bulk-controls.gator.scss.js

@@ -1 +1 @@
-const r='.gator-table-bulk-controls{margin-bottom:1rem;display:flex;flex-direction:row;align-items:center;padding:var(--spacing-5) var(--spacing-8);border-radius:var(--ngc-table-bulk-controls-border-radius, var(--border-radius-medium));gap:1rem;background-color:var(--color-surface-brand)}.gator-table-bulk-controls-aria-live-container{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;border:0;padding:0;margin:0}.gator-table-bulk-controls-selection{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-5);padding-left:.5rem}.gator-table-bulk-controls-count{font-family:var(--font-family-body, "Open Sans"),sans-serif;font-size:var(--font-size-body-2);color:var(--color-text-primary)}.gator-table-bulk-controls-actions{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-5)}ngc-checkbox{--ngc-input-margin-bottom: 0}';export{r as default};
+const r='.gator-table-bulk-controls{margin-bottom:1rem;display:flex;flex-direction:row;align-items:center;padding:var(--spacing-5) var(--spacing-8);border-radius:var(--ngc-table-bulk-controls-border-radius, var(--border-radius-medium));gap:1rem;background-color:var(--color-surface-brand)}.gator-table-bulk-controls-aria-live-container{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;border:0;padding:0;margin:0}.gator-table-bulk-controls-selection{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-5);padding-left:.5rem}.gator-table-bulk-controls-count{font-family:var(--font-family-body, "Open Sans"),sans-serif;font-size:var(--font-size-body-2);color:var(--color-text-primary)}.gator-table-bulk-controls-actions{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-5)}';export{r as default};

package/dist/types/components/table/gator/table-bulk-controls/table-bulk-controls.gator.d.ts

@@ -22,11 +22,6 @@ export declare class NgcTableBulkControls extends NgcComponent {
      * The total number of rows
      */
     totalRows: number;
-    /**
-     * Whether all rows are selected
-     */
-    allSelected: boolean;
-    private handleSelectAllChange;
     render(): import('lit').TemplateResult<1>;
     get bulkControlsMarkup(): import('lit').TemplateResult<1> | typeof nothing;
     get selectedRowsMessage(): string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ncino/web-components",
   "author": "nCino",
-  "version": "13.12.2",
+  "version": "14.0.0",
   "license": "(c) Copyright 2023 nCino, Inc., all rights reserved",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -100,10 +100,10 @@
     "vite-plugin-static-copy": "^3.3.0",
     "vitest": "^4.1.0",
     "yaml-eslint-parser": "^2.0.0",
-    "@ncino/styles": "13.12.2"
+    "@ncino/styles": "14.0.0"
   },
   "peerDependencies": {
-    "@ncino/styles": "13.12.2"
+    "@ncino/styles": "14.0.0"
   },
   "bugs": {
     "url": "https://github.com/ncino/force-sdk-web-components/issues"

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@ncino/web-components",
-  "version": "13.12.1",
+  "version": "13.12.2",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -7611,7 +7611,7 @@
         },
         {
           "name": "ngc-table-bulk-controls",
-          "description": "\n---\n\n\n### **Events:**\n - **selectall**\n\n### **Methods:**\n - **removeAttributesFromHost(name: _string_, oldValue: _string_, newValue: _string_)** - Removes an attribute from the host element and stores its original value in the map.\nAlso updates the corresponding `dataset` property for the attribute.\n- **restoreAttributesToHost()** - Restores all previously removed attributes to the host element.\nClears the map of removed attributes after restoration.",
+          "description": "\n---\n\n\n### **Methods:**\n - **removeAttributesFromHost(name: _string_, oldValue: _string_, newValue: _string_)** - Removes an attribute from the host element and stores its original value in the map.\nAlso updates the corresponding `dataset` property for the attribute.\n- **restoreAttributesToHost()** - Restores all previously removed attributes to the host element.\nClears the map of removed attributes after restoration.",
           "doc-url": "",
           "attributes": [
             {
@@ -7629,11 +7629,6 @@
               "description": "The total number of rows",
               "value": { "type": "number", "default": "0" }
             },
-            {
-              "name": "allSelected",
-              "description": "Whether all rows are selected",
-              "value": { "type": "boolean", "default": "false" }
-            },
             {
               "name": "delegatesARIA",
               "description": "A boolean property that determines whether ARIA-related attributes\n(e.g., `aria-label`, `aria-labelledby`, `role`, etc.) are managed\nby the host element or delegated to the component.\n\n- When `true` (default), ARIA attributes are removed from the host\n  and managed internally by the component.\n- When `false`, previously removed ARIA attributes are restored\n  to the host element.",
@@ -7648,7 +7643,7 @@
               "value": { "type": "string | undefined", "default": "undefined" }
             }
           ],
-          "events": [{ "name": "selectall", "type": "CustomEvent" }],
+          "events": [],
           "js": {
             "properties": [
               {
@@ -7666,11 +7661,6 @@
                 "description": "The total number of rows",
                 "type": "number"
               },
-              {
-                "name": "allSelected",
-                "description": "Whether all rows are selected",
-                "type": "boolean"
-              },
               { "name": "bulkControlsMarkup" },
               { "name": "selectedRowsMessage" },
               {
@@ -7689,7 +7679,7 @@
               { "name": "helpTextDataTestid" },
               { "name": "errorMessageDataTestid" }
             ],
-            "events": [{ "name": "selectall", "type": "CustomEvent" }]
+            "events": []
           }
         },
         {