@cntrl-site/sdk-nextjs 1.9.122 → 1.9.124

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 (11) hide show
  1. package/lib/components/StructuredBlockItem/StructuredBlockItem.js +1 -1
  2. package/lib/components/StructuredBlockItem/StructuredComponent/StructuredComponent.js +1 -1
  3. package/lib/components/items/ComponentItem/ComponentItem.js +2 -2
  4. package/package.json +2 -2
  5. package/src/components/StructuredBlockItem/StructuredBlockItem.tsx +1 -1
  6. package/src/components/StructuredBlockItem/StructuredComponent/StructuredComponent.tsx +1 -1
  7. package/src/components/items/ComponentItem/ComponentItem.tsx +2 -2
  8. package/.idea/codeStyles/codeStyleConfig.xml +0 -5
  9. package/.idea/modules.xml +0 -8
  10. package/.idea/sdk-nextjs.iml +0 -12
  11. package/.idea/vcs.xml +0 -6
package/lib/components/StructuredBlockItem/StructuredBlockItem.js CHANGED
@@ -36,7 +36,7 @@ const StructuredBlockItem = ({ block, maxWidthMap }) => {
36
36
  align-self: ${getAlignSelf((_a = area.alignment) !== null && _a !== void 0 ? _a : 'center')};
37
37
  width: ${sizingAxis.x === 'manual' && area.width ? `${area.width * 100}vw` : maxWidth !== null && maxWidth !== void 0 ? maxWidth : 'max-content'};
38
38
  height: ${sizingAxis.y === 'manual' && area.height ? `${area.height * 100}vw` : 'unset'};
39
- padding-top: ${area.paddingTop ? `${area.paddingTop * 100}vw` : 'unset'};
39
+ margin-top: ${area.paddingTop ? `${area.paddingTop * 100}vw` : 'unset'};
40
40
  outline: none;
41
41
  left: ${((_b = area.horizontalOffset) !== null && _b !== void 0 ? _b : 0) * 100}vw;
42
42
  position: relative;
package/lib/components/StructuredBlockItem/StructuredComponent/StructuredComponent.js CHANGED
@@ -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
  `);
package/lib/components/items/ComponentItem/ComponentItem.js CHANGED
@@ -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.122",
3
+ "version": "1.9.124",
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.65",
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",
package/src/components/StructuredBlockItem/StructuredBlockItem.tsx CHANGED
@@ -44,7 +44,7 @@ export const StructuredBlockItem: FC<Props> = ({ block, maxWidthMap }) => {
44
44
  align-self: ${getAlignSelf(area.alignment ?? 'center')};
45
45
  width: ${sizingAxis.x === 'manual' && area.width ? `${area.width * 100}vw` : maxWidth ?? 'max-content'};
46
46
  height: ${sizingAxis.y === 'manual' && area.height ? `${area.height * 100}vw` : 'unset'};
47
- padding-top: ${area.paddingTop ? `${area.paddingTop * 100}vw` : 'unset'};
47
+ margin-top: ${area.paddingTop ? `${area.paddingTop * 100}vw` : 'unset'};
48
48
  outline: none;
49
49
  left: ${(area.horizontalOffset ?? 0) * 100}vw;
50
50
  position: relative;
package/src/components/StructuredBlockItem/StructuredComponent/StructuredComponent.tsx CHANGED
@@ -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
  `);
package/src/components/items/ComponentItem/ComponentItem.tsx CHANGED
@@ -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
  `);
package/.idea/codeStyles/codeStyleConfig.xml DELETED
@@ -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>
package/.idea/sdk-nextjs.iml DELETED
@@ -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>