@openeuropa/bcl-bootstrap 0.14.0 → 0.18.0

package/bin/build-plugins.js

@@ -4,182 +4,99 @@
  * Script to build our plugins to use them separately.
  * Copyright 2020-2021 The Bootstrap Authors
  * Copyright 2020-2021 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/../blob/main/LICENSE)
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
  */
 
-"use strict";
-
-const path = require("path");
-const rollup = require("rollup");
-const { babel } = require("@rollup/plugin-babel");
-
-const rootPath = path.resolve(__dirname, "../plugins");
-const plugins = [
-  babel({
-    // Only transpile our source code
-    exclude: "node_modules/**",
-    // Include the helpers in each file, at most one copy of each
-    babelHelpers: "bundled",
-  }),
-];
-const bsPlugins = {
-  Data: path.resolve(__dirname, "../js/src/dom/data.js"),
-  EventHandler: path.resolve(__dirname, "../js/src/dom/event-handler.js"),
-  Manipulator: path.resolve(__dirname, "../js/src/dom/manipulator.js"),
-  SelectorEngine: path.resolve(__dirname, "../js/src/dom/selector-engine.js"),
-  Alert: path.resolve(__dirname, "../js/src/alert.js"),
-  Base: path.resolve(__dirname, "../js/src/base-component.js"),
-  Button: path.resolve(__dirname, "../js/src/button.js"),
-  Carousel: path.resolve(__dirname, "../js/src/carousel.js"),
-  Collapse: path.resolve(__dirname, "../js/src/collapse.js"),
-  Dropdown: path.resolve(__dirname, "../js/src/dropdown.js"),
-  Modal: path.resolve(__dirname, "../js/src/modal.js"),
-  Offcanvas: path.resolve(__dirname, "../js/src/modal.js"),
-  Popover: path.resolve(__dirname, "../js/src/popover.js"),
-  ScrollSpy: path.resolve(__dirname, "../js/src/scrollspy.js"),
-  Tab: path.resolve(__dirname, "../js/src/tab.js"),
-  Toast: path.resolve(__dirname, "../js/src/toast.js"),
-  Tooltip: path.resolve(__dirname, "../js/src/tooltip.js"),
-};
-
-const defaultPluginConfig = {
-  external: [
-    bsPlugins.Data,
-    bsPlugins.Base,
-    bsPlugins.EventHandler,
-    bsPlugins.SelectorEngine,
-  ],
-  globals: {
-    [bsPlugins.Data]: "Data",
-    [bsPlugins.Base]: "Base",
-    [bsPlugins.EventHandler]: "EventHandler",
-    [bsPlugins.SelectorEngine]: "SelectorEngine",
-  },
-};
-
-const getConfigByPluginKey = (pluginKey) => {
-  if (
-    pluginKey === "Data" ||
-    pluginKey === "Manipulator" ||
-    pluginKey === "EventHandler" ||
-    pluginKey === "SelectorEngine" ||
-    pluginKey === "Util" ||
-    pluginKey === "Sanitizer" ||
-    pluginKey === "Backdrop"
-  ) {
-    return {
-      external: [],
-    };
-  }
-
-  if (
-    pluginKey === "Alert" ||
-    pluginKey === "Tab" ||
-    pluginKey === "Offcanvas"
-  ) {
-    return defaultPluginConfig;
-  }
-
-  if (
-    pluginKey === "Base" ||
-    pluginKey === "Button" ||
-    pluginKey === "Carousel" ||
-    pluginKey === "Collapse" ||
-    pluginKey === "Modal" ||
-    pluginKey === "ScrollSpy"
-  ) {
-    const config = Object.assign(defaultPluginConfig);
-    config.external.push(bsPlugins.Manipulator);
-    config.globals[bsPlugins.Manipulator] = "Manipulator";
-    return config;
-  }
-
-  if (pluginKey === "Dropdown" || pluginKey === "Tooltip") {
-    const config = Object.assign(defaultPluginConfig);
-    config.external.push(bsPlugins.Manipulator, "@popperjs/core");
-    config.globals[bsPlugins.Manipulator] = "Manipulator";
-    config.globals["@popperjs/core"] = "Popper";
-    return config;
-  }
-
-  if (pluginKey === "Popover") {
-    return {
-      external: [bsPlugins.Data, bsPlugins.SelectorEngine, bsPlugins.Tooltip],
-      globals: {
-        [bsPlugins.Data]: "Data",
-        [bsPlugins.SelectorEngine]: "SelectorEngine",
-        [bsPlugins.Tooltip]: "Tooltip",
-      },
-    };
-  }
+'use strict'
 
-  if (pluginKey === "Toast") {
-    return {
-      external: [
-        bsPlugins.Data,
-        bsPlugins.Base,
-        bsPlugins.EventHandler,
-        bsPlugins.Manipulator,
-      ],
-      globals: {
-        [bsPlugins.Data]: "Data",
-        [bsPlugins.Base]: "Base",
-        [bsPlugins.EventHandler]: "EventHandler",
-        [bsPlugins.Manipulator]: "Manipulator",
-      },
-    };
-  }
-};
+const path = require('path')
+const rollup = require('rollup')
+const glob = require('glob')
+const { babel } = require('@rollup/plugin-babel')
 
-const utilObjects = new Set(["Util", "Sanitizer", "Backdrop"]);
+const srcPath = path.resolve(__dirname, '../js/src/')
+const jsFiles = glob.sync(srcPath + '/**/*.js')
 
-const domObjects = new Set([
-  "Data",
-  "EventHandler",
-  "Manipulator",
-  "SelectorEngine",
-]);
+// Array which holds the resolved plugins
+const resolvedPlugins = []
 
-const build = async (plugin) => {
-  console.log(`Building ${plugin} plugin...`);
+// Trims the "js" extension and uppercases => first letter, hyphens, backslashes & slashes
+const filenameToEntity = filename => filename.replace('.js', '')
+  .replace(/(?:^|-|\/|\\)[a-z]/g, str => str.slice(-1).toUpperCase())
 
-  const { external, globals } = getConfigByPluginKey(plugin);
-  const pluginFilename = path.basename(bsPlugins[plugin]);
-  let pluginPath = rootPath;
+for (const file of jsFiles) {
+  resolvedPlugins.push({
+    src: file.replace('.js', ''),
+    dist: file.replace('src', 'dist'),
+    fileName: path.basename(file),
+    className: filenameToEntity(path.basename(file))
+    // safeClassName: filenameToEntity(path.relative(srcPath, file))
+  })
+}
 
-  if (utilObjects.has(plugin)) {
-    pluginPath = `${rootPath}/util/`;
-  }
-
-  if (domObjects.has(plugin)) {
-    pluginPath = `${rootPath}/dom/`;
-  }
+const build = async plugin => {
+  const globals = {}
 
   const bundle = await rollup.rollup({
-    input: bsPlugins[plugin],
-    plugins,
-    external,
-  });
+    input: plugin.src,
+    plugins: [
+      babel({
+        // Only transpile our source code
+        exclude: 'node_modules/**',
+        // Include the helpers in each file, at most one copy of each
+        babelHelpers: 'bundled'
+      })
+    ],
+    external: source => {
+      // Pattern to identify local files
+      const pattern = /^(\.{1,2})\//
+
+      // It's not a local file, e.g a Node.js package
+      if (!pattern.test(source)) {
+        globals[source] = source
+        return true
+      }
+
+      const usedPlugin = resolvedPlugins.find(plugin => {
+        return plugin.src.includes(source.replace(pattern, ''))
+      })
+
+      if (!usedPlugin) {
+        throw new Error(`Source ${source} is not mapped!`)
+      }
+
+      // We can change `Index` with `UtilIndex` etc if we use
+      // `safeClassName` instead of `className` everywhere
+      globals[path.normalize(usedPlugin.src)] = usedPlugin.className
+      return true
+    }
+  })
 
   await bundle.write({
-    format: "umd",
-    name: plugin,
+    format: 'umd',
+    name: plugin.className,
     sourcemap: true,
     globals,
-    file: path.resolve(__dirname, `${pluginPath}/${pluginFilename}`),
-  });
+    generatedCode: 'es2015',
+    file: plugin.dist
+  })
 
-  console.log(`Building ${plugin} plugin... Done!`);
-};
+  console.log(`Built ${plugin.className}`)
+}
 
-const main = async () => {
+(async () => {
   try {
-    await Promise.all(Object.keys(bsPlugins).map((plugin) => build(plugin)));
-  } catch (error) {
-    console.error(error);
+    const basename = path.basename(__filename)
+    const timeLabel = `[${basename}] finished`
 
-    process.exit(1);
-  }
-};
+    console.log('Building individual plugins...')
+    console.time(timeLabel)
+
+    await Promise.all(Object.values(resolvedPlugins).map(plugin => build(plugin)))
 
-main();
+    console.timeEnd(timeLabel)
+  } catch (error) {
+    console.error(error)
+    process.exit(1)
+  }
+})()

package/bootstrap-icons.js

@@ -1,4 +1,5 @@
 export default [
+  "123",
   "alarm-fill",
   "alarm",
   "align-bottom",
@@ -1323,5 +1324,214 @@ export default [
   "x",
   "youtube",
   "zoom-in",
-  "zoom-out"
+  "zoom-out",
+  "bank",
+  "bank2",
+  "bell-slash-fill",
+  "bell-slash",
+  "cash-coin",
+  "check-lg",
+  "coin",
+  "currency-bitcoin",
+  "currency-dollar",
+  "currency-euro",
+  "currency-exchange",
+  "currency-pound",
+  "currency-yen",
+  "dash-lg",
+  "exclamation-lg",
+  "file-earmark-pdf-fill",
+  "file-earmark-pdf",
+  "file-pdf-fill",
+  "file-pdf",
+  "gender-ambiguous",
+  "gender-female",
+  "gender-male",
+  "gender-trans",
+  "headset-vr",
+  "info-lg",
+  "mastodon",
+  "messenger",
+  "piggy-bank-fill",
+  "piggy-bank",
+  "pin-map-fill",
+  "pin-map",
+  "plus-lg",
+  "question-lg",
+  "recycle",
+  "reddit",
+  "safe-fill",
+  "safe2-fill",
+  "safe2",
+  "sd-card-fill",
+  "sd-card",
+  "skype",
+  "slash-lg",
+  "translate",
+  "x-lg",
+  "safe",
+  "apple",
+  "microsoft",
+  "windows",
+  "behance",
+  "dribbble",
+  "line",
+  "medium",
+  "paypal",
+  "pinterest",
+  "signal",
+  "snapchat",
+  "spotify",
+  "stack-overflow",
+  "strava",
+  "wordpress",
+  "vimeo",
+  "activity",
+  "easel2-fill",
+  "easel2",
+  "easel3-fill",
+  "easel3",
+  "fan",
+  "fingerprint",
+  "graph-down-arrow",
+  "graph-up-arrow",
+  "hypnotize",
+  "magic",
+  "person-rolodex",
+  "person-video",
+  "person-video2",
+  "person-video3",
+  "person-workspace",
+  "radioactive",
+  "webcam-fill",
+  "webcam",
+  "yin-yang",
+  "bandaid-fill",
+  "bandaid",
+  "bluetooth",
+  "body-text",
+  "boombox",
+  "boxes",
+  "dpad-fill",
+  "dpad",
+  "ear-fill",
+  "ear",
+  "envelope-check-1",
+  "envelope-check-fill",
+  "envelope-check",
+  "envelope-dash-1",
+  "envelope-dash-fill",
+  "envelope-dash",
+  "envelope-exclamation-1",
+  "envelope-exclamation-fill",
+  "envelope-exclamation",
+  "envelope-plus-fill",
+  "envelope-plus",
+  "envelope-slash-1",
+  "envelope-slash-fill",
+  "envelope-slash",
+  "envelope-x-1",
+  "envelope-x-fill",
+  "envelope-x",
+  "explicit-fill",
+  "explicit",
+  "git",
+  "infinity",
+  "list-columns-reverse",
+  "list-columns",
+  "meta",
+  "mortorboard-fill",
+  "mortorboard",
+  "nintendo-switch",
+  "pc-display-horizontal",
+  "pc-display",
+  "pc-horizontal",
+  "pc",
+  "playstation",
+  "plus-slash-minus",
+  "projector-fill",
+  "projector",
+  "qr-code-scan",
+  "qr-code",
+  "quora",
+  "quote",
+  "robot",
+  "send-check-fill",
+  "send-check",
+  "send-dash-fill",
+  "send-dash",
+  "send-exclamation-1",
+  "send-exclamation-fill",
+  "send-exclamation",
+  "send-fill",
+  "send-plus-fill",
+  "send-plus",
+  "send-slash-fill",
+  "send-slash",
+  "send-x-fill",
+  "send-x",
+  "send",
+  "steam",
+  "terminal-dash-1",
+  "terminal-dash",
+  "terminal-plus",
+  "terminal-split",
+  "ticket-detailed-fill",
+  "ticket-detailed",
+  "ticket-fill",
+  "ticket-perferated-fill",
+  "ticket-perferated",
+  "ticket",
+  "tiktok",
+  "window-dash",
+  "window-desktop",
+  "window-fullscreen",
+  "window-plus",
+  "window-split",
+  "window-stack",
+  "window-x",
+  "xbox",
+  "ethernet",
+  "hdmi-fill",
+  "hdmi",
+  "usb-c-fill",
+  "usb-c",
+  "usb-fill",
+  "usb-plug-fill",
+  "usb-plug",
+  "usb-symbol",
+  "usb",
+  "boombox-fill",
+  "displayport-1",
+  "displayport",
+  "gpu-card",
+  "memory",
+  "modem-fill",
+  "modem",
+  "motherboard-fill",
+  "motherboard",
+  "optical-audio-fill",
+  "optical-audio",
+  "pci-card",
+  "router-fill",
+  "router",
+  "ssd-fill",
+  "ssd",
+  "thunderbolt-fill",
+  "thunderbolt",
+  "usb-drive-fill",
+  "usb-drive",
+  "usb-micro-fill",
+  "usb-micro",
+  "usb-mini-fill",
+  "usb-mini",
+  "cloud-haze2",
+  "device-hdd-fill",
+  "device-hdd",
+  "device-ssd-fill",
+  "device-ssd",
+  "displayport-fill",
+  "mortarboard-fill",
+  "mortarboard",
+  "terminal-x"
 ]

package/js/dist/alert.js

@@ -1,145 +1,14 @@
-/*!
-  * Bootstrap alert.js v5.1.3 (https://getbootstrap.com/)
-  * Copyright 2011-2021 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
-  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
-  */
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('./dom/event-handler.js'), require('./base-component.js')) :
-  typeof define === 'function' && define.amd ? define(['./dom/event-handler', './base-component'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.Alert = factory(global.EventHandler, global.Base));
-})(this, (function (EventHandler, BaseComponent) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('./util/index'), require('./dom/event-handler'), require('./base-component'), require('./util/component-functions')) :
+  typeof define === 'function' && define.amd ? define(['./util/index', './dom/event-handler', './base-component', './util/component-functions'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.Alert = factory(global.Index, global.EventHandler, global.BaseComponent, global.ComponentFunctions));
+})(this, (function (index, EventHandler, BaseComponent, componentFunctions) { 'use strict';
 
   const _interopDefaultLegacy = e => e && typeof e === 'object' && 'default' in e ? e : { default: e };
 
   const EventHandler__default = /*#__PURE__*/_interopDefaultLegacy(EventHandler);
   const BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
 
-  /**
-   * --------------------------------------------------------------------------
-   * Bootstrap (v5.1.3): util/index.js
-   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
-   * --------------------------------------------------------------------------
-   */
-
-  const getSelector = element => {
-    let selector = element.getAttribute('data-bs-target');
-
-    if (!selector || selector === '#') {
-      let hrefAttr = element.getAttribute('href'); // The only valid content that could double as a selector are IDs or classes,
-      // so everything starting with `#` or `.`. If a "real" URL is used as the selector,
-      // `document.querySelector` will rightfully complain it is invalid.
-      // See https://github.com/twbs/bootstrap/issues/32273
-
-      if (!hrefAttr || !hrefAttr.includes('#') && !hrefAttr.startsWith('.')) {
-        return null;
-      } // Just in case some CMS puts out a full URL with the anchor appended
-
-
-      if (hrefAttr.includes('#') && !hrefAttr.startsWith('#')) {
-        hrefAttr = `#${hrefAttr.split('#')[1]}`;
-      }
-
-      selector = hrefAttr && hrefAttr !== '#' ? hrefAttr.trim() : null;
-    }
-
-    return selector;
-  };
-
-  const getElementFromSelector = element => {
-    const selector = getSelector(element);
-    return selector ? document.querySelector(selector) : null;
-  };
-
-  const isDisabled = element => {
-    if (!element || element.nodeType !== Node.ELEMENT_NODE) {
-      return true;
-    }
-
-    if (element.classList.contains('disabled')) {
-      return true;
-    }
-
-    if (typeof element.disabled !== 'undefined') {
-      return element.disabled;
-    }
-
-    return element.hasAttribute('disabled') && element.getAttribute('disabled') !== 'false';
-  };
-
-  const getjQuery = () => {
-    const {
-      jQuery
-    } = window;
-
-    if (jQuery && !document.body.hasAttribute('data-bs-no-jquery')) {
-      return jQuery;
-    }
-
-    return null;
-  };
-
-  const DOMContentLoadedCallbacks = [];
-
-  const onDOMContentLoaded = callback => {
-    if (document.readyState === 'loading') {
-      // add listener on the first call when the document is in loading state
-      if (!DOMContentLoadedCallbacks.length) {
-        document.addEventListener('DOMContentLoaded', () => {
-          DOMContentLoadedCallbacks.forEach(callback => callback());
-        });
-      }
-
-      DOMContentLoadedCallbacks.push(callback);
-    } else {
-      callback();
-    }
-  };
-
-  const defineJQueryPlugin = plugin => {
-    onDOMContentLoaded(() => {
-      const $ = getjQuery();
-      /* istanbul ignore if */
-
-      if ($) {
-        const name = plugin.NAME;
-        const JQUERY_NO_CONFLICT = $.fn[name];
-        $.fn[name] = plugin.jQueryInterface;
-        $.fn[name].Constructor = plugin;
-
-        $.fn[name].noConflict = () => {
-          $.fn[name] = JQUERY_NO_CONFLICT;
-          return plugin.jQueryInterface;
-        };
-      }
-    });
-  };
-
-  /**
-   * --------------------------------------------------------------------------
-   * Bootstrap (v5.1.3): util/component-functions.js
-   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
-   * --------------------------------------------------------------------------
-   */
-
-  const enableDismissTrigger = (component, method = 'hide') => {
-    const clickEvent = `click.dismiss${component.EVENT_KEY}`;
-    const name = component.NAME;
-    EventHandler__default.default.on(document, clickEvent, `[data-bs-dismiss="${name}"]`, function (event) {
-      if (['A', 'AREA'].includes(this.tagName)) {
-        event.preventDefault();
-      }
-
-      if (isDisabled(this)) {
-        return;
-      }
-
-      const target = getElementFromSelector(this) || this.closest(`.${name}`);
-      const instance = component.getOrCreateInstance(target); // Method argument is left, for Alert and only, as it doesn't implement the 'hide' method
-
-      instance[method]();
-    });
-  };
-
   /**
    * --------------------------------------------------------------------------
    * Bootstrap (v5.1.3): alert.js
@@ -219,7 +88,7 @@
    */
 
 
-  enableDismissTrigger(Alert, 'close');
+  componentFunctions.enableDismissTrigger(Alert, 'close');
   /**
    * ------------------------------------------------------------------------
    * jQuery
@@ -227,7 +96,7 @@
    * add .Alert to jQuery only if jQuery is present
    */
 
-  defineJQueryPlugin(Alert);
+  index.defineJQueryPlugin(Alert);
 
   return Alert;