@multiplatform.one/backoffice 6.4.3 → 6.7.0

package/dist/cjs/views/kanban-board-controls.cjs

@@ -0,0 +1,287 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var kanban_board_controls_exports = {};
+__export(kanban_board_controls_exports, {
+  CreateBoardDialog: () => CreateBoardDialog,
+  KanbanBoardEnd: () => KanbanBoardEnd,
+  KanbanBoardPicker: () => KanbanBoardPicker,
+  KanbanColumnMenu: () => KanbanColumnMenu
+});
+module.exports = __toCommonJS(kanban_board_controls_exports);
+var import_components = require("@multiplatform.one/components");
+var import_frappe_ui = require("@multiplatform.one/frappe-ui");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("@phosphor-icons/react");
+var import_react2 = require("react");
+var import_react_i18next = require("react-i18next");
+var import_i18n = require("../i18n/index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function KanbanBoardPicker({
+  names,
+  active,
+  onSelect,
+  onCreateNew
+}) {
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const [open, setOpen] = (0, import_react2.useState)(false);
+  const items = names.map(name => ({
+    key: name,
+    label: name,
+    checked: name === active,
+    onCheckedChange: () => {
+      setOpen(false);
+      if (name !== active) onSelect(name);
+    }
+  }));
+  if (onCreateNew) {
+    if (items.length > 0) items.push({
+      separator: true
+    });
+    items.push({
+      key: "__new-board__",
+      label: t("views.kanbanBoardNew", "New board\u2026"),
+      icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.PlusIcon, {
+        size: 14
+      }),
+      onSelect: () => {
+        setOpen(false);
+        onCreateNew();
+      }
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+    ...knobProps.gap,
+    alignItems: "center",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+      color: "$color10",
+      fontSize: "$2",
+      children: t("views.kanbanBoard", "Board")
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu, {
+      items,
+      open,
+      onOpenChange: setOpen,
+      placement: "bottom-start",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Button, {
+        size: "$3",
+        iconAfter: import_react.CaretDownIcon,
+        "aria-label": t("views.kanbanBoardSwitch", "Switch board"),
+        children: active ?? t("views.kanbanBoardNone", "No board")
+      })
+    })]
+  });
+}
+function CreateBoardDialog({
+  doctype,
+  open,
+  onOpenChange,
+  fieldOptions,
+  defaultField,
+  onCreate
+}) {
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  const [name, setName] = (0, import_react2.useState)("");
+  const [fieldname, setFieldname] = (0, import_react2.useState)(void 0);
+  const [busy, setBusy] = (0, import_react2.useState)(false);
+  const effectiveField = (fieldname && fieldOptions.some(option => option.fieldname === fieldname) ? fieldname : void 0) ?? (defaultField && fieldOptions.some(option => option.fieldname === defaultField) ? defaultField : void 0) ?? fieldOptions[0]?.fieldname;
+  const fieldLabel = fieldOptions.find(option => option.fieldname === effectiveField)?.label ?? effectiveField;
+  const fieldItems = fieldOptions.map(option => ({
+    key: option.fieldname,
+    label: option.label,
+    checked: option.fieldname === effectiveField,
+    onCheckedChange: () => setFieldname(option.fieldname)
+  }));
+  const handleConfirm = async () => {
+    const boardName = name.trim();
+    if (!boardName || !effectiveField || busy) return;
+    setBusy(true);
+    try {
+      await onCreate(boardName, effectiveField);
+      setName("");
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ConfirmDialog, {
+    open,
+    onOpenChange,
+    title: t("views.kanbanBoardCreateTitle", "New kanban board"),
+    confirmLabel: busy ? t("views.kanbanBoardCreateBusy", "Creating\u2026") : t("views.kanbanBoardCreateConfirm", "Create board"),
+    confirmDisabled: !name.trim() || !effectiveField || busy,
+    confirmDisabledReason: !name.trim() ? t("views.kanbanBoardCreateMissingName", "Enter a board name") : !effectiveField ? t("views.kanbanBoardCreateMissingField", "No Select field to group by") : void 0,
+    onConfirm: () => {
+      void handleConfirm();
+    },
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+      gap: "$3",
+      minWidth: 280,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+        color: "$color11",
+        fontSize: "$3",
+        children: t("views.kanbanBoardCreateBody", {
+          defaultValue: "Columns come from the chosen field's options ({{doctype}}).",
+          doctype
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_frappe_ui.Data, {
+        label: t("views.kanbanBoardCreateName", "Board name"),
+        placeholder: t("views.kanbanBoardCreateNamePlaceholder", "e.g. Test Board"),
+        value: name,
+        onChange: value => setName(value),
+        required: true
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+        gap: "$2",
+        alignItems: "center",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+          color: "$color10",
+          fontSize: "$2",
+          children: t("views.kanbanBoardCreateField", "Group by")
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu, {
+          items: fieldItems,
+          placement: "bottom-start",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Button, {
+            size: "$3",
+            iconAfter: import_react.CaretDownIcon,
+            "aria-label": t("views.kanbanBoardCreateFieldSwitch", "Choose grouping field"),
+            children: fieldLabel ?? t("views.kanbanBoardCreateMissingField", "No Select field to group by")
+          })
+        })]
+      })]
+    })
+  });
+}
+function KanbanColumnMenu({
+  column,
+  onArchive
+}) {
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  const items = [{
+    key: "archive",
+    label: t("views.kanbanColumnArchive", "Archive column"),
+    onSelect: onArchive
+  }];
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu, {
+    items,
+    placement: "bottom-end",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Button, {
+      size: "$2",
+      circular: true,
+      chromeless: true,
+      icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.DotsThreeIcon, {
+        size: 14
+      }),
+      "aria-label": t("views.kanbanColumnMenu", {
+        defaultValue: "Column options: {{column}}",
+        column
+      })
+    })
+  });
+}
+function KanbanBoardEnd({
+  archivedColumns,
+  existingColumns,
+  onAddColumn,
+  onRestoreColumn
+}) {
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const [addOpen, setAddOpen] = (0, import_react2.useState)(false);
+  const [columnName, setColumnName] = (0, import_react2.useState)("");
+  const [busy, setBusy] = (0, import_react2.useState)(false);
+  const trimmed = columnName.trim();
+  const duplicate = trimmed.length > 0 && existingColumns.includes(trimmed);
+  const restoreItems = archivedColumns.filter(column => column.column_name).map(column => ({
+    key: String(column.column_name),
+    label: String(column.column_name),
+    onSelect: () => onRestoreColumn(String(column.column_name))
+  }));
+  const handleConfirm = async () => {
+    if (!trimmed || duplicate || busy) return;
+    setBusy(true);
+    try {
+      await onAddColumn(trimmed);
+      setColumnName("");
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+    ...knobProps.gap,
+    minWidth: 160,
+    alignItems: "stretch",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Button, {
+      size: "$3",
+      icon: import_react.PlusIcon,
+      onPress: () => setAddOpen(true),
+      children: t("views.kanbanAddColumn", "Add column")
+    }), restoreItems.length > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu, {
+      items: restoreItems,
+      placement: "bottom-end",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Button, {
+        size: "$3",
+        chromeless: true,
+        iconAfter: import_react.CaretDownIcon,
+        "aria-label": t("views.kanbanArchivedRestore", "Restore an archived column"),
+        children: t("views.kanbanArchivedColumns", {
+          defaultValue: "Archived ({{count}})",
+          count: archivedColumns.length
+        })
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ConfirmDialog, {
+      open: addOpen,
+      onOpenChange: setAddOpen,
+      title: t("views.kanbanAddColumnTitle", "Add column"),
+      confirmLabel: busy ? t("views.kanbanAddColumnBusy", "Adding\u2026") : t("views.kanbanAddColumnConfirm", "Add column"),
+      confirmDisabled: !trimmed || duplicate || busy,
+      confirmDisabledReason: duplicate ? t("views.kanbanAddColumnDuplicate", {
+        defaultValue: 'Column "{{name}}" already exists',
+        name: trimmed
+      }) : !trimmed ? t("views.kanbanAddColumnMissingName", "Enter a column name") : void 0,
+      onConfirm: () => {
+        void handleConfirm();
+      },
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+        gap: "$3",
+        minWidth: 280,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_frappe_ui.Data, {
+          label: t("views.kanbanAddColumnName", "Column name"),
+          placeholder: t("views.kanbanAddColumnPlaceholder", "e.g. In Review"),
+          value: columnName,
+          onChange: value => setColumnName(value),
+          required: true
+        })
+      })
+    })]
+  });
+}

package/dist/cjs/views/kanban-board-controls.native.js

@@ -0,0 +1,320 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var kanban_board_controls_exports = {};
+__export(kanban_board_controls_exports, {
+  CreateBoardDialog: () => CreateBoardDialog,
+  KanbanBoardEnd: () => KanbanBoardEnd,
+  KanbanBoardPicker: () => KanbanBoardPicker,
+  KanbanColumnMenu: () => KanbanColumnMenu
+});
+module.exports = __toCommonJS(kanban_board_controls_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@multiplatform.one/components");
+var import_frappe_ui = require("@multiplatform.one/frappe-ui");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("@phosphor-icons/react");
+var import_react2 = require("react");
+var import_react_i18next = require("react-i18next");
+var import_i18n = require("../i18n/index.native.js");
+function KanbanBoardPicker(param) {
+  var {
+    names,
+    active,
+    onSelect,
+    onCreateNew
+  } = param;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var [open, setOpen] = (0, import_react2.useState)(false);
+  var items = names.map(function (name) {
+    return {
+      key: name,
+      label: name,
+      checked: name === active,
+      onCheckedChange: function onCheckedChange() {
+        setOpen(false);
+        if (name !== active) onSelect(name);
+      }
+    };
+  });
+  if (onCreateNew) {
+    if (items.length > 0) items.push({
+      separator: true
+    });
+    items.push({
+      key: "__new-board__",
+      label: t("views.kanbanBoardNew", "New board\u2026"),
+      icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.PlusIcon, {
+        size: 14
+      }),
+      onSelect: function onSelect2() {
+        setOpen(false);
+        onCreateNew();
+      }
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+    ...knobProps.gap,
+    alignItems: "center",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+      color: "$color10",
+      fontSize: "$2",
+      children: t("views.kanbanBoard", "Board")
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu, {
+      items,
+      open,
+      onOpenChange: setOpen,
+      placement: "bottom-start",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Button, {
+        size: "$3",
+        iconAfter: import_react.CaretDownIcon,
+        "aria-label": t("views.kanbanBoardSwitch", "Switch board"),
+        children: active !== null && active !== void 0 ? active : t("views.kanbanBoardNone", "No board")
+      })
+    })]
+  });
+}
+function CreateBoardDialog(param) {
+  var {
+    doctype,
+    open,
+    onOpenChange,
+    fieldOptions,
+    defaultField,
+    onCreate
+  } = param;
+  var _ref, _ref1, _ref2;
+  var _fieldOptions_, _fieldOptions_find;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  var [name, setName] = (0, import_react2.useState)("");
+  var [fieldname, setFieldname] = (0, import_react2.useState)(void 0);
+  var [busy, setBusy] = (0, import_react2.useState)(false);
+  var effectiveField = (_ref = (_ref1 = fieldname && fieldOptions.some(function (option) {
+    return option.fieldname === fieldname;
+  }) ? fieldname : void 0) !== null && _ref1 !== void 0 ? _ref1 : defaultField && fieldOptions.some(function (option) {
+    return option.fieldname === defaultField;
+  }) ? defaultField : void 0) !== null && _ref !== void 0 ? _ref : (_fieldOptions_ = fieldOptions[0]) === null || _fieldOptions_ === void 0 ? void 0 : _fieldOptions_.fieldname;
+  var fieldLabel = (_ref2 = (_fieldOptions_find = fieldOptions.find(function (option) {
+    return option.fieldname === effectiveField;
+  })) === null || _fieldOptions_find === void 0 ? void 0 : _fieldOptions_find.label) !== null && _ref2 !== void 0 ? _ref2 : effectiveField;
+  var fieldItems = fieldOptions.map(function (option) {
+    return {
+      key: option.fieldname,
+      label: option.label,
+      checked: option.fieldname === effectiveField,
+      onCheckedChange: function onCheckedChange() {
+        return setFieldname(option.fieldname);
+      }
+    };
+  });
+  var handleConfirm = async function handleConfirm2() {
+    var boardName = name.trim();
+    if (!boardName || !effectiveField || busy) return;
+    setBusy(true);
+    try {
+      await onCreate(boardName, effectiveField);
+      setName("");
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ConfirmDialog, {
+    open,
+    onOpenChange,
+    title: t("views.kanbanBoardCreateTitle", "New kanban board"),
+    confirmLabel: busy ? t("views.kanbanBoardCreateBusy", "Creating\u2026") : t("views.kanbanBoardCreateConfirm", "Create board"),
+    confirmDisabled: !name.trim() || !effectiveField || busy,
+    confirmDisabledReason: !name.trim() ? t("views.kanbanBoardCreateMissingName", "Enter a board name") : !effectiveField ? t("views.kanbanBoardCreateMissingField", "No Select field to group by") : void 0,
+    onConfirm: function onConfirm() {
+      void handleConfirm();
+    },
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+      gap: "$3",
+      minWidth: 280,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+        color: "$color11",
+        fontSize: "$3",
+        children: t("views.kanbanBoardCreateBody", {
+          defaultValue: "Columns come from the chosen field's options ({{doctype}}).",
+          doctype
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_frappe_ui.Data, {
+        label: t("views.kanbanBoardCreateName", "Board name"),
+        placeholder: t("views.kanbanBoardCreateNamePlaceholder", "e.g. Test Board"),
+        value: name,
+        onChange: function onChange(value) {
+          return setName(value);
+        },
+        required: true
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+        gap: "$2",
+        alignItems: "center",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+          color: "$color10",
+          fontSize: "$2",
+          children: t("views.kanbanBoardCreateField", "Group by")
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu, {
+          items: fieldItems,
+          placement: "bottom-start",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Button, {
+            size: "$3",
+            iconAfter: import_react.CaretDownIcon,
+            "aria-label": t("views.kanbanBoardCreateFieldSwitch", "Choose grouping field"),
+            children: fieldLabel !== null && fieldLabel !== void 0 ? fieldLabel : t("views.kanbanBoardCreateMissingField", "No Select field to group by")
+          })
+        })]
+      })]
+    })
+  });
+}
+function KanbanColumnMenu(param) {
+  var {
+    column,
+    onArchive
+  } = param;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  var items = [{
+    key: "archive",
+    label: t("views.kanbanColumnArchive", "Archive column"),
+    onSelect: onArchive
+  }];
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu, {
+    items,
+    placement: "bottom-end",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Button, {
+      size: "$2",
+      circular: true,
+      chromeless: true,
+      icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.DotsThreeIcon, {
+        size: 14
+      }),
+      "aria-label": t("views.kanbanColumnMenu", {
+        defaultValue: "Column options: {{column}}",
+        column
+      })
+    })
+  });
+}
+function KanbanBoardEnd(param) {
+  var {
+    archivedColumns,
+    existingColumns,
+    onAddColumn,
+    onRestoreColumn
+  } = param;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var [addOpen, setAddOpen] = (0, import_react2.useState)(false);
+  var [columnName, setColumnName] = (0, import_react2.useState)("");
+  var [busy, setBusy] = (0, import_react2.useState)(false);
+  var trimmed = columnName.trim();
+  var duplicate = trimmed.length > 0 && existingColumns.includes(trimmed);
+  var restoreItems = archivedColumns.filter(function (column) {
+    return column.column_name;
+  }).map(function (column) {
+    return {
+      key: String(column.column_name),
+      label: String(column.column_name),
+      onSelect: function onSelect() {
+        return onRestoreColumn(String(column.column_name));
+      }
+    };
+  });
+  var handleConfirm = async function handleConfirm2() {
+    if (!trimmed || duplicate || busy) return;
+    setBusy(true);
+    try {
+      await onAddColumn(trimmed);
+      setColumnName("");
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+    ...knobProps.gap,
+    minWidth: 160,
+    alignItems: "stretch",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Button, {
+      size: "$3",
+      icon: import_react.PlusIcon,
+      onPress: function onPress() {
+        return setAddOpen(true);
+      },
+      children: t("views.kanbanAddColumn", "Add column")
+    }), restoreItems.length > 0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu, {
+      items: restoreItems,
+      placement: "bottom-end",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Button, {
+        size: "$3",
+        chromeless: true,
+        iconAfter: import_react.CaretDownIcon,
+        "aria-label": t("views.kanbanArchivedRestore", "Restore an archived column"),
+        children: t("views.kanbanArchivedColumns", {
+          defaultValue: "Archived ({{count}})",
+          count: archivedColumns.length
+        })
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ConfirmDialog, {
+      open: addOpen,
+      onOpenChange: setAddOpen,
+      title: t("views.kanbanAddColumnTitle", "Add column"),
+      confirmLabel: busy ? t("views.kanbanAddColumnBusy", "Adding\u2026") : t("views.kanbanAddColumnConfirm", "Add column"),
+      confirmDisabled: !trimmed || duplicate || busy,
+      confirmDisabledReason: duplicate ? t("views.kanbanAddColumnDuplicate", {
+        defaultValue: 'Column "{{name}}" already exists',
+        name: trimmed
+      }) : !trimmed ? t("views.kanbanAddColumnMissingName", "Enter a column name") : void 0,
+      onConfirm: function onConfirm() {
+        void handleConfirm();
+      },
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+        gap: "$3",
+        minWidth: 280,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_frappe_ui.Data, {
+          label: t("views.kanbanAddColumnName", "Column name"),
+          placeholder: t("views.kanbanAddColumnPlaceholder", "e.g. In Review"),
+          value: columnName,
+          onChange: function onChange(value) {
+            return setColumnName(value);
+          },
+          required: true
+        })
+      })
+    })]
+  });
+}
+//# sourceMappingURL=kanban-board-controls.native.js.map

package/dist/cjs/views/kanban-board-controls.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","kanban_board_controls_exports","__export","CreateBoardDialog","KanbanBoardEnd","KanbanBoardPicker","KanbanColumnMenu","module","exports","import_jsx_runtime","require","import_components","import_frappe_ui","import_theme","import_react","import_react2","import_react_i18next","import_i18n","param","names","active","onSelect","onCreateNew","t","useTranslation","BACKOFFICE_I18N_NAMESPACE","knobProps","useResolvedKnobs","open","setOpen","useState","items","map","name","key","label","checked","onCheckedChange","length","push","separator","icon","jsx","PlusIcon","size","onSelect2","jsxs","XStack","gap","alignItems","children","Text","color","fontSize","DropdownMenu","onOpenChange","placement","Button","iconAfter","CaretDownIcon","doctype","fieldOptions","defaultField","onCreate","_ref","_ref1","_ref2","_fieldOptions_","_fieldOptions_find","setName","fieldname","setFieldname","busy","setBusy","effectiveField","some","option","fieldLabel","find","fieldItems","handleConfirm","handleConfirm2","boardName","trim","ConfirmDialog","title","confirmLabel","confirmDisabled","confirmDisabledReason","onConfirm","YStack","minWidth","defaultValue","Data","placeholder","onChange","required","column","onArchive","circular","chromeless","DotsThreeIcon","archivedColumns","existingColumns","onAddColumn","onRestoreColumn","addOpen","setAddOpen","columnName","setColumnName","trimmed","duplicate","includes","restoreItems","filter","column_name","String"],"sources":["../../../src/views/kanban-board-controls.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}