@mage-ui/components 1.0.86 → 1.0.87

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.
@@ -1,2 +1,2 @@
1
- import{VisuallyHidden as e}from"../../misc/visually-hidden/VisuallyHidden.mjs";import{useDataTableContext as t}from"./useDataTableContext.mjs";import{dataTableSkeleton as n,dataTableSkeletonCell as r,dataTableSkeletonRow as i}from"@mage-ui/styled-system/recipes";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=[[`35%`,`45%`,`20%`],[`25%`,`55%`,`20%`],[`40%`,`35%`,`25%`]],c=({rows:c,className:l})=>{let{labels:u}=t();return o(`div`,{className:l??n(),role:`status`,"aria-busy":`true`,children:[a(e,{children:u.loading}),Array.from({length:c},(e,t)=>{let n=s[t%s.length];return a(`div`,{className:i(),children:n.map((e,t)=>a(`div`,{className:r(),style:{width:e}},t))},t)})]})};export{c as DataTableSkeleton};
1
+ import{VisuallyHidden as e}from"../../misc/visually-hidden/VisuallyHidden.mjs";import{useDataTableContext as t}from"./useDataTableContext.mjs";import{dataTableSkeleton as n,dataTableSkeletonCell as r,dataTableSkeletonRow as i}from"@mage-ui/styled-system/recipes";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=[[`20%`,`20%`,`20%`,`20%`,`20%`]],c=({rows:c,className:l})=>{let{labels:u}=t();return o(`div`,{className:l??n(),role:`status`,"aria-busy":`true`,children:[a(e,{children:u.loading}),Array.from({length:c},(e,t)=>{let n=s[t%s.length];return a(`div`,{className:i(),children:n.map((e,t)=>a(`div`,{className:r(),style:{width:e}},t))},t)})]})};export{c as DataTableSkeleton};
2
2
  //# sourceMappingURL=DataTableSkeleton.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"DataTableSkeleton.mjs","names":[],"sources":["../../../../src/components/data-display/datatables/DataTableSkeleton.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n dataTableSkeleton,\n dataTableSkeletonCell,\n dataTableSkeletonRow,\n} from '@mage-ui/styled-system/recipes';\n\nimport { VisuallyHidden } from '../../misc/visually-hidden/VisuallyHidden';\nimport { useDataTableContext } from './useDataTableContext';\n\n// Cycling widths to give rows visual variety\nconst CELL_WIDTH_PATTERNS = [\n ['35%', '45%', '20%'],\n ['25%', '55%', '20%'],\n ['40%', '35%', '25%'],\n];\n\ntype DataTableSkeletonProps = {\n rows: number;\n className?: string;\n};\n\nexport const DataTableSkeleton = ({\n rows,\n className,\n}: DataTableSkeletonProps): ReactNode => {\n const { labels } = useDataTableContext();\n\n return (\n <div\n className={className ?? dataTableSkeleton()}\n role='status'\n aria-busy='true'\n >\n <VisuallyHidden>{labels.loading}</VisuallyHidden>\n {Array.from({ length: rows }, (_, i) => {\n const widths = CELL_WIDTH_PATTERNS[i % CELL_WIDTH_PATTERNS.length];\n\n return (\n <div key={i} className={dataTableSkeletonRow()}>\n {widths.map((width, j) => (\n <div\n key={j}\n className={dataTableSkeletonCell()}\n style={{ width }}\n />\n ))}\n </div>\n );\n })}\n </div>\n );\n};\n"],"mappings":"yTAYA,MAAM,EAAsB,CAC1B,CAAC,MAAO,MAAO,MAAM,CACrB,CAAC,MAAO,MAAO,MAAM,CACrB,CAAC,MAAO,MAAO,MAAM,CACtB,CAOY,GAAqB,CAChC,OACA,eACuC,CACvC,GAAM,CAAE,UAAW,GAAqB,CAExC,OACE,EAAC,MAAA,CACC,UAAW,GAAa,GAAmB,CAC3C,KAAK,SACL,YAAU,iBAEV,EAAC,EAAA,CAAA,SAAgB,EAAO,QAAA,CAAyB,CAChD,MAAM,KAAK,CAAE,OAAQ,EAAM,EAAG,EAAG,IAAM,CACtC,IAAM,EAAS,EAAoB,EAAI,EAAoB,QAE3D,OACE,EAAC,MAAA,CAAY,UAAW,GAAsB,UAC3C,EAAO,KAAK,EAAO,IAClB,EAAC,MAAA,CAEC,UAAW,GAAuB,CAClC,MAAO,CAAE,QAAO,EAFX,EAGL,CACF,EAPM,EAQJ,EAER,CAAA,EACE"}
1
+ {"version":3,"file":"DataTableSkeleton.mjs","names":[],"sources":["../../../../src/components/data-display/datatables/DataTableSkeleton.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n dataTableSkeleton,\n dataTableSkeletonCell,\n dataTableSkeletonRow,\n} from '@mage-ui/styled-system/recipes';\n\nimport { VisuallyHidden } from '../../misc/visually-hidden/VisuallyHidden';\nimport { useDataTableContext } from './useDataTableContext';\n\n// Cycling widths to give rows visual variety\nconst CELL_WIDTH_PATTERNS = [\n ['20%', '20%', '20%', '20%', '20%'],\n];\n\ntype DataTableSkeletonProps = {\n rows: number;\n className?: string;\n};\n\nexport const DataTableSkeleton = ({\n rows,\n className,\n}: DataTableSkeletonProps): ReactNode => {\n const { labels } = useDataTableContext();\n\n return (\n <div\n className={className ?? dataTableSkeleton()}\n role='status'\n aria-busy='true'\n >\n <VisuallyHidden>{labels.loading}</VisuallyHidden>\n {Array.from({ length: rows }, (_, i) => {\n const widths = CELL_WIDTH_PATTERNS[i % CELL_WIDTH_PATTERNS.length];\n\n return (\n <div key={i} className={dataTableSkeletonRow()}>\n {widths.map((width, j) => (\n <div\n key={j}\n className={dataTableSkeletonCell()}\n style={{ width }}\n />\n ))}\n </div>\n );\n })}\n </div>\n );\n};\n"],"mappings":"yTAYA,MAAM,EAAsB,CAC1B,CAAC,MAAO,MAAO,MAAO,MAAO,MAAM,CACpC,CAOY,GAAqB,CAChC,OACA,eACuC,CACvC,GAAM,CAAE,UAAW,GAAqB,CAExC,OACE,EAAC,MAAA,CACC,UAAW,GAAa,GAAmB,CAC3C,KAAK,SACL,YAAU,iBAEV,EAAC,EAAA,CAAA,SAAgB,EAAO,QAAA,CAAyB,CAChD,MAAM,KAAK,CAAE,OAAQ,EAAM,EAAG,EAAG,IAAM,CACtC,IAAM,EAAS,EAAoB,EAAI,EAAoB,QAE3D,OACE,EAAC,MAAA,CAAY,UAAW,GAAsB,UAC3C,EAAO,KAAK,EAAO,IAClB,EAAC,MAAA,CAEC,UAAW,GAAuB,CAClC,MAAO,CAAE,QAAO,EAFX,EAGL,CACF,EAPM,EAQJ,EAER,CAAA,EACE"}
@@ -25,8 +25,6 @@ import { IconRaw, IconRawProps } from "./icons/icon-raw/IconRaw.mjs";
25
25
  import { IconSvg, IconSvgProps } from "./icons/icon-svg/IconSvg.mjs";
26
26
  import { IconWrapped, IconWrappedProps } from "./icons/icon-wrapped/IconWrapped.mjs";
27
27
  import { Indicator, IndicatorProps } from "./indicator/Indicator.mjs";
28
- import { BoardData, BoardItem, CardMove, CardRenderProps, ConfigMap, Kanban, KanbanProps } from "./kanban/Kanban.mjs";
29
- import { KanbanCardBase, KanbanCardBaseProps } from "./kanban/KanbanCardBase.mjs";
30
28
  import { LoaderDot, LoaderDotProps } from "./loader-dot/LoaderDot.mjs";
31
29
  import { LoaderOval, LoaderOvalProps } from "./loader-oval/LoaderOval.mjs";
32
30
  import { LogoImage, LogoImageProps } from "./logos/logo-image/LogoImage.mjs";
@@ -34,8 +34,6 @@ import { IconRaw, IconRawProps } from "./data-display/icons/icon-raw/IconRaw.mjs
34
34
  import { IconSvg, IconSvgProps } from "./data-display/icons/icon-svg/IconSvg.mjs";
35
35
  import { IconWrapped, IconWrappedProps } from "./data-display/icons/icon-wrapped/IconWrapped.mjs";
36
36
  import { Indicator, IndicatorProps } from "./data-display/indicator/Indicator.mjs";
37
- import { BoardData, BoardItem, CardMove, CardRenderProps, ConfigMap, Kanban, KanbanProps } from "./data-display/kanban/Kanban.mjs";
38
- import { KanbanCardBase, KanbanCardBaseProps } from "./data-display/kanban/KanbanCardBase.mjs";
39
37
  import { LoaderDot, LoaderDotProps } from "./data-display/loader-dot/LoaderDot.mjs";
40
38
  import { LoaderOval, LoaderOvalProps } from "./data-display/loader-oval/LoaderOval.mjs";
41
39
  import { LogoImage, LogoImageProps } from "./data-display/logos/logo-image/LogoImage.mjs";
package/dist/index.d.mts CHANGED
@@ -33,8 +33,6 @@ import { IconRaw, IconRawProps } from "./components/data-display/icons/icon-raw/
33
33
  import { IconSvg, IconSvgProps } from "./components/data-display/icons/icon-svg/IconSvg.mjs";
34
34
  import { IconWrapped, IconWrappedProps } from "./components/data-display/icons/icon-wrapped/IconWrapped.mjs";
35
35
  import { Indicator, IndicatorProps } from "./components/data-display/indicator/Indicator.mjs";
36
- import { BoardData, BoardItem, CardMove, CardRenderProps, ConfigMap, Kanban, KanbanProps } from "./components/data-display/kanban/Kanban.mjs";
37
- import { KanbanCardBase, KanbanCardBaseProps } from "./components/data-display/kanban/KanbanCardBase.mjs";
38
36
  import { LoaderDot, LoaderDotProps } from "./components/data-display/loader-dot/LoaderDot.mjs";
39
37
  import { LoaderOval, LoaderOvalProps } from "./components/data-display/loader-oval/LoaderOval.mjs";
40
38
  import { LogoImage, LogoImageProps } from "./components/data-display/logos/logo-image/LogoImage.mjs";
@@ -86,4 +84,4 @@ import { Tooltip, TooltipProps } from "./components/overlays/tooltip/Tooltip.mjs
86
84
  import "./components/index.mjs";
87
85
  import { MageUiProvider, MageUiProviderProps } from "./providers/MageUiProvider.mjs";
88
86
  import "./providers/index.mjs";
89
- export { AssignedUser, AssignedUserProps, Autocomplete, AutocompleteProps, Avatar, AvatarProps, AvatarUpload, AvatarUploadProps, Badge, BadgeProps, BoardData, BoardItem, Breadcrumbs, BreadcrumbsBarProps, BreadcrumbsProps, Button, ButtonAction, ButtonActionProps, ButtonIcon, ButtonIconProps, ButtonIconVisual, ButtonIconVisualProps, ButtonLoader, ButtonProps, ButtonVisual, ButtonVisualProps, Calendar, CalendarEvent, CalendarProps, CalendarVariant, Card, CardBase, CardBody, CardClassNames, CardFooter, CardHeader, CardMove, CardProps, CardRenderProps, CardRoot, Checkbox, CheckboxProps, ColumnDef, Combobox, ComboboxProps, ConfigMap, DEFAULT_DATA_TABLE_LABELS, DataTable, DataTableBottomSlot, DataTableBottomSlotProps, DataTableClassNames, DataTableColumnMeta, DataTableContextProvider, DataTableContextValue, DataTableErrorState, DataTableExpansionConfig, DataTableExtraColumnConfig, DataTableFiltersConfig, DataTableLabels, DataTablePageSize, DataTablePageSizeProps, DataTablePagination, DataTablePaginationConfig, DataTablePaginationProps, DataTableProps, DataTableRecord, DataTableSearchConfig, DataTableSelectionConfig, DataTableSortingConfig, DataTableTableConfig, DataTableTopSlot, DataTableTopSlotProps, DateLocalizer, DatePicker, DatePickerProps, DescriptionList, DescriptionListClassNames, DescriptionListItemProps, DescriptionListProps, Dropzone, DropzoneFiles, DropzoneFilesProps, DropzoneProps, ExpandedState, FileData, FileInput, FileInputMultiple, FileInputMultipleProps, FileInputProps, FluidGrid, FluidGridProps, Form, FormProps, Grid, GridClassNames, HorizontalDivider, HorizontalDividerProps, Icon, IconProps, IconRaw, IconRawProps, IconSvg, IconSvgProps, IconWrapped, IconWrappedProps, Indicator, IndicatorProps, Kanban, KanbanCardBase, KanbanCardBaseProps, KanbanProps, LoaderDot, LoaderDotProps, LoaderOval, LoaderOvalProps, LogoImage, LogoImageProps, LogoSvg, LogoSvgProps, MageUiProvider, MageUiProviderProps, Menu, MenuProps, Modal, ModalClassNames, ModalIntent, ModalProps, ModalRegistry, ModalRegistryEntry, ModalRootProps, Modals, NotificationBanner, NotificationBannerIntent, NotificationBannerProps, PASSWORD_RULES, Pagination, PaginationClassNames, PaginationRootProps, PaginationState, PasswordInput, PasswordInputProps, PasswordRule, PasswordRuleDefinition, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps, Radio, RadioProps, RemovableItem, RemovableItemProps, RowSelectionState, ScrollArea, ScrollAreaAutosize, ScrollAreaAutosizeProps, ScrollAreaClassNames, ScrollAreaProps, Select, SelectProps, Sidebar, SidebarClassNames, SidebarProps, SortingState, Switch, SwitchGroup, SwitchGroupProps, SwitchProps, Table, TableBodyProps, TableCaptionProps, TableCellProps, TableClassNames, TableFootProps, TableHeadProps, TableHeaderCellProps, TableProps, TableRowProps, Tag, TagGroup, TagGroupProps, TagProps, TextInput, TextInputProps, Textarea, TextareaProps, Toast, ToastOptions, ToastProviderProps, Tooltip, TooltipProps, UploadedFile, UploadedFileDetails, UploadedFileDetailsProps, UploadedFileProps, Virtual, VirtualItem, VirtualPadding, VirtualProps, VisuallyHidden, VisuallyHiddenProps, momentLocalizer, useDataTableContext, usePasswordRules, z };
87
+ export { AssignedUser, AssignedUserProps, Autocomplete, AutocompleteProps, Avatar, AvatarProps, AvatarUpload, AvatarUploadProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsBarProps, BreadcrumbsProps, Button, ButtonAction, ButtonActionProps, ButtonIcon, ButtonIconProps, ButtonIconVisual, ButtonIconVisualProps, ButtonLoader, ButtonProps, ButtonVisual, ButtonVisualProps, Calendar, CalendarEvent, CalendarProps, CalendarVariant, Card, CardBase, CardBody, CardClassNames, CardFooter, CardHeader, CardProps, CardRoot, Checkbox, CheckboxProps, ColumnDef, Combobox, ComboboxProps, DEFAULT_DATA_TABLE_LABELS, DataTable, DataTableBottomSlot, DataTableBottomSlotProps, DataTableClassNames, DataTableColumnMeta, DataTableContextProvider, DataTableContextValue, DataTableErrorState, DataTableExpansionConfig, DataTableExtraColumnConfig, DataTableFiltersConfig, DataTableLabels, DataTablePageSize, DataTablePageSizeProps, DataTablePagination, DataTablePaginationConfig, DataTablePaginationProps, DataTableProps, DataTableRecord, DataTableSearchConfig, DataTableSelectionConfig, DataTableSortingConfig, DataTableTableConfig, DataTableTopSlot, DataTableTopSlotProps, DateLocalizer, DatePicker, DatePickerProps, DescriptionList, DescriptionListClassNames, DescriptionListItemProps, DescriptionListProps, Dropzone, DropzoneFiles, DropzoneFilesProps, DropzoneProps, ExpandedState, FileData, FileInput, FileInputMultiple, FileInputMultipleProps, FileInputProps, FluidGrid, FluidGridProps, Form, FormProps, Grid, GridClassNames, HorizontalDivider, HorizontalDividerProps, Icon, IconProps, IconRaw, IconRawProps, IconSvg, IconSvgProps, IconWrapped, IconWrappedProps, Indicator, IndicatorProps, LoaderDot, LoaderDotProps, LoaderOval, LoaderOvalProps, LogoImage, LogoImageProps, LogoSvg, LogoSvgProps, MageUiProvider, MageUiProviderProps, Menu, MenuProps, Modal, ModalClassNames, ModalIntent, ModalProps, ModalRegistry, ModalRegistryEntry, ModalRootProps, Modals, NotificationBanner, NotificationBannerIntent, NotificationBannerProps, PASSWORD_RULES, Pagination, PaginationClassNames, PaginationRootProps, PaginationState, PasswordInput, PasswordInputProps, PasswordRule, PasswordRuleDefinition, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps, Radio, RadioProps, RemovableItem, RemovableItemProps, RowSelectionState, ScrollArea, ScrollAreaAutosize, ScrollAreaAutosizeProps, ScrollAreaClassNames, ScrollAreaProps, Select, SelectProps, Sidebar, SidebarClassNames, SidebarProps, SortingState, Switch, SwitchGroup, SwitchGroupProps, SwitchProps, Table, TableBodyProps, TableCaptionProps, TableCellProps, TableClassNames, TableFootProps, TableHeadProps, TableHeaderCellProps, TableProps, TableRowProps, Tag, TagGroup, TagGroupProps, TagProps, TextInput, TextInputProps, Textarea, TextareaProps, Toast, ToastOptions, ToastProviderProps, Tooltip, TooltipProps, UploadedFile, UploadedFileDetails, UploadedFileDetailsProps, UploadedFileProps, Virtual, VirtualItem, VirtualPadding, VirtualProps, VisuallyHidden, VisuallyHiddenProps, momentLocalizer, useDataTableContext, usePasswordRules, z };
package/dist/index.mjs CHANGED
@@ -1 +1 @@
1
- import{Button as e}from"./components/buttons/button/Button.mjs";import{VisuallyHidden as t}from"./components/misc/visually-hidden/VisuallyHidden.mjs";import{ButtonAction as n}from"./components/buttons/button-action/ButtonAction.mjs";import{ButtonLoader as r}from"./components/buttons/button-action/ButtonLoader.mjs";import{AssignedUser as i}from"./components/data-display/assigned-user/AssignedUser.mjs";import{Avatar as a}from"./components/data-display/avatar/Avatar.mjs";import{Badge as o}from"./components/data-display/badge/Badge.mjs";import{Calendar as s,momentLocalizer as c}from"./components/data-display/calendar/Calendar.mjs";import{Virtual as l}from"./components/misc/virtual/Virtual.mjs";import{ScrollArea as u}from"./components/misc/scroll-area/ScrollArea.mjs";import{Table as d}from"./components/data-display/table/Table.mjs";import{IconRaw as f}from"./components/data-display/icons/icon-raw/IconRaw.mjs";import{Icon as p}from"./components/data-display/icons/icon/Icon.mjs";import{DEFAULT_DATA_TABLE_LABELS as m,DataTableContextProvider as h,useDataTableContext as g}from"./components/data-display/datatables/useDataTableContext.mjs";import{Checkbox as _}from"./components/controls/checkbox/Checkbox.mjs";import{DataTable as v}from"./components/data-display/datatables/DataTable.mjs";import{HorizontalDivider as y}from"./components/misc/horizontal-divider/HorizontalDivider.mjs";import{ScrollAreaAutosize as b}from"./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{TextInput as x}from"./components/controls/text-input/TextInput.mjs";import{IconWrapped as S}from"./components/data-display/icons/icon-wrapped/IconWrapped.mjs";import{Select as C}from"./components/controls/dropdown/select/Select.mjs";import{DataTablePageSize as w}from"./components/data-display/datatables/DataTablePageSize.mjs";import{Pagination as T}from"./components/navigations/pagination/Pagination.mjs";import{DataTablePagination as E}from"./components/data-display/datatables/DataTablePagination.mjs";import{DataTableBottomSlot as D}from"./components/data-display/datatables/DataTableBottomSlot.mjs";import{DataTableErrorState as O}from"./components/data-display/datatables/DataTableErrorState.mjs";import{DataTableTopSlot as k}from"./components/data-display/datatables/DataTableTopSlot.mjs";import{DescriptionList as A}from"./components/data-display/description-list/DescriptionList.mjs";import{IconSvg as j}from"./components/data-display/icons/icon-svg/IconSvg.mjs";import{Indicator as M}from"./components/data-display/indicator/Indicator.mjs";import{Kanban as N}from"./components/data-display/kanban/Kanban.mjs";import{KanbanCardBase as P}from"./components/data-display/kanban/KanbanCardBase.mjs";import{LoaderDot as F}from"./components/data-display/loader-dot/LoaderDot.mjs";import{LoaderOval as I}from"./components/data-display/loader-oval/LoaderOval.mjs";import{LogoImage as L}from"./components/data-display/logos/logo-image/LogoImage.mjs";import{LogoSvg as R}from"./components/data-display/logos/logo-svg/LogoSvg.mjs";import{NotificationBanner as z}from"./components/data-display/notification-banner/NotificationBanner.mjs";import{RemovableItem as B}from"./components/data-display/removable-item/RemovableItem.mjs";import{TagGroup as V}from"./components/data-display/tag-group/TagGroup.mjs";import{Tag as H}from"./components/data-display/tag/Tag.mjs";import{UploadedFile as U}from"./components/data-display/uploaded-file/UploadedFile.mjs";import{UploadedFileDetails as W}from"./components/data-display/uploaded-file/UploadedFileDetails.mjs";import{ButtonIcon as G}from"./components/buttons/button-icon/ButtonIcon.mjs";import{ButtonIconVisual as K}from"./components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as q}from"./components/buttons/button-visual/ButtonVisual.mjs";import{Modal as J}from"./components/overlays/modal/Modal.mjs";import{Modals as Y}from"./components/overlays/modal/index.mjs";import{Toast as X}from"./components/overlays/toast/toast.mjs";import{Tooltip as Z}from"./components/overlays/tooltip/Tooltip.mjs";import{AvatarUpload as Q}from"./components/controls/avatar-upload/AvatarUpload.mjs";import{DatePicker as $}from"./components/controls/date-picker/DatePicker.mjs";import{Autocomplete as ee}from"./components/controls/dropdown/autocomplete/Autocomplete.mjs";import{Combobox as te}from"./components/controls/dropdown/combobox/Combobox.mjs";import{Dropzone as ne}from"./components/controls/dropzone/Dropzone.mjs";import{DropzoneFiles as re}from"./components/controls/dropzone-files/DropzoneFiles.mjs";import{FileInput as ie}from"./components/controls/file-input/FileInput.mjs";import{FileInputMultiple as ae}from"./components/controls/file-input/FileInputMultiple.mjs";import{PasswordInput as oe}from"./components/controls/password-input/PasswordInput.mjs";import{PasswordStrengthInput as se}from"./components/controls/password-input/PasswordStrengthInput.mjs";import{usePasswordRules as ce}from"./components/controls/password-input/usePasswordRules.mjs";import{Radio as le}from"./components/controls/radio/Radio.mjs";import{SwitchGroup as ue}from"./components/controls/switch-group/SwitchGroup.mjs";import{Switch as de}from"./components/controls/switch/Switch.mjs";import{Textarea as fe}from"./components/controls/textarea/Textarea.mjs";import{PASSWORD_RULES as pe}from"./components/forms/rules/password-rules.mjs";import{z as me}from"./components/forms/rules/zod.mjs";import{Form as he}from"./components/forms/Form.mjs";import{Card as ge,CardBase as _e,CardBody as ve,CardFooter as ye,CardHeader as be,CardRoot as xe}from"./components/layouts/card/Card.mjs";import{FluidGrid as Se}from"./components/layouts/fluid-grid/FluidGrid.mjs";import{Grid as Ce}from"./components/layouts/grid/Grid.mjs";import{Breadcrumbs as we}from"./components/navigations/breadcrumbs/Breadcrumbs.mjs";import{Menu as Te}from"./components/navigations/menu/Menu.mjs";import{Sidebar as Ee}from"./components/navigations/sidebars/sidebar/Sidebar.mjs";import{MageUiProvider as De}from"./providers/MageUiProvider.mjs";export{i as AssignedUser,ee as Autocomplete,a as Avatar,Q as AvatarUpload,o as Badge,we as Breadcrumbs,e as Button,n as ButtonAction,G as ButtonIcon,K as ButtonIconVisual,r as ButtonLoader,q as ButtonVisual,s as Calendar,ge as Card,_e as CardBase,ve as CardBody,ye as CardFooter,be as CardHeader,xe as CardRoot,_ as Checkbox,te as Combobox,m as DEFAULT_DATA_TABLE_LABELS,v as DataTable,D as DataTableBottomSlot,h as DataTableContextProvider,O as DataTableErrorState,w as DataTablePageSize,E as DataTablePagination,k as DataTableTopSlot,$ as DatePicker,A as DescriptionList,ne as Dropzone,re as DropzoneFiles,ie as FileInput,ae as FileInputMultiple,Se as FluidGrid,he as Form,Ce as Grid,y as HorizontalDivider,p as Icon,f as IconRaw,j as IconSvg,S as IconWrapped,M as Indicator,N as Kanban,P as KanbanCardBase,F as LoaderDot,I as LoaderOval,L as LogoImage,R as LogoSvg,De as MageUiProvider,Te as Menu,J as Modal,Y as Modals,z as NotificationBanner,pe as PASSWORD_RULES,T as Pagination,oe as PasswordInput,se as PasswordStrengthInput,le as Radio,B as RemovableItem,u as ScrollArea,b as ScrollAreaAutosize,C as Select,Ee as Sidebar,de as Switch,ue as SwitchGroup,d as Table,H as Tag,V as TagGroup,x as TextInput,fe as Textarea,X as Toast,Z as Tooltip,U as UploadedFile,W as UploadedFileDetails,l as Virtual,t as VisuallyHidden,c as momentLocalizer,g as useDataTableContext,ce as usePasswordRules,me as z};
1
+ import{Button as e}from"./components/buttons/button/Button.mjs";import{VisuallyHidden as t}from"./components/misc/visually-hidden/VisuallyHidden.mjs";import{ButtonAction as n}from"./components/buttons/button-action/ButtonAction.mjs";import{ButtonLoader as r}from"./components/buttons/button-action/ButtonLoader.mjs";import{AssignedUser as i}from"./components/data-display/assigned-user/AssignedUser.mjs";import{Avatar as a}from"./components/data-display/avatar/Avatar.mjs";import{Badge as o}from"./components/data-display/badge/Badge.mjs";import{Calendar as s,momentLocalizer as c}from"./components/data-display/calendar/Calendar.mjs";import{Virtual as l}from"./components/misc/virtual/Virtual.mjs";import{ScrollArea as u}from"./components/misc/scroll-area/ScrollArea.mjs";import{Table as d}from"./components/data-display/table/Table.mjs";import{IconRaw as f}from"./components/data-display/icons/icon-raw/IconRaw.mjs";import{Icon as p}from"./components/data-display/icons/icon/Icon.mjs";import{DEFAULT_DATA_TABLE_LABELS as m,DataTableContextProvider as h,useDataTableContext as g}from"./components/data-display/datatables/useDataTableContext.mjs";import{Checkbox as _}from"./components/controls/checkbox/Checkbox.mjs";import{DataTable as v}from"./components/data-display/datatables/DataTable.mjs";import{HorizontalDivider as y}from"./components/misc/horizontal-divider/HorizontalDivider.mjs";import{ScrollAreaAutosize as b}from"./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{TextInput as x}from"./components/controls/text-input/TextInput.mjs";import{IconWrapped as S}from"./components/data-display/icons/icon-wrapped/IconWrapped.mjs";import{Select as C}from"./components/controls/dropdown/select/Select.mjs";import{DataTablePageSize as w}from"./components/data-display/datatables/DataTablePageSize.mjs";import{Pagination as T}from"./components/navigations/pagination/Pagination.mjs";import{DataTablePagination as E}from"./components/data-display/datatables/DataTablePagination.mjs";import{DataTableBottomSlot as D}from"./components/data-display/datatables/DataTableBottomSlot.mjs";import{DataTableErrorState as O}from"./components/data-display/datatables/DataTableErrorState.mjs";import{DataTableTopSlot as k}from"./components/data-display/datatables/DataTableTopSlot.mjs";import{DescriptionList as A}from"./components/data-display/description-list/DescriptionList.mjs";import{IconSvg as j}from"./components/data-display/icons/icon-svg/IconSvg.mjs";import{Indicator as M}from"./components/data-display/indicator/Indicator.mjs";import{LoaderDot as N}from"./components/data-display/loader-dot/LoaderDot.mjs";import{LoaderOval as P}from"./components/data-display/loader-oval/LoaderOval.mjs";import{LogoImage as F}from"./components/data-display/logos/logo-image/LogoImage.mjs";import{LogoSvg as I}from"./components/data-display/logos/logo-svg/LogoSvg.mjs";import{NotificationBanner as L}from"./components/data-display/notification-banner/NotificationBanner.mjs";import{RemovableItem as R}from"./components/data-display/removable-item/RemovableItem.mjs";import{TagGroup as z}from"./components/data-display/tag-group/TagGroup.mjs";import{Tag as B}from"./components/data-display/tag/Tag.mjs";import{UploadedFile as V}from"./components/data-display/uploaded-file/UploadedFile.mjs";import{UploadedFileDetails as H}from"./components/data-display/uploaded-file/UploadedFileDetails.mjs";import{ButtonIcon as U}from"./components/buttons/button-icon/ButtonIcon.mjs";import{ButtonIconVisual as W}from"./components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as G}from"./components/buttons/button-visual/ButtonVisual.mjs";import{Modal as K}from"./components/overlays/modal/Modal.mjs";import{Modals as q}from"./components/overlays/modal/index.mjs";import{Toast as J}from"./components/overlays/toast/toast.mjs";import{Tooltip as Y}from"./components/overlays/tooltip/Tooltip.mjs";import{AvatarUpload as X}from"./components/controls/avatar-upload/AvatarUpload.mjs";import{DatePicker as Z}from"./components/controls/date-picker/DatePicker.mjs";import{Autocomplete as Q}from"./components/controls/dropdown/autocomplete/Autocomplete.mjs";import{Combobox as $}from"./components/controls/dropdown/combobox/Combobox.mjs";import{Dropzone as ee}from"./components/controls/dropzone/Dropzone.mjs";import{DropzoneFiles as te}from"./components/controls/dropzone-files/DropzoneFiles.mjs";import{FileInput as ne}from"./components/controls/file-input/FileInput.mjs";import{FileInputMultiple as re}from"./components/controls/file-input/FileInputMultiple.mjs";import{PasswordInput as ie}from"./components/controls/password-input/PasswordInput.mjs";import{PasswordStrengthInput as ae}from"./components/controls/password-input/PasswordStrengthInput.mjs";import{usePasswordRules as oe}from"./components/controls/password-input/usePasswordRules.mjs";import{Radio as se}from"./components/controls/radio/Radio.mjs";import{SwitchGroup as ce}from"./components/controls/switch-group/SwitchGroup.mjs";import{Switch as le}from"./components/controls/switch/Switch.mjs";import{Textarea as ue}from"./components/controls/textarea/Textarea.mjs";import{PASSWORD_RULES as de}from"./components/forms/rules/password-rules.mjs";import{z as fe}from"./components/forms/rules/zod.mjs";import{Form as pe}from"./components/forms/Form.mjs";import{Card as me,CardBase as he,CardBody as ge,CardFooter as _e,CardHeader as ve,CardRoot as ye}from"./components/layouts/card/Card.mjs";import{FluidGrid as be}from"./components/layouts/fluid-grid/FluidGrid.mjs";import{Grid as xe}from"./components/layouts/grid/Grid.mjs";import{Breadcrumbs as Se}from"./components/navigations/breadcrumbs/Breadcrumbs.mjs";import{Menu as Ce}from"./components/navigations/menu/Menu.mjs";import{Sidebar as we}from"./components/navigations/sidebars/sidebar/Sidebar.mjs";import{MageUiProvider as Te}from"./providers/MageUiProvider.mjs";export{i as AssignedUser,Q as Autocomplete,a as Avatar,X as AvatarUpload,o as Badge,Se as Breadcrumbs,e as Button,n as ButtonAction,U as ButtonIcon,W as ButtonIconVisual,r as ButtonLoader,G as ButtonVisual,s as Calendar,me as Card,he as CardBase,ge as CardBody,_e as CardFooter,ve as CardHeader,ye as CardRoot,_ as Checkbox,$ as Combobox,m as DEFAULT_DATA_TABLE_LABELS,v as DataTable,D as DataTableBottomSlot,h as DataTableContextProvider,O as DataTableErrorState,w as DataTablePageSize,E as DataTablePagination,k as DataTableTopSlot,Z as DatePicker,A as DescriptionList,ee as Dropzone,te as DropzoneFiles,ne as FileInput,re as FileInputMultiple,be as FluidGrid,pe as Form,xe as Grid,y as HorizontalDivider,p as Icon,f as IconRaw,j as IconSvg,S as IconWrapped,M as Indicator,N as LoaderDot,P as LoaderOval,F as LogoImage,I as LogoSvg,Te as MageUiProvider,Ce as Menu,K as Modal,q as Modals,L as NotificationBanner,de as PASSWORD_RULES,T as Pagination,ie as PasswordInput,ae as PasswordStrengthInput,se as Radio,R as RemovableItem,u as ScrollArea,b as ScrollAreaAutosize,C as Select,we as Sidebar,le as Switch,ce as SwitchGroup,d as Table,B as Tag,z as TagGroup,x as TextInput,ue as Textarea,J as Toast,Y as Tooltip,V as UploadedFile,H as UploadedFileDetails,l as Virtual,t as VisuallyHidden,c as momentLocalizer,g as useDataTableContext,oe as usePasswordRules,fe as z};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mage-ui/components",
3
- "version": "1.0.86",
3
+ "version": "1.0.87",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [],
@@ -25,7 +25,7 @@
25
25
  "rimraf": "^6.1.3",
26
26
  "tsdown": "^0.20.3",
27
27
  "typescript": "^5.9.3",
28
- "@mage-ui/preset": "1.0.86",
28
+ "@mage-ui/preset": "1.0.87",
29
29
  "@mage-ui/styled-system": "1.0.8"
30
30
  },
31
31
  "peerDependencies": {
@@ -48,7 +48,6 @@
48
48
  "react-big-calendar": "^1.19.4",
49
49
  "react-dom": "^19.2.4",
50
50
  "react-hook-form": "^7.71.2",
51
- "react-kanban-kit": "^0.0.2-beta.6",
52
51
  "zod": "^4.3.6"
53
52
  },
54
53
  "engines": {
@@ -1,65 +0,0 @@
1
- import * as react_jsx_runtime0 from "react/jsx-runtime";
2
- import { ReactNode } from "react";
3
-
4
- //#region src/components/data-display/kanban/Kanban.d.ts
5
- interface BoardItem<T extends object = Record<string, unknown>> {
6
- id: string;
7
- title: string;
8
- parentId: string | null;
9
- children: string[];
10
- content?: T;
11
- type?: string | number;
12
- status?: string;
13
- totalChildrenCount: number;
14
- totalItemsCount?: number;
15
- isDraggable?: boolean;
16
- }
17
- interface BoardData<T extends object = Record<string, unknown>> {
18
- root: BoardItem<T>;
19
- [key: string]: BoardItem<T>;
20
- }
21
- interface CardRenderProps<T extends object = Record<string, unknown>> {
22
- data: BoardItem<T>;
23
- column: BoardItem<T>;
24
- index: number;
25
- isDraggable: boolean;
26
- }
27
- type ConfigMap<T extends object = Record<string, unknown>> = {
28
- [type: string]: {
29
- render: (props: CardRenderProps<T>) => ReactNode;
30
- isDraggable?: boolean;
31
- };
32
- };
33
- interface KanbanProps<T extends object = Record<string, unknown>> {
34
- dataSource: BoardData<T>;
35
- configMap: ConfigMap<T>;
36
- onCardMove?: (move: CardMove) => void;
37
- renderColumnFooter?: (column: BoardItem<T>) => ReactNode;
38
- maxColumnHeight?: string | number;
39
- classNames?: {
40
- kanban?: string;
41
- root?: string;
42
- columnWrapper?: string;
43
- column?: string;
44
- cardWrapper?: string;
45
- cardWrapperRoot?: string;
46
- };
47
- }
48
- interface CardMove {
49
- cardId: string;
50
- fromColumnId: string;
51
- toColumnId: string;
52
- taskAbove: string | null;
53
- taskBelow: string | null;
54
- position: number;
55
- }
56
- declare const Kanban: <T extends object = Record<string, unknown>>({
57
- dataSource,
58
- configMap,
59
- onCardMove,
60
- renderColumnFooter,
61
- classNames
62
- }: KanbanProps<T>) => react_jsx_runtime0.JSX.Element;
63
- //#endregion
64
- export { BoardData, BoardItem, CardMove, CardRenderProps, ConfigMap, Kanban, KanbanProps };
65
- //# sourceMappingURL=Kanban.d.mts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Kanban.d.mts","names":[],"sources":["../../../../src/components/data-display/kanban/Kanban.tsx"],"mappings":";;;;UAgBiB,SAAA,oBAA6B,MAAA;EAC5C,EAAA;EACA,KAAA;EACA,QAAA;EACA,QAAA;EACA,OAAA,GAAU,CAAA;EACV,IAAA;EACA,MAAA;EACA,kBAAA;EACA,eAAA;EACA,WAAA;AAAA;AAAA,UAEe,SAAA,oBAA6B,MAAA;EAC5C,IAAA,EAAM,SAAA,CAAU,CAAA;EAAA,CACf,GAAA,WAAc,SAAA,CAAU,CAAA;AAAA;AAAA,UAEV,eAAA,oBAAmC,MAAA;EAClD,IAAA,EAAM,SAAA,CAAU,CAAA;EAChB,MAAA,EAAQ,SAAA,CAAU,CAAA;EAClB,KAAA;EACA,WAAA;AAAA;AAAA,KAGU,SAAA,oBAA6B,MAAA;EAAA,CACtC,IAAA;IACC,MAAA,GAAS,KAAA,EAAO,eAAA,CAAgB,CAAA,MAAO,SAAA;IACvC,WAAA;EAAA;AAAA;AAAA,UAIa,WAAA,oBAA+B,MAAA;EAC9C,UAAA,EAAY,SAAA,CAAU,CAAA;EACtB,SAAA,EAAW,SAAA,CAAU,CAAA;EACrB,UAAA,IAAc,IAAA,EAAM,QAAA;EACpB,kBAAA,IAAsB,MAAA,EAAQ,SAAA,CAAU,CAAA,MAAO,SAAA;EAC/C,eAAA;EACA,UAAA;IACE,MAAA;IACA,IAAA;IACA,aAAA;IACA,MAAA;IACA,WAAA;IACA,eAAA;EAAA;AAAA;AAAA,UAIa,QAAA;EACf,MAAA;EACA,YAAA;EACA,UAAA;EACA,SAAA;EACA,SAAA;EACA,QAAA;AAAA;AAAA,cAGW,MAAA,sBAA6B,MAAA;EAAyB,UAAA;EAAA,SAAA;EAAA,UAAA;EAAA,kBAAA;EAAA;AAAA,GAMhE,WAAA,CAAY,CAAA,MAAE,kBAAA,CAAA,GAAA,CAAA,OAAA"}
@@ -1,2 +0,0 @@
1
- import{KanbanCardDragIndicator as e}from"./KanbanCardDragIndicator.mjs";import{KanbanColumnHeader as t}from"./KanbanColumnHeader.mjs";import{cx as n}from"@mage-ui/styled-system/css";import{kanban as r,kanbanCardWrapper as i,kanbanCardWrapperRoot as a,kanbanColumn as o,kanbanRoot as s,kanbanWrapperColumn as c}from"@mage-ui/styled-system/recipes";import{jsx as l}from"react/jsx-runtime";import{useState as u}from"react";import{Kanban as d,dropHandler as f}from"react-kanban-kit";const p=({dataSource:p,configMap:m,onCardMove:h,renderColumnFooter:g,classNames:_})=>{let[v,y]=u(p);return l(d,{dataSource:v,configMap:m,renderColumnHeader:e=>l(t,{column:e}),renderCardDragIndicator:()=>l(e,{}),renderColumnFooter:g,onCardMove:e=>{y(t=>f(e,structuredClone(t),()=>{},e=>({...e,totalChildrenCount:(e.totalChildrenCount||0)+1}),e=>({...e,totalChildrenCount:(e.totalChildrenCount||0)-1}))),h?.(e)},rootClassName:n(_?.kanban??r(),_?.root??s(),`group`),columnWrapperClassName:()=>_?.columnWrapper??c(),columnClassName:()=>_?.column??o(),cardWrapperClassName:n(_?.cardWrapper??i(),_?.cardWrapperRoot??a())})};export{p as Kanban};
2
- //# sourceMappingURL=Kanban.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Kanban.mjs","names":["Kanban","KanbanKit"],"sources":["../../../../src/components/data-display/kanban/Kanban.tsx"],"sourcesContent":["import { type ReactNode, useState } from 'react';\nimport { dropHandler, Kanban as KanbanKit } from 'react-kanban-kit';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n kanban,\n kanbanCardWrapper,\n kanbanCardWrapperRoot,\n kanbanColumn,\n kanbanRoot,\n kanbanWrapperColumn,\n} from '@mage-ui/styled-system/recipes';\n\nimport { KanbanCardDragIndicator } from './KanbanCardDragIndicator';\nimport { KanbanColumnHeader } from './KanbanColumnHeader';\n\nexport interface BoardItem<T extends object = Record<string, unknown>> {\n id: string;\n title: string;\n parentId: string | null;\n children: string[];\n content?: T;\n type?: string | number;\n status?: string;\n totalChildrenCount: number;\n totalItemsCount?: number;\n isDraggable?: boolean;\n}\nexport interface BoardData<T extends object = Record<string, unknown>> {\n root: BoardItem<T>;\n [key: string]: BoardItem<T>;\n}\nexport interface CardRenderProps<T extends object = Record<string, unknown>> {\n data: BoardItem<T>;\n column: BoardItem<T>;\n index: number;\n isDraggable: boolean;\n}\n\nexport type ConfigMap<T extends object = Record<string, unknown>> = {\n [type: string]: {\n render: (props: CardRenderProps<T>) => ReactNode;\n isDraggable?: boolean;\n };\n};\n\nexport interface KanbanProps<T extends object = Record<string, unknown>> {\n dataSource: BoardData<T>;\n configMap: ConfigMap<T>;\n onCardMove?: (move: CardMove) => void;\n renderColumnFooter?: (column: BoardItem<T>) => ReactNode;\n maxColumnHeight?: string | number;\n classNames?: {\n kanban?: string;\n root?: string;\n columnWrapper?: string;\n column?: string;\n cardWrapper?: string;\n cardWrapperRoot?: string;\n };\n}\n\nexport interface CardMove {\n cardId: string;\n fromColumnId: string;\n toColumnId: string;\n taskAbove: string | null;\n taskBelow: string | null;\n position: number;\n}\n\nexport const Kanban = <T extends object = Record<string, unknown>>({\n dataSource,\n configMap,\n onCardMove,\n renderColumnFooter,\n classNames,\n}: KanbanProps<T>) => {\n const [board, setBoard] = useState<BoardData<T>>(dataSource);\n\n const handleCardMove = (move: CardMove) => {\n setBoard(\n (prev) =>\n dropHandler(\n move,\n structuredClone(prev),\n () => {},\n (newColumn) => ({\n ...newColumn,\n totalChildrenCount: (newColumn.totalChildrenCount || 0) + 1,\n }),\n (sourceColumn) => ({\n ...sourceColumn,\n totalChildrenCount: (sourceColumn.totalChildrenCount || 0) - 1,\n }),\n ) as BoardData<T>,\n );\n onCardMove?.(move);\n };\n\n return (\n <KanbanKit\n dataSource={board}\n configMap={configMap}\n renderColumnHeader={(column) => <KanbanColumnHeader column={column} />}\n renderCardDragIndicator={() => <KanbanCardDragIndicator />}\n renderColumnFooter={renderColumnFooter}\n onCardMove={handleCardMove}\n rootClassName={cx(\n classNames?.kanban ?? kanban(),\n classNames?.root ?? kanbanRoot(),\n 'group',\n )}\n columnWrapperClassName={() =>\n classNames?.columnWrapper ?? kanbanWrapperColumn()\n }\n columnClassName={() => classNames?.column ?? kanbanColumn()}\n cardWrapperClassName={cx(\n classNames?.cardWrapper ?? kanbanCardWrapper(),\n classNames?.cardWrapperRoot ?? kanbanCardWrapperRoot(),\n )}\n />\n );\n};\n"],"mappings":"+dAuEA,MAAaA,GAAsD,CACjE,aACA,YACA,aACA,qBACA,gBACoB,CACpB,GAAM,CAAC,EAAO,GAAY,EAAuB,EAAW,CAsB5D,OACE,EAACC,EAAAA,CACC,WAAY,EACD,YACX,mBAAqB,GAAW,EAAC,EAAA,CAA2B,SAAA,CAAU,CACtE,4BAA+B,EAAC,EAAA,EAAA,CAA0B,CACtC,qBACpB,WA3BoB,GAAmB,CACzC,EACG,GACC,EACE,EACA,gBAAgB,EAAK,KACf,GACL,IAAe,CACd,GAAG,EACH,oBAAqB,EAAU,oBAAsB,GAAK,EAC3D,EACA,IAAkB,CACjB,GAAG,EACH,oBAAqB,EAAa,oBAAsB,GAAK,EAC9D,EACF,CACJ,CACD,IAAa,EAAK,EAWhB,cAAe,EACb,GAAY,QAAU,GAAQ,CAC9B,GAAY,MAAQ,GAAY,CAChC,QACD,CACD,2BACE,GAAY,eAAiB,GAAqB,CAEpD,oBAAuB,GAAY,QAAU,GAAc,CAC3D,qBAAsB,EACpB,GAAY,aAAe,GAAmB,CAC9C,GAAY,iBAAmB,GAAuB,CACvD,EACD"}
@@ -1,17 +0,0 @@
1
- import * as react_jsx_runtime0 from "react/jsx-runtime";
2
-
3
- //#region src/components/data-display/kanban/KanbanCardBase.d.ts
4
- interface KanbanCardBaseProps {
5
- children?: React.ReactNode;
6
- classNames?: {
7
- card?: string;
8
- cardRoot?: string;
9
- };
10
- }
11
- declare const KanbanCardBase: ({
12
- children,
13
- classNames
14
- }: KanbanCardBaseProps) => react_jsx_runtime0.JSX.Element;
15
- //#endregion
16
- export { KanbanCardBase, KanbanCardBaseProps };
17
- //# sourceMappingURL=KanbanCardBase.d.mts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"KanbanCardBase.d.mts","names":[],"sources":["../../../../src/components/data-display/kanban/KanbanCardBase.tsx"],"mappings":";;;UAGiB,mBAAA;EACf,QAAA,GAAW,KAAA,CAAM,SAAA;EACjB,UAAA;IACE,IAAA;IACA,QAAA;EAAA;AAAA;AAAA,cAIS,cAAA;EAAkB,QAAA;EAAA;AAAA,GAG5B,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
@@ -1,2 +0,0 @@
1
- import{cx as e}from"@mage-ui/styled-system/css";import{kanbanCard as t,kanbanCardRoot as n}from"@mage-ui/styled-system/recipes";import{jsx as r}from"react/jsx-runtime";const i=({children:i,classNames:a})=>r(`div`,{className:e(a?.card??t(),a?.cardRoot??n()),children:i});export{i as KanbanCardBase};
2
- //# sourceMappingURL=KanbanCardBase.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"KanbanCardBase.mjs","names":[],"sources":["../../../../src/components/data-display/kanban/KanbanCardBase.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport { kanbanCard, kanbanCardRoot } from '@mage-ui/styled-system/recipes';\n\nexport interface KanbanCardBaseProps {\n children?: React.ReactNode;\n classNames?: {\n card?: string;\n cardRoot?: string;\n };\n}\n\nexport const KanbanCardBase = ({\n children,\n classNames,\n}: KanbanCardBaseProps) => {\n return (\n <div\n className={cx(\n classNames?.card ?? kanbanCard(),\n classNames?.cardRoot ?? kanbanCardRoot(),\n )}\n >\n {children}\n </div>\n );\n};\n"],"mappings":"wKAWA,MAAa,GAAkB,CAC7B,WACA,gBAGE,EAAC,MAAA,CACC,UAAW,EACT,GAAY,MAAQ,GAAY,CAChC,GAAY,UAAY,GAAgB,CACzC,CAEA,YACG"}
@@ -1,2 +0,0 @@
1
- import{cx as e}from"@mage-ui/styled-system/css";import{kanbanCardDragIndicator as t,kanbanCardDragIndicatorRoot as n}from"@mage-ui/styled-system/recipes";import{jsx as r}from"react/jsx-runtime";const i=({classNames:i})=>r(`span`,{className:e(i?.cardDragIndicator??t(),i?.cardDragIndicatorRoot??n())});export{i as KanbanCardDragIndicator};
2
- //# sourceMappingURL=KanbanCardDragIndicator.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"KanbanCardDragIndicator.mjs","names":[],"sources":["../../../../src/components/data-display/kanban/KanbanCardDragIndicator.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n kanbanCardDragIndicator,\n kanbanCardDragIndicatorRoot,\n} from '@mage-ui/styled-system/recipes';\n\nexport interface KanbanCardDragIndicatorProps {\n classNames?: {\n cardDragIndicator?: string;\n cardDragIndicatorRoot?: string;\n };\n}\n\nexport const KanbanCardDragIndicator = ({\n classNames,\n}: KanbanCardDragIndicatorProps) => {\n return (\n <span\n className={cx(\n classNames?.cardDragIndicator ?? kanbanCardDragIndicator(),\n classNames?.cardDragIndicatorRoot ?? kanbanCardDragIndicatorRoot(),\n )}\n />\n );\n};\n"],"mappings":"kMAaA,MAAa,GAA2B,CACtC,gBAGE,EAAC,OAAA,CACC,UAAW,EACT,GAAY,mBAAqB,GAAyB,CAC1D,GAAY,uBAAyB,GAA6B,CACnE,CAAA,CACD"}
@@ -1,2 +0,0 @@
1
- import{cx as e}from"@mage-ui/styled-system/css";import{kanbanColumnHeader as t,kanbanColumnHeaderCount as n,kanbanColumnHeaderRoot as r,kanbanColumnHeaderTitle as i}from"@mage-ui/styled-system/recipes";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=({column:s,classNames:c})=>o(`div`,{className:e(c?.columnHeader??t(),c?.columnHeaderRoot??r()),children:[a(`p`,{className:c?.columnHeaderTitle??i(),children:s.title}),a(`span`,{className:c?.columnHeaderCount??n(),children:s.totalChildrenCount})]});export{s as KanbanColumnHeader};
2
- //# sourceMappingURL=KanbanColumnHeader.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"KanbanColumnHeader.mjs","names":[],"sources":["../../../../src/components/data-display/kanban/KanbanColumnHeader.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n kanbanColumnHeader,\n kanbanColumnHeaderCount,\n kanbanColumnHeaderRoot,\n kanbanColumnHeaderTitle,\n} from '@mage-ui/styled-system/recipes';\n\nimport type { BoardItem } from './Kanban';\n\nexport interface KanbanColumnHeaderProps {\n column: Pick<BoardItem, 'id' | 'title' | 'totalChildrenCount'>;\n classNames?: {\n columnHeader?: string;\n columnHeaderRoot?: string;\n columnHeaderTitle?: string;\n columnHeaderCount?: string;\n };\n}\n\nexport const KanbanColumnHeader = ({\n column,\n classNames,\n}: KanbanColumnHeaderProps) => {\n return (\n <div\n className={cx(\n classNames?.columnHeader ?? kanbanColumnHeader(),\n classNames?.columnHeaderRoot ?? kanbanColumnHeaderRoot(),\n )}\n >\n <p className={classNames?.columnHeaderTitle ?? kanbanColumnHeaderTitle()}>\n {column.title}\n </p>\n <span\n className={classNames?.columnHeaderCount ?? kanbanColumnHeaderCount()}\n >\n {column.totalChildrenCount}\n </span>\n </div>\n );\n};\n"],"mappings":"4PAoBA,MAAa,GAAsB,CACjC,SACA,gBAGE,EAAC,MAAA,CACC,UAAW,EACT,GAAY,cAAgB,GAAoB,CAChD,GAAY,kBAAoB,GAAwB,CACzD,WAED,EAAC,IAAA,CAAE,UAAW,GAAY,mBAAqB,GAAyB,UACrE,EAAO,OACN,CACJ,EAAC,OAAA,CACC,UAAW,GAAY,mBAAqB,GAAyB,UAEpE,EAAO,oBACH,CAAA,EACH"}