@kausal/themes 0.5.1 → 0.5.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kausal/themes",
-  "version": "0.5.1",
+  "version": "0.5.3",
   "description": "Themes for Kausal products",
   "type": "module",
   "main": "setup.cjs",

package/props.js

@@ -5,9 +5,19 @@ const { number, exact, string, oneOfType, bool, array, object } = PropTypes;
 export function makeThemePropType(cssv = null) {
   if (!cssv) {
     // No CSS validation
-    cssv = (propName) => () => null;
+    cssv = () => {
+      const validate = () => null;
+      validate.allowEmpty = () => null;
+      validate.isRequired = (props, propName) => {
+        const val = props[propName];
+        if (val === null || val === undefined) {
+          return new Error(`${propName} missing or null`);
+        }
+      }
+      return validate;
+    }
   }
-  return exact({
+  const props = {
     actionColor: cssv("color").isRequired,
     actionColorFg: cssv("color").isRequired,
     actionCompletedColor: cssv("color").isRequired,
@@ -57,6 +67,7 @@ export function makeThemePropType(cssv = null) {
     fontWeightNormal: cssv("font-weight").isRequired,
     navLogoVisible: bool.isRequired,
     navTitleVisible: bool.isRequired,
+    navLinkIcons: bool,
     footerLogoPlacement: string.isRequired,
     footerLogoSize: string,
     footerLogoLink: string,
@@ -159,6 +170,9 @@ export function makeThemePropType(cssv = null) {
         showResponsibles: bool.isRequired,
         showIndicators: bool.isRequired,
       }),
+      multiplan: exact({
+        hideLongPlanNames: bool,
+      }),
       categories: exact({
         filterIndicatorsByAllLevels: bool.isRequired,
       }),
@@ -174,7 +188,9 @@ export function makeThemePropType(cssv = null) {
       }),
       frontHero: exact({
         cardPlacement: string,
+        color: string,
       }),
     }),
-  });
+  };
+  return exact(props);
 }

package/types.ts

@@ -54,6 +54,7 @@ export interface Theme {
   fontWeightNormal: number;
   navLogoVisible: boolean;
   navTitleVisible: boolean;
+  navLinkIcons?: boolean;
   footerLogoPlacement: string;
   footerLogoSize?: string;
   footerLogoLink?: string;
@@ -156,6 +157,9 @@ export interface Theme {
       showResponsibles: boolean;
       showIndicators: boolean;
     };
+    multiplan?: {
+      hideLongPlanNames: boolean;
+    };
     categories: {
       filterIndicatorsByAllLevels: boolean;
     };
@@ -171,6 +175,7 @@ export interface Theme {
     };
     frontHero?: {
       cardPlacement?: string;
+      color?: string;
     };
   };
 }