@ncino/web-components 12.0.0 → 12.1.0

package/dist/components/menu/menu-item/gator/menu-item.gator.js

@@ -1,10 +1,12 @@
-import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html 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{customElement as a}from"../../../../utils/decorators/custom-element-decorator.js";import{NjcMenuItem as h}from"../menu-item.js";import"../../../list/gator/list-item/list-item.gator.js";import{KEY_CONSTANTS as s}from"../../../../consts/key-constants.js";var u=Object.getOwnPropertyDescriptor,d=(e,r,l,c)=>{for(var t=c>1?void 0:c?u(r,l):r,o=e.length-1,i;o>=0;o--)(i=e[o])&&(t=i(t)||t);return t};let n=class extends h{constructor(){super()}connectedCallback(){super.connectedCallback(),this.setAttribute("role","menuitem"),this.addEventListener("keydown",this.handleKeydown)}render(){return m`
+import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html 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{customElement as a}from"../../../../utils/decorators/custom-element-decorator.js";import{NjcMenuItem as h}from"../menu-item.js";import"../../../list/gator/list-item/list-item.gator.js";import{KEY_CONSTANTS as n}from"../../../../consts/key-constants.js";var u=Object.getOwnPropertyDescriptor,d=(e,r,l,c)=>{for(var t=c>1?void 0:c?u(r,l):r,o=e.length-1,i;o>=0;o--)(i=e[o])&&(t=i(t)||t);return t};let s=class extends h{constructor(){super()}connectedCallback(){super.connectedCallback(),this.setAttribute("role","menuitem"),this.addEventListener("keydown",this.handleKeydown)}render(){return m`
             <ngc-list-item
                 @click="${this.handleItemClick}"
                 text="${this.value}"
+                start-icon="${this.startIcon}"
+                end-icon="${this.endIcon}"
                 selectable
                 hide-checkmark
                 role="presentation"
                 faux-focus
             ></ngc-list-item>
-        `}focus(){this.shadowRoot?.querySelector("ngc-list-item")?.focus()}click(){this.shadowRoot?.querySelector("ngc-list-item")?.click()}handleKeydown(e){(e.key===s.SPACE||e.key===s.ENTER)&&(this.handleItemKeydown(e),this.shadowRoot?.querySelector("ngc-list-item")?.click())}};n=d([a("ngc-menu-item")],n);export{n as NgcMenuItem};
+        `}focus(){this.shadowRoot?.querySelector("ngc-list-item")?.focus()}click(){this.shadowRoot?.querySelector("ngc-list-item")?.click()}handleKeydown(e){(e.key===n.SPACE||e.key===n.ENTER)&&(this.handleItemKeydown(e),this.shadowRoot?.querySelector("ngc-list-item")?.click())}};s=d([a("ngc-menu-item")],s);export{s as NgcMenuItem};

package/dist/components/menu/menu-item/menu-item.js

@@ -1 +1 @@
-import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import"../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/lit-html.js";import{LitElement as m}from"../../../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{KEY_CONSTANTS as o}from"../../../consts/key-constants.js";var a=Object.defineProperty,l=(r,e,i,v)=>{for(var t=void 0,n=r.length-1,s;n>=0;n--)(s=r[n])&&(t=s(e,i,t)||t);return t&&a(e,i,t),t};class u extends m{constructor(){super(...arguments),this.value=""}handleItemKeydown(e){(e.key===o.SPACE||e.key===o.ENTER)&&(this.sendEvent(),e.preventDefault())}handleItemClick(){this.sendEvent()}sendEvent(){this.dispatchEvent(new CustomEvent("menuitemclick",{bubbles:!0,composed:!0,detail:{value:this.value}}))}}l([p({type:String})],u.prototype,"value");export{u as NjcMenuItem};
+import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import"../../../node_modules/.pnpm/lit-html@3.3.2/node_modules/lit-html/lit-html.js";import{LitElement as m}from"../../../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{KEY_CONSTANTS as u}from"../../../consts/key-constants.js";var d=Object.defineProperty,o=(n,t,p,l)=>{for(var e=void 0,r=n.length-1,a;r>=0;r--)(a=n[r])&&(e=a(t,p,e)||e);return e&&d(t,p,e),e};class s extends m{constructor(){super(...arguments),this.value="",this.startIcon="",this.endIcon=""}handleItemKeydown(t){(t.key===u.SPACE||t.key===u.ENTER)&&(this.sendEvent(),t.preventDefault())}handleItemClick(){this.sendEvent()}sendEvent(){this.dispatchEvent(new CustomEvent("menuitemclick",{bubbles:!0,composed:!0,detail:{value:this.value}}))}}o([i({type:String})],s.prototype,"value");o([i({type:String,attribute:"start-icon"})],s.prototype,"startIcon");o([i({type:String,attribute:"end-icon"})],s.prototype,"endIcon");export{s as NjcMenuItem};

package/dist/components/table/gator/table-cells/table-cell-icon-button.gator.js

@@ -1,23 +1,25 @@
-import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html 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{customElement as u}from"../../../../utils/decorators/custom-element-decorator.js";import{TableCellBase as s}from"./table-cell-base.gator.js";import"../../../icon-button/gator/icon-button.gator.js";import"../../../menu/base/gator/menu.gator.js";var b=Object.getOwnPropertyDescriptor,g=(e,n,i,o)=>{for(var t=o>1?void 0:o?b(n,i):n,l=e.length-1,c;l>=0;l--)(c=e[l])&&(t=c(t)||t);return t};let a=class extends s{renderCellContent(){const e=this.column.cellConfig??{},n=e.iconName,i=typeof e.iconAriaLabel=="function"?e.iconAriaLabel(this.rowData):e.iconAriaLabel??"More actions",o=e.menuItems??[],t=e.menuPlacement??"bottom-end",l=e.menuAriaLabel??"More actions",c=m`
+import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import{html 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{customElement as u}from"../../../../utils/decorators/custom-element-decorator.js";import{TableCellBase as s}from"./table-cell-base.gator.js";import"../../../icon-button/gator/icon-button.gator.js";import"../../../menu/base/gator/menu.gator.js";var b=Object.getOwnPropertyDescriptor,g=(e,n,c,o)=>{for(var t=o>1?void 0:o?b(n,c):n,i=e.length-1,l;i>=0;i--)(l=e[i])&&(t=l(t)||t);return t};let r=class extends s{renderCellContent(){const e=this.column.cellConfig??{},n=e.iconName,c=typeof e.iconAriaLabel=="function"?e.iconAriaLabel(this.rowData):e.iconAriaLabel??"More actions",o=typeof e.menuItems=="function"?e.menuItems(this.rowData):e.menuItems??[],t=e.menuPlacement??"bottom-end",i=e.menuAriaLabel??"More actions",l=m`
             <ngc-icon-button
                 icon-name="${n}"
                 size="medium"
-                aria-label="${i}"
+                aria-label="${c}"
                 @click="${()=>this.emitCellClick()}"
             ></ngc-icon-button>
         `;return o.length>0?m`
-                <ngc-menu placement="${t}" menu-aria-label="${l}">
+                <ngc-menu placement="${t}" menu-aria-label="${i}">
                     <ngc-icon-button
                         slot="trigger"
                         icon-name="${n}"
                         size="medium"
-                        aria-label="${i}"
+                        aria-label="${c}"
                     ></ngc-icon-button>
-                    ${o.map(r=>this.renderMenuItem(r))}
+                    ${o.map(a=>this.renderMenuItem(a))}
                 </ngc-menu>
-            `:c}renderMenuItem(e){const n=e.value??e.label;return m`
+            `:l}renderMenuItem(e){const n=e.value??e.label;return m`
             <ngc-menu-item
                 value="${e.label}"
+                start-icon="${e.startIcon}"
+                end-icon="${e.endIcon}"
                 @menuitemclick="${()=>this.emitCellClick(n)}"
             ></ngc-menu-item>
-        `}};a=g([u("ngc-table-cell-icon-button")],a);export{a as NgcTableCellIconButton};
+        `}};r=g([u("ngc-table-cell-icon-button")],r);export{r as NgcTableCellIconButton};

package/dist/types/components/menu/menu-item/menu-item.d.ts

@@ -5,6 +5,16 @@ export declare class NjcMenuItem extends LitElement {
      * @type {string}
      */
     value: string;
+    /**
+     * An icon displayed before the value text
+     * @type {string}
+     */
+    startIcon: string;
+    /**
+     * An icon displayed after the value text
+     * @type {string}
+     */
+    endIcon: string;
     handleItemKeydown(e: KeyboardEvent): void;
     handleItemClick(): void;
     sendEvent(): void;

package/dist/types/components/table/table-cell-config.d.ts

@@ -33,11 +33,13 @@ export interface TableButtonCellConfig extends TableCellConfigBase {
 export type TableIconButtonMenuItem = {
     label: string;
     value?: string;
+    startIcon?: string;
+    endIcon?: string;
 };
 export interface TableIconButtonCellConfig extends TableCellConfigBase {
     iconName: string;
     iconAriaLabel?: string | ((row: RowData) => string);
-    menuItems?: TableIconButtonMenuItem[];
+    menuItems?: TableIconButtonMenuItem[] | ((row: RowData) => TableIconButtonMenuItem[]);
     menuPlacement?: Placement;
     menuAriaLabel?: string;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ncino/web-components",
   "author": "nCino",
-  "version": "12.0.0",
+  "version": "12.1.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": "12.0.0"
+    "@ncino/styles": "12.1.0"
   },
   "peerDependencies": {
-    "@ncino/styles": "12.0.0"
+    "@ncino/styles": "12.1.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": "11.0.0",
+  "version": "12.0.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -2187,6 +2187,16 @@
               "name": "value",
               "description": "The value and text displayed of the menu item",
               "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "start-icon",
+              "description": "An icon displayed before the value text",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "end-icon",
+              "description": "An icon displayed after the value text",
+              "value": { "type": "string", "default": "''" }
             }
           ],
           "events": [{ "name": "menuitemclick", "type": "CustomEvent" }],
@@ -2196,6 +2206,16 @@
                 "name": "value",
                 "description": "The value and text displayed of the menu item",
                 "type": "string"
+              },
+              {
+                "name": "startIcon",
+                "description": "An icon displayed before the value text",
+                "type": "string"
+              },
+              {
+                "name": "endIcon",
+                "description": "An icon displayed after the value text",
+                "type": "string"
               }
             ],
             "events": [{ "name": "menuitemclick", "type": "CustomEvent" }]
@@ -6237,6 +6257,16 @@
               "name": "value",
               "description": "The value and text displayed of the menu item",
               "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "start-icon",
+              "description": "An icon displayed before the value text",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "end-icon",
+              "description": "An icon displayed after the value text",
+              "value": { "type": "string", "default": "''" }
             }
           ],
           "events": [{ "name": "menuitemclick", "type": "CustomEvent" }],
@@ -6247,6 +6277,16 @@
                 "name": "value",
                 "description": "The value and text displayed of the menu item",
                 "type": "string"
+              },
+              {
+                "name": "startIcon",
+                "description": "An icon displayed before the value text",
+                "type": "string"
+              },
+              {
+                "name": "endIcon",
+                "description": "An icon displayed after the value text",
+                "type": "string"
               }
             ],
             "events": [{ "name": "menuitemclick", "type": "CustomEvent" }]