@arcgis/core 4.34.0-next.92 → 4.34.0-next.93

package/assets/esri/themes/base/widgets/_ButtonMenu.scss

@@ -1,87 +0,0 @@
-@mixin buttonMenu() {
-  .esri-button-menu {
-    width: $button-width;
-    height: $button-height;
-  }
-
-  .esri-button-menu__content {
-    min-width: 200px;
-    max-height: 250px;
-    overflow: auto;
-
-    .esri-button-menu__item-wrapper,
-    .esri-button-menu__embedded-content-wrapper {
-      margin: 0;
-      padding: 0;
-      list-style: none;
-    }
-  }
-
-  .esri-button-menu__item {
-    display: block;
-    padding: 0;
-
-    .esri-button-menu__item-label {
-      display: flex;
-      position: relative;
-      align-items: center;
-      justify-content: flex-start;
-      margin: 0;
-      cursor: pointer;
-      padding: $cap-spacing $side-spacing;
-      text-decoration: none;
-      color: $font-color;
-      font-size: $font-size;
-      font-weight: $font-weight;
-
-      &:hover {
-        background-color: $background-color--hover;
-        color: $interactive-font-color--hover;
-      }
-
-      .esri-button-menu__item-label-content {
-        padding: 0 $side-spacing--half;
-        width: auto;
-      }
-    }
-
-    .esri-button-menu__icon {
-      color: $button-color;
-    }
-
-    .esri-button-menu__checkbox {
-      position: absolute;
-      opacity: 0;
-
-      &:checked {
-        ~ .esri-button-menu__embedded-content-wrapper {
-          display: block;
-        }
-      }
-    }
-
-    .esri-button-menu__embedded-content-wrapper {
-      display: none;
-
-      .esri-button-menu__checkbox {
-        &:checked {
-          ~ .esri-button-menu__item-label {
-            .esri-button-menu__icon {
-              display: block;
-            }
-          }
-        }
-      }
-    }
-  }
-
-  .esri-button-menu__item--selectable {
-    .esri-button-menu__icon {
-      display: none;
-    }
-  }
-}
-
-@if $include_ButtonMenu == true {
-  @include buttonMenu();
-}

package/widgets/FeatureTable/Grid/support/ButtonMenu.d.ts

@@ -1,4 +0,0 @@
-import "../../../../interfaces";
-
-import ButtonMenu = __esri.ButtonMenu;
-export default ButtonMenu;

package/widgets/FeatureTable/Grid/support/ButtonMenu.js

@@ -1,5 +0,0 @@
-/*
-All material copyright ESRI, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-*/
-import{__decorate as e}from"tslib";import{renderingSanitizer as t}from"../../../../core/sanitizerUtils.js";import{property as o}from"../../../../core/accessorSupport/decorators/property.js";import"../../../../core/has.js";import"../../../../core/Logger.js";import"../../../../core/RandomLCG.js";import{subclass as n}from"../../../../core/accessorSupport/decorators/subclass.js";import s from"../../../Widget.js";import i from"./ButtonMenuViewModel.js";import{loadCalciteComponents as r}from"../../../support/componentsUtils.js";import{globalCss as l}from"../../../support/globalCss.js";import{storeNode as a,isActivationKey as d}from"../../../support/widgetUtils.js";import{tsx as p}from"../../../support/jsxFactory.js";import"@arcgis/toolkit/dom";const c="esri-button-menu",m={base:c,content:`${c}__content`,itemWrapper:`${c}__item-wrapper`,icon:`${c}__icon`,item:`${c}__item`,itemLabel:`${c}__item-label`,itemLabelContent:`${c}__item-label-content`,selectableMenuItem:`${c}__item--selectable`,selectedMenuItem:`${c}__item--selected`,checkbox:`${c}__checkbox`,embeddedContentWrapper:`${c}__embedded-content-wrapper`,button:`${c}__button`,buttonSelected:`${c}__button--selected`};let u=class extends s{constructor(e,t){super(e,t),this._popover=null,this.disabled=!1,this.viewModel=new i}loadDependencies(){return r({button:()=>import("@esri/calcite-components/dist/components/calcite-button"),popover:()=>import("@esri/calcite-components/dist/components/calcite-popover")})}destroy(){this._popover=null}get items(){return this.viewModel.items}set items(e){this.viewModel.items=e}get open(){return this.viewModel.open}set open(e){this.viewModel.open=e}render(){const{open:e}=this,t=`${this.id}-button`;return p("div",{class:this.classes(m.base,l.widget),key:"menu"},p("calcite-button",{appearance:"transparent",bind:this,class:this.classes(m.button,e&&m.buttonSelected),disabled:this.disabled,iconStart:e?"x":"ellipsis",id:t,kind:"neutral",label:this.label||"button",onclick:()=>this._toggleOpen(e),tabIndex:0}),p("calcite-popover",{afterCreate:a,afterUpdate:()=>this._popover?.reposition(),autoClose:!0,bind:this,"data-node-ref":"_popover",label:this.label||"menu",open:e,overlayPositioning:"fixed",pointerDisabled:!0,referenceElement:t,onCalcitePopoverClose:this._onPopoverClose},this._renderMenuContent()))}_onPopoverClose(){this.open=!1}_renderMenuContent(){const{id:e,open:t}=this;return p("div",{afterCreate:this._afterMenuContentNodeCreate,bind:this,class:m.content,hidden:!t,key:"esri-button-menu-content"},p("ul",{"aria-labelledby":`${e}-button`,bind:this,class:m.itemWrapper,id:`${e}-menu`,role:"menu"},this.items?.length?this._renderItems():null))}_renderItems(){return this.items?.map((e,t)=>this._renderItem(e,t))}_renderItem(e,o,n){const s=null!=n?`${this.id}-menu-item-${o}-${n}`:`${this.id}-menu-item-${o}`,i=`${s}-label`,r=this.classes(m.item,e.selectionEnabled?m.selectableMenuItem:null,e.selectionEnabled&&e.selected?m.selectedMenuItem:null);return p("li",{afterCreate:this._afterMenuItemCreate,bind:this,class:r,"data-item-index":o,"data-item-subIndex":n,for:s,key:s,onclick:t=>this._handleMenuItemInteraction(t,e),onkeydown:t=>this._handleMenuItemKeydown(t,e),role:"menuitem",tabIndex:this.disabled?-1:0},p("input",{checked:e.selected,class:m.checkbox,disabled:!0,id:s,name:s,tabIndex:-1,type:"checkbox"}),p("label",{class:m.itemLabel,for:s,id:i},p("span",{"aria-hidden":"true",class:m.icon}),p("span",{class:m.itemLabelContent},t.sanitize(e.label))),p("ul",{"aria-labelledby":i,class:m.embeddedContentWrapper,id:`${this.id}-submenu`,role:"menu"},e?.items?.map((e,t)=>this._renderItem(e,o,t))))}_handleMenuItemInteraction(e,t){t.selected=!t.selected,t.open=!(!t.selected||!t.items),t.autoCloseMenu&&this.set("open",!1),t.clickFunction?.({event:e,item:t}),e.stopPropagation()}_handleMenuItemKeydown(e,t){const{key:o}=e;d(o)&&this._handleMenuItemInteraction(e,t),"Escape"===o&&(this.open=!1,e.preventDefault(),e.stopPropagation())}_afterMenuContentNodeCreate(e){e.focus()}_toggleOpen(e){this.open=!e}_afterMenuItemCreate(e){0===e["data-item-index"]&&e.focus()}};e([o()],u.prototype,"disabled",void 0),e([o()],u.prototype,"items",null),e([o()],u.prototype,"open",null),e([o()],u.prototype,"viewModel",void 0),u=e([n("esri.widgets.FeatureTable.Grid.support.ButtonMenu")],u);const b=u;export{b as default};

package/widgets/FeatureTable/Grid/support/ButtonMenuItem.d.ts

@@ -1,4 +0,0 @@
-import "../../../../interfaces";
-
-import ButtonMenuItem = __esri.ButtonMenuItem;
-export default ButtonMenuItem;

package/widgets/FeatureTable/Grid/support/ButtonMenuItem.js

@@ -1,5 +0,0 @@
-/*
-All material copyright ESRI, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-*/
-import{__decorate as o}from"tslib";import t from"../../../../core/Accessor.js";import{property as e}from"../../../../core/accessorSupport/decorators/property.js";import{cast as s}from"../../../../core/accessorSupport/decorators/cast.js";import"../../../../core/has.js";import"../../../../core/RandomLCG.js";import{subclass as r}from"../../../../core/accessorSupport/decorators/subclass.js";var p;let c=p=class extends t{constructor(o){super(o),this.autoCloseMenu=!1,this.items=null,this.label=null,this.open=!1,this.selected=!1,this.selectionEnabled=!1,this.clickFunction=null}castItems(o){return o?o.map(o=>o instanceof p?o:new p(o)):null}};o([e()],c.prototype,"autoCloseMenu",void 0),o([e()],c.prototype,"items",void 0),o([s("items")],c.prototype,"castItems",null),o([e()],c.prototype,"label",void 0),o([e()],c.prototype,"open",void 0),o([e()],c.prototype,"selected",void 0),o([e()],c.prototype,"selectionEnabled",void 0),o([e()],c.prototype,"clickFunction",void 0),c=p=o([r("esri.widgets.FeatureTable.Grid.support.ButtonMenuItem")],c);const i=c;export{i as default};

package/widgets/FeatureTable/Grid/support/ButtonMenuViewModel.d.ts

@@ -1,4 +0,0 @@
-import "../../../../interfaces";
-
-import ButtonMenuViewModel = __esri.ButtonMenuViewModel;
-export default ButtonMenuViewModel;

package/widgets/FeatureTable/Grid/support/ButtonMenuViewModel.js

@@ -1,5 +0,0 @@
-/*
-All material copyright ESRI, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-*/
-import{__decorate as o}from"tslib";import t from"../../../../core/Accessor.js";import{property as r}from"../../../../core/accessorSupport/decorators/property.js";import{cast as s}from"../../../../core/accessorSupport/decorators/cast.js";import"../../../../core/has.js";import"../../../../core/RandomLCG.js";import{subclass as e}from"../../../../core/accessorSupport/decorators/subclass.js";import p from"./ButtonMenuItem.js";let c=class extends t{constructor(o){super(o),this.items=null,this.open=!1}castItems(o){return o?o.map(o=>o instanceof p?o:new p(o)):null}};o([r()],c.prototype,"items",void 0),o([s("items")],c.prototype,"castItems",null),o([r()],c.prototype,"open",void 0),c=o([e("esri.widgets.FeatureTable.Grid.support.ButtonMenuViewModel")],c);const m=c;export{m as default};