@pyreon/coolgrid 0.24.0 → 0.24.2

package/lib/index.js

@@ -43,14 +43,13 @@ var RowContext_default = createContext({});
 
 //#endregion
 //#region src/useContext.tsx
-const pickThemeProps = (props, keywords) => pick(props, keywords);
 const getGridContext = (props = {}, theme = {}) => ({
-	columns: get(props, "columns") || get(theme, "grid.columns") || get(theme, "coolgrid.columns"),
-	containerWidth: get(props, "width") || get(theme, "grid.container") || get(theme, "coolgrid.container")
+	columns: props.columns || get(theme, "grid.columns") || get(theme, "coolgrid.columns"),
+	containerWidth: props.width || get(theme, "grid.container") || get(theme, "coolgrid.container")
 });
 const useGridContext = (props) => {
 	const { theme } = useContext(context)();
-	const ctxProps = pickThemeProps(props, CONTEXT_KEYS);
+	const ctxProps = pick(props, CONTEXT_KEYS);
 	return {
 		...getGridContext(ctxProps, theme),
 		...ctxProps

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pyreon/coolgrid",
-  "version": "0.24.0",
+  "version": "0.24.2",
   "description": "Responsive grid system for Pyreon",
   "license": "MIT",
   "repository": {
@@ -43,8 +43,8 @@
   },
   "devDependencies": {
     "@pyreon/test-utils": "^0.13.11",
-    "@pyreon/typescript": "^0.24.0",
-    "@pyreon/ui-core": "^0.24.0",
+    "@pyreon/typescript": "^0.24.2",
+    "@pyreon/ui-core": "^0.24.2",
     "@vitest/browser-playwright": "^4.1.4",
     "@vitus-labs/tools-rolldown": "^2.4.0"
   },
@@ -52,10 +52,10 @@
     "node": ">= 22"
   },
   "dependencies": {
-    "@pyreon/core": "^0.24.0",
-    "@pyreon/reactivity": "^0.24.0",
-    "@pyreon/styler": "^0.24.0",
-    "@pyreon/ui-core": "^0.24.0",
-    "@pyreon/unistyle": "^0.24.0"
+    "@pyreon/core": "^0.24.2",
+    "@pyreon/reactivity": "^0.24.2",
+    "@pyreon/styler": "^0.24.2",
+    "@pyreon/ui-core": "^0.24.2",
+    "@pyreon/unistyle": "^0.24.2"
   }
 }

package/src/useContext.tsx

@@ -4,16 +4,6 @@ import { context } from '@pyreon/unistyle'
 import { CONTEXT_KEYS } from './constants'
 import type { Context, Obj, ValueType } from './types'
 
-/**
- * Picks only the recognized grid configuration keys from a props object,
- * filtering out any non-grid props before they enter context resolution.
- */
-export type PickThemeProps = <T extends Record<string, unknown>>(
-  props: T,
-  keywords: Array<keyof T>,
-) => ReturnType<typeof pick>
-const pickThemeProps: PickThemeProps = (props, keywords) => pick(props, keywords)
-
 /**
  * Resolves grid columns and container width using a three-layer fallback:
  * 1. Explicit component props (e.g. `columns={6}`)
@@ -29,10 +19,15 @@ type GetGridContext = (
 }
 
 export const getGridContext: GetGridContext = (props = {}, theme = {}) => ({
-  columns: (get(props, 'columns') ||
+  // `props` is always a plain object (callers pass a `pick()` result or a
+  // user-supplied object literal), so direct property access is safe and
+  // skips `get`'s path-parsing for these single-key lookups. Ported from
+  // vitus-labs `55402572`. Two `get` calls per `getGridContext` invocation
+  // saved; fires once per Container/Row/Col render.
+  columns: ((props as Obj).columns ||
     get(theme, 'grid.columns') ||
     get(theme, 'coolgrid.columns')) as ValueType,
-  containerWidth: (get(props, 'width') ||
+  containerWidth: ((props as Obj).width ||
     get(theme, 'grid.container') ||
     get(theme, 'coolgrid.container')) as Record<string, number>,
 })
@@ -46,7 +41,9 @@ type UseGridContext = (props: Obj) => Context
 const useGridContext: UseGridContext = (props) => {
   const getCtx = useContext(context)
   const { theme } = getCtx()
-  const ctxProps = pickThemeProps(props, CONTEXT_KEYS)
+  // Direct `pick` (vs the `pickThemeProps` one-liner wrapper that was
+  // removed in vitus-labs `55402572`) saves one function call per render.
+  const ctxProps = pick(props, CONTEXT_KEYS as Array<keyof typeof props>)
   const gridContext = getGridContext(ctxProps, theme as Record<string, unknown>)
 
   return { ...gridContext, ...ctxProps }