@bioturing/components 0.34.0 → 0.35.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.
Files changed (94) hide show
  1. package/dist/components/base-menu/component.d.ts +12 -0
  2. package/dist/components/base-menu/component.d.ts.map +1 -0
  3. package/dist/components/base-menu/component.js +69 -0
  4. package/dist/components/base-menu/component.js.map +1 -0
  5. package/dist/components/base-menu/index.d.ts +18 -0
  6. package/dist/components/base-menu/index.d.ts.map +1 -0
  7. package/dist/components/base-menu/index.js +11 -0
  8. package/dist/components/base-menu/index.js.map +1 -0
  9. package/dist/components/base-menu/item.css +1 -0
  10. package/dist/components/base-menu/item.d.ts +47 -0
  11. package/dist/components/base-menu/item.d.ts.map +1 -0
  12. package/dist/components/base-menu/item.js +73 -0
  13. package/dist/components/base-menu/item.js.map +1 -0
  14. package/dist/components/base-menu/style.css +1 -0
  15. package/dist/components/breadcrumb/component.d.ts +3 -2
  16. package/dist/components/breadcrumb/component.d.ts.map +1 -1
  17. package/dist/components/breadcrumb/component.js +138 -38
  18. package/dist/components/breadcrumb/component.js.map +1 -1
  19. package/dist/components/breadcrumb/index.d.ts +1 -0
  20. package/dist/components/breadcrumb/index.d.ts.map +1 -1
  21. package/dist/components/breadcrumb/item.d.ts +3 -0
  22. package/dist/components/breadcrumb/item.d.ts.map +1 -0
  23. package/dist/components/breadcrumb/item.js +19 -0
  24. package/dist/components/breadcrumb/item.js.map +1 -0
  25. package/dist/components/breadcrumb/style.css +1 -1
  26. package/dist/components/breadcrumb/types.d.ts +9 -2
  27. package/dist/components/breadcrumb/types.d.ts.map +1 -1
  28. package/dist/components/code-block/types.d.ts +2 -2
  29. package/dist/components/code-block/types.d.ts.map +1 -1
  30. package/dist/components/combobox/component.d.ts +3 -26
  31. package/dist/components/combobox/component.d.ts.map +1 -1
  32. package/dist/components/combobox/component.js +326 -216
  33. package/dist/components/combobox/component.js.map +1 -1
  34. package/dist/components/combobox/style.css +1 -1
  35. package/dist/components/command-palette/component.js +6 -6
  36. package/dist/components/command-palette/component.js.map +1 -1
  37. package/dist/components/dropdown-menu/component.d.ts.map +1 -1
  38. package/dist/components/dropdown-menu/component.js +90 -87
  39. package/dist/components/dropdown-menu/component.js.map +1 -1
  40. package/dist/components/dropdown-menu/divider.d.ts.map +1 -1
  41. package/dist/components/dropdown-menu/divider.js +17 -10
  42. package/dist/components/dropdown-menu/divider.js.map +1 -1
  43. package/dist/components/dropdown-menu/item.d.ts +19 -9
  44. package/dist/components/dropdown-menu/item.d.ts.map +1 -1
  45. package/dist/components/dropdown-menu/item.js +71 -130
  46. package/dist/components/dropdown-menu/item.js.map +1 -1
  47. package/dist/components/dropdown-menu/style.css +1 -1
  48. package/dist/components/dropdown-menu/useDropdownMenu.d.ts.map +1 -1
  49. package/dist/components/dropdown-menu/useDropdownMenu.js +60 -63
  50. package/dist/components/dropdown-menu/useDropdownMenu.js.map +1 -1
  51. package/dist/components/field/component.d.ts +5 -1
  52. package/dist/components/field/component.d.ts.map +1 -1
  53. package/dist/components/field/component.js +29 -20
  54. package/dist/components/field/component.js.map +1 -1
  55. package/dist/components/popup-panel/component.d.ts.map +1 -1
  56. package/dist/components/popup-panel/component.js +101 -101
  57. package/dist/components/popup-panel/component.js.map +1 -1
  58. package/dist/components/select-trigger/component.d.ts +71 -9
  59. package/dist/components/select-trigger/component.d.ts.map +1 -1
  60. package/dist/components/select-trigger/component.js +180 -139
  61. package/dist/components/select-trigger/component.js.map +1 -1
  62. package/dist/components/select-trigger/index.d.ts +1 -2
  63. package/dist/components/select-trigger/index.d.ts.map +1 -1
  64. package/dist/components/select-trigger/style.css +1 -1
  65. package/dist/components/table/component.d.ts.map +1 -1
  66. package/dist/components/table/component.js +53 -52
  67. package/dist/components/table/component.js.map +1 -1
  68. package/dist/components/theme-provider/style.css +1 -1
  69. package/dist/components/truncate/component.d.ts.map +1 -1
  70. package/dist/components/truncate/component.js +84 -80
  71. package/dist/components/truncate/component.js.map +1 -1
  72. package/dist/components/truncate/helpers.d.ts +9 -0
  73. package/dist/components/truncate/helpers.d.ts.map +1 -1
  74. package/dist/components/truncate/helpers.js +70 -40
  75. package/dist/components/truncate/helpers.js.map +1 -1
  76. package/dist/components/truncate/index.d.ts +1 -0
  77. package/dist/components/truncate/index.d.ts.map +1 -1
  78. package/dist/components/truncate/useOverflowDetection.d.ts +19 -0
  79. package/dist/components/truncate/useOverflowDetection.d.ts.map +1 -0
  80. package/dist/components/truncate/useOverflowDetection.js +54 -0
  81. package/dist/components/truncate/useOverflowDetection.js.map +1 -0
  82. package/dist/components/utils/WithRenderProp.d.ts.map +1 -1
  83. package/dist/components/utils/WithRenderProp.js +10 -10
  84. package/dist/components/utils/WithRenderProp.js.map +1 -1
  85. package/dist/components/vertical-collapsible-panel/component.d.ts +14 -0
  86. package/dist/components/vertical-collapsible-panel/component.d.ts.map +1 -1
  87. package/dist/components/vertical-collapsible-panel/component.js +82 -75
  88. package/dist/components/vertical-collapsible-panel/component.js.map +1 -1
  89. package/dist/components/vertical-collapsible-panel/style.css +1 -1
  90. package/dist/index.js +230 -224
  91. package/dist/index.js.map +1 -1
  92. package/dist/stats.html +1 -1
  93. package/package.json +5 -6
  94. package/dist/components/dropdown-menu/item.css +0 -1
@@ -72,10 +72,10 @@ export interface CodeBlockProps extends Omit<React.ComponentPropsWithRef<"div">,
72
72
  * Props to pass to the ThemeProvider
73
73
  * Only works when theme is not "auto"
74
74
  */
75
- themeProviderProps?: ThemeProviderProps;
75
+ themeProviderProps?: Partial<ThemeProviderProps>;
76
76
  /**
77
77
  * Props to pass to the ScrollArea
78
78
  */
79
- scrollAreaProps?: ScrollAreaProps;
79
+ scrollAreaProps?: Partial<ScrollAreaProps>;
80
80
  }
81
81
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/code-block/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;CACnC;AAED,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC;IAC1D;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACvB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC;;OAEG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/code-block/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;CACnC;AAED,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC;IAC1D;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACvB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACjD;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CAC5C"}
@@ -1,8 +1,6 @@
1
1
  import { ValidateStatus } from 'antd/es/form/FormItem';
2
2
  import { PopoverProps } from 'antd/es/popover';
3
3
  import { default as React, ForwardedRef } from 'react';
4
- import { DropdownMenuProps } from '../dropdown-menu';
5
- import { SelectTrigger } from '../select-trigger';
6
4
  export type ComboboxOption<T extends React.Key, O extends Record<string, unknown> = {}> = {
7
5
  value: T;
8
6
  label: React.ReactNode;
@@ -47,6 +45,8 @@ export interface ComboboxProps<T extends React.Key, M extends boolean, O extends
47
45
  option?: string;
48
46
  optionIcon?: string;
49
47
  optionText?: string;
48
+ list?: string;
49
+ portal?: string;
50
50
  };
51
51
  /** Size of the combobox */
52
52
  size?: "small" | "middle" | "large";
@@ -64,29 +64,6 @@ export interface ComboboxProps<T extends React.Key, M extends boolean, O extends
64
64
  clearIcon?: React.ReactNode;
65
65
  /** Custom suffix icon */
66
66
  suffixIcon?: React.ReactNode;
67
- /**
68
- * Props to pass to the dropdown menu
69
- */
70
- dropdownMenuProps?: DropdownMenuProps;
71
- /**
72
- * Props to pass to the combobox trigger
73
- */
74
- triggerProps?: React.ComponentPropsWithoutRef<typeof SelectTrigger>;
75
- searchProps?: {
76
- placeholder?: string;
77
- onValueChange?: (value: string) => void;
78
- value?: string;
79
- };
80
- /**
81
- * Show selection summary instead of individual tags when multiple
82
- * @default false
83
- */
84
- showSelectionSummary?: boolean;
85
- /**
86
- * Render function for the selection summary in multiple case
87
- * @default (selectedValues) => `${selectedValues.length} items selected`
88
- */
89
- selectionSummaryRender?: (selectedValues: T[]) => React.ReactNode;
90
67
  /**
91
68
  * Show select all option when in multiple mode
92
69
  * @default false
@@ -111,7 +88,7 @@ export interface ComboboxProps<T extends React.Key, M extends boolean, O extends
111
88
  */
112
89
  optionLabelRender?: (option: ComboboxOption<T, O>, props?: React.HTMLAttributes<HTMLElement>) => React.ReactElement;
113
90
  }
114
- declare const ComboboxInner: <T extends React.Key, M extends boolean, O extends Record<string, unknown> = {}>({ options, value: controlledValue, defaultValue, onChange, placeholder, disabled: disabledProp, status: statusProp, allowClear, multiple, maxTagCount, showSearch, open: controlledOpen, onOpenChange, placement, className, classNames, size, loading: _loading, optionRender, onSearch, dropdownRender, clearIcon, suffixIcon, dropdownMenuProps, triggerProps, searchProps, showSelectionSummary, selectionSummaryRender, showSelectAll, selectAllRender, optionLabelRender, getOptionKeywords, ...rest }: ComboboxProps<T, M, O>, ref: React.ForwardedRef<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
91
+ declare const ComboboxInner: <T extends React.Key, M extends boolean, O extends Record<string, unknown> = {}>({ options, value: controlledValue, defaultValue, onChange, placeholder, disabled: disabledProp, status: statusProp, allowClear, multiple, showSearch: _showSearch, open: controlledOpen, onOpenChange, className, classNames, size, optionRender, onSearch, clearIcon, suffixIcon, showSelectAll, optionLabelRender, getOptionKeywords: _getOptionKeywords, ...rest }: ComboboxProps<T, M, O>, ref: React.ForwardedRef<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
115
92
  export declare const Combobox: <T extends React.Key, M extends boolean, O extends Record<string, unknown> = {}>(props: ComboboxProps<T, M, O> & {
116
93
  ref?: ForwardedRef<HTMLDivElement>;
117
94
  }) => ReturnType<typeof ComboboxInner>;
@@ -1 +1 @@
1
- {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/component.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/component.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,KAAK,EAAE,EACZ,YAAY,EAMb,MAAM,OAAO,CAAC;AASf,OAAO,aAAa,CAAC;AAErB,MAAM,MAAM,cAAc,CACxB,CAAC,SAAS,KAAK,CAAC,GAAG,EACnB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,EAAE,IACpC;IACF,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,GAAG,CAAC,CAAC;AAEN,MAAM,WAAW,aAAa,CAC5B,CAAC,SAAS,KAAK,CAAC,GAAG,EACnB,CAAC,SAAS,OAAO,EACjB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,EAAE;IAEtC,uDAAuD;IACvD,OAAO,CAAC,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;IACjC,oCAAoC;IACpC,KAAK,CAAC,EAAE,CAAC,SAAS,IAAI,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;IACjC,sCAAsC;IACtC,YAAY,CAAC,EAAE,CAAC,SAAS,IAAI,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;IACxC,kCAAkC;IAClC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,SAAS,IAAI,GAAG,CAAC,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IACrD,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wBAAwB;IACxB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,CAAC,CAAC;IACb,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,gCAAgC;IAChC,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IACtC,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,2BAA2B;IAC3B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gCAAgC;IAChC,YAAY,CAAC,EAAE,CACb,MAAM,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,EAC5B,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KACrC,KAAK,CAAC,YAAY,CAAC;IACxB,iCAAiC;IACjC,YAAY,CAAC,EACT,OAAO,GACP,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC;IAC/D,yCAAyC;IACzC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,6BAA6B;IAC7B,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,YAAY,KAAK,KAAK,CAAC,YAAY,CAAC;IAClE,wBAAwB;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,yBAAyB;IACzB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAW7B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QACxB,WAAW,EAAE,MAAM,IAAI,CAAC;QACxB,aAAa,EAAE,MAAM,IAAI,CAAC;QAC1B,OAAO,EAAE,OAAO,CAAC;QACjB,aAAa,EAAE,OAAO,CAAC;KACxB,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,MAAM,EAAE,CAAC;IAC/D;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAClB,MAAM,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,EAC5B,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KACtC,KAAK,CAAC,YAAY,CAAC;CACzB;AAED,QAAA,MAAM,aAAa,GACjB,CAAC,SAAS,KAAK,CAAC,GAAG,EACnB,CAAC,SAAS,OAAO,EACjB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,EAAE,EAEtC,uWA6BG,aAAa,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EACzB,KAAK,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,4CAoXxC,CAAC;AAUF,eAAO,MAAM,QAAQ,GAPnB,CAAC,SAAS,KAAK,CAAC,GAAG,EACnB,CAAC,SAAS,OAAO,EACjB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,cAE1B,aAAa,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;CAAE,KACnE,UAAU,CAAC,OAAO,aAAa,CAIlC,CAAC;AAEH,eAAe,QAAQ,CAAC"}
@@ -1,237 +1,347 @@
1
1
  "use client";
2
- import { jsxs as oe, Fragment as ne, jsx as f } from "react/jsx-runtime";
3
- import ae from "antd/es/config-provider/DisabledContext";
4
- import { FormItemInputContext as ie } from "antd/es/form/context";
5
- import { forwardRef as ce, useContext as T, useCallback as u, useMemo as b } from "react";
6
- import { DropdownMenuDivider as de } from "../dropdown-menu/divider.js";
2
+ import { jsx as o, jsxs as f, Fragment as q } from "react/jsx-runtime";
3
+ import { Combobox as t } from "@base-ui-components/react/combobox";
4
+ import se from "antd/es/config-provider/DisabledContext";
5
+ import { FormItemInputContext as ae } from "antd/es/form/context";
6
+ import { forwardRef as ie, useRef as de, useContext as G, useCallback as y, useMemo as O } from "react";
7
+ import { BaseMenu as I } from "../base-menu/index.js";
8
+ import { XIcon as me } from "@bioturing/assets";
7
9
  import './style.css';/* empty css */
8
- import { DropdownMenuItem as fe } from "../dropdown-menu/item.js";
9
- import { DropdownMenu as me } from "../dropdown-menu/component.js";
10
- import { SelectTrigger as ue } from "../select-trigger/component.js";
11
- import { useControlledState as F } from "../hooks/useControlledState.js";
12
- import { useCls as be } from "../utils/antdUtils.js";
13
- import { clsx as m } from "../utils/cn.js";
14
- import { reactNodeToString as pe } from "../utils/reactToString.js";
15
- const ge = ({
16
- options: s = [],
17
- value: j,
18
- defaultValue: k,
19
- onChange: p,
20
- placeholder: _ = "Select...",
21
- disabled: K = !1,
22
- status: L,
23
- allowClear: R = !1,
24
- multiple: l = !1,
25
- maxTagCount: he,
26
- showSearch: g = !0,
27
- open: $,
28
- onOpenChange: B,
29
- placement: E = "bottomLeft",
30
- className: W,
31
- classNames: x,
32
- size: q = "middle",
33
- loading: ye = !1,
34
- optionRender: ve,
35
- onSearch: Ce,
36
- dropdownRender: Ae,
37
- clearIcon: z,
38
- suffixIcon: G,
39
- dropdownMenuProps: H,
40
- triggerProps: O,
41
- searchProps: J,
42
- showSelectionSummary: I = !1,
43
- selectionSummaryRender: h,
44
- showSelectAll: V = !1,
45
- selectAllRender: ke,
46
- optionLabelRender: D,
47
- getOptionKeywords: P = (r) => [
48
- String(r.value),
49
- pe(r.label)
10
+ import { SelectTrigger as u } from "../select-trigger/component.js";
11
+ import { BaseMenuItem as H } from "../base-menu/item.js";
12
+ import { Empty as be } from "../empty/component.js";
13
+ import { useControlledState as J } from "../hooks/useControlledState.js";
14
+ import { useCls as he } from "../utils/antdUtils.js";
15
+ import { clsx as s } from "../utils/cn.js";
16
+ import { reactNodeToString as L } from "../utils/reactToString.js";
17
+ const ue = ({
18
+ options: c = [],
19
+ value: Q,
20
+ defaultValue: w,
21
+ onChange: A,
22
+ placeholder: C = "Select...",
23
+ disabled: W = !1,
24
+ status: Y,
25
+ allowClear: D = !1,
26
+ multiple: r = !1,
27
+ showSearch: fe = !0,
28
+ open: Z,
29
+ onOpenChange: z,
30
+ className: ee,
31
+ classNames: b,
32
+ size: T = "middle",
33
+ optionRender: F,
34
+ onSearch: M,
35
+ clearIcon: P,
36
+ suffixIcon: j,
37
+ // showSelectionSummary: _showSelectionSummary = false,
38
+ // selectionSummaryRender,
39
+ showSelectAll: B = !1,
40
+ optionLabelRender: v,
41
+ getOptionKeywords: pe = (h) => [
42
+ String(h.value),
43
+ L(h.label)
50
44
  ],
51
- ...Q
52
- }, U) => {
53
- const [r, S] = F(
54
- j,
55
- p,
56
- k !== void 0 ? k : l ? [] : void 0
57
- ), [w, M] = F(
58
- $,
59
- B,
45
+ ...oe
46
+ }, ne) => {
47
+ const [h, E] = J(
48
+ Q,
49
+ A,
50
+ w !== void 0 ? w : r ? [] : void 0
51
+ ), [R, k] = J(
52
+ Z,
53
+ z,
60
54
  !1
61
- ), c = be(), {
62
- status: X
63
- // hasFeedback,
64
- // feedbackIcon,
65
- } = T(ie), Y = T(ae), Z = L || X, ee = K || Y, n = u(
66
- (e) => {
67
- S(e), p?.(e);
68
- },
69
- [S, p]
70
- ), N = u(
55
+ ), l = he(), $ = de(null), { status: te } = G(ae), re = G(se), N = Y || te, p = W || re, m = y(
71
56
  (e) => {
72
- if (l) {
73
- const t = Array.isArray(r) ? r : [], o = t.includes(e) ? t.filter((i) => i !== e) : [...t, e];
74
- n(o);
75
- } else
76
- n(e);
57
+ E(e), A?.(e);
77
58
  },
78
- [l, r, n]
79
- ), y = u(() => {
80
- if (l) {
81
- const e = s.map((t) => t.value);
82
- n(e);
59
+ [E, A]
60
+ ), K = y(() => {
61
+ if (r) {
62
+ const e = c.map((n) => n.value);
63
+ m(e);
83
64
  }
84
- }, [l, s, n]), v = u(() => {
85
- l && n([]);
86
- }, [l, n]), te = b(() => s.map((e) => ({
87
- type: "item",
88
- // todo: make this type better
89
- key: e.value,
90
- icon: e.icon,
91
- label: e.label,
92
- disabled: e.disabled,
93
- onClick: () => !e.disabled && N(e.value)
94
- })), [s, N]), le = b(() => {
95
- if (!V || !l || s.length === 0)
65
+ }, [r, c, m]), V = y(() => {
66
+ r && m([]);
67
+ }, [r, m]), _ = y(() => {
68
+ m(r ? [] : void 0);
69
+ }, [r, m]), d = O(() => Array.isArray(h) ? h : h ? [h] : [], [h]), S = O(() => {
70
+ if (!B || !r || c.length === 0)
96
71
  return null;
97
- const e = Array.isArray(r) ? r : [], t = s.map((A) => A.value), o = e.filter(
98
- (A) => t.includes(A)
99
- ), i = o.length === s.length && s.length > 0, C = o.length > 0 && o.length < s.length;
100
- return /* @__PURE__ */ oe(ne, { children: [
101
- /* @__PURE__ */ f(
102
- fe,
103
- {
104
- item: {
105
- type: "item",
106
- key: "select_all",
107
- label: "Select All",
108
- onClick: () => {
109
- C || i ? v() : y();
110
- }
111
- },
112
- inCombobox: g,
113
- selected: i,
114
- showCheckbox: !0,
115
- indeterminate: C,
116
- renderAsNativeElement: !0,
117
- onSelect: () => {
118
- C || i ? v() : y();
119
- }
120
- },
121
- "select_all"
122
- ),
123
- /* @__PURE__ */ f(de, {})
124
- ] });
125
- }, [
126
- V,
127
- l,
128
- s,
129
- r,
130
- g,
131
- v,
132
- y
133
- ]), d = b(() => Array.isArray(r) ? r : r ? [r] : [], [r]), a = d.map((e) => s.find((t) => t.value === e)).filter(Boolean), { displayValue: re, displayPrefix: se } = b(() => {
134
- if (a.length === 0)
135
- return { displayValue: void 0, displayPrefix: void 0 };
136
- if (l) {
137
- const t = `${a.length} ${a.length === 1 ? "item" : "items"} selected`;
138
- return I ? h ? {
139
- displayValue: h(d),
140
- displayPrefix: void 0
141
- } : {
142
- displayValue: t,
143
- // TODO: Create icon component for multiple selection summary
144
- displayPrefix: void 0
145
- } : a.length === 1 ? {
146
- displayValue: a[0].label,
147
- displayPrefix: a[0].icon
148
- } : {
149
- displayValue: t,
150
- displayPrefix: void 0
151
- };
152
- }
153
- const e = a[0];
72
+ const e = d.filter(
73
+ (a) => c.some((g) => g.value === a)
74
+ ), n = e.length === c.length && c.length > 0, i = e.length > 0 && e.length < c.length;
154
75
  return {
155
- displayValue: e?.label,
156
- displayPrefix: e?.icon
76
+ checked: n,
77
+ indeterminate: i,
78
+ onToggle: () => {
79
+ i || n ? V() : K();
80
+ }
157
81
  };
158
82
  }, [
159
- a,
160
- l,
161
- I,
162
- h,
163
- d
164
- ]);
165
- return /* @__PURE__ */ f("div", { ref: U, className: m(c("combobox"), W), ...Q, children: /* @__PURE__ */ f(
166
- me,
83
+ B,
84
+ r,
85
+ c,
86
+ d,
87
+ V,
88
+ K
89
+ ]), ce = O(() => c.map((e) => e.value), [c]), U = O(() => r ? d.length > 0 ? `${d.length} item${d.length === 1 ? "" : "s"} selected` : null : c.find(
90
+ (n) => n.value === d[0]
91
+ )?.label || null, [r, d, c]), X = s(
92
+ l("combobox-input"),
93
+ l(`combobox-input-${T}`),
94
+ N && l(`combobox-input-${N}`),
95
+ b?.input
96
+ );
97
+ return /* @__PURE__ */ o("div", { ref: ne, className: s(l("combobox"), ee), ...oe, children: /* @__PURE__ */ f(
98
+ t.Root,
167
99
  {
168
- items: te,
169
- open: w,
170
- onOpenChange: M,
171
- placement: E,
172
- showSearch: g,
173
- searchProps: {
174
- placeholder: "Search options...",
175
- ...J
100
+ value: r ? d : d[0] ?? null,
101
+ onValueChange: (e) => {
102
+ m(
103
+ r ? Array.isArray(e) ? e : [] : e
104
+ );
176
105
  },
177
- className: m(c("combobox-dropdown")),
178
- classNames: {
179
- trigger: m(c("combobox-trigger-wrapper")),
180
- popup: m(c("combobox-popup")),
181
- item: m(c("combobox-option"), x?.option),
182
- ...x
106
+ open: R,
107
+ onOpenChange: k,
108
+ multiple: r,
109
+ disabled: p,
110
+ items: ce,
111
+ itemToStringLabel: (e) => {
112
+ const n = c.find((i) => i.value === e);
113
+ return L(n?.label || String(e));
183
114
  },
184
- popupMatchTriggerWidth: !0,
185
- keepOpenOnSelect: l,
186
- highlightedItemKey: l ? void 0 : d[0],
187
- showCheckbox: l,
188
- beforeList: le,
189
- selectedItemKeys: d,
190
- getItemKeywords: P ? (e) => {
191
- const t = s.find(
192
- (o) => o.value === e.key
193
- );
194
- return t ? P(t) : [];
195
- } : void 0,
196
- itemLabelRender: D ? (e, t) => {
197
- const o = s.find(
198
- (i) => i.value === e.key
199
- );
200
- return o ? D?.(o, t) : null;
201
- } : void 0,
202
- ...H,
203
- children: /* @__PURE__ */ f(
204
- ue,
205
- {
206
- value: re,
207
- prefix: se,
208
- placeholder: _,
209
- disabled: ee,
210
- status: Z,
211
- open: w,
212
- size: q,
213
- allowClear: R,
214
- suffixIcon: G,
215
- clearIcon: z,
216
- classNames: {
217
- trigger: x?.trigger,
218
- ...O?.classNames
219
- },
220
- onClear: () => {
221
- n(l ? [] : void 0);
222
- },
223
- onOpenChange: M,
224
- role: "combobox",
225
- ...O
226
- }
227
- )
115
+ children: [
116
+ r ? (
117
+ /* Multiple Selection Layout using SelectTrigger compound components */
118
+ /* @__PURE__ */ f(
119
+ u.Root,
120
+ {
121
+ ref: $,
122
+ size: T,
123
+ disabled: p,
124
+ open: R,
125
+ status: N,
126
+ placeholder: C,
127
+ displayValue: U,
128
+ allowClear: D,
129
+ suffixIcon: j,
130
+ clearIcon: P,
131
+ onClear: _,
132
+ onOpenChange: k,
133
+ className: s(
134
+ b?.trigger,
135
+ l("combobox-trigger-multiple")
136
+ ),
137
+ as: "div",
138
+ children: [
139
+ /* @__PURE__ */ o(
140
+ u.Content,
141
+ {
142
+ contentRender: ({ className: e, children: n, ...i }) => /* @__PURE__ */ o(
143
+ t.Chips,
144
+ {
145
+ className: s(l("combobox-chips"), e),
146
+ ...i,
147
+ children: /* @__PURE__ */ o(t.Value, { children: (a) => /* @__PURE__ */ f(q, { children: [
148
+ a.map((g) => {
149
+ const x = c.find(
150
+ (le) => le.value === g
151
+ );
152
+ return /* @__PURE__ */ f(
153
+ t.Chip,
154
+ {
155
+ className: s(l("combobox-chip")),
156
+ children: [
157
+ x?.icon && /* @__PURE__ */ o(
158
+ "span",
159
+ {
160
+ className: s(l("combobox-chip-icon")),
161
+ children: x.icon
162
+ }
163
+ ),
164
+ /* @__PURE__ */ o("span", { className: s(l("combobox-chip-text")), children: x ? v ? v(x) : x.label : g }),
165
+ /* @__PURE__ */ o(
166
+ t.ChipRemove,
167
+ {
168
+ className: s(l("combobox-chip-remove")),
169
+ children: /* @__PURE__ */ o(me, {})
170
+ }
171
+ )
172
+ ]
173
+ },
174
+ g
175
+ );
176
+ }),
177
+ /* @__PURE__ */ o(
178
+ t.Input,
179
+ {
180
+ placeholder: a.length > 0 ? "" : C,
181
+ className: X,
182
+ disabled: p,
183
+ onChange: (g) => {
184
+ M?.(g.target.value);
185
+ }
186
+ }
187
+ )
188
+ ] }) })
189
+ }
190
+ )
191
+ }
192
+ ),
193
+ /* @__PURE__ */ o(
194
+ u.Clear,
195
+ {
196
+ render: (e) => /* @__PURE__ */ o(t.Clear, { ...e })
197
+ }
198
+ ),
199
+ /* @__PURE__ */ o(
200
+ u.Arrow,
201
+ {
202
+ render: (e, { icon: n }) => /* @__PURE__ */ o(t.Trigger, { ...e, children: /* @__PURE__ */ o(t.Icon, { children: n }) })
203
+ }
204
+ )
205
+ ]
206
+ }
207
+ )
208
+ ) : /* @__PURE__ */ f(
209
+ u.Root,
210
+ {
211
+ ref: $,
212
+ as: "div",
213
+ size: T,
214
+ disabled: p,
215
+ open: R,
216
+ status: N,
217
+ placeholder: C,
218
+ displayValue: U,
219
+ allowClear: D,
220
+ suffixIcon: j,
221
+ clearIcon: P,
222
+ onClear: _,
223
+ onOpenChange: k,
224
+ className: s(
225
+ b?.trigger,
226
+ l("combobox-trigger-single")
227
+ ),
228
+ children: [
229
+ /* @__PURE__ */ o(
230
+ u.Content,
231
+ {
232
+ contentRender: ({ className: e, children: n, ...i }) => /* @__PURE__ */ o(
233
+ t.Input,
234
+ {
235
+ placeholder: C,
236
+ className: s(e, X),
237
+ disabled: p,
238
+ onChange: (a) => {
239
+ M?.(a.target.value);
240
+ },
241
+ ...i
242
+ }
243
+ )
244
+ }
245
+ ),
246
+ /* @__PURE__ */ o(
247
+ u.Clear,
248
+ {
249
+ render: (e) => /* @__PURE__ */ o(t.Clear, { ...e })
250
+ }
251
+ ),
252
+ /* @__PURE__ */ o(
253
+ u.Arrow,
254
+ {
255
+ render: (e, { icon: n }) => /* @__PURE__ */ o(t.Trigger, { ...e, children: /* @__PURE__ */ o(t.Icon, { children: n }) })
256
+ }
257
+ )
258
+ ]
259
+ }
260
+ ),
261
+ /* @__PURE__ */ o(t.Portal, { children: /* @__PURE__ */ o(
262
+ t.Positioner,
263
+ {
264
+ anchor: $.current,
265
+ sideOffset: 4,
266
+ render: (e) => /* @__PURE__ */ o(I.Root, { ...e }),
267
+ children: /* @__PURE__ */ f(
268
+ t.Popup,
269
+ {
270
+ className: s(l("combobox-popup"), b?.portal),
271
+ render: (e) => /* @__PURE__ */ o(I.Popup, { ...e }),
272
+ children: [
273
+ S && /* @__PURE__ */ f(q, { children: [
274
+ /* @__PURE__ */ o(
275
+ H,
276
+ {
277
+ as: "button",
278
+ type: "button",
279
+ className: s(l("combobox-select-all")),
280
+ selected: S.checked,
281
+ onClick: S.onToggle,
282
+ indeterminate: S.indeterminate,
283
+ showCheckbox: !0,
284
+ children: "Select All"
285
+ }
286
+ ),
287
+ /* @__PURE__ */ o(
288
+ t.Separator,
289
+ {
290
+ render: (e) => /* @__PURE__ */ o(I.Divider, { ...e })
291
+ }
292
+ )
293
+ ] }),
294
+ /* @__PURE__ */ o(
295
+ t.List,
296
+ {
297
+ className: s(l("combobox-list"), b?.list),
298
+ render: (e) => /* @__PURE__ */ o(I.List, { ...e }),
299
+ children: (e) => {
300
+ const n = c.find((a) => a.value === e), i = d.includes(e);
301
+ return F ? F(n, {}) : /* @__PURE__ */ o(
302
+ H,
303
+ {
304
+ disabled: n.disabled,
305
+ selected: i,
306
+ showCheckbox: r,
307
+ icon: n.icon,
308
+ classNames: {
309
+ root: s(b?.option),
310
+ icon: b?.optionIcon,
311
+ text: b?.optionText
312
+ },
313
+ labelRender: v ? (a) => v(n, a) : void 0,
314
+ render: (a) => /* @__PURE__ */ o(
315
+ t.Item,
316
+ {
317
+ value: e,
318
+ disabled: n.disabled,
319
+ ...a,
320
+ "data-disabled": n.disabled,
321
+ "data-selected": i
322
+ }
323
+ ),
324
+ children: n.label
325
+ },
326
+ n.value
327
+ );
328
+ }
329
+ }
330
+ ),
331
+ /* @__PURE__ */ o(t.Empty, { className: s(l("combobox-empty")), children: /* @__PURE__ */ o(be, { description: "No options found" }) })
332
+ ]
333
+ }
334
+ )
335
+ }
336
+ ) })
337
+ ]
228
338
  }
229
339
  ) });
230
- }, xe = ce(ge), Le = Object.assign(xe, {
340
+ }, ge = ie(ue), Fe = Object.assign(ge, {
231
341
  // Add any sub components here if needed
232
342
  });
233
343
  export {
234
- Le as Combobox,
235
- Le as default
344
+ Fe as Combobox,
345
+ Fe as default
236
346
  };
237
347
  //# sourceMappingURL=component.js.map