@arbor-education/design-system.components 0.3.6 → 0.4.1

package/dist/components/userDropdown/internal/UserDropdownAppItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserDropdownAppItem.js","sourceRoot":"","sources":["../../../../src/components/userDropdown/internal/UserDropdownAppItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAG5C,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAAsB,EAAE,EAAE;IAC5D,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEnD,OAAO,CACL,MAAC,QAAQ,CAAC,IAAI,IAAC,SAAS,EAAC,4BAA4B,EAAC,OAAO,EAAE,OAAO,aACnE,IAAI,IAAI,cAAK,SAAS,EAAC,iCAAiC,YAAE,IAAI,GAAO,EACtE,eAAK,SAAS,EAAC,iCAAiC,aAC9C,cAAK,SAAS,EAAC,iCAAiC,YAAE,IAAI,GAAO,EAC5D,WAAW,IAAI,cAAK,SAAS,EAAC,wCAAwC,YAAE,WAAW,GAAO,IACvF,EACN,cAAK,SAAS,EAAC,kCAAkC,iBAAa,MAAM,YAClE,KAAC,IAAI,IAAC,IAAI,EAAC,gBAAgB,EAAC,IAAI,EAAE,EAAE,GAAI,GACpC,IACQ,CACjB,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/userDropdown/internal/UserDropdownCollapsibleSection.d.ts

@@ -0,0 +1,9 @@
+import type { UserDropdownApp } from '../UserDropdown';
+type UserDropdownCollapsibleSectionProps = {
+    label: string;
+    apps: UserDropdownApp[];
+    defaultOpen?: boolean;
+};
+export declare const UserDropdownCollapsibleSection: (props: UserDropdownCollapsibleSectionProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=UserDropdownCollapsibleSection.d.ts.map

package/dist/components/userDropdown/internal/UserDropdownCollapsibleSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserDropdownCollapsibleSection.d.ts","sourceRoot":"","sources":["../../../../src/components/userDropdown/internal/UserDropdownCollapsibleSection.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAGvD,KAAK,mCAAmC,GAAG;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,8BAA8B,GAAI,OAAO,mCAAmC,4CAyBxF,CAAC"}

package/dist/components/userDropdown/internal/UserDropdownCollapsibleSection.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState } from 'react';
+import { Icon } from '../../icon/Icon';
+import { Dropdown } from '../../dropdown/Dropdown';
+import { UserDropdownAppItem } from './UserDropdownAppItem';
+export const UserDropdownCollapsibleSection = (props) => {
+    const { label, apps, defaultOpen = false } = props;
+    const [isOpen, setIsOpen] = useState(defaultOpen);
+    return (_jsxs("div", { className: "ds-user-dropdown__collapsible-section", children: [_jsxs("div", { className: "ds-user-dropdown__collapsible-section-header", onClick: () => { setIsOpen(!isOpen); }, role: "button", tabIndex: 0, "aria-expanded": isOpen, children: [_jsx("span", { className: "ds-user-dropdown__collapsible-section-label", children: label }), _jsx(Icon, { name: isOpen ? 'chevron-up' : 'chevron-down', size: 16, className: "ds-user-dropdown__collapsible-section-icon" })] }), isOpen && (_jsx(Dropdown.Group, { className: "ds-user-dropdown__collapsible-section-content", children: apps.map((app, index) => (_jsx(UserDropdownAppItem, { ...app }, index))) }))] }));
+};
+//# sourceMappingURL=UserDropdownCollapsibleSection.js.map

package/dist/components/userDropdown/internal/UserDropdownCollapsibleSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserDropdownCollapsibleSection.js","sourceRoot":"","sources":["../../../../src/components/userDropdown/internal/UserDropdownCollapsibleSection.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAQ5D,MAAM,CAAC,MAAM,8BAA8B,GAAG,CAAC,KAA0C,EAAE,EAAE;IAC3F,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IACnD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;IAElD,OAAO,CACL,eAAK,SAAS,EAAC,uCAAuC,aACpD,eACE,SAAS,EAAC,8CAA8C,EACxD,OAAO,EAAE,GAAG,EAAE,GAAG,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EACtC,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,mBACI,MAAM,aAErB,eAAM,SAAS,EAAC,6CAA6C,YAAE,KAAK,GAAQ,EAC5E,KAAC,IAAI,IAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,4CAA4C,GAAG,IACnH,EACL,MAAM,IAAI,CACT,KAAC,QAAQ,CAAC,KAAK,IAAC,SAAS,EAAC,+CAA+C,YACtE,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,KAAC,mBAAmB,OAAiB,GAAG,IAAd,KAAK,CAAa,CAC7C,CAAC,GACa,CAClB,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/userDropdown/internal/UserDropdownSignOut.d.ts

@@ -0,0 +1,7 @@
+type UserDropdownSignOutProps = {
+    onClick: () => void;
+    label?: string;
+};
+export declare const UserDropdownSignOut: (props: UserDropdownSignOutProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=UserDropdownSignOut.d.ts.map

package/dist/components/userDropdown/internal/UserDropdownSignOut.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserDropdownSignOut.d.ts","sourceRoot":"","sources":["../../../../src/components/userDropdown/internal/UserDropdownSignOut.tsx"],"names":[],"mappings":"AAIA,KAAK,wBAAwB,GAAG;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,OAAO,wBAAwB,4CASlE,CAAC"}

package/dist/components/userDropdown/internal/UserDropdownSignOut.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Icon } from '../../icon/Icon';
+import { Dropdown } from '../../dropdown/Dropdown';
+export const UserDropdownSignOut = (props) => {
+    const { onClick, label = 'Sign out' } = props;
+    return (_jsxs(Dropdown.Item, { className: "ds-user-dropdown__sign-out", onClick: onClick, children: [_jsx(Icon, { name: "log-out", size: 24 }), _jsx("span", { className: "ds-user-dropdown__sign-out-label", children: label })] }));
+};
+//# sourceMappingURL=UserDropdownSignOut.js.map

package/dist/components/userDropdown/internal/UserDropdownSignOut.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserDropdownSignOut.js","sourceRoot":"","sources":["../../../../src/components/userDropdown/internal/UserDropdownSignOut.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAOxD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACrE,MAAM,EAAE,OAAO,EAAE,KAAK,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAE9C,OAAO,CACL,MAAC,QAAQ,CAAC,IAAI,IAAC,SAAS,EAAC,4BAA4B,EAAC,OAAO,EAAE,OAAO,aACpE,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,GAAI,EACjC,eAAM,SAAS,EAAC,kCAAkC,YAAE,KAAK,GAAQ,IACnD,CACjB,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/userDropdown/internal/UserDropdownTrigger.d.ts

@@ -0,0 +1,11 @@
+type UserDropdownTriggerProps = {
+    avatarSrc?: string;
+    avatarAlt?: string;
+    avatarInitials?: string;
+    logoSrc?: string;
+    logoAlt?: string;
+    variant?: 'dark' | 'light';
+};
+export declare const UserDropdownTrigger: (props: UserDropdownTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=UserDropdownTrigger.d.ts.map

package/dist/components/userDropdown/internal/UserDropdownTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserDropdownTrigger.d.ts","sourceRoot":"","sources":["../../../../src/components/userDropdown/internal/UserDropdownTrigger.tsx"],"names":[],"mappings":"AAKA,KAAK,wBAAwB,GAAG;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,OAAO,wBAAwB,4CA2BlE,CAAC"}

package/dist/components/userDropdown/internal/UserDropdownTrigger.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Dropdown } from '../../dropdown/Dropdown';
+import { Avatar } from '../../avatar/Avatar';
+import { Button } from '../../button/Button';
+export const UserDropdownTrigger = (props) => {
+    const { avatarSrc, avatarAlt, avatarInitials, logoSrc, logoAlt = 'Logo', variant = 'dark' } = props;
+    return (_jsxs("div", { className: `ds-user-dropdown__trigger-container ds-user-dropdown__trigger-container--${variant}${logoSrc ? ' ds-user-dropdown__trigger-container--with-logo' : ''}`, children: [_jsx(Dropdown.Trigger, { children: _jsx(Button, { variant: "secondary", borderless: true, iconRightName: "chevron-down", className: "ds-user-dropdown__trigger", children: _jsx(Avatar, { size: "medium", src: avatarSrc, alt: avatarAlt, initials: avatarInitials }) }) }), logoSrc && (_jsxs(_Fragment, { children: [_jsx("div", { className: "ds-user-dropdown__trigger-divider" }), _jsx("img", { src: logoSrc, alt: logoAlt, className: "ds-user-dropdown__trigger-logo" })] }))] }));
+};
+//# sourceMappingURL=UserDropdownTrigger.js.map

package/dist/components/userDropdown/internal/UserDropdownTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserDropdownTrigger.js","sourceRoot":"","sources":["../../../../src/components/userDropdown/internal/UserDropdownTrigger.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAWlD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACrE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,GAAG,MAAM,EAAE,OAAO,GAAG,MAAM,EAAE,GAAG,KAAK,CAAC;IAEpG,OAAO,CACL,eACE,SAAS,EAAE,4EAA4E,OAAO,GAC5F,OAAO,CAAC,CAAC,CAAC,iDAAiD,CAAC,CAAC,CAAC,EAChE,EAAE,aAEF,KAAC,QAAQ,CAAC,OAAO,cACf,KAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,UAAU,EAAE,IAAI,EAChB,aAAa,EAAC,cAAc,EAC5B,SAAS,EAAC,2BAA2B,YAErC,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,GAAI,GAC3E,GACQ,EAClB,OAAO,IAAI,CACV,8BACE,cAAK,SAAS,EAAC,mCAAmC,GAAG,EACrD,cAAK,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAC,gCAAgC,GAAG,IAC7E,CACJ,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/userDropdown/internal/UserDropdownUserInfo.d.ts

@@ -0,0 +1,8 @@
+import type { UserDropdownUser, UserDropdownUserInfoAction } from '../UserDropdown';
+type UserDropdownUserInfoProps = {
+    user: UserDropdownUser;
+    action?: UserDropdownUserInfoAction;
+};
+export declare const UserDropdownUserInfo: (props: UserDropdownUserInfoProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=UserDropdownUserInfo.d.ts.map

package/dist/components/userDropdown/internal/UserDropdownUserInfo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserDropdownUserInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/userDropdown/internal/UserDropdownUserInfo.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AAEpF,KAAK,yBAAyB,GAAG;IAC/B,IAAI,EAAE,gBAAgB,CAAC;IACvB,MAAM,CAAC,EAAE,0BAA0B,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,OAAO,yBAAyB,4CA8CpE,CAAC"}

package/dist/components/userDropdown/internal/UserDropdownUserInfo.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useContext } from 'react';
+import { DropdownMenu } from 'radix-ui';
+import { Avatar } from '../../avatar/Avatar';
+import { Icon } from '../../icon/Icon';
+import { Dropdown } from '../../dropdown/Dropdown';
+import { PopupParentContext } from '../../../utils/PopupParentContext';
+export const UserDropdownUserInfo = (props) => {
+    const { user, action } = props;
+    const popupParentRef = useContext(PopupParentContext);
+    const content = (_jsxs(_Fragment, { children: [_jsx(Avatar, { size: "medium", src: user.avatarSrc, alt: user.avatarAlt, initials: user.avatarInitials }), _jsxs("div", { className: "ds-user-dropdown__user-info-text", children: [_jsx("div", { className: "ds-user-dropdown__user-info-name", children: user.name }), user.subtitle && _jsx("div", { className: "ds-user-dropdown__user-info-role", children: user.subtitle })] }), action && _jsx(Icon, { name: "chevron-right", size: 16, className: "ds-user-dropdown__user-info-chevron" })] }));
+    if (action?.type === 'menu') {
+        return (_jsxs(DropdownMenu.Sub, { children: [_jsx(DropdownMenu.SubTrigger, { className: "ds-user-dropdown__user-info", children: content }), _jsx(DropdownMenu.Portal, { container: popupParentRef.current, children: _jsx(DropdownMenu.SubContent, { className: "ds-user-dropdown__sub-content", children: action.items.map((item, index) => (_jsx(DropdownMenu.Item, { className: "ds-user-dropdown__sub-item", onSelect: item.onClick, children: item.label }, index))) }) })] }));
+    }
+    return (_jsx(Dropdown.Item, { className: "ds-user-dropdown__user-info", onClick: action?.type === 'link' ? action.onClick : undefined, children: content }));
+};
+//# sourceMappingURL=UserDropdownUserInfo.js.map

package/dist/components/userDropdown/internal/UserDropdownUserInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserDropdownUserInfo.js","sourceRoot":"","sources":["../../../../src/components/userDropdown/internal/UserDropdownUserInfo.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAQ9D,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAE,EAAE;IACvE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAC/B,MAAM,cAAc,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAEtD,MAAM,OAAO,GAAG,CACd,8BACE,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,QAAQ,EAAE,IAAI,CAAC,cAAc,GAAI,EACjG,eAAK,SAAS,EAAC,kCAAkC,aAC/C,cAAK,SAAS,EAAC,kCAAkC,YAAE,IAAI,CAAC,IAAI,GAAO,EAClE,IAAI,CAAC,QAAQ,IAAI,cAAK,SAAS,EAAC,kCAAkC,YAAE,IAAI,CAAC,QAAQ,GAAO,IACrF,EACL,MAAM,IAAI,KAAC,IAAI,IAAC,IAAI,EAAC,eAAe,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,qCAAqC,GAAG,IACjG,CACJ,CAAC;IAEF,IAAI,MAAM,EAAE,IAAI,KAAK,MAAM,EAAE,CAAC;QAC5B,OAAO,CACL,MAAC,YAAY,CAAC,GAAG,eACf,KAAC,YAAY,CAAC,UAAU,IAAC,SAAS,EAAC,6BAA6B,YAC7D,OAAO,GACgB,EAC1B,KAAC,YAAY,CAAC,MAAM,IAAC,SAAS,EAAE,cAAc,CAAC,OAAO,YACpD,KAAC,YAAY,CAAC,UAAU,IAAC,SAAS,EAAC,+BAA+B,YAC/D,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,KAAC,YAAY,CAAC,IAAI,IAEhB,SAAS,EAAC,4BAA4B,EACtC,QAAQ,EAAE,IAAI,CAAC,OAAO,YAErB,IAAI,CAAC,KAAK,IAJN,KAAK,CAKQ,CACrB,CAAC,GACsB,GACN,IACL,CACpB,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,QAAQ,CAAC,IAAI,IACZ,SAAS,EAAC,6BAA6B,EACvC,OAAO,EAAE,MAAM,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,YAE5D,OAAO,GACM,CACjB,CAAC;AACJ,CAAC,CAAC"}