@smartsoft001/react 0.0.0-stage → 2.193.0

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

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartInputEnumPreset = SmartInputEnumPreset;
+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_input_1 = require("../../base/use-input");
+const use_input_possibilities_1 = require("../../base/use-input-possibilities");
+const use_input_radio_1 = require("../../radio/use-input-radio");
+const LABEL_CLASSES = 'smart:block smart:text-sm/6 smart:font-medium smart:text-gray-900 smart:dark:text-white';
+const SELECT_CLASSES = [
+    'smart:mt-2',
+    'smart:block',
+    'smart:w-full',
+    'smart:py-2.5',
+    'smart:sm:py-3',
+    'smart:px-4',
+    'smart:pe-9',
+    'smart:bg-white',
+    'smart:dark:bg-gray-800',
+    'smart:border',
+    'smart:border-gray-200',
+    'smart:dark:border-gray-700',
+    'smart:rounded-lg',
+    'smart:sm:text-sm',
+    'smart:text-gray-900',
+    'smart:dark:text-white',
+    'smart:focus:border-blue-700',
+    'smart:dark:focus:border-blue-600',
+    'smart:focus:ring-blue-700',
+    'smart:dark:focus:ring-blue-600',
+    'smart:disabled:opacity-50',
+    'smart:disabled:pointer-events-none',
+];
+/**
+ * Styled enum field (preset, Angular `InputEnumPresetComponent`): a Preline
+ * select with one option per possibility (from the provider, the input
+ * options, or the object map of the model field's `possibilities`); the
+ * control holds the chosen possibility's `id`, of any type. As with
+ * Angular's `ngValue`, no option is selected while the value matches none.
+ */
+function SmartInputEnumPreset(props) {
+    const { className } = props;
+    const t = (0, hooks_1.useTranslate)();
+    const id = (0, react_1.useId)();
+    const selectRef = (0, react_1.useRef)(null);
+    const { control, value, required, disabled, label, model, fieldKey, autoFocus, setValue, markAsTouched, } = (0, use_input_1.useInput)(props);
+    const fromInput = (0, use_input_possibilities_1.useInputPossibilities)(props);
+    const fromModel = (0, react_1.useMemo)(() => (0, use_input_radio_1.getModelFieldPossibilitiesList)(model, fieldKey), [model, fieldKey]);
+    const possibilities = fromInput ?? fromModel;
+    const selectedIndex = possibilities?.findIndex((item) => Object.is(item.id, value)) ?? -1;
+    // The select is not controlled by React, which would show the first option
+    // for a value no option has.
+    (0, react_1.useLayoutEffect)(() => {
+        if (selectRef.current)
+            selectRef.current.selectedIndex = selectedIndex;
+    }, [selectedIndex, possibilities]);
+    if (!control)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("label", { htmlFor: id, className: LABEL_CLASSES, "data-role": "label", children: [label, ' ', required && (0, jsx_runtime_1.jsx)("span", { className: "smart:text-red-500 smart:ml-0.5", children: "*" })] }), (0, jsx_runtime_1.jsx)("select", { ref: selectRef, id: id, className: (0, class_names_1.cn)(SELECT_CLASSES, className), disabled: disabled, autoFocus: autoFocus, "data-role": "select", onChange: (event) => {
+                    const item = possibilities?.[event.target.selectedIndex];
+                    if (item)
+                        setValue(item.id);
+                }, onBlur: markAsTouched, children: possibilities?.map((item, index) => ((0, jsx_runtime_1.jsx)("option", { value: String(index), children: t(item.text) }, index))) })] }));
+}
+//# sourceMappingURL=input-enum-preset.js.map

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

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

package/src/lib/components/input/error/index.d.ts

@@ -0,0 +1,3 @@
+export * from './input-error';
+export * from './input-error-messages';
+export * from './preset/input-error-preset';

package/src/lib/components/input/error/index.js

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

package/src/lib/components/input/error/index.js.map

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

package/src/lib/components/input/error/input-error-messages.d.ts

@@ -0,0 +1,11 @@
+import { SmartValidationErrors } from '../../../forms/abstract-control';
+import { SmartTranslateFn } from '../../../i18n/translate';
+/**
+ * The messages a field shows for its validation errors, in the order the
+ * Angular templates list them. `required` hides `confirm`: an empty
+ * confirmation field only reports that it is empty.
+ */
+export declare function getInputErrorMessages(errors: SmartValidationErrors | null | undefined, t: SmartTranslateFn): Array<{
+    key: string;
+    text: string;
+}>;

package/src/lib/components/input/error/input-error-messages.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInputErrorMessages = getInputErrorMessages;
+/**
+ * The messages a field shows for its validation errors, in the order the
+ * Angular templates list them. `required` hides `confirm`: an empty
+ * confirmation field only reports that it is empty.
+ */
+function getInputErrorMessages(errors, t) {
+    if (!errors)
+        return [];
+    const messages = [];
+    if (errors['required']) {
+        messages.push({ key: 'required', text: t('INPUT.ERRORS.required') });
+    }
+    else if (errors['confirm']) {
+        messages.push({ key: 'confirm', text: t('INPUT.ERRORS.confirm') });
+    }
+    if (errors['invalidNip']) {
+        messages.push({ key: 'invalidNip', text: t('INPUT.ERRORS.invalidNip') });
+    }
+    if (errors['invalidUnique']) {
+        messages.push({
+            key: 'invalidUnique',
+            text: t('INPUT.ERRORS.invalidUnique'),
+        });
+    }
+    if (errors['email']) {
+        messages.push({ key: 'email', text: t('INPUT.ERRORS.invalidEmailFormat') });
+    }
+    if (errors['phoneNumber']) {
+        messages.push({
+            key: 'phoneNumber',
+            text: t('INPUT.ERRORS.invalidPhoneNumberFormat'),
+        });
+    }
+    if (errors['pesel']) {
+        messages.push({ key: 'pesel', text: t('INPUT.ERRORS.invalidPeselFormat') });
+    }
+    if (errors['minlength']) {
+        messages.push({
+            key: 'minlength',
+            text: `${t('INPUT.ERRORS.invalidMinLength')}: ${errors['minlength']?.requiredLength}`,
+        });
+    }
+    if (errors['maxlength']) {
+        messages.push({
+            key: 'maxlength',
+            text: `${t('INPUT.ERRORS.invalidMaxLength')}: ${errors['maxlength']?.requiredLength}`,
+        });
+    }
+    if (errors['min']) {
+        messages.push({
+            key: 'min',
+            text: `${t('INPUT.ERRORS.invalidMin')}: ${errors['min']?.min}`,
+        });
+    }
+    if (errors['max']) {
+        messages.push({
+            key: 'max',
+            text: `${t('INPUT.ERRORS.invalidMax')}: ${errors['max']?.max}`,
+        });
+    }
+    if (errors['customMessage']) {
+        messages.push({
+            key: 'customMessage',
+            text: String(errors['customMessage']),
+        });
+    }
+    return messages;
+}
+//# sourceMappingURL=input-error-messages.js.map

package/src/lib/components/input/error/input-error-messages.js.map

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

package/src/lib/components/input/error/input-error.d.ts

@@ -0,0 +1,6 @@
+import { SmartValidationErrors } from '../../../forms/abstract-control';
+export interface SmartInputErrorProps {
+    errors?: SmartValidationErrors | null;
+}
+/** `<smart-input-error>`: the messages of a field's validation errors. */
+export declare function SmartInputError({ errors }: SmartInputErrorProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/input/error/input-error.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartInputError = SmartInputError;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const input_error_messages_1 = require("./input-error-messages");
+const hooks_1 = require("../../../providers/hooks");
+const ERROR_CLASSES = 'smart:block smart:text-sm smart:text-red-600 smart:dark:text-red-400 smart:mt-1';
+/** `<smart-input-error>`: the messages of a field's validation errors. */
+function SmartInputError({ errors }) {
+    const t = (0, hooks_1.useTranslate)();
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, input_error_messages_1.getInputErrorMessages)(errors, t).map((message) => ((0, jsx_runtime_1.jsx)("span", { className: ERROR_CLASSES, children: message.text }, message.key))) }));
+}
+//# sourceMappingURL=input-error.js.map

package/src/lib/components/input/error/input-error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-error.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/input/error/input-error.tsx"],"names":[],"mappings":";;AAYA,0CAYC;;AAxBD,iEAA+D;AAE/D,oDAAwD;AAMxD,MAAM,aAAa,GACjB,iFAAiF,CAAC;AAEpF,0EAA0E;AAC1E,SAAgB,eAAe,CAAC,EAAE,MAAM,EAAwB;IAC9D,MAAM,CAAC,GAAG,IAAA,oBAAY,GAAE,CAAC;IAEzB,OAAO,CACL,2DACG,IAAA,4CAAqB,EAAC,MAAM,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACjD,iCAAwB,SAAS,EAAE,aAAa,YAC7C,OAAO,CAAC,IAAI,IADJ,OAAO,CAAC,GAAG,CAEf,CACR,CAAC,GACD,CACJ,CAAC;AACJ,CAAC"}

package/src/lib/components/input/error/preset/input-error-preset.d.ts

@@ -0,0 +1,7 @@
+import { SmartInputErrorProps } from '../input-error';
+/**
+ * Styled validation messages (preset), each with an alert icon and
+ * `role="alert"`. Not a field type, so not part of the preset field map:
+ * register it as `components['input-error']` or render it directly.
+ */
+export declare function SmartInputErrorPreset({ errors }: SmartInputErrorProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/input/error/preset/input-error-preset.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartInputErrorPreset = SmartInputErrorPreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const hooks_1 = require("../../../../providers/hooks");
+const input_error_messages_1 = require("../input-error-messages");
+const ROW_CLASSES = 'smart:flex smart:items-center smart:gap-x-2 smart:text-sm smart:text-red-500 smart:dark:text-red-400 smart:mt-2';
+const ICON_CLASSES = 'smart:shrink-0 smart:size-4 smart:text-red-500 smart:dark:text-red-400';
+/**
+ * Styled validation messages (preset), each with an alert icon and
+ * `role="alert"`. Not a field type, so not part of the preset field map:
+ * register it as `components['input-error']` or render it directly.
+ */
+function SmartInputErrorPreset({ errors }) {
+    const t = (0, hooks_1.useTranslate)();
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, input_error_messages_1.getInputErrorMessages)(errors, t).map((message) => ((0, jsx_runtime_1.jsxs)("p", { className: ROW_CLASSES, "data-role": "error-message", role: "alert", children: [(0, jsx_runtime_1.jsxs)("svg", { className: ICON_CLASSES, xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [(0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "10" }), (0, jsx_runtime_1.jsx)("line", { x1: "12", x2: "12", y1: "8", y2: "12" }), (0, jsx_runtime_1.jsx)("line", { x1: "12", x2: "12.01", y1: "16", y2: "16" })] }), (0, jsx_runtime_1.jsx)("span", { children: message.text })] }, message.key))) }));
+}
+//# sourceMappingURL=input-error-preset.js.map

package/src/lib/components/input/error/preset/input-error-preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-error-preset.js","sourceRoot":"","sources":["../../../../../../../../../../packages/shared/react/src/lib/components/input/error/preset/input-error-preset.tsx"],"names":[],"mappings":";;AAcA,sDAkCC;;AAhDD,uDAA2D;AAE3D,kEAAgE;AAEhE,MAAM,WAAW,GACf,iHAAiH,CAAC;AACpH,MAAM,YAAY,GAChB,wEAAwE,CAAC;AAE3E;;;;GAIG;AACH,SAAgB,qBAAqB,CAAC,EAAE,MAAM,EAAwB;IACpE,MAAM,CAAC,GAAG,IAAA,oBAAY,GAAE,CAAC;IAEzB,OAAO,CACL,2DACG,IAAA,4CAAqB,EAAC,MAAM,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACjD,+BAEE,SAAS,EAAE,WAAW,eACZ,eAAe,EACzB,IAAI,EAAC,OAAO,aAEZ,iCACE,SAAS,EAAE,YAAY,EACvB,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,iBACV,MAAM,aAElB,mCAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG,EACjC,iCAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,GAAG,EACvC,iCAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,OAAO,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,IACvC,EACN,2CAAO,OAAO,CAAC,IAAI,GAAQ,KAtBtB,OAAO,CAAC,GAAG,CAuBd,CACL,CAAC,GACD,CACJ,CAAC;AACJ,CAAC"}

package/src/lib/components/input/field-options.d.ts

@@ -0,0 +1,9 @@
+import { IFieldOptions } from '@smartsoft001/models';
+import { InputOptions } from '../../models';
+/**
+ * The options of the field an input renders, merged with the options of the
+ * form's mode, as `<smart-input>` resolved them: a `<key>Confirm` control
+ * takes the options of `<key>`, and an array model is read through its first
+ * item.
+ */
+export declare function resolveInputFieldOptions<T>(options: InputOptions<T> | undefined): IFieldOptions | undefined;

package/src/lib/components/input/field-options.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolveInputFieldOptions = resolveInputFieldOptions;
+const models_1 = require("@smartsoft001/models");
+function isObject(value) {
+    return value !== null && typeof value === 'object';
+}
+/**
+ * The options of the field an input renders, merged with the options of the
+ * form's mode, as `<smart-input>` resolved them: a `<key>Confirm` control
+ * takes the options of `<key>`, and an array model is read through its first
+ * item.
+ */
+function resolveInputFieldOptions(options) {
+    let key = options?.fieldKey;
+    if (!options || !key)
+        return undefined;
+    if (key.endsWith('Confirm'))
+        key = key.replace('Confirm', '');
+    const model = options.model;
+    let fieldOptions = model
+        ? (0, models_1.getModelFieldOptions)(model, key)
+        : undefined;
+    if (!fieldOptions && model?.[0]) {
+        fieldOptions = (0, models_1.getModelFieldOptions)(model[0], key);
+    }
+    if (!fieldOptions && model) {
+        fieldOptions = (0, models_1.getModelFieldsWithOptions)(model).find((x) => x.key === key)?.options;
+    }
+    if (!fieldOptions)
+        return undefined;
+    if (options.mode === 'create' && isObject(fieldOptions.create)) {
+        return { ...fieldOptions, ...fieldOptions.create };
+    }
+    if (options.mode === 'update' && isObject(fieldOptions.update)) {
+        return { ...fieldOptions, ...fieldOptions.update };
+    }
+    return fieldOptions;
+}
+//# sourceMappingURL=field-options.js.map

package/src/lib/components/input/field-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-options.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/input/field-options.ts"],"names":[],"mappings":";;AAkBA,4DAmCC;AArDD,iDAI8B;AAI9B,SAAS,QAAQ,CAAC,KAAc;IAC9B,OAAO,KAAK,KAAK,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC;AACrD,CAAC;AAED;;;;;GAKG;AACH,SAAgB,wBAAwB,CACtC,OAAoC;IAEpC,IAAI,GAAG,GAAG,OAAO,EAAE,QAAQ,CAAC;IAE5B,IAAI,CAAC,OAAO,IAAI,CAAC,GAAG;QAAE,OAAO,SAAS,CAAC;IAEvC,IAAI,GAAG,CAAC,QAAQ,CAAC,SAAS,CAAC;QAAE,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;IAE9D,MAAM,KAAK,GAAG,OAAO,CAAC,KAAY,CAAC;IACnC,IAAI,YAAY,GAA8B,KAAK;QACjD,CAAC,CAAC,IAAA,6BAAoB,EAAC,KAAK,EAAE,GAAG,CAAC;QAClC,CAAC,CAAC,SAAS,CAAC;IAEd,IAAI,CAAC,YAAY,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAChC,YAAY,GAAG,IAAA,6BAAoB,EAAC,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IACrD,CAAC;IAED,IAAI,CAAC,YAAY,IAAI,KAAK,EAAE,CAAC;QAC3B,YAAY,GAAG,IAAA,kCAAyB,EAAC,KAAK,CAAC,CAAC,IAAI,CAClD,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CACrB,EAAE,OAAO,CAAC;IACb,CAAC;IAED,IAAI,CAAC,YAAY;QAAE,OAAO,SAAS,CAAC;IAEpC,IAAI,OAAO,CAAC,IAAI,KAAK,QAAQ,IAAI,QAAQ,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC;QAC/D,OAAO,EAAE,GAAG,YAAY,EAAE,GAAI,YAAY,CAAC,MAAwB,EAAE,CAAC;IACxE,CAAC;IAED,IAAI,OAAO,CAAC,IAAI,KAAK,QAAQ,IAAI,QAAQ,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC;QAC/D,OAAO,EAAE,GAAG,YAAY,EAAE,GAAI,YAAY,CAAC,MAAwB,EAAE,CAAC;IACxE,CAAC;IAED,OAAO,YAAY,CAAC;AACtB,CAAC"}

package/src/lib/components/input/file/index.d.ts

@@ -0,0 +1,3 @@
+export * from './input-file';
+export * from './preset/input-file-preset';
+export * from './use-input-file-drop-zone';

package/src/lib/components/input/file/index.js

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

package/src/lib/components/input/file/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/input/file/index.ts"],"names":[],"mappings":";;;AAAA,uDAA6B;AAC7B,qEAA2C;AAC3C,qEAA2C"}

package/src/lib/components/input/file/input-file.d.ts

@@ -0,0 +1,9 @@
+import { SmartInputFieldProps } from '../input.types';
+/**
+ * The `file` field (the Angular `InputFileComponent`, `<smart-input-file>`):
+ * the model label, an add / change button opening a hidden file input, and
+ * the name of the value. Unlike the other file fields it does not upload:
+ * the picked `File` itself becomes the value. `className` is appended to the
+ * group's classes.
+ */
+export declare function SmartInputFile<T>(props: SmartInputFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

package/src/lib/components/input/file/input-file.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartInputFile = SmartInputFile;
+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 button_1 = require("../../button/button");
+const use_input_1 = require("../base/use-input");
+const LABEL_CLASSES = [
+    'smart:block',
+    'smart:text-sm/6',
+    'smart:font-medium',
+    'smart:text-gray-900',
+    'smart:dark:text-white',
+].join(' ');
+const GROUP_CLASSES = [
+    'smart:mt-2',
+    'smart:flex',
+    'smart:items-center',
+    'smart:gap-x-2',
+].join(' ');
+/**
+ * The `file` field (the Angular `InputFileComponent`, `<smart-input-file>`):
+ * the model label, an add / change button opening a hidden file input, and
+ * the name of the value. Unlike the other file fields it does not upload:
+ * the picked `File` itself becomes the value. `className` is appended to the
+ * group's classes.
+ */
+function SmartInputFile(props) {
+    const { className, fieldOptions } = props;
+    const t = (0, hooks_1.useTranslate)();
+    const { control, value, required, label, autoFocus } = (0, use_input_1.useInput)(props);
+    const inputRef = (0, react_1.useRef)(null);
+    const id = (0, react_1.useId)();
+    if (!control)
+        return null;
+    const addButtonOptions = {
+        variant: 'primary',
+        click: () => {
+            control.markAsDirty();
+            control.markAsTouched();
+            inputRef.current?.click();
+        },
+    };
+    const onFileChange = (event) => {
+        const file = event.target.files?.[0];
+        // Let the same file be picked again.
+        event.target.value = '';
+        control.setValue(file);
+        control.updateValueAndValidity();
+    };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("label", { htmlFor: id, className: LABEL_CLASSES, children: [label, ' ', required && (0, jsx_runtime_1.jsx)("span", { className: "smart:text-red-500 smart:ml-0.5", children: "*" })] }), (0, jsx_runtime_1.jsxs)("div", { className: (0, class_names_1.cn)(GROUP_CLASSES, className), children: [(0, jsx_runtime_1.jsx)(button_1.SmartButton, { options: addButtonOptions, children: t(value ? 'change' : 'add') }), value?.name && ((0, jsx_runtime_1.jsx)("span", { className: "smart:text-sm smart:text-gray-700 smart:dark:text-gray-300", children: value.name })), (0, jsx_runtime_1.jsx)("input", { id: id, ref: inputRef, type: "file", hidden: true, accept: fieldOptions?.possibilities, autoFocus: autoFocus, onChange: onFileChange })] })] }));
+}
+//# sourceMappingURL=input-file.js.map

package/src/lib/components/input/file/input-file.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-file.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/input/file/input-file.tsx"],"names":[],"mappings":";;AAgCA,wCAuDC;;AAvFD,iCAAsC;AAItC,oDAAwD;AACxD,4DAAgD;AAChD,gDAAkD;AAClD,iDAA6C;AAG7C,MAAM,aAAa,GAAG;IACpB,aAAa;IACb,iBAAiB;IACjB,mBAAmB;IACnB,qBAAqB;IACrB,uBAAuB;CACxB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,aAAa,GAAG;IACpB,YAAY;IACZ,YAAY;IACZ,oBAAoB;IACpB,eAAe;CAChB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ;;;;;;GAMG;AACH,SAAgB,cAAc,CAAI,KAA8B;IAC9D,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAC1C,MAAM,CAAC,GAAG,IAAA,oBAAY,GAAE,CAAC;IACzB,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAA,oBAAQ,EAAC,KAAK,CAAC,CAAC;IACvE,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IAChD,MAAM,EAAE,GAAG,IAAA,aAAK,GAAE,CAAC;IAEnB,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,gBAAgB,GAAmB;QACvC,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,GAAG,EAAE;YACV,OAAO,CAAC,WAAW,EAAE,CAAC;YACtB,OAAO,CAAC,aAAa,EAAE,CAAC;YACxB,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;QAC5B,CAAC;KACF,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAAoC,EAAE,EAAE;QAC5D,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;QAErC,qCAAqC;QACrC,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,EAAE,CAAC;QAExB,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACvB,OAAO,CAAC,sBAAsB,EAAE,CAAC;IACnC,CAAC,CAAC;IAEF,OAAO,CACL,6DACE,mCAAO,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,aAAa,aACzC,KAAK,EAAE,GAAG,EACV,QAAQ,IAAI,iCAAM,SAAS,EAAC,iCAAiC,kBAAS,IACjE,EACR,iCAAK,SAAS,EAAE,IAAA,gBAAE,EAAC,aAAa,EAAE,SAAS,CAAC,aAC1C,uBAAC,oBAAW,IAAC,OAAO,EAAE,gBAAgB,YACnC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,GAChB,EACb,KAAK,EAAE,IAAI,IAAI,CACd,iCAAM,SAAS,EAAC,4DAA4D,YACzE,KAAK,CAAC,IAAI,GACN,CACR,EACD,kCACE,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,MAAM,EACX,MAAM,QACN,MAAM,EAAE,YAAY,EAAE,aAAa,EACnC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,YAAY,GACtB,IACE,IACL,CACJ,CAAC;AACJ,CAAC"}

package/src/lib/components/input/file/preset/input-file-preset.d.ts

@@ -0,0 +1,9 @@
+import { SmartInputFieldProps } from '../../input.types';
+/**
+ * Styled `file` field (preset, the Angular `InputFilePresetComponent`): a
+ * Preline native file input that uploads the picked file through the file
+ * service ({@link useInputFile}), with download / delete buttons and the
+ * attachment's file name once there is a value, and the upload progress.
+ * `className` is appended to the input's classes.
+ */
+export declare function SmartInputFilePreset<T>(props: SmartInputFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

package/src/lib/components/input/file/preset/input-file-preset.js

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartInputFilePreset = SmartInputFilePreset;
+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 button_1 = require("../../../button/button");
+const use_input_1 = require("../../base/use-input");
+const use_input_file_1 = require("../../base/use-input-file");
+const LABEL_CLASSES = [
+    'smart:block',
+    'smart:text-sm/6',
+    'smart:font-medium',
+    'smart:text-gray-900',
+    'smart:dark:text-white',
+].join(' ');
+const GROUP_CLASSES = [
+    'smart:mt-2',
+    'smart:flex',
+    'smart:flex-col',
+    'smart:gap-y-2',
+    'smart:w-full',
+    'smart:max-w-sm',
+].join(' ');
+const INPUT_CLASSES = [
+    // Preline default file input look (FRA-261)
+    'smart:block',
+    'smart:w-full',
+    'smart:bg-white',
+    'smart:dark:bg-gray-800',
+    'smart:border',
+    'smart:border-gray-200',
+    'smart:dark:border-gray-700',
+    'smart:rounded-lg',
+    'smart:text-sm',
+    'smart:text-gray-900',
+    'smart:dark:text-white',
+    'smart:placeholder:text-gray-500',
+    'smart:dark:placeholder:text-gray-400',
+    'smart:focus:z-10',
+    'smart:focus:outline-none',
+    'smart:focus:border-blue-600',
+    'smart:dark:focus:border-blue-500',
+    'smart:focus:ring-1',
+    'smart:focus:ring-blue-600',
+    'smart:dark:focus:ring-blue-500',
+    'smart:disabled:opacity-50',
+    'smart:disabled:pointer-events-none',
+    // styled file-selector button
+    'smart:file:bg-gray-100',
+    'smart:dark:file:bg-gray-800',
+    'smart:file:text-gray-700',
+    'smart:dark:file:text-gray-200',
+    'smart:file:border-0',
+    'smart:file:me-4',
+    'smart:file:py-3',
+    'smart:file:px-4',
+].join(' ');
+/**
+ * Styled `file` field (preset, the Angular `InputFilePresetComponent`): a
+ * Preline native file input that uploads the picked file through the file
+ * service ({@link useInputFile}), with download / delete buttons and the
+ * attachment's file name once there is a value, and the upload progress.
+ * `className` is appended to the input's classes.
+ */
+function SmartInputFilePreset(props) {
+    const { className, fieldOptions } = props;
+    const t = (0, hooks_1.useTranslate)();
+    const { control, value, required, label, autoFocus } = (0, use_input_1.useInput)(props);
+    const { inputRef, loading, percent, onFileChange, showButtonOptions, deleteButtonOptions, } = (0, use_input_file_1.useInputFile)(props);
+    const id = (0, react_1.useId)();
+    if (!control)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("label", { htmlFor: id, className: LABEL_CLASSES, children: [label, ' ', required && (0, jsx_runtime_1.jsx)("span", { className: "smart:text-red-500 smart:ml-0.5", children: "*" })] }), (0, jsx_runtime_1.jsxs)("div", { className: GROUP_CLASSES, children: [(0, jsx_runtime_1.jsx)("input", { id: id, ref: inputRef, type: "file", className: (0, class_names_1.cn)(INPUT_CLASSES, className), accept: fieldOptions?.possibilities, autoFocus: autoFocus, onChange: onFileChange }), value && ((0, jsx_runtime_1.jsxs)("div", { className: "smart:flex smart:items-center smart:gap-x-2 smart:flex-wrap", children: [(0, jsx_runtime_1.jsx)(button_1.SmartButton, { options: showButtonOptions, children: t('download') }), (0, jsx_runtime_1.jsx)(button_1.SmartButton, { options: deleteButtonOptions, children: t('delete') }), (0, jsx_runtime_1.jsx)("span", { className: "smart:text-sm smart:text-gray-700 smart:dark:text-gray-300", children: value.fileName })] })), loading && ((0, jsx_runtime_1.jsx)("div", { className: "smart:h-1 smart:w-full smart:overflow-hidden smart:rounded smart:bg-gray-200 smart:dark:bg-gray-700", children: (0, jsx_runtime_1.jsx)("div", { className: "smart:h-full smart:bg-blue-600 smart:dark:bg-blue-500", style: { width: `${percent ?? 0}%` } }) }))] })] }));
+}
+//# sourceMappingURL=input-file-preset.js.map

package/src/lib/components/input/file/preset/input-file-preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-file-preset.js","sourceRoot":"","sources":["../../../../../../../../../../packages/shared/react/src/lib/components/input/file/preset/input-file-preset.tsx"],"names":[],"mappings":";;AAoEA,oDAwDC;;AA5HD,iCAA8B;AAE9B,uDAA2D;AAC3D,+DAAmD;AACnD,mDAAqD;AACrD,oDAAgD;AAChD,8DAAyD;AAGzD,MAAM,aAAa,GAAG;IACpB,aAAa;IACb,iBAAiB;IACjB,mBAAmB;IACnB,qBAAqB;IACrB,uBAAuB;CACxB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,aAAa,GAAG;IACpB,YAAY;IACZ,YAAY;IACZ,gBAAgB;IAChB,eAAe;IACf,cAAc;IACd,gBAAgB;CACjB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,aAAa,GAAG;IACpB,4CAA4C;IAC5C,aAAa;IACb,cAAc;IACd,gBAAgB;IAChB,wBAAwB;IACxB,cAAc;IACd,uBAAuB;IACvB,4BAA4B;IAC5B,kBAAkB;IAClB,eAAe;IACf,qBAAqB;IACrB,uBAAuB;IACvB,iCAAiC;IACjC,sCAAsC;IACtC,kBAAkB;IAClB,0BAA0B;IAC1B,6BAA6B;IAC7B,kCAAkC;IAClC,oBAAoB;IACpB,2BAA2B;IAC3B,gCAAgC;IAChC,2BAA2B;IAC3B,oCAAoC;IACpC,8BAA8B;IAC9B,wBAAwB;IACxB,6BAA6B;IAC7B,0BAA0B;IAC1B,+BAA+B;IAC/B,qBAAqB;IACrB,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiB;CAClB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ;;;;;;GAMG;AACH,SAAgB,oBAAoB,CAAI,KAA8B;IACpE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAC1C,MAAM,CAAC,GAAG,IAAA,oBAAY,GAAE,CAAC;IACzB,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAA,oBAAQ,EAAC,KAAK,CAAC,CAAC;IACvE,MAAM,EACJ,QAAQ,EACR,OAAO,EACP,OAAO,EACP,YAAY,EACZ,iBAAiB,EACjB,mBAAmB,GACpB,GAAG,IAAA,6BAAY,EAAC,KAAK,CAAC,CAAC;IACxB,MAAM,EAAE,GAAG,IAAA,aAAK,GAAE,CAAC;IAEnB,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACL,6DACE,mCAAO,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,aAAa,aACzC,KAAK,EAAE,GAAG,EACV,QAAQ,IAAI,iCAAM,SAAS,EAAC,iCAAiC,kBAAS,IACjE,EACR,iCAAK,SAAS,EAAE,aAAa,aAC3B,kCACE,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,IAAA,gBAAE,EAAC,aAAa,EAAE,SAAS,CAAC,EACvC,MAAM,EAAE,YAAY,EAAE,aAAa,EACnC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,YAAY,GACtB,EACD,KAAK,IAAI,CACR,iCAAK,SAAS,EAAC,6DAA6D,aAC1E,uBAAC,oBAAW,IAAC,OAAO,EAAE,iBAAiB,YACpC,CAAC,CAAC,UAAU,CAAC,GACF,EACd,uBAAC,oBAAW,IAAC,OAAO,EAAE,mBAAmB,YACtC,CAAC,CAAC,QAAQ,CAAC,GACA,EACd,iCAAM,SAAS,EAAC,4DAA4D,YACzE,KAAK,CAAC,QAAQ,GACV,IACH,CACP,EACA,OAAO,IAAI,CACV,gCAAK,SAAS,EAAC,qGAAqG,YAClH,gCACE,SAAS,EAAC,uDAAuD,EACjE,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,OAAO,IAAI,CAAC,GAAG,EAAE,GACpC,GACE,CACP,IACG,IACL,CACJ,CAAC;AACJ,CAAC"}

package/src/lib/components/input/file/use-input-file-drop-zone.d.ts

@@ -0,0 +1,25 @@
+import type { DragEvent, KeyboardEvent, RefObject } from 'react';
+import { SmartAbstractControl } from '../../../forms/abstract-control';
+export interface UseInputFileDropZoneOptions {
+    control: SmartAbstractControl | null;
+    /** The hidden file input the dropped files are handed to. */
+    inputRef: RefObject<HTMLInputElement | null>;
+    /** Opens the file picker: the `addButtonOptions.click` of `useInputFile`. */
+    trigger: () => void;
+}
+/**
+ * The Preline-style drop zone of the `pdf`, `video` and `attachment` presets
+ * (the `triggerUpload` / `onDragOver` / `onDragLeave` / `onDrop` handlers the
+ * Angular presets share): a click, Enter or Space opens the file picker, a
+ * dragged file highlights the zone (`dragOver`), and a drop hands the files
+ * to the hidden input and fires its `change`, so the upload of
+ * `useInputFile` runs as for a picked file.
+ */
+export declare function useInputFileDropZone({ control, inputRef, trigger, }: UseInputFileDropZoneOptions): {
+    dragOver: boolean;
+    onClick: () => void;
+    onKeyDown: (event: KeyboardEvent<HTMLElement>) => void;
+    onDragOver: (event: DragEvent<HTMLElement>) => void;
+    onDragLeave: (event: DragEvent<HTMLElement>) => void;
+    onDrop: (event: DragEvent<HTMLElement>) => void;
+};

package/src/lib/components/input/file/use-input-file-drop-zone.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInputFileDropZone = useInputFileDropZone;
+const react_1 = require("react");
+/**
+ * The Preline-style drop zone of the `pdf`, `video` and `attachment` presets
+ * (the `triggerUpload` / `onDragOver` / `onDragLeave` / `onDrop` handlers the
+ * Angular presets share): a click, Enter or Space opens the file picker, a
+ * dragged file highlights the zone (`dragOver`), and a drop hands the files
+ * to the hidden input and fires its `change`, so the upload of
+ * `useInputFile` runs as for a picked file.
+ */
+function useInputFileDropZone({ control, inputRef, trigger, }) {
+    const [dragOver, setDragOver] = (0, react_1.useState)(false);
+    const onKeyDown = (event) => {
+        if (event.key === 'Enter') {
+            trigger();
+        }
+        else if (event.key === ' ') {
+            trigger();
+            event.preventDefault();
+        }
+    };
+    const onDragOver = (event) => {
+        event.preventDefault();
+        setDragOver(true);
+    };
+    const onDragLeave = (event) => {
+        event.preventDefault();
+        setDragOver(false);
+    };
+    const onDrop = (event) => {
+        event.preventDefault();
+        setDragOver(false);
+        const input = inputRef.current;
+        const files = event.dataTransfer?.files;
+        if (!input || !files || files.length === 0)
+            return;
+        // Hand the dropped files to the hidden <input> and reuse its 'change'
+        // wiring. It bubbles so React's `onChange` sees it.
+        input.files = files;
+        control?.markAsDirty();
+        control?.markAsTouched();
+        input.dispatchEvent(new Event('change', { bubbles: true }));
+    };
+    return {
+        dragOver,
+        onClick: trigger,
+        onKeyDown,
+        onDragOver,
+        onDragLeave,
+        onDrop,
+    };
+}
+//# sourceMappingURL=use-input-file-drop-zone.js.map

package/src/lib/components/input/file/use-input-file-drop-zone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-input-file-drop-zone.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/input/file/use-input-file-drop-zone.ts"],"names":[],"mappings":";;AAqBA,oDAkDC;AAvED,iCAAiC;AAajC;;;;;;;GAOG;AACH,SAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,QAAQ,EACR,OAAO,GACqB;IAC5B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEhD,MAAM,SAAS,GAAG,CAAC,KAAiC,EAAE,EAAE;QACtD,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YAC1B,OAAO,EAAE,CAAC;QACZ,CAAC;aAAM,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YAC7B,OAAO,EAAE,CAAC;YACV,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,KAA6B,EAAE,EAAE;QACnD,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,WAAW,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,KAA6B,EAAE,EAAE;QACpD,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,WAAW,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,CAAC,KAA6B,EAAE,EAAE;QAC/C,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,WAAW,CAAC,KAAK,CAAC,CAAC;QAEnB,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC/B,MAAM,KAAK,GAAG,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC;QACxC,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QAEnD,sEAAsE;QACtE,oDAAoD;QACpD,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;QACpB,OAAO,EAAE,WAAW,EAAE,CAAC;QACvB,OAAO,EAAE,aAAa,EAAE,CAAC;QACzB,KAAK,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC9D,CAAC,CAAC;IAEF,OAAO;QACL,QAAQ;QACR,OAAO,EAAE,OAAO;QAChB,SAAS;QACT,UAAU;QACV,WAAW;QACX,MAAM;KACP,CAAC;AACJ,CAAC"}

package/src/lib/components/input/flag/index.d.ts

@@ -0,0 +1,2 @@
+export * from './input-flag';
+export * from './preset/input-flag-preset';

package/src/lib/components/input/flag/index.js

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

package/src/lib/components/input/flag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/input/flag/index.ts"],"names":[],"mappings":";;;AAAA,uDAA6B;AAC7B,qEAA2C"}

package/src/lib/components/input/flag/input-flag.d.ts

@@ -0,0 +1,6 @@
+import { SmartInputFieldProps } from '../input.types';
+/**
+ * The yes/no field (`<smart-input-flag>`, Angular `InputFlagComponent`): a
+ * checkbox followed by its label, bound to a boolean value.
+ */
+export declare function SmartInputFlag<T>(props: SmartInputFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;