@wix/origami-runtime 0.20.0 → 0.20.1

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.
Files changed (6) hide show
  1. package/dist/classNames.d.ts +1 -0
  2. package/dist/classNames.js +1 -0
  3. package/dist/classNames.js.map +1 -1
  4. package/dist/withInteractions.js +4 -3
  5. package/dist/withInteractions.js.map +1 -1
  6. 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/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 id.
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 { id, wix } = props;
9
- const key = wix?.compPath ?? id;
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
  }
package/dist/withInteractions.js.map CHANGED
@@ -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;AAExD,2FAA2F;AAC3F,yFAAyF;AACzF,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,EAAE,EAAE,GAAG,EAAE,GAAG,KAAqD,CAAA;IACzE,MAAM,GAAG,GAAG,GAAG,EAAE,QAAQ,IAAI,EAAE,CAAA;IAE/B,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"}
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.0",
3
+ "version": "0.20.1",
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": "adc127451f54d83d1ce72435a5848d2952587c93b30235c8f914a4ec"
64
+ "falconPackageHash": "a6dafda18b692b62249be1ec53866333ed7029e111947f6d094a1d72"
65
65
  }