@smartsoft001/react 0.0.0-stage → 2.193.0

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

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

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDetailPdf = useDetailPdf;
+const hooks_1 = require("../../../providers/hooks");
+const use_detail_1 = require("../use-detail");
+/**
+ * The PDF detail's logic (the Angular `DetailPdfComponent`): `show()` opens
+ * the file through the `FileService`; `fileName` is the file's `fileName` or
+ * `name` (`DetailPdfPresetComponent`), `null` without either.
+ */
+function useDetailPdf(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),
+        show: () => fileService?.download(value.id),
+    };
+}
+//# sourceMappingURL=use-detail-pdf.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-detail-pdf.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/detail/pdf/use-detail-pdf.ts"],"names":[],"mappings":";;AASA,oCAUC;AAnBD,oDAA0D;AAE1D,8CAA0C;AAE1C;;;;GAIG;AACH,SAAgB,YAAY,CAAI,KAA+B;IAC7D,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,IAAI,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;KAC5C,CAAC;AACJ,CAAC"}

package/src/lib/components/detail/phone-number-pl/detail-phone-number-pl.d.ts

@@ -0,0 +1,7 @@
+import { SmartDetailFieldProps } from '../detail.types';
+/**
+ * `<smart-detail-phone-number-pl>` (`DetailPhoneNumberPlComponent`): a
+ * `tel:` link with the `48` country prefix, labelled with the (sanitised)
+ * value of the cell.
+ */
+export declare function SmartDetailPhoneNumberPl<T>(props: SmartDetailFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

package/src/lib/components/detail/phone-number-pl/detail-phone-number-pl.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartDetailPhoneNumberPl = SmartDetailPhoneNumberPl;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../utils/class-names");
+const html_1 = require("../../../utils/html");
+const use_detail_1 = require("../use-detail");
+/**
+ * `<smart-detail-phone-number-pl>` (`DetailPhoneNumberPlComponent`): a
+ * `tel:` link with the `48` country prefix, labelled with the (sanitised)
+ * value of the cell.
+ */
+function SmartDetailPhoneNumberPl(props) {
+    const { className } = props;
+    const value = (0, use_detail_1.useDetailCellValue)(props);
+    if (!value)
+        return null;
+    return ((0, jsx_runtime_1.jsx)("a", { className: (0, class_names_1.cn)([
+            'smart:inline-flex',
+            'smart:items-center',
+            'smart:rounded-md',
+            'smart:bg-gray-100',
+            'smart:px-2',
+            'smart:py-1',
+            'smart:text-sm',
+            'smart:font-medium',
+            'smart:text-gray-700',
+            'smart:dark:bg-gray-800',
+            'smart:dark:text-gray-200',
+        ], className), href: 'tel:48' + value, dangerouslySetInnerHTML: (0, html_1.toInnerHtml)(value) }));
+}
+//# sourceMappingURL=detail-phone-number-pl.js.map

package/src/lib/components/detail/phone-number-pl/detail-phone-number-pl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"detail-phone-number-pl.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/detail/phone-number-pl/detail-phone-number-pl.tsx"],"names":[],"mappings":";;AAUA,4DA4BC;;AAtCD,4DAAgD;AAChD,8CAAkD;AAElD,8CAAmD;AAEnD;;;;GAIG;AACH,SAAgB,wBAAwB,CAAI,KAA+B;IACzE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,KAAK,GAAG,IAAA,+BAAkB,EAAC,KAAK,CAAC,CAAC;IAExC,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IAExB,OAAO,CACL,8BACE,SAAS,EAAE,IAAA,gBAAE,EACX;YACE,mBAAmB;YACnB,oBAAoB;YACpB,kBAAkB;YAClB,mBAAmB;YACnB,YAAY;YACZ,YAAY;YACZ,eAAe;YACf,mBAAmB;YACnB,qBAAqB;YACrB,wBAAwB;YACxB,0BAA0B;SAC3B,EACD,SAAS,CACV,EACD,IAAI,EAAE,QAAQ,GAAG,KAAK,EACtB,uBAAuB,EAAE,IAAA,kBAAW,EAAC,KAAK,CAAC,GAC3C,CACH,CAAC;AACJ,CAAC"}

package/src/lib/components/detail/phone-number-pl/index.d.ts

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

package/src/lib/components/detail/phone-number-pl/index.js

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

package/src/lib/components/detail/phone-number-pl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/detail/phone-number-pl/index.ts"],"names":[],"mappings":";;;AAAA,mEAAyC;AACzC,iFAAuD"}

package/src/lib/components/detail/phone-number-pl/preset/detail-phone-number-pl-preset.d.ts

@@ -0,0 +1,6 @@
+import { SmartDetailFieldProps } from '../../detail.types';
+/**
+ * Styled phone detail (preset, `DetailPhoneNumberPlPresetComponent`): the
+ * `tel:` link as a soft blue badge.
+ */
+export declare function SmartDetailPhoneNumberPlPreset<T>(props: SmartDetailFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

package/src/lib/components/detail/phone-number-pl/preset/detail-phone-number-pl-preset.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartDetailPhoneNumberPlPreset = SmartDetailPhoneNumberPlPreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../../utils/class-names");
+const html_1 = require("../../../../utils/html");
+const preset_classes_1 = require("../../../badge/preset/preset-classes");
+const use_detail_1 = require("../../use-detail");
+/**
+ * Styled phone detail (preset, `DetailPhoneNumberPlPresetComponent`): the
+ * `tel:` link as a soft blue badge.
+ */
+function SmartDetailPhoneNumberPlPreset(props) {
+    const { className } = props;
+    const value = (0, use_detail_1.useDetailCellValue)(props);
+    if (!value)
+        return null;
+    return ((0, jsx_runtime_1.jsx)("a", { "data-role": "link", className: (0, class_names_1.cn)((0, preset_classes_1.getBadgeClasses)('soft', 'blue', false, 'sm'), className), href: 'tel:48' + value, dangerouslySetInnerHTML: (0, html_1.toInnerHtml)(value) }));
+}
+//# sourceMappingURL=detail-phone-number-pl-preset.js.map

package/src/lib/components/detail/phone-number-pl/preset/detail-phone-number-pl-preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"detail-phone-number-pl-preset.js","sourceRoot":"","sources":["../../../../../../../../../../packages/shared/react/src/lib/components/detail/phone-number-pl/preset/detail-phone-number-pl-preset.tsx"],"names":[],"mappings":";;AAUA,wEAgBC;;AA1BD,+DAAmD;AACnD,iDAAqD;AACrD,yEAAuE;AAEvE,iDAAsD;AAEtD;;;GAGG;AACH,SAAgB,8BAA8B,CAC5C,KAA+B;IAE/B,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,KAAK,GAAG,IAAA,+BAAkB,EAAC,KAAK,CAAC,CAAC;IAExC,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IAExB,OAAO,CACL,2CACY,MAAM,EAChB,SAAS,EAAE,IAAA,gBAAE,EAAC,IAAA,gCAAe,EAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,SAAS,CAAC,EACtE,IAAI,EAAE,QAAQ,GAAG,KAAK,EACtB,uBAAuB,EAAE,IAAA,kBAAW,EAAC,KAAK,CAAC,GAC3C,CACH,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,14 @@
+import { SmartDetailFieldComponents } from './default-field-components';
+/**
+ * The preset detail components, keyed by `FieldType`. Register the map as
+ * `detailFieldComponents` on `SmartProvider` (the Angular
+ * `DETAIL_FIELD_COMPONENTS_TOKEN`) to give every detail the preset look:
+ *
+ * ```tsx
+ * <SmartProvider detailFieldComponents={DETAIL_PRESET_FIELD_COMPONENTS}>
+ * ```
+ *
+ * Field types without an entry keep their standard component, and a type
+ * missing from every map still falls back to `SmartDetailText`.
+ */
+export declare const DETAIL_PRESET_FIELD_COMPONENTS: SmartDetailFieldComponents;

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

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DETAIL_PRESET_FIELD_COMPONENTS = void 0;
+const models_1 = require("@smartsoft001/models");
+const detail_address_preset_1 = require("./address/preset/detail-address-preset");
+const detail_array_preset_1 = require("./array/preset/detail-array-preset");
+const detail_attachment_preset_1 = require("./attachment/preset/detail-attachment-preset");
+const detail_color_preset_1 = require("./color/preset/detail-color-preset");
+const detail_date_range_preset_1 = require("./date-range/preset/detail-date-range-preset");
+const detail_email_preset_1 = require("./email/preset/detail-email-preset");
+const detail_enum_preset_1 = require("./enum/preset/detail-enum-preset");
+const detail_flag_preset_1 = require("./flag/preset/detail-flag-preset");
+const detail_image_preset_1 = require("./image/preset/detail-image-preset");
+const detail_logo_preset_1 = require("./logo/preset/detail-logo-preset");
+const detail_object_preset_1 = require("./object/preset/detail-object-preset");
+const detail_pdf_preset_1 = require("./pdf/preset/detail-pdf-preset");
+const detail_phone_number_pl_preset_1 = require("./phone-number-pl/preset/detail-phone-number-pl-preset");
+const detail_text_preset_1 = require("./text/preset/detail-text-preset");
+const detail_video_preset_1 = require("./video/preset/detail-video-preset");
+/**
+ * The preset detail components, keyed by `FieldType`. Register the map as
+ * `detailFieldComponents` on `SmartProvider` (the Angular
+ * `DETAIL_FIELD_COMPONENTS_TOKEN`) to give every detail the preset look:
+ *
+ * ```tsx
+ * <SmartProvider detailFieldComponents={DETAIL_PRESET_FIELD_COMPONENTS}>
+ * ```
+ *
+ * Field types without an entry keep their standard component, and a type
+ * missing from every map still falls back to `SmartDetailText`.
+ */
+exports.DETAIL_PRESET_FIELD_COMPONENTS = {
+    [models_1.FieldType.email]: detail_email_preset_1.SmartDetailEmailPreset,
+    [models_1.FieldType.enum]: detail_enum_preset_1.SmartDetailEnumPreset,
+    [models_1.FieldType.flag]: detail_flag_preset_1.SmartDetailFlagPreset,
+    [models_1.FieldType.color]: detail_color_preset_1.SmartDetailColorPreset,
+    [models_1.FieldType.address]: detail_address_preset_1.SmartDetailAddressPreset,
+    [models_1.FieldType.dateRange]: detail_date_range_preset_1.SmartDetailDateRangePreset,
+    [models_1.FieldType.phoneNumberPl]: detail_phone_number_pl_preset_1.SmartDetailPhoneNumberPlPreset,
+    [models_1.FieldType.logo]: detail_logo_preset_1.SmartDetailLogoPreset,
+    [models_1.FieldType.image]: detail_image_preset_1.SmartDetailImagePreset,
+    [models_1.FieldType.video]: detail_video_preset_1.SmartDetailVideoPreset,
+    [models_1.FieldType.attachment]: detail_attachment_preset_1.SmartDetailAttachmentPreset,
+    [models_1.FieldType.pdf]: detail_pdf_preset_1.SmartDetailPdfPreset,
+    [models_1.FieldType.text]: detail_text_preset_1.SmartDetailTextPreset,
+    [models_1.FieldType.object]: detail_object_preset_1.SmartDetailObjectPreset,
+    [models_1.FieldType.array]: detail_array_preset_1.SmartDetailArrayPreset,
+};
+//# sourceMappingURL=preset-fields.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preset-fields.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/detail/preset-fields.ts"],"names":[],"mappings":";;;AAAA,iDAAiD;AAEjD,kFAAkF;AAClF,4EAA4E;AAC5E,2FAA2F;AAC3F,4EAA4E;AAC5E,2FAA0F;AAE1F,4EAA4E;AAC5E,yEAAyE;AACzE,yEAAyE;AACzE,4EAA4E;AAC5E,yEAAyE;AACzE,+EAA+E;AAC/E,sEAAsE;AACtE,0GAAwG;AACxG,yEAAyE;AACzE,4EAA4E;AAE5E;;;;;;;;;;;GAWG;AACU,QAAA,8BAA8B,GAA+B;IACxE,CAAC,kBAAS,CAAC,KAAK,CAAC,EAAE,4CAAsB;IACzC,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,0CAAqB;IACvC,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,0CAAqB;IACvC,CAAC,kBAAS,CAAC,KAAK,CAAC,EAAE,4CAAsB;IACzC,CAAC,kBAAS,CAAC,OAAO,CAAC,EAAE,gDAAwB;IAC7C,CAAC,kBAAS,CAAC,SAAS,CAAC,EAAE,qDAA0B;IACjD,CAAC,kBAAS,CAAC,aAAa,CAAC,EAAE,8DAA8B;IACzD,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,0CAAqB;IACvC,CAAC,kBAAS,CAAC,KAAK,CAAC,EAAE,4CAAsB;IACzC,CAAC,kBAAS,CAAC,KAAK,CAAC,EAAE,4CAAsB;IACzC,CAAC,kBAAS,CAAC,UAAU,CAAC,EAAE,sDAA2B;IACnD,CAAC,kBAAS,CAAC,GAAG,CAAC,EAAE,wCAAoB;IACrC,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,0CAAqB;IACvC,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,8CAAuB;IAC3C,CAAC,kBAAS,CAAC,KAAK,CAAC,EAAE,4CAAsB;CAC1C,CAAC"}

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

@@ -0,0 +1,7 @@
+import { SmartDetailFieldProps } from '../detail.types';
+/**
+ * `<smart-detail-text>` (`DetailTextComponent`): the value of the field, or
+ * what `options.cellPipe` makes of it, rendered as HTML. The HTML is
+ * sanitised; a `trustHtml(...)` value from the cell pipe renders as is.
+ */
+export declare function SmartDetailText<T>(props: SmartDetailFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartDetailText = SmartDetailText;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../utils/class-names");
+const html_1 = require("../../../utils/html");
+const use_detail_1 = require("../use-detail");
+/**
+ * `<smart-detail-text>` (`DetailTextComponent`): the value of the field, or
+ * what `options.cellPipe` makes of it, rendered as HTML. The HTML is
+ * sanitised; a `trustHtml(...)` value from the cell pipe renders as is.
+ */
+function SmartDetailText(props) {
+    const { className } = props;
+    const { item, key } = (0, use_detail_1.useDetail)(props);
+    const value = (0, use_detail_1.useDetailCellValue)(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), dangerouslySetInnerHTML: (0, html_1.toInnerHtml)(value) }));
+}
+//# sourceMappingURL=detail-text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"detail-text.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/detail/text/detail-text.tsx"],"names":[],"mappings":";;AAUA,0CAgBC;;AA1BD,4DAAgD;AAChD,8CAAkD;AAElD,8CAA8D;AAE9D;;;;GAIG;AACH,SAAgB,eAAe,CAAI,KAA+B;IAChE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,IAAA,sBAAS,EAAC,KAAK,CAAC,CAAC;IACvC,MAAM,KAAK,GAAG,IAAA,+BAAkB,EAAC,KAAK,CAAC,CAAC;IAExC,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,EACD,uBAAuB,EAAE,IAAA,kBAAW,EAAC,KAAK,CAAC,GAC3C,CACH,CAAC;AACJ,CAAC"}

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

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

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

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

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

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

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

@@ -0,0 +1,6 @@
+import { SmartDetailFieldProps } from '../../detail.types';
+/**
+ * Styled text detail (preset, `DetailTextPresetComponent`): the sanitised HTML
+ * of the value with Preline typography, an em dash when it is empty.
+ */
+export declare function SmartDetailTextPreset<T>(props: SmartDetailFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartDetailTextPreset = SmartDetailTextPreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../../utils/class-names");
+const html_1 = require("../../../../utils/html");
+const use_detail_1 = require("../../use-detail");
+/**
+ * Styled text detail (preset, `DetailTextPresetComponent`): the sanitised HTML
+ * of the value with Preline typography, an em dash when it is empty.
+ */
+function SmartDetailTextPreset(props) {
+    const { className } = props;
+    const { item, key } = (0, use_detail_1.useDetail)(props);
+    const value = (0, use_detail_1.useDetailCellValue)(props);
+    if (!item || !key)
+        return null;
+    if (!value) {
+        return ((0, jsx_runtime_1.jsx)("p", { "data-role": "empty", className: "smart:text-sm smart:text-gray-400 smart:dark:text-gray-500", children: "\u2014" }));
+    }
+    return ((0, jsx_runtime_1.jsx)("p", { "data-role": "text", className: (0, class_names_1.cn)([
+            'smart:text-sm',
+            'smart:text-pretty',
+            'smart:text-gray-900',
+            'smart:dark:text-white',
+        ], className), dangerouslySetInnerHTML: (0, html_1.toInnerHtml)(value) }));
+}
+//# sourceMappingURL=detail-text-preset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"detail-text-preset.js","sourceRoot":"","sources":["../../../../../../../../../../packages/shared/react/src/lib/components/detail/text/preset/detail-text-preset.tsx"],"names":[],"mappings":";;AASA,sDAiCC;;AA1CD,+DAAmD;AACnD,iDAAqD;AAErD,iDAAiE;AAEjE;;;GAGG;AACH,SAAgB,qBAAqB,CAAI,KAA+B;IACtE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,IAAA,sBAAS,EAAC,KAAK,CAAC,CAAC;IACvC,MAAM,KAAK,GAAG,IAAA,+BAAkB,EAAC,KAAK,CAAC,CAAC;IAExC,IAAI,CAAC,IAAI,IAAI,CAAC,GAAG;QAAE,OAAO,IAAI,CAAC;IAE/B,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,CACL,2CACY,OAAO,EACjB,SAAS,EAAC,4DAA4D,uBAGpE,CACL,CAAC;IACJ,CAAC;IAED,OAAO,CACL,2CACY,MAAM,EAChB,SAAS,EAAE,IAAA,gBAAE,EACX;YACE,eAAe;YACf,mBAAmB;YACnB,qBAAqB;YACrB,uBAAuB;SACxB,EACD,SAAS,CACV,EACD,uBAAuB,EAAE,IAAA,kBAAW,EAAC,KAAK,CAAC,GAC3C,CACH,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,19 @@
+import { SmartDetailFieldProps } from './detail.types';
+import { ICellPipe } from '../../models';
+/**
+ * What every detail field shares (the Angular `DetailBaseComponent`): the
+ * item, the key of the field and its value, unwrapped from `options`.
+ */
+export declare function useDetail<T>({ options }: SmartDetailFieldProps<T>): {
+    item: NonNullable<T> | null;
+    key: string | null;
+    value: any;
+    cellPipe: ICellPipe<T> | null;
+    fieldOptions: import("dist/packages/shared/models/src").IFieldOptions | null;
+    loading: boolean | undefined;
+};
+/**
+ * The value a text-like detail renders: `item | smartListCell: key : cellPipe`,
+ * the cell pipe's result (or the raw value), translated when it is a string.
+ */
+export declare function useDetailCellValue<T>(props: SmartDetailFieldProps<T>): any;

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

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDetail = useDetail;
+exports.useDetailCellValue = useDetailCellValue;
+const hooks_1 = require("../../providers/hooks");
+const model_1 = require("../../utils/model");
+/**
+ * What every detail field shares (the Angular `DetailBaseComponent`): the
+ * item, the key of the field and its value, unwrapped from `options`.
+ */
+function useDetail({ options }) {
+    const item = options?.item ?? null;
+    const key = options?.key ?? null;
+    const value = item && key ? item[key] : undefined;
+    return {
+        item,
+        key,
+        value,
+        cellPipe: options?.cellPipe ?? null,
+        fieldOptions: options?.options ?? null,
+        loading: options?.loading,
+    };
+}
+/**
+ * The value a text-like detail renders: `item | smartListCell: key : cellPipe`,
+ * the cell pipe's result (or the raw value), translated when it is a string.
+ */
+function useDetailCellValue(props) {
+    const translate = (0, hooks_1.useTranslate)();
+    const { item, key, cellPipe } = useDetail(props);
+    if (!item || !key)
+        return undefined;
+    return (0, model_1.getListCell)(item, key, cellPipe, undefined, translate)?.value;
+}
+//# sourceMappingURL=use-detail.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-detail.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/detail/use-detail.ts"],"names":[],"mappings":";;AASA,8BAaC;AAMD,gDAaC;AAvCD,iDAAqD;AACrD,6CAAgD;AAEhD;;;GAGG;AACH,SAAgB,SAAS,CAAI,EAAE,OAAO,EAA4B;IAChE,MAAM,IAAI,GAAG,OAAO,EAAE,IAAI,IAAI,IAAI,CAAC;IACnC,MAAM,GAAG,GAAG,OAAO,EAAE,GAAG,IAAI,IAAI,CAAC;IACjC,MAAM,KAAK,GAAG,IAAI,IAAI,GAAG,CAAC,CAAC,CAAE,IAA4B,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAE3E,OAAO;QACL,IAAI;QACJ,GAAG;QACH,KAAK;QACL,QAAQ,EAAE,OAAO,EAAE,QAAQ,IAAI,IAAI;QACnC,YAAY,EAAE,OAAO,EAAE,OAAO,IAAI,IAAI;QACtC,OAAO,EAAE,OAAO,EAAE,OAAO;KAC1B,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,SAAgB,kBAAkB,CAAI,KAA+B;IACnE,MAAM,SAAS,GAAG,IAAA,oBAAY,GAAE,CAAC;IACjC,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAEjD,IAAI,CAAC,IAAI,IAAI,CAAC,GAAG;QAAE,OAAO,SAAS,CAAC;IAEpC,OAAO,IAAA,mBAAW,EAChB,IAA2B,EAC3B,GAAG,EACH,QAAiD,EACjD,SAAS,EACT,SAAS,CACV,EAAE,KAAK,CAAC;AACX,CAAC"}

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

@@ -0,0 +1,3 @@
+import { SmartDetailFieldProps } from '../detail.types';
+/** `<smart-detail-video>` (`DetailVideoComponent`): the uploaded mp4 video. */
+export declare function SmartDetailVideo<T>(props: SmartDetailFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartDetailVideo = SmartDetailVideo;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../utils/class-names");
+const use_detail_video_1 = require("./use-detail-video");
+/** `<smart-detail-video>` (`DetailVideoComponent`): the uploaded mp4 video. */
+function SmartDetailVideo(props) {
+    const { className } = props;
+    const { item, key, url } = (0, use_detail_video_1.useDetailVideo)(props);
+    if (!item || !key)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)("video", { className: (0, class_names_1.cn)(['smart:w-full', 'smart:rounded-lg'], className), controls: true, controlsList: "nodownload", children: [(0, jsx_runtime_1.jsx)("source", { type: "video/mp4", src: url ?? undefined }), "Your browser does not support the video tag."] }));
+}
+//# sourceMappingURL=detail-video.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"detail-video.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/detail/video/detail-video.tsx"],"names":[],"mappings":";;AAKA,4CAgBC;;AArBD,4DAAgD;AAEhD,yDAAoD;AAEpD,+EAA+E;AAC/E,SAAgB,gBAAgB,CAAI,KAA+B;IACjE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAA,iCAAc,EAAC,KAAK,CAAC,CAAC;IAEjD,IAAI,CAAC,IAAI,IAAI,CAAC,GAAG;QAAE,OAAO,IAAI,CAAC;IAE/B,OAAO,CACL,mCACE,SAAS,EAAE,IAAA,gBAAE,EAAC,CAAC,cAAc,EAAE,kBAAkB,CAAC,EAAE,SAAS,CAAC,EAC9D,QAAQ,QACR,YAAY,EAAC,YAAY,aAEzB,mCAAQ,IAAI,EAAC,WAAW,EAAC,GAAG,EAAE,GAAG,IAAI,SAAS,GAAI,oDAE5C,CACT,CAAC;AACJ,CAAC"}

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

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

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

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

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

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

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

@@ -0,0 +1,6 @@
+import { SmartDetailFieldProps } from '../../detail.types';
+/**
+ * Styled video detail (preset, `DetailVideoPresetComponent`): the uploaded
+ * mp4 video in a rounded frame.
+ */
+export declare function SmartDetailVideoPreset<T>(props: SmartDetailFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartDetailVideoPreset = SmartDetailVideoPreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../../utils/class-names");
+const use_detail_video_1 = require("../use-detail-video");
+/**
+ * Styled video detail (preset, `DetailVideoPresetComponent`): the uploaded
+ * mp4 video in a rounded frame.
+ */
+function SmartDetailVideoPreset(props) {
+    const { className } = props;
+    const { item, key, url } = (0, use_detail_video_1.useDetailVideo)(props);
+    if (!item || !key)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)("video", { "data-role": "video", className: (0, class_names_1.cn)([
+            'smart:w-full',
+            'smart:rounded-xl',
+            'smart:border',
+            'smart:border-gray-200',
+            'smart:dark:border-gray-700',
+            'smart:shadow-2xs',
+        ], className), controls: true, controlsList: "nodownload", children: [(0, jsx_runtime_1.jsx)("source", { type: "video/mp4", src: url ?? undefined }), "Your browser does not support the video tag."] }));
+}
+//# sourceMappingURL=detail-video-preset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"detail-video-preset.js","sourceRoot":"","sources":["../../../../../../../../../../packages/shared/react/src/lib/components/detail/video/preset/detail-video-preset.tsx"],"names":[],"mappings":";;AAQA,wDA2BC;;AAnCD,+DAAmD;AAEnD,0DAAqD;AAErD;;;GAGG;AACH,SAAgB,sBAAsB,CAAI,KAA+B;IACvE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAA,iCAAc,EAAC,KAAK,CAAC,CAAC;IAEjD,IAAI,CAAC,IAAI,IAAI,CAAC,GAAG;QAAE,OAAO,IAAI,CAAC;IAE/B,OAAO,CACL,gDACY,OAAO,EACjB,SAAS,EAAE,IAAA,gBAAE,EACX;YACE,cAAc;YACd,kBAAkB;YAClB,cAAc;YACd,uBAAuB;YACvB,4BAA4B;YAC5B,kBAAkB;SACnB,EACD,SAAS,CACV,EACD,QAAQ,QACR,YAAY,EAAC,YAAY,aAEzB,mCAAQ,IAAI,EAAC,WAAW,EAAC,GAAG,EAAE,GAAG,IAAI,SAAS,GAAI,oDAE5C,CACT,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,10 @@
+import { SmartDetailFieldProps } from '../detail.types';
+/**
+ * The video detail's logic (the Angular `DetailVideoComponent.getUrl`): the
+ * `FileService` URL of the file in the field, `null` without one.
+ */
+export declare function useDetailVideo<T>(props: SmartDetailFieldProps<T>): {
+    item: NonNullable<T> | null;
+    key: string | null;
+    url: string | null;
+};

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDetailVideo = useDetailVideo;
+const hooks_1 = require("../../../utils/hooks");
+const use_detail_1 = require("../use-detail");
+/**
+ * The video detail's logic (the Angular `DetailVideoComponent.getUrl`): the
+ * `FileService` URL of the file in the field, `null` without one.
+ */
+function useDetailVideo(props) {
+    const { item, key, value } = (0, use_detail_1.useDetail)(props);
+    const url = (0, hooks_1.useFileUrl)(value);
+    return { item, key, url: url || null };
+}
+//# sourceMappingURL=use-detail-video.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-detail-video.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/detail/video/use-detail-video.ts"],"names":[],"mappings":";;AAQA,wCAKC;AAbD,gDAAkD;AAElD,8CAA0C;AAE1C;;;GAGG;AACH,SAAgB,cAAc,CAAI,KAA+B;IAC/D,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAAA,sBAAS,EAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,KAAK,CAAC,CAAC;IAE9B,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,IAAI,EAAE,CAAC;AACzC,CAAC"}

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

@@ -0,0 +1,10 @@
+import { IEntity } from '@smartsoft001/domain-core';
+import { SmartDetailsProps } from './details.types';
+/**
+ * `<smart-details>`: renders the implementation registered as
+ * `components.details` on `SmartProvider` (the Angular
+ * `DETAILS_STANDARD_COMPONENT_TOKEN`), `SmartDetailsStandard` by default.
+ * The object and array details render nested objects through it too (the
+ * Angular `DETAILS_COMPONENT_TOKEN`).
+ */
+export declare function SmartDetails<T extends IEntity<string>>(props: SmartDetailsProps<T>): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/details/details.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartDetails = SmartDetails;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const details_standard_1 = require("./standard/details-standard");
+const hooks_1 = require("../../providers/hooks");
+/**
+ * `<smart-details>`: renders the implementation registered as
+ * `components.details` on `SmartProvider` (the Angular
+ * `DETAILS_STANDARD_COMPONENT_TOKEN`), `SmartDetailsStandard` by default.
+ * The object and array details render nested objects through it too (the
+ * Angular `DETAILS_COMPONENT_TOKEN`).
+ */
+function SmartDetails(props) {
+    const Component = (0, hooks_1.useSmartComponent)('details', details_standard_1.SmartDetailsStandard);
+    return (0, jsx_runtime_1.jsx)(Component, { ...props });
+}
+//# sourceMappingURL=details.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"details.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/details/details.tsx"],"names":[],"mappings":";;AAaA,oCASC;;AAnBD,kEAAmE;AACnE,iDAA0D;AAE1D;;;;;;GAMG;AACH,SAAgB,YAAY,CAC1B,KAA2B;IAE3B,MAAM,SAAS,GAAG,IAAA,yBAAiB,EACjC,SAAS,EACT,uCAAoB,CACrB,CAAC;IAEF,OAAO,uBAAC,SAAS,OAAK,KAAK,GAAI,CAAC;AAClC,CAAC"}

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

@@ -0,0 +1,6 @@
+import { IEntity } from '@smartsoft001/domain-core';
+import { IDetailsOptions } from '../../models';
+export interface SmartDetailsProps<T extends IEntity<string> = any> {
+    options?: IDetailsOptions<T>;
+    className?: string;
+}

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

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

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

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

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

@@ -0,0 +1,5 @@
+export * from './details';
+export * from './details.types';
+export * from './standard/details-standard';
+export * from './use-details';
+export * from './use-details-modal';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/details/index.ts"],"names":[],"mappings":";;;AAAA,oDAA0B;AAC1B,0DAAgC;AAChC,sEAA4C;AAC5C,wDAA8B;AAC9B,8DAAoC"}

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

@@ -0,0 +1,8 @@
+import { IEntity } from '@smartsoft001/domain-core';
+import { SmartDetailsProps } from '../details.types';
+/**
+ * The default details rendering (`<smart-details-standard>`): a description
+ * list with a `<SmartDetail>` per field, between the `componentFactories.top`
+ * and `componentFactories.bottom` components.
+ */
+export declare function SmartDetailsStandard<T extends IEntity<string>>(props: SmartDetailsProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartDetailsStandard = SmartDetailsStandard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../utils/class-names");
+const detail_1 = require("../../detail/detail");
+const use_details_1 = require("../use-details");
+/**
+ * The default details rendering (`<smart-details-standard>`): a description
+ * list with a `<SmartDetail>` per field, between the `componentFactories.top`
+ * and `componentFactories.bottom` components.
+ */
+function SmartDetailsStandard(props) {
+    const { className } = props;
+    const { fields, type, item, loading, cellPipe, componentFactories } = (0, use_details_1.useDetails)(props);
+    const Top = componentFactories?.top;
+    const Bottom = componentFactories?.bottom;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, class_names_1.cn)([
+            'smart:border-t',
+            'smart:border-gray-100',
+            'smart:dark:border-white/10',
+        ], className), children: [(0, jsx_runtime_1.jsx)("div", { children: Top && (0, jsx_runtime_1.jsx)(Top, {}) }), (0, jsx_runtime_1.jsx)("dl", { className: "smart:divide-y smart:divide-gray-100 smart:dark:divide-white/10", children: fields?.map((field) => ((0, jsx_runtime_1.jsx)("div", { className: "smart:px-4 smart:py-4 smart:sm:grid smart:sm:grid-cols-3 smart:sm:gap-4", children: (0, jsx_runtime_1.jsx)(detail_1.SmartDetail, { type: type, options: {
+                            key: field.key,
+                            options: field.options,
+                            cellPipe: cellPipe ?? undefined,
+                            item,
+                            loading: loading ?? undefined,
+                        } }) }, field.key))) }), (0, jsx_runtime_1.jsx)("div", { children: Bottom && (0, jsx_runtime_1.jsx)(Bottom, {}) })] }));
+}
+//# sourceMappingURL=details-standard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"details-standard.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/details/standard/details-standard.tsx"],"names":[],"mappings":";;AAYA,oDA6CC;;AAvDD,4DAAgD;AAChD,gDAAkD;AAElD,gDAA4C;AAE5C;;;;GAIG;AACH,SAAgB,oBAAoB,CAClC,KAA2B;IAE3B,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,kBAAkB,EAAE,GACjE,IAAA,wBAAU,EAAC,KAAK,CAAC,CAAC;IACpB,MAAM,GAAG,GAAG,kBAAkB,EAAE,GAAG,CAAC;IACpC,MAAM,MAAM,GAAG,kBAAkB,EAAE,MAAM,CAAC;IAE1C,OAAO,CACL,iCACE,SAAS,EAAE,IAAA,gBAAE,EACX;YACE,gBAAgB;YAChB,uBAAuB;YACvB,4BAA4B;SAC7B,EACD,SAAS,CACV,aAED,0CAAM,GAAG,IAAI,uBAAC,GAAG,KAAG,GAAO,EAE3B,+BAAI,SAAS,EAAC,iEAAiE,YAC5E,MAAM,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACtB,gCAEE,SAAS,EAAC,yEAAyE,YAEnF,uBAAC,oBAAW,IACV,IAAI,EAAE,IAAI,EACV,OAAO,EAAE;4BACP,GAAG,EAAE,KAAK,CAAC,GAAG;4BACd,OAAO,EAAE,KAAK,CAAC,OAAO;4BACtB,QAAQ,EAAE,QAAQ,IAAI,SAAS;4BAC/B,IAAI;4BACJ,OAAO,EAAE,OAAO,IAAI,SAAS;yBAC9B,GACD,IAZG,KAAK,CAAC,GAAG,CAaV,CACP,CAAC,GACC,EAEL,0CAAM,MAAM,IAAI,uBAAC,MAAM,KAAG,GAAO,IAC7B,CACP,CAAC;AACJ,CAAC"}