@jsonui/react 0.4.3 → 0.4.4

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

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

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

@@ -1,6 +1,2 @@
-/// <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;
+declare const Fragment: ({ children }: any) => any;
 export default Fragment;

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

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

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

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

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

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

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

@@ -0,0 +1,18 @@
+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 }: 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

@@ -0,0 +1,20 @@
+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 }: 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/index.js

@@ -1,4 +1,4 @@
-import React, { createContext, useContext, useLayoutEffect, useEffect, useMemo, useDebugValue, useReducer, useRef, PureComponent, forwardRef, createElement, Fragment as Fragment$1 } from 'react';
+import React, { createContext, useLayoutEffect, useEffect, useMemo, useContext, useDebugValue, useReducer, useRef, PureComponent, forwardRef, createElement, Fragment as Fragment$1 } from 'react';
 import { unstable_batchedUpdates } from 'react-dom';
 
 var commonjsGlobal$1 = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -6348,9 +6348,10 @@ const REDUX_PATHS = '$$reduxPaths';
 const V_CHILDREN_PREFIX = '$child';
 const PARENT_PROP_NAME = '__parentprop';
 const CURRENT_PATH_NAME = '__currentPaths';
+const UNDEFINED_COMP_NAME = '_Undefined';
 const PRIMITIVE_COMP_NAME = '_PrimitiveProp'; // TODO check all literal and replace with this constant
 const FRAGMENT_COMP_NAME = 'Fragment'; // TODO check all literal and replace with this constant
-var constants=/*#__PURE__*/Object.freeze({__proto__:null,SEPARATOR:SEPARATOR,STORE_ERROR_POSTFIX:STORE_ERROR_POSTFIX,PATH_MODIFIERS_KEY:PATH_MODIFIERS_KEY,MODIFIER_KEY:MODIFIER_KEY,ACTION_KEY:ACTION_KEY,PERSIST_STORAGE_KEY:PERSIST_STORAGE_KEY,PERSIST_STORAGE_NAMES:PERSIST_STORAGE_NAMES,REF_ASSETS:REF_ASSETS,REF_LOCALES:REF_LOCALES,REF_VALIDATES:REF_VALIDATES,STYLE_WEB_NAME:STYLE_WEB_NAME,STYLE_RN_NAME:STYLE_RN_NAME,REDUX_GET_FUNCTION:REDUX_GET_FUNCTION,REDUX_SET_FUNCTION:REDUX_SET_FUNCTION,REDUX_FUNCTIONS:REDUX_FUNCTIONS,PATHNAME:PATHNAME,SIMPLE_DATA_TYPES:SIMPLE_DATA_TYPES,V_CHILDREN_NAME:V_CHILDREN_NAME,V_COMP_NAME:V_COMP_NAME,LIST_SEMAPHORE:LIST_SEMAPHORE,LIST_ITEM:LIST_ITEM,LIST_PAGE:LIST_PAGE,LIST_ITEM_PER_PAGE:LIST_ITEM_PER_PAGE,LIST_LENGTH:LIST_LENGTH,LIST_ITEM_PER_PAGE_DEFAULT:LIST_ITEM_PER_PAGE_DEFAULT,REDUX_PATHS:REDUX_PATHS,V_CHILDREN_PREFIX:V_CHILDREN_PREFIX,PARENT_PROP_NAME:PARENT_PROP_NAME,CURRENT_PATH_NAME:CURRENT_PATH_NAME,PRIMITIVE_COMP_NAME:PRIMITIVE_COMP_NAME,FRAGMENT_COMP_NAME:FRAGMENT_COMP_NAME});var jsonpointer = {};var hasExcape = /~/;
+var constants=/*#__PURE__*/Object.freeze({__proto__:null,SEPARATOR:SEPARATOR,STORE_ERROR_POSTFIX:STORE_ERROR_POSTFIX,PATH_MODIFIERS_KEY:PATH_MODIFIERS_KEY,MODIFIER_KEY:MODIFIER_KEY,ACTION_KEY:ACTION_KEY,PERSIST_STORAGE_KEY:PERSIST_STORAGE_KEY,PERSIST_STORAGE_NAMES:PERSIST_STORAGE_NAMES,REF_ASSETS:REF_ASSETS,REF_LOCALES:REF_LOCALES,REF_VALIDATES:REF_VALIDATES,STYLE_WEB_NAME:STYLE_WEB_NAME,STYLE_RN_NAME:STYLE_RN_NAME,REDUX_GET_FUNCTION:REDUX_GET_FUNCTION,REDUX_SET_FUNCTION:REDUX_SET_FUNCTION,REDUX_FUNCTIONS:REDUX_FUNCTIONS,PATHNAME:PATHNAME,SIMPLE_DATA_TYPES:SIMPLE_DATA_TYPES,V_CHILDREN_NAME:V_CHILDREN_NAME,V_COMP_NAME:V_COMP_NAME,LIST_SEMAPHORE:LIST_SEMAPHORE,LIST_ITEM:LIST_ITEM,LIST_PAGE:LIST_PAGE,LIST_ITEM_PER_PAGE:LIST_ITEM_PER_PAGE,LIST_LENGTH:LIST_LENGTH,LIST_ITEM_PER_PAGE_DEFAULT:LIST_ITEM_PER_PAGE_DEFAULT,REDUX_PATHS:REDUX_PATHS,V_CHILDREN_PREFIX:V_CHILDREN_PREFIX,PARENT_PROP_NAME:PARENT_PROP_NAME,CURRENT_PATH_NAME:CURRENT_PATH_NAME,UNDEFINED_COMP_NAME:UNDEFINED_COMP_NAME,PRIMITIVE_COMP_NAME:PRIMITIVE_COMP_NAME,FRAGMENT_COMP_NAME:FRAGMENT_COMP_NAME});var jsonpointer = {};var hasExcape = /~/;
 var escapeMatcher = /~[01]/g;
 function escapeReplacer (m) {
   switch (m) {
@@ -8206,11 +8207,11 @@ const getRootWrapperProps = (props, stock) => {
     newProps.subscriberPaths = subscriberPaths;
     return newProps;
 };
-const isChildrenProps = (propName) => !!propName && typeof propName === 'string' && propName.startsWith(V_CHILDREN_PREFIX);
+const isChildrenProp = (propName) => !!propName && typeof propName === 'string' && propName.startsWith(V_CHILDREN_PREFIX);
 const getParentProps = (props) => {
     return props && typeof props === 'object' && !Array.isArray(props)
         ? Object.keys(props)
-            .filter((key) => !isChildrenProps(key) && key !== PARENT_PROP_NAME)
+            .filter((key) => !isChildrenProp(key) && key !== PARENT_PROP_NAME)
             .reduce((newObj, key) => {
             // eslint-disable-next-line no-param-reassign
             newObj[key] = props[key];
@@ -8220,7 +8221,7 @@ const getParentProps = (props) => {
 };
 const getPropsChildrenFilter = ({ props, filter }) => props && typeof props === 'object' && !Array.isArray(props)
     ? Object.keys(props)
-        .filter((key) => ((filter === 'withoutChildren' && !isChildrenProps(key)) || (filter === 'onlyChildren' && isChildrenProps(key))) && key !== PARENT_PROP_NAME)
+        .filter((key) => ((filter === 'withoutChildren' && !isChildrenProp(key)) || (filter === 'onlyChildren' && isChildrenProp(key))) && key !== PARENT_PROP_NAME)
         .reduce((newObj, key) => {
         // eslint-disable-next-line no-param-reassign
         newObj[key] = props[key];
@@ -8254,10 +8255,25 @@ const generateNewChildren = (props, { Wrapper }) => {
     }
     return undefined;
 };
+const isTechnicalProp = (propName) => [
+    PARENT_PROP_NAME,
+    STYLE_WEB_NAME,
+    V_COMP_NAME,
+    PATH_MODIFIERS_KEY,
+    CURRENT_PATH_NAME,
+    PATH_MODIFIERS_KEY,
+    LIST_SEMAPHORE,
+    LIST_ITEM,
+    LIST_PAGE,
+    LIST_ITEM_PER_PAGE,
+    LIST_LENGTH,
+    'style',
+    'subscriberPaths',
+].includes(propName);
 const removeTechnicalProps = (changeableProps) => {
     const _a = changeableProps, _b = PARENT_PROP_NAME; _a[_b]; const _c = STYLE_WEB_NAME; _a[_c]; const _d = V_COMP_NAME; _a[_d]; const _e = PATH_MODIFIERS_KEY; _a[_e]; const _f = CURRENT_PATH_NAME; _a[_f]; const _g = PATH_MODIFIERS_KEY; _a[_g]; const _h = LIST_SEMAPHORE; _a[_h]; const _j = LIST_ITEM; _a[_j]; const _k = LIST_PAGE; _a[_k]; const _l = LIST_ITEM_PER_PAGE; _a[_l]; const _m = LIST_LENGTH; _a[_m]; const newProps = __rest(_a, [_b + "", "style", _c + "", _d + "", _e + "", _f + "", "subscriberPaths", _g + "", _h + "", _j + "", _k + "", _l + "", _m + ""]);
     return newProps;
-};var wrapperUtil=/*#__PURE__*/Object.freeze({__proto__:null,getFilteredPath:getFilteredPath,actionBuilder:actionBuilder,calculatePropsFromModifier:calculatePropsFromModifier,getCurrentPaths:getCurrentPaths,normalisePrimitives:normalisePrimitives,getRootWrapperProps:getRootWrapperProps,isChildrenProps:isChildrenProps,getParentProps:getParentProps,getPropsChildrenFilter:getPropsChildrenFilter,getChildrensForRoot:getChildrensForRoot,generateChildren:generateChildren,generateNewChildren:generateNewChildren,removeTechnicalProps:removeTechnicalProps});var ajv = {exports: {}};var core$2 = {};var validate = {};var boolSchema = {};var errors = {};var codegen = {};var code$1 = {};(function (exports) {
+};var wrapperUtil=/*#__PURE__*/Object.freeze({__proto__:null,getFilteredPath:getFilteredPath,actionBuilder:actionBuilder,calculatePropsFromModifier:calculatePropsFromModifier,getCurrentPaths:getCurrentPaths,normalisePrimitives:normalisePrimitives,getRootWrapperProps:getRootWrapperProps,isChildrenProp:isChildrenProp,getParentProps:getParentProps,getPropsChildrenFilter:getPropsChildrenFilter,getChildrensForRoot:getChildrensForRoot,generateChildren:generateChildren,generateNewChildren:generateNewChildren,isTechnicalProp:isTechnicalProp,removeTechnicalProps:removeTechnicalProps});var ajv = {exports: {}};var core$2 = {};var validate = {};var boolSchema = {};var errors = {};var codegen = {};var code$1 = {};(function (exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.regexpCode = exports.getEsmExportName = exports.getProperty = exports.safeStringify = exports.stringify = exports.strConcat = exports.addCodeArg = exports.str = exports._ = exports.nil = exports._Code = exports.Name = exports.IDENTIFIER = exports._CodeOrName = void 0;
 class _CodeOrName {
@@ -18515,14 +18531,13 @@ var defaultsDeep = baseRest(function(args) {
 var defaultsDeep_1 = defaultsDeep;
 
 function Text(_a) {
-    var { value } = _a, _b = constants.V_CHILDREN_NAME, children = _a[_b], props = __rest$1(_a, ["value", typeof _b === "symbol" ? _b : _b + ""]);
-    const stock = useContext(StockContext);
-    return jsxRuntime$1.exports.jsx("p", Object.assign({}, props, { children: wrapperUtil.generateNewChildren(value || children, stock) }), void 0);
+    var { value, children } = _a, props = __rest$1(_a, ["value", "children"]);
+    return jsxRuntime$1.exports.jsx("p", Object.assign({}, props, { children: value || children }), void 0);
 }
 
-function Button(props) {
-    // eslint-disable-next-line react/button-has-type
-    return jsxRuntime$1.exports.jsx("button", Object.assign({}, props), void 0);
+function Button(_a) {
+    var { children, type } = _a, props = __rest$1(_a, ["children", "type"]);
+    return (jsxRuntime$1.exports.jsx("button", Object.assign({ type: "button" }, props, { children: children }), void 0));
 }
 
 function Edit(props) {
@@ -18556,10 +18571,8 @@ function Edit(props) {
     return (jsxRuntime$1.exports.jsxs(jsxRuntime$1.exports.Fragment, { children: [jsxRuntime$1.exports.jsx("p", Object.assign({ style: { fontSize: 20, color: error ? 'red' : undefined } }, { children: label }), void 0), jsxRuntime$1.exports.jsx("input", Object.assign({}, ownProps, { value: value || '', onChange: handleChange }), void 0), jsxRuntime$1.exports.jsx("p", Object.assign({ style: { fontSize: 10, color: error ? 'red' : undefined } }, { children: helperText }), void 0)] }, void 0));
 }
 
-function View(_a) {
-    var _b = constants.V_CHILDREN_NAME, children = _a[_b], props = __rest$1(_a, [typeof _b === "symbol" ? _b : _b + ""]);
-    const stock = useContext(StockContext);
-    return jsxRuntime$1.exports.jsx("div", Object.assign({}, props, { children: wrapperUtil.generateNewChildren(children, stock) }), void 0);
+function View(props) {
+    return jsxRuntime$1.exports.jsx("div", Object.assign({}, props), void 0);
 }
 
 function Image(props) {
@@ -18632,20 +18645,16 @@ function Undefined(props) {
         } }, { children: getLabel(props) }), void 0));
 }
 
-function PrimitiveProp({ [constants.V_CHILDREN_NAME]: children }) {
+function PrimitiveProp({ children }) {
     return jsxRuntime$1.exports.jsx("span", { children: !constants.SIMPLE_DATA_TYPES.includes(typeof children) || typeof children === 'boolean' ? JSON.stringify(children) : children }, void 0);
 }
 
-const Fragment = (_a) => {
-    var _b = constants.V_CHILDREN_NAME, props = _a[_b]; __rest$1(_a, [typeof _b === "symbol" ? _b : _b + ""]);
-    const stock = useContext(StockContext);
-    return jsxRuntime$1.exports.jsx(jsxRuntime$1.exports.Fragment, { children: wrapperUtil.generateNewChildren(props, stock) }, void 0);
-};
+const Fragment = ({ children }) => children;
 
 const Components = {
     View,
-    _PrimitiveProp: PrimitiveProp,
-    _Undefined: Undefined,
+    [constants.PRIMITIVE_COMP_NAME]: PrimitiveProp,
+    [constants.UNDEFINED_COMP_NAME]: Undefined,
     Fragment,
     Image,
     Text,
@@ -24132,7 +24141,26 @@ function Wrapper({ props: origProps }) {
     const newStyle = ownProps.style || ownProps[constants.STYLE_WEB_NAME] ? getStyle(ownProps, component) : undefined;
     return (jsxRuntime$1.exports.jsx(ErrorBoundary, Object.assign({ type: "wrapper", id: props.id }, { children: jsxRuntime$1.exports.jsx(ClassNames, { children: ({ css, cx }) => {
                 ownProps.className = newStyle ? cx(css(newStyle)) : undefined;
-                const newProps = wrapperUtil.removeTechnicalProps(ownProps);
+                const newProps = Object.keys(ownProps).reduce((newObj, childName) => {
+                    // eslint-disable-next-line no-param-reassign
+                    if (wrapperUtil.isChildrenProp(childName)) {
+                        const res = component === constants.PRIMITIVE_COMP_NAME ? ownProps[childName] : wrapperUtil.generateNewChildren(ownProps[childName], stock);
+                        // eslint-disable-next-line no-param-reassign
+                        if (childName === constants.V_CHILDREN_NAME) {
+                            // eslint-disable-next-line no-param-reassign
+                            newObj.children = res;
+                        }
+                        else {
+                            // eslint-disable-next-line no-param-reassign
+                            newObj[childName] = res;
+                        }
+                    }
+                    else if (!wrapperUtil.isTechnicalProp(childName)) {
+                        // eslint-disable-next-line no-param-reassign
+                        newObj[childName] = ownProps[childName];
+                    }
+                    return newObj;
+                }, {});
                 // children was {wrapperUtil.generateChildren(ownProps, stock)}
                 return ownProps[constants.PATH_MODIFIERS_KEY] ? (jsxRuntime$1.exports.jsxs(PathModifierContext.Provider, Object.assign({ value: props[constants.CURRENT_PATH_NAME] }, { children: [jsxRuntime$1.exports.jsx(Comp, Object.assign({}, newProps), void 0), infobox ] }), void 0)) : (jsxRuntime$1.exports.jsxs(jsxRuntime$1.exports.Fragment, { children: [jsxRuntime$1.exports.jsx(Comp, Object.assign({}, newProps), void 0), infobox ] }, void 0));
             } }, void 0) }), void 0));