@dreamworld/dw-ripple 2.2.3-development.1 → 2.2.3-kerika.1

package/.circleci/config.yml

@@ -1,48 +1,11 @@
-version: 2
+version: 2.1
 jobs:
-  merge-to-development:
-    machine: true
-    steps:
-      - run:
-          name: Clone Repository
-          working_directory: ~/workdir
-          command: |
-            echo "PR IS::"
-            echo $CIRCLE_PULL_REQUEST
-            if [[ -n ${CIRCLE_PULL_REQUEST} ]]
-            then
-              git clone https://${GH_TOKEN}@github.com/DreamworldSolutions/$CIRCLE_PROJECT_REPONAME.git  my-repo
-            else
-              echo "No PR Attached, so not doing anything"
-            fi
-      - run:
-          name: Merge PR branch to development
-          working_directory: ~/workdir/my-repo
-          command: |
-            if [[ -n ${CIRCLE_PULL_REQUEST} ]]
-            then
-              # circleci has 2.14.x as of now!
-              git --version
-              git config credential.helper 'cache --timeout=120'
-              git config user.email "dw-devops@dreamworld.solutions"
-              git config user.name "DW Devops"
-              git remote set-url --push origin https://${GH_TOKEN}@github.com/DreamworldSolutions/$CIRCLE_PROJECT_REPONAME.git
-              (git checkout -b feature/development origin/master || true)
-              (git pull origin feature/development || true)
-              git merge origin/$CIRCLE_BRANCH --no-ff --no-edit
-              git push origin feature/development
-              # Push quietly to prevent showing the token in log
-              git push -q origin feature/development
-            else
-              echo "No PR Attached, so not doing anything."
-            fi
-            
   release-snapshot:
     docker:
-      - image: circleci/node:14
+      - image: cimg/node:lts
     steps:
       - checkout
-      - run: yarn install --frozen-lockfile --non-interactive
+      - run: yarn install --frozen-lockfile --non-ineractive
       - run:
           name: Deploy
           command: |
@@ -51,27 +14,16 @@ jobs:
             npx semantic-release
   release:
     docker:
-      - image: circleci/node:14
+      - image: cimg/node:lts
     steps:
       - checkout
-      - run: yarn install --frozen-lockfile --non-interactive
+      - run: yarn install --frozen-lockfile --non-ineractive
       - run: echo "Running release job"
       - run:
           name: Deploy
           command: npx semantic-release
 
-
 workflows:
-  version: 2
-  merge-to-development:
-    jobs:
-      - merge-to-development:
-          context: Dreamworld
-          filters:
-            branches:
-              ignore:
-                - master
-                - feature/development
   release:
     jobs:
       - release-snapshot:
@@ -79,10 +31,10 @@ workflows:
           filters:
             branches:
               only:
-                - feature/development
+                - /^feature\/.+$/
       - release:
           context: Dreamworld
           filters:
-              branches:
-                only:
-                  - master
+            branches:
+              only:
+                - master

package/README.md

@@ -47,4 +47,4 @@ By default ripple is shown in `--mdc-theme-on-surface`. That should be ok for mo
 special place, set said CSS property to any other color.
 
 
-it's opacity can't be configured as of now. If needed please raise a feature request.
+it's opacity can't be configured as of now. If needed please raise a feature request.

package/demo/dw-ripple-demo.js

@@ -57,8 +57,8 @@ export class DwRippleDemo extends LitElement {
     return html`
       <section class="main">
         <mwc-formfield label="Enable dark theme">
-          <mwc-switch @click="${(e) => {
-              if (e.target.selected) {
+          <mwc-switch @change="${(e) => {
+              if (e.target.checked) {
                 this.setAttribute('dark-theme', e.detail);
                 return;
               }

package/dw-ripple.js

@@ -1,4 +1,4 @@
-import { css } from 'lit-element';
+import { css } from 'lit';
 
 // These are the mwc element needed by this element.
 import { Ripple } from '@material/mwc-ripple';
@@ -72,7 +72,7 @@ export class DwRipple extends Ripple {
     parent.addEventListener('mouseenter', this._rippleHander.startHover);
     parent.addEventListener('mouseleave', this._rippleHander.endHover);
     parent.addEventListener('mousedown', this.__onMouseDown);
-    parent.addEventListener('touchstart', this.__onTouchStart);
+    parent.addEventListener('touchstart', this.__onTouchStart, { passive: true });
     parent.addEventListener('focus', this._rippleHander.startFocus);
     parent.addEventListener('blur', this._rippleHander.endFocus);
   }

package/index.html

@@ -2,7 +2,7 @@
   <head>
       <meta http-equiv="refresh" content="0;url=/demo/" />
   </head>
-  <body>
+  <body> 
 
   </body>
 </html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dreamworld/dw-ripple",
-  "version": "2.2.3-development.1",
+  "version": "2.2.3-kerika.1",
   "description": "Ripple element created as child-class of [`mwc-ripple`] (https://github.com/material-components/material-components-web-components/tree/master/packages/ripple)",
   "main": "dw-ripple.js",
   "scripts": {
@@ -18,16 +18,16 @@
   },
   "homepage": "https://github.com/DreamworldSolutions/dw-ripple#readme",
   "dependencies": {
-    "@material/mwc-ripple": "^0.26.1",
-    "lit-element": "^2.2.0"
+    "@material/mwc-ripple": "0.27.0",
+    "lit": "^3.3.0"
   },
   "devDependencies": {
     "@dreamworld/material-styles": "^1.1.0",
     "@dreamworld/pwa-helpers": "^1.10.0",
-    "@material/mwc-formfield": "^0.26.1",
-    "@material/mwc-switch": "^0.26.1",
+    "@material/mwc-formfield": "0.20.0",
+    "@material/mwc-switch": "0.20.0",
     "@webcomponents/webcomponentsjs": "^2.2.10",
-    "semantic-release": "17.4.2"
+    "semantic-release": "17.0.8"
   },
   "resolutions": {
     "tslib": "2.1.0"