@noya-app/noya-designsystem 0.1.22 → 0.1.23

package/.turbo/turbo-build.log

@@ -5,13 +5,13 @@
 CLI Target: esnext
 CJS Build start
 ESM Build start
-CJS dist/index.js     231.53 KB
-CJS dist/index.js.map 466.05 KB
-CJS ⚡️ Build success in 229ms
-ESM dist/index.mjs     213.24 KB
-ESM dist/index.mjs.map 466.16 KB
-ESM ⚡️ Build success in 237ms
+CJS dist/index.js     231.87 KB
+CJS dist/index.js.map 466.94 KB
+CJS ⚡️ Build success in 168ms
+ESM dist/index.mjs     213.59 KB
+ESM dist/index.mjs.map 467.05 KB
+ESM ⚡️ Build success in 170ms
 DTS Build start
-DTS ⚡️ Build success in 10433ms
-DTS dist/index.d.ts  61.38 KB
-DTS dist/index.d.mts 61.38 KB
+DTS ⚡️ Build success in 10431ms
+DTS dist/index.d.ts  61.61 KB
+DTS dist/index.d.mts 61.61 KB

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @noya-app/noya-designsystem
 
+## 0.1.23
+
+### Patch Changes
+
+- 61cb70a: Add tree editor
+
 ## 0.1.22
 
 ### Patch Changes

package/dist/index.d.mts

@@ -518,6 +518,8 @@ interface InputFieldRootProps {
         width: number;
     }) => ReactNode;
     onFocusChange?: (isFocused: boolean) => void;
+    style?: React__default.CSSProperties;
+    className?: string;
 }
 declare namespace InputField {
     const Root: (props: InputFieldRootProps) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
@@ -656,6 +658,11 @@ interface ListViewRowProps<MenuItemType extends string = string> {
     onMenuOpenChange?: (isOpen: boolean) => void;
     onKeyDown?: (event: React__default.KeyboardEvent) => void;
     style?: CSSProperties;
+    dragIndicatorStyle?: CSSProperties | ((props: {
+        depth: number;
+        indentation: number;
+        position: RelativeDropPosition;
+    }) => CSSProperties);
 }
 interface IVirtualizedList {
     scrollToIndex(index: number): void;

package/dist/index.d.ts

@@ -518,6 +518,8 @@ interface InputFieldRootProps {
         width: number;
     }) => ReactNode;
     onFocusChange?: (isFocused: boolean) => void;
+    style?: React__default.CSSProperties;
+    className?: string;
 }
 declare namespace InputField {
     const Root: (props: InputFieldRootProps) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
@@ -656,6 +658,11 @@ interface ListViewRowProps<MenuItemType extends string = string> {
     onMenuOpenChange?: (isOpen: boolean) => void;
     onKeyDown?: (event: React__default.KeyboardEvent) => void;
     style?: CSSProperties;
+    dragIndicatorStyle?: CSSProperties | ((props: {
+        depth: number;
+        indentation: number;
+        position: RelativeDropPosition;
+    }) => CSSProperties);
 }
 interface IVirtualizedList {
     scrollToIndex(index: number): void;

package/dist/index.js

@@ -386,9 +386,9 @@ var ButtonElement = import_styled_components5.default.button(
     textAlign: "left",
     borderRadius: "4px",
     paddingTop: $variant === "none" ? "0px" : "4px",
-    paddingRight: $variant === "none" ? "0px" : $variant === "thin" ? "1px" : "8px",
+    paddingRight: $variant === "none" ? "0px" : $variant === "thin" ? "1px" : "6px",
     paddingBottom: $variant === "none" ? "0px" : "4px",
-    paddingLeft: $variant === "none" ? "0px" : $variant === "thin" ? "1px" : "8px",
+    paddingLeft: $variant === "none" ? "0px" : $variant === "thin" ? "1px" : "6px",
     ...$size === "large" && {
       paddingTop: "12px",
       paddingRight: "16px",
@@ -2210,7 +2210,9 @@ function InputFieldRoot({
   labelSize,
   size: size2 = "medium",
   renderPopoverContent,
-  onFocusChange
+  onFocusChange,
+  style: style3,
+  className
 }) {
   const childrenArray = import_react32.Children.toArray(children);
   const hasDropdown = childrenArray.some(
@@ -2262,7 +2264,17 @@ function InputFieldRoot({
       inputRef
     ]
   );
-  const rootElement = /* @__PURE__ */ import_react32.default.createElement(RootContainer, { id, $width: width, $flex: flex }, children);
+  const rootElement = /* @__PURE__ */ import_react32.default.createElement(
+    RootContainer,
+    {
+      id,
+      $width: width,
+      $flex: flex,
+      style: style3,
+      className
+    },
+    children
+  );
   return /* @__PURE__ */ import_react32.default.createElement(InputFieldContext.Provider, { value: contextValue }, renderPopoverContent ? /* @__PURE__ */ import_react32.default.createElement(
     Popover,
     {
@@ -4741,7 +4753,8 @@ var ListViewRow = (0, import_react49.forwardRef)(function ListViewRow2({
   onSelectMenuItem,
   onMenuOpenChange,
   onKeyDown,
-  style: style3
+  style: style3,
+  dragIndicatorStyle
 }, forwardedRef) {
   depth = Math.max(0, depth);
   const {
@@ -4825,7 +4838,12 @@ var ListViewRow = (0, import_react49.forwardRef)(function ListViewRow2({
           $colorScheme: colorScheme,
           $relativeDropPosition: relativeDropPosition,
           $offsetLeft: 33 + depth * indentation,
-          $gap: listGap
+          $gap: listGap + (divider ? 1 : 0),
+          style: typeof dragIndicatorStyle === "function" ? dragIndicatorStyle({
+            depth,
+            indentation,
+            position: relativeDropPosition
+          }) : dragIndicatorStyle
         }
       ),
       depth > 0 && /* @__PURE__ */ import_react49.default.createElement(Spacer.Horizontal, { size: depth * indentation }),
@@ -5983,7 +6001,7 @@ var SelectElement = import_styled_components32.default.select(
     borderRadius: "4px",
     paddingTop: "4px",
     paddingBottom: "4px",
-    paddingLeft: "8px",
+    paddingLeft: "6px",
     paddingRight: "23px",
     background: [
       `calc(100% - 6px) / 15px url("data:image/svg+xml;utf8,${createChevronSVGString(