@suphark/ui 0.34.0 → 0.38.0

package/src/index.ts

@@ -115,6 +115,11 @@ export {
 export { FormFieldRadioCards } from "./components/shared/form/form-field-radio-cards";
 export { FormFieldRadioGroup } from "./components/shared/form/form-field-radio-group";
 export { FormFieldSelect, type SelectOption } from "./components/shared/form/form-field-select";
+export {
+  FormInvalidNet,
+  type FormInvalidNotice,
+  useFormInvalidNotice,
+} from "./components/shared/form/form-invalid-notice";
 export { CheckboxField, LabeledField } from "./components/shared/form/labeled-field";
 export { NumberInput } from "./components/shared/form/number-input";
 export { SearchInput, type SearchInputProps } from "./components/shared/form/search-input";

package/src/lib/sortable-order.ts

@@ -105,6 +105,31 @@ export function moveItemToGroup(
   };
 }
 
+/** รายการทั้งหมดเรียงตามที่แสดง: ของที่ไม่มีกลุ่มก่อน แล้วไล่ตามลำดับกลุ่ม */
+export function flatItems(order: SortableOrder): string[] {
+  return [UNGROUPED, ...order.groups].flatMap((group) => order.items[group] ?? []);
+}
+
+/**
+ * ลากหลายรายการพร้อมกัน (bulk): ดึงรายการใน `ids` ทั้งหมดมารวมที่ตำแหน่งของ `activeId`
+ * (ตัวที่ผู้ใช้จับลาก) เรียงตามลำดับใน `ids` — ตัวอื่นหายจากที่เดิม ไม่ว่าจะอยู่กลุ่มไหน
+ */
+export function gatherItems(
+  order: SortableOrder,
+  activeId: string,
+  ids: ReadonlyArray<string>,
+): SortableOrder {
+  const present = new Set(flatItems(order));
+  const moving = ids.filter((id) => present.has(id));
+  if (moving.length <= 1 || !moving.includes(activeId)) return order;
+  const others = new Set(moving.filter((id) => id !== activeId));
+  const items: Record<string, string[]> = {};
+  for (const [group, list] of Object.entries(order.items)) {
+    items[group] = list.flatMap((id) => (others.has(id) ? [] : id === activeId ? moving : [id]));
+  }
+  return { ...order, items };
+}
+
 /** ลำดับเหมือนกันไหม (ใช้ตัดสินว่าต้องบันทึกหรือไม่) */
 export function sameOrder(a: SortableOrder, b: SortableOrder): boolean {
   if (a === b) return true;

package/src/sortable.ts

@@ -7,6 +7,7 @@ export {
   DragHandle,
   type SortableAnnouncementContext,
   type SortableAnnouncements,
+  type SortableDrag,
   SortableGroup,
   type SortableKind,
   SortableProvider,
@@ -17,6 +18,8 @@ export {
   useSortableState,
 } from "./components/sortable/sortable-list";
 export {
+  flatItems,
+  gatherItems,
   groupOfItem,
   moveItemToGroup,
   moveWithin,