@smartsoft001/react 0.0.0-stage → 2.193.0

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

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartInputFlag = SmartInputFlag;
+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';
+const INPUT_CLASSES = [
+    'smart:h-4',
+    'smart:w-4',
+    'smart:rounded',
+    'smart:border-gray-300',
+    'smart:text-indigo-600',
+    'smart:focus:ring-indigo-500',
+    'smart:dark:border-gray-600',
+    'smart:dark:bg-white/5',
+];
+/**
+ * The yes/no field (`<smart-input-flag>`, Angular `InputFlagComponent`): a
+ * checkbox followed by its label, bound to a boolean value.
+ */
+function SmartInputFlag(props) {
+    const { className } = props;
+    const id = (0, react_1.useId)();
+    const { control, value, required, disabled, label, autoFocus, setValue, markAsTouched, } = (0, use_input_1.useInput)(props);
+    if (!control)
+        return null;
+    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: id, type: "checkbox", className: (0, class_names_1.cn)(INPUT_CLASSES, className), checked: !!value, disabled: disabled, autoFocus: autoFocus, onChange: (e) => setValue(e.target.checked), onBlur: markAsTouched }), (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: "*" })] })] }));
+}
+//# sourceMappingURL=input-flag.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-flag.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/input/flag/input-flag.tsx"],"names":[],"mappings":";;AAwBA,wCAkCC;;AA1DD,iCAA8B;AAE9B,4DAAgD;AAChD,iDAA6C;AAG7C,MAAM,aAAa,GACjB,yFAAyF,CAAC;AAE5F,MAAM,aAAa,GAAG;IACpB,WAAW;IACX,WAAW;IACX,eAAe;IACf,uBAAuB;IACvB,uBAAuB;IACvB,6BAA6B;IAC7B,4BAA4B;IAC5B,uBAAuB;CACxB,CAAC;AAEF;;;GAGG;AACH,SAAgB,cAAc,CAAI,KAA8B;IAC9D,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,EAAE,GAAG,IAAA,aAAK,GAAE,CAAC;IACnB,MAAM,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,SAAS,EACT,QAAQ,EACR,aAAa,GACd,GAAG,IAAA,oBAAQ,EAAC,KAAK,CAAC,CAAC;IAEpB,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACL,iCAAK,SAAS,EAAC,6CAA6C,aAC1D,kCACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,UAAU,EACf,SAAS,EAAE,IAAA,gBAAE,EAAC,aAAa,EAAE,SAAS,CAAC,EACvC,OAAO,EAAE,CAAC,CAAC,KAAK,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAC3C,MAAM,EAAE,aAAa,GACrB,EACF,mCAAO,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,aAAa,aACzC,KAAK,EAAE,GAAG,EACV,QAAQ,IAAI,iCAAM,SAAS,EAAC,iCAAiC,kBAAS,IACjE,IACJ,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,6 @@
+import { SmartInputFieldProps } from '../../input.types';
+/**
+ * Preline-styled yes/no field (preset, Angular `InputFlagPresetComponent`):
+ * the checkbox and label of `SmartInputFlag` with the Preline checkbox look.
+ */
+export declare function SmartInputFlagPreset<T>(props: SmartInputFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartInputFlagPreset = SmartInputFlagPreset;
+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 GROUP_CLASSES = 'smart:mt-2 smart:flex smart:items-center smart:gap-x-2';
+const LABEL_CLASSES = 'smart:text-sm/6 smart:font-medium smart:text-gray-900 smart:dark:text-white';
+// Preline "Default checkbox" look translated to smart:-prefixed vanilla
+// Tailwind with explicit dark: variants.
+const INPUT_CLASSES = [
+    'smart:shrink-0',
+    'smart:size-4',
+    'smart:bg-transparent',
+    'smart:border-gray-200',
+    'smart:dark:border-gray-700',
+    'smart:rounded-sm',
+    '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',
+];
+/**
+ * Preline-styled yes/no field (preset, Angular `InputFlagPresetComponent`):
+ * the checkbox and label of `SmartInputFlag` with the Preline checkbox look.
+ */
+function SmartInputFlagPreset(props) {
+    const { className } = props;
+    const id = (0, react_1.useId)();
+    const { control, value, required, disabled, label, autoFocus, setValue, markAsTouched, } = (0, use_input_1.useInput)(props);
+    if (!control)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: GROUP_CLASSES, "data-role": "flag-group", children: [(0, jsx_runtime_1.jsx)("input", { id: id, type: "checkbox", className: (0, class_names_1.cn)(INPUT_CLASSES, className), checked: !!value, disabled: disabled, autoFocus: autoFocus, onChange: (e) => setValue(e.target.checked), onBlur: markAsTouched, "data-role": "checkbox" }), (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: "*" })] })] }));
+}
+//# sourceMappingURL=input-flag-preset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-flag-preset.js","sourceRoot":"","sources":["../../../../../../../../../../packages/shared/react/src/lib/components/input/flag/preset/input-flag-preset.tsx"],"names":[],"mappings":";;AAqCA,oDAmCC;;AAxED,iCAA8B;AAE9B,+DAAmD;AACnD,oDAAgD;AAGhD,MAAM,aAAa,GAAG,wDAAwD,CAAC;AAE/E,MAAM,aAAa,GACjB,6EAA6E,CAAC;AAEhF,wEAAwE;AACxE,yCAAyC;AACzC,MAAM,aAAa,GAAG;IACpB,gBAAgB;IAChB,cAAc;IACd,sBAAsB;IACtB,uBAAuB;IACvB,4BAA4B;IAC5B,kBAAkB;IAClB,kBAAkB;IAClB,qBAAqB;IACrB,0BAA0B;IAC1B,oBAAoB;IACpB,2BAA2B;IAC3B,2BAA2B;IAC3B,gCAAgC;IAChC,+BAA+B;IAC/B,oCAAoC;IACpC,2BAA2B;IAC3B,oCAAoC;CACrC,CAAC;AAEF;;;GAGG;AACH,SAAgB,oBAAoB,CAAI,KAA8B;IACpE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,EAAE,GAAG,IAAA,aAAK,GAAE,CAAC;IACnB,MAAM,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,SAAS,EACT,QAAQ,EACR,aAAa,GACd,GAAG,IAAA,oBAAQ,EAAC,KAAK,CAAC,CAAC;IAEpB,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACL,iCAAK,SAAS,EAAE,aAAa,eAAY,YAAY,aACnD,kCACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,UAAU,EACf,SAAS,EAAE,IAAA,gBAAE,EAAC,aAAa,EAAE,SAAS,CAAC,EACvC,OAAO,EAAE,CAAC,CAAC,KAAK,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAC3C,MAAM,EAAE,aAAa,eACX,UAAU,GACpB,EACF,mCAAO,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,aAAa,eAAY,OAAO,aAC5D,KAAK,EAAE,GAAG,EACV,QAAQ,IAAI,iCAAM,SAAS,EAAC,iCAAiC,kBAAS,IACjE,IACJ,CACP,CAAC;AACJ,CAAC"}

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { SmartInputFieldProps } from '../input.types';
+/**
+ * The decimal number field (`<smart-input-float>`, Angular
+ * `InputFloatComponent`): a number input with `step="0.01"`. An empty field
+ * sets `null`, anything else the parsed number.
+ */
+export declare function SmartInputFloat<T>(props: SmartInputFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartInputFloat = SmartInputFloat;
+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 number_value_1 = require("../int/number-value");
+const LABEL_CLASSES = 'smart:block smart:text-sm/6 smart:font-medium smart:text-gray-900 smart:dark:text-white';
+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',
+];
+/**
+ * The decimal number field (`<smart-input-float>`, Angular
+ * `InputFloatComponent`): a number input with `step="0.01"`. An empty field
+ * sets `null`, anything else the parsed number.
+ */
+function SmartInputFloat(props) {
+    const { className } = props;
+    const id = (0, react_1.useId)();
+    const { control, value, required, disabled, label, autoFocus, setValue, markAsTouched, } = (0, use_input_1.useInput)(props);
+    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: "number", step: "0.01", className: (0, class_names_1.cn)(INPUT_CLASSES, className), value: value ?? '', disabled: disabled, autoFocus: autoFocus, onChange: (e) => setValue((0, number_value_1.toNumberValue)(e.target.value)), onBlur: markAsTouched })] }));
+}
+//# sourceMappingURL=input-float.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-float.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/input/float/input-float.tsx"],"names":[],"mappings":";;AAwCA,0CAmCC;;AA3ED,iCAA8B;AAE9B,4DAAgD;AAChD,iDAA6C;AAE7C,sDAAoD;AAEpD,MAAM,aAAa,GACjB,yFAAyF,CAAC;AAE5F,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;AAEF;;;;GAIG;AACH,SAAgB,eAAe,CAAI,KAA8B;IAC/D,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,EAAE,GAAG,IAAA,aAAK,GAAE,CAAC;IACnB,MAAM,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,SAAS,EACT,QAAQ,EACR,aAAa,GACd,GAAG,IAAA,oBAAQ,EAAC,KAAK,CAAC,CAAC;IAEpB,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,QAAQ,EACb,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,IAAA,4BAAa,EAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EACxD,MAAM,EAAE,aAAa,GACrB,IACD,CACJ,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,7 @@
+import { SmartInputFieldProps } from '../../input.types';
+/**
+ * Preline-styled decimal number field (preset, Angular
+ * `InputFloatPresetComponent`): the same number input with `step="0.01"` as
+ * `SmartInputFloat`.
+ */
+export declare function SmartInputFloatPreset<T>(props: SmartInputFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartInputFloatPreset = SmartInputFloatPreset;
+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 number_value_1 = require("../../int/number-value");
+const LABEL_CLASSES = 'smart:block smart:text-sm smart:font-medium smart:mb-2 smart:text-gray-800 smart:dark:text-gray-200';
+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',
+];
+/**
+ * Preline-styled decimal number field (preset, Angular
+ * `InputFloatPresetComponent`): the same number input with `step="0.01"` as
+ * `SmartInputFloat`.
+ */
+function SmartInputFloatPreset(props) {
+    const { className } = props;
+    const id = (0, react_1.useId)();
+    const { control, value, required, disabled, label, autoFocus, setValue, markAsTouched, } = (0, use_input_1.useInput)(props);
+    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: "number", step: "0.01", className: (0, class_names_1.cn)(INPUT_CLASSES, className), value: value ?? '', disabled: disabled, autoFocus: autoFocus, onChange: (e) => setValue((0, number_value_1.toNumberValue)(e.target.value)), onBlur: markAsTouched })] }));
+}
+//# sourceMappingURL=input-float-preset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-float-preset.js","sourceRoot":"","sources":["../../../../../../../../../../packages/shared/react/src/lib/components/input/float/preset/input-float-preset.tsx"],"names":[],"mappings":";;AAyCA,sDAmCC;;AA5ED,iCAA8B;AAE9B,+DAAmD;AACnD,oDAAgD;AAEhD,yDAAuD;AAEvD,MAAM,aAAa,GACjB,qGAAqG,CAAC;AAExG,MAAM,aAAa,GAAG;IACpB,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;AAEF;;;;GAIG;AACH,SAAgB,qBAAqB,CAAI,KAA8B;IACrE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,EAAE,GAAG,IAAA,aAAK,GAAE,CAAC;IACnB,MAAM,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,SAAS,EACT,QAAQ,EACR,aAAa,GACd,GAAG,IAAA,oBAAQ,EAAC,KAAK,CAAC,CAAC;IAEpB,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,QAAQ,EACb,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,IAAA,4BAAa,EAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EACxD,MAAM,EAAE,aAAa,GACrB,IACD,CACJ,CAAC;AACJ,CAAC"}

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

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

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

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

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

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

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

@@ -0,0 +1,9 @@
+import { SmartInputFieldProps } from '../input.types';
+/**
+ * The `image` field (the Angular `InputImageComponent`,
+ * `<smart-input-image>`): an add / change button opening a hidden
+ * `.jpg,.png,.jpeg` input whose file is uploaded, a delete button and the
+ * preview of the uploaded image ({@link useInputImage}), and the upload
+ * progress. `className` is appended to the group's classes.
+ */
+export declare function SmartInputImage<T>(props: SmartInputFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartInputImage = SmartInputImage;
+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_image_1 = require("./use-input-image");
+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',
+    'smart:flex-wrap',
+].join(' ');
+/**
+ * The `image` field (the Angular `InputImageComponent`,
+ * `<smart-input-image>`): an add / change button opening a hidden
+ * `.jpg,.png,.jpeg` input whose file is uploaded, a delete button and the
+ * preview of the uploaded image ({@link useInputImage}), and the upload
+ * progress. `className` is appended to the group's classes.
+ */
+function SmartInputImage(props) {
+    const { className } = props;
+    const t = (0, hooks_1.useTranslate)();
+    const { control, value, required, label, inputRef, loading, percent, onFileChange, addButtonOptions, deleteButtonOptions, imageUrl, } = (0, use_input_image_1.useInputImage)(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: (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 && ((0, jsx_runtime_1.jsx)(button_1.SmartButton, { options: deleteButtonOptions, children: t('delete') })), loading && ((0, jsx_runtime_1.jsx)("div", { className: "smart:h-1 smart:w-24 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-indigo-600", style: { width: `${percent ?? 0}%` } }) })), imageUrl && ((0, jsx_runtime_1.jsx)("img", { src: imageUrl, className: "smart:max-h-96 smart:max-w-full smart:rounded smart:border smart:border-gray-300 smart:dark:border-gray-600" })), (0, jsx_runtime_1.jsx)("input", { id: id, ref: inputRef, type: "file", accept: ".jpg,.png,.jpeg", hidden: true, onChange: onFileChange })] })] }));
+}
+//# sourceMappingURL=input-image.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-image.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/input/image/input-image.tsx"],"names":[],"mappings":";;AA+BA,0CA0DC;;AAzFD,iCAA8B;AAE9B,oDAAwD;AACxD,4DAAgD;AAChD,gDAAkD;AAElD,uDAAkD;AAElD,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;IACf,iBAAiB;CAClB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ;;;;;;GAMG;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,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,EACnB,QAAQ,GACT,GAAG,IAAA,+BAAa,EAAC,KAAK,CAAC,CAAC;IACzB,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,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,IAAI,CACR,uBAAC,oBAAW,IAAC,OAAO,EAAE,mBAAmB,YAAG,CAAC,CAAC,QAAQ,CAAC,GAAe,CACvE,EACA,OAAO,IAAI,CACV,gCAAK,SAAS,EAAC,mGAAmG,YAChH,gCACE,SAAS,EAAC,kCAAkC,EAC5C,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,OAAO,IAAI,CAAC,GAAG,EAAE,GACpC,GACE,CACP,EACA,QAAQ,IAAI,CACX,gCACE,GAAG,EAAE,QAAQ,EACb,SAAS,EAAC,6GAA6G,GACvH,CACH,EACD,kCACE,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,iBAAiB,EACxB,MAAM,QACN,QAAQ,EAAE,YAAY,GACtB,IACE,IACL,CACJ,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,8 @@
+import { SmartInputFieldProps } from '../../input.types';
+/**
+ * Styled `image` field (preset, the Angular `InputImagePresetComponent`):
+ * the behaviour of {@link SmartInputImage} with a Preline card-style image
+ * preview and a blue progress bar. `className` is appended to the group's
+ * classes.
+ */
+export declare function SmartInputImagePreset<T>(props: SmartInputFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartInputImagePreset = SmartInputImagePreset;
+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_image_1 = require("../use-input-image");
+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',
+    'smart:flex-wrap',
+].join(' ');
+const IMAGE_CLASSES = [
+    // Preline image preview (FRA-263): w-56 h-auto + card-style framing
+    'smart:w-56',
+    'smart:h-auto',
+    'smart:rounded-lg',
+    'smart:border',
+    'smart:border-gray-200',
+    'smart:dark:border-gray-700',
+].join(' ');
+/**
+ * Styled `image` field (preset, the Angular `InputImagePresetComponent`):
+ * the behaviour of {@link SmartInputImage} with a Preline card-style image
+ * preview and a blue progress bar. `className` is appended to the group's
+ * classes.
+ */
+function SmartInputImagePreset(props) {
+    const { className } = props;
+    const t = (0, hooks_1.useTranslate)();
+    const { control, value, required, label, inputRef, loading, percent, onFileChange, addButtonOptions, deleteButtonOptions, imageUrl, } = (0, use_input_image_1.useInputImage)(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: (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 && ((0, jsx_runtime_1.jsx)(button_1.SmartButton, { options: deleteButtonOptions, children: t('delete') })), loading && ((0, jsx_runtime_1.jsx)("div", { className: "smart:h-1 smart:w-24 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}%` } }) })), imageUrl && (0, jsx_runtime_1.jsx)("img", { src: imageUrl, className: IMAGE_CLASSES, alt: "" }), (0, jsx_runtime_1.jsx)("input", { id: id, ref: inputRef, type: "file", accept: ".jpg,.png,.jpeg", hidden: true, onChange: onFileChange })] })] }));
+}
+//# sourceMappingURL=input-image-preset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-image-preset.js","sourceRoot":"","sources":["../../../../../../../../../../packages/shared/react/src/lib/components/input/image/preset/input-image-preset.tsx"],"names":[],"mappings":";;AAwCA,sDAqDC;;AA7FD,iCAA8B;AAE9B,uDAA2D;AAC3D,+DAAmD;AACnD,mDAAqD;AAErD,wDAAmD;AAEnD,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;IACf,iBAAiB;CAClB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,aAAa,GAAG;IACpB,oEAAoE;IACpE,YAAY;IACZ,cAAc;IACd,kBAAkB;IAClB,cAAc;IACd,uBAAuB;IACvB,4BAA4B;CAC7B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ;;;;;GAKG;AACH,SAAgB,qBAAqB,CAAI,KAA8B;IACrE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,CAAC,GAAG,IAAA,oBAAY,GAAE,CAAC;IACzB,MAAM,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,EACnB,QAAQ,GACT,GAAG,IAAA,+BAAa,EAAC,KAAK,CAAC,CAAC;IACzB,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,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,IAAI,CACR,uBAAC,oBAAW,IAAC,OAAO,EAAE,mBAAmB,YAAG,CAAC,CAAC,QAAQ,CAAC,GAAe,CACvE,EACA,OAAO,IAAI,CACV,gCAAK,SAAS,EAAC,mGAAmG,YAChH,gCACE,SAAS,EAAC,uDAAuD,EACjE,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,OAAO,IAAI,CAAC,GAAG,EAAE,GACpC,GACE,CACP,EACA,QAAQ,IAAI,gCAAK,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,EAAC,EAAE,GAAG,EACpE,kCACE,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,iBAAiB,EACxB,MAAM,QACN,QAAQ,EAAE,YAAY,GACtB,IACE,IACL,CACJ,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,33 @@
+import { SmartAbstractControl } from '../../../forms/abstract-control';
+import { SmartInputFieldProps } from '../input.types';
+/**
+ * {@link useInput} and {@link useInputFile} plus the preview of the image
+ * fields (the `imageUrl` of the Angular `InputImageComponent` and the logo
+ * preset): the URL of the attachment in the value, set at once and then
+ * again a second after the value stops changing.
+ */
+export declare function useInputImage<T>(props: SmartInputFieldProps<T>): {
+    imageUrl: string | null;
+    inputRef: import("react").RefObject<HTMLInputElement | null>;
+    loading: boolean;
+    percent: number | undefined;
+    file: File | null;
+    onFileChange: (event: import("react").ChangeEvent<HTMLInputElement>) => void;
+    addButtonOptions: import("../../../models").IButtonOptions;
+    showButtonOptions: import("../../../models").IButtonOptions;
+    deleteButtonOptions: import("../../../models").IButtonOptions;
+    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/image/use-input-image.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInputImage = useInputImage;
+const react_1 = require("react");
+const smart_context_1 = require("../../../providers/smart-context");
+const use_input_1 = require("../base/use-input");
+const use_input_file_1 = require("../base/use-input-file");
+/** How long the preview waits for the value to settle (`debounceTime(1000)`). */
+const IMAGE_DEBOUNCE_TIME = 1000;
+function getImageUrl(control, fileService) {
+    return control?.value
+        ? (fileService?.getUrl(control.value.id) ?? null)
+        : null;
+}
+/**
+ * {@link useInput} and {@link useInputFile} plus the preview of the image
+ * fields (the `imageUrl` of the Angular `InputImageComponent` and the logo
+ * preset): the URL of the attachment in the value, set at once and then
+ * again a second after the value stops changing.
+ */
+function useInputImage(props) {
+    const input = (0, use_input_1.useInput)(props);
+    const file = (0, use_input_file_1.useInputFile)(props);
+    const { fileService } = (0, smart_context_1.useSmart)();
+    const { control } = input;
+    const [imageUrl, setImageUrl] = (0, react_1.useState)(() => getImageUrl(control, fileService));
+    (0, react_1.useEffect)(() => {
+        if (!control)
+            return undefined;
+        setImageUrl(getImageUrl(control, fileService));
+        let timer;
+        const subscription = control.valueChanges.subscribe(() => {
+            clearTimeout(timer);
+            timer = setTimeout(() => setImageUrl(getImageUrl(control, fileService)), IMAGE_DEBOUNCE_TIME);
+        });
+        return () => {
+            subscription.unsubscribe();
+            clearTimeout(timer);
+        };
+    }, [control, fileService]);
+    return { ...input, ...file, imageUrl };
+}
+//# sourceMappingURL=use-input-image.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-input-image.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/input/image/use-input-image.ts"],"names":[],"mappings":";;AA2BA,sCA8BC;AAzDD,iCAA4C;AAG5C,oEAA4D;AAE5D,iDAA6C;AAC7C,2DAAsD;AAGtD,iFAAiF;AACjF,MAAM,mBAAmB,GAAG,IAAI,CAAC;AAEjC,SAAS,WAAW,CAClB,OAAoC,EACpC,WAA+B;IAE/B,OAAO,OAAO,EAAE,KAAK;QACnB,CAAC,CAAC,CAAC,WAAW,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC;QACjD,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;AAED;;;;;GAKG;AACH,SAAgB,aAAa,CAAI,KAA8B;IAC7D,MAAM,KAAK,GAAG,IAAA,oBAAQ,EAAC,KAAK,CAAC,CAAC;IAC9B,MAAM,IAAI,GAAG,IAAA,6BAAY,EAAC,KAAK,CAAC,CAAC;IACjC,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,wBAAQ,GAAE,CAAC;IACnC,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAC1B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAgB,GAAG,EAAE,CAC3D,WAAW,CAAC,OAAO,EAAE,WAAW,CAAC,CAClC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO;YAAE,OAAO,SAAS,CAAC;QAE/B,WAAW,CAAC,WAAW,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC;QAE/C,IAAI,KAAgD,CAAC;QACrD,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,GAAG,EAAE;YACvD,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,KAAK,GAAG,UAAU,CAChB,GAAG,EAAE,CAAC,WAAW,CAAC,WAAW,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC,EACpD,mBAAmB,CACpB,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,WAAW,EAAE,CAAC;YAC3B,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC;IAE3B,OAAO,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,EAAE,QAAQ,EAAE,CAAC;AACzC,CAAC"}

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

@@ -0,0 +1,37 @@
+export * from './address';
+export * from './array';
+export * from './attachment';
+export * from './base';
+export * from './check';
+export * from './color';
+export * from './currency';
+export * from './date';
+export * from './date-range';
+export * from './date-with-edit';
+export * from './default-field-components';
+export * from './email';
+export * from './enum';
+export * from './error';
+export * from './field-options';
+export * from './file';
+export * from './flag';
+export * from './float';
+export * from './image';
+export * from './input';
+export * from './input.types';
+export * from './int';
+export * from './ints';
+export * from './logo';
+export * from './long-text';
+export * from './nip';
+export * from './object';
+export * from './password';
+export * from './pdf';
+export * from './pesel';
+export * from './phone-number';
+export * from './phone-number-pl';
+export * from './preset-fields';
+export * from './radio';
+export * from './strings';
+export * from './text';
+export * from './video';

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

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./address"), exports);
+tslib_1.__exportStar(require("./array"), exports);
+tslib_1.__exportStar(require("./attachment"), exports);
+tslib_1.__exportStar(require("./base"), exports);
+tslib_1.__exportStar(require("./check"), exports);
+tslib_1.__exportStar(require("./color"), exports);
+tslib_1.__exportStar(require("./currency"), exports);
+tslib_1.__exportStar(require("./date"), exports);
+tslib_1.__exportStar(require("./date-range"), exports);
+tslib_1.__exportStar(require("./date-with-edit"), exports);
+tslib_1.__exportStar(require("./default-field-components"), exports);
+tslib_1.__exportStar(require("./email"), exports);
+tslib_1.__exportStar(require("./enum"), exports);
+tslib_1.__exportStar(require("./error"), exports);
+tslib_1.__exportStar(require("./field-options"), exports);
+tslib_1.__exportStar(require("./file"), exports);
+tslib_1.__exportStar(require("./flag"), exports);
+tslib_1.__exportStar(require("./float"), exports);
+tslib_1.__exportStar(require("./image"), exports);
+tslib_1.__exportStar(require("./input"), exports);
+tslib_1.__exportStar(require("./input.types"), exports);
+tslib_1.__exportStar(require("./int"), exports);
+tslib_1.__exportStar(require("./ints"), exports);
+tslib_1.__exportStar(require("./logo"), exports);
+tslib_1.__exportStar(require("./long-text"), exports);
+tslib_1.__exportStar(require("./nip"), exports);
+tslib_1.__exportStar(require("./object"), exports);
+tslib_1.__exportStar(require("./password"), exports);
+tslib_1.__exportStar(require("./pdf"), exports);
+tslib_1.__exportStar(require("./pesel"), exports);
+tslib_1.__exportStar(require("./phone-number"), exports);
+tslib_1.__exportStar(require("./phone-number-pl"), exports);
+tslib_1.__exportStar(require("./preset-fields"), exports);
+tslib_1.__exportStar(require("./radio"), exports);
+tslib_1.__exportStar(require("./strings"), exports);
+tslib_1.__exportStar(require("./text"), exports);
+tslib_1.__exportStar(require("./video"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/input/index.ts"],"names":[],"mappings":";;;AAAA,oDAA0B;AAC1B,kDAAwB;AACxB,uDAA6B;AAC7B,iDAAuB;AACvB,kDAAwB;AACxB,kDAAwB;AACxB,qDAA2B;AAC3B,iDAAuB;AACvB,uDAA6B;AAC7B,2DAAiC;AACjC,qEAA2C;AAC3C,kDAAwB;AACxB,iDAAuB;AACvB,kDAAwB;AACxB,0DAAgC;AAChC,iDAAuB;AACvB,iDAAuB;AACvB,kDAAwB;AACxB,kDAAwB;AACxB,kDAAwB;AACxB,wDAA8B;AAC9B,gDAAsB;AACtB,iDAAuB;AACvB,iDAAuB;AACvB,sDAA4B;AAC5B,gDAAsB;AACtB,mDAAyB;AACzB,qDAA2B;AAC3B,gDAAsB;AACtB,kDAAwB;AACxB,yDAA+B;AAC/B,4DAAkC;AAClC,0DAAgC;AAChC,kDAAwB;AACxB,oDAA0B;AAC1B,iDAAuB;AACvB,kDAAwB"}

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

@@ -0,0 +1,13 @@
+import { SmartInputProps } from './input.types';
+/**
+ * `<smart-input>`: renders the field component of the control's field type
+ * (or `options.component`), with the field's info tooltip, a loader while an
+ * async validator runs, and the validation messages once the control is
+ * touched.
+ *
+ * Field components are resolved from `inputFieldComponents` on
+ * `SmartProvider` (the Angular `INPUT_FIELD_COMPONENTS_TOKEN`) over the
+ * library's own; register `INPUT_PRESET_FIELD_COMPONENTS` there for the
+ * preset look. The messages render through `components['input-error']`.
+ */
+export declare function SmartInput<T>({ options, className }: SmartInputProps<T>): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartInput = SmartInput;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const default_field_components_1 = require("./default-field-components");
+const hooks_1 = require("../../forms/hooks");
+const hooks_2 = require("../../providers/hooks");
+const info_1 = require("../info/info");
+const loader_1 = require("../loader/loader");
+const input_error_1 = require("./error/input-error");
+const field_options_1 = require("./field-options");
+/**
+ * `<smart-input>`: renders the field component of the control's field type
+ * (or `options.component`), with the field's info tooltip, a loader while an
+ * async validator runs, and the validation messages once the control is
+ * touched.
+ *
+ * Field components are resolved from `inputFieldComponents` on
+ * `SmartProvider` (the Angular `INPUT_FIELD_COMPONENTS_TOKEN`) over the
+ * library's own; register `INPUT_PRESET_FIELD_COMPONENTS` there for the
+ * preset look. The messages render through `components['input-error']`.
+ */
+function SmartInput({ options, className }) {
+    const control = options?.control ?? null;
+    const state = (0, hooks_1.useControlState)(control);
+    const fieldComponents = (0, hooks_2.useInputFieldComponents)((0, default_field_components_1.getDefaultInputFieldComponents)());
+    const ErrorComponent = (0, hooks_2.useSmartComponent)('input-error', input_error_1.SmartInputError);
+    const fieldOptions = (0, react_1.useMemo)(() => (0, field_options_1.resolveInputFieldOptions)(options), 
+    // The resolved options only depend on these three.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [options?.model, options?.fieldKey, options?.mode]);
+    if (fieldOptions?.hide)
+        return null;
+    const type = fieldOptions?.type;
+    const Component = options?.component ?? (type ? fieldComponents[type] : undefined) ?? null;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "smart:relative", children: [fieldOptions?.info && ((0, jsx_runtime_1.jsx)("div", { className: "smart:absolute smart:right-0 smart:top-0", children: (0, jsx_runtime_1.jsx)(info_1.SmartInfo, { options: { text: fieldOptions.info ?? '' } }) })), (0, jsx_runtime_1.jsx)(loader_1.SmartLoader, { show: state?.status === 'PENDING' }), Component && ((0, jsx_runtime_1.jsx)(Component, { options: options, fieldOptions: fieldOptions, className: className }))] }), state?.errors && state.touched && ((0, jsx_runtime_1.jsx)(ErrorComponent, { errors: state.errors }))] }));
+}
+//# sourceMappingURL=input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/input/input.tsx"],"names":[],"mappings":";;AAyBA,gCA2CC;;AApED,iCAAgC;AAEhC,yEAA4E;AAC5E,6CAAoD;AACpD,iDAG+B;AAC/B,uCAAyC;AACzC,6CAA+C;AAC/C,qDAAsD;AACtD,mDAA2D;AAG3D;;;;;;;;;;GAUG;AACH,SAAgB,UAAU,CAAI,EAAE,OAAO,EAAE,SAAS,EAAsB;IACtE,MAAM,OAAO,GAAG,OAAO,EAAE,OAAO,IAAI,IAAI,CAAC;IACzC,MAAM,KAAK,GAAG,IAAA,uBAAe,EAAC,OAAO,CAAC,CAAC;IACvC,MAAM,eAAe,GAAG,IAAA,+BAAuB,EAC7C,IAAA,yDAA8B,GAAE,CACjC,CAAC;IACF,MAAM,cAAc,GAAG,IAAA,yBAAiB,EAAC,aAAa,EAAE,6BAAe,CAAC,CAAC;IAEzE,MAAM,YAAY,GAAG,IAAA,eAAO,EAC1B,GAAG,EAAE,CAAC,IAAA,wCAAwB,EAAC,OAAO,CAAC;IACvC,mDAAmD;IACnD,uDAAuD;IACvD,CAAC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,CAAC,CACnD,CAAC;IAEF,IAAI,YAAY,EAAE,IAAI;QAAE,OAAO,IAAI,CAAC;IAEpC,MAAM,IAAI,GAAG,YAAY,EAAE,IAAI,CAAC;IAChC,MAAM,SAAS,GACb,OAAO,EAAE,SAAS,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC;IAE3E,OAAO,CACL,6DACE,iCAAK,SAAS,EAAC,gBAAgB,aAC5B,YAAY,EAAE,IAAI,IAAI,CACrB,gCAAK,SAAS,EAAC,0CAA0C,YACvD,uBAAC,gBAAS,IAAC,OAAO,EAAE,EAAE,IAAI,EAAE,YAAY,CAAC,IAAI,IAAI,EAAE,EAAE,GAAI,GACrD,CACP,EACD,uBAAC,oBAAW,IAAC,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,GAAI,EACjD,SAAS,IAAI,CACZ,uBAAC,SAAS,IACR,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,GACpB,CACH,IACG,EACL,KAAK,EAAE,MAAM,IAAI,KAAK,CAAC,OAAO,IAAI,CACjC,uBAAC,cAAc,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,GAAI,CACzC,IACA,CACJ,CAAC;AACJ,CAAC"}