@bigbinary/neeto-themes-frontend 1.1.17 → 1.1.19

package/dist/index.js

@@ -5,7 +5,7 @@ import i18next, { t as t$6 } from 'i18next';
 import { withImmutableActions, useMutationWithInvalidation, useDebounce, useFuncDebounce, withT, withTitle } from '@bigbinary/neeto-commons-frontend/react-utils';
 import Spinner$1 from '@bigbinary/neetoui/Spinner';
 import { create as create$3 } from 'zustand';
-import { isNotPresent, snakeToCamelCase, filterBy, noop as noop$3, isPresent, findBy, keysToCamelCase, humanize, isNot, findIndexBy, isNotEmpty } from '@bigbinary/neeto-cist';
+import { isNotPresent, snakeToCamelCase, filterBy, isPresent, isNot, findBy, noop as noop$3, keysToCamelCase, findIndexBy, humanize, isNotEmpty } from '@bigbinary/neeto-cist';
 import Alert from '@bigbinary/neetoui/Alert';
 import { useTranslation, Trans } from 'react-i18next';
 import '@bigbinary/neetoui/Toastr';
@@ -768,6 +768,84 @@ var OVERLAY_OPACITY_SLIDER_MARKS = {
 };
 var HUNDRED = 100;
 
+var buildInitialValues = function buildInitialValues(theme, themeConfig) {
+  if (isPresent(theme)) return theme;
+  return {
+    name: t$6("neetoThemes.build.leftSideBar.themes.createTheme.newThemeName"),
+    properties: themeConfig.map(function (_ref) {
+      var key = _ref.key,
+        kind = _ref.kind,
+        defaultValue = _ref.defaultValue;
+      switch (kind) {
+        case "color":
+          return {
+            value: defaultValue,
+            kind: "color",
+            key: key
+          };
+        case "font_family":
+          return {
+            value: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"',
+            kind: "font_family",
+            key: key
+          };
+        case "overlay_opacity":
+          return {
+            value: 0,
+            kind: "overlay_opacity",
+            key: key
+          };
+        case "slider":
+          return {
+            value: 0,
+            kind: "slider",
+            key: key
+          };
+        case "boolean":
+          return {
+            value: false,
+            kind: "boolean",
+            key: key
+          };
+        default:
+          return null;
+      }
+    }).filter(isNot(null))
+  };
+};
+var buildImageData = function buildImageData(values, themeConfig) {
+  return filterBy({
+    kind: "image"
+  }, themeConfig).reduce(function (acc, item) {
+    var _values$snakeToCamelC;
+    var signedId = (_values$snakeToCamelC = values[snakeToCamelCase(item.key)]) === null || _values$snakeToCamelC === void 0 ? void 0 : _values$snakeToCamelC.signedId;
+    acc[item.key] = signedId;
+    return acc;
+  }, {});
+};
+var isPropertyVisible = function isPropertyVisible(key, formikValues, themeConfig) {
+  var _findBy;
+  var property = findBy({
+    key: key
+  }, themeConfig);
+  if (isNotPresent(property)) return false;
+  var conditionalKey = property === null || property === void 0 ? void 0 : property.dependsOn;
+  if (isNotPresent(conditionalKey)) return true;
+  var dependentProperty = findBy({
+    key: conditionalKey
+  }, themeConfig);
+  if (dependentProperty.kind === "image") {
+    var _formikValues$snakeTo;
+    return isPresent((_formikValues$snakeTo = formikValues[snakeToCamelCase(conditionalKey)]) === null || _formikValues$snakeTo === void 0 ? void 0 : _formikValues$snakeTo.url);
+  }
+  return isPresent((_findBy = findBy({
+    key: conditionalKey
+  }, formikValues.properties)) === null || _findBy === void 0 ? void 0 : _findBy.value);
+};
+var buildLabel = function buildLabel(key, kind) {
+  return t$6("neetoThemes.properties.".concat(snakeToCamelCase(kind), ".").concat(snakeToCamelCase(key)));
+};
+
 var Card$2 = function Card(_ref) {
   var _ref$title = _ref.title,
     title = _ref$title === void 0 ? "" : _ref$title,
@@ -6954,7 +7032,7 @@ var Images = function Images(_ref) {
   var _useFormikContext = useFormikContext(),
     values = _useFormikContext.values;
   var key = snakeToCamelCase(attribute);
-  var title = humanize(key);
+  var title = buildLabel(key, "image");
   var imageData = values[key];
   return /*#__PURE__*/jsx(Card$2, {
     title: title,
@@ -6968,84 +7046,6 @@ var Images = function Images(_ref) {
   });
 };
 
-var buildInitialValues = function buildInitialValues(theme, themeConfig) {
-  if (isPresent(theme)) return theme;
-  return {
-    name: t$6("neetoThemes.build.leftSideBar.themes.createTheme.newThemeName"),
-    properties: themeConfig.map(function (_ref) {
-      var key = _ref.key,
-        kind = _ref.kind,
-        defaultValue = _ref.defaultValue;
-      switch (kind) {
-        case "color":
-          return {
-            value: defaultValue,
-            kind: "color",
-            key: key
-          };
-        case "font_family":
-          return {
-            value: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"',
-            kind: "font_family",
-            key: key
-          };
-        case "overlay_opacity":
-          return {
-            value: 0,
-            kind: "overlay_opacity",
-            key: key
-          };
-        case "slider":
-          return {
-            value: 0,
-            kind: "slider",
-            key: key
-          };
-        case "boolean":
-          return {
-            value: false,
-            kind: "boolean",
-            key: key
-          };
-        default:
-          return null;
-      }
-    }).filter(isNot(null))
-  };
-};
-var buildImageData = function buildImageData(values, themeConfig) {
-  return filterBy({
-    kind: "image"
-  }, themeConfig).reduce(function (acc, item) {
-    var _values$snakeToCamelC;
-    var signedId = (_values$snakeToCamelC = values[snakeToCamelCase(item.key)]) === null || _values$snakeToCamelC === void 0 ? void 0 : _values$snakeToCamelC.signedId;
-    acc[item.key] = signedId;
-    return acc;
-  }, {});
-};
-var isPropertyVisible = function isPropertyVisible(key, formikValues, themeConfig) {
-  var _findBy;
-  var property = findBy({
-    key: key
-  }, themeConfig);
-  if (isNotPresent(property)) return false;
-  var conditionalKey = property === null || property === void 0 ? void 0 : property.dependsOn;
-  if (isNotPresent(conditionalKey)) return true;
-  var dependentProperty = findBy({
-    key: conditionalKey
-  }, themeConfig);
-  if (dependentProperty.kind === "image") {
-    var _formikValues$snakeTo;
-    return isPresent((_formikValues$snakeTo = formikValues[snakeToCamelCase(conditionalKey)]) === null || _formikValues$snakeTo === void 0 ? void 0 : _formikValues$snakeTo.url);
-  }
-  return isPresent((_findBy = findBy({
-    key: conditionalKey
-  }, formikValues.properties)) === null || _findBy === void 0 ? void 0 : _findBy.value);
-};
-var buildLabel = function buildLabel(key, kind) {
-  return t$6("neetoThemes.properties.".concat(snakeToCamelCase(kind), ".").concat(snakeToCamelCase(key)));
-};
-
 var ColorBlock = function ColorBlock(_ref) {
   var label = _ref.label,
     _ref$color = _ref.color,