kui-complex 0.0.41 → 0.0.42

package/InputWithDatePicker/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../node_modules/tslib/tslib.es6.js","../../../src/components/InputForDatepicker/index.tsx","../../../src/hooks/useToggle.ts","../../../src/utils/regexp.ts","../../../src/components/InputDropdown/index.tsx","../../../src/components/InputSelectDropdown/index.tsx","../../../src/utils/form.ts","../../../src/components/InputSelect/index.tsx","../../../src/components/SelectYear/index.tsx","../../../src/components/SelectMonth/index.tsx","../../../src/components/CalendarHeaderWithSelect/index.tsx","../../../src/components/ModalFooter/index.tsx","../../../src/components/CalendarStandardContainer/index.tsx","../../../src/components/InputWithDatePicker/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 { ForwardedRef, forwardRef } from \"react\"\r\nimport InputMask from \"react-input-mask\"\r\nimport styled from \"@emotion/styled\"\r\nimport { CalendarIcon } from \"kui-icon\"\r\nimport { InputWithAdornments } from \"kui-basic\"\r\n\r\nconst InputForDatepicker = forwardRef(\r\n  (\r\n    { onClick, onBlur, onFocus, ...props }: any,\r\n    ref: ForwardedRef<HTMLInputElement>\r\n  ) => {\r\n    const { onChange, readOnly, disabled, mask, handleCLick, ...other } = props\r\n\r\n    const handleIconClick = () => {\r\n      if (handleCLick) {\r\n        handleCLick()\r\n      } else {\r\n        onClick()\r\n      }\r\n    }\r\n\r\n    return (\r\n      <InputMask\r\n        mask={mask}\r\n        onChange={onChange}\r\n        value={props.value}\r\n        maskPlaceholder={null}\r\n        alwaysShowMask={false}\r\n        disabled={disabled}\r\n        readOnly={readOnly}\r\n        onFocus={onFocus}\r\n        onBlur={onBlur}\r\n      >\r\n        {() => (\r\n          <InputWithAdornments\r\n            onChange={onChange}\r\n            disabled={disabled}\r\n            value={props.value}\r\n            endIcon={\r\n              <IconWrapper onClick={handleIconClick}>\r\n                <CalendarIcon width={19} height={21} />\r\n              </IconWrapper>\r\n            }\r\n            {...other}\r\n            ref={ref}\r\n          />\r\n        )}\r\n      </InputMask>\r\n    )\r\n  }\r\n)\r\n\r\nexport default InputForDatepicker\r\n\r\nconst IconWrapper = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  cursor: pointer;\r\n  z-index: 1;\r\n`\r\n","import { useState } from \"react\"\r\n\r\nconst useToggle: (isModalOpen?: boolean) => [boolean, () => void, () => void] =\r\n  (isModalOpen: boolean = false) => {\r\n    const [isOpen, setIsOpen] = useState(isModalOpen)\r\n\r\n    const handleClose = () => {\r\n      setIsOpen(false)\r\n    }\r\n\r\n    const handleOpen = () => {\r\n      setIsOpen(true)\r\n    }\r\n\r\n    return [isOpen, handleOpen, handleClose]\r\n  }\r\n\r\nexport default useToggle\r\n","const phoneRegExp =\r\n  /^((\\\\+[1-9]{1,4}[ \\\\-]*)|(\\\\([0-9]{2,3}\\\\)[ \\\\-]*)|([0-9]{2,4})[ \\\\-]*)*?[0-9]{3,4}?[ \\\\-]*[0-9]{3,4}?$/\r\n\r\nconst isValidWithMaskExp = /^[^_]+$/\r\n\r\nconst dateRegExp =\r\n  /(0[1-9]|[12][0-9]|3[01])[- /.](0[1-9]|1[012])[- /.](19|20)\\d\\d/\r\n\r\nconst monthYearRegExp = /(0[1-9]|1[012])[- /.](19|20)\\d\\d/\r\n\r\nconst emailRegExp = /^[-\\w.]+@([A-z0-9][-A-z0-9]+\\.)+[A-z]{2,4}$/\r\n\r\nconst carNumberRegExp = /^([А-Яа-я]{1}[0-9]{3}[А-Яа-я]{2}\\s{0,1}[0-9]{2,3})?$/\r\n\r\nconst innRegExp = /^(([0-9]{12})|([0-9]{10}))?$/\r\n\r\nconst corrAccountRegExp = /^(301[0-9]{17})?$/\r\n\r\nconst accountRegExp = /^408([0-9]{17})?$/\r\n\r\nconst bicRegExp = /^([0-9]{9})?$/\r\n\r\nconst swiftRegExp = /^([A-Za-z]{6}\\w{2}\\d{0,3})?$/\r\n\r\nconst simplePasswordRegExp =\r\n  /^(?=.*\\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[!@#$%^&*]).{10,}$/\r\n\r\nconst mediumPasswordRegExp =\r\n  /^(?=.*\\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[!@#$%^&*]).{12,}$/\r\n\r\nconst strongPasswordRegExp =\r\n  /^(?=.*\\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[!@#$%^&*]).{14,}$/\r\n\r\nexport {\r\n  phoneRegExp,\r\n  dateRegExp,\r\n  isValidWithMaskExp,\r\n  emailRegExp,\r\n  carNumberRegExp,\r\n  innRegExp,\r\n  monthYearRegExp,\r\n  corrAccountRegExp,\r\n  accountRegExp,\r\n  bicRegExp,\r\n  swiftRegExp,\r\n  simplePasswordRegExp,\r\n  mediumPasswordRegExp,\r\n  strongPasswordRegExp,\r\n}\r\n","/** @jsxImportSource @emotion/react */\r\nimport * as React from \"react\"\r\nimport { ForwardedRef, forwardRef, RefObject, useEffect, useRef } from \"react\"\r\nimport { css } from \"@emotion/react\"\r\nimport { Grid, theme } from \"kui-basic\"\r\nimport { InputDropdownProps } from \"./types\"\r\n\r\ntype StylesProps = {\r\n  isOpen: boolean\r\n}\r\n\r\nconst dropdownStyles = ({ isOpen }: StylesProps) => css`\r\n  width: 100%;\r\n  max-height: 389px;\r\n  display: ${isOpen ? \"flex\" : \"none\"};\r\n  position: absolute;\r\n  background: ${theme.palette.grey.zero};\r\n  z-index: 3;\r\n  border: 1px solid ${theme.palette.grey.fifteenB};\r\n  top: 64px;\r\n  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);\r\n  border-radius: 8px;\r\n  overflow: auto;\r\n  -ms-overflow-style: none;\r\n  scrollbar-width: none;\r\n  overflow-y: scroll;\r\n  user-select: none;\r\n  &::-webkit-scrollbar {\r\n    width: 0px;\r\n  },\r\n`\r\n\r\nconst InputDropdown = forwardRef(\r\n  (\r\n    {\r\n      isOpen,\r\n      handleClose,\r\n      buttonRef,\r\n      children,\r\n      ...otherProps\r\n    }: InputDropdownProps,\r\n    ref: ForwardedRef<HTMLDivElement>\r\n  ) => {\r\n    const dropdownRef = useRef<HTMLDivElement | null>(null)\r\n\r\n    const closePopUp = (e: any) => {\r\n      if (dropdownRef.current && buttonRef && buttonRef.current) {\r\n        if (\r\n          !dropdownRef.current.contains(e.target) &&\r\n          !buttonRef.current.contains(e.target)\r\n        ) {\r\n          handleClose()\r\n        }\r\n      }\r\n    }\r\n\r\n    useEffect(() => {\r\n      document.addEventListener(\"click\", closePopUp)\r\n      return () => {\r\n        document.removeEventListener(\"click\", closePopUp)\r\n      }\r\n    })\r\n\r\n    if (!isOpen) {\r\n      return null\r\n    }\r\n\r\n    const forwardedRef = (elem: HTMLDivElement) => {\r\n      if (typeof ref === \"function\") ref(elem)\r\n      else if (ref) ref.current = elem\r\n\r\n      dropdownRef.current = elem\r\n    }\r\n\r\n    return (\r\n      <Grid\r\n        data-testid=\"input_dropdown\"\r\n        container\r\n        ref={forwardedRef}\r\n        css={dropdownStyles({ isOpen })}\r\n        {...otherProps}\r\n      >\r\n        {children}\r\n      </Grid>\r\n    )\r\n  }\r\n)\r\n\r\nexport default InputDropdown\r\n","/** @jsxImportSource @emotion/react */\r\nimport * as React from \"react\"\r\nimport { useEffect, useRef } from \"react\"\r\nimport styled from \"@emotion/styled\"\r\nimport { css } from \"@emotion/react\"\r\nimport { Caption, theme } from \"kui-basic\"\r\nimport { InputSelectDropdownProps } from \"./types\"\r\nimport { OptionParams } from \"../InputSelect/types\"\r\nimport InputDropdown from \"../InputDropdown\"\r\n\r\nconst InputSelectDropdown = ({\r\n  options,\r\n  inputRef,\r\n  isOpenDropdown,\r\n  handleCloseDropdown,\r\n  handleSelect,\r\n  selectedValue,\r\n}: InputSelectDropdownProps) => {\r\n  const dropdownRef = useRef<HTMLDivElement>(null)\r\n\r\n  useEffect(() => {\r\n    if (isOpenDropdown) {\r\n      const element = document.querySelector(\r\n        `[data-value=autocomplete_option_${selectedValue}]`\r\n      )\r\n      const coordinates = element?.getBoundingClientRect()\r\n\r\n      if (coordinates && inputRef.current && element) {\r\n        dropdownRef.current?.scrollTo({\r\n          top:\r\n            coordinates.top -\r\n            inputRef.current.clientHeight -\r\n            element.clientHeight,\r\n        })\r\n      }\r\n    }\r\n  }, [isOpenDropdown])\r\n\r\n  return (\r\n    <InputDropdown\r\n      ref={dropdownRef}\r\n      buttonRef={inputRef}\r\n      isOpen={isOpenDropdown}\r\n      handleClose={handleCloseDropdown}\r\n      css={{\r\n        maxHeight: \"142px\",\r\n        padding: \"4px\",\r\n      }}\r\n    >\r\n      {options.map((option: OptionParams, key: number) => (\r\n        <OptionWrapper\r\n          key={option.label}\r\n          onClick={() => handleSelect(option)}\r\n          data-value={`autocomplete_option_${option.value}`}\r\n          data-testid={`autocomplete_option_${key}`}\r\n        >\r\n          <StyledOption css={selectedValue === option.value && selectedStyles}>\r\n            <Caption size=\"sm\" weight={500}>\r\n              {option.label}\r\n            </Caption>\r\n          </StyledOption>\r\n        </OptionWrapper>\r\n      ))}\r\n    </InputDropdown>\r\n  )\r\n}\r\n\r\nexport default InputSelectDropdown\r\n\r\nconst OptionWrapper = styled.div`\r\n  width: 100%;\r\n  padding: 2px 0;\r\n  cursor: pointer;\r\n`\r\n\r\nconst StyledOption = styled.div`\r\n  padding: 8px;\r\n  transition: all ease-out 0.3s;\r\n  border-radius: 4px;\r\n  &:hover {\r\n    background-color: ${theme.palette.background.light1};\r\n  }\r\n`\r\n\r\nconst selectedStyles = css`\r\n  background-color: ${theme.palette.background.light1};\r\n`\r\n","import { UseFormReturn } from \"react-hook-form\"\r\nimport { FieldError, FieldErrors } from \"react-hook-form/dist/types/errors\"\r\n\r\nconst getFormValue = <T extends object>(\r\n  name?: string,\r\n  form?: UseFormReturn<T> | null\r\n) => {\r\n  const names = name?.split(\".\")\r\n  let fieldValue = form?.control._formValues\r\n  names?.forEach((field: string) => {\r\n    if (fieldValue) {\r\n      fieldValue = fieldValue[field]\r\n    }\r\n  })\r\n  return fieldValue\r\n}\r\n\r\nconst getFormError = <T extends object>(\r\n  name?: string,\r\n  form?: UseFormReturn<T> | null\r\n) => {\r\n  const names = name?.split(\".\")\r\n  let fieldError = form?.formState.errors\r\n  names?.forEach((field) => {\r\n    if (fieldError) {\r\n      // @ts-ignore\r\n      fieldError = fieldError[field as keyof FieldErrors<T>]\r\n    }\r\n  })\r\n  return (fieldError as FieldError)?.message\r\n}\r\n\r\nexport { getFormValue, getFormError }\r\n","/** @jsxImportSource @emotion/react */\r\nimport * as React from \"react\"\r\nimport { ForwardedRef, forwardRef, RefObject, useRef, useState } from \"react\"\r\nimport styled from \"@emotion/styled\"\r\nimport { FieldValues, Path } from \"react-hook-form\"\r\nimport { HalfArrowIcon } from \"kui-icon\"\r\nimport { InputWithAdornments } from \"kui-basic\"\r\nimport InputSelectDropdown from \"../InputSelectDropdown\"\r\nimport { InputSelectProps, OptionParams } from \"./types\"\r\nimport { getFormError, getFormValue } from \"../../utils/form\"\r\n\r\nconst InputSelect = forwardRef(\r\n  (props: InputSelectProps, ref: ForwardedRef<HTMLInputElement>) => {\r\n    const {\r\n      options,\r\n      name,\r\n      handleChange,\r\n      form,\r\n      iconProps,\r\n      value: defaultValue,\r\n      ...other\r\n    } = props\r\n    const [isOpenDropdown, setIsOpenDropDown] = useState(false)\r\n    const [value, setValue] = useState<\r\n      string | number | undefined | FieldValues\r\n    >(defaultValue || getFormValue(name, form))\r\n    const error = getFormError(name, form)\r\n    const inputRef = useRef<HTMLInputElement>(null)\r\n    const selectedLabel = options?.find(\r\n      (option: OptionParams) => String(option.value) === String(value)\r\n    )?.label\r\n\r\n    const register = form?.register(name!)\r\n\r\n    const handleOpenDropdown = () => {\r\n      if (inputRef?.current?.parentElement?.parentElement) {\r\n        inputRef?.current?.parentElement?.parentElement.focus()\r\n      }\r\n      setIsOpenDropDown((prev) => !prev)\r\n    }\r\n\r\n    const handleCloseDropdown = () => {\r\n      setIsOpenDropDown(false)\r\n    }\r\n\r\n    const handleSelect = (option: OptionParams) => {\r\n      setValue(option.value)\r\n      if (handleChange) {\r\n        handleChange(option.value)\r\n      }\r\n      if (form) {\r\n        register?.onChange({\r\n          target: { value: option.value, name },\r\n          type: \"change\",\r\n        })\r\n      }\r\n      handleCloseDropdown()\r\n    }\r\n\r\n    const forwardedRef = (e: HTMLInputElement) => {\r\n      if (ref) {\r\n        // eslint-disable-next-line no-param-reassign\r\n        // @ts-ignore\r\n        ref.current = e\r\n      }\r\n      // @ts-ignore\r\n      inputRef.current = e\r\n      register?.ref(e)\r\n    }\r\n\r\n    return (\r\n      <Wrapper>\r\n        <input name={name} autoComplete=\"off\" hidden />\r\n        <StyledInput\r\n          onClick={handleOpenDropdown}\r\n          readOnly\r\n          value={selectedLabel}\r\n          message={error}\r\n          {...other}\r\n          endIcon={\r\n            !props.disabled && (\r\n              <StyledIconWrapper>\r\n                <HalfArrowIcon\r\n                  width={12}\r\n                  height={13}\r\n                  css={[\r\n                    { transition: \"all linear .2s\" },\r\n                    isOpenDropdown && { transform: \"rotate(180deg)\" },\r\n                  ]}\r\n                  {...iconProps}\r\n                />\r\n              </StyledIconWrapper>\r\n            )\r\n          }\r\n          {...register}\r\n          ref={forwardedRef}\r\n        />\r\n        {options && options.length > 0 && !props.disabled && (\r\n          <InputSelectDropdown\r\n            options={options}\r\n            inputRef={\r\n              {\r\n                current: inputRef?.current?.parentElement?.parentElement,\r\n              } as RefObject<HTMLDivElement>\r\n            }\r\n            isOpenDropdown={isOpenDropdown}\r\n            handleCloseDropdown={handleCloseDropdown}\r\n            handleSelect={handleSelect}\r\n            selectedValue={value}\r\n          />\r\n        )}\r\n      </Wrapper>\r\n    )\r\n  }\r\n)\r\n\r\nexport default InputSelect\r\n\r\nconst Wrapper = styled.div`\r\n  position: relative;\r\n  text-align: left;\r\n  width: fit-content;\r\n`\r\n\r\nconst StyledInput = styled(InputWithAdornments)`\r\n  cursor: pointer;\r\n  input,\r\n  label {\r\n    cursor: pointer !important;\r\n  }\r\n`\r\n\r\nconst StyledIconWrapper = styled.div`\r\n  padding-right: 8px;\r\n  padding-bottom: 4px;\r\n`\r\n","import * as React from \"react\"\r\nimport { SelectYearProps } from \"./types\"\r\nimport InputSelect from \"../InputSelect\"\r\n\r\nconst SelectYear = ({ yearOptions, options, ...props }: SelectYearProps) => (\r\n  // @ts-ignore\r\n  <InputSelect label=\"Year\" options={yearOptions} {...props} />\r\n)\r\n\r\nexport default SelectYear\r\n","import * as React from \"react\"\r\nimport { FieldValues } from \"react-hook-form\"\r\nimport InputSelect from \"../InputSelect\"\r\nimport { InputSelectProps } from \"../InputSelect/types\"\r\n\r\nconst monthValues = [\r\n  { value: 0, label: \"January\" },\r\n  { value: 1, label: \"February\" },\r\n  { value: 2, label: \"March\" },\r\n  { value: 3, label: \"April\" },\r\n  { value: 4, label: \"May\" },\r\n  { value: 5, label: \"June\" },\r\n  { value: 6, label: \"July\" },\r\n  { value: 7, label: \"August\" },\r\n  { value: 8, label: \"September\" },\r\n  { value: 9, label: \"October\" },\r\n  { value: 10, label: \"November\" },\r\n  { value: 11, label: \"December\" },\r\n]\r\n\r\nconst SelectMonth = ({ options, ...props }: InputSelectProps) => (\r\n  // @ts-ignore\r\n  <InputSelect label=\"Month\" options={monthValues} {...props} />\r\n)\r\n\r\nexport default SelectMonth\r\n","import * as React from \"react\"\r\nimport styled from \"@emotion/styled\"\r\nimport { Grid } from \"kui-basic\"\r\nimport { CalendarHeaderProps } from \"./types\"\r\nimport SelectYear from \"../SelectYear\"\r\nimport SelectMonth from \"../SelectMonth\"\r\n\r\nconst CalendarHeaderWithSelect = ({\r\n  changeMonth,\r\n  changeYear,\r\n  date,\r\n  yearOptions,\r\n}: CalendarHeaderProps) => {\r\n  const year = date.getFullYear()\r\n  const month = date.getMonth() + 1\r\n\r\n  return (\r\n    <Wrapper>\r\n      <Grid container spacing={2}>\r\n        <Grid item xs={6}>\r\n          <SelectYear\r\n            yearOptions={yearOptions}\r\n            value={year}\r\n            handleChange={changeYear}\r\n          />\r\n        </Grid>\r\n        <Grid item xs={6}>\r\n          <SelectMonth value={month} handleChange={changeMonth} />\r\n        </Grid>\r\n      </Grid>\r\n    </Wrapper>\r\n  )\r\n}\r\n\r\nexport default CalendarHeaderWithSelect\r\n\r\nconst Wrapper = styled.div`\r\n  margin-bottom: 24px;\r\n  @media (max-width: 900px) {\r\n    padding: 0 18px;\r\n    margin-bottom: 20px;\r\n  }\r\n`\r\n","import * as React from \"react\"\r\nimport styled from \"@emotion/styled\"\r\nimport { Button, Divider, theme } from \"kui-basic\"\r\nimport { CheckIcon } from \"kui-icon\"\r\nimport { ModalFooterProps } from \"./types\"\r\n\r\nconst ModalFooter = ({ label, button, ...otherProps }: ModalFooterProps) => (\r\n  <StyledFooter>\r\n    <Divider />\r\n    <ButtonWrapper>\r\n      {button || (\r\n        <ButtonStyled\r\n          fullWidth\r\n          size=\"s\"\r\n          endIcon={<CheckIcon />}\r\n          {...otherProps}\r\n        >\r\n          {label}\r\n        </ButtonStyled>\r\n      )}\r\n    </ButtonWrapper>\r\n  </StyledFooter>\r\n)\r\n\r\nexport default ModalFooter\r\n\r\nconst StyledFooter = styled.div`\r\n  background: ${theme.palette.grey.zero};\r\n  border-radius: 0 0 12px 12px;\r\n  z-index: 10;\r\n  position: sticky;\r\n  bottom: 0;\r\n  left: 0;\r\n`\r\n\r\nconst ButtonWrapper = styled.div`\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  padding: 24px 40px;\r\n  @media (max-width: 600px) {\r\n    padding: 24px 16px;\r\n  }\r\n`\r\n\r\nconst ButtonStyled = styled(Button)`\r\n  @media (max-width: 600px) {\r\n    width: 100%;\r\n  }\r\n`\r\n","import * as React from \"react\"\r\nimport styled from \"@emotion/styled\"\r\nimport { theme } from \"kui-basic\"\r\nimport { CalendarContainerProps } from \"./types\"\r\n\r\nconst CalendarStandardContainer = ({\r\n  arrowProps,\r\n  showPopperArrow,\r\n  ...props\r\n}: CalendarContainerProps) => <DatePickerContainer {...props} />\r\n\r\nexport default CalendarStandardContainer\r\n\r\nconst DatePickerContainer = styled.div`\r\n  padding: 0;\r\n  border: none !important;\r\n  border-radius: 0 !important;\r\n  background: transparent !important;\r\n  overflow: hidden;\r\n  width: 100%;\r\n  height: 100%;\r\n  .react-datepicker__header {\r\n    background-color: transparent !important;\r\n  }\r\n  .react-datepicker__month-container {\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n  .react-datepicker__day-names {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    .react-datepicker__day-name {\r\n      font-family: \"Inter\", sans-serif;\r\n      font-weight: 600;\r\n      font-size: 14px;\r\n      color: ${theme.palette.grey.fiftyP};\r\n      text-transform: uppercase;\r\n      margin: 0;\r\n      width: 33px;\r\n      line-height: normal;\r\n    }\r\n  }\r\n  .react-datepicker__month {\r\n    padding: 0;\r\n    margin: 20px 0 0 !important;\r\n    border: none;\r\n    width: 100%;\r\n    height: calc(100% - 85px);\r\n    .react-datepicker__week {\r\n      display: flex;\r\n      justify-content: space-between;\r\n    }\r\n  }\r\n  .react-datepicker__week {\r\n    margin-bottom: 10px;\r\n    &:last-of-type {\r\n      margin-bottom: 0;\r\n    }\r\n  }\r\n  .react-datepicker__day {\r\n    width: 33px;\r\n    height: 33px;\r\n    user-select: none;\r\n    border-radius: 50% !important;\r\n    transition: background ease-out 0.3s;\r\n    border: 1px solid transparent;\r\n    margin: 0;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    font-weight: 500;\r\n    font-size: 16px;\r\n    &:hover {\r\n      background: ${theme.palette.background.light3};\r\n    }\r\n    &:active {\r\n      background: ${theme.palette.background.light3};\r\n    }\r\n  }\r\n  .react-datepicker__day--outside-month,\r\n  .react-datepicker__day--disabled {\r\n    color: #a6aebc;\r\n    p {\r\n      color: #a6aebc;\r\n    }\r\n  }\r\n  .react-datepicker__day--keyboard-selected {\r\n    background: transparent;\r\n    color: inherit;\r\n  }\r\n  .react-datepicker__day--selected {\r\n    background: white;\r\n    border: 1px solid #e1e4e8;\r\n    color: ${theme.palette.brand.main};\r\n    p {\r\n      color: ${theme.palette.brand.main};\r\n    }\r\n  }\r\n  .react-datepicker__day--selected.warning_day {\r\n    border-color: ${theme.palette.grey.fifteenB};\r\n    background-color: ${theme.palette.red.seventy};\r\n    color: ${theme.palette.grey.zero};\r\n  }\r\n  @media (max-width: 600px) {\r\n    .react-datepicker__day {\r\n      max-width: 48px;\r\n      max-height: 48px;\r\n      width: calc((100vw - (18px * 7)) / 7);\r\n      height: calc((100vw - (18px * 7)) / 7);\r\n    }\r\n    .react-datepicker__day-names {\r\n      .react-datepicker__day-name {\r\n        max-width: 48px;\r\n        width: calc((100vw - (18px * 7)) / 7);\r\n      }\r\n    }\r\n  }\r\n  @media (max-width: 350px) {\r\n    .react-datepicker__day {\r\n      width: calc((100vw - (6px * 7)) / 7);\r\n      height: calc((100vw - (6px * 7)) / 7);\r\n    }\r\n    .react-datepicker__day-names {\r\n      .react-datepicker__day-name {\r\n        width: calc((100vw - (6px * 7)) / 7);\r\n      }\r\n    }\r\n  }\r\n`\r\n","/** @jsxImportSource @emotion/react */\r\nimport * as React from \"react\"\r\nimport { ForwardedRef, forwardRef, SyntheticEvent, useState } from \"react\"\r\nimport DatePicker, { registerLocale } from \"react-datepicker\"\r\nimport ru from \"date-fns/locale/ru\"\r\nimport styled from \"@emotion/styled\"\r\nimport { DateTime } from \"luxon\"\r\nimport _ from \"lodash\"\r\nimport { Modal, theme } from \"kui-basic\"\r\nimport { useController } from \"react-hook-form\"\r\nimport InputForDatepicker from \"../InputForDatepicker\"\r\nimport { InputWithDatePickerProps } from \"./types\"\r\nimport useToggle from \"../../hooks/useToggle\"\r\nimport { isValidWithMaskExp } from \"../../utils/regexp\"\r\nimport CalendarHeaderWithSelect from \"../CalendarHeaderWithSelect\"\r\nimport ModalFooter from \"../ModalFooter\"\r\nimport CalendarStandardContainer from \"../CalendarStandardContainer\"\r\n\r\nregisterLocale(\"ru\", ru)\r\n\r\nconst generateYearRange = (offsetFromCurrent: number, maxYearCount: number) => {\r\n  const endYear = DateTime.now().year - offsetFromCurrent\r\n\r\n  return _.range(maxYearCount).map((elem) => {\r\n    const fullYear = endYear - elem\r\n    return {\r\n      value: fullYear,\r\n      label: fullYear,\r\n    }\r\n  })\r\n}\r\n\r\nconst InputWithDatePicker = forwardRef(\r\n  (\r\n    {\r\n      title,\r\n      description,\r\n      name,\r\n      form,\r\n      disabled,\r\n      yearParams,\r\n      ...props\r\n    }: InputWithDatePickerProps,\r\n    ref: ForwardedRef<HTMLInputElement>\r\n  ) => {\r\n    const { field, fieldState } = useController({\r\n      name: name!,\r\n      control: form.control,\r\n    })\r\n    const error = fieldState.error?.message\r\n\r\n    const [isModalOpen, handleModalOpen, handleModalClose] = useToggle()\r\n    const [value, setValue] = useState(\r\n      field.value\r\n        ? DateTime.fromJSDate(new Date(String(field.value))).toFormat(\r\n            \"dd.MM.yyyy\"\r\n          )\r\n        : null\r\n    )\r\n    const [date, setDate] = useState<Date | null>(\r\n      value ? DateTime.fromFormat(value, \"dd.MM.yyyy\").toJSDate() : null\r\n    )\r\n    const yearList = generateYearRange(yearParams!.min, yearParams!.max)\r\n\r\n    const handleChange = (e: SyntheticEvent<HTMLInputElement>) => {\r\n      const targetValue = (e.target as HTMLInputElement).value\r\n      setValue(targetValue)\r\n      if (targetValue.length !== 0 && isValidWithMaskExp.test(targetValue)) {\r\n        const jsDate = DateTime.fromFormat(targetValue, \"dd.MM.yyyy\").toJSDate()\r\n        setDate(jsDate)\r\n        field?.onChange({ target: { value: jsDate, name }, type: \"change\" })\r\n      } else {\r\n        setDate(null)\r\n        field?.onChange({ target: { value: null, name }, type: \"change\" })\r\n      }\r\n    }\r\n\r\n    const acceptWithDateSelected = () => {\r\n      if (date) {\r\n        setValue(DateTime.fromJSDate(date).toFormat(\"dd.MM.yyyy\"))\r\n        field?.onChange({ target: { value: date, name }, type: \"change\" })\r\n        handleModalClose()\r\n      }\r\n    }\r\n\r\n    return (\r\n      <>\r\n        <InputForDatepicker\r\n          mask=\"99.99.9999\"\r\n          name={name}\r\n          handleCLick={handleModalOpen}\r\n          value={value}\r\n          onChange={handleChange}\r\n          disabled={disabled}\r\n          message={error}\r\n          ref={ref as any}\r\n          {...props}\r\n        />\r\n        <Modal\r\n          title={title}\r\n          description={description}\r\n          isOpen={isModalOpen}\r\n          handleClose={handleModalClose}\r\n        >\r\n          <ContentWrapper>\r\n            <DatePicker\r\n              inline\r\n              selected={date}\r\n              onChange={(newDate) => setDate(newDate)}\r\n              locale=\"ru\"\r\n              calendarContainer={StyledCalendarStandardContainer}\r\n              renderCustomHeader={(headProps) => (\r\n                <CalendarHeaderWithSelect\r\n                  yearOptions={yearList}\r\n                  {...headProps}\r\n                />\r\n              )}\r\n              renderDayContents={(day: number) => (\r\n                <DayContent>{day}</DayContent>\r\n              )}\r\n            />\r\n          </ContentWrapper>\r\n          <ModalFooter\r\n            fullWidth\r\n            disabled={!date}\r\n            onClick={acceptWithDateSelected}\r\n            label=\"Подтвердить\"\r\n          />\r\n        </Modal>\r\n      </>\r\n    )\r\n  }\r\n)\r\n\r\nInputWithDatePicker.defaultProps = {\r\n  title: \"Дата рождения\",\r\n  description: \"Выберите год, месяц и число вашего рождения\",\r\n  yearParams: { min: 18, max: 120 },\r\n}\r\n\r\nexport default InputWithDatePicker\r\n\r\nconst ContentWrapper = styled.div`\r\n  padding: 36px 40px 24px;\r\n  @media (max-width: 600px) {\r\n    padding: 20px 0 0;\r\n  }\r\n`\r\n\r\nconst StyledCalendarStandardContainer = styled(CalendarStandardContainer)`\r\n  height: 410px;\r\n  .react-datepicker__header {\r\n    padding: 0 !important;\r\n  }\r\n  .react-datepicker__day-names {\r\n    padding: 35px 22px 0;\r\n    background-color: ${theme.palette.background.light1};\r\n    border-radius: 16px 16px 0 0;\r\n    @media (max-width: 900px) {\r\n      padding: 24px 16px 0;\r\n    }\r\n  }\r\n  .react-datepicker__month {\r\n    justify-content: space-between;\r\n    height: calc(100% - 124px);\r\n    background-color: ${theme.palette.background.light1};\r\n    border-radius: 0 0 16px 16px;\r\n    padding: 20px 22px 24px;\r\n    margin: 0 !important;\r\n    box-sizing: border-box;\r\n    @media (max-width: 900px) {\r\n      padding: 20px 16px 24px;\r\n    }\r\n  }\r\n  @media (max-width: 600px) {\r\n    height: auto;\r\n    margin-bottom: -4px;\r\n  }\r\n`\r\n\r\nconst DayContent = styled.span`\r\n  padding-top: 1px;\r\n  @media (max-width: 600px) {\r\n    font-weight: 400;\r\n  }\r\n`\r\n"],"names":["forwardRef","_jsx","InputMask","InputWithAdornments","CalendarIcon","styled","templateObject_1","useState","css","theme","useRef","useEffect","Grid","Caption","templateObject_2","templateObject_3","_jsxs","Wrapper","HalfArrowIcon","Divider","CheckIcon","Button","registerLocale","ru","DateTime","_","useController","_Fragment","Modal","DatePicker"],"mappings":"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"}

package/InputWithDatePicker/cjs/package.json

@@ -0,0 +1,14 @@
+{
+  "sideEffects": false,
+  "main": "./cjs/index.js",
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "dependencies": {
+    "lodash": "^4.17.21",
+    "luxon": "^3.3.0",
+    "react": "^18.2.0",
+    "react-datepicker": "^4.12.0",
+    "react-hook-form": "^7.43.9",
+    "react-input-mask": "^2.0.4"
+  }
+}

package/InputWithDatePicker/index.d.ts

@@ -0,0 +1,18 @@
+import * as kui_basic from 'kui-basic';
+import * as react_datepicker from 'react-datepicker';
+import * as React from 'react';
+
+declare const InputWithDatePicker: React.ForwardRefExoticComponent<Pick<{
+    title?: string | undefined;
+    description?: string | undefined;
+    yearParams?: {
+        min: number;
+        max: number;
+    } | undefined;
+    defaultValue?: Date | undefined;
+    name?: string | undefined;
+    datePickerProps?: react_datepicker.ReactDatePickerProps<never, undefined> | undefined;
+    form: any;
+} & kui_basic.InputWithAdornmentsProps, "title" | "description" | "name" | "form" | "disabled" | "yearParams" | "defaultValue" | "datePickerProps" | "cornerLabel" | "isTextArea" | "inputRef" | "inputStyles" | "labelStyles" | "label" | "startIcon" | "endIcon" | "messageClassName" | "labelInlineStyles" | "message" | "messageVariant" | "inputValue" | "type" | "key" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "enterKeyHint" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "list" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "pattern" | "placeholder" | "readOnly" | "required" | "size" | "src" | "step" | "value" | "width" | "onChange" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLInputElement>>;
+
+export { InputWithDatePicker as default };

package/InputWithDatePicker/index.js

@@ -0,0 +1,337 @@
+import { jsx as jsx$1, jsxs, Fragment } from '@emotion/react/jsx-runtime';
+import { forwardRef, useState, useRef, useEffect } from 'react';
+import DatePicker, { registerLocale } from 'react-datepicker';
+import ru from 'date-fns/locale/ru';
+import styled from '@emotion/styled';
+import { DateTime } from 'luxon';
+import _ from 'lodash';
+import { InputWithAdornments, Grid, theme, Caption, Button, Divider, Modal } from 'kui-basic';
+import { useController } from 'react-hook-form';
+import { jsx, jsxs as jsxs$1 } from 'react/jsx-runtime';
+import InputMask from 'react-input-mask';
+import { CalendarIcon, HalfArrowIcon, CheckIcon } from 'kui-icon';
+import { css } from '@emotion/react';
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+function __makeTemplateObject(cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+}
+
+var InputForDatepicker = forwardRef(function (_a, ref) {
+    var onClick = _a.onClick, onBlur = _a.onBlur, onFocus = _a.onFocus, props = __rest(_a, ["onClick", "onBlur", "onFocus"]);
+    var onChange = props.onChange, readOnly = props.readOnly, disabled = props.disabled, mask = props.mask, handleCLick = props.handleCLick, other = __rest(props, ["onChange", "readOnly", "disabled", "mask", "handleCLick"]);
+    var handleIconClick = function () {
+        if (handleCLick) {
+            handleCLick();
+        }
+        else {
+            onClick();
+        }
+    };
+    return (jsx(InputMask, __assign({ mask: mask, onChange: onChange, value: props.value, maskPlaceholder: null, alwaysShowMask: false, disabled: disabled, readOnly: readOnly, onFocus: onFocus, onBlur: onBlur }, { children: function () { return (jsx(InputWithAdornments, __assign({ onChange: onChange, disabled: disabled, value: props.value, endIcon: jsx(IconWrapper, __assign({ onClick: handleIconClick }, { children: jsx(CalendarIcon, { width: 19, height: 21 }) })) }, other, { ref: ref }))); } })));
+});
+var IconWrapper = styled.div(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  z-index: 1;\n"], ["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  z-index: 1;\n"])));
+var templateObject_1$7;
+
+var useToggle = function (isModalOpen) {
+    if (isModalOpen === void 0) { isModalOpen = false; }
+    var _a = useState(isModalOpen), isOpen = _a[0], setIsOpen = _a[1];
+    var handleClose = function () {
+        setIsOpen(false);
+    };
+    var handleOpen = function () {
+        setIsOpen(true);
+    };
+    return [isOpen, handleOpen, handleClose];
+};
+
+var isValidWithMaskExp = /^[^_]+$/;
+
+var dropdownStyles = function (_a) {
+    var isOpen = _a.isOpen;
+    return css(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject(["\n  width: 100%;\n  max-height: 389px;\n  display: ", ";\n  position: absolute;\n  background: ", ";\n  z-index: 3;\n  border: 1px solid ", ";\n  top: 64px;\n  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);\n  border-radius: 8px;\n  overflow: auto;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  overflow-y: scroll;\n  user-select: none;\n  &::-webkit-scrollbar {\n    width: 0px;\n  },\n"], ["\n  width: 100%;\n  max-height: 389px;\n  display: ", ";\n  position: absolute;\n  background: ", ";\n  z-index: 3;\n  border: 1px solid ", ";\n  top: 64px;\n  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);\n  border-radius: 8px;\n  overflow: auto;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  overflow-y: scroll;\n  user-select: none;\n  &::-webkit-scrollbar {\n    width: 0px;\n  },\n"])), isOpen ? "flex" : "none", theme.palette.grey.zero, theme.palette.grey.fifteenB);
+};
+var InputDropdown = forwardRef(function (_a, ref) {
+    var isOpen = _a.isOpen, handleClose = _a.handleClose, buttonRef = _a.buttonRef, children = _a.children, otherProps = __rest(_a, ["isOpen", "handleClose", "buttonRef", "children"]);
+    var dropdownRef = useRef(null);
+    var closePopUp = function (e) {
+        if (dropdownRef.current && buttonRef && buttonRef.current) {
+            if (!dropdownRef.current.contains(e.target) &&
+                !buttonRef.current.contains(e.target)) {
+                handleClose();
+            }
+        }
+    };
+    useEffect(function () {
+        document.addEventListener("click", closePopUp);
+        return function () {
+            document.removeEventListener("click", closePopUp);
+        };
+    });
+    if (!isOpen) {
+        return null;
+    }
+    var forwardedRef = function (elem) {
+        if (typeof ref === "function")
+            ref(elem);
+        else if (ref)
+            ref.current = elem;
+        dropdownRef.current = elem;
+    };
+    return (jsx$1(Grid, __assign({ "data-testid": "input_dropdown", container: true, ref: forwardedRef, css: dropdownStyles({ isOpen: isOpen }) }, otherProps, { children: children })));
+});
+var templateObject_1$6;
+
+var InputSelectDropdown = function (_a) {
+    var options = _a.options, inputRef = _a.inputRef, isOpenDropdown = _a.isOpenDropdown, handleCloseDropdown = _a.handleCloseDropdown, handleSelect = _a.handleSelect, selectedValue = _a.selectedValue;
+    var dropdownRef = useRef(null);
+    useEffect(function () {
+        var _a;
+        if (isOpenDropdown) {
+            var element = document.querySelector("[data-value=autocomplete_option_".concat(selectedValue, "]"));
+            var coordinates = element === null || element === void 0 ? void 0 : element.getBoundingClientRect();
+            if (coordinates && inputRef.current && element) {
+                (_a = dropdownRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({
+                    top: coordinates.top -
+                        inputRef.current.clientHeight -
+                        element.clientHeight,
+                });
+            }
+        }
+    }, [isOpenDropdown]);
+    return (jsx$1(InputDropdown, __assign({ ref: dropdownRef, buttonRef: inputRef, isOpen: isOpenDropdown, handleClose: handleCloseDropdown, css: {
+            maxHeight: "142px",
+            padding: "4px",
+        } }, { children: options.map(function (option, key) { return (jsx$1(OptionWrapper, __assign({ onClick: function () { return handleSelect(option); }, "data-value": "autocomplete_option_".concat(option.value), "data-testid": "autocomplete_option_".concat(key) }, { children: jsx$1(StyledOption, __assign({ css: selectedValue === option.value && selectedStyles }, { children: jsx$1(Caption, __assign({ size: "sm", weight: 500 }, { children: option.label })) })) }), option.label)); }) })));
+};
+var OptionWrapper = styled.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"])));
+var StyledOption = styled.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"])), theme.palette.background.light1);
+var selectedStyles = css(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n  background-color: ", ";\n"], ["\n  background-color: ", ";\n"])), theme.palette.background.light1);
+var templateObject_1$5, templateObject_2$3, templateObject_3$3;
+
+var getFormValue = function (name, form) {
+    var names = name === null || name === void 0 ? void 0 : name.split(".");
+    var fieldValue = form === null || form === void 0 ? void 0 : form.control._formValues;
+    names === null || names === void 0 ? void 0 : names.forEach(function (field) {
+        if (fieldValue) {
+            fieldValue = fieldValue[field];
+        }
+    });
+    return fieldValue;
+};
+var getFormError = function (name, form) {
+    var names = name === null || name === void 0 ? void 0 : name.split(".");
+    var fieldError = form === null || form === void 0 ? void 0 : form.formState.errors;
+    names === null || names === void 0 ? void 0 : names.forEach(function (field) {
+        if (fieldError) {
+            // @ts-ignore
+            fieldError = fieldError[field];
+        }
+    });
+    return fieldError === null || fieldError === void 0 ? void 0 : fieldError.message;
+};
+
+var InputSelect = forwardRef(function (props, ref) {
+    var _a, _b, _c;
+    var options = props.options, name = props.name, handleChange = props.handleChange, form = props.form, iconProps = props.iconProps, defaultValue = props.value, other = __rest(props, ["options", "name", "handleChange", "form", "iconProps", "value"]);
+    var _d = useState(false), isOpenDropdown = _d[0], setIsOpenDropDown = _d[1];
+    var _e = useState(defaultValue || getFormValue(name, form)), value = _e[0], setValue = _e[1];
+    var error = getFormError(name, form);
+    var inputRef = useRef(null);
+    var selectedLabel = (_a = options === null || options === void 0 ? void 0 : options.find(function (option) { return String(option.value) === String(value); })) === null || _a === void 0 ? void 0 : _a.label;
+    var register = form === null || form === void 0 ? void 0 : form.register(name);
+    var handleOpenDropdown = function () {
+        var _a, _b, _c, _d;
+        if ((_b = (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.parentElement) {
+            (_d = (_c = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _c === void 0 ? void 0 : _c.parentElement) === null || _d === void 0 ? void 0 : _d.parentElement.focus();
+        }
+        setIsOpenDropDown(function (prev) { return !prev; });
+    };
+    var handleCloseDropdown = function () {
+        setIsOpenDropDown(false);
+    };
+    var handleSelect = function (option) {
+        setValue(option.value);
+        if (handleChange) {
+            handleChange(option.value);
+        }
+        if (form) {
+            register === null || register === void 0 ? void 0 : register.onChange({
+                target: { value: option.value, name: name },
+                type: "change",
+            });
+        }
+        handleCloseDropdown();
+    };
+    var forwardedRef = function (e) {
+        if (ref) {
+            // eslint-disable-next-line no-param-reassign
+            // @ts-ignore
+            ref.current = e;
+        }
+        // @ts-ignore
+        inputRef.current = e;
+        register === null || register === void 0 ? void 0 : register.ref(e);
+    };
+    return (jsxs(Wrapper$1, { children: [jsx$1("input", { name: name, autoComplete: "off", hidden: true }), jsx$1(StyledInput, __assign({ onClick: handleOpenDropdown, readOnly: true, value: selectedLabel, message: error }, other, { endIcon: !props.disabled && (jsx$1(StyledIconWrapper, { children: jsx$1(HalfArrowIcon, __assign({ width: 12, height: 13, css: [
+                            { transition: "all linear .2s" },
+                            isOpenDropdown && { transform: "rotate(180deg)" },
+                        ] }, iconProps)) })) }, register, { ref: forwardedRef })), options && options.length > 0 && !props.disabled && (jsx$1(InputSelectDropdown, { options: options, inputRef: {
+                    current: (_c = (_b = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _b === void 0 ? void 0 : _b.parentElement) === null || _c === void 0 ? void 0 : _c.parentElement,
+                }, isOpenDropdown: isOpenDropdown, handleCloseDropdown: handleCloseDropdown, handleSelect: handleSelect, selectedValue: value }))] }));
+});
+var Wrapper$1 = styled.div(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n  position: relative;\n  text-align: left;\n  width: fit-content;\n"], ["\n  position: relative;\n  text-align: left;\n  width: fit-content;\n"])));
+var StyledInput = styled(InputWithAdornments)(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n  cursor: pointer;\n  input,\n  label {\n    cursor: pointer !important;\n  }\n"], ["\n  cursor: pointer;\n  input,\n  label {\n    cursor: pointer !important;\n  }\n"])));
+var StyledIconWrapper = styled.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"])));
+var templateObject_1$4, templateObject_2$2, templateObject_3$2;
+
+var SelectYear = function (_a) {
+    var yearOptions = _a.yearOptions; _a.options; var props = __rest(_a, ["yearOptions", "options"]);
+    return (
+    // @ts-ignore
+    jsx(InputSelect, __assign({ label: "Year", options: yearOptions }, props)));
+};
+
+var monthValues = [
+    { value: 0, label: "January" },
+    { value: 1, label: "February" },
+    { value: 2, label: "March" },
+    { value: 3, label: "April" },
+    { value: 4, label: "May" },
+    { value: 5, label: "June" },
+    { value: 6, label: "July" },
+    { value: 7, label: "August" },
+    { value: 8, label: "September" },
+    { value: 9, label: "October" },
+    { value: 10, label: "November" },
+    { value: 11, label: "December" },
+];
+var SelectMonth = function (_a) {
+    _a.options; var props = __rest(_a, ["options"]);
+    return (
+    // @ts-ignore
+    jsx(InputSelect, __assign({ label: "Month", options: monthValues }, props)));
+};
+
+var CalendarHeaderWithSelect = function (_a) {
+    var changeMonth = _a.changeMonth, changeYear = _a.changeYear, date = _a.date, yearOptions = _a.yearOptions;
+    var year = date.getFullYear();
+    var month = date.getMonth() + 1;
+    return (jsx(Wrapper, { children: jsxs$1(Grid, __assign({ container: true, spacing: 2 }, { children: [jsx(Grid, __assign({ item: true, xs: 6 }, { children: jsx(SelectYear, { yearOptions: yearOptions, value: year, handleChange: changeYear }) })), jsx(Grid, __assign({ item: true, xs: 6 }, { children: jsx(SelectMonth, { value: month, handleChange: changeMonth }) }))] })) }));
+};
+var Wrapper = styled.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"])));
+var templateObject_1$3;
+
+var ModalFooter = function (_a) {
+    var label = _a.label, button = _a.button, otherProps = __rest(_a, ["label", "button"]);
+    return (jsxs$1(StyledFooter, { children: [jsx(Divider, {}), jsx(ButtonWrapper, { children: button || (jsx(ButtonStyled, __assign({ fullWidth: true, size: "s", endIcon: jsx(CheckIcon, {}) }, otherProps, { children: label }))) })] }));
+};
+var StyledFooter = styled.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"])), theme.palette.grey.zero);
+var ButtonWrapper = styled.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"])));
+var ButtonStyled = styled(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"])));
+var templateObject_1$2, templateObject_2$1, templateObject_3$1;
+
+var CalendarStandardContainer = function (_a) {
+    _a.arrowProps; _a.showPopperArrow; var props = __rest(_a, ["arrowProps", "showPopperArrow"]);
+    return jsx(DatePickerContainer, __assign({}, props));
+};
+var DatePickerContainer = styled.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"])), theme.palette.grey.fiftyP, theme.palette.background.light3, theme.palette.background.light3, theme.palette.brand.main, theme.palette.brand.main, theme.palette.grey.fifteenB, theme.palette.red.seventy, theme.palette.grey.zero);
+var templateObject_1$1;
+
+registerLocale("ru", ru);
+var generateYearRange = function (offsetFromCurrent, maxYearCount) {
+    var endYear = DateTime.now().year - offsetFromCurrent;
+    return _.range(maxYearCount).map(function (elem) {
+        var fullYear = endYear - elem;
+        return {
+            value: fullYear,
+            label: fullYear,
+        };
+    });
+};
+var InputWithDatePicker = forwardRef(function (_a, ref) {
+    var _b;
+    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"]);
+    var _c = useController({
+        name: name,
+        control: form.control,
+    }), field = _c.field, fieldState = _c.fieldState;
+    var error = (_b = fieldState.error) === null || _b === void 0 ? void 0 : _b.message;
+    var _d = useToggle(), isModalOpen = _d[0], handleModalOpen = _d[1], handleModalClose = _d[2];
+    var _e = useState(field.value
+        ? DateTime.fromJSDate(new Date(String(field.value))).toFormat("dd.MM.yyyy")
+        : null), value = _e[0], setValue = _e[1];
+    var _f = useState(value ? DateTime.fromFormat(value, "dd.MM.yyyy").toJSDate() : null), date = _f[0], setDate = _f[1];
+    var yearList = generateYearRange(yearParams.min, yearParams.max);
+    var handleChange = function (e) {
+        var targetValue = e.target.value;
+        setValue(targetValue);
+        if (targetValue.length !== 0 && isValidWithMaskExp.test(targetValue)) {
+            var jsDate = DateTime.fromFormat(targetValue, "dd.MM.yyyy").toJSDate();
+            setDate(jsDate);
+            field === null || field === void 0 ? void 0 : field.onChange({ target: { value: jsDate, name: name }, type: "change" });
+        }
+        else {
+            setDate(null);
+            field === null || field === void 0 ? void 0 : field.onChange({ target: { value: null, name: name }, type: "change" });
+        }
+    };
+    var acceptWithDateSelected = function () {
+        if (date) {
+            setValue(DateTime.fromJSDate(date).toFormat("dd.MM.yyyy"));
+            field === null || field === void 0 ? void 0 : field.onChange({ target: { value: date, name: name }, type: "change" });
+            handleModalClose();
+        }
+    };
+    return (jsxs(Fragment, { children: [jsx$1(InputForDatepicker, __assign({ mask: "99.99.9999", name: name, handleCLick: handleModalOpen, value: value, onChange: handleChange, disabled: disabled, message: error, ref: ref }, props)), jsxs(Modal, __assign({ title: title, description: description, isOpen: isModalOpen, handleClose: handleModalClose }, { children: [jsx$1(ContentWrapper, { children: jsx$1(DatePicker, { inline: true, selected: date, onChange: function (newDate) { return setDate(newDate); }, locale: "ru", calendarContainer: StyledCalendarStandardContainer, renderCustomHeader: function (headProps) { return (jsx$1(CalendarHeaderWithSelect, __assign({ yearOptions: yearList }, headProps))); }, renderDayContents: function (day) { return (jsx$1(DayContent, { children: day })); } }) }), jsx$1(ModalFooter, { fullWidth: true, disabled: !date, onClick: acceptWithDateSelected, label: "\u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0434\u0438\u0442\u044C" })] }))] }));
+});
+InputWithDatePicker.defaultProps = {
+    title: "Дата рождения",
+    description: "Выберите год, месяц и число вашего рождения",
+    yearParams: { min: 18, max: 120 },
+};
+var ContentWrapper = styled.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"])));
+var StyledCalendarStandardContainer = styled(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"])), theme.palette.background.light1, theme.palette.background.light1);
+var DayContent = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  padding-top: 1px;\n  @media (max-width: 600px) {\n    font-weight: 400;\n  }\n"], ["\n  padding-top: 1px;\n  @media (max-width: 600px) {\n    font-weight: 400;\n  }\n"])));
+var templateObject_1, templateObject_2, templateObject_3;
+
+export { InputWithDatePicker as default };
+//# sourceMappingURL=index.js.map