@webiny/react-properties 5.39.0-beta.1 → 5.39.0-beta.3

package/Properties.d.ts

@@ -20,8 +20,9 @@ interface PropertiesContext {
 declare const PropertiesContext: React.Context<PropertiesContext | undefined>;
 interface PropertiesProps {
     onChange?(properties: Property[]): void;
+    children: React.ReactNode;
 }
-export declare const Properties: React.FC<PropertiesProps>;
+export declare const Properties: ({ onChange, children }: PropertiesProps) => JSX.Element;
 export declare function useProperties(): PropertiesContext;
 interface PropertyProps {
     id?: string;
@@ -34,11 +35,12 @@ interface PropertyProps {
     remove?: boolean;
     parent?: string;
     root?: boolean;
+    children?: React.ReactNode;
 }
 export declare function useParentProperty(): Property | undefined;
 interface AncestorMatch {
     [key: string]: string | boolean | number | null | undefined;
 }
 export declare function useAncestor(params: AncestorMatch): Property | undefined;
-export declare const Property: React.FC<PropertyProps>;
+export declare const Property: ({ id, name, value, children, after, before, replace, remove, array, root, parent }: PropertyProps) => JSX.Element | null;
 export {};

package/Properties.js

@@ -200,7 +200,7 @@ var Property = function Property(_ref2) {
   var addProperty = properties.addProperty,
     removeProperty = properties.removeProperty,
     replaceProperty = properties.replaceProperty;
-  var parentId = parent ? parent : root ? "" : (parentProperty === null || parentProperty === void 0 ? void 0 : parentProperty.id) || "";
+  var parentId = parent ? parent : root ? "" : parentProperty?.id || "";
   var property = {
     id: uniqueId,
     name: name,

package/Properties.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_utils","removeByParent","id","properties","filter","prop","parent","reduce","acc","item","putPropertyBefore","property","before","existingIndex","findIndex","existingProperty","newProperties","p","targetIndex","concat","_toConsumableArray2","default","slice","putPropertyAfter","after","_properties$splice","splice","_properties$splice2","_slicedToArray2","removedProperty","mergeProperty","index","_objectSpread2","PropertiesContext","createContext","undefined","Properties","_ref","onChange","children","_useState","useState","_useState2","setProperties","useEffect","context","useMemo","getObject","toObject","addProperty","options","arguments","length","removeProperty","replaceProperty","toReplace","createElement","Provider","value","exports","useProperties","useContext","Error","PropertyContext","useParentProperty","useAncestor","params","_useProperties","matchOrGetAncestor","matchedProps","name","Object","keys","newParent","find","Property","_ref2","_ref2$after","_ref2$before","_ref2$replace","replace","_ref2$remove","remove","_ref2$array","array","_ref2$root","root","_ref2$parent","uniqueId","getUniqueId","parentProperty","parentId"],"sources":["Properties.tsx"],"sourcesContent":["import React, { createContext, useContext, useEffect, useMemo, useState } from \"react\";\nimport { getUniqueId, toObject } from \"./utils\";\n\nexport interface Property {\n    id: string;\n    parent: string;\n    name: string;\n    value?: unknown;\n    array?: boolean;\n}\n\nfunction removeByParent(id: string, properties: Property[]): Property[] {\n    return properties\n        .filter(prop => prop.parent === id)\n        .reduce((acc, item) => {\n            return removeByParent(\n                item.id,\n                acc.filter(prop => prop.id !== item.id)\n            );\n        }, properties);\n}\n\ninterface AddPropertyOptions {\n    after?: string;\n    before?: string;\n}\n\ninterface PropertiesContext {\n    properties: Property[];\n    getObject<T = unknown>(): T;\n    addProperty(property: Property, options?: AddPropertyOptions): void;\n    removeProperty(id: string): void;\n    replaceProperty(id: string, property: Property): void;\n}\n\nfunction putPropertyBefore(properties: Property[], property: Property, before: string) {\n    const existingIndex = properties.findIndex(prop => prop.id === property.id);\n    if (existingIndex > -1) {\n        const existingProperty = properties[existingIndex];\n        const newProperties = properties.filter(p => p.id !== property.id);\n        const targetIndex = newProperties.findIndex(prop => prop.id === before);\n        return [\n            ...newProperties.slice(0, targetIndex),\n            existingProperty,\n            ...newProperties.slice(targetIndex)\n        ];\n    }\n\n    const targetIndex = properties.findIndex(prop => prop.id === before);\n\n    return [...properties.slice(0, targetIndex), property, ...properties.slice(targetIndex)];\n}\n\nfunction putPropertyAfter(properties: Property[], property: Property, after: string) {\n    const existingIndex = properties.findIndex(prop => prop.id === property.id);\n\n    if (existingIndex > -1) {\n        const [removedProperty] = properties.splice(existingIndex, 1);\n        const targetIndex = properties.findIndex(prop => prop.id === after);\n        return [\n            ...properties.slice(0, targetIndex + 1),\n            removedProperty,\n            ...properties.slice(targetIndex + 1)\n        ];\n    }\n\n    const targetIndex = properties.findIndex(prop => prop.id === after);\n\n    return [\n        ...properties.slice(0, targetIndex + 1),\n        property,\n        ...properties.slice(targetIndex + 1)\n    ];\n}\n\nfunction mergeProperty(properties: Property[], property: Property) {\n    const index = properties.findIndex(prop => prop.id === property.id);\n    if (index > -1) {\n        return [\n            ...properties.slice(0, index),\n            { ...properties[index], ...property },\n            ...properties.slice(index + 1)\n        ];\n    }\n    return properties;\n}\n\nconst PropertiesContext = createContext<PropertiesContext | undefined>(undefined);\n\ninterface PropertiesProps {\n    onChange?(properties: Property[]): void;\n}\n\nexport const Properties: React.FC<PropertiesProps> = ({ onChange, children }) => {\n    const [properties, setProperties] = useState<Property[]>([]);\n\n    useEffect(() => {\n        if (onChange) {\n            onChange(properties);\n        }\n    }, [properties]);\n\n    const context: PropertiesContext = useMemo(\n        () => ({\n            properties,\n            getObject<T>() {\n                return toObject(properties) as T;\n            },\n            addProperty(property, options = {}) {\n                setProperties(properties => {\n                    const index = properties.findIndex(prop => prop.id === property.id);\n\n                    if (index > -1) {\n                        const newProperties = mergeProperty(properties, property);\n                        if (options.after) {\n                            return putPropertyAfter(newProperties, property, options.after);\n                        }\n                        if (options.before) {\n                            return putPropertyBefore(newProperties, property, options.before);\n                        }\n\n                        return newProperties;\n                    }\n\n                    if (options.after) {\n                        return putPropertyAfter(properties, property, options.after);\n                    }\n\n                    if (options.before) {\n                        return putPropertyBefore(properties, property, options.before);\n                    }\n\n                    return [...properties, property];\n                });\n            },\n            removeProperty(id) {\n                setProperties(properties => {\n                    return removeByParent(\n                        id,\n                        properties.filter(prop => prop.id !== id)\n                    );\n                });\n            },\n            replaceProperty(id, property) {\n                setProperties(properties => {\n                    const toReplace = properties.findIndex(prop => prop.id === id);\n\n                    if (toReplace > -1) {\n                        // Replace the property and remove all remaining child properties.\n                        return removeByParent(id, [\n                            ...properties.slice(0, toReplace),\n                            property,\n                            ...properties.slice(toReplace + 1)\n                        ]);\n                    }\n                    return properties;\n                });\n            }\n        }),\n        [properties]\n    );\n\n    return <PropertiesContext.Provider value={context}>{children}</PropertiesContext.Provider>;\n};\n\nexport function useProperties() {\n    const properties = useContext(PropertiesContext);\n    if (!properties) {\n        throw Error(\"Properties context provider is missing!\");\n    }\n\n    return properties;\n}\n\ninterface PropertyProps {\n    id?: string;\n    name: string;\n    value?: unknown;\n    array?: boolean;\n    after?: string;\n    before?: string;\n    replace?: string;\n    remove?: boolean;\n    parent?: string;\n    root?: boolean;\n}\n\nconst PropertyContext = createContext<Property | undefined>(undefined);\n\nexport function useParentProperty() {\n    return useContext(PropertyContext);\n}\n\ninterface AncestorMatch {\n    [key: string]: string | boolean | number | null | undefined;\n}\n\nexport function useAncestor(params: AncestorMatch) {\n    const property = useParentProperty();\n    const { properties } = useProperties();\n\n    const matchOrGetAncestor = (\n        property: Property,\n        params: AncestorMatch\n    ): Property | undefined => {\n        const matchedProps = properties\n            .filter(prop => prop.parent === property.id)\n            .filter(prop => prop.name in params && prop.value === params[prop.name]);\n\n        if (matchedProps.length === Object.keys(params).length) {\n            return property;\n        }\n\n        const newParent = property.parent\n            ? properties.find(prop => prop.id === property.parent)\n            : undefined;\n\n        return newParent ? matchOrGetAncestor(newParent, params) : undefined;\n    };\n\n    return property ? matchOrGetAncestor(property, params) : undefined;\n}\n\nexport const Property: React.FC<PropertyProps> = ({\n    id,\n    name,\n    value,\n    children,\n    after = undefined,\n    before = undefined,\n    replace = undefined,\n    remove = false,\n    array = false,\n    root = false,\n    parent = undefined\n}) => {\n    const uniqueId = useMemo(() => id || getUniqueId(), []);\n    const parentProperty = useParentProperty();\n    const properties = useProperties();\n\n    if (!properties) {\n        throw Error(\"<Properties> provider is missing higher in the hierarchy!\");\n    }\n\n    const { addProperty, removeProperty, replaceProperty } = properties;\n    const parentId = parent ? parent : root ? \"\" : parentProperty?.id || \"\";\n    const property = { id: uniqueId, name, value, parent: parentId, array };\n\n    useEffect(() => {\n        if (remove) {\n            removeProperty(uniqueId);\n            return;\n        }\n\n        if (replace) {\n            replaceProperty(replace, property);\n            return;\n        }\n\n        addProperty(property, { after, before });\n\n        return () => {\n            removeProperty(uniqueId);\n        };\n    }, []);\n\n    if (children) {\n        return <PropertyContext.Provider value={property}>{children}</PropertyContext.Provider>;\n    }\n\n    return null;\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_utils","removeByParent","id","properties","filter","prop","parent","reduce","acc","item","putPropertyBefore","property","before","existingIndex","findIndex","existingProperty","newProperties","p","targetIndex","concat","_toConsumableArray2","default","slice","putPropertyAfter","after","_properties$splice","splice","_properties$splice2","_slicedToArray2","removedProperty","mergeProperty","index","_objectSpread2","PropertiesContext","createContext","undefined","Properties","_ref","onChange","children","_useState","useState","_useState2","setProperties","useEffect","context","useMemo","getObject","toObject","addProperty","options","arguments","length","removeProperty","replaceProperty","toReplace","createElement","Provider","value","exports","useProperties","useContext","Error","PropertyContext","useParentProperty","useAncestor","params","_useProperties","matchOrGetAncestor","matchedProps","name","Object","keys","newParent","find","Property","_ref2","_ref2$after","_ref2$before","_ref2$replace","replace","_ref2$remove","remove","_ref2$array","array","_ref2$root","root","_ref2$parent","uniqueId","getUniqueId","parentProperty","parentId"],"sources":["Properties.tsx"],"sourcesContent":["import React, { createContext, useContext, useEffect, useMemo, useState } from \"react\";\nimport { getUniqueId, toObject } from \"./utils\";\n\nexport interface Property {\n    id: string;\n    parent: string;\n    name: string;\n    value?: unknown;\n    array?: boolean;\n}\n\nfunction removeByParent(id: string, properties: Property[]): Property[] {\n    return properties\n        .filter(prop => prop.parent === id)\n        .reduce((acc, item) => {\n            return removeByParent(\n                item.id,\n                acc.filter(prop => prop.id !== item.id)\n            );\n        }, properties);\n}\n\ninterface AddPropertyOptions {\n    after?: string;\n    before?: string;\n}\n\ninterface PropertiesContext {\n    properties: Property[];\n    getObject<T = unknown>(): T;\n    addProperty(property: Property, options?: AddPropertyOptions): void;\n    removeProperty(id: string): void;\n    replaceProperty(id: string, property: Property): void;\n}\n\nfunction putPropertyBefore(properties: Property[], property: Property, before: string) {\n    const existingIndex = properties.findIndex(prop => prop.id === property.id);\n    if (existingIndex > -1) {\n        const existingProperty = properties[existingIndex];\n        const newProperties = properties.filter(p => p.id !== property.id);\n        const targetIndex = newProperties.findIndex(prop => prop.id === before);\n        return [\n            ...newProperties.slice(0, targetIndex),\n            existingProperty,\n            ...newProperties.slice(targetIndex)\n        ];\n    }\n\n    const targetIndex = properties.findIndex(prop => prop.id === before);\n\n    return [...properties.slice(0, targetIndex), property, ...properties.slice(targetIndex)];\n}\n\nfunction putPropertyAfter(properties: Property[], property: Property, after: string) {\n    const existingIndex = properties.findIndex(prop => prop.id === property.id);\n\n    if (existingIndex > -1) {\n        const [removedProperty] = properties.splice(existingIndex, 1);\n        const targetIndex = properties.findIndex(prop => prop.id === after);\n        return [\n            ...properties.slice(0, targetIndex + 1),\n            removedProperty,\n            ...properties.slice(targetIndex + 1)\n        ];\n    }\n\n    const targetIndex = properties.findIndex(prop => prop.id === after);\n\n    return [\n        ...properties.slice(0, targetIndex + 1),\n        property,\n        ...properties.slice(targetIndex + 1)\n    ];\n}\n\nfunction mergeProperty(properties: Property[], property: Property) {\n    const index = properties.findIndex(prop => prop.id === property.id);\n    if (index > -1) {\n        return [\n            ...properties.slice(0, index),\n            { ...properties[index], ...property },\n            ...properties.slice(index + 1)\n        ];\n    }\n    return properties;\n}\n\nconst PropertiesContext = createContext<PropertiesContext | undefined>(undefined);\n\ninterface PropertiesProps {\n    onChange?(properties: Property[]): void;\n    children: React.ReactNode;\n}\n\nexport const Properties = ({ onChange, children }: PropertiesProps) => {\n    const [properties, setProperties] = useState<Property[]>([]);\n\n    useEffect(() => {\n        if (onChange) {\n            onChange(properties);\n        }\n    }, [properties]);\n\n    const context: PropertiesContext = useMemo(\n        () => ({\n            properties,\n            getObject<T>() {\n                return toObject(properties) as T;\n            },\n            addProperty(property, options = {}) {\n                setProperties(properties => {\n                    const index = properties.findIndex(prop => prop.id === property.id);\n\n                    if (index > -1) {\n                        const newProperties = mergeProperty(properties, property);\n                        if (options.after) {\n                            return putPropertyAfter(newProperties, property, options.after);\n                        }\n                        if (options.before) {\n                            return putPropertyBefore(newProperties, property, options.before);\n                        }\n\n                        return newProperties;\n                    }\n\n                    if (options.after) {\n                        return putPropertyAfter(properties, property, options.after);\n                    }\n\n                    if (options.before) {\n                        return putPropertyBefore(properties, property, options.before);\n                    }\n\n                    return [...properties, property];\n                });\n            },\n            removeProperty(id) {\n                setProperties(properties => {\n                    return removeByParent(\n                        id,\n                        properties.filter(prop => prop.id !== id)\n                    );\n                });\n            },\n            replaceProperty(id, property) {\n                setProperties(properties => {\n                    const toReplace = properties.findIndex(prop => prop.id === id);\n\n                    if (toReplace > -1) {\n                        // Replace the property and remove all remaining child properties.\n                        return removeByParent(id, [\n                            ...properties.slice(0, toReplace),\n                            property,\n                            ...properties.slice(toReplace + 1)\n                        ]);\n                    }\n                    return properties;\n                });\n            }\n        }),\n        [properties]\n    );\n\n    return <PropertiesContext.Provider value={context}>{children}</PropertiesContext.Provider>;\n};\n\nexport function useProperties() {\n    const properties = useContext(PropertiesContext);\n    if (!properties) {\n        throw Error(\"Properties context provider is missing!\");\n    }\n\n    return properties;\n}\n\ninterface PropertyProps {\n    id?: string;\n    name: string;\n    value?: unknown;\n    array?: boolean;\n    after?: string;\n    before?: string;\n    replace?: string;\n    remove?: boolean;\n    parent?: string;\n    root?: boolean;\n    children?: React.ReactNode;\n}\n\nconst PropertyContext = createContext<Property | undefined>(undefined);\n\nexport function useParentProperty() {\n    return useContext(PropertyContext);\n}\n\ninterface AncestorMatch {\n    [key: string]: string | boolean | number | null | undefined;\n}\n\nexport function useAncestor(params: AncestorMatch) {\n    const property = useParentProperty();\n    const { properties } = useProperties();\n\n    const matchOrGetAncestor = (\n        property: Property,\n        params: AncestorMatch\n    ): Property | undefined => {\n        const matchedProps = properties\n            .filter(prop => prop.parent === property.id)\n            .filter(prop => prop.name in params && prop.value === params[prop.name]);\n\n        if (matchedProps.length === Object.keys(params).length) {\n            return property;\n        }\n\n        const newParent = property.parent\n            ? properties.find(prop => prop.id === property.parent)\n            : undefined;\n\n        return newParent ? matchOrGetAncestor(newParent, params) : undefined;\n    };\n\n    return property ? matchOrGetAncestor(property, params) : undefined;\n}\n\nexport const Property = ({\n    id,\n    name,\n    value,\n    children,\n    after = undefined,\n    before = undefined,\n    replace = undefined,\n    remove = false,\n    array = false,\n    root = false,\n    parent = undefined\n}: PropertyProps) => {\n    const uniqueId = useMemo(() => id || getUniqueId(), []);\n    const parentProperty = useParentProperty();\n    const properties = useProperties();\n\n    if (!properties) {\n        throw Error(\"<Properties> provider is missing higher in the hierarchy!\");\n    }\n\n    const { addProperty, removeProperty, replaceProperty } = properties;\n    const parentId = parent ? parent : root ? \"\" : parentProperty?.id || \"\";\n    const property = { id: uniqueId, name, value, parent: parentId, array };\n\n    useEffect(() => {\n        if (remove) {\n            removeProperty(uniqueId);\n            return;\n        }\n\n        if (replace) {\n            replaceProperty(replace, property);\n            return;\n        }\n\n        addProperty(property, { after, before });\n\n        return () => {\n            removeProperty(uniqueId);\n        };\n    }, []);\n\n    if (children) {\n        return <PropertyContext.Provider value={property}>{children}</PropertyContext.Provider>;\n    }\n\n    return null;\n};\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/react-properties",
-	"version": "5.39.0-beta.1",
+	"version": "5.39.0-beta.3",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -12,14 +12,14 @@
 	"dependencies": {
 		"@babel/runtime": "7.22.6",
 		"@types/react": "17.0.39",
-		"@webiny/react-composition": "5.39.0-beta.1",
+		"@webiny/react-composition": "5.39.0-beta.3",
 		"nanoid": "3.3.4",
 		"react": "17.0.2"
 	},
 	"devDependencies": {
 		"@testing-library/react": "12.1.5",
-		"@webiny/cli": "5.39.0-beta.1",
-		"@webiny/project-utils": "5.39.0-beta.1",
+		"@webiny/cli": "5.39.0-beta.3",
+		"@webiny/project-utils": "5.39.0-beta.3",
 		"prettier": "2.8.8"
 	},
 	"publishConfig": {
@@ -30,5 +30,5 @@
 		"build": "yarn webiny run build",
 		"watch": "yarn webiny run watch"
 	},
-	"gitHead": "a22d4ab9fbb4ad35106687cbe17b51a84afd4976"
+	"gitHead": "3846541fd9c1764e6a8041f0b4208d720eb9c314"
 }

package/useIdGenerator.js

@@ -12,7 +12,7 @@ function useIdGenerator(name) {
     for (var _len = arguments.length, parts = new Array(_len), _key = 0; _key < _len; _key++) {
       parts[_key] = arguments[_key];
     }
-    return [parentProperty === null || parentProperty === void 0 ? void 0 : parentProperty.id, name].concat(parts).filter(Boolean).join(":");
+    return [parentProperty?.id, name].concat(parts).filter(Boolean).join(":");
   }, [name, parentProperty]);
 }
 

package/useIdGenerator.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_Properties","useIdGenerator","name","parentProperty","useParentProperty","useCallback","_len","arguments","length","parts","Array","_key","id","concat","filter","Boolean","join"],"sources":["useIdGenerator.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useParentProperty } from \"~/Properties\";\n\nexport function useIdGenerator(name: string) {\n    const parentProperty = useParentProperty();\n\n    return useCallback(\n        (...parts: string[]) => {\n            return [parentProperty?.id, name, ...parts].filter(Boolean).join(\":\");\n        },\n        [name, parentProperty]\n    );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEO,SAASE,cAAcA,CAACC,IAAY,EAAE;EACzC,IAAMC,cAAc,GAAG,IAAAC,6BAAiB,EAAC,CAAC;EAE1C,OAAO,IAAAC,kBAAW,EACd,YAAwB;IAAA,SAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAApBC,KAAK,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAALF,KAAK,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IACL,OAAO,CAACR,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAES,EAAE,EAAEV,IAAI,EAAAW,MAAA,CAAKJ,KAAK,EAAEK,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;EACzE,CAAC,EACD,CAACd,IAAI,EAAEC,cAAc,CACzB,CAAC;AACL"}
+{"version":3,"names":["_react","require","_Properties","useIdGenerator","name","parentProperty","useParentProperty","useCallback","_len","arguments","length","parts","Array","_key","id","concat","filter","Boolean","join"],"sources":["useIdGenerator.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { useParentProperty } from \"~/Properties\";\n\nexport function useIdGenerator(name: string) {\n    const parentProperty = useParentProperty();\n\n    return useCallback(\n        (...parts: string[]) => {\n            return [parentProperty?.id, name, ...parts].filter(Boolean).join(\":\");\n        },\n        [name, parentProperty]\n    );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEO,SAASE,cAAcA,CAACC,IAAY,EAAE;EACzC,IAAMC,cAAc,GAAG,IAAAC,6BAAiB,EAAC,CAAC;EAE1C,OAAO,IAAAC,kBAAW,EACd,YAAwB;IAAA,SAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAApBC,KAAK,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAALF,KAAK,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IACL,OAAO,CAACR,cAAc,EAAES,EAAE,EAAEV,IAAI,EAAAW,MAAA,CAAKJ,KAAK,EAAEK,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;EACzE,CAAC,EACD,CAACd,IAAI,EAAEC,cAAc,CACzB,CAAC;AACL"}