@smartsoft001/react 0.0.0-stage → 2.193.0

package/src/lib/components/input/long-text/rich-text-toolbar.js

@@ -0,0 +1,137 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RICH_TEXT_ICONS = exports.RICH_TEXT_COLOR_PRESETS = exports.RICH_TEXT_IMAGE_PATTERN = exports.RICH_TEXT_LINK_PATTERN = exports.RICH_TEXT_LABELS = exports.LONG_TEXT_TOOLBAR = void 0;
+/**
+ * The menu of the Angular `InputLongTextComponent` (its desktop toolbar; the
+ * mobile one was never shown, as the Angular `HardwareService` always reports
+ * a desktop).
+ */
+exports.LONG_TEXT_TOOLBAR = [
+    ['bold', 'italic'],
+    ['underline', 'strike'],
+    ['code', 'blockquote'],
+    ['ordered_list', 'bullet_list'],
+    [{ heading: ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'] }],
+    ['link', 'image'],
+    ['text_color', 'background_color'],
+    ['align_left', 'align_center', 'align_right', 'align_justify'],
+];
+/**
+ * The texts of the menu: the default `ngx-editor` locals, which the Angular
+ * field used as is (they are not translation keys).
+ */
+exports.RICH_TEXT_LABELS = {
+    bold: 'Bold',
+    italic: 'Italic',
+    code: 'Code',
+    underline: 'Underline',
+    strike: 'Strike',
+    blockquote: 'Blockquote',
+    bullet_list: 'Bullet List',
+    ordered_list: 'Ordered List',
+    heading: 'Heading',
+    h1: 'Header 1',
+    h2: 'Header 2',
+    h3: 'Header 3',
+    h4: 'Header 4',
+    h5: 'Header 5',
+    h6: 'Header 6',
+    align_left: 'Left Align',
+    align_center: 'Center Align',
+    align_right: 'Right Align',
+    align_justify: 'Justify',
+    text_color: 'Text Color',
+    background_color: 'Background Color',
+    insertLink: 'Insert Link',
+    removeLink: 'Remove Link',
+    insertImage: 'Insert Image',
+    url: 'URL',
+    text: 'Text',
+    openInNewTab: 'Open in new tab',
+    insert: 'Insert',
+    altText: 'Alt Text',
+    title: 'Title',
+    remove: 'Remove',
+    enterValidUrl: 'Please enter a valid URL',
+    required: 'This is required',
+};
+const URL_PATTERN = '(https?://)?([\\da-z.-]+)\\.([a-z.]{2,6})[/\\w .-]*/??([^#\\n\\r]*)?#?([^\\n\\r]*)';
+/**
+ * The URLs the link form accepts: the `ngx-editor` link validation pattern,
+ * matched whole. (Angular's `Validators.pattern` anchored only the ends of
+ * its alternation, which let `javascript:` URLs ending in a `mailto:` part
+ * through.)
+ */
+exports.RICH_TEXT_LINK_PATTERN = new RegExp(`^(?:${URL_PATTERN}|(mailto:.*[@].*))$`);
+/** The URLs the image form accepts: the `ngx-editor` image pattern. */
+exports.RICH_TEXT_IMAGE_PATTERN = new RegExp(`^(?:${URL_PATTERN})$`);
+/** The `ngx-editor` colour presets, shown in rows of 8. */
+exports.RICH_TEXT_COLOR_PRESETS = [
+    '#b60205',
+    '#d93f0b',
+    '#fbca04',
+    '#0e8a16',
+    '#006b75',
+    '#1d76db',
+    '#0052cc',
+    '#5319e7',
+    '#e99695',
+    '#f9d0c4',
+    '#fef2c0',
+    '#c2e0c6',
+    '#bfdadc',
+    '#c5def5',
+    '#bfd4f2',
+    '#d4c5f9',
+];
+/** The paths of the `ngx-editor` (Material) icons, on a 24x24 view box. */
+exports.RICH_TEXT_ICONS = {
+    bold: [
+        'M15.6 10.79c.97-.67 1.65-1.77 1.65-2.79 0-2.26-1.75-4-4-4H7v14h7.04c2.09 0 3.71-1.7 3.71-3.79 0-1.52-.86-2.82-2.15-3.42zM10 6.5h3c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-3v-3zm3.5 9H10v-3h3.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5z',
+    ],
+    italic: ['M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z'],
+    code: [
+        'M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z',
+    ],
+    underline: [
+        'M12 17c3.31 0 6-2.69 6-6V3h-2.5v8c0 1.93-1.57 3.5-3.5 3.5S8.5 12.93 8.5 11V3H6v8c0 3.31 2.69 6 6 6zm-7 2v2h14v-2H5z',
+    ],
+    strike: [
+        'M6.85,7.08C6.85,4.37,9.45,3,12.24,3c1.64,0,3,0.49,3.9,1.28c0.77,0.65,1.46,1.73,1.46,3.24h-3.01 c0-0.31-0.05-0.59-0.15-0.85c-0.29-0.86-1.2-1.28-2.25-1.28c-1.86,0-2.34,1.02-2.34,1.7c0,0.48,0.25,0.88,0.74,1.21 C10.97,8.55,11.36,8.78,12,9H7.39C7.18,8.66,6.85,8.11,6.85,7.08z M21,12v-2H3v2h9.62c1.15,0.45,1.96,0.75,1.96,1.97 c0,1-0.81,1.67-2.28,1.67c-1.54,0-2.93-0.54-2.93-2.51H6.4c0,0.55,0.08,1.13,0.24,1.58c0.81,2.29,3.29,3.3,5.67,3.3 c2.27,0,5.3-0.89,5.3-4.05c0-0.3-0.01-1.16-0.48-1.94H21V12z',
+    ],
+    ordered_list: [
+        'M2 17h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1 3h1.8L2 13.1v.9h3v-1H3.2L5 10.9V10H2v1zm5-6v2h14V5H7zm0 14h14v-2H7v2zm0-6h14v-2H7v2z',
+    ],
+    bullet_list: [
+        'M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5zm0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5 1.5-.68 1.5-1.5-.67-1.5-1.5-1.5zM7 19h14v-2H7v2zm0-6h14v-2H7v2zm0-8v2h14V5H7z',
+    ],
+    blockquote: ['M6 17h3l2-4V7H5v6h3zm8 0h3l2-4V7h-6v6h3z'],
+    link: [
+        'M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z',
+    ],
+    unlink: [
+        'M17 7h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1 0 1.43-.98 2.63-2.31 2.98l1.46 1.46C20.88 15.61 22 13.95 22 12c0-2.76-2.24-5-5-5zm-1 4h-2.19l2 2H16zM2 4.27l3.11 3.11C3.29 8.12 2 9.91 2 12c0 2.76 2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1 0-1.59 1.21-2.9 2.76-3.07L8.73 11H8v2h2.73L13 15.27V17h1.73l4.01 4L20 19.74 3.27 3 2 4.27z',
+    ],
+    image: [
+        'M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z',
+    ],
+    align_left: [
+        'M15 15H3v2h12v-2zm0-8H3v2h12V7zM3 13h18v-2H3v2zm0 8h18v-2H3v2zM3 3v2h18V3H3z',
+    ],
+    align_center: [
+        'M7 15v2h10v-2H7zm-4 6h18v-2H3v2zm0-8h18v-2H3v2zm4-6v2h10V7H7zM3 3v2h18V3H3z',
+    ],
+    align_right: [
+        'M3 21h18v-2H3v2zm6-4h12v-2H9v2zm-6-4h18v-2H3v2zm6-4h12V7H9v2zM3 3v2h18V3H3z',
+    ],
+    align_justify: [
+        'M3 21h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18V7H3v2zm0-6v2h18V3H3z',
+    ],
+    text_color: [
+        'M2,20h20v4H2V20z M5.49,17h2.42l1.27-3.58h5.65L16.09,17h2.42L13.25,3h-2.5L5.49,17z M9.91,11.39l2.03-5.79h0.12l2.03,5.79 H9.91z',
+    ],
+    color_fill: [
+        'M16.56,8.94L7.62,0L6.21,1.41l2.38,2.38L3.44,8.94c-0.59,0.59-0.59,1.54,0,2.12l5.5,5.5C9.23,16.85,9.62,17,10,17 s0.77-0.15,1.06-0.44l5.5-5.5C17.15,10.48,17.15,9.53,16.56,8.94z M5.21,10L10,5.21L14.79,10H5.21z M19,11.5c0,0-2,2.17-2,3.5 c0,1.1,0.9,2,2,2s2-0.9,2-2C21,13.67,19,11.5,19,11.5z M2,20h20v4H2V20z',
+    ],
+};
+//# sourceMappingURL=rich-text-toolbar.js.map

package/src/lib/components/input/long-text/rich-text-toolbar.js.map

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

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

@@ -0,0 +1,4 @@
+export * from './input-nip';
+export * from './preset/input-nip-preset';
+export * from './preset/preset-classes';
+export * from './use-input-nip';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/input/nip/index.ts"],"names":[],"mappings":";;;AAAA,sDAA4B;AAC5B,oEAA0C;AAC1C,kEAAwC;AACxC,0DAAgC"}

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

@@ -0,0 +1,8 @@
+import { SmartInputFieldProps } from '../input.types';
+/**
+ * The `nip` field (the Angular `InputNipComponent`, `<smart-input-nip>`):
+ * the model label and a text input bound to the control, which also gets the
+ * NIP check (`invalidNip`, see {@link useInputNip}). `className` is appended
+ * to the input's classes.
+ */
+export declare function SmartInputNip<T>(props: SmartInputFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartInputNip = SmartInputNip;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const class_names_1 = require("../../../utils/class-names");
+const use_input_nip_1 = require("./use-input-nip");
+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 `nip` field (the Angular `InputNipComponent`, `<smart-input-nip>`):
+ * the model label and a text input bound to the control, which also gets the
+ * NIP check (`invalidNip`, see {@link useInputNip}). `className` is appended
+ * to the input's classes.
+ */
+function SmartInputNip(props) {
+    const { className } = props;
+    const { control, value, required, disabled, label, setValue, markAsTouched, autoFocus, } = (0, use_input_nip_1.useInputNip)(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-nip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-nip.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/input/nip/input-nip.tsx"],"names":[],"mappings":";;AA6CA,sCAkCC;;AA/ED,iCAA8B;AAE9B,4DAAgD;AAEhD,mDAA8C;AAE9C,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;;;;;GAKG;AACH,SAAgB,aAAa,CAAI,KAA8B;IAC7D,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,2BAAW,EAAC,KAAK,CAAC,CAAC;IACvB,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/nip/preset/input-nip-preset.d.ts

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

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartInputNipPreset = SmartInputNipPreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const preset_classes_1 = require("./preset-classes");
+const use_input_nip_1 = require("../use-input-nip");
+/**
+ * Styled `nip` field (preset, the Angular `InputNipPresetComponent`): the
+ * Preline look of {@link SmartInputNip}, with the same NIP check. Register
+ * it as `inputFieldComponents[FieldType.nip]` on `SmartProvider`.
+ */
+function SmartInputNipPreset(props) {
+    const { className = '' } = props;
+    const { control, value, required, disabled, label, setValue, markAsTouched, autoFocus, } = (0, use_input_nip_1.useInputNip)(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.getInputNipPresetLabelClasses)(), 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.getInputNipPresetClasses)(className), value: value ?? '', disabled: disabled, autoFocus: autoFocus, onChange: (e) => setValue(e.target.value), onBlur: markAsTouched })] }));
+}
+//# sourceMappingURL=input-nip-preset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-nip-preset.js","sourceRoot":"","sources":["../../../../../../../../../../packages/shared/react/src/lib/components/input/nip/preset/input-nip-preset.tsx"],"names":[],"mappings":";;AAcA,kDAkCC;;AAhDD,iCAA8B;AAE9B,qDAG0B;AAE1B,oDAA+C;AAE/C;;;;GAIG;AACH,SAAgB,mBAAmB,CAAI,KAA8B;IACnE,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,2BAAW,EAAC,KAAK,CAAC,CAAC;IACvB,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,8CAA6B,GAAE,aAC3D,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,yCAAwB,EAAC,SAAS,CAAC,EAC9C,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/nip/preset/preset-classes.d.ts

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

package/src/lib/components/input/nip/preset/preset-classes.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInputNipPresetClasses = getInputNipPresetClasses;
+exports.getInputNipPresetLabelClasses = getInputNipPresetLabelClasses;
+const INPUT_NIP_PRESET_BASE = [
+    '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-700',
+    'smart:dark:focus:border-blue-600',
+    'smart:focus:ring-1',
+    'smart:focus:ring-blue-700',
+    'smart:dark:focus:ring-blue-600',
+    'smart:disabled:opacity-50',
+    'smart:disabled:pointer-events-none',
+].join(' ');
+const INPUT_NIP_PRESET_LABEL = [
+    'smart:block',
+    'smart:text-sm',
+    'smart:font-medium',
+    'smart:mb-2',
+    'smart:text-gray-900',
+    'smart:dark:text-white',
+].join(' ');
+function getInputNipPresetClasses(cssClass) {
+    return cssClass
+        ? `${INPUT_NIP_PRESET_BASE} ${cssClass}`
+        : INPUT_NIP_PRESET_BASE;
+}
+function getInputNipPresetLabelClasses() {
+    return INPUT_NIP_PRESET_LABEL;
+}
+//# sourceMappingURL=preset-classes.js.map

package/src/lib/components/input/nip/preset/preset-classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset-classes.js","sourceRoot":"","sources":["../../../../../../../../../../packages/shared/react/src/lib/components/input/nip/preset/preset-classes.ts"],"names":[],"mappings":";;AAmCA,4DAIC;AAED,sEAEC;AA3CD,MAAM,qBAAqB,GAAG;IAC5B,cAAc;IACd,eAAe;IACf,YAAY;IACZ,aAAa;IACb,cAAc;IACd,gBAAgB;IAChB,wBAAwB;IACxB,cAAc;IACd,uBAAuB;IACvB,4BAA4B;IAC5B,kBAAkB;IAClB,kBAAkB;IAClB,qBAAqB;IACrB,uBAAuB;IACvB,iCAAiC;IACjC,sCAAsC;IACtC,6BAA6B;IAC7B,kCAAkC;IAClC,oBAAoB;IACpB,2BAA2B;IAC3B,gCAAgC;IAChC,2BAA2B;IAC3B,oCAAoC;CACrC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,sBAAsB,GAAG;IAC7B,aAAa;IACb,eAAe;IACf,mBAAmB;IACnB,YAAY;IACZ,qBAAqB;IACrB,uBAAuB;CACxB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,SAAgB,wBAAwB,CAAC,QAAgB;IACvD,OAAO,QAAQ;QACb,CAAC,CAAC,GAAG,qBAAqB,IAAI,QAAQ,EAAE;QACxC,CAAC,CAAC,qBAAqB,CAAC;AAC5B,CAAC;AAED,SAAgB,6BAA6B;IAC3C,OAAO,sBAAsB,CAAC;AAChC,CAAC"}

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

@@ -0,0 +1,26 @@
+import { SmartInputFieldProps } from '../input.types';
+/**
+ * {@link useInput} plus what the Angular NIP inputs did once their options
+ * were set (`afterSetOptionsHandler`): add the NIP check to the control's
+ * validators and validate it again.
+ *
+ * The validator is one shared function, so adding it again (a second render
+ * of the field, Strict Mode) does not stack it. It stays on the control after
+ * the field unmounts, as it did in Angular.
+ */
+export declare function useInputNip<T>(props: SmartInputFieldProps<T>): {
+    control: import("../../../forms/abstract-control").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("dist/packages/shared/models/src").IFieldOptions | undefined;
+    setValue: (value: unknown) => void;
+    markAsTouched: () => void | undefined;
+    autoFocus: boolean;
+};

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

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInputNip = useInputNip;
+const react_1 = require("react");
+const utils_1 = require("@smartsoft001/utils");
+const use_input_1 = require("../base/use-input");
+/** Reports `invalidNip` for a non-empty value that is not a valid NIP. */
+const nipValidator = (c) => {
+    if (c.value && utils_1.NipService.isInvalid(c.value)) {
+        return {
+            invalidNip: true,
+        };
+    }
+    return null;
+};
+/**
+ * {@link useInput} plus what the Angular NIP inputs did once their options
+ * were set (`afterSetOptionsHandler`): add the NIP check to the control's
+ * validators and validate it again.
+ *
+ * The validator is one shared function, so adding it again (a second render
+ * of the field, Strict Mode) does not stack it. It stays on the control after
+ * the field unmounts, as it did in Angular.
+ */
+function useInputNip(props) {
+    const input = (0, use_input_1.useInput)(props);
+    const { control } = input;
+    (0, react_1.useEffect)(() => {
+        if (!control)
+            return;
+        control.addValidators(nipValidator);
+        control.updateValueAndValidity();
+    }, [control]);
+    return input;
+}
+//# sourceMappingURL=use-input-nip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-input-nip.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/input/nip/use-input-nip.ts"],"names":[],"mappings":";;AA4BA,kCAYC;AAxCD,iCAAkC;AAElC,+CAAiD;AAGjD,iDAA6C;AAG7C,0EAA0E;AAC1E,MAAM,YAAY,GAAqB,CAAC,CAAC,EAAE,EAAE;IAC3C,IAAI,CAAC,CAAC,KAAK,IAAI,kBAAU,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC;QAC7C,OAAO;YACL,UAAU,EAAE,IAAI;SACjB,CAAC;IACJ,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF;;;;;;;;GAQG;AACH,SAAgB,WAAW,CAAI,KAA8B;IAC3D,MAAM,KAAK,GAAG,IAAA,oBAAQ,EAAC,KAAK,CAAC,CAAC;IAC9B,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE1B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,OAAO,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;QACpC,OAAO,CAAC,sBAAsB,EAAE,CAAC;IACnC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,KAAK,CAAC;AACf,CAAC"}

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { SmartInputFieldProps } from '../input.types';
+/**
+ * `<smart-input-object>`: the label of an `object` field and a nested
+ * `SmartForm` for its group (the Angular form rendered through
+ * `FORM_COMPONENT_TOKEN`).
+ */
+export declare function SmartInputObject<T>(props: SmartInputFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartInputObject = SmartInputObject;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const use_input_object_1 = require("./use-input-object");
+const class_names_1 = require("../../../utils/class-names");
+const form_1 = require("../../form/form");
+/**
+ * `<smart-input-object>`: the label of an `object` field and a nested
+ * `SmartForm` for its group (the Angular form rendered through
+ * `FORM_COMPONENT_TOKEN`).
+ */
+function SmartInputObject(props) {
+    const { className } = props;
+    const { control, label, required, childOptions } = (0, use_input_object_1.useInputObject)(props);
+    if (!control || !childOptions)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("label", { className: "smart:block smart:text-sm/6 smart:font-medium smart:text-gray-900 smart:dark:text-white", 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', className), children: (0, jsx_runtime_1.jsx)(form_1.SmartForm, { options: childOptions }) })] }));
+}
+//# sourceMappingURL=input-object.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-object.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/input/object/input-object.tsx"],"names":[],"mappings":";;AAUA,4CAiBC;;AA3BD,yDAAoD;AACpD,4DAAgD;AAChD,0CAA4C;AAG5C;;;;GAIG;AACH,SAAgB,gBAAgB,CAAI,KAA8B;IAChE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,IAAA,iCAAc,EAAC,KAAK,CAAC,CAAC;IAEzE,IAAI,CAAC,OAAO,IAAI,CAAC,YAAY;QAAE,OAAO,IAAI,CAAC;IAE3C,OAAO,CACL,6DACE,mCAAO,SAAS,EAAC,yFAAyF,aACvG,KAAK,EAAE,GAAG,EACV,QAAQ,IAAI,iCAAM,SAAS,EAAC,iCAAiC,kBAAS,IACjE,EACR,gCAAK,SAAS,EAAE,IAAA,gBAAE,EAAC,YAAY,EAAE,SAAS,CAAC,YACzC,uBAAC,gBAAS,IAAC,OAAO,EAAE,YAAY,GAAI,GAChC,IACL,CACJ,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,6 @@
+import { SmartInputFieldProps } from '../../input.types';
+/**
+ * Styled object field variation (preset), `<smart-input-object-preset>`: the
+ * nested `SmartForm` sits in a bordered card frame.
+ */
+export declare function SmartInputObjectPreset<T>(props: SmartInputFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartInputObjectPreset = SmartInputObjectPreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../../utils/class-names");
+const form_1 = require("../../../form/form");
+const use_input_object_1 = require("../use-input-object");
+/**
+ * Styled object field variation (preset), `<smart-input-object-preset>`: the
+ * nested `SmartForm` sits in a bordered card frame.
+ */
+function SmartInputObjectPreset(props) {
+    const { className } = props;
+    const { control, label, required, childOptions } = (0, use_input_object_1.useInputObject)(props);
+    if (!control || !childOptions)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("label", { className: "smart:block smart:text-sm/6 smart:font-medium smart:text-gray-900 smart:dark:text-white", "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)("div", { className: (0, class_names_1.cn)('smart:mt-2 smart:p-4 smart:bg-white smart:dark:bg-gray-800 smart:border smart:border-gray-200 smart:dark:border-gray-700 smart:rounded-lg', className), "data-role": "object-frame", children: (0, jsx_runtime_1.jsx)(form_1.SmartForm, { options: childOptions }) })] }));
+}
+//# sourceMappingURL=input-object-preset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-object-preset.js","sourceRoot":"","sources":["../../../../../../../../../../packages/shared/react/src/lib/components/input/object/preset/input-object-preset.tsx"],"names":[],"mappings":";;AASA,wDA0BC;;AAnCD,+DAAmD;AACnD,6CAA+C;AAE/C,0DAAqD;AAErD;;;GAGG;AACH,SAAgB,sBAAsB,CAAI,KAA8B;IACtE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,IAAA,iCAAc,EAAC,KAAK,CAAC,CAAC;IAEzE,IAAI,CAAC,OAAO,IAAI,CAAC,YAAY;QAAE,OAAO,IAAI,CAAC;IAE3C,OAAO,CACL,6DACE,mCACE,SAAS,EAAC,yFAAyF,eACzF,OAAO,aAEhB,KAAK,EAAE,GAAG,EACV,QAAQ,IAAI,iCAAM,SAAS,EAAC,iCAAiC,kBAAS,IACjE,EACR,gCACE,SAAS,EAAE,IAAA,gBAAE,EACX,2IAA2I,EAC3I,SAAS,CACV,eACS,cAAc,YAExB,uBAAC,gBAAS,IAAC,OAAO,EAAE,YAAY,GAAI,GAChC,IACL,CACJ,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,24 @@
+import { IFormOptions } from '../../../models';
+import { SmartInputFieldProps } from '../input.types';
+/**
+ * What the object field variants share (the Angular `InputObjectComponent`
+ * logic): the input base and the options of the nested form, one tree level
+ * deeper, bound to the field's group and to the field's value on the model.
+ */
+export declare function useInputObject<T, TChild = unknown>(props: SmartInputFieldProps<T>): {
+    childOptions: IFormOptions<TChild> | 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("dist/packages/shared/models/src").IFieldOptions | undefined;
+    setValue: (value: unknown) => void;
+    markAsTouched: () => void | undefined;
+    autoFocus: boolean;
+};

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInputObject = useInputObject;
+const react_1 = require("react");
+const use_input_1 = require("../base/use-input");
+/**
+ * What the object field variants share (the Angular `InputObjectComponent`
+ * logic): the input base and the options of the nested form, one tree level
+ * deeper, bound to the field's group and to the field's value on the model.
+ */
+function useInputObject(props) {
+    const input = (0, use_input_1.useInput)(props);
+    const { treeLevel, mode, control, model, fieldKey } = input;
+    const childOptions = (0, react_1.useMemo)(() => control
+        ? {
+            treeLevel: treeLevel + 1,
+            mode,
+            control,
+            model: model?.[fieldKey],
+            show: true,
+        }
+        : null, [treeLevel, mode, control, model, fieldKey]);
+    return { ...input, childOptions };
+}
+//# sourceMappingURL=use-input-object.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-input-object.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/input/object/use-input-object.ts"],"names":[],"mappings":";;AAWA,wCAuBC;AAlCD,iCAAgC;AAGhC,iDAA6C;AAG7C;;;;GAIG;AACH,SAAgB,cAAc,CAC5B,KAA8B;IAE9B,MAAM,KAAK,GAAG,IAAA,oBAAQ,EAAC,KAAK,CAAC,CAAC;IAC9B,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE5D,MAAM,YAAY,GAAG,IAAA,eAAO,EAC1B,GAAG,EAAE,CACH,OAAO;QACL,CAAC,CAAC;YACE,SAAS,EAAE,SAAS,GAAG,CAAC;YACxB,IAAI;YACJ,OAAO;YACP,KAAK,EAAG,KAA6C,EAAE,CACrD,QAAQ,CACC;YACX,IAAI,EAAE,IAAI;SACX;QACH,CAAC,CAAC,IAAI,EACV,CAAC,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,CAC5C,CAAC;IAEF,OAAO,EAAE,GAAG,KAAK,EAAE,YAAY,EAAE,CAAC;AACpC,CAAC"}

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

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

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

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

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

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

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

@@ -0,0 +1,15 @@
+import { SmartInputFieldProps } from '../input.types';
+/**
+ * The `password` field (the Angular `InputPasswordComponent`,
+ * `<smart-input-password>`): the model label and a `type="password"` input
+ * bound to the control. With `fieldOptions.possibilities.strength` it renders
+ * `<SmartPasswordStrength>` under the input (hints while the input has
+ * focus), whose rating sets the control's `passwordStrength` error (see
+ * {@link useInputPassword}).
+ *
+ * A `<key>Confirm` control (added by the form factory for `confirm: true`)
+ * renders through the same component: `<SmartInput>` gives it the options of
+ * `<key>`, the label is the one of `<key>Confirm`, and it is bound to, and
+ * rated by, its own value. `className` is appended to the input's classes.
+ */
+export declare function SmartInputPassword<T>(props: SmartInputFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;