@bioturing/components 0.33.1 → 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 (102) 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/component.d.ts +1 -1
  29. package/dist/components/code-block/component.d.ts.map +1 -1
  30. package/dist/components/code-block/component.js +80 -71
  31. package/dist/components/code-block/component.js.map +1 -1
  32. package/dist/components/code-block/types.d.ts +17 -0
  33. package/dist/components/code-block/types.d.ts.map +1 -1
  34. package/dist/components/combobox/component.d.ts +3 -26
  35. package/dist/components/combobox/component.d.ts.map +1 -1
  36. package/dist/components/combobox/component.js +326 -216
  37. package/dist/components/combobox/component.js.map +1 -1
  38. package/dist/components/combobox/style.css +1 -1
  39. package/dist/components/command-palette/component.js +6 -6
  40. package/dist/components/command-palette/component.js.map +1 -1
  41. package/dist/components/dropdown-menu/component.d.ts.map +1 -1
  42. package/dist/components/dropdown-menu/component.js +90 -87
  43. package/dist/components/dropdown-menu/component.js.map +1 -1
  44. package/dist/components/dropdown-menu/divider.d.ts.map +1 -1
  45. package/dist/components/dropdown-menu/divider.js +17 -10
  46. package/dist/components/dropdown-menu/divider.js.map +1 -1
  47. package/dist/components/dropdown-menu/item.d.ts +19 -9
  48. package/dist/components/dropdown-menu/item.d.ts.map +1 -1
  49. package/dist/components/dropdown-menu/item.js +71 -130
  50. package/dist/components/dropdown-menu/item.js.map +1 -1
  51. package/dist/components/dropdown-menu/style.css +1 -1
  52. package/dist/components/dropdown-menu/useDropdownMenu.d.ts.map +1 -1
  53. package/dist/components/dropdown-menu/useDropdownMenu.js +60 -63
  54. package/dist/components/dropdown-menu/useDropdownMenu.js.map +1 -1
  55. package/dist/components/field/component.d.ts +5 -1
  56. package/dist/components/field/component.d.ts.map +1 -1
  57. package/dist/components/field/component.js +29 -20
  58. package/dist/components/field/component.js.map +1 -1
  59. package/dist/components/popup-panel/component.d.ts.map +1 -1
  60. package/dist/components/popup-panel/component.js +101 -101
  61. package/dist/components/popup-panel/component.js.map +1 -1
  62. package/dist/components/scroll-area/component.d.ts +1 -1
  63. package/dist/components/scroll-area/component.d.ts.map +1 -1
  64. package/dist/components/scroll-area/component.js +74 -58
  65. package/dist/components/scroll-area/component.js.map +1 -1
  66. package/dist/components/select-trigger/component.d.ts +71 -9
  67. package/dist/components/select-trigger/component.d.ts.map +1 -1
  68. package/dist/components/select-trigger/component.js +180 -139
  69. package/dist/components/select-trigger/component.js.map +1 -1
  70. package/dist/components/select-trigger/index.d.ts +1 -2
  71. package/dist/components/select-trigger/index.d.ts.map +1 -1
  72. package/dist/components/select-trigger/style.css +1 -1
  73. package/dist/components/table/component.d.ts.map +1 -1
  74. package/dist/components/table/component.js +53 -52
  75. package/dist/components/table/component.js.map +1 -1
  76. package/dist/components/theme-provider/style.css +1 -1
  77. package/dist/components/truncate/component.d.ts.map +1 -1
  78. package/dist/components/truncate/component.js +84 -80
  79. package/dist/components/truncate/component.js.map +1 -1
  80. package/dist/components/truncate/helpers.d.ts +9 -0
  81. package/dist/components/truncate/helpers.d.ts.map +1 -1
  82. package/dist/components/truncate/helpers.js +70 -40
  83. package/dist/components/truncate/helpers.js.map +1 -1
  84. package/dist/components/truncate/index.d.ts +1 -0
  85. package/dist/components/truncate/index.d.ts.map +1 -1
  86. package/dist/components/truncate/useOverflowDetection.d.ts +19 -0
  87. package/dist/components/truncate/useOverflowDetection.d.ts.map +1 -0
  88. package/dist/components/truncate/useOverflowDetection.js +54 -0
  89. package/dist/components/truncate/useOverflowDetection.js.map +1 -0
  90. package/dist/components/utils/WithRenderProp.d.ts.map +1 -1
  91. package/dist/components/utils/WithRenderProp.js +10 -10
  92. package/dist/components/utils/WithRenderProp.js.map +1 -1
  93. package/dist/components/vertical-collapsible-panel/component.d.ts +14 -0
  94. package/dist/components/vertical-collapsible-panel/component.d.ts.map +1 -1
  95. package/dist/components/vertical-collapsible-panel/component.js +82 -75
  96. package/dist/components/vertical-collapsible-panel/component.js.map +1 -1
  97. package/dist/components/vertical-collapsible-panel/style.css +1 -1
  98. package/dist/index.js +230 -224
  99. package/dist/index.js.map +1 -1
  100. package/dist/stats.html +1 -1
  101. package/package.json +5 -6
  102. package/dist/components/dropdown-menu/item.css +0 -1
@@ -1,3 +1,3 @@
1
1
  import { CodeBlockProps } from './types';
2
- export declare const CodeBlock: ({ code, children, lang: defaultLang, className, options, activeOption: controlledActiveOption, defaultActiveOption, onActiveOptionChange, copyText, copySuccessText, classNames, maxHeight, onCopy, ...rest }: CodeBlockProps) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const CodeBlock: ({ code, children, lang: defaultLang, className, options, activeOption: controlledActiveOption, defaultActiveOption, onActiveOptionChange, copyText, copySuccessText, classNames, maxHeight, onCopy, theme, themeProviderProps, scrollAreaProps, ...rest }: CodeBlockProps) => import("react/jsx-runtime").JSX.Element;
3
3
  //# sourceMappingURL=component.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/code-block/component.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9C,OAAO,aAAa,CAAC;AAGrB,eAAO,MAAM,SAAS,GAAI,+MAgBvB,cAAc,4CA4HhB,CAAC"}
1
+ {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/code-block/component.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9C,OAAO,aAAa,CAAC;AAQrB,eAAO,MAAM,SAAS,GAAI,2PAmBvB,cAAc,4CAqIhB,CAAC"}
@@ -1,127 +1,136 @@
1
1
  "use client";
2
- import { jsx as e, jsxs as q } from "react/jsx-runtime";
3
- import { CheckIcon as z, CopyIcon as G } from "@bioturing/assets";
4
- import { Highlight as J, themes as K } from "prism-react-renderer";
5
- import { useState as a, useEffect as Q, useCallback as S } from "react";
6
- import { ThemeProvider as R } from "../theme-provider/component.js";
2
+ import { jsxs as R, jsx as e } from "react/jsx-runtime";
3
+ import { CheckIcon as U, CopyIcon as V } from "@bioturing/assets";
4
+ import { Highlight as W, themes as T } from "prism-react-renderer";
5
+ import { useState as i, useEffect as X, useCallback as I } from "react";
6
+ import { ThemeProvider as Y } from "../theme-provider/component.js";
7
7
  import './style.css';/* empty css */
8
- import { Segmented as U } from "../segmented/component.js";
9
- import { useControlledState as V } from "../hooks/useControlledState.js";
10
- import { reactNodeToString as W } from "../utils/reactToString.js";
11
- import { useCls as X } from "../utils/antdUtils.js";
12
- import { clsx as Y } from "../utils/cn.js";
13
- import { IconButton as Z } from "../icon-button/component.js";
14
- import { ScrollArea as H } from "../scroll-area/component.js";
15
- const he = ({
16
- code: f,
17
- children: i,
8
+ import { Segmented as Z } from "../segmented/component.js";
9
+ import { useControlledState as ee } from "../hooks/useControlledState.js";
10
+ import { reactNodeToString as oe } from "../utils/reactToString.js";
11
+ import { useCls as te } from "../utils/antdUtils.js";
12
+ import { useTheme as re } from "../theme-provider/context/themeStore.js";
13
+ import { clsx as ne } from "../utils/cn.js";
14
+ import { IconButton as ce } from "../icon-button/component.js";
15
+ import { ScrollArea as se } from "../scroll-area/component.js";
16
+ const M = {
17
+ dark: T.vsDark,
18
+ light: T.vsLight
19
+ }, ye = ({
20
+ code: v,
21
+ children: m,
18
22
  // initial,
19
- lang: m = "tsx",
20
- className: N,
23
+ lang: d = "tsx",
24
+ className: w,
21
25
  options: t,
22
- activeOption: w,
23
- defaultActiveOption: v = 0,
24
- onActiveOptionChange: I,
25
- copyText: d = "Copy",
26
+ activeOption: x,
27
+ defaultActiveOption: g = 0,
28
+ onActiveOptionChange: E,
29
+ copyText: p = "Copy",
26
30
  copySuccessText: b = "Copied",
27
- classNames: p,
31
+ classNames: h,
28
32
  maxHeight: c,
29
- onCopy: h,
30
- ...O
33
+ onCopy: u,
34
+ theme: s = "auto",
35
+ themeProviderProps: L,
36
+ scrollAreaProps: O,
37
+ ...j
31
38
  }) => {
32
- const [l, g] = V(
33
- w,
34
- I,
35
- v
36
- ), [n, j] = a(f || ""), [x, B] = a(m), C = t && t.length > 0;
37
- Q(() => {
39
+ const [l, k] = ee(
40
+ x,
41
+ E,
42
+ g
43
+ ), [n, A] = i(v || ""), [B, F] = i(d), C = t && t.length > 0;
44
+ X(() => {
38
45
  if (C) {
39
- const o = t[l]?.code || "", r = t[l]?.lang || m;
40
- j(o), B(r);
46
+ const o = t[l]?.code || "", r = t[l]?.lang || d;
47
+ A(o), F(r);
41
48
  }
42
49
  }, [
43
- f,
44
- l,
45
50
  v,
51
+ l,
52
+ g,
46
53
  t,
47
- m,
54
+ d,
48
55
  C,
49
- g
56
+ k
50
57
  ]);
51
- const [L, u] = a(d), [M, k] = a(!1), T = S(() => {
52
- const o = n || W(i);
58
+ const [P, f] = i(p), [_, y] = i(!1), D = I(() => {
59
+ const o = n || oe(m);
53
60
  try {
54
61
  navigator.clipboard.writeText(o).then(() => {
55
- u(b), k(!0), h && h(o);
62
+ f(b), y(!0), u && u(o);
56
63
  });
57
64
  } catch {
58
- u("Failed to copy");
65
+ f("Failed to copy");
59
66
  }
60
- }, [n, i, b, h]), A = S(() => {
61
- u(d), k(!1);
62
- }, [d]), s = X();
63
- return /* @__PURE__ */ e(R, { theme: "dark", appendClassesToChildren: !0, children: /* @__PURE__ */ q(
67
+ }, [n, m, b, u]), $ = I(() => {
68
+ f(p), y(!1);
69
+ }, [p]), a = te(), { theme: q } = re(), S = () => /* @__PURE__ */ R(
64
70
  "div",
65
71
  {
66
- className: Y(s("code-block"), N, p?.root),
67
- ...O,
72
+ className: ne(a("code-block"), w, h?.root),
73
+ ...j,
68
74
  children: [
69
- C && /* @__PURE__ */ e("div", { className: s("code-block-header", p?.header), children: /* @__PURE__ */ e(
70
- U,
75
+ C && /* @__PURE__ */ e("div", { className: a("code-block-header", h?.header), children: /* @__PURE__ */ e(
76
+ Z,
71
77
  {
72
78
  value: l,
73
- onChange: g,
79
+ onChange: k,
74
80
  options: t.map((o, r) => ({
75
81
  label: o.label,
76
82
  value: r
77
83
  }))
78
84
  }
79
85
  ) }),
80
- /* @__PURE__ */ e("div", { className: s("code-block-copy"), children: /* @__PURE__ */ e(
81
- Z,
86
+ /* @__PURE__ */ e("div", { className: a("code-block-copy"), children: /* @__PURE__ */ e(
87
+ ce,
82
88
  {
83
- onClick: T,
84
- label: L,
85
- onMouseLeave: A,
86
- children: M ? /* @__PURE__ */ e(z, {}) : /* @__PURE__ */ e(G, {})
89
+ onClick: D,
90
+ label: P,
91
+ onMouseLeave: $,
92
+ children: _ ? /* @__PURE__ */ e(U, {}) : /* @__PURE__ */ e(V, {})
87
93
  }
88
94
  ) }),
89
95
  /* @__PURE__ */ e(
90
96
  "div",
91
97
  {
92
- className: s("code-block-content", p?.content),
98
+ className: a("code-block-content", h?.content),
93
99
  style: {
94
100
  maxHeight: c && (typeof c == "number" ? `${c}px` : c)
95
101
  },
96
- children: /* @__PURE__ */ e(H, { children: n ? /* @__PURE__ */ e(
97
- J,
102
+ children: /* @__PURE__ */ e(se, { orientation: "both", ...O, children: n ? /* @__PURE__ */ e(
103
+ W,
98
104
  {
99
- language: x,
105
+ language: B,
100
106
  code: n,
101
- theme: K.vsDark,
102
- children: ({
103
- className: o,
104
- style: r,
105
- tokens: D,
106
- getLineProps: E,
107
- getTokenProps: F
108
- }) => /* @__PURE__ */ e(
107
+ theme: s == "auto" ? M[q] : M[s],
108
+ children: ({ className: o, style: r, tokens: z, getLineProps: G, getTokenProps: H }) => /* @__PURE__ */ e(
109
109
  "pre",
110
110
  {
111
111
  style: { ...r, backgroundColor: "transparent" },
112
112
  className: o,
113
- children: D.map((y, P) => /* @__PURE__ */ e("div", { ...E({ line: y }), children: y.map((_, $) => /* @__PURE__ */ e("span", { ...F({ token: _ }) }, $)) }, P))
113
+ children: z.map((N, J) => /* @__PURE__ */ e("div", { ...G({ line: N }), children: N.map((K, Q) => /* @__PURE__ */ e("span", { ...H({ token: K }) }, Q)) }, J))
114
114
  }
115
115
  )
116
116
  }
117
- ) : i })
117
+ ) : m })
118
118
  }
119
119
  )
120
120
  ]
121
121
  }
122
- ) });
122
+ );
123
+ return s == "auto" ? S() : /* @__PURE__ */ e(
124
+ Y,
125
+ {
126
+ theme: s,
127
+ appendClassesToChildren: !0,
128
+ ...L,
129
+ children: S()
130
+ }
131
+ );
123
132
  };
124
133
  export {
125
- he as CodeBlock
134
+ ye as CodeBlock
126
135
  };
127
136
  //# sourceMappingURL=component.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"component.js","sources":["../../../src/components/code-block/component.tsx"],"sourcesContent":["\"use client\";\nimport { CheckIcon, CopyIcon } from \"@bioturing/assets\";\nimport { Highlight, themes } from \"prism-react-renderer\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { useControlledState } from \"../hooks\";\nimport { IconButton } from \"../icon-button\";\nimport { ScrollArea } from \"../scroll-area\";\nimport { Segmented } from \"../segmented\";\nimport { ThemeProvider } from \"../theme-provider/component\";\nimport { clsx, reactNodeToString, useCls } from \"../utils\";\nimport type { CodeBlockProps } from \"./types\";\n\n// Import component-specific styles\nimport \"./style.css\";\nimport { useTheme } from \"../theme-provider\";\n\nexport const CodeBlock = ({\n code,\n children,\n // initial,\n lang: defaultLang = \"tsx\",\n className,\n options,\n activeOption: controlledActiveOption,\n defaultActiveOption = 0,\n onActiveOptionChange,\n copyText = \"Copy\",\n copySuccessText = \"Copied\",\n classNames,\n maxHeight,\n onCopy,\n ...rest\n}: CodeBlockProps) => {\n const [activeOption, setActiveOption] = useControlledState(\n controlledActiveOption,\n onActiveOptionChange,\n defaultActiveOption\n );\n\n const [currentCode, setCurrentCode] = useState(code || \"\");\n\n const [lang, setLang] = useState(defaultLang);\n\n const hasOptions = options && options.length > 0;\n\n useEffect(() => {\n if (hasOptions) {\n const newCode = options[activeOption]?.code || \"\";\n const newLang = options[activeOption]?.lang || defaultLang;\n setCurrentCode(newCode);\n setLang(newLang);\n }\n }, [\n code,\n activeOption,\n defaultActiveOption,\n options,\n defaultLang,\n hasOptions,\n setActiveOption,\n ]);\n\n const [tooltipContent, setTooltipContent] = useState(copyText);\n const [copySuccess, setCopySuccess] = useState(false);\n\n const handleCopy = useCallback(() => {\n const codeContent = currentCode ? currentCode : reactNodeToString(children);\n try {\n navigator.clipboard.writeText(codeContent).then(() => {\n setTooltipContent(copySuccessText);\n setCopySuccess(true);\n if (onCopy) onCopy(codeContent);\n });\n } catch (_) {\n setTooltipContent(\"Failed to copy\");\n }\n }, [currentCode, children, copySuccessText, onCopy]);\n\n const handleMouseLeave = useCallback(() => {\n setTooltipContent(copyText);\n setCopySuccess(false);\n }, [copyText]);\n\n const cls = useCls();\n\n return (\n <ThemeProvider theme={\"dark\"} appendClassesToChildren>\n <div\n className={clsx(cls(\"code-block\"), className, classNames?.root)}\n {...rest}\n >\n {hasOptions && (\n <div className={cls(\"code-block-header\", classNames?.header)}>\n <Segmented\n value={activeOption}\n onChange={setActiveOption}\n options={options.map((opt, index) => ({\n label: opt.label,\n value: index,\n }))}\n />\n </div>\n )}\n <div className={cls(\"code-block-copy\")}>\n <IconButton\n onClick={handleCopy}\n label={tooltipContent}\n onMouseLeave={handleMouseLeave}\n >\n {copySuccess ? <CheckIcon /> : <CopyIcon />}\n </IconButton>\n </div>\n <div\n className={cls(\"code-block-content\", classNames?.content)}\n style={{\n maxHeight:\n maxHeight &&\n (typeof maxHeight === \"number\" ? `${maxHeight}px` : maxHeight),\n }}\n >\n <ScrollArea>\n {currentCode ? (\n <Highlight\n language={lang}\n code={currentCode}\n theme={themes.vsDark}\n >\n {({\n className,\n style,\n tokens,\n getLineProps,\n getTokenProps,\n }) => (\n <pre\n style={{ ...style, backgroundColor: \"transparent\" }}\n className={className}\n >\n {tokens.map((line, i) => (\n <div key={i} {...getLineProps({ line })}>\n {line.map((token, key) => (\n <span key={key} {...getTokenProps({ token })} />\n ))}\n </div>\n ))}\n </pre>\n )}\n </Highlight>\n ) : (\n children\n )}\n </ScrollArea>\n </div>\n </div>\n </ThemeProvider>\n );\n};\n"],"names":["CodeBlock","code","children","defaultLang","className","options","controlledActiveOption","defaultActiveOption","onActiveOptionChange","copyText","copySuccessText","classNames","maxHeight","onCopy","rest","activeOption","setActiveOption","useControlledState","currentCode","setCurrentCode","useState","lang","setLang","hasOptions","useEffect","newCode","newLang","tooltipContent","setTooltipContent","copySuccess","setCopySuccess","handleCopy","useCallback","codeContent","reactNodeToString","handleMouseLeave","cls","useCls","jsx","ThemeProvider","jsxs","clsx","Segmented","opt","index","IconButton","CheckIcon","CopyIcon","ScrollArea","Highlight","themes","style","tokens","getLineProps","getTokenProps","line","i","token","key"],"mappings":"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"}
1
+ {"version":3,"file":"component.js","sources":["../../../src/components/code-block/component.tsx"],"sourcesContent":["\"use client\";\nimport { CheckIcon, CopyIcon } from \"@bioturing/assets\";\nimport { Highlight, themes } from \"prism-react-renderer\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { useControlledState } from \"../hooks\";\nimport { IconButton } from \"../icon-button\";\nimport { ScrollArea } from \"../scroll-area\";\nimport { Segmented } from \"../segmented\";\nimport { ThemeProvider } from \"../theme-provider/component\";\nimport { clsx, reactNodeToString, useCls } from \"../utils\";\nimport type { CodeBlockProps } from \"./types\";\n\n// Import component-specific styles\nimport \"./style.css\";\nimport { useTheme } from \"../theme-provider\";\n\nconst THEME_MAP = {\n dark: themes.vsDark,\n light: themes.vsLight,\n};\n\nexport const CodeBlock = ({\n code,\n children,\n // initial,\n lang: defaultLang = \"tsx\",\n className,\n options,\n activeOption: controlledActiveOption,\n defaultActiveOption = 0,\n onActiveOptionChange,\n copyText = \"Copy\",\n copySuccessText = \"Copied\",\n classNames,\n maxHeight,\n onCopy,\n theme = \"auto\",\n themeProviderProps,\n scrollAreaProps,\n ...rest\n}: CodeBlockProps) => {\n const [activeOption, setActiveOption] = useControlledState(\n controlledActiveOption,\n onActiveOptionChange,\n defaultActiveOption\n );\n\n const [currentCode, setCurrentCode] = useState(code || \"\");\n\n const [lang, setLang] = useState(defaultLang);\n\n const hasOptions = options && options.length > 0;\n\n useEffect(() => {\n if (hasOptions) {\n const newCode = options[activeOption]?.code || \"\";\n const newLang = options[activeOption]?.lang || defaultLang;\n setCurrentCode(newCode);\n setLang(newLang);\n }\n }, [\n code,\n activeOption,\n defaultActiveOption,\n options,\n defaultLang,\n hasOptions,\n setActiveOption,\n ]);\n\n const [tooltipContent, setTooltipContent] = useState(copyText);\n const [copySuccess, setCopySuccess] = useState(false);\n\n const handleCopy = useCallback(() => {\n const codeContent = currentCode ? currentCode : reactNodeToString(children);\n try {\n navigator.clipboard.writeText(codeContent).then(() => {\n setTooltipContent(copySuccessText);\n setCopySuccess(true);\n if (onCopy) onCopy(codeContent);\n });\n } catch (_) {\n setTooltipContent(\"Failed to copy\");\n }\n }, [currentCode, children, copySuccessText, onCopy]);\n\n const handleMouseLeave = useCallback(() => {\n setTooltipContent(copyText);\n setCopySuccess(false);\n }, [copyText]);\n\n const cls = useCls();\n const { theme: currentThemeFromContext } = useTheme();\n\n const renderInner = () => (\n <div\n className={clsx(cls(\"code-block\"), className, classNames?.root)}\n {...rest}\n >\n {hasOptions && (\n <div className={cls(\"code-block-header\", classNames?.header)}>\n <Segmented\n value={activeOption}\n onChange={setActiveOption}\n options={options.map((opt, index) => ({\n label: opt.label,\n value: index,\n }))}\n />\n </div>\n )}\n <div className={cls(\"code-block-copy\")}>\n <IconButton\n onClick={handleCopy}\n label={tooltipContent}\n onMouseLeave={handleMouseLeave}\n >\n {copySuccess ? <CheckIcon /> : <CopyIcon />}\n </IconButton>\n </div>\n <div\n className={cls(\"code-block-content\", classNames?.content)}\n style={{\n maxHeight:\n maxHeight &&\n (typeof maxHeight === \"number\" ? `${maxHeight}px` : maxHeight),\n }}\n >\n <ScrollArea orientation=\"both\" {...scrollAreaProps}>\n {currentCode ? (\n <Highlight\n language={lang}\n code={currentCode}\n theme={\n theme == \"auto\"\n ? THEME_MAP[currentThemeFromContext]\n : THEME_MAP[theme]\n }\n >\n {({ className, style, tokens, getLineProps, getTokenProps }) => (\n <pre\n style={{ ...style, backgroundColor: \"transparent\" }}\n className={className}\n >\n {tokens.map((line, i) => (\n <div key={i} {...getLineProps({ line })}>\n {line.map((token, key) => (\n <span key={key} {...getTokenProps({ token })} />\n ))}\n </div>\n ))}\n </pre>\n )}\n </Highlight>\n ) : (\n children\n )}\n </ScrollArea>\n </div>\n </div>\n );\n\n return theme == \"auto\" ? (\n renderInner()\n ) : (\n <ThemeProvider\n theme={theme}\n appendClassesToChildren\n {...themeProviderProps}\n >\n {renderInner()}\n </ThemeProvider>\n );\n};\n"],"names":["THEME_MAP","themes","CodeBlock","code","children","defaultLang","className","options","controlledActiveOption","defaultActiveOption","onActiveOptionChange","copyText","copySuccessText","classNames","maxHeight","onCopy","theme","themeProviderProps","scrollAreaProps","rest","activeOption","setActiveOption","useControlledState","currentCode","setCurrentCode","useState","lang","setLang","hasOptions","useEffect","newCode","newLang","tooltipContent","setTooltipContent","copySuccess","setCopySuccess","handleCopy","useCallback","codeContent","reactNodeToString","handleMouseLeave","cls","useCls","currentThemeFromContext","useTheme","renderInner","jsxs","clsx","jsx","Segmented","opt","index","IconButton","CheckIcon","CopyIcon","ScrollArea","Highlight","style","tokens","getLineProps","getTokenProps","line","i","token","key","ThemeProvider"],"mappings":"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"}
@@ -1,4 +1,7 @@
1
1
  import { HighlightProps } from 'prism-react-renderer';
2
+ import { Theme } from '../../tokens';
3
+ import { ThemeProviderProps } from '../theme-provider';
4
+ import { ScrollAreaProps } from '../scroll-area';
2
5
  export interface CodeOption {
3
6
  label: string;
4
7
  code: string;
@@ -60,5 +63,19 @@ export interface CodeBlockProps extends Omit<React.ComponentPropsWithRef<"div">,
60
63
  * Copy callback function
61
64
  */
62
65
  onCopy?: (code?: string) => void;
66
+ /**
67
+ * Theme of the code block
68
+ * @default "dark"
69
+ */
70
+ theme?: Theme | "auto";
71
+ /**
72
+ * Props to pass to the ThemeProvider
73
+ * Only works when theme is not "auto"
74
+ */
75
+ themeProviderProps?: Partial<ThemeProviderProps>;
76
+ /**
77
+ * Props to pass to the ScrollArea
78
+ */
79
+ scrollAreaProps?: Partial<ScrollAreaProps>;
63
80
  }
64
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;AAEtD,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;CAClC"}
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":"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"}