@equinor/echo-components 0.3.3 → 0.4.0

package/dist/components/dialogGenerator/DialogGenerator.d.ts

@@ -5,6 +5,9 @@ export interface DialogGeneratorProps {
     children: React.ReactNode;
     title: string;
     actionButtons: ActionButton[];
+    open: boolean;
+    isDismissable?: boolean;
+    onClose?: () => void;
 }
 /**
  * Component that renders a dialog box based on input properties
@@ -14,6 +17,9 @@ export interface DialogGeneratorProps {
  *     title: the title of the dialog
  *     children: The main content of the dialog
  *     actionButtons: the buttons to show in the dialog
+ *     open: if the dialog should be open
+ *     isDismissable: if the modal is closable by clicking aside or by hitting ESC key
+ *     onClose: callback to be called when the dialog is closed
  * }
  * @return {*}  {JSX.Element} Dialog component
  */

package/dist/index.js

@@ -15423,6 +15423,9 @@ styleInject(css_248z$e);
  *     title: the title of the dialog
  *     children: The main content of the dialog
  *     actionButtons: the buttons to show in the dialog
+ *     open: if the dialog should be open
+ *     isDismissable: if the modal is closable by clicking aside or by hitting ESC key
+ *     onClose: callback to be called when the dialog is closed
  * }
  * @return {*}  {JSX.Element} Dialog component
  */
@@ -15431,10 +15434,18 @@ var DialogGenerator = function DialogGenerator(_ref) {
   var dialogStyle = _ref.dialogStyle,
       title = _ref.title,
       children = _ref.children,
-      actionButtons = _ref.actionButtons;
+      actionButtons = _ref.actionButtons,
+      open = _ref.open,
+      isDismissable = _ref.isDismissable,
+      _onClose = _ref.onClose;
   return /*#__PURE__*/React__default["default"].createElement(edsCoreReact.Dialog, {
-    style: dialogStyle
-  }, /*#__PURE__*/React__default["default"].createElement(edsCoreReact.Dialog.Title, null, title), /*#__PURE__*/React__default["default"].createElement(edsCoreReact.Dialog.CustomContent, null, children), actionButtons.length > 0 && /*#__PURE__*/React__default["default"].createElement(edsCoreReact.Dialog.Actions, {
+    style: dialogStyle,
+    open: open,
+    isDismissable: isDismissable,
+    onClose: function onClose() {
+      return _onClose && _onClose();
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(edsCoreReact.Dialog.Header, null, /*#__PURE__*/React__default["default"].createElement(edsCoreReact.Dialog.Title, null, title)), /*#__PURE__*/React__default["default"].createElement(edsCoreReact.Dialog.CustomContent, null, children), actionButtons.length > 0 && /*#__PURE__*/React__default["default"].createElement(edsCoreReact.Dialog.Actions, {
     className: styles$a.footer
   }, actionButtons.map(function (actionButton, index) {
     return /*#__PURE__*/React__default["default"].createElement(edsCoreReact.Button, {
@@ -17325,7 +17336,7 @@ function invariant(condition, message) {
 }
 
 /**!
- * Sortable 1.14.0
+ * Sortable 1.15.0
  * @author	RubaXa   <trash@rubaxa.org>
  * @author	owenm    <owen23355@gmail.com>
  * @license MIT
@@ -17453,7 +17464,7 @@ function _objectWithoutProperties(source, excluded) {
   return target;
 }
 
-var version = "1.14.0";
+var version = "1.15.0";
 
 function userAgent(pattern) {
   if (typeof window !== 'undefined' && window.navigator) {
@@ -18374,11 +18385,11 @@ supportDraggable = documentExists && !ChromeForAndroid && !IOS && 'draggable' in
   return dragElS1Opp === targetS1Opp || dragElS2Opp === targetS2Opp || dragElS1Opp + dragElOppLength / 2 === targetS1Opp + targetOppLength / 2;
 },
 
-/**
- * Detects first nearest empty sortable to X and Y position using emptyInsertThreshold.
- * @param  {Number} x      X position
- * @param  {Number} y      Y position
- * @return {HTMLElement}   Element of the first found nearest Sortable
+/**
+ * Detects first nearest empty sortable to X and Y position using emptyInsertThreshold.
+ * @param  {Number} x      X position
+ * @param  {Number} y      Y position
+ * @return {HTMLElement}   Element of the first found nearest Sortable
  */
 _detectNearestEmptySortable = function _detectNearestEmptySortable(x, y) {
   var ret;
@@ -18444,7 +18455,7 @@ _detectNearestEmptySortable = function _detectNearestEmptySortable(x, y) {
 }; // #1184 fix - Prevent click event on fallback if dragged but item not changed position
 
 
-if (documentExists) {
+if (documentExists && !ChromeForAndroid) {
   document.addEventListener('click', function (evt) {
     if (ignoreNextClick) {
       evt.preventDefault();
@@ -18486,10 +18497,10 @@ var _checkOutsideTargetEl = function _checkOutsideTargetEl(evt) {
     dragEl.parentNode[expando]._isOutsideThisEl(evt.target);
   }
 };
-/**
- * @class  Sortable
- * @param  {HTMLElement}  el
- * @param  {Object}       [options]
+/**
+ * @class  Sortable
+ * @param  {HTMLElement}  el
+ * @param  {Object}       [options]
  */
 
 
@@ -19063,6 +19074,7 @@ Sortable.prototype =
 
     if (!Sortable.eventCanceled) {
       cloneEl = clone(dragEl);
+      cloneEl.removeAttribute("id");
       cloneEl.draggable = false;
       cloneEl.style['will-change'] = '';
 
@@ -19304,7 +19316,14 @@ Sortable.prototype =
 
         if (_onMove(rootEl, el, dragEl, dragRect, target, targetRect, evt, !!target) !== false) {
           capture();
-          el.appendChild(dragEl);
+
+          if (elLastChild && elLastChild.nextSibling) {
+            // the last draggable element is not the last node
+            el.insertBefore(dragEl, elLastChild.nextSibling);
+          } else {
+            el.appendChild(dragEl);
+          }
+
           parentEl = el; // actualization
 
           changed();
@@ -19627,9 +19646,9 @@ Sortable.prototype =
     }
   },
 
-  /**
-   * Serializes the item into an array of string.
-   * @returns {String[]}
+  /**
+   * Serializes the item into an array of string.
+   * @returns {String[]}
    */
   toArray: function toArray() {
     var order = [],
@@ -19650,9 +19669,9 @@ Sortable.prototype =
     return order;
   },
 
-  /**
-   * Sorts the elements according to the array.
-   * @param  {String[]}  order  order of the items
+  /**
+   * Sorts the elements according to the array.
+   * @param  {String[]}  order  order of the items
    */
   sort: function sort(order, useAnimation) {
     var items = {},
@@ -19674,29 +19693,29 @@ Sortable.prototype =
     useAnimation && this.animateAll();
   },
 
-  /**
-   * Save the current sorting
+  /**
+   * Save the current sorting
    */
   save: function save() {
     var store = this.options.store;
     store && store.set && store.set(this);
   },
 
-  /**
-   * For each element in the set, get the first element that matches the selector by testing the element itself and traversing up through its ancestors in the DOM tree.
-   * @param   {HTMLElement}  el
-   * @param   {String}       [selector]  default: `options.draggable`
-   * @returns {HTMLElement|null}
+  /**
+   * For each element in the set, get the first element that matches the selector by testing the element itself and traversing up through its ancestors in the DOM tree.
+   * @param   {HTMLElement}  el
+   * @param   {String}       [selector]  default: `options.draggable`
+   * @returns {HTMLElement|null}
    */
   closest: function closest$1(el, selector) {
     return closest(el, selector || this.options.draggable, this.el, false);
   },
 
-  /**
-   * Set/get option
-   * @param   {string} name
-   * @param   {*}      [value]
-   * @returns {*}
+  /**
+   * Set/get option
+   * @param   {string} name
+   * @param   {*}      [value]
+   * @returns {*}
    */
   option: function option(name, value) {
     var options = this.options;
@@ -19718,8 +19737,8 @@ Sortable.prototype =
     }
   },
 
-  /**
-   * Destroy
+  /**
+   * Destroy
    */
   destroy: function destroy() {
     pluginEvent('destroy', this);
@@ -19896,11 +19915,11 @@ function _getSwapDirection(evt, target, targetRect, vertical, swapThreshold, inv
 
   return 0;
 }
-/**
- * Gets the direction dragEl must be swapped relative to target in order to make it
- * seem that dragEl has been "inserted" into that element's position
- * @param  {HTMLElement} target       The target whose position dragEl is being inserted at
- * @return {Number}                   Direction dragEl must be swapped
+/**
+ * Gets the direction dragEl must be swapped relative to target in order to make it
+ * seem that dragEl has been "inserted" into that element's position
+ * @param  {HTMLElement} target       The target whose position dragEl is being inserted at
+ * @return {Number}                   Direction dragEl must be swapped
  */
 
 
@@ -19911,11 +19930,11 @@ function _getInsertDirection(target) {
     return -1;
   }
 }
-/**
- * Generate id
- * @param   {HTMLElement} el
- * @returns {String}
- * @private
+/**
+ * Generate id
+ * @param   {HTMLElement} el
+ * @returns {String}
+ * @private
  */
 
 
@@ -19979,18 +19998,18 @@ Sortable.utils = {
   detectDirection: _detectDirection,
   getChild: getChild
 };
-/**
- * Get the Sortable instance of an element
- * @param  {HTMLElement} element The element
- * @return {Sortable|undefined}         The instance of Sortable
+/**
+ * Get the Sortable instance of an element
+ * @param  {HTMLElement} element The element
+ * @return {Sortable|undefined}         The instance of Sortable
  */
 
 Sortable.get = function (element) {
   return element[expando];
 };
-/**
- * Mount a plugin to Sortable
- * @param  {...SortablePlugin|SortablePlugin[]} plugins       Plugins being mounted
+/**
+ * Mount a plugin to Sortable
+ * @param  {...SortablePlugin|SortablePlugin[]} plugins       Plugins being mounted
  */
 
 
@@ -20009,10 +20028,10 @@ Sortable.mount = function () {
     PluginManager.mount(plugin);
   });
 };
-/**
- * Create sortable instance
- * @param {HTMLElement}  el
- * @param {Object}      [options]
+/**
+ * Create sortable instance
+ * @param {HTMLElement}  el
+ * @param {Object}      [options]
  */
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@equinor/echo-components",
-    "version": "0.3.3",
+    "version": "0.4.0",
     "description": "Package for creating echo related components.",
     "main": "dist/index.js",
     "types": "dist/index.d.ts",
@@ -29,7 +29,7 @@
     "license": "MIT",
     "peerDependencies": {
         "@equinor/echo-utils": "^0.2.7",
-        "@equinor/eds-core-react": "^0.17.0",
+        "@equinor/eds-core-react": "^0.19.0",
         "react": "^17.0.2",
         "react-dom": "^17.0.2",
         "styled-components": "^5.3.3"
@@ -40,55 +40,55 @@
         "react-sortablejs": "^6.0.0"
     },
     "devDependencies": {
-        "@babel/core": "^7.17.5",
+        "@babel/core": "^7.17.8",
         "@babel/preset-env": "^7.16.11",
         "@babel/preset-react": "^7.16.7",
         "@babel/preset-typescript": "^7.16.7",
         "@equinor/echo-update": "^1.3.0",
         "@equinor/echo-utils": "^0.2.9",
-        "@equinor/eds-core-react": "^0.17.0",
+        "@equinor/eds-core-react": "^0.19.0",
         "@rollup/plugin-node-resolve": "^13.1.3",
         "@rollup/plugin-typescript": "^8.3.1",
         "@rollup/plugin-url": "^6.1.0",
-        "@storybook/addon-actions": "^6.4.19",
-        "@storybook/addon-docs": "^6.4.19",
-        "@storybook/addon-essentials": "^6.4.19",
-        "@storybook/addon-links": "^6.4.19",
-        "@storybook/builder-webpack5": "^6.4.19",
-        "@storybook/manager-webpack5": "^6.4.19",
-        "@storybook/react": "^6.4.19",
+        "@storybook/addon-actions": "^6.4.20",
+        "@storybook/addon-docs": "^6.4.20",
+        "@storybook/addon-essentials": "^6.4.20",
+        "@storybook/addon-links": "^6.4.20",
+        "@storybook/builder-webpack5": "^6.4.20",
+        "@storybook/manager-webpack5": "^6.4.20",
+        "@storybook/react": "^6.4.20",
         "@svgr/rollup": "^6.2.1",
         "@svgr/webpack": "^6.2.1",
-        "@testing-library/dom": "^8.11.3",
-        "@testing-library/react": "^12.1.3",
+        "@testing-library/dom": "^8.13.0",
+        "@testing-library/react": "^12.1.4",
         "@types/jest": "^27.4.1",
-        "@types/react": "^17.0.39",
+        "@types/react": "^17.0.43",
         "@types/react-datepicker": "^4.3.4",
         "@types/react-test-renderer": "^17.0.1",
         "@types/react-window": "^1.8.5",
         "@types/sortablejs": "^1.10.7",
-        "@typescript-eslint/eslint-plugin": "^5.14.0",
-        "@typescript-eslint/parser": "^5.14.0",
-        "babel-loader": "^8.2.3",
+        "@typescript-eslint/eslint-plugin": "^5.18.0",
+        "@typescript-eslint/parser": "^5.18.0",
+        "babel-loader": "^8.2.4",
         "css-loader": "^6.7.1",
-        "eslint": "^8.10.0",
+        "eslint": "^8.12.0",
         "eslint-config-prettier": "^8.5.0",
         "eslint-plugin-prettier": "^4.0.0",
-        "eslint-plugin-react": "^7.29.3",
-        "eslint-plugin-react-hooks": "^4.3.0",
+        "eslint-plugin-react": "^7.29.4",
+        "eslint-plugin-react-hooks": "^4.4.0",
         "html-webpack-plugin": "^5.5.0",
         "identity-obj-proxy": "^3.0.0",
         "jest": "^27.5.1",
         "jest-svg-transformer": "^1.0.0",
-        "postcss": "^8.4.8",
+        "postcss": "^8.4.12",
         "postcss-loader": "^6.2.1",
-        "prettier": "^2.5.1",
+        "prettier": "^2.6.2",
         "react": "^17.0.2",
         "react-datepicker": "^4.7.0",
         "react-dom": "^17.0.2",
         "react-test-renderer": "^17.0.2",
         "react-window": "^1.8.6",
-        "rollup": "^2.70.0",
+        "rollup": "^2.70.1",
         "rollup-plugin-babel": "^4.4.0",
         "rollup-plugin-commonjs": "^10.1.0",
         "rollup-plugin-delete": "^2.0.0",
@@ -99,13 +99,13 @@
         "rollup-plugin-typescript-paths": "^1.3.1",
         "rollup-plugin-typescript2": "^0.31.2",
         "rollup-plugin-web-worker-loader": "^1.6.1",
-        "sortablejs": "^1.14.0",
+        "sortablejs": "^1.15.0",
         "storybook-css-modules-preset": "^1.1.1",
         "style-loader": "^3.3.1",
-        "styled-components": "^5.3.3",
-        "ts-jest": "^27.1.3",
-        "typescript": "^4.6.2",
-        "webpack": "^5.70.0",
+        "styled-components": "^5.3.5",
+        "ts-jest": "^27.1.4",
+        "typescript": "^4.6.3",
+        "webpack": "^5.71.0",
         "worker-loader": "^3.0.8"
     },
     "files": [

package/CHANGELOG.md

@@ -1,17 +0,0 @@
-# Changelog
-
-All notable changes to this project will be documented in this file.
-
-The changelog is valid starting with EchoComponents v0.0.1.
-****
-The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/#how),
-this project does not follow semantic versioning. Version numbers are bumped based on a subjective feeling of "change impact". Might consider changing this to `year.month.versioncounter` to simplify for users. (Example: 2021.03.55)
-
-## v0.3.0
-
-### Add
-
-### Change
-- Now depending on EDS Core v0.17.0 and EDS Icons v0.10.0
-
-### Fix