@cntrl-site/sdk-nextjs 1.9.121 → 1.9.123

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.
@@ -41,7 +41,7 @@ const StructuredComponent = ({ block }) => {
41
41
  return (`
42
42
  .custom-component-${block.id} {
43
43
  opacity: ${layoutParams.opacity};
44
- filter: blur(${layoutParams.blur}vw);
44
+ ${layoutParams.blur !== 0 ? `filter: blur(${layoutParams.blur}vw);` : ''}
45
45
  ${layoutParams.blur !== 0 ? 'will-change: transform;' : ''}
46
46
  }
47
47
  `);
@@ -44,7 +44,7 @@ const ComponentItem = ({ item, sectionId, onResize, interactionCtrl }) => {
44
44
  // so empty space around it does not activate the link.
45
45
  style: hasLink ? { pointerEvents: 'none' } : undefined, children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: `custom-component-${item.id}`, ref: setRef, style: Object.assign(Object.assign(Object.assign(Object.assign({}, (opacity !== undefined
46
46
  ? { opacity: layout == null ? 0 : opacity }
47
- : layout == null ? { opacity: 0 } : {})), (angle !== undefined ? { transform: `rotate(${angle}deg)` } : {})), (blur !== undefined ? { filter: `blur(${blur * 100}vw)` } : {})), { willChange: blur !== 0 && blur !== undefined ? 'transform' : 'unset', transition: (_j = stateParams === null || stateParams === void 0 ? void 0 : stateParams.transition) !== null && _j !== void 0 ? _j : 'none' }), children: parameters && Element && ((0, jsx_runtime_1.jsx)(Element, Object.assign({ metadata: {
47
+ : layout == null ? { opacity: 0 } : {})), (angle !== undefined ? { transform: `rotate(${angle}deg)` } : {})), (blur !== undefined && blur !== 0 ? { filter: `blur(${blur * 100}vw)` } : {})), { willChange: blur !== 0 && blur !== undefined ? 'transform' : 'unset', transition: (_j = stateParams === null || stateParams === void 0 ? void 0 : stateParams.transition) !== null && _j !== void 0 ? _j : 'none' }), children: parameters && Element && ((0, jsx_runtime_1.jsx)(Element, Object.assign({ metadata: {
48
48
  itemId: item.id,
49
49
  submitUrl: sdk.getSubmitUrl(commonParameters === null || commonParameters === void 0 ? void 0 : commonParameters.pluginConfigId)
50
50
  }, portalId: "component-portal", content: item.commonParams.content }, parameters, { hasLink: hasLink }))) }), (0, jsx_runtime_1.jsx)(style_1.default, { id: item.id, children: `
@@ -58,7 +58,7 @@ const ComponentItem = ({ item, sectionId, onResize, interactionCtrl }) => {
58
58
  .custom-component-${item.id} {
59
59
  transform: rotate(${area.angle}deg);
60
60
  opacity: ${layoutParams.opacity};
61
- filter: blur(${layoutParams.blur}vw);
61
+ ${layoutParams.blur !== 0 ? `filter: blur(${layoutParams.blur}vw);` : ''}
62
62
  ${layoutParams.blur !== 0 ? 'will-change: transform;' : ''}
63
63
  }
64
64
  `);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cntrl-site/sdk-nextjs",
3
- "version": "1.9.121",
3
+ "version": "1.9.123",
4
4
  "description": "SDK for Next.js",
5
5
  "author": "arsen@momdesign.nyc",
6
6
  "license": "MIT",
@@ -31,7 +31,7 @@
31
31
  "dependencies": {
32
32
  "@antfu/eslint-config": "^3.8.0",
33
33
  "@cntrl-site/color": "^1.0.0",
34
- "@cntrl-site/components": "^1.0.64",
34
+ "@cntrl-site/components": "^1.0.66",
35
35
  "@cntrl-site/effects": "^1.4.2",
36
36
  "@cntrl-site/sdk": "^1.28.7",
37
37
  "@types/vimeo__player": "^2.18.0",
@@ -57,7 +57,7 @@ export const StructuredComponent: FC<Props> = ({ block }) => {
57
57
  return (`
58
58
  .custom-component-${block.id} {
59
59
  opacity: ${layoutParams.opacity};
60
- filter: blur(${layoutParams.blur}vw);
60
+ ${layoutParams.blur !== 0 ? `filter: blur(${layoutParams.blur}vw);` : ''}
61
61
  ${layoutParams.blur !== 0 ? 'will-change: transform;' : ''}
62
62
  }
63
63
  `);
@@ -56,7 +56,7 @@ export const ComponentItem: FC<ItemProps<TComponentItem>> = ({ item, sectionId,
56
56
  ? { opacity: layout == null ? 0 : opacity }
57
57
  : layout == null ? { opacity: 0 } : {}),
58
58
  ...(angle !== undefined ? { transform: `rotate(${angle}deg)` } : {}),
59
- ...(blur !== undefined ? { filter: `blur(${blur * 100}vw)` } : {}),
59
+ ...(blur !== undefined && blur !== 0 ? { filter: `blur(${blur * 100}vw)` } : {}),
60
60
  willChange: blur !== 0 && blur !== undefined ? 'transform' : 'unset',
61
61
  transition: stateParams?.transition ?? 'none'
62
62
  }}
@@ -85,7 +85,7 @@ export const ComponentItem: FC<ItemProps<TComponentItem>> = ({ item, sectionId,
85
85
  .custom-component-${item.id} {
86
86
  transform: rotate(${area.angle}deg);
87
87
  opacity: ${layoutParams.opacity};
88
- filter: blur(${layoutParams.blur}vw);
88
+ ${layoutParams.blur !== 0 ? `filter: blur(${layoutParams.blur}vw);` : ''}
89
89
  ${layoutParams.blur !== 0 ? 'will-change: transform;' : ''}
90
90
  }
91
91
  `);
@@ -1,5 +0,0 @@
1
- <component name="ProjectCodeStyleConfiguration">
2
- <state>
3
- <option name="PREFERRED_PROJECT_CODE_STYLE" value="Default" />
4
- </state>
5
- </component>
package/.idea/modules.xml DELETED
@@ -1,8 +0,0 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <project version="4">
3
- <component name="ProjectModuleManager">
4
- <modules>
5
- <module fileurl="file://$PROJECT_DIR$/.idea/sdk-nextjs.iml" filepath="$PROJECT_DIR$/.idea/sdk-nextjs.iml" />
6
- </modules>
7
- </component>
8
- </project>
@@ -1,12 +0,0 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <module type="WEB_MODULE" version="4">
3
- <component name="NewModuleRootManager">
4
- <content url="file://$MODULE_DIR$">
5
- <excludeFolder url="file://$MODULE_DIR$/temp" />
6
- <excludeFolder url="file://$MODULE_DIR$/.tmp" />
7
- <excludeFolder url="file://$MODULE_DIR$/tmp" />
8
- </content>
9
- <orderEntry type="inheritedJdk" />
10
- <orderEntry type="sourceFolder" forTests="false" />
11
- </component>
12
- </module>
package/.idea/vcs.xml DELETED
@@ -1,6 +0,0 @@
1
- <?xml version="1.0" encoding="UTF-8"?>
2
- <project version="4">
3
- <component name="VcsDirectoryMappings">
4
- <mapping directory="$PROJECT_DIR$" vcs="Git" />
5
- </component>
6
- </project>