@panneau/core 1.0.0-alpha.21 → 1.0.0-alpha.224

package/es/index.js

@@ -11,10 +11,13 @@ import 'snake-case';
 import isObject from 'lodash/isObject';
 import 'react';
 import { pascalCase } from 'change-case';
-import 'lodash/isString';
+import ReactIs from 'react-is';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import 'lodash/isString';
 import isArray from 'lodash/isArray';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import 'lodash/get';
+import 'lodash/capitalize';
 import 'slugify';
 import uniqBy from 'lodash/uniqBy';
 import uniq from 'lodash/uniq';
@@ -60,6 +63,14 @@ var toggle = PropTypes$1.shape({
   label: PropTypes$1.string
 });
 var toggles = PropTypes$1.arrayOf(toggle);
+var tableColumn = PropTypes$1.shape({
+  id: PropTypes$1.string,
+  component: PropTypes$1.string,
+  path: PropTypes$1.string,
+  field: PropTypes$1.string,
+  columnClassName: PropTypes$1.string
+});
+var tableColumns = PropTypes$1.arrayOf(tableColumn);
 /**
  * Panneau Definitions
  */
@@ -71,6 +82,7 @@ var routes = PropTypes$1.shape({
   'resources.show': PropTypes$1.string.isRequired,
   'resources.edit': PropTypes$1.string.isRequired,
   'resources.update': PropTypes$1.string.isRequired,
+  'resources.delete': PropTypes$1.string.isRequired,
   'resources.destroy': PropTypes$1.string.isRequired
 });
 var intl = PropTypes$1.shape({
@@ -85,8 +97,9 @@ var pages = PropTypes$1.objectOf(page);
 var field = PropTypes$1.shape({
   // type: PropTypes.string.isRequired,
   name: PropTypes$1.isRequired,
-  component: PropTypes$1.string.isRequired,
-  label: PropTypes$1.isRequired
+  type: PropTypes$1.string,
+  component: PropTypes$1.string,
+  label: PropTypes$1.node
 });
 var fields = PropTypes$1.arrayOf(field);
 var form = PropTypes$1.shape({
@@ -97,11 +110,10 @@ var form = PropTypes$1.shape({
 var forms = PropTypes$1.arrayOf(form);
 var resource = PropTypes$1.shape({
   id: PropTypes$1.string.isRequired,
-  label: PropTypes$1.string.isRequired,
+  name: PropTypes$1.string.isRequired,
   intl: intl,
   fields: fields,
   forms: PropTypes$1.shape({}),
-  has_routes: PropTypes$1.bool,
   shows_in_navbar: PropTypes$1.bool
 });
 var resources = PropTypes$1.arrayOf(resource);
@@ -138,6 +150,11 @@ var formError = PropTypes$1.shape({
   message: PropTypes$1.string
 });
 var formErrors = PropTypes$1.arrayOf(formError);
+var uppy = PropTypes$1.shape({
+  tus: PropTypes$1.object
+}); // eslint-disable-line
+
+var triggerUpdate = PropTypes$1.string;
 
 var PropTypes = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -158,6 +175,8 @@ var PropTypes = /*#__PURE__*/Object.freeze({
     fieldOptions: fieldOptions,
     toggle: toggle,
     toggles: toggles,
+    tableColumn: tableColumn,
+    tableColumns: tableColumns,
     routes: routes,
     intl: intl,
     page: page,
@@ -178,9 +197,23 @@ var PropTypes = /*#__PURE__*/Object.freeze({
     selectOptions: selectOptions,
     feedback: feedback,
     formError: formError,
-    formErrors: formErrors
+    formErrors: formErrors,
+    uppy: uppy,
+    triggerUpdate: triggerUpdate
 });
 
+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 getComponentFromName = function getComponentFromName() {
   var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   var components = arguments.length > 1 ? arguments[1] : undefined;
@@ -213,7 +246,7 @@ var ComponentsManager = /*#__PURE__*/function (_EventEmitter) {
     _classCallCheck(this, ComponentsManager);
 
     _this = _super.call(this);
-    _this.components = components;
+    _this.components = flattenComponents(components);
     return _this;
   }
 
@@ -456,6 +489,8 @@ var FieldsManager$1 = /*#__PURE__*/function (_DefinitionsManager) {
   return FieldsManager;
 }(DefinitionsManager);
 
+var _excluded$2 = ["fonts"];
+
 var FontsParser = /*#__PURE__*/function () {
   function FontsParser(_ref) {
     var fieldsManager = _ref.fieldsManager,
@@ -501,7 +536,7 @@ var FontsParser = /*#__PURE__*/function () {
         var _this$parse = this.parse(theme),
             _this$parse$fonts = _this$parse.fonts,
             themeFonts = _this$parse$fonts === void 0 ? [] : _this$parse$fonts,
-            newTheme = _objectWithoutProperties(_this$parse, ["fonts"]);
+            newTheme = _objectWithoutProperties(_this$parse, _excluded$2);
 
         return fonts.length > 0 || themeFonts.length > 0 ? _objectSpread(_objectSpread({}, story), {}, {
           theme: newTheme,
@@ -599,6 +634,8 @@ var FieldsManager = /*#__PURE__*/function (_ComponentsManager) {
   return FieldsManager;
 }(ComponentsManager);
 
+var _excluded$1 = ["medias"];
+
 var MediasParser = /*#__PURE__*/function () {
   function MediasParser(_ref) {
     var fieldsManager = _ref.fieldsManager,
@@ -655,7 +692,7 @@ var MediasParser = /*#__PURE__*/function () {
       if (theme !== null) {
         var _this$toPath = this.toPath(theme),
             themeMedias = _this$toPath.medias,
-            newTheme = _objectWithoutProperties(_this$toPath, ["medias"]);
+            newTheme = _objectWithoutProperties(_this$toPath, _excluded$1);
 
         return medias !== null || themeMedias !== null ? _objectSpread(_objectSpread({}, story), {}, {
           theme: newTheme,
@@ -838,6 +875,9 @@ var MediasParser = /*#__PURE__*/function () {
   return MediasParser;
 }();
 
+var _excluded = ["value"],
+    _excluded2 = ["value"];
+
 var Tracking = /*#__PURE__*/function (_BaseTracking) {
   _inherits(Tracking, _BaseTracking);
 
@@ -899,7 +939,7 @@ var Tracking = /*#__PURE__*/function (_BaseTracking) {
       var _ref2 = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {},
           _ref2$value = _ref2.value,
           value = _ref2$value === void 0 ? null : _ref2$value,
-          opts = _objectWithoutProperties(_ref2, ["value"]);
+          opts = _objectWithoutProperties(_ref2, _excluded);
 
       var data = _objectSpread(_objectSpread({}, opts), {}, {
         event: 'eventInteraction',
@@ -917,7 +957,7 @@ var Tracking = /*#__PURE__*/function (_BaseTracking) {
       var _ref3 = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {},
           _ref3$value = _ref3.value,
           value = _ref3$value === void 0 ? null : _ref3$value,
-          opts = _objectWithoutProperties(_ref3, ["value"]);
+          opts = _objectWithoutProperties(_ref3, _excluded2);
 
       var _ref4 = media || {},
           _ref4$id = _ref4.id,

package/es/utils.js

@@ -4,12 +4,15 @@ import isObject from 'lodash/isObject';
 import { useEffect } from 'react';
 import { pascalCase, paramCase, snakeCase as snakeCase$1 } from 'change-case';
 export { paramCase as dashCase, pascalCase, snakeCase } from 'change-case';
-import isString from 'lodash/isString';
+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 isString from 'lodash/isString';
 import isArray from 'lodash/isArray';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import get from 'lodash/get';
+import capitalize from 'lodash/capitalize';
 import slugify from 'slugify';
 
 var convertStyleToString = function convertStyleToString(style) {
@@ -56,6 +59,34 @@ 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);
+
+  return {
+    name: component,
+    props: props
+  };
+};
+
+var _excluded = ["field"];
 var getColumnFromField = function getColumnFromField(field) {
   if (field === null) {
     return null;
@@ -63,82 +94,43 @@ var getColumnFromField = function getColumnFromField(field) {
 
 
   var name = field.name,
-      _field$components = field.components,
-      components = _field$components === void 0 ? null : _field$components,
-      _field$settings = field.settings;
-  _field$settings = _field$settings === void 0 ? {} : _field$settings;
-  var order = _field$settings.orderInIndex,
+      _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;
-  return {
+
+  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), {}, {
     id: name,
     label: label,
     valueKey: name,
-    order: order,
-    component: components !== null ? components.index_column || components.index || null : null,
+    component: componentName,
     field: field
-  };
-};
-var sortColumns = function sortColumns(columns) {
-  return columns.sort(function (_ref, _ref2) {
-    var _ref$order = _ref.order,
-        aOrder = _ref$order === void 0 ? null : _ref$order;
-    var _ref2$order = _ref2.order,
-        bOrder = _ref2$order === void 0 ? null : _ref2$order;
-
-    if (aOrder === bOrder) {
-      return 0;
-    }
-
-    if (aOrder === null) {
-      return 1;
-    }
-
-    if (bOrder === null) {
-      return -1;
-    }
-
-    return aOrder > bOrder ? 1 : -1;
   });
 };
-var getColumnsFromResource = function getColumnsFromResource(resource) {
-  var fields = resource.fields,
-      _resource$columns = resource.columns,
-      resourceColumns = _resource$columns === void 0 ? null : _resource$columns;
-  var newColumns = resourceColumns !== null ? resourceColumns.map(function (column) {
-    var _ref3 = isString(column) ? {
+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,
-        _ref3$field = _ref3.field,
-        fieldName = _ref3$field === void 0 ? null : _ref3$field;
+        _ref$field = _ref.field,
+        fieldName = _ref$field === void 0 ? null : _ref$field,
+        otherProps = _objectWithoutProperties(_ref, _excluded);
 
-    return fieldName !== null ? getColumnFromField(fields.find(function (it) {
+    return _objectSpread(_objectSpread({}, fieldName !== null ? getColumnFromField(fields.find(function (it) {
       return it.name === fieldName;
-    }) || null) : column;
+    }) || null) : null), otherProps);
   }).filter(function (it) {
     return it !== null;
-  }) : fields.filter(function (_ref4) {
-    var _ref4$settings = _ref4.settings;
-    _ref4$settings = _ref4$settings === void 0 ? {} : _ref4$settings;
-    var _ref4$settings$hidden = _ref4$settings.hiddenInIndex,
-        hiddenInIndex = _ref4$settings$hidden === void 0 ? false : _ref4$settings$hidden;
-    return !hiddenInIndex;
-  }).map(function (field) {
-    return getColumnFromField(field);
-  });
-  return sortColumns(newColumns);
-};
-
-var getComponent = function getComponent(component) {
-  var _ref = isObject(component) ? component : {
-    component: component
-  };
-      _ref.component;
-      var props = _objectWithoutProperties(_ref, ["component"]);
-
-  return {
-    name: component,
-    props: props
-  };
+  }) : [];
+  return newColumns;
 };
 
 var getComponentFromName = function getComponentFromName() {
@@ -249,11 +241,36 @@ var getFileName = function getFileName() {
   return url.match(/([^/]+)(\?.*)?$/)[1] || url;
 };
 
+var getPathValue = function getPathValue(it, path) {
+  var value = get(it, path, null);
+  return value !== null && isObject(value) ? Object.values(value).reduce(function (foundValue, value) {
+    return foundValue !== null ? foundValue : value;
+  }, null) : value;
+};
+
 var getSelectOptions = function getSelectOptions(options) {
   return options.map(function (it) {
-    return isObject(it) ? it : {
+    if (isObject(it)) {
+      var _it$label = it.label,
+          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: it
+      label: capitalize("".concat(it))
     };
   });
 };
@@ -309,4 +326,4 @@ var validateFields = function validateFields(fields, value) {
   }, true);
 };
 
-export { convertStyleToString, createNullableOnChange, createUseEvent, getColumnsFromResource, getComponent, getComponentFromName, getDefinitionFromId, getDisplayName, getFieldByName, getFieldFromPath, getFileName, getSelectOptions, isMessage, setValue as setFieldValue, slug, validateFields };
+export { convertStyleToString, createNullableOnChange, createUseEvent, flattenComponents, getColumnsWithFields, getComponent, getComponentFromName, getDefinitionFromId, getDisplayName, getFieldByName, getFieldFromPath, getFileName, getPathValue, getSelectOptions, isMessage, setValue as setFieldValue, slug, validateFields };