@noya-app/noya-designsystem 0.1.43 → 0.1.44

package/.turbo/turbo-build.log

@@ -7,12 +7,12 @@
 CLI Target: esnext
 CJS Build start
 ESM Build start
-CJS dist/index.js     614.81 KB
+CJS dist/index.js     615.14 KB
 CJS dist/index.js.map 1.09 MB
-CJS ⚡️ Build success in 234ms
-ESM dist/index.mjs     600.02 KB
+CJS ⚡️ Build success in 200ms
+ESM dist/index.mjs     600.34 KB
 ESM dist/index.mjs.map 1.09 MB
-ESM ⚡️ Build success in 235ms
+ESM ⚡️ Build success in 200ms
 DTS Build start
 Browserslist: caniuse-lite is outdated. Please run:
   npx update-browserslist-db@latest
@@ -20,8 +20,8 @@ Browserslist: caniuse-lite is outdated. Please run:
 
 Rebuilding...
 
-Done in 308ms.
+Done in 393ms.
 
-DTS ⚡️ Build success in 5435ms
-DTS dist/index.d.ts  63.62 KB
-DTS dist/index.d.mts 63.62 KB
+DTS ⚡️ Build success in 6180ms
+DTS dist/index.d.ts  63.65 KB
+DTS dist/index.d.mts 63.65 KB

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @noya-app/noya-designsystem
 
+## 0.1.44
+
+### Patch Changes
+
+- e46e55b: Update packages
+
 ## 0.1.43
 
 ### Patch Changes

package/dist/index.d.mts

@@ -352,7 +352,7 @@ type BaseComboboxProps = {
 };
 type StringModeOnlyProps = {
     mode: "string";
-    initialValue?: string;
+    value?: string;
     onChange?: (value: string) => void;
     onSelectItem?: (value: string) => void;
     onBlur?: (didSubmit: boolean, value: string) => void;
@@ -362,7 +362,7 @@ type StringModeOnlyProps = {
 type StringModeProps = BaseComboboxProps & StringModeOnlyProps;
 type OptionModeOnlyProps = {
     mode?: "option";
-    initialValue?: ComboboxOption;
+    value?: ComboboxOption;
     onChange?: (value: ComboboxOption) => void;
     onSelectItem?: (value: ComboboxOption) => void;
     onBlur?: (didSubmit: boolean, value: ComboboxOption) => void;
@@ -804,6 +804,7 @@ type Props$6<T extends string> = {
     label?: React__default.ReactNode;
     onFocus?: FocusEventHandler;
     onBlur?: FocusEventHandler;
+    contentStyle?: React__default.CSSProperties;
 } & Pick<SelectProps, "open" | "onOpenChange">;
 declare const labelTextStyles = "font-sans text-label uppercase text-text-disabled leading-[19px] font-bold text-[60%]";
 declare const SelectMenu: <T extends string = string>(props: Props$6<T>) => React__default.ReactElement | null;

package/dist/index.d.ts

@@ -352,7 +352,7 @@ type BaseComboboxProps = {
 };
 type StringModeOnlyProps = {
     mode: "string";
-    initialValue?: string;
+    value?: string;
     onChange?: (value: string) => void;
     onSelectItem?: (value: string) => void;
     onBlur?: (didSubmit: boolean, value: string) => void;
@@ -362,7 +362,7 @@ type StringModeOnlyProps = {
 type StringModeProps = BaseComboboxProps & StringModeOnlyProps;
 type OptionModeOnlyProps = {
     mode?: "option";
-    initialValue?: ComboboxOption;
+    value?: ComboboxOption;
     onChange?: (value: ComboboxOption) => void;
     onSelectItem?: (value: ComboboxOption) => void;
     onBlur?: (didSubmit: boolean, value: ComboboxOption) => void;
@@ -804,6 +804,7 @@ type Props$6<T extends string> = {
     label?: React__default.ReactNode;
     onFocus?: FocusEventHandler;
     onBlur?: FocusEventHandler;
+    contentStyle?: React__default.CSSProperties;
 } & Pick<SelectProps, "open" | "onOpenChange">;
 declare const labelTextStyles = "font-sans text-label uppercase text-text-disabled leading-[19px] font-bold text-[60%]";
 declare const SelectMenu: <T extends string = string>(props: Props$6<T>) => React__default.ReactElement | null;

package/dist/index.js

@@ -12301,7 +12301,8 @@ var SelectMenu = memoGeneric(function SelectMenu2({
   open,
   onFocus,
   onBlur,
-  onOpenChange
+  onOpenChange,
+  contentStyle
 }) {
   const selectedItem = menuItems.find(
     (item) => typeof item !== "string" && item.value === value
@@ -12389,7 +12390,9 @@ var SelectMenu = memoGeneric(function SelectMenu2({
         collisionPadding: 8,
         align: "end",
         style: {
-          width: "var(--radix-select-trigger-width)"
+          width: "var(--radix-select-trigger-width)",
+          maxHeight: "500px",
+          ...contentStyle
         }
       },
       /* @__PURE__ */ import_react35.default.createElement(Select.ScrollUpButton, { className: scrollButtonStyles }, /* @__PURE__ */ import_react35.default.createElement(
@@ -13187,7 +13190,7 @@ var Combobox = (0, import_react38.memo)(
       if (rest.mode === "string") {
         return {
           mode: rest.mode,
-          initialValue: rest.initialValue,
+          value: rest.value,
           onChange: rest.onChange,
           onSelectItem: rest.onSelectItem,
           onHoverItem: rest.onHoverItem,
@@ -13197,7 +13200,7 @@ var Combobox = (0, import_react38.memo)(
       } else {
         return {
           mode: rest.mode,
-          initialValue: rest.initialValue,
+          value: rest.value,
           onChange: rest.onChange,
           onSelectItem: rest.onSelectItem,
           onHoverItem: rest.onHoverItem,
@@ -13206,7 +13209,7 @@ var Combobox = (0, import_react38.memo)(
       }
     }, [
       rest.mode,
-      rest.initialValue,
+      rest.value,
       rest.onChange,
       rest.onSelectItem,
       rest.onHoverItem,
@@ -13214,7 +13217,14 @@ var Combobox = (0, import_react38.memo)(
       rest.allowArbitraryValues
     ]);
     const ref = (0, import_react38.useRef)(null);
-    const initialValueString = typeof props.initialValue === "string" ? props.initialValue : props.initialValue?.name ?? "";
+    function getInitialValueString() {
+      if (props.mode === "string") {
+        return props.value ?? "";
+      } else {
+        return props.value?.name ?? "";
+      }
+    }
+    const initialValueString = getInitialValueString();
     const [comboboxState] = (0, import_react38.useState)(
       () => new ComboboxState(
         items,
@@ -13229,6 +13239,9 @@ var Combobox = (0, import_react38.memo)(
     (0, import_react38.useEffect)(() => {
       comboboxState.setItems(items);
     }, [items, comboboxState]);
+    (0, import_react38.useEffect)(() => {
+      comboboxState.setFilter(initialValueString);
+    }, [comboboxState, initialValueString]);
     const { filter, selectedIndex, filteredItems } = state;
     const shouldShowMenu = isFocused && !(hideMenuWhenEmptyValue && filter === "");
     (0, import_react38.useEffect)(() => {
@@ -13443,9 +13456,10 @@ var Combobox = (0, import_react38.memo)(
     );
     (0, import_react38.useEffect)(() => {
       if (!shouldBlur) return;
+      if (document.activeElement !== ref.current) return;
+      setShouldBlur(false);
       ref.current?.focus();
       handleBlur();
-      setShouldBlur(false);
     }, [shouldBlur, handleBlur]);
     return /* @__PURE__ */ import_react38.default.createElement(
       InputField.Root,