@elementor/menus 0.1.1 → 0.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/dist/index.d.mts +6 -6
- package/dist/index.d.ts +6 -6
- package/dist/index.js +25 -25
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +22 -22
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -2
- package/src/create-menu.ts +4 -3
- package/src/create-register-item.tsx +6 -5
- package/src/create-use-menu-items.ts +3 -2
- package/src/types.ts +2 -2
package/CHANGELOG.md
CHANGED
package/dist/index.d.mts
CHANGED
|
@@ -3,12 +3,6 @@ import { ComponentType, ComponentPropsWithoutRef } from 'react';
|
|
|
3
3
|
type Components = Record<string, ComponentType<any>>;
|
|
4
4
|
type MenuGroups<TGroups extends string> = TGroups | 'default';
|
|
5
5
|
|
|
6
|
-
type UseMenuItems<TGroups extends string> = () => GroupedMenuItems<TGroups>;
|
|
7
|
-
type GroupedMenuItems<TGroups extends string> = Record<MenuGroups<TGroups>, Array<{
|
|
8
|
-
id: string;
|
|
9
|
-
MenuItem: ComponentType;
|
|
10
|
-
}>>;
|
|
11
|
-
|
|
12
6
|
type RegisterItem<TGroups extends string, TComponent extends ComponentType> = (args: {
|
|
13
7
|
id: string;
|
|
14
8
|
group?: MenuGroups<TGroups>;
|
|
@@ -28,6 +22,12 @@ type PropsOrUseProps<TProps extends object> = {
|
|
|
28
22
|
props?: never;
|
|
29
23
|
};
|
|
30
24
|
|
|
25
|
+
type UseMenuItems<TGroups extends string> = () => GroupedMenuItems<TGroups>;
|
|
26
|
+
type GroupedMenuItems<TGroups extends string> = Record<MenuGroups<TGroups>, Array<{
|
|
27
|
+
id: string;
|
|
28
|
+
MenuItem: ComponentType;
|
|
29
|
+
}>>;
|
|
30
|
+
|
|
31
31
|
type Menu<TComponents extends Components, TGroups extends string> = {
|
|
32
32
|
useMenuItems: UseMenuItems<TGroups>;
|
|
33
33
|
} & RegisterFns<TGroups, TComponents>;
|
package/dist/index.d.ts
CHANGED
|
@@ -3,12 +3,6 @@ import { ComponentType, ComponentPropsWithoutRef } from 'react';
|
|
|
3
3
|
type Components = Record<string, ComponentType<any>>;
|
|
4
4
|
type MenuGroups<TGroups extends string> = TGroups | 'default';
|
|
5
5
|
|
|
6
|
-
type UseMenuItems<TGroups extends string> = () => GroupedMenuItems<TGroups>;
|
|
7
|
-
type GroupedMenuItems<TGroups extends string> = Record<MenuGroups<TGroups>, Array<{
|
|
8
|
-
id: string;
|
|
9
|
-
MenuItem: ComponentType;
|
|
10
|
-
}>>;
|
|
11
|
-
|
|
12
6
|
type RegisterItem<TGroups extends string, TComponent extends ComponentType> = (args: {
|
|
13
7
|
id: string;
|
|
14
8
|
group?: MenuGroups<TGroups>;
|
|
@@ -28,6 +22,12 @@ type PropsOrUseProps<TProps extends object> = {
|
|
|
28
22
|
props?: never;
|
|
29
23
|
};
|
|
30
24
|
|
|
25
|
+
type UseMenuItems<TGroups extends string> = () => GroupedMenuItems<TGroups>;
|
|
26
|
+
type GroupedMenuItems<TGroups extends string> = Record<MenuGroups<TGroups>, Array<{
|
|
27
|
+
id: string;
|
|
28
|
+
MenuItem: ComponentType;
|
|
29
|
+
}>>;
|
|
30
|
+
|
|
31
31
|
type Menu<TComponents extends Components, TGroups extends string> = {
|
|
32
32
|
useMenuItems: UseMenuItems<TGroups>;
|
|
33
33
|
} & RegisterFns<TGroups, TComponents>;
|
package/dist/index.js
CHANGED
|
@@ -28,34 +28,15 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
28
28
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
29
|
|
|
30
30
|
// src/index.ts
|
|
31
|
-
var
|
|
32
|
-
__export(
|
|
31
|
+
var index_exports = {};
|
|
32
|
+
__export(index_exports, {
|
|
33
33
|
createMenu: () => createMenu
|
|
34
34
|
});
|
|
35
|
-
module.exports = __toCommonJS(
|
|
35
|
+
module.exports = __toCommonJS(index_exports);
|
|
36
36
|
|
|
37
37
|
// src/create-menu.ts
|
|
38
38
|
var import_locations = require("@elementor/locations");
|
|
39
39
|
|
|
40
|
-
// src/create-use-menu-items.ts
|
|
41
|
-
var import_react = require("react");
|
|
42
|
-
function createUseMenuItems(locations) {
|
|
43
|
-
return () => {
|
|
44
|
-
return (0, import_react.useMemo)(() => {
|
|
45
|
-
return Object.entries(locations).reduce((carry, [groupName, location]) => {
|
|
46
|
-
const items = location.getInjections().map((injection) => ({
|
|
47
|
-
id: injection.id,
|
|
48
|
-
MenuItem: injection.component
|
|
49
|
-
}));
|
|
50
|
-
return {
|
|
51
|
-
...carry,
|
|
52
|
-
[groupName]: items
|
|
53
|
-
};
|
|
54
|
-
}, {});
|
|
55
|
-
}, []);
|
|
56
|
-
};
|
|
57
|
-
}
|
|
58
|
-
|
|
59
40
|
// src/create-register-item.tsx
|
|
60
41
|
var React = __toESM(require("react"));
|
|
61
42
|
function createRegisterItem(locations, component) {
|
|
@@ -65,9 +46,9 @@ function createRegisterItem(locations, component) {
|
|
|
65
46
|
}
|
|
66
47
|
const Component = component;
|
|
67
48
|
const useProps = _useProps || (() => _props);
|
|
68
|
-
const InjectedComponent = () => {
|
|
69
|
-
const
|
|
70
|
-
return /* @__PURE__ */ React.createElement(Component, { ...props });
|
|
49
|
+
const InjectedComponent = (props) => {
|
|
50
|
+
const componentProps = useProps();
|
|
51
|
+
return /* @__PURE__ */ React.createElement(Component, { ...props, ...componentProps });
|
|
71
52
|
};
|
|
72
53
|
locations[group].inject({
|
|
73
54
|
id,
|
|
@@ -80,6 +61,25 @@ function createRegisterItem(locations, component) {
|
|
|
80
61
|
};
|
|
81
62
|
}
|
|
82
63
|
|
|
64
|
+
// src/create-use-menu-items.ts
|
|
65
|
+
var import_react = require("react");
|
|
66
|
+
function createUseMenuItems(locations) {
|
|
67
|
+
return () => {
|
|
68
|
+
return (0, import_react.useMemo)(() => {
|
|
69
|
+
return Object.entries(locations).reduce((carry, [groupName, location]) => {
|
|
70
|
+
const items = location.getInjections().map((injection) => ({
|
|
71
|
+
id: injection.id,
|
|
72
|
+
MenuItem: injection.component
|
|
73
|
+
}));
|
|
74
|
+
return {
|
|
75
|
+
...carry,
|
|
76
|
+
[groupName]: items
|
|
77
|
+
};
|
|
78
|
+
}, {});
|
|
79
|
+
}, []);
|
|
80
|
+
};
|
|
81
|
+
}
|
|
82
|
+
|
|
83
83
|
// src/create-menu.ts
|
|
84
84
|
function createMenu({
|
|
85
85
|
groups = [],
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts","../src/create-menu.ts","../src/create-
|
|
1
|
+
{"version":3,"sources":["../src/index.ts","../src/create-menu.ts","../src/create-register-item.tsx","../src/create-use-menu-items.ts"],"sourcesContent":["export { createMenu, type Menu } from './create-menu';\nexport { type Components } from './types';\n","import { createLocation } from '@elementor/locations';\n\nimport { createRegisterItem, type RegisterItem } from './create-register-item';\nimport { createUseMenuItems, type UseMenuItems } from './create-use-menu-items';\nimport { type Components, type LocationsMap, type MenuGroups } from './types';\n\nexport type Menu< TComponents extends Components, TGroups extends string > = {\n\tuseMenuItems: UseMenuItems< TGroups >;\n} & RegisterFns< TGroups, TComponents >;\n\nexport function createMenu< TComponents extends Components, TGroups extends string = 'default' >( {\n\tgroups = [],\n\tcomponents,\n}: {\n\tgroups?: TGroups[];\n\tcomponents: TComponents;\n} ): Menu< TComponents, TGroups > {\n\tconst locations = createLocations< MenuGroups< TGroups > >( [ ...groups, 'default' ] );\n\n\tconst registerFns = createRegisterFns( locations, components );\n\tconst useMenuItems = createUseMenuItems( locations );\n\n\treturn {\n\t\tuseMenuItems,\n\t\t...registerFns,\n\t};\n}\n\nfunction createLocations< TGroups extends string >( groups: TGroups[] ) {\n\treturn groups.reduce( ( acc, group ) => {\n\t\tacc[ group ] = createLocation();\n\n\t\treturn acc;\n\t}, {} as LocationsMap< TGroups > );\n}\n\ntype RegisterFns< TGroups extends string, TComponents extends Components > = {\n\t[ K in keyof TComponents as `register${ Capitalize< K & string > }` ]: RegisterItem< TGroups, TComponents[ K ] >;\n};\n\nfunction createRegisterFns< TGroups extends string, TComponents extends Components >(\n\tlocations: LocationsMap< MenuGroups< TGroups > >,\n\tcomponents: TComponents\n) {\n\treturn Object.entries( components ).reduce(\n\t\t( acc, [ key, component ] ) => {\n\t\t\tconst name = `register${ capitalize( key ) }`;\n\n\t\t\treturn {\n\t\t\t\t...acc,\n\t\t\t\t[ name ]: createRegisterItem( locations, component ),\n\t\t\t};\n\t\t},\n\t\t{} as RegisterFns< TGroups, TComponents >\n\t);\n}\n\nfunction capitalize( str: string ) {\n\treturn str.charAt( 0 ).toUpperCase() + str.slice( 1 );\n}\n","import * as React from 'react';\nimport { type ComponentPropsWithoutRef, type ComponentType } from 'react';\n\nimport { type LocationsMap, type MenuGroups } from './types';\n\nexport type RegisterItem< TGroups extends string, TComponent extends ComponentType > = (\n\targs: {\n\t\tid: string;\n\t\tgroup?: MenuGroups< TGroups >;\n\t\tpriority?: number;\n\t\toverwrite?: boolean;\n\t} & Props< ComponentPropsWithoutRef< TComponent > >\n) => void;\n\ntype Props< TProps extends object > = unknown extends TProps ? NoProps : PropsOrUseProps< TProps >;\n\ntype NoProps = { props?: never; useProps?: never };\n\ntype PropsOrUseProps< TProps extends object > =\n\t| { props: TProps; useProps?: never }\n\t| {\n\t\t\tuseProps: () => TProps;\n\t\t\tprops?: never;\n\t };\n\nexport function createRegisterItem< TGroups extends string, TComponent extends ComponentType >(\n\tlocations: LocationsMap< MenuGroups< TGroups > >,\n\tcomponent: TComponent\n): RegisterItem< TGroups, TComponent > {\n\treturn ( { id, group = 'default', priority = 10, overwrite = false, props: _props, useProps: _useProps } ) => {\n\t\tif ( ! ( group in locations ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst Component = component as ComponentType;\n\t\tconst useProps = _useProps || ( () => _props );\n\n\t\tconst InjectedComponent = ( props: object ) => {\n\t\t\tconst componentProps = useProps();\n\n\t\t\treturn <Component { ...props } { ...componentProps } />;\n\t\t};\n\n\t\tlocations[ group ].inject( {\n\t\t\tid,\n\t\t\tcomponent: InjectedComponent,\n\t\t\toptions: {\n\t\t\t\tpriority,\n\t\t\t\toverwrite,\n\t\t\t},\n\t\t} );\n\t};\n}\n","import { type ComponentType, useMemo } from 'react';\n\nimport { type LocationsMap, type MenuGroups } from './types';\n\nexport type UseMenuItems< TGroups extends string > = () => GroupedMenuItems< TGroups >;\n\ntype GroupedMenuItems< TGroups extends string > = Record<\n\tMenuGroups< TGroups >,\n\tArray< {\n\t\tid: string;\n\t\tMenuItem: ComponentType;\n\t} >\n>;\n\nexport function createUseMenuItems< TGroups extends string >(\n\tlocations: LocationsMap< MenuGroups< TGroups > >\n): UseMenuItems< TGroups > {\n\treturn () => {\n\t\t// Normalize the injections groups to an object with the groups as keys.\n\t\treturn useMemo( () => {\n\t\t\treturn Object.entries( locations ).reduce( ( carry, [ groupName, location ] ) => {\n\t\t\t\tconst items = location.getInjections().map( ( injection ) => ( {\n\t\t\t\t\tid: injection.id,\n\t\t\t\t\tMenuItem: injection.component,\n\t\t\t\t} ) );\n\n\t\t\t\treturn {\n\t\t\t\t\t...carry,\n\t\t\t\t\t[ groupName ]: items,\n\t\t\t\t};\n\t\t\t}, {} as GroupedMenuItems< TGroups > );\n\t\t}, [] );\n\t};\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,uBAA+B;;;ACA/B,YAAuB;AAyBhB,SAAS,mBACf,WACA,WACsC;AACtC,SAAO,CAAE,EAAE,IAAI,QAAQ,WAAW,WAAW,IAAI,YAAY,OAAO,OAAO,QAAQ,UAAU,UAAU,MAAO;AAC7G,QAAK,EAAI,SAAS,YAAc;AAC/B;AAAA,IACD;AAEA,UAAM,YAAY;AAClB,UAAM,WAAW,cAAe,MAAM;AAEtC,UAAM,oBAAoB,CAAE,UAAmB;AAC9C,YAAM,iBAAiB,SAAS;AAEhC,aAAO,oCAAC,aAAY,GAAG,OAAU,GAAG,gBAAiB;AAAA,IACtD;AAEA,cAAW,KAAM,EAAE,OAAQ;AAAA,MAC1B;AAAA,MACA,WAAW;AAAA,MACX,SAAS;AAAA,QACR;AAAA,QACA;AAAA,MACD;AAAA,IACD,CAAE;AAAA,EACH;AACD;;;ACpDA,mBAA4C;AAcrC,SAAS,mBACf,WAC0B;AAC1B,SAAO,MAAM;AAEZ,eAAO,sBAAS,MAAM;AACrB,aAAO,OAAO,QAAS,SAAU,EAAE,OAAQ,CAAE,OAAO,CAAE,WAAW,QAAS,MAAO;AAChF,cAAM,QAAQ,SAAS,cAAc,EAAE,IAAK,CAAE,eAAiB;AAAA,UAC9D,IAAI,UAAU;AAAA,UACd,UAAU,UAAU;AAAA,QACrB,EAAI;AAEJ,eAAO;AAAA,UACN,GAAG;AAAA,UACH,CAAE,SAAU,GAAG;AAAA,QAChB;AAAA,MACD,GAAG,CAAC,CAAiC;AAAA,IACtC,GAAG,CAAC,CAAE;AAAA,EACP;AACD;;;AFvBO,SAAS,WAAkF;AAAA,EACjG,SAAS,CAAC;AAAA,EACV;AACD,GAGkC;AACjC,QAAM,YAAY,gBAA0C,CAAE,GAAG,QAAQ,SAAU,CAAE;AAErF,QAAM,cAAc,kBAAmB,WAAW,UAAW;AAC7D,QAAM,eAAe,mBAAoB,SAAU;AAEnD,SAAO;AAAA,IACN;AAAA,IACA,GAAG;AAAA,EACJ;AACD;AAEA,SAAS,gBAA2C,QAAoB;AACvE,SAAO,OAAO,OAAQ,CAAE,KAAK,UAAW;AACvC,QAAK,KAAM,QAAI,iCAAe;AAE9B,WAAO;AAAA,EACR,GAAG,CAAC,CAA6B;AAClC;AAMA,SAAS,kBACR,WACA,YACC;AACD,SAAO,OAAO,QAAS,UAAW,EAAE;AAAA,IACnC,CAAE,KAAK,CAAE,KAAK,SAAU,MAAO;AAC9B,YAAM,OAAO,WAAY,WAAY,GAAI,CAAE;AAE3C,aAAO;AAAA,QACN,GAAG;AAAA,QACH,CAAE,IAAK,GAAG,mBAAoB,WAAW,SAAU;AAAA,MACpD;AAAA,IACD;AAAA,IACA,CAAC;AAAA,EACF;AACD;AAEA,SAAS,WAAY,KAAc;AAClC,SAAO,IAAI,OAAQ,CAAE,EAAE,YAAY,IAAI,IAAI,MAAO,CAAE;AACrD;","names":[]}
|
package/dist/index.mjs
CHANGED
|
@@ -1,25 +1,6 @@
|
|
|
1
1
|
// src/create-menu.ts
|
|
2
2
|
import { createLocation } from "@elementor/locations";
|
|
3
3
|
|
|
4
|
-
// src/create-use-menu-items.ts
|
|
5
|
-
import { useMemo } from "react";
|
|
6
|
-
function createUseMenuItems(locations) {
|
|
7
|
-
return () => {
|
|
8
|
-
return useMemo(() => {
|
|
9
|
-
return Object.entries(locations).reduce((carry, [groupName, location]) => {
|
|
10
|
-
const items = location.getInjections().map((injection) => ({
|
|
11
|
-
id: injection.id,
|
|
12
|
-
MenuItem: injection.component
|
|
13
|
-
}));
|
|
14
|
-
return {
|
|
15
|
-
...carry,
|
|
16
|
-
[groupName]: items
|
|
17
|
-
};
|
|
18
|
-
}, {});
|
|
19
|
-
}, []);
|
|
20
|
-
};
|
|
21
|
-
}
|
|
22
|
-
|
|
23
4
|
// src/create-register-item.tsx
|
|
24
5
|
import * as React from "react";
|
|
25
6
|
function createRegisterItem(locations, component) {
|
|
@@ -29,9 +10,9 @@ function createRegisterItem(locations, component) {
|
|
|
29
10
|
}
|
|
30
11
|
const Component = component;
|
|
31
12
|
const useProps = _useProps || (() => _props);
|
|
32
|
-
const InjectedComponent = () => {
|
|
33
|
-
const
|
|
34
|
-
return /* @__PURE__ */ React.createElement(Component, { ...props });
|
|
13
|
+
const InjectedComponent = (props) => {
|
|
14
|
+
const componentProps = useProps();
|
|
15
|
+
return /* @__PURE__ */ React.createElement(Component, { ...props, ...componentProps });
|
|
35
16
|
};
|
|
36
17
|
locations[group].inject({
|
|
37
18
|
id,
|
|
@@ -44,6 +25,25 @@ function createRegisterItem(locations, component) {
|
|
|
44
25
|
};
|
|
45
26
|
}
|
|
46
27
|
|
|
28
|
+
// src/create-use-menu-items.ts
|
|
29
|
+
import { useMemo } from "react";
|
|
30
|
+
function createUseMenuItems(locations) {
|
|
31
|
+
return () => {
|
|
32
|
+
return useMemo(() => {
|
|
33
|
+
return Object.entries(locations).reduce((carry, [groupName, location]) => {
|
|
34
|
+
const items = location.getInjections().map((injection) => ({
|
|
35
|
+
id: injection.id,
|
|
36
|
+
MenuItem: injection.component
|
|
37
|
+
}));
|
|
38
|
+
return {
|
|
39
|
+
...carry,
|
|
40
|
+
[groupName]: items
|
|
41
|
+
};
|
|
42
|
+
}, {});
|
|
43
|
+
}, []);
|
|
44
|
+
};
|
|
45
|
+
}
|
|
46
|
+
|
|
47
47
|
// src/create-menu.ts
|
|
48
48
|
function createMenu({
|
|
49
49
|
groups = [],
|
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/create-menu.ts","../src/create-
|
|
1
|
+
{"version":3,"sources":["../src/create-menu.ts","../src/create-register-item.tsx","../src/create-use-menu-items.ts"],"sourcesContent":["import { createLocation } from '@elementor/locations';\n\nimport { createRegisterItem, type RegisterItem } from './create-register-item';\nimport { createUseMenuItems, type UseMenuItems } from './create-use-menu-items';\nimport { type Components, type LocationsMap, type MenuGroups } from './types';\n\nexport type Menu< TComponents extends Components, TGroups extends string > = {\n\tuseMenuItems: UseMenuItems< TGroups >;\n} & RegisterFns< TGroups, TComponents >;\n\nexport function createMenu< TComponents extends Components, TGroups extends string = 'default' >( {\n\tgroups = [],\n\tcomponents,\n}: {\n\tgroups?: TGroups[];\n\tcomponents: TComponents;\n} ): Menu< TComponents, TGroups > {\n\tconst locations = createLocations< MenuGroups< TGroups > >( [ ...groups, 'default' ] );\n\n\tconst registerFns = createRegisterFns( locations, components );\n\tconst useMenuItems = createUseMenuItems( locations );\n\n\treturn {\n\t\tuseMenuItems,\n\t\t...registerFns,\n\t};\n}\n\nfunction createLocations< TGroups extends string >( groups: TGroups[] ) {\n\treturn groups.reduce( ( acc, group ) => {\n\t\tacc[ group ] = createLocation();\n\n\t\treturn acc;\n\t}, {} as LocationsMap< TGroups > );\n}\n\ntype RegisterFns< TGroups extends string, TComponents extends Components > = {\n\t[ K in keyof TComponents as `register${ Capitalize< K & string > }` ]: RegisterItem< TGroups, TComponents[ K ] >;\n};\n\nfunction createRegisterFns< TGroups extends string, TComponents extends Components >(\n\tlocations: LocationsMap< MenuGroups< TGroups > >,\n\tcomponents: TComponents\n) {\n\treturn Object.entries( components ).reduce(\n\t\t( acc, [ key, component ] ) => {\n\t\t\tconst name = `register${ capitalize( key ) }`;\n\n\t\t\treturn {\n\t\t\t\t...acc,\n\t\t\t\t[ name ]: createRegisterItem( locations, component ),\n\t\t\t};\n\t\t},\n\t\t{} as RegisterFns< TGroups, TComponents >\n\t);\n}\n\nfunction capitalize( str: string ) {\n\treturn str.charAt( 0 ).toUpperCase() + str.slice( 1 );\n}\n","import * as React from 'react';\nimport { type ComponentPropsWithoutRef, type ComponentType } from 'react';\n\nimport { type LocationsMap, type MenuGroups } from './types';\n\nexport type RegisterItem< TGroups extends string, TComponent extends ComponentType > = (\n\targs: {\n\t\tid: string;\n\t\tgroup?: MenuGroups< TGroups >;\n\t\tpriority?: number;\n\t\toverwrite?: boolean;\n\t} & Props< ComponentPropsWithoutRef< TComponent > >\n) => void;\n\ntype Props< TProps extends object > = unknown extends TProps ? NoProps : PropsOrUseProps< TProps >;\n\ntype NoProps = { props?: never; useProps?: never };\n\ntype PropsOrUseProps< TProps extends object > =\n\t| { props: TProps; useProps?: never }\n\t| {\n\t\t\tuseProps: () => TProps;\n\t\t\tprops?: never;\n\t };\n\nexport function createRegisterItem< TGroups extends string, TComponent extends ComponentType >(\n\tlocations: LocationsMap< MenuGroups< TGroups > >,\n\tcomponent: TComponent\n): RegisterItem< TGroups, TComponent > {\n\treturn ( { id, group = 'default', priority = 10, overwrite = false, props: _props, useProps: _useProps } ) => {\n\t\tif ( ! ( group in locations ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst Component = component as ComponentType;\n\t\tconst useProps = _useProps || ( () => _props );\n\n\t\tconst InjectedComponent = ( props: object ) => {\n\t\t\tconst componentProps = useProps();\n\n\t\t\treturn <Component { ...props } { ...componentProps } />;\n\t\t};\n\n\t\tlocations[ group ].inject( {\n\t\t\tid,\n\t\t\tcomponent: InjectedComponent,\n\t\t\toptions: {\n\t\t\t\tpriority,\n\t\t\t\toverwrite,\n\t\t\t},\n\t\t} );\n\t};\n}\n","import { type ComponentType, useMemo } from 'react';\n\nimport { type LocationsMap, type MenuGroups } from './types';\n\nexport type UseMenuItems< TGroups extends string > = () => GroupedMenuItems< TGroups >;\n\ntype GroupedMenuItems< TGroups extends string > = Record<\n\tMenuGroups< TGroups >,\n\tArray< {\n\t\tid: string;\n\t\tMenuItem: ComponentType;\n\t} >\n>;\n\nexport function createUseMenuItems< TGroups extends string >(\n\tlocations: LocationsMap< MenuGroups< TGroups > >\n): UseMenuItems< TGroups > {\n\treturn () => {\n\t\t// Normalize the injections groups to an object with the groups as keys.\n\t\treturn useMemo( () => {\n\t\t\treturn Object.entries( locations ).reduce( ( carry, [ groupName, location ] ) => {\n\t\t\t\tconst items = location.getInjections().map( ( injection ) => ( {\n\t\t\t\t\tid: injection.id,\n\t\t\t\t\tMenuItem: injection.component,\n\t\t\t\t} ) );\n\n\t\t\t\treturn {\n\t\t\t\t\t...carry,\n\t\t\t\t\t[ groupName ]: items,\n\t\t\t\t};\n\t\t\t}, {} as GroupedMenuItems< TGroups > );\n\t\t}, [] );\n\t};\n}\n"],"mappings":";AAAA,SAAS,sBAAsB;;;ACA/B,YAAY,WAAW;AAyBhB,SAAS,mBACf,WACA,WACsC;AACtC,SAAO,CAAE,EAAE,IAAI,QAAQ,WAAW,WAAW,IAAI,YAAY,OAAO,OAAO,QAAQ,UAAU,UAAU,MAAO;AAC7G,QAAK,EAAI,SAAS,YAAc;AAC/B;AAAA,IACD;AAEA,UAAM,YAAY;AAClB,UAAM,WAAW,cAAe,MAAM;AAEtC,UAAM,oBAAoB,CAAE,UAAmB;AAC9C,YAAM,iBAAiB,SAAS;AAEhC,aAAO,oCAAC,aAAY,GAAG,OAAU,GAAG,gBAAiB;AAAA,IACtD;AAEA,cAAW,KAAM,EAAE,OAAQ;AAAA,MAC1B;AAAA,MACA,WAAW;AAAA,MACX,SAAS;AAAA,QACR;AAAA,QACA;AAAA,MACD;AAAA,IACD,CAAE;AAAA,EACH;AACD;;;ACpDA,SAA6B,eAAe;AAcrC,SAAS,mBACf,WAC0B;AAC1B,SAAO,MAAM;AAEZ,WAAO,QAAS,MAAM;AACrB,aAAO,OAAO,QAAS,SAAU,EAAE,OAAQ,CAAE,OAAO,CAAE,WAAW,QAAS,MAAO;AAChF,cAAM,QAAQ,SAAS,cAAc,EAAE,IAAK,CAAE,eAAiB;AAAA,UAC9D,IAAI,UAAU;AAAA,UACd,UAAU,UAAU;AAAA,QACrB,EAAI;AAEJ,eAAO;AAAA,UACN,GAAG;AAAA,UACH,CAAE,SAAU,GAAG;AAAA,QAChB;AAAA,MACD,GAAG,CAAC,CAAiC;AAAA,IACtC,GAAG,CAAC,CAAE;AAAA,EACP;AACD;;;AFvBO,SAAS,WAAkF;AAAA,EACjG,SAAS,CAAC;AAAA,EACV;AACD,GAGkC;AACjC,QAAM,YAAY,gBAA0C,CAAE,GAAG,QAAQ,SAAU,CAAE;AAErF,QAAM,cAAc,kBAAmB,WAAW,UAAW;AAC7D,QAAM,eAAe,mBAAoB,SAAU;AAEnD,SAAO;AAAA,IACN;AAAA,IACA,GAAG;AAAA,EACJ;AACD;AAEA,SAAS,gBAA2C,QAAoB;AACvE,SAAO,OAAO,OAAQ,CAAE,KAAK,UAAW;AACvC,QAAK,KAAM,IAAI,eAAe;AAE9B,WAAO;AAAA,EACR,GAAG,CAAC,CAA6B;AAClC;AAMA,SAAS,kBACR,WACA,YACC;AACD,SAAO,OAAO,QAAS,UAAW,EAAE;AAAA,IACnC,CAAE,KAAK,CAAE,KAAK,SAAU,MAAO;AAC9B,YAAM,OAAO,WAAY,WAAY,GAAI,CAAE;AAE3C,aAAO;AAAA,QACN,GAAG;AAAA,QACH,CAAE,IAAK,GAAG,mBAAoB,WAAW,SAAU;AAAA,MACpD;AAAA,IACD;AAAA,IACA,CAAC;AAAA,EACF;AACD;AAEA,SAAS,WAAY,KAAc;AAClC,SAAO,IAAI,OAAQ,CAAE,EAAE,YAAY,IAAI,IAAI,MAAO,CAAE;AACrD;","names":[]}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elementor/menus",
|
|
3
3
|
"description": "Add a menus registration mechanism for you React application",
|
|
4
|
-
"version": "0.1.
|
|
4
|
+
"version": "0.1.3",
|
|
5
5
|
"private": false,
|
|
6
6
|
"author": "Elementor Team",
|
|
7
7
|
"homepage": "https://elementor.com/",
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
"dev": "tsup --config=../../tsup.dev.ts"
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
|
-
"@elementor/locations": "
|
|
43
|
+
"@elementor/locations": "0.7.6"
|
|
44
44
|
},
|
|
45
45
|
"peerDependencies": {
|
|
46
46
|
"react": "^18.3.1"
|
package/src/create-menu.ts
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { createLocation } from '@elementor/locations';
|
|
2
|
-
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
2
|
+
|
|
3
|
+
import { createRegisterItem, type RegisterItem } from './create-register-item';
|
|
4
|
+
import { createUseMenuItems, type UseMenuItems } from './create-use-menu-items';
|
|
5
|
+
import { type Components, type LocationsMap, type MenuGroups } from './types';
|
|
5
6
|
|
|
6
7
|
export type Menu< TComponents extends Components, TGroups extends string > = {
|
|
7
8
|
useMenuItems: UseMenuItems< TGroups >;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { ComponentPropsWithoutRef, ComponentType } from 'react';
|
|
3
|
-
|
|
2
|
+
import { type ComponentPropsWithoutRef, type ComponentType } from 'react';
|
|
3
|
+
|
|
4
|
+
import { type LocationsMap, type MenuGroups } from './types';
|
|
4
5
|
|
|
5
6
|
export type RegisterItem< TGroups extends string, TComponent extends ComponentType > = (
|
|
6
7
|
args: {
|
|
@@ -34,10 +35,10 @@ export function createRegisterItem< TGroups extends string, TComponent extends C
|
|
|
34
35
|
const Component = component as ComponentType;
|
|
35
36
|
const useProps = _useProps || ( () => _props );
|
|
36
37
|
|
|
37
|
-
const InjectedComponent = () => {
|
|
38
|
-
const
|
|
38
|
+
const InjectedComponent = ( props: object ) => {
|
|
39
|
+
const componentProps = useProps();
|
|
39
40
|
|
|
40
|
-
return <Component { ...props } />;
|
|
41
|
+
return <Component { ...props } { ...componentProps } />;
|
|
41
42
|
};
|
|
42
43
|
|
|
43
44
|
locations[ group ].inject( {
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { ComponentType, useMemo } from 'react';
|
|
2
|
-
|
|
1
|
+
import { type ComponentType, useMemo } from 'react';
|
|
2
|
+
|
|
3
|
+
import { type LocationsMap, type MenuGroups } from './types';
|
|
3
4
|
|
|
4
5
|
export type UseMenuItems< TGroups extends string > = () => GroupedMenuItems< TGroups >;
|
|
5
6
|
|
package/src/types.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { type ComponentType } from 'react';
|
|
2
|
+
import { type Location } from '@elementor/locations';
|
|
3
3
|
|
|
4
4
|
export type LocationsMap< TGroups extends string > = Record< TGroups, Location >;
|
|
5
5
|
|