@smartsoft001/react 0.0.0-stage → 2.193.0

package/src/lib/components/sidebar-layout/preset/sidebar-layout-preset.d.ts

@@ -0,0 +1,15 @@
+import { SmartSidebarLayoutProps } from '../sidebar-layout.types';
+/**
+ * Styled sidebar-layout variation (preset). Register it as
+ * `components['sidebar-layout']` on `SmartProvider` to restyle every
+ * `<SmartSidebarLayout>`, or render it directly.
+ *
+ * Renders a full-height gray page root, an optional white header zone
+ * (`options.headerTpl`, or `options.title` as fallback), and a flex row
+ * pairing a bordered white sidebar (`options.sidebarTpl`) with a gray content
+ * region holding `children`. `options.sidebarPosition` flips the row and the
+ * sidebar border side, `options.condensed` narrows the sidebar.
+ *
+ * `options.mobileBreakpoint` is not consumed, as in Angular.
+ */
+export declare function SmartSidebarLayoutPreset({ options, className, children, }: SmartSidebarLayoutProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/sidebar-layout/preset/sidebar-layout-preset.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartSidebarLayoutPreset = SmartSidebarLayoutPreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../utils/class-names");
+const preset_classes_1 = require("./preset-classes");
+/**
+ * Styled sidebar-layout variation (preset). Register it as
+ * `components['sidebar-layout']` on `SmartProvider` to restyle every
+ * `<SmartSidebarLayout>`, or render it directly.
+ *
+ * Renders a full-height gray page root, an optional white header zone
+ * (`options.headerTpl`, or `options.title` as fallback), and a flex row
+ * pairing a bordered white sidebar (`options.sidebarTpl`) with a gray content
+ * region holding `children`. `options.sidebarPosition` flips the row and the
+ * sidebar border side, `options.condensed` narrows the sidebar.
+ *
+ * `options.mobileBreakpoint` is not consumed, as in Angular.
+ */
+function SmartSidebarLayoutPreset({ options, className = '', children, }) {
+    const isRightSidebar = options?.sidebarPosition === 'right';
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, class_names_1.cn)((0, preset_classes_1.getSidebarLayoutRootClasses)(), className), "data-role": "root", children: [(options?.headerTpl || options?.title) && ((0, jsx_runtime_1.jsx)("header", { className: (0, preset_classes_1.getSidebarLayoutHeaderClasses)(), "data-role": "header", children: options.headerTpl ? (options.headerTpl) : ((0, jsx_runtime_1.jsx)("h1", { className: (0, preset_classes_1.getSidebarLayoutTitleClasses)(), "data-role": "title", children: options.title })) })), (0, jsx_runtime_1.jsxs)("div", { className: (0, preset_classes_1.getSidebarLayoutRowClasses)(isRightSidebar), "data-role": "row", children: [(0, jsx_runtime_1.jsx)("aside", { className: (0, preset_classes_1.getSidebarLayoutSidebarClasses)(isRightSidebar, options?.condensed ?? false), "data-role": "sidebar", children: options?.sidebarTpl }), (0, jsx_runtime_1.jsx)("main", { className: (0, preset_classes_1.getSidebarLayoutMainClasses)(), "data-role": "content", children: children })] })] }));
+}
+//# sourceMappingURL=sidebar-layout-preset.js.map

package/src/lib/components/sidebar-layout/preset/sidebar-layout-preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-layout-preset.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/sidebar-layout/preset/sidebar-layout-preset.tsx"],"names":[],"mappings":";;AAwBA,4DA0CC;;AAlED,4DAAgD;AAEhD,qDAO0B;AAE1B;;;;;;;;;;;;GAYG;AACH,SAAgB,wBAAwB,CAAC,EACvC,OAAO,EACP,SAAS,GAAG,EAAE,EACd,QAAQ,GACgB;IACxB,MAAM,cAAc,GAAG,OAAO,EAAE,eAAe,KAAK,OAAO,CAAC;IAE5D,OAAO,CACL,iCACE,SAAS,EAAE,IAAA,gBAAE,EAAC,IAAA,4CAA2B,GAAE,EAAE,SAAS,CAAC,eAC7C,MAAM,aAEf,CAAC,OAAO,EAAE,SAAS,IAAI,OAAO,EAAE,KAAK,CAAC,IAAI,CACzC,mCAAQ,SAAS,EAAE,IAAA,8CAA6B,GAAE,eAAY,QAAQ,YACnE,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CACnB,OAAO,CAAC,SAAS,CAClB,CAAC,CAAC,CAAC,CACF,+BAAI,SAAS,EAAE,IAAA,6CAA4B,GAAE,eAAY,OAAO,YAC7D,OAAO,CAAC,KAAK,GACX,CACN,GACM,CACV,EACD,iCACE,SAAS,EAAE,IAAA,2CAA0B,EAAC,cAAc,CAAC,eAC3C,KAAK,aAEf,kCACE,SAAS,EAAE,IAAA,+CAA8B,EACvC,cAAc,EACd,OAAO,EAAE,SAAS,IAAI,KAAK,CAC5B,eACS,SAAS,YAElB,OAAO,EAAE,UAAU,GACd,EACR,iCAAM,SAAS,EAAE,IAAA,4CAA2B,GAAE,eAAY,SAAS,YAChE,QAAQ,GACJ,IACH,IACF,CACP,CAAC;AACJ,CAAC"}

package/src/lib/components/sidebar-layout/sidebar-layout.d.ts

@@ -0,0 +1,8 @@
+import { SmartSidebarLayoutProps } from './sidebar-layout.types';
+/**
+ * `<smart-sidebar-layout>`: renders the implementation registered as
+ * `components['sidebar-layout']` on `SmartProvider` (the Angular
+ * `SIDEBAR_LAYOUT_STANDARD_COMPONENT_TOKEN`), `SmartSidebarLayoutStandard` by
+ * default. `children` are passed through to the implementation.
+ */
+export declare function SmartSidebarLayout(props: SmartSidebarLayoutProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/sidebar-layout/sidebar-layout.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartSidebarLayout = SmartSidebarLayout;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const sidebar_layout_standard_1 = require("./standard/sidebar-layout-standard");
+const hooks_1 = require("../../providers/hooks");
+/**
+ * `<smart-sidebar-layout>`: renders the implementation registered as
+ * `components['sidebar-layout']` on `SmartProvider` (the Angular
+ * `SIDEBAR_LAYOUT_STANDARD_COMPONENT_TOKEN`), `SmartSidebarLayoutStandard` by
+ * default. `children` are passed through to the implementation.
+ */
+function SmartSidebarLayout(props) {
+    const Component = (0, hooks_1.useSmartComponent)('sidebar-layout', sidebar_layout_standard_1.SmartSidebarLayoutStandard);
+    return (0, jsx_runtime_1.jsx)(Component, { ...props });
+}
+//# sourceMappingURL=sidebar-layout.js.map

package/src/lib/components/sidebar-layout/sidebar-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-layout.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/sidebar-layout/sidebar-layout.tsx"],"names":[],"mappings":";;AAUA,gDAOC;;AAhBD,gFAAgF;AAChF,iDAA0D;AAE1D;;;;;GAKG;AACH,SAAgB,kBAAkB,CAAC,KAA8B;IAC/D,MAAM,SAAS,GAAG,IAAA,yBAAiB,EACjC,gBAAgB,EAChB,oDAA0B,CAC3B,CAAC;IAEF,OAAO,uBAAC,SAAS,OAAK,KAAK,GAAI,CAAC;AAClC,CAAC"}

package/src/lib/components/sidebar-layout/sidebar-layout.types.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+import { ISidebarLayoutOptions } from '../../models';
+export interface SmartSidebarLayoutProps {
+    options?: ISidebarLayoutOptions;
+    className?: string;
+    /** The main content (the Angular `<ng-content>`). */
+    children?: ReactNode;
+}

package/src/lib/components/sidebar-layout/sidebar-layout.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=sidebar-layout.types.js.map

package/src/lib/components/sidebar-layout/sidebar-layout.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-layout.types.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/sidebar-layout/sidebar-layout.types.ts"],"names":[],"mappings":""}

package/src/lib/components/sidebar-layout/standard/sidebar-layout-standard.d.ts

@@ -0,0 +1,8 @@
+import { SmartSidebarLayoutProps } from '../sidebar-layout.types';
+/**
+ * The default sidebar layout (`<smart-sidebar-layout-standard>`): an optional
+ * `<header>` (`options.headerTpl`), an `<aside>` (`options.sidebarTpl`) and a
+ * `<main>` with `children`. `options.sidebarPosition: 'right'` renders the
+ * `<aside>` after `<main>`.
+ */
+export declare function SmartSidebarLayoutStandard({ options, className, children, }: SmartSidebarLayoutProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/sidebar-layout/standard/sidebar-layout-standard.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartSidebarLayoutStandard = SmartSidebarLayoutStandard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * The default sidebar layout (`<smart-sidebar-layout-standard>`): an optional
+ * `<header>` (`options.headerTpl`), an `<aside>` (`options.sidebarTpl`) and a
+ * `<main>` with `children`. `options.sidebarPosition: 'right'` renders the
+ * `<aside>` after `<main>`.
+ */
+function SmartSidebarLayoutStandard({ options, className = '', children, }) {
+    const isRightSidebar = options?.sidebarPosition === 'right';
+    const sidebar = (0, jsx_runtime_1.jsx)("aside", { children: options?.sidebarTpl });
+    const main = (0, jsx_runtime_1.jsx)("main", { children: children });
+    return ((0, jsx_runtime_1.jsxs)("div", { className: className || undefined, children: [options?.headerTpl && (0, jsx_runtime_1.jsx)("header", { children: options.headerTpl }), isRightSidebar ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [main, sidebar] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [sidebar, main] }))] }));
+}
+//# sourceMappingURL=sidebar-layout-standard.js.map

package/src/lib/components/sidebar-layout/standard/sidebar-layout-standard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-layout-standard.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/sidebar-layout/standard/sidebar-layout-standard.tsx"],"names":[],"mappings":";;AAQA,gEAyBC;;AA/BD;;;;;GAKG;AACH,SAAgB,0BAA0B,CAAC,EACzC,OAAO,EACP,SAAS,GAAG,EAAE,EACd,QAAQ,GACgB;IACxB,MAAM,cAAc,GAAG,OAAO,EAAE,eAAe,KAAK,OAAO,CAAC;IAC5D,MAAM,OAAO,GAAG,4CAAQ,OAAO,EAAE,UAAU,GAAS,CAAC;IACrD,MAAM,IAAI,GAAG,2CAAO,QAAQ,GAAQ,CAAC;IAErC,OAAO,CACL,iCAAK,SAAS,EAAE,SAAS,IAAI,SAAS,aACnC,OAAO,EAAE,SAAS,IAAI,6CAAS,OAAO,CAAC,SAAS,GAAU,EAC1D,cAAc,CAAC,CAAC,CAAC,CAChB,6DACG,IAAI,EACJ,OAAO,IACP,CACJ,CAAC,CAAC,CAAC,CACF,6DACG,OAAO,EACP,IAAI,IACJ,CACJ,IACG,CACP,CAAC;AACJ,CAAC"}

package/src/lib/components/sidebar-navigation/index.d.ts

@@ -0,0 +1,4 @@
+export * from './sidebar-navigation';
+export * from './sidebar-navigation.types';
+export * from './standard/sidebar-navigation-standard';
+export * from './use-sidebar-navigation';

package/src/lib/components/sidebar-navigation/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./sidebar-navigation"), exports);
+tslib_1.__exportStar(require("./sidebar-navigation.types"), exports);
+tslib_1.__exportStar(require("./standard/sidebar-navigation-standard"), exports);
+tslib_1.__exportStar(require("./use-sidebar-navigation"), exports);
+//# sourceMappingURL=index.js.map

package/src/lib/components/sidebar-navigation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/sidebar-navigation/index.ts"],"names":[],"mappings":";;;AAAA,+DAAqC;AACrC,qEAA2C;AAC3C,iFAAuD;AACvD,mEAAyC"}

package/src/lib/components/sidebar-navigation/sidebar-navigation.d.ts

@@ -0,0 +1,8 @@
+import { SmartSidebarNavigationProps } from './sidebar-navigation.types';
+/**
+ * `<smart-sidebar-navigation>`: renders the implementation registered as
+ * `components['sidebar-navigation']` on `SmartProvider` (the Angular
+ * `SIDEBAR_NAVIGATION_STANDARD_COMPONENT_TOKEN`),
+ * `SmartSidebarNavigationStandard` by default.
+ */
+export declare function SmartSidebarNavigation(props: SmartSidebarNavigationProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/sidebar-navigation/sidebar-navigation.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartSidebarNavigation = SmartSidebarNavigation;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const sidebar_navigation_standard_1 = require("./standard/sidebar-navigation-standard");
+const hooks_1 = require("../../providers/hooks");
+/**
+ * `<smart-sidebar-navigation>`: renders the implementation registered as
+ * `components['sidebar-navigation']` on `SmartProvider` (the Angular
+ * `SIDEBAR_NAVIGATION_STANDARD_COMPONENT_TOKEN`),
+ * `SmartSidebarNavigationStandard` by default.
+ */
+function SmartSidebarNavigation(props) {
+    const Component = (0, hooks_1.useSmartComponent)('sidebar-navigation', sidebar_navigation_standard_1.SmartSidebarNavigationStandard);
+    return (0, jsx_runtime_1.jsx)(Component, { ...props });
+}
+//# sourceMappingURL=sidebar-navigation.js.map

package/src/lib/components/sidebar-navigation/sidebar-navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-navigation.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/sidebar-navigation/sidebar-navigation.tsx"],"names":[],"mappings":";;AAUA,wDAOC;;AAhBD,wFAAwF;AACxF,iDAA0D;AAE1D;;;;;GAKG;AACH,SAAgB,sBAAsB,CAAC,KAAkC;IACvE,MAAM,SAAS,GAAG,IAAA,yBAAiB,EACjC,oBAAoB,EACpB,4DAA8B,CAC/B,CAAC;IAEF,OAAO,uBAAC,SAAS,OAAK,KAAK,GAAI,CAAC;AAClC,CAAC"}

package/src/lib/components/sidebar-navigation/sidebar-navigation.types.d.ts

@@ -0,0 +1,16 @@
+import { ISidebarNavOptions } from '../../models';
+export interface ISidebarNavItemClick {
+    itemId: string;
+}
+export interface ISidebarNavItemToggle {
+    itemId: string;
+    expanded: boolean;
+}
+export interface SmartSidebarNavigationProps {
+    options?: ISidebarNavOptions;
+    className?: string;
+    /** A click on an item (or child) without `href`. */
+    onItemClick?: (event: ISidebarNavItemClick) => void;
+    /** An expandable item was opened or closed. */
+    onItemToggle?: (event: ISidebarNavItemToggle) => void;
+}

package/src/lib/components/sidebar-navigation/sidebar-navigation.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=sidebar-navigation.types.js.map

package/src/lib/components/sidebar-navigation/sidebar-navigation.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-navigation.types.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/sidebar-navigation/sidebar-navigation.types.ts"],"names":[],"mappings":""}

package/src/lib/components/sidebar-navigation/standard/sidebar-navigation-standard.d.ts

@@ -0,0 +1,3 @@
+import { SmartSidebarNavigationProps } from '../sidebar-navigation.types';
+/** The default sidebar navigation rendering (`<smart-sidebar-navigation-standard>`). */
+export declare function SmartSidebarNavigationStandard(props: SmartSidebarNavigationProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/sidebar-navigation/standard/sidebar-navigation-standard.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartSidebarNavigationStandard = SmartSidebarNavigationStandard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../utils/class-names");
+const nav_link_1 = require("../../navbar/nav-link");
+const use_sidebar_navigation_1 = require("../use-sidebar-navigation");
+/** The default sidebar navigation rendering (`<smart-sidebar-navigation-standard>`). */
+function SmartSidebarNavigationStandard(props) {
+    const { options, className } = props;
+    const { groups, isExpanded, toggleExpanded, itemClick } = (0, use_sidebar_navigation_1.useSidebarNavigation)(props);
+    const renderContent = (item) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [item.iconTpl ? ((0, jsx_runtime_1.jsx)("span", { className: "item-icon", children: item.iconTpl })) : item.initial ? ((0, jsx_runtime_1.jsx)("span", { className: "item-initial", children: item.initial })) : null, item.label && (0, jsx_runtime_1.jsx)("span", { className: "item-label", children: item.label }), item.badge !== undefined && item.badge !== null && ((0, jsx_runtime_1.jsx)("span", { className: "item-badge", children: item.badge }))] }));
+    const renderChild = (child) => ((0, jsx_runtime_1.jsx)("li", { className: "child", children: child.href ? ((0, jsx_runtime_1.jsx)(nav_link_1.SmartNavLink, { href: child.href, className: (0, class_names_1.cn)('child-link', child.current && 'current'), "aria-current": child.current ? 'page' : undefined, children: child.label && (0, jsx_runtime_1.jsx)("span", { className: "child-label", children: child.label }) })) : ((0, jsx_runtime_1.jsx)("button", { type: "button", className: (0, class_names_1.cn)('child-button', child.current && 'current'), "aria-current": child.current ? 'page' : undefined, onClick: () => itemClick(child.id), children: child.label && (0, jsx_runtime_1.jsx)("span", { className: "child-label", children: child.label }) })) }, child.id));
+    const logo = options?.logo;
+    const profile = options?.profile;
+    const logoImages = logo && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [logo.url && ((0, jsx_runtime_1.jsx)("img", { className: "sidebar-logo-img", src: logo.url, alt: logo.alt ?? '' })), logo.urlDark && ((0, jsx_runtime_1.jsx)("img", { className: "sidebar-logo-img sidebar-logo-img-dark", src: logo.urlDark, alt: logo.alt ?? '' }))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, class_names_1.cn)('sidebar-navigation-wrapper', className), children: [logo && ((0, jsx_runtime_1.jsx)("div", { className: "sidebar-logo", children: logo.tpl ? (logo.tpl) : logo.href ? ((0, jsx_runtime_1.jsx)(nav_link_1.SmartNavLink, { href: logo.href, children: logoImages })) : (logoImages) })), (0, jsx_runtime_1.jsx)("nav", { className: "sidebar-navigation", "aria-label": options?.ariaLabel ?? 'Sidebar', children: (0, jsx_runtime_1.jsxs)("ul", { role: "list", className: "groups", children: [groups.map((group, index) => ((0, jsx_runtime_1.jsxs)("li", { className: "group", children: [group.title && (0, jsx_runtime_1.jsx)("div", { className: "group-title", children: group.title }), (0, jsx_runtime_1.jsx)("ul", { role: "list", className: "items", children: group.items.map((item) => ((0, jsx_runtime_1.jsx)("li", { className: "item", children: item.expandable ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", className: "item-toggle", "aria-expanded": isExpanded(item), "aria-controls": 'sidebar-sub-' + item.id, onClick: () => toggleExpanded(item), children: [item.iconTpl && ((0, jsx_runtime_1.jsx)("span", { className: "item-icon", children: item.iconTpl })), item.label && ((0, jsx_runtime_1.jsx)("span", { className: "item-label", children: item.label })), (0, jsx_runtime_1.jsx)("span", { className: "item-chevron", "aria-hidden": "true", children: "\u203A" })] }), isExpanded(item) && !!item.children?.length && ((0, jsx_runtime_1.jsx)("ul", { role: "list", className: "children", id: 'sidebar-sub-' + item.id, children: item.children.map(renderChild) }))] })) : item.href ? ((0, jsx_runtime_1.jsx)(nav_link_1.SmartNavLink, { href: item.href, className: (0, class_names_1.cn)('item-link', item.current && 'current'), "aria-current": item.current ? 'page' : undefined, children: renderContent(item) })) : ((0, jsx_runtime_1.jsx)("button", { type: "button", className: (0, class_names_1.cn)('item-button', item.current && 'current'), "aria-current": item.current ? 'page' : undefined, onClick: () => itemClick(item.id), children: renderContent(item) })) }, item.id))) })] }, group.id ?? index))), profile && ((0, jsx_runtime_1.jsx)("li", { className: "profile", children: (0, jsx_runtime_1.jsxs)(nav_link_1.SmartNavLink, { className: "profile-link", href: profile.href ?? '#', children: [profile.avatarUrl && ((0, jsx_runtime_1.jsx)("img", { className: "profile-avatar", src: profile.avatarUrl, alt: profile.avatarAlt ?? '' })), profile.srOnlyText && ((0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: profile.srOnlyText })), profile.name && ((0, jsx_runtime_1.jsx)("span", { className: "profile-name", "aria-hidden": "true", children: profile.name }))] }) }))] }) })] }));
+}
+//# sourceMappingURL=sidebar-navigation-standard.js.map

package/src/lib/components/sidebar-navigation/standard/sidebar-navigation-standard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-navigation-standard.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/sidebar-navigation/standard/sidebar-navigation-standard.tsx"],"names":[],"mappings":"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"}

package/src/lib/components/sidebar-navigation/use-sidebar-navigation.d.ts

@@ -0,0 +1,15 @@
+import { SmartSidebarNavigationProps } from './sidebar-navigation.types';
+import { ISidebarNavGroup, ISidebarNavItem } from '../../models';
+/**
+ * The behaviour every sidebar navigation variant shares (the Angular
+ * `SidebarNavigationBaseComponent`): `options.items` normalised into a first,
+ * untitled group followed by `options.groups`; the expanded state of the
+ * expandable items, starting from `item.expanded` and flipped by
+ * `toggleExpanded` (reported through `onItemToggle`); and the item click.
+ */
+export declare function useSidebarNavigation({ options, onItemClick, onItemToggle, }: SmartSidebarNavigationProps): {
+    groups: ISidebarNavGroup[];
+    isExpanded: (item: ISidebarNavItem) => boolean;
+    toggleExpanded: (item: ISidebarNavItem) => void;
+    itemClick: (itemId: string) => void | undefined;
+};

package/src/lib/components/sidebar-navigation/use-sidebar-navigation.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSidebarNavigation = useSidebarNavigation;
+const react_1 = require("react");
+/**
+ * The behaviour every sidebar navigation variant shares (the Angular
+ * `SidebarNavigationBaseComponent`): `options.items` normalised into a first,
+ * untitled group followed by `options.groups`; the expanded state of the
+ * expandable items, starting from `item.expanded` and flipped by
+ * `toggleExpanded` (reported through `onItemToggle`); and the item click.
+ */
+function useSidebarNavigation({ options, onItemClick, onItemToggle, }) {
+    const [expandedOverrides, setExpandedOverrides] = (0, react_1.useState)({});
+    const groups = (0, react_1.useMemo)(() => {
+        const result = [];
+        if (options?.items?.length) {
+            result.push({ items: options.items });
+        }
+        if (options?.groups?.length) {
+            result.push(...options.groups);
+        }
+        return result;
+    }, [options?.items, options?.groups]);
+    const isExpanded = (0, react_1.useCallback)((item) => item.id in expandedOverrides
+        ? expandedOverrides[item.id]
+        : (item.expanded ?? false), [expandedOverrides]);
+    const toggleExpanded = (0, react_1.useCallback)((item) => {
+        const next = !isExpanded(item);
+        setExpandedOverrides((map) => ({ ...map, [item.id]: next }));
+        onItemToggle?.({ itemId: item.id, expanded: next });
+    }, [isExpanded, onItemToggle]);
+    const itemClick = (0, react_1.useCallback)((itemId) => onItemClick?.({ itemId }), [onItemClick]);
+    return { groups, isExpanded, toggleExpanded, itemClick };
+}
+//# sourceMappingURL=use-sidebar-navigation.js.map

package/src/lib/components/sidebar-navigation/use-sidebar-navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-sidebar-navigation.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/sidebar-navigation/use-sidebar-navigation.ts"],"names":[],"mappings":";;AAYA,oDA8CC;AA1DD,iCAAuD;AAKvD;;;;;;GAMG;AACH,SAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,WAAW,EACX,YAAY,GACgB;IAC5B,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,IAAA,gBAAQ,EAExD,EAAE,CAAC,CAAC;IAEN,MAAM,MAAM,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC1B,MAAM,MAAM,GAAuB,EAAE,CAAC;QAEtC,IAAI,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;YAC3B,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC;QACxC,CAAC;QACD,IAAI,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;YAC5B,MAAM,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;QACjC,CAAC;QAED,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IAEtC,MAAM,UAAU,GAAG,IAAA,mBAAW,EAC5B,CAAC,IAAqB,EAAW,EAAE,CACjC,IAAI,CAAC,EAAE,IAAI,iBAAiB;QAC1B,CAAC,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC;QAC5B,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,EAC9B,CAAC,iBAAiB,CAAC,CACpB,CAAC;IAEF,MAAM,cAAc,GAAG,IAAA,mBAAW,EAChC,CAAC,IAAqB,EAAE,EAAE;QACxB,MAAM,IAAI,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAE/B,oBAAoB,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAC7D,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IACtD,CAAC,EACD,CAAC,UAAU,EAAE,YAAY,CAAC,CAC3B,CAAC;IAEF,MAAM,SAAS,GAAG,IAAA,mBAAW,EAC3B,CAAC,MAAc,EAAE,EAAE,CAAC,WAAW,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAC7C,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,SAAS,EAAE,CAAC;AAC3D,CAAC"}

package/src/lib/components/sign-in-form/index.d.ts

@@ -0,0 +1,6 @@
+export * from './preset/preset-classes';
+export * from './preset/sign-in-form-preset';
+export * from './sign-in-form';
+export * from './sign-in-form.types';
+export * from './standard/sign-in-form-standard';
+export * from './use-sign-in-form';

package/src/lib/components/sign-in-form/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./preset/preset-classes"), exports);
+tslib_1.__exportStar(require("./preset/sign-in-form-preset"), exports);
+tslib_1.__exportStar(require("./sign-in-form"), exports);
+tslib_1.__exportStar(require("./sign-in-form.types"), exports);
+tslib_1.__exportStar(require("./standard/sign-in-form-standard"), exports);
+tslib_1.__exportStar(require("./use-sign-in-form"), exports);
+//# sourceMappingURL=index.js.map

package/src/lib/components/sign-in-form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/sign-in-form/index.ts"],"names":[],"mappings":";;;AAAA,kEAAwC;AACxC,uEAA6C;AAC7C,yDAA+B;AAC/B,+DAAqC;AACrC,2EAAiD;AACjD,6DAAmC"}

package/src/lib/components/sign-in-form/preset/preset-classes.d.ts

@@ -0,0 +1,22 @@
+import { SmartSignInFormLayout } from '../../../models';
+/**
+ * Root container classes for the given layout. Falls back to the `simple`
+ * recipe for an unknown layout.
+ */
+export declare function getSignInFormContainerClasses(layout?: SmartSignInFormLayout): string;
+/** Card wrapper used by the `card` layout. */
+export declare function getSignInFormCardClasses(): string;
+/** Hero column used by the `split-screen` layout. */
+export declare function getSignInFormHeroClasses(): string;
+/** Form column used by the `split-screen` layout. */
+export declare function getSignInFormColumnClasses(): string;
+/** Field `<label>` classes. */
+export declare function getSignInFormLabelClasses(): string;
+/** Field `<input>` classes, consistent with the library input presets. */
+export declare function getSignInFormInputClasses(): string;
+/** Solid primary submit button classes. */
+export declare function getSignInFormSubmitClasses(): string;
+/** Outline social-provider button classes. */
+export declare function getSignInFormSocialClasses(): string;
+/** Forgot-password / alt-link classes. */
+export declare function getSignInFormLinkClasses(): string;

package/src/lib/components/sign-in-form/preset/preset-classes.js

@@ -0,0 +1,151 @@
+"use strict";
+// Class recipes for the sign-in-form preset variation.
+// Every utility is `smart:`-prefixed (Tailwind v4 `prefix(smart)`) with explicit
+// `smart:dark:*` twins in the same template. Field styling is aligned with the
+// library input presets (rounded-lg, gray borders, blue focus ring).
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSignInFormContainerClasses = getSignInFormContainerClasses;
+exports.getSignInFormCardClasses = getSignInFormCardClasses;
+exports.getSignInFormHeroClasses = getSignInFormHeroClasses;
+exports.getSignInFormColumnClasses = getSignInFormColumnClasses;
+exports.getSignInFormLabelClasses = getSignInFormLabelClasses;
+exports.getSignInFormInputClasses = getSignInFormInputClasses;
+exports.getSignInFormSubmitClasses = getSignInFormSubmitClasses;
+exports.getSignInFormSocialClasses = getSignInFormSocialClasses;
+exports.getSignInFormLinkClasses = getSignInFormLinkClasses;
+const CONTAINER = {
+    simple: ['smart:w-full', 'smart:max-w-sm', 'smart:mx-auto'],
+    'simple-no-labels': ['smart:w-full', 'smart:max-w-sm', 'smart:mx-auto'],
+    card: ['smart:w-full', 'smart:max-w-sm', 'smart:mx-auto'],
+    'split-screen': ['smart:grid', 'smart:min-h-full', 'smart:lg:grid-cols-2'],
+};
+/**
+ * Root container classes for the given layout. Falls back to the `simple`
+ * recipe for an unknown layout.
+ */
+function getSignInFormContainerClasses(layout = 'simple') {
+    return (CONTAINER[layout] ?? CONTAINER.simple).join(' ');
+}
+/** Card wrapper used by the `card` layout. */
+function getSignInFormCardClasses() {
+    return [
+        'smart:rounded-xl',
+        'smart:border',
+        'smart:border-gray-200',
+        'smart:dark:border-gray-700',
+        'smart:bg-white',
+        'smart:dark:bg-gray-900',
+        'smart:p-6',
+        'smart:shadow-2xs',
+    ].join(' ');
+}
+/** Hero column used by the `split-screen` layout. */
+function getSignInFormHeroClasses() {
+    return [
+        'smart:relative',
+        'smart:hidden',
+        'smart:lg:block',
+        'smart:bg-gray-100',
+        'smart:dark:bg-gray-800',
+    ].join(' ');
+}
+/** Form column used by the `split-screen` layout. */
+function getSignInFormColumnClasses() {
+    return [
+        'smart:flex',
+        'smart:items-center',
+        'smart:justify-center',
+        'smart:px-8',
+        'smart:py-12',
+    ].join(' ');
+}
+/** Field `<label>` classes. */
+function getSignInFormLabelClasses() {
+    return [
+        'smart:block',
+        'smart:text-sm',
+        'smart:font-medium',
+        'smart:text-gray-700',
+        'smart:dark:text-gray-200',
+        'smart:mb-1',
+    ].join(' ');
+}
+/** Field `<input>` classes, consistent with the library input presets. */
+function getSignInFormInputClasses() {
+    return [
+        'smart:block',
+        'smart:w-full',
+        'smart:rounded-lg',
+        'smart:border-gray-200',
+        'smart:dark:border-gray-700',
+        'smart:bg-white',
+        'smart:dark:bg-gray-800',
+        'smart:px-3',
+        'smart:py-2',
+        'smart:text-sm',
+        'smart:text-gray-900',
+        'smart:dark:text-white',
+        'smart:shadow-2xs',
+        'smart:focus:border-blue-500',
+        'smart:focus:ring-blue-500',
+        'smart:disabled:pointer-events-none',
+        'smart:disabled:opacity-50',
+    ].join(' ');
+}
+/** Solid primary submit button classes. */
+function getSignInFormSubmitClasses() {
+    return [
+        'smart:inline-flex',
+        'smart:w-full',
+        'smart:items-center',
+        'smart:justify-center',
+        'smart:gap-2',
+        'smart:rounded-lg',
+        'smart:bg-blue-600',
+        'smart:hover:bg-blue-700',
+        'smart:px-4',
+        'smart:py-2.5',
+        'smart:text-sm',
+        'smart:font-medium',
+        'smart:text-white',
+        'smart:disabled:pointer-events-none',
+        'smart:disabled:opacity-50',
+    ].join(' ');
+}
+/** Outline social-provider button classes. */
+function getSignInFormSocialClasses() {
+    return [
+        'smart:inline-flex',
+        'smart:w-full',
+        'smart:items-center',
+        'smart:justify-center',
+        'smart:gap-2',
+        'smart:rounded-lg',
+        'smart:border',
+        'smart:border-gray-200',
+        'smart:dark:border-gray-700',
+        'smart:bg-white',
+        'smart:dark:bg-gray-800',
+        'smart:px-4',
+        'smart:py-2.5',
+        'smart:text-sm',
+        'smart:font-medium',
+        'smart:text-gray-700',
+        'smart:dark:text-gray-200',
+        'smart:hover:bg-gray-50',
+        'smart:dark:hover:bg-gray-700',
+        'smart:disabled:pointer-events-none',
+        'smart:disabled:opacity-50',
+    ].join(' ');
+}
+/** Forgot-password / alt-link classes. */
+function getSignInFormLinkClasses() {
+    return [
+        'smart:text-sm',
+        'smart:font-medium',
+        'smart:text-blue-600',
+        'smart:dark:text-blue-400',
+        'smart:hover:underline',
+    ].join(' ');
+}
+//# sourceMappingURL=preset-classes.js.map

package/src/lib/components/sign-in-form/preset/preset-classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset-classes.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/sign-in-form/preset/preset-classes.ts"],"names":[],"mappings":"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"}

package/src/lib/components/sign-in-form/preset/sign-in-form-preset.d.ts

@@ -0,0 +1,13 @@
+import { SmartSignInFormProps } from '../sign-in-form.types';
+/**
+ * Styled sign-in form variation (preset). Register it as
+ * `components['sign-in-form']` on `SmartProvider` to restyle every
+ * `<SmartSignInForm>`, or render it directly.
+ *
+ * Shares the form logic of the standard (`useSignInForm`) and restyles it
+ * with one of four `options.layout` looks: `simple` (default, labelled single
+ * column), `simple-no-labels` (placeholders only, unless `showLabels` is
+ * `true`), `card` (bordered card wrapper) and `split-screen` (hero + form
+ * grid). `className` is merged into the container classes.
+ */
+export declare function SmartSignInFormPreset(props: SmartSignInFormProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/sign-in-form/preset/sign-in-form-preset.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartSignInFormPreset = SmartSignInFormPreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../utils/class-names");
+const use_sign_in_form_1 = require("../use-sign-in-form");
+const preset_classes_1 = require("./preset-classes");
+/**
+ * Styled sign-in form variation (preset). Register it as
+ * `components['sign-in-form']` on `SmartProvider` to restyle every
+ * `<SmartSignInForm>`, or render it directly.
+ *
+ * Shares the form logic of the standard (`useSignInForm`) and restyles it
+ * with one of four `options.layout` looks: `simple` (default, labelled single
+ * column), `simple-no-labels` (placeholders only, unless `showLabels` is
+ * `true`), `card` (bordered card wrapper) and `split-screen` (hero + form
+ * grid). `className` is merged into the container classes.
+ */
+function SmartSignInFormPreset(props) {
+    const { mode = 'sign-in', disabled = false, options, className } = props;
+    const { email, setEmail, password, setPassword, submit, socialClick } = (0, use_sign_in_form_1.useSignInForm)(props);
+    const layout = options?.layout ?? 'simple';
+    const showLabels = layout === 'simple-no-labels'
+        ? options?.showLabels === true
+        : options?.showLabels !== false;
+    const containerClasses = (0, class_names_1.cn)((0, preset_classes_1.getSignInFormContainerClasses)(layout), className);
+    const labelClasses = (0, preset_classes_1.getSignInFormLabelClasses)();
+    const inputClasses = (0, preset_classes_1.getSignInFormInputClasses)();
+    const linkClasses = (0, preset_classes_1.getSignInFormLinkClasses)();
+    const socialProviders = options?.socialProviders ?? [];
+    const formContent = ((0, jsx_runtime_1.jsxs)("form", { "data-role": "form", className: "smart:space-y-4", onSubmit: submit, "aria-label": options?.ariaLabel, noValidate: true, children: [(0, jsx_runtime_1.jsxs)("div", { children: [showLabels && ((0, jsx_runtime_1.jsx)("label", { htmlFor: "smart-sign-in-form-email", className: labelClasses, children: "Email" })), (0, jsx_runtime_1.jsx)("input", { "data-role": "email", id: "smart-sign-in-form-email", type: "email", name: "email", autoComplete: "email", className: inputClasses, placeholder: options?.emailPlaceholder, disabled: disabled, value: email, onChange: (event) => setEmail(event.target.value), required: true })] }), (0, jsx_runtime_1.jsxs)("div", { children: [showLabels && ((0, jsx_runtime_1.jsx)("label", { htmlFor: "smart-sign-in-form-password", className: labelClasses, children: "Password" })), (0, jsx_runtime_1.jsx)("input", { "data-role": "password", id: "smart-sign-in-form-password", type: "password", name: "password", className: inputClasses, autoComplete: mode === 'sign-up' ? 'new-password' : 'current-password', placeholder: options?.passwordPlaceholder, disabled: disabled, value: password, onChange: (event) => setPassword(event.target.value), required: true })] }), mode === 'sign-in' && options?.forgotPasswordHref && ((0, jsx_runtime_1.jsx)("div", { className: "smart:text-right", children: (0, jsx_runtime_1.jsx)("a", { "data-role": "forgot", className: linkClasses, href: options.forgotPasswordHref, children: "Forgot password?" }) })), (0, jsx_runtime_1.jsx)("button", { "data-role": "submit", type: "submit", className: (0, preset_classes_1.getSignInFormSubmitClasses)(), disabled: disabled, children: options?.submitLabel ?? (mode === 'sign-up' ? 'Sign up' : 'Sign in') }), socialProviders.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "smart:space-y-2", children: socialProviders.map((provider) => ((0, jsx_runtime_1.jsxs)("button", { "data-role": "social", type: "button", className: (0, preset_classes_1.getSignInFormSocialClasses)(), disabled: disabled, onClick: () => socialClick(provider.id), children: [provider.iconTpl ? ((0, jsx_runtime_1.jsx)("span", { className: "smart:inline-flex smart:size-5 smart:items-center", children: provider.iconTpl })) : provider.iconUrl ? ((0, jsx_runtime_1.jsx)("img", { className: "smart:size-5", src: provider.iconUrl, alt: "" })) : null, provider.label] }, provider.id))) })), mode === 'sign-in' && options?.signUpHref && ((0, jsx_runtime_1.jsx)("a", { "data-role": "alt-link", className: (0, class_names_1.cn)('smart:block smart:text-center', linkClasses), href: options.signUpHref, children: "Create an account" })), mode === 'sign-up' && options?.signInHref && ((0, jsx_runtime_1.jsx)("a", { "data-role": "alt-link", className: (0, class_names_1.cn)('smart:block smart:text-center', linkClasses), href: options.signInHref, children: "Already have an account?" })), options?.extraTpl && (0, jsx_runtime_1.jsx)("div", { "data-role": "extra", children: options.extraTpl })] }));
+    switch (layout) {
+        case 'split-screen':
+            return ((0, jsx_runtime_1.jsxs)("div", { "data-role": "container", className: containerClasses, children: [(0, jsx_runtime_1.jsx)("div", { "data-role": "hero", className: (0, preset_classes_1.getSignInFormHeroClasses)(), children: options?.heroImageUrl && ((0, jsx_runtime_1.jsx)("img", { className: "smart:absolute smart:inset-0 smart:h-full smart:w-full smart:object-cover", src: options.heroImageUrl, alt: "" })) }), (0, jsx_runtime_1.jsx)("div", { className: (0, preset_classes_1.getSignInFormColumnClasses)(), children: (0, jsx_runtime_1.jsx)("div", { className: "smart:w-full smart:max-w-sm", children: formContent }) })] }));
+        case 'card':
+            return ((0, jsx_runtime_1.jsx)("div", { "data-role": "container", className: containerClasses, children: (0, jsx_runtime_1.jsx)("div", { "data-role": "card", className: (0, preset_classes_1.getSignInFormCardClasses)(), children: formContent }) }));
+        default:
+            return ((0, jsx_runtime_1.jsx)("div", { "data-role": "container", className: containerClasses, children: formContent }));
+    }
+}
+//# sourceMappingURL=sign-in-form-preset.js.map

package/src/lib/components/sign-in-form/preset/sign-in-form-preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sign-in-form-preset.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/sign-in-form/preset/sign-in-form-preset.tsx"],"names":[],"mappings":"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"}

package/src/lib/components/sign-in-form/sign-in-form.d.ts

@@ -0,0 +1,8 @@
+import { SmartSignInFormProps } from './sign-in-form.types';
+/**
+ * `<smart-sign-in-form>`: renders the implementation registered as
+ * `components['sign-in-form']` on `SmartProvider` (the Angular
+ * `SIGN_IN_FORM_STANDARD_COMPONENT_TOKEN`), `SmartSignInFormStandard` by
+ * default.
+ */
+export declare function SmartSignInForm(props: SmartSignInFormProps): import("react/jsx-runtime").JSX.Element;