@panneau/core 1.0.1-alpha.0 → 1.0.3-alpha.0

package/es/utils.js

@@ -1 +1,329 @@
-export * from './lib/utils';
+import isNumber from 'lodash/isNumber';
+import { snakeCase } from 'snake-case';
+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 _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 get from 'lodash/get';
+import capitalize from 'lodash/capitalize';
+import slugify from 'slugify';
+
+var convertStyleToString = 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') : '';
+};
+
+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);
+    }
+  };
+};
+
+var createUseEvent = function createUseEvent(eventsManager) {
+  return function (event, callback) {
+    var enabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+    useEffect(function () {
+      if (enabled && eventsManager !== null) {
+        eventsManager.subscribe(event, callback);
+      }
+
+      return function () {
+        if (enabled && eventsManager !== null) {
+          eventsManager.unsubscribe(event, callback);
+        }
+      };
+    }, [eventsManager, event, callback, enabled]);
+  };
+};
+
+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;
+  } // 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;
+
+  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,
+    component: componentName,
+    field: field
+  });
+};
+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) {
+      return it.name === fieldName;
+    }) || null) : null), otherProps);
+  }).filter(function (it) {
+    return it !== null;
+  }) : [];
+  return newColumns;
+};
+
+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;
+};
+
+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;
+  }) || items.find(function (i) {
+    return i.id === id;
+  }) || defaultObject;
+};
+
+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;
+  return displayName || name || 'Component';
+};
+
+var getFieldByName = function getFieldByName(fields, name) {
+  return fields.reduce(function (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;
+
+    if (name !== null && fieldName === name) {
+      return it;
+    }
+
+    return getFieldByName(subFields, name);
+  }, null);
+};
+
+var getFieldFromPath = function getFieldFromPath(path, fields, fieldManager) {
+  return (isArray(path) ? path : [path]).reduce(function (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;
+
+    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
+  });
+};
+
+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;
+};
+
+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) {
+    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: capitalize("".concat(it))
+    };
+  });
+};
+
+var isMessage = function isMessage(message) {
+  return isObject(message) && typeof message.defaultMessage !== 'undefined';
+};
+
+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
+  });
+};
+
+var validateFields = function validateFields(fields, value) {
+  return fields.reduce(function (acc, field) {
+    if (acc === true) {
+      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 };

package/hooks.js

@@ -0,0 +1 @@
+module.exports = require('./lib/hooks');