@papernote/ui 2.0.0 → 2.0.2
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.
- package/dist/components/Combobox.d.ts +3 -3
- package/dist/components/Combobox.d.ts.map +1 -1
- package/dist/components/Select.d.ts +3 -3
- package/dist/components/Select.d.ts.map +1 -1
- package/dist/index.d.ts +4 -4
- package/dist/index.esm.js +182 -121
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +182 -121
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Combobox.tsx +416 -330
- package/src/components/Select.tsx +367 -241
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from
|
|
1
|
+
import React from "react";
|
|
2
2
|
export interface ComboboxHandle {
|
|
3
3
|
focus: () => void;
|
|
4
4
|
blur: () => void;
|
|
@@ -35,7 +35,7 @@ export interface ComboboxProps {
|
|
|
35
35
|
/** Loading state */
|
|
36
36
|
loading?: boolean;
|
|
37
37
|
/** Validation state */
|
|
38
|
-
validationState?:
|
|
38
|
+
validationState?: "error" | "success" | "warning" | null;
|
|
39
39
|
/** Validation message */
|
|
40
40
|
validationMessage?: string;
|
|
41
41
|
/** Helper text */
|
|
@@ -47,7 +47,7 @@ export interface ComboboxProps {
|
|
|
47
47
|
/** Custom className */
|
|
48
48
|
className?: string;
|
|
49
49
|
/** Size variant */
|
|
50
|
-
size?:
|
|
50
|
+
size?: "sm" | "md" | "lg";
|
|
51
51
|
}
|
|
52
52
|
/**
|
|
53
53
|
* Combobox component - searchable select with typeahead and custom value support.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../src/components/Combobox.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../src/components/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAGf,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAChC,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,wBAAwB;IACxB,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,uDAAuD;IACvD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,4BAA4B;IAC5B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gDAAgD;IAChD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uBAAuB;IACvB,eAAe,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,IAAI,CAAC;IACzD,yBAAyB;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,QAAA,MAAM,QAAQ,sFA0ab,CAAC;AAGF,eAAe,QAAQ,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from
|
|
1
|
+
import React from "react";
|
|
2
2
|
/**
|
|
3
3
|
* Single option in a select dropdown
|
|
4
4
|
*/
|
|
@@ -73,9 +73,9 @@ export interface SelectProps {
|
|
|
73
73
|
/** Height of each option row in pixels (default: 42) */
|
|
74
74
|
virtualItemHeight?: number;
|
|
75
75
|
/** Size of the select trigger - 'lg' provides 44px touch-friendly target */
|
|
76
|
-
size?:
|
|
76
|
+
size?: "sm" | "md" | "lg";
|
|
77
77
|
/** Mobile display mode - 'auto' uses BottomSheet on mobile, 'dropdown' always uses dropdown, 'native' uses native select on mobile */
|
|
78
|
-
mobileMode?:
|
|
78
|
+
mobileMode?: "auto" | "dropdown" | "native";
|
|
79
79
|
/** Render dropdown via portal (default: true). Set to false when overflow clipping is not an issue */
|
|
80
80
|
usePortal?: boolean;
|
|
81
81
|
/** Whether this field is required */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAKf;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,OAAO,EAAE,YAAY,EAAE,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,8BAA8B;IAC9B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,6BAA6B;IAC7B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,wBAAwB;IACxB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,yBAAyB;IACzB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,2BAA2B;IAC3B,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC7B,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yCAAyC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,mEAAmE;IACnE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6DAA6D;IAC7D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wDAAwD;IACxD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4EAA4E;IAC5E,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,sIAAsI;IACtI,UAAU,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC5C,sGAAsG;IACtG,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAgBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqEG;AACH,QAAA,MAAM,MAAM,kFAizBV,CAAC;AAGH,eAAe,MAAM,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -359,9 +359,9 @@ interface SelectProps {
|
|
|
359
359
|
/** Height of each option row in pixels (default: 42) */
|
|
360
360
|
virtualItemHeight?: number;
|
|
361
361
|
/** Size of the select trigger - 'lg' provides 44px touch-friendly target */
|
|
362
|
-
size?:
|
|
362
|
+
size?: "sm" | "md" | "lg";
|
|
363
363
|
/** Mobile display mode - 'auto' uses BottomSheet on mobile, 'dropdown' always uses dropdown, 'native' uses native select on mobile */
|
|
364
|
-
mobileMode?:
|
|
364
|
+
mobileMode?: "auto" | "dropdown" | "native";
|
|
365
365
|
/** Render dropdown via portal (default: true). Set to false when overflow clipping is not an issue */
|
|
366
366
|
usePortal?: boolean;
|
|
367
367
|
/** Whether this field is required */
|
|
@@ -989,7 +989,7 @@ interface ComboboxProps {
|
|
|
989
989
|
/** Loading state */
|
|
990
990
|
loading?: boolean;
|
|
991
991
|
/** Validation state */
|
|
992
|
-
validationState?:
|
|
992
|
+
validationState?: "error" | "success" | "warning" | null;
|
|
993
993
|
/** Validation message */
|
|
994
994
|
validationMessage?: string;
|
|
995
995
|
/** Helper text */
|
|
@@ -1001,7 +1001,7 @@ interface ComboboxProps {
|
|
|
1001
1001
|
/** Custom className */
|
|
1002
1002
|
className?: string;
|
|
1003
1003
|
/** Size variant */
|
|
1004
|
-
size?:
|
|
1004
|
+
size?: "sm" | "md" | "lg";
|
|
1005
1005
|
}
|
|
1006
1006
|
/**
|
|
1007
1007
|
* Combobox component - searchable select with typeahead and custom value support.
|