@routevn/creator-model 1.9.0 → 1.10.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@routevn/creator-model",
-  "version": "1.9.0",
+  "version": "1.10.1",
   "private": false,
   "type": "module",
   "license": "MIT",

package/src/model.js

@@ -394,7 +394,7 @@ const LAYOUT_ELEMENT_BASE_TYPES = [
   "container-ref-confirm-dialog-ok",
   "container-ref-confirm-dialog-cancel",
 ];
-export const SCHEMA_VERSION = 9;
+export const SCHEMA_VERSION = 10;
 const LAYOUT_CONTAINER_ELEMENT_TYPES = [
   "folder",
   "container",
@@ -3066,6 +3066,60 @@ const validateVariableItems = ({ items, path, errorFactory }) => {
   }
 };
 
+const validateTextStyleShadow = ({ shadow, path, errorFactory }) => {
+  if (!isPlainObject(shadow)) {
+    return invalidFromErrorFactory(errorFactory, `${path} must be an object`);
+  }
+
+  {
+    const result = validateAllowedKeys({
+      value: shadow,
+      allowedKeys: ["colorId", "alpha", "blur", "offsetX", "offsetY"],
+      path,
+      errorFactory,
+    });
+    if (result?.valid === false) {
+      return result;
+    }
+  }
+
+  if (!isNonEmptyString(shadow.colorId)) {
+    return invalidFromErrorFactory(
+      errorFactory,
+      `${path}.colorId must be a non-empty string`,
+    );
+  }
+
+  if (
+    shadow.alpha !== undefined &&
+    (!isFiniteNumber(shadow.alpha) || shadow.alpha < 0 || shadow.alpha > 1)
+  ) {
+    return invalidFromErrorFactory(
+      errorFactory,
+      `${path}.alpha must be a finite number between 0 and 1 when provided`,
+    );
+  }
+
+  if (
+    shadow.blur !== undefined &&
+    (!isFiniteNumber(shadow.blur) || shadow.blur < 0)
+  ) {
+    return invalidFromErrorFactory(
+      errorFactory,
+      `${path}.blur must be a non-negative finite number when provided`,
+    );
+  }
+
+  for (const key of ["offsetX", "offsetY"]) {
+    if (shadow[key] !== undefined && !isFiniteNumber(shadow[key])) {
+      return invalidFromErrorFactory(
+        errorFactory,
+        `${path}.${key} must be a finite number when provided`,
+      );
+    }
+  }
+};
+
 const validateTextStyleItems = ({ items, path, errorFactory }) => {
   for (const [itemId, item] of Object.entries(items)) {
     const itemPath = `${path}.${itemId}`;
@@ -3103,6 +3157,7 @@ const validateTextStyleItems = ({ items, path, errorFactory }) => {
                 "strokeColorId",
                 "strokeAlpha",
                 "strokeWidth",
+                "shadow",
               ],
         path: itemPath,
         errorFactory,
@@ -3262,6 +3317,17 @@ const validateTextStyleItems = ({ items, path, errorFactory }) => {
           `${itemPath}.strokeWidth must be a finite number when provided`,
         );
       }
+
+      if (item.shadow !== undefined) {
+        const result = validateTextStyleShadow({
+          shadow: item.shadow,
+          path: `${itemPath}.shadow`,
+          errorFactory,
+        });
+        if (result?.valid === false) {
+          return result;
+        }
+      }
     }
   }
 };
@@ -3800,6 +3866,7 @@ const validateLayoutElementData = ({
     "scaleX",
     "scaleY",
     "rotation",
+    "hidden",
     "opacity",
     "blur",
     "fill",
@@ -3897,6 +3964,13 @@ const validateLayoutElementData = ({
     }
   }
 
+  if (data.hidden !== undefined && typeof data.hidden !== "boolean") {
+    return invalidFromErrorFactory(
+      errorFactory,
+      `${path}.hidden must be a boolean when provided`,
+    );
+  }
+
   for (const key of [
     "x",
     "y",
@@ -4546,6 +4620,7 @@ const validateLayoutElementItems = ({ items, path, errorFactory }) => {
           "scaleX",
           "scaleY",
           "rotation",
+          "hidden",
           "opacity",
           "blur",
           "fill",
@@ -5198,6 +5273,22 @@ const applyTagIdsUpdate = ({ currentItem, data }) => {
   return nextItem;
 };
 
+const applyTextStyleUpdate = ({ currentItem, data }) => {
+  const nextData = structuredClone(data);
+  delete nextData.clearShadow;
+
+  const nextItem = applyTagIdsUpdate({
+    currentItem,
+    data: nextData,
+  });
+
+  if (data.clearShadow === true) {
+    delete nextItem.shadow;
+  }
+
+  return nextItem;
+};
+
 const applyCharacterUpdate = ({ currentItem, data }) => {
   const nextItem = applyTagIdsUpdate({
     currentItem,
@@ -7089,6 +7180,19 @@ export const assertInvariants = ({ state }) => {
         );
       }
     }
+
+    if (textStyle.shadow !== undefined) {
+      const shadowColor = state.colors.items[textStyle.shadow.colorId];
+      if (!isPlainObject(shadowColor) || shadowColor.type === "folder") {
+        return invalidInvariant(
+          "textStyle.shadow.colorId must reference an existing non-folder color",
+          {
+            textStyleId,
+            colorId: textStyle.shadow.colorId,
+          },
+        );
+      }
+    }
   }
 
   for (const [imageId, image] of Object.entries(state.images.items)) {
@@ -11014,6 +11118,7 @@ const validateTextStyleCreateData = ({ data, errorFactory }) => {
               "strokeColorId",
               "strokeAlpha",
               "strokeWidth",
+              "shadow",
             ],
       path: "payload.data",
       errorFactory,
@@ -11089,6 +11194,8 @@ const validateTextStyleUpdateData = ({ data, errorFactory }) => {
         "strokeColorId",
         "strokeAlpha",
         "strokeWidth",
+        "shadow",
+        "clearShadow",
       ],
       path: "payload.data",
       errorFactory,
@@ -11157,6 +11264,31 @@ const validateTextStyleUpdateData = ({ data, errorFactory }) => {
     }
   }
 
+  if (data.shadow !== undefined) {
+    const result = validateTextStyleShadow({
+      shadow: data.shadow,
+      path: "payload.data.shadow",
+      errorFactory,
+    });
+    if (result?.valid === false) {
+      return result;
+    }
+  }
+
+  if (data.clearShadow !== undefined && data.clearShadow !== true) {
+    return invalidFromErrorFactory(
+      errorFactory,
+      "payload.data.clearShadow must be true when provided",
+    );
+  }
+
+  if (data.shadow !== undefined && data.clearShadow === true) {
+    return invalidFromErrorFactory(
+      errorFactory,
+      "payload.data.shadow and payload.data.clearShadow cannot both be provided",
+    );
+  }
+
   if (data.breakWords !== undefined && typeof data.breakWords !== "boolean") {
     return invalidFromErrorFactory(
       errorFactory,
@@ -18313,7 +18445,7 @@ const COMMAND_DEFINITIONS = [
       };
     },
     updateItem: ({ currentItem, payload }) =>
-      applyTagIdsUpdate({
+      applyTextStyleUpdate({
         currentItem,
         data: payload.data,
       }),
@@ -18351,6 +18483,15 @@ const COMMAND_DEFINITIONS = [
           );
         }
       }
+
+      if (data.shadow !== undefined) {
+        const shadowColor = state.colors.items[data.shadow.colorId];
+        if (!isPlainObject(shadowColor) || shadowColor.type === "folder") {
+          return invalidPrecondition(
+            "payload.data.shadow.colorId must reference an existing non-folder color",
+          );
+        }
+      }
     },
     validateUpdateState: ({ state, payload, currentItem }) => {
       if (
@@ -18394,6 +18535,15 @@ const COMMAND_DEFINITIONS = [
           );
         }
       }
+
+      if (payload.data.shadow !== undefined) {
+        const shadowColor = state.colors.items[payload.data.shadow.colorId];
+        if (!isPlainObject(shadowColor) || shadowColor.type === "folder") {
+          return invalidPrecondition(
+            "payload.data.shadow.colorId must reference an existing non-folder color",
+          );
+        }
+      }
     },
   }),
   ...createFolderedCollectionCommandDefinitions({
@@ -20002,10 +20152,12 @@ const COMMAND_DEFINITIONS = [
 
       if (
         currentItem.type === "folder" &&
-        Object.keys(payload.data).some((key) => key !== "name")
+        Object.keys(payload.data).some(
+          (key) => key !== "name" && key !== "hidden",
+        )
       ) {
         return invalidPrecondition(
-          "folder layout elements cannot update non-name fields",
+          "folder layout elements can only update name and hidden fields",
         );
       }
 
@@ -20361,10 +20513,12 @@ const COMMAND_DEFINITIONS = [
 
       if (
         currentItem.type === "folder" &&
-        Object.keys(payload.data).some((key) => key !== "name")
+        Object.keys(payload.data).some(
+          (key) => key !== "name" && key !== "hidden",
+        )
       ) {
         return invalidPrecondition(
-          "folder control elements cannot update non-name fields",
+          "folder control elements can only update name and hidden fields",
         );
       }