@texonom/nreact 1.1.1 → 1.1.3

package/build/map-image-url.d.ts

@@ -1,3 +1,3 @@
-import { Block } from '@texonom/ntypes';
-export declare const defaultMapImageUrl: (url: string, block: Block) => string | null;
+import { Block } from '@texonom/ntypes';
+export declare const defaultMapImageUrl: (url: string, block: Block) => string | null;
 //# sourceMappingURL=map-image-url.d.ts.map

package/build/map-page-url.d.ts

@@ -1,2 +1,2 @@
-export declare const defaultMapPageUrl: (rootPageId?: string) => (pageId: string) => string;
+export declare const defaultMapPageUrl: (rootPageId?: string) => (pageId: string) => string;
 //# sourceMappingURL=map-page-url.d.ts.map

package/build/next.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
-export declare const wrapNextImage: (NextImage: any) => React.FC<any>;
-export declare const wrapNextLink: (NextLink: any) => React.FC<any>;
+import * as React from 'react';
+export declare const wrapNextImage: (NextImage: any) => React.FC<any>;
+export declare const wrapNextLink: (NextLink: any) => React.FC<any>;
 //# sourceMappingURL=next.d.ts.map

package/build/renderer.d.ts

@@ -1,50 +1,50 @@
-import * as React from 'react';
-import { ExtendedRecordMap } from '@texonom/ntypes';
-import { MapImageUrlFn, MapPageUrlFn, NotionComponents, SearchNotionFn } from './types';
-export declare const NotionRenderer: React.FC<{
-    recordMap: ExtendedRecordMap;
-    components?: Partial<NotionComponents>;
-    mapPageUrl?: MapPageUrlFn;
-    mapImageUrl?: MapImageUrlFn;
-    searchNotion?: SearchNotionFn;
-    isShowingSearch?: boolean;
-    onHideSearch?: () => void;
-    rootPageId?: string;
-    rootDomain?: string;
-    fullPage?: boolean;
-    darkMode?: boolean;
-    previewImages?: boolean;
-    forceCustomImages?: boolean;
-    showCollectionViewDropdown?: boolean;
-    linkTableTitleProperties?: boolean;
-    isLinkCollectionToUrlProperty?: boolean;
-    isImageZoomable?: boolean;
-    showTableOfContents?: boolean;
-    minTableOfContentsItems?: number;
-    defaultPageIcon?: string;
-    defaultPageCover?: string;
-    defaultPageCoverPosition?: number;
-    className?: string;
-    bodyClassName?: string;
-    header?: React.ReactNode;
-    footer?: React.ReactNode;
-    pageHeader?: React.ReactNode;
-    pageFooter?: React.ReactNode;
-    pageTitle?: React.ReactNode;
-    pageAside?: React.ReactNode;
-    pageCover?: React.ReactNode;
-    blockId?: string;
-    hideBlockId?: boolean;
-    disableHeader?: boolean;
-}>;
-export declare const NotionBlockRenderer: React.FC<{
-    className?: string;
-    bodyClassName?: string;
-    header?: React.ReactNode;
-    footer?: React.ReactNode;
-    disableHeader?: boolean;
-    blockId?: string;
-    hideBlockId?: boolean;
-    level?: number;
-}>;
+import * as React from 'react';
+import { ExtendedRecordMap } from '@texonom/ntypes';
+import { MapImageUrlFn, MapPageUrlFn, NotionComponents, SearchNotionFn } from './types';
+export declare const NotionRenderer: React.FC<{
+    recordMap: ExtendedRecordMap;
+    components?: Partial<NotionComponents>;
+    mapPageUrl?: MapPageUrlFn;
+    mapImageUrl?: MapImageUrlFn;
+    searchNotion?: SearchNotionFn;
+    isShowingSearch?: boolean;
+    onHideSearch?: () => void;
+    rootPageId?: string;
+    rootDomain?: string;
+    fullPage?: boolean;
+    darkMode?: boolean;
+    previewImages?: boolean;
+    forceCustomImages?: boolean;
+    showCollectionViewDropdown?: boolean;
+    linkTableTitleProperties?: boolean;
+    isLinkCollectionToUrlProperty?: boolean;
+    isImageZoomable?: boolean;
+    showTableOfContents?: boolean;
+    minTableOfContentsItems?: number;
+    defaultPageIcon?: string;
+    defaultPageCover?: string;
+    defaultPageCoverPosition?: number;
+    className?: string;
+    bodyClassName?: string;
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    pageHeader?: React.ReactNode;
+    pageFooter?: React.ReactNode;
+    pageTitle?: React.ReactNode;
+    pageAside?: React.ReactNode;
+    pageCover?: React.ReactNode;
+    blockId?: string;
+    hideBlockId?: boolean;
+    disableHeader?: boolean;
+}>;
+export declare const NotionBlockRenderer: React.FC<{
+    className?: string;
+    bodyClassName?: string;
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    disableHeader?: boolean;
+    blockId?: string;
+    hideBlockId?: boolean;
+    level?: number;
+}>;
 //# sourceMappingURL=renderer.d.ts.map

package/build/third-party/code.d.ts

@@ -1,17 +1,17 @@
-import * as React from 'react';
-import { CodeBlock } from '@texonom/ntypes';
-import 'prismjs/components/prism-clike.min.js';
-import 'prismjs/components/prism-css-extras.min.js';
-import 'prismjs/components/prism-css.min.js';
-import 'prismjs/components/prism-javascript.min.js';
-import 'prismjs/components/prism-js-extras.min.js';
-import 'prismjs/components/prism-json.min.js';
-import 'prismjs/components/prism-jsx.min.js';
-import 'prismjs/components/prism-tsx.min.js';
-import 'prismjs/components/prism-typescript.min.js';
-export declare const Code: React.FC<{
-    block: CodeBlock;
-    defaultLanguage?: string;
-    className?: string;
-}>;
+import * as React from 'react';
+import { CodeBlock } from '@texonom/ntypes';
+import 'prismjs/components/prism-clike.min.js';
+import 'prismjs/components/prism-css-extras.min.js';
+import 'prismjs/components/prism-css.min.js';
+import 'prismjs/components/prism-javascript.min.js';
+import 'prismjs/components/prism-js-extras.min.js';
+import 'prismjs/components/prism-json.min.js';
+import 'prismjs/components/prism-jsx.min.js';
+import 'prismjs/components/prism-tsx.min.js';
+import 'prismjs/components/prism-typescript.min.js';
+export declare const Code: React.FC<{
+    block: CodeBlock;
+    defaultLanguage?: string;
+    className?: string;
+}>;
 //# sourceMappingURL=code.d.ts.map

package/build/third-party/code.js

@@ -2,7 +2,7 @@ import {
   Text,
   cs,
   useNotionContext
-} from "../chunk-RGP7M4NM.js";
+} from "../chunk-N3C4YBY7.js";
 import {
   __async,
   __commonJS,

package/build/third-party/collection-card.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
-import { CollectionCardProps } from '../types';
-export declare const CollectionCard: React.FC<CollectionCardProps>;
+import * as React from 'react';
+import { CollectionCardProps } from '../types';
+export declare const CollectionCard: React.FC<CollectionCardProps>;
 //# sourceMappingURL=collection-card.d.ts.map

package/build/third-party/collection-column-title.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
-import { CollectionPropertySchema } from '@texonom/ntypes';
-export declare const CollectionColumnTitle: React.FC<{
-    schema: CollectionPropertySchema;
-}>;
+import * as React from 'react';
+import { CollectionPropertySchema } from '@texonom/ntypes';
+export declare const CollectionColumnTitle: React.FC<{
+    schema: CollectionPropertySchema;
+}>;
 //# sourceMappingURL=collection-column-title.d.ts.map

package/build/third-party/collection-group.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
-import { CollectionGroupProps } from '../types';
-export declare const CollectionGroup: React.FC<CollectionGroupProps>;
+import * as React from 'react';
+import { CollectionGroupProps } from '../types';
+export declare const CollectionGroup: React.FC<CollectionGroupProps>;
 //# sourceMappingURL=collection-group.d.ts.map

package/build/third-party/collection-row.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import { PageBlock } from '@texonom/ntypes';
-export declare const CollectionRow: React.FC<{
-    block: PageBlock;
-    pageHeader?: boolean;
-    className?: string;
-}>;
+import * as React from 'react';
+import { PageBlock } from '@texonom/ntypes';
+export declare const CollectionRow: React.FC<{
+    block: PageBlock;
+    pageHeader?: boolean;
+    className?: string;
+}>;
 //# sourceMappingURL=collection-row.d.ts.map

package/build/third-party/collection-utils.d.ts

@@ -1,2 +1,2 @@
-export declare function getCollectionGroups(collection: any, collectionView: any, collectionData: any, ...rest: any[]): any;
+export declare function getCollectionGroups(collection: any, collectionView: any, collectionData: any, ...rest: any[]): any;
 //# sourceMappingURL=collection-utils.d.ts.map

package/build/third-party/collection-view-board.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
-import { CollectionViewProps } from '../types';
-export declare const CollectionViewBoard: React.FC<CollectionViewProps>;
+import * as React from 'react';
+import { CollectionViewProps } from '../types';
+export declare const CollectionViewBoard: React.FC<CollectionViewProps>;
 //# sourceMappingURL=collection-view-board.d.ts.map

package/build/third-party/collection-view-gallery.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
-import { CollectionViewProps } from '../types';
-export declare const CollectionViewGallery: React.FC<CollectionViewProps>;
+import * as React from 'react';
+import { CollectionViewProps } from '../types';
+export declare const CollectionViewGallery: React.FC<CollectionViewProps>;
 //# sourceMappingURL=collection-view-gallery.d.ts.map

package/build/third-party/collection-view-list.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
-import { CollectionViewProps } from '../types';
-export declare const CollectionViewList: React.FC<CollectionViewProps>;
+import * as React from 'react';
+import { CollectionViewProps } from '../types';
+export declare const CollectionViewList: React.FC<CollectionViewProps>;
 //# sourceMappingURL=collection-view-list.d.ts.map

package/build/third-party/collection-view-table.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
-import { CollectionViewProps } from '../types';
-export declare const CollectionViewTable: React.FC<CollectionViewProps>;
+import * as React from 'react';
+import { CollectionViewProps } from '../types';
+export declare const CollectionViewTable: React.FC<CollectionViewProps>;
 //# sourceMappingURL=collection-view-table.d.ts.map

package/build/third-party/collection-view.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { CollectionViewProps } from '../types';
-export declare const CollectionViewImpl: React.FC<CollectionViewProps>;
-export declare const CollectionView: React.NamedExoticComponent<CollectionViewProps>;
+import * as React from 'react';
+import { CollectionViewProps } from '../types';
+export declare const CollectionViewImpl: React.FC<CollectionViewProps>;
+export declare const CollectionView: React.NamedExoticComponent<CollectionViewProps>;
 //# sourceMappingURL=collection-view.d.ts.map

package/build/third-party/collection.d.ts

@@ -1,11 +1,11 @@
-import * as React from 'react';
-import * as types from '@texonom/ntypes';
-import { NotionContext } from '../context';
-import { PropertyImplMemo } from './property';
-export declare const Collection: React.FC<{
-    block: types.CollectionViewBlock | types.CollectionViewPageBlock | types.PageBlock;
-    className?: string;
-    ctx: NotionContext;
-}>;
-export { PropertyImplMemo as Property };
+import * as React from 'react';
+import * as types from '@texonom/ntypes';
+import { NotionContext } from '../context';
+import { PropertyImplMemo } from './property';
+export declare const Collection: React.FC<{
+    block: types.CollectionViewBlock | types.CollectionViewPageBlock | types.PageBlock;
+    className?: string;
+    ctx: NotionContext;
+}>;
+export { PropertyImplMemo as Property };
 //# sourceMappingURL=collection.d.ts.map

package/build/third-party/collection.js

@@ -9,7 +9,7 @@ import {
   cs,
   dummyLink,
   useNotionContext
-} from "../chunk-RGP7M4NM.js";
+} from "../chunk-N3C4YBY7.js";
 import {
   __commonJS,
   __objRest,

package/build/third-party/equation.d.ts

@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { EquationBlock } from '@texonom/ntypes';
-export declare const Equation: React.FC<{
-    block: EquationBlock;
-    math?: string;
-    inline?: boolean;
-    className?: string;
-}>;
+import * as React from 'react';
+import { EquationBlock } from '@texonom/ntypes';
+export declare const Equation: React.FC<{
+    block: EquationBlock;
+    math?: string;
+    inline?: boolean;
+    className?: string;
+}>;
 //# sourceMappingURL=equation.d.ts.map

package/build/third-party/equation.js

@@ -1,7 +1,7 @@
 import {
   cs,
   useNotionContext
-} from "../chunk-RGP7M4NM.js";
+} from "../chunk-N3C4YBY7.js";
 import {
   __objRest,
   __spreadValues

package/build/third-party/eval-formula.d.ts

@@ -1,21 +1,21 @@
-import * as types from '@texonom/ntypes';
-export interface EvalFormulaContext {
-    properties: types.PropertyMap;
-    schema: types.CollectionPropertySchemaMap;
-    endDate?: boolean;
-}
-/**
- * Evaluates a Notion formula expression to a result value.
- *
- * All built-in functions and operators are supported.
- *
- * NOTE: this needs a lot more testing, especially around covering all the different
- * function types and coercing different property values correctly.
- *
- * It does work for many of our test cases, however.
- *
- * @param formula - Formula to evaluate.
- * @param context - Collection context containing property schema and values.
- */
-export declare function evalFormula(formula: types.Formula, context: EvalFormulaContext): types.FormulaResult;
+import * as types from '@texonom/ntypes';
+export interface EvalFormulaContext {
+    properties: types.PropertyMap;
+    schema: types.CollectionPropertySchemaMap;
+    endDate?: boolean;
+}
+/**
+ * Evaluates a Notion formula expression to a result value.
+ *
+ * All built-in functions and operators are supported.
+ *
+ * NOTE: this needs a lot more testing, especially around covering all the different
+ * function types and coercing different property values correctly.
+ *
+ * It does work for many of our test cases, however.
+ *
+ * @param formula - Formula to evaluate.
+ * @param context - Collection context containing property schema and values.
+ */
+export declare function evalFormula(formula: types.Formula, context: EvalFormulaContext): types.FormulaResult;
 //# sourceMappingURL=eval-formula.d.ts.map

package/build/third-party/modal.d.ts

@@ -1,3 +1,3 @@
-import Modal from 'react-modal';
-export { Modal };
+import Modal from 'react-modal';
+export { Modal };
 //# sourceMappingURL=modal.d.ts.map

package/build/third-party/pdf.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-export declare const Pdf: React.FC<{
-    file: string;
-}>;
+import * as React from 'react';
+export declare const Pdf: React.FC<{
+    file: string;
+}>;
 //# sourceMappingURL=pdf.d.ts.map

package/build/third-party/property.d.ts

@@ -1,22 +1,22 @@
-import * as React from 'react';
-import * as types from '@texonom/ntypes';
-export interface IPropertyProps {
-    propertyId?: string;
-    schema?: types.CollectionPropertySchema;
-    data?: types.Decoration[];
-    block?: types.Block;
-    collection?: types.Collection;
-    inline?: boolean;
-    linkToTitlePage?: boolean;
-    pageHeader?: boolean;
-}
-/**
- * Renders a single value of structured Notion data according to its schema.
- *
- * This corresponds to rendering the content of a single cell in a table.
- * Property rendering is re-used across all the different types of collection views.
- */
-export declare const Property: React.FC<IPropertyProps>;
-export declare const PropertyImpl: React.FC<IPropertyProps>;
-export declare const PropertyImplMemo: React.NamedExoticComponent<IPropertyProps>;
+import * as React from 'react';
+import * as types from '@texonom/ntypes';
+export interface IPropertyProps {
+    propertyId?: string;
+    schema?: types.CollectionPropertySchema;
+    data?: types.Decoration[];
+    block?: types.Block;
+    collection?: types.Collection;
+    inline?: boolean;
+    linkToTitlePage?: boolean;
+    pageHeader?: boolean;
+}
+/**
+ * Renders a single value of structured Notion data according to its schema.
+ *
+ * This corresponds to rendering the content of a single cell in a table.
+ * Property rendering is re-used across all the different types of collection views.
+ */
+export declare const Property: React.FC<IPropertyProps>;
+export declare const PropertyImpl: React.FC<IPropertyProps>;
+export declare const PropertyImplMemo: React.NamedExoticComponent<IPropertyProps>;
 //# sourceMappingURL=property.d.ts.map

package/build/types.d.ts

@@ -1,72 +1,72 @@
-import * as React from 'react';
-import * as types from '@texonom/ntypes';
-export type MapPageUrlFn = (pageId: string, recordMap?: types.ExtendedRecordMap | undefined) => string;
-export type MapImageUrlFn = (url: string, block: types.Block) => string;
-export type SearchNotionFn = (params: types.SearchParams) => Promise<types.SearchResults>;
-export type ComponentOverrideFn = (props: any, defaultValueFn: () => React.ReactNode) => any;
-export interface NotionComponents {
-    Image: any;
-    Link: any;
-    PageLink: any;
-    Checkbox: React.FC<{
-        isChecked: boolean;
-        blockId: string;
-    }>;
-    Code: any;
-    Equation: any;
-    Callout?: any;
-    Collection: any;
-    Property?: any;
-    propertyTextValue: ComponentOverrideFn;
-    propertySelectValue: ComponentOverrideFn;
-    propertyRelationValue: ComponentOverrideFn;
-    propertyFormulaValue: ComponentOverrideFn;
-    propertyTitleValue: ComponentOverrideFn;
-    propertyPersonValue: ComponentOverrideFn;
-    propertyFileValue: ComponentOverrideFn;
-    propertyCheckboxValue: ComponentOverrideFn;
-    propertyUrlValue: ComponentOverrideFn;
-    propertyEmailValue: ComponentOverrideFn;
-    propertyPhoneNumberValue: ComponentOverrideFn;
-    propertyNumberValue: ComponentOverrideFn;
-    propertyLastEditedTimeValue: ComponentOverrideFn;
-    propertyCreatedTimeValue: ComponentOverrideFn;
-    propertyDateValue: ComponentOverrideFn;
-    Pdf: any;
-    Tweet: any;
-    Modal: any;
-    Embed: any;
-    Header: any;
-    nextImage?: any;
-    nextLink?: any;
-}
-export interface CollectionViewProps {
-    collection: types.Collection;
-    collectionView: types.CollectionView;
-    collectionData: types.CollectionQueryResult;
-    padding?: number;
-    width?: number;
-}
-export interface CollectionCardProps {
-    collection: types.Collection;
-    block: types.PageBlock;
-    cover: types.CollectionCardCover;
-    coverSize: types.CollectionCardCoverSize;
-    coverAspect: types.CollectionCardCoverAspect;
-    properties?: Array<{
-        property: types.PropertyID;
-        visible: boolean;
-    }>;
-    className?: string;
-}
-export interface CollectionGroupProps {
-    collection: types.Collection;
-    collectionViewComponent: React.ElementType;
-    collectionGroup: any;
-    hidden: boolean;
-    schema: any;
-    value: any;
-    summaryProps: any;
-    detailsProps: any;
-}
+import * as React from 'react';
+import * as types from '@texonom/ntypes';
+export type MapPageUrlFn = (pageId: string, recordMap?: types.ExtendedRecordMap | undefined) => string;
+export type MapImageUrlFn = (url: string, block: types.Block) => string;
+export type SearchNotionFn = (params: types.SearchParams) => Promise<types.SearchResults>;
+export type ComponentOverrideFn = (props: any, defaultValueFn: () => React.ReactNode) => any;
+export interface NotionComponents {
+    Image: any;
+    Link: any;
+    PageLink: any;
+    Checkbox: React.FC<{
+        isChecked: boolean;
+        blockId: string;
+    }>;
+    Code: any;
+    Equation: any;
+    Callout?: any;
+    Collection: any;
+    Property?: any;
+    propertyTextValue: ComponentOverrideFn;
+    propertySelectValue: ComponentOverrideFn;
+    propertyRelationValue: ComponentOverrideFn;
+    propertyFormulaValue: ComponentOverrideFn;
+    propertyTitleValue: ComponentOverrideFn;
+    propertyPersonValue: ComponentOverrideFn;
+    propertyFileValue: ComponentOverrideFn;
+    propertyCheckboxValue: ComponentOverrideFn;
+    propertyUrlValue: ComponentOverrideFn;
+    propertyEmailValue: ComponentOverrideFn;
+    propertyPhoneNumberValue: ComponentOverrideFn;
+    propertyNumberValue: ComponentOverrideFn;
+    propertyLastEditedTimeValue: ComponentOverrideFn;
+    propertyCreatedTimeValue: ComponentOverrideFn;
+    propertyDateValue: ComponentOverrideFn;
+    Pdf: any;
+    Tweet: any;
+    Modal: any;
+    Embed: any;
+    Header: any;
+    nextImage?: any;
+    nextLink?: any;
+}
+export interface CollectionViewProps {
+    collection: types.Collection;
+    collectionView: types.CollectionView;
+    collectionData: types.CollectionQueryResult;
+    padding?: number;
+    width?: number;
+}
+export interface CollectionCardProps {
+    collection: types.Collection;
+    block: types.PageBlock;
+    cover: types.CollectionCardCover;
+    coverSize: types.CollectionCardCoverSize;
+    coverAspect: types.CollectionCardCoverAspect;
+    properties?: Array<{
+        property: types.PropertyID;
+        visible: boolean;
+    }>;
+    className?: string;
+}
+export interface CollectionGroupProps {
+    collection: types.Collection;
+    collectionViewComponent: React.ElementType;
+    collectionGroup: any;
+    hidden: boolean;
+    schema: any;
+    value: any;
+    summaryProps: any;
+    detailsProps: any;
+}
 //# sourceMappingURL=types.d.ts.map

package/build/utils.d.ts

@@ -1,10 +1,10 @@
-import { BlockMap } from '@texonom/ntypes';
-export { isUrl, formatDate, formatNotionDateTime } from '@texonom/nutils';
-export * from './map-image-url';
-export * from './map-page-url';
-export declare const cs: (...classes: Array<string | undefined | false>) => string;
-export declare const getListNumber: (blockId: string, blockMap: BlockMap) => number;
-export declare const getHashFragmentValue: (url: string) => string;
-export declare const isBrowser: boolean;
-export declare const getYoutubeId: (url: string) => string | null;
+import { BlockMap } from '@texonom/ntypes';
+export { isUrl, formatDate, formatNotionDateTime } from '@texonom/nutils';
+export * from './map-image-url';
+export * from './map-page-url';
+export declare const cs: (...classes: Array<string | undefined | false>) => string;
+export declare const getListNumber: (blockId: string, blockMap: BlockMap) => number;
+export declare const getHashFragmentValue: (url: string) => string;
+export declare const isBrowser: boolean;
+export declare const getYoutubeId: (url: string) => string | null;
 //# sourceMappingURL=utils.d.ts.map

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@texonom/nreact",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "type": "module",
   "description": "Fast and accurate React renderer for Notion.",
-  "repository": "texonom/notion",
+  "repository": "texonom/notion-node",
   "author": "Alan Jo <sungle3737@gmail.com>",
   "license": "MIT",
   "main": "./build/index.js",
@@ -23,24 +23,24 @@
     "katex": "^0.16.7",
     "prismjs": "^1.29.0",
     "react-fast-compare": "^3.2.1",
-    "react-hotkeys-hook": "^3.4.7",
+    "react-hotkeys-hook": "^4.4.0",
     "react-image": "^4.1.0",
     "react-modal": "^3.16.1",
-    "react-pdf": "^5.7.2",
+    "react-pdf": "^7.1.1",
     "react-use": "^17.4.0",
-    "@texonom/ntypes": "^1.1.1",
-    "@texonom/nutils": "^1.1.1"
+    "@texonom/ntypes": "^1.1.3",
+    "@texonom/nutils": "^1.1.3"
   },
   "devDependencies": {
     "@types/lodash.throttle": "^4.1.7",
     "@types/node": "^16.18.28",
-    "@types/react": "^17.0.59",
+    "@types/react": "^18.2.9",
     "clipboard-copy": "^4.0.1",
     "date-fns": "^2.30.0",
     "format-number": "^3.0.0",
     "lodash.throttle": "^4.1.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   },
   "peerDependencies": {
     "react": ">=16",