Merge branch 'main' into renovate/lerna-monorepo

Esri · Aug 14, 2023 · 2d681f9 · 2d681f9
2 parents d692195 + c1584a1
commit 2d681f9
Show file tree

Hide file tree

Showing 8 changed files with 38 additions and 9 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/calcite-components-react/CHANGELOG.md b/packages/calcite-components-react/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.6.0-next.6](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@1.6.0-next.5...@esri/calcite-components-react@1.6.0-next.6) (2023-08-14)
+
+**Note:** Version bump only for package @esri/calcite-components-react
+
 ## [1.6.0-next.5](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components-react@1.6.0-next.4...@esri/calcite-components-react@1.6.0-next.5) (2023-08-11)
 
 **Note:** Version bump only for package @esri/calcite-components-react

diff --git a/packages/calcite-components-react/package.json b/packages/calcite-components-react/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@esri/calcite-components-react",
   "sideEffects": false,
-  "version": "1.6.0-next.5",
+  "version": "1.6.0-next.6",
   "description": "A set of React components that wrap calcite components",
   "license": "SEE LICENSE.md",
   "scripts": {
@@ -17,7 +17,7 @@
     "dist/"
   ],
   "dependencies": {
-    "@esri/calcite-components": "^1.6.0-next.5"
+    "@esri/calcite-components": "^1.6.0-next.6"
   },
   "peerDependencies": {
     "react": ">=16.7",

diff --git a/packages/calcite-components/CHANGELOG.md b/packages/calcite-components/CHANGELOG.md
@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.6.0-next.6](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@1.6.0-next.5...@esri/calcite-components@1.6.0-next.6) (2023-08-14)
+
+### Bug Fixes
+
+- **progress:** completes animation for `dir='rtl'` ([#7511](https://github.com/Esri/calcite-design-system/issues/7511)) ([c5d6ada](https://github.com/Esri/calcite-design-system/commit/c5d6adacadf85ab12bfff5351fc0d448c153dae5)), closes [#6569](https://github.com/Esri/calcite-design-system/issues/6569)
+
 ## [1.6.0-next.5](https://github.com/Esri/calcite-design-system/compare/@esri/calcite-components@1.6.0-next.4...@esri/calcite-components@1.6.0-next.5) (2023-08-11)
 
 ### Bug Fixes

diff --git a/packages/calcite-components/package.json b/packages/calcite-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "1.6.0-next.5",
+  "version": "1.6.0-next.6",
   "description": "Web Components for Esri's Calcite Design System.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

diff --git a/packages/calcite-components/src/components/progress/progress.scss b/packages/calcite-components/src/components/progress/progress.scss
@@ -31,6 +31,9 @@
 .indeterminate {
   @apply w-1/5;
   animation: looping-progress-bar-ani scaleDuration(--calcite-internal-animation-timing-medium, 11) linear infinite;
+  &.calcite--rtl {
+    animation-name: looping-progress-bar-ani-rtl;
+  }
 }
 
 .reversed {
@@ -54,4 +57,16 @@
   }
 }
 
+@keyframes looping-progress-bar-ani-rtl {
+  0% {
+    transform: translate3d(100%, 0, 0);
+  }
+  50% {
+    inline-size: 40%;
+  }
+  100% {
+    transform: translate3d(-600%, 0, 0);
+  }
+}
+
 @include base-component();
diff --git a/packages/calcite-components/src/components/progress/progress.tsx b/packages/calcite-components/src/components/progress/progress.tsx
@@ -1,4 +1,6 @@
 import { Component, Element, h, Prop, VNode } from "@stencil/core";
+import { getElementDir } from "../../utils/dom";
+import { CSS_UTILITY } from "../../utils/resources";
 @Component({
   tag: "calcite-progress",
   styleUrl: "progress.scss",
@@ -30,6 +32,7 @@ export class Progress {
   render(): VNode {
     const isDeterminate = this.type === "determinate";
     const barStyles = isDeterminate ? { width: `${this.value * 100}%` } : {};
+    const dir = getElementDir(this.el);
     return (
       <div
         aria-label={this.label || this.text}
@@ -43,6 +46,7 @@ export class Progress {
             class={{
               bar: true,
               indeterminate: this.type === "indeterminate",
+              [CSS_UTILITY.rtl]: dir === "rtl",
               reversed: this.reversed,
             }}
             style={barStyles}

diff --git a/packages/calcite-components/src/components/tooltip/tooltip.e2e.ts b/packages/calcite-components/src/components/tooltip/tooltip.e2e.ts
@@ -852,7 +852,7 @@ describe("calcite-tooltip", () => {
     });
   });
 
-  it.skip("should open hovered tooltip while pointer is moving", async () => {
+  it("should open hovered tooltip while pointer is moving", async () => {
     const page = await newE2EPage();
     await page.setContent(
       html`
@@ -908,7 +908,7 @@ describe("calcite-tooltip", () => {
     }
   });
 
-  it.skip("should close non hovered tooltip while pointer is moving", async () => {
+  it("should close non hovered tooltip while pointer is moving", async () => {
     const page = await newE2EPage();
     await page.setContent(
       html`