@smartsoft001/react 0.0.0-stage → 2.193.0

package/src/lib/components/progress-bars/index.d.ts

@@ -0,0 +1,5 @@
+export * from './preset/preset-classes';
+export * from './preset/progress-bars-preset';
+export * from './progress-bars';
+export * from './progress-bars.types';
+export * from './standard/progress-bars-standard';

package/src/lib/components/progress-bars/index.js

@@ -0,0 +1,9 @@
+"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/progress-bars-preset"), exports);
+tslib_1.__exportStar(require("./progress-bars"), exports);
+tslib_1.__exportStar(require("./progress-bars.types"), exports);
+tslib_1.__exportStar(require("./standard/progress-bars-standard"), exports);
+//# sourceMappingURL=index.js.map

package/src/lib/components/progress-bars/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/progress-bars/index.ts"],"names":[],"mappings":";;;AAAA,kEAAwC;AACxC,wEAA8C;AAC9C,0DAAgC;AAChC,gEAAsC;AACtC,4EAAkD"}

package/src/lib/components/progress-bars/preset/preset-classes.d.ts

@@ -0,0 +1,26 @@
+import { SmartProgressBarsLayout, SmartProgressStepStatus } from '../../../models';
+export declare const PROGRESS_BARS_WRAPPER = "smart:w-full";
+export declare const PROGRESS_BARS_HEADER: string;
+export declare const PROGRESS_BARS_TITLE: string;
+export declare const PROGRESS_BARS_VALUE_LABEL: string;
+export declare const PROGRESS_BARS_TRACK: string;
+export declare const PROGRESS_BARS_FILL: string;
+export declare const PROGRESS_BARS_COLUMNS: string;
+export declare function getProgressBarsColumnClasses(active: boolean): string;
+export declare function isProgressBarsVertical(layout: SmartProgressBarsLayout): boolean;
+export declare function isProgressBarsBullet(layout: SmartProgressBarsLayout): boolean;
+export declare function isProgressBarsCircle(layout: SmartProgressBarsLayout): boolean;
+export declare function isProgressBarsPanel(layout: SmartProgressBarsLayout): boolean;
+export declare function isProgressBarsSimple(layout: SmartProgressBarsLayout): boolean;
+export declare const PROGRESS_BARS_NAV = "smart:w-full";
+export declare const PROGRESS_BARS_STEPPER_TITLE: string;
+export declare function getProgressBarsListClasses(layout: SmartProgressBarsLayout): string;
+export declare function getProgressBarsStepClasses(layout: SmartProgressBarsLayout, status: SmartProgressStepStatus): string;
+export declare function getProgressBarsMarkerClasses(layout: SmartProgressBarsLayout, status: SmartProgressStepStatus): string;
+export declare function getProgressBarsNameClasses(status: SmartProgressStepStatus): string;
+export declare const PROGRESS_BARS_DESCRIPTION: string;
+export declare const PROGRESS_BARS_INDEX = "smart:leading-none";
+export declare function getProgressBarsConnectorClasses(status: SmartProgressStepStatus): string;
+export declare const PROGRESS_BARS_STEP_BUTTON: string;
+export declare const PROGRESS_BARS_STEP_LINK: string;
+export declare const PROGRESS_BARS_CHECK_ICON = "smart:size-4";

package/src/lib/components/progress-bars/preset/preset-classes.js

@@ -0,0 +1,197 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PROGRESS_BARS_CHECK_ICON = exports.PROGRESS_BARS_STEP_LINK = exports.PROGRESS_BARS_STEP_BUTTON = exports.PROGRESS_BARS_INDEX = exports.PROGRESS_BARS_DESCRIPTION = exports.PROGRESS_BARS_STEPPER_TITLE = exports.PROGRESS_BARS_NAV = exports.PROGRESS_BARS_COLUMNS = exports.PROGRESS_BARS_FILL = exports.PROGRESS_BARS_TRACK = exports.PROGRESS_BARS_VALUE_LABEL = exports.PROGRESS_BARS_TITLE = exports.PROGRESS_BARS_HEADER = exports.PROGRESS_BARS_WRAPPER = void 0;
+exports.getProgressBarsColumnClasses = getProgressBarsColumnClasses;
+exports.isProgressBarsVertical = isProgressBarsVertical;
+exports.isProgressBarsBullet = isProgressBarsBullet;
+exports.isProgressBarsCircle = isProgressBarsCircle;
+exports.isProgressBarsPanel = isProgressBarsPanel;
+exports.isProgressBarsSimple = isProgressBarsSimple;
+exports.getProgressBarsListClasses = getProgressBarsListClasses;
+exports.getProgressBarsStepClasses = getProgressBarsStepClasses;
+exports.getProgressBarsMarkerClasses = getProgressBarsMarkerClasses;
+exports.getProgressBarsNameClasses = getProgressBarsNameClasses;
+exports.getProgressBarsConnectorClasses = getProgressBarsConnectorClasses;
+/* -------------------------------------------------------------------------- */
+/* Percentage progress-bar mode (layout: 'progress-bar')                      */
+/* -------------------------------------------------------------------------- */
+exports.PROGRESS_BARS_WRAPPER = 'smart:w-full';
+exports.PROGRESS_BARS_HEADER = [
+    'smart:mb-2',
+    'smart:flex',
+    'smart:justify-between',
+    'smart:items-center',
+].join(' ');
+exports.PROGRESS_BARS_TITLE = [
+    'smart:text-sm',
+    'smart:font-medium',
+    'smart:text-gray-800',
+    'smart:dark:text-white',
+].join(' ');
+exports.PROGRESS_BARS_VALUE_LABEL = [
+    'smart:text-sm',
+    'smart:text-gray-800',
+    'smart:dark:text-white',
+].join(' ');
+exports.PROGRESS_BARS_TRACK = [
+    'smart:flex',
+    'smart:w-full',
+    'smart:h-2.5',
+    'smart:bg-gray-200',
+    'smart:rounded-full',
+    'smart:overflow-hidden',
+    'smart:dark:bg-gray-700',
+].join(' ');
+exports.PROGRESS_BARS_FILL = [
+    'smart:flex',
+    'smart:flex-col',
+    'smart:justify-center',
+    'smart:rounded-full',
+    'smart:overflow-hidden',
+    'smart:bg-blue-600',
+    'smart:text-xs',
+    'smart:text-white',
+    'smart:text-center',
+    'smart:whitespace-nowrap',
+    'smart:transition',
+    'smart:duration-500',
+    'smart:dark:bg-blue-500',
+].join(' ');
+exports.PROGRESS_BARS_COLUMNS = [
+    'smart:mt-2',
+    'smart:grid',
+    'smart:gap-x-1',
+    'smart:text-xs',
+    'smart:text-center',
+    'smart:text-gray-500',
+    'smart:dark:text-gray-400',
+].join(' ');
+function getProgressBarsColumnClasses(active) {
+    return active
+        ? 'smart:font-semibold smart:text-gray-800 smart:dark:text-gray-200'
+        : '';
+}
+/* -------------------------------------------------------------------------- */
+/* Step-list / stepper mode                                                   */
+/* -------------------------------------------------------------------------- */
+const VERTICAL_LAYOUTS = new Set([
+    'bullets-and-text',
+    'circles-with-text',
+]);
+const BULLET_LAYOUTS = new Set([
+    'bullets',
+    'bullets-and-text',
+]);
+const CIRCLE_LAYOUTS = new Set([
+    'circles',
+    'circles-with-text',
+    'panels',
+    'panels-with-border',
+]);
+function isProgressBarsVertical(layout) {
+    return VERTICAL_LAYOUTS.has(layout);
+}
+function isProgressBarsBullet(layout) {
+    return BULLET_LAYOUTS.has(layout);
+}
+function isProgressBarsCircle(layout) {
+    return CIRCLE_LAYOUTS.has(layout);
+}
+function isProgressBarsPanel(layout) {
+    return layout === 'panels' || layout === 'panels-with-border';
+}
+function isProgressBarsSimple(layout) {
+    return layout === 'simple';
+}
+exports.PROGRESS_BARS_NAV = 'smart:w-full';
+exports.PROGRESS_BARS_STEPPER_TITLE = [
+    'smart:mb-4',
+    'smart:text-sm',
+    'smart:font-medium',
+    'smart:text-gray-800',
+    'smart:dark:text-white',
+].join(' ');
+function getProgressBarsListClasses(layout) {
+    if (isProgressBarsVertical(layout)) {
+        return 'smart:flex smart:flex-col smart:gap-y-4';
+    }
+    if (isProgressBarsSimple(layout)) {
+        return 'smart:flex smart:items-stretch smart:gap-x-2';
+    }
+    return 'smart:flex smart:items-center smart:w-full';
+}
+function getProgressBarsStepClasses(layout, status) {
+    if (isProgressBarsSimple(layout)) {
+        const border = status === 'upcoming'
+            ? 'smart:border-gray-200 smart:dark:border-gray-700'
+            : 'smart:border-blue-600 smart:dark:border-blue-500';
+        return `smart:flex smart:flex-1 smart:flex-col smart:border-t-4 smart:pt-3 ${border}`;
+    }
+    if (isProgressBarsPanel(layout)) {
+        const ring = status === 'current'
+            ? 'smart:border-blue-600 smart:dark:border-blue-500'
+            : 'smart:border-gray-200 smart:dark:border-gray-700';
+        return `smart:flex smart:flex-1 smart:items-center smart:gap-x-3 smart:rounded-lg smart:border smart:p-4 ${ring}`;
+    }
+    if (isProgressBarsVertical(layout)) {
+        return 'smart:flex smart:items-start smart:gap-x-3';
+    }
+    // Horizontal circles / bullets share a connector-driven row.
+    return 'smart:flex smart:flex-1 smart:items-center smart:gap-x-2 smart:last:flex-none';
+}
+function getProgressBarsMarkerClasses(layout, status) {
+    if (isProgressBarsBullet(layout)) {
+        const tone = status === 'upcoming'
+            ? 'smart:bg-gray-300 smart:dark:bg-gray-600'
+            : 'smart:bg-blue-600 smart:dark:bg-blue-500';
+        return `smart:shrink-0 smart:size-2.5 smart:rounded-full ${tone}`;
+    }
+    // Circle marker (circles, circles-with-text, panels, panels-with-border).
+    const base = 'smart:shrink-0 smart:flex smart:items-center smart:justify-center smart:size-8 smart:rounded-full smart:text-sm smart:font-medium';
+    switch (status) {
+        case 'complete':
+            return `${base} smart:bg-blue-600 smart:text-white smart:dark:bg-blue-500`;
+        case 'current':
+            return `${base} smart:border-2 smart:border-blue-600 smart:text-blue-600 smart:dark:border-blue-500 smart:dark:text-blue-400`;
+        default:
+            return `${base} smart:border-2 smart:border-gray-300 smart:text-gray-500 smart:dark:border-gray-600 smart:dark:text-gray-400`;
+    }
+}
+function getProgressBarsNameClasses(status) {
+    switch (status) {
+        case 'complete':
+            return 'smart:text-sm smart:font-medium smart:text-gray-900 smart:dark:text-white';
+        case 'current':
+            return 'smart:text-sm smart:font-medium smart:text-blue-600 smart:dark:text-blue-400';
+        default:
+            return 'smart:text-sm smart:font-medium smart:text-gray-500 smart:dark:text-gray-400';
+    }
+}
+exports.PROGRESS_BARS_DESCRIPTION = [
+    'smart:text-sm',
+    'smart:text-gray-500',
+    'smart:dark:text-gray-400',
+].join(' ');
+exports.PROGRESS_BARS_INDEX = 'smart:leading-none';
+function getProgressBarsConnectorClasses(status) {
+    const tone = status === 'complete'
+        ? 'smart:bg-blue-600 smart:dark:bg-blue-500'
+        : 'smart:bg-gray-200 smart:dark:bg-gray-700';
+    return `smart:h-0.5 smart:w-full smart:flex-1 smart:rounded-full ${tone}`;
+}
+exports.PROGRESS_BARS_STEP_BUTTON = [
+    'smart:flex',
+    'smart:items-center',
+    'smart:gap-x-3',
+    'smart:text-start',
+    'smart:focus:outline-none',
+].join(' ');
+exports.PROGRESS_BARS_STEP_LINK = [
+    'smart:flex',
+    'smart:items-center',
+    'smart:gap-x-3',
+    'smart:text-start',
+    'smart:focus:outline-none',
+].join(' ');
+exports.PROGRESS_BARS_CHECK_ICON = 'smart:size-4';
+//# sourceMappingURL=preset-classes.js.map

package/src/lib/components/progress-bars/preset/preset-classes.js.map

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

package/src/lib/components/progress-bars/preset/progress-bars-preset.d.ts

@@ -0,0 +1,14 @@
+import { SmartProgressBarsProps } from '../progress-bars.types';
+/**
+ * Styled progress bars variation (preset). Register it as
+ * `components['progress-bars']` on `SmartProvider` to restyle every
+ * `<SmartProgressBars>`, or render it directly.
+ *
+ * Two modes off the shared `IProgressBarsOptions`: the percentage
+ * `progress-bar` layout (track and fill, optional title with the value label
+ * and column captions), and the step lists (`simple`, `panels`,
+ * `panels-with-border`, `bullets`, `bullets-and-text`, `circles`,
+ * `circles-with-text`), with connectors between the steps of the horizontal
+ * circle and bullet rows.
+ */
+export declare function SmartProgressBarsPreset({ options, className, onStepClick, }: SmartProgressBarsProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/progress-bars/preset/progress-bars-preset.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartProgressBarsPreset = SmartProgressBarsPreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const class_names_1 = require("../../../utils/class-names");
+const nav_link_1 = require("../../navbar/nav-link");
+const preset_classes_1 = require("./preset-classes");
+/**
+ * Styled progress bars variation (preset). Register it as
+ * `components['progress-bars']` on `SmartProvider` to restyle every
+ * `<SmartProgressBars>`, or render it directly.
+ *
+ * Two modes off the shared `IProgressBarsOptions`: the percentage
+ * `progress-bar` layout (track and fill, optional title with the value label
+ * and column captions), and the step lists (`simple`, `panels`,
+ * `panels-with-border`, `bullets`, `bullets-and-text`, `circles`,
+ * `circles-with-text`), with connectors between the steps of the horizontal
+ * circle and bullet rows.
+ */
+function SmartProgressBarsPreset({ options, className, onStepClick, }) {
+    const layout = options?.layout ?? 'simple';
+    const ariaLabel = options?.ariaLabel ?? 'Progress';
+    const title = options?.title;
+    if (layout === 'progress-bar') {
+        const value = Math.max(0, Math.min(100, options?.value ?? 0));
+        const columns = options?.columns ?? [];
+        return ((0, jsx_runtime_1.jsxs)("div", { className: (0, class_names_1.cn)(preset_classes_1.PROGRESS_BARS_WRAPPER, className), children: [options?.srOnlyTitle && ((0, jsx_runtime_1.jsx)("h4", { className: "smart:sr-only", children: options.srOnlyTitle })), title && ((0, jsx_runtime_1.jsxs)("div", { className: preset_classes_1.PROGRESS_BARS_HEADER, children: [(0, jsx_runtime_1.jsx)("h3", { className: preset_classes_1.PROGRESS_BARS_TITLE, children: title }), (0, jsx_runtime_1.jsxs)("span", { className: preset_classes_1.PROGRESS_BARS_VALUE_LABEL, children: [value, "%"] })] })), (0, jsx_runtime_1.jsx)("div", { className: preset_classes_1.PROGRESS_BARS_TRACK, role: "progressbar", "aria-valuenow": value, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": ariaLabel, children: (0, jsx_runtime_1.jsx)("div", { className: preset_classes_1.PROGRESS_BARS_FILL, style: { width: value + '%' } }) }), columns.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: preset_classes_1.PROGRESS_BARS_COLUMNS, style: {
+                        gridTemplateColumns: 'repeat(' + (columns.length || 1) + ', minmax(0, 1fr))',
+                    }, children: columns.map((col) => ((0, jsx_runtime_1.jsx)("div", { className: (0, preset_classes_1.getProgressBarsColumnClasses)(Boolean(col.active)) || undefined, children: col.label }, col.label))) }))] }));
+    }
+    const steps = options?.steps ?? [];
+    const isCircle = (0, preset_classes_1.isProgressBarsCircle)(layout);
+    const showMarker = !(0, preset_classes_1.isProgressBarsSimple)(layout);
+    // Connectors only make sense for horizontal circle/bullet rows.
+    const hasConnectors = !(0, preset_classes_1.isProgressBarsVertical)(layout) &&
+        !(0, preset_classes_1.isProgressBarsSimple)(layout) &&
+        !(0, preset_classes_1.isProgressBarsPanel)(layout) &&
+        (isCircle || (0, preset_classes_1.isProgressBarsBullet)(layout));
+    const renderStepBody = (step, idx) => {
+        const status = step.status ?? 'upcoming';
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [showMarker && ((0, jsx_runtime_1.jsx)("span", { className: (0, preset_classes_1.getProgressBarsMarkerClasses)(layout, status), children: step.iconTpl ? (step.iconTpl) : isCircle && step.status === 'complete' ? ((0, jsx_runtime_1.jsx)("svg", { className: preset_classes_1.PROGRESS_BARS_CHECK_ICON, xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: (0, jsx_runtime_1.jsx)("polyline", { points: "20 6 9 17 4 12" }) })) : isCircle ? ((0, jsx_runtime_1.jsx)("span", { className: preset_classes_1.PROGRESS_BARS_INDEX, children: step.index ?? idx + 1 })) : null })), (step.name || step.description) && ((0, jsx_runtime_1.jsxs)("span", { className: "smart:flex smart:flex-col", children: [step.name && ((0, jsx_runtime_1.jsx)("span", { className: (0, preset_classes_1.getProgressBarsNameClasses)(status), children: step.name })), step.description && ((0, jsx_runtime_1.jsx)("span", { className: preset_classes_1.PROGRESS_BARS_DESCRIPTION, children: step.description }))] }))] }));
+    };
+    return ((0, jsx_runtime_1.jsxs)("nav", { className: (0, class_names_1.cn)(preset_classes_1.PROGRESS_BARS_NAV, className), "aria-label": ariaLabel, children: [title && (0, jsx_runtime_1.jsx)("p", { className: preset_classes_1.PROGRESS_BARS_STEPPER_TITLE, children: title }), (0, jsx_runtime_1.jsx)("ol", { role: "list", className: (0, preset_classes_1.getProgressBarsListClasses)(layout), children: steps.map((step, idx) => {
+                    const status = step.status ?? 'upcoming';
+                    const ariaCurrent = step.status === 'current' ? 'step' : undefined;
+                    return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("li", { className: (0, preset_classes_1.getProgressBarsStepClasses)(layout, status), children: step.href ? ((0, jsx_runtime_1.jsx)(nav_link_1.SmartNavLink, { href: step.href, className: preset_classes_1.PROGRESS_BARS_STEP_LINK, "aria-current": ariaCurrent, children: renderStepBody(step, idx) })) : ((0, jsx_runtime_1.jsx)("button", { type: "button", className: preset_classes_1.PROGRESS_BARS_STEP_BUTTON, "aria-current": ariaCurrent, onClick: () => onStepClick?.({ stepId: step.id }), children: renderStepBody(step, idx) })) }), hasConnectors && idx < steps.length - 1 && ((0, jsx_runtime_1.jsx)("li", { "aria-hidden": "true", className: (0, preset_classes_1.getProgressBarsConnectorClasses)(status) }))] }, step.id));
+                }) })] }));
+}
+//# sourceMappingURL=progress-bars-preset.js.map

package/src/lib/components/progress-bars/preset/progress-bars-preset.js.map

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

package/src/lib/components/progress-bars/progress-bars.d.ts

@@ -0,0 +1,8 @@
+import { SmartProgressBarsProps } from './progress-bars.types';
+/**
+ * `<smart-progress-bars>`: renders the implementation registered as
+ * `components['progress-bars']` on `SmartProvider` (the Angular
+ * `PROGRESS_BARS_STANDARD_COMPONENT_TOKEN`), `SmartProgressBarsStandard` by
+ * default.
+ */
+export declare function SmartProgressBars(props: SmartProgressBarsProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/progress-bars/progress-bars.js

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

package/src/lib/components/progress-bars/progress-bars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bars.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/progress-bars/progress-bars.tsx"],"names":[],"mappings":";;AAUA,8CAOC;;AAhBD,8EAA8E;AAC9E,iDAA0D;AAE1D;;;;;GAKG;AACH,SAAgB,iBAAiB,CAAC,KAA6B;IAC7D,MAAM,SAAS,GAAG,IAAA,yBAAiB,EACjC,eAAe,EACf,kDAAyB,CAC1B,CAAC;IAEF,OAAO,uBAAC,SAAS,OAAK,KAAK,GAAI,CAAC;AAClC,CAAC"}

package/src/lib/components/progress-bars/progress-bars.types.d.ts

@@ -0,0 +1,10 @@
+import { IProgressBarsOptions } from '../../models';
+export interface IProgressStepClick {
+    stepId: string;
+}
+export interface SmartProgressBarsProps {
+    options?: IProgressBarsOptions;
+    className?: string;
+    /** A click on a step without `href`. */
+    onStepClick?: (event: IProgressStepClick) => void;
+}

package/src/lib/components/progress-bars/progress-bars.types.js

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

package/src/lib/components/progress-bars/progress-bars.types.js.map

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

package/src/lib/components/progress-bars/standard/progress-bars-standard.d.ts

@@ -0,0 +1,6 @@
+import { SmartProgressBarsProps } from '../progress-bars.types';
+/**
+ * The default progress bars rendering (`<smart-progress-bars-standard>`): the
+ * steps as a `<nav>` list, or a progress bar for the `progress-bar` layout.
+ */
+export declare function SmartProgressBarsStandard({ options, className, onStepClick, }: SmartProgressBarsProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/progress-bars/standard/progress-bars-standard.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartProgressBarsStandard = SmartProgressBarsStandard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../utils/class-names");
+const nav_link_1 = require("../../navbar/nav-link");
+// Explicit literals (the Angular `'status-' + status`), so class scanners find them.
+const STATUS_CLASSES = {
+    complete: 'status-complete',
+    current: 'status-current',
+    upcoming: 'status-upcoming',
+};
+/**
+ * The default progress bars rendering (`<smart-progress-bars-standard>`): the
+ * steps as a `<nav>` list, or a progress bar for the `progress-bar` layout.
+ */
+function SmartProgressBarsStandard({ options, className, onStepClick, }) {
+    const renderStepBody = (step) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [step.iconTpl ? ((0, jsx_runtime_1.jsx)("span", { className: "progress-bars-step-icon", children: step.iconTpl })) : step.index ? ((0, jsx_runtime_1.jsx)("span", { className: "progress-bars-step-index", children: step.index })) : null, step.name && ((0, jsx_runtime_1.jsx)("span", { className: "progress-bars-step-name", children: step.name })), step.description && ((0, jsx_runtime_1.jsx)("span", { className: "progress-bars-step-description", children: step.description }))] }));
+    if (options?.layout === 'progress-bar') {
+        const value = Math.max(0, Math.min(100, options.value ?? 0));
+        const columns = options.columns ?? [];
+        return ((0, jsx_runtime_1.jsxs)("div", { className: (0, class_names_1.cn)('progress-bars-bar-wrapper', className), children: [options.srOnlyTitle && ((0, jsx_runtime_1.jsx)("h4", { className: "sr-only", children: options.srOnlyTitle })), options.title && ((0, jsx_runtime_1.jsx)("p", { className: "progress-bars-title", children: options.title })), (0, jsx_runtime_1.jsx)("div", { className: "progress-bars-track", "aria-hidden": "true", children: (0, jsx_runtime_1.jsx)("div", { className: "progress-bars-fill", style: { width: value + '%' }, role: "progressbar", "aria-valuenow": value, "aria-valuemin": 0, "aria-valuemax": 100 }) }), columns.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "progress-bars-columns", style: { '--progress-columns': columns.length }, children: columns.map((col) => ((0, jsx_runtime_1.jsx)("div", { className: (0, class_names_1.cn)('progress-bars-column', col.active && 'active'), children: col.label }, col.label))) }))] }));
+    }
+    return ((0, jsx_runtime_1.jsxs)("nav", { className: (0, class_names_1.cn)('progress-bars', className), "data-layout": options?.layout ?? 'simple', "aria-label": options?.ariaLabel ?? 'Progress', children: [options?.title && (0, jsx_runtime_1.jsx)("p", { className: "progress-bars-title", children: options.title }), (0, jsx_runtime_1.jsx)("ol", { role: "list", className: "progress-bars-list", children: (options?.steps ?? []).map((step) => {
+                    const status = step.status ?? 'upcoming';
+                    const current = step.status === 'current';
+                    return ((0, jsx_runtime_1.jsx)("li", { className: (0, class_names_1.cn)('progress-bars-step', STATUS_CLASSES[status]), "data-status": status, children: step.href ? ((0, jsx_runtime_1.jsx)(nav_link_1.SmartNavLink, { href: step.href, className: (0, class_names_1.cn)('progress-bars-step-link', current && 'current'), "aria-current": current ? 'step' : undefined, children: renderStepBody(step) })) : ((0, jsx_runtime_1.jsx)("button", { type: "button", className: (0, class_names_1.cn)('progress-bars-step-button', current && 'current'), "aria-current": current ? 'step' : undefined, onClick: () => onStepClick?.({ stepId: step.id }), children: renderStepBody(step) })) }, step.id));
+                }) })] }));
+}
+//# sourceMappingURL=progress-bars-standard.js.map

package/src/lib/components/progress-bars/standard/progress-bars-standard.js.map

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

package/src/lib/components/searchbar/index.d.ts

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

package/src/lib/components/searchbar/index.js

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

package/src/lib/components/searchbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/searchbar/index.ts"],"names":[],"mappings":";;;AAAA,sDAA4B;AAC5B,4DAAkC;AAClC,wEAA8C;AAC9C,0DAAgC"}

package/src/lib/components/searchbar/searchbar.d.ts

@@ -0,0 +1,7 @@
+import { SmartSearchbarProps } from './searchbar.types';
+/**
+ * `<smart-searchbar>`: renders the implementation registered as
+ * `components.searchbar` on `SmartProvider` (the Angular
+ * `SEARCHBAR_STANDARD_COMPONENT_TOKEN`), `SmartSearchbarStandard` by default.
+ */
+export declare function SmartSearchbar(props: SmartSearchbarProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/searchbar/searchbar.js

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

package/src/lib/components/searchbar/searchbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchbar.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/searchbar/searchbar.tsx"],"names":[],"mappings":";;AASA,wCAIC;;AAZD,sEAAuE;AACvE,iDAA0D;AAE1D;;;;GAIG;AACH,SAAgB,cAAc,CAAC,KAA0B;IACvD,MAAM,SAAS,GAAG,IAAA,yBAAiB,EAAC,WAAW,EAAE,2CAAsB,CAAC,CAAC;IAEzE,OAAO,uBAAC,SAAS,OAAK,KAAK,GAAI,CAAC;AAClC,CAAC"}

package/src/lib/components/searchbar/searchbar.types.d.ts

@@ -0,0 +1,24 @@
+import { ISearchbarOptions } from '../../models';
+export interface SmartSearchbarProps {
+    options?: ISearchbarOptions;
+    className?: string;
+    /**
+     * Whether the search field is shown (the Angular `show` model). Leave it
+     * `undefined` for an uncontrolled searchbar that starts from `defaultShow`.
+     */
+    show?: boolean;
+    /** Initial `show` of an uncontrolled searchbar (default `true`). */
+    defaultShow?: boolean;
+    /** The `showChange` half of the Angular `[(show)]` binding. */
+    onShowChange?: (show: boolean) => void;
+    /**
+     * The search text (the Angular `text` model), updated once the typing
+     * settles for `options.debounceTime` ms (1000 by default). Leave it
+     * `undefined` for an uncontrolled searchbar that starts from `defaultText`.
+     */
+    text?: string;
+    /** Initial text of an uncontrolled searchbar. */
+    defaultText?: string;
+    /** The `textChange` half of the Angular `[(text)]` binding. */
+    onTextChange?: (text: string) => void;
+}

package/src/lib/components/searchbar/searchbar.types.js

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

package/src/lib/components/searchbar/searchbar.types.js.map

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

package/src/lib/components/searchbar/standard/searchbar-standard.d.ts

@@ -0,0 +1,9 @@
+import { SmartSearchbarProps } from '../searchbar.types';
+/**
+ * The default searchbar (`<smart-searchbar-standard>`): a search input bound
+ * to the hook's `control`, hidden on blur while empty. While hidden it
+ * renders a magnifier button that shows it again when
+ * `options.showToggleButton` is set. `className` goes on the input, as in
+ * Angular.
+ */
+export declare function SmartSearchbarStandard(props: SmartSearchbarProps): import("react/jsx-runtime").JSX.Element | null;

package/src/lib/components/searchbar/standard/searchbar-standard.js

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartSearchbarStandard = SmartSearchbarStandard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const hooks_1 = require("../../../forms/hooks");
+const hooks_2 = require("../../../providers/hooks");
+const class_names_1 = require("../../../utils/class-names");
+const use_searchbar_1 = require("../use-searchbar");
+const CONTAINER_CLASSES = ['smart:relative', 'smart:mt-2'];
+const INPUT_CLASSES = [
+    'smart:block',
+    'smart:w-full',
+    'smart:rounded-md',
+    'smart:bg-white',
+    'smart:py-1.5',
+    'smart:pr-10',
+    'smart:pl-3',
+    'smart:text-base',
+    'smart:text-gray-900',
+    'smart:outline-1',
+    'smart:-outline-offset-1',
+    'smart:outline-gray-300',
+    'smart:placeholder:text-gray-400',
+    'smart:focus:outline-2',
+    'smart:focus:-outline-offset-2',
+    'smart:focus:outline-indigo-600',
+    'smart:sm:text-sm/6',
+    'smart:dark:bg-white/5',
+    'smart:dark:text-white',
+    'smart:dark:outline-white/10',
+    'smart:dark:placeholder:text-gray-500',
+    'smart:dark:focus:outline-indigo-500',
+];
+const TOGGLE_BUTTON_CLASSES = [
+    'smart:inline-flex',
+    'smart:items-center',
+    'smart:justify-center',
+    'smart:rounded-md',
+    'smart:bg-white',
+    'smart:p-2',
+    'smart:text-gray-500',
+    'smart:shadow-xs',
+    'smart:outline-1',
+    'smart:-outline-offset-1',
+    'smart:outline-gray-300',
+    'smart:hover:bg-gray-50',
+    'smart:dark:bg-white/5',
+    'smart:dark:text-gray-400',
+    'smart:dark:outline-white/10',
+    'smart:dark:hover:bg-white/10',
+];
+/**
+ * The default searchbar (`<smart-searchbar-standard>`): a search input bound
+ * to the hook's `control`, hidden on blur while empty. While hidden it
+ * renders a magnifier button that shows it again when
+ * `options.showToggleButton` is set. `className` goes on the input, as in
+ * Angular.
+ */
+function SmartSearchbarStandard(props) {
+    const { options, className } = props;
+    const t = (0, hooks_2.useTranslate)();
+    const { show, control, setShow, tryHide } = (0, use_searchbar_1.useSearchbar)(props);
+    const binding = (0, hooks_1.useControlBinding)(control);
+    if (show) {
+        return ((0, jsx_runtime_1.jsxs)("div", { className: (0, class_names_1.cn)(CONTAINER_CLASSES), children: [(0, jsx_runtime_1.jsx)("input", { type: "search", className: (0, class_names_1.cn)(INPUT_CLASSES, className), placeholder: t(options?.placeholder ?? 'search'), value: binding.value ?? '', onChange: (event) => binding.onChange(event.target.value), onBlur: () => {
+                        binding.onBlur();
+                        tryHide();
+                    } }), (0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": "true", className: "smart:pointer-events-none smart:absolute smart:inset-y-0 smart:right-0 smart:mr-3 smart:size-5 smart:self-center smart:text-gray-400 smart:dark:text-gray-500", children: (0, jsx_runtime_1.jsx)("path", { d: "M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-6 3.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM7.293 5.293a1 1 0 1 1 .99 1.667c-.459.134-1.033.566-1.033 1.29v.25a.75.75 0 1 0 1.5 0v-.115a2.5 2.5 0 1 0-2.518-4.153.75.75 0 1 0 1.061 1.06Z", clipRule: "evenodd", fillRule: "evenodd" }) })] }));
+    }
+    if (options?.showToggleButton) {
+        return ((0, jsx_runtime_1.jsx)("button", { type: "button", className: (0, class_names_1.cn)(TOGGLE_BUTTON_CLASSES), onClick: setShow, children: (0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": "true", className: "smart:size-5", children: (0, jsx_runtime_1.jsx)("path", { d: "M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Zm-6 3.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM7.293 5.293a1 1 0 1 1 .99 1.667c-.459.134-1.033.566-1.033 1.29v.25a.75.75 0 1 0 1.5 0v-.115a2.5 2.5 0 1 0-2.518-4.153.75.75 0 1 0 1.061 1.06Z", clipRule: "evenodd", fillRule: "evenodd" }) }) }));
+    }
+    return null;
+}
+//# sourceMappingURL=searchbar-standard.js.map

package/src/lib/components/searchbar/standard/searchbar-standard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchbar-standard.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/searchbar/standard/searchbar-standard.tsx"],"names":[],"mappings":";;AA2DA,wDA4DC;;AAvHD,gDAAyD;AACzD,oDAAwD;AACxD,4DAAgD;AAEhD,oDAAgD;AAEhD,MAAM,iBAAiB,GAAG,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC;AAE3D,MAAM,aAAa,GAAG;IACpB,aAAa;IACb,cAAc;IACd,kBAAkB;IAClB,gBAAgB;IAChB,cAAc;IACd,aAAa;IACb,YAAY;IACZ,iBAAiB;IACjB,qBAAqB;IACrB,iBAAiB;IACjB,yBAAyB;IACzB,wBAAwB;IACxB,iCAAiC;IACjC,uBAAuB;IACvB,+BAA+B;IAC/B,gCAAgC;IAChC,oBAAoB;IACpB,uBAAuB;IACvB,uBAAuB;IACvB,6BAA6B;IAC7B,sCAAsC;IACtC,qCAAqC;CACtC,CAAC;AAEF,MAAM,qBAAqB,GAAG;IAC5B,mBAAmB;IACnB,oBAAoB;IACpB,sBAAsB;IACtB,kBAAkB;IAClB,gBAAgB;IAChB,WAAW;IACX,qBAAqB;IACrB,iBAAiB;IACjB,iBAAiB;IACjB,yBAAyB;IACzB,wBAAwB;IACxB,wBAAwB;IACxB,uBAAuB;IACvB,0BAA0B;IAC1B,6BAA6B;IAC7B,8BAA8B;CAC/B,CAAC;AAEF;;;;;;GAMG;AACH,SAAgB,sBAAsB,CAAC,KAA0B;IAC/D,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACrC,MAAM,CAAC,GAAG,IAAA,oBAAY,GAAE,CAAC;IACzB,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,IAAA,4BAAY,EAAC,KAAK,CAAC,CAAC;IAChE,MAAM,OAAO,GAAG,IAAA,yBAAiB,EAAC,OAAO,CAAC,CAAC;IAE3C,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,gBAAE,EAAC,iBAAiB,CAAC,aACnC,kCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,IAAA,gBAAE,EAAC,aAAa,EAAE,SAAS,CAAC,EACvC,WAAW,EAAE,CAAC,CAAC,OAAO,EAAE,WAAW,IAAI,QAAQ,CAAC,EAChD,KAAK,EAAE,OAAO,CAAC,KAAK,IAAI,EAAE,EAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACzD,MAAM,EAAE,GAAG,EAAE;wBACX,OAAO,CAAC,MAAM,EAAE,CAAC;wBACjB,OAAO,EAAE,CAAC;oBACZ,CAAC,GACD,EACF,gCACE,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,iBACP,MAAM,EAClB,SAAS,EAAC,+JAA+J,YAEzK,iCACE,CAAC,EAAC,uNAAuN,EACzN,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,GAClB,GACE,IACF,CACP,CAAC;IACJ,CAAC;IAED,IAAI,OAAO,EAAE,gBAAgB,EAAE,CAAC;QAC9B,OAAO,CACL,mCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,IAAA,gBAAE,EAAC,qBAAqB,CAAC,EACpC,OAAO,EAAE,OAAO,YAEhB,gCACE,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,iBACP,MAAM,EAClB,SAAS,EAAC,cAAc,YAExB,iCACE,CAAC,EAAC,uNAAuN,EACzN,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,GAClB,GACE,GACC,CACV,CAAC;IACJ,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}