@wix/origami-runtime 0.20.0 → 0.20.2
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/dist/classNames.d.ts +1 -0
- package/dist/classNames.js +1 -0
- package/dist/classNames.js.map +1 -1
- package/dist/define.d.ts +2 -1
- package/dist/define.js +1 -0
- package/dist/define.js.map +1 -1
- package/dist/withInteractions.js +4 -3
- package/dist/withInteractions.js.map +1 -1
- package/package.json +2 -2
package/dist/classNames.d.ts
CHANGED
|
@@ -2,4 +2,5 @@ export type Cond = unknown;
|
|
|
2
2
|
export type ClassNames = string | Record<string, Cond | readonly Cond[]> | readonly ClassNames[] | undefined;
|
|
3
3
|
export declare const cx: (block: string, value: ClassNames) => string;
|
|
4
4
|
export type RootClassName = string | readonly [string, ...ClassNames[]] | undefined;
|
|
5
|
+
export declare const componentClassOf: (className: RootClassName) => string | undefined;
|
|
5
6
|
export declare const rootClass: (id: string | undefined, className: RootClassName) => string;
|
package/dist/classNames.js
CHANGED
|
@@ -19,6 +19,7 @@ export const cx = (block, value) => {
|
|
|
19
19
|
walk(value);
|
|
20
20
|
return out.join(' ');
|
|
21
21
|
};
|
|
22
|
+
export const componentClassOf = (className) => typeof className === 'string' ? className.split(' ')[0] : className?.[0];
|
|
22
23
|
export const rootClass = (id, className) => {
|
|
23
24
|
const [block = id ?? '', ...states] = typeof className === 'string' ? [className] : (className ?? []);
|
|
24
25
|
const names = `${id ?? ''} ${block} ${cx(block, states)}`.split(/\s+/).filter(Boolean);
|
package/dist/classNames.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"classNames.js","sourceRoot":"","sources":["../src/classNames.ts"],"names":[],"mappings":"AAMA,MAAM,EAAE,GAAG,CAAC,CAAyB,EAAW,EAAE,CAC9C,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;AAE5E,MAAM,IAAI,GAAG,CAAC,KAAa,EAAE,IAAY,EAAU,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,KAAK,IAAI,EAAE,CAAC,CAAA;AAEvH,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAa,EAAE,KAAiB,EAAU,EAAE;IAC3D,MAAM,GAAG,GAAa,EAAE,CAAA;IACxB,MAAM,IAAI,GAAG,CAAC,CAAa,EAAQ,EAAE;QACjC,IAAI,CAAC,KAAK,SAAS;YAAE,OAAM;QAC3B,IAAI,OAAO,CAAC,KAAK,QAAQ;YACrB,OAAO,KAAK,CAAC;iBACR,KAAK,CAAC,KAAK,CAAC;iBACZ,MAAM,CAAC,OAAO,CAAC;iBACf,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;QAC/C,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;YAAE,OAAO,KAAK,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;QACjD,KAAK,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,CAAyB,CAAC;YAAE,IAAI,EAAE,CAAC,CAAC,CAAC;gBAAE,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAA;IACvG,CAAC,CAAA;IACD,IAAI,CAAC,KAAK,CAAC,CAAA;IACX,OAAO,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AACxB,CAAC,CAAA;AAOD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAsB,EAAE,SAAwB,EAAU,EAAE;IAClF,MAAM,CAAC,KAAK,GAAG,EAAE,IAAI,EAAE,EAAE,GAAG,MAAM,CAAC,GAAG,OAAO,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,IAAI,EAAE,CAAC,CAAA;IACrG,MAAM,KAAK,GAAG,GAAG,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;IACtF,OAAO,CAAC,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AACxC,CAAC,CAAA"}
|
|
1
|
+
{"version":3,"file":"classNames.js","sourceRoot":"","sources":["../src/classNames.ts"],"names":[],"mappings":"AAMA,MAAM,EAAE,GAAG,CAAC,CAAyB,EAAW,EAAE,CAC9C,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;AAE5E,MAAM,IAAI,GAAG,CAAC,KAAa,EAAE,IAAY,EAAU,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,KAAK,IAAI,EAAE,CAAC,CAAA;AAEvH,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAa,EAAE,KAAiB,EAAU,EAAE;IAC3D,MAAM,GAAG,GAAa,EAAE,CAAA;IACxB,MAAM,IAAI,GAAG,CAAC,CAAa,EAAQ,EAAE;QACjC,IAAI,CAAC,KAAK,SAAS;YAAE,OAAM;QAC3B,IAAI,OAAO,CAAC,KAAK,QAAQ;YACrB,OAAO,KAAK,CAAC;iBACR,KAAK,CAAC,KAAK,CAAC;iBACZ,MAAM,CAAC,OAAO,CAAC;iBACf,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;QAC/C,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;YAAE,OAAO,KAAK,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;QACjD,KAAK,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,CAAyB,CAAC;YAAE,IAAI,EAAE,CAAC,CAAC,CAAC;gBAAE,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAA;IACvG,CAAC,CAAA;IACD,IAAI,CAAC,KAAK,CAAC,CAAA;IACX,OAAO,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AACxB,CAAC,CAAA;AAOD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,SAAwB,EAAsB,EAAE,CAC7E,OAAO,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,CAAA;AAE5E,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAsB,EAAE,SAAwB,EAAU,EAAE;IAClF,MAAM,CAAC,KAAK,GAAG,EAAE,IAAI,EAAE,EAAE,GAAG,MAAM,CAAC,GAAG,OAAO,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,IAAI,EAAE,CAAC,CAAA;IACrG,MAAM,KAAK,GAAG,GAAG,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;IACtF,OAAO,CAAC,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AACxC,CAAC,CAAA"}
|
package/dist/define.d.ts
CHANGED
|
@@ -87,8 +87,9 @@ export declare const prop: {
|
|
|
87
87
|
event: <T = Event>(domEvent: string) => PropBuilder<(value: T) => void>;
|
|
88
88
|
enum: <T extends string>(...options: T[]) => PropBuilder<T>;
|
|
89
89
|
link: () => PropBuilder<{
|
|
90
|
-
href
|
|
90
|
+
href?: string;
|
|
91
91
|
target?: string;
|
|
92
|
+
rel?: string;
|
|
92
93
|
}>;
|
|
93
94
|
direction: () => PropBuilder<"ltr" | "rtl">;
|
|
94
95
|
vectorArt: () => PropBuilder<SvgProps>;
|
package/dist/define.js
CHANGED
|
@@ -6,6 +6,7 @@ export const prop = {
|
|
|
6
6
|
number: (opts) => makeProp('number', opts ?? {}),
|
|
7
7
|
event: (domEvent) => makeProp('function', { domEvent }),
|
|
8
8
|
enum: (...options) => makeProp('textEnum', { options }),
|
|
9
|
+
// `href` is optional, as in `Link` from `@wix/editor-react-types`: a Wix SDK link may have none.
|
|
9
10
|
link: () => makeProp('link'),
|
|
10
11
|
direction: () => makeProp('direction'),
|
|
11
12
|
// The converter's `svg(url, uri)`.
|
package/dist/define.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"define.js","sourceRoot":"","sources":["../src/define.ts"],"names":[],"mappings":"AA8DA,MAAM,QAAQ,GAAG,CAAI,IAAY,EAAE,OAAgC,EAAE,EAAkB,EAAE,CACrF,CAAC,EAAE,KAAK,EAAE,SAAyB,EAAE,IAAI,EAAE,IAAI,EAAE,CAAmB,CAAA;AAExE,MAAM,CAAC,MAAM,IAAI,GAAG;IAChB,IAAI,EAAE,CAAC,IAA6B,EAAE,EAAE,CAAC,QAAQ,CAAS,MAAM,EAAE,IAAI,IAAI,EAAE,CAAC;IAC7E,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAW,UAAU,CAAC;IAC9C,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAU,SAAS,CAAC;IAC3C,MAAM,EAAE,CAAC,IAAqC,EAAE,EAAE,CAAC,QAAQ,CAAS,QAAQ,EAAE,IAAI,IAAI,EAAE,CAAC;IACzF,KAAK,EAAE,CAAY,QAAgB,EAAE,EAAE,CAAC,QAAQ,CAAqB,UAAU,EAAE,EAAE,QAAQ,EAAE,CAAC;IAC9F,IAAI,EAAE,CAAmB,GAAG,OAAY,EAAE,EAAE,CAAC,QAAQ,CAAI,UAAU,EAAE,EAAE,OAAO,EAAE,CAAC;IACjF,IAAI,EAAE,GAAG,EAAE,CAAC,QAAQ,
|
|
1
|
+
{"version":3,"file":"define.js","sourceRoot":"","sources":["../src/define.ts"],"names":[],"mappings":"AA8DA,MAAM,QAAQ,GAAG,CAAI,IAAY,EAAE,OAAgC,EAAE,EAAkB,EAAE,CACrF,CAAC,EAAE,KAAK,EAAE,SAAyB,EAAE,IAAI,EAAE,IAAI,EAAE,CAAmB,CAAA;AAExE,MAAM,CAAC,MAAM,IAAI,GAAG;IAChB,IAAI,EAAE,CAAC,IAA6B,EAAE,EAAE,CAAC,QAAQ,CAAS,MAAM,EAAE,IAAI,IAAI,EAAE,CAAC;IAC7E,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAW,UAAU,CAAC;IAC9C,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAU,SAAS,CAAC;IAC3C,MAAM,EAAE,CAAC,IAAqC,EAAE,EAAE,CAAC,QAAQ,CAAS,QAAQ,EAAE,IAAI,IAAI,EAAE,CAAC;IACzF,KAAK,EAAE,CAAY,QAAgB,EAAE,EAAE,CAAC,QAAQ,CAAqB,UAAU,EAAE,EAAE,QAAQ,EAAE,CAAC;IAC9F,IAAI,EAAE,CAAmB,GAAG,OAAY,EAAE,EAAE,CAAC,QAAQ,CAAI,UAAU,EAAE,EAAE,OAAO,EAAE,CAAC;IACjF,iGAAiG;IACjG,IAAI,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAmD,MAAM,CAAC;IAC9E,SAAS,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAgB,WAAW,CAAC;IACrD,mCAAmC;IACnC,SAAS,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAW,WAAW,CAAC;IAChD,sGAAsG;IACtG,OAAO,EAAE,GAAM,EAAE,CAAC,QAAQ,CAAI,SAAS,CAAC;IACxC,+GAA+G;IAC/G,MAAM,EAAE,GAAM,EAAE,CAAC,QAAQ,CAAI,QAAQ,CAAC;IACtC,2GAA2G;IAC3G,kCAAkC;IAClC,KAAK,EAAE,GAAM,EAAE,CAAC,QAAQ,CAAI,OAAO,CAAC;IACpC,KAAK,EAAE,GAAM,EAAE,CAAC,QAAQ,CAAI,OAAO,CAAC;IACpC,6GAA6G;IAC7G,+FAA+F;IAC/F,QAAQ,EAAE,CAAI,OAAe,EAAE,EAAE,CAAC,QAAQ,CAAI,UAAU,EAAE,EAAE,OAAO,EAAE,CAAC;CACzE,CAAA;AAkBD,MAAM,CAAC,MAAM,eAAe,GAAG,CAM3B,GAA2C,EACL,EAAE,CAAC,GAAG,CAAA"}
|
package/dist/withInteractions.js
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { InteractionsDefinition } from '@wix/site-service-interactions/definition';
|
|
3
3
|
import { useService } from '@wix/services-manager-react';
|
|
4
|
+
import { componentClassOf } from './classNames';
|
|
4
5
|
// Copied from wix-next's @wix/builder-interactions, not imported from it: a component with
|
|
5
|
-
// interactions renders inside an <interact-element> keyed by its comp path, else its
|
|
6
|
+
// interactions renders inside an <interact-element> keyed by its comp path, else its component class.
|
|
6
7
|
export const withInteractions = (Component) => props => {
|
|
7
8
|
const { hasInteractions } = useService(InteractionsDefinition);
|
|
8
|
-
const {
|
|
9
|
-
const key = wix?.compPath ??
|
|
9
|
+
const { className, wix } = props;
|
|
10
|
+
const key = wix?.compPath ?? componentClassOf(className);
|
|
10
11
|
if (key !== undefined && hasInteractions(key)) {
|
|
11
12
|
return (_jsx("interact-element", { "data-interact-key": key, children: _jsx(Component, { ...props }) }));
|
|
12
13
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"withInteractions.js","sourceRoot":"","sources":["../src/withInteractions.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,2CAA2C,CAAA;AAClF,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;
|
|
1
|
+
{"version":3,"file":"withInteractions.js","sourceRoot":"","sources":["../src/withInteractions.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,2CAA2C,CAAA;AAClF,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AACxD,OAAO,EAAE,gBAAgB,EAAsB,MAAM,cAAc,CAAA;AAEnE,2FAA2F;AAC3F,sGAAsG;AACtG,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAmB,SAA2B,EAAwB,EAAE,CAAC,KAAK,CAAC,EAAE;IAC7G,MAAM,EAAE,eAAe,EAAE,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAA;IAE9D,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,KAAmE,CAAA;IAC9F,MAAM,GAAG,GAAG,GAAG,EAAE,QAAQ,IAAI,gBAAgB,CAAC,SAAS,CAAC,CAAA;IAExD,IAAI,GAAG,KAAK,SAAS,IAAI,eAAe,CAAC,GAAG,CAAC,EAAE,CAAC;QAC5C,OAAO,CACH,gDAAqC,GAAG,YACpC,KAAC,SAAS,OAAK,KAAK,GAAI,GACT,CACtB,CAAA;IACL,CAAC;IACD,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACnC,CAAC,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wix/origami-runtime",
|
|
3
|
-
"version": "0.20.
|
|
3
|
+
"version": "0.20.2",
|
|
4
4
|
"description": "React runtime for Origami-generated component wrappers: context bindings, providers, and className resolution",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -61,5 +61,5 @@
|
|
|
61
61
|
}
|
|
62
62
|
},
|
|
63
63
|
"type": "module",
|
|
64
|
-
"falconPackageHash": "
|
|
64
|
+
"falconPackageHash": "9845bf5c85d098f32787b4366997f4979c33f4649e4cd0b745b24fe5"
|
|
65
65
|
}
|