@byline/host-tanstack-start 0.9.3

package/dist/admin-shell/chrome/route-error.js

@@ -0,0 +1,119 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRouter } from "@tanstack/react-router";
+import { BylineError, ErrorCodes } from "@byline/core";
+import { Alert, Button, Container, Section } from "@infonomic/uikit/react";
+import classnames from "classnames";
+import route_error_module from "./route-error.module.js";
+const ERROR_TITLES = {
+    [ErrorCodes.NOT_FOUND]: 'Not Found',
+    [ErrorCodes.VALIDATION]: 'Validation Error',
+    [ErrorCodes.CONFLICT]: 'Conflict',
+    [ErrorCodes.INVALID_TRANSITION]: 'Invalid Transition',
+    [ErrorCodes.PATCH_FAILED]: 'Update Failed',
+    [ErrorCodes.DATABASE]: 'Database Error',
+    [ErrorCodes.STORAGE]: 'Storage Error',
+    [ErrorCodes.UNHANDLED]: 'Unexpected Error'
+};
+function getErrorTitle(error) {
+    if (error instanceof BylineError) return ERROR_TITLES[error.code] ?? 'Unexpected Error';
+    return 'Unexpected Error';
+}
+function getErrorMessage(error) {
+    if (error instanceof BylineError) return error.message;
+    if (error instanceof Error) return error.message;
+    return 'An unexpected error occurred. Please try again.';
+}
+function RouteError({ error, reset }) {
+    const router = useRouter();
+    return /*#__PURE__*/ jsx(Section, {
+        className: classnames('byline-route-error', route_error_module.section),
+        children: /*#__PURE__*/ jsx(Container, {
+            className: classnames('byline-route-error-container', route_error_module.container),
+            children: /*#__PURE__*/ jsxs(Alert, {
+                intent: "danger",
+                icon: true,
+                close: false,
+                title: getErrorTitle(error),
+                children: [
+                    /*#__PURE__*/ jsx("p", {
+                        className: classnames('byline-route-error-message', route_error_module.message),
+                        children: getErrorMessage(error)
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: classnames('byline-route-error-actions', route_error_module.actions),
+                        children: [
+                            /*#__PURE__*/ jsx(Button, {
+                                variant: "outlined",
+                                size: "sm",
+                                intent: "danger",
+                                onClick: ()=>{
+                                    reset();
+                                    router.invalidate();
+                                },
+                                children: "Try again"
+                            }),
+                            /*#__PURE__*/ jsx("a", {
+                                href: "/",
+                                className: classnames('byline-route-error-link', route_error_module.link),
+                                children: "Go to homepage"
+                            })
+                        ]
+                    })
+                ]
+            })
+        })
+    });
+}
+function RouteNotFound(_props) {
+    return /*#__PURE__*/ jsx(Section, {
+        className: classnames('byline-route-error', route_error_module.section),
+        children: /*#__PURE__*/ jsx(Container, {
+            className: classnames('byline-route-error-container', route_error_module.container),
+            children: /*#__PURE__*/ jsxs(Alert, {
+                intent: "warning",
+                icon: true,
+                close: false,
+                title: "Page Not Found",
+                children: [
+                    /*#__PURE__*/ jsx("p", {
+                        className: classnames('byline-route-error-message', route_error_module.message),
+                        children: "The page you are looking for does not exist or has been moved."
+                    }),
+                    /*#__PURE__*/ jsx("div", {
+                        className: classnames('byline-route-error-actions', route_error_module.actions),
+                        children: /*#__PURE__*/ jsx("a", {
+                            href: "/",
+                            className: classnames('byline-route-error-link', route_error_module.link),
+                            children: "Go to homepage"
+                        })
+                    })
+                ]
+            })
+        })
+    });
+}
+function RootError({ error, reset }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: classnames('byline-root-error', route_error_module.rootRoot),
+        children: /*#__PURE__*/ jsxs("div", {
+            className: classnames('byline-root-error-inner', route_error_module.rootInner),
+            children: [
+                /*#__PURE__*/ jsx("h1", {
+                    className: classnames('byline-root-error-title', route_error_module.rootTitle),
+                    children: "Something went wrong"
+                }),
+                /*#__PURE__*/ jsx("p", {
+                    className: classnames('byline-root-error-detail', route_error_module.rootDetail),
+                    children: getErrorMessage(error)
+                }),
+                /*#__PURE__*/ jsx("button", {
+                    type: "button",
+                    onClick: reset,
+                    className: classnames('byline-root-error-button', route_error_module.rootButton),
+                    children: "Try again"
+                })
+            ]
+        })
+    });
+}
+export { RootError, RouteError, RouteNotFound };

package/dist/admin-shell/chrome/route-error.module.js

@@ -0,0 +1,14 @@
+import "./route-error_module.css";
+const route_error_module = {
+    section: "section-LaH8Ja",
+    container: "container-IBKPNd",
+    message: "message-GjE6w_",
+    actions: "actions-uUrjyX",
+    link: "link-KPggsY",
+    rootRoot: "rootRoot-qv3BPU",
+    rootInner: "rootInner-tjvjNn",
+    rootTitle: "rootTitle-r1TMur",
+    rootDetail: "rootDetail-bRN7lX",
+    rootButton: "rootButton-Dhbx5n"
+};
+export default route_error_module;

package/dist/admin-shell/chrome/route-error_module.css

@@ -0,0 +1,94 @@
+:is(.section-LaH8Ja, .byline-route-error) {
+  padding-top: 3rem;
+  padding-bottom: 3rem;
+}
+
+:is(.container-IBKPNd, .byline-route-error-container) {
+  max-width: 42rem;
+  margin-top: 8vh;
+}
+
+@media (min-width: 40rem) {
+  :is(.container-IBKPNd, .byline-route-error-container) {
+    margin-top: 12vh;
+  }
+}
+
+:is(.message-GjE6w_, .byline-route-error-message) {
+  margin-top: .25rem;
+}
+
+:is(.actions-uUrjyX, .byline-route-error-actions) {
+  gap: .75rem;
+  margin-top: 1rem;
+  display: flex;
+}
+
+:is(.link-KPggsY, .byline-route-error-link) {
+  align-items: center;
+  font-size: .875rem;
+  text-decoration: underline;
+  display: inline-flex;
+}
+
+.link-KPggsY:hover {
+  text-decoration: none;
+}
+
+.byline-route-error-link:hover {
+  text-decoration: none;
+}
+
+:is(.rootRoot-qv3BPU, .byline-root-error) {
+  justify-content: center;
+  align-items: center;
+  min-height: 100vh;
+  padding: 2rem;
+  display: flex;
+}
+
+:is(.rootInner-tjvjNn, .byline-root-error-inner) {
+  text-align: center;
+  flex-direction: column;
+  gap: 1rem;
+  max-width: 28rem;
+  display: flex;
+}
+
+:is(.rootTitle-r1TMur, .byline-root-error-title) {
+  color: #dc2626;
+  font-size: 1.5rem;
+  font-weight: 700;
+}
+
+:is(:is([data-theme="dark"], .dark) .rootTitle-r1TMur, :is([data-theme="dark"], .dark) .byline-root-error-title) {
+  color: #f87171;
+}
+
+:is(.rootDetail-bRN7lX, .byline-root-error-detail) {
+  color: var(--gray-600);
+  font-size: .875rem;
+}
+
+:is(:is([data-theme="dark"], .dark) .rootDetail-bRN7lX, :is([data-theme="dark"], .dark) .byline-root-error-detail) {
+  color: var(--gray-400);
+}
+
+:is(.rootButton-Dhbx5n, .byline-root-error-button) {
+  color: #fff;
+  cursor: pointer;
+  background-color: #dc2626;
+  border: 0;
+  border-radius: .25rem;
+  padding: .5rem 1rem;
+  font-size: .875rem;
+}
+
+.rootButton-Dhbx5n:hover {
+  background-color: #b91c1c;
+}
+
+.byline-root-error-button:hover {
+  background-color: #b91c1c;
+}
+

package/dist/admin-shell/chrome/router-pager.d.ts

@@ -0,0 +1,19 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+import type { PaginationProps } from '@infonomic/uikit/react';
+interface RouterPageProps extends PaginationProps {
+    smoothScrollToTop?: boolean;
+}
+/**
+ * A convenience pager wrapped around uikit's Pagination with `asChild`
+ * targets that delegate to TanStack Router's `<Link>`. `asChild` merges
+ * the existing button styles into the rendered Link.
+ */
+export declare function RouterPager({ className, smoothScrollToTop, 'aria-label': ariaLabel, ...rest }: RouterPageProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=router-pager.d.ts.map

package/dist/admin-shell/chrome/router-pager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"router-pager.d.ts","sourceRoot":"","sources":["../../../src/admin-shell/chrome/router-pager.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAW7D,UAAU,eAAgB,SAAQ,eAAe;IAC/C,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,iBAAiB,EACjB,YAAY,EAAE,SAAS,EACvB,GAAG,IAAI,EACR,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA+IrC"}

package/dist/admin-shell/chrome/router-pager.js

@@ -0,0 +1,91 @@
+import { jsx } from "react/jsx-runtime";
+import { useRouterState } from "@tanstack/react-router";
+import { ChevronLeftDoubleIcon, ChevronLeftIcon, ChevronRightDoubleIcon, ChevronRightIcon, Pagination } from "@infonomic/uikit/react";
+import { Link } from "./loose-router.js";
+function RouterPager({ className, smoothScrollToTop, 'aria-label': ariaLabel, ...rest }) {
+    const location = useRouterState({
+        select: (s)=>s.location
+    });
+    return /*#__PURE__*/ jsx(Pagination, {
+        variant: "dashboard",
+        ...rest,
+        children: /*#__PURE__*/ jsx(Pagination.Root, {
+            className: className,
+            ariaLabel: ariaLabel,
+            children: /*#__PURE__*/ jsx(Pagination.Pager, {
+                renderFirst: (key, item)=>{
+                    const params = structuredClone(location.search);
+                    delete params.page;
+                    return /*#__PURE__*/ jsx(Pagination.First, {
+                        render: item.disabled ? /*#__PURE__*/ jsx("div", {}) : /*#__PURE__*/ jsx(Link, {
+                            resetScroll: true !== smoothScrollToTop,
+                            to: location.pathname,
+                            search: params
+                        }),
+                        disabled: item.disabled,
+                        children: /*#__PURE__*/ jsx(ChevronLeftDoubleIcon, {})
+                    }, key);
+                },
+                renderPrevious: (key, item)=>{
+                    const params = structuredClone(location.search);
+                    if (item?.page) params.page = item.page;
+                    return /*#__PURE__*/ jsx(Pagination.Previous, {
+                        render: item.disabled ? /*#__PURE__*/ jsx("div", {}) : /*#__PURE__*/ jsx(Link, {
+                            resetScroll: true !== smoothScrollToTop,
+                            to: location.pathname,
+                            search: params
+                        }),
+                        disabled: item.disabled,
+                        children: /*#__PURE__*/ jsx(ChevronLeftIcon, {})
+                    }, key);
+                },
+                renderPageNumber: (key, item)=>{
+                    const params = structuredClone(location.search);
+                    if (item?.page === 1) delete params.page;
+                    else if (item?.page) params.page = item.page;
+                    return /*#__PURE__*/ jsx(Pagination.Number, {
+                        render: item.disabled ? /*#__PURE__*/ jsx("div", {}) : /*#__PURE__*/ jsx(Link, {
+                            resetScroll: true !== smoothScrollToTop,
+                            to: location.pathname,
+                            search: params
+                        }),
+                        page: item.page,
+                        selected: item.selected,
+                        disabled: item.disabled,
+                        children: item.page
+                    }, key);
+                },
+                renderNext: (key, item)=>{
+                    const params = structuredClone(location.search);
+                    if (item?.page) params.page = item.page;
+                    return /*#__PURE__*/ jsx(Pagination.Next, {
+                        render: item.disabled ? /*#__PURE__*/ jsx("div", {}) : /*#__PURE__*/ jsx(Link, {
+                            resetScroll: true !== smoothScrollToTop,
+                            to: location.pathname,
+                            search: params
+                        }),
+                        page: item.page,
+                        disabled: item.disabled,
+                        children: /*#__PURE__*/ jsx(ChevronRightIcon, {})
+                    }, key);
+                },
+                renderLast: (key, item, count)=>{
+                    const params = structuredClone(location.search);
+                    if (count) params.page = count;
+                    return /*#__PURE__*/ jsx(Pagination.Last, {
+                        render: item.disabled ? /*#__PURE__*/ jsx("div", {}) : /*#__PURE__*/ jsx(Link, {
+                            resetScroll: true !== smoothScrollToTop,
+                            to: location.pathname,
+                            search: params
+                        }),
+                        disabled: item.disabled,
+                        count: count,
+                        children: /*#__PURE__*/ jsx(ChevronRightDoubleIcon, {})
+                    }, key);
+                },
+                renderEllipses: (key)=>/*#__PURE__*/ jsx(Pagination.Ellipses, {}, key)
+            })
+        })
+    });
+}
+export { RouterPager };

package/dist/admin-shell/chrome/sign-in-page.d.ts

@@ -0,0 +1,19 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+interface SignInPageProps {
+    callbackUrl?: string;
+}
+/**
+ * Sign-in page chrome — rendered outside the authenticated admin
+ * layout (no app bar, breadcrumbs, or menu drawer). Wraps the
+ * `SignInForm` from `@byline/ui` in the admin services provider so
+ * the form can call `signIn` via the typed contract.
+ */
+export declare function SignInPage({ callbackUrl }: SignInPageProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=sign-in-page.d.ts.map

package/dist/admin-shell/chrome/sign-in-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sign-in-page.d.ts","sourceRoot":"","sources":["../../../src/admin-shell/chrome/sign-in-page.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAQH,UAAU,eAAe;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EAAE,WAAW,EAAE,EAAE,eAAe,+BAU1D"}

package/dist/admin-shell/chrome/sign-in-page.js

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import { BylineAdminServicesProvider, SignInForm } from "@byline/ui";
+import classnames from "classnames";
+import { bylineAdminServices } from "../../integrations/byline-admin-services.js";
+import sign_in_page_module from "./sign-in-page.module.js";
+function SignInPage({ callbackUrl }) {
+    return /*#__PURE__*/ jsx(BylineAdminServicesProvider, {
+        services: bylineAdminServices,
+        children: /*#__PURE__*/ jsx("main", {
+            className: classnames('byline-sign-in-page', sign_in_page_module.main),
+            children: /*#__PURE__*/ jsx("div", {
+                className: classnames('byline-sign-in-page-inner', sign_in_page_module.inner),
+                children: /*#__PURE__*/ jsx(SignInForm, {
+                    callbackUrl: callbackUrl
+                })
+            })
+        })
+    });
+}
+export { SignInPage };

package/dist/admin-shell/chrome/sign-in-page.module.js

@@ -0,0 +1,6 @@
+import "./sign-in-page_module.css";
+const sign_in_page_module = {
+    main: "main-Mz7TWj",
+    inner: "inner-iPyHJh"
+};
+export default sign_in_page_module;

package/dist/admin-shell/chrome/sign-in-page_module.css

@@ -0,0 +1,22 @@
+:is(.main-Mz7TWj, .byline-sign-in-page) {
+  flex-direction: column;
+  flex: 1;
+  align-items: center;
+  padding: 1.5rem;
+  display: flex;
+}
+
+:is(.inner-iPyHJh, .byline-sign-in-page-inner) {
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+  margin-top: 8vh;
+  display: flex;
+}
+
+@media (min-width: 40rem) {
+  :is(.inner-iPyHJh, .byline-sign-in-page-inner) {
+    margin-top: 14vh;
+  }
+}
+

package/dist/admin-shell/chrome/sort-icons.d.ts

@@ -0,0 +1,10 @@
+export declare function SortAscendingIcon({ className }: {
+    className?: string;
+}): import("react").JSX.Element;
+export declare function SortDescendingIcon({ className, }: {
+    className?: string;
+}): import("react").JSX.Element;
+export declare function SortNeutralIcon({ className }: {
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=sort-icons.d.ts.map

package/dist/admin-shell/chrome/sort-icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sort-icons.d.ts","sourceRoot":"","sources":["../../../src/admin-shell/chrome/sort-icons.tsx"],"names":[],"mappings":"AAaA,wBAAgB,iBAAiB,CAAC,EAAE,SAAmC,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BAsChG;AAGD,wBAAgB,kBAAkB,CAAC,EACjC,SAAmC,GACpC,EAAE;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,+BAsCA;AAGD,wBAAgB,eAAe,CAAC,EAAE,SAAmC,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,+BA2B9F"}

package/dist/admin-shell/chrome/sort-icons.js

@@ -0,0 +1,103 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+const DEFAULT_SORT_ICON_CLASS = 'byline-sort-icon';
+function SortAscendingIcon({ className = DEFAULT_SORT_ICON_CLASS }) {
+    return /*#__PURE__*/ jsxs("svg", {
+        role: "presentation",
+        className: className,
+        viewBox: "0 0 28 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M12 4L12 18M12 18L8 14M12 18L16 14",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+            }),
+            /*#__PURE__*/ jsx("text", {
+                x: "19",
+                y: "8",
+                fontSize: "12",
+                fontWeight: "bold",
+                fill: "currentColor",
+                fontFamily: "Arial, sans-serif",
+                children: "A"
+            }),
+            /*#__PURE__*/ jsx("text", {
+                x: "19",
+                y: "18",
+                fontSize: "12",
+                fontWeight: "bold",
+                fill: "currentColor",
+                fontFamily: "Arial, sans-serif",
+                children: "Z"
+            })
+        ]
+    });
+}
+function SortDescendingIcon({ className = DEFAULT_SORT_ICON_CLASS }) {
+    return /*#__PURE__*/ jsxs("svg", {
+        role: "presentation",
+        className: className,
+        viewBox: "0 0 28 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M12 19L12 5M12 5L8 9M12 5L16 9",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+            }),
+            /*#__PURE__*/ jsx("text", {
+                x: "19",
+                y: "8",
+                fontSize: "12",
+                fontWeight: "bold",
+                fill: "currentColor",
+                fontFamily: "Arial, sans-serif",
+                children: "Z"
+            }),
+            /*#__PURE__*/ jsx("text", {
+                x: "19",
+                y: "18",
+                fontSize: "12",
+                fontWeight: "bold",
+                fill: "currentColor",
+                fontFamily: "Arial, sans-serif",
+                children: "A"
+            })
+        ]
+    });
+}
+function SortNeutralIcon({ className = DEFAULT_SORT_ICON_CLASS }) {
+    return /*#__PURE__*/ jsxs("svg", {
+        role: "presentation",
+        className: className,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ jsx("path", {
+                d: "M12 10L12 6M12 6L9 9M12 6L15 9",
+                stroke: "currentColor",
+                strokeWidth: "1.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                opacity: "0.5"
+            }),
+            /*#__PURE__*/ jsx("path", {
+                d: "M12 14L12 18M12 18L9 15M12 18L15 15",
+                stroke: "currentColor",
+                strokeWidth: "1.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                opacity: "0.5"
+            })
+        ]
+    });
+}
+export { SortAscendingIcon, SortDescendingIcon, SortNeutralIcon };

package/dist/admin-shell/chrome/th-sortable.d.ts

@@ -0,0 +1,23 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+import type React from 'react';
+type TableHeadingCellProps = React.JSX.IntrinsicElements['th'];
+export interface TableHeadingCellSortableProps extends TableHeadingCellProps {
+    label: string;
+    path?: string;
+    fieldName?: string;
+    sortable?: boolean;
+    desc?: boolean;
+    align?: 'left' | 'center' | 'right';
+    className?: string;
+}
+export declare function TableHeadingCellSortable({ path: _path, fieldName, label, sortable, align, className, ...rest }: TableHeadingCellSortableProps & {
+    ref?: React.RefObject<HTMLTableCellElement>;
+}): React.JSX.Element;
+export {};
+//# sourceMappingURL=th-sortable.d.ts.map

package/dist/admin-shell/chrome/th-sortable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"th-sortable.d.ts","sourceRoot":"","sources":["../../../src/admin-shell/chrome/th-sortable.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,KAAK,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAA;AAE9D,MAAM,WAAW,6BAA8B,SAAQ,qBAAqB;IAC1E,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,wBAAwB,CAAC,EACvC,IAAI,EAAE,KAAW,EACjB,SAAS,EACT,KAAK,EACL,QAAgB,EAChB,KAAc,EACd,SAAS,EACT,GAAG,IAAI,EACR,EAAE,6BAA6B,GAAG;IACjC,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAA;CAC5C,qBAwEA"}

package/dist/admin-shell/chrome/th-sortable.js

@@ -0,0 +1,75 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useRouterState } from "@tanstack/react-router";
+import { Table } from "@infonomic/uikit/react";
+import classnames from "classnames";
+import { useNavigate } from "./loose-router.js";
+import { SortAscendingIcon, SortDescendingIcon, SortNeutralIcon } from "./sort-icons.js";
+import th_sortable_module from "./th-sortable.module.js";
+function TableHeadingCellSortable({ path: _path = '/', fieldName, label, sortable = false, align = 'left', className, ...rest }) {
+    const navigate = useNavigate();
+    const location = useRouterState({
+        select: (s)=>s.location
+    });
+    const [desc, setDesc] = useState(null);
+    const handleOnSort = (descending)=>()=>{
+            if (null != fieldName) {
+                const params = structuredClone(location.search);
+                delete params.page;
+                params.order = fieldName;
+                params.desc = descending;
+                setDesc(descending);
+                navigate({
+                    to: location.pathname,
+                    search: params
+                });
+            }
+        };
+    useEffect(()=>{
+        if (null != fieldName) {
+            const order = location.search.order;
+            const d = location.search.desc;
+            order === fieldName ? setDesc(d ?? false) : setDesc(null);
+        }
+    }, [
+        fieldName,
+        location.search
+    ]);
+    const alignClasses = classnames({
+        'byline-th-align-left': 'left' === align,
+        [th_sortable_module.alignLeft]: 'left' === align,
+        'byline-th-align-center': 'center' === align,
+        [th_sortable_module.alignCenter]: 'center' === align,
+        'byline-th-align-right': 'right' === align,
+        [th_sortable_module.alignRight]: 'right' === align
+    });
+    if (false === sortable) return /*#__PURE__*/ jsx(Table.HeadingCell, {
+        className: classnames('byline-th-sortable', className, alignClasses),
+        ...rest,
+        children: label
+    });
+    const getSortIcon = ()=>{
+        if (null === desc) return /*#__PURE__*/ jsx(SortNeutralIcon, {});
+        if (true === desc) return /*#__PURE__*/ jsx(SortDescendingIcon, {});
+        return /*#__PURE__*/ jsx(SortAscendingIcon, {});
+    };
+    return /*#__PURE__*/ jsx(Table.HeadingCell, {
+        className: classnames('byline-th-sortable', className),
+        ...rest,
+        children: /*#__PURE__*/ jsxs("button", {
+            type: "button",
+            className: classnames('byline-th-sortable-button', th_sortable_module.button, alignClasses, 'right' === align && [
+                th_sortable_module.alignRightAuto,
+                'byline-th-align-right-auto'
+            ]),
+            onClick: handleOnSort(true !== desc),
+            children: [
+                /*#__PURE__*/ jsx("span", {
+                    children: label
+                }),
+                getSortIcon()
+            ]
+        })
+    });
+}
+export { TableHeadingCellSortable };

package/dist/admin-shell/chrome/th-sortable.module.js

@@ -0,0 +1,10 @@
+import "./th-sortable_module.css";
+const th_sortable_module = {
+    button: "button-fIg9yu",
+    alignLeft: "alignLeft-Iv86mR",
+    alignCenter: "alignCenter-ZjCYCh",
+    alignRight: "alignRight-xHLJB2",
+    alignRightAuto: "alignRightAuto-szPOES",
+    icon: "icon-Ms_S5R"
+};
+export default th_sortable_module;