@jsonui/react 0.0.12 → 0.1.0

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

@@ -1,5 +1,20 @@
-import { ReactNode } from 'react';
-declare function Providers({ children }: {
+/// <reference types="redux-persist/types/types" />
+import React, { ReactNode } from 'react';
+import { Store, AnyAction } from 'redux';
+import { Persistor } from 'redux-persist/es/types';
+export interface DefaultValues {
+    [key: string]: Record<string, object>;
+}
+declare type MyProps = {
     children: ReactNode;
-}): JSX.Element;
+    defaultValues?: DefaultValues;
+    disabledPersist?: boolean;
+};
+declare class Providers extends React.Component<MyProps> {
+    store: Store<any, AnyAction>;
+    persistor: Persistor;
+    disabledPersist: boolean;
+    constructor(props: MyProps);
+    render(): JSX.Element;
+}
 export default Providers;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 interface RendererFuncProps {
-    viewDef: any;
+    model: any;
     stockInit: any;
 }
 declare const rendererFunc: (props: RendererFuncProps) => JSX.Element;

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

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

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

@@ -1,3 +1,5 @@
 /// <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;

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

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

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

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

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare function CFormResult({ value }: {
+declare function FormResult({ value }: {
     value: any;
 }): JSX.Element;
-export default CFormResult;
+export default FormResult;

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

@@ -1,4 +1,4 @@
-declare const CFragment: ({ children }: {
+declare const Fragment: ({ children }: {
     children: any;
 }) => any;
-export default CFragment;
+export default Fragment;

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

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

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

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

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare function Primitive({ children }: {
+declare function PrimitiveProp({ children }: {
     children: any;
 }): JSX.Element;
-export default Primitive;
+export default PrimitiveProp;

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare function CText(props: any): JSX.Element;
-export default CText;
+declare function Text(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 CView(props: any): JSX.Element;
-export default CView;
+declare function View(props: any): JSX.Element;
+export default View;

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

@@ -1,6 +1,6 @@
 import Text from './components/Text';
 import Button from './components/Button';
-import Edit from './components/FieldEdit';
+import Edit from './components/Edit';
 import View from './components/View';
 import Image from './components/Image';
 import _Undefined from './components/Undefined';

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

@@ -1,5 +1,5 @@
 import { Stock } from '@jsonui/core';
-export declare const getStock: (stockInit: any, viewDef: any, Wrapper: any, reduxStore: any) => Stock;
+export declare const getStock: (stockInit: any, model: any, Wrapper: any, reduxStore: any) => Stock;
 declare const stock: {
     components: {
         View: typeof import("./components/View").default;
@@ -11,12 +11,12 @@ declare const stock: {
         Image: typeof import("./components/Image").default;
         Text: typeof import("./components/Text").default;
         Button: typeof import("./components/Button").default;
-        Edit: typeof import("./components/FieldEdit").default;
+        Edit: typeof import("./components/Edit").default;
     };
     functions: {
-        getStateValue: import("@jsonui/core/dist/stock/appRootFunctions").JsonUIFunctionType;
-        get: import("@jsonui/core/dist/stock/appRootFunctions").JsonUIFunctionType;
-        set: import("@jsonui/core/dist/stock/appRootFunctions").JsonUIFunctionType;
+        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/stories/Button.d.ts

@@ -0,0 +1,28 @@
+/// <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

@@ -0,0 +1,8 @@
+/// <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

@@ -0,0 +1,12 @@
+/// <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

@@ -0,0 +1,6 @@
+/// <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/JsonUI.stories.d.ts

@@ -0,0 +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>;
+export default JsonUIStory;

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

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

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

@@ -0,0 +1,6 @@
+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/tests/action.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/tests/button.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/tests/input.test.d.ts

@@ -0,0 +1,15 @@
+export {};
+/**
+ * TODO:
+ * - check actions (with nested ,promise and sync )
+ * - check modification (with nested ,promise and sync )
+ * - check modification order for example redux vs. simple function
+ * - check children and no children component with children prop
+ * - check data manipulation with mutability situation
+ * - check error boundary how works
+ * - check persistent data how works after reload
+ * - test with app id and multiple instance how the persistent can work
+ * Low:
+ * - check performance or memory leak???
+
+ * */

package/dist/esm/types/tests/modifier.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/tests/pathModifier.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/tests/primitive_simple.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/tests/simple.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/index.d.ts

@@ -1,13 +1,16 @@
+/// <reference types="redux-persist/types/types" />
 /// <reference types="react" />
 interface DefaultValues {
     [key: string]: Record<string, object>;
 }
+
 interface ViewerProps {
-    viewDef: any;
+    model: any;
     defaultValues?: DefaultValues;
     id?: string;
     components?: any;
     functions?: any;
+    disabledPersist?: boolean;
 }
 
 declare type JsonUIProps = ViewerProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsonui/react",
-  "version": "0.0.12",
+  "version": "0.1.0",
   "author": "Istvan Fodor <fodori@jsonui.org>",
   "contributors": [],
   "bugs": {
@@ -29,18 +29,15 @@
   ],
   "types": "dist/index.d.ts",
   "scripts": {
-    "rollup": "rollup -c",
-    "start-module": "microbundle watch --jsx React.createElement --external none",
-    "build-module": "microbundle build --jsx React.createElement --external none",
+    "build": "rollup -c",
     "lint": "eslint src --ext .jsx,.js,.tsx,.ts",
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject"
+    "storybook": "start-storybook -p 6006",
+    "build-storybook": "build-storybook",
+    "test": "jest"
   },
   "dependencies": {
     "@emotion/react": "^11.7.1",
-    "@jsonui/core": "^0.0.12",
+    "@jsonui/core": "^0.1.0",
     "batchflow": "^0.4.0",
     "jsonata": "^1.8.5",
     "lodash": "^4.17.21",
@@ -50,13 +47,24 @@
     "typescript": "^4.5.4"
   },
   "devDependencies": {
+    "@babel/core": "^7.17.5",
+    "@babel/preset-env": "^7.16.11",
+    "@babel/preset-react": "^7.16.7",
+    "@emotion/jest": "^11.9.1",
     "@rollup/plugin-commonjs": "^21.0.1",
     "@rollup/plugin-json": "^4.1.0",
     "@rollup/plugin-node-resolve": "^13.1.3",
     "@rollup/plugin-typescript": "^8.3.0",
+    "@storybook/addon-actions": "^6.4.19",
+    "@storybook/addon-essentials": "^6.4.19",
+    "@storybook/addon-interactions": "^6.4.19",
+    "@storybook/addon-links": "^6.4.19",
+    "@storybook/react": "^6.4.19",
+    "@storybook/testing-library": "^0.0.9",
     "@testing-library/jest-dom": "^5.16.1",
     "@testing-library/react": "^12.1.2",
     "@testing-library/user-event": "^13.5.0",
+    "@types/enzyme": "^3.10.11",
     "@types/jest": "^27.4.0",
     "@types/lodash": "^4.14.178",
     "@types/node": "^16.11.19",
@@ -64,6 +72,10 @@
     "@types/react-dom": "^17.0.11",
     "@typescript-eslint/eslint-plugin": "^5.10.0",
     "@typescript-eslint/parser": "^5.10.0",
+    "@wojtekmaj/enzyme-adapter-react-17": "^0.6.7",
+    "babel-jest": "^27.5.1",
+    "babel-loader": "^8.2.3",
+    "enzyme": "^3.11.0",
     "eslint": "^8.2.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-prettier": "^8.3.0",
@@ -72,14 +84,18 @@
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-react": "^7.28.0",
     "eslint-plugin-react-hooks": "^4.3.0",
+    "eslint-plugin-storybook": "^0.5.7",
     "husky": "^7.0.4",
+    "jest": "^27.5.1",
     "lint-staged": "^12.2.1",
     "prettier": "^2.5.1",
-    "react-scripts": "5.0.0",
+    "react-test-renderer": "^17.0.2",
     "redux-devtools": "^3.7.0",
     "rollup": "^2.66.1",
     "rollup-plugin-dts": "^4.1.0",
-    "rollup-plugin-visualizer": "^5.5.4"
+    "rollup-plugin-visualizer": "^5.5.4",
+    "ts-jest": "^27.1.4",
+    "ts-node": "^10.7.0"
   },
   "peerDependencies": {
     "react": "^17.0.2",
@@ -97,5 +113,5 @@
       "last 1 safari version"
     ]
   },
-  "gitHead": "a2fcfd73a00a402a974906ac976cfdd6503266d9"
+  "gitHead": "114bfde08c68bb604f99f047119a5d0eb2ad9e06"
 }