@redneckz/wildless-cms-uni-blocks 0.14.1043 → 0.14.1044
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundle/bundle.umd.js +4 -4
- package/bundle/bundle.umd.min.js +1 -1
- package/bundle/model/FormTypeFieldDef.d.ts +1 -1
- package/dist/model/FormTypeFieldDef.d.ts +1 -1
- package/dist/ui-kit/DatePicker/renderDatePickerForm.js +1 -1
- package/dist/ui-kit/DatePicker/renderDatePickerForm.js.map +1 -1
- package/dist/ui-kit/Input/Input.js +2 -2
- package/dist/ui-kit/Input/Input.js.map +1 -1
- package/lib/components/ApplicationForm/ApplicationForm.fixture.d.ts +2 -0
- package/lib/components/ApplicationForm/ApplicationForm.fixture.mobile.d.ts +1 -0
- package/lib/model/FormTypeFieldDef.d.ts +1 -1
- package/lib/ui-kit/DatePicker/renderDatePickerForm.js +1 -1
- package/lib/ui-kit/DatePicker/renderDatePickerForm.js.map +1 -1
- package/lib/ui-kit/Input/Input.js +2 -2
- package/lib/ui-kit/Input/Input.js.map +1 -1
- package/mobile/bundle/bundle.umd.js +4 -4
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/bundle/model/FormTypeFieldDef.d.ts +1 -1
- package/mobile/dist/model/FormTypeFieldDef.d.ts +1 -1
- package/mobile/dist/ui-kit/DatePicker/renderDatePickerForm.js +1 -1
- package/mobile/dist/ui-kit/DatePicker/renderDatePickerForm.js.map +1 -1
- package/mobile/dist/ui-kit/Input/Input.js +2 -2
- package/mobile/dist/ui-kit/Input/Input.js.map +1 -1
- package/mobile/lib/model/FormTypeFieldDef.d.ts +1 -1
- package/mobile/lib/ui-kit/DatePicker/renderDatePickerForm.js +1 -1
- package/mobile/lib/ui-kit/DatePicker/renderDatePickerForm.js.map +1 -1
- package/mobile/lib/ui-kit/Input/Input.js +2 -2
- package/mobile/lib/ui-kit/Input/Input.js.map +1 -1
- package/mobile/src/components/ApplicationForm/ApplicationForm.example.json +50 -0
- package/mobile/src/model/FormTypeFieldDef.ts +2 -1
- package/mobile/src/ui-kit/DatePicker/renderDatePickerForm.tsx +1 -1
- package/mobile/src/ui-kit/Input/Input.tsx +2 -0
- package/package.json +1 -1
- package/src/components/ApplicationForm/ApplicationForm.example.json +50 -0
- package/src/components/ApplicationForm/ApplicationForm.fixture.mobile.tsx +53 -0
- package/src/components/ApplicationForm/ApplicationForm.fixture.tsx +55 -0
- package/src/model/FormTypeFieldDef.ts +2 -1
- package/src/ui-kit/DatePicker/renderDatePickerForm.tsx +1 -1
- package/src/ui-kit/Input/Input.tsx +2 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/** @hidden */
|
|
2
|
-
export declare type FormTypeFieldDef = '' | 'ACQR' | 'ANALITIC' | 'ANTIFRAUD' | 'BCRD' | 'BROK' | 'BROKACCOUNT' | 'COLLECTION' | 'CORRUPTION' | 'CRED' | 'DPST' | 'PRODUCT' | 'SELFCOLLECTION' | 'KVED' | 'ULTRASERVICE' | 'FEEDBACK' | 'FEEDBACK_QS' | 'OUTSERVICE' | 'FCB' | 'CREDL' | 'CONT' | 'SUPPORT' | 'INVESTADVISER' | 'FINOMBUDSMAN' | 'PF' | 'UNIVERSAL' | 'PRACTICE' | 'CALC' | 'REF';
|
|
2
|
+
export declare type FormTypeFieldDef = '' | 'ACQR' | 'ANALITIC' | 'ANTIFRAUD' | 'BCRD' | 'BROK' | 'BROKACCOUNT' | 'COLLECTION' | 'CORRUPTION' | 'CRED' | 'DPST' | 'PRODUCT' | 'SELFCOLLECTION' | 'KVED' | 'ULTRASERVICE' | 'FEEDBACK' | 'FEEDBACK_QS' | 'OUTSERVICE' | 'FCB' | 'CREDL' | 'CONT' | 'SUPPORT' | 'INVESTADVISER' | 'FINOMBUDSMAN' | 'PF' | 'UNIVERSAL' | 'PRACTICE' | 'CALC' | 'REF' | 'YPR';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/** @hidden */
|
|
2
|
-
export declare type FormTypeFieldDef = '' | 'ACQR' | 'ANALITIC' | 'ANTIFRAUD' | 'BCRD' | 'BROK' | 'BROKACCOUNT' | 'COLLECTION' | 'CORRUPTION' | 'CRED' | 'DPST' | 'PRODUCT' | 'SELFCOLLECTION' | 'KVED' | 'ULTRASERVICE' | 'FEEDBACK' | 'FEEDBACK_QS' | 'OUTSERVICE' | 'FCB' | 'CREDL' | 'CONT' | 'SUPPORT' | 'INVESTADVISER' | 'FINOMBUDSMAN' | 'PF' | 'UNIVERSAL' | 'PRACTICE' | 'CALC' | 'REF';
|
|
2
|
+
export declare type FormTypeFieldDef = '' | 'ACQR' | 'ANALITIC' | 'ANTIFRAUD' | 'BCRD' | 'BROK' | 'BROKACCOUNT' | 'COLLECTION' | 'CORRUPTION' | 'CRED' | 'DPST' | 'PRODUCT' | 'SELFCOLLECTION' | 'KVED' | 'ULTRASERVICE' | 'FEEDBACK' | 'FEEDBACK_QS' | 'OUTSERVICE' | 'FCB' | 'CREDL' | 'CONT' | 'SUPPORT' | 'INVESTADVISER' | 'FINOMBUDSMAN' | 'PF' | 'UNIVERSAL' | 'PRACTICE' | 'CALC' | 'REF' | 'YPR';
|
|
@@ -4,7 +4,7 @@ const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
|
|
|
4
4
|
const formatDate_1 = require("../../utils/formatDate");
|
|
5
5
|
const style_1 = require("../../utils/style");
|
|
6
6
|
const DatePickerInput_1 = require("./DatePickerInput");
|
|
7
|
-
const formStyle = 'flex justify-between items-center h-14 border rounded-md cursor-pointer ' +
|
|
7
|
+
const formStyle = 'flex justify-between items-center h-14 border rounded-md cursor-pointer overflow-hidden ' +
|
|
8
8
|
'hover:border-black active:border-black focus:border-black';
|
|
9
9
|
const renderDatePickerForm = ({ handleChangeVisibleCalendar, value, valid, onChange, setSelectedMonth, setSelectedYear, disabled = false, name, }) => ((0, jsx_runtime_1.jsx)(DatePickerInput_1.DatePickerInput, { onChange: onChange, disabled: disabled, onClick: handleChangeVisibleCalendar, value: value && (0, formatDate_1.formatDate)(value), setSelectedMonth: setSelectedMonth, setSelectedYear: setSelectedYear, className: (0, style_1.style)(formStyle, valid ? 'border-gray' : 'border-error'), name: name }));
|
|
10
10
|
exports.renderDatePickerForm = renderDatePickerForm;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderDatePickerForm.js","sourceRoot":"","sources":["../../../src/ui-kit/DatePicker/renderDatePickerForm.tsx"],"names":[],"mappings":";;;AAEA,uDAAoD;AACpD,6CAA0C;AAC1C,uDAAoD;AAEpD,MAAM,SAAS,GACb,
|
|
1
|
+
{"version":3,"file":"renderDatePickerForm.js","sourceRoot":"","sources":["../../../src/ui-kit/DatePicker/renderDatePickerForm.tsx"],"names":[],"mappings":";;;AAEA,uDAAoD;AACpD,6CAA0C;AAC1C,uDAAoD;AAEpD,MAAM,SAAS,GACb,0FAA0F;IAC1F,2DAA2D,CAAC;AAEvD,MAAM,oBAAoB,GAAG,CAAC,EACnC,2BAA2B,EAC3B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,eAAe,EACf,QAAQ,GAAG,KAAK,EAChB,IAAI,GAQH,EAAE,EAAE,CAAC,CACN,uBAAC,iCAAe,IACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,2BAA2B,EACpC,KAAK,EAAE,KAAK,IAAI,IAAA,uBAAU,EAAC,KAAK,CAAC,EACjC,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,IAAA,aAAK,EAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,CAAC,EACnE,IAAI,EAAE,IAAI,GACO,CACpB,CAAC;AA3BW,QAAA,oBAAoB,wBA2B/B"}
|
|
@@ -9,7 +9,7 @@ const renderLabel_1 = require("./renderLabel");
|
|
|
9
9
|
const styles_1 = require("./styles");
|
|
10
10
|
exports.Input = (0, uni_jsx_1.JSX)(
|
|
11
11
|
// eslint-disable-next-line max-lines-per-function
|
|
12
|
-
({ key, className, id, name, type = 'text', label, placeholder, value = '', valid = true, pattern, autoFocus = false, isTextarea = false, disabled = false, children, onChange, onFocus, onBlur, }) => {
|
|
12
|
+
({ key, className, id, name, type = 'text', maxLength, label, placeholder, value = '', valid = true, pattern, autoFocus = false, isTextarea = false, disabled = false, children, onChange, onFocus, onBlur, }) => {
|
|
13
13
|
const inputRef = (0, hooks_1.useRef)(null);
|
|
14
14
|
const handleChange = (0, hooks_1.useCallback)((e) => {
|
|
15
15
|
const valueWithoutSpace = (e.target?.value ?? '').trimStart();
|
|
@@ -23,6 +23,6 @@ exports.Input = (0, uni_jsx_1.JSX)(
|
|
|
23
23
|
const paddingStyle = children ? 'pr-3xl' : '';
|
|
24
24
|
const validStyle = (0, getValidStyle_1.getValidStyle)(valid);
|
|
25
25
|
const ariaLabel = label ?? name ?? id;
|
|
26
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('relative', className), children: [(0, jsx_runtime_1.jsxs)("label", { className: "space-y-xs", children: [(0, renderLabel_1.renderLabel)(label), isTextarea ? ((0, jsx_runtime_1.jsx)("textarea", { className: (0, style_1.style)('block resize-y min-h-24', styles_1.defaultStyle, validStyle), id: (0, style_1.style)('textarea', id), value: value, name: name || id, placeholder: placeholder, disabled: disabled, "aria-label": ariaLabel, onChange: handleChange, onFocus: onFocus, onBlur: onBlur }, key)) : ((0, jsx_runtime_1.jsx)("input", { ref: inputRef, className: (0, style_1.style)('h-14', styles_1.defaultStyle, paddingStyle, validStyle), id: id, type: type, value: value, name: name || id, placeholder: placeholder, pattern: pattern, disabled: disabled, "aria-label": ariaLabel, onChange: handleChange, onFocus: onFocus, onBlur: onBlur, "data-test-id": name }, key))] }), children] }));
|
|
26
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: (0, style_1.style)('relative', className), children: [(0, jsx_runtime_1.jsxs)("label", { className: "space-y-xs", children: [(0, renderLabel_1.renderLabel)(label), isTextarea ? ((0, jsx_runtime_1.jsx)("textarea", { className: (0, style_1.style)('block resize-y min-h-24', styles_1.defaultStyle, validStyle), id: (0, style_1.style)('textarea', id), value: value, name: name || id, placeholder: placeholder, disabled: disabled, "aria-label": ariaLabel, onChange: handleChange, onFocus: onFocus, onBlur: onBlur, maxlength: maxLength }, key)) : ((0, jsx_runtime_1.jsx)("input", { ref: inputRef, className: (0, style_1.style)('h-14', styles_1.defaultStyle, paddingStyle, validStyle), id: id, type: type, value: value, name: name || id, placeholder: placeholder, pattern: pattern, disabled: disabled, "aria-label": ariaLabel, onChange: handleChange, onFocus: onFocus, onBlur: onBlur, "data-test-id": name }, key))] }), children] }));
|
|
27
27
|
});
|
|
28
28
|
//# sourceMappingURL=Input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/ui-kit/Input/Input.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAA6E;AAC7E,6CAA0C;AAC1C,mDAAgD;AAEhD,+CAA4C;AAC5C,qCAAwC;AAE3B,QAAA,KAAK,GAAG,IAAA,aAAG;AACtB,kDAAkD;AAClD,CAAC,EACC,GAAG,EACH,SAAS,EACT,EAAE,EACF,IAAI,EACJ,IAAI,GAAG,MAAM,EACb,KAAK,EACL,WAAW,EACX,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,IAAI,EACZ,OAAO,EACP,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,MAAM,GACP,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,IAAA,cAAM,EAA0B,IAAI,CAAC,CAAC;IAEvD,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,CAAC,CAAkC,EAAE,EAAE;QACrC,MAAM,iBAAiB,GAAG,CAAC,CAAC,CAAC,MAAM,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,SAAS,EAAE,CAAC;QAC9D,QAAQ,IAAI,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IAC1C,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,SAAS,EAAE;YACb,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;SAC3B;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE1B,MAAM,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9C,MAAM,UAAU,GAAG,IAAA,6BAAa,EAAC,KAAK,CAAC,CAAC;IACxC,MAAM,SAAS,GAAG,KAAK,IAAI,IAAI,IAAI,EAAE,CAAC;IAEtC,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,aAAK,EAAC,UAAU,EAAE,SAAS,CAAC,aAC1C,mCAAO,SAAS,EAAC,YAAY,aAC1B,IAAA,yBAAW,EAAC,KAAK,CAAC,EAClB,UAAU,CAAC,CAAC,CAAC,CACZ,qCACE,SAAS,EAAE,IAAA,aAAK,EAAC,yBAAyB,EAAE,qBAAY,EAAE,UAAU,CAAC,EACrE,EAAE,EAAE,IAAA,aAAK,EAAC,UAAU,EAAE,EAAE,CAAC,EAEzB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,IAAI,EAAE,EAChB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,gBACN,SAAS,EACrB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/ui-kit/Input/Input.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uDAA6E;AAC7E,6CAA0C;AAC1C,mDAAgD;AAEhD,+CAA4C;AAC5C,qCAAwC;AAE3B,QAAA,KAAK,GAAG,IAAA,aAAG;AACtB,kDAAkD;AAClD,CAAC,EACC,GAAG,EACH,SAAS,EACT,EAAE,EACF,IAAI,EACJ,IAAI,GAAG,MAAM,EACb,SAAS,EACT,KAAK,EACL,WAAW,EACX,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,IAAI,EACZ,OAAO,EACP,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,MAAM,GACP,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,IAAA,cAAM,EAA0B,IAAI,CAAC,CAAC;IAEvD,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,CAAC,CAAkC,EAAE,EAAE;QACrC,MAAM,iBAAiB,GAAG,CAAC,CAAC,CAAC,MAAM,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,SAAS,EAAE,CAAC;QAC9D,QAAQ,IAAI,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IAC1C,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,SAAS,EAAE;YACb,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;SAC3B;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE1B,MAAM,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9C,MAAM,UAAU,GAAG,IAAA,6BAAa,EAAC,KAAK,CAAC,CAAC;IACxC,MAAM,SAAS,GAAG,KAAK,IAAI,IAAI,IAAI,EAAE,CAAC;IAEtC,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,aAAK,EAAC,UAAU,EAAE,SAAS,CAAC,aAC1C,mCAAO,SAAS,EAAC,YAAY,aAC1B,IAAA,yBAAW,EAAC,KAAK,CAAC,EAClB,UAAU,CAAC,CAAC,CAAC,CACZ,qCACE,SAAS,EAAE,IAAA,aAAK,EAAC,yBAAyB,EAAE,qBAAY,EAAE,UAAU,CAAC,EACrE,EAAE,EAAE,IAAA,aAAK,EAAC,UAAU,EAAE,EAAE,CAAC,EAEzB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,IAAI,EAAE,EAChB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,gBACN,SAAS,EACrB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,IATf,GAAG,CAUR,CACH,CAAC,CAAC,CAAC,CACF,kCACE,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,IAAA,aAAK,EAAC,MAAM,EAAE,qBAAY,EAAE,YAAY,EAAE,UAAU,CAAC,EAChE,EAAE,EAAE,EAAE,EAEN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,IAAI,EAAE,EAChB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,gBACN,SAAS,EACrB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,kBACA,IAAI,IAXb,GAAG,CAYR,CACH,IACK,EACP,QAAQ,IACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/** @hidden */
|
|
2
|
-
export declare type FormTypeFieldDef = '' | 'ACQR' | 'ANALITIC' | 'ANTIFRAUD' | 'BCRD' | 'BROK' | 'BROKACCOUNT' | 'COLLECTION' | 'CORRUPTION' | 'CRED' | 'DPST' | 'PRODUCT' | 'SELFCOLLECTION' | 'KVED' | 'ULTRASERVICE' | 'FEEDBACK' | 'FEEDBACK_QS' | 'OUTSERVICE' | 'FCB' | 'CREDL' | 'CONT' | 'SUPPORT' | 'INVESTADVISER' | 'FINOMBUDSMAN' | 'PF' | 'UNIVERSAL' | 'PRACTICE' | 'CALC' | 'REF';
|
|
2
|
+
export declare type FormTypeFieldDef = '' | 'ACQR' | 'ANALITIC' | 'ANTIFRAUD' | 'BCRD' | 'BROK' | 'BROKACCOUNT' | 'COLLECTION' | 'CORRUPTION' | 'CRED' | 'DPST' | 'PRODUCT' | 'SELFCOLLECTION' | 'KVED' | 'ULTRASERVICE' | 'FEEDBACK' | 'FEEDBACK_QS' | 'OUTSERVICE' | 'FCB' | 'CREDL' | 'CONT' | 'SUPPORT' | 'INVESTADVISER' | 'FINOMBUDSMAN' | 'PF' | 'UNIVERSAL' | 'PRACTICE' | 'CALC' | 'REF' | 'YPR';
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
|
|
|
2
2
|
import { formatDate } from '../../utils/formatDate.js';
|
|
3
3
|
import { style } from '../../utils/style.js';
|
|
4
4
|
import { DatePickerInput } from './DatePickerInput.js';
|
|
5
|
-
const formStyle = 'flex justify-between items-center h-14 border rounded-md cursor-pointer ' +
|
|
5
|
+
const formStyle = 'flex justify-between items-center h-14 border rounded-md cursor-pointer overflow-hidden ' +
|
|
6
6
|
'hover:border-black active:border-black focus:border-black';
|
|
7
7
|
export const renderDatePickerForm = ({ handleChangeVisibleCalendar, value, valid, onChange, setSelectedMonth, setSelectedYear, disabled = false, name, }) => (_jsx(DatePickerInput, { onChange: onChange, disabled: disabled, onClick: handleChangeVisibleCalendar, value: value && formatDate(value), setSelectedMonth: setSelectedMonth, setSelectedYear: setSelectedYear, className: style(formStyle, valid ? 'border-gray' : 'border-error'), name: name }));
|
|
8
8
|
//# sourceMappingURL=renderDatePickerForm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderDatePickerForm.js","sourceRoot":"","sources":["../../../src/ui-kit/DatePicker/renderDatePickerForm.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,SAAS,GACb,
|
|
1
|
+
{"version":3,"file":"renderDatePickerForm.js","sourceRoot":"","sources":["../../../src/ui-kit/DatePicker/renderDatePickerForm.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,SAAS,GACb,0FAA0F;IAC1F,2DAA2D,CAAC;AAE9D,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,2BAA2B,EAC3B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,eAAe,EACf,QAAQ,GAAG,KAAK,EAChB,IAAI,GAQH,EAAE,EAAE,CAAC,CACN,KAAC,eAAe,IACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,2BAA2B,EACpC,KAAK,EAAE,KAAK,IAAI,UAAU,CAAC,KAAK,CAAC,EACjC,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,CAAC,EACnE,IAAI,EAAE,IAAI,GACO,CACpB,CAAC"}
|
|
@@ -7,7 +7,7 @@ import { renderLabel } from './renderLabel.js';
|
|
|
7
7
|
import { defaultStyle } from './styles.js';
|
|
8
8
|
export const Input = JSX(
|
|
9
9
|
// eslint-disable-next-line max-lines-per-function
|
|
10
|
-
({ key, className, id, name, type = 'text', label, placeholder, value = '', valid = true, pattern, autoFocus = false, isTextarea = false, disabled = false, children, onChange, onFocus, onBlur, }) => {
|
|
10
|
+
({ key, className, id, name, type = 'text', maxLength, label, placeholder, value = '', valid = true, pattern, autoFocus = false, isTextarea = false, disabled = false, children, onChange, onFocus, onBlur, }) => {
|
|
11
11
|
const inputRef = useRef(null);
|
|
12
12
|
const handleChange = useCallback((e) => {
|
|
13
13
|
const valueWithoutSpace = (e.target?.value ?? '').trimStart();
|
|
@@ -21,6 +21,6 @@ export const Input = JSX(
|
|
|
21
21
|
const paddingStyle = children ? 'pr-3xl' : '';
|
|
22
22
|
const validStyle = getValidStyle(valid);
|
|
23
23
|
const ariaLabel = label ?? name ?? id;
|
|
24
|
-
return (_jsxs("div", { className: style('relative', className), children: [_jsxs("label", { className: "space-y-xs", children: [renderLabel(label), isTextarea ? (_jsx("textarea", { className: style('block resize-y min-h-24', defaultStyle, validStyle), id: style('textarea', id), value: value, name: name || id, placeholder: placeholder, disabled: disabled, "aria-label": ariaLabel, onChange: handleChange, onFocus: onFocus, onBlur: onBlur }, key)) : (_jsx("input", { ref: inputRef, className: style('h-14', defaultStyle, paddingStyle, validStyle), id: id, type: type, value: value, name: name || id, placeholder: placeholder, pattern: pattern, disabled: disabled, "aria-label": ariaLabel, onChange: handleChange, onFocus: onFocus, onBlur: onBlur, "data-test-id": name }, key))] }), children] }));
|
|
24
|
+
return (_jsxs("div", { className: style('relative', className), children: [_jsxs("label", { className: "space-y-xs", children: [renderLabel(label), isTextarea ? (_jsx("textarea", { className: style('block resize-y min-h-24', defaultStyle, validStyle), id: style('textarea', id), value: value, name: name || id, placeholder: placeholder, disabled: disabled, "aria-label": ariaLabel, onChange: handleChange, onFocus: onFocus, onBlur: onBlur, maxlength: maxLength }, key)) : (_jsx("input", { ref: inputRef, className: style('h-14', defaultStyle, paddingStyle, validStyle), id: id, type: type, value: value, name: name || id, placeholder: placeholder, pattern: pattern, disabled: disabled, "aria-label": ariaLabel, onChange: handleChange, onFocus: onFocus, onBlur: onBlur, "data-test-id": name }, key))] }), children] }));
|
|
25
25
|
});
|
|
26
26
|
//# sourceMappingURL=Input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/ui-kit/Input/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG;AACtB,kDAAkD;AAClD,CAAC,EACC,GAAG,EACH,SAAS,EACT,EAAE,EACF,IAAI,EACJ,IAAI,GAAG,MAAM,EACb,KAAK,EACL,WAAW,EACX,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,IAAI,EACZ,OAAO,EACP,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,MAAM,GACP,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAEvD,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAkC,EAAE,EAAE;QACrC,MAAM,iBAAiB,GAAG,CAAC,CAAC,CAAC,MAAM,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,SAAS,EAAE,CAAC;QAC9D,QAAQ,IAAI,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IAC1C,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,EAAE;YACb,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;SAC3B;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE1B,MAAM,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9C,MAAM,UAAU,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,SAAS,GAAG,KAAK,IAAI,IAAI,IAAI,EAAE,CAAC;IAEtC,OAAO,CACL,eAAK,SAAS,EAAE,KAAK,CAAC,UAAU,EAAE,SAAS,CAAC,aAC1C,iBAAO,SAAS,EAAC,YAAY,aAC1B,WAAW,CAAC,KAAK,CAAC,EAClB,UAAU,CAAC,CAAC,CAAC,CACZ,mBACE,SAAS,EAAE,KAAK,CAAC,yBAAyB,EAAE,YAAY,EAAE,UAAU,CAAC,EACrE,EAAE,EAAE,KAAK,CAAC,UAAU,EAAE,EAAE,CAAC,EAEzB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,IAAI,EAAE,EAChB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,gBACN,SAAS,EACrB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/ui-kit/Input/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG;AACtB,kDAAkD;AAClD,CAAC,EACC,GAAG,EACH,SAAS,EACT,EAAE,EACF,IAAI,EACJ,IAAI,GAAG,MAAM,EACb,SAAS,EACT,KAAK,EACL,WAAW,EACX,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,IAAI,EACZ,OAAO,EACP,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,MAAM,GACP,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAEvD,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAkC,EAAE,EAAE;QACrC,MAAM,iBAAiB,GAAG,CAAC,CAAC,CAAC,MAAM,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,SAAS,EAAE,CAAC;QAC9D,QAAQ,IAAI,QAAQ,CAAC,iBAAiB,CAAC,CAAC;IAC1C,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,EAAE;YACb,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;SAC3B;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE1B,MAAM,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9C,MAAM,UAAU,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,SAAS,GAAG,KAAK,IAAI,IAAI,IAAI,EAAE,CAAC;IAEtC,OAAO,CACL,eAAK,SAAS,EAAE,KAAK,CAAC,UAAU,EAAE,SAAS,CAAC,aAC1C,iBAAO,SAAS,EAAC,YAAY,aAC1B,WAAW,CAAC,KAAK,CAAC,EAClB,UAAU,CAAC,CAAC,CAAC,CACZ,mBACE,SAAS,EAAE,KAAK,CAAC,yBAAyB,EAAE,YAAY,EAAE,UAAU,CAAC,EACrE,EAAE,EAAE,KAAK,CAAC,UAAU,EAAE,EAAE,CAAC,EAEzB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,IAAI,EAAE,EAChB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,gBACN,SAAS,EACrB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,IATf,GAAG,CAUR,CACH,CAAC,CAAC,CAAC,CACF,gBACE,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,KAAK,CAAC,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,CAAC,EAChE,EAAE,EAAE,EAAE,EAEN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,IAAI,EAAE,EAChB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,gBACN,SAAS,EACrB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,kBACA,IAAI,IAXb,GAAG,CAYR,CACH,IACK,EACP,QAAQ,IACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -1883,5 +1883,55 @@
|
|
|
1883
1883
|
}
|
|
1884
1884
|
}
|
|
1885
1885
|
}
|
|
1886
|
+
],
|
|
1887
|
+
[
|
|
1888
|
+
"Управляющие директора",
|
|
1889
|
+
{
|
|
1890
|
+
"content": {
|
|
1891
|
+
"version": "primary",
|
|
1892
|
+
"padding": "",
|
|
1893
|
+
"title": "Заявка на открытие счёта",
|
|
1894
|
+
"typeForm": "YPR",
|
|
1895
|
+
"endpoint": "sendcorporatelead",
|
|
1896
|
+
"sections": [
|
|
1897
|
+
{
|
|
1898
|
+
"columns": 2,
|
|
1899
|
+
"inputs": [
|
|
1900
|
+
{ "name": "dadataPartyNameSelect", "required": true },
|
|
1901
|
+
{ "name": "dadataPartyInnSelect", "required": true }
|
|
1902
|
+
]
|
|
1903
|
+
},
|
|
1904
|
+
{
|
|
1905
|
+
"inputs": [{ "name": "name", "required": true }]
|
|
1906
|
+
},
|
|
1907
|
+
{
|
|
1908
|
+
"columns": 2,
|
|
1909
|
+
"inputs": [
|
|
1910
|
+
{ "name": "region", "required": true },
|
|
1911
|
+
{ "name": "addressBranch", "required": true }
|
|
1912
|
+
]
|
|
1913
|
+
},
|
|
1914
|
+
{
|
|
1915
|
+
"inputs": [
|
|
1916
|
+
{
|
|
1917
|
+
"name": "partnerComments",
|
|
1918
|
+
"required": true,
|
|
1919
|
+
"placeholder": "Комментарий для сотрудника РКМ",
|
|
1920
|
+
"maxLength": 300
|
|
1921
|
+
}
|
|
1922
|
+
]
|
|
1923
|
+
}
|
|
1924
|
+
],
|
|
1925
|
+
"button": {
|
|
1926
|
+
"text": "Открыть счёт",
|
|
1927
|
+
"version": "primary"
|
|
1928
|
+
},
|
|
1929
|
+
"link": {
|
|
1930
|
+
"text": "условиями передачи данных",
|
|
1931
|
+
"href": "/privacy-policy",
|
|
1932
|
+
"target": "_blank"
|
|
1933
|
+
}
|
|
1934
|
+
}
|
|
1935
|
+
}
|
|
1886
1936
|
]
|
|
1887
1937
|
]
|
|
@@ -5,7 +5,7 @@ import { style } from '../../utils/style';
|
|
|
5
5
|
import { DatePickerInput } from './DatePickerInput';
|
|
6
6
|
|
|
7
7
|
const formStyle =
|
|
8
|
-
'flex justify-between items-center h-14 border rounded-md cursor-pointer ' +
|
|
8
|
+
'flex justify-between items-center h-14 border rounded-md cursor-pointer overflow-hidden ' +
|
|
9
9
|
'hover:border-black active:border-black focus:border-black';
|
|
10
10
|
|
|
11
11
|
export const renderDatePickerForm = ({
|
|
@@ -14,6 +14,7 @@ export const Input = JSX<InputProps>(
|
|
|
14
14
|
id,
|
|
15
15
|
name,
|
|
16
16
|
type = 'text',
|
|
17
|
+
maxLength,
|
|
17
18
|
label,
|
|
18
19
|
placeholder,
|
|
19
20
|
value = '',
|
|
@@ -64,6 +65,7 @@ export const Input = JSX<InputProps>(
|
|
|
64
65
|
onChange={handleChange}
|
|
65
66
|
onFocus={onFocus}
|
|
66
67
|
onBlur={onBlur}
|
|
68
|
+
maxlength={maxLength}
|
|
67
69
|
/>
|
|
68
70
|
) : (
|
|
69
71
|
<input
|
package/package.json
CHANGED
|
@@ -1883,5 +1883,55 @@
|
|
|
1883
1883
|
}
|
|
1884
1884
|
}
|
|
1885
1885
|
}
|
|
1886
|
+
],
|
|
1887
|
+
[
|
|
1888
|
+
"Управляющие директора",
|
|
1889
|
+
{
|
|
1890
|
+
"content": {
|
|
1891
|
+
"version": "primary",
|
|
1892
|
+
"padding": "",
|
|
1893
|
+
"title": "Заявка на открытие счёта",
|
|
1894
|
+
"typeForm": "YPR",
|
|
1895
|
+
"endpoint": "sendcorporatelead",
|
|
1896
|
+
"sections": [
|
|
1897
|
+
{
|
|
1898
|
+
"columns": 2,
|
|
1899
|
+
"inputs": [
|
|
1900
|
+
{ "name": "dadataPartyNameSelect", "required": true },
|
|
1901
|
+
{ "name": "dadataPartyInnSelect", "required": true }
|
|
1902
|
+
]
|
|
1903
|
+
},
|
|
1904
|
+
{
|
|
1905
|
+
"inputs": [{ "name": "name", "required": true }]
|
|
1906
|
+
},
|
|
1907
|
+
{
|
|
1908
|
+
"columns": 2,
|
|
1909
|
+
"inputs": [
|
|
1910
|
+
{ "name": "region", "required": true },
|
|
1911
|
+
{ "name": "addressBranch", "required": true }
|
|
1912
|
+
]
|
|
1913
|
+
},
|
|
1914
|
+
{
|
|
1915
|
+
"inputs": [
|
|
1916
|
+
{
|
|
1917
|
+
"name": "partnerComments",
|
|
1918
|
+
"required": true,
|
|
1919
|
+
"placeholder": "Комментарий для сотрудника РКМ",
|
|
1920
|
+
"maxLength": 300
|
|
1921
|
+
}
|
|
1922
|
+
]
|
|
1923
|
+
}
|
|
1924
|
+
],
|
|
1925
|
+
"button": {
|
|
1926
|
+
"text": "Открыть счёт",
|
|
1927
|
+
"version": "primary"
|
|
1928
|
+
},
|
|
1929
|
+
"link": {
|
|
1930
|
+
"text": "условиями передачи данных",
|
|
1931
|
+
"href": "/privacy-policy",
|
|
1932
|
+
"target": "_blank"
|
|
1933
|
+
}
|
|
1934
|
+
}
|
|
1935
|
+
}
|
|
1886
1936
|
]
|
|
1887
1937
|
]
|
|
@@ -974,4 +974,57 @@ export default {
|
|
|
974
974
|
<DialogManager />
|
|
975
975
|
</div>
|
|
976
976
|
),
|
|
977
|
+
directorsRKO: (
|
|
978
|
+
<div className="container grid grid-cols-12">
|
|
979
|
+
<ApplicationForm
|
|
980
|
+
className="col-span-12"
|
|
981
|
+
title="Заявка на открытие счёта"
|
|
982
|
+
typeForm="YPR"
|
|
983
|
+
endpoint="sendcorporatelead"
|
|
984
|
+
sections={[
|
|
985
|
+
{
|
|
986
|
+
columns: 2,
|
|
987
|
+
inputs: [
|
|
988
|
+
{ name: 'dadataPartyNameSelect', required: true, label: 'Полное наименование' },
|
|
989
|
+
{ name: 'dadataPartyInnSelect', required: true, label: 'Полное наименование' },
|
|
990
|
+
],
|
|
991
|
+
},
|
|
992
|
+
{
|
|
993
|
+
columns: 2,
|
|
994
|
+
inputs: [
|
|
995
|
+
{ name: 'phone', required: true },
|
|
996
|
+
{ name: 'email', required: true },
|
|
997
|
+
],
|
|
998
|
+
},
|
|
999
|
+
{
|
|
1000
|
+
inputs: [{ name: 'name', required: true }],
|
|
1001
|
+
},
|
|
1002
|
+
{
|
|
1003
|
+
columns: 2,
|
|
1004
|
+
inputs: [
|
|
1005
|
+
{ name: 'region', required: true },
|
|
1006
|
+
{ name: 'addressBranch', required: true },
|
|
1007
|
+
],
|
|
1008
|
+
},
|
|
1009
|
+
{
|
|
1010
|
+
inputs: [
|
|
1011
|
+
{
|
|
1012
|
+
name: 'partnerComments',
|
|
1013
|
+
placeholder: 'Комментарий для сотрудника РКМ',
|
|
1014
|
+
required: true,
|
|
1015
|
+
maxLength: 300,
|
|
1016
|
+
},
|
|
1017
|
+
],
|
|
1018
|
+
},
|
|
1019
|
+
]}
|
|
1020
|
+
button={{
|
|
1021
|
+
text: 'Открыть счёт',
|
|
1022
|
+
version: 'primary',
|
|
1023
|
+
}}
|
|
1024
|
+
link={linkCorp}
|
|
1025
|
+
/>
|
|
1026
|
+
<PopupManager />
|
|
1027
|
+
<DialogManager />
|
|
1028
|
+
</div>
|
|
1029
|
+
),
|
|
977
1030
|
};
|
|
@@ -5,6 +5,7 @@ import { DialogManager } from '../../ui-kit/DialogManager/DialogManager';
|
|
|
5
5
|
import { PopupManager } from '../../ui-kit/PopupManager/PopupManager';
|
|
6
6
|
import { ApplicationForm } from './ApplicationForm';
|
|
7
7
|
import { type SubmitButtonProps } from './ApplicationFormContent';
|
|
8
|
+
import { VerifyPhoneDialog } from './VerifyPhoneDialog';
|
|
8
9
|
|
|
9
10
|
const button: SubmitButtonProps = {
|
|
10
11
|
text: 'Отправить заявку',
|
|
@@ -1191,4 +1192,58 @@ export default {
|
|
|
1191
1192
|
<DialogManager />
|
|
1192
1193
|
</div>
|
|
1193
1194
|
),
|
|
1195
|
+
directorsRKO: (
|
|
1196
|
+
<div className="container grid grid-cols-12">
|
|
1197
|
+
<ApplicationForm
|
|
1198
|
+
className="col-span-12"
|
|
1199
|
+
title="Заявка на открытие счёта"
|
|
1200
|
+
typeForm="YPR"
|
|
1201
|
+
endpoint="sendcorporatelead"
|
|
1202
|
+
sections={[
|
|
1203
|
+
{
|
|
1204
|
+
columns: 2,
|
|
1205
|
+
inputs: [
|
|
1206
|
+
{ name: 'dadataPartyNameSelect', required: true },
|
|
1207
|
+
{ name: 'dadataPartyInnSelect', required: true },
|
|
1208
|
+
],
|
|
1209
|
+
},
|
|
1210
|
+
{
|
|
1211
|
+
columns: 2,
|
|
1212
|
+
inputs: [
|
|
1213
|
+
{ name: 'phone', required: true },
|
|
1214
|
+
{ name: 'email', required: true },
|
|
1215
|
+
],
|
|
1216
|
+
},
|
|
1217
|
+
{
|
|
1218
|
+
inputs: [{ name: 'name', required: true }],
|
|
1219
|
+
},
|
|
1220
|
+
{
|
|
1221
|
+
columns: 2,
|
|
1222
|
+
inputs: [
|
|
1223
|
+
{ name: 'region', required: true },
|
|
1224
|
+
{ name: 'addressBranch', required: true },
|
|
1225
|
+
],
|
|
1226
|
+
},
|
|
1227
|
+
{
|
|
1228
|
+
inputs: [
|
|
1229
|
+
{
|
|
1230
|
+
name: 'partnerComments',
|
|
1231
|
+
placeholder: 'Комментарий для сотрудника РКМ',
|
|
1232
|
+
required: true,
|
|
1233
|
+
maxLength: 300,
|
|
1234
|
+
},
|
|
1235
|
+
],
|
|
1236
|
+
},
|
|
1237
|
+
]}
|
|
1238
|
+
button={{
|
|
1239
|
+
text: 'Открыть счёт',
|
|
1240
|
+
version: 'primary',
|
|
1241
|
+
}}
|
|
1242
|
+
link={linkCorp}
|
|
1243
|
+
/>
|
|
1244
|
+
<PopupManager />
|
|
1245
|
+
<DialogManager />
|
|
1246
|
+
</div>
|
|
1247
|
+
),
|
|
1248
|
+
verifyPhoneDialog: <VerifyPhoneDialog phone="79999999999" />,
|
|
1194
1249
|
};
|
|
@@ -5,7 +5,7 @@ import { style } from '../../utils/style';
|
|
|
5
5
|
import { DatePickerInput } from './DatePickerInput';
|
|
6
6
|
|
|
7
7
|
const formStyle =
|
|
8
|
-
'flex justify-between items-center h-14 border rounded-md cursor-pointer ' +
|
|
8
|
+
'flex justify-between items-center h-14 border rounded-md cursor-pointer overflow-hidden ' +
|
|
9
9
|
'hover:border-black active:border-black focus:border-black';
|
|
10
10
|
|
|
11
11
|
export const renderDatePickerForm = ({
|
|
@@ -14,6 +14,7 @@ export const Input = JSX<InputProps>(
|
|
|
14
14
|
id,
|
|
15
15
|
name,
|
|
16
16
|
type = 'text',
|
|
17
|
+
maxLength,
|
|
17
18
|
label,
|
|
18
19
|
placeholder,
|
|
19
20
|
value = '',
|
|
@@ -64,6 +65,7 @@ export const Input = JSX<InputProps>(
|
|
|
64
65
|
onChange={handleChange}
|
|
65
66
|
onFocus={onFocus}
|
|
66
67
|
onBlur={onBlur}
|
|
68
|
+
maxlength={maxLength}
|
|
67
69
|
/>
|
|
68
70
|
) : (
|
|
69
71
|
<input
|