@cntrl-site/sdk-nextjs 1.0.5 → 1.0.7

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 (23) hide show
  1. package/cntrl-site-sdk-nextjs-1.0.7.tgz +0 -0
  2. package/lib/components/Item.js +1 -3
  3. package/lib/components/items/RichTextItem.js +1 -1
  4. package/lib/components/items/useCodeEmbedItem.js +2 -2
  5. package/lib/components/items/useEmbedVideoItem.js +3 -3
  6. package/lib/components/items/useFileItem.js +4 -4
  7. package/lib/components/items/useGroupItem.js +1 -1
  8. package/lib/components/items/useRectangleItem.js +4 -4
  9. package/lib/components/items/useRichTextItemValues.js +1 -1
  10. package/lib/components/useItemAngle.js +1 -1
  11. package/package.json +1 -1
  12. package/src/components/Item.tsx +1 -3
  13. package/src/components/items/RectangleItem.tsx +0 -1
  14. package/src/components/items/RichTextItem.tsx +1 -1
  15. package/src/components/items/useCodeEmbedItem.ts +2 -2
  16. package/src/components/items/useEmbedVideoItem.ts +3 -3
  17. package/src/components/items/useFileItem.ts +4 -4
  18. package/src/components/items/useGroupItem.ts +1 -1
  19. package/src/components/items/useRectangleItem.ts +4 -4
  20. package/src/components/items/useRichTextItemValues.ts +1 -1
  21. package/src/components/useItemAngle.ts +1 -2
  22. package/.idea/codeStyles/codeStyleConfig.xml +0 -5
  23. package/.idea/inspectionProfiles/Project_Default.xml +0 -15
package/cntrl-site-sdk-nextjs-1.0.7.tgz ADDED
Binary file
package/lib/components/Item.js CHANGED
@@ -128,9 +128,7 @@ const Item = ({ item, sectionId, articleHeight, isInGroup = false }) => {
128
128
  .item-${item.id}-inner {
129
129
  transition: ${(0, HoverStyles_1.getTransitions)(['width', 'height', 'scale'], hoverParams)};
130
130
  width: ${sizingAxis.x === 'manual'
131
- ? isRichText
132
- ? `${area.width * exemplary}px`
133
- : `${area.width * 100}vw`
131
+ ? `${area.width * 100}vw`
134
132
  : 'max-content'};
135
133
  height: ${sizingAxis.y === 'manual' ? `${area.height * 100}vw` : 'unset'};
136
134
  }
package/lib/components/items/RichTextItem.js CHANGED
@@ -28,7 +28,7 @@ const RichTextItem = ({ item, sectionId, onResize }) => {
28
28
  const layoutValues = [item.area, item.layoutParams, item.state.hover];
29
29
  const exemplary = (0, useExemplary_1.useExemplary)();
30
30
  (0, useRegisterResize_1.useRegisterResize)(ref, onResize);
31
- return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { ref: setRef, className: `rich-text-wrapper-${item.id}`, style: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, (blur !== undefined ? { filter: `blur(${blur * 100}vw)` } : {})), (textColor ? { color: `${textColor.fmt('rgba')}` } : {})), (angle !== undefined ? { transform: `rotate(${angle}deg)` } : {})), (letterSpacing !== undefined ? { letterSpacing: `${letterSpacing * exemplary}px` } : {})), (wordSpacing !== undefined ? { wordSpacing: `${wordSpacing * exemplary}px` } : {})), (fontSize !== undefined ? { fontSize: `${Math.round(fontSize * exemplary)}px` } : {})), (lineHeight !== undefined ? { lineHeight: `${lineHeight * exemplary}px` } : {})), children: content }), (0, jsx_runtime_1.jsxs)(style_1.default, { id: id, children: [styles, `${(0, sdk_1.getLayoutStyles)(layouts, layoutValues, ([area, layoutParams, hoverParams], exemplary) => {
31
+ return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { ref: setRef, className: `rich-text-wrapper-${item.id}`, style: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, (blur !== undefined ? { filter: `blur(${blur * 100}vw)` } : {})), (textColor ? { color: `${textColor.fmt('rgba')}` } : {})), (angle !== undefined ? { transform: `rotate(${angle}deg)` } : {})), (letterSpacing !== undefined ? { letterSpacing: `${letterSpacing * exemplary}px` } : {})), (wordSpacing !== undefined ? { wordSpacing: `${wordSpacing * exemplary}px` } : {})), (fontSize !== undefined ? { fontSize: `${Math.round(fontSize * exemplary)}px` } : {})), (lineHeight !== undefined ? { lineHeight: `${lineHeight * exemplary}px` } : {})), children: content }), (0, jsx_runtime_1.jsxs)(style_1.default, { id: id, children: [styles, `${(0, sdk_1.getLayoutStyles)(layouts, layoutValues, ([area, layoutParams, hoverParams]) => {
32
32
  const color = color_1.CntrlColor.parse(layoutParams.color);
33
33
  return (`
34
34
  .rich-text-wrapper-${item.id} {
package/lib/components/items/useCodeEmbedItem.js CHANGED
@@ -11,13 +11,13 @@ const useCodeEmbedItem = (item, sectionId) => {
11
11
  return;
12
12
  const layoutParams = item.layoutParams[layoutId];
13
13
  return 'blur' in layoutParams ? layoutParams.blur : 0;
14
- }, (animator, scroll, value) => value ? animator.getBlur({ blur: value }, scroll).blur : undefined, sectionId, [layoutId]);
14
+ }, (animator, scroll, value) => value !== undefined ? animator.getBlur({ blur: value }, scroll).blur : undefined, sectionId, [layoutId]);
15
15
  const opacity = (0, useKeyframeValue_1.useKeyframeValue)(item, sdk_1.KeyframeType.Opacity, (item, layoutId) => {
16
16
  if (!layoutId)
17
17
  return;
18
18
  const layoutParams = item.layoutParams[layoutId];
19
19
  return 'opacity' in layoutParams ? layoutParams.opacity : 1;
20
- }, (animator, scroll, value) => value ? animator.getOpacity({ opacity: value }, scroll).opacity : undefined, sectionId, [layoutId]);
20
+ }, (animator, scroll, value) => value !== undefined ? animator.getOpacity({ opacity: value }, scroll).opacity : undefined, sectionId, [layoutId]);
21
21
  const anchor = layoutId && 'areaAnchor' in item.layoutParams[layoutId] ? item.layoutParams[layoutId].areaAnchor : sdk_1.AreaAnchor.TopLeft;
22
22
  return { anchor, blur, opacity };
23
23
  };
package/lib/components/items/useEmbedVideoItem.js CHANGED
@@ -11,19 +11,19 @@ const useEmbedVideoItem = (item, sectionId) => {
11
11
  return;
12
12
  const layoutParams = item.layoutParams[layoutId];
13
13
  return 'radius' in layoutParams ? layoutParams.radius : 0;
14
- }, (animator, scroll, value) => value ? animator.getRadius({ radius: value }, scroll).radius : undefined, sectionId, [layoutId]);
14
+ }, (animator, scroll, value) => value !== undefined ? animator.getRadius({ radius: value }, scroll).radius : undefined, sectionId, [layoutId]);
15
15
  const blur = (0, useKeyframeValue_1.useKeyframeValue)(item, sdk_1.KeyframeType.Blur, (item, layoutId) => {
16
16
  if (!layoutId)
17
17
  return;
18
18
  const layoutParams = item.layoutParams[layoutId];
19
19
  return 'blur' in layoutParams ? layoutParams.blur : 0;
20
- }, (animator, scroll, value) => value ? animator.getBlur({ blur: value }, scroll).blur : undefined, sectionId, [layoutId]);
20
+ }, (animator, scroll, value) => value !== undefined ? animator.getBlur({ blur: value }, scroll).blur : undefined, sectionId, [layoutId]);
21
21
  const opacity = (0, useKeyframeValue_1.useKeyframeValue)(item, sdk_1.KeyframeType.Opacity, (item, layoutId) => {
22
22
  if (!layoutId)
23
23
  return;
24
24
  const layoutParams = item.layoutParams[layoutId];
25
25
  return 'opacity' in layoutParams ? layoutParams.opacity : 1;
26
- }, (animator, scroll, value) => value ? animator.getOpacity({ opacity: value }, scroll).opacity : undefined, sectionId, [layoutId]);
26
+ }, (animator, scroll, value) => value !== undefined ? animator.getOpacity({ opacity: value }, scroll).opacity : undefined, sectionId, [layoutId]);
27
27
  return { radius, blur, opacity };
28
28
  };
29
29
  exports.useEmbedVideoItem = useEmbedVideoItem;
package/lib/components/items/useFileItem.js CHANGED
@@ -12,19 +12,19 @@ const useFileItem = (item, sectionId) => {
12
12
  return;
13
13
  const layoutParams = item.layoutParams[layoutId];
14
14
  return 'radius' in layoutParams ? layoutParams.radius : 0;
15
- }, (animator, scroll, value) => value ? animator.getRadius({ radius: value }, scroll).radius : undefined, sectionId, [layoutId]);
15
+ }, (animator, scroll, value) => value !== undefined ? animator.getRadius({ radius: value }, scroll).radius : undefined, sectionId, [layoutId]);
16
16
  const strokeWidth = (0, useKeyframeValue_1.useKeyframeValue)(item, sdk_1.KeyframeType.BorderWidth, (item, layoutId) => {
17
17
  if (!layoutId)
18
18
  return;
19
19
  const layoutParams = item.layoutParams[layoutId];
20
20
  return 'strokeWidth' in layoutParams ? layoutParams.strokeWidth : 0;
21
- }, (animator, scroll, value) => value ? animator.getBorderWidth({ borderWidth: value }, scroll).borderWidth : undefined, sectionId, [layoutId]);
21
+ }, (animator, scroll, value) => value !== undefined ? animator.getBorderWidth({ borderWidth: value }, scroll).borderWidth : undefined, sectionId, [layoutId]);
22
22
  const opacity = (0, useKeyframeValue_1.useKeyframeValue)(item, sdk_1.KeyframeType.Opacity, (item, layoutId) => {
23
23
  if (!layoutId)
24
24
  return;
25
25
  const layoutParams = item.layoutParams[layoutId];
26
26
  return 'opacity' in layoutParams ? layoutParams.opacity : 1;
27
- }, (animator, scroll, value) => value ? animator.getOpacity({ opacity: value }, scroll).opacity : undefined, sectionId, [layoutId]);
27
+ }, (animator, scroll, value) => value !== undefined ? animator.getOpacity({ opacity: value }, scroll).opacity : undefined, sectionId, [layoutId]);
28
28
  const strokeColor = (0, useKeyframeValue_1.useKeyframeValue)(item, sdk_1.KeyframeType.BorderColor, (item, layoutId) => {
29
29
  if (!layoutId)
30
30
  return;
@@ -36,7 +36,7 @@ const useFileItem = (item, sectionId) => {
36
36
  return;
37
37
  const layoutParams = item.layoutParams[layoutId];
38
38
  return 'blur' in layoutParams ? layoutParams.blur : 0;
39
- }, (animator, scroll, value) => value ? animator.getBlur({ blur: value }, scroll).blur : undefined, sectionId, [layoutId]);
39
+ }, (animator, scroll, value) => value !== undefined ? animator.getBlur({ blur: value }, scroll).blur : undefined, sectionId, [layoutId]);
40
40
  return { radius, strokeWidth, opacity, strokeColor, blur };
41
41
  };
42
42
  exports.useFileItem = useFileItem;
package/lib/components/items/useGroupItem.js CHANGED
@@ -11,7 +11,7 @@ function useGroupItem(item, sectionId) {
11
11
  return;
12
12
  const layoutParams = item.layoutParams[layoutId];
13
13
  return 'opacity' in layoutParams ? layoutParams.opacity : 1;
14
- }, (animator, scroll, value) => value ? animator.getOpacity({ opacity: value }, scroll).opacity : undefined, sectionId, [layoutId]);
14
+ }, (animator, scroll, value) => value !== undefined ? animator.getOpacity({ opacity: value }, scroll).opacity : undefined, sectionId, [layoutId]);
15
15
  return { opacity };
16
16
  }
17
17
  exports.useGroupItem = useGroupItem;
package/lib/components/items/useRectangleItem.js CHANGED
@@ -12,13 +12,13 @@ const useRectangleItem = (item, sectionId) => {
12
12
  return;
13
13
  const layoutParams = item.layoutParams[layoutId];
14
14
  return 'radius' in layoutParams ? layoutParams.radius : 0;
15
- }, (animator, scroll, value) => value ? animator.getRadius({ radius: value }, scroll).radius : undefined, sectionId, [layoutId]);
15
+ }, (animator, scroll, value) => value !== undefined ? animator.getRadius({ radius: value }, scroll).radius : undefined, sectionId, [layoutId]);
16
16
  const strokeWidth = (0, useKeyframeValue_1.useKeyframeValue)(item, sdk_1.KeyframeType.BorderWidth, (item, layoutId) => {
17
17
  if (!layoutId)
18
18
  return;
19
19
  const layoutParams = item.layoutParams[layoutId];
20
20
  return 'strokeWidth' in layoutParams ? layoutParams.strokeWidth : 0;
21
- }, (animator, scroll, value) => value ? animator.getBorderWidth({ borderWidth: value }, scroll).borderWidth : undefined, sectionId, [layoutId]);
21
+ }, (animator, scroll, value) => value !== undefined ? animator.getBorderWidth({ borderWidth: value }, scroll).borderWidth : undefined, sectionId, [layoutId]);
22
22
  const fillColor = (0, useKeyframeValue_1.useKeyframeValue)(item, sdk_1.KeyframeType.Color, (item, layoutId) => {
23
23
  if (!layoutId)
24
24
  return;
@@ -36,13 +36,13 @@ const useRectangleItem = (item, sectionId) => {
36
36
  return;
37
37
  const layoutParams = item.layoutParams[layoutId];
38
38
  return 'blur' in layoutParams ? layoutParams.blur : 0;
39
- }, (animator, scroll, value) => value ? animator.getBlur({ blur: value }, scroll).blur : undefined, sectionId, [layoutId]);
39
+ }, (animator, scroll, value) => value !== undefined ? animator.getBlur({ blur: value }, scroll).blur : undefined, sectionId, [layoutId]);
40
40
  const backdropBlur = (0, useKeyframeValue_1.useKeyframeValue)(item, sdk_1.KeyframeType.BackdropBlur, (item, layoutId) => {
41
41
  if (!layoutId)
42
42
  return;
43
43
  const layoutParams = item.layoutParams[layoutId];
44
44
  return 'backdropBlur' in layoutParams ? layoutParams.backdropBlur : 0;
45
- }, (animator, scroll, value) => value ? animator.getBackdropBlur({ backdropBlur: value }, scroll).backdropBlur : undefined, sectionId, [layoutId]);
45
+ }, (animator, scroll, value) => value !== undefined ? animator.getBackdropBlur({ backdropBlur: value }, scroll).backdropBlur : undefined, sectionId, [layoutId]);
46
46
  return { fillColor, strokeWidth, radius, strokeColor, blur, backdropBlur };
47
47
  };
48
48
  exports.useRectangleItem = useRectangleItem;
package/lib/components/items/useRichTextItemValues.js CHANGED
@@ -12,7 +12,7 @@ const useRichTextItemValues = (item, sectionId) => {
12
12
  return;
13
13
  const layoutParams = item.layoutParams[layoutId];
14
14
  return 'blur' in layoutParams ? layoutParams.blur : 0;
15
- }, (animator, scroll, value) => value ? animator.getBlur({ blur: value }, scroll).blur : undefined, sectionId, [layoutId]);
15
+ }, (animator, scroll, value) => value !== undefined ? animator.getBlur({ blur: value }, scroll).blur : undefined, sectionId, [layoutId]);
16
16
  const letterSpacing = (0, useKeyframeValue_1.useKeyframeValue)(item, sdk_1.KeyframeType.LetterSpacing, (item, layoutId) => {
17
17
  if (!layoutId)
18
18
  return;
package/lib/components/useItemAngle.js CHANGED
@@ -4,7 +4,7 @@ exports.useItemAngle = void 0;
4
4
  const sdk_1 = require("@cntrl-site/sdk");
5
5
  const useKeyframeValue_1 = require("../common/useKeyframeValue");
6
6
  const useItemAngle = (item, sectionId) => {
7
- const angle = (0, useKeyframeValue_1.useKeyframeValue)(item, sdk_1.KeyframeType.Rotation, (item, layoutId) => layoutId ? item.area[layoutId].angle : undefined, (animator, scroll, value) => value ? animator.getRotation({ angle: value }, scroll).angle : undefined, sectionId);
7
+ const angle = (0, useKeyframeValue_1.useKeyframeValue)(item, sdk_1.KeyframeType.Rotation, (item, layoutId) => layoutId ? item.area[layoutId].angle : undefined, (animator, scroll, value) => value !== undefined ? animator.getRotation({ angle: value }, scroll).angle : undefined, sectionId);
8
8
  return angle;
9
9
  };
10
10
  exports.useItemAngle = useItemAngle;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cntrl-site/sdk-nextjs",
3
- "version": "1.0.5",
3
+ "version": "1.0.7",
4
4
  "description": "SDK for Next.js",
5
5
  "main": "lib/index.js",
6
6
  "types": "src/index.ts",
package/src/components/Item.tsx CHANGED
@@ -187,9 +187,7 @@ export const Item: FC<ItemWrapperProps> = ({ item, sectionId, articleHeight, isI
187
187
  .item-${item.id}-inner {
188
188
  transition: ${getTransitions(['width', 'height', 'scale'], hoverParams)};
189
189
  width: ${sizingAxis.x === 'manual'
190
- ? isRichText
191
- ? `${area.width * exemplary}px`
192
- : `${area.width * 100}vw`
190
+ ? `${area.width * 100}vw`
193
191
  : 'max-content'};
194
192
  height: ${sizingAxis.y === 'manual' ? `${area.height * 100}vw` : 'unset'};
195
193
  }
package/src/components/items/RectangleItem.tsx CHANGED
@@ -9,7 +9,6 @@ import { useItemAngle } from '../useItemAngle';
9
9
  import { useCntrlContext } from '../../provider/useCntrlContext';
10
10
  import { getHoverStyles, getTransitions } from '../../utils/HoverStyles/HoverStyles';
11
11
  import { useRegisterResize } from "../../common/useRegisterResize";
12
- import { useLayoutContext } from '../useLayoutContext';
13
12
 
14
13
  export const RectangleItem: FC<ItemProps<TRectangleItem>> = ({ item, sectionId, onResize }) => {
15
14
  const id = useId();
package/src/components/items/RichTextItem.tsx CHANGED
@@ -43,7 +43,7 @@ export const RichTextItem: FC<ItemProps<TRichTextItem>> = ({ item, sectionId, on
43
43
  </div>
44
44
  <JSXStyle id={id}>
45
45
  {styles}
46
- {`${getLayoutStyles(layouts, layoutValues, ([area, layoutParams, hoverParams], exemplary) => {
46
+ {`${getLayoutStyles(layouts, layoutValues, ([area, layoutParams, hoverParams]) => {
47
47
  const color = CntrlColor.parse(layoutParams.color);
48
48
  return (`
49
49
  .rich-text-wrapper-${item.id} {
package/src/components/items/useCodeEmbedItem.ts CHANGED
@@ -13,7 +13,7 @@ export const useCodeEmbedItem = (item: CodeEmbedItem, sectionId: string) => {
13
13
  const layoutParams = item.layoutParams[layoutId];
14
14
  return 'blur' in layoutParams ? layoutParams.blur : 0;
15
15
  },
16
- (animator, scroll, value) => value ? animator.getBlur({ blur: value }, scroll).blur : undefined,
16
+ (animator, scroll, value) => value !== undefined ? animator.getBlur({ blur: value }, scroll).blur : undefined,
17
17
  sectionId,
18
18
  [layoutId]
19
19
  );
@@ -26,7 +26,7 @@ export const useCodeEmbedItem = (item: CodeEmbedItem, sectionId: string) => {
26
26
  const layoutParams = item.layoutParams[layoutId];
27
27
  return 'opacity' in layoutParams ? layoutParams.opacity : 1;
28
28
  },
29
- (animator, scroll, value) => value ? animator.getOpacity({ opacity: value }, scroll).opacity : undefined,
29
+ (animator, scroll, value) => value !== undefined ? animator.getOpacity({ opacity: value }, scroll).opacity : undefined,
30
30
  sectionId,
31
31
  [layoutId]
32
32
  );
package/src/components/items/useEmbedVideoItem.ts CHANGED
@@ -12,7 +12,7 @@ export const useEmbedVideoItem = (item: VimeoEmbedItem | YoutubeEmbedItem, secti
12
12
  const layoutParams = item.layoutParams[layoutId];
13
13
  return 'radius' in layoutParams ? layoutParams.radius : 0;
14
14
  },
15
- (animator, scroll, value) => value ? animator.getRadius({ radius: value }, scroll).radius : undefined,
15
+ (animator, scroll, value) => value !== undefined ? animator.getRadius({ radius: value }, scroll).radius : undefined,
16
16
  sectionId,
17
17
  [layoutId]
18
18
  );
@@ -24,7 +24,7 @@ export const useEmbedVideoItem = (item: VimeoEmbedItem | YoutubeEmbedItem, secti
24
24
  const layoutParams = item.layoutParams[layoutId];
25
25
  return 'blur' in layoutParams ? layoutParams.blur : 0;
26
26
  },
27
- (animator, scroll, value) => value ? animator.getBlur({ blur: value }, scroll).blur : undefined,
27
+ (animator, scroll, value) => value !== undefined ? animator.getBlur({ blur: value }, scroll).blur : undefined,
28
28
  sectionId,
29
29
  [layoutId]
30
30
  );
@@ -37,7 +37,7 @@ export const useEmbedVideoItem = (item: VimeoEmbedItem | YoutubeEmbedItem, secti
37
37
  const layoutParams = item.layoutParams[layoutId];
38
38
  return 'opacity' in layoutParams ? layoutParams.opacity : 1;
39
39
  },
40
- (animator, scroll, value) => value ? animator.getOpacity({ opacity: value }, scroll).opacity : undefined,
40
+ (animator, scroll, value) => value !== undefined ? animator.getOpacity({ opacity: value }, scroll).opacity : undefined,
41
41
  sectionId,
42
42
  [layoutId]
43
43
  );
package/src/components/items/useFileItem.ts CHANGED
@@ -13,7 +13,7 @@ export const useFileItem = (item: ImageItem | VideoItem, sectionId: string) => {
13
13
  const layoutParams = item.layoutParams[layoutId];
14
14
  return 'radius' in layoutParams ? layoutParams.radius : 0;
15
15
  },
16
- (animator, scroll, value) => value ? animator.getRadius({ radius: value }, scroll).radius : undefined,
16
+ (animator, scroll, value) => value !== undefined ? animator.getRadius({ radius: value }, scroll).radius : undefined,
17
17
  sectionId,
18
18
  [layoutId]
19
19
  );
@@ -25,7 +25,7 @@ export const useFileItem = (item: ImageItem | VideoItem, sectionId: string) => {
25
25
  const layoutParams = item.layoutParams[layoutId];
26
26
  return 'strokeWidth' in layoutParams ? layoutParams.strokeWidth : 0;
27
27
  },
28
- (animator, scroll, value) => value ? animator.getBorderWidth({ borderWidth: value }, scroll).borderWidth : undefined,
28
+ (animator, scroll, value) => value !== undefined ? animator.getBorderWidth({ borderWidth: value }, scroll).borderWidth : undefined,
29
29
  sectionId,
30
30
  [layoutId]
31
31
  );
@@ -38,7 +38,7 @@ export const useFileItem = (item: ImageItem | VideoItem, sectionId: string) => {
38
38
  const layoutParams = item.layoutParams[layoutId];
39
39
  return 'opacity' in layoutParams ? layoutParams.opacity : 1;
40
40
  },
41
- (animator, scroll, value) => value ? animator.getOpacity({ opacity: value }, scroll).opacity : undefined,
41
+ (animator, scroll, value) => value !== undefined ? animator.getOpacity({ opacity: value }, scroll).opacity : undefined,
42
42
  sectionId,
43
43
  [layoutId]
44
44
  );
@@ -64,7 +64,7 @@ export const useFileItem = (item: ImageItem | VideoItem, sectionId: string) => {
64
64
  const layoutParams = item.layoutParams[layoutId];
65
65
  return 'blur' in layoutParams ? layoutParams.blur : 0;
66
66
  },
67
- (animator, scroll, value) => value ? animator.getBlur({ blur: value }, scroll).blur : undefined,
67
+ (animator, scroll, value) => value !== undefined ? animator.getBlur({ blur: value }, scroll).blur : undefined,
68
68
  sectionId,
69
69
  [layoutId]
70
70
  );
package/src/components/items/useGroupItem.ts CHANGED
@@ -12,7 +12,7 @@ export function useGroupItem(item: GroupItem, sectionId: string) {
12
12
  const layoutParams = item.layoutParams[layoutId];
13
13
  return 'opacity' in layoutParams ? layoutParams.opacity : 1;
14
14
  },
15
- (animator, scroll, value) => value ? animator.getOpacity({ opacity: value }, scroll).opacity : undefined,
15
+ (animator, scroll, value) => value !== undefined ? animator.getOpacity({ opacity: value }, scroll).opacity : undefined,
16
16
  sectionId,
17
17
  [layoutId]
18
18
  );
package/src/components/items/useRectangleItem.ts CHANGED
@@ -14,7 +14,7 @@ export const useRectangleItem = (item: RectangleItem, sectionId: string) => {
14
14
  const layoutParams = item.layoutParams[layoutId];
15
15
  return 'radius' in layoutParams ? layoutParams.radius : 0;
16
16
  },
17
- (animator, scroll, value) => value ? animator.getRadius({ radius: value }, scroll).radius : undefined,
17
+ (animator, scroll, value) => value !== undefined ? animator.getRadius({ radius: value }, scroll).radius : undefined,
18
18
  sectionId,
19
19
  [layoutId]
20
20
  );
@@ -26,7 +26,7 @@ export const useRectangleItem = (item: RectangleItem, sectionId: string) => {
26
26
  const layoutParams = item.layoutParams[layoutId];
27
27
  return 'strokeWidth' in layoutParams ? layoutParams.strokeWidth : 0;
28
28
  },
29
- (animator, scroll, value) => value ? animator.getBorderWidth({ borderWidth: value }, scroll).borderWidth : undefined,
29
+ (animator, scroll, value) => value !== undefined ? animator.getBorderWidth({ borderWidth: value }, scroll).borderWidth : undefined,
30
30
  sectionId,
31
31
  [layoutId]
32
32
  );
@@ -62,7 +62,7 @@ export const useRectangleItem = (item: RectangleItem, sectionId: string) => {
62
62
  const layoutParams = item.layoutParams[layoutId];
63
63
  return 'blur' in layoutParams ? layoutParams.blur : 0;
64
64
  },
65
- (animator, scroll, value) => value ? animator.getBlur({ blur: value }, scroll).blur : undefined,
65
+ (animator, scroll, value) => value !== undefined ? animator.getBlur({ blur: value }, scroll).blur : undefined,
66
66
  sectionId,
67
67
  [layoutId]
68
68
  );
@@ -74,7 +74,7 @@ export const useRectangleItem = (item: RectangleItem, sectionId: string) => {
74
74
  const layoutParams = item.layoutParams[layoutId];
75
75
  return 'backdropBlur' in layoutParams ? layoutParams.backdropBlur : 0;
76
76
  },
77
- (animator, scroll, value) => value ? animator.getBackdropBlur({ backdropBlur: value }, scroll).backdropBlur : undefined,
77
+ (animator, scroll, value) => value !== undefined ? animator.getBackdropBlur({ backdropBlur: value }, scroll).backdropBlur : undefined,
78
78
  sectionId,
79
79
  [layoutId]
80
80
  );
package/src/components/items/useRichTextItemValues.ts CHANGED
@@ -14,7 +14,7 @@ export const useRichTextItemValues = (item: RichTextItem, sectionId: string) =>
14
14
  const layoutParams = item.layoutParams[layoutId];
15
15
  return 'blur' in layoutParams ? layoutParams.blur : 0;
16
16
  },
17
- (animator, scroll, value) => value ? animator.getBlur({ blur: value }, scroll).blur : undefined,
17
+ (animator, scroll, value) => value !== undefined ? animator.getBlur({ blur: value }, scroll).blur : undefined,
18
18
  sectionId,
19
19
  [layoutId]
20
20
  );
package/src/components/useItemAngle.ts CHANGED
@@ -6,9 +6,8 @@ export const useItemAngle = (item: ItemAny, sectionId: string) => {
6
6
  item,
7
7
  KeyframeType.Rotation,
8
8
  (item, layoutId) => layoutId ? item.area[layoutId].angle : undefined,
9
- (animator, scroll, value) => value ? animator.getRotation({ angle: value }, scroll).angle : undefined,
9
+ (animator, scroll, value) => value !== undefined ? animator.getRotation({ angle: value }, scroll).angle : undefined,
10
10
  sectionId
11
11
  );
12
12
  return angle;
13
13
  };
14
-
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/inspectionProfiles/Project_Default.xml DELETED
@@ -1,15 +0,0 @@
1
- <component name="InspectionProjectProfileManager">
2
- <profile version="1.0">
3
- <option name="myName" value="Project Default" />
4
- <inspection_tool class="HtmlUnknownAttribute" enabled="true" level="WARNING" enabled_by_default="true">
5
- <option name="myValues">
6
- <value>
7
- <list size="1">
8
- <item index="0" class="java.lang.String" itemvalue="jsx" />
9
- </list>
10
- </value>
11
- </option>
12
- <option name="myCustomValuesEnabled" value="true" />
13
- </inspection_tool>
14
- </profile>
15
- </component>