@panneau/core 1.0.3-alpha.1 → 1.0.3-alpha.12

package/es/utils.js

@@ -13,6 +13,7 @@ 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';
 
 var convertStyleToString = function convertStyleToString(style) {
@@ -25,17 +26,14 @@ var createNullableOnChange = function createNullableOnChange() {
   var onChange = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   return function (newValue) {
     var nullableValue = newValue;
-
     if (isObject(newValue)) {
       var allNull = Object.keys(newValue).reduce(function (acc, key) {
         return acc && newValue[key] === null;
       }, true);
-
       if (allNull) {
         nullableValue = null;
       }
     }
-
     if (onChange !== null) {
       onChange(nullableValue);
     }
@@ -49,7 +47,6 @@ var createUseEvent = function createUseEvent(eventsManager) {
       if (enabled && eventsManager !== null) {
         eventsManager.subscribe(event, callback);
       }
-
       return function () {
         if (enabled && eventsManager !== null) {
           eventsManager.unsubscribe(event, callback);
@@ -61,51 +58,44 @@ var createUseEvent = function createUseEvent(eventsManager) {
 
 var flattenComponents = function flattenComponents(components) {
   var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 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));
   }, {});
 };
 
 var _excluded$1 = ["component"];
-
 var getComponent = function getComponent(component) {
   var _ref = isObject(component) ? component : {
-    component: component
-  };
-      _ref.component;
-      var props = _objectWithoutProperties(_ref, _excluded$1);
-
+      component: component
+    };
+    _ref.component;
+    var props = _objectWithoutProperties(_ref, _excluded$1);
   return {
     name: component,
     props: props
   };
 };
 
-var _excluded = ["field"];
+var _excluded = ["id", "field"];
 var getColumnFromField = function getColumnFromField(field) {
   if (field === null) {
     return null;
-  } // eslint-disable-next-line camelcase
-
-
+  }
+  // eslint-disable-next-line camelcase
   var name = field.name,
-      _field$components = field.components;
-  _field$components = _field$components === void 0 ? {} : _field$components;
-  var _field$components$dis = _field$components.display,
-      display = _field$components$dis === void 0 ? null : _field$components$dis,
-      label = field.label;
-
+    _field$components = field.components,
+    _field$components2 = _field$components === void 0 ? {} : _field$components,
+    _field$components2$di = _field$components2.display,
+    display = _field$components2$di === void 0 ? null : _field$components2$di,
+    label = field.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;
-
+    _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), {}, {
     id: name,
     label: label,
@@ -118,15 +108,19 @@ var getColumnsWithFields = function getColumnsWithFields(resource, columns) {
   var fields = resource.fields;
   var newColumns = columns !== null ? columns.map(function (column) {
     var _ref = isString(column) ? {
-      field: column
-    } : column,
-        _ref$field = _ref.field,
-        fieldName = _ref$field === void 0 ? null : _ref$field,
-        otherProps = _objectWithoutProperties(_ref, _excluded);
-
-    return _objectSpread(_objectSpread({}, fieldName !== null ? getColumnFromField(fields.find(function (it) {
+        field: column
+      } : column,
+      _ref$id = _ref.id,
+      colId = _ref$id === void 0 ? null : _ref$id,
+      _ref$field = _ref.field,
+      colField = _ref$field === void 0 ? null : _ref$field,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
+    var fieldName = colField || colId;
+    return _objectSpread(_objectSpread(_objectSpread({}, fieldName !== null ? getColumnFromField(fields.find(function (it) {
       return it.name === fieldName;
-    }) || null) : null), otherProps);
+    }) || null) : null), otherProps), {}, {
+      id: colId
+    });
   }).filter(function (it) {
     return it !== null;
   }) : [];
@@ -137,18 +131,14 @@ var getComponentFromName = function getComponentFromName() {
   var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   var components = arguments.length > 1 ? arguments[1] : undefined;
   var defaultComponent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-
   if (components === null || name === null) {
     return defaultComponent;
   }
-
   var pascalName = pascalCase(name);
   var component = components[pascalName] || components[name] || defaultComponent;
-
   if (!component) {
     console.warn('Could not find component from name', name, pascalName, components);
   }
-
   return component;
 };
 
@@ -156,11 +146,9 @@ var getDefinitionFromId = 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;
-
   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;
@@ -171,9 +159,9 @@ var getDefinitionFromId = function getDefinitionFromId() {
 
 var getDisplayName = 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;
+    displayName = _ref$displayName === void 0 ? null : _ref$displayName,
+    _ref$name = _ref.name,
+    name = _ref$name === void 0 ? null : _ref$name;
   return displayName || name || 'Component';
 };
 
@@ -182,16 +170,13 @@ var getFieldByName = function getFieldByName(fields, name) {
     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;
-
+      fieldName = _it$name === void 0 ? null : _it$name,
+      _it$fields = it.fields,
+      subFields = _it$fields === void 0 ? [] : _it$fields;
     if (name !== null && fieldName === name) {
       return it;
     }
-
     return getFieldByName(subFields, name);
   }, null);
 };
@@ -201,30 +186,26 @@ var getFieldFromPath = function getFieldFromPath(path, fields, fieldManager) {
     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;
+      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;
-
+      _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;
     if (itemsField !== null && key.match(/^[0-9]+$/)) {
       return _objectSpread(_objectSpread({}, itemsField), {}, {
         name: path.join('/'),
         listItems: true
       });
     }
-
     return getFieldByName([].concat(_toConsumableArray(fieldFields || []), _toConsumableArray(subFields || []), _toConsumableArray(settings || [])), key);
   }, {
     fields: fields
@@ -233,11 +214,9 @@ var getFieldFromPath = function getFieldFromPath(path, fields, fieldManager) {
 
 var getFileName = function getFileName() {
   var url = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-
   if (url === null || typeof url.match === 'undefined') {
     return null;
   }
-
   return url.match(/([^/]+)(\?.*)?$/)[1] || url;
 };
 
@@ -252,22 +231,19 @@ var getSelectOptions = function getSelectOptions(options) {
   return options.map(function (it) {
     if (isObject(it)) {
       var _it$label = it.label,
-          label = _it$label === void 0 ? null : _it$label,
-          value = it.value;
-
+        label = _it$label === void 0 ? null : _it$label,
+        value = it.value;
       if (label === null) {
         return {
           value: value,
           label: capitalize("".concat(value))
         };
       }
-
       return {
         value: value,
         label: "".concat(label)
       };
     }
-
     return {
       value: it,
       label: capitalize("".concat(it))
@@ -279,33 +255,62 @@ var isMessage = function isMessage(message) {
   return isObject(message) && typeof message.defaultMessage !== 'undefined';
 };
 
+/**
+ * Locale loader
+ */
+var loaders = {};
+var events = new EventEmitter();
+function loadPackage(name, loader) {
+  if (typeof loaders[name] === 'undefined') {
+    loaders[name] = {
+      loader: loader().then(function (response) {
+        loaders[name].loader = null;
+        loaders[name].loaded = true;
+        loaders[name].resource = response;
+        events.emit("loaded:".concat(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;
+    if (loaded === true) {
+      resolve(resource);
+    } else {
+      events.once("loaded:".concat(name), function (response) {
+        resolve(response);
+      });
+    }
+  });
+}
+
 var setValue = function setValue(value, keyParts, fieldValue) {
   var key = keyParts.shift();
   var isArray = key.match(/^[0-9]+$/) !== null;
-
   if (value !== null || fieldValue !== null) {
     if (isArray) {
       var index = parseInt(key, 10);
       var newArrayValue = fieldValue !== null ? [].concat(_toConsumableArray(value.slice(0, index)), [keyParts.length > 0 ? setValue(value !== null ? value[index] || null : null, keyParts, fieldValue) : fieldValue], _toConsumableArray(value.slice(index + 1))) : [].concat(_toConsumableArray(value.slice(0, index)), _toConsumableArray(value.slice(index + 1)));
       return newArrayValue.length > 0 ? newArrayValue : null;
     }
-
     return _objectSpread(_objectSpread({}, value), {}, _defineProperty({}, key, keyParts.length > 0 ? setValue(value !== null ? value[key] || null : null, keyParts, fieldValue) : fieldValue));
   }
-
   return null;
 };
 
 var slug = function slug(str) {
   var separator = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
   var toSlug;
-
   if (separator === '-') {
     toSlug = paramCase(str);
   } else {
     toSlug = snakeCase$1(str);
   }
-
   return slugify(toSlug, {
     lower: true
   });
@@ -317,13 +322,11 @@ var validateFields = function validateFields(fields, value) {
       if (field.type === 'fields' && field.fields) {
         return validateFields(field.fields, value);
       }
-
       var val = value && value[field.name] ? value[field.name] : false;
       return !(field.required && !val);
     }
-
     return acc;
   }, true);
 };
 
-export { convertStyleToString, createNullableOnChange, createUseEvent, flattenComponents, getColumnsWithFields, getComponent, getComponentFromName, getDefinitionFromId, getDisplayName, getFieldByName, getFieldFromPath, getFileName, getPathValue, getSelectOptions, isMessage, setValue as setFieldValue, slug, validateFields };
+export { convertStyleToString, createNullableOnChange, createUseEvent, flattenComponents, getColumnsWithFields, getComponent, getComponentFromName, getDefinitionFromId, getDisplayName, getFieldByName, getFieldFromPath, getFileName, getPathValue, getSelectOptions, isMessage, loadPackage, setValue as setFieldValue, slug, validateFields };