@smartsoft001/react 0.0.0-stage → 2.193.0

package/src/lib/components/date-range/use-date-range.js

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDateRange = useDateRange;
+const tslib_1 = require("tslib");
+const moment_1 = tslib_1.__importDefault(require("moment"));
+const react_1 = require("react");
+const date_range_types_1 = require("./date-range.types");
+const EMPTY_CALENDAR_DATA = {
+    dateFrom: null,
+    dateTo: null,
+    scrollPosition: 0,
+    selectedButtonName: date_range_types_1.FilterBtnConstants.empthyString,
+};
+function toDateString(date) {
+    return date.format('YYYY-MM-DD');
+}
+/**
+ * The Angular `ngModel` model: controlled while `value` is defined, otherwise
+ * kept here. A new `value` from the parent always wins, as a `model()` input
+ * does, so resetting the parent's state to `undefined` also clears the range.
+ */
+function useNgModel(value, defaultValue, onValueChange) {
+    const [innerValue, setInnerValue] = (0, react_1.useState)(value === undefined ? defaultValue : value);
+    const [prevValue, setPrevValue] = (0, react_1.useState)(value);
+    if (prevValue !== value) {
+        setPrevValue(value);
+        setInnerValue(value);
+    }
+    const ngModel = value === undefined ? innerValue : value;
+    const setNgModel = (0, react_1.useCallback)((next) => {
+        if (next === ngModel)
+            return;
+        setInnerValue(next);
+        onValueChange?.(next);
+    }, [ngModel, onValueChange]);
+    return [ngModel ?? undefined, setNgModel];
+}
+/**
+ * The behaviour every date-range variant shares (the Angular
+ * `DateRangeBaseComponent`): the range model, the open state of the picker
+ * and the calendar state the picker is reopened with.
+ */
+function useDateRange({ value, defaultValue, onValueChange, }) {
+    const [ngModel, setNgModel] = useNgModel(value, defaultValue, onValueChange);
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const [calendarData, setCalendarData] = (0, react_1.useState)(EMPTY_CALENDAR_DATA);
+    const onClick = (0, react_1.useCallback)(() => {
+        setCalendarData((data) => ({
+            ...data,
+            ...(ngModel?.start ? { dateFrom: (0, moment_1.default)(ngModel.start) } : {}),
+            ...(ngModel?.end ? { dateTo: (0, moment_1.default)(ngModel.end) } : {}),
+        }));
+        setIsOpen(true);
+    }, [ngModel]);
+    const onModalApply = (0, react_1.useCallback)((data) => {
+        setCalendarData(data);
+        if (data.dateFrom) {
+            setNgModel({
+                start: toDateString(data.dateFrom),
+                end: toDateString(data.dateTo ?? data.dateFrom),
+            });
+        }
+        setIsOpen(false);
+    }, [setNgModel]);
+    const onModalDismiss = (0, react_1.useCallback)(() => setIsOpen(false), []);
+    const onClear = (0, react_1.useCallback)(() => {
+        setCalendarData((data) => ({ ...data, dateFrom: null, dateTo: null }));
+        setNgModel(undefined);
+    }, [setNgModel]);
+    return {
+        value: ngModel,
+        isOpen,
+        calendarData,
+        onClick,
+        onModalApply,
+        onModalDismiss,
+        onClear,
+    };
+}
+//# sourceMappingURL=use-date-range.js.map

package/src/lib/components/date-range/use-date-range.js.map

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

package/src/lib/components/description-list/description-list.d.ts

@@ -0,0 +1,8 @@
+import { SmartDescriptionListProps } from './description-list.types';
+/**
+ * `<smart-description-list>`: renders the implementation registered as
+ * `components['description-list']` on `SmartProvider` (the Angular
+ * `DESCRIPTION_LIST_STANDARD_COMPONENT_TOKEN`),
+ * `SmartDescriptionListStandard` by default.
+ */
+export declare function SmartDescriptionList(props: SmartDescriptionListProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/description-list/description-list.js

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

package/src/lib/components/description-list/description-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"description-list.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/description-list/description-list.tsx"],"names":[],"mappings":";;AAUA,oDAOC;;AAhBD,oFAAoF;AACpF,iDAA0D;AAE1D;;;;;GAKG;AACH,SAAgB,oBAAoB,CAAC,KAAgC;IACnE,MAAM,SAAS,GAAG,IAAA,yBAAiB,EACjC,kBAAkB,EAClB,wDAA4B,CAC7B,CAAC;IAEF,OAAO,uBAAC,SAAS,OAAK,KAAK,GAAI,CAAC;AAClC,CAAC"}

package/src/lib/components/description-list/description-list.types.d.ts

@@ -0,0 +1,5 @@
+import { IDescriptionListOptions } from '../../models';
+export interface SmartDescriptionListProps {
+    options?: IDescriptionListOptions;
+    className?: string;
+}

package/src/lib/components/description-list/description-list.types.js

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

package/src/lib/components/description-list/description-list.types.js.map

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

package/src/lib/components/description-list/index.d.ts

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

package/src/lib/components/description-list/index.js

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

package/src/lib/components/description-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/description-list/index.ts"],"names":[],"mappings":";;;AAAA,6DAAmC;AACnC,mEAAyC;AACzC,2EAAiD;AACjD,kEAAwC;AACxC,+EAAqD"}

package/src/lib/components/description-list/preset/description-list-preset.d.ts

@@ -0,0 +1,14 @@
+import { SmartDescriptionListProps } from '../description-list.types';
+/**
+ * Preset-styled description list (the Angular
+ * `DescriptionListPresetComponent`). Register it as
+ * `components['description-list']` on `SmartProvider` to restyle every
+ * `<SmartDescriptionList>`, or render it directly.
+ *
+ * Renders an optional header (title + description), a divided `<dl>` of
+ * label/value rows, and optional attachments/footer sections. Within a row
+ * `valueTpl` wins over `value`, and `actionTpl` renders right-aligned.
+ * `className` is merged onto the `<dl>`. Like the Angular template it has no
+ * wrapper element: the zones are rendered side by side.
+ */
+export declare function SmartDescriptionListPreset({ options, className, }: SmartDescriptionListProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/description-list/preset/description-list-preset.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartDescriptionListPreset = SmartDescriptionListPreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const preset_classes_1 = require("./preset-classes");
+/**
+ * Preset-styled description list (the Angular
+ * `DescriptionListPresetComponent`). Register it as
+ * `components['description-list']` on `SmartProvider` to restyle every
+ * `<SmartDescriptionList>`, or render it directly.
+ *
+ * Renders an optional header (title + description), a divided `<dl>` of
+ * label/value rows, and optional attachments/footer sections. Within a row
+ * `valueTpl` wins over `value`, and `actionTpl` renders right-aligned.
+ * `className` is merged onto the `<dl>`. Like the Angular template it has no
+ * wrapper element: the zones are rendered side by side.
+ */
+function SmartDescriptionListPreset({ options, className, }) {
+    const hasHeader = !!options?.title || !!options?.description;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [hasHeader ? ((0, jsx_runtime_1.jsxs)("div", { "data-role": "header", children: [options?.title ? ((0, jsx_runtime_1.jsx)("h3", { className: preset_classes_1.DESCRIPTION_LIST_TITLE_CLASSES, children: options.title })) : null, options?.description ? ((0, jsx_runtime_1.jsx)("p", { className: preset_classes_1.DESCRIPTION_LIST_DESCRIPTION_CLASSES, children: options.description })) : null] })) : null, (0, jsx_runtime_1.jsx)("dl", { "data-role": "list", className: (0, preset_classes_1.getDescriptionListListClasses)(className ?? ''), children: (options?.items ?? []).map((item, index) => ((0, jsx_runtime_1.jsxs)("div", { "data-role": "row", className: preset_classes_1.DESCRIPTION_LIST_ROW_CLASSES, children: [(0, jsx_runtime_1.jsx)("dt", { "data-role": "term", className: preset_classes_1.DESCRIPTION_LIST_TERM_CLASSES, children: item.label }), (0, jsx_runtime_1.jsx)("dd", { "data-role": "value", className: preset_classes_1.DESCRIPTION_LIST_VALUE_CLASSES, children: item.valueTpl ? item.valueTpl : item.value }), item.actionTpl ? ((0, jsx_runtime_1.jsx)("span", { "data-role": "action", className: preset_classes_1.DESCRIPTION_LIST_ACTION_CLASSES, children: item.actionTpl })) : null] }, index))) }), options?.attachmentsTpl ? ((0, jsx_runtime_1.jsx)("div", { "data-role": "attachments", className: preset_classes_1.DESCRIPTION_LIST_ATTACHMENTS_CLASSES, children: options.attachmentsTpl })) : null, options?.footerTpl ? ((0, jsx_runtime_1.jsx)("div", { "data-role": "footer", className: preset_classes_1.DESCRIPTION_LIST_FOOTER_CLASSES, children: options.footerTpl })) : null] }));
+}
+//# sourceMappingURL=description-list-preset.js.map

package/src/lib/components/description-list/preset/description-list-preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"description-list-preset.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/description-list/preset/description-list-preset.tsx"],"names":[],"mappings":";;AAyBA,gEA8DC;;AAtFD,qDAU0B;AAE1B;;;;;;;;;;;GAWG;AACH,SAAgB,0BAA0B,CAAC,EACzC,OAAO,EACP,SAAS,GACiB;IAC1B,MAAM,SAAS,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,IAAI,CAAC,CAAC,OAAO,EAAE,WAAW,CAAC;IAE7D,OAAO,CACL,6DACG,SAAS,CAAC,CAAC,CAAC,CACX,8CAAe,QAAQ,aACpB,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,CAChB,+BAAI,SAAS,EAAE,+CAA8B,YAAG,OAAO,CAAC,KAAK,GAAM,CACpE,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,CACtB,8BAAG,SAAS,EAAE,qDAAoC,YAC/C,OAAO,CAAC,WAAW,GAClB,CACL,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC,CAAC,CAAC,IAAI,EACR,4CACY,MAAM,EAChB,SAAS,EAAE,IAAA,8CAA6B,EAAC,SAAS,IAAI,EAAE,CAAC,YAExD,CAAC,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3C,8CACY,KAAK,EACf,SAAS,EAAE,6CAA4B,aAGvC,4CAAc,MAAM,EAAC,SAAS,EAAE,8CAA6B,YAC1D,IAAI,CAAC,KAAK,GACR,EACL,4CAAc,OAAO,EAAC,SAAS,EAAE,+CAA8B,YAC5D,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,GACxC,EACJ,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAChB,8CACY,QAAQ,EAClB,SAAS,EAAE,gDAA+B,YAEzC,IAAI,CAAC,SAAS,GACV,CACR,CAAC,CAAC,CAAC,IAAI,KAfH,KAAK,CAgBN,CACP,CAAC,GACC,EACJ,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,CACzB,6CACY,aAAa,EACvB,SAAS,EAAE,qDAAoC,YAE9C,OAAO,CAAC,cAAc,GACnB,CACP,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,CACpB,6CAAe,QAAQ,EAAC,SAAS,EAAE,gDAA+B,YAC/D,OAAO,CAAC,SAAS,GACd,CACP,CAAC,CAAC,CAAC,IAAI,IACP,CACJ,CAAC;AACJ,CAAC"}

package/src/lib/components/description-list/preset/preset-classes.d.ts

@@ -0,0 +1,20 @@
+/** Header title (<h3>). */
+export declare const DESCRIPTION_LIST_TITLE_CLASSES = "smart:text-base smart:font-semibold smart:text-gray-900 smart:dark:text-white";
+/** Header description (<p>). */
+export declare const DESCRIPTION_LIST_DESCRIPTION_CLASSES = "smart:text-sm smart:text-gray-500 smart:dark:text-gray-400";
+/** Base classes for the list wrapper; external cssClass is merged onto it. */
+export declare const DESCRIPTION_LIST_LIST_CLASSES = "smart:divide-y smart:divide-gray-200 smart:dark:divide-gray-700";
+/** Row wrapper (one label/value pair). */
+export declare const DESCRIPTION_LIST_ROW_CLASSES = "smart:grid smart:py-3 smart:sm:grid-cols-3 smart:sm:gap-4";
+/** Term cell (<dt>). */
+export declare const DESCRIPTION_LIST_TERM_CLASSES = "smart:text-sm smart:font-medium smart:text-gray-500 smart:dark:text-gray-400";
+/** Value cell (<dd>). */
+export declare const DESCRIPTION_LIST_VALUE_CLASSES = "smart:text-sm smart:text-gray-900 smart:dark:text-white smart:sm:col-span-2";
+/** Right-aligned action zone inside a row. */
+export declare const DESCRIPTION_LIST_ACTION_CLASSES = "smart:ml-auto smart:text-right";
+/** Attachments section, rendered under the list. */
+export declare const DESCRIPTION_LIST_ATTACHMENTS_CLASSES = "smart:mt-4 smart:text-sm smart:text-gray-900 smart:dark:text-white";
+/** Footer section, rendered under the list. */
+export declare const DESCRIPTION_LIST_FOOTER_CLASSES = "smart:mt-4 smart:text-sm smart:text-gray-900 smart:dark:text-white";
+/** Merge the preset list classes with an optional external cssClass. */
+export declare function getDescriptionListListClasses(cssClass: string): string;

package/src/lib/components/description-list/preset/preset-classes.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DESCRIPTION_LIST_FOOTER_CLASSES = exports.DESCRIPTION_LIST_ATTACHMENTS_CLASSES = exports.DESCRIPTION_LIST_ACTION_CLASSES = exports.DESCRIPTION_LIST_VALUE_CLASSES = exports.DESCRIPTION_LIST_TERM_CLASSES = exports.DESCRIPTION_LIST_ROW_CLASSES = exports.DESCRIPTION_LIST_LIST_CLASSES = exports.DESCRIPTION_LIST_DESCRIPTION_CLASSES = exports.DESCRIPTION_LIST_TITLE_CLASSES = void 0;
+exports.getDescriptionListListClasses = getDescriptionListListClasses;
+/** Header title (<h3>). */
+exports.DESCRIPTION_LIST_TITLE_CLASSES = 'smart:text-base smart:font-semibold smart:text-gray-900 smart:dark:text-white';
+/** Header description (<p>). */
+exports.DESCRIPTION_LIST_DESCRIPTION_CLASSES = 'smart:text-sm smart:text-gray-500 smart:dark:text-gray-400';
+/** Base classes for the list wrapper; external cssClass is merged onto it. */
+exports.DESCRIPTION_LIST_LIST_CLASSES = 'smart:divide-y smart:divide-gray-200 smart:dark:divide-gray-700';
+/** Row wrapper (one label/value pair). */
+exports.DESCRIPTION_LIST_ROW_CLASSES = 'smart:grid smart:py-3 smart:sm:grid-cols-3 smart:sm:gap-4';
+/** Term cell (<dt>). */
+exports.DESCRIPTION_LIST_TERM_CLASSES = 'smart:text-sm smart:font-medium smart:text-gray-500 smart:dark:text-gray-400';
+/** Value cell (<dd>). */
+exports.DESCRIPTION_LIST_VALUE_CLASSES = 'smart:text-sm smart:text-gray-900 smart:dark:text-white smart:sm:col-span-2';
+/** Right-aligned action zone inside a row. */
+exports.DESCRIPTION_LIST_ACTION_CLASSES = 'smart:ml-auto smart:text-right';
+/** Attachments section, rendered under the list. */
+exports.DESCRIPTION_LIST_ATTACHMENTS_CLASSES = 'smart:mt-4 smart:text-sm smart:text-gray-900 smart:dark:text-white';
+/** Footer section, rendered under the list. */
+exports.DESCRIPTION_LIST_FOOTER_CLASSES = 'smart:mt-4 smart:text-sm smart:text-gray-900 smart:dark:text-white';
+/** Merge the preset list classes with an optional external cssClass. */
+function getDescriptionListListClasses(cssClass) {
+    return [exports.DESCRIPTION_LIST_LIST_CLASSES, cssClass]
+        .filter(Boolean)
+        .join(' ')
+        .trim();
+}
+//# sourceMappingURL=preset-classes.js.map

package/src/lib/components/description-list/preset/preset-classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset-classes.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/description-list/preset/preset-classes.ts"],"names":[],"mappings":";;;AAoCA,sEAKC;AAzCD,2BAA2B;AACd,QAAA,8BAA8B,GACzC,+EAA+E,CAAC;AAElF,gCAAgC;AACnB,QAAA,oCAAoC,GAC/C,4DAA4D,CAAC;AAE/D,8EAA8E;AACjE,QAAA,6BAA6B,GACxC,iEAAiE,CAAC;AAEpE,0CAA0C;AAC7B,QAAA,4BAA4B,GACvC,2DAA2D,CAAC;AAE9D,wBAAwB;AACX,QAAA,6BAA6B,GACxC,8EAA8E,CAAC;AAEjF,yBAAyB;AACZ,QAAA,8BAA8B,GACzC,6EAA6E,CAAC;AAEhF,8CAA8C;AACjC,QAAA,+BAA+B,GAAG,gCAAgC,CAAC;AAEhF,oDAAoD;AACvC,QAAA,oCAAoC,GAC/C,oEAAoE,CAAC;AAEvE,+CAA+C;AAClC,QAAA,+BAA+B,GAC1C,oEAAoE,CAAC;AAEvE,wEAAwE;AACxE,SAAgB,6BAA6B,CAAC,QAAgB;IAC5D,OAAO,CAAC,qCAA6B,EAAE,QAAQ,CAAC;SAC7C,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC;SACT,IAAI,EAAE,CAAC;AACZ,CAAC"}

package/src/lib/components/description-list/standard/description-list-standard.d.ts

@@ -0,0 +1,8 @@
+import { SmartDescriptionListProps } from '../description-list.types';
+/**
+ * The default description list rendering (`<smart-description-list-standard>`):
+ * an unstyled title, description, a `<dl>` of label/value items (`valueTpl`
+ * wins over `value`, `actionTpl` follows the value) and the attachments and
+ * footer slots.
+ */
+export declare function SmartDescriptionListStandard({ options, className, }: SmartDescriptionListProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/description-list/standard/description-list-standard.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartDescriptionListStandard = SmartDescriptionListStandard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * The default description list rendering (`<smart-description-list-standard>`):
+ * an unstyled title, description, a `<dl>` of label/value items (`valueTpl`
+ * wins over `value`, `actionTpl` follows the value) and the attachments and
+ * footer slots.
+ */
+function SmartDescriptionListStandard({ options, className, }) {
+    return ((0, jsx_runtime_1.jsx)("div", { className: className, children: (0, jsx_runtime_1.jsxs)("div", { className: "list", children: [options?.title ? (0, jsx_runtime_1.jsx)("h3", { className: "title", children: options.title }) : null, options?.description ? ((0, jsx_runtime_1.jsx)("p", { className: "description", children: options.description })) : null, (0, jsx_runtime_1.jsx)("dl", { children: (options?.items ?? []).map((item, index) => ((0, jsx_runtime_1.jsxs)("div", { className: "item", children: [(0, jsx_runtime_1.jsx)("dt", { children: item.label }), (0, jsx_runtime_1.jsxs)("dd", { children: [item.valueTpl ? item.valueTpl : item.value, item.actionTpl ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [' ', (0, jsx_runtime_1.jsx)("span", { className: "action", children: item.actionTpl })] })) : null] })] }, index))) }), options?.attachmentsTpl ? ((0, jsx_runtime_1.jsx)("div", { className: "attachments", children: options.attachmentsTpl })) : null, options?.footerTpl ? ((0, jsx_runtime_1.jsx)("div", { className: "footer", children: options.footerTpl })) : null] }) }));
+}
+//# sourceMappingURL=description-list-standard.js.map

package/src/lib/components/description-list/standard/description-list-standard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"description-list-standard.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/description-list/standard/description-list-standard.tsx"],"names":[],"mappings":";;AAQA,oEAoCC;;AA1CD;;;;;GAKG;AACH,SAAgB,4BAA4B,CAAC,EAC3C,OAAO,EACP,SAAS,GACiB;IAC1B,OAAO,CACL,gCAAK,SAAS,EAAE,SAAS,YACvB,iCAAK,SAAS,EAAC,MAAM,aAClB,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,+BAAI,SAAS,EAAC,OAAO,YAAE,OAAO,CAAC,KAAK,GAAM,CAAC,CAAC,CAAC,IAAI,EAClE,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,CACtB,8BAAG,SAAS,EAAC,aAAa,YAAE,OAAO,CAAC,WAAW,GAAK,CACrD,CAAC,CAAC,CAAC,IAAI,EACR,yCACG,CAAC,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3C,iCAAK,SAAS,EAAC,MAAM,aACnB,yCAAK,IAAI,CAAC,KAAK,GAAM,EACrB,2CACG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,EAC1C,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAChB,6DACG,GAAG,EACJ,iCAAM,SAAS,EAAC,QAAQ,YAAE,IAAI,CAAC,SAAS,GAAQ,IAC/C,CACJ,CAAC,CAAC,CAAC,IAAI,IACL,KAVoB,KAAK,CAW1B,CACP,CAAC,GACC,EACJ,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,CACzB,gCAAK,SAAS,EAAC,aAAa,YAAE,OAAO,CAAC,cAAc,GAAO,CAC5D,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,CACpB,gCAAK,SAAS,EAAC,QAAQ,YAAE,OAAO,CAAC,SAAS,GAAO,CAClD,CAAC,CAAC,CAAC,IAAI,IACJ,GACF,CACP,CAAC;AACJ,CAAC"}

package/src/lib/components/detail/address/detail-address.d.ts

@@ -0,0 +1,6 @@
+import { SmartDetailFieldProps } from '../detail.types';
+/**
+ * `<smart-detail-address>` (`DetailAddressComponent`): street and
+ * building/flat, then zip code and city on the next line.
+ */
+export declare function SmartDetailAddress<T>(props: SmartDetailFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

package/src/lib/components/detail/address/detail-address.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartDetailAddress = SmartDetailAddress;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../utils/class-names");
+const use_detail_address_1 = require("./use-detail-address");
+/**
+ * `<smart-detail-address>` (`DetailAddressComponent`): street and
+ * building/flat, then zip code and city on the next line.
+ */
+function SmartDetailAddress(props) {
+    const { className } = props;
+    const { address, building } = (0, use_detail_address_1.useDetailAddress)(props);
+    if (!address)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)("p", { className: (0, class_names_1.cn)(['smart:text-sm', 'smart:text-gray-900', 'smart:dark:text-gray-100'], className), children: [address.street, " ", building, (0, jsx_runtime_1.jsx)("br", {}), address.zipCode, " ", address.city] }));
+}
+//# sourceMappingURL=detail-address.js.map

package/src/lib/components/detail/address/detail-address.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"detail-address.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/detail/address/detail-address.tsx"],"names":[],"mappings":";;AAQA,gDAkBC;;AA1BD,4DAAgD;AAEhD,6DAAwD;AAExD;;;GAGG;AACH,SAAgB,kBAAkB,CAAI,KAA+B;IACnE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAA,qCAAgB,EAAC,KAAK,CAAC,CAAC;IAEtD,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACL,+BACE,SAAS,EAAE,IAAA,gBAAE,EACX,CAAC,eAAe,EAAE,qBAAqB,EAAE,0BAA0B,CAAC,EACpE,SAAS,CACV,aAEA,OAAO,CAAC,MAAM,OAAG,QAAQ,EAC1B,gCAAM,EACL,OAAO,CAAC,OAAO,OAAG,OAAO,CAAC,IAAI,IAC7B,CACL,CAAC;AACJ,CAAC"}

package/src/lib/components/detail/address/index.d.ts

@@ -0,0 +1,3 @@
+export * from './detail-address';
+export * from './preset/detail-address-preset';
+export * from './use-detail-address';

package/src/lib/components/detail/address/index.js

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

package/src/lib/components/detail/address/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/detail/address/index.ts"],"names":[],"mappings":";;;AAAA,2DAAiC;AACjC,yEAA+C;AAC/C,+DAAqC"}

package/src/lib/components/detail/address/preset/detail-address-preset.d.ts

@@ -0,0 +1,6 @@
+import { SmartDetailFieldProps } from '../../detail.types';
+/**
+ * Styled address detail (preset, `DetailAddressPresetComponent`): the
+ * address next to a map-pin icon.
+ */
+export declare function SmartDetailAddressPreset<T>(props: SmartDetailFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

package/src/lib/components/detail/address/preset/detail-address-preset.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartDetailAddressPreset = SmartDetailAddressPreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../../utils/class-names");
+const use_detail_address_1 = require("../use-detail-address");
+/**
+ * Styled address detail (preset, `DetailAddressPresetComponent`): the
+ * address next to a map-pin icon.
+ */
+function SmartDetailAddressPreset(props) {
+    const { className } = props;
+    const { address, building } = (0, use_detail_address_1.useDetailAddress)(props);
+    if (!address)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)("div", { "data-role": "address", className: (0, class_names_1.cn)(['smart:flex', 'smart:items-start', 'smart:gap-x-2'], className), children: [(0, jsx_runtime_1.jsxs)("svg", { "data-role": "icon", className: "smart:mt-0.5 smart:size-4 smart:shrink-0 smart:text-gray-400 smart:dark:text-gray-500", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", "aria-hidden": "true", children: [(0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" }), (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z" })] }), (0, jsx_runtime_1.jsxs)("p", { className: "smart:text-sm smart:text-gray-900 smart:dark:text-gray-100", children: [address.street, " ", building, (0, jsx_runtime_1.jsx)("br", {}), address.zipCode, " ", address.city] })] }));
+}
+//# sourceMappingURL=detail-address-preset.js.map

package/src/lib/components/detail/address/preset/detail-address-preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"detail-address-preset.js","sourceRoot":"","sources":["../../../../../../../../../../packages/shared/react/src/lib/components/detail/address/preset/detail-address-preset.tsx"],"names":[],"mappings":";;AAQA,4DA0CC;;AAlDD,+DAAmD;AAEnD,8DAAyD;AAEzD;;;GAGG;AACH,SAAgB,wBAAwB,CAAI,KAA+B;IACzE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAA,qCAAgB,EAAC,KAAK,CAAC,CAAC;IAEtD,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACL,8CACY,SAAS,EACnB,SAAS,EAAE,IAAA,gBAAE,EACX,CAAC,YAAY,EAAE,mBAAmB,EAAE,eAAe,CAAC,EACpD,SAAS,CACV,aAED,8CACY,MAAM,EAChB,SAAS,EAAC,uFAAuF,EACjG,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,WAAW,EAAC,KAAK,EACjB,MAAM,EAAC,cAAc,iBACT,MAAM,aAElB,iCACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,CAAC,EAAC,uCAAuC,GACzC,EACF,iCACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,CAAC,EAAC,gFAAgF,GAClF,IACE,EACN,+BAAG,SAAS,EAAC,4DAA4D,aACtE,OAAO,CAAC,MAAM,OAAG,QAAQ,EAC1B,gCAAM,EACL,OAAO,CAAC,OAAO,OAAG,OAAO,CAAC,IAAI,IAC7B,IACA,CACP,CAAC;AACJ,CAAC"}

package/src/lib/components/detail/address/use-detail-address.d.ts

@@ -0,0 +1,10 @@
+import { IAddress } from '@smartsoft001/domain-core';
+import { SmartDetailFieldProps } from '../detail.types';
+/**
+ * The address an address detail shows (the Angular `thisAddress`), `null`
+ * without one, and its `building[/flat]` part.
+ */
+export declare function useDetailAddress<T>(props: SmartDetailFieldProps<T>): {
+    address: Partial<IAddress> | null;
+    building: string | undefined;
+};

package/src/lib/components/detail/address/use-detail-address.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDetailAddress = useDetailAddress;
+const use_detail_1 = require("../use-detail");
+/**
+ * The address an address detail shows (the Angular `thisAddress`), `null`
+ * without one, and its `building[/flat]` part.
+ */
+function useDetailAddress(props) {
+    const { item, key, value } = (0, use_detail_1.useDetail)(props);
+    const address = item && key ? (value ?? null) : null;
+    const building = address?.flatNumber
+        ? address?.buildingNumber + '/' + address?.flatNumber
+        : address?.buildingNumber;
+    return { address, building };
+}
+//# sourceMappingURL=use-detail-address.js.map

package/src/lib/components/detail/address/use-detail-address.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-detail-address.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/detail/address/use-detail-address.ts"],"names":[],"mappings":";;AASA,4CASC;AAfD,8CAA0C;AAE1C;;;GAGG;AACH,SAAgB,gBAAgB,CAAI,KAA+B;IACjE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAAA,sBAAS,EAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,OAAO,GACX,IAAI,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACvC,MAAM,QAAQ,GAAG,OAAO,EAAE,UAAU;QAClC,CAAC,CAAC,OAAO,EAAE,cAAc,GAAG,GAAG,GAAG,OAAO,EAAE,UAAU;QACrD,CAAC,CAAC,OAAO,EAAE,cAAc,CAAC;IAE5B,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC;AAC/B,CAAC"}

package/src/lib/components/detail/array/detail-array.d.ts

@@ -0,0 +1,7 @@
+import { SmartDetailFieldProps } from '../detail.types';
+/**
+ * `<smart-detail-array>` (`DetailArrayComponent`): the details of every
+ * element, each rendered through `<SmartDetails>` (the Angular
+ * `DETAILS_COMPONENT_TOKEN`).
+ */
+export declare function SmartDetailArray<T>(props: SmartDetailFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

package/src/lib/components/detail/array/detail-array.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartDetailArray = SmartDetailArray;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../utils/class-names");
+const details_1 = require("../../details/details");
+const use_detail_array_1 = require("./use-detail-array");
+/**
+ * `<smart-detail-array>` (`DetailArrayComponent`): the details of every
+ * element, each rendered through `<SmartDetails>` (the Angular
+ * `DETAILS_COMPONENT_TOKEN`).
+ */
+function SmartDetailArray(props) {
+    const { className } = props;
+    const { childOptions } = (0, use_detail_array_1.useDetailArray)(props);
+    if (!childOptions.length)
+        return null;
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, class_names_1.cn)(['smart:mt-2', 'smart:block', 'smart:space-y-2', 'smart:w-full'], className), children: childOptions.map((opt, index) => ((0, jsx_runtime_1.jsx)(details_1.SmartDetails, { options: opt }, index))) }));
+}
+//# sourceMappingURL=detail-array.js.map

package/src/lib/components/detail/array/detail-array.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"detail-array.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/detail/array/detail-array.tsx"],"names":[],"mappings":";;AAUA,4CAkBC;;AA5BD,4DAAgD;AAChD,mDAAqD;AAErD,yDAAoD;AAEpD;;;;GAIG;AACH,SAAgB,gBAAgB,CAAI,KAA+B;IACjE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,iCAAc,EAAC,KAAK,CAAC,CAAC;IAE/C,IAAI,CAAC,YAAY,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEtC,OAAO,CACL,gCACE,SAAS,EAAE,IAAA,gBAAE,EACX,CAAC,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,cAAc,CAAC,EAChE,SAAS,CACV,YAEA,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,uBAAC,sBAAY,IAAa,OAAO,EAAE,GAAG,IAAnB,KAAK,CAAkB,CAC3C,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/src/lib/components/detail/array/index.d.ts

@@ -0,0 +1,3 @@
+export * from './detail-array';
+export * from './preset/detail-array-preset';
+export * from './use-detail-array';

package/src/lib/components/detail/array/index.js

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

package/src/lib/components/detail/array/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/detail/array/index.ts"],"names":[],"mappings":";;;AAAA,yDAA+B;AAC/B,uEAA6C;AAC7C,6DAAmC"}

package/src/lib/components/detail/array/preset/detail-array-preset.d.ts

@@ -0,0 +1,6 @@
+import { SmartDetailFieldProps } from '../../detail.types';
+/**
+ * Styled array detail (preset, `DetailArrayPresetComponent`): a card per
+ * element, an em dash without elements.
+ */
+export declare function SmartDetailArrayPreset<T>(props: SmartDetailFieldProps<T>): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/detail/array/preset/detail-array-preset.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartDetailArrayPreset = SmartDetailArrayPreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../../utils/class-names");
+const details_1 = require("../../../details/details");
+const use_detail_array_1 = require("../use-detail-array");
+/**
+ * Styled array detail (preset, `DetailArrayPresetComponent`): a card per
+ * element, an em dash without elements.
+ */
+function SmartDetailArrayPreset(props) {
+    const { className } = props;
+    const { childOptions } = (0, use_detail_array_1.useDetailArray)(props);
+    return ((0, jsx_runtime_1.jsx)("div", { "data-role": "array", className: (0, class_names_1.cn)(['smart:mt-2', 'smart:block', 'smart:space-y-2'], className), children: childOptions.length ? (childOptions.map((opt, index) => ((0, jsx_runtime_1.jsx)("div", { "data-role": "item", className: "smart:block smart:rounded-lg smart:border smart:border-gray-200 smart:bg-white smart:p-3 smart:dark:border-gray-700 smart:dark:bg-gray-800", children: (0, jsx_runtime_1.jsx)(details_1.SmartDetails, { options: opt }) }, index)))) : ((0, jsx_runtime_1.jsx)("span", { "data-role": "empty", className: "smart:text-sm smart:text-gray-400 smart:dark:text-gray-500", children: "\u2014" })) }));
+}
+//# sourceMappingURL=detail-array-preset.js.map

package/src/lib/components/detail/array/preset/detail-array-preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"detail-array-preset.js","sourceRoot":"","sources":["../../../../../../../../../../packages/shared/react/src/lib/components/detail/array/preset/detail-array-preset.tsx"],"names":[],"mappings":";;AASA,wDAgCC;;AAzCD,+DAAmD;AACnD,sDAAwD;AAExD,0DAAqD;AAErD;;;GAGG;AACH,SAAgB,sBAAsB,CAAI,KAA+B;IACvE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,iCAAc,EAAC,KAAK,CAAC,CAAC;IAE/C,OAAO,CACL,6CACY,OAAO,EACjB,SAAS,EAAE,IAAA,gBAAE,EACX,CAAC,YAAY,EAAE,aAAa,EAAE,iBAAiB,CAAC,EAChD,SAAS,CACV,YAEA,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CACrB,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/B,6CAEY,MAAM,EAChB,SAAS,EAAC,4IAA4I,YAEtJ,uBAAC,sBAAY,IAAC,OAAO,EAAE,GAAG,GAAI,IAJzB,KAAK,CAKN,CACP,CAAC,CACH,CAAC,CAAC,CAAC,CACF,8CACY,OAAO,EACjB,SAAS,EAAC,4DAA4D,uBAGjE,CACR,GACG,CACP,CAAC;AACJ,CAAC"}

package/src/lib/components/detail/array/use-detail-array.d.ts

@@ -0,0 +1,11 @@
+import { IEntity } from '@smartsoft001/domain-core';
+import { IDetailsOptions } from '../../../models';
+import { SmartDetailFieldProps } from '../detail.types';
+/**
+ * The array detail's logic (the Angular `DetailArrayComponent.childOptions`):
+ * the options of a `<SmartDetails>` per element, each typed by its own class;
+ * empty without an item or elements.
+ */
+export declare function useDetailArray<T, TChild extends IEntity<string>>(props: SmartDetailFieldProps<T>): {
+    childOptions: IDetailsOptions<TChild>[];
+};

package/src/lib/components/detail/array/use-detail-array.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDetailArray = useDetailArray;
+const react_1 = require("react");
+const use_detail_1 = require("../use-detail");
+/**
+ * The array detail's logic (the Angular `DetailArrayComponent.childOptions`):
+ * the options of a `<SmartDetails>` per element, each typed by its own class;
+ * empty without an item or elements.
+ */
+function useDetailArray(props) {
+    const { item, key, value } = (0, use_detail_1.useDetail)(props);
+    const childOptions = (0, react_1.useMemo)(() => {
+        if (!item || !key || !value)
+            return [];
+        return value.map((val) => ({
+            type: val.constructor,
+            item: val,
+        }));
+    }, [item, key, value]);
+    return { childOptions };
+}
+//# sourceMappingURL=use-detail-array.js.map

package/src/lib/components/detail/array/use-detail-array.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-detail-array.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/detail/array/use-detail-array.ts"],"names":[],"mappings":";;AAaA,wCAeC;AA5BD,iCAAgC;AAMhC,8CAA0C;AAE1C;;;;GAIG;AACH,SAAgB,cAAc,CAC5B,KAA+B;IAE/B,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAAA,sBAAS,EAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,YAAY,GAAG,IAAA,eAAO,EAA4B,GAAG,EAAE;QAC3D,IAAI,CAAC,IAAI,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK;YAAE,OAAO,EAAE,CAAC;QAEvC,OAAQ,KAAe,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;YACpC,IAAI,EAAE,GAAG,CAAC,WAAW;YACrB,IAAI,EAAE,GAAa;SACpB,CAAC,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;IAEvB,OAAO,EAAE,YAAY,EAAE,CAAC;AAC1B,CAAC"}

package/src/lib/components/detail/attachment/detail-attachment.d.ts

@@ -0,0 +1,3 @@
+import { SmartDetailFieldProps } from '../detail.types';
+/** `<smart-detail-attachment>` (`DetailAttachmentComponent`): a download button. */
+export declare function SmartDetailAttachment<T>(props: SmartDetailFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

package/src/lib/components/detail/attachment/detail-attachment.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartDetailAttachment = SmartDetailAttachment;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const hooks_1 = require("../../../providers/hooks");
+const class_names_1 = require("../../../utils/class-names");
+const use_detail_attachment_1 = require("./use-detail-attachment");
+/** `<smart-detail-attachment>` (`DetailAttachmentComponent`): a download button. */
+function SmartDetailAttachment(props) {
+    const { className } = props;
+    const t = (0, hooks_1.useTranslate)();
+    const { item, key, download } = (0, use_detail_attachment_1.useDetailAttachment)(props);
+    if (!item || !key)
+        return null;
+    return ((0, jsx_runtime_1.jsx)("button", { type: "button", className: (0, class_names_1.cn)([
+            'smart:inline-flex',
+            'smart:items-center',
+            'smart:rounded-md',
+            'smart:bg-indigo-600',
+            'smart:px-3',
+            'smart:py-2',
+            'smart:text-sm',
+            'smart:font-semibold',
+            'smart:text-white',
+            'smart:shadow-sm',
+            'smart:hover:bg-indigo-500',
+            'smart:dark:bg-indigo-500',
+            'smart:dark:hover:bg-indigo-400',
+        ], className), onClick: download, children: t('download') }));
+}
+//# sourceMappingURL=detail-attachment.js.map

package/src/lib/components/detail/attachment/detail-attachment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"detail-attachment.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/detail/attachment/detail-attachment.tsx"],"names":[],"mappings":";;AAMA,sDAiCC;;AAvCD,oDAAwD;AACxD,4DAAgD;AAEhD,mEAA8D;AAE9D,oFAAoF;AACpF,SAAgB,qBAAqB,CAAI,KAA+B;IACtE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,CAAC,GAAG,IAAA,oBAAY,GAAE,CAAC;IACzB,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,IAAA,2CAAmB,EAAC,KAAK,CAAC,CAAC;IAE3D,IAAI,CAAC,IAAI,IAAI,CAAC,GAAG;QAAE,OAAO,IAAI,CAAC;IAE/B,OAAO,CACL,mCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,IAAA,gBAAE,EACX;YACE,mBAAmB;YACnB,oBAAoB;YACpB,kBAAkB;YAClB,qBAAqB;YACrB,YAAY;YACZ,YAAY;YACZ,eAAe;YACf,qBAAqB;YACrB,kBAAkB;YAClB,iBAAiB;YACjB,2BAA2B;YAC3B,0BAA0B;YAC1B,gCAAgC;SACjC,EACD,SAAS,CACV,EACD,OAAO,EAAE,QAAQ,YAEhB,CAAC,CAAC,UAAU,CAAC,GACP,CACV,CAAC;AACJ,CAAC"}

package/src/lib/components/detail/attachment/index.d.ts

@@ -0,0 +1,3 @@
+export * from './detail-attachment';
+export * from './preset/detail-attachment-preset';
+export * from './use-detail-attachment';

package/src/lib/components/detail/attachment/index.js

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

package/src/lib/components/detail/attachment/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/detail/attachment/index.ts"],"names":[],"mappings":";;;AAAA,8DAAoC;AACpC,4EAAkD;AAClD,kEAAwC"}