@jsonui/react 0.2.0 → 0.4.0

package/dist/esm/types/MessageReceiver.d.ts

@@ -0,0 +1,2 @@
+declare const MessageReceiver: () => null;
+export default MessageReceiver;

package/dist/esm/types/MessageReceiverContext.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ChangeDefaultValueFunc } from 'types';
+export declare class MessageHandler {
+    updateDefaultValueHandler?: ChangeDefaultValueFunc;
+    set: (newFunc: ChangeDefaultValueFunc) => void;
+    get: () => ChangeDefaultValueFunc | undefined;
+}
+export declare const MessageHandlerContext: import("react").Context<MessageHandler | null>;

package/dist/esm/types/ReduxProviders.d.ts

@@ -2,15 +2,7 @@
 import React, { ReactNode } from 'react';
 import { Store, AnyAction } from 'redux';
 import { Persistor } from 'redux-persist/es/types';
-export declare type JSONPrimitive = string | number | boolean | null;
-export declare type JSONValue = JSONPrimitive | JSONObject | JSONArray;
-export declare type JSONObject = {
-    [member: string]: JSONValue;
-};
-export declare type JSONArray = Array<JSONValue>;
-export interface DefaultValues {
-    [key: string]: JSONValue;
-}
+import { DefaultValues } from 'types';
 declare type MyProps = {
     children: ReactNode;
     defaultValues?: DefaultValues;

package/dist/esm/types/ViewerWeb.d.ts

@@ -1,12 +1,4 @@
 /// <reference types="react" />
-import { DefaultValues } from './ReduxProviders';
-export interface ViewerProps {
-    model: any;
-    defaultValues?: DefaultValues;
-    id?: string;
-    components?: any;
-    functions?: any;
-    disabledPersist?: boolean;
-}
-declare function ViewerWeb(props: ViewerProps): JSX.Element;
+import { ViewerProps } from 'types';
+declare function ViewerWeb({ defaultValues, disabledPersist, ...props }: ViewerProps): JSX.Element;
 export default ViewerWeb;

package/dist/esm/types/Wrapper.d.ts

@@ -1,5 +1,7 @@
 /// <reference types="react" />
 import { PropsType } from '@jsonui/core';
-export declare const getStyleForWeb: (props: PropsType | undefined, component: string) => any;
-declare function WrapperOuter(props: any): JSX.Element;
-export default WrapperOuter;
+export declare const getStyle: (props: PropsType | undefined, component: string) => any;
+declare function Wrapper({ props: origProps }: {
+    props: any;
+}): JSX.Element | null;
+export default Wrapper;

package/dist/esm/types/index.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-import { ViewerProps } from './ViewerWeb';
+import { ChangeDefaultValueFuncProp, JSONValue, ViewerProps } from 'types';
+import { MessageHandlerContext, MessageHandler } from './MessageReceiverContext';
 declare type JsonUIProps = ViewerProps;
 declare const JsonUI: (props: JsonUIProps) => JSX.Element;
-export { JsonUI };
-export type { JsonUIProps };
+export { JsonUI, MessageHandlerContext, MessageHandler };
+export type { JsonUIProps, JSONValue, ChangeDefaultValueFuncProp };

package/dist/esm/types/stock/components/Fragment.d.ts

@@ -1,4 +1,6 @@
-declare const Fragment: ({ children }: {
-    children: any;
-}) => any;
+/// <reference types="react" />
+import { constants as c } from '@jsonui/core';
+declare const Fragment: ({ [c.V_CHILDREN_NAME]: props, ...a }: {
+    [c.V_CHILDREN_NAME]: any;
+}) => JSX.Element;
 export default Fragment;

package/dist/esm/types/stock/components/PrimitiveProp.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-declare function PrimitiveProp({ children }: {
-    children: any;
+import { constants as c } from '@jsonui/core';
+declare function PrimitiveProp({ [c.V_CHILDREN_NAME]: children }: {
+    [c.V_CHILDREN_NAME]: any;
 }): JSX.Element;
 export default PrimitiveProp;

package/dist/esm/types/stock/components/Text.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare function Text(props: any): JSX.Element;
+declare function Text({ value, [c.V_CHILDREN_NAME]: children, ...props }: any): JSX.Element;
 export default Text;

package/dist/esm/types/stock/components/View.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare function View(props: any): JSX.Element;
+declare function View({ [c.V_CHILDREN_NAME]: children, ...props }: any): JSX.Element;
 export default View;

package/dist/esm/types/stories/JsonUI.stories.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const JsonUIStory: ComponentMeta<(props: import("../ViewerWeb").ViewerProps) => JSX.Element>;
-export declare const TableTest: ComponentStory<(props: import("../ViewerWeb").ViewerProps) => JSX.Element>;
-export declare const InputTest: ComponentStory<(props: import("../ViewerWeb").ViewerProps) => JSX.Element>;
+declare const JsonUIStory: ComponentMeta<(props: import("../types").ViewerProps) => JSX.Element>;
+export declare const TableTest: ComponentStory<(props: import("../types").ViewerProps) => JSX.Element>;
+export declare const InputTest: ComponentStory<(props: import("../types").ViewerProps) => JSX.Element>;
 export default JsonUIStory;

package/dist/esm/types/stories/MultiChild.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const JsonUIStory: ComponentMeta<(props: import("../types").ViewerProps) => JSX.Element>;
+export declare const MultiChild: ComponentStory<(props: import("../types").ViewerProps) => JSX.Element>;
+export default JsonUIStory;

package/dist/esm/types/stories/PartialValueUpdateTest/PushNotificationTest.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const JsonUIStory: ComponentMeta<(props: import("../../types").ViewerProps) => JSX.Element>;
+export declare const PartialValueUpdateTest: ComponentStory<(props: import("../../types").ViewerProps) => JSX.Element>;
+export default JsonUIStory;

package/dist/esm/types/stories/ReduxTest.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const JsonUIStory: ComponentMeta<(props: import("../types").ViewerProps) => JSX.Element>;
+export declare const TwoEditAnd1Modifier: ComponentStory<(props: import("../types").ViewerProps) => JSX.Element>;
+export declare const PathModifierTest: ComponentStory<(props: import("../types").ViewerProps) => JSX.Element>;
+export default JsonUIStory;

package/dist/esm/types/stories/Simple.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const JsonUIStory: ComponentMeta<(props: import("../types").ViewerProps) => JSX.Element>;
+export declare const PrimitivesTest: ComponentStory<(props: import("../types").ViewerProps) => JSX.Element>;
+export default JsonUIStory;

package/dist/esm/types/stories/Table.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const JsonUIStory: ComponentMeta<(props: import("../types").ViewerProps) => JSX.Element>;
+export declare const TableTest: ComponentStory<(props: import("../types").ViewerProps) => JSX.Element>;
+export default JsonUIStory;

package/dist/esm/types/types.d.ts

@@ -0,0 +1,23 @@
+export declare type JSONPrimitive = string | number | boolean | null;
+export declare type JSONValue = JSONPrimitive | JSONObject | JSONArray;
+export declare type JSONObject = {
+    [member: string]: JSONValue;
+};
+export declare type JSONArray = Array<JSONValue>;
+export interface ChangeDefaultValueFuncProp {
+    store: string;
+    path: string;
+    value: JSONValue;
+}
+export declare type ChangeDefaultValueFunc = (arg: ChangeDefaultValueFuncProp) => void;
+export interface DefaultValues {
+    [key: string]: JSONValue;
+}
+export interface ViewerProps {
+    model: any;
+    defaultValues?: DefaultValues;
+    id?: string;
+    components?: any;
+    functions?: any;
+    disabledPersist?: boolean;
+}

package/dist/index.d.ts

@@ -1,25 +1,16 @@
-/// <reference types="redux-persist/types/types" />
 /// <reference types="react" />
-declare type JSONPrimitive = string | number | boolean | null;
-declare type JSONValue = JSONPrimitive | JSONObject | JSONArray;
-declare type JSONObject = {
-    [member: string]: JSONValue;
-};
-declare type JSONArray = Array<JSONValue>;
-interface DefaultValues {
-    [key: string]: JSONValue;
-}
+import { ChangeDefaultValueFunc, ViewerProps } from 'types';
+export { ChangeDefaultValueFuncProp, JSONValue } from 'types';
+import * as react from 'react';
 
-interface ViewerProps {
-    model: any;
-    defaultValues?: DefaultValues;
-    id?: string;
-    components?: any;
-    functions?: any;
-    disabledPersist?: boolean;
+declare class MessageHandler {
+    updateDefaultValueHandler?: ChangeDefaultValueFunc;
+    set: (newFunc: ChangeDefaultValueFunc) => void;
+    get: () => ChangeDefaultValueFunc | undefined;
 }
+declare const MessageHandlerContext: react.Context<MessageHandler | null>;
 
 declare type JsonUIProps = ViewerProps;
 declare const JsonUI: (props: JsonUIProps) => JSX.Element;
 
-export { JsonUI, JsonUIProps };
+export { JsonUI, JsonUIProps, MessageHandler, MessageHandlerContext };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsonui/react",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "author": "Istvan Fodor <fodori@jsonui.org>",
   "contributors": [],
   "bugs": {
@@ -31,13 +31,13 @@
   "scripts": {
     "build": "rollup -c",
     "lint": "eslint src --ext .jsx,.js,.tsx,.ts",
-    "storybook": "start-storybook -p 6006",
+    "storybook": "export SET NODE_OPTIONS=--openssl-legacy-provider && start-storybook -p 6006",
     "build-storybook": "build-storybook",
     "test": "jest"
   },
   "dependencies": {
     "@emotion/react": "^11.7.1",
-    "@jsonui/core": "^0.2.0",
+    "@jsonui/core": "^0.4.0",
     "batchflow": "^0.4.0",
     "jsonata": "^1.8.5",
     "lodash": "^4.17.21",
@@ -113,5 +113,5 @@
       "last 1 safari version"
     ]
   },
-  "gitHead": "1af3ad1e985a135f273029e3cf16911038325fd6"
+  "gitHead": "db3f8b12f78c0ea9d4abbcac2cc9921558fba2d3"
 }

package/dist/cjs/types/indexModule.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { ViewerProps } from './ViewerWeb';
-declare type JsonUIProps = ViewerProps;
-declare const JsonUI: (props: JsonUIProps) => JSX.Element;
-export { JsonUI };
-export type { JsonUIProps };

package/dist/cjs/types/stock/components/FieldEdit.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare function CFieldEdit(props: any): JSX.Element;
-export default CFieldEdit;

package/dist/cjs/types/stock/components.d.ts

@@ -1,20 +0,0 @@
-import Text from './components/Text';
-import Button from './components/Button';
-import Edit from './components/Edit';
-import View from './components/View';
-import Image from './components/Image';
-import _Undefined from './components/Undefined';
-import _PrimitiveProp from './components/PrimitiveProp';
-declare const Components: {
-    View: typeof View;
-    _PrimitiveProp: typeof _PrimitiveProp;
-    _Undefined: typeof _Undefined;
-    Fragment: ({ children }: {
-        children: any;
-    }) => any;
-    Image: typeof Image;
-    Text: typeof Text;
-    Button: typeof Button;
-    Edit: typeof Edit;
-};
-export default Components;

package/dist/cjs/types/stock/stockToRenderer.d.ts

@@ -1,22 +0,0 @@
-import { Stock } from '@jsonui/core';
-export declare const getStock: (stockInit: any, model: any, Wrapper: any, reduxStore: any) => Stock;
-declare const stock: {
-    components: {
-        View: typeof import("./components/View").default;
-        _PrimitiveProp: typeof import("./components/PrimitiveProp").default;
-        _Undefined: typeof import("./components/Undefined").default;
-        Fragment: ({ children }: {
-            children: any;
-        }) => any;
-        Image: typeof import("./components/Image").default;
-        Text: typeof import("./components/Text").default;
-        Button: typeof import("./components/Button").default;
-        Edit: typeof import("./components/Edit").default;
-    };
-    functions: {
-        getStateValue: (attr: any, props: any, callerArgs: any, stock: any) => any;
-        get: (attr: any, props: any, callerArgs: any, stock: any) => any;
-        set: (attr: any, props: any, callerArgs: any, stock: any) => any;
-    };
-};
-export default stock;

package/dist/cjs/types/store/store.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="redux-persist/types/types" />
-/// <reference types="redux-persist" />
-declare const storeObj: {
-    store: import("redux").Store<any, import("redux").AnyAction>;
-    persistor: import("redux-persist").Persistor;
-};
-export default storeObj;

package/dist/cjs/types/stories/Button.d.ts

@@ -1,28 +0,0 @@
-/// <reference types="react" />
-import './button.css';
-export interface ButtonProps {
-    /**
-     * Is this the principal call to action on the page?
-     */
-    primary?: boolean;
-    /**
-     * What background color to use
-     */
-    backgroundColor?: string;
-    /**
-     * How large should the button be?
-     */
-    size?: 'small' | 'medium' | 'large';
-    /**
-     * Button contents
-     */
-    label: string;
-    /**
-     * Optional click handler
-     */
-    onClick?: () => void;
-}
-/**
- * Primary UI component for user interaction
- */
-export declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => JSX.Element;

package/dist/cjs/types/stories/Button.stories.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ primary, size, backgroundColor, label, ...props }: import("./Button").ButtonProps) => JSX.Element>;
-export default _default;
-export declare const Primary: ComponentStory<({ primary, size, backgroundColor, label, ...props }: import("./Button").ButtonProps) => JSX.Element>;
-export declare const Secondary: ComponentStory<({ primary, size, backgroundColor, label, ...props }: import("./Button").ButtonProps) => JSX.Element>;
-export declare const Large: ComponentStory<({ primary, size, backgroundColor, label, ...props }: import("./Button").ButtonProps) => JSX.Element>;
-export declare const Small: ComponentStory<({ primary, size, backgroundColor, label, ...props }: import("./Button").ButtonProps) => JSX.Element>;

package/dist/cjs/types/stories/Header.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import './header.css';
-export declare type User = {
-    name: string;
-};
-export interface HeaderProps {
-    user?: User;
-    onLogin: () => void;
-    onLogout: () => void;
-    onCreateAccount: () => void;
-}
-export declare const Header: ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps) => JSX.Element;

package/dist/cjs/types/stories/Header.stories.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ user, onLogin, onLogout, onCreateAccount }: import("./Header").HeaderProps) => JSX.Element>;
-export default _default;
-export declare const LoggedIn: ComponentStory<({ user, onLogin, onLogout, onCreateAccount }: import("./Header").HeaderProps) => JSX.Element>;
-export declare const LoggedOut: ComponentStory<({ user, onLogin, onLogout, onCreateAccount }: import("./Header").HeaderProps) => JSX.Element>;

package/dist/cjs/types/stories/Page.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import './page.css';
-export declare const Page: React.VFC;

package/dist/cjs/types/stories/Page.stories.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<React.VFC<{}>>;
-export default _default;
-export declare const LoggedOut: ComponentStory<React.VFC<{}>>;
-export declare const LoggedIn: ComponentStory<React.VFC<{}>>;

package/dist/esm/types/indexModule.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { ViewerProps } from './ViewerWeb';
-declare type JsonUIProps = ViewerProps;
-declare const JsonUI: (props: JsonUIProps) => JSX.Element;
-export { JsonUI };
-export type { JsonUIProps };

package/dist/esm/types/stock/components/FieldEdit.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare function CFieldEdit(props: any): JSX.Element;
-export default CFieldEdit;

package/dist/esm/types/stock/components.d.ts

@@ -1,20 +0,0 @@
-import Text from './components/Text';
-import Button from './components/Button';
-import Edit from './components/Edit';
-import View from './components/View';
-import Image from './components/Image';
-import _Undefined from './components/Undefined';
-import _PrimitiveProp from './components/PrimitiveProp';
-declare const Components: {
-    View: typeof View;
-    _PrimitiveProp: typeof _PrimitiveProp;
-    _Undefined: typeof _Undefined;
-    Fragment: ({ children }: {
-        children: any;
-    }) => any;
-    Image: typeof Image;
-    Text: typeof Text;
-    Button: typeof Button;
-    Edit: typeof Edit;
-};
-export default Components;

package/dist/esm/types/stock/stockToRenderer.d.ts

@@ -1,22 +0,0 @@
-import { Stock } from '@jsonui/core';
-export declare const getStock: (stockInit: any, model: any, Wrapper: any, reduxStore: any) => Stock;
-declare const stock: {
-    components: {
-        View: typeof import("./components/View").default;
-        _PrimitiveProp: typeof import("./components/PrimitiveProp").default;
-        _Undefined: typeof import("./components/Undefined").default;
-        Fragment: ({ children }: {
-            children: any;
-        }) => any;
-        Image: typeof import("./components/Image").default;
-        Text: typeof import("./components/Text").default;
-        Button: typeof import("./components/Button").default;
-        Edit: typeof import("./components/Edit").default;
-    };
-    functions: {
-        getStateValue: (attr: any, props: any, callerArgs: any, stock: any) => any;
-        get: (attr: any, props: any, callerArgs: any, stock: any) => any;
-        set: (attr: any, props: any, callerArgs: any, stock: any) => any;
-    };
-};
-export default stock;

package/dist/esm/types/store/store.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="redux-persist/types/types" />
-/// <reference types="redux-persist" />
-declare const storeObj: {
-    store: import("redux").Store<any, import("redux").AnyAction>;
-    persistor: import("redux-persist").Persistor;
-};
-export default storeObj;

package/dist/esm/types/stories/Button.d.ts

@@ -1,28 +0,0 @@
-/// <reference types="react" />
-import './button.css';
-export interface ButtonProps {
-    /**
-     * Is this the principal call to action on the page?
-     */
-    primary?: boolean;
-    /**
-     * What background color to use
-     */
-    backgroundColor?: string;
-    /**
-     * How large should the button be?
-     */
-    size?: 'small' | 'medium' | 'large';
-    /**
-     * Button contents
-     */
-    label: string;
-    /**
-     * Optional click handler
-     */
-    onClick?: () => void;
-}
-/**
- * Primary UI component for user interaction
- */
-export declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => JSX.Element;

package/dist/esm/types/stories/Button.stories.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ primary, size, backgroundColor, label, ...props }: import("./Button").ButtonProps) => JSX.Element>;
-export default _default;
-export declare const Primary: ComponentStory<({ primary, size, backgroundColor, label, ...props }: import("./Button").ButtonProps) => JSX.Element>;
-export declare const Secondary: ComponentStory<({ primary, size, backgroundColor, label, ...props }: import("./Button").ButtonProps) => JSX.Element>;
-export declare const Large: ComponentStory<({ primary, size, backgroundColor, label, ...props }: import("./Button").ButtonProps) => JSX.Element>;
-export declare const Small: ComponentStory<({ primary, size, backgroundColor, label, ...props }: import("./Button").ButtonProps) => JSX.Element>;

package/dist/esm/types/stories/Header.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import './header.css';
-export declare type User = {
-    name: string;
-};
-export interface HeaderProps {
-    user?: User;
-    onLogin: () => void;
-    onLogout: () => void;
-    onCreateAccount: () => void;
-}
-export declare const Header: ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps) => JSX.Element;

package/dist/esm/types/stories/Header.stories.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<({ user, onLogin, onLogout, onCreateAccount }: import("./Header").HeaderProps) => JSX.Element>;
-export default _default;
-export declare const LoggedIn: ComponentStory<({ user, onLogin, onLogout, onCreateAccount }: import("./Header").HeaderProps) => JSX.Element>;
-export declare const LoggedOut: ComponentStory<({ user, onLogin, onLogout, onCreateAccount }: import("./Header").HeaderProps) => JSX.Element>;

package/dist/esm/types/stories/Page.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import './page.css';
-export declare const Page: React.VFC;

package/dist/esm/types/stories/Page.stories.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { ComponentStory, ComponentMeta } from '@storybook/react';
-declare const _default: ComponentMeta<React.VFC<{}>>;
-export default _default;
-export declare const LoggedOut: ComponentStory<React.VFC<{}>>;
-export declare const LoggedIn: ComponentStory<React.VFC<{}>>;