@leva-ui/plugin-bezier - npm Package Compare versions

Comparing version 0.9.9 to 0.9.10

CHANGELOG.md

 # @leva-ui/plugin-bezier
 
+## 0.9.10
+
+### Patch Changes
+
+- 16e3c14: feat: add `preview` flag to disable dot preview.
+- Updated dependencies [16e3c14]
+  - leva@0.9.10
+
 ## 0.9.8
@@ -4,0 +12,0 @@

dist/declarations/src/bezier-types.d.ts

@@ -7,2 +7,3 @@ import type { LevaInputProps, InternalVectorSettings, MergedInputWithSettings } from 'leva/plugin';
     graph?: boolean;
+    preview?: boolean;
 };
@@ -22,3 +23,4 @@ export declare type BezierInput = MergedInputWithSettings<Bezier, BezierSettings, 'handles'>;
     graph: boolean;
+    preview: boolean;
 };
 export declare type BezierProps = LevaInputProps<InternalBezier, InternalBezierSettings, DisplayValueBezier>;

dist/declarations/src/Bezier.d.ts

@@ -1,2 +0,1 @@
-/// <reference types="react" />
 export declare function Bezier(): JSX.Element;

dist/declarations/src/BezierPreview.d.ts

@@ -1,3 +0,2 @@
-/// <reference types="react" />
 import type { BezierProps } from './bezier-types';
 export declare function BezierPreview({ value }: Pick<BezierProps, 'value'>): JSX.Element;

dist/declarations/src/BezierSvg.d.ts

@@ -1,3 +0,4 @@
-/// <reference types="react" />
 import type { BezierProps } from './bezier-types';
-export declare function BezierSvg({ displayValue, onUpdate }: Pick<BezierProps, 'displayValue' | 'onUpdate'>): JSX.Element;
+export declare function BezierSvg({ displayValue, onUpdate, withPreview, }: Pick<BezierProps, 'displayValue' | 'onUpdate'> & {
+    withPreview: boolean;
+}): JSX.Element;

dist/declarations/src/StyledBezier.d.ts

@@ -1,2 +0,7 @@
-export declare const Svg: import("@stitches/react").StitchesComponentWithAutoCompleteForJSXElements<"svg", {}, import("@stitches/core").TMedias & {
+export declare const Svg: import("@stitches/react").StitchesComponentWithAutoCompleteForJSXElements<"svg", {
+    withPreview: {
+        true: any;
+        false: any;
+    };
+}, import("@stitches/core").TMedias & {
     initial: "";
@@ -3,0 +8,0 @@ }, {

dist/leva-ui-plugin-bezier.cjs.dev.js

@@ -224,2 +224,12 @@ 'use strict';
     stroke: 'currentColor'
+  },
+  variants: {
+    withPreview: {
+      true: {
+        marginBottom: 0
+      },
+      false: {
+        marginBottom: '$rowGap'
+      }
+    }
   }
@@ -308,3 +318,4 @@ });
   displayValue,
-  onUpdate
+  onUpdate,
+  withPreview
 }) {
@@ -371,3 +382,5 @@ const r = useRange();
     ref: plugin.mergeRefs([svgRef, ref])
-  }, bind()), React__default['default'].createElement("line", {
+  }, bind(), {
+    withPreview: withPreview
+  }), React__default['default'].createElement("line", {
     x1: sx,
@@ -481,3 +494,4 @@ y1: sy,
 const defaultSettings = {
-  graph: true
+  graph: true,
+  preview: true
 };
@@ -580,3 +594,4 @@ const BuiltIn = {
   const {
-    graph
+    graph,
+    preview
   } = settings;
@@ -595,8 +610,9 @@ return React__default['default'].createElement(React__default['default'].Fragment, null, React__default['default'].createElement(Row, {
     onUpdate: onUpdate
-  }))), React__default['default'].createElement(Row, null, graph && React__default['default'].createElement(BezierSvg, {
+  }))), graph && React__default['default'].createElement(BezierSvg, {
     displayValue: displayValue,
-    onUpdate: onUpdate
-  }), React__default['default'].createElement(BezierPreview, {
+    onUpdate: onUpdate,
+    withPreview: preview
+  }), preview && React__default['default'].createElement(Row, null, React__default['default'].createElement(BezierPreview, {
     value: value
-  }), graph && React__default['default'].createElement(Vector, {
+  })), graph && React__default['default'].createElement(Row, null, React__default['default'].createElement(Vector, {
     value: displayValue,
@@ -603,0 +619,0 @@ settings: settings,

dist/leva-ui-plugin-bezier.cjs.prod.js

@@ -224,2 +224,12 @@ 'use strict';
     stroke: 'currentColor'
+  },
+  variants: {
+    withPreview: {
+      true: {
+        marginBottom: 0
+      },
+      false: {
+        marginBottom: '$rowGap'
+      }
+    }
   }
@@ -308,3 +318,4 @@ });
   displayValue,
-  onUpdate
+  onUpdate,
+  withPreview
 }) {
@@ -371,3 +382,5 @@ const r = useRange();
     ref: plugin.mergeRefs([svgRef, ref])
-  }, bind()), React__default['default'].createElement("line", {
+  }, bind(), {
+    withPreview: withPreview
+  }), React__default['default'].createElement("line", {
     x1: sx,
@@ -481,3 +494,4 @@ y1: sy,
 const defaultSettings = {
-  graph: true
+  graph: true,
+  preview: true
 };
@@ -580,3 +594,4 @@ const BuiltIn = {
   const {
-    graph
+    graph,
+    preview
   } = settings;
@@ -595,8 +610,9 @@ return React__default['default'].createElement(React__default['default'].Fragment, null, React__default['default'].createElement(Row, {
     onUpdate: onUpdate
-  }))), React__default['default'].createElement(Row, null, graph && React__default['default'].createElement(BezierSvg, {
+  }))), graph && React__default['default'].createElement(BezierSvg, {
     displayValue: displayValue,
-    onUpdate: onUpdate
-  }), React__default['default'].createElement(BezierPreview, {
+    onUpdate: onUpdate,
+    withPreview: preview
+  }), preview && React__default['default'].createElement(Row, null, React__default['default'].createElement(BezierPreview, {
     value: value
-  }), graph && React__default['default'].createElement(Vector, {
+  })), graph && React__default['default'].createElement(Row, null, React__default['default'].createElement(Vector, {
     value: displayValue,
@@ -603,0 +619,0 @@ settings: settings,

dist/leva-ui-plugin-bezier.esm.js

@@ -215,2 +215,12 @@ import { styled, keyframes, useDrag, mergeRefs, debounce, normalizeVector, sanitizeVector, useInputContext, Components, useInputSetters, createPlugin, formatVector } from 'leva/plugin';
     stroke: 'currentColor'
+  },
+  variants: {
+    withPreview: {
+      true: {
+        marginBottom: 0
+      },
+      false: {
+        marginBottom: '$rowGap'
+      }
+    }
   }
@@ -299,3 +309,4 @@ });
   displayValue,
-  onUpdate
+  onUpdate,
+  withPreview
 }) {
@@ -362,3 +373,5 @@ const r = useRange();
     ref: mergeRefs([svgRef, ref])
-  }, bind()), React.createElement("line", {
+  }, bind(), {
+    withPreview: withPreview
+  }), React.createElement("line", {
     x1: sx,
@@ -472,3 +485,4 @@ y1: sy,
 const defaultSettings = {
-  graph: true
+  graph: true,
+  preview: true
 };
@@ -571,3 +585,4 @@ const BuiltIn = {
   const {
-    graph
+    graph,
+    preview
   } = settings;
@@ -586,8 +601,9 @@ return React.createElement(React.Fragment, null, React.createElement(Row, {
     onUpdate: onUpdate
-  }))), React.createElement(Row, null, graph && React.createElement(BezierSvg, {
+  }))), graph && React.createElement(BezierSvg, {
     displayValue: displayValue,
-    onUpdate: onUpdate
-  }), React.createElement(BezierPreview, {
+    onUpdate: onUpdate,
+    withPreview: preview
+  }), preview && React.createElement(Row, null, React.createElement(BezierPreview, {
     value: value
-  }), graph && React.createElement(Vector, {
+  })), graph && React.createElement(Row, null, React.createElement(Vector, {
     value: displayValue,
@@ -594,0 +610,0 @@ settings: settings,

package.json

 {
   "name": "@leva-ui/plugin-bezier",
-  "version": "0.9.9",
+  "version": "0.9.10",
   "main": "dist/leva-ui-plugin-bezier.cjs.js",
@@ -15,3 +15,3 @@ "module": "dist/leva-ui-plugin-bezier.esm.js",
   "peerDependencies": {
-    "leva": ">=0.9.9",
+    "leva": ">=0.9.10",
     "react": ">=16.8.0",
@@ -18,0 +18,0 @@ "react-dom": ">=16.8.0"

src/bezier-plugin.ts

@@ -7,3 +7,3 @@ import { normalizeVector, sanitizeVector } from 'leva/plugin'
 const ordinatesSettings = { step: 0.01 }
-const defaultSettings = { graph: true }
+const defaultSettings = { graph: true, preview: true }
 
@@ -10,0 +10,0 @@ export const BuiltIn: Record<BuiltInKeys, BezierArray> = {

src/bezier-types.ts

@@ -19,3 +19,3 @@ import type { LevaInputProps, InternalVectorSettings, MergedInputWithSettings } from 'leva/plugin'
 
-export type BezierSettings = { graph?: boolean }
+export type BezierSettings = { graph?: boolean; preview?: boolean }
 export type BezierInput = MergedInputWithSettings<Bezier, BezierSettings, 'handles'>
@@ -31,4 +31,4 @@
   'array'
-> & { graph: boolean }
+> & { graph: boolean; preview: boolean }
 
 export type BezierProps = LevaInputProps<InternalBezier, InternalBezierSettings, DisplayValueBezier>

src/StyledBezier.ts

@@ -31,2 +31,5 @@ import { styled, keyframes } from 'leva/plugin'
   },
+  variants: {
+    withPreview: { true: { marginBottom: 0 }, false: { marginBottom: '$rowGap' } },
+  },
 })
@@ -33,0 +36,0 @@

No alert changes

Improved metrics

Total package byte prevSize

74703

increased by2.04%

Lines of code

2525

increased by2.73%

No dependency changes