kui-complex 0.0.43 → 0.0.46
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/Avatar/cjs/index.js +12 -11
- package/Avatar/cjs/index.js.map +1 -1
- package/Avatar/index.d.ts +8 -12
- package/Avatar/index.js +9 -8
- package/Avatar/index.js.map +1 -1
- package/ButtonSelect/cjs/index.js +12 -3
- package/ButtonSelect/cjs/index.js.map +1 -1
- package/ButtonSelect/index.js +12 -3
- package/ButtonSelect/index.js.map +1 -1
- package/ButtonTab/cjs/index.js +6 -5
- package/ButtonTab/cjs/index.js.map +1 -1
- package/ButtonTab/cjs/package.json +4 -1
- package/ButtonTab/index.d.ts +4 -2
- package/ButtonTab/index.js +4 -3
- package/ButtonTab/index.js.map +1 -1
- package/ButtonTab/package.json +4 -1
- package/ButtonsPanel/cjs/index.js +6 -6
- package/ButtonsPanel/cjs/index.js.map +1 -1
- package/ButtonsPanel/index.d.ts +3 -7
- package/ButtonsPanel/index.js +7 -7
- package/ButtonsPanel/index.js.map +1 -1
- package/CalendarHeaderWithSelect/cjs/index.js +36 -21
- package/CalendarHeaderWithSelect/cjs/index.js.map +1 -1
- package/CalendarHeaderWithSelect/cjs/package.json +1 -0
- package/CalendarHeaderWithSelect/index.d.ts +11 -6
- package/CalendarHeaderWithSelect/index.js +36 -21
- package/CalendarHeaderWithSelect/index.js.map +1 -1
- package/CalendarHeaderWithSelect/package.json +1 -0
- package/CalendarStandardContainer/cjs/index.js +4 -3
- package/CalendarStandardContainer/cjs/index.js.map +1 -1
- package/CalendarStandardContainer/index.d.ts +4 -3
- package/CalendarStandardContainer/index.js +4 -3
- package/CalendarStandardContainer/index.js.map +1 -1
- package/CalendarStandardHeader/cjs/index.js +4 -3
- package/CalendarStandardHeader/cjs/index.js.map +1 -1
- package/CalendarStandardHeader/index.d.ts +3 -1
- package/CalendarStandardHeader/index.js +4 -3
- package/CalendarStandardHeader/index.js.map +1 -1
- package/DesktopInputWithMonthPicker/cjs/index.js +11 -11
- package/DesktopInputWithMonthPicker/cjs/index.js.map +1 -1
- package/DesktopInputWithMonthPicker/index.d.ts +3 -1
- package/DesktopInputWithMonthPicker/index.js +12 -12
- package/DesktopInputWithMonthPicker/index.js.map +1 -1
- package/DesktopMenuPanel/cjs/index.js +10 -10
- package/DesktopMenuPanel/cjs/index.js.map +1 -1
- package/DesktopMenuPanel/index.d.ts +4 -2
- package/DesktopMenuPanel/index.js +8 -8
- package/DesktopMenuPanel/index.js.map +1 -1
- package/InputPassword/cjs/index.js +8 -8
- package/InputPassword/cjs/index.js.map +1 -1
- package/InputPassword/index.d.ts +6 -5
- package/InputPassword/index.js +9 -9
- package/InputPassword/index.js.map +1 -1
- package/InputSelect/cjs/index.js +12 -3
- package/InputSelect/cjs/index.js.map +1 -1
- package/InputSelect/index.js +12 -3
- package/InputSelect/index.js.map +1 -1
- package/InputSelectDropdown/cjs/index.js +12 -3
- package/InputSelectDropdown/cjs/index.js.map +1 -1
- package/InputSelectDropdown/index.d.ts +4 -2
- package/InputSelectDropdown/index.js +12 -3
- package/InputSelectDropdown/index.js.map +1 -1
- package/InputTextAreaMobile/cjs/index.js +3 -3
- package/InputTextAreaMobile/cjs/index.js.map +1 -1
- package/InputTextAreaMobile/index.d.ts +3 -1
- package/InputTextAreaMobile/index.js +3 -3
- package/InputTextAreaMobile/index.js.map +1 -1
- package/InputWithController/cjs/index.js +2 -2
- package/InputWithController/cjs/index.js.map +1 -1
- package/InputWithController/index.d.ts +5 -5
- package/InputWithController/index.js +2 -2
- package/InputWithController/index.js.map +1 -1
- package/InputWithDatePicker/cjs/index.js +84 -41
- package/InputWithDatePicker/cjs/index.js.map +1 -1
- package/InputWithDatePicker/index.d.ts +6 -1
- package/InputWithDatePicker/index.js +86 -42
- package/InputWithDatePicker/index.js.map +1 -1
- package/InputWithMonthPicker/cjs/index.js +17 -17
- package/InputWithMonthPicker/cjs/index.js.map +1 -1
- package/InputWithMonthPicker/index.js +18 -18
- package/InputWithMonthPicker/index.js.map +1 -1
- package/MenuItem/cjs/index.js +7 -7
- package/MenuItem/cjs/index.js.map +1 -1
- package/MenuItem/index.d.ts +4 -2
- package/MenuItem/index.js +5 -5
- package/MenuItem/index.js.map +1 -1
- package/MenuPanel/cjs/index.js +13 -13
- package/MenuPanel/cjs/index.js.map +1 -1
- package/MenuPanel/index.d.ts +4 -7
- package/MenuPanel/index.js +15 -15
- package/MenuPanel/index.js.map +1 -1
- package/MobileInputWithMonthPicker/cjs/index.js +13 -13
- package/MobileInputWithMonthPicker/cjs/index.js.map +1 -1
- package/MobileInputWithMonthPicker/index.d.ts +3 -1
- package/MobileInputWithMonthPicker/index.js +14 -14
- package/MobileInputWithMonthPicker/index.js.map +1 -1
- package/MobileMenuPanel/cjs/index.js +11 -11
- package/MobileMenuPanel/cjs/index.js.map +1 -1
- package/MobileMenuPanel/index.d.ts +4 -2
- package/MobileMenuPanel/index.js +8 -8
- package/MobileMenuPanel/index.js.map +1 -1
- package/ModalFooter/cjs/index.js +4 -3
- package/ModalFooter/cjs/index.js.map +1 -1
- package/ModalFooter/index.d.ts +6 -8
- package/ModalFooter/index.js +5 -4
- package/ModalFooter/index.js.map +1 -1
- package/MonthPickerContainer/cjs/index.js +5 -4
- package/MonthPickerContainer/cjs/index.js.map +1 -1
- package/MonthPickerContainer/index.d.ts +1 -1
- package/MonthPickerContainer/index.js +5 -4
- package/MonthPickerContainer/index.js.map +1 -1
- package/MonthPickerHeader/cjs/index.js +4 -3
- package/MonthPickerHeader/cjs/index.js.map +1 -1
- package/MonthPickerHeader/index.d.ts +3 -1
- package/MonthPickerHeader/index.js +5 -4
- package/MonthPickerHeader/index.js.map +1 -1
- package/PassportStrengthBar/cjs/index.js +4 -3
- package/PassportStrengthBar/cjs/index.js.map +1 -1
- package/PassportStrengthBar/cjs/package.json +4 -1
- package/PassportStrengthBar/index.d.ts +4 -2
- package/PassportStrengthBar/index.js +5 -4
- package/PassportStrengthBar/index.js.map +1 -1
- package/PassportStrengthBar/package.json +4 -1
- package/SelectMonth/cjs/index.js +19 -10
- package/SelectMonth/cjs/index.js.map +1 -1
- package/SelectMonth/index.d.ts +6 -2
- package/SelectMonth/index.js +19 -10
- package/SelectMonth/index.js.map +1 -1
- package/SelectYear/cjs/index.js +21 -10
- package/SelectYear/cjs/index.js.map +1 -1
- package/SelectYear/index.d.ts +6 -5
- package/SelectYear/index.js +21 -10
- package/SelectYear/index.js.map +1 -1
- package/Switch/cjs/index.js +4 -3
- package/Switch/cjs/index.js.map +1 -1
- package/Switch/cjs/package.json +1 -0
- package/Switch/index.d.ts +8 -6
- package/Switch/index.js +4 -3
- package/Switch/index.js.map +1 -1
- package/Switch/package.json +1 -0
- package/Table/cjs/index.js +2 -1
- package/Table/cjs/index.js.map +1 -1
- package/Table/index.d.ts +1 -1
- package/Table/index.js +2 -1
- package/Table/index.js.map +1 -1
- package/TableRow/cjs/index.js +14 -4
- package/TableRow/cjs/index.js.map +1 -1
- package/TableRow/index.d.ts +1 -1
- package/TableRow/index.js +15 -4
- package/TableRow/index.js.map +1 -1
- package/TestForm/cjs/index.js +111 -66
- package/TestForm/cjs/index.js.map +1 -1
- package/TestForm/index.js +112 -67
- package/TestForm/index.js.map +1 -1
- package/UndefinedAvatar/cjs/index.js +4 -3
- package/UndefinedAvatar/cjs/index.js.map +1 -1
- package/UndefinedAvatar/index.d.ts +5 -6
- package/UndefinedAvatar/index.js +5 -4
- package/UndefinedAvatar/index.js.map +1 -1
- package/cjs/index.js +145 -101
- package/cjs/index.js.map +1 -1
- package/index.d.ts +83 -70
- package/index.js +148 -104
- package/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../node_modules/tslib/tslib.es6.js","../../src/components/InputWithController/index.tsx"],"sourcesContent":["/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n var desc = Object.getOwnPropertyDescriptor(m, k);\r\n if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n desc = { enumerable: true, get: function() { return m[k]; } };\r\n }\r\n Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n","import * as React from \"react\"\r\nimport { ChangeEvent, ForwardedRef, forwardRef } from \"react\"\r\nimport { Controller } from \"react-hook-form\"\r\nimport {\r\n ControllerFieldState,\r\n ControllerRenderProps as FieldProps,\r\n} from \"react-hook-form/dist/types/controller\"\r\nimport { InputWithAdornments } from \"kui-basic\"\r\nimport { InputWithControllerProps } from \"./types\"\r\nimport { ControllerRenderProps } from \"../InputPhoneWithForm/types\"\r\n\r\nconst InputWithController = forwardRef(\r\n (\r\n { form, name, error, ...inputProps }: InputWithControllerProps,\r\n ref: ForwardedRef<HTMLInputElement>\r\n ) => {\r\n const handleChange = (\r\n e: ChangeEvent<HTMLInputElement>,\r\n field: FieldProps\r\n ) => {\r\n field.onChange(e)\r\n if (inputProps.onChange) {\r\n inputProps.onChange(e)\r\n }\r\n }\r\n\r\n const forwardedRef = (\r\n elem: HTMLInputElement | null,\r\n field: FieldProps\r\n ) => {\r\n if (ref) {\r\n // eslint-disable-next-line no-param-reassign\r\n // @ts-ignore\r\n ref.current = elem\r\n }\r\n field.ref(elem)\r\n }\r\n\r\n const getError = (fieldState: ControllerFieldState) =>\r\n typeof error !== \"undefined\" && String(error).length > 0\r\n ? error\r\n : fieldState.error?.message\r\n\r\n return (\r\n <Controller\r\n control={form?.control}\r\n name={name!}\r\n render={({ field, fieldState }: ControllerRenderProps) => (\r\n <InputWithAdornments\r\n message={getError(fieldState)}\r\n {...field}\r\n {...inputProps}\r\n onChange={(e: ChangeEvent<HTMLInputElement>) =>\r\n handleChange(e, field)\r\n }\r\n value={field.value || \"\"}\r\n ref={(e) => forwardedRef(e, field)}\r\n />\r\n )}\r\n />\r\n )\r\n }\r\n)\r\n\r\nexport default InputWithController\r\n"],"names":["_jsx"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../node_modules/tslib/tslib.es6.js","../../src/components/InputWithController/index.tsx"],"sourcesContent":["/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n var desc = Object.getOwnPropertyDescriptor(m, k);\r\n if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n desc = { enumerable: true, get: function() { return m[k]; } };\r\n }\r\n Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n","import * as React from \"react\"\nimport { ChangeEvent, ForwardedRef, forwardRef } from \"react\"\nimport { Controller } from \"react-hook-form\"\nimport {\n ControllerFieldState,\n ControllerRenderProps as FieldProps,\n} from \"react-hook-form/dist/types/controller\"\nimport { InputWithAdornments } from \"kui-basic\"\nimport { InputWithControllerProps } from \"./types\"\nimport { ControllerRenderProps } from \"../InputPhoneWithForm/types\"\n\nconst InputWithController = forwardRef(\n (\n { form, name, error, value, ...inputProps }: InputWithControllerProps,\n ref: ForwardedRef<HTMLInputElement>\n ) => {\n const handleChange = (\n e: ChangeEvent<HTMLInputElement>,\n field: FieldProps\n ) => {\n field.onChange(e)\n if (inputProps.onChange) {\n inputProps.onChange(e)\n }\n }\n\n const forwardedRef = (elem: HTMLInputElement | null, field: FieldProps) => {\n if (ref) {\n // eslint-disable-next-line no-param-reassign\n // @ts-ignore\n ref.current = elem\n }\n field.ref(elem)\n }\n\n const getError = (fieldState: ControllerFieldState) =>\n typeof error !== \"undefined\" && String(error).length > 0\n ? error\n : fieldState.error?.message\n\n return (\n <Controller\n control={form?.control}\n name={name!}\n render={({ field, fieldState }: ControllerRenderProps) => (\n <InputWithAdornments\n message={getError(fieldState)}\n {...field}\n {...inputProps}\n onChange={(e: ChangeEvent<HTMLInputElement>) =>\n handleChange(e, field)\n }\n value={typeof value !== \"undefined\" ? value : field.value || \"\"}\n ref={(e) => forwardedRef(e, field)}\n />\n )}\n />\n )\n }\n)\n\nexport default InputWithController\n"],"names":["_jsx"],"mappings":"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"}
|
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
var jsxRuntime$1 = require('@emotion/react/jsx-runtime');
|
|
4
4
|
var react = require('react');
|
|
5
5
|
var DatePicker = require('react-datepicker');
|
|
6
|
-
var ru = require('date-fns/locale/ru');
|
|
7
6
|
var styled = require('@emotion/styled');
|
|
8
7
|
var luxon = require('luxon');
|
|
9
8
|
var _ = require('lodash');
|
|
@@ -17,7 +16,6 @@ var react$1 = require('@emotion/react');
|
|
|
17
16
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
18
17
|
|
|
19
18
|
var DatePicker__default = /*#__PURE__*/_interopDefaultLegacy(DatePicker);
|
|
20
|
-
var ru__default = /*#__PURE__*/_interopDefaultLegacy(ru);
|
|
21
19
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
22
20
|
var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
|
|
23
21
|
var InputMask__default = /*#__PURE__*/_interopDefaultLegacy(InputMask);
|
|
@@ -130,7 +128,7 @@ var InputDropdown = react.forwardRef(function (_a, ref) {
|
|
|
130
128
|
});
|
|
131
129
|
var templateObject_1$6;
|
|
132
130
|
|
|
133
|
-
var InputSelectDropdown = function (_a) {
|
|
131
|
+
var InputSelectDropdown = react.forwardRef(function (_a, ref) {
|
|
134
132
|
var options = _a.options, inputRef = _a.inputRef, isOpenDropdown = _a.isOpenDropdown, handleCloseDropdown = _a.handleCloseDropdown, handleSelect = _a.handleSelect, selectedValue = _a.selectedValue;
|
|
135
133
|
var dropdownRef = react.useRef(null);
|
|
136
134
|
react.useEffect(function () {
|
|
@@ -147,11 +145,20 @@ var InputSelectDropdown = function (_a) {
|
|
|
147
145
|
}
|
|
148
146
|
}
|
|
149
147
|
}, [isOpenDropdown]);
|
|
150
|
-
|
|
148
|
+
var forwardedRef = function (elem) {
|
|
149
|
+
if (ref) {
|
|
150
|
+
if (typeof ref === "function")
|
|
151
|
+
ref(elem);
|
|
152
|
+
else
|
|
153
|
+
ref.current = elem;
|
|
154
|
+
}
|
|
155
|
+
dropdownRef.current = elem;
|
|
156
|
+
};
|
|
157
|
+
return (jsxRuntime$1.jsx(InputDropdown, __assign({ ref: forwardedRef, buttonRef: inputRef, isOpen: isOpenDropdown, handleClose: handleCloseDropdown, css: {
|
|
151
158
|
maxHeight: "142px",
|
|
152
159
|
padding: "4px",
|
|
153
160
|
} }, { children: options.map(function (option, key) { return (jsxRuntime$1.jsx(OptionWrapper, __assign({ onClick: function () { return handleSelect(option); }, "data-value": "autocomplete_option_".concat(option.value), "data-testid": "autocomplete_option_".concat(key) }, { children: jsxRuntime$1.jsx(StyledOption, __assign({ css: selectedValue === option.value && selectedStyles }, { children: jsxRuntime$1.jsx(kuiBasic.Caption, __assign({ size: "sm", weight: 500 }, { children: option.label })) })) }), option.label)); }) })));
|
|
154
|
-
};
|
|
161
|
+
});
|
|
155
162
|
var OptionWrapper = styled__default["default"].div(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n width: 100%;\n padding: 2px 0;\n cursor: pointer;\n"], ["\n width: 100%;\n padding: 2px 0;\n cursor: pointer;\n"])));
|
|
156
163
|
var StyledOption = styled__default["default"].div(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n &:hover {\n background-color: ", ";\n }\n"], ["\n padding: 8px;\n transition: all ease-out 0.3s;\n border-radius: 4px;\n &:hover {\n background-color: ", ";\n }\n"])), kuiBasic.theme.palette.background.light1);
|
|
157
164
|
var selectedStyles = react$1.css(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n background-color: ", ";\n"], ["\n background-color: ", ";\n"])), kuiBasic.theme.palette.background.light1);
|
|
@@ -233,13 +240,16 @@ var StyledInput = styled__default["default"](kuiBasic.InputWithAdornments)(templ
|
|
|
233
240
|
var StyledIconWrapper = styled__default["default"].div(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n padding-right: 8px;\n padding-bottom: 4px;\n"], ["\n padding-right: 8px;\n padding-bottom: 4px;\n"])));
|
|
234
241
|
var templateObject_1$4, templateObject_2$2, templateObject_3$2;
|
|
235
242
|
|
|
236
|
-
var
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
};
|
|
243
|
+
var checkDisabled$1 = function (year, min, max) {
|
|
244
|
+
return (min && year <= min) || (max && year >= max);
|
|
245
|
+
};
|
|
246
|
+
var SelectYear = react.forwardRef(function (_a, ref) {
|
|
247
|
+
var yearOptions = _a.yearOptions; _a.options; var min = _a.min, max = _a.max, props = __rest(_a, ["yearOptions", "options", "min", "max"]);
|
|
248
|
+
var formattedYearOptions = yearOptions.map(function (year) { return (__assign(__assign({}, year), { disabled: checkDisabled$1(Number(year.value), min, max) })); });
|
|
249
|
+
return (jsxRuntime.jsx(InputSelect, __assign({ ref: ref, label: "Year", options: formattedYearOptions }, props)));
|
|
250
|
+
});
|
|
242
251
|
|
|
252
|
+
var checkDisabled = function (month, min, max) { return (min && month <= min) || (max && month >= max); };
|
|
243
253
|
var monthValues = [
|
|
244
254
|
{ value: 0, label: "January" },
|
|
245
255
|
{ value: 1, label: "February" },
|
|
@@ -254,40 +264,43 @@ var monthValues = [
|
|
|
254
264
|
{ value: 10, label: "November" },
|
|
255
265
|
{ value: 11, label: "December" },
|
|
256
266
|
];
|
|
257
|
-
var SelectMonth = function (
|
|
258
|
-
|
|
259
|
-
return (
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
};
|
|
267
|
+
var SelectMonth = react.forwardRef(function (props, ref) {
|
|
268
|
+
var min = props.min, max = props.max; props.options; var other = __rest(props, ["min", "max", "options"]);
|
|
269
|
+
var formattedMonths = monthValues.map(function (month) { return (__assign(__assign({}, month), { disabled: checkDisabled(month.value, min, max) })); });
|
|
270
|
+
return (jsxRuntime.jsx(InputSelect, __assign({ ref: ref, label: "Month", options: formattedMonths }, other)));
|
|
271
|
+
});
|
|
263
272
|
|
|
264
|
-
var CalendarHeaderWithSelect = function (_a) {
|
|
265
|
-
var changeMonth = _a.changeMonth, changeYear = _a.changeYear, date = _a.date, yearOptions = _a.yearOptions;
|
|
273
|
+
var CalendarHeaderWithSelect = react.forwardRef(function (_a, ref) {
|
|
274
|
+
var changeMonth = _a.changeMonth, changeYear = _a.changeYear, date = _a.date, yearOptions = _a.yearOptions, max = _a.max, min = _a.min;
|
|
266
275
|
var year = date.getFullYear();
|
|
267
|
-
var month = date.getMonth()
|
|
268
|
-
|
|
269
|
-
|
|
276
|
+
var month = date.getMonth();
|
|
277
|
+
var currentYear = luxon.DateTime.now().year;
|
|
278
|
+
var minMonth = (min === null || min === void 0 ? void 0 : min.year) === currentYear ? min === null || min === void 0 ? void 0 : min.month : 0;
|
|
279
|
+
var maxMonth = (max === null || max === void 0 ? void 0 : max.year) === currentYear ? max === null || max === void 0 ? void 0 : max.month : 11;
|
|
280
|
+
return (jsxRuntime.jsx(Wrapper, __assign({ ref: ref }, { children: jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, spacing: 2 }, { children: [jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true, xs: 6 }, { children: jsxRuntime.jsx(SelectYear, { min: min === null || min === void 0 ? void 0 : min.year, max: max === null || max === void 0 ? void 0 : max.year, yearOptions: yearOptions, value: year, handleChange: changeYear }) })), jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true, xs: 6 }, { children: jsxRuntime.jsx(SelectMonth, { min: (Number(min === null || min === void 0 ? void 0 : min.year) >= currentYear && minMonth), max: (Number(max === null || max === void 0 ? void 0 : max.year) <= currentYear && maxMonth), value: month, handleChange: changeMonth }) }))] })) })));
|
|
281
|
+
});
|
|
270
282
|
var Wrapper = styled__default["default"].div(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n margin-bottom: 24px;\n @media (max-width: 900px) {\n padding: 0 18px;\n margin-bottom: 20px;\n }\n"], ["\n margin-bottom: 24px;\n @media (max-width: 900px) {\n padding: 0 18px;\n margin-bottom: 20px;\n }\n"])));
|
|
271
283
|
var templateObject_1$3;
|
|
272
284
|
|
|
273
|
-
var ModalFooter = function (_a) {
|
|
285
|
+
var ModalFooter = react.forwardRef(function (_a, ref) {
|
|
274
286
|
var label = _a.label, button = _a.button, otherProps = __rest(_a, ["label", "button"]);
|
|
275
|
-
return (jsxRuntime.jsxs(StyledFooter, { children: [jsxRuntime.jsx(kuiBasic.Divider, {}), jsxRuntime.jsx(ButtonWrapper, { children: button || (jsxRuntime.jsx(ButtonStyled, __assign({ fullWidth: true, size: "s", endIcon: jsxRuntime.jsx(kuiIcon.CheckIcon, {}) }, otherProps, { children: label }))) })] }));
|
|
276
|
-
};
|
|
287
|
+
return (jsxRuntime.jsxs(StyledFooter, __assign({ ref: ref }, { children: [jsxRuntime.jsx(kuiBasic.Divider, {}), jsxRuntime.jsx(ButtonWrapper, { children: button || (jsxRuntime.jsx(ButtonStyled, __assign({ fullWidth: true, size: "s", endIcon: jsxRuntime.jsx(kuiIcon.CheckIcon, {}) }, otherProps, { children: label }))) })] })));
|
|
288
|
+
});
|
|
277
289
|
var StyledFooter = styled__default["default"].div(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n background: ", ";\n border-radius: 0 0 12px 12px;\n z-index: 10;\n position: sticky;\n bottom: 0;\n left: 0;\n"], ["\n background: ", ";\n border-radius: 0 0 12px 12px;\n z-index: 10;\n position: sticky;\n bottom: 0;\n left: 0;\n"])), kuiBasic.theme.palette.grey.zero);
|
|
278
290
|
var ButtonWrapper = styled__default["default"].div(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n display: flex;\n justify-content: flex-end;\n padding: 24px 40px;\n @media (max-width: 600px) {\n padding: 24px 16px;\n }\n"], ["\n display: flex;\n justify-content: flex-end;\n padding: 24px 40px;\n @media (max-width: 600px) {\n padding: 24px 16px;\n }\n"])));
|
|
279
291
|
var ButtonStyled = styled__default["default"](kuiBasic.Button)(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n @media (max-width: 600px) {\n width: 100%;\n }\n"], ["\n @media (max-width: 600px) {\n width: 100%;\n }\n"])));
|
|
280
292
|
var templateObject_1$2, templateObject_2$1, templateObject_3$1;
|
|
281
293
|
|
|
282
|
-
var CalendarStandardContainer = function (_a) {
|
|
294
|
+
var CalendarStandardContainer = react.forwardRef(function (_a, ref) {
|
|
283
295
|
_a.arrowProps; _a.showPopperArrow; var props = __rest(_a, ["arrowProps", "showPopperArrow"]);
|
|
284
|
-
return jsxRuntime.jsx(DatePickerContainer, __assign({}, props));
|
|
285
|
-
};
|
|
296
|
+
return jsxRuntime.jsx(DatePickerContainer, __assign({ ref: ref }, props));
|
|
297
|
+
});
|
|
286
298
|
var DatePickerContainer = styled__default["default"].div(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n padding: 0;\n border: none !important;\n border-radius: 0 !important;\n background: transparent !important;\n overflow: hidden;\n width: 100%;\n height: 100%;\n .react-datepicker__header {\n background-color: transparent !important;\n }\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__day-names {\n display: flex;\n justify-content: space-between;\n .react-datepicker__day-name {\n font-family: \"Inter\", sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: ", ";\n text-transform: uppercase;\n margin: 0;\n width: 33px;\n line-height: normal;\n }\n }\n .react-datepicker__month {\n padding: 0;\n margin: 20px 0 0 !important;\n border: none;\n width: 100%;\n height: calc(100% - 85px);\n .react-datepicker__week {\n display: flex;\n justify-content: space-between;\n }\n }\n .react-datepicker__week {\n margin-bottom: 10px;\n &:last-of-type {\n margin-bottom: 0;\n }\n }\n .react-datepicker__day {\n width: 33px;\n height: 33px;\n user-select: none;\n border-radius: 50% !important;\n transition: background ease-out 0.3s;\n border: 1px solid transparent;\n margin: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: 500;\n font-size: 16px;\n &:hover {\n background: ", ";\n }\n &:active {\n background: ", ";\n }\n }\n .react-datepicker__day--outside-month,\n .react-datepicker__day--disabled {\n color: #a6aebc;\n p {\n color: #a6aebc;\n }\n }\n .react-datepicker__day--keyboard-selected {\n background: transparent;\n color: inherit;\n }\n .react-datepicker__day--selected {\n background: white;\n border: 1px solid #e1e4e8;\n color: ", ";\n p {\n color: ", ";\n }\n }\n .react-datepicker__day--selected.warning_day {\n border-color: ", ";\n background-color: ", ";\n color: ", ";\n }\n @media (max-width: 600px) {\n .react-datepicker__day {\n max-width: 48px;\n max-height: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n height: calc((100vw - (18px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n max-width: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n }\n }\n }\n @media (max-width: 350px) {\n .react-datepicker__day {\n width: calc((100vw - (6px * 7)) / 7);\n height: calc((100vw - (6px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n width: calc((100vw - (6px * 7)) / 7);\n }\n }\n }\n"], ["\n padding: 0;\n border: none !important;\n border-radius: 0 !important;\n background: transparent !important;\n overflow: hidden;\n width: 100%;\n height: 100%;\n .react-datepicker__header {\n background-color: transparent !important;\n }\n .react-datepicker__month-container {\n width: 100%;\n height: 100%;\n }\n .react-datepicker__day-names {\n display: flex;\n justify-content: space-between;\n .react-datepicker__day-name {\n font-family: \"Inter\", sans-serif;\n font-weight: 600;\n font-size: 14px;\n color: ", ";\n text-transform: uppercase;\n margin: 0;\n width: 33px;\n line-height: normal;\n }\n }\n .react-datepicker__month {\n padding: 0;\n margin: 20px 0 0 !important;\n border: none;\n width: 100%;\n height: calc(100% - 85px);\n .react-datepicker__week {\n display: flex;\n justify-content: space-between;\n }\n }\n .react-datepicker__week {\n margin-bottom: 10px;\n &:last-of-type {\n margin-bottom: 0;\n }\n }\n .react-datepicker__day {\n width: 33px;\n height: 33px;\n user-select: none;\n border-radius: 50% !important;\n transition: background ease-out 0.3s;\n border: 1px solid transparent;\n margin: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: 500;\n font-size: 16px;\n &:hover {\n background: ", ";\n }\n &:active {\n background: ", ";\n }\n }\n .react-datepicker__day--outside-month,\n .react-datepicker__day--disabled {\n color: #a6aebc;\n p {\n color: #a6aebc;\n }\n }\n .react-datepicker__day--keyboard-selected {\n background: transparent;\n color: inherit;\n }\n .react-datepicker__day--selected {\n background: white;\n border: 1px solid #e1e4e8;\n color: ", ";\n p {\n color: ", ";\n }\n }\n .react-datepicker__day--selected.warning_day {\n border-color: ", ";\n background-color: ", ";\n color: ", ";\n }\n @media (max-width: 600px) {\n .react-datepicker__day {\n max-width: 48px;\n max-height: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n height: calc((100vw - (18px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n max-width: 48px;\n width: calc((100vw - (18px * 7)) / 7);\n }\n }\n }\n @media (max-width: 350px) {\n .react-datepicker__day {\n width: calc((100vw - (6px * 7)) / 7);\n height: calc((100vw - (6px * 7)) / 7);\n }\n .react-datepicker__day-names {\n .react-datepicker__day-name {\n width: calc((100vw - (6px * 7)) / 7);\n }\n }\n }\n"])), kuiBasic.theme.palette.grey.fiftyP, kuiBasic.theme.palette.background.light3, kuiBasic.theme.palette.background.light3, kuiBasic.theme.palette.brand.main, kuiBasic.theme.palette.brand.main, kuiBasic.theme.palette.grey.fifteenB, kuiBasic.theme.palette.red.seventy, kuiBasic.theme.palette.grey.zero);
|
|
287
299
|
var templateObject_1$1;
|
|
288
300
|
|
|
289
|
-
DatePicker.registerLocale("ru", ru__default["default"]);
|
|
290
301
|
var generateYearRange = function (offsetFromCurrent, maxYearCount) {
|
|
302
|
+
if (!offsetFromCurrent || !maxYearCount)
|
|
303
|
+
return [];
|
|
291
304
|
var endYear = luxon.DateTime.now().year - offsetFromCurrent;
|
|
292
305
|
return ___default["default"].range(maxYearCount).map(function (elem) {
|
|
293
306
|
var fullYear = endYear - elem;
|
|
@@ -299,44 +312,74 @@ var generateYearRange = function (offsetFromCurrent, maxYearCount) {
|
|
|
299
312
|
};
|
|
300
313
|
var InputWithDatePicker = react.forwardRef(function (_a, ref) {
|
|
301
314
|
var _b;
|
|
302
|
-
var title = _a.title, description = _a.description, name = _a.name, form = _a.form, disabled = _a.disabled, yearParams = _a.yearParams, props = __rest(_a, ["title", "description", "name", "form", "disabled", "yearParams"]);
|
|
315
|
+
var title = _a.title, description = _a.description, name = _a.name, form = _a.form, disabled = _a.disabled, yearParams = _a.yearParams, onChange = _a.onChange, max = _a.max, min = _a.min, footerLabel = _a.footerLabel, datePickerProps = _a.datePickerProps, props = __rest(_a, ["title", "description", "name", "form", "disabled", "yearParams", "onChange", "max", "min", "footerLabel", "datePickerProps"]);
|
|
303
316
|
var _c = reactHookForm.useController({
|
|
304
317
|
name: name,
|
|
305
318
|
control: form.control,
|
|
306
319
|
}), field = _c.field, fieldState = _c.fieldState;
|
|
307
320
|
var error = (_b = fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
|
|
321
|
+
var formattedValue = field.value ? field.value.toFormat("dd.MM.yyyy") : "";
|
|
322
|
+
var formattedDate = field.value ? field.value.toJSDate() : null;
|
|
308
323
|
var _d = useToggle(), isModalOpen = _d[0], handleModalOpen = _d[1], handleModalClose = _d[2];
|
|
309
|
-
var _e = react.useState(
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
324
|
+
var _e = react.useState(formattedDate), date = _e[0], setDate = _e[1];
|
|
325
|
+
var _f = react.useState(formattedValue), value = _f[0], setValue = _f[1];
|
|
326
|
+
var yearList = generateYearRange(yearParams === null || yearParams === void 0 ? void 0 : yearParams.min, yearParams === null || yearParams === void 0 ? void 0 : yearParams.max);
|
|
327
|
+
react.useEffect(function () {
|
|
328
|
+
if (!isModalOpen) {
|
|
329
|
+
setDate(null);
|
|
330
|
+
}
|
|
331
|
+
else {
|
|
332
|
+
setDate(formattedDate);
|
|
333
|
+
}
|
|
334
|
+
}, [isModalOpen]);
|
|
314
335
|
var handleChange = function (e) {
|
|
315
336
|
var targetValue = e.target.value;
|
|
316
337
|
setValue(targetValue);
|
|
317
338
|
if (targetValue.length !== 0 && isValidWithMaskExp.test(targetValue)) {
|
|
318
|
-
var
|
|
319
|
-
setDate(
|
|
320
|
-
field === null || field === void 0 ? void 0 : field.onChange({ target: { value:
|
|
339
|
+
var targetDate = luxon.DateTime.fromFormat(targetValue, "dd.MM.yyyy");
|
|
340
|
+
setDate(targetDate.toJSDate());
|
|
341
|
+
field === null || field === void 0 ? void 0 : field.onChange({ target: { value: targetDate, name: name }, type: "change" });
|
|
342
|
+
if (onChange) {
|
|
343
|
+
onChange(targetDate);
|
|
344
|
+
}
|
|
321
345
|
}
|
|
322
346
|
else {
|
|
323
347
|
setDate(null);
|
|
324
348
|
field === null || field === void 0 ? void 0 : field.onChange({ target: { value: null, name: name }, type: "change" });
|
|
349
|
+
if (onChange) {
|
|
350
|
+
onChange(null);
|
|
351
|
+
}
|
|
325
352
|
}
|
|
326
353
|
};
|
|
327
354
|
var acceptWithDateSelected = function () {
|
|
328
355
|
if (date) {
|
|
329
|
-
|
|
330
|
-
|
|
356
|
+
var dateObj = luxon.DateTime.fromJSDate(date);
|
|
357
|
+
setValue(dateObj.toFormat("dd.MM.yyyy"));
|
|
358
|
+
field === null || field === void 0 ? void 0 : field.onChange({ target: { value: dateObj, name: name }, type: "change" });
|
|
359
|
+
if (onChange) {
|
|
360
|
+
onChange(dateObj);
|
|
361
|
+
}
|
|
331
362
|
handleModalClose();
|
|
332
363
|
}
|
|
333
364
|
};
|
|
334
|
-
|
|
365
|
+
var handleDateChange = function (newDate) {
|
|
366
|
+
setDate(newDate);
|
|
367
|
+
};
|
|
368
|
+
var forwardedRef = function (elem) {
|
|
369
|
+
if (ref) {
|
|
370
|
+
// eslint-disable-next-line no-param-reassign
|
|
371
|
+
// @ts-ignore
|
|
372
|
+
ref.current = elem;
|
|
373
|
+
}
|
|
374
|
+
field.ref(elem);
|
|
375
|
+
};
|
|
376
|
+
return (jsxRuntime$1.jsxs(jsxRuntime$1.Fragment, { children: [jsxRuntime$1.jsx(InputForDatepicker, __assign({ mask: "99.99.9999", name: name, handleCLick: handleModalOpen, value: formattedValue || value, onChange: handleChange, disabled: disabled, message: error, ref: forwardedRef }, props)), jsxRuntime$1.jsxs(kuiBasic.Modal, __assign({ title: title, description: description, isOpen: isModalOpen, handleClose: handleModalClose }, { children: [jsxRuntime$1.jsx(ContentWrapper, { children: jsxRuntime$1.jsx(DatePicker__default["default"], __assign({ inline: true, selected: date || formattedDate, onChange: handleDateChange, calendarContainer: StyledCalendarStandardContainer, renderCustomHeader: function (headProps) { return (jsxRuntime$1.jsx(CalendarHeaderWithSelect, __assign({ yearOptions: yearList, max: max, min: min }, headProps))); }, renderDayContents: function (day) { return (jsxRuntime$1.jsx(DayContent, { children: day })); }, maxDate: max === null || max === void 0 ? void 0 : max.toJSDate(), minDate: min === null || min === void 0 ? void 0 : min.toJSDate() }, datePickerProps)) }), jsxRuntime$1.jsx(ModalFooter, { fullWidth: true, disabled: !formattedDate && !date, onClick: acceptWithDateSelected, label: footerLabel })] }))] }));
|
|
335
377
|
});
|
|
336
378
|
InputWithDatePicker.defaultProps = {
|
|
337
379
|
title: "Дата рождения",
|
|
338
380
|
description: "Выберите год, месяц и число вашего рождения",
|
|
339
381
|
yearParams: { min: 18, max: 120 },
|
|
382
|
+
footerLabel: "Подтвердить",
|
|
340
383
|
};
|
|
341
384
|
var ContentWrapper = styled__default["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: 36px 40px 24px;\n @media (max-width: 600px) {\n padding: 20px 0 0;\n }\n"], ["\n padding: 36px 40px 24px;\n @media (max-width: 600px) {\n padding: 20px 0 0;\n }\n"])));
|
|
342
385
|
var StyledCalendarStandardContainer = styled__default["default"](CalendarStandardContainer)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 410px;\n .react-datepicker__header {\n padding: 0 !important;\n }\n .react-datepicker__day-names {\n padding: 35px 22px 0;\n background-color: ", ";\n border-radius: 16px 16px 0 0;\n @media (max-width: 900px) {\n padding: 24px 16px 0;\n }\n }\n .react-datepicker__month {\n justify-content: space-between;\n height: calc(100% - 124px);\n background-color: ", ";\n border-radius: 0 0 16px 16px;\n padding: 20px 22px 24px;\n margin: 0 !important;\n box-sizing: border-box;\n @media (max-width: 900px) {\n padding: 20px 16px 24px;\n }\n }\n @media (max-width: 600px) {\n height: auto;\n margin-bottom: -4px;\n }\n"], ["\n height: 410px;\n .react-datepicker__header {\n padding: 0 !important;\n }\n .react-datepicker__day-names {\n padding: 35px 22px 0;\n background-color: ", ";\n border-radius: 16px 16px 0 0;\n @media (max-width: 900px) {\n padding: 24px 16px 0;\n }\n }\n .react-datepicker__month {\n justify-content: space-between;\n height: calc(100% - 124px);\n background-color: ", ";\n border-radius: 0 0 16px 16px;\n padding: 20px 22px 24px;\n margin: 0 !important;\n box-sizing: border-box;\n @media (max-width: 900px) {\n padding: 20px 16px 24px;\n }\n }\n @media (max-width: 600px) {\n height: auto;\n margin-bottom: -4px;\n }\n"])), kuiBasic.theme.palette.background.light1, kuiBasic.theme.palette.background.light1);
|