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

package/lib/utils.js

@@ -1,17 +1,376 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _utils = require("./lib/utils");
+var isNumber = require('lodash/isNumber');
+var snakeCase = require('snake-case');
+var isObject = require('lodash/isObject');
+var react = require('react');
+var changeCase = require('change-case');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
+var ReactIs = require('react-is');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var isString = require('lodash/isString');
+var isArray = require('lodash/isArray');
+var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var get = require('lodash/get');
+var capitalize = require('lodash/capitalize');
+var slugify = require('slugify');
 
-Object.keys(_utils).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _utils[key];
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var isNumber__default = /*#__PURE__*/_interopDefaultLegacy(isNumber);
+var isObject__default = /*#__PURE__*/_interopDefaultLegacy(isObject);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
+var ReactIs__default = /*#__PURE__*/_interopDefaultLegacy(ReactIs);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var isString__default = /*#__PURE__*/_interopDefaultLegacy(isString);
+var isArray__default = /*#__PURE__*/_interopDefaultLegacy(isArray);
+var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
+var get__default = /*#__PURE__*/_interopDefaultLegacy(get);
+var capitalize__default = /*#__PURE__*/_interopDefaultLegacy(capitalize);
+var slugify__default = /*#__PURE__*/_interopDefaultLegacy(slugify);
+
+var convertStyleToString = function convertStyleToString(style) {
+  return style !== null ? Object.keys(style).map(function (key) {
+    return "".concat(snakeCase.snakeCase(key), ":").concat(isNumber__default["default"](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__default["default"](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;
+    react.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__default["default"].isValidElementType(components[key]) ? _objectSpread__default["default"](_objectSpread__default["default"]({}, newMap), {}, _defineProperty__default["default"]({}, prefix !== null ? "".concat(prefix, ".").concat(key) : key, components[key])) : _objectSpread__default["default"](_objectSpread__default["default"]({}, newMap), flattenComponents(components[key], key));
+  }, {});
+};
+
+var _excluded$1 = ["component"];
+
+var getComponent = function getComponent(component) {
+  var _ref = isObject__default["default"](component) ? component : {
+    component: component
+  };
+      _ref.component;
+      var props = _objectWithoutProperties__default["default"](_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__default["default"](_objectSpread__default["default"]({}, 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__default["default"](column) ? {
+      field: column
+    } : column,
+        _ref$field = _ref.field,
+        fieldName = _ref$field === void 0 ? null : _ref$field,
+        otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+    return _objectSpread__default["default"](_objectSpread__default["default"]({}, 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 = changeCase.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__default["default"](items) && items.length === 0) {
+    return defaultObject;
+  }
+
+  var pascalId = changeCase.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__default["default"](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__default["default"](_objectSpread__default["default"]({}, itemsField), {}, {
+        name: path.join('/'),
+        listItems: true
+      });
+    }
+
+    return getFieldByName([].concat(_toConsumableArray__default["default"](fieldFields || []), _toConsumableArray__default["default"](subFields || []), _toConsumableArray__default["default"](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__default["default"](it, path, null);
+  return value !== null && isObject__default["default"](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__default["default"](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__default["default"]("".concat(value))
+        };
+      }
+
+      return {
+        value: value,
+        label: "".concat(label)
+      };
+    }
+
+    return {
+      value: it,
+      label: capitalize__default["default"]("".concat(it))
+    };
+  });
+};
+
+var isMessage = function isMessage(message) {
+  return isObject__default["default"](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__default["default"](value.slice(0, index)), [keyParts.length > 0 ? setValue(value !== null ? value[index] || null : null, keyParts, fieldValue) : fieldValue], _toConsumableArray__default["default"](value.slice(index + 1))) : [].concat(_toConsumableArray__default["default"](value.slice(0, index)), _toConsumableArray__default["default"](value.slice(index + 1)));
+      return newArrayValue.length > 0 ? newArrayValue : null;
+    }
+
+    return _objectSpread__default["default"](_objectSpread__default["default"]({}, value), {}, _defineProperty__default["default"]({}, 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 = changeCase.paramCase(str);
+  } else {
+    toSlug = changeCase.snakeCase(str);
+  }
+
+  return slugify__default["default"](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);
+};
+
+Object.defineProperty(exports, 'dashCase', {
+    enumerable: true,
+    get: function () { return changeCase.paramCase; }
+});
+Object.defineProperty(exports, 'pascalCase', {
+    enumerable: true,
+    get: function () { return changeCase.pascalCase; }
+});
+Object.defineProperty(exports, 'snakeCase', {
+    enumerable: true,
+    get: function () { return changeCase.snakeCase; }
+});
+exports.convertStyleToString = convertStyleToString;
+exports.createNullableOnChange = createNullableOnChange;
+exports.createUseEvent = createUseEvent;
+exports.flattenComponents = flattenComponents;
+exports.getColumnsWithFields = getColumnsWithFields;
+exports.getComponent = getComponent;
+exports.getComponentFromName = getComponentFromName;
+exports.getDefinitionFromId = getDefinitionFromId;
+exports.getDisplayName = getDisplayName;
+exports.getFieldByName = getFieldByName;
+exports.getFieldFromPath = getFieldFromPath;
+exports.getFileName = getFileName;
+exports.getPathValue = getPathValue;
+exports.getSelectOptions = getSelectOptions;
+exports.isMessage = isMessage;
+exports.setFieldValue = setValue;
+exports.slug = slug;
+exports.validateFields = validateFields;

package/package.json

@@ -1,12 +1,9 @@
 {
     "name": "@panneau/core",
-    "version": "1.0.1-alpha.0",
-    "description": "Core utilities of the Panneau package",
+    "version": "1.0.3-alpha.0",
+    "description": "",
     "keywords": [
-        "react",
-        "javascript",
-        "form",
-        "dashboard"
+        "javascript"
     ],
     "homepage": "https://github.com/folkloreinc/panneau-js",
     "repository": {
@@ -25,64 +22,97 @@
         {
             "name": "Nicolas Roy-Bourdages",
             "email": "nrb@folklore.email"
+        },
+        {
+            "name": "Julien Carignan",
+            "email": "jc@folklore.email"
+        },
+        {
+            "name": "Théo Gjini",
+            "email": "tg@folklore.email"
         }
     ],
+    "license": "ISC",
     "main": "lib/index.js",
     "module": "es/index.js",
+    "exports": {
+        ".": "./lib/index.js",
+        "./contexts": "./lib/contexts.js",
+        "./hooks": "./lib/hooks.js",
+        "./utils": "./lib/utils.js"
+    },
+    "browser": {
+        ".": "./es/index.js",
+        "./contexts": "./es/contexts.js",
+        "./hooks": "./es/hooks.js",
+        "./utils": "./es/utils.js"
+    },
     "files": [
         "lib",
         "es",
-        "dist",
-        "src",
+        "assets",
         "components.js",
         "contexts.js",
-        "requests.js",
+        "hooks.js",
         "utils.js"
     ],
     "scripts": {
-        "storybook": "../../node_modules/.bin/start-storybook -p 9008 -c ../../.storybook-package",
-        "clean": "rm -rf dist && rm -rf lib && rm -rf es",
-        "webpack:dist": "../../node_modules/.bin/webpack --config ./webpack.config.js --progress --colors",
-        "webpack": "npm run webpack:dist",
-        "babel:es": "BABEL_ENV=es ../../node_modules/.bin/babel src --out-dir es --ignore src/**/*.story.jsx,src/**/*.test.jsx",
-        "babel:cjs": "BABEL_ENV=cjs ../../node_modules/.bin/babel src --out-dir lib --ignore src/**/*.story.jsx,src/**/*.test.jsx",
-        "babel": "npm run babel:es && npm run babel:cjs",
-        "copy:json": "rsync -a --include '*/' --include '*.json' --exclude '*' src/ lib/ && rsync -a --include '*/' --include '*.json' --exclude '*' src/ es/",
-        "intl": "node ../../scripts/buildPackageTranslations",
-        "build": "npm run babel && npm run intl && npm run copy:json",
-        "prepare": "npm run clean && npm run build",
-        "start": "npm run storybook"
-    },
-    "dependencies": {
-        "@babel/runtime": "^7.5.5",
-        "@fortawesome/fontawesome-free": "^5.10.1",
-        "@panneau/schemas": "^1.0.1-alpha.0",
-        "bootstrap": "^4.3.1",
-        "classnames": "^2.2.5",
-        "hoist-non-react-statics": "^3.3.0",
-        "invariant": "^2.2.2",
-        "jquery": "^3.3.1",
-        "js-cookie": "^2.2.0",
-        "lodash": "^4.17.4",
-        "moment": "^2.22.1",
-        "popper": "^1.0.1",
-        "popper.js": "^1.14.3",
-        "prop-types": "^15.7.0",
-        "query-string": "^6.1.0",
-        "react-intl": "^3.1.6",
-        "react-router-dom": "^5.0.1",
-        "url-pattern": "^1.0.3",
-        "whatwg-fetch": "^2.0.3",
-        "wolfy87-eventemitter": "^5.2.4"
+        "prepare": "../../scripts/prepare-package.sh --scss"
     },
     "devDependencies": {
-        "jquery-slim": "^3.0.0",
-        "react": "^16.9.0",
-        "react-dom": "^16.9.0"
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
     },
     "peerDependencies": {
-        "react": "^16.8.0",
-        "react-dom": "^16.8.0"
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+    },
+    "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "@folklore/fetch": "^0.1.15",
+        "@folklore/forms": "^0.0.10",
+        "@folklore/services": "^0.1.24",
+        "@folklore/tracking": "^0.0.9",
+        "@fortawesome/fontawesome-svg-core": "^1.2.35",
+        "@fortawesome/free-solid-svg-icons": "^5.15.3",
+        "@fortawesome/react-fontawesome": "^0.1.14",
+        "@uppy/core": "^2.1.4",
+        "@uppy/dashboard": "^2.1.3",
+        "@uppy/dropbox": "^2.0.5",
+        "@uppy/facebook": "^2.0.5",
+        "@uppy/google-drive": "^2.0.5",
+        "@uppy/instagram": "^2.0.5",
+        "@uppy/locales": "^2.0.5",
+        "@uppy/react": "^2.1.2",
+        "@uppy/transloadit": "^2.1.1",
+        "@uppy/tus": "^2.2.0",
+        "@uppy/webcam": "^2.0.5",
+        "@uppy/xhr-upload": "^2.0.7",
+        "bootstrap": "5.2.0-beta1",
+        "change-case": "^4.1.2",
+        "classnames": "^2.2.6",
+        "css-mediaquery": "^0.1.2",
+        "dayjs": "^1.10.4",
+        "debug": "^4.3.1",
+        "flat": "^5.0.2",
+        "hoist-non-react-statics": "^3.3.2",
+        "lodash": "^4.17.21",
+        "prop-types": "^15.7.2",
+        "react-helmet": "^6.1.0",
+        "react-intl": "^5.15.8||^6.0.0",
+        "react-is": "^17.0.2",
+        "react-router": "^6.2.1",
+        "react-router-dom": "^6.2.1",
+        "react-use-gesture": "^9.0.0",
+        "slugify": "^1.5.0",
+        "snake-case": "^3.0.4",
+        "tinycolor2": "^1.4.2",
+        "uuid": "^8.3.2",
+        "webfontloader": "^1.6.28",
+        "wolfy87-eventemitter": "^5.2.9"
+    },
+    "publishConfig": {
+        "access": "public"
     },
-    "gitHead": "1bdcdd2b8266844e3739621aa29c91903075186f"
+    "gitHead": "7f9c472b97c79a5c81da30730549acdde2de5c9f"
 }

package/utils.js

@@ -1 +1 @@
-export * from './es/lib/utils';
+module.exports = require('./lib/utils');

package/components.js

@@ -1 +0,0 @@
-export * from './es/components';