@mshuja288/aksuicore 0.2.0 → 0.3.0

package/dist/index.js

@@ -434,6 +434,21 @@ function Dialog({
   ) });
 }
 var FormDialog = Dialog;
+function ConfirmDeleteDialog({
+  open,
+  message,
+  pending = false,
+  onCancel,
+  onConfirm
+}) {
+  return /* @__PURE__ */ jsx(Dialog, { title: "Confirm delete", open, onClose: pending ? () => void 0 : onCancel, wide: false, children: /* @__PURE__ */ jsxs("div", { className: "card-form", children: [
+    /* @__PURE__ */ jsx("p", { className: "hint", children: message }),
+    /* @__PURE__ */ jsxs("div", { className: "actions", children: [
+      /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: onCancel, disabled: pending, children: "Cancel" }),
+      /* @__PURE__ */ jsx(Button, { variant: "danger", onClick: onConfirm, disabled: pending, children: pending ? "Deleting\u2026" : "Delete" })
+    ] })
+  ] }) });
+}
 function useIsClient() {
   return useSyncExternalStore(
     () => () => {
@@ -711,6 +726,11 @@ function useIsClient2() {
     () => false
   );
 }
+var EXPORT_FORMAT_OPTIONS = [
+  { format: "csv", label: "CSV" },
+  { format: "xlsx", label: "Excel" },
+  { format: "json", label: "JSON" }
+];
 function compareColumnValues(column, left, right) {
   const leftRaw = column.display ? column.display(left) : column.value(left);
   const rightRaw = column.display ? column.display(right) : column.value(right);
@@ -753,6 +773,13 @@ function PreviewIcon() {
     /* @__PURE__ */ jsx("circle", { cx: "10", cy: "10", r: "2.4", fill: "none", stroke: "currentColor", strokeWidth: "1.6" })
   ] });
 }
+function DownloadIcon() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 20 20", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("path", { d: "M10 3.5v8.2", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round" }),
+    /* @__PURE__ */ jsx("path", { d: "M6.5 9.2 10 12.8l3.5-3.6", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" }),
+    /* @__PURE__ */ jsx("path", { d: "M4 15.5h12", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round" })
+  ] });
+}
 function DetailList({ lines }) {
   return /* @__PURE__ */ jsx("dl", { className: "record-detail-list", children: lines.map((line) => /* @__PURE__ */ jsxs("div", { className: "record-detail-row", children: [
     /* @__PURE__ */ jsx("dt", { children: line.label }),
@@ -773,6 +800,9 @@ function RecordWorkspace({
   onDelete,
   canUpdate,
   canDelete,
+  onDownload,
+  canDownload = true,
+  downloadBusy = false,
   toolbar,
   form
 }) {
@@ -780,6 +810,7 @@ function RecordWorkspace({
   const [filters, setFilters] = useState({});
   const [sort, setSort] = useState(null);
   const [sideOpen, setSideOpen] = useState(false);
+  const [downloadOpen, setDownloadOpen] = useState(false);
   const [previewEnabled, setPreviewEnabled] = useState(false);
   const [previewKey, setPreviewKey] = useState(null);
   const [tooltip, setTooltip] = useState(null);
@@ -825,8 +856,16 @@ function RecordWorkspace({
   const start = showAll ? 0 : (currentPage - 1) * numericPageSize;
   const pageItems = showAll ? sorted : sorted.slice(start, start + numericPageSize);
   const showAdd = canAdd && Boolean(onAdd);
+  const showDownload = Boolean(onDownload) && canDownload;
   const showFilters = filterableColumns.length > 0;
   const previewItem = previewKey === null ? null : sorted.find((item) => rowKey(item) === previewKey) ?? null;
+  function requestDownload(format) {
+    if (!onDownload || downloadBusy) {
+      return;
+    }
+    onDownload(format);
+    setDownloadOpen(false);
+  }
   function cellText(column, item) {
     const raw = column.display ? column.display(item) : column.value(item);
     return raw === null || raw === void 0 || raw === "" ? "\u2014" : String(raw);
@@ -1026,6 +1065,33 @@ function RecordWorkspace({
                 /* @__PURE__ */ jsx(PlusIcon, {}),
                 /* @__PURE__ */ jsx("span", { children: addLabel })
               ] }) : null,
+              showDownload ? /* @__PURE__ */ jsxs("div", { className: "side-rail-download", children: [
+                /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    className: "ghost side-rail-download-toggle",
+                    "aria-expanded": downloadOpen,
+                    disabled: downloadBusy,
+                    onClick: () => setDownloadOpen((open) => !open),
+                    children: [
+                      /* @__PURE__ */ jsx(DownloadIcon, {}),
+                      /* @__PURE__ */ jsx("span", { children: downloadBusy ? "Downloading\u2026" : "Download" })
+                    ]
+                  }
+                ),
+                downloadOpen ? /* @__PURE__ */ jsx("div", { className: "side-rail-download-formats", role: "group", "aria-label": "Download format", children: EXPORT_FORMAT_OPTIONS.map((option) => /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "ghost side-rail-download-format",
+                    disabled: downloadBusy,
+                    onClick: () => requestDownload(option.format),
+                    children: option.label
+                  },
+                  option.format
+                )) }) : null
+              ] }) : null,
               showFilters ? /* @__PURE__ */ jsxs("div", { className: "side-rail-filters", children: [
                 /* @__PURE__ */ jsxs("div", { className: "filter-panel-head", children: [
                   /* @__PURE__ */ jsx("h3", { children: "Filters" }),
@@ -1079,6 +1145,22 @@ function RecordWorkspace({
                 /* @__PURE__ */ jsx(PreviewIcon, {})
               ] }),
               showAdd ? /* @__PURE__ */ jsx("button", { type: "button", className: "ghost side-rail-icon", title: addLabel, "aria-label": addLabel, onClick: onAdd, children: /* @__PURE__ */ jsx(PlusIcon, {}) }) : null,
+              showDownload ? /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "ghost side-rail-icon",
+                  title: "Download",
+                  "aria-label": "Download",
+                  "aria-expanded": downloadOpen,
+                  disabled: downloadBusy,
+                  onClick: () => {
+                    setSideOpen(true);
+                    setDownloadOpen(true);
+                  },
+                  children: /* @__PURE__ */ jsx(DownloadIcon, {})
+                }
+              ) : null,
               showFilters ? /* @__PURE__ */ jsxs(
                 "button",
                 {
@@ -1122,6 +1204,6 @@ function RecordWorkspace({
 }
 var RecordTable = RecordWorkspace;
 
-export { AppSelect, AppShell, Button, DateField, Dialog, FormActions, FormDialog, Pagination, RecordTable, RecordWorkspace, Select, SideNav, Snackbar, StatusMessage, Topbar, aksuiThemeVersion, aksuiTokens };
+export { AppSelect, AppShell, Button, ConfirmDeleteDialog, DateField, Dialog, FormActions, FormDialog, Pagination, RecordTable, RecordWorkspace, Select, SideNav, Snackbar, StatusMessage, Topbar, aksuiThemeVersion, aksuiTokens };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map