@micromag/core 0.4.46 → 0.4.48

package/lib/hooks.js

@@ -19,6 +19,7 @@ var raf = require('raf');
 var createDebug = require('debug');
 var isString = require('lodash/isString');
 var contexts = require('@micromag/core/contexts');
+var isEmpty = require('lodash/isEmpty');
 var hooks = require('@folklore/hooks');
 var cssMediaquery = require('css-mediaquery');
 var reactIntl = require('react-intl');
@@ -1942,9 +1943,15 @@ var useParsedStory = function useParsedStory(story) {
   return newStory;
 };
 
-var usePlaceholderStyle = function usePlaceholderStyle(className, placeholderStyle) {
-  return "\n            .".concat(className, "::placeholder {\n                ").concat(placeholderStyle.color ? "color: ".concat(placeholderStyle.color, ";") : '', "\n                ").concat(placeholderStyle.fontSize ? "font-size: ".concat(placeholderStyle.fontSize, ";") : '', "\n                ").concat(placeholderStyle.fontStyle ? "font-style: ".concat(placeholderStyle.fontStyle, ";") : '', "\n                ").concat(placeholderStyle.fontWeight ? "font-weight: ".concat(placeholderStyle.fontWeight, ";") : '', "\n                ").concat(placeholderStyle.fontFamily ? "font-family: ".concat(placeholderStyle.fontFamily, ";") : '', "\n                ").concat(placeholderStyle.textAlign ? "text-align: ".concat(placeholderStyle.textAlign, ";") : '', "\n            }\n        ");
-};
+function usePlaceholderStyle(selector, placeholderStyle) {
+  var styles = placeholderStyle !== null ? Object.keys(placeholderStyle).reduce(function (styles, key) {
+    var value = placeholderStyle[key];
+    return !isEmpty(value) ? _objectSpread(_objectSpread({}, styles), {}, _defineProperty({}, key.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase(), value)) : styles;
+  }, {}) : null;
+  return styles !== null && Object.keys(styles).length > 0 ? "\n        ".concat(selector, "::placeholder {\n            ").concat(Object.keys(styles).map(function (key) {
+    return "".concat(key, ": ").concat(styles[key], ";");
+  }).join('\n'), "\n        }\n    ") : null;
+}
 
 function useProgressSteps() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},

package/lib/index.js

@@ -279,7 +279,7 @@ var ComponentsManager = /*#__PURE__*/function (_EventEmitter) {
         var pattern = new RegExp("^".concat(namespace, "\\.(.*)$"));
         var matches = pattern.exec(name);
         return matches !== null ? _objectSpread(_objectSpread({}, componentsMap), {}, _defineProperty({}, matches[1], _this3.components[name])) : componentsMap;
-      }, null) : this.components;
+      }, {}) : this.components;
     }
   }, {
     key: "hasComponent",
@@ -438,8 +438,6 @@ var FieldsManager = /*#__PURE__*/function (_DefinitionsManager) {
     key: "filter",
     value: function filter(_filter) {
       return new FieldsManager(this.definitions.filter(_filter));
-      // this.definitions = this.definitions.filter(filter);
-      // return this;
     }
   }]);
 }(DefinitionsManager);

package/lib/utils.js

@@ -173,6 +173,10 @@ var createUseEvent = function createUseEvent(eventsManager) {
   };
 };
 
+function cssEscape(value) {
+  return typeof CSS !== 'undefined' && typeof CSS.escape === 'function' ? CSS.escape(value) : value.replace(/([^\x00-\x7F]|[!"#$%&'()*+,.\/:;<=>?@\[\\\]^`{|}~])/g, '\\$1');
+}
+
 /* eslint-disable */
 var easings = {
   linear: function linear(x) {
@@ -1217,6 +1221,7 @@ exports.convertStyleToString = convertStyleToString;
 exports.copyToClipboard = copyToClipboard;
 exports.createNullableOnChange = createNullableOnChange;
 exports.createUseEvent = createUseEvent;
+exports.cssEscape = cssEscape;
 exports.easings = easings;
 exports.getColorAsString = getColorAsString;
 exports.getComponentFromName = getComponentFromName;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/core",
-    "version": "0.4.46",
+    "version": "0.4.48",
     "private": false,
     "description": "",
     "keywords": [
@@ -161,6 +161,6 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "4c2fdb2bb166162be997a70d13a14255e9975e1b",
+    "gitHead": "d6772865be1ee3f2d19288ebfbf4b9b6860f4cd7",
     "types": "es/index.d.ts"
 }

package/components.js

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

package/contexts.js

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

package/hooks.js

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

package/utils.js

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