@bioturing/components 0.19.0 → 0.20.1

package/dist/index.js

@@ -1,71 +1,74 @@
-import { componentMetadata as r, getComponentsByCategory as t } from "./metadata.js";
-import { Affix as p, Alert as m, Anchor as s, App as f, AutoComplete as l, Avatar as n, BackTop as x, Calendar as i, Card as C, Carousel as c, Cascader as T, Col as u, ColorPicker as d, ConfigProvider as g, DatePicker as S, Descriptions as h, Divider as A, Drawer as E, Dropdown as k, Flex as P, FloatButton as R, Grid as b, InputNumber as D, Layout as y, List as B, Mentions as L, Menu as v, Pagination as I, Popconfirm as M, Progress as F, QRCode as N, Rate as U, Result as w, Row as _, Skeleton as O, Space as W, Statistic as q, Steps as G, Tabs as V, TimePicker as K, Timeline as Q, Transfer as H, TreeSelect as j, Typography as z, Watermark as J, message as X, notification as Y, theme as Z, unstableSetRender as $, version as oo } from "antd";
-import { Select as ro } from "./components/Select/component.js";
-import { Modal as ao } from "./components/Modal/index.js";
-import { IconButton as mo } from "./components/IconButton/component.js";
-import { Switch as fo } from "./components/Switch/component.js";
-import { Checkbox as no } from "./components/Checkbox/component.js";
-import { Segmented as io } from "./components/Segmented/component.js";
-import { Table as co } from "./components/Table/component.js";
-import { Tag as uo } from "./components/Tag/component.js";
-import { ThemeProvider as So } from "./components/ThemeProvider/component.js";
-import { Split as Ao, Splitter as Eo } from "./components/Splitter/component.js";
-import { Truncate as Po } from "./components/Truncate/component.js";
-import { DropdownMenu as bo } from "./components/DropdownMenu/component.js";
-import { clsx as yo, cn as Bo, cx as Lo } from "./components/utils/cn.js";
-import { reactNodeToString as Io } from "./components/utils/reactToString.js";
-import { isTracebackError as Fo } from "./components/utils/isTracebackError.js";
-import { isValidHexColor as Uo } from "./components/utils/colors.js";
-import { parseAntdPlacement as _o, useAntdCssVarClassname as Oo, useCls as Wo, useGetPrefixCls as qo } from "./components/utils/antdUtils.js";
-import { WithAntdTokens as Vo } from "./components/utils/WithAntdTokens.js";
-import { changeThemeWithoutTransition as Qo } from "./components/utils/theme.js";
-import { moveTypingCursorToEnd as jo } from "./components/utils/selectionRange.js";
-import { Transition as Jo } from "./components/Transition/component.js";
-import { DefaultUpload as Yo, Upload as Zo } from "./components/Upload/component.js";
-import { useUploadItemRender as oe } from "./components/Upload/hooks.js";
-import { ScrollArea as re } from "./components/ScrollArea/component.js";
-import { Popover as ae } from "./components/Popover/component.js";
-import { Slider as me } from "./components/Slider/component.js";
-import { Tooltip as fe } from "./components/Tooltip/component.js";
-import { Breadcrumb as ne } from "./components/Breadcrumb/component.js";
-import { useUniqueKeysTree as ie } from "./components/Tree/useUniqueKeysTree.js";
-import { getUniqueKeysFromOriginals as ce, processTreeData as Te } from "./components/Tree/helpers.js";
-import { Tree as de } from "./components/Tree/components.js";
-import { Spin as Se } from "./components/Spin/component.js";
-import { Empty as Ae, EmptyIcon as Ee } from "./components/Empty/component.js";
-import { Form as Pe } from "./components/Form/component.js";
-import { Field as be } from "./components/Field/component.js";
-import { Tour as ye } from "./components/Tour/component.js";
-import { Toast as Le } from "./components/Toast/component.js";
-import { toast as Ie, toastManager as Me } from "./components/Toast/function.js";
-import { VerticalCollapsiblePanel as Ne } from "./components/VerticalCollapsiblePanel/component.js";
-import { PopupPanel as we } from "./components/PopupPanel/component.js";
-import { CodeBlock as Oe } from "./components/CodeBlock/component.js";
-import { StackChild as qe } from "./components/Stack/StackChild.js";
-import { Stack as Ve } from "./components/Stack/index.js";
-import { Collapse as Qe } from "./components/Collapse/component.js";
-import { Input as je } from "./components/Input/component.js";
-import { Badge as Je, InternalBadge as Xe } from "./components/Badge/component.js";
-import { Radio as Ze } from "./components/Radio/component.js";
-import { Button as or } from "./components/Button/component.js";
-import { DSRoot as rr } from "./components/DSRoot/component.js";
-import { DSRootContextProvider as ar, useDS as pr } from "./components/DSRoot/context.js";
-import { DragDrop as sr, DragDropRoot as fr } from "./components/DragDrop/index.js";
-import { ColorSelect as nr } from "./components/ColorSelect/component.js";
-import { Nav as ir } from "./components/Nav/index.js";
-import { useForm as cr, useWatch as Tr } from "antd/es/form/Form";
-import { useBreakpoint as dr, useMessage as gr, useModal as Sr, useToken as hr } from "./components/hooks/antd.js";
-import { default as Er } from "antd/es/app/useApp";
-import { useAnimationsFinished as Pr, useEnhancedEffect as Rr, useEventCallback as br, useLatestRef as Dr } from "./components/hooks/base-ui.js";
-import { useControlledState as Br } from "./components/hooks/useControlledState.js";
-import { useCharts as vr } from "./components/hooks/useCharts.js";
-import { useCSSVariables as Mr } from "./components/hooks/useCSSVariables.js";
-import { antdColorTokens as Nr, darkTheme as Ur, lightTheme as wr } from "./tokens/and-theme/tokens.js";
-import { categoricalChartColorKeys as Or, categoricalChartColorTokens as Wr, categoricalChartsColors as qr, chartColorTokens as Gr, rawChartColorTokens as Vr } from "./tokens/charts/palettes/cloudscape.js";
-import { COLORBREWER as Qr } from "./tokens/charts/palettes/colorbrewer.js";
-import { tab10 as jr, tab20 as zr, tab20b as Jr, tab20c as Xr } from "./tokens/charts/palettes/tableau.js";
-import { CATEGORICAL_PALETTES as Zr, CATEGORICAL_PALETTE_NAMES as $r, SEQUENTIAL_PALETTES as ot, SEQUENTIAL_PALETTE_NAMES as et, getAllCategoricalChartColors as rt, getAllSequentialChartColors as tt, getCategoricalChartColors as at, getSequentialChartColors as pt } from "./tokens/charts/palettes/index.js";
-import { getColorsByTheme as st, getTokensByTheme as ft, resolveColorTokens as lt } from "./tokens/utils.js";
+import { componentMetadata as e, getComponentsByCategory as t } from "./metadata.js";
+import { Affix as p, Alert as m, Anchor as s, App as f, AutoComplete as l, Avatar as n, BackTop as x, Calendar as i, Card as C, Carousel as c, Cascader as T, Col as u, ColorPicker as d, ConfigProvider as S, DatePicker as g, Descriptions as h, Divider as A, Drawer as E, Dropdown as P, Flex as k, FloatButton as D, Grid as R, InputNumber as L, Layout as I, List as b, Mentions as O, Menu as y, Pagination as B, Popconfirm as N, Progress as v, QRCode as M, Rate as _, Result as U, Row as F, Skeleton as W, Space as w, Statistic as V, Steps as q, Tabs as G, TimePicker as K, Timeline as Q, Transfer as H, TreeSelect as j, Typography as z, Watermark as J, message as X, notification as Y, theme as Z, unstableSetRender as $, version as oo } from "antd";
+import { Select as eo } from "./components/select/component.js";
+import { Modal as ao } from "./components/modal/index.js";
+import { IconButton as mo } from "./components/icon-button/component.js";
+import { Switch as fo } from "./components/switch/component.js";
+import { Checkbox as no } from "./components/checkbox/component.js";
+import { Segmented as io } from "./components/segmented/component.js";
+import { Table as co } from "./components/table/component.js";
+import { Tag as uo } from "./components/tag/component.js";
+import { ThemeProvider as go } from "./components/theme-provider/component.js";
+import { Split as Ao, Splitter as Eo } from "./components/splitter/component.js";
+import { Truncate as ko } from "./components/truncate/component.js";
+import { DropdownMenu as Ro } from "./components/dropdown-menu/component.js";
+import { clsx as Io, cn as bo, cx as Oo } from "./components/utils/cn.js";
+import { reactNodeToString as Bo } from "./components/utils/reactToString.js";
+import { isTracebackError as vo } from "./components/utils/isTracebackError.js";
+import { isValidHexColor as _o } from "./components/utils/colors.js";
+import { WithRenderProp as Fo } from "./components/utils/WithRenderProp.js";
+import { parseAntdPlacement as wo, useAntdCssVarClassname as Vo, useCls as qo, useGetPrefixCls as Go } from "./components/utils/antdUtils.js";
+import { WithAntdTokens as Qo } from "./components/utils/WithAntdTokens.js";
+import { changeThemeWithoutTransition as jo } from "./components/utils/theme.js";
+import { moveTypingCursorToEnd as Jo } from "./components/utils/selectionRange.js";
+import { DROPDOWN_COLLISION_AVOIDANCE as Yo, POPUP_COLLISION_AVOIDANCE as Zo } from "./components/utils/constants.js";
+import { Transition as or } from "./components/transition/component.js";
+import { DefaultUpload as er, Upload as tr } from "./components/upload/component.js";
+import { useUploadItemRender as pr } from "./components/upload/hooks.js";
+import { ScrollArea as sr } from "./components/scroll-area/component.js";
+import { Popover as lr } from "./components/popover/component.js";
+import { Slider as xr } from "./components/slider/component.js";
+import { Tooltip as Cr } from "./components/tooltip/component.js";
+import { Breadcrumb as Tr } from "./components/breadcrumb/component.js";
+import { useUniqueKeysTree as dr } from "./components/tree/useUniqueKeysTree.js";
+import { getUniqueKeysFromOriginals as gr, processTreeData as hr } from "./components/tree/helpers.js";
+import { Tree as Er } from "./components/tree/components.js";
+import { Spin as kr } from "./components/spin/component.js";
+import { Empty as Rr, EmptyIcon as Lr } from "./components/empty/component.js";
+import { Form as br } from "./components/form/component.js";
+import { Field as yr } from "./components/field/component.js";
+import { Tour as Nr } from "./components/tour/component.js";
+import { Toast as Mr } from "./components/toast/component.js";
+import { toast as Ur, toastManager as Fr } from "./components/toast/function.js";
+import { VerticalCollapsiblePanel as wr } from "./components/vertical-collapsible-panel/component.js";
+import { PopupPanel as qr } from "./components/popup-panel/component.js";
+import { CodeBlock as Kr } from "./components/code-block/component.js";
+import { StackChild as Hr } from "./components/stack/StackChild.js";
+import { Stack as zr } from "./components/stack/index.js";
+import { Collapse as Xr } from "./components/collapse/component.js";
+import { Input as Zr } from "./components/input/component.js";
+import { Badge as oe, InternalBadge as re } from "./components/badge/component.js";
+import { Radio as te } from "./components/radio/component.js";
+import { Button as pe } from "./components/button/component.js";
+import { DSRoot as se } from "./components/ds-root/component.js";
+import { DSRootContextProvider as le, useDS as ne } from "./components/ds-root/context.js";
+import { DragDrop as ie, DragDropRoot as Ce } from "./components/drag-drop/index.js";
+import { ColorSelect as Te } from "./components/color-select/component.js";
+import { Nav as de } from "./components/nav/index.js";
+import { ChoiceList as ge } from "./components/choice-list/component.js";
+import { useForm as Ae, useWatch as Ee } from "antd/es/form/Form";
+import { useBreakpoint as ke, useMessage as De, useModal as Re, useToken as Le } from "./components/hooks/antd.js";
+import { default as be } from "antd/es/app/useApp";
+import { useAnimationsFinished as ye, useEnhancedEffect as Be, useEventCallback as Ne, useLatestRef as ve } from "./components/hooks/base-ui.js";
+import { useControlledState as _e } from "./components/hooks/useControlledState.js";
+import { useCharts as Fe } from "./components/hooks/useCharts.js";
+import { useCSSVariables as we } from "./components/hooks/useCSSVariables.js";
+import { antdColorTokens as qe, darkTheme as Ge, lightTheme as Ke } from "./tokens/and-theme/tokens.js";
+import { categoricalChartColorKeys as He, categoricalChartColorTokens as je, categoricalChartsColors as ze, chartColorTokens as Je, rawChartColorTokens as Xe } from "./tokens/charts/palettes/cloudscape.js";
+import { COLORBREWER as Ze } from "./tokens/charts/palettes/colorbrewer.js";
+import { tab10 as ot, tab20 as rt, tab20b as et, tab20c as tt } from "./tokens/charts/palettes/tableau.js";
+import { CATEGORICAL_PALETTES as pt, CATEGORICAL_PALETTE_NAMES as mt, SEQUENTIAL_PALETTES as st, SEQUENTIAL_PALETTE_NAMES as ft, getAllCategoricalChartColors as lt, getAllSequentialChartColors as nt, getCategoricalChartColors as xt, getSequentialChartColors as it } from "./tokens/charts/palettes/index.js";
+import { getColorsByTheme as ct, getTokensByTheme as Tt, resolveColorTokens as ut } from "./tokens/utils.js";
 export {
   p as Affix,
   m as Alert,
@@ -74,154 +77,158 @@ export {
   l as AutoComplete,
   n as Avatar,
   x as BackTop,
-  Je as Badge,
-  ne as Breadcrumb,
-  or as Button,
-  Zr as CATEGORICAL_PALETTES,
-  $r as CATEGORICAL_PALETTE_NAMES,
-  Qr as COLORBREWER,
+  oe as Badge,
+  Tr as Breadcrumb,
+  pe as Button,
+  pt as CATEGORICAL_PALETTES,
+  mt as CATEGORICAL_PALETTE_NAMES,
+  Ze as COLORBREWER,
   i as Calendar,
   C as Card,
   c as Carousel,
   T as Cascader,
   no as Checkbox,
-  Oe as CodeBlock,
+  ge as ChoiceList,
+  Kr as CodeBlock,
   u as Col,
-  Qe as Collapse,
+  Xr as Collapse,
   d as ColorPicker,
-  nr as ColorSelect,
-  g as ConfigProvider,
-  rr as DSRoot,
-  ar as DSRootContextProvider,
-  S as DatePicker,
-  Yo as DefaultUpload,
+  Te as ColorSelect,
+  S as ConfigProvider,
+  Yo as DROPDOWN_COLLISION_AVOIDANCE,
+  se as DSRoot,
+  le as DSRootContextProvider,
+  g as DatePicker,
+  er as DefaultUpload,
   h as Descriptions,
   A as Divider,
-  sr as DragDrop,
-  fr as DragDropRoot,
+  ie as DragDrop,
+  Ce as DragDropRoot,
   E as Drawer,
-  k as Dropdown,
-  bo as DropdownMenu,
-  Ae as Empty,
-  Ee as EmptyIcon,
-  be as Field,
-  P as Flex,
-  R as FloatButton,
-  Pe as Form,
-  b as Grid,
+  P as Dropdown,
+  Ro as DropdownMenu,
+  Rr as Empty,
+  Lr as EmptyIcon,
+  yr as Field,
+  k as Flex,
+  D as FloatButton,
+  br as Form,
+  R as Grid,
   mo as IconButton,
-  je as Input,
-  D as InputNumber,
-  Xe as InternalBadge,
-  y as Layout,
-  B as List,
-  L as Mentions,
-  v as Menu,
+  Zr as Input,
+  L as InputNumber,
+  re as InternalBadge,
+  I as Layout,
+  b as List,
+  O as Mentions,
+  y as Menu,
   ao as Modal,
-  ir as Nav,
-  I as Pagination,
-  M as Popconfirm,
-  ae as Popover,
-  we as PopupPanel,
-  F as Progress,
-  N as QRCode,
-  Ze as Radio,
-  U as Rate,
-  w as Result,
-  _ as Row,
-  ot as SEQUENTIAL_PALETTES,
-  et as SEQUENTIAL_PALETTE_NAMES,
-  re as ScrollArea,
+  de as Nav,
+  Zo as POPUP_COLLISION_AVOIDANCE,
+  B as Pagination,
+  N as Popconfirm,
+  lr as Popover,
+  qr as PopupPanel,
+  v as Progress,
+  M as QRCode,
+  te as Radio,
+  _ as Rate,
+  U as Result,
+  F as Row,
+  st as SEQUENTIAL_PALETTES,
+  ft as SEQUENTIAL_PALETTE_NAMES,
+  sr as ScrollArea,
   io as Segmented,
-  ro as Select,
-  O as Skeleton,
-  me as Slider,
-  W as Space,
-  Se as Spin,
+  eo as Select,
+  W as Skeleton,
+  xr as Slider,
+  w as Space,
+  kr as Spin,
   Ao as Split,
   Eo as Splitter,
-  Ve as Stack,
-  qe as StackChild,
-  q as Statistic,
-  G as Steps,
+  zr as Stack,
+  Hr as StackChild,
+  V as Statistic,
+  q as Steps,
   fo as Switch,
   co as Table,
-  V as Tabs,
+  G as Tabs,
   uo as Tag,
-  So as ThemeProvider,
+  go as ThemeProvider,
   K as TimePicker,
   Q as Timeline,
-  Le as Toast,
-  fe as Tooltip,
-  ye as Tour,
+  Mr as Toast,
+  Cr as Tooltip,
+  Nr as Tour,
   H as Transfer,
-  Jo as Transition,
-  de as Tree,
+  or as Transition,
+  Er as Tree,
   j as TreeSelect,
-  Po as Truncate,
+  ko as Truncate,
   z as Typography,
-  Zo as Upload,
-  Ne as VerticalCollapsiblePanel,
+  tr as Upload,
+  wr as VerticalCollapsiblePanel,
   J as Watermark,
-  Vo as WithAntdTokens,
-  Nr as antdColorTokens,
-  Or as categoricalChartColorKeys,
-  Wr as categoricalChartColorTokens,
-  qr as categoricalChartsColors,
-  Qo as changeThemeWithoutTransition,
-  Gr as chartColorTokens,
-  yo as clsx,
-  Bo as cn,
-  r as componentMetadata,
-  Lo as cx,
-  Ur as darkTheme,
-  rt as getAllCategoricalChartColors,
-  tt as getAllSequentialChartColors,
-  at as getCategoricalChartColors,
-  st as getColorsByTheme,
+  Qo as WithAntdTokens,
+  Fo as WithRenderProp,
+  qe as antdColorTokens,
+  He as categoricalChartColorKeys,
+  je as categoricalChartColorTokens,
+  ze as categoricalChartsColors,
+  jo as changeThemeWithoutTransition,
+  Je as chartColorTokens,
+  Io as clsx,
+  bo as cn,
+  e as componentMetadata,
+  Oo as cx,
+  Ge as darkTheme,
+  lt as getAllCategoricalChartColors,
+  nt as getAllSequentialChartColors,
+  xt as getCategoricalChartColors,
+  ct as getColorsByTheme,
   t as getComponentsByCategory,
-  pt as getSequentialChartColors,
-  ft as getTokensByTheme,
-  ce as getUniqueKeysFromOriginals,
-  Fo as isTracebackError,
-  Uo as isValidHexColor,
-  wr as lightTheme,
+  it as getSequentialChartColors,
+  Tt as getTokensByTheme,
+  gr as getUniqueKeysFromOriginals,
+  vo as isTracebackError,
+  _o as isValidHexColor,
+  Ke as lightTheme,
   X as message,
-  jo as moveTypingCursorToEnd,
+  Jo as moveTypingCursorToEnd,
   Y as notification,
-  _o as parseAntdPlacement,
-  Te as processTreeData,
-  Vr as rawChartColorTokens,
-  Io as reactNodeToString,
-  lt as resolveColorTokens,
-  jr as tab10,
-  zr as tab20,
-  Jr as tab20b,
-  Xr as tab20c,
+  wo as parseAntdPlacement,
+  hr as processTreeData,
+  Xe as rawChartColorTokens,
+  Bo as reactNodeToString,
+  ut as resolveColorTokens,
+  ot as tab10,
+  rt as tab20,
+  et as tab20b,
+  tt as tab20c,
   Z as theme,
-  Ie as toast,
-  Me as toastManager,
+  Ur as toast,
+  Fr as toastManager,
   $ as unstableSetRender,
-  Pr as useAnimationsFinished,
-  Oo as useAntdCssVarClassname,
-  Er as useApp,
-  dr as useBreakpoint,
-  Mr as useCSSVariables,
-  vr as useCharts,
-  Wo as useCls,
-  Br as useControlledState,
-  pr as useDS,
-  Rr as useEnhancedEffect,
-  br as useEventCallback,
-  cr as useForm,
-  qo as useGetPrefixCls,
-  Dr as useLatestRef,
-  gr as useMessage,
-  Sr as useModal,
-  hr as useToken,
-  ie as useUniqueKeysTree,
-  oe as useUploadItemRender,
-  Tr as useWatch,
+  ye as useAnimationsFinished,
+  Vo as useAntdCssVarClassname,
+  be as useApp,
+  ke as useBreakpoint,
+  we as useCSSVariables,
+  Fe as useCharts,
+  qo as useCls,
+  _e as useControlledState,
+  ne as useDS,
+  Be as useEnhancedEffect,
+  Ne as useEventCallback,
+  Ae as useForm,
+  Go as useGetPrefixCls,
+  ve as useLatestRef,
+  De as useMessage,
+  Re as useModal,
+  Le as useToken,
+  dr as useUniqueKeysTree,
+  pr as useUploadItemRender,
+  Ee as useWatch,
   oo as version
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/metadata.js

@@ -1,4 +1,18 @@
 const i = {
+  ChoiceList: {
+    name: "ChoiceList",
+    link: "/choice-list",
+    base: "custom",
+    refinements: [
+      "Custom implementation based on Command component",
+      "Supports single and multiple selection modes",
+      "Includes search functionality for filtering options",
+      "Renders as radio buttons or checkboxes based on selection mode",
+      "Handles controlled and uncontrolled state management"
+    ],
+    category: "Data Entry",
+    description: "A searchable list of options that can be selected either as single or multiple values."
+  },
   DragDrop: {
     name: "DragDrop",
     link: "/drag-drop",