@simplysm/solid 13.0.76 → 13.0.77

package/src/components/data/kanban/Kanban.tsx

@@ -27,42 +27,45 @@ import { createSlot } from "../../../helpers/createSlot";
 import "./Kanban.animate.css";
 import { Button } from "../../form-control/Button";
 
+//#region Types
 // ── Types ──────────────────────────────────────────────────────
 
-export interface KanbanCardRef<L = unknown, T = unknown> {
-  value: T | undefined;
-  laneValue: L | undefined;
+export interface KanbanCardRef<TLaneValue = unknown, TCardValue = unknown> {
+  value: TCardValue | undefined;
+  laneValue: TLaneValue | undefined;
   heightOnDrag: number;
 }
 
-export interface KanbanDropInfo<L = unknown, T = unknown> {
-  sourceValue?: T;
-  targetLaneValue?: L;
-  targetCardValue?: T;
+export interface KanbanDropInfo<TLaneValue = unknown, TCardValue = unknown> {
+  sourceValue?: TCardValue;
+  targetLaneValue?: TLaneValue;
+  targetCardValue?: TCardValue;
   position?: "before" | "after";
 }
 
-export interface KanbanDropTarget<T = unknown> {
+export interface KanbanDropTarget<TCardValue = unknown> {
   element: HTMLElement;
-  value: T | undefined;
+  value: TCardValue | undefined;
   position: "before" | "after";
 }
+//#endregion
 
+//#region Board Context
 // ── Board Context ──────────────────────────────────────────────
 
-export interface KanbanContextValue<L = unknown, T = unknown> {
-  dragCard: Accessor<KanbanCardRef<L, T> | undefined>;
-  setDragCard: Setter<KanbanCardRef<L, T> | undefined>;
+export interface KanbanContextValue<TLaneValue = unknown, TCardValue = unknown> {
+  dragCard: Accessor<KanbanCardRef<TLaneValue, TCardValue> | undefined>;
+  setDragCard: Setter<KanbanCardRef<TLaneValue, TCardValue> | undefined>;
   onDropTo: (
-    targetLaneValue: L | undefined,
-    targetCardValue: T | undefined,
+    targetLaneValue: TLaneValue | undefined,
+    targetCardValue: TCardValue | undefined,
     position: "before" | "after" | undefined,
   ) => void;
 
   // Selection (Phase 4)
-  selectedValues: Accessor<T[]>;
-  setSelectedValues: (updater: T[] | ((prev: T[]) => T[])) => void;
-  toggleSelection: (value: T) => void;
+  selectedValues: Accessor<TCardValue[]>;
+  setSelectedValues: (updater: TCardValue[] | ((prev: TCardValue[]) => TCardValue[])) => void;
+  toggleSelection: (value: TCardValue) => void;
 }
 
 export const KanbanContext = createContext<KanbanContextValue>();
@@ -74,16 +77,18 @@ export function useKanbanContext(): KanbanContextValue {
   }
   return context;
 }
+//#endregion
 
+//#region Lane Context
 // ── Lane Context ───────────────────────────────────────────────
 
-export interface KanbanLaneContextValue<L = unknown, T = unknown> {
-  value: Accessor<L | undefined>;
-  dropTarget: Accessor<KanbanDropTarget<T> | undefined>;
-  setDropTarget: (target: KanbanDropTarget<T> | undefined) => void;
+export interface KanbanLaneContextValue<TLaneValue = unknown, TCardValue = unknown> {
+  value: Accessor<TLaneValue | undefined>;
+  dropTarget: Accessor<KanbanDropTarget<TCardValue> | undefined>;
+  setDropTarget: (target: KanbanDropTarget<TCardValue> | undefined) => void;
 
   // Card registration (Phase 4)
-  registerCard: (id: string, info: { value: T | undefined; selectable: boolean }) => void;
+  registerCard: (id: string, info: { value: TCardValue | undefined; selectable: boolean }) => void;
   unregisterCard: (id: string) => void;
 }
 
@@ -96,7 +101,9 @@ export function useKanbanLaneContext(): KanbanLaneContextValue {
   }
   return context;
 }
+//#endregion
 
+//#region Slots
 // ─── KanbanLaneTitle ─────────────────────────────────────────────
 
 const [KanbanLaneTitle, createTitleSlotAccessor] = createSlot<{ children: JSX.Element }>();
@@ -104,7 +111,9 @@ const [KanbanLaneTitle, createTitleSlotAccessor] = createSlot<{ children: JSX.El
 // ─── KanbanLaneTools ─────────────────────────────────────────────
 
 const [KanbanLaneTools, createToolsSlotAccessor] = createSlot<{ children: JSX.Element }>();
+//#endregion
 
+//#region KanbanCard
 // ─── KanbanCard ──────────────────────────────────────────────────
 
 export interface KanbanCardProps<TCardValue = unknown> extends Omit<
@@ -277,7 +286,9 @@ const KanbanCard: ParentComponent<KanbanCardProps> = (props) => {
     </div>
   );
 };
+//#endregion
 
+//#region KanbanLane
 // ─── KanbanLane ──────────────────────────────────────────────────
 
 export interface KanbanLaneProps<TLaneValue = unknown> extends Omit<
@@ -507,7 +518,9 @@ const KanbanLane: ParentComponent<KanbanLaneProps> = (props) => {
     </TitleProvider>
   );
 };
+//#endregion
 
+//#region KanbanBoard
 // ─── Kanban (Board) ──────────────────────────────────────────────
 
 export interface KanbanProps<TCardValue = unknown, TLaneValue = unknown> extends Omit<
@@ -521,15 +534,6 @@ export interface KanbanProps<TCardValue = unknown, TLaneValue = unknown> extends
 }
 
 
-interface KanbanComponent {
-  <TCardValue = unknown, TLaneValue = unknown>(
-    props: KanbanProps<TCardValue, TLaneValue>,
-  ): JSX.Element;
-  Lane: typeof KanbanLane;
-  Card: typeof KanbanCard;
-  LaneTitle: typeof KanbanLaneTitle;
-  LaneTools: typeof KanbanLaneTools;
-}
 
 const KanbanInner = (props: KanbanProps) => {
   const [local, rest] = splitProps(props, [
@@ -600,6 +604,7 @@ const KanbanInner = (props: KanbanProps) => {
     </KanbanContext.Provider>
   );
 };
+//#endregion
 
 //#region Export
 export const Kanban = Object.assign(KanbanInner, {
@@ -607,5 +612,5 @@ export const Kanban = Object.assign(KanbanInner, {
   Card: KanbanCard,
   LaneTitle: KanbanLaneTitle,
   LaneTools: KanbanLaneTools,
-}) as KanbanComponent;
+});
 //#endregion

package/src/components/data/list/List.tsx

@@ -34,10 +34,6 @@ export interface ListProps extends JSX.HTMLAttributes<HTMLDivElement> {
  * </List>
  * ```
  */
-interface ListComponent extends ParentComponent<ListProps> {
-  Item: typeof ListItem;
-}
-
 const ListBase: ParentComponent<ListProps> = (props) => {
   const [local, rest] = splitProps(props, ["children", "class", "inset"]);
 
@@ -176,5 +172,6 @@ const ListBase: ParentComponent<ListProps> = (props) => {
   );
 };
 
-export const List = ListBase as ListComponent;
-List.Item = ListItem;
+export const List = Object.assign(ListBase, {
+  Item: ListItem,
+});