@okam/directus-block 1.7.7 → 1.7.8

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## 1.7.8 (2026-01-21)
+
+### 🧱 Updated Dependencies
+
+- Updated stack-ui to 1.44.4
+- Updated directus-query to 1.5.3
+
 ## 1.7.5 (2026-01-19)
 
 ### 🧱 Updated Dependencies

package/blocks/BlockWysiwyg/config.d.ts

@@ -1,5 +1,4 @@
 import { TBlockSerializerConfigComponent } from '../../components/BlockSerializer/interface';
 import { BlockWysiwygFragment } from './interface';
-
 declare const blockWysiwygConfig: TBlockSerializerConfigComponent<BlockWysiwygFragment>;
 export default blockWysiwygConfig;

package/blocks/BlockWysiwyg/index.d.ts

@@ -1,5 +1,4 @@
 import { TBlockSerializerProps } from '../../components/BlockSerializer/interface';
 import { BlockWysiwygFragment } from './interface';
-
-declare const BlockWysiwyg: (props: TBlockSerializerProps<BlockWysiwygFragment>) => Promise<import("react/jsx-runtime").JSX.Element | null>;
+declare function BlockWysiwyg(props: TBlockSerializerProps<BlockWysiwygFragment>): Promise<import("react/jsx-runtime").JSX.Element | null>;
 export default BlockWysiwyg;

package/blocks/BlockWysiwyg/index.js

@@ -3,16 +3,32 @@ const jsxRuntime = require("react/jsx-runtime");
 const stackUi = require("@okam/stack-ui");
 const React = require("react");
 const getBlock = require("../../utils/getBlock.js");
-require("@okam/directus-query");
-require("radashi");
-const BlockWysiwyg = async (props) => {
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+async function BlockWysiwyg(props) {
   const key = "block_wysiwygs_by_id";
   const { themeName = "wysiwyg", tokens } = props;
   const { content, title, level, cmsTokens } = await getBlock.getBlock(props, key);
-  if (!content && !(title && level)) return null;
+  if ((content == null || content === "") && !(title != null && title !== "" && (level != null && level !== "")))
+    return null;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    title && level && /* @__PURE__ */ jsxRuntime.jsx(stackUi.Box, { as: "span", themeName, tokens: { ...tokens, ...cmsTokens }, children: React.createElement(level, {}, title) }),
-    content && /* @__PURE__ */ jsxRuntime.jsx(stackUi.WysiwygBlock, { themeName, tokens: { ...tokens, ...cmsTokens }, content })
+    title != null && title !== "" && (level != null && level !== "") && /* @__PURE__ */ jsxRuntime.jsx(stackUi.Box, { as: "span", themeName, tokens: { ...tokens, ...cmsTokens }, children: React__namespace.createElement(level, {}, title) }),
+    content != null && content !== "" && /* @__PURE__ */ jsxRuntime.jsx(stackUi.WysiwygBlock, { themeName, tokens: { ...tokens, ...cmsTokens }, content })
   ] });
-};
+}
 module.exports = BlockWysiwyg;

package/blocks/BlockWysiwyg/index.mjs

@@ -1,19 +1,18 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { Box, WysiwygBlock } from "@okam/stack-ui";
-import React from "react";
+import * as React from "react";
 import { getBlock } from "../../utils/getBlock.mjs";
-import "@okam/directus-query";
-import "radashi";
-const BlockWysiwyg = async (props) => {
+async function BlockWysiwyg(props) {
   const key = "block_wysiwygs_by_id";
   const { themeName = "wysiwyg", tokens } = props;
   const { content, title, level, cmsTokens } = await getBlock(props, key);
-  if (!content && !(title && level)) return null;
+  if ((content == null || content === "") && !(title != null && title !== "" && (level != null && level !== "")))
+    return null;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    title && level && /* @__PURE__ */ jsx(Box, { as: "span", themeName, tokens: { ...tokens, ...cmsTokens }, children: React.createElement(level, {}, title) }),
-    content && /* @__PURE__ */ jsx(WysiwygBlock, { themeName, tokens: { ...tokens, ...cmsTokens }, content })
+    title != null && title !== "" && (level != null && level !== "") && /* @__PURE__ */ jsx(Box, { as: "span", themeName, tokens: { ...tokens, ...cmsTokens }, children: React.createElement(level, {}, title) }),
+    content != null && content !== "" && /* @__PURE__ */ jsx(WysiwygBlock, { themeName, tokens: { ...tokens, ...cmsTokens }, content })
   ] });
-};
+}
 export {
   BlockWysiwyg as default
 };

package/blocks/BlockWysiwyg/interface.d.ts

@@ -1,5 +1,4 @@
 import { BlockSettingsFragment } from '../../generated/graphql';
-
 export type BlockWysiwygFragment = {
     __typename?: 'block_wysiwygs';
     title?: string | null;

package/components/BlockDispatcher/config.d.ts

@@ -1,4 +1,3 @@
 import { TBlockSerializerConfig } from '../BlockSerializer/interface';
-
 declare const baseConfig: TBlockSerializerConfig;
 export default baseConfig;

package/components/BlockDispatcher/index.d.ts

@@ -1,4 +1,3 @@
 import { TBlockDispatcherProps } from './interface';
-
-declare const BlockDispatcher: (props: TBlockDispatcherProps) => string | number | bigint | boolean | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | (string | number | bigint | boolean | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined)[] | null | undefined;
+declare function BlockDispatcher(props: TBlockDispatcherProps): Promise<string | number | bigint | boolean | Iterable<import('react').ReactNode> | import("react/jsx-runtime").JSX.Element | Promise<Iterable<import('react').ReactNode> | import("react/jsx-runtime").JSX.Element | (string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined)>[] | null | undefined>;
 export default BlockDispatcher;

package/components/BlockDispatcher/index.js

@@ -1,16 +1,13 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-require("@okam/directus-query");
-require("graphql-request");
-require("radashi");
-const mergeConfigs = require("../../utils/mergeConfigs.js");
 const index = require("../BlockSerializer/index.js");
 const config = require("./config.js");
-const BlockDispatcher = (props) => {
+const mergeConfigs = require("../../utils/mergeConfigs.js");
+async function BlockDispatcher(props) {
   const { children, config: config$1, ...rest } = props;
   const finalConfig = mergeConfigs(config, config$1);
-  const renderBlock = (blockProps) => {
-    return children ? children({ ...rest, ...blockProps, config: finalConfig }) : /* @__PURE__ */ jsxRuntime.jsx(index, { ...rest, ...blockProps, config: finalConfig });
+  const renderBlock = async (blockProps) => {
+    return children != null ? children({ ...rest, ...blockProps, config: finalConfig }) : /* @__PURE__ */ jsxRuntime.jsx(index, { ...rest, ...blockProps, config: finalConfig });
   };
   if ("blocks" in props) {
     const { blocks } = props;
@@ -18,5 +15,5 @@ const BlockDispatcher = (props) => {
   }
   const { block } = props;
   return renderBlock(block);
-};
+}
 module.exports = BlockDispatcher;

package/components/BlockDispatcher/index.mjs

@@ -1,15 +1,12 @@
 import { jsx } from "react/jsx-runtime";
-import "@okam/directus-query";
-import "graphql-request";
-import "radashi";
-import mergeConfigs from "../../utils/mergeConfigs.mjs";
 import BlockSerializer from "../BlockSerializer/index.mjs";
 import baseConfig from "./config.mjs";
-const BlockDispatcher = (props) => {
+import mergeConfigs from "../../utils/mergeConfigs.mjs";
+async function BlockDispatcher(props) {
   const { children, config, ...rest } = props;
   const finalConfig = mergeConfigs(baseConfig, config);
-  const renderBlock = (blockProps) => {
-    return children ? children({ ...rest, ...blockProps, config: finalConfig }) : /* @__PURE__ */ jsx(BlockSerializer, { ...rest, ...blockProps, config: finalConfig });
+  const renderBlock = async (blockProps) => {
+    return children != null ? children({ ...rest, ...blockProps, config: finalConfig }) : /* @__PURE__ */ jsx(BlockSerializer, { ...rest, ...blockProps, config: finalConfig });
   };
   if ("blocks" in props) {
     const { blocks } = props;
@@ -17,7 +14,7 @@ const BlockDispatcher = (props) => {
   }
   const { block } = props;
   return renderBlock(block);
-};
+}
 export {
   BlockDispatcher as default
 };

package/components/BlockDispatcher/interface.d.ts

@@ -1,13 +1,12 @@
-import { TDefaultComponent, Nullable } from '@okam/stack-ui';
-import { default as React } from 'react';
+import { Nullable, TDefaultComponent } from '@okam/stack-ui';
 import { TAdditionalProps } from '../../types/block';
-import { TBlockSerializerProps, TBlockSerializerConfig } from '../BlockSerializer/interface';
-
+import { TBlockSerializerConfig, TBlockSerializerProps } from '../BlockSerializer/interface';
+import type * as React from 'react';
 interface TBaseBlockDispatcherProps<AdditionalProps extends TAdditionalProps = TAdditionalProps> extends Omit<TDefaultComponent, 'children'> {
     config?: TBlockSerializerConfig;
     defaultVariant?: string;
     additionalProps?: AdditionalProps;
-    children?: (props: TBlockSerializerProps) => React.ReactNode;
+    children?: (_props: TBlockSerializerProps) => React.ReactNode;
 }
 export type TBlockDispatcherProps<AdditionalProps extends TAdditionalProps = TAdditionalProps> = (TBaseBlockDispatcherProps<AdditionalProps> & {
     block: Nullable<TBlockSerializerProps>;

package/components/BlockSerializer/index.d.ts

@@ -1,4 +1,3 @@
 import { TBlockSerializerProps } from './interface';
-
-declare const BlockSerializer: (props: TBlockSerializerProps) => import("react/jsx-runtime").JSX.Element | null;
+declare function BlockSerializer(props: TBlockSerializerProps): import("react/jsx-runtime").JSX.Element | null;
 export default BlockSerializer;

package/components/BlockSerializer/index.js

@@ -2,24 +2,24 @@
 const jsxRuntime = require("react/jsx-runtime");
 const graphql = require("../../generated/graphql.js");
 const fragmentMasking = require("../../generated/fragment-masking.js");
-require("@okam/directus-query");
-require("graphql-request");
-require("radashi");
-const BlockSerializer = (props) => {
-  var _a, _b, _c;
+function BlockSerializer(props) {
   const { item, collection, config, variables, defaultVariant, ...rest } = props;
-  if (!collection || !config) return null;
-  const blockConfig = (_a = config == null ? void 0 : config.components) == null ? void 0 : _a[collection];
-  if (!blockConfig) return null;
+  if (collection == null || collection === "" || config == null)
+    return null;
+  const blockConfig = config?.components?.[collection];
+  if (blockConfig == null)
+    return null;
   const { settings } = item ?? {};
-  const id = (item == null ? void 0 : item.id) ?? (variables == null ? void 0 : variables.id);
-  if (!id) return null;
+  const id = item?.id ?? variables?.id;
+  if (id == null || id === "")
+    return null;
   const { variant } = fragmentMasking.useFragment(graphql.BlockSettingsFragmentDoc, settings) ?? {};
-  const variantWithFallback = ((_b = blockConfig.getVariant) == null ? void 0 : _b.call(blockConfig, props)) ?? variant ?? defaultVariant;
+  const variantWithFallback = blockConfig.getVariant?.(props) ?? variant ?? defaultVariant;
   const { default: defaultBlockComponent, document } = blockConfig;
-  const variantBlockComponent = (_c = blockConfig.variants) == null ? void 0 : _c[variantWithFallback ?? ""];
+  const variantBlockComponent = blockConfig.variants?.[variantWithFallback ?? ""];
   const BlockComponent = variantBlockComponent ?? defaultBlockComponent;
-  if (!BlockComponent) return null;
+  if (BlockComponent == null)
+    return null;
   return /* @__PURE__ */ jsxRuntime.jsx(
     BlockComponent,
     {
@@ -32,5 +32,5 @@ const BlockSerializer = (props) => {
     },
     id
   );
-};
+}
 module.exports = BlockSerializer;

package/components/BlockSerializer/index.mjs

@@ -1,24 +1,24 @@
 import { jsx } from "react/jsx-runtime";
 import { BlockSettingsFragmentDoc } from "../../generated/graphql.mjs";
 import { useFragment } from "../../generated/fragment-masking.mjs";
-import "@okam/directus-query";
-import "graphql-request";
-import "radashi";
-const BlockSerializer = (props) => {
-  var _a, _b, _c;
+function BlockSerializer(props) {
   const { item, collection, config, variables, defaultVariant, ...rest } = props;
-  if (!collection || !config) return null;
-  const blockConfig = (_a = config == null ? void 0 : config.components) == null ? void 0 : _a[collection];
-  if (!blockConfig) return null;
+  if (collection == null || collection === "" || config == null)
+    return null;
+  const blockConfig = config?.components?.[collection];
+  if (blockConfig == null)
+    return null;
   const { settings } = item ?? {};
-  const id = (item == null ? void 0 : item.id) ?? (variables == null ? void 0 : variables.id);
-  if (!id) return null;
+  const id = item?.id ?? variables?.id;
+  if (id == null || id === "")
+    return null;
   const { variant } = useFragment(BlockSettingsFragmentDoc, settings) ?? {};
-  const variantWithFallback = ((_b = blockConfig.getVariant) == null ? void 0 : _b.call(blockConfig, props)) ?? variant ?? defaultVariant;
+  const variantWithFallback = blockConfig.getVariant?.(props) ?? variant ?? defaultVariant;
   const { default: defaultBlockComponent, document } = blockConfig;
-  const variantBlockComponent = (_c = blockConfig.variants) == null ? void 0 : _c[variantWithFallback ?? ""];
+  const variantBlockComponent = blockConfig.variants?.[variantWithFallback ?? ""];
   const BlockComponent = variantBlockComponent ?? defaultBlockComponent;
-  if (!BlockComponent) return null;
+  if (BlockComponent == null)
+    return null;
   return /* @__PURE__ */ jsx(
     BlockComponent,
     {
@@ -31,7 +31,7 @@ const BlockSerializer = (props) => {
     },
     id
   );
-};
+}
 export {
   BlockSerializer as default
 };

package/components/BlockSerializer/interface.d.ts

@@ -2,8 +2,7 @@ import { TypedDocumentNode } from '@graphql-typed-document-node/core';
 import { Nullable, TDefaultComponent } from '@okam/stack-ui';
 import { Variables as GraphQLVariables } from 'graphql-request';
 import { FunctionComponent } from 'react';
-import { TCommonBlockFragment, TAdditionalProps, TBlockQuery, TBlockVariables, TBlockDocument } from '../../types/block';
-
+import { TAdditionalProps, TBlockDocument, TBlockQuery, TBlockVariables, TCommonBlockFragment } from '../../types/block';
 /**
  * Base block data. See {@link TBlockSerializerProps} for actual props implementation.
  */
@@ -70,7 +69,7 @@ export type TBlockFunctionComponent<Fragment extends TCommonBlockFragment = TCom
  * }
  * ```
  */
-export type TBlockSerializerConfigComponent<Fragment extends TCommonBlockFragment = TCommonBlockFragment, Variables extends GraphQLVariables = TBlockVariables, AdditionalProps extends TAdditionalProps = TAdditionalProps> = {
+export interface TBlockSerializerConfigComponent<Fragment extends TCommonBlockFragment = TCommonBlockFragment, Variables extends GraphQLVariables = TBlockVariables, AdditionalProps extends TAdditionalProps = TAdditionalProps> {
     [blockKey: string]: {
         default: TBlockFunctionComponent<Fragment, Variables, AdditionalProps>;
         /**
@@ -84,12 +83,12 @@ export type TBlockSerializerConfigComponent<Fragment extends TCommonBlockFragmen
         /**
          * A callback to specify a different variant path from the one in the block's settings.
          */
-        getVariant?: (props: TBlockSerializerProps<Fragment, Variables, AdditionalProps>) => Nullable<string>;
+        getVariant?: (_props: TBlockSerializerProps<Fragment, Variables, AdditionalProps>) => Nullable<string>;
         variants?: {
             [blockVariant: string]: TBlockFunctionComponent<Fragment, Variables, AdditionalProps>;
         };
     };
-};
+}
 /**
  * A configuration for the block serializer. Usually, it's a bad idea to define the config components directly in the main config since each config component needs its own type parameters.
  */

package/generated/fragment-masking.d.ts

@@ -1,6 +1,5 @@
 import { ResultOf, DocumentTypeDecoration, TypedDocumentNode } from '@graphql-typed-document-node/core';
 import { Incremental } from './graphql';
-
 export type FragmentType<TDocumentType extends DocumentTypeDecoration<any, any>> = TDocumentType extends DocumentTypeDecoration<infer TType, any> ? [TType] extends [{
     ' $fragmentName'?: infer TKey;
 }] ? TKey extends string ? {

package/generated/graphql.d.ts

@@ -1,5 +1,4 @@
 import { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';
-
 export type Exact<T extends {
     [key: string]: unknown;
 }> = {

package/index.d.ts

@@ -1,8 +1,8 @@
-export * from './utils';
-export type { BlockSettingsFragment } from './generated/graphql';
-export type { TBlockDispatcherProps } from './components/BlockDispatcher/interface';
-export type { TBlockSerializerConfig, TBlockSerializerProps, TBlock, TBlockSerializerConfigComponent, } from './components/BlockSerializer/interface';
-export type { TAdditionalProps, TCommonBlockFragment, TBlockQuery, TBlockDocument, TBlockVariables, } from './types/block';
 export { default as BlockWysiwyg } from './blocks/BlockWysiwyg';
 export { default as blockWysiwygConfig } from './blocks/BlockWysiwyg/config';
 export { default as baseConfig } from './components/BlockDispatcher/config';
+export type { TBlockDispatcherProps } from './components/BlockDispatcher/interface';
+export type { TBlock, TBlockSerializerConfig, TBlockSerializerConfigComponent, TBlockSerializerProps, } from './components/BlockSerializer/interface';
+export type { BlockSettingsFragment } from './generated/graphql';
+export type { TAdditionalProps, TBlockDocument, TBlockQuery, TBlockVariables, TCommonBlockFragment, } from './types/block';
+export * from './utils';

package/index.js

@@ -1,17 +1,17 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index$1 = require("./utils/index.js");
 const index = require("./blocks/BlockWysiwyg/index.js");
 const config = require("./blocks/BlockWysiwyg/config.js");
 const config$1 = require("./components/BlockDispatcher/config.js");
+const index$1 = require("./utils/index.js");
 const getBlockProps = require("./utils/getBlockProps.js");
 const mergeConfigs = require("./utils/mergeConfigs.js");
 const fragmentMasking = require("./generated/fragment-masking.js");
 const getBlock = require("./utils/getBlock.js");
-exports.useBlock = index$1.useBlock;
 exports.BlockWysiwyg = index;
 exports.blockWysiwygConfig = config;
 exports.baseConfig = config$1;
+exports.useBlock = index$1.useBlock;
 exports.getBlockProps = getBlockProps;
 exports.mergeConfigs = mergeConfigs;
 exports.getFragment = fragmentMasking.useFragment;

package/index.mjs

@@ -1,7 +1,7 @@
-import { useBlock } from "./utils/index.mjs";
 import { default as default2 } from "./blocks/BlockWysiwyg/index.mjs";
 import { default as default3 } from "./blocks/BlockWysiwyg/config.mjs";
 import { default as default4 } from "./components/BlockDispatcher/config.mjs";
+import { useBlock } from "./utils/index.mjs";
 import { default as default5 } from "./utils/getBlockProps.mjs";
 import { default as default6 } from "./utils/mergeConfigs.mjs";
 import { useFragment } from "./generated/fragment-masking.mjs";

package/package.json

@@ -1,8 +1,10 @@
 {
   "name": "@okam/directus-block",
-  "version": "1.7.7",
-  "main": "./index.js",
-  "types": "./index.d.ts",
+  "version": "1.7.8",
+  "repository": {
+    "url": "https://github.com/OKAMca/stack.git"
+  },
+  "sideEffects": false,
   "exports": {
     ".": {
       "import": {
@@ -25,23 +27,25 @@
       }
     }
   },
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "engines": {
+    "node": ">=20.19.0"
+  },
   "publishConfig": {
     "access": "public"
   },
-  "repository": {
-    "url": "https://github.com/OKAMca/stack.git"
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
     "@graphql-typed-document-node/core": "3.2.0",
-    "@okam/directus-query": "1.5.2",
-    "@okam/stack-ui": "1.44.3",
+    "@okam/directus-query": "1.5.3",
+    "@okam/stack-ui": "1.44.4",
     "graphql": "^16.9.0",
     "graphql-request": "^7.1.2",
     "radashi": "^12.3.0"
   },
-  "peerDependencies": {
-    "react": "^18.0.0 || ^19.0.0"
-  },
   "devDependencies": {
     "react": "^19.0.0"
   }

package/types/block.d.ts

@@ -3,10 +3,9 @@ import { Nullable } from '@okam/stack-ui';
 import { Variables } from 'graphql-request';
 import { FragmentType } from '../generated/fragment-masking';
 import { BlockSettingsFragment } from '../generated/graphql';
-
-export type TAdditionalProps = {
+export interface TAdditionalProps {
     [key: string]: unknown;
-};
+}
 type BlockSettings = FragmentType<DocumentTypeDecoration<BlockSettingsFragment, unknown>>;
 export type TCommonBlockFragment = {
     id?: Nullable<string>;

package/utils/getBlock.d.ts

@@ -1,8 +1,7 @@
 import { TToken } from '@okam/stack-ui';
-import { GraphQLClient } from 'graphql-request';
 import { TBlockSerializerProps } from '../components/BlockSerializer/interface';
 import { TBlockDocument, TBlockVariables, TCommonBlockFragment } from '../types/block';
-
+import { GraphQLClient } from 'graphql-request';
 /**
  * General function to fetch the block data and its settings. Features the decision-making logic of {@link getBlockProps} that allows blocks to work with both passed props and queried props.
  * @param props Props of the block component. Pass props directly from the block component.
@@ -20,17 +19,17 @@ import { TBlockDocument, TBlockVariables, TCommonBlockFragment } from '../types/
  * }
  * ```
  */
-export declare function getBlock<Fragment extends TCommonBlockFragment, Variables extends TBlockVariables = TBlockVariables>(props: TBlockSerializerProps<Fragment, Variables>, blockKey: string, 
+export declare function getBlock<Fragment extends TCommonBlockFragment, Variables extends TBlockVariables = TBlockVariables>(_props: TBlockSerializerProps<Fragment, Variables>, _blockKey: string, 
 /**
  * @default defaultGraphqlRequestClient
  */
-client?: GraphQLClient): Promise<Fragment & {
+_client?: GraphQLClient): Promise<Fragment & {
     cmsTokens: TToken;
 }>;
-export declare function getBlock<Fragment extends TCommonBlockFragment, Variables extends TBlockVariables = TBlockVariables>(props: TBlockSerializerProps<Fragment, Variables>, blockKey: string, 
+export declare function getBlock<Fragment extends TCommonBlockFragment, Variables extends TBlockVariables = TBlockVariables>(_props: TBlockSerializerProps<Fragment, Variables>, _blockKey: string, 
 /**
  * @deprecated Use props.document instead
  */
-doc?: TBlockDocument<Fragment, Variables>): Promise<Fragment & {
+_doc?: TBlockDocument<Fragment, Variables>): Promise<Fragment & {
     cmsTokens: TToken;
 }>;

package/utils/getBlock.js

@@ -23,7 +23,7 @@ async function getBlock(props, blockKey, docOrClient = directusQuery.defaultGrap
     },
     isPropClient ? docOrClient : void 0
   );
-  const { tokens } = fragmentMasking.useFragment(graphql.BlockSettingsFragmentDoc, propsWithFallback == null ? void 0 : propsWithFallback.settings) ?? {};
+  const { tokens } = fragmentMasking.useFragment(graphql.BlockSettingsFragmentDoc, propsWithFallback?.settings) ?? {};
   return { ...propsWithFallback, cmsTokens: tokens };
 }
 exports.getBlock = getBlock;

package/utils/getBlock.mjs

@@ -21,7 +21,7 @@ async function getBlock(props, blockKey, docOrClient = defaultGraphqlRequestClie
     },
     isPropClient ? docOrClient : void 0
   );
-  const { tokens } = useFragment(BlockSettingsFragmentDoc, propsWithFallback == null ? void 0 : propsWithFallback.settings) ?? {};
+  const { tokens } = useFragment(BlockSettingsFragmentDoc, propsWithFallback?.settings) ?? {};
   return { ...propsWithFallback, cmsTokens: tokens };
 }
 export {

package/utils/getBlockProps.d.ts

@@ -1,13 +1,12 @@
 import { Nullable } from '@okam/stack-ui';
 import { Variables } from 'graphql-request';
 import { TBlockDocument, TBlockQuery, TBlockVariables, TCommonBlockFragment } from '../types/block';
-
-type TGetBlockPropsParams<BlockFragment extends TCommonBlockFragment, BlockVariables extends Variables = Variables> = {
+interface TGetBlockPropsParams<BlockFragment extends TCommonBlockFragment, BlockVariables extends Variables = Variables> {
     document?: TBlockDocument<BlockFragment, BlockVariables>;
     item?: Nullable<NonNullable<NonNullable<TBlockQuery<BlockFragment>[string]>[' $fragmentRefs']>[string]>;
     blockKey?: string;
     variables?: TBlockVariables<BlockVariables>;
-};
+}
 /**
  * Returns the passed item if it is defined. Otherwise, queried its own block
  * @param params.blockKey Key of the queried field

package/utils/getBlockProps.js

@@ -11,9 +11,11 @@ function isItemEmpty(item) {
 }
 async function queryFromVariables(params, client = directusQuery.defaultGraphqlRequestClient) {
   const { document, blockKey, variables } = params;
-  if (!document || !isVariables(variables)) return null;
+  if (document == null || !isVariables(variables))
+    return null;
   const queriedBlockProps = await directusQuery.queryGql(document, variables, client);
-  if (!queriedBlockProps || typeof queriedBlockProps !== "object" || !blockKey) return null;
+  if (queriedBlockProps == null || typeof queriedBlockProps !== "object" || blockKey == null)
+    return null;
   const queriedBlockFragment = queriedBlockProps[blockKey];
   return queriedBlockFragment;
 }
@@ -24,15 +26,18 @@ async function getBlockProps(params, client = directusQuery.defaultGraphqlReques
       return item;
     }
     const variablesWithFallback = { id: item.id, ...variables };
-    if (!isVariables(variablesWithFallback)) return null;
+    if (!isVariables(variablesWithFallback))
+      return null;
     return queryFromVariables({
       ...params,
       variables: variablesWithFallback
     });
   }
-  if (!document || !isVariables(variables)) return null;
+  if (document == null || !isVariables(variables))
+    return null;
   const queriedBlockProps = await directusQuery.queryGql(document, variables, client);
-  if (!queriedBlockProps || typeof queriedBlockProps !== "object" || !blockKey) return null;
+  if (queriedBlockProps == null || typeof queriedBlockProps !== "object" || blockKey == null)
+    return null;
   const queriedBlockFragment = queriedBlockProps[blockKey];
   return queriedBlockFragment;
 }

package/utils/getBlockProps.mjs

@@ -10,9 +10,11 @@ function isItemEmpty(item) {
 }
 async function queryFromVariables(params, client = defaultGraphqlRequestClient) {
   const { document, blockKey, variables } = params;
-  if (!document || !isVariables(variables)) return null;
+  if (document == null || !isVariables(variables))
+    return null;
   const queriedBlockProps = await queryGql(document, variables, client);
-  if (!queriedBlockProps || typeof queriedBlockProps !== "object" || !blockKey) return null;
+  if (queriedBlockProps == null || typeof queriedBlockProps !== "object" || blockKey == null)
+    return null;
   const queriedBlockFragment = queriedBlockProps[blockKey];
   return queriedBlockFragment;
 }
@@ -23,15 +25,18 @@ async function getBlockProps(params, client = defaultGraphqlRequestClient) {
       return item;
     }
     const variablesWithFallback = { id: item.id, ...variables };
-    if (!isVariables(variablesWithFallback)) return null;
+    if (!isVariables(variablesWithFallback))
+      return null;
     return queryFromVariables({
       ...params,
       variables: variablesWithFallback
     });
   }
-  if (!document || !isVariables(variables)) return null;
+  if (document == null || !isVariables(variables))
+    return null;
   const queriedBlockProps = await queryGql(document, variables, client);
-  if (!queriedBlockProps || typeof queriedBlockProps !== "object" || !blockKey) return null;
+  if (queriedBlockProps == null || typeof queriedBlockProps !== "object" || blockKey == null)
+    return null;
   const queriedBlockFragment = queriedBlockProps[blockKey];
   return queriedBlockFragment;
 }

package/utils/index.d.ts

@@ -1,6 +1,5 @@
 import { useFragment } from '../generated/fragment-masking';
 import { getBlock } from './getBlock';
-
 /**
  * @deprecated Use `getBlock` instead
  */

package/utils/index.js

@@ -1,8 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const getBlock = require("./getBlock.js");
-require("@okam/directus-query");
-require("radashi");
 const useBlock = getBlock.getBlock;
 exports.getBlock = getBlock.getBlock;
 exports.useBlock = useBlock;

package/utils/index.mjs

@@ -1,6 +1,4 @@
 import { getBlock } from "./getBlock.mjs";
-import "@okam/directus-query";
-import "radashi";
 const useBlock = getBlock;
 export {
   getBlock,

package/utils/mergeConfigs.d.ts

@@ -1,6 +1,5 @@
 import { Nullable } from '@okam/stack-ui';
 import { TBlockSerializerConfig } from '../components/BlockSerializer/interface';
-
 /**
  * Merges multiple block dispatcher configs
  * @param baseConfig The base configuration. Other configurations will be prioritized over this one, which acts as a fallback

package/utils/mergeConfigs.js

@@ -1,7 +1,8 @@
 "use strict";
 function mergeConfigs(baseConfig, ...configs) {
   const finalConfig = configs.reduce((mergedConfig, config) => {
-    if (!config) return mergedConfig;
+    if (config == null)
+      return mergedConfig;
     return { components: { ...mergedConfig.components, ...config.components } };
   }, baseConfig);
   return finalConfig;

package/utils/mergeConfigs.mjs

@@ -1,6 +1,7 @@
 function mergeConfigs(baseConfig, ...configs) {
   const finalConfig = configs.reduce((mergedConfig, config) => {
-    if (!config) return mergedConfig;
+    if (config == null)
+      return mergedConfig;
     return { components: { ...mergedConfig.components, ...config.components } };
   }, baseConfig);
   return finalConfig;