@jsonui/react 0.4.3 → 0.4.4

package/dist/cjs/index.js

@@ -6356,9 +6356,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) {
@@ -8214,11 +8215,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];
@@ -8228,7 +8229,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];
@@ -8262,10 +8263,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 {
@@ -18523,14 +18539,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 = React.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) {
@@ -18564,10 +18579,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 = React.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) {
@@ -18640,20 +18653,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 = React.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,
@@ -24140,7 +24149,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));