@smartsoft001/react 0.0.0-stage → 2.193.0

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

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.INPUT_PRESET_FIELD_COMPONENTS = void 0;
+const models_1 = require("@smartsoft001/models");
+const input_address_preset_1 = require("./address/preset/input-address-preset");
+const input_array_preset_1 = require("./array/preset/input-array-preset");
+const input_attachment_preset_1 = require("./attachment/preset/input-attachment-preset");
+const input_check_preset_1 = require("./check/preset/input-check-preset");
+const input_color_preset_1 = require("./color/preset/input-color-preset");
+const input_currency_preset_1 = require("./currency/preset/input-currency-preset");
+const input_date_preset_1 = require("./date/preset/input-date-preset");
+const input_date_range_preset_1 = require("./date-range/preset/input-date-range-preset");
+const input_date_with_edit_preset_1 = require("./date-with-edit/preset/input-date-with-edit-preset");
+const input_email_preset_1 = require("./email/preset/input-email-preset");
+const input_enum_preset_1 = require("./enum/preset/input-enum-preset");
+const input_file_preset_1 = require("./file/preset/input-file-preset");
+const input_flag_preset_1 = require("./flag/preset/input-flag-preset");
+const input_float_preset_1 = require("./float/preset/input-float-preset");
+const input_image_preset_1 = require("./image/preset/input-image-preset");
+const input_int_preset_1 = require("./int/preset/input-int-preset");
+const input_ints_preset_1 = require("./ints/preset/input-ints-preset");
+const input_logo_preset_1 = require("./logo/preset/input-logo-preset");
+const input_long_text_preset_1 = require("./long-text/preset/input-long-text-preset");
+const input_nip_preset_1 = require("./nip/preset/input-nip-preset");
+const input_object_preset_1 = require("./object/preset/input-object-preset");
+const input_password_preset_1 = require("./password/preset/input-password-preset");
+const input_pdf_preset_1 = require("./pdf/preset/input-pdf-preset");
+const input_pesel_preset_1 = require("./pesel/preset/input-pesel-preset");
+const input_phone_number_preset_1 = require("./phone-number/preset/input-phone-number-preset");
+const input_phone_number_pl_preset_1 = require("./phone-number-pl/preset/input-phone-number-pl-preset");
+const input_radio_preset_1 = require("./radio/preset/input-radio-preset");
+const input_strings_preset_1 = require("./strings/preset/input-strings-preset");
+const input_text_preset_1 = require("./text/preset/input-text-preset");
+const input_video_preset_1 = require("./video/preset/input-video-preset");
+/**
+ * The Preline-styled field presets, by `FieldType` (the Angular
+ * `INPUT_PRESET_FIELD_COMPONENTS`). Pass it as `inputFieldComponents` to
+ * `SmartProvider` to render every `<SmartInput>` with the preset look, or
+ * spread it to override only some types:
+ * `{ ...INPUT_PRESET_FIELD_COMPONENTS, [FieldType.text]: MyText }`.
+ *
+ * The validation-message preset `SmartInputErrorPreset` is not a field type;
+ * register it as `components['input-error']`.
+ */
+exports.INPUT_PRESET_FIELD_COMPONENTS = {
+    [models_1.FieldType.text]: input_text_preset_1.SmartInputTextPreset,
+    [models_1.FieldType.longText]: input_long_text_preset_1.SmartInputLongTextPreset,
+    [models_1.FieldType.email]: input_email_preset_1.SmartInputEmailPreset,
+    [models_1.FieldType.currency]: input_currency_preset_1.SmartInputCurrencyPreset,
+    [models_1.FieldType.int]: input_int_preset_1.SmartInputIntPreset,
+    [models_1.FieldType.ints]: input_ints_preset_1.SmartInputIntsPreset,
+    [models_1.FieldType.float]: input_float_preset_1.SmartInputFloatPreset,
+    [models_1.FieldType.nip]: input_nip_preset_1.SmartInputNipPreset,
+    [models_1.FieldType.pesel]: input_pesel_preset_1.SmartInputPeselPreset,
+    [models_1.FieldType.phoneNumber]: input_phone_number_preset_1.SmartInputPhoneNumberPreset,
+    [models_1.FieldType.phoneNumberPl]: input_phone_number_pl_preset_1.SmartInputPhoneNumberPlPreset,
+    [models_1.FieldType.password]: input_password_preset_1.SmartInputPasswordPreset,
+    [models_1.FieldType.enum]: input_enum_preset_1.SmartInputEnumPreset,
+    [models_1.FieldType.radio]: input_radio_preset_1.SmartInputRadioPreset,
+    [models_1.FieldType.check]: input_check_preset_1.SmartInputCheckPreset,
+    [models_1.FieldType.strings]: input_strings_preset_1.SmartInputStringsPreset,
+    [models_1.FieldType.date]: input_date_preset_1.SmartInputDatePreset,
+    [models_1.FieldType.dateRange]: input_date_range_preset_1.SmartInputDateRangePreset,
+    [models_1.FieldType.dateWithEdit]: input_date_with_edit_preset_1.SmartInputDateWithEditPreset,
+    [models_1.FieldType.file]: input_file_preset_1.SmartInputFilePreset,
+    [models_1.FieldType.attachment]: input_attachment_preset_1.SmartInputAttachmentPreset,
+    [models_1.FieldType.image]: input_image_preset_1.SmartInputImagePreset,
+    [models_1.FieldType.logo]: input_logo_preset_1.SmartInputLogoPreset,
+    [models_1.FieldType.color]: input_color_preset_1.SmartInputColorPreset,
+    [models_1.FieldType.object]: input_object_preset_1.SmartInputObjectPreset,
+    [models_1.FieldType.address]: input_address_preset_1.SmartInputAddressPreset,
+    [models_1.FieldType.flag]: input_flag_preset_1.SmartInputFlagPreset,
+    [models_1.FieldType.pdf]: input_pdf_preset_1.SmartInputPdfPreset,
+    [models_1.FieldType.video]: input_video_preset_1.SmartInputVideoPreset,
+    [models_1.FieldType.array]: input_array_preset_1.SmartInputArrayPreset,
+};
+//# sourceMappingURL=preset-fields.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preset-fields.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/input/preset-fields.ts"],"names":[],"mappings":";;;AAEA,iDAA+D;AAE/D,gFAAgF;AAChF,0EAA0E;AAC1E,yFAAyF;AACzF,0EAA0E;AAC1E,0EAA0E;AAC1E,mFAAmF;AACnF,uEAAuE;AACvE,yFAAwF;AACxF,qGAAmG;AACnG,0EAA0E;AAC1E,uEAAuE;AACvE,uEAAuE;AACvE,uEAAuE;AACvE,0EAA0E;AAC1E,0EAA0E;AAC1E,oEAAoE;AACpE,uEAAuE;AACvE,uEAAuE;AACvE,sFAAqF;AACrF,oEAAoE;AACpE,6EAA6E;AAC7E,mFAAmF;AACnF,oEAAoE;AACpE,0EAA0E;AAC1E,+FAA8F;AAC9F,wGAAsG;AACtG,0EAA0E;AAC1E,gFAAgF;AAChF,uEAAuE;AACvE,0EAA0E;AAE1E;;;;;;;;;GASG;AACU,QAAA,6BAA6B,GAEtC;IACF,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,wCAAoB;IACtC,CAAC,kBAAS,CAAC,QAAQ,CAAC,EAAE,iDAAwB;IAC9C,CAAC,kBAAS,CAAC,KAAK,CAAC,EAAE,0CAAqB;IACxC,CAAC,kBAAS,CAAC,QAAQ,CAAC,EAAE,gDAAwB;IAC9C,CAAC,kBAAS,CAAC,GAAG,CAAC,EAAE,sCAAmB;IACpC,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,wCAAoB;IACtC,CAAC,kBAAS,CAAC,KAAK,CAAC,EAAE,0CAAqB;IACxC,CAAC,kBAAS,CAAC,GAAG,CAAC,EAAE,sCAAmB;IACpC,CAAC,kBAAS,CAAC,KAAK,CAAC,EAAE,0CAAqB;IACxC,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE,uDAA2B;IACpD,CAAC,kBAAS,CAAC,aAAa,CAAC,EAAE,4DAA6B;IACxD,CAAC,kBAAS,CAAC,QAAQ,CAAC,EAAE,gDAAwB;IAC9C,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,wCAAoB;IACtC,CAAC,kBAAS,CAAC,KAAK,CAAC,EAAE,0CAAqB;IACxC,CAAC,kBAAS,CAAC,KAAK,CAAC,EAAE,0CAAqB;IACxC,CAAC,kBAAS,CAAC,OAAO,CAAC,EAAE,8CAAuB;IAC5C,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,wCAAoB;IACtC,CAAC,kBAAS,CAAC,SAAS,CAAC,EAAE,mDAAyB;IAChD,CAAC,kBAAS,CAAC,YAAY,CAAC,EAAE,0DAA4B;IACtD,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,wCAAoB;IACtC,CAAC,kBAAS,CAAC,UAAU,CAAC,EAAE,oDAA0B;IAClD,CAAC,kBAAS,CAAC,KAAK,CAAC,EAAE,0CAAqB;IACxC,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,wCAAoB;IACtC,CAAC,kBAAS,CAAC,KAAK,CAAC,EAAE,0CAAqB;IACxC,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,4CAAsB;IAC1C,CAAC,kBAAS,CAAC,OAAO,CAAC,EAAE,8CAAuB;IAC5C,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,wCAAoB;IACtC,CAAC,kBAAS,CAAC,GAAG,CAAC,EAAE,sCAAmB;IACpC,CAAC,kBAAS,CAAC,KAAK,CAAC,EAAE,0CAAqB;IACxC,CAAC,kBAAS,CAAC,KAAK,CAAC,EAAE,0CAAqB;CACzC,CAAC"}

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { SmartInputFieldProps } from '../input.types';
+/**
+ * `<smart-input-radio>` (Angular `InputRadioComponent`): a fieldset with one
+ * radio per possibility, bound to the control by the possibility's `id`.
+ * `className` goes on the group of radios.
+ */
+export declare function SmartInputRadio<T>(props: SmartInputFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartInputRadio = SmartInputRadio;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const hooks_1 = require("../../../providers/hooks");
+const class_names_1 = require("../../../utils/class-names");
+const use_input_radio_1 = require("./use-input-radio");
+const LABEL_CLASSES = 'smart:block smart:text-sm/6 smart:font-medium smart:text-gray-900 smart:dark:text-white';
+/**
+ * `<smart-input-radio>` (Angular `InputRadioComponent`): a fieldset with one
+ * radio per possibility, bound to the control by the possibility's `id`.
+ * `className` goes on the group of radios.
+ */
+function SmartInputRadio(props) {
+    const { className } = props;
+    const t = (0, hooks_1.useTranslate)();
+    const { control, value, required, disabled, label, fieldKey, possibilities, setValue, markAsTouched, } = (0, use_input_radio_1.useInputRadio)(props);
+    if (!control)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)("fieldset", { children: [(0, jsx_runtime_1.jsxs)("legend", { 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.jsx)("div", { className: (0, class_names_1.cn)('smart:mt-2', 'smart:space-y-2', className), children: possibilities?.map((item, index) => ((0, jsx_runtime_1.jsxs)("label", { className: "smart:flex smart:items-center smart:gap-x-2", children: [(0, jsx_runtime_1.jsx)("input", { type: "radio", name: fieldKey, value: String(item.id), checked: item.id === value, disabled: disabled, onChange: () => setValue(item.id), onBlur: markAsTouched, className: "smart:h-4 smart:w-4 smart:border-gray-300 smart:text-indigo-600 smart:focus:ring-indigo-500 smart:dark:border-gray-600" }), (0, jsx_runtime_1.jsx)("span", { className: "smart:text-sm smart:text-gray-900 smart:dark:text-white", children: t(item.text) })] }, index))) })] }));
+}
+//# sourceMappingURL=input-radio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-radio.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/input/radio/input-radio.tsx"],"names":[],"mappings":";;AAaA,0CA+CC;;AA5DD,oDAAwD;AACxD,4DAAgD;AAEhD,uDAAkD;AAElD,MAAM,aAAa,GACjB,yFAAyF,CAAC;AAE5F;;;;GAIG;AACH,SAAgB,eAAe,CAAI,KAA8B;IAC/D,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,CAAC,GAAG,IAAA,oBAAY,GAAE,CAAC;IACzB,MAAM,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,aAAa,GACd,GAAG,IAAA,+BAAa,EAAC,KAAK,CAAC,CAAC;IAEzB,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACL,iDACE,oCAAQ,SAAS,EAAE,aAAa,aAC7B,KAAK,EAAE,GAAG,EACV,QAAQ,IAAI,iCAAM,SAAS,EAAC,iCAAiC,kBAAS,IAChE,EACT,gCAAK,SAAS,EAAE,IAAA,gBAAE,EAAC,YAAY,EAAE,iBAAiB,EAAE,SAAS,CAAC,YAC3D,aAAa,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACnC,mCAEE,SAAS,EAAC,6CAA6C,aAEvD,kCACE,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,EACtB,OAAO,EAAE,IAAI,CAAC,EAAE,KAAK,KAAK,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,EACjC,MAAM,EAAE,aAAa,EACrB,SAAS,EAAC,wHAAwH,GAClI,EACF,iCAAM,SAAS,EAAC,yDAAyD,YACtE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,GACR,KAfF,KAAK,CAgBJ,CACT,CAAC,GACE,IACG,CACZ,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,7 @@
+import { SmartInputFieldProps } from '../../input.types';
+/**
+ * Styled radio field (preset, Angular `InputRadioPresetComponent`): Preline
+ * radios in a column, the first one autofocused when the field is
+ * `focused`. Each label is bound to its radio by `htmlFor`.
+ */
+export declare function SmartInputRadioPreset<T>(props: SmartInputFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartInputRadioPreset = SmartInputRadioPreset;
+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_radio_1 = require("../use-input-radio");
+const LEGEND_CLASSES = 'smart:block smart:text-sm smart:font-medium smart:text-gray-900 smart:dark:text-white';
+const RADIO_CLASSES = 'smart:shrink-0 smart:size-4 smart:bg-transparent smart:border-gray-300 smart:dark:border-gray-600 smart:rounded-full smart:shadow-2xs smart:text-blue-600 smart:dark:text-blue-400 smart:focus:ring-0 smart:focus:ring-offset-0 smart:checked:bg-blue-700 smart:dark:checked:bg-blue-600 smart:checked:border-blue-700 smart:dark:checked:border-blue-600 smart:disabled:opacity-50 smart:disabled:pointer-events-none';
+const ITEM_LABEL_CLASSES = 'smart:text-sm smart:ms-3 smart:text-gray-500 smart:dark:text-gray-400';
+/**
+ * Styled radio field (preset, Angular `InputRadioPresetComponent`): Preline
+ * radios in a column, the first one autofocused when the field is
+ * `focused`. Each label is bound to its radio by `htmlFor`.
+ */
+function SmartInputRadioPreset(props) {
+    const { className } = props;
+    const t = (0, hooks_1.useTranslate)();
+    const id = (0, react_1.useId)();
+    const { control, value, required, disabled, label, fieldKey, possibilities, autoFocus, setValue, markAsTouched, } = (0, use_input_radio_1.useInputRadio)(props);
+    if (!control)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)("fieldset", { children: [(0, jsx_runtime_1.jsxs)("legend", { className: LEGEND_CLASSES, children: [label, ' ', required && (0, jsx_runtime_1.jsx)("span", { className: "smart:text-red-500 smart:ms-0.5", children: "*" })] }), (0, jsx_runtime_1.jsx)("div", { className: (0, class_names_1.cn)('smart:mt-2', 'smart:flex', 'smart:flex-col', 'smart:gap-y-3', className), children: possibilities?.map((item, index) => ((0, jsx_runtime_1.jsxs)("div", { className: "smart:flex smart:items-center", children: [(0, jsx_runtime_1.jsx)("input", { id: id + '-' + index, type: "radio", name: fieldKey, value: String(item.id), checked: item.id === value, disabled: disabled, autoFocus: index === 0 && autoFocus, onChange: () => setValue(item.id), onBlur: markAsTouched, className: RADIO_CLASSES }), (0, jsx_runtime_1.jsx)("label", { htmlFor: id + '-' + index, className: ITEM_LABEL_CLASSES, children: t(item.text) })] }, index))) })] }));
+}
+//# sourceMappingURL=input-radio-preset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-radio-preset.js","sourceRoot":"","sources":["../../../../../../../../../../packages/shared/react/src/lib/components/input/radio/preset/input-radio-preset.tsx"],"names":[],"mappings":";;AAqBA,sDAwDC;;AA7ED,iCAA8B;AAE9B,uDAA2D;AAC3D,+DAAmD;AAEnD,wDAAmD;AAEnD,MAAM,cAAc,GAClB,uFAAuF,CAAC;AAE1F,MAAM,aAAa,GACjB,wZAAwZ,CAAC;AAE3Z,MAAM,kBAAkB,GACtB,uEAAuE,CAAC;AAE1E;;;;GAIG;AACH,SAAgB,qBAAqB,CAAI,KAA8B;IACrE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,CAAC,GAAG,IAAA,oBAAY,GAAE,CAAC;IACzB,MAAM,EAAE,GAAG,IAAA,aAAK,GAAE,CAAC;IACnB,MAAM,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,aAAa,EACb,SAAS,EACT,QAAQ,EACR,aAAa,GACd,GAAG,IAAA,+BAAa,EAAC,KAAK,CAAC,CAAC;IAEzB,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACL,iDACE,oCAAQ,SAAS,EAAE,cAAc,aAC9B,KAAK,EAAE,GAAG,EACV,QAAQ,IAAI,iCAAM,SAAS,EAAC,iCAAiC,kBAAS,IAChE,EACT,gCACE,SAAS,EAAE,IAAA,gBAAE,EACX,YAAY,EACZ,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,SAAS,CACV,YAEA,aAAa,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACnC,iCAAiB,SAAS,EAAC,+BAA+B,aACxD,kCACE,EAAE,EAAE,EAAE,GAAG,GAAG,GAAG,KAAK,EACpB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,EACtB,OAAO,EAAE,IAAI,CAAC,EAAE,KAAK,KAAK,EAC1B,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,KAAK,KAAK,CAAC,IAAI,SAAS,EACnC,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,EACjC,MAAM,EAAE,aAAa,EACrB,SAAS,EAAE,aAAa,GACxB,EACF,kCAAO,OAAO,EAAE,EAAE,GAAG,GAAG,GAAG,KAAK,EAAE,SAAS,EAAE,kBAAkB,YAC5D,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,GACP,KAfA,KAAK,CAgBT,CACP,CAAC,GACE,IACG,CACZ,CAAC;AACJ,CAAC"}

package/src/lib/components/input/radio/use-input-radio.d.ts

@@ -0,0 +1,33 @@
+import { SmartPossibility } from '../../../models';
+import { SmartInputFieldProps } from '../input.types';
+/**
+ * The `possibilities` of the model field as a list, when they are an object
+ * map `{ text: id }` (e.g. an enum): what the Angular radio and enum preset
+ * fields fell back to when neither the provider nor the input options had any.
+ * The field options of an array model are read through its first item. An
+ * array (or nothing) yields `null`, as in Angular.
+ */
+export declare function getModelFieldPossibilitiesList(model: unknown, fieldKey: string | undefined): SmartPossibility[] | null;
+/**
+ * What both radio fields share (the Angular `InputRadioComponent` logic on
+ * top of `InputPossibilitiesBaseComponent`): the input state, and the
+ * possibilities of the provider or the input options, or else the object map
+ * of the model field's `possibilities`.
+ */
+export declare function useInputRadio<T>(props: SmartInputFieldProps<T>): {
+    possibilities: SmartPossibility[] | null;
+    control: import("../../../forms").SmartAbstractControl<any> | null;
+    state: import("../../../forms").SmartControlState<any> | null;
+    value: any;
+    required: boolean;
+    disabled: boolean;
+    label: string;
+    fieldKey: string;
+    model: T | undefined;
+    mode: string | undefined;
+    treeLevel: number;
+    fieldOptions: import("@smartsoft001/models").IFieldOptions | undefined;
+    setValue: (value: unknown) => void;
+    markAsTouched: () => void | undefined;
+    autoFocus: boolean;
+};

package/src/lib/components/input/radio/use-input-radio.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getModelFieldPossibilitiesList = getModelFieldPossibilitiesList;
+exports.useInputRadio = useInputRadio;
+const react_1 = require("react");
+const models_1 = require("@smartsoft001/models");
+const use_input_1 = require("../base/use-input");
+const use_input_possibilities_1 = require("../base/use-input-possibilities");
+/**
+ * The `possibilities` of the model field as a list, when they are an object
+ * map `{ text: id }` (e.g. an enum): what the Angular radio and enum preset
+ * fields fell back to when neither the provider nor the input options had any.
+ * The field options of an array model are read through its first item. An
+ * array (or nothing) yields `null`, as in Angular.
+ */
+function getModelFieldPossibilitiesList(model, fieldKey) {
+    if (!model || !fieldKey)
+        return null;
+    let fieldOptions = (0, models_1.getModelFieldOptions)(model, fieldKey);
+    const first = model[0];
+    if (!fieldOptions && first) {
+        fieldOptions = (0, models_1.getModelFieldOptions)(first, fieldKey);
+    }
+    const possibilities = fieldOptions?.possibilities;
+    if (!possibilities || Array.isArray(possibilities))
+        return null;
+    return Object.keys(possibilities).map((key) => ({
+        id: possibilities[key],
+        text: key,
+        checked: false,
+    }));
+}
+/**
+ * What both radio fields share (the Angular `InputRadioComponent` logic on
+ * top of `InputPossibilitiesBaseComponent`): the input state, and the
+ * possibilities of the provider or the input options, or else the object map
+ * of the model field's `possibilities`.
+ */
+function useInputRadio(props) {
+    const input = (0, use_input_1.useInput)(props);
+    const fromInput = (0, use_input_possibilities_1.useInputPossibilities)(props);
+    const fromModel = (0, react_1.useMemo)(() => getModelFieldPossibilitiesList(input.model, input.fieldKey), [input.model, input.fieldKey]);
+    return {
+        ...input,
+        possibilities: fromInput ?? fromModel,
+    };
+}
+//# sourceMappingURL=use-input-radio.js.map

package/src/lib/components/input/radio/use-input-radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-input-radio.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/input/radio/use-input-radio.ts"],"names":[],"mappings":";;AAgBA,wEAuBC;AAQD,sCAYC;AA3DD,iCAAgC;AAEhC,iDAA4D;AAG5D,iDAA6C;AAC7C,6EAAwE;AAGxE;;;;;;GAMG;AACH,SAAgB,8BAA8B,CAC5C,KAAc,EACd,QAA4B;IAE5B,IAAI,CAAC,KAAK,IAAI,CAAC,QAAQ;QAAE,OAAO,IAAI,CAAC;IAErC,IAAI,YAAY,GAAG,IAAA,6BAAoB,EAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAEzD,MAAM,KAAK,GAAI,KAAiC,CAAC,CAAC,CAAC,CAAC;IACpD,IAAI,CAAC,YAAY,IAAI,KAAK,EAAE,CAAC;QAC3B,YAAY,GAAG,IAAA,6BAAoB,EAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IACvD,CAAC;IAED,MAAM,aAAa,GAAG,YAAY,EAAE,aACa,CAAC;IAElD,IAAI,CAAC,aAAa,IAAI,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC;QAAE,OAAO,IAAI,CAAC;IAEhE,OAAO,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QAC9C,EAAE,EAAE,aAAa,CAAC,GAAG,CAAC;QACtB,IAAI,EAAE,GAAG;QACT,OAAO,EAAE,KAAK;KACf,CAAC,CAAC,CAAC;AACN,CAAC;AAED;;;;;GAKG;AACH,SAAgB,aAAa,CAAI,KAA8B;IAC7D,MAAM,KAAK,GAAG,IAAA,oBAAQ,EAAC,KAAK,CAAC,CAAC;IAC9B,MAAM,SAAS,GAAG,IAAA,+CAAqB,EAAC,KAAK,CAAC,CAAC;IAC/C,MAAM,SAAS,GAAG,IAAA,eAAO,EACvB,GAAG,EAAE,CAAC,8BAA8B,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,EACjE,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,CAC9B,CAAC;IAEF,OAAO;QACL,GAAG,KAAK;QACR,aAAa,EAAE,SAAS,IAAI,SAAS;KACtC,CAAC;AACJ,CAAC"}

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

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+import { SmartInputFieldProps } from '../input.types';
+/**
+ * `<smart-input-strings>` (Angular `InputStringsComponent`): an input per
+ * string of the control's list, followed by an empty one to add a string; a
+ * `×` button removes a string.
+ *
+ * As in Angular, the control is updated when an input's change is committed
+ * (the native `change`: leaving the input or pressing Enter), keeping only
+ * the non-empty strings and marking it touched and dirty, which also happens
+ * once when the field is rendered. The label is bound to the first input.
+ */
+export declare function SmartInputStrings<T>(props: SmartInputFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartInputStrings = SmartInputStrings;
+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 LABEL_CLASSES = 'smart:block smart:text-sm/6 smart:font-medium smart:text-gray-900 smart:dark:text-white';
+/**
+ * `<smart-input-strings>` (Angular `InputStringsComponent`): an input per
+ * string of the control's list, followed by an empty one to add a string; a
+ * `×` button removes a string.
+ *
+ * As in Angular, the control is updated when an input's change is committed
+ * (the native `change`: leaving the input or pressing Enter), keeping only
+ * the non-empty strings and marking it touched and dirty, which also happens
+ * once when the field is rendered. The label is bound to the first input.
+ */
+function SmartInputStrings(props) {
+    const { className } = props;
+    const t = (0, hooks_1.useTranslate)();
+    const id = (0, react_1.useId)();
+    const { control, required, disabled, label } = (0, use_input_1.useInput)(props);
+    const nextKey = (0, react_1.useRef)(0);
+    const [list, setList] = (0, react_1.useState)([]);
+    const pending = (0, react_1.useRef)(false);
+    const refresh = (0, react_1.useCallback)((items) => {
+        if (!control)
+            return;
+        control.markAsTouched();
+        control.markAsDirty();
+        control.setValue(items.filter((i) => i && i.value).map((i) => i.value));
+        const last = items[items.length - 1];
+        setList(!items.length || (last && last.value)
+            ? [...items, { key: nextKey.current++, value: '' }]
+            : items);
+    }, [control]);
+    (0, react_1.useEffect)(() => {
+        if (!control)
+            return;
+        const value = control.value;
+        refresh(Array.isArray(value)
+            ? value.map((v) => ({ key: nextKey.current++, value: v }))
+            : []);
+    }, [control, refresh]);
+    if (!control)
+        return null;
+    const change = (item, value) => {
+        pending.current = true;
+        setList(list.map((i) => (i.key === item.key ? { ...i, value } : i)));
+    };
+    const commit = () => {
+        if (!pending.current)
+            return;
+        pending.current = false;
+        refresh(list);
+    };
+    const removeItem = (item) => {
+        refresh(list.filter((i) => i.key !== item.key));
+    };
+    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.jsx)("div", { className: (0, class_names_1.cn)('smart:mt-2', 'smart:space-y-2', className), children: list.map((item, index) => {
+                    const last = index === list.length - 1;
+                    return ((0, jsx_runtime_1.jsxs)("div", { className: "smart:flex smart:items-center smart:gap-x-2", children: [(0, jsx_runtime_1.jsx)("input", { id: index === 0 ? id : undefined, type: "text", value: item.value ?? '', placeholder: (last ? t('add') : '') + '...', disabled: disabled, onChange: (event) => change(item, event.target.value), onBlur: commit, onKeyDown: (event) => {
+                                    if (event.key === 'Enter')
+                                        commit();
+                                }, className: "smart:block smart:w-full smart:rounded-md smart:bg-white smart:px-2 smart:py-1 smart:text-sm smart:text-gray-900 smart:outline-1 smart:outline-gray-300 smart:focus:outline-2 smart:focus:outline-indigo-600 smart:dark:bg-white/5 smart:dark:text-white smart:dark:outline-white/10" }), !last && ((0, jsx_runtime_1.jsx)("button", { type: "button", disabled: disabled, onClick: () => removeItem(item), className: "smart:rounded-md smart:bg-red-600 smart:px-2 smart:py-1 smart:text-xs smart:font-semibold smart:text-white smart:hover:bg-red-500", children: "\u00D7" }))] }, item.key));
+                }) })] }));
+}
+//# sourceMappingURL=input-strings.js.map

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

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

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

@@ -0,0 +1,9 @@
+import { SmartInputFieldProps } from '../../input.types';
+/**
+ * Styled strings field (preset, Angular `InputStringsPresetComponent`): the
+ * strings as Preline chips with a remove button, and an input that adds its
+ * trimmed text on Enter (without submitting the form) or when it is left.
+ * Every change marks the control touched and dirty. The label is bound to the
+ * add input.
+ */
+export declare function SmartInputStringsPreset<T>(props: SmartInputFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartInputStringsPreset = SmartInputStringsPreset;
+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 LABEL_CLASSES = 'smart:block smart:text-sm smart:font-medium smart:mb-2 smart:text-gray-800 smart:dark:text-gray-200';
+// Preline "soft" badge chip look (gray).
+const CHIP_CLASSES = 'smart:inline-flex smart:items-center smart:gap-x-1.5 smart:py-1.5 smart:px-3 smart:rounded-full smart:text-xs smart:font-medium smart:bg-gray-100 smart:text-gray-800 smart:dark:bg-gray-500/20 smart:dark:text-gray-300';
+const REMOVE_CLASSES = 'smart:group smart:relative smart:-mr-1 smart:ml-0.5 smart:inline-flex smart:items-center smart:justify-center smart:size-4 smart:rounded-full smart:leading-none smart:text-gray-500 smart:dark:text-gray-400 smart:hover:bg-black/10 smart:dark:hover:bg-white/20';
+const INPUT_CLASSES = 'smart:py-2.5 smart:sm:py-3 smart:px-4 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:sm:text-sm smart:text-gray-900 smart:dark:text-white smart:placeholder:text-gray-500 smart:dark:placeholder:text-gray-400 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 strings field (preset, Angular `InputStringsPresetComponent`): the
+ * strings as Preline chips with a remove button, and an input that adds its
+ * trimmed text on Enter (without submitting the form) or when it is left.
+ * Every change marks the control touched and dirty. The label is bound to the
+ * add input.
+ */
+function SmartInputStringsPreset(props) {
+    const { className } = props;
+    const t = (0, hooks_1.useTranslate)();
+    const id = (0, react_1.useId)();
+    const { control, value, required, disabled, label, autoFocus } = (0, use_input_1.useInput)(props);
+    const [draft, setDraft] = (0, react_1.useState)('');
+    if (!control)
+        return null;
+    const values = Array.isArray(value) ? value : [];
+    const sync = (next) => {
+        control.markAsTouched();
+        control.markAsDirty();
+        control.setValue([...next]);
+    };
+    const addValue = (event) => {
+        // Prevent the Enter key from submitting the surrounding form.
+        event?.preventDefault();
+        const raw = (draft ?? '').trim();
+        if (!raw)
+            return;
+        setDraft('');
+        sync([...values, raw]);
+    };
+    const removeValue = (index) => {
+        if (index < 0 || index >= values.length)
+            return;
+        sync(values.filter((_, i) => i !== index));
+    };
+    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)('smart:space-y-2', className), children: [values.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "smart:flex smart:flex-wrap smart:gap-2", "data-role": "chips", children: values.map((item, index) => ((0, jsx_runtime_1.jsxs)("span", { className: CHIP_CLASSES, "data-role": "chip", children: [item, (0, jsx_runtime_1.jsx)("button", { type: "button", className: REMOVE_CLASSES, disabled: disabled, onClick: () => removeValue(index), "aria-label": t('remove'), "data-role": "remove", children: (0, jsx_runtime_1.jsx)("span", { "aria-hidden": "true", children: "\u00D7" }) })] }, index))) })), (0, jsx_runtime_1.jsx)("input", { id: id, type: "text", value: draft, placeholder: t('add') + '...', className: INPUT_CLASSES, disabled: disabled, autoFocus: autoFocus, onChange: (event) => setDraft(event.target.value), onKeyDown: (event) => {
+                            if (event.key === 'Enter' &&
+                                !event.altKey &&
+                                !event.ctrlKey &&
+                                !event.metaKey &&
+                                !event.shiftKey) {
+                                addValue(event);
+                            }
+                        }, onBlur: () => addValue(), "data-role": "add-input" })] })] }));
+}
+//# sourceMappingURL=input-strings-preset.js.map

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { SmartInputFieldProps } from '../input.types';
+/**
+ * The `text` field (the Angular `InputTextComponent`,
+ * `<smart-input-text>`): the model label and a text input bound to the
+ * control. `className` is appended to the input's classes.
+ */
+export declare function SmartInputText<T>(props: SmartInputFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartInputText = SmartInputText;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const class_names_1 = require("../../../utils/class-names");
+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 INPUT_CLASSES = [
+    'smart:mt-2',
+    'smart:block',
+    'smart:w-full',
+    'smart:rounded-md',
+    'smart:bg-white',
+    'smart:px-3',
+    'smart:py-1.5',
+    'smart:text-base',
+    'smart:text-gray-900',
+    'smart:outline-1',
+    '-outline-offset-1',
+    'smart:outline-gray-300',
+    'smart:placeholder:text-gray-400',
+    'smart:focus:outline-2',
+    'smart:focus:outline-offset-2',
+    'smart:focus:outline-indigo-600',
+    'smart:sm:text-sm/6',
+    'smart:dark:bg-white/5',
+    'smart:dark:text-white',
+    'smart:dark:outline-white/10',
+    'smart:dark:placeholder:text-gray-500',
+    'smart:dark:focus:outline-indigo-500',
+].join(' ');
+/**
+ * The `text` field (the Angular `InputTextComponent`,
+ * `<smart-input-text>`): the model label and a text input bound to the
+ * control. `className` is appended to the input's classes.
+ */
+function SmartInputText(props) {
+    const { className } = props;
+    const { control, value, required, disabled, label, setValue, markAsTouched, autoFocus, } = (0, use_input_1.useInput)(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.jsx)("input", { id: id, type: "text", className: (0, class_names_1.cn)(INPUT_CLASSES, className), value: value ?? '', disabled: disabled, autoFocus: autoFocus, onChange: (e) => setValue(e.target.value), onBlur: markAsTouched })] }));
+}
+//# sourceMappingURL=input-text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-text.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/input/text/input-text.tsx"],"names":[],"mappings":";;AA4CA,wCAkCC;;AA9ED,iCAA8B;AAE9B,4DAAgD;AAChD,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,aAAa;IACb,cAAc;IACd,kBAAkB;IAClB,gBAAgB;IAChB,YAAY;IACZ,cAAc;IACd,iBAAiB;IACjB,qBAAqB;IACrB,iBAAiB;IACjB,mBAAmB;IACnB,wBAAwB;IACxB,iCAAiC;IACjC,uBAAuB;IACvB,8BAA8B;IAC9B,gCAAgC;IAChC,oBAAoB;IACpB,uBAAuB;IACvB,uBAAuB;IACvB,6BAA6B;IAC7B,sCAAsC;IACtC,qCAAqC;CACtC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ;;;;GAIG;AACH,SAAgB,cAAc,CAAI,KAA8B;IAC9D,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,aAAa,EACb,SAAS,GACV,GAAG,IAAA,oBAAQ,EAAC,KAAK,CAAC,CAAC;IACpB,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,kCACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,IAAA,gBAAE,EAAC,aAAa,EAAE,SAAS,CAAC,EACvC,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,MAAM,EAAE,aAAa,GACrB,IACD,CACJ,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,7 @@
+import { SmartInputFieldProps } from '../../input.types';
+/**
+ * Styled `text` field (preset, the Angular `InputTextPresetComponent`):
+ * the Preline look of {@link SmartInputText}. Register it as
+ * `inputFieldComponents[FieldType.text]` on `SmartProvider`.
+ */
+export declare function SmartInputTextPreset<T>(props: SmartInputFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartInputTextPreset = SmartInputTextPreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const preset_classes_1 = require("./preset-classes");
+const use_input_1 = require("../../base/use-input");
+/**
+ * Styled `text` field (preset, the Angular `InputTextPresetComponent`):
+ * the Preline look of {@link SmartInputText}. Register it as
+ * `inputFieldComponents[FieldType.text]` on `SmartProvider`.
+ */
+function SmartInputTextPreset(props) {
+    const { className = '' } = props;
+    const { control, value, required, disabled, label, setValue, markAsTouched, autoFocus, } = (0, use_input_1.useInput)(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: (0, preset_classes_1.getInputTextPresetLabelClasses)(), children: [label, ' ', required && (0, jsx_runtime_1.jsx)("span", { className: "smart:text-red-500 smart:ml-0.5", children: "*" })] }), (0, jsx_runtime_1.jsx)("input", { id: id, type: "text", className: (0, preset_classes_1.getInputTextPresetClasses)(className), value: value ?? '', disabled: disabled, autoFocus: autoFocus, onChange: (e) => setValue(e.target.value), onBlur: markAsTouched })] }));
+}
+//# sourceMappingURL=input-text-preset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-text-preset.js","sourceRoot":"","sources":["../../../../../../../../../../packages/shared/react/src/lib/components/input/text/preset/input-text-preset.tsx"],"names":[],"mappings":";;AAcA,oDAkCC;;AAhDD,iCAA8B;AAE9B,qDAG0B;AAC1B,oDAAgD;AAGhD;;;;GAIG;AACH,SAAgB,oBAAoB,CAAI,KAA8B;IACpE,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IACjC,MAAM,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,aAAa,EACb,SAAS,GACV,GAAG,IAAA,oBAAQ,EAAC,KAAK,CAAC,CAAC;IACpB,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,IAAA,+CAA8B,GAAE,aAC5D,KAAK,EAAE,GAAG,EACV,QAAQ,IAAI,iCAAM,SAAS,EAAC,iCAAiC,kBAAS,IACjE,EACR,kCACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,IAAA,0CAAyB,EAAC,SAAS,CAAC,EAC/C,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,MAAM,EAAE,aAAa,GACrB,IACD,CACJ,CAAC;AACJ,CAAC"}

package/src/lib/components/input/text/preset/preset-classes.d.ts

@@ -0,0 +1,2 @@
+export declare function getInputTextPresetClasses(cssClass: string): string;
+export declare function getInputTextPresetLabelClasses(): string;