@esri/calcite-components 1.0.0-next.477 → 1.0.0-next.478

package/hydrate/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.477
+ * v1.0.0-next.478
  */
 'use strict';
 
@@ -18438,30 +18438,28 @@ class DropdownItem {
   keyDownHandler(e) {
     switch (e.key) {
       case " ":
-        this.emitRequestedItem();
-        if (this.href) {
-          e.preventDefault();
-          this.childLink.click();
-        }
-        break;
       case "Enter":
         this.emitRequestedItem();
         if (this.href) {
           this.childLink.click();
         }
+        e.preventDefault();
         break;
       case "Escape":
         this.calciteInternalDropdownCloseRequest.emit();
+        e.preventDefault();
         break;
       case "Tab":
+        this.calciteInternalDropdownItemKeyEvent.emit({ keyboardEvent: e });
+        break;
       case "ArrowUp":
       case "ArrowDown":
       case "Home":
       case "End":
+        e.preventDefault();
         this.calciteInternalDropdownItemKeyEvent.emit({ keyboardEvent: e });
         break;
     }
-    e.preventDefault();
   }
   updateActiveItemOnChange(event) {
     const parentEmittedChange = event.composedPath().includes(this.parentDropdownGroupEl);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "1.0.0-next.477",
+  "version": "1.0.0-next.478",
   "description": "Web Components for Esri's Calcite Design System.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -73,16 +73,16 @@
     "@babel/preset-react": "7.17.12",
     "@esri/calcite-base": "^1.2.0",
     "@esri/calcite-colors": "6.0.1",
-    "@esri/calcite-ui-icons": "3.19.1",
+    "@esri/calcite-ui-icons": "3.19.3",
     "@esri/eslint-plugin-calcite-components": "0.1.4",
     "@stencil/eslint-plugin": "0.4.0",
     "@stencil/postcss": "2.1.0",
     "@stencil/sass": "1.5.2",
     "@stencil/state-tunnel": "^1.0.1",
-    "@storybook/addon-a11y": "6.5.4",
-    "@storybook/addon-docs": "6.5.4",
+    "@storybook/addon-a11y": "6.5.5",
+    "@storybook/addon-docs": "6.5.5",
     "@storybook/addon-knobs": "6.4.0",
-    "@storybook/html": "6.5.4",
+    "@storybook/html": "6.5.5",
     "@storybook/storybook-deployer": "2.8.11",
     "@types/dedent": "0.7.0",
     "@types/git-semver-tags": "4.1.1",
@@ -112,7 +112,7 @@
     "eslint": "8.16.0",
     "eslint-config-prettier": "8.5.0",
     "eslint-plugin-jest": "26.2.2",
-    "eslint-plugin-jsdoc": "39.3.0",
+    "eslint-plugin-jsdoc": "39.3.2",
     "eslint-plugin-prettier": "4.0.0",
     "eslint-plugin-react": "7.30.0",
     "eslint-plugin-unicorn": "42.0.0",
@@ -122,7 +122,7 @@
     "jest": "26.6.3",
     "jest-axe": "6.0.0",
     "jest-cli": "26.6.3",
-    "lint-staged": "12.4.1",
+    "lint-staged": "12.4.2",
     "pify": "5.0.0",
     "postcss": "8.4.14",
     "prettier": "2.6.2",
@@ -133,10 +133,10 @@
     "shell-quote": "1.7.3",
     "standard-version": "9.5.0",
     "stencil-eslint-core": "0.3.1",
-    "storybook": "6.5.4",
+    "storybook": "6.5.5",
     "storybook-addon-themes": "6.1.0",
     "storybook-rtl-addon": "0.3.3",
-    "stylelint": "14.8.3",
+    "stylelint": "14.8.5",
     "stylelint-config-recommended-scss": "6.0.0",
     "tailwindcss": "3.0.24",
     "ts-jest": "27.1.2",

package/dist/calcite/p-23d41908.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.477
- */
-import{h as t}from"./p-079a9970.js";function e(t){return Math.min(Math.max(Math.ceil(t),1),6)}const r=(e,r)=>{const a=`h${e.level}`;return delete e.level,t(a,Object.assign({},e),r)};export{r as H,e as c}

package/dist/calcite/p-630793c1.system.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.477
- */
-System.register(["./p-c4e35407.system.js","./p-59eba4cd.system.js","./p-1630e0a1.system.js","./p-aa4e228f.system.js"],(function(e){"use strict";var t,n,r,o,i;return{setters:[function(e){t=e.f;n=e.h},function(e){r=e.a},function(e){o=e.S},function(e){i=e.S}],execute:function(){e("t",p);var a=e("o",150);var c=2;var u=function(e){var t=e.height,n=e.actionHeight,r=e.groupCount;return Math.floor((t-r*c)/n)};var l=e("g",(function(e){var t=e.actionCount,n=e.actionHeight,r=e.height,o=e.groupCount;return Math.max(t-u({height:r,actionHeight:n,groupCount:o}),0)}));var f=e("q",(function(e){return Array.from(e.querySelectorAll("calcite-action")).filter((function(e){return e.closest("calcite-action-menu")?e.slot===o.trigger:true}))}));var s=e("a",(function(e){var n=e.actionGroups,r=e.expanded,o=e.overflowCount;var a=o;n.reverse().forEach((function(e){var n=0;var o=f(e).reverse();o.forEach((function(e){if(e.slot===i.menuActions){e.removeAttribute("slot");e.textEnabled=r}}));if(a>0){o.some((function(e){var t=o.filter((function(e){return!e.slot}));if(t.length>1&&o.length>2&&!e.closest("calcite-action-menu")){e.textEnabled=true;e.setAttribute("slot",i.menuActions);n++;if(n>1){a--}}return a<1}))}t(e)}))}));var v={chevronsLeft:"chevrons-left",chevronsRight:"chevrons-right"};function h(e,t){var n;return e||((n=t.closest("calcite-shell-panel"))===null||n===void 0?void 0:n.position)||"start"}function p(e){var t=e.parent,n=e.expanded;f(t).filter((function(e){return e.slot!==i.menuActions})).forEach((function(e){return e.textEnabled=n}));t.querySelectorAll("calcite-action-group").forEach((function(e){return e.expanded=n}))}var d=function(e){var t=e.tooltip,n=e.referenceElement,r=e.expanded,o=e.ref;if(t){t.referenceElement=!r&&n?n:null}if(o){o(n)}return n};var g=e("E",(function(e){var t=e.expanded,o=e.intlExpand,i=e.intlCollapse,a=e.toggle,c=e.el,u=e.position,l=e.tooltip,f=e.ref,s=e.scale;var p=r(c)==="rtl";var g=t?i:o;var m=[v.chevronsLeft,v.chevronsRight];if(p){m.reverse()}var x=h(u,c)==="end";var E=x?m[1]:m[0];var y=x?m[0]:m[1];var A=n("calcite-action",{icon:t?E:y,onClick:a,ref:function(e){return d({tooltip:l,referenceElement:e,expanded:t,ref:f})},scale:s,text:g,textEnabled:t});return A}))}}}));

package/dist/calcite/p-7f61beea.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.477
- */
-import{f as t}from"./p-079a9970.js";import{c as o}from"./p-b4552752.js";const n=new Set;let s;const c={childList:!0};function f(t){s||(s=o("mutation",a)),s.observe(t.el,c)}function i(t){n.delete(t.el),a(s.takeRecords()),s.disconnect();for(const[t]of n.entries())s.observe(t,c)}function a(o){o.forEach((({target:o})=>{t(o)}))}export{f as c,i as d}

package/dist/calcite/p-f6d69334.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.477
- */
-import{a,r as t,h as i,H as n,g as e}from"./p-079a9970.js";import{a as r,t as s}from"./p-a13a8889.js";import{c as o}from"./p-b4552752.js";import"./p-c49f857a.js";const c={},l={},m={s:16,m:24,l:32};const h=class{constructor(a){t(this,a),this.icon=null,this.flipRtl=!1,this.scale="m",this.visible=!1}connectedCallback(){this.waitUntilVisible((()=>{this.visible=!0,this.loadIconPathData()}))}disconnectedCallback(){var a;null===(a=this.intersectionObserver)||void 0===a||a.disconnect(),this.intersectionObserver=null}async componentWillLoad(){this.loadIconPathData()}render(){const{el:a,flipRtl:t,pathData:e,scale:o,textLabel:c}=this,l=r(a),h=m[o],f=!!c,p=[].concat(e||"");return i(n,{"aria-hidden":s(!f),"aria-label":f?c:null,role:f?"img":null},i("svg",{class:{"flip-rtl":"rtl"===l&&t,svg:!0},fill:"currentColor",height:"100%",viewBox:`0 0 ${h} ${h}`,width:"100%",xmlns:"http://www.w3.org/2000/svg"},p.map((a=>i("path","string"==typeof a?{d:a}:{d:a.d,opacity:"opacity"in a?a.opacity:1})))))}async loadIconPathData(){const{icon:t,scale:i,visible:n}=this;t&&n&&(this.pathData=await async function({icon:t,scale:i}){const n=m[i],e=function(a){const t=!isNaN(Number(a.charAt(0))),i=a.split("-");return 1===i.length?t?`i${a}`:a:i.map(((a,i)=>0===i?t?`i${a.toUpperCase()}`:a:a.charAt(0).toUpperCase()+a.slice(1))).join("")}(t),r="F"===e.charAt(e.length-1),s=`${r?e.substring(0,e.length-1):e}${n}${r?"F":""}`;if(c[s])return c[s];l[s]||(l[s]=fetch(a(`./assets/icon/${s}.json`)).then((a=>a.json())).catch((()=>(console.error(`"${s}" is not a valid calcite-ui-icon name`),""))));const o=await l[s];return c[s]=o,o}({icon:t,scale:i}))}waitUntilVisible(a){this.intersectionObserver=o("intersection",(t=>{t.forEach((t=>{t.isIntersecting&&(this.intersectionObserver.disconnect(),this.intersectionObserver=null,a())}))}),{rootMargin:"50px"}),this.intersectionObserver?this.intersectionObserver.observe(this.el):a()}static get assetsDirs(){return["assets"]}get el(){return e(this)}static get watchers(){return{icon:["loadIconPathData"],scale:["loadIconPathData"]}}};h.style="@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-inline-flexbox;display:inline-flex;color:var(--calcite-ui-icon-color)}:host([scale=s]){height:1rem;width:1rem;min-width:1rem;min-height:1rem}:host([scale=m]){height:1.5rem;width:1.5rem;min-width:1.5rem;min-height:1.5rem}:host([scale=l]){height:2rem;width:2rem;min-width:2rem;min-height:2rem}.flip-rtl{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.svg{display:block}";export{h as calcite_icon}