@j2inn/resolvable-ui-elements 1.1.3 → 2.0.0

package/dist_es/resolvableElements/interfacesGeneration/generateTypescriptInterfacesFile.d.ts

@@ -1,4 +1,4 @@
-/**
- * Generate typescript interfaces file from json ui-elements data
- */
-export default function generateTypescriptInterfacesFile(inputPath?: string, outputPath?: string): Promise<void>;
+/**
+ * Generate typescript interfaces file from json ui-elements data
+ */
+export default function generateTypescriptInterfacesFile(inputPath?: string, outputPath?: string): Promise<void>;

package/dist_es/resolvableElements/interfacesGeneration/generateTypescriptInterfacesFile.js

@@ -1,16 +1,16 @@
-/*
- * Copyright (c) 2022, J2 Innovations. All Rights Reserved
- */
-import * as fs from 'fs';
-import { generateInterfaces } from './generateInterfaces';
-/**
- * Generate typescript interfaces file from json ui-elements data
- */
-export default async function generateTypescriptInterfacesFile(inputPath = '../elements.json', outputPath = '../elements.ts') {
-    console.log(`Generating interfaces from ${inputPath} \n...`);
-    const json = fs.readFileSync(inputPath, { encoding: 'utf-8' });
-    const result = generateInterfaces(JSON.parse(json));
-    fs.writeFileSync(outputPath, result);
-    console.log(`File successfully generated at: ${outputPath}`);
-}
+/*
+ * Copyright (c) 2022, J2 Innovations. All Rights Reserved
+ */
+import * as fs from 'fs';
+import { generateInterfaces } from './generateInterfaces';
+/**
+ * Generate typescript interfaces file from json ui-elements data
+ */
+export default async function generateTypescriptInterfacesFile(inputPath = '../elements.json', outputPath = '../elements.ts') {
+    console.log(`Generating interfaces from ${inputPath} \n...`);
+    const json = fs.readFileSync(inputPath, { encoding: 'utf-8' });
+    const result = generateInterfaces(JSON.parse(json));
+    fs.writeFileSync(outputPath, result);
+    console.log(`File successfully generated at: ${outputPath}`);
+}
 //# sourceMappingURL=generateTypescriptInterfacesFile.js.map

package/dist_es/resolvableElements/react/SectionChecker.d.ts

@@ -1,24 +1,24 @@
-import React from 'react';
-import { UiElementData } from 'resolvableElements/elements/UiElement';
-/**
- * An utility type that allows a component to accept props with or without a 'section' property.
- */
-export type OptionalSection<P> = P | (Omit<P, 'section'> & {
-    section?: undefined;
-});
-/**
- * Higher-Order Component that takes a section based component as an argument and returns a new component
- * that checks if the 'section' prop is defined before rendering the SectionComponent.
- * If the 'section' prop is undefined, it returns an empty element.
- *
- * @template P - Props of the original SectionComponent
- * @param {React.FC<P>} SectionComponent - The original component that will be wrapped
- * @returns {React.FC<P | (Omit<P, 'section'> & { section?: undefined })>} - The wrapped component
- * @example
- * const CheckedComponent = SectionChecker(({section, ...props}) => {
- *   return <div>{section.title}</div>
- * })
- */
-export declare const SectionChecker: <P extends {
-    section: UiElementData;
-}>(SectionComponent: React.FC<P>) => (props: OptionalSection<P>) => JSX.Element;
+import React from 'react';
+import { UiElementData } from 'resolvableElements/elements/UiElement';
+/**
+ * An utility type that allows a component to accept props with or without a 'section' property.
+ */
+export type OptionalSection<P> = P | (Omit<P, 'section'> & {
+    section?: undefined;
+});
+/**
+ * Higher-Order Component that takes a section based component as an argument and returns a new component
+ * that checks if the 'section' prop is defined before rendering the SectionComponent.
+ * If the 'section' prop is undefined, it returns an empty element.
+ *
+ * @template P - Props of the original SectionComponent
+ * @param {React.FC<P>} SectionComponent - The original component that will be wrapped
+ * @returns {React.FC<P | (Omit<P, 'section'> & { section?: undefined })>} - The wrapped component
+ * @example
+ * const CheckedComponent = SectionChecker(({section, ...props}) => {
+ *   return <div>{section.title}</div>
+ * })
+ */
+export declare const SectionChecker: <P extends {
+    section: UiElementData;
+}>(SectionComponent: React.FC<P>) => (props: OptionalSection<P>) => JSX.Element;

package/dist_es/resolvableElements/react/SectionChecker.jsx

@@ -1,21 +1,21 @@
-import React from 'react';
-/**
- * Higher-Order Component that takes a section based component as an argument and returns a new component
- * that checks if the 'section' prop is defined before rendering the SectionComponent.
- * If the 'section' prop is undefined, it returns an empty element.
- *
- * @template P - Props of the original SectionComponent
- * @param {React.FC<P>} SectionComponent - The original component that will be wrapped
- * @returns {React.FC<P | (Omit<P, 'section'> & { section?: undefined })>} - The wrapped component
- * @example
- * const CheckedComponent = SectionChecker(({section, ...props}) => {
- *   return <div>{section.title}</div>
- * })
- */
-export const SectionChecker = (SectionComponent) => {
-    const CheckedSectionComponent = (props) => {
-        return !props.section ? <></> : <SectionComponent {...props}/>;
-    };
-    return CheckedSectionComponent;
-};
+import React from 'react';
+/**
+ * Higher-Order Component that takes a section based component as an argument and returns a new component
+ * that checks if the 'section' prop is defined before rendering the SectionComponent.
+ * If the 'section' prop is undefined, it returns an empty element.
+ *
+ * @template P - Props of the original SectionComponent
+ * @param {React.FC<P>} SectionComponent - The original component that will be wrapped
+ * @returns {React.FC<P | (Omit<P, 'section'> & { section?: undefined })>} - The wrapped component
+ * @example
+ * const CheckedComponent = SectionChecker(({section, ...props}) => {
+ *   return <div>{section.title}</div>
+ * })
+ */
+export const SectionChecker = (SectionComponent) => {
+    const CheckedSectionComponent = (props) => {
+        return !props.section ? <></> : <SectionComponent {...props}/>;
+    };
+    return CheckedSectionComponent;
+};
 //# sourceMappingURL=SectionChecker.jsx.map

package/dist_es/resolvableElements/react/useResolveSection.d.ts

@@ -1,21 +1,21 @@
-import { UiElementData } from '../elements/UiElement';
-import { ResolvableSectionElement } from '../elements/section/ResolvableSectionElement';
-import { ParametersOfSection, ResolvedSection } from '../elements/section/SectionElementMeta';
-/**
- * Resolves a section UI element.
- * IMPORTANT: This hook requires a resolver react context defined. @See `ResolverProvider`.
- * @param sectionData section data object
- * @param parameters parameters for the resolution
- * @returns the resolved result of the section that will be updated and force rendering when a subvalue changes.
- */
-export declare function useResolveSection<T extends UiElementData>(sectionData: T, parameters?: ParametersOfSection<T>): UseResolveSectionResult<T>;
-export type UseResolveSectionResult<T extends UiElementData> = [
-    ResolvedSection<T>,
-    UseResolveSectionExtra<T>
-];
-export interface UseResolveSectionExtra<T extends UiElementData> {
-    refresh: () => void;
-    element?: ResolvableSectionElement<T>;
-    loads: number;
-    isLoading: boolean;
-}
+import { UiElementData } from '../elements/UiElement';
+import { ResolvableSectionElement } from '../elements/section/ResolvableSectionElement';
+import { ParametersOfSection, ResolvedSection } from '../elements/section/SectionElementMeta';
+/**
+ * Resolves a section UI element.
+ * IMPORTANT: This hook requires a resolver react context defined. @See `ResolverProvider`.
+ * @param sectionData section data object
+ * @param parameters parameters for the resolution
+ * @returns the resolved result of the section that will be updated and force rendering when a subvalue changes.
+ */
+export declare function useResolveSection<T extends UiElementData>(sectionData: T, parameters?: ParametersOfSection<T>): UseResolveSectionResult<T>;
+export type UseResolveSectionResult<T extends UiElementData> = [
+    ResolvedSection<T>,
+    UseResolveSectionExtra<T>
+];
+export interface UseResolveSectionExtra<T extends UiElementData> {
+    refresh: () => void;
+    element?: ResolvableSectionElement<T>;
+    loads: number;
+    isLoading: boolean;
+}

package/dist_es/resolvableElements/react/useResolveSection.js

@@ -1,62 +1,62 @@
-/*
- * Copyright (c) 2022, J2 Innovations. All Rights Reserved
- */
-import { useEffect, useReducer, useRef, useState } from 'react';
-import { makeParametersDict } from '../elements/function/FunctionElement';
-import { ResolvableSectionElement } from '../elements/section/ResolvableSectionElement';
-import { areParametersValid } from '../elements/section/resolveSection';
-import { useResolverContext } from './useResolverContext';
-/**
- * Resolves a section UI element.
- * IMPORTANT: This hook requires a resolver react context defined. @See `ResolverProvider`.
- * @param sectionData section data object
- * @param parameters parameters for the resolution
- * @returns the resolved result of the section that will be updated and force rendering when a subvalue changes.
- */
-export function useResolveSection(sectionData, parameters) {
-    const [, update] = useReducer((count) => count + 1, 0);
-    const resolver = useResolverContext();
-    const [refreshes, refresh] = useReducer((count) => count + 1, 0);
-    const [loads, setLoads] = useState(0);
-    const [isLoading, setLoading] = useState(false);
-    const ref = useRef();
-    if (!ref.current) {
-        ref.current = new ResolvableSectionElement({
-            element: sectionData,
-            resolver,
-            onUpdate: update,
-        });
-    }
-    const parametersDict = makeParametersDict(parameters);
-    useEffect(() => {
-        if (areParametersValid(parameters)) {
-            ref.current = new ResolvableSectionElement({
-                element: sectionData,
-                resolver,
-                onUpdate: update,
-            });
-            setLoading(true);
-            const promise = ref.current
-                .initialize(parametersDict)
-                .then(() => setLoads(loads + 1))
-                .finally(() => setLoading(false));
-            return () => {
-                const sectionElement = ref.current;
-                promise.finally(() => {
-                    sectionElement?.close();
-                });
-            };
-        }
-        return;
-    }, [sectionData, resolver, refreshes, parametersDict.toAxon()]);
-    return [
-        (ref.current.value ?? {}),
-        {
-            refresh: refresh,
-            element: ref.current,
-            loads,
-            isLoading,
-        },
-    ];
-}
+/*
+ * Copyright (c) 2022, J2 Innovations. All Rights Reserved
+ */
+import { useEffect, useReducer, useRef, useState } from 'react';
+import { makeParametersDict } from '../elements/function/FunctionElement';
+import { ResolvableSectionElement } from '../elements/section/ResolvableSectionElement';
+import { areParametersValid } from '../elements/section/resolveSection';
+import { useResolverContext } from './useResolverContext';
+/**
+ * Resolves a section UI element.
+ * IMPORTANT: This hook requires a resolver react context defined. @See `ResolverProvider`.
+ * @param sectionData section data object
+ * @param parameters parameters for the resolution
+ * @returns the resolved result of the section that will be updated and force rendering when a subvalue changes.
+ */
+export function useResolveSection(sectionData, parameters) {
+    const [, update] = useReducer((count) => count + 1, 0);
+    const resolver = useResolverContext();
+    const [refreshes, refresh] = useReducer((count) => count + 1, 0);
+    const [loads, setLoads] = useState(0);
+    const [isLoading, setLoading] = useState(false);
+    const ref = useRef();
+    if (!ref.current) {
+        ref.current = new ResolvableSectionElement({
+            element: sectionData,
+            resolver,
+            onUpdate: update,
+        });
+    }
+    const parametersDict = makeParametersDict(parameters);
+    useEffect(() => {
+        if (areParametersValid(parameters)) {
+            ref.current = new ResolvableSectionElement({
+                element: sectionData,
+                resolver,
+                onUpdate: update,
+            });
+            setLoading(true);
+            const promise = ref.current
+                .initialize(parametersDict)
+                .then(() => setLoads(loads + 1))
+                .finally(() => setLoading(false));
+            return () => {
+                const sectionElement = ref.current;
+                promise.finally(() => {
+                    sectionElement?.close();
+                });
+            };
+        }
+        return;
+    }, [sectionData, resolver, refreshes, parametersDict.toAxon()]);
+    return [
+        (ref.current.value ?? {}),
+        {
+            refresh: refresh,
+            element: ref.current,
+            loads,
+            isLoading,
+        },
+    ];
+}
 //# sourceMappingURL=useResolveSection.js.map

package/dist_es/resolvableElements/react/useResolverContext.d.ts

@@ -1,9 +1,9 @@
-import React, { PropsWithChildren } from 'react';
-import { Resolver } from '../Resolver';
-export declare function useResolverContext(): Resolver;
-interface ResolverProviderProps extends PropsWithChildren {
-    userRoleTagName?: string;
-    evalFuncName?: string;
-}
-export declare const ResolverProvider: React.FC<ResolverProviderProps>;
-export {};
+import React, { PropsWithChildren } from 'react';
+import { Resolver } from '../Resolver';
+export declare function useResolverContext(): Resolver;
+interface ResolverProviderProps extends PropsWithChildren {
+    userRoleTagName?: string;
+    evalFuncName?: string;
+}
+export declare const ResolverProvider: React.FC<ResolverProviderProps>;
+export {};

package/dist_es/resolvableElements/react/useResolverContext.jsx

@@ -1,39 +1,39 @@
-/*
- * Copyright (c) 2022, J2 Innovations. All Rights Reserved
- */
-import { Client } from 'haystack-nclient';
-import { useClient } from 'haystack-react';
-import React, { useContext, useEffect, useState, } from 'react';
-import { useCurrentUser } from '../../useCurrentUser';
-import { Resolver } from '../Resolver';
-const ResolverContext = React.createContext(new Resolver({
-    client: new Client({
-        base: new URL(window.location.href),
-    }),
-}));
-ResolverContext.displayName = 'ResolverContext';
-export function useResolverContext() {
-    return useContext(ResolverContext);
-}
-export const ResolverProvider = ({ userRoleTagName, evalFuncName, children, }) => {
-    const client = useClient();
-    const user = useCurrentUser();
-    const [resolver, setResolver] = useState(() => new Resolver({
-        client,
-        user,
-        userRoleTagName,
-        evalFuncName,
-    }));
-    useEffect(() => {
-        setResolver(new Resolver({
-            client,
-            user,
-            userRoleTagName,
-            evalFuncName,
-        }));
-    }, [client, user, userRoleTagName, evalFuncName]);
+/*
+ * Copyright (c) 2022, J2 Innovations. All Rights Reserved
+ */
+import { Client } from 'haystack-nclient';
+import { useClient } from 'haystack-react';
+import React, { useContext, useEffect, useState, } from 'react';
+import { useCurrentUser } from '../../useCurrentUser';
+import { Resolver } from '../Resolver';
+const ResolverContext = React.createContext(new Resolver({
+    client: new Client({
+        base: new URL(window.location.href),
+    }),
+}));
+ResolverContext.displayName = 'ResolverContext';
+export function useResolverContext() {
+    return useContext(ResolverContext);
+}
+export const ResolverProvider = ({ userRoleTagName, evalFuncName, children, }) => {
+    const client = useClient();
+    const user = useCurrentUser();
+    const [resolver, setResolver] = useState(() => new Resolver({
+        client,
+        user,
+        userRoleTagName,
+        evalFuncName,
+    }));
+    useEffect(() => {
+        setResolver(new Resolver({
+            client,
+            user,
+            userRoleTagName,
+            evalFuncName,
+        }));
+    }, [client, user, userRoleTagName, evalFuncName]);
     return (<ResolverContext.Provider value={resolver}>
 			{children}
-		</ResolverContext.Provider>);
-};
+		</ResolverContext.Provider>);
+};
 //# sourceMappingURL=useResolverContext.jsx.map

package/dist_es/resolvableElements/resolveTemplatedExpression.d.ts

@@ -1,22 +1,22 @@
-import { HDict } from 'haystack-core';
-export declare const REG_EXPR_MATCHING_TEMPLATE: RegExp;
-/**
- * Replaces variables (defined as {{parameterName}}) in an expression with the values given in the parameters dict.
- * The HVal.toAxon function is used for conversion to a string. Optional parameters can be marked using a '?'
- * after the parameter name. They can safely be omitted in the parameters Dict.
- * @example
- * resolveTemplatedExpression("func({{num}})", HDict.make({num: HNum.make(22)})) => "func(22)"
- * @example
- * resolveTemplatedExpression("func({{num}}, {{unit?}})", HDict.make({num: HNum.make(22)})) => "func(22, null)"
- * @param expr the axon expression
- * @param params the parameters expressed as dict
- * @returns the axon expression resolved with the specified params
- */
-export declare const resolveTemplateExpression: (expr: string, parameters?: HDict) => string;
-/**
- * Replaces template variable found in the given string using a given replacer function
- * @param templateString
- * @param replacer
- * @returns a new string containing the compiled template string
- */
-export declare const replaceTemplateVariables: (templateString: string, replacer: (substring: string, match: string, optional: string) => string) => string;
+import { HDict } from 'haystack-core';
+export declare const REG_EXPR_MATCHING_TEMPLATE: RegExp;
+/**
+ * Replaces variables (defined as {{parameterName}}) in an expression with the values given in the parameters dict.
+ * The HVal.toAxon function is used for conversion to a string. Optional parameters can be marked using a '?'
+ * after the parameter name. They can safely be omitted in the parameters Dict.
+ * @example
+ * resolveTemplatedExpression("func({{num}})", HDict.make({num: HNum.make(22)})) => "func(22)"
+ * @example
+ * resolveTemplatedExpression("func({{num}}, {{unit?}})", HDict.make({num: HNum.make(22)})) => "func(22, null)"
+ * @param expr the axon expression
+ * @param params the parameters expressed as dict
+ * @returns the axon expression resolved with the specified params
+ */
+export declare const resolveTemplateExpression: (expr: string, parameters?: HDict) => string;
+/**
+ * Replaces template variable found in the given string using a given replacer function
+ * @param templateString
+ * @param replacer
+ * @returns a new string containing the compiled template string
+ */
+export declare const replaceTemplateVariables: (templateString: string, replacer: (substring: string, match: string, optional: string) => string) => string;

package/dist_es/resolvableElements/resolveTemplatedExpression.js

@@ -1,39 +1,39 @@
-/*
- * Copyright (c) 2022, J2 Innovations. All Rights Reserved
- */
-import { AXON_NULL } from 'haystack-core';
-export const REG_EXPR_MATCHING_TEMPLATE = new RegExp(/{{([^{}?]*)(\??)}}/, 'g');
-/**
- * Replaces variables (defined as {{parameterName}}) in an expression with the values given in the parameters dict.
- * The HVal.toAxon function is used for conversion to a string. Optional parameters can be marked using a '?'
- * after the parameter name. They can safely be omitted in the parameters Dict.
- * @example
- * resolveTemplatedExpression("func({{num}})", HDict.make({num: HNum.make(22)})) => "func(22)"
- * @example
- * resolveTemplatedExpression("func({{num}}, {{unit?}})", HDict.make({num: HNum.make(22)})) => "func(22, null)"
- * @param expr the axon expression
- * @param params the parameters expressed as dict
- * @returns the axon expression resolved with the specified params
- */
-export const resolveTemplateExpression = (expr, parameters) => {
-    const paramDict = parameters;
-    return replaceTemplateVariables(expr, (_substring, match, optional) => {
-        const isOptional = optional === '?';
-        const parameter = paramDict?.get(match)?.toAxon();
-        if (parameter != null) {
-            return parameter;
-        }
-        else if (isOptional) {
-            return AXON_NULL;
-        }
-        throw new Error(`ERROR: Missing parameter: ${match} in ${paramDict?.toAxon()}`);
-    });
-};
-/**
- * Replaces template variable found in the given string using a given replacer function
- * @param templateString
- * @param replacer
- * @returns a new string containing the compiled template string
- */
-export const replaceTemplateVariables = (templateString, replacer) => templateString.replace(REG_EXPR_MATCHING_TEMPLATE, replacer);
+/*
+ * Copyright (c) 2022, J2 Innovations. All Rights Reserved
+ */
+import { AXON_NULL } from 'haystack-core';
+export const REG_EXPR_MATCHING_TEMPLATE = new RegExp(/{{([^{}?]*)(\??)}}/, 'g');
+/**
+ * Replaces variables (defined as {{parameterName}}) in an expression with the values given in the parameters dict.
+ * The HVal.toAxon function is used for conversion to a string. Optional parameters can be marked using a '?'
+ * after the parameter name. They can safely be omitted in the parameters Dict.
+ * @example
+ * resolveTemplatedExpression("func({{num}})", HDict.make({num: HNum.make(22)})) => "func(22)"
+ * @example
+ * resolveTemplatedExpression("func({{num}}, {{unit?}})", HDict.make({num: HNum.make(22)})) => "func(22, null)"
+ * @param expr the axon expression
+ * @param params the parameters expressed as dict
+ * @returns the axon expression resolved with the specified params
+ */
+export const resolveTemplateExpression = (expr, parameters) => {
+    const paramDict = parameters;
+    return replaceTemplateVariables(expr, (_substring, match, optional) => {
+        const isOptional = optional === '?';
+        const parameter = paramDict?.get(match)?.toAxon();
+        if (parameter != null) {
+            return parameter;
+        }
+        else if (isOptional) {
+            return AXON_NULL;
+        }
+        throw new Error(`ERROR: Missing parameter: ${match} in ${paramDict?.toAxon()}`);
+    });
+};
+/**
+ * Replaces template variable found in the given string using a given replacer function
+ * @param templateString
+ * @param replacer
+ * @returns a new string containing the compiled template string
+ */
+export const replaceTemplateVariables = (templateString, replacer) => templateString.replace(REG_EXPR_MATCHING_TEMPLATE, replacer);
 //# sourceMappingURL=resolveTemplatedExpression.js.map

package/dist_es/useCurrentUser.d.ts

@@ -1,10 +1,10 @@
-import { HDict } from 'haystack-core';
-import React, { PropsWithChildren } from 'react';
-/**
- * User context retrieval hook.
- */
-export declare function useCurrentUser(): HDict | undefined;
-/**
- * User context provider for FIN 5.
- */
-export declare const UserContextProvider: React.FC<PropsWithChildren>;
+import { HDict } from 'haystack-core';
+import React, { PropsWithChildren } from 'react';
+/**
+ * User context retrieval hook.
+ */
+export declare function useCurrentUser(): HDict | undefined;
+/**
+ * User context provider for FIN 5.
+ */
+export declare const UserContextProvider: React.FC<PropsWithChildren>;

package/dist_es/useCurrentUser.jsx

@@ -1,23 +1,23 @@
-/*
- * Copyright (c) 2022, J2 Innovations. All Rights Reserved
- */
-import { useEval } from 'haystack-react';
-import React, { useContext } from 'react';
-const UserContext = React.createContext(undefined);
-UserContext.displayName = 'CurrentUser';
-/**
- * User context retrieval hook.
- */
-export function useCurrentUser() {
-    return useContext(UserContext);
-}
-/**
- * User context provider for FIN 5.
- */
-export const UserContextProvider = ({ children, }) => {
-    const { grid, isLoading } = useEval('finGetCurrentUser()');
+/*
+ * Copyright (c) 2022, J2 Innovations. All Rights Reserved
+ */
+import { useEval } from 'haystack-react';
+import React, { useContext } from 'react';
+const UserContext = React.createContext(undefined);
+UserContext.displayName = 'CurrentUser';
+/**
+ * User context retrieval hook.
+ */
+export function useCurrentUser() {
+    return useContext(UserContext);
+}
+/**
+ * User context provider for FIN 5.
+ */
+export const UserContextProvider = ({ children, }) => {
+    const { grid, isLoading } = useEval('finGetCurrentUser()');
     return (<UserContext.Provider value={isLoading ? undefined : grid[0]}>
 			{children}
-		</UserContext.Provider>);
-};
+		</UserContext.Provider>);
+};
 //# sourceMappingURL=useCurrentUser.jsx.map

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@j2inn/resolvable-ui-elements",
-	"version": "1.1.3",
+	"version": "2.0.0",
 	"description": "",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -23,10 +23,10 @@
 		"dist_es/**/*"
 	],
 	"peerDependencies": {
-		"haystack-core": "^2.0.45",
-		"haystack-nclient": "^3.0.32",
-		"haystack-react": "^3.0.17",
-		"haystack-units": "^1.0.22",
+		"haystack-core": "^3.0.0",
+		"haystack-nclient": "^4.0.0",
+		"haystack-react": "^4.0.0",
+		"haystack-units": "^2.0.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0"
 	},