@micromag/core 0.3.117 → 0.3.122

package/es/components.js

@@ -38,6 +38,7 @@ import { getSizeWithinBounds } from '@folklore/size';
 import { faCommentDots } from '@fortawesome/free-solid-svg-icons/faCommentDots';
 import { faCheck } from '@fortawesome/free-solid-svg-icons/faCheck';
 import { faTimes } from '@fortawesome/free-solid-svg-icons/faTimes';
+import { faCircle } from '@fortawesome/free-solid-svg-icons/faCircle';
 import { faPercent } from '@fortawesome/free-solid-svg-icons/faPercent';
 import { useSpring } from '@react-spring/core';
 import { animated } from '@react-spring/web';
@@ -3435,7 +3436,7 @@ var Timeline = function Timeline(props) {
 };
 
 /* eslint-disable react/jsx-props-no-spreading, react/destructuring-assignment, react/prop-types */
-var Title = function Title(props) {
+var Title$1 = function Title(props) {
   return /*#__PURE__*/React.createElement(PlaceholderText, Object.assign({}, props, {
     className: classNames([props.className, styles$c.title]),
     height: 0.5,
@@ -3865,6 +3866,23 @@ var Answer$1 = function Answer(_ref) {
   })));
 };
 
+var Title = function Title(props) {
+  return /*#__PURE__*/React.createElement(PlaceholderBlock, Object.assign({}, props, {
+    width: "100%",
+    height: "100%",
+    className: classNames([styles$c.container, _defineProperty({}, props.className, props.className !== null)])
+  }), /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+    icon: faCircle,
+    className: styles$c.icon
+  }), /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+    icon: faCircle,
+    className: styles$c.icon
+  }), /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+    icon: faCircle,
+    className: styles$c.icon
+  }));
+};
+
 var styles$2 = {"container":"micromag-core-placeholders-survey-answer-container","block":"micromag-core-placeholders-survey-answer-block","percent":"micromag-core-placeholders-survey-answer-percent","percentIcon":"micromag-core-placeholders-survey-answer-percentIcon"};
 
 var Answer = function Answer(_ref) {
@@ -3905,12 +3923,13 @@ var Placeholders = /*#__PURE__*/Object.freeze({
     MapPath: MapPath,
     QuizAnswer: Answer$1,
     Quote: Quote,
+    ShareOptions: Title,
     ShortText: ShortText,
     Subtitle: Subtitle,
     SurveyAnswer: Answer,
     Text: TextPlaceholder,
     Timeline: Timeline,
-    Title: Title,
+    Title: Title$1,
     Video: Video,
     Video360: Video360,
     VideoLoop: VideoLoop
@@ -4343,4 +4362,4 @@ var LinkStyle = function LinkStyle(_ref) {
 LinkStyle.propTypes = propTypes;
 LinkStyle.defaultProps = defaultProps;
 
-export { BackButton, Breadcrumb, Button$1 as Button, Buttons, Card, Close, CollapsablePanel, Date$1 as Date, Detector, Dropdown as DropdownMenu, ElementComponent as Element, Empty, FieldForm, FontFaces, Form, FormPanel, HighlightStyle, Label, Link, LinkStyle, Media, Menu, Meta, Modal, ModalDialog, ModalPortal, Modals, Navbar, PaginationMenu as Pagination, Panel, PanelPortal, Panels, AdFrame as PlaceholderAdFrame, AdImage as PlaceholderAdImage, Audio as PlaceholderAudio, Button as PlaceholderButton, Image as PlaceholderImage, Line as PlaceholderLine, Map as PlaceholderMap, MapPath as PlaceholderMapPath, Quote as PlaceholderQuote, ShortText as PlaceholderShortText, Subtitle as PlaceholderSubtitle, TextPlaceholder as PlaceholderText, Timeline as PlaceholderTimeline, Title as PlaceholderTitle, Video as PlaceholderVideo, Video360 as PlaceholderVideo360, VideoLoop as PlaceholderVideoLoop, Screen$1 as Screen, ScreenElement, Placeholder as ScreenPlaceholder, Preview as ScreenPreview, ScreenSizer, Screens, Slideshow, Spinner, TabsMenu as Tabs, Transitions, TransitionsStagger, UploadModal };
+export { BackButton, Breadcrumb, Button$1 as Button, Buttons, Card, Close, CollapsablePanel, Date$1 as Date, Detector, Dropdown as DropdownMenu, ElementComponent as Element, Empty, FieldForm, FontFaces, Form, FormPanel, HighlightStyle, Label, Link, LinkStyle, Media, Menu, Meta, Modal, ModalDialog, ModalPortal, Modals, Navbar, PaginationMenu as Pagination, Panel, PanelPortal, Panels, AdFrame as PlaceholderAdFrame, AdImage as PlaceholderAdImage, Audio as PlaceholderAudio, Button as PlaceholderButton, Image as PlaceholderImage, Line as PlaceholderLine, Map as PlaceholderMap, MapPath as PlaceholderMapPath, Quote as PlaceholderQuote, ShortText as PlaceholderShortText, Subtitle as PlaceholderSubtitle, TextPlaceholder as PlaceholderText, Timeline as PlaceholderTimeline, Title$1 as PlaceholderTitle, Video as PlaceholderVideo, Video360 as PlaceholderVideo360, VideoLoop as PlaceholderVideoLoop, Screen$1 as Screen, ScreenElement, Placeholder as ScreenPlaceholder, Preview as ScreenPreview, ScreenSizer, Screens, Slideshow, Spinner, TabsMenu as Tabs, Transitions, TransitionsStagger, UploadModal };

package/es/utils.js

@@ -926,7 +926,9 @@ var setValue = function setValue(value, keyParts, fieldValue) {
 
   if (value !== null || fieldValue !== null) {
     if (isArray) {
-      var index = parseInt(key, 10);
+      var index = parseInt(key, 10); // TODO: fix this with an explicit delete
+      // instead on splicing out the element on null fieldValue
+
       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;
     }
@@ -979,7 +981,7 @@ var getContrastingColor = function getContrastingColor(backgroundColor) {
       color = _ref$color === void 0 ? 'white' : _ref$color;
 
   if (tinycolor.equals(color, tinycolor('white'))) {
-    return 'lightblue';
+    return '#A13DFF';
   }
 
   if (tinycolor.equals(color, tinycolor('black'))) {

package/lib/components.js

@@ -42,6 +42,7 @@ var size = require('@folklore/size');
 var faCommentDots = require('@fortawesome/free-solid-svg-icons/faCommentDots');
 var faCheck = require('@fortawesome/free-solid-svg-icons/faCheck');
 var faTimes = require('@fortawesome/free-solid-svg-icons/faTimes');
+var faCircle = require('@fortawesome/free-solid-svg-icons/faCircle');
 var faPercent = require('@fortawesome/free-solid-svg-icons/faPercent');
 var core$1 = require('@react-spring/core');
 var web = require('@react-spring/web');
@@ -3476,7 +3477,7 @@ var Timeline = function Timeline(props) {
 };
 
 /* eslint-disable react/jsx-props-no-spreading, react/destructuring-assignment, react/prop-types */
-var Title = function Title(props) {
+var Title$1 = function Title(props) {
   return /*#__PURE__*/React__default["default"].createElement(PlaceholderText, Object.assign({}, props, {
     className: classNames__default["default"]([props.className, styles$c.title]),
     height: 0.5,
@@ -3906,6 +3907,23 @@ var Answer$1 = function Answer(_ref) {
   })));
 };
 
+var Title = function Title(props) {
+  return /*#__PURE__*/React__default["default"].createElement(PlaceholderBlock, Object.assign({}, props, {
+    width: "100%",
+    height: "100%",
+    className: classNames__default["default"]([styles$c.container, _defineProperty__default["default"]({}, props.className, props.className !== null)])
+  }), /*#__PURE__*/React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, {
+    icon: faCircle.faCircle,
+    className: styles$c.icon
+  }), /*#__PURE__*/React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, {
+    icon: faCircle.faCircle,
+    className: styles$c.icon
+  }), /*#__PURE__*/React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, {
+    icon: faCircle.faCircle,
+    className: styles$c.icon
+  }));
+};
+
 var styles$2 = {"container":"micromag-core-placeholders-survey-answer-container","block":"micromag-core-placeholders-survey-answer-block","percent":"micromag-core-placeholders-survey-answer-percent","percentIcon":"micromag-core-placeholders-survey-answer-percentIcon"};
 
 var Answer = function Answer(_ref) {
@@ -3946,12 +3964,13 @@ var Placeholders = /*#__PURE__*/Object.freeze({
     MapPath: MapPath,
     QuizAnswer: Answer$1,
     Quote: Quote,
+    ShareOptions: Title,
     ShortText: ShortText,
     Subtitle: Subtitle,
     SurveyAnswer: Answer,
     Text: TextPlaceholder,
     Timeline: Timeline,
-    Title: Title,
+    Title: Title$1,
     Video: Video,
     Video360: Video360,
     VideoLoop: VideoLoop
@@ -4429,7 +4448,7 @@ exports.PlaceholderShortText = ShortText;
 exports.PlaceholderSubtitle = Subtitle;
 exports.PlaceholderText = TextPlaceholder;
 exports.PlaceholderTimeline = Timeline;
-exports.PlaceholderTitle = Title;
+exports.PlaceholderTitle = Title$1;
 exports.PlaceholderVideo = Video;
 exports.PlaceholderVideo360 = Video360;
 exports.PlaceholderVideoLoop = VideoLoop;

package/lib/utils.js

@@ -945,7 +945,9 @@ var setValue = function setValue(value, keyParts, fieldValue) {
 
   if (value !== null || fieldValue !== null) {
     if (isArray) {
-      var index = parseInt(key, 10);
+      var index = parseInt(key, 10); // TODO: fix this with an explicit delete
+      // instead on splicing out the element on null fieldValue
+
       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;
     }
@@ -998,7 +1000,7 @@ var getContrastingColor = function getContrastingColor(backgroundColor) {
       color = _ref$color === void 0 ? 'white' : _ref$color;
 
   if (tinycolor__default["default"].equals(color, tinycolor__default["default"]('white'))) {
-    return 'lightblue';
+    return '#A13DFF';
   }
 
   if (tinycolor__default["default"].equals(color, tinycolor__default["default"]('black'))) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/core",
-    "version": "0.3.117",
+    "version": "0.3.122",
     "description": "",
     "keywords": [
         "javascript"
@@ -132,5 +132,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "eab1c9a0b8c19d747fee6472158779f33b1f18d3"
+    "gitHead": "4fbee9b4305d9a4ae0e4532a1d8e143155499878"
 }