@thebuoyant-tsdev/mui-ts-library 3.29.1 → 3.30.0

package/dist/index.d.cts

@@ -1,4 +1,7 @@
 export * from "./utils/muiTsClasses";
+export * from "./components/kanban-board/kanbanBoardClasses";
+export * from "./components/kanban-board/KanbanBoard";
+export * from "./components/kanban-board/KanbanBoard.types";
 export * from "./components/date-range-picker/dateRangePickerClasses";
 export * from "./components/date-range-picker/DateRangePicker";
 export * from "./components/date-range-picker/DateRangePicker.types";

package/dist/index.d.ts

@@ -1,4 +1,7 @@
 export * from "./utils/muiTsClasses";
+export * from "./components/kanban-board/kanbanBoardClasses";
+export * from "./components/kanban-board/KanbanBoard";
+export * from "./components/kanban-board/KanbanBoard.types";
 export * from "./components/date-range-picker/dateRangePickerClasses";
 export * from "./components/date-range-picker/DateRangePicker";
 export * from "./components/date-range-picker/DateRangePicker.types";

package/dist/index.js

@@ -1,36 +1,39 @@
 import { muiTsStateClasses as e } from "./utils/muiTsClasses.js";
-import { dateRangePickerClasses as t } from "./components/date-range-picker/dateRangePickerClasses.js";
-import { DEFAULT_DATE_RANGE_PICKER_TRANSLATION as n } from "./components/date-range-picker/DateRangePicker.types.js";
-import { DateRangePicker as r } from "./components/date-range-picker/DateRangePicker.js";
-import { tagSelectionClasses as i } from "./components/tag-selection/tagSelectionClasses.js";
-import { passwordStrengthMeterClasses as a } from "./components/password-strength-meter/passwordStrengthMeterClasses.js";
-import { colorPickerClasses as o } from "./components/color-picker/colorPickerClasses.js";
-import { popoverColorPickerClasses as s } from "./components/color-picker/popoverColorPickerClasses.js";
-import { DEFAULT_COLOR_PICKER_TRANSLATION as c, DEFAULT_POPOVER_COLOR_PICKER_TRANSLATION as l } from "./components/color-picker/ColorPicker.types.js";
-import { ColorPicker as u } from "./components/color-picker/ColorPicker.js";
-import { PopoverColorPicker as d } from "./components/color-picker/PopoverColorPicker.js";
-import { DEFAULT_JSON_EDITOR_TOOLBAR_CONFIG as f, DEFAULT_JSON_EDITOR_TRANSLATION as p } from "./components/json-editor/JsonEditor.types.js";
-import { JsonEditor as m } from "./components/json-editor/JsonEditor.js";
-import { DEFAULT_GANTT_TRANSLATIONS as h } from "./components/gantt-chart/GanttChart.types.js";
-import { GanttChart as g, useGanttChartStore as _, useGanttTheme as v, useGanttTranslations as y, useRawGanttChartStore as b } from "./components/gantt-chart/GanttChart.js";
-import { DEFAULT_CHECK_COLORS as x, DEFAULT_METER_COLORS as S, DEFAULT_PASSWORD_TRANSLATIONS as C } from "./components/password-strength-meter/PasswordStrengthMeter.types.js";
-import { PasswordStrengthMeter as w } from "./components/password-strength-meter/PasswordStrengthMeter.js";
-import { DEFAULT_TAG_SELECTION_TRANSLATION as T } from "./components/tag-selection/TagSelection.types.js";
-import { TagSelection as E } from "./components/tag-selection/TagSelection.js";
-import { DEFAULT_RICH_TEXT_EDITOR_TOOLBAR_CONFIG as D, DEFAULT_RICH_TEXT_EDITOR_TRANSLATION as O } from "./components/rich-text-editor/RichTextEditor.types.js";
-import { RichTextEditor as k } from "./components/rich-text-editor/RichTextEditor.js";
-import { DEFAULT_SQL_EDITOR_TOOLBAR_CONFIG as A, DEFAULT_SQL_EDITOR_TRANSLATION as j } from "./components/sql-editor/SqlEditor.types.js";
-import { SqlEditor as M } from "./components/sql-editor/SqlEditor.js";
-import { DEFAULT_SUNBURST_CHART_TRANSLATION as N } from "./components/sunburst-chart/SunburstChart.types.js";
-import { SunburstChart as P } from "./components/sunburst-chart/SunburstChart.js";
-import { DEFAULT_CHORD_CHART_TRANSLATION as F } from "./components/chord-chart/ChordChart.types.js";
-import { ChordChart as I } from "./components/chord-chart/ChordChart.js";
-import { DEFAULT_RADIAL_TREE_CHART_TRANSLATION as L } from "./components/radial-tree-chart/RadialTreeChart.types.js";
-import { RadialTreeChart as R } from "./components/radial-tree-chart/RadialTreeChart.js";
-import { DEFAULT_CIRCLE_PACKING_TRANSLATION as z } from "./components/circle-packing-chart/CirclePackingChart.types.js";
-import { CirclePackingChart as B } from "./components/circle-packing-chart/CirclePackingChart.js";
-import { DEFAULT_HORIZONTAL_TREE_TRANSLATION as V } from "./components/horizontal-tree-chart/HorizontalTreeChart.types.js";
-import { HorizontalTreeChart as H } from "./components/horizontal-tree-chart/HorizontalTreeChart.js";
-import { DEFAULT_RADIAL_STACKED_BAR_CHART_TRANSLATION as U } from "./components/radial-stacked-bar-chart/RadialStackedBarChart.types.js";
-import { RadialStackedBarChart as W } from "./components/radial-stacked-bar-chart/RadialStackedBarChart.js";
-export { I as ChordChart, B as CirclePackingChart, u as ColorPicker, x as DEFAULT_CHECK_COLORS, F as DEFAULT_CHORD_CHART_TRANSLATION, z as DEFAULT_CIRCLE_PACKING_TRANSLATION, c as DEFAULT_COLOR_PICKER_TRANSLATION, n as DEFAULT_DATE_RANGE_PICKER_TRANSLATION, h as DEFAULT_GANTT_TRANSLATIONS, V as DEFAULT_HORIZONTAL_TREE_TRANSLATION, f as DEFAULT_JSON_EDITOR_TOOLBAR_CONFIG, p as DEFAULT_JSON_EDITOR_TRANSLATION, S as DEFAULT_METER_COLORS, C as DEFAULT_PASSWORD_TRANSLATIONS, l as DEFAULT_POPOVER_COLOR_PICKER_TRANSLATION, U as DEFAULT_RADIAL_STACKED_BAR_CHART_TRANSLATION, L as DEFAULT_RADIAL_TREE_CHART_TRANSLATION, D as DEFAULT_RICH_TEXT_EDITOR_TOOLBAR_CONFIG, O as DEFAULT_RICH_TEXT_EDITOR_TRANSLATION, A as DEFAULT_SQL_EDITOR_TOOLBAR_CONFIG, j as DEFAULT_SQL_EDITOR_TRANSLATION, N as DEFAULT_SUNBURST_CHART_TRANSLATION, T as DEFAULT_TAG_SELECTION_TRANSLATION, r as DateRangePicker, g as GanttChart, H as HorizontalTreeChart, m as JsonEditor, w as PasswordStrengthMeter, d as PopoverColorPicker, W as RadialStackedBarChart, R as RadialTreeChart, k as RichTextEditor, M as SqlEditor, P as SunburstChart, E as TagSelection, o as colorPickerClasses, t as dateRangePickerClasses, e as muiTsStateClasses, a as passwordStrengthMeterClasses, s as popoverColorPickerClasses, i as tagSelectionClasses, _ as useGanttChartStore, v as useGanttTheme, y as useGanttTranslations, b as useRawGanttChartStore };
+import { kanbanBoardClasses as t } from "./components/kanban-board/kanbanBoardClasses.js";
+import { DEFAULT_KANBAN_BOARD_TRANSLATION as n } from "./components/kanban-board/KanbanBoard.types.js";
+import { KanbanBoard as r } from "./components/kanban-board/KanbanBoard.js";
+import { dateRangePickerClasses as i } from "./components/date-range-picker/dateRangePickerClasses.js";
+import { DEFAULT_DATE_RANGE_PICKER_TRANSLATION as a } from "./components/date-range-picker/DateRangePicker.types.js";
+import { DateRangePicker as o } from "./components/date-range-picker/DateRangePicker.js";
+import { tagSelectionClasses as s } from "./components/tag-selection/tagSelectionClasses.js";
+import { passwordStrengthMeterClasses as c } from "./components/password-strength-meter/passwordStrengthMeterClasses.js";
+import { colorPickerClasses as l } from "./components/color-picker/colorPickerClasses.js";
+import { popoverColorPickerClasses as u } from "./components/color-picker/popoverColorPickerClasses.js";
+import { DEFAULT_COLOR_PICKER_TRANSLATION as d, DEFAULT_POPOVER_COLOR_PICKER_TRANSLATION as f } from "./components/color-picker/ColorPicker.types.js";
+import { ColorPicker as p } from "./components/color-picker/ColorPicker.js";
+import { PopoverColorPicker as m } from "./components/color-picker/PopoverColorPicker.js";
+import { DEFAULT_JSON_EDITOR_TOOLBAR_CONFIG as h, DEFAULT_JSON_EDITOR_TRANSLATION as g } from "./components/json-editor/JsonEditor.types.js";
+import { JsonEditor as _ } from "./components/json-editor/JsonEditor.js";
+import { DEFAULT_GANTT_TRANSLATIONS as v } from "./components/gantt-chart/GanttChart.types.js";
+import { GanttChart as y, useGanttChartStore as b, useGanttTheme as x, useGanttTranslations as S, useRawGanttChartStore as C } from "./components/gantt-chart/GanttChart.js";
+import { DEFAULT_CHECK_COLORS as w, DEFAULT_METER_COLORS as T, DEFAULT_PASSWORD_TRANSLATIONS as E } from "./components/password-strength-meter/PasswordStrengthMeter.types.js";
+import { PasswordStrengthMeter as D } from "./components/password-strength-meter/PasswordStrengthMeter.js";
+import { DEFAULT_TAG_SELECTION_TRANSLATION as O } from "./components/tag-selection/TagSelection.types.js";
+import { TagSelection as k } from "./components/tag-selection/TagSelection.js";
+import { DEFAULT_RICH_TEXT_EDITOR_TOOLBAR_CONFIG as A, DEFAULT_RICH_TEXT_EDITOR_TRANSLATION as j } from "./components/rich-text-editor/RichTextEditor.types.js";
+import { RichTextEditor as M } from "./components/rich-text-editor/RichTextEditor.js";
+import { DEFAULT_SQL_EDITOR_TOOLBAR_CONFIG as N, DEFAULT_SQL_EDITOR_TRANSLATION as P } from "./components/sql-editor/SqlEditor.types.js";
+import { SqlEditor as F } from "./components/sql-editor/SqlEditor.js";
+import { DEFAULT_SUNBURST_CHART_TRANSLATION as I } from "./components/sunburst-chart/SunburstChart.types.js";
+import { SunburstChart as L } from "./components/sunburst-chart/SunburstChart.js";
+import { DEFAULT_CHORD_CHART_TRANSLATION as R } from "./components/chord-chart/ChordChart.types.js";
+import { ChordChart as z } from "./components/chord-chart/ChordChart.js";
+import { DEFAULT_RADIAL_TREE_CHART_TRANSLATION as B } from "./components/radial-tree-chart/RadialTreeChart.types.js";
+import { RadialTreeChart as V } from "./components/radial-tree-chart/RadialTreeChart.js";
+import { DEFAULT_CIRCLE_PACKING_TRANSLATION as H } from "./components/circle-packing-chart/CirclePackingChart.types.js";
+import { CirclePackingChart as U } from "./components/circle-packing-chart/CirclePackingChart.js";
+import { DEFAULT_HORIZONTAL_TREE_TRANSLATION as W } from "./components/horizontal-tree-chart/HorizontalTreeChart.types.js";
+import { HorizontalTreeChart as G } from "./components/horizontal-tree-chart/HorizontalTreeChart.js";
+import { DEFAULT_RADIAL_STACKED_BAR_CHART_TRANSLATION as K } from "./components/radial-stacked-bar-chart/RadialStackedBarChart.types.js";
+import { RadialStackedBarChart as q } from "./components/radial-stacked-bar-chart/RadialStackedBarChart.js";
+export { z as ChordChart, U as CirclePackingChart, p as ColorPicker, w as DEFAULT_CHECK_COLORS, R as DEFAULT_CHORD_CHART_TRANSLATION, H as DEFAULT_CIRCLE_PACKING_TRANSLATION, d as DEFAULT_COLOR_PICKER_TRANSLATION, a as DEFAULT_DATE_RANGE_PICKER_TRANSLATION, v as DEFAULT_GANTT_TRANSLATIONS, W as DEFAULT_HORIZONTAL_TREE_TRANSLATION, h as DEFAULT_JSON_EDITOR_TOOLBAR_CONFIG, g as DEFAULT_JSON_EDITOR_TRANSLATION, n as DEFAULT_KANBAN_BOARD_TRANSLATION, T as DEFAULT_METER_COLORS, E as DEFAULT_PASSWORD_TRANSLATIONS, f as DEFAULT_POPOVER_COLOR_PICKER_TRANSLATION, K as DEFAULT_RADIAL_STACKED_BAR_CHART_TRANSLATION, B as DEFAULT_RADIAL_TREE_CHART_TRANSLATION, A as DEFAULT_RICH_TEXT_EDITOR_TOOLBAR_CONFIG, j as DEFAULT_RICH_TEXT_EDITOR_TRANSLATION, N as DEFAULT_SQL_EDITOR_TOOLBAR_CONFIG, P as DEFAULT_SQL_EDITOR_TRANSLATION, I as DEFAULT_SUNBURST_CHART_TRANSLATION, O as DEFAULT_TAG_SELECTION_TRANSLATION, o as DateRangePicker, y as GanttChart, G as HorizontalTreeChart, _ as JsonEditor, r as KanbanBoard, D as PasswordStrengthMeter, m as PopoverColorPicker, q as RadialStackedBarChart, V as RadialTreeChart, M as RichTextEditor, F as SqlEditor, L as SunburstChart, k as TagSelection, l as colorPickerClasses, i as dateRangePickerClasses, t as kanbanBoardClasses, e as muiTsStateClasses, c as passwordStrengthMeterClasses, u as popoverColorPickerClasses, s as tagSelectionClasses, b as useGanttChartStore, x as useGanttTheme, S as useGanttTranslations, C as useRawGanttChartStore };

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@thebuoyant-tsdev/mui-ts-library",
-  "version": "3.29.1",
+  "version": "3.30.0",
   "private": false,
-  "description": "Type-safe React component library for MUI v9. Gantt chart with drag & drop, WYSIWYG rich text editor (TipTap), SQL & JSON code editors (CodeMirror 6), D3 data visualizations (Sunburst, Chord, RadialTree, CirclePacking, HorizontalTree, RadialStackedBar), tag selector, password strength meter, and a color picker. Full TypeScript, dark mode, i18n.",
+  "description": "Type-safe React component library for MUI v9. Kanban board with drag & drop, Gantt chart, WYSIWYG rich text editor (TipTap), SQL & JSON code editors (CodeMirror 6), D3 data visualizations (Sunburst, Chord, RadialTree, CirclePacking, HorizontalTree, RadialStackedBar), date range picker, tag selector, password strength meter, and a color picker. Full TypeScript, dark mode, i18n.",
   "author": {
     "name": "Thomas Schlender",
     "email": "thebuoyant@gmail.com"
@@ -58,6 +58,10 @@
     "i18n",
     "a11y",
     "storybook",
+    "kanban",
+    "kanban-board",
+    "sprint-board",
+    "task-board",
     "gantt",
     "gantt-chart",
     "react-gantt",
@@ -167,6 +171,9 @@
     "@codemirror/lint": "^6.9.6",
     "@codemirror/state": "^6.6.0",
     "@codemirror/view": "^6.43.0",
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
     "@lezer/common": "^1.5.2",
     "@lezer/highlight": "^1.2.3",
     "@replit/codemirror-minimap": "^0.5.2",