@smartsoft001/react 0.0.0-stage → 2.193.0

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

@@ -0,0 +1,6 @@
+import { SmartDetailFieldProps } from '../../detail.types';
+/**
+ * Styled attachment detail (preset, `DetailAttachmentPresetComponent`): a
+ * chip with a file icon, the file name and a `download` button.
+ */
+export declare function SmartDetailAttachmentPreset<T>(props: SmartDetailFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartDetailAttachmentPreset = SmartDetailAttachmentPreset;
+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");
+/**
+ * Styled attachment detail (preset, `DetailAttachmentPresetComponent`): a
+ * chip with a file icon, the file name and a `download` button.
+ */
+function SmartDetailAttachmentPreset(props) {
+    const { className } = props;
+    const t = (0, hooks_1.useTranslate)();
+    const { item, key, fileName, download } = (0, use_detail_attachment_1.useDetailAttachment)(props);
+    if (!item || !key)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)("span", { className: (0, class_names_1.cn)([
+            'smart:inline-flex',
+            'smart:items-center',
+            'smart:gap-x-3',
+            'smart:p-3',
+            'smart:bg-white',
+            'smart:dark:bg-gray-800',
+            'smart:border',
+            'smart:border-gray-200',
+            'smart:dark:border-gray-700',
+            'smart:rounded-lg',
+        ], className), "data-role": "chip", children: [(0, jsx_runtime_1.jsxs)("svg", { className: "smart:shrink-0 smart:size-5 smart:text-gray-500 smart:dark:text-gray-400", 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", children: [(0, jsx_runtime_1.jsx)("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" })] }), fileName && ((0, jsx_runtime_1.jsx)("span", { "data-role": "name", className: "smart:text-sm smart:font-medium smart:text-gray-900 smart:dark:text-white smart:truncate", children: fileName })), (0, jsx_runtime_1.jsx)("button", { type: "button", "data-role": "download", className: "smart:inline-flex smart:items-center smart:gap-x-1 smart:text-sm smart:font-medium smart:text-gray-500 smart:hover:text-blue-600 smart:dark:text-gray-400 smart:dark:hover:text-blue-400 smart:focus:outline-hidden", onClick: download, children: t('download') })] }));
+}
+//# sourceMappingURL=detail-attachment-preset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"detail-attachment-preset.js","sourceRoot":"","sources":["../../../../../../../../../../packages/shared/react/src/lib/components/detail/attachment/preset/detail-attachment-preset.tsx"],"names":[],"mappings":";;AASA,kEA6DC;;AAtED,uDAA2D;AAC3D,+DAAmD;AAEnD,oEAA+D;AAE/D;;;GAGG;AACH,SAAgB,2BAA2B,CACzC,KAA+B;IAE/B,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,CAAC,GAAG,IAAA,oBAAY,GAAE,CAAC;IACzB,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAA,2CAAmB,EAAC,KAAK,CAAC,CAAC;IAErE,IAAI,CAAC,IAAI,IAAI,CAAC,GAAG;QAAE,OAAO,IAAI,CAAC;IAE/B,OAAO,CACL,kCACE,SAAS,EAAE,IAAA,gBAAE,EACX;YACE,mBAAmB;YACnB,oBAAoB;YACpB,eAAe;YACf,WAAW;YACX,gBAAgB;YAChB,wBAAwB;YACxB,cAAc;YACd,uBAAuB;YACvB,4BAA4B;YAC5B,kBAAkB;SACnB,EACD,SAAS,CACV,eACS,MAAM,aAEhB,iCACE,SAAS,EAAC,0EAA0E,EACpF,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,aAEtB,iCAAM,CAAC,EAAC,4DAA4D,GAAG,EACvE,iCAAM,CAAC,EAAC,yBAAyB,GAAG,IAChC,EACL,QAAQ,IAAI,CACX,8CACY,MAAM,EAChB,SAAS,EAAC,0FAA0F,YAEnG,QAAQ,GACJ,CACR,EACD,mCACE,IAAI,EAAC,QAAQ,eACH,UAAU,EACpB,SAAS,EAAC,qNAAqN,EAC/N,OAAO,EAAE,QAAQ,YAEhB,CAAC,CAAC,UAAU,CAAC,GACP,IACJ,CACR,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,13 @@
+import { SmartDetailFieldProps } from '../detail.types';
+/**
+ * The attachment detail's logic (the Angular `DetailAttachmentComponent`):
+ * `download()` opens the file through the `FileService`; `fileName` is the
+ * file's `fileName` or `name` (`DetailAttachmentPresetComponent`), `null`
+ * without either.
+ */
+export declare function useDetailAttachment<T>(props: SmartDetailFieldProps<T>): {
+    item: NonNullable<T> | null;
+    key: string | null;
+    fileName: string | null;
+    download: () => void | undefined;
+};

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

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDetailAttachment = useDetailAttachment;
+const hooks_1 = require("../../../providers/hooks");
+const use_detail_1 = require("../use-detail");
+/**
+ * The attachment detail's logic (the Angular `DetailAttachmentComponent`):
+ * `download()` opens the file through the `FileService`; `fileName` is the
+ * file's `fileName` or `name` (`DetailAttachmentPresetComponent`), `null`
+ * without either.
+ */
+function useDetailAttachment(props) {
+    const fileService = (0, hooks_1.useFileService)();
+    const { item, key, value } = (0, use_detail_1.useDetail)(props);
+    return {
+        item,
+        key,
+        fileName: (value?.fileName ?? value?.name ?? null),
+        download: () => fileService?.download(value.id),
+    };
+}
+//# sourceMappingURL=use-detail-attachment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-detail-attachment.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/detail/attachment/use-detail-attachment.ts"],"names":[],"mappings":";;AAUA,kDAUC;AApBD,oDAA0D;AAE1D,8CAA0C;AAE1C;;;;;GAKG;AACH,SAAgB,mBAAmB,CAAI,KAA+B;IACpE,MAAM,WAAW,GAAG,IAAA,sBAAc,GAAE,CAAC;IACrC,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAAA,sBAAS,EAAC,KAAK,CAAC,CAAC;IAE9C,OAAO;QACL,IAAI;QACJ,GAAG;QACH,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,IAAI,KAAK,EAAE,IAAI,IAAI,IAAI,CAAkB;QACnE,QAAQ,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;KAChD,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,3 @@
+import { SmartDetailFieldProps } from '../detail.types';
+/** `<smart-detail-color>` (`DetailColorComponent`): a bar filled with the colour. */
+export declare function SmartDetailColor<T>(props: SmartDetailFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartDetailColor = SmartDetailColor;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../utils/class-names");
+const use_detail_1 = require("../use-detail");
+/** `<smart-detail-color>` (`DetailColorComponent`): a bar filled with the colour. */
+function SmartDetailColor(props) {
+    const { className } = props;
+    const { item, key, value } = (0, use_detail_1.useDetail)(props);
+    if (!item || !key)
+        return null;
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, class_names_1.cn)([
+            'smart:h-8',
+            'smart:w-full',
+            'smart:rounded',
+            'smart:border',
+            'smart:border-gray-200',
+            'smart:dark:border-white/10',
+        ], className), style: { backgroundColor: value } }));
+}
+//# sourceMappingURL=detail-color.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"detail-color.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/detail/color/detail-color.tsx"],"names":[],"mappings":";;AAKA,4CAsBC;;AA3BD,4DAAgD;AAEhD,8CAA0C;AAE1C,qFAAqF;AACrF,SAAgB,gBAAgB,CAAI,KAA+B;IACjE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAAA,sBAAS,EAAC,KAAK,CAAC,CAAC;IAE9C,IAAI,CAAC,IAAI,IAAI,CAAC,GAAG;QAAE,OAAO,IAAI,CAAC;IAE/B,OAAO,CACL,gCACE,SAAS,EAAE,IAAA,gBAAE,EACX;YACE,WAAW;YACX,cAAc;YACd,eAAe;YACf,cAAc;YACd,uBAAuB;YACvB,4BAA4B;SAC7B,EACD,SAAS,CACV,EACD,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,GACjC,CACH,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './detail-color';
+export * from './preset/detail-color-preset';

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

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

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

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

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

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

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

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartDetailColorPreset = SmartDetailColorPreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../../utils/class-names");
+const use_detail_1 = require("../../use-detail");
+/**
+ * Styled colour detail (preset, `DetailColorPresetComponent`): a swatch next
+ * to the colour code.
+ */
+function SmartDetailColorPreset(props) {
+    const { className } = props;
+    const { item, key, value } = (0, use_detail_1.useDetail)(props);
+    if (!item || !key)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)("div", { "data-role": "color", className: (0, class_names_1.cn)(['smart:inline-flex', 'smart:items-center', 'smart:gap-x-2'], className), children: [(0, jsx_runtime_1.jsx)("span", { "data-role": "swatch", className: "smart:size-6 smart:rounded-md smart:border smart:border-gray-200 smart:dark:border-white/10", style: { backgroundColor: value } }), (0, jsx_runtime_1.jsx)("span", { "data-role": "value", className: "smart:font-mono smart:text-sm smart:text-gray-700 smart:dark:text-gray-300", children: value })] }));
+}
+//# sourceMappingURL=detail-color-preset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"detail-color-preset.js","sourceRoot":"","sources":["../../../../../../../../../../packages/shared/react/src/lib/components/detail/color/preset/detail-color-preset.tsx"],"names":[],"mappings":";;AAQA,wDA2BC;;AAnCD,+DAAmD;AAEnD,iDAA6C;AAE7C;;;GAGG;AACH,SAAgB,sBAAsB,CAAI,KAA+B;IACvE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAAA,sBAAS,EAAC,KAAK,CAAC,CAAC;IAE9C,IAAI,CAAC,IAAI,IAAI,CAAC,GAAG;QAAE,OAAO,IAAI,CAAC;IAE/B,OAAO,CACL,8CACY,OAAO,EACjB,SAAS,EAAE,IAAA,gBAAE,EACX,CAAC,mBAAmB,EAAE,oBAAoB,EAAE,eAAe,CAAC,EAC5D,SAAS,CACV,aAED,8CACY,QAAQ,EAClB,SAAS,EAAC,6FAA6F,EACvG,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,GACjC,EACF,8CACY,OAAO,EACjB,SAAS,EAAC,4EAA4E,YAErF,KAAK,GACD,IACH,CACP,CAAC;AACJ,CAAC"}

package/src/lib/components/detail/date-range/detail-date-range.d.ts

@@ -0,0 +1,3 @@
+import { SmartDetailFieldProps } from '../detail.types';
+/** `<smart-detail-date-range>` (`DetailDateRangeComponent`): `start – end`. */
+export declare function SmartDetailDateRange<T>(props: SmartDetailFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartDetailDateRange = SmartDetailDateRange;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../utils/class-names");
+const use_detail_1 = require("../use-detail");
+/** `<smart-detail-date-range>` (`DetailDateRangeComponent`): `start – end`. */
+function SmartDetailDateRange(props) {
+    const { className } = props;
+    const { item, key, value: range } = (0, use_detail_1.useDetail)(props);
+    if (!item || !key || !range)
+        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: [range.start, " \u2013 ", range.end] }));
+}
+//# sourceMappingURL=detail-date-range.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"detail-date-range.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/detail/date-range/detail-date-range.tsx"],"names":[],"mappings":";;AAKA,oDAgBC;;AArBD,4DAAgD;AAEhD,8CAA0C;AAE1C,+EAA+E;AAC/E,SAAgB,oBAAoB,CAAI,KAA+B;IACrE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAA,sBAAS,EAAC,KAAK,CAAC,CAAC;IAErD,IAAI,CAAC,IAAI,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IAEzC,OAAO,CACL,+BACE,SAAS,EAAE,IAAA,gBAAE,EACX,CAAC,eAAe,EAAE,qBAAqB,EAAE,0BAA0B,CAAC,EACpE,SAAS,CACV,aAEA,KAAK,CAAC,KAAK,cAAK,KAAK,CAAC,GAAG,IACxB,CACL,CAAC;AACJ,CAAC"}

package/src/lib/components/detail/date-range/index.d.ts

@@ -0,0 +1,2 @@
+export * from './detail-date-range';
+export * from './preset/detail-date-range-preset';

package/src/lib/components/detail/date-range/index.js

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

package/src/lib/components/detail/date-range/index.js.map

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

package/src/lib/components/detail/date-range/preset/detail-date-range-preset.d.ts

@@ -0,0 +1,6 @@
+import { SmartDetailFieldProps } from '../../detail.types';
+/**
+ * Styled date range detail (preset, `DetailDateRangePresetComponent`): the
+ * start and the end as two chips.
+ */
+export declare function SmartDetailDateRangePreset<T>(props: SmartDetailFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

package/src/lib/components/detail/date-range/preset/detail-date-range-preset.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartDetailDateRangePreset = SmartDetailDateRangePreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../../utils/class-names");
+const use_detail_1 = require("../../use-detail");
+const CHIP_CLASSES = [
+    'smart:inline-flex',
+    'smart:items-center',
+    'smart:rounded-md',
+    'smart:bg-gray-100',
+    'smart:px-2',
+    'smart:py-0.5',
+    'smart:text-xs',
+    'smart:font-medium',
+    'smart:text-gray-800',
+    'smart:dark:bg-gray-500/20',
+    'smart:dark:text-gray-300',
+].join(' ');
+/**
+ * Styled date range detail (preset, `DetailDateRangePresetComponent`): the
+ * start and the end as two chips.
+ */
+function SmartDetailDateRangePreset(props) {
+    const { className } = props;
+    const { item, key, value: range } = (0, use_detail_1.useDetail)(props);
+    if (!item || !key || !range)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)("div", { "data-role": "range", className: (0, class_names_1.cn)(['smart:inline-flex', 'smart:items-center', 'smart:gap-x-2'], className), children: [(0, jsx_runtime_1.jsx)("span", { "data-role": "start", className: CHIP_CLASSES, children: range.start }), (0, jsx_runtime_1.jsx)("span", { "data-role": "sep", className: "smart:text-sm smart:text-gray-400 smart:dark:text-gray-500", children: "\u2013" }), (0, jsx_runtime_1.jsx)("span", { "data-role": "end", className: CHIP_CLASSES, children: range.end })] }));
+}
+//# sourceMappingURL=detail-date-range-preset.js.map

package/src/lib/components/detail/date-range/preset/detail-date-range-preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"detail-date-range-preset.js","sourceRoot":"","sources":["../../../../../../../../../../packages/shared/react/src/lib/components/detail/date-range/preset/detail-date-range-preset.tsx"],"names":[],"mappings":";;AAsBA,gEA4BC;;AAlDD,+DAAmD;AAEnD,iDAA6C;AAE7C,MAAM,YAAY,GAAG;IACnB,mBAAmB;IACnB,oBAAoB;IACpB,kBAAkB;IAClB,mBAAmB;IACnB,YAAY;IACZ,cAAc;IACd,eAAe;IACf,mBAAmB;IACnB,qBAAqB;IACrB,2BAA2B;IAC3B,0BAA0B;CAC3B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ;;;GAGG;AACH,SAAgB,0BAA0B,CAAI,KAA+B;IAC3E,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAA,sBAAS,EAAC,KAAK,CAAC,CAAC;IAErD,IAAI,CAAC,IAAI,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IAEzC,OAAO,CACL,8CACY,OAAO,EACjB,SAAS,EAAE,IAAA,gBAAE,EACX,CAAC,mBAAmB,EAAE,oBAAoB,EAAE,eAAe,CAAC,EAC5D,SAAS,CACV,aAED,8CAAgB,OAAO,EAAC,SAAS,EAAE,YAAY,YAC5C,KAAK,CAAC,KAAK,GACP,EACP,8CACY,KAAK,EACf,SAAS,EAAC,4DAA4D,uBAGjE,EACP,8CAAgB,KAAK,EAAC,SAAS,EAAE,YAAY,YAC1C,KAAK,CAAC,GAAG,GACL,IACH,CACP,CAAC;AACJ,CAAC"}

package/src/lib/components/detail/default-field-components.d.ts

@@ -0,0 +1,12 @@
+import type { ComponentType } from 'react';
+import { FieldTypeDef } from '@smartsoft001/models';
+import { SmartDetailFieldProps } from './detail.types';
+export type SmartDetailFieldComponents = Partial<Record<FieldTypeDef, ComponentType<SmartDetailFieldProps<any>>>>;
+/**
+ * The detail component of every `FieldType` (the Angular `baseMap` of
+ * `DetailComponent`). Built on first use rather than at module load: the
+ * `object` and `array` details render `<SmartDetails>`, which renders details
+ * again, and a map built while those modules are still loading would hold
+ * `undefined` for them.
+ */
+export declare function getDefaultDetailFieldComponents(): SmartDetailFieldComponents;

package/src/lib/components/detail/default-field-components.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDefaultDetailFieldComponents = getDefaultDetailFieldComponents;
+const models_1 = require("@smartsoft001/models");
+const detail_address_1 = require("./address/detail-address");
+const detail_array_1 = require("./array/detail-array");
+const detail_attachment_1 = require("./attachment/detail-attachment");
+const detail_color_1 = require("./color/detail-color");
+const detail_date_range_1 = require("./date-range/detail-date-range");
+const detail_email_1 = require("./email/detail-email");
+const detail_enum_1 = require("./enum/detail-enum");
+const detail_flag_1 = require("./flag/detail-flag");
+const detail_image_1 = require("./image/detail-image");
+const detail_logo_1 = require("./logo/detail-logo");
+const detail_object_1 = require("./object/detail-object");
+const detail_pdf_1 = require("./pdf/detail-pdf");
+const detail_phone_number_pl_1 = require("./phone-number-pl/detail-phone-number-pl");
+const detail_text_1 = require("./text/detail-text");
+const detail_video_1 = require("./video/detail-video");
+let defaults = null;
+/**
+ * The detail component of every `FieldType` (the Angular `baseMap` of
+ * `DetailComponent`). Built on first use rather than at module load: the
+ * `object` and `array` details render `<SmartDetails>`, which renders details
+ * again, and a map built while those modules are still loading would hold
+ * `undefined` for them.
+ */
+function getDefaultDetailFieldComponents() {
+    defaults ??= {
+        [models_1.FieldType.email]: detail_email_1.SmartDetailEmail,
+        [models_1.FieldType.flag]: detail_flag_1.SmartDetailFlag,
+        [models_1.FieldType.enum]: detail_enum_1.SmartDetailEnum,
+        [models_1.FieldType.address]: detail_address_1.SmartDetailAddress,
+        [models_1.FieldType.object]: detail_object_1.SmartDetailObject,
+        [models_1.FieldType.color]: detail_color_1.SmartDetailColor,
+        [models_1.FieldType.logo]: detail_logo_1.SmartDetailLogo,
+        [models_1.FieldType.array]: detail_array_1.SmartDetailArray,
+        [models_1.FieldType.pdf]: detail_pdf_1.SmartDetailPdf,
+        [models_1.FieldType.video]: detail_video_1.SmartDetailVideo,
+        [models_1.FieldType.attachment]: detail_attachment_1.SmartDetailAttachment,
+        [models_1.FieldType.dateRange]: detail_date_range_1.SmartDetailDateRange,
+        [models_1.FieldType.image]: detail_image_1.SmartDetailImage,
+        [models_1.FieldType.phoneNumberPl]: detail_phone_number_pl_1.SmartDetailPhoneNumberPl,
+        [models_1.FieldType.text]: detail_text_1.SmartDetailText,
+    };
+    return defaults;
+}
+//# sourceMappingURL=default-field-components.js.map

package/src/lib/components/detail/default-field-components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-field-components.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/detail/default-field-components.ts"],"names":[],"mappings":";;AAkCA,0EAoBC;AApDD,iDAA+D;AAE/D,6DAA8D;AAC9D,uDAAwD;AACxD,sEAAuE;AACvE,uDAAwD;AACxD,sEAAsE;AAEtE,uDAAwD;AACxD,oDAAqD;AACrD,oDAAqD;AACrD,uDAAwD;AACxD,oDAAqD;AACrD,0DAA2D;AAC3D,iDAAkD;AAClD,qFAAoF;AACpF,oDAAqD;AACrD,uDAAwD;AAMxD,IAAI,QAAQ,GAAsC,IAAI,CAAC;AAEvD;;;;;;GAMG;AACH,SAAgB,+BAA+B;IAC7C,QAAQ,KAAK;QACX,CAAC,kBAAS,CAAC,KAAK,CAAC,EAAE,+BAAgB;QACnC,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,6BAAe;QACjC,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,6BAAe;QACjC,CAAC,kBAAS,CAAC,OAAO,CAAC,EAAE,mCAAkB;QACvC,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,iCAAiB;QACrC,CAAC,kBAAS,CAAC,KAAK,CAAC,EAAE,+BAAgB;QACnC,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,6BAAe;QACjC,CAAC,kBAAS,CAAC,KAAK,CAAC,EAAE,+BAAgB;QACnC,CAAC,kBAAS,CAAC,GAAG,CAAC,EAAE,2BAAc;QAC/B,CAAC,kBAAS,CAAC,KAAK,CAAC,EAAE,+BAAgB;QACnC,CAAC,kBAAS,CAAC,UAAU,CAAC,EAAE,yCAAqB;QAC7C,CAAC,kBAAS,CAAC,SAAS,CAAC,EAAE,wCAAoB;QAC3C,CAAC,kBAAS,CAAC,KAAK,CAAC,EAAE,+BAAgB;QACnC,CAAC,kBAAS,CAAC,aAAa,CAAC,EAAE,iDAAwB;QACnD,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,6BAAe;KAClC,CAAC;IAEF,OAAO,QAAQ,CAAC;AAClB,CAAC"}

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

@@ -0,0 +1,12 @@
+import { SmartDetailProps } from './detail.types';
+/**
+ * `<smart-detail>` (`DetailComponent`): the label of a field and its value,
+ * rendered by the detail component of the field type, with the field's info
+ * tooltip and a skeleton while there is no item yet.
+ *
+ * Field components are resolved from `detailFieldComponents` on
+ * `SmartProvider` (the Angular `DETAIL_FIELD_COMPONENTS_TOKEN`) over the
+ * library's own; register `DETAIL_PRESET_FIELD_COMPONENTS` there for the
+ * preset look. A type without a component renders `SmartDetailText`.
+ */
+export declare function SmartDetail<T>({ options, type, className, }: SmartDetailProps<T>): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartDetail = SmartDetail;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const models_1 = require("@smartsoft001/models");
+const default_field_components_1 = require("./default-field-components");
+const hooks_1 = require("../../providers/hooks");
+const hooks_2 = require("../../utils/hooks");
+const info_1 = require("../info/info");
+const detail_text_1 = require("./text/detail-text");
+/**
+ * `<smart-detail>` (`DetailComponent`): the label of a field and its value,
+ * rendered by the detail component of the field type, with the field's info
+ * tooltip and a skeleton while there is no item yet.
+ *
+ * Field components are resolved from `detailFieldComponents` on
+ * `SmartProvider` (the Angular `DETAIL_FIELD_COMPONENTS_TOKEN`) over the
+ * library's own; register `DETAIL_PRESET_FIELD_COMPONENTS` there for the
+ * preset look. A type without a component renders `SmartDetailText`.
+ */
+function SmartDetail({ options, type, className, }) {
+    const components = (0, hooks_1.useDetailFieldComponents)((0, default_field_components_1.getDefaultDetailFieldComponents)());
+    const label = (0, hooks_2.useModelLabel)(options?.item, options?.key ?? '', type);
+    if (!options)
+        return null;
+    const Component = components[options.options?.type ?? models_1.FieldType.text] ?? detail_text_1.SmartDetailText;
+    const info = options.options?.info;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "smart:relative", children: [info && ((0, jsx_runtime_1.jsx)("div", { className: "smart:absolute smart:right-0 smart:top-0", children: (0, jsx_runtime_1.jsx)(info_1.SmartInfo, { options: { text: info } }) })), (0, jsx_runtime_1.jsx)("span", { className: "smart:block smart:text-sm smart:font-medium smart:text-gray-500 smart:dark:text-gray-400", children: label }), options.item ? ((0, jsx_runtime_1.jsx)(Component, { options: options, className: className })) : ((0, jsx_runtime_1.jsx)("div", { className: "smart:h-4 smart:w-3/4 smart:animate-pulse smart:rounded smart:bg-gray-200 smart:dark:bg-gray-700" }))] }));
+}
+//# sourceMappingURL=detail.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"detail.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/detail/detail.tsx"],"names":[],"mappings":";;AAmBA,kCAiCC;;AApDD,iDAAiD;AAEjD,yEAA6E;AAE7E,iDAAiE;AACjE,6CAAkD;AAClD,uCAAyC;AACzC,oDAAqD;AAErD;;;;;;;;;GASG;AACH,SAAgB,WAAW,CAAI,EAC7B,OAAO,EACP,IAAI,EACJ,SAAS,GACW;IACpB,MAAM,UAAU,GAAG,IAAA,gCAAwB,EACzC,IAAA,0DAA+B,GAAE,CAClC,CAAC;IACF,MAAM,KAAK,GAAG,IAAA,qBAAa,EAAC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,IAAI,CAAC,CAAC;IAErE,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,SAAS,GACb,UAAU,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,IAAI,kBAAS,CAAC,IAAI,CAAC,IAAI,6BAAe,CAAC;IACzE,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC;IAEnC,OAAO,CACL,iCAAK,SAAS,EAAC,gBAAgB,aAC5B,IAAI,IAAI,CACP,gCAAK,SAAS,EAAC,0CAA0C,YACvD,uBAAC,gBAAS,IAAC,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,GAAI,GAClC,CACP,EACD,iCAAM,SAAS,EAAC,0FAA0F,YACvG,KAAK,GACD,EACN,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CACd,uBAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,GAAI,CACtD,CAAC,CAAC,CAAC,CACF,gCAAK,SAAS,EAAC,kGAAkG,GAAG,CACrH,IACG,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,16 @@
+import { IDetailOptions } from '../../models';
+/**
+ * The props of every detail field component: the inputs of the Angular
+ * `DetailBaseComponent` (`options`, and `class` as `className`).
+ */
+export interface SmartDetailFieldProps<T = any> {
+    options?: IDetailOptions<T>;
+    className?: string;
+}
+export interface SmartDetailProps<T = any> {
+    options: IDetailOptions<T> | undefined;
+    /** The model class, for the label (`smartModelLabel`). */
+    type: any;
+    /** Forwarded to the field component. */
+    className?: string;
+}

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

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

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

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

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

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

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartDetailEmail = SmartDetailEmail;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../utils/class-names");
+const use_detail_1 = require("../use-detail");
+/** `<smart-detail-email>` (`DetailEmailComponent`): a `mailto:` link. */
+function SmartDetailEmail(props) {
+    const { className } = props;
+    const { item, key, value } = (0, use_detail_1.useDetail)(props);
+    if (!item || !key)
+        return null;
+    return ((0, jsx_runtime_1.jsx)("a", { className: (0, class_names_1.cn)([
+            'smart:text-sm',
+            'smart:text-indigo-600',
+            'smart:underline',
+            'smart:dark:text-indigo-400',
+        ], className), href: 'mailto:' + value, children: value }));
+}
+//# sourceMappingURL=detail-email.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"detail-email.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/detail/email/detail-email.tsx"],"names":[],"mappings":";;AAKA,4CAsBC;;AA3BD,4DAAgD;AAEhD,8CAA0C;AAE1C,yEAAyE;AACzE,SAAgB,gBAAgB,CAAI,KAA+B;IACjE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAAA,sBAAS,EAAC,KAAK,CAAC,CAAC;IAE9C,IAAI,CAAC,IAAI,IAAI,CAAC,GAAG;QAAE,OAAO,IAAI,CAAC;IAE/B,OAAO,CACL,8BACE,SAAS,EAAE,IAAA,gBAAE,EACX;YACE,eAAe;YACf,uBAAuB;YACvB,iBAAiB;YACjB,4BAA4B;SAC7B,EACD,SAAS,CACV,EACD,IAAI,EAAE,SAAS,GAAG,KAAK,YAEtB,KAAK,GACJ,CACL,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './detail-email';
+export * from './preset/detail-email-preset';

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

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

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

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

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

@@ -0,0 +1,6 @@
+import { SmartDetailFieldProps } from '../../detail.types';
+/**
+ * Styled email detail (preset, `DetailEmailPresetComponent`): a blue
+ * `mailto:` link with an envelope icon.
+ */
+export declare function SmartDetailEmailPreset<T>(props: SmartDetailFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartDetailEmailPreset = SmartDetailEmailPreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../../utils/class-names");
+const use_detail_1 = require("../../use-detail");
+/**
+ * Styled email detail (preset, `DetailEmailPresetComponent`): a blue
+ * `mailto:` link with an envelope icon.
+ */
+function SmartDetailEmailPreset(props) {
+    const { className } = props;
+    const { item, key, value } = (0, use_detail_1.useDetail)(props);
+    if (!item || !key)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)("a", { "data-role": "link", className: (0, class_names_1.cn)([
+            'smart:inline-flex',
+            'smart:items-center',
+            'smart:gap-x-1.5',
+            'smart:text-sm',
+            'smart:text-blue-600',
+            'smart:hover:underline',
+            'smart:dark:text-blue-400',
+        ], className), href: 'mailto:' + value, children: [(0, jsx_runtime_1.jsx)("svg", { "data-role": "icon", className: "smart:size-4 smart:shrink-0", 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: "M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75" }) }), value] }));
+}
+//# sourceMappingURL=detail-email-preset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"detail-email-preset.js","sourceRoot":"","sources":["../../../../../../../../../../packages/shared/react/src/lib/components/detail/email/preset/detail-email-preset.tsx"],"names":[],"mappings":";;AAQA,wDA0CC;;AAlDD,+DAAmD;AAEnD,iDAA6C;AAE7C;;;GAGG;AACH,SAAgB,sBAAsB,CAAI,KAA+B;IACvE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAAA,sBAAS,EAAC,KAAK,CAAC,CAAC;IAE9C,IAAI,CAAC,IAAI,IAAI,CAAC,GAAG;QAAE,OAAO,IAAI,CAAC;IAE/B,OAAO,CACL,4CACY,MAAM,EAChB,SAAS,EAAE,IAAA,gBAAE,EACX;YACE,mBAAmB;YACnB,oBAAoB;YACpB,iBAAiB;YACjB,eAAe;YACf,qBAAqB;YACrB,uBAAuB;YACvB,0BAA0B;SAC3B,EACD,SAAS,CACV,EACD,IAAI,EAAE,SAAS,GAAG,KAAK,aAEvB,6CACY,MAAM,EAChB,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,WAAW,EAAC,KAAK,EACjB,MAAM,EAAC,cAAc,iBACT,MAAM,YAElB,iCACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,CAAC,EAAC,gQAAgQ,GAClQ,GACE,EACL,KAAK,IACJ,CACL,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,6 @@
+import { SmartDetailFieldProps } from '../detail.types';
+/**
+ * `<smart-detail-enum>` (`DetailEnumComponent`): the translated value(s),
+ * separated by commas.
+ */
+export declare function SmartDetailEnum<T>(props: SmartDetailFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartDetailEnum = SmartDetailEnum;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const hooks_1 = require("../../../providers/hooks");
+const class_names_1 = require("../../../utils/class-names");
+const use_detail_enum_1 = require("./use-detail-enum");
+/**
+ * `<smart-detail-enum>` (`DetailEnumComponent`): the translated value(s),
+ * separated by commas.
+ */
+function SmartDetailEnum(props) {
+    const { className } = props;
+    const t = (0, hooks_1.useTranslate)();
+    const { item, key, values } = (0, use_detail_enum_1.useDetailEnum)(props);
+    if (!item || !key)
+        return null;
+    return ((0, jsx_runtime_1.jsx)("p", { className: (0, class_names_1.cn)(['smart:text-sm', 'smart:text-gray-900', 'smart:dark:text-gray-100'], className), children: values.map((val, index) => ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [index > 0 && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: ",\u00A0" }), t(val)] }, val))) }));
+}
+//# sourceMappingURL=detail-enum.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"detail-enum.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/detail/enum/detail-enum.tsx"],"names":[],"mappings":";;AAWA,0CAsBC;;AAjCD,iCAAiC;AAEjC,oDAAwD;AACxD,4DAAgD;AAEhD,uDAAkD;AAElD;;;GAGG;AACH,SAAgB,eAAe,CAAI,KAA+B;IAChE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,CAAC,GAAG,IAAA,oBAAY,GAAE,CAAC;IACzB,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,IAAA,+BAAa,EAAC,KAAK,CAAC,CAAC;IAEnD,IAAI,CAAC,IAAI,IAAI,CAAC,GAAG;QAAE,OAAO,IAAI,CAAC;IAE/B,OAAO,CACL,8BACE,SAAS,EAAE,IAAA,gBAAE,EACX,CAAC,eAAe,EAAE,qBAAqB,EAAE,0BAA0B,CAAC,EACpE,SAAS,CACV,YAEA,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,wBAAC,gBAAQ,eACN,KAAK,GAAG,CAAC,IAAI,uEAAY,EACzB,CAAC,CAAC,GAAG,CAAC,KAFM,GAAG,CAGP,CACZ,CAAC,GACA,CACL,CAAC;AACJ,CAAC"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/detail/enum/index.ts"],"names":[],"mappings":";;;AAAA,wDAA8B;AAC9B,sEAA4C;AAC5C,4DAAkC"}

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

@@ -0,0 +1,6 @@
+import { SmartDetailFieldProps } from '../../detail.types';
+/**
+ * Styled enum detail (preset, `DetailEnumPresetComponent`): a soft blue
+ * badge per translated value.
+ */
+export declare function SmartDetailEnumPreset<T>(props: SmartDetailFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartDetailEnumPreset = SmartDetailEnumPreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const hooks_1 = require("../../../../providers/hooks");
+const class_names_1 = require("../../../../utils/class-names");
+const preset_classes_1 = require("../../../badge/preset/preset-classes");
+const use_detail_enum_1 = require("../use-detail-enum");
+/**
+ * Styled enum detail (preset, `DetailEnumPresetComponent`): a soft blue
+ * badge per translated value.
+ */
+function SmartDetailEnumPreset(props) {
+    const { className } = props;
+    const t = (0, hooks_1.useTranslate)();
+    const { item, key, values } = (0, use_detail_enum_1.useDetailEnum)(props);
+    if (!item || !key)
+        return null;
+    const badgeClasses = (0, preset_classes_1.getBadgeClasses)('soft', 'blue', false, 'sm');
+    return ((0, jsx_runtime_1.jsx)("div", { "data-role": "badges", className: (0, class_names_1.cn)(['smart:flex', 'smart:flex-wrap', 'smart:gap-1.5'], className), children: values.map((val) => ((0, jsx_runtime_1.jsx)("span", { "data-role": "badge", className: badgeClasses, children: t(val) }, val))) }));
+}
+//# sourceMappingURL=detail-enum-preset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"detail-enum-preset.js","sourceRoot":"","sources":["../../../../../../../../../../packages/shared/react/src/lib/components/detail/enum/preset/detail-enum-preset.tsx"],"names":[],"mappings":";;AAUA,sDAwBC;;AAlCD,uDAA2D;AAC3D,+DAAmD;AACnD,yEAAuE;AAEvE,wDAAmD;AAEnD;;;GAGG;AACH,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,MAAM,EAAE,GAAG,IAAA,+BAAa,EAAC,KAAK,CAAC,CAAC;IAEnD,IAAI,CAAC,IAAI,IAAI,CAAC,GAAG;QAAE,OAAO,IAAI,CAAC;IAE/B,MAAM,YAAY,GAAG,IAAA,gCAAe,EAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;IAElE,OAAO,CACL,6CACY,QAAQ,EAClB,SAAS,EAAE,IAAA,gBAAE,EACX,CAAC,YAAY,EAAE,iBAAiB,EAAE,eAAe,CAAC,EAClD,SAAS,CACV,YAEA,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACnB,8CAA0B,OAAO,EAAC,SAAS,EAAE,YAAY,YACtD,CAAC,CAAC,GAAG,CAAC,IADE,GAAG,CAEP,CACR,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,14 @@
+import { SmartDetailFieldProps } from '../detail.types';
+/**
+ * The values an enum detail lists (the Angular `DetailEnumComponent.getValues`):
+ * the field's value, or each of its values when it is an array, as strings.
+ */
+export declare function useDetailEnum<T>(props: SmartDetailFieldProps<T>): {
+    values: string[];
+    item: NonNullable<T> | null;
+    key: string | null;
+    value: any;
+    cellPipe: import("../../../models").ICellPipe<T> | null;
+    fieldOptions: import("dist/packages/shared/models/src").IFieldOptions | null;
+    loading: boolean | undefined;
+};