@panneau/core 4.0.38 → 4.0.40-alpha.1

package/dist/utils.js

@@ -1,38 +1,26 @@
 import isNumber from 'lodash/isNumber';
 import { snakeCase } from 'snake-case';
-import _regenerator from '@babel/runtime/helpers/regenerator';
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import isObject from 'lodash/isObject';
 import { useEffect, isValidElement } from 'react';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
-import ReactIs from 'react-is';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { isValidElementType } from 'react-is';
 import isString from 'lodash/isString';
 import { pascalCase, kebabCase, snakeCase as snakeCase$1 } from 'change-case';
 export { kebabCase as dashCase, pascalCase, snakeCase } from 'change-case';
 import isArray from 'lodash/isArray';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import get from 'lodash/get';
 import capitalize from 'lodash/capitalize';
 import EventEmitter from 'wolfy87-eventemitter';
 import slugify from 'slugify';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import uniqBy from 'lodash/uniqBy';
-
-function checkClickable(el) {
-  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var parentDistance = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
-  var _ref = options || {},
-    _ref$maxParentDistanc = _ref.maxParentDistance,
-    maxParentDistance = _ref$maxParentDistanc === void 0 ? 5 : _ref$maxParentDistanc,
-    _ref$tags = _ref.tags,
-    tags = _ref$tags === void 0 ? ['BUTTON', 'A', 'INPUT', 'I', 'TEXTAREA'] : _ref$tags;
-  var _ref2 = el || {},
-    _ref2$tagName = _ref2.tagName,
-    tagName = _ref2$tagName === void 0 ? null : _ref2$tagName,
-    _ref2$parentNode = _ref2.parentNode,
-    parentNode = _ref2$parentNode === void 0 ? null : _ref2$parentNode;
+
+function checkClickable(el, options = {}, parentDistance = 1) {
+  const {
+    maxParentDistance = 5,
+    tags = ['BUTTON', 'A', 'INPUT', 'I', 'TEXTAREA']
+  } = options || {};
+  const {
+    tagName = null,
+    parentNode = null
+  } = el || {};
   if (tagName === 'BODY') {
     return false;
   }
@@ -46,9 +34,7 @@ function checkClickable(el) {
   //     return true;
   // }
 
-  if (tagName && tags.map(function (it) {
-    return it.toLowerCase();
-  }).indexOf(tagName.toLowerCase()) !== -1) {
+  if (tagName && tags.map(it => it.toLowerCase()).indexOf(tagName.toLowerCase()) !== -1) {
     return true;
   }
   if (parentDistance < maxParentDistance) {
@@ -58,19 +44,14 @@ function checkClickable(el) {
 }
 
 function convertStyleToString(style) {
-  return style !== null ? Object.keys(style).map(function (key) {
-    return "".concat(snakeCase(key), ":").concat(isNumber(style[key]) ? "".concat(style[key], "px") : style[key], ";");
-  }).join('\n') : '';
+  return style !== null ? Object.keys(style).map(key => `${snakeCase(key)}:${isNumber(style[key]) ? `${style[key]}px` : style[key]};`).join('\n') : '';
 }
 
-function createNullableOnChange() {
-  var onChange = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+function createNullableOnChange(onChange = null) {
   return function nullableOnChange(newValue) {
-    var nullableValue = newValue;
+    let nullableValue = newValue;
     if (isObject(newValue)) {
-      var allNull = Object.keys(newValue).reduce(function (acc, key) {
-        return acc && newValue[key] === null;
-      }, true);
+      const allNull = Object.keys(newValue).reduce((acc, key) => acc && newValue[key] === null, true);
       if (allNull) {
         nullableValue = null;
       }
@@ -82,13 +63,12 @@ function createNullableOnChange() {
 }
 
 function createUseEvent(eventsManager) {
-  return function useEvent(event, callback) {
-    var enabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-    useEffect(function () {
+  return function useEvent(event, callback, enabled = true) {
+    useEffect(() => {
       if (enabled && eventsManager !== null) {
         eventsManager.subscribe(event, callback);
       }
-      return function () {
+      return () => {
         if (enabled && eventsManager !== null) {
           eventsManager.unsubscribe(event, callback);
         }
@@ -105,248 +85,184 @@ function createUseEvent(eventsManager) {
 function makeError() {
   return new DOMException('The request is not allowed', 'NotAllowedError');
 }
-function copyClipboardApi(_x) {
-  return _copyClipboardApi.apply(this, arguments);
-}
-function _copyClipboardApi() {
-  _copyClipboardApi = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(text) {
-    return _regenerator().w(function (_context) {
-      while (1) switch (_context.n) {
-        case 0:
-          if (navigator.clipboard) {
-            _context.n = 1;
-            break;
-          }
-          throw makeError();
-        case 1:
-          return _context.a(2, navigator.clipboard.writeText(text));
-      }
-    }, _callee);
-  }));
-  return _copyClipboardApi.apply(this, arguments);
-}
-function copyExecCommand(_x2) {
-  return _copyExecCommand.apply(this, arguments);
-}
-function _copyExecCommand() {
-  _copyExecCommand = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(text) {
-    var span, selection, range, success;
-    return _regenerator().w(function (_context2) {
-      while (1) switch (_context2.n) {
-        case 0:
-          // Put the text to copy into a <span>
-          span = document.createElement('span');
-          span.textContent = text;
-
-          // Preserve consecutive spaces and newlines
-          span.style.whiteSpace = 'pre';
-          span.style.webkitUserSelect = 'auto';
-          span.style.userSelect = 'all';
-
-          // Add the <span> to the page
-          document.body.appendChild(span);
-
-          // Make a selection object representing the range of text selected by the user
-          selection = window.getSelection();
-          range = window.document.createRange();
-          selection === null || selection === void 0 || selection.removeAllRanges();
-          range.selectNode(span);
-          selection === null || selection === void 0 || selection.addRange(range);
-
-          // Copy text to the clipboard
-          success = false;
-          try {
-            success = window.document.execCommand('copy');
-          } finally {
-            // Cleanup
-            selection === null || selection === void 0 || selection.removeAllRanges();
-            window.document.body.removeChild(span);
-          }
-          if (success) {
-            _context2.n = 1;
-            break;
-          }
-          throw makeError();
-        case 1:
-          return _context2.a(2);
-      }
-    }, _callee2);
-  }));
-  return _copyExecCommand.apply(this, arguments);
-}
-function copyToClipboard(_x3) {
-  return _copyToClipboard.apply(this, arguments);
-}
-function _copyToClipboard() {
-  _copyToClipboard = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3(text) {
-    var _t, _t2;
-    return _regenerator().w(function (_context3) {
-      while (1) switch (_context3.p = _context3.n) {
-        case 0:
-          _context3.p = 0;
-          _context3.n = 1;
-          return copyClipboardApi(text);
-        case 1:
-          _context3.n = 6;
-          break;
-        case 2:
-          _context3.p = 2;
-          _t = _context3.v;
-          _context3.p = 3;
-          _context3.n = 4;
-          return copyExecCommand(text);
-        case 4:
-          _context3.n = 6;
-          break;
-        case 5:
-          _context3.p = 5;
-          _t2 = _context3.v;
-          throw _t2 || _t || makeError();
-        case 6:
-          return _context3.a(2);
-      }
-    }, _callee3, null, [[3, 5], [0, 2]]);
-  }));
-  return _copyToClipboard.apply(this, arguments);
+async function copyClipboardApi(text) {
+  // Use the Async Clipboard API when available. Requires a secure browsing
+  // context (i.e. HTTPS)
+  if (!navigator.clipboard) {
+    throw makeError();
+  }
+  return navigator.clipboard.writeText(text);
+}
+async function copyExecCommand(text) {
+  // Put the text to copy into a <span>
+  const span = document.createElement('span');
+  span.textContent = text;
+
+  // Preserve consecutive spaces and newlines
+  span.style.whiteSpace = 'pre';
+  span.style.webkitUserSelect = 'auto';
+  span.style.userSelect = 'all';
+
+  // Add the <span> to the page
+  document.body.appendChild(span);
+
+  // Make a selection object representing the range of text selected by the user
+  const selection = window.getSelection();
+  const range = window.document.createRange();
+  selection?.removeAllRanges();
+  range.selectNode(span);
+  selection?.addRange(range);
+
+  // Copy text to the clipboard
+  let success = false;
+  try {
+    success = window.document.execCommand('copy');
+  } finally {
+    // Cleanup
+    selection?.removeAllRanges();
+    window.document.body.removeChild(span);
+  }
+  if (!success) throw makeError();
+}
+async function copyToClipboard(text) {
+  try {
+    await copyClipboardApi(text);
+  } catch (err) {
+    // ...Otherwise, use document.execCommand() fallback
+    try {
+      await copyExecCommand(text);
+    } catch (err2) {
+      throw err2 || err || makeError();
+    }
+  }
 }
 
-function flattenComponents(components) {
-  var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+function flattenComponents(components, prefix = null) {
   if (components === null) {
     return null;
   }
-  return Object.keys(components).reduce(function (newMap, key) {
-    return ReactIs.isValidElementType(components[key]) ? _objectSpread(_objectSpread({}, newMap), {}, _defineProperty({}, prefix !== null ? "".concat(prefix, ".").concat(key) : key, components[key])) : _objectSpread(_objectSpread({}, newMap), flattenComponents(components[key], key));
+  return Object.keys(components).reduce((newMap, key) => isValidElementType(components[key]) ? {
+    ...newMap,
+    [prefix !== null ? `${prefix}.${key}` : key]: components[key]
+  } : {
+    ...newMap,
+    ...flattenComponents(components[key], key)
   }, {});
 }
 
 function formatDuration(timeInSeconds) {
-  var numberOfSeconds = parseInt(String(timeInSeconds), 10); // don't forget the second param
-  var hours = Math.floor(numberOfSeconds / 3600);
-  var minutes = Math.floor((numberOfSeconds - hours * 3600) / 60);
-  var seconds = numberOfSeconds - hours * 3600 - minutes * 60;
+  const numberOfSeconds = parseInt(String(timeInSeconds), 10); // don't forget the second param
+  let hours = Math.floor(numberOfSeconds / 3600);
+  let minutes = Math.floor((numberOfSeconds - hours * 3600) / 60);
+  let seconds = numberOfSeconds - hours * 3600 - minutes * 60;
   if (hours < 10) {
-    hours = "0".concat(hours);
+    hours = `0${hours}`;
   }
   if (minutes < 10) {
-    minutes = "0".concat(minutes);
+    minutes = `0${minutes}`;
   }
   if (seconds < 10) {
-    seconds = "0".concat(seconds);
+    seconds = `0${seconds}`;
   }
-  return "".concat(hours, ":").concat(minutes, ":").concat(seconds);
+  return `${hours}:${minutes}:${seconds}`;
 }
 
-var _excluded$1 = ["component"];
 function getComponent(component) {
-  var _ref = isObject(component) ? component : {
-      component: component
-    };
-    _ref.component;
-    var props = _objectWithoutProperties(_ref, _excluded$1);
+  const {
+    component: name,
+    ...props
+  } = isObject(component) ? component : {
+    component
+  };
   return {
     name: component,
     props: Object.keys(props).length > 0 ? props : null
   };
 }
 
-var _excluded = ["id", "field"];
 function getColumnFromField(field) {
   if (field === null) {
     return null;
   }
   // eslint-disable-next-line camelcase
-  var _ref = field,
-    name = _ref.name,
-    _ref$components = _ref.components,
-    _ref$components2 = _ref$components === void 0 ? {} : _ref$components,
-    _ref$components2$disp = _ref$components2.display,
-    display = _ref$components2$disp === void 0 ? null : _ref$components2$disp,
-    label = _ref.label;
-  var _getComponent = getComponent(display),
-    _getComponent$name = _getComponent.name,
-    componentName = _getComponent$name === void 0 ? null : _getComponent$name,
-    _getComponent$props = _getComponent.props,
-    componentProps = _getComponent$props === void 0 ? null : _getComponent$props;
-  return _objectSpread(_objectSpread({}, componentProps), {}, {
+  const {
+    name,
+    components: {
+      display = null
+    } = {},
+    label
+  } = field;
+  const {
+    name: componentName = null,
+    props: componentProps = null
+  } = getComponent(display);
+  return {
+    ...componentProps,
     id: name,
-    label: label,
+    label,
     valueKey: name,
     component: componentName,
-    field: field
-  });
+    field
+  };
 }
 function getColumnsWithFields(resource, columns) {
-  var _resource$fields = resource.fields,
-    fields = _resource$fields === void 0 ? [] : _resource$fields;
-  var newColumns = columns !== null ? columns.map(function (column) {
-    var _ref2 = isString(column) ? {
-        field: column
-      } : column,
-      _ref2$id = _ref2.id,
-      colId = _ref2$id === void 0 ? null : _ref2$id,
-      _ref2$field = _ref2.field,
-      colField = _ref2$field === void 0 ? null : _ref2$field,
-      otherProps = _objectWithoutProperties(_ref2, _excluded);
-    var fieldName = colField || colId;
-    return _objectSpread(_objectSpread(_objectSpread({}, fieldName !== null ? getColumnFromField(fields.find(function (it) {
-      return it.name === fieldName;
-    }) || null) : null), otherProps), {}, {
+  const {
+    fields = []
+  } = resource;
+  const newColumns = columns !== null ? columns.map(column => {
+    const {
+      id: colId = null,
+      field: colField = null,
+      ...otherProps
+    } = isString(column) ? {
+      field: column
+    } : column;
+    const fieldName = colField || colId;
+    return {
+      ...(fieldName !== null ? getColumnFromField(fields.find(it => it.name === fieldName) || null) : null),
+      ...otherProps,
       id: colId || (isString(column) ? column : null) || null
-    });
-  }).filter(function (it) {
-    return it !== null;
-  }) : [];
+    };
+  }).filter(it => it !== null) : [];
   return newColumns;
 }
 
-function getComponentFromName() {
-  var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-  var components = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var defaultComponent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+function getComponentFromName(name = null, components = {}, defaultComponent = null) {
   if (components === null || name === null) {
     return defaultComponent;
   }
-  var pascalName = pascalCase(name);
-  var component = components[pascalName] || components[name] || defaultComponent;
+  const pascalName = pascalCase(name);
+  const component = components[pascalName] || components[name] || defaultComponent;
   if (!component) {
     console.warn('Could not find component from name', name, pascalName, components);
   }
   return component;
 }
 
-function getDefinitionFromId() {
-  var id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-  var items = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  var defaultObject = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+function getDefinitionFromId(id = null, items = [], defaultObject = null) {
   if (items === null || id === null || isArray(items) && items.length === 0) {
     return defaultObject;
   }
-  var pascalId = pascalCase(id);
-  return items.find(function (i) {
-    return i.id === pascalId;
-  }) || items.find(function (i) {
-    return i.id === id;
-  }) || defaultObject;
+  const pascalId = pascalCase(id);
+  return items.find(i => i.id === pascalId) || items.find(i => i.id === id) || defaultObject;
 }
 
-function getDisplayName(_ref) {
-  var _ref$displayName = _ref.displayName,
-    displayName = _ref$displayName === void 0 ? null : _ref$displayName,
-    _ref$name = _ref.name,
-    name = _ref$name === void 0 ? null : _ref$name;
+function getDisplayName({
+  displayName = null,
+  name = null
+}) {
   return displayName || name || 'Component';
 }
 
 function getFieldByName(fields, name) {
-  return fields.reduce(function (foundField, it) {
+  return fields.reduce((foundField, it) => {
     if (foundField !== null) {
       return foundField;
     }
-    var _it$name = it.name,
-      fieldName = _it$name === void 0 ? null : _it$name,
-      _it$fields = it.fields,
-      subFields = _it$fields === void 0 ? [] : _it$fields;
+    const {
+      name: fieldName = null,
+      fields: subFields = []
+    } = it;
     if (name !== null && fieldName === name) {
       return it;
     }
@@ -355,73 +271,68 @@ function getFieldByName(fields, name) {
 }
 
 function getFieldFromPath(path, fields, fieldManager) {
-  return (isArray(path) ? path : [path]).reduce(function (foundField, key) {
+  return (isArray(path) ? path : [path]).reduce((foundField, key) => {
     if (foundField === null) {
       return null;
     }
-    var _foundField$type = foundField.type,
-      type = _foundField$type === void 0 ? null : _foundField$type,
-      _foundField$fields = foundField.fields,
-      fieldFields = _foundField$fields === void 0 ? null : _foundField$fields,
-      _foundField$field = foundField.field,
-      field = _foundField$field === void 0 ? null : _foundField$field;
-    var finalType = field !== null ? field.type || type : type;
-    var _ref = finalType !== null ? fieldManager.getDefinition(finalType) : foundField,
-      _ref$fields = _ref.fields,
-      subFields = _ref$fields === void 0 ? null : _ref$fields,
-      _ref$settings = _ref.settings,
-      settings = _ref$settings === void 0 ? null : _ref$settings,
-      _ref$itemsField = _ref.itemsField,
-      itemsField = _ref$itemsField === void 0 ? null : _ref$itemsField;
+    const {
+      type = null,
+      fields: fieldFields = null,
+      field = null
+    } = foundField;
+    const finalType = field !== null ? field.type || type : type;
+    const {
+      fields: subFields = null,
+      settings = null,
+      itemsField = null
+    } = finalType !== null ? fieldManager.getDefinition(finalType) : foundField;
     if (itemsField !== null && key.match(/^[0-9]+$/)) {
-      return _objectSpread(_objectSpread({}, itemsField), {}, {
+      return {
+        ...itemsField,
         name: (isArray(path) ? path : [path]).join('/'),
         listItems: true
-      });
+      };
     }
-    return getFieldByName([].concat(_toConsumableArray(fieldFields || []), _toConsumableArray(subFields || []), _toConsumableArray(settings || [])), key);
+    return getFieldByName([...(fieldFields || []), ...(subFields || []), ...(settings || [])], key);
   }, {
-    fields: fields
+    fields
   });
 }
 
-function getFileName() {
-  var url = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+function getFileName(url = null) {
   if (url === null || typeof url.match === 'undefined') {
     return null;
   }
-  var match = url.match(/([^/]+)(\?.*)?$/);
+  const match = url.match(/([^/]+)(\?.*)?$/);
   return match ? match[1] : url;
 }
 
 function getPathValue(it, path) {
-  var value = get(it, path, null);
-  return value !== null && isObject(value) ? Object.values(value).reduce(function (foundValue, val) {
-    return foundValue !== null ? foundValue : val;
-  }, null) : value;
+  const value = get(it, path, null);
+  return value !== null && isObject(value) ? Object.values(value).reduce((foundValue, val) => foundValue !== null ? foundValue : val, null) : value;
 }
 
 function getSelectOptions(options) {
-  return options.map(function (it) {
+  return options.map(it => {
     if (isObject(it)) {
-      var _ref = it,
-        _ref$label = _ref.label,
-        label = _ref$label === void 0 ? null : _ref$label,
-        value = _ref.value;
+      const {
+        label = null,
+        value
+      } = it;
       if (label === null) {
         return {
-          value: value,
-          label: capitalize("".concat(value))
+          value,
+          label: capitalize(`${value}`)
         };
       }
       return {
-        value: value,
-        label: /*#__PURE__*/isValidElement(label) ? label : "".concat(label)
+        value,
+        label: /*#__PURE__*/isValidElement(label) ? label : `${label}`
       };
     }
     return {
       value: it,
-      label: capitalize("".concat(it))
+      label: capitalize(`${it}`)
     };
   });
 }
@@ -433,135 +344,102 @@ function isMessage(message) {
 /**
  * Locale loader
  */
-var loaders = {};
-var events = new EventEmitter();
+const loaders = {};
+const events = new EventEmitter();
 function loadPackage(name, loader) {
   if (typeof loaders[name] === 'undefined') {
     loaders[name] = {
-      loader: loader().then(function (response) {
+      loader: loader().then(response => {
         loaders[name].loader = null;
         loaders[name].loaded = true;
         loaders[name].resource = response;
-        events.emit("loaded:".concat(name), response);
+        events.emit(`loaded:${name}`, response);
         return response;
       }),
       loaded: false,
       resource: null
     };
   }
-  return new Promise(function (resolve) {
-    var _ref = loaders[name] || {},
-      _ref$loaded = _ref.loaded,
-      loaded = _ref$loaded === void 0 ? false : _ref$loaded,
-      resource = _ref.resource;
+  return new Promise(resolve => {
+    const {
+      loaded = false,
+      resource
+    } = loaders[name] || {};
     if (loaded === true) {
       resolve(resource);
     } else {
-      events.once("loaded:".concat(name), function (response) {
+      events.once(`loaded:${name}`, response => {
         resolve(response);
       });
     }
   });
 }
 
-function filterNullItems(items) {
-  return isArray(items) ? items.filter(function (it) {
-    return it !== null;
-  }) : items;
-}
-function getItemsArray(items) {
-  return (items !== null && isArray(items) ? items.filter(function (it) {
-    return it !== null;
-  }) : [items]).filter(function (it) {
-    return it !== null;
-  });
-}
-function selectItem(item, selectedItems, onSelectionChange) {
-  var multipleSelection = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
-  var _ref = item || {},
-    _ref$id = _ref.id,
-    itemId = _ref$id === void 0 ? null : _ref$id;
-  var selectedItemsArray = getItemsArray(selectedItems);
-  var oldItem = selectedItemsArray.find(function (_ref2) {
-    var id = _ref2.id;
-    return id === itemId;
-  }) || null;
-  var newItems = [];
-  if (oldItem === null) {
-    newItems = selectedItems !== null && multipleSelection ? [].concat(_toConsumableArray(selectedItemsArray), [item]) : [item];
-  } else {
-    newItems = selectedItemsArray.filter(function (_ref3) {
-      var id = _ref3.id;
-      return id !== itemId;
-    });
-  }
-  if (onSelectionChange !== null) {
-    var _ref4 = newItems || [],
-      _ref5 = _slicedToArray(_ref4, 1),
-      _ref5$ = _ref5[0],
-      firstItem = _ref5$ === void 0 ? null : _ref5$;
-    var value = multipleSelection ? filterNullItems(newItems) : firstItem;
-    onSelectionChange(value);
-  }
-}
-function selectPage(pageSelected, items, selectedItems, onSelectionChange) {
-  var nextItems = [];
-  if (!pageSelected) {
-    nextItems = uniqBy([].concat(_toConsumableArray(items || []), _toConsumableArray(selectedItems || [])), function () {
-      var _ref6 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        _ref6$id = _ref6.id,
-        id = _ref6$id === void 0 ? null : _ref6$id;
-      return id;
-    });
-  } else {
-    var ids = (items || []).map(function () {
-      var _ref7 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        _ref7$id = _ref7.id,
-        id = _ref7$id === void 0 ? null : _ref7$id;
-      return id;
-    }).filter(function (id) {
-      return id !== null;
-    });
-    nextItems = uniqBy((selectedItems || []).filter(function (it) {
-      var _ref8 = it || {},
-        _ref8$id = _ref8.id,
-        id = _ref8$id === void 0 ? null : _ref8$id;
-      return ids.indexOf(id) === -1;
-    }), function () {
-      var _ref9 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        _ref9$id = _ref9.id,
-        id = _ref9$id === void 0 ? null : _ref9$id;
-      return id;
-    });
-  }
-  var finalNextItems = nextItems;
-  if (onSelectionChange !== null) {
-    onSelectionChange(finalNextItems);
+function toggleSelectedItem(items, item, {
+  multiple: multipleSelection = false
+} = {}) {
+  const {
+    id: itemId = null
+  } = item || {};
+  const currentItem = (items || []).find(({
+    id
+  }) => id === itemId) || null;
+  if (currentItem !== null) {
+    return items.filter(({
+      id
+    }) => id !== itemId);
   }
+  return multipleSelection ? [...(items || []), item] : [item];
+}
+function selectItems(items, itemsToSelect) {
+  const newItems = itemsToSelect.filter(item => {
+    const {
+      id: itemId = null
+    } = item || {};
+    const currentItem = (items || []).find(({
+      id
+    }) => id === itemId) || null;
+    return currentItem === null;
+  });
+  return newItems.length > 0 ? [...(items || []), ...newItems] : items;
+}
+function unselectItems(items, itemsToUnselect) {
+  const newItems = (items || []).filter(item => {
+    const {
+      id: itemId = null
+    } = item || {};
+    const currentItem = itemsToUnselect.find(({
+      id
+    }) => id === itemId) || null;
+    return currentItem === null;
+  });
+  return items !== null && newItems.length !== items.length ? newItems : items;
 }
 
 function setValue(value, keyParts, fieldValue) {
-  var key = keyParts.shift();
+  const key = keyParts.shift();
   if (!key) {
     return value;
   }
-  var isArray = key.match(/^[0-9]+$/) !== null;
+  const isArray = key.match(/^[0-9]+$/) !== null;
   if (value !== null || fieldValue !== null) {
     if (isArray) {
-      var index = parseInt(key, 10);
-      var arrayValue = value;
-      var newArrayValue = fieldValue !== null ? [].concat(_toConsumableArray(arrayValue.slice(0, index)), [keyParts.length > 0 ? setValue(arrayValue !== null ? arrayValue[index] || null : null, keyParts, fieldValue) : fieldValue], _toConsumableArray(arrayValue.slice(index + 1))) : [].concat(_toConsumableArray(arrayValue.slice(0, index)), _toConsumableArray(arrayValue.slice(index + 1)));
+      const index = parseInt(key, 10);
+      const arrayValue = value;
+      const newArrayValue = fieldValue !== null ? [...arrayValue.slice(0, index), keyParts.length > 0 ? setValue(arrayValue !== null ? arrayValue[index] || null : null, keyParts, fieldValue) : fieldValue, ...arrayValue.slice(index + 1)] : [...arrayValue.slice(0, index), ...arrayValue.slice(index + 1)];
       return newArrayValue.length > 0 ? newArrayValue : null;
     }
-    var objectValue = value;
-    return _objectSpread(_objectSpread({}, objectValue), {}, _defineProperty({}, key, keyParts.length > 0 ? setValue(objectValue !== null ? objectValue[key] || null : null, keyParts, fieldValue) : fieldValue));
+    const objectValue = value;
+    return {
+      ...objectValue,
+      [key]: keyParts.length > 0 ? setValue(objectValue !== null ? objectValue[key] || null : null, keyParts, fieldValue) : fieldValue
+    };
   }
   return null;
 }
 
-function slug(str) {
-  var separator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-  var toSlug;
+function slug(str, separator = null) {
+  let toSlug;
   if (separator === '-') {
     toSlug = kebabCase(str);
   } else {
@@ -573,16 +451,16 @@ function slug(str) {
 }
 
 function validateFields(fields, value) {
-  return fields.reduce(function (acc, field) {
+  return fields.reduce((acc, field) => {
     if (acc === true) {
       if (field.type === 'fields' && field.fields) {
         return validateFields(field.fields, value);
       }
-      var val = value && field.name && value[field.name] ? value[field.name] : false;
+      const val = value && field.name && value[field.name] ? value[field.name] : false;
       return !(field.required && !val);
     }
     return acc;
   }, true);
 }
 
-export { checkClickable, convertStyleToString, copyToClipboard, createNullableOnChange, createUseEvent, flattenComponents, formatDuration, getColumnsWithFields, getComponent, getComponentFromName, getDefinitionFromId, getDisplayName, getFieldByName, getFieldFromPath, getFileName, getPathValue, getSelectOptions, isMessage, loadPackage, selectItem, selectPage, setValue as setFieldValue, slug, validateFields };
+export { checkClickable, convertStyleToString, copyToClipboard, createNullableOnChange, createUseEvent, flattenComponents, formatDuration, getColumnsWithFields, getComponent, getComponentFromName, getDefinitionFromId, getDisplayName, getFieldByName, getFieldFromPath, getFileName, getPathValue, getSelectOptions, isMessage, loadPackage, selectItems, setValue as setFieldValue, slug, toggleSelectedItem, unselectItems, validateFields };