@byline/ui 2.4.0 → 2.4.1

package/dist/admin/components/admin-account/container.d.ts

@@ -1,29 +0,0 @@
-/**
- * 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
- */
-/**
- * Self-service account container.
- *
- * Same drawer pattern as `admin-users/ui/container.tsx` but
- * narrower: only Profile and Password sections (no Roles, no
- * Delete) — those are admin-only actions on someone else, not
- * self-service. Each card surfaces the read-only summary plus an
- * "Edit" affordance that opens the matching drawer.
- *
- * Forms lift the fresh `AccountResponse` back into local state on
- * success so the container's bumped `vid` is in hand for any
- * subsequent edit without a refetch.
- *
- * Stable override handles: see `container.module.css`.
- */
-import type React from 'react';
-import type { AccountResponse } from '@byline/admin/admin-account';
-interface AccountSelfContainerProps {
-    account: AccountResponse;
-}
-export declare function AccountSelfContainer({ account }: AccountSelfContainerProps): React.JSX.Element;
-export {};

package/dist/admin/components/admin-account/container.js

@@ -1,299 +0,0 @@
-"use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import classnames from "classnames";
-import { LocalDateTime } from "../../../fields/local-date-time.js";
-import { Button, CloseIcon, Drawer, EditIcon, IconButton } from "../../../uikit.js";
-import { ChangeAccountPassword } from "./change-password.js";
-import container_module from "./container.module.js";
-import { UpdateAccount } from "./update.js";
-const panels = {
-    update: {
-        title: 'Profile',
-        component: UpdateAccount
-    },
-    change_password: {
-        title: 'Change Password',
-        component: ChangeAccountPassword
-    },
-    empty: {
-        title: '',
-        component: ()=>null
-    }
-};
-function ContainerSection({ title, onEdit, children }) {
-    return /*#__PURE__*/ jsxs("div", {
-        className: classnames('byline-account-section', container_module.section),
-        children: [
-            /*#__PURE__*/ jsxs("div", {
-                className: classnames('byline-account-section-head', container_module["section-head"]),
-                children: [
-                    /*#__PURE__*/ jsx("h2", {
-                        children: title
-                    }),
-                    onEdit ? /*#__PURE__*/ jsx(IconButton, {
-                        variant: "text",
-                        onClick: onEdit,
-                        "aria-label": `Edit ${title}`,
-                        children: /*#__PURE__*/ jsx(EditIcon, {
-                            width: "20px",
-                            height: "20px"
-                        })
-                    }) : null
-                ]
-            }),
-            /*#__PURE__*/ jsx("div", {
-                children: children
-            })
-        ]
-    });
-}
-function AccountSelfContainer({ account }) {
-    const [currentAccount, setCurrentAccount] = useState(account);
-    const [current, setCurrent] = useState('empty');
-    const [isDrawerOpen, setIsDrawerOpen] = useState(false);
-    const openDrawer = (key)=>()=>{
-            setCurrent(key);
-            setIsDrawerOpen(true);
-        };
-    const closeDrawer = ()=>{
-        setCurrent('empty');
-        setIsDrawerOpen(false);
-    };
-    const handleSuccess = (updated)=>{
-        setCurrentAccount(updated);
-    };
-    const Panel = panels[current].component;
-    return /*#__PURE__*/ jsxs(Fragment, {
-        children: [
-            /*#__PURE__*/ jsxs("div", {
-                className: classnames('byline-account-grid', container_module.grid),
-                children: [
-                    /*#__PURE__*/ jsx("div", {
-                        className: classnames('byline-account-column', container_module.column),
-                        children: /*#__PURE__*/ jsxs(ContainerSection, {
-                            title: "Profile",
-                            onEdit: openDrawer('update'),
-                            children: [
-                                /*#__PURE__*/ jsxs("p", {
-                                    className: classnames('byline-account-line', container_module.line),
-                                    children: [
-                                        /*#__PURE__*/ jsx("span", {
-                                            className: "muted",
-                                            children: "Email:"
-                                        }),
-                                        " ",
-                                        currentAccount.email
-                                    ]
-                                }),
-                                /*#__PURE__*/ jsxs("p", {
-                                    className: classnames('byline-account-line', container_module.line),
-                                    children: [
-                                        /*#__PURE__*/ jsx("span", {
-                                            className: "muted",
-                                            children: "Given name:"
-                                        }),
-                                        ' ',
-                                        currentAccount.given_name ?? /*#__PURE__*/ jsx("span", {
-                                            className: classnames('muted', 'byline-account-not-set', container_module["not-set"]),
-                                            children: "Not set"
-                                        })
-                                    ]
-                                }),
-                                /*#__PURE__*/ jsxs("p", {
-                                    className: classnames('byline-account-line', container_module.line),
-                                    children: [
-                                        /*#__PURE__*/ jsx("span", {
-                                            className: "muted",
-                                            children: "Family name:"
-                                        }),
-                                        ' ',
-                                        currentAccount.family_name ?? /*#__PURE__*/ jsx("span", {
-                                            className: classnames('muted', 'byline-account-not-set', container_module["not-set"]),
-                                            children: "Not set"
-                                        })
-                                    ]
-                                }),
-                                /*#__PURE__*/ jsxs("p", {
-                                    className: classnames('byline-account-cta-line', container_module["cta-line"]),
-                                    children: [
-                                        /*#__PURE__*/ jsx("span", {
-                                            className: "muted",
-                                            children: "Username:"
-                                        }),
-                                        ' ',
-                                        currentAccount.username ?? /*#__PURE__*/ jsx("span", {
-                                            className: classnames('muted', 'byline-account-not-set', container_module["not-set"]),
-                                            children: "Not set"
-                                        })
-                                    ]
-                                }),
-                                /*#__PURE__*/ jsx(Button, {
-                                    size: "sm",
-                                    onClick: openDrawer('update'),
-                                    children: "Edit Profile"
-                                }),
-                                /*#__PURE__*/ jsxs("div", {
-                                    className: classnames('muted', 'byline-account-meta', container_module.meta),
-                                    children: [
-                                        /*#__PURE__*/ jsxs("p", {
-                                            children: [
-                                                /*#__PURE__*/ jsx("span", {
-                                                    className: "font-bold",
-                                                    children: "Created:\xa0"
-                                                }),
-                                                /*#__PURE__*/ jsx(LocalDateTime, {
-                                                    value: currentAccount.created_at
-                                                })
-                                            ]
-                                        }),
-                                        /*#__PURE__*/ jsxs("p", {
-                                            children: [
-                                                /*#__PURE__*/ jsx("span", {
-                                                    className: "font-bold",
-                                                    children: "Updated:\xa0"
-                                                }),
-                                                /*#__PURE__*/ jsx(LocalDateTime, {
-                                                    value: currentAccount.updated_at
-                                                })
-                                            ]
-                                        }),
-                                        /*#__PURE__*/ jsxs("p", {
-                                            className: classnames('byline-account-line', container_module.line),
-                                            children: [
-                                                /*#__PURE__*/ jsx("span", {
-                                                    className: "font-bold",
-                                                    children: "Last login:\xa0"
-                                                }),
-                                                /*#__PURE__*/ jsx(LocalDateTime, {
-                                                    value: currentAccount.last_login,
-                                                    fallback: "Never"
-                                                })
-                                            ]
-                                        })
-                                    ]
-                                })
-                            ]
-                        })
-                    }),
-                    /*#__PURE__*/ jsxs("div", {
-                        className: classnames('byline-account-column', container_module.column),
-                        children: [
-                            /*#__PURE__*/ jsxs(ContainerSection, {
-                                title: "Password",
-                                onEdit: openDrawer('change_password'),
-                                children: [
-                                    /*#__PURE__*/ jsx("p", {
-                                        className: classnames('byline-account-cta-line', container_module["cta-line"]),
-                                        children: "Change the password used to sign in to the admin. You'll need to enter your current password to confirm the change."
-                                    }),
-                                    /*#__PURE__*/ jsx(Button, {
-                                        size: "sm",
-                                        onClick: openDrawer('change_password'),
-                                        children: "Change Password"
-                                    })
-                                ]
-                            }),
-                            /*#__PURE__*/ jsxs(ContainerSection, {
-                                title: "Account Status",
-                                children: [
-                                    /*#__PURE__*/ jsxs("p", {
-                                        className: classnames('byline-account-line', container_module.line),
-                                        children: [
-                                            /*#__PURE__*/ jsx("span", {
-                                                className: "muted",
-                                                children: "Super admin:"
-                                            }),
-                                            ' ',
-                                            currentAccount.is_super_admin ? 'Yes' : 'No'
-                                        ]
-                                    }),
-                                    /*#__PURE__*/ jsxs("p", {
-                                        className: classnames('byline-account-line', container_module.line),
-                                        children: [
-                                            /*#__PURE__*/ jsx("span", {
-                                                className: "muted",
-                                                children: "Email verified:"
-                                            }),
-                                            ' ',
-                                            currentAccount.is_email_verified ? 'Yes' : 'No'
-                                        ]
-                                    }),
-                                    /*#__PURE__*/ jsxs("p", {
-                                        className: classnames('byline-account-line', container_module.line),
-                                        children: [
-                                            /*#__PURE__*/ jsx("span", {
-                                                className: "muted",
-                                                children: "Status:"
-                                            }),
-                                            ' ',
-                                            /*#__PURE__*/ jsx("span", {
-                                                className: currentAccount.is_enabled ? classnames('byline-account-status-on', container_module["status-on"]) : classnames('byline-account-status-off', container_module["status-off"]),
-                                                children: currentAccount.is_enabled ? 'Enabled' : 'Disabled'
-                                            })
-                                        ]
-                                    }),
-                                    /*#__PURE__*/ jsx("p", {
-                                        className: classnames('muted', 'byline-account-status-help', container_module["status-help"]),
-                                        children: "These flags are managed by an admin with the appropriate permissions and are not self-editable."
-                                    })
-                                ]
-                            })
-                        ]
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsx(Drawer, {
-                id: "admin-account-drawer",
-                closeOnOverlayClick: false,
-                width: "medium",
-                topOffset: "46px",
-                isOpen: isDrawerOpen,
-                onDismiss: closeDrawer,
-                className: classnames('byline-account-drawer', container_module.drawer),
-                children: /*#__PURE__*/ jsxs(Drawer.Container, {
-                    "aria-hidden": !isDrawerOpen,
-                    className: classnames('byline-account-drawer-body', container_module["drawer-body"]),
-                    children: [
-                        /*#__PURE__*/ jsxs(Drawer.TopActions, {
-                            children: [
-                                /*#__PURE__*/ jsx("button", {
-                                    type: "button",
-                                    tabIndex: 0,
-                                    className: classnames('byline-account-drawer-skip', container_module["drawer-skip"]),
-                                    children: "no action"
-                                }),
-                                /*#__PURE__*/ jsx(IconButton, {
-                                    "aria-label": "Close",
-                                    size: "sm",
-                                    onClick: closeDrawer,
-                                    children: /*#__PURE__*/ jsx(CloseIcon, {
-                                        width: "14px",
-                                        height: "14px",
-                                        svgClassName: "white-icon stroke-white"
-                                    })
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ jsx(Drawer.Header, {
-                            children: /*#__PURE__*/ jsx("h2", {
-                                children: panels[current].title
-                            })
-                        }),
-                        /*#__PURE__*/ jsx(Drawer.Content, {
-                            children: /*#__PURE__*/ jsx("div", {
-                                className: classnames('byline-account-drawer-scroll', container_module["drawer-scroll"]),
-                                children: /*#__PURE__*/ jsx(Panel, {
-                                    account: currentAccount,
-                                    onClose: closeDrawer,
-                                    onSuccess: handleSuccess
-                                })
-                            })
-                        })
-                    ]
-                })
-            })
-        ]
-    });
-}
-export { AccountSelfContainer };

package/dist/admin/components/admin-account/container.module.js

@@ -1,28 +0,0 @@
-import "./container_module.css";
-const container_module = {
-    grid: "grid-M14d6Z",
-    column: "column-YKfq3y",
-    section: "section-WX0QOA",
-    "section-head": "section-head-guWrAF",
-    sectionHead: "section-head-guWrAF",
-    line: "line-TNRwdi",
-    "cta-line": "cta-line-qcZUDE",
-    ctaLine: "cta-line-qcZUDE",
-    meta: "meta-URTGBr",
-    "status-on": "status-on-JXT2DX",
-    statusOn: "status-on-JXT2DX",
-    "status-off": "status-off-bUWxMM",
-    statusOff: "status-off-bUWxMM",
-    "status-help": "status-help-AiHEz2",
-    statusHelp: "status-help-AiHEz2",
-    "not-set": "not-set-ta8t00",
-    notSet: "not-set-ta8t00",
-    drawer: "drawer-WDDzCN",
-    "drawer-body": "drawer-body-iWh3us",
-    drawerBody: "drawer-body-iWh3us",
-    "drawer-scroll": "drawer-scroll-h8UCvI",
-    drawerScroll: "drawer-scroll-h8UCvI",
-    "drawer-skip": "drawer-skip-Y3GQsE",
-    drawerSkip: "drawer-skip-Y3GQsE"
-};
-export default container_module;

package/dist/admin/components/admin-account/container_module.css

@@ -1,106 +0,0 @@
-:is(.grid-M14d6Z, .byline-account-grid) {
-  gap: var(--spacing-16);
-  margin-bottom: var(--spacing-48);
-  flex-direction: column;
-  display: flex;
-}
-
-@media (min-width: 40rem) {
-  :is(.grid-M14d6Z, .byline-account-grid) {
-    grid-template-columns: 1fr 1fr;
-    display: grid;
-  }
-}
-
-:is(.column-YKfq3y, .byline-account-column) {
-  gap: var(--spacing-16);
-  margin-bottom: var(--spacing-16);
-  flex-direction: column;
-  display: flex;
-}
-
-:is(.section-WX0QOA, .byline-account-section) {
-  padding: var(--spacing-16);
-  border: var(--border-width-thin) var(--border-style-solid) var(--gray-100);
-  background-color: var(--canvas-25);
-  border-radius: var(--border-radius-sm);
-}
-
-:is(.section-head-guWrAF, .byline-account-section-head) {
-  margin-bottom: var(--spacing-8);
-  justify-content: space-between;
-  align-items: center;
-  display: flex;
-}
-
-:is(.line-TNRwdi, .byline-account-line) {
-  margin-bottom: 0;
-}
-
-:is(.cta-line-qcZUDE, .byline-account-cta-line) {
-  margin-bottom: var(--spacing-12);
-}
-
-:is(.meta-URTGBr, .byline-account-meta) {
-  margin-top: var(--spacing-16);
-  font-size: var(--font-size-xs);
-}
-
-:is(.status-on-JXT2DX, .byline-account-status-on) {
-  color: var(--green-600);
-}
-
-:is(.status-off-bUWxMM, .byline-account-status-off) {
-  color: var(--red-600);
-}
-
-:is(.status-help-AiHEz2, .byline-account-status-help) {
-  margin-top: var(--spacing-12);
-  font-size: var(--font-size-xs);
-  margin-bottom: 0;
-}
-
-:is(.not-set-ta8t00, .byline-account-not-set) {
-  font-style: italic;
-}
-
-@media (min-width: 48rem) {
-  :is(.drawer-WDDzCN, .byline-account-drawer) {
-    width: 500px;
-  }
-}
-
-:is(.drawer-body-iWh3us, .byline-account-drawer-body) {
-  padding: var(--spacing-8);
-}
-
-:is(.drawer-scroll-h8UCvI, .byline-account-drawer-scroll) {
-  max-height: calc(100vh - 160px);
-  overflow-y: auto;
-}
-
-:is(.drawer-skip-Y3GQsE, .byline-account-drawer-skip) {
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border: 0;
-  width: 1px;
-  height: 1px;
-  margin: -1px;
-  padding: 0;
-  position: absolute;
-  overflow: hidden;
-}
-
-:is(:is([data-theme="dark"], .dark) .section-WX0QOA, :is([data-theme="dark"], .dark) .byline-account-section) {
-  border-color: var(--gray-700);
-  background-color: var(--canvas-800);
-}
-
-:is(:is([data-theme="dark"], .dark) .status-on-JXT2DX, :is([data-theme="dark"], .dark) .byline-account-status-on) {
-  color: var(--green-400);
-}
-
-:is(:is([data-theme="dark"], .dark) .status-off-bUWxMM, :is([data-theme="dark"], .dark) .byline-account-status-off) {
-  color: var(--red-400);
-}
-

package/dist/admin/components/admin-account/update.d.ts

@@ -1,8 +0,0 @@
-import type { AccountResponse } from '@byline/admin/admin-account';
-interface UpdateAccountProps {
-    account: AccountResponse;
-    onClose?: () => void;
-    onSuccess?: (account: AccountResponse) => void;
-}
-export declare function UpdateAccount({ account, onClose, onSuccess }: UpdateAccountProps): import("react").JSX.Element;
-export {};