@ons/design-system 44.0.2 → 45.0.1

package/js/inpagelink.js

@@ -0,0 +1,31 @@
+export default function inPageLinks(links) {
+  if (document.getElementById('patternlib-page__example') === null) {
+    links.forEach(link => {
+      const id = link.getAttribute('href').replace('#', '');
+
+      link.addEventListener('click', event => {
+        event.preventDefault();
+        focusOnInput(id);
+      });
+    });
+  }
+}
+
+function focusOnInput(id) {
+  const container = document.getElementById(id);
+  container.scrollIntoView();
+
+  const input = [
+    ...container.getElementsByTagName('INPUT'),
+    ...container.getElementsByTagName('TEXTAREA'),
+    ...container.getElementsByTagName('SELECT'),
+  ].filter(input => {
+    const type = input.getAttribute('type');
+
+    return type !== 'readonly' && type !== 'hidden';
+  })[0];
+
+  if (input && input.getAttribute('tabindex') !== '-1') {
+    input.focus();
+  }
+}

package/js/main.js

@@ -0,0 +1,27 @@
+import './inpagelink.dom';
+import './print-button';
+import './cookies-settings.dom';
+import '../components/mutually-exclusive/mutually-exclusive.dom';
+import '../components/textarea/textarea.dom';
+import '../components/password/password.dom';
+import '../components/tabs/tabs.dom';
+import '../components/table-of-contents/toc.dom';
+import '../components/collapsible/collapsible.dom';
+import '../components/table/scrollable-table.dom';
+import '../components/table/sortable-table.dom';
+import '../components/header/header-nav.dom';
+import '../components/access-code/uac.dom';
+import '../components/relationships/relationships.dom';
+import '../components/checkboxes/checkboxes.dom';
+import '../components/radios/radios.dom';
+import '../components/autosuggest/autosuggest.dom';
+import '../components/address-input/autosuggest.address.dom';
+import '../components/input/character-check.dom';
+import '../components/cookies-banner/cookies-banner.dom';
+import '../components/button/button.dom';
+import '../components/reply/reply.dom';
+import '../components/skip-to-content/skip-to-content.dom';
+import '../components/download-resources/download-resources';
+import '../components/select/select';
+import '../components/modal/modal.dom';
+import '../components/timeout-modal/timeout.dom';

package/js/polyfills.js

@@ -0,0 +1,9 @@
+// This must be included for IE support
+import 'core-js';
+//import 'regenerator-runtime/runtime';
+import 'mdn-polyfills/CustomEvent';
+import 'mdn-polyfills/Node.prototype.append';
+import 'mdn-polyfills/Node.prototype.remove';
+import 'mdn-polyfills/Element.prototype.closest';
+import 'whatwg-fetch';
+import 'abortcontroller-polyfill/dist/polyfill-patch-fetch';

package/js/print-button.js

@@ -0,0 +1,16 @@
+import domready from './domready';
+
+export default function addEventListeners() {
+  const buttons = [...document.querySelectorAll('.ons-js-print-btn')];
+
+  buttons.forEach(button => {
+    button.addEventListener('click', handleClick);
+    button.classList.remove('ons-u-d-no');
+  });
+}
+
+function handleClick() {
+  window.print();
+}
+
+domready(addEventListeners);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ons/design-system",
   "description": "ONS Design System built CSS, JS, and Nunjucks templates",
-  "version": "44.0.2",
+  "version": "45.0.1",
   "main": "index.js",
   "license": "MIT",
   "author": {
@@ -19,7 +19,7 @@
     "test": "STYLES=main gulp build-styles && TEST_MODE=nomodule karma start ./karma.conf.babel-register.js && TEST_MODE=esm karma start ./karma.conf.babel-register.js && codecov",
     "test:browserstack": "STYLES=main gulp build-styles && TEST_MODE=nomodule TEST_ON_BROWSERSTACK=true karma start ./karma.conf.babel-register.js && TEST_MODE=esm TEST_ON_BROWSERSTACK=true karma start ./karma.conf.babel-register.js",
     "test-visual": "yarn build && npx percy exec -- babel-node src/tests/visual/percy.snapshots.js",
-    "tidy-clean": "rm -rf build css favicons fonts img components page-templates templates scripts coverage scss",
+    "tidy-clean": "rm -rf build css favicons fonts img components layout scripts coverage scss js",
     "check-unused": "npx npm-check-unused",
     "dedupe-deps": "npx yarn-deduplicate yarn.lock",
     "lint-staged": "lint-staged",
@@ -82,6 +82,7 @@
     "codecov": "3.7.2",
     "core-js": "^3.15.2",
     "cssnano": "^4.1.11",
+    "dialog-polyfill": "^0.5.6",
     "eslint": "^5.9.0",
     "eslint-cli": "^1.1.1",
     "eslint-config-prettier": "^3.3.0",
@@ -89,6 +90,7 @@
     "express": "^4.17.1",
     "fetch-mock": "^9.11.0",
     "front-matter": "^4.0.2",
+    "fs-extra": "^10.0.0",
     "fuse.js": "^3.6.1",
     "glob": "^7.1.3",
     "gulp": "^4.0.2",
@@ -123,7 +125,6 @@
     "mdn-polyfills": "^5.14.0",
     "minimist": "^1.2.5",
     "mocha": "8.1.3",
-    "ncp": "^2.0.0",
     "normalize.css": "^8.0.1",
     "nunjucks": "^3.2.3",
     "postcss": "^8.3.5",
@@ -137,7 +138,6 @@
     "remark-lint": "^8.0.0",
     "remark-preset-lint-recommended": "^5.0.0",
     "replace-in-file": "^6.1.0",
-    "rimraf": "^2.6.3",
     "stylelint": "^13.11.0",
     "stylelint-config-recommended": "^3.0.0",
     "stylelint-config-sass-guidelines": "^8.0.0",