@byline/ui 2.4.0 → 2.4.2

package/dist/admin/components/admin-roles/permissions.js

@@ -1,303 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useMemo, useState } from "react";
-import classnames from "classnames";
-import { useBylineAdminServices } from "../../../services/admin-services-context.js";
-import { Alert, Button, Checkbox, LoaderEllipsis } from "../../../uikit.js";
-import permissions_module from "./permissions.module.js";
-function setsEqual(a, b) {
-    if (a.size !== b.size) return false;
-    for (const item of a)if (!b.has(item)) return false;
-    return true;
-}
-function GroupSection({ group, selected, mode, saving, onToggle, onSelectAll, onClearAll }) {
-    const groupKeys = useMemo(()=>group.abilities.map((a)=>a.key), [
-        group.abilities
-    ]);
-    const selectedInGroup = groupKeys.filter((key)=>selected.has(key)).length;
-    const isEdit = 'edit' === mode;
-    return /*#__PURE__*/ jsxs("div", {
-        className: classnames('byline-role-permissions-group', permissions_module.group),
-        children: [
-            /*#__PURE__*/ jsxs("div", {
-                className: classnames('byline-role-permissions-group-head', permissions_module["group-head"]),
-                children: [
-                    /*#__PURE__*/ jsxs("div", {
-                        children: [
-                            /*#__PURE__*/ jsx("span", {
-                                className: classnames('byline-role-permissions-group-name', permissions_module["group-name"]),
-                                children: group.group
-                            }),
-                            /*#__PURE__*/ jsxs("span", {
-                                className: classnames('muted', 'byline-role-permissions-group-count', permissions_module["group-count"]),
-                                children: [
-                                    selectedInGroup,
-                                    " of ",
-                                    group.abilities.length,
-                                    " ",
-                                    isEdit ? 'selected' : 'granted'
-                                ]
-                            })
-                        ]
-                    }),
-                    isEdit ? /*#__PURE__*/ jsxs("div", {
-                        className: classnames('byline-role-permissions-group-buttons', permissions_module["group-buttons"]),
-                        children: [
-                            /*#__PURE__*/ jsx(Button, {
-                                size: "xs",
-                                intent: "secondary",
-                                type: "button",
-                                disabled: saving || selectedInGroup === group.abilities.length,
-                                onClick: ()=>onSelectAll(groupKeys),
-                                children: "Select all"
-                            }),
-                            /*#__PURE__*/ jsx(Button, {
-                                size: "xs",
-                                intent: "secondary",
-                                type: "button",
-                                disabled: saving || 0 === selectedInGroup,
-                                onClick: ()=>onClearAll(groupKeys),
-                                children: "Clear"
-                            })
-                        ]
-                    }) : null
-                ]
-            }),
-            /*#__PURE__*/ jsx("div", {
-                className: classnames('byline-role-permissions-grid', permissions_module.grid),
-                children: group.abilities.map((ability)=>/*#__PURE__*/ jsxs("div", {
-                        className: classnames('byline-role-permissions-row', permissions_module.row),
-                        children: [
-                            /*#__PURE__*/ jsx(Checkbox, {
-                                id: `ability-${ability.key}`,
-                                name: `ability-${ability.key}`,
-                                checked: selected.has(ability.key),
-                                disabled: !isEdit || saving,
-                                onCheckedChange: (checked)=>onToggle(ability.key, true === checked),
-                                containerClasses: classnames('byline-role-permissions-checkbox-auto', permissions_module["checkbox-auto"]),
-                                componentClasses: classnames('byline-role-permissions-checkbox-auto', permissions_module["checkbox-auto"])
-                            }),
-                            /*#__PURE__*/ jsxs("label", {
-                                htmlFor: `ability-${ability.key}`,
-                                className: classnames('byline-role-permissions-label', permissions_module.label, isEdit && [
-                                    'byline-role-permissions-label-edit',
-                                    permissions_module["label-edit"]
-                                ]),
-                                children: [
-                                    /*#__PURE__*/ jsxs("div", {
-                                        className: classnames('byline-role-permissions-label-head', permissions_module["label-head"]),
-                                        children: [
-                                            /*#__PURE__*/ jsx("span", {
-                                                className: classnames('byline-role-permissions-label-name', permissions_module["label-name"]),
-                                                children: ability.label
-                                            }),
-                                            /*#__PURE__*/ jsx("code", {
-                                                className: classnames('byline-role-permissions-key', permissions_module.key),
-                                                children: ability.key
-                                            })
-                                        ]
-                                    }),
-                                    ability.description ? /*#__PURE__*/ jsx("p", {
-                                        className: classnames('muted', "byline-role-permissions-description", permissions_module.description),
-                                        children: ability.description
-                                    }) : null
-                                ]
-                            })
-                        ]
-                    }, ability.key))
-            })
-        ]
-    });
-}
-function RolePermissions({ role, registered, initialAbilities, onSaved }) {
-    const { setRoleAbilities } = useBylineAdminServices();
-    const [mode, setMode] = useState('view');
-    const [initialSet, setInitialSet] = useState(()=>new Set(initialAbilities));
-    const [selected, setSelected] = useState(()=>new Set(initialAbilities));
-    const [saving, setSaving] = useState(false);
-    const [error, setError] = useState(null);
-    const isDirty = !setsEqual(selected, initialSet);
-    const totalSelected = selected.size;
-    function handleToggle(key, checked) {
-        if ('edit' !== mode) return;
-        setSelected((current)=>{
-            const next = new Set(current);
-            if (checked) next.add(key);
-            else next.delete(key);
-            return next;
-        });
-    }
-    function handleSelectAll(groupKeys) {
-        setSelected((current)=>{
-            const next = new Set(current);
-            for (const key of groupKeys)next.add(key);
-            return next;
-        });
-    }
-    function handleClearAll(groupKeys) {
-        setSelected((current)=>{
-            const next = new Set(current);
-            for (const key of groupKeys)next.delete(key);
-            return next;
-        });
-    }
-    function handleCancel() {
-        setSelected(new Set(initialSet));
-        setError(null);
-        setMode('view');
-    }
-    function handleEnterEdit() {
-        setError(null);
-        setMode('edit');
-    }
-    function handleEnterView() {
-        if (isDirty) return;
-        setError(null);
-        setMode('view');
-    }
-    async function handleSave() {
-        if (saving) return;
-        setSaving(true);
-        setError(null);
-        try {
-            const response = await setRoleAbilities({
-                data: {
-                    id: role.id,
-                    abilities: Array.from(selected)
-                }
-            });
-            const storedSet = new Set(response.abilities);
-            setInitialSet(storedSet);
-            setSelected(new Set(storedSet));
-            onSaved?.(response);
-        } catch (err) {
-            const code = getErrorCode(err);
-            if ('admin.permissions.roleNotFound' === code) setError('This role no longer exists.');
-            else 'admin.permissions.abilityUnregistered' === code ? setError('One or more selected abilities are no longer registered. Reload the page and try again.') : setError('Could not save permissions. Please try again.');
-        } finally{
-            setSaving(false);
-        }
-    }
-    const isEdit = 'edit' === mode;
-    return /*#__PURE__*/ jsxs("div", {
-        className: classnames('byline-role-permissions-wrap', permissions_module.wrap),
-        children: [
-            /*#__PURE__*/ jsxs("div", {
-                className: classnames('byline-role-permissions-toolbar', permissions_module.toolbar),
-                children: [
-                    /*#__PURE__*/ jsx(ModeToggle, {
-                        mode: mode,
-                        dirty: isDirty,
-                        saving: saving,
-                        onView: handleEnterView,
-                        onEdit: handleEnterEdit
-                    }),
-                    /*#__PURE__*/ jsxs("p", {
-                        className: classnames('muted', 'byline-role-permissions-counter', permissions_module.counter),
-                        children: [
-                            /*#__PURE__*/ jsx("span", {
-                                className: classnames('byline-role-permissions-counter-num', permissions_module["counter-num"]),
-                                children: totalSelected
-                            }),
-                            ' ',
-                            "of",
-                            ' ',
-                            /*#__PURE__*/ jsx("span", {
-                                className: classnames('byline-role-permissions-counter-num', permissions_module["counter-num"]),
-                                children: registered.total
-                            }),
-                            ' ',
-                            isEdit ? 'selected' : 'granted',
-                            " for ",
-                            role.name
-                        ]
-                    }),
-                    isEdit && isDirty ? /*#__PURE__*/ jsxs("div", {
-                        className: classnames('byline-role-permissions-actions', permissions_module.actions),
-                        children: [
-                            /*#__PURE__*/ jsx(Button, {
-                                type: "button",
-                                intent: "secondary",
-                                size: "xs",
-                                onClick: handleCancel,
-                                disabled: saving,
-                                className: classnames('byline-role-permissions-action', permissions_module.action),
-                                children: "Cancel"
-                            }),
-                            /*#__PURE__*/ jsx(Button, {
-                                type: "button",
-                                intent: "primary",
-                                size: "xs",
-                                onClick: ()=>void handleSave(),
-                                disabled: saving,
-                                className: classnames('byline-role-permissions-action', permissions_module.action),
-                                children: saving ? /*#__PURE__*/ jsx(LoaderEllipsis, {
-                                    size: 30
-                                }) : 'Save'
-                            })
-                        ]
-                    }) : null
-                ]
-            }),
-            error ? /*#__PURE__*/ jsx(Alert, {
-                intent: "danger",
-                children: error
-            }) : null,
-            /*#__PURE__*/ jsx("div", {
-                className: classnames('byline-role-permissions-groups', permissions_module.groups),
-                children: registered.groups.map((group)=>/*#__PURE__*/ jsx(GroupSection, {
-                        group: group,
-                        selected: selected,
-                        mode: mode,
-                        saving: saving,
-                        onToggle: handleToggle,
-                        onSelectAll: handleSelectAll,
-                        onClearAll: handleClearAll
-                    }, group.group))
-            })
-        ]
-    });
-}
-function ModeToggle({ mode, dirty, saving, onView, onEdit }) {
-    const isView = 'view' === mode;
-    const isEdit = 'edit' === mode;
-    const viewDisabled = dirty || saving;
-    const editDisabled = saving;
-    return /*#__PURE__*/ jsxs("div", {
-        role: "group",
-        "aria-label": "Permissions mode",
-        className: classnames('byline-role-permissions-mode-toggle', permissions_module["mode-toggle"]),
-        children: [
-            /*#__PURE__*/ jsx("button", {
-                type: "button",
-                onClick: onView,
-                disabled: viewDisabled,
-                className: classnames('byline-role-permissions-mode-button', permissions_module["mode-button"], isView && [
-                    'byline-role-permissions-mode-button-active',
-                    permissions_module["mode-button-active"]
-                ], viewDisabled && !isView && [
-                    'byline-role-permissions-mode-button-disabled',
-                    permissions_module["mode-button-disabled"]
-                ]),
-                children: "View"
-            }),
-            /*#__PURE__*/ jsx("button", {
-                type: "button",
-                onClick: onEdit,
-                disabled: editDisabled,
-                className: classnames('byline-role-permissions-mode-button', 'byline-role-permissions-mode-button-divider', permissions_module["mode-button"], permissions_module["mode-button-divider"], isEdit && [
-                    'byline-role-permissions-mode-button-active',
-                    permissions_module["mode-button-active"]
-                ], editDisabled && !isEdit && [
-                    'byline-role-permissions-mode-button-disabled',
-                    permissions_module["mode-button-disabled"]
-                ]),
-                children: "Edit"
-            })
-        ]
-    });
-}
-function getErrorCode(err) {
-    return 'string' == typeof err?.code ? err.code : null;
-}
-export { RolePermissions };

package/dist/admin/components/admin-roles/permissions.module.js

@@ -1,44 +0,0 @@
-import "./permissions_module.css";
-const permissions_module = {
-    wrap: "wrap-PZMu6Q",
-    toolbar: "toolbar-YuC8Pa",
-    counter: "counter-o7x3wE",
-    "counter-num": "counter-num-aRlp6L",
-    counterNum: "counter-num-aRlp6L",
-    actions: "actions-URmqw4",
-    action: "action-dZR89y",
-    "checkbox-auto": "checkbox-auto-RZCTjr",
-    checkboxAuto: "checkbox-auto-RZCTjr",
-    groups: "groups-Pgfk7i",
-    group: "group-DiWZhB",
-    "group-head": "group-head-kGzuxl",
-    groupHead: "group-head-kGzuxl",
-    "group-name": "group-name-f7Ehe2",
-    groupName: "group-name-f7Ehe2",
-    "group-count": "group-count-UQe6jT",
-    groupCount: "group-count-UQe6jT",
-    "group-buttons": "group-buttons-Ea04wO",
-    groupButtons: "group-buttons-Ea04wO",
-    grid: "grid-dUNuYY",
-    row: "row-dWk2LK",
-    label: "label-vQbd4k",
-    "label-edit": "label-edit-bcM5x6",
-    labelEdit: "label-edit-bcM5x6",
-    "label-head": "label-head-l8D5ui",
-    labelHead: "label-head-l8D5ui",
-    "label-name": "label-name-jlhCoA",
-    labelName: "label-name-jlhCoA",
-    key: "key-FIvnnZ",
-    description: "description-f9syLV",
-    "mode-toggle": "mode-toggle-MIdB3e",
-    modeToggle: "mode-toggle-MIdB3e",
-    "mode-button": "mode-button-QVtaDD",
-    modeButton: "mode-button-QVtaDD",
-    "mode-button-active": "mode-button-active-MvfUNO",
-    modeButtonActive: "mode-button-active-MvfUNO",
-    "mode-button-divider": "mode-button-divider-_j0tbc",
-    modeButtonDivider: "mode-button-divider-_j0tbc",
-    "mode-button-disabled": "mode-button-disabled-Rf9fQ5",
-    modeButtonDisabled: "mode-button-disabled-Rf9fQ5"
-};
-export default permissions_module;

package/dist/admin/components/admin-roles/permissions_module.css

@@ -1,192 +0,0 @@
-:is(.wrap-PZMu6Q, .byline-role-permissions-wrap) {
-  gap: var(--spacing-12);
-  margin-bottom: var(--spacing-48);
-  flex-direction: column;
-  display: flex;
-}
-
-:is(.toolbar-YuC8Pa, .byline-role-permissions-toolbar) {
-  align-items: center;
-  gap: var(--spacing-12);
-  padding: var(--spacing-12);
-  border: var(--border-width-thin) var(--border-style-solid) var(--gray-100);
-  background-color: var(--canvas-25);
-  border-radius: var(--border-radius-sm);
-  flex-wrap: wrap;
-  display: flex;
-}
-
-:is(.counter-o7x3wE, .byline-role-permissions-counter) {
-  font-size: var(--font-size-sm);
-  margin: 0;
-}
-
-:is(.counter-num-aRlp6L, .byline-role-permissions-counter-num) {
-  font-weight: var(--font-weight-medium);
-}
-
-:is(.actions-URmqw4, .byline-role-permissions-actions) {
-  align-items: center;
-  gap: var(--spacing-8);
-  margin-left: auto;
-  display: flex;
-}
-
-:is(.action-dZR89y, .byline-role-permissions-action) {
-  min-width: 4rem;
-}
-
-:is(.checkbox-auto-RZCTjr, .byline-role-permissions-checkbox-auto) {
-  width: auto !important;
-}
-
-:is(.groups-Pgfk7i, .byline-role-permissions-groups) {
-  gap: var(--spacing-8);
-  flex-direction: column;
-  display: flex;
-}
-
-:is(.group-DiWZhB, .byline-role-permissions-group) {
-  border: var(--border-width-thin) var(--border-style-solid) var(--gray-100);
-  border-radius: var(--border-radius-sm);
-}
-
-:is(.group-head-kGzuxl, .byline-role-permissions-group-head) {
-  padding: var(--spacing-12);
-  border-bottom: var(--border-width-thin) var(--border-style-solid) var(--gray-100);
-  justify-content: space-between;
-  align-items: center;
-  display: flex;
-}
-
-:is(.group-name-f7Ehe2, .byline-role-permissions-group-name) {
-  font-weight: var(--font-weight-medium);
-}
-
-:is(.group-count-UQe6jT, .byline-role-permissions-group-count) {
-  margin-left: var(--spacing-8);
-  font-size: var(--font-size-xs);
-}
-
-:is(.group-buttons-Ea04wO, .byline-role-permissions-group-buttons) {
-  align-items: center;
-  gap: var(--spacing-4);
-  display: flex;
-}
-
-:is(.grid-dUNuYY, .byline-role-permissions-grid) {
-  gap: var(--spacing-4);
-  padding: var(--spacing-12);
-  grid-template-columns: 1fr;
-  display: grid;
-}
-
-@media (min-width: 40rem) {
-  :is(.grid-dUNuYY, .byline-role-permissions-grid) {
-    grid-template-columns: 1fr 1fr;
-  }
-}
-
-:is(.row-dWk2LK, .byline-role-permissions-row) {
-  align-items: flex-start;
-  gap: var(--spacing-8);
-  padding: var(--spacing-4) 0;
-  display: flex;
-}
-
-:is(.label-vQbd4k, .byline-role-permissions-label) {
-  cursor: default;
-  flex: 1 1 0;
-  min-width: 0;
-}
-
-:is(.label-edit-bcM5x6, .byline-role-permissions-label-edit) {
-  cursor: pointer;
-}
-
-:is(.label-head-l8D5ui, .byline-role-permissions-label-head) {
-  align-items: center;
-  gap: var(--spacing-8);
-  display: flex;
-}
-
-:is(.label-name-jlhCoA, .byline-role-permissions-label-name) {
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-medium);
-}
-
-:is(.key-FIvnnZ, .byline-role-permissions-key) {
-  background-color: var(--gray-100);
-  font-size: var(--font-size-xs);
-  border-radius: var(--border-radius-sm);
-  padding: .125rem .375rem;
-}
-
-:is(.description-f9syLV, .byline-role-permissions-description) {
-  font-size: var(--font-size-xs);
-  margin-bottom: 0;
-}
-
-:is(.mode-toggle-MIdB3e, .byline-role-permissions-mode-toggle) {
-  border: var(--border-width-thin) var(--border-style-solid) var(--gray-200);
-  border-radius: var(--border-radius-sm);
-  display: inline-flex;
-  overflow: hidden;
-}
-
-:is(.mode-button-QVtaDD, .byline-role-permissions-mode-button) {
-  font-size: var(--font-size-xs);
-  cursor: pointer;
-  background-color: #0000;
-  border: 0;
-  padding: .125rem .625rem;
-  transition: background-color .15s;
-}
-
-:is(.mode-button-QVtaDD:hover, .byline-role-permissions-mode-button:hover) {
-  background-color: var(--gray-50);
-}
-
-:is(.mode-button-active-MvfUNO, .byline-role-permissions-mode-button-active) {
-  background-color: var(--gray-100);
-  font-weight: var(--font-weight-medium);
-}
-
-:is(.mode-button-divider-_j0tbc, .byline-role-permissions-mode-button-divider) {
-  border-left: var(--border-width-thin) var(--border-style-solid) var(--gray-200);
-}
-
-:is(.mode-button-disabled-Rf9fQ5, .byline-role-permissions-mode-button-disabled) {
-  opacity: .5;
-  cursor: not-allowed;
-}
-
-:is(:is([data-theme="dark"], .dark) .toolbar-YuC8Pa, :is([data-theme="dark"], .dark) .byline-role-permissions-toolbar) {
-  border-color: var(--gray-700);
-  background-color: var(--canvas-800);
-}
-
-:is(:is([data-theme="dark"], .dark) .group-DiWZhB, :is([data-theme="dark"], .dark) .byline-role-permissions-group) {
-  border-color: var(--gray-700);
-}
-
-:is(:is([data-theme="dark"], .dark) .group-head-kGzuxl, :is([data-theme="dark"], .dark) .byline-role-permissions-group-head) {
-  border-bottom-color: var(--gray-700);
-}
-
-:is(:is([data-theme="dark"], .dark) .key-FIvnnZ, :is([data-theme="dark"], .dark) .byline-role-permissions-key) {
-  background-color: var(--canvas-800);
-}
-
-:is(:is([data-theme="dark"], .dark) .mode-toggle-MIdB3e, :is([data-theme="dark"], .dark) .byline-role-permissions-mode-toggle) {
-  border-color: var(--gray-700);
-}
-
-:is(:is([data-theme="dark"], .dark) .mode-button-QVtaDD:hover, :is([data-theme="dark"], .dark) .byline-role-permissions-mode-button:hover), :is(:is([data-theme="dark"], .dark) .mode-button-active-MvfUNO, :is([data-theme="dark"], .dark) .byline-role-permissions-mode-button-active) {
-  background-color: var(--canvas-700);
-}
-
-:is(:is([data-theme="dark"], .dark) .mode-button-divider-_j0tbc, :is([data-theme="dark"], .dark) .byline-role-permissions-mode-button-divider) {
-  border-left-color: var(--gray-700);
-}
-

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

@@ -1,8 +0,0 @@
-import type { AdminRoleResponse } from '@byline/admin/admin-roles';
-interface UpdateRoleProps {
-    role: AdminRoleResponse;
-    onClose?: () => void;
-    onSuccess?: (role: AdminRoleResponse) => void;
-}
-export declare function UpdateRole({ role, onClose, onSuccess }: UpdateRoleProps): import("react").JSX.Element;
-export {};