@djangocfg/ui-core 2.1.482 → 2.1.484

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djangocfg/ui-core",
-  "version": "2.1.482",
+  "version": "2.1.484",
   "description": "Pure React UI component library without Next.js dependencies - for Electron, Vite, CRA apps",
   "keywords": [
     "ui-components",
@@ -128,7 +128,7 @@
     "check:contrast": "node scripts/check-preset-contrast.mjs"
   },
   "peerDependencies": {
-    "@djangocfg/i18n": "^2.1.482",
+    "@djangocfg/i18n": "^2.1.484",
     "consola": "^3.4.2",
     "lucide-react": "^0.545.0",
     "moment": "^2.30.1",
@@ -206,8 +206,8 @@
     "@chenglou/pretext": "^0.0.8"
   },
   "devDependencies": {
-    "@djangocfg/i18n": "^2.1.482",
-    "@djangocfg/typescript-config": "^2.1.482",
+    "@djangocfg/i18n": "^2.1.484",
+    "@djangocfg/typescript-config": "^2.1.484",
     "@types/node": "^24.13.3",
     "@types/react": "19.2.15",
     "@types/react-dom": "19.2.3",

package/src/components/boundary/Boundary.tsx

@@ -144,7 +144,7 @@ const defaultLogger: BoundaryLogger = (message, error, info) => {
 };
 
 export class Boundary extends Component<BoundaryProps, BoundaryState> {
-  state: BoundaryState = { error: null, errorInfo: null };
+  override state: BoundaryState = { error: null, errorInfo: null };
 
   /** Stable context value identity — recreated only when error/reset functions change (i.e. on mount). */
   private contextValue: BoundaryContextValue = {
@@ -159,7 +159,7 @@ export class Boundary extends Component<BoundaryProps, BoundaryState> {
     return { error: toError(error), errorInfo: null };
   }
 
-  componentDidCatch(error: Error, info: ErrorInfo) {
+  override componentDidCatch(error: Error, info: ErrorInfo) {
     const normalized = toError(error);
     this.setState({ errorInfo: info });
 
@@ -181,7 +181,7 @@ export class Boundary extends Component<BoundaryProps, BoundaryState> {
     (this.props.logger ?? defaultLogger)(`${tag} caught error`, normalized, info);
   }
 
-  componentDidUpdate(prevProps: BoundaryProps) {
+  override componentDidUpdate(prevProps: BoundaryProps) {
     if (!this.state.error) return;
     const prevKeys = prevProps.resetKeys;
     const nextKeys = this.props.resetKeys;
@@ -263,7 +263,7 @@ export class Boundary extends Component<BoundaryProps, BoundaryState> {
     }
   }
 
-  render() {
+  override render() {
     if (this.state.error) {
       return this.safeRenderFallback();
     }

package/src/components/forms/mask-input/index.tsx

@@ -94,6 +94,11 @@ function applyMask(
 
     if (rawIndex < rawValue.length) {
       const char = rawValue[rawIndex];
+      if (char === undefined) {
+        masked += maskChar;
+        complete = false;
+        continue;
+      }
       if (part.def.pattern.test(char)) {
         const transformed = part.def.transform ? part.def.transform(char) : char;
         masked += transformed;
@@ -128,13 +133,14 @@ function extractRaw(value: string, maskParts: ReturnType<typeof parseMask>): str
   let valueIndex = 0;
   for (const part of maskParts) {
     if (valueIndex >= value.length) break;
+    const char = value[valueIndex];
+    if (char === undefined) break;
     if (part.type === "literal") {
-      if (value[valueIndex] === part.char) {
+      if (char === part.char) {
         valueIndex++;
       }
       continue;
     }
-    const char = value[valueIndex];
     if (part.def.pattern.test(char)) {
       raw += part.def.transform ? part.def.transform(char) : char;
     }
@@ -150,7 +156,7 @@ function getNextTokenIndex(
 ): number {
   let index = currentIndex + direction;
   while (index >= 0 && index < maskParts.length) {
-    if (maskParts[index].type === "token") return index;
+    if (maskParts[index]?.type === "token") return index;
     index += direction;
   }
   return direction === 1 ? maskParts.length : -1;
@@ -237,7 +243,7 @@ const MaskInput = React.forwardRef<HTMLInputElement, MaskInputProps>(
         let maskPos = 0;
         let charCount = 0;
         for (let i = 0; i < maskParts.length && charCount < start; i++) {
-          if (maskParts[i].type === "token") {
+          if (maskParts[i]?.type === "token") {
             charCount++;
           }
           maskPos = i + 1;
@@ -251,7 +257,7 @@ const MaskInput = React.forwardRef<HTMLInputElement, MaskInputProps>(
         }
 
         const part = maskParts[nextToken];
-        if (part.type !== "token") {
+        if (!part || part.type !== "token") {
           event.preventDefault();
           return;
         }
@@ -295,7 +301,7 @@ const MaskInput = React.forwardRef<HTMLInputElement, MaskInputProps>(
           const currentRaw = extractRaw(input.value, maskParts);
           let rawIndex = 0;
           for (let i = 0; i < pos; i++) {
-            if (maskParts[i].type === "token") rawIndex++;
+            if (maskParts[i]?.type === "token") rawIndex++;
           }
 
           const newRaw = currentRaw.slice(0, rawIndex) + currentRaw.slice(rawIndex + 1);
@@ -318,7 +324,7 @@ const MaskInput = React.forwardRef<HTMLInputElement, MaskInputProps>(
           const currentRaw = extractRaw(input.value, maskParts);
           let rawIndex = 0;
           for (let i = 0; i < start; i++) {
-            if (maskParts[i].type === "token") rawIndex++;
+            if (maskParts[i]?.type === "token") rawIndex++;
           }
 
           if (rawIndex >= currentRaw.length) return;
@@ -357,13 +363,13 @@ const MaskInput = React.forwardRef<HTMLInputElement, MaskInputProps>(
           if (nextToken === -1 || nextToken >= maskParts.length) return;
 
           const part = maskParts[nextToken];
-          if (part.type !== "token") return;
+          if (!part || part.type !== "token") return;
           if (!part.def.pattern.test(char)) return;
 
           const currentRaw = extractRaw(input.value, maskParts);
           let rawIndex = 0;
           for (let i = 0; i < nextToken; i++) {
-            if (maskParts[i].type === "token") rawIndex++;
+            if (maskParts[i]?.type === "token") rawIndex++;
           }
 
           const transformed = part.def.transform ? part.def.transform(char) : char;
@@ -383,7 +389,7 @@ const MaskInput = React.forwardRef<HTMLInputElement, MaskInputProps>(
       const filledCount = rawValue.length;
       let tokenSeen = 0;
       for (let i = 0; i < maskParts.length; i++) {
-        if (maskParts[i].type === "token") {
+        if (maskParts[i]?.type === "token") {
           if (tokenSeen === filledCount) return i;
           tokenSeen++;
         }

package/src/components/forms/time-picker/index.tsx

@@ -47,8 +47,11 @@ export interface TimePickerProps {
 function parseTime(timeStr: string): { hours: number; minutes: number } | null {
   const match = timeStr.match(/^(\d{1,2}):(\d{2})$/);
   if (!match) return null;
-  const hours = parseInt(match[1], 10);
-  const minutes = parseInt(match[2], 10);
+  const hoursPart = match[1];
+  const minutesPart = match[2];
+  if (hoursPart === undefined || minutesPart === undefined) return null;
+  const hours = parseInt(hoursPart, 10);
+  const minutes = parseInt(minutesPart, 10);
   if (hours < 0 || hours > 23 || minutes < 0 || minutes > 59) return null;
   return { hours, minutes };
 }

package/src/lib/intensity.ts

@@ -34,7 +34,8 @@
 export function getIntensity(value: number, thresholds: number[]): number {
   if (!(value > 0)) return 0;
   for (let i = 0; i < thresholds.length; i++) {
-    if (value <= thresholds[i]) return i + 1;
+    const threshold = thresholds[i];
+    if (threshold !== undefined && value <= threshold) return i + 1;
   }
   return thresholds.length;
 }

package/src/styles/palette/utils.ts

@@ -19,10 +19,14 @@ function parseHslString(hsl: string): { h: number; s: number; l: number } | null
     .replace(/\s*\/\s*[\d.]+%?$/, ''); // drop optional `/ alpha`
   const match = stripped.match(/^(-?\d+(?:\.\d+)?)\s+(\d+(?:\.\d+)?)%\s+(\d+(?:\.\d+)?)%$/);
   if (!match) return null;
+  const hue = match[1];
+  const saturation = match[2];
+  const lightness = match[3];
+  if (hue === undefined || saturation === undefined || lightness === undefined) return null;
   return {
-    h: parseFloat(match[1]),
-    s: parseFloat(match[2]),
-    l: parseFloat(match[3]),
+    h: parseFloat(hue),
+    s: parseFloat(saturation),
+    l: parseFloat(lightness),
   };
 }