@consta/uikit 5.27.1 → 5.28.0

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.
Files changed (191) hide show
  1. package/ModalDeprecated/index.d.ts +1 -0
  2. package/ModalDeprecated/index.js +1 -0
  3. package/Notification/index.d.ts +1 -0
  4. package/Notification/index.js +1 -0
  5. package/SidebarDeprecated/index.d.ts +1 -0
  6. package/SidebarDeprecated/index.js +1 -0
  7. package/__internal__/src/components/Chips/ChipsChoice/ChipsChoice.js +1 -1
  8. package/__internal__/src/components/Chips/ChipsChoice/ChipsChoice.js.map +1 -1
  9. package/__internal__/src/components/DatePicker/DatePicker.js +1 -1
  10. package/__internal__/src/components/DatePicker/DatePicker.js.map +1 -1
  11. package/__internal__/src/components/DatePicker/DatePickerDropdown/DatePickerDropdown.d.ts +2 -4
  12. package/__internal__/src/components/DatePicker/DatePickerDropdown/DatePickerDropdown.js.map +1 -1
  13. package/__internal__/src/components/DatePicker/DatePickerFieldTypeDate/DatePickerFieldTypeDate.js +1 -1
  14. package/__internal__/src/components/DatePicker/DatePickerFieldTypeDate/DatePickerFieldTypeDate.js.map +1 -1
  15. package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateTime/DatePickerFieldTypeDateTime.d.ts +2 -4
  16. package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateTime/DatePickerFieldTypeDateTime.js +1 -1
  17. package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateTime/DatePickerFieldTypeDateTime.js.map +1 -1
  18. package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateTime/helpers.d.ts +3 -6
  19. package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateTime/helpers.js +1 -1
  20. package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateTime/helpers.js.map +1 -1
  21. package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateTimeRange/DatePickerFieldTypeDateTimeRange.d.ts +1 -0
  22. package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateTimeRange/DatePickerFieldTypeDateTimeRange.js +1 -1
  23. package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateTimeRange/DatePickerFieldTypeDateTimeRange.js.map +1 -1
  24. package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateTimeRange/helpers.d.ts +2 -0
  25. package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateTimeRange/helpers.js.map +1 -1
  26. package/__internal__/src/components/DatePicker/DatePickerFieldTypeMonth/DatePickerFieldTypeMonth.js +1 -1
  27. package/__internal__/src/components/DatePicker/DatePickerFieldTypeMonth/DatePickerFieldTypeMonth.js.map +1 -1
  28. package/__internal__/src/components/DatePicker/DatePickerFieldTypeTime/DatePickerFieldTypeTime.d.ts +2 -4
  29. package/__internal__/src/components/DatePicker/DatePickerFieldTypeTime/DatePickerFieldTypeTime.js +1 -1
  30. package/__internal__/src/components/DatePicker/DatePickerFieldTypeTime/DatePickerFieldTypeTime.js.map +1 -1
  31. package/__internal__/src/components/DatePicker/DatePickerFieldTypeTime/helpers.d.ts +3 -6
  32. package/__internal__/src/components/DatePicker/DatePickerFieldTypeTime/helpers.js +1 -1
  33. package/__internal__/src/components/DatePicker/DatePickerFieldTypeTime/helpers.js.map +1 -1
  34. package/__internal__/src/components/DatePicker/DatePickerFieldTypeYear/DatePickerFieldTypeYear.js +1 -1
  35. package/__internal__/src/components/DatePicker/DatePickerFieldTypeYear/DatePickerFieldTypeYear.js.map +1 -1
  36. package/__internal__/src/components/DatePicker/DatePickerTypeDateTime/DatePickerTypeDateTime.js +1 -1
  37. package/__internal__/src/components/DatePicker/DatePickerTypeDateTime/DatePickerTypeDateTime.js.map +1 -1
  38. package/__internal__/src/components/DatePicker/DatePickerTypeDateTimeRange/DatePickerTypeDateTimeRange.js +1 -1
  39. package/__internal__/src/components/DatePicker/DatePickerTypeDateTimeRange/DatePickerTypeDateTimeRange.js.map +1 -1
  40. package/__internal__/src/components/DatePicker/DatePickerTypeTime/DatePickerTypeTime.js +1 -1
  41. package/__internal__/src/components/DatePicker/DatePickerTypeTime/DatePickerTypeTime.js.map +1 -1
  42. package/__internal__/src/components/DatePicker/helpers.d.ts +27 -8
  43. package/__internal__/src/components/DatePicker/helpers.js +1 -1
  44. package/__internal__/src/components/DatePicker/helpers.js.map +1 -1
  45. package/__internal__/src/components/DatePicker/types.d.ts +26 -5
  46. package/__internal__/src/components/DatePicker/types.js +1 -1
  47. package/__internal__/src/components/DatePicker/types.js.map +1 -1
  48. package/__internal__/src/components/DateTime/DateTime.js +1 -1
  49. package/__internal__/src/components/DateTime/DateTime.js.map +1 -1
  50. package/__internal__/src/components/DateTime/DateTimeTypeDate/DateTimeTypeDate.js +1 -1
  51. package/__internal__/src/components/DateTime/DateTimeTypeDate/DateTimeTypeDate.js.map +1 -1
  52. package/__internal__/src/components/DateTime/DateTimeTypeDateTime/DateTimeTypeDateTime.js +1 -1
  53. package/__internal__/src/components/DateTime/DateTimeTypeDateTime/DateTimeTypeDateTime.js.map +1 -1
  54. package/__internal__/src/components/DateTime/DateTimeTypeDateTime/useOnChange.d.ts +2 -2
  55. package/__internal__/src/components/DateTime/DateTimeTypeDateTime/useOnChange.js +1 -1
  56. package/__internal__/src/components/DateTime/DateTimeTypeDateTime/useOnChange.js.map +1 -1
  57. package/__internal__/src/components/DateTime/DateTimeTypeMonth/DateTimeTypeMonth.js +1 -1
  58. package/__internal__/src/components/DateTime/DateTimeTypeMonth/DateTimeTypeMonth.js.map +1 -1
  59. package/__internal__/src/components/DateTime/DateTimeTypeTime/DateTimeTypeTime.js +1 -1
  60. package/__internal__/src/components/DateTime/DateTimeTypeTime/DateTimeTypeTime.js.map +1 -1
  61. package/__internal__/src/components/DateTime/DateTimeTypeTime/helpers.d.ts +5 -2
  62. package/__internal__/src/components/DateTime/DateTimeTypeTime/helpers.js +1 -1
  63. package/__internal__/src/components/DateTime/DateTimeTypeTime/helpers.js.map +1 -1
  64. package/__internal__/src/components/DateTime/DateTimeTypeYear/DateTimeTypeYear.js +1 -1
  65. package/__internal__/src/components/DateTime/DateTimeTypeYear/DateTimeTypeYear.js.map +1 -1
  66. package/__internal__/src/components/DateTime/helpers/getDisableDatesKey.d.ts +2 -0
  67. package/__internal__/src/components/DateTime/helpers/getDisableDatesKey.js +2 -0
  68. package/__internal__/src/components/DateTime/helpers/getDisableDatesKey.js.map +1 -0
  69. package/__internal__/src/components/DateTime/helpers/getTimeNumbers.d.ts +2 -0
  70. package/__internal__/src/components/DateTime/helpers/getTimeNumbers.js +2 -0
  71. package/__internal__/src/components/DateTime/helpers/getTimeNumbers.js.map +1 -0
  72. package/__internal__/src/components/DateTime/helpers/getTimeOptionsKey.d.ts +2 -0
  73. package/__internal__/src/components/DateTime/helpers/getTimeOptionsKey.js +2 -0
  74. package/__internal__/src/components/DateTime/helpers/getTimeOptionsKey.js.map +1 -0
  75. package/__internal__/src/components/DateTime/helpers/index.d.ts +3 -0
  76. package/__internal__/src/components/DateTime/helpers/index.js +1 -1
  77. package/__internal__/src/components/DateTime/helpers/index.js.map +1 -1
  78. package/__internal__/src/components/DateTime/helpers/types.d.ts +30 -3
  79. package/__internal__/src/components/DateTime/helpers/types.js.map +1 -1
  80. package/__internal__/src/components/DragNDropFieldCanary/DragNDropFieldInformer/DragNDropFieldInformer.d.ts +11 -2
  81. package/__internal__/src/components/DragNDropFieldCanary/DragNDropFieldInformer/DragNDropFieldInformer.js.map +1 -1
  82. package/__internal__/src/components/DragNDropFieldCanary/types.d.ts +2 -2
  83. package/__internal__/src/components/DragNDropFieldCanary/types.js.map +1 -1
  84. package/__internal__/src/components/FlatSelect/FlatSelect.js.map +1 -1
  85. package/__internal__/src/components/FlatSelect/FlatSelectRoot/FlatSelectRoot.js.map +1 -1
  86. package/__internal__/src/components/FlatSelect/defaultProps.js.map +1 -1
  87. package/__internal__/src/components/ModalDeprecated/ModalDeprecated.css +1 -0
  88. package/__internal__/src/components/ModalDeprecated/ModalDeprecated.d.ts +27 -0
  89. package/__internal__/src/components/ModalDeprecated/ModalDeprecated.js +2 -0
  90. package/__internal__/src/components/ModalDeprecated/ModalDeprecated.js.map +1 -0
  91. package/__internal__/src/components/ModalDeprecated/index.d.ts +1 -0
  92. package/__internal__/src/components/ModalDeprecated/index.js +2 -0
  93. package/__internal__/src/components/ModalDeprecated/index.js.map +1 -0
  94. package/__internal__/src/components/Notification/Notification/Notification.css +1 -0
  95. package/__internal__/src/components/Notification/Notification/Notification.d.ts +4 -0
  96. package/__internal__/src/components/Notification/Notification/Notification.js +2 -0
  97. package/__internal__/src/components/Notification/Notification/Notification.js.map +1 -0
  98. package/__internal__/src/components/Notification/Notification/helpers.d.ts +70 -0
  99. package/__internal__/src/components/Notification/Notification/helpers.js +2 -0
  100. package/__internal__/src/components/Notification/Notification/helpers.js.map +1 -0
  101. package/__internal__/src/components/Notification/Notification/index.d.ts +2 -0
  102. package/__internal__/src/components/Notification/Notification/index.js +2 -0
  103. package/__internal__/src/components/Notification/Notification/index.js.map +1 -0
  104. package/__internal__/src/components/Notification/Notification/types.d.ts +66 -0
  105. package/__internal__/src/components/Notification/Notification/types.js +2 -0
  106. package/__internal__/src/components/Notification/Notification/types.js.map +1 -0
  107. package/__internal__/src/components/Notification/NotificationActions/NotificationActions.d.ts +2 -0
  108. package/__internal__/src/components/Notification/NotificationActions/NotificationActions.js +2 -0
  109. package/__internal__/src/components/Notification/NotificationActions/NotificationActions.js.map +1 -0
  110. package/__internal__/src/components/Notification/NotificationActions/helpers.d.ts +21 -0
  111. package/__internal__/src/components/Notification/NotificationActions/helpers.js +2 -0
  112. package/__internal__/src/components/Notification/NotificationActions/helpers.js.map +1 -0
  113. package/__internal__/src/components/Notification/NotificationActions/index.d.ts +2 -0
  114. package/__internal__/src/components/Notification/NotificationActions/index.js +2 -0
  115. package/__internal__/src/components/Notification/NotificationActions/index.js.map +1 -0
  116. package/__internal__/src/components/Notification/NotificationActions/types.d.ts +30 -0
  117. package/__internal__/src/components/Notification/NotificationActions/types.js +2 -0
  118. package/__internal__/src/components/Notification/NotificationActions/types.js.map +1 -0
  119. package/__internal__/src/components/Notification/NotificationCaption/NotificationCaption.css +1 -0
  120. package/__internal__/src/components/Notification/NotificationCaption/NotificationCaption.d.ts +7 -0
  121. package/__internal__/src/components/Notification/NotificationCaption/NotificationCaption.js +2 -0
  122. package/__internal__/src/components/Notification/NotificationCaption/NotificationCaption.js.map +1 -0
  123. package/__internal__/src/components/Notification/NotificationCaption/index.d.ts +1 -0
  124. package/__internal__/src/components/Notification/NotificationCaption/index.js +2 -0
  125. package/__internal__/src/components/Notification/NotificationCaption/index.js.map +1 -0
  126. package/__internal__/src/components/Notification/NotificationGroup/NotificationGroup.css +1 -0
  127. package/__internal__/src/components/Notification/NotificationGroup/NotificationGroup.d.ts +4 -0
  128. package/__internal__/src/components/Notification/NotificationGroup/NotificationGroup.js +2 -0
  129. package/__internal__/src/components/Notification/NotificationGroup/NotificationGroup.js.map +1 -0
  130. package/__internal__/src/components/Notification/NotificationGroup/index.d.ts +2 -0
  131. package/__internal__/src/components/Notification/NotificationGroup/index.js +2 -0
  132. package/__internal__/src/components/Notification/NotificationGroup/index.js.map +1 -0
  133. package/__internal__/src/components/Notification/NotificationGroup/types.d.ts +12 -0
  134. package/__internal__/src/components/Notification/NotificationGroup/types.js +2 -0
  135. package/__internal__/src/components/Notification/NotificationGroup/types.js.map +1 -0
  136. package/__internal__/src/components/Notification/NotificationHeader/NotificationHeader.css +1 -0
  137. package/__internal__/src/components/Notification/NotificationHeader/NotificationHeader.d.ts +5 -0
  138. package/__internal__/src/components/Notification/NotificationHeader/NotificationHeader.js +2 -0
  139. package/__internal__/src/components/Notification/NotificationHeader/NotificationHeader.js.map +1 -0
  140. package/__internal__/src/components/Notification/NotificationHeader/index.d.ts +2 -0
  141. package/__internal__/src/components/Notification/NotificationHeader/index.js +2 -0
  142. package/__internal__/src/components/Notification/NotificationHeader/index.js.map +1 -0
  143. package/__internal__/src/components/Notification/NotificationHeader/types.d.ts +14 -0
  144. package/__internal__/src/components/Notification/NotificationHeader/types.js +2 -0
  145. package/__internal__/src/components/Notification/NotificationHeader/types.js.map +1 -0
  146. package/__internal__/src/components/Notification/NotificationItem/NotificationItem.css +1 -0
  147. package/__internal__/src/components/Notification/NotificationItem/NotificationItem.d.ts +6 -0
  148. package/__internal__/src/components/Notification/NotificationItem/NotificationItem.js +2 -0
  149. package/__internal__/src/components/Notification/NotificationItem/NotificationItem.js.map +1 -0
  150. package/__internal__/src/components/Notification/NotificationItem/index.d.ts +2 -0
  151. package/__internal__/src/components/Notification/NotificationItem/index.js +2 -0
  152. package/__internal__/src/components/Notification/NotificationItem/index.js.map +1 -0
  153. package/__internal__/src/components/Notification/NotificationItem/types.d.ts +19 -0
  154. package/__internal__/src/components/Notification/NotificationItem/types.js +2 -0
  155. package/__internal__/src/components/Notification/NotificationItem/types.js.map +1 -0
  156. package/__internal__/src/components/Notification/helpers/defaultDateFormat.d.ts +1 -0
  157. package/__internal__/src/components/Notification/helpers/defaultDateFormat.js +2 -0
  158. package/__internal__/src/components/Notification/helpers/defaultDateFormat.js.map +1 -0
  159. package/__internal__/src/components/Notification/helpers/groupLabelByDay.d.ts +1 -0
  160. package/__internal__/src/components/Notification/helpers/groupLabelByDay.js +2 -0
  161. package/__internal__/src/components/Notification/helpers/groupLabelByDay.js.map +1 -0
  162. package/__internal__/src/components/Notification/helpers/groupsByDay.d.ts +1 -0
  163. package/__internal__/src/components/Notification/helpers/groupsByDay.js +2 -0
  164. package/__internal__/src/components/Notification/helpers/groupsByDay.js.map +1 -0
  165. package/__internal__/src/components/Notification/helpers/index.d.ts +4 -0
  166. package/__internal__/src/components/Notification/helpers/index.js +2 -0
  167. package/__internal__/src/components/Notification/helpers/index.js.map +1 -0
  168. package/__internal__/src/components/Notification/helpers/sortGroupByDay.d.ts +5 -0
  169. package/__internal__/src/components/Notification/helpers/sortGroupByDay.js +2 -0
  170. package/__internal__/src/components/Notification/helpers/sortGroupByDay.js.map +1 -0
  171. package/__internal__/src/components/Notification/index.d.ts +7 -0
  172. package/__internal__/src/components/Notification/index.js +2 -0
  173. package/__internal__/src/components/Notification/index.js.map +1 -0
  174. package/__internal__/src/components/Sidebar/Sidebar.js +1 -1
  175. package/__internal__/src/components/Sidebar/Sidebar.js.map +1 -1
  176. package/__internal__/src/components/Sidebar/types.d.ts +1 -0
  177. package/__internal__/src/components/Sidebar/types.js.map +1 -1
  178. package/__internal__/src/components/SidebarDeprecated/SidebarDeprecated.css +1 -0
  179. package/__internal__/src/components/SidebarDeprecated/SidebarDeprecated.d.ts +39 -0
  180. package/__internal__/src/components/SidebarDeprecated/SidebarDeprecated.js +2 -0
  181. package/__internal__/src/components/SidebarDeprecated/SidebarDeprecated.js.map +1 -0
  182. package/__internal__/src/components/SidebarDeprecated/index.d.ts +1 -0
  183. package/__internal__/src/components/SidebarDeprecated/index.js +2 -0
  184. package/__internal__/src/components/SidebarDeprecated/index.js.map +1 -0
  185. package/__internal__/src/utils/getItemClick.d.ts +5 -0
  186. package/__internal__/src/utils/getItemClick.js +2 -0
  187. package/__internal__/src/utils/getItemClick.js.map +1 -0
  188. package/__internal__/src/utils/object/keys.d.ts +1 -0
  189. package/__internal__/src/utils/object/keys.js +2 -0
  190. package/__internal__/src/utils/object/keys.js.map +1 -0
  191. package/package.json +1 -1
@@ -0,0 +1 @@
1
+ export * from "../__internal__/src/components/ModalDeprecated";
@@ -0,0 +1 @@
1
+ export * from "../__internal__/src/components/ModalDeprecated";
@@ -0,0 +1 @@
1
+ export * from "../__internal__/src/components/Notification";
@@ -0,0 +1 @@
1
+ export * from "../__internal__/src/components/Notification";
@@ -0,0 +1 @@
1
+ export * from "../__internal__/src/components/SidebarDeprecated";
@@ -0,0 +1 @@
1
+ export * from "../__internal__/src/components/SidebarDeprecated";
@@ -1,2 +1,2 @@
1
- import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["value","onChange","multiple","getItemKey","getItemLabel","disabled"];import React,{forwardRef}from"react";import{Chips}from"./..";import{useChoiceGroup}from"../../../hooks/useChoiceGroup";import{defaultGetItemLabel}from"../helpers";export var getUndefined=function(){};export var getItemKeyDefault=function(a){return a.key};var ChipsChoiceRender=function(a,b){var c=a.value,d=a.onChange,e=a.multiple,f=a.getItemKey,g=void 0===f?getItemKeyDefault:f,h=a.getItemLabel,i=void 0===h?defaultGetItemLabel:h,j=a.disabled,k=void 0!==j&&j,l=_objectWithoutProperties(a,_excluded),m=useChoiceGroup({getKey:function getKey(a){var b=g(a);return typeof b!==void 0&&b?b:i(a)},value:c,callBack:d,multiple:e}),n=m.getOnChange,o=m.getChecked;return React.createElement(Chips,Object.assign({},l,{ref:b,onItemRightIconClick:getUndefined,onItemClick:function onItemClick(a,b){var c=b.e;return!k&&n(a)(c)},getItemIconRight:getUndefined,getItemAttributes:getUndefined,getItemActive:o,interactive:!k,disabled:k}))};export var ChipsChoice=forwardRef(ChipsChoiceRender);
1
+ import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["value","onChange","multiple","getItemKey","getItemLabel","disabled"];import React,{forwardRef}from"react";import{Chips}from"./..";import{useChoiceGroup}from"../../../hooks/useChoiceGroup";import{defaultGetItemLabel}from"../helpers";export var getUndefined=function(){};export var getItemKeyDefault=function(a){return a.key};var ChipsChoiceRender=function(a,b){var c=a.value,d=a.onChange,e=a.multiple,f=a.getItemKey,g=void 0===f?getItemKeyDefault:f,h=a.getItemLabel,i=void 0===h?defaultGetItemLabel:h,j=a.disabled,k=void 0!==j&&j,l=_objectWithoutProperties(a,_excluded),m=useChoiceGroup({getKey:function getKey(a){var b=g(a);return typeof b!==void 0&&b?b:i(a)},value:c,callBack:d,multiple:e}),n=m.getOnChange,o=m.getChecked;return React.createElement(Chips,Object.assign({},l,{ref:b,onItemRightIconClick:getUndefined,onItemClick:function onItemClick(a,b){var c=b.e;return!k&&n(a)(c)},getItemLabel:i,getItemIconRight:getUndefined,getItemAttributes:getUndefined,getItemActive:o,interactive:!k,disabled:k}))};export var ChipsChoice=forwardRef(ChipsChoiceRender);
2
2
  //# sourceMappingURL=ChipsChoice.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ChipsChoice.js","names":["React","forwardRef","Chips","useChoiceGroup","defaultGetItemLabel","getUndefined","getItemKeyDefault","item","key","ChipsChoiceRender","props","ref","value","onChange","multiple","getItemKey","getItemLabel","disabled","otherProps","getKey","callBack","getOnChange","getChecked","e","ChipsChoice"],"sources":["../../../../../../src/components/Chips/ChipsChoice/ChipsChoice.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { Chips } from '##/components/Chips';\nimport { useChoiceGroup } from '##/hooks/useChoiceGroup';\n\nimport { defaultGetItemLabel } from '../helpers';\nimport {\n ChipsChoiceComponent,\n ChipsChoiceDefaultItem,\n ChipsChoicePropGetItemKey,\n ChipsChoiceProps,\n} from './types';\n\nexport const getUndefined = () => undefined;\nexport const getItemKeyDefault: ChipsChoicePropGetItemKey<\n ChipsChoiceDefaultItem\n> = (item) => item.key;\n\nconst ChipsChoiceRender = (\n props: ChipsChoiceProps,\n ref: React.Ref<HTMLDivElement>,\n) => {\n const {\n value,\n onChange,\n multiple,\n getItemKey = getItemKeyDefault,\n getItemLabel = defaultGetItemLabel,\n disabled = false,\n ...otherProps\n } = props;\n\n const { getOnChange, getChecked } = useChoiceGroup<\n ChipsChoiceDefaultItem,\n React.MouseEvent\n >({\n getKey: (item: ChipsChoiceDefaultItem) => {\n const key = getItemKey(item);\n return typeof key !== undefined && key ? key : getItemLabel(item);\n },\n value: value as ChipsChoiceDefaultItem,\n callBack: onChange,\n multiple: multiple as false,\n // привел к типам из-за того что\n // TS не понимает что параметры для не Multiple и Multiple не могут прийти одновременно\n });\n\n return (\n <Chips\n {...otherProps}\n ref={ref}\n onItemRightIconClick={getUndefined}\n onItemClick={(item, { e }) => !disabled && getOnChange(item)(e)}\n getItemIconRight={getUndefined}\n getItemAttributes={getUndefined}\n getItemActive={getChecked}\n interactive={!disabled}\n disabled={disabled}\n />\n );\n};\n\nexport const ChipsChoice = forwardRef(\n ChipsChoiceRender,\n) as ChipsChoiceComponent;\n"],"mappings":"0KAAA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,KAAT,YACA,OAASC,cAAT,qCAEA,OAASC,mBAAT,kBAQA,MAAO,IAAMC,aAAY,CAAG,YAArB,CACP,MAAO,IAAMC,kBAEZ,CAAG,SAACC,CAAD,QAAUA,EAAI,CAACC,GAAf,CAFG,CAIP,GAAMC,kBAAiB,CAAG,SACxBC,CADwB,CAExBC,CAFwB,CAGrB,IAEDC,EAFC,CASCF,CATD,CAEDE,KAFC,CAGDC,CAHC,CASCH,CATD,CAGDG,QAHC,CAIDC,CAJC,CASCJ,CATD,CAIDI,QAJC,GASCJ,CATD,CAKDK,UALC,CAKDA,CALC,YAKYT,iBALZ,KASCI,CATD,CAMDM,YANC,CAMDA,CANC,YAMcZ,mBANd,KASCM,CATD,CAODO,QAPC,CAODA,CAPC,eAQEC,CARF,0BASCR,CATD,cAWiCP,cAAc,CAGhD,CACAgB,MAAM,CAAE,gBAACZ,CAAD,CAAkC,CACxC,GAAMC,EAAG,CAAGO,CAAU,CAACR,CAAD,CAAtB,CACA,MAAO,OAAOC,EAAP,WAA4BA,CAA5B,CAAkCA,CAAlC,CAAwCQ,CAAY,CAACT,CAAD,CAC5D,CAJD,CAKAK,KAAK,CAAEA,CALP,CAMAQ,QAAQ,CAAEP,CANV,CAOAC,QAAQ,CAAEA,CAPV,CAHgD,CAX/C,CAWKO,CAXL,GAWKA,WAXL,CAWkBC,CAXlB,GAWkBA,UAXlB,CA0BH,MACE,qBAAC,KAAD,kBACMJ,CADN,EAEE,GAAG,CAAEP,CAFP,CAGE,oBAAoB,CAAEN,YAHxB,CAIE,WAAW,CAAE,qBAACE,CAAD,OAASgB,EAAT,GAASA,CAAT,OAAiB,CAACN,CAAD,EAAaI,CAAW,CAACd,CAAD,CAAX,CAAkBgB,CAAlB,CAA9B,CAJf,CAKE,gBAAgB,CAAElB,YALpB,CAME,iBAAiB,CAAEA,YANrB,CAOE,aAAa,CAAEiB,CAPjB,CAQE,WAAW,CAAE,CAACL,CARhB,CASE,QAAQ,CAAEA,CATZ,GAYH,CA1CD,CA4CA,MAAO,IAAMO,YAAW,CAAGvB,UAAU,CACnCQ,iBADmC,CAA9B"}
1
+ {"version":3,"file":"ChipsChoice.js","names":["React","forwardRef","Chips","useChoiceGroup","defaultGetItemLabel","getUndefined","getItemKeyDefault","item","key","ChipsChoiceRender","props","ref","value","onChange","multiple","getItemKey","getItemLabel","disabled","otherProps","getKey","callBack","getOnChange","getChecked","e","ChipsChoice"],"sources":["../../../../../../src/components/Chips/ChipsChoice/ChipsChoice.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { Chips } from '##/components/Chips';\nimport { useChoiceGroup } from '##/hooks/useChoiceGroup';\n\nimport { defaultGetItemLabel } from '../helpers';\nimport {\n ChipsChoiceComponent,\n ChipsChoiceDefaultItem,\n ChipsChoicePropGetItemKey,\n ChipsChoiceProps,\n} from './types';\n\nexport const getUndefined = () => undefined;\nexport const getItemKeyDefault: ChipsChoicePropGetItemKey<\n ChipsChoiceDefaultItem\n> = (item) => item.key;\n\nconst ChipsChoiceRender = (\n props: ChipsChoiceProps,\n ref: React.Ref<HTMLDivElement>,\n) => {\n const {\n value,\n onChange,\n multiple,\n getItemKey = getItemKeyDefault,\n getItemLabel = defaultGetItemLabel,\n disabled = false,\n ...otherProps\n } = props;\n\n const { getOnChange, getChecked } = useChoiceGroup<\n ChipsChoiceDefaultItem,\n React.MouseEvent\n >({\n getKey: (item: ChipsChoiceDefaultItem) => {\n const key = getItemKey(item);\n return typeof key !== undefined && key ? key : getItemLabel(item);\n },\n value: value as ChipsChoiceDefaultItem,\n callBack: onChange,\n multiple: multiple as false,\n // привел к типам из-за того что\n // TS не понимает что параметры для не Multiple и Multiple не могут прийти одновременно\n });\n\n return (\n <Chips\n {...otherProps}\n ref={ref}\n onItemRightIconClick={getUndefined}\n onItemClick={(item, { e }) => !disabled && getOnChange(item)(e)}\n getItemLabel={getItemLabel}\n getItemIconRight={getUndefined}\n getItemAttributes={getUndefined}\n getItemActive={getChecked}\n interactive={!disabled}\n disabled={disabled}\n />\n );\n};\n\nexport const ChipsChoice = forwardRef(\n ChipsChoiceRender,\n) as ChipsChoiceComponent;\n"],"mappings":"0KAAA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,KAAT,YACA,OAASC,cAAT,qCAEA,OAASC,mBAAT,kBAQA,MAAO,IAAMC,aAAY,CAAG,YAArB,CACP,MAAO,IAAMC,kBAEZ,CAAG,SAACC,CAAD,QAAUA,EAAI,CAACC,GAAf,CAFG,CAIP,GAAMC,kBAAiB,CAAG,SACxBC,CADwB,CAExBC,CAFwB,CAGrB,IAEDC,EAFC,CASCF,CATD,CAEDE,KAFC,CAGDC,CAHC,CASCH,CATD,CAGDG,QAHC,CAIDC,CAJC,CASCJ,CATD,CAIDI,QAJC,GASCJ,CATD,CAKDK,UALC,CAKDA,CALC,YAKYT,iBALZ,KASCI,CATD,CAMDM,YANC,CAMDA,CANC,YAMcZ,mBANd,KASCM,CATD,CAODO,QAPC,CAODA,CAPC,eAQEC,CARF,0BASCR,CATD,cAWiCP,cAAc,CAGhD,CACAgB,MAAM,CAAE,gBAACZ,CAAD,CAAkC,CACxC,GAAMC,EAAG,CAAGO,CAAU,CAACR,CAAD,CAAtB,CACA,MAAO,OAAOC,EAAP,WAA4BA,CAA5B,CAAkCA,CAAlC,CAAwCQ,CAAY,CAACT,CAAD,CAC5D,CAJD,CAKAK,KAAK,CAAEA,CALP,CAMAQ,QAAQ,CAAEP,CANV,CAOAC,QAAQ,CAAEA,CAPV,CAHgD,CAX/C,CAWKO,CAXL,GAWKA,WAXL,CAWkBC,CAXlB,GAWkBA,UAXlB,CA0BH,MACE,qBAAC,KAAD,kBACMJ,CADN,EAEE,GAAG,CAAEP,CAFP,CAGE,oBAAoB,CAAEN,YAHxB,CAIE,WAAW,CAAE,qBAACE,CAAD,OAASgB,EAAT,GAASA,CAAT,OAAiB,CAACN,CAAD,EAAaI,CAAW,CAACd,CAAD,CAAX,CAAkBgB,CAAlB,CAA9B,CAJf,CAKE,YAAY,CAAEP,CALhB,CAME,gBAAgB,CAAEX,YANpB,CAOE,iBAAiB,CAAEA,YAPrB,CAQE,aAAa,CAAEiB,CARjB,CASE,WAAW,CAAE,CAACL,CAThB,CAUE,QAAQ,CAAEA,CAVZ,GAaH,CA3CD,CA6CA,MAAO,IAAMO,YAAW,CAAGvB,UAAU,CACnCQ,iBADmC,CAA9B"}
@@ -1,2 +1,2 @@
1
- import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["type","minDate","maxDate","labelPosition","multiplicityMinutes","multiplicitySeconds","multiplicityHours"];import React,{forwardRef,useMemo,useRef}from"react";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{maxDateDefault,minDateDefault}from"../../utils/date";import{getByMap}from"../../utils/getByMap";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{DatePickerTypeDate}from"./DatePickerTypeDate/DatePickerTypeDate";import{DatePickerTypeDateRange}from"./DatePickerTypeDateRange/DatePickerTypeDateRange";import{DatePickerTypeDateTime}from"./DatePickerTypeDateTime/DatePickerTypeDateTime";import{DatePickerTypeDateTimeRange}from"./DatePickerTypeDateTimeRange/DatePickerTypeDateTimeRange";import{DatePickerTypeMonth}from"./DatePickerTypeMonth/DatePickerTypeMonth";import{DatePickerTypeMonthRange}from"./DatePickerTypeMonthRange/DatePickerTypeMonthRange";import{DatePickerTypeTime}from"./DatePickerTypeTime/DatePickerTypeTime";import{DatePickerTypeYear}from"./DatePickerTypeYear/DatePickerTypeYear";import{DatePickerTypeYearRange}from"./DatePickerTypeYearRange/DatePickerTypeYearRange";import{isTypeWithTime}from"./helpers";import{datePickerPropTypeDefault}from"./types";var typeMap={date:DatePickerTypeDate,"date-range":DatePickerTypeDateRange,"date-time":DatePickerTypeDateTime,"date-time-range":DatePickerTypeDateTimeRange,time:DatePickerTypeTime,year:DatePickerTypeYear,"year-range":DatePickerTypeYearRange,month:DatePickerTypeMonth,"month-range":DatePickerTypeMonthRange};export var COMPONENT_NAME="DatePicker";export var DatePicker=forwardRef(function(a,b){var c=useRef(null),d=usePropsHandler(COMPONENT_NAME,a,c),e=d.type,f=void 0===e?datePickerPropTypeDefault:e,g=d.minDate,h=void 0===g?minDateDefault:g,i=d.maxDate,j=void 0===i?maxDateDefault:i,k=d.labelPosition,l=void 0===k?"top":k,m=d.multiplicityMinutes,n=d.multiplicitySeconds,o=d.multiplicityHours,p=_objectWithoutProperties(d,_excluded),q=useMemo(function(){return isTypeWithTime(f)?{multiplicityMinutes:m,multiplicitySeconds:n,multiplicityHours:o}:void 0},[f,m,n,o]),r=getByMap(typeMap,f);return React.createElement(r,Object.assign({},p,q,{labelPosition:l,minDate:h,maxDate:j,ref:useForkRef([b,c])}))});export*from"./helpers";export*from"./types";
1
+ import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["type","minDate","maxDate","labelPosition","timeOptions","multiplicityHours","multiplicityMinutes","multiplicitySeconds"];import React,{forwardRef,useMemo,useRef}from"react";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{maxDateDefault,minDateDefault}from"../../utils/date";import{getByMap}from"../../utils/getByMap";import{getTimeOptionsKey}from"../DateTime/helpers/getTimeOptionsKey";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{DatePickerTypeDate}from"./DatePickerTypeDate/DatePickerTypeDate";import{DatePickerTypeDateRange}from"./DatePickerTypeDateRange/DatePickerTypeDateRange";import{DatePickerTypeDateTime}from"./DatePickerTypeDateTime/DatePickerTypeDateTime";import{DatePickerTypeDateTimeRange}from"./DatePickerTypeDateTimeRange/DatePickerTypeDateTimeRange";import{DatePickerTypeMonth}from"./DatePickerTypeMonth/DatePickerTypeMonth";import{DatePickerTypeMonthRange}from"./DatePickerTypeMonthRange/DatePickerTypeMonthRange";import{DatePickerTypeTime}from"./DatePickerTypeTime/DatePickerTypeTime";import{DatePickerTypeYear}from"./DatePickerTypeYear/DatePickerTypeYear";import{DatePickerTypeYearRange}from"./DatePickerTypeYearRange/DatePickerTypeYearRange";import{isTypeWithTime}from"./helpers";import{datePickerPropTypeDefault}from"./types";var typeMap={date:DatePickerTypeDate,"date-range":DatePickerTypeDateRange,"date-time":DatePickerTypeDateTime,"date-time-range":DatePickerTypeDateTimeRange,time:DatePickerTypeTime,year:DatePickerTypeYear,"year-range":DatePickerTypeYearRange,month:DatePickerTypeMonth,"month-range":DatePickerTypeMonthRange};export var COMPONENT_NAME="DatePicker";export var DatePicker=forwardRef(function(a,b){var c=useRef(null),d=usePropsHandler(COMPONENT_NAME,a,c),e=d.type,f=void 0===e?datePickerPropTypeDefault:e,g=d.minDate,h=void 0===g?minDateDefault:g,i=d.maxDate,j=void 0===i?maxDateDefault:i,k=d.labelPosition,l=void 0===k?"top":k,m=d.timeOptions,n=d.multiplicityHours,o=d.multiplicityMinutes,p=d.multiplicitySeconds,q=_objectWithoutProperties(d,_excluded),r=useMemo(function(){var a,b,c;return{hours:null!==(a=null===m||void 0===m?void 0:m.hours)&&void 0!==a?a:n===void 0?void 0:{step:n},minutes:null!==(b=null===m||void 0===m?void 0:m.minutes)&&void 0!==b?b:o===void 0?void 0:{step:o},seconds:null!==(c=null===m||void 0===m?void 0:m.seconds)&&void 0!==c?c:p===void 0?void 0:{step:p}}},[getTimeOptionsKey(m),n,o,p]),s=useMemo(function(){return isTypeWithTime(f)?{timeOptions:r}:void 0},[f,r]),t=getByMap(typeMap,f);return React.createElement(t,Object.assign({},q,s,{labelPosition:l,minDate:h,maxDate:j,ref:useForkRef([b,c])}))});export*from"./helpers";export*from"./types";
2
2
  //# sourceMappingURL=DatePicker.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DatePicker.js","names":["React","forwardRef","useMemo","useRef","useForkRef","maxDateDefault","minDateDefault","getByMap","usePropsHandler","DatePickerTypeDate","DatePickerTypeDateRange","DatePickerTypeDateTime","DatePickerTypeDateTimeRange","DatePickerTypeMonth","DatePickerTypeMonthRange","DatePickerTypeTime","DatePickerTypeYear","DatePickerTypeYearRange","isTypeWithTime","datePickerPropTypeDefault","typeMap","COMPONENT_NAME","DatePicker","props","ref","datePickerRef","type","minDate","maxDate","labelPosition","multiplicityMinutes","multiplicitySeconds","multiplicityHours","otherProps","timeProps","Component"],"sources":["../../../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, useRef } from 'react';\n\nimport { useForkRef } from '##/hooks/useForkRef/useForkRef';\nimport { maxDateDefault, minDateDefault } from '##/utils/date';\nimport { getByMap } from '##/utils/getByMap';\n\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport { DatePickerTypeDate } from './DatePickerTypeDate/DatePickerTypeDate';\nimport { DatePickerTypeDateRange } from './DatePickerTypeDateRange/DatePickerTypeDateRange';\nimport { DatePickerTypeDateTime } from './DatePickerTypeDateTime/DatePickerTypeDateTime';\nimport { DatePickerTypeDateTimeRange } from './DatePickerTypeDateTimeRange/DatePickerTypeDateTimeRange';\nimport { DatePickerTypeMonth } from './DatePickerTypeMonth/DatePickerTypeMonth';\nimport { DatePickerTypeMonthRange } from './DatePickerTypeMonthRange/DatePickerTypeMonthRange';\nimport { DatePickerTypeTime } from './DatePickerTypeTime/DatePickerTypeTime';\nimport { DatePickerTypeYear } from './DatePickerTypeYear/DatePickerTypeYear';\nimport { DatePickerTypeYearRange } from './DatePickerTypeYearRange/DatePickerTypeYearRange';\nimport { isTypeWithTime } from './helpers';\nimport {\n DatePickerComponent,\n DatePickerPropType,\n datePickerPropTypeDefault,\n DatePickerTypeComponent,\n} from './types';\n\nconst typeMap: Record<\n DatePickerPropType,\n DatePickerTypeComponent<DatePickerPropType>\n> = {\n 'date': DatePickerTypeDate,\n 'date-range': DatePickerTypeDateRange,\n 'date-time': DatePickerTypeDateTime,\n 'date-time-range': DatePickerTypeDateTimeRange,\n 'time': DatePickerTypeTime,\n 'year': DatePickerTypeYear,\n 'year-range': DatePickerTypeYearRange,\n 'month': DatePickerTypeMonth,\n 'month-range': DatePickerTypeMonthRange,\n};\n\nexport const COMPONENT_NAME = 'DatePicker' as const;\n\nexport const DatePicker: DatePickerComponent = forwardRef((props, ref) => {\n const datePickerRef = useRef<HTMLDivElement>(null);\n const {\n type = datePickerPropTypeDefault,\n minDate = minDateDefault,\n maxDate = maxDateDefault,\n labelPosition = 'top',\n multiplicityMinutes,\n multiplicitySeconds,\n multiplicityHours,\n ...otherProps\n } = usePropsHandler(COMPONENT_NAME, props, datePickerRef);\n\n const timeProps = useMemo(\n () =>\n isTypeWithTime(type)\n ? {\n multiplicityMinutes,\n multiplicitySeconds,\n multiplicityHours,\n }\n : undefined,\n [type, multiplicityMinutes, multiplicitySeconds, multiplicityHours],\n );\n\n const Component = getByMap(typeMap, type);\n\n return (\n <Component\n {...otherProps}\n {...timeProps}\n labelPosition={labelPosition}\n minDate={minDate}\n maxDate={maxDate}\n ref={useForkRef([ref, datePickerRef])}\n />\n );\n});\n\nexport * from './helpers';\nexport * from './types';\n"],"mappings":"gNAAA,MAAOA,MAAP,EAAgBC,UAAhB,CAA4BC,OAA5B,CAAqCC,MAArC,KAAmD,OAAnD,CAEA,OAASC,UAAT,yCACA,OAASC,cAAT,CAAyBC,cAAzB,wBACA,OAASC,QAAT,4BAEA,OAASC,eAAT,2CACA,OAASC,kBAAT,+CACA,OAASC,uBAAT,yDACA,OAASC,sBAAT,uDACA,OAASC,2BAAT,iEACA,OAASC,mBAAT,iDACA,OAASC,wBAAT,2DACA,OAASC,kBAAT,+CACA,OAASC,kBAAT,+CACA,OAASC,uBAAT,yDACA,OAASC,cAAT,iBACA,OAGEC,yBAHF,eAOA,GAAMC,QAGL,CAAG,CACF,KAAQX,kBADN,CAEF,aAAcC,uBAFZ,CAGF,YAAaC,sBAHX,CAIF,kBAAmBC,2BAJjB,CAKF,KAAQG,kBALN,CAMF,KAAQC,kBANN,CAOF,aAAcC,uBAPZ,CAQF,MAASJ,mBARP,CASF,cAAeC,wBATb,CAHJ,CAeA,MAAO,IAAMO,eAAc,CAAG,YAAvB,CAEP,MAAO,IAAMC,WAA+B,CAAGrB,UAAU,CAAC,SAACsB,CAAD,CAAQC,CAAR,CAAgB,IAClEC,EAAa,CAAGtB,MAAM,CAAiB,IAAjB,CAD4C,GAWpEK,eAAe,CAACa,cAAD,CAAiBE,CAAjB,CAAwBE,CAAxB,CAXqD,KAGtEC,IAHsE,CAGtEA,CAHsE,YAG/DP,yBAH+D,OAItEQ,OAJsE,CAItEA,CAJsE,YAI5DrB,cAJ4D,OAKtEsB,OALsE,CAKtEA,CALsE,YAK5DvB,cAL4D,OAMtEwB,aANsE,CAMtEA,CANsE,YAMtD,KANsD,GAOtEC,CAPsE,GAOtEA,mBAPsE,CAQtEC,CARsE,GAQtEA,mBARsE,CAStEC,CATsE,GAStEA,iBATsE,CAUnEC,CAVmE,uCAalEC,CAAS,CAAGhC,OAAO,CACvB,iBACEgB,eAAc,CAACQ,CAAD,CAAd,CACI,CACEI,mBAAmB,CAAnBA,CADF,CAEEC,mBAAmB,CAAnBA,CAFF,CAGEC,iBAAiB,CAAjBA,CAHF,CADJ,OADF,CADuB,CASvB,CAACN,CAAD,CAAOI,CAAP,CAA4BC,CAA5B,CAAiDC,CAAjD,CATuB,CAb+C,CAyBlEG,CAAS,CAAG5B,QAAQ,CAACa,OAAD,CAAUM,CAAV,CAzB8C,CA2BxE,MACE,qBAAC,CAAD,kBACMO,CADN,CAEMC,CAFN,EAGE,aAAa,CAAEL,CAHjB,CAIE,OAAO,CAAEF,CAJX,CAKE,OAAO,CAAEC,CALX,CAME,GAAG,CAAExB,UAAU,CAAC,CAACoB,CAAD,CAAMC,CAAN,CAAD,CANjB,GASH,CArCwD,CAAlD,CAuCP,uBACA"}
1
+ {"version":3,"file":"DatePicker.js","names":["React","forwardRef","useMemo","useRef","useForkRef","maxDateDefault","minDateDefault","getByMap","getTimeOptionsKey","usePropsHandler","DatePickerTypeDate","DatePickerTypeDateRange","DatePickerTypeDateTime","DatePickerTypeDateTimeRange","DatePickerTypeMonth","DatePickerTypeMonthRange","DatePickerTypeTime","DatePickerTypeYear","DatePickerTypeYearRange","isTypeWithTime","datePickerPropTypeDefault","typeMap","COMPONENT_NAME","DatePicker","props","ref","datePickerRef","type","minDate","maxDate","labelPosition","timeOptions","multiplicityHours","multiplicityMinutes","multiplicitySeconds","otherProps","effectiveTimeOptions","hours","step","minutes","seconds","timeProps","Component"],"sources":["../../../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, useRef } from 'react';\n\nimport { useForkRef } from '##/hooks/useForkRef/useForkRef';\nimport { maxDateDefault, minDateDefault } from '##/utils/date';\nimport { getByMap } from '##/utils/getByMap';\n\nimport { TimeOptions } from '../DateTime';\nimport { getTimeOptionsKey } from '../DateTime/helpers/getTimeOptionsKey';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport { DatePickerTypeDate } from './DatePickerTypeDate/DatePickerTypeDate';\nimport { DatePickerTypeDateRange } from './DatePickerTypeDateRange/DatePickerTypeDateRange';\nimport { DatePickerTypeDateTime } from './DatePickerTypeDateTime/DatePickerTypeDateTime';\nimport { DatePickerTypeDateTimeRange } from './DatePickerTypeDateTimeRange/DatePickerTypeDateTimeRange';\nimport { DatePickerTypeMonth } from './DatePickerTypeMonth/DatePickerTypeMonth';\nimport { DatePickerTypeMonthRange } from './DatePickerTypeMonthRange/DatePickerTypeMonthRange';\nimport { DatePickerTypeTime } from './DatePickerTypeTime/DatePickerTypeTime';\nimport { DatePickerTypeYear } from './DatePickerTypeYear/DatePickerTypeYear';\nimport { DatePickerTypeYearRange } from './DatePickerTypeYearRange/DatePickerTypeYearRange';\nimport { isTypeWithTime } from './helpers';\nimport {\n DatePickerComponent,\n DatePickerPropType,\n datePickerPropTypeDefault,\n DatePickerTypeComponent,\n} from './types';\n\nconst typeMap: Record<\n DatePickerPropType,\n DatePickerTypeComponent<DatePickerPropType>\n> = {\n 'date': DatePickerTypeDate,\n 'date-range': DatePickerTypeDateRange,\n 'date-time': DatePickerTypeDateTime,\n 'date-time-range': DatePickerTypeDateTimeRange,\n 'time': DatePickerTypeTime,\n 'year': DatePickerTypeYear,\n 'year-range': DatePickerTypeYearRange,\n 'month': DatePickerTypeMonth,\n 'month-range': DatePickerTypeMonthRange,\n};\n\nexport const COMPONENT_NAME = 'DatePicker' as const;\n\nexport const DatePicker: DatePickerComponent = forwardRef((props, ref) => {\n const datePickerRef = useRef<HTMLDivElement>(null);\n const {\n type = datePickerPropTypeDefault,\n minDate = minDateDefault,\n maxDate = maxDateDefault,\n labelPosition = 'top',\n timeOptions,\n multiplicityHours,\n multiplicityMinutes,\n multiplicitySeconds,\n ...otherProps\n } = usePropsHandler(COMPONENT_NAME, props, datePickerRef);\n\n // TODO: major - удалить multiplicity* props конвертацию, используйте timeOptions напрямую\n const effectiveTimeOptions = useMemo((): TimeOptions => {\n return {\n hours:\n timeOptions?.hours ??\n (multiplicityHours !== undefined\n ? { step: multiplicityHours }\n : undefined),\n minutes:\n timeOptions?.minutes ??\n (multiplicityMinutes !== undefined\n ? { step: multiplicityMinutes }\n : undefined),\n seconds:\n timeOptions?.seconds ??\n (multiplicitySeconds !== undefined\n ? { step: multiplicitySeconds }\n : undefined),\n };\n }, [\n getTimeOptionsKey(timeOptions),\n multiplicityHours,\n multiplicityMinutes,\n multiplicitySeconds,\n ]);\n\n const timeProps = useMemo(\n () =>\n isTypeWithTime(type)\n ? {\n timeOptions: effectiveTimeOptions,\n }\n : undefined,\n [type, effectiveTimeOptions],\n );\n\n const Component = getByMap(typeMap, type);\n\n return (\n <Component\n {...otherProps}\n {...timeProps}\n labelPosition={labelPosition}\n minDate={minDate}\n maxDate={maxDate}\n ref={useForkRef([ref, datePickerRef])}\n />\n );\n});\n\nexport * from './helpers';\nexport * from './types';\n"],"mappings":"8NAAA,MAAOA,MAAP,EAAgBC,UAAhB,CAA4BC,OAA5B,CAAqCC,MAArC,KAAmD,OAAnD,CAEA,OAASC,UAAT,yCACA,OAASC,cAAT,CAAyBC,cAAzB,wBACA,OAASC,QAAT,4BAGA,OAASC,iBAAT,6CACA,OAASC,eAAT,2CACA,OAASC,kBAAT,+CACA,OAASC,uBAAT,yDACA,OAASC,sBAAT,uDACA,OAASC,2BAAT,iEACA,OAASC,mBAAT,iDACA,OAASC,wBAAT,2DACA,OAASC,kBAAT,+CACA,OAASC,kBAAT,+CACA,OAASC,uBAAT,yDACA,OAASC,cAAT,iBACA,OAGEC,yBAHF,eAOA,GAAMC,QAGL,CAAG,CACF,KAAQX,kBADN,CAEF,aAAcC,uBAFZ,CAGF,YAAaC,sBAHX,CAIF,kBAAmBC,2BAJjB,CAKF,KAAQG,kBALN,CAMF,KAAQC,kBANN,CAOF,aAAcC,uBAPZ,CAQF,MAASJ,mBARP,CASF,cAAeC,wBATb,CAHJ,CAeA,MAAO,IAAMO,eAAc,CAAG,YAAvB,CAEP,MAAO,IAAMC,WAA+B,CAAGtB,UAAU,CAAC,SAACuB,CAAD,CAAQC,CAAR,CAAgB,IAClEC,EAAa,CAAGvB,MAAM,CAAiB,IAAjB,CAD4C,GAYpEM,eAAe,CAACa,cAAD,CAAiBE,CAAjB,CAAwBE,CAAxB,CAZqD,KAGtEC,IAHsE,CAGtEA,CAHsE,YAG/DP,yBAH+D,OAItEQ,OAJsE,CAItEA,CAJsE,YAI5DtB,cAJ4D,OAKtEuB,OALsE,CAKtEA,CALsE,YAK5DxB,cAL4D,OAMtEyB,aANsE,CAMtEA,CANsE,YAMtD,KANsD,GAOtEC,CAPsE,GAOtEA,WAPsE,CAQtEC,CARsE,GAQtEA,iBARsE,CAStEC,CATsE,GAStEA,mBATsE,CAUtEC,CAVsE,GAUtEA,mBAVsE,CAWnEC,CAXmE,uCAelEC,CAAoB,CAAGlC,OAAO,CAAC,UAAmB,WACtD,MAAO,CACLmC,KAAK,kBACHN,CADG,WACHA,CADG,QACHA,CAAW,CAAEM,KADV,gBAEFL,CAAiB,SAAjB,QACG,CAAEM,IAAI,CAAEN,CAAR,CAJD,CAMLO,OAAO,kBACLR,CADK,WACLA,CADK,QACLA,CAAW,CAAEQ,OADR,gBAEJN,CAAmB,SAAnB,QACG,CAAEK,IAAI,CAAEL,CAAR,CATD,CAWLO,OAAO,kBACLT,CADK,WACLA,CADK,QACLA,CAAW,CAAES,OADR,gBAEJN,CAAmB,SAAnB,QACG,CAAEI,IAAI,CAAEJ,CAAR,CAdD,CAiBR,CAlBmC,CAkBjC,CACD1B,iBAAiB,CAACuB,CAAD,CADhB,CAEDC,CAFC,CAGDC,CAHC,CAIDC,CAJC,CAlBiC,CAfoC,CAwClEO,CAAS,CAAGvC,OAAO,CACvB,iBACEiB,eAAc,CAACQ,CAAD,CAAd,CACI,CACEI,WAAW,CAAEK,CADf,CADJ,OADF,CADuB,CAOvB,CAACT,CAAD,CAAOS,CAAP,CAPuB,CAxC+C,CAkDlEM,CAAS,CAAGnC,QAAQ,CAACc,OAAD,CAAUM,CAAV,CAlD8C,CAoDxE,MACE,qBAAC,CAAD,kBACMQ,CADN,CAEMM,CAFN,EAGE,aAAa,CAAEX,CAHjB,CAIE,OAAO,CAAEF,CAJX,CAKE,OAAO,CAAEC,CALX,CAME,GAAG,CAAEzB,UAAU,CAAC,CAACqB,CAAD,CAAMC,CAAN,CAAD,CANjB,GASH,CA9DwD,CAAlD,CAgEP,uBACA"}
@@ -1,7 +1,7 @@
1
1
  import './DatePickerDropdown.css';
2
2
  import React from 'react';
3
3
  import { DateTimePropOnChange, DateTimePropType } from '../../DateTime';
4
- import { DateTimePropDisableDates } from '../../DateTime/helpers/types';
4
+ import { DateTimePropDisableDates, TimeOptions } from '../../DateTime/helpers/types';
5
5
  import { DateRange } from '../../../utils/types/Date';
6
6
  import { PropsWithHTMLAttributesAndRef } from '../../../utils/types/PropsWithHTMLAttributes';
7
7
  import { DatePickerAdditionalControlRenderProp, DatePickerPropDateTimeView, DatePickerPropDropdownForm } from '../types';
@@ -23,9 +23,7 @@ export type DatePickerDropdownProps = PropsWithHTMLAttributesAndRef<{
23
23
  onChangeCurrentVisibleDate?: (date: Date) => void;
24
24
  zIndex?: number;
25
25
  renderAdditionalControls?: DatePickerAdditionalControlRenderProp;
26
- multiplicitySeconds?: number;
27
- multiplicityMinutes?: number;
28
- multiplicityHours?: number;
26
+ timeOptions?: TimeOptions;
29
27
  timeFor?: 'start' | 'end';
30
28
  disableDates?: DateTimePropDisableDates;
31
29
  }, HTMLDivElement>;
@@ -1 +1 @@
1
- {"version":3,"file":"DatePickerDropdown.js","names":["React","forwardRef","useCallback","useRef","useState","Transition","DateTime","Popover","useFlag","useForkRef","animateTimeout","cnMixPopoverAnimate","cn","DatePickerAdditionalControls","datePickerPropDropdownFormDefault","moveMap","cnDatePickerDropdown","DatePickerDropdown","props","componentRef","form","anchorRef","isOpen","className","zIndex","renderAdditionalControls","otherProps","rootRef","direction","setDirection","visibleAdditionalControls","setVisibleAdditionalControls","onMove","to","type","on","off","ref","animate","currentVisibleDate","view"],"sources":["../../../../../../src/components/DatePicker/DatePickerDropdown/DatePickerDropdown.tsx"],"sourcesContent":["import './DatePickerDropdown.css';\n\nimport React, { forwardRef, useCallback, useRef, useState } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport {\n DateTime,\n DateTimePropOnChange,\n DateTimePropType,\n MoveType,\n} from '##/components/DateTime';\nimport { DateTimePropDisableDates } from '##/components/DateTime/helpers/types';\nimport { Direction, Popover } from '##/components/Popover';\nimport { useFlag } from '##/hooks/useFlag';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { animateTimeout, cnMixPopoverAnimate } from '##/mixs/MixPopoverAnimate';\nimport { cn } from '##/utils/bem';\nimport { DateRange } from '##/utils/types/Date';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { DatePickerAdditionalControls } from '../DatePickerAdditionalControls/DatePickerAdditionalControls';\nimport {\n DatePickerAdditionalControlRenderProp,\n DatePickerPropDateTimeView,\n DatePickerPropDropdownForm,\n datePickerPropDropdownFormDefault,\n} from '../types';\n\nexport type DatePickerDropdownPropOnChange = DateTimePropOnChange;\n\nexport type DatePickerDropdownProps = PropsWithHTMLAttributesAndRef<\n {\n anchorRef: React.RefObject<HTMLElement>;\n currentVisibleDate?: Date;\n type: DateTimePropType;\n value?: Date | DateRange;\n onChange?: DatePickerDropdownPropOnChange;\n minDate?: Date;\n maxDate?: Date;\n events?: Date[];\n view: DatePickerPropDateTimeView;\n locale?: Locale;\n children?: never;\n form?: DatePickerPropDropdownForm;\n isOpen?: boolean;\n onChangeCurrentVisibleDate?: (date: Date) => void;\n zIndex?: number;\n renderAdditionalControls?: DatePickerAdditionalControlRenderProp;\n multiplicitySeconds?: number;\n multiplicityMinutes?: number;\n multiplicityHours?: number;\n timeFor?: 'start' | 'end';\n disableDates?: DateTimePropDisableDates;\n },\n HTMLDivElement\n>;\n\ntype DatePickerDropdownComponent = (\n props: DatePickerDropdownProps,\n) => React.ReactNode | null;\n\nconst moveMap: Record<DateTimePropType, MoveType> = {\n 'year': 'year',\n 'month': 'month',\n 'date': 'day',\n 'time': 'time',\n 'date-time': 'day',\n};\n\nconst cnDatePickerDropdown = cn('DatePickerDropdown');\n\nexport const DatePickerDropdown: DatePickerDropdownComponent = forwardRef(\n (props, componentRef) => {\n const {\n form = datePickerPropDropdownFormDefault,\n anchorRef,\n isOpen,\n className,\n zIndex,\n renderAdditionalControls,\n ...otherProps\n } = props;\n\n const rootRef = useRef<HTMLDivElement>(null);\n const [direction, setDirection] = useState<Direction>();\n\n const [visibleAdditionalControls, setVisibleAdditionalControls] =\n useFlag(true);\n\n const onMove = useCallback(\n (to: MoveType) => {\n to === moveMap[props.type]\n ? setVisibleAdditionalControls.on()\n : setVisibleAdditionalControls.off();\n },\n [props.type],\n );\n\n const ref = useForkRef([componentRef, rootRef]);\n\n return (\n <Transition\n in={isOpen}\n unmountOnExit\n timeout={animateTimeout}\n nodeRef={rootRef}\n >\n {(animate) => {\n return (\n <Popover\n ref={ref}\n anchorRef={anchorRef}\n className={cnDatePickerDropdown({ form }, [\n className,\n cnMixPopoverAnimate({ direction, animate }),\n ])}\n direction=\"downStartLeft\"\n spareDirection=\"downStartLeft\"\n possibleDirections={[\n 'downStartLeft',\n 'upStartLeft',\n 'downStartRight',\n 'upStartRight',\n ]}\n style={{ zIndex }}\n role=\"listbox\"\n onSetDirection={setDirection}\n >\n <DateTime {...otherProps} onMove={onMove} />\n {visibleAdditionalControls && (\n <DatePickerAdditionalControls\n currentVisibleDate={props.currentVisibleDate}\n renderAdditionalControls={renderAdditionalControls}\n type={props.type}\n view={props.view}\n />\n )}\n </Popover>\n );\n }}\n </Transition>\n );\n },\n);\n"],"mappings":"kPAAA,iCAEA,MAAOA,MAAP,EAAgBC,UAAhB,CAA4BC,WAA5B,CAAyCC,MAAzC,CAAiDC,QAAjD,KAAiE,OAAjE,CACA,OAASC,UAAT,KAA2B,wBAA3B,CAEA,OACEC,QADF,sBAOA,OAAoBC,OAApB,qBACA,OAASC,OAAT,8BACA,OAASC,UAAT,iCACA,OAASC,cAAT,CAAyBC,mBAAzB,uCACA,OAASC,EAAT,0BAIA,OAASC,4BAAT,oEACA,OAIEC,iCAJF,gB,GAwCMC,QAA2C,CAAG,CAClD,KAAQ,MAD0C,CAElD,MAAS,OAFyC,CAGlD,KAAQ,KAH0C,CAIlD,KAAQ,MAJ0C,CAKlD,YAAa,KALqC,C,CAQ9CC,oBAAoB,CAAGJ,EAAE,CAAC,oBAAD,C,CAE/B,MAAO,IAAMK,mBAA+C,CAAGhB,UAAU,CACvE,SAACiB,CAAD,CAAQC,CAAR,CAAyB,OASnBD,CATmB,CAErBE,IAFqB,CAErBA,CAFqB,YAEdN,iCAFc,GAGrBO,CAHqB,CASnBH,CATmB,CAGrBG,SAHqB,CAIrBC,CAJqB,CASnBJ,CATmB,CAIrBI,MAJqB,CAKrBC,CALqB,CASnBL,CATmB,CAKrBK,SALqB,CAMrBC,CANqB,CASnBN,CATmB,CAMrBM,MANqB,CAOrBC,CAPqB,CASnBP,CATmB,CAOrBO,wBAPqB,CAQlBC,CARkB,0BASnBR,CATmB,YAWjBS,CAAO,CAAGxB,MAAM,CAAiB,IAAjB,CAXC,GAYWC,QAAQ,EAZnB,uBAYhBwB,CAZgB,MAYLC,CAZK,QAerBrB,OAAO,IAfc,uBAchBsB,CAdgB,MAcWC,CAdX,MAiBjBC,CAAM,CAAG9B,WAAW,CACxB,SAAC+B,CAAD,CAAkB,CAChBA,CAAE,GAAKlB,OAAO,CAACG,CAAK,CAACgB,IAAP,CAAd,CACIH,CAA4B,CAACI,EAA7B,EADJ,CAEIJ,CAA4B,CAACK,GAA7B,EACL,CALuB,CAMxB,CAAClB,CAAK,CAACgB,IAAP,CANwB,CAjBH,CA0BjBG,CAAG,CAAG5B,UAAU,CAAC,CAACU,CAAD,CAAeQ,CAAf,CAAD,CA1BC,CA4BvB,MACE,qBAAC,UAAD,EACE,GAAIL,CADN,CAEE,aAAa,GAFf,CAGE,OAAO,CAAEZ,cAHX,CAIE,OAAO,CAAEiB,CAJX,EAMG,SAACW,CAAD,CAAa,CACZ,MACE,qBAAC,OAAD,EACE,GAAG,CAAED,CADP,CAEE,SAAS,CAAEhB,CAFb,CAGE,SAAS,CAAEL,oBAAoB,CAAC,CAAEI,IAAI,CAAJA,CAAF,CAAD,CAAW,CACxCG,CADwC,CAExCZ,mBAAmB,CAAC,CAAEiB,SAAS,CAATA,CAAF,CAAaU,OAAO,CAAPA,CAAb,CAAD,CAFqB,CAAX,CAHjC,CAOE,SAAS,CAAC,eAPZ,CAQE,cAAc,CAAC,eARjB,CASE,kBAAkB,CAAE,CAClB,eADkB,CAElB,aAFkB,CAGlB,gBAHkB,CAIlB,cAJkB,CATtB,CAeE,KAAK,CAAE,CAAEd,MAAM,CAANA,CAAF,CAfT,CAgBE,IAAI,CAAC,SAhBP,CAiBE,cAAc,CAAEK,CAjBlB,EAmBE,oBAAC,QAAD,kBAAcH,CAAd,EAA0B,MAAM,CAAEM,CAAlC,GAnBF,CAoBGF,CAAyB,EACxB,oBAAC,4BAAD,EACE,kBAAkB,CAAEZ,CAAK,CAACqB,kBAD5B,CAEE,wBAAwB,CAAEd,CAF5B,CAGE,IAAI,CAAEP,CAAK,CAACgB,IAHd,CAIE,IAAI,CAAEhB,CAAK,CAACsB,IAJd,EArBJ,CA8BH,CAtCH,CAyCH,CAvEsE,CAAlE"}
1
+ {"version":3,"file":"DatePickerDropdown.js","names":["React","forwardRef","useCallback","useRef","useState","Transition","DateTime","Popover","useFlag","useForkRef","animateTimeout","cnMixPopoverAnimate","cn","DatePickerAdditionalControls","datePickerPropDropdownFormDefault","moveMap","cnDatePickerDropdown","DatePickerDropdown","props","componentRef","form","anchorRef","isOpen","className","zIndex","renderAdditionalControls","otherProps","rootRef","direction","setDirection","visibleAdditionalControls","setVisibleAdditionalControls","onMove","to","type","on","off","ref","animate","currentVisibleDate","view"],"sources":["../../../../../../src/components/DatePicker/DatePickerDropdown/DatePickerDropdown.tsx"],"sourcesContent":["import './DatePickerDropdown.css';\n\nimport React, { forwardRef, useCallback, useRef, useState } from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport {\n DateTime,\n DateTimePropOnChange,\n DateTimePropType,\n MoveType,\n} from '##/components/DateTime';\nimport {\n DateTimePropDisableDates,\n TimeOptions,\n} from '##/components/DateTime/helpers/types';\nimport { Direction, Popover } from '##/components/Popover';\nimport { useFlag } from '##/hooks/useFlag';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { animateTimeout, cnMixPopoverAnimate } from '##/mixs/MixPopoverAnimate';\nimport { cn } from '##/utils/bem';\nimport { DateRange } from '##/utils/types/Date';\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { DatePickerAdditionalControls } from '../DatePickerAdditionalControls/DatePickerAdditionalControls';\nimport {\n DatePickerAdditionalControlRenderProp,\n DatePickerPropDateTimeView,\n DatePickerPropDropdownForm,\n datePickerPropDropdownFormDefault,\n} from '../types';\n\nexport type DatePickerDropdownPropOnChange = DateTimePropOnChange;\n\nexport type DatePickerDropdownProps = PropsWithHTMLAttributesAndRef<\n {\n anchorRef: React.RefObject<HTMLElement>;\n currentVisibleDate?: Date;\n type: DateTimePropType;\n value?: Date | DateRange;\n onChange?: DatePickerDropdownPropOnChange;\n minDate?: Date;\n maxDate?: Date;\n events?: Date[];\n view: DatePickerPropDateTimeView;\n locale?: Locale;\n children?: never;\n form?: DatePickerPropDropdownForm;\n isOpen?: boolean;\n onChangeCurrentVisibleDate?: (date: Date) => void;\n zIndex?: number;\n renderAdditionalControls?: DatePickerAdditionalControlRenderProp;\n timeOptions?: TimeOptions;\n timeFor?: 'start' | 'end';\n disableDates?: DateTimePropDisableDates;\n },\n HTMLDivElement\n>;\n\ntype DatePickerDropdownComponent = (\n props: DatePickerDropdownProps,\n) => React.ReactNode | null;\n\nconst moveMap: Record<DateTimePropType, MoveType> = {\n 'year': 'year',\n 'month': 'month',\n 'date': 'day',\n 'time': 'time',\n 'date-time': 'day',\n};\n\nconst cnDatePickerDropdown = cn('DatePickerDropdown');\n\nexport const DatePickerDropdown: DatePickerDropdownComponent = forwardRef(\n (props, componentRef) => {\n const {\n form = datePickerPropDropdownFormDefault,\n anchorRef,\n isOpen,\n className,\n zIndex,\n renderAdditionalControls,\n ...otherProps\n } = props;\n\n const rootRef = useRef<HTMLDivElement>(null);\n const [direction, setDirection] = useState<Direction>();\n\n const [visibleAdditionalControls, setVisibleAdditionalControls] =\n useFlag(true);\n\n const onMove = useCallback(\n (to: MoveType) => {\n to === moveMap[props.type]\n ? setVisibleAdditionalControls.on()\n : setVisibleAdditionalControls.off();\n },\n [props.type],\n );\n\n const ref = useForkRef([componentRef, rootRef]);\n\n return (\n <Transition\n in={isOpen}\n unmountOnExit\n timeout={animateTimeout}\n nodeRef={rootRef}\n >\n {(animate) => {\n return (\n <Popover\n ref={ref}\n anchorRef={anchorRef}\n className={cnDatePickerDropdown({ form }, [\n className,\n cnMixPopoverAnimate({ direction, animate }),\n ])}\n direction=\"downStartLeft\"\n spareDirection=\"downStartLeft\"\n possibleDirections={[\n 'downStartLeft',\n 'upStartLeft',\n 'downStartRight',\n 'upStartRight',\n ]}\n style={{ zIndex }}\n role=\"listbox\"\n onSetDirection={setDirection}\n >\n <DateTime {...otherProps} onMove={onMove} />\n {visibleAdditionalControls && (\n <DatePickerAdditionalControls\n currentVisibleDate={props.currentVisibleDate}\n renderAdditionalControls={renderAdditionalControls}\n type={props.type}\n view={props.view}\n />\n )}\n </Popover>\n );\n }}\n </Transition>\n );\n },\n);\n"],"mappings":"kPAAA,iCAEA,MAAOA,MAAP,EAAgBC,UAAhB,CAA4BC,WAA5B,CAAyCC,MAAzC,CAAiDC,QAAjD,KAAiE,OAAjE,CACA,OAASC,UAAT,KAA2B,wBAA3B,CAEA,OACEC,QADF,sBAUA,OAAoBC,OAApB,qBACA,OAASC,OAAT,8BACA,OAASC,UAAT,iCACA,OAASC,cAAT,CAAyBC,mBAAzB,uCACA,OAASC,EAAT,0BAIA,OAASC,4BAAT,oEACA,OAIEC,iCAJF,gB,GAsCMC,QAA2C,CAAG,CAClD,KAAQ,MAD0C,CAElD,MAAS,OAFyC,CAGlD,KAAQ,KAH0C,CAIlD,KAAQ,MAJ0C,CAKlD,YAAa,KALqC,C,CAQ9CC,oBAAoB,CAAGJ,EAAE,CAAC,oBAAD,C,CAE/B,MAAO,IAAMK,mBAA+C,CAAGhB,UAAU,CACvE,SAACiB,CAAD,CAAQC,CAAR,CAAyB,OASnBD,CATmB,CAErBE,IAFqB,CAErBA,CAFqB,YAEdN,iCAFc,GAGrBO,CAHqB,CASnBH,CATmB,CAGrBG,SAHqB,CAIrBC,CAJqB,CASnBJ,CATmB,CAIrBI,MAJqB,CAKrBC,CALqB,CASnBL,CATmB,CAKrBK,SALqB,CAMrBC,CANqB,CASnBN,CATmB,CAMrBM,MANqB,CAOrBC,CAPqB,CASnBP,CATmB,CAOrBO,wBAPqB,CAQlBC,CARkB,0BASnBR,CATmB,YAWjBS,CAAO,CAAGxB,MAAM,CAAiB,IAAjB,CAXC,GAYWC,QAAQ,EAZnB,uBAYhBwB,CAZgB,MAYLC,CAZK,QAerBrB,OAAO,IAfc,uBAchBsB,CAdgB,MAcWC,CAdX,MAiBjBC,CAAM,CAAG9B,WAAW,CACxB,SAAC+B,CAAD,CAAkB,CAChBA,CAAE,GAAKlB,OAAO,CAACG,CAAK,CAACgB,IAAP,CAAd,CACIH,CAA4B,CAACI,EAA7B,EADJ,CAEIJ,CAA4B,CAACK,GAA7B,EACL,CALuB,CAMxB,CAAClB,CAAK,CAACgB,IAAP,CANwB,CAjBH,CA0BjBG,CAAG,CAAG5B,UAAU,CAAC,CAACU,CAAD,CAAeQ,CAAf,CAAD,CA1BC,CA4BvB,MACE,qBAAC,UAAD,EACE,GAAIL,CADN,CAEE,aAAa,GAFf,CAGE,OAAO,CAAEZ,cAHX,CAIE,OAAO,CAAEiB,CAJX,EAMG,SAACW,CAAD,CAAa,CACZ,MACE,qBAAC,OAAD,EACE,GAAG,CAAED,CADP,CAEE,SAAS,CAAEhB,CAFb,CAGE,SAAS,CAAEL,oBAAoB,CAAC,CAAEI,IAAI,CAAJA,CAAF,CAAD,CAAW,CACxCG,CADwC,CAExCZ,mBAAmB,CAAC,CAAEiB,SAAS,CAATA,CAAF,CAAaU,OAAO,CAAPA,CAAb,CAAD,CAFqB,CAAX,CAHjC,CAOE,SAAS,CAAC,eAPZ,CAQE,cAAc,CAAC,eARjB,CASE,kBAAkB,CAAE,CAClB,eADkB,CAElB,aAFkB,CAGlB,gBAHkB,CAIlB,cAJkB,CATtB,CAeE,KAAK,CAAE,CAAEd,MAAM,CAANA,CAAF,CAfT,CAgBE,IAAI,CAAC,SAhBP,CAiBE,cAAc,CAAEK,CAjBlB,EAmBE,oBAAC,QAAD,kBAAcH,CAAd,EAA0B,MAAM,CAAEM,CAAlC,GAnBF,CAoBGF,CAAyB,EACxB,oBAAC,4BAAD,EACE,kBAAkB,CAAEZ,CAAK,CAACqB,kBAD5B,CAEE,wBAAwB,CAAEd,CAF5B,CAGE,IAAI,CAAEP,CAAK,CAACgB,IAHd,CAIE,IAAI,CAAEhB,CAAK,CAACsB,IAJd,EArBJ,CA8BH,CAtCH,CAyCH,CAvEsE,CAAlE"}
@@ -1,2 +1,2 @@
1
- import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["format","separator","placeholder","onChange","onError","minDate","maxDate","value","inputRef","defaultValue"];import React from"react";import{TextField}from"../../TextField";import{useForkRef}from"../../../hooks/useForkRef";import{maxDateDefault,minDateDefault}from"../../../utils/date";import{datePickerPropFormatTypeDate,datePickerPropPlaceholderTypeDate,datePickerPropSeparatorDefault}from"../helpers";import{usePicker}from"./helpers";export var DatePickerFieldTypeDate=React.forwardRef(function(a,b){var c=a.format,d=void 0===c?datePickerPropFormatTypeDate:c,e=a.separator,f=void 0===e?datePickerPropSeparatorDefault:e,g=a.placeholder,h=void 0===g?datePickerPropPlaceholderTypeDate:g,i=a.onChange,j=a.onError,k=a.minDate,l=void 0===k?minDateDefault:k,m=a.maxDate,n=void 0===m?maxDateDefault:m,o=a.value,p=a.inputRef,q=a.defaultValue,r=_objectWithoutProperties(a,_excluded),s=usePicker({format:d,separator:f,onChange:i,onError:j,value:o,minDate:l,maxDate:n}),t=_slicedToArray(s,2),u=t[0],v=t[1];return React.createElement(TextField,Object.assign({},r,{type:"text",inputContainerRef:b,inputRef:useForkRef([u,p]),placeholder:h,onClear:v}))});
1
+ import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["format","separator","placeholder","onChange","onError","minDate","maxDate","value","inputRef","defaultValue"];import React from"react";import{TextField}from"../../TextField";import{useForkRef}from"../../../hooks/useForkRef";import{maxDateDefault,minDateDefault}from"../../../utils/date";import{datePickerPropFormatTypeDate,datePickerPropSeparatorDefault,placeholderByFormat}from"../helpers";import{usePicker}from"./helpers";export var DatePickerFieldTypeDate=React.forwardRef(function(a,b){var c=a.format,d=void 0===c?datePickerPropFormatTypeDate:c,e=a.separator,f=void 0===e?datePickerPropSeparatorDefault:e,g=a.placeholder,h=a.onChange,i=a.onError,j=a.minDate,k=void 0===j?minDateDefault:j,l=a.maxDate,m=void 0===l?maxDateDefault:l,n=a.value,o=a.inputRef,p=a.defaultValue,q=_objectWithoutProperties(a,_excluded),r=null!==g&&void 0!==g?g:placeholderByFormat(d),s=usePicker({format:d,separator:f,onChange:h,onError:i,value:n,minDate:k,maxDate:m}),t=_slicedToArray(s,2),u=t[0],v=t[1];return React.createElement(TextField,Object.assign({},q,{type:"text",inputContainerRef:b,inputRef:useForkRef([u,o]),placeholder:r,onClear:v}))});
2
2
  //# sourceMappingURL=DatePickerFieldTypeDate.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DatePickerFieldTypeDate.js","names":["React","TextField","useForkRef","maxDateDefault","minDateDefault","datePickerPropFormatTypeDate","datePickerPropPlaceholderTypeDate","datePickerPropSeparatorDefault","usePicker","DatePickerFieldTypeDate","forwardRef","props","ref","format","separator","placeholder","onChange","onError","minDate","maxDate","value","inputRefProp","inputRef","defaultValue","otherProps","onClear"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeDate/DatePickerFieldTypeDate.tsx"],"sourcesContent":["import React from 'react';\n\nimport { TextField } from '##/components/TextField';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { maxDateDefault, minDateDefault } from '##/utils/date';\n\nimport {\n datePickerPropFormatTypeDate,\n datePickerPropPlaceholderTypeDate,\n datePickerPropSeparatorDefault,\n} from '../helpers';\nimport { DatePickerFieldTypeDateProps, usePicker } from './helpers';\n\nexport const DatePickerFieldTypeDate = React.forwardRef<\n HTMLDivElement,\n DatePickerFieldTypeDateProps\n>((props, ref) => {\n const {\n format = datePickerPropFormatTypeDate,\n separator = datePickerPropSeparatorDefault,\n placeholder = datePickerPropPlaceholderTypeDate,\n onChange,\n onError,\n minDate = minDateDefault,\n maxDate = maxDateDefault,\n value,\n inputRef: inputRefProp,\n defaultValue,\n ...otherProps\n } = props;\n\n const [inputRef, onClear] = usePicker({\n format,\n separator,\n onChange,\n onError,\n value,\n minDate,\n maxDate,\n });\n\n return (\n <TextField\n {...otherProps}\n type=\"text\"\n inputContainerRef={ref}\n inputRef={useForkRef([inputRef, inputRefProp])}\n placeholder={placeholder}\n onClear={onClear}\n />\n );\n});\n"],"mappings":"oRAAA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,SAAT,uBACA,OAASC,UAAT,iCACA,OAASC,cAAT,CAAyBC,cAAzB,2BAEA,OACEC,4BADF,CAEEC,iCAFF,CAGEC,8BAHF,kBAKA,OAAuCC,SAAvC,iBAEA,MAAO,IAAMC,wBAAuB,CAAGT,KAAK,CAACU,UAAN,CAGrC,SAACC,CAAD,CAAQC,CAAR,CAAgB,OAaZD,CAbY,CAEdE,MAFc,CAEdA,CAFc,YAELR,4BAFK,KAaZM,CAbY,CAGdG,SAHc,CAGdA,CAHc,YAGFP,8BAHE,KAaZI,CAbY,CAIdI,WAJc,CAIdA,CAJc,YAIAT,iCAJA,GAKdU,CALc,CAaZL,CAbY,CAKdK,QALc,CAMdC,CANc,CAaZN,CAbY,CAMdM,OANc,GAaZN,CAbY,CAOdO,OAPc,CAOdA,CAPc,YAOJd,cAPI,KAaZO,CAbY,CAQdQ,OARc,CAQdA,CARc,YAQJhB,cARI,GASdiB,CATc,CAaZT,CAbY,CASdS,KATc,CAUJC,CAVI,CAaZV,CAbY,CAUdW,QAVc,CAWdC,CAXc,CAaZZ,CAbY,CAWdY,YAXc,CAYXC,CAZW,0BAaZb,CAbY,cAeYH,SAAS,CAAC,CACpCK,MAAM,CAANA,CADoC,CAEpCC,SAAS,CAATA,CAFoC,CAGpCE,QAAQ,CAARA,CAHoC,CAIpCC,OAAO,CAAPA,CAJoC,CAKpCG,KAAK,CAALA,CALoC,CAMpCF,OAAO,CAAPA,CANoC,CAOpCC,OAAO,CAAPA,CAPoC,CAAD,CAfrB,uBAeTG,CAfS,MAeCG,CAfD,MAyBhB,MACE,qBAAC,SAAD,kBACMD,CADN,EAEE,IAAI,CAAC,MAFP,CAGE,iBAAiB,CAAEZ,CAHrB,CAIE,QAAQ,CAAEV,UAAU,CAAC,CAACoB,CAAD,CAAWD,CAAX,CAAD,CAJtB,CAKE,WAAW,CAAEN,CALf,CAME,OAAO,CAAEU,CANX,GASH,CAtCsC,CAAhC"}
1
+ {"version":3,"file":"DatePickerFieldTypeDate.js","names":["React","TextField","useForkRef","maxDateDefault","minDateDefault","datePickerPropFormatTypeDate","datePickerPropSeparatorDefault","placeholderByFormat","usePicker","DatePickerFieldTypeDate","forwardRef","props","ref","format","separator","placeholder","onChange","onError","minDate","maxDate","value","inputRefProp","inputRef","defaultValue","otherProps","adaptedPlaceholder","onClear"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeDate/DatePickerFieldTypeDate.tsx"],"sourcesContent":["import React from 'react';\n\nimport { TextField } from '##/components/TextField';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { maxDateDefault, minDateDefault } from '##/utils/date';\n\nimport {\n datePickerPropFormatTypeDate,\n datePickerPropSeparatorDefault,\n placeholderByFormat,\n} from '../helpers';\nimport { DatePickerFieldTypeDateProps, usePicker } from './helpers';\n\nexport const DatePickerFieldTypeDate = React.forwardRef<\n HTMLDivElement,\n DatePickerFieldTypeDateProps\n>((props, ref) => {\n const {\n format = datePickerPropFormatTypeDate,\n separator = datePickerPropSeparatorDefault,\n placeholder,\n onChange,\n onError,\n minDate = minDateDefault,\n maxDate = maxDateDefault,\n value,\n inputRef: inputRefProp,\n defaultValue,\n ...otherProps\n } = props;\n\n const adaptedPlaceholder = placeholder ?? placeholderByFormat(format);\n\n const [inputRef, onClear] = usePicker({\n format,\n separator,\n onChange,\n onError,\n value,\n minDate,\n maxDate,\n });\n\n return (\n <TextField\n {...otherProps}\n type=\"text\"\n inputContainerRef={ref}\n inputRef={useForkRef([inputRef, inputRefProp])}\n placeholder={adaptedPlaceholder}\n onClear={onClear}\n />\n );\n});\n"],"mappings":"oRAAA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,SAAT,uBACA,OAASC,UAAT,iCACA,OAASC,cAAT,CAAyBC,cAAzB,2BAEA,OACEC,4BADF,CAEEC,8BAFF,CAGEC,mBAHF,kBAKA,OAAuCC,SAAvC,iBAEA,MAAO,IAAMC,wBAAuB,CAAGT,KAAK,CAACU,UAAN,CAGrC,SAACC,CAAD,CAAQC,CAAR,CAAgB,OAaZD,CAbY,CAEdE,MAFc,CAEdA,CAFc,YAELR,4BAFK,KAaZM,CAbY,CAGdG,SAHc,CAGdA,CAHc,YAGFR,8BAHE,GAIdS,CAJc,CAaZJ,CAbY,CAIdI,WAJc,CAKdC,CALc,CAaZL,CAbY,CAKdK,QALc,CAMdC,CANc,CAaZN,CAbY,CAMdM,OANc,GAaZN,CAbY,CAOdO,OAPc,CAOdA,CAPc,YAOJd,cAPI,KAaZO,CAbY,CAQdQ,OARc,CAQdA,CARc,YAQJhB,cARI,GASdiB,CATc,CAaZT,CAbY,CASdS,KATc,CAUJC,CAVI,CAaZV,CAbY,CAUdW,QAVc,CAWdC,CAXc,CAaZZ,CAbY,CAWdY,YAXc,CAYXC,CAZW,0BAaZb,CAbY,YAeVc,CAAkB,QAAGV,CAAH,WAAGA,CAAH,CAAGA,CAAH,CAAkBR,mBAAmB,CAACM,CAAD,CAf7C,GAiBYL,SAAS,CAAC,CACpCK,MAAM,CAANA,CADoC,CAEpCC,SAAS,CAATA,CAFoC,CAGpCE,QAAQ,CAARA,CAHoC,CAIpCC,OAAO,CAAPA,CAJoC,CAKpCG,KAAK,CAALA,CALoC,CAMpCF,OAAO,CAAPA,CANoC,CAOpCC,OAAO,CAAPA,CAPoC,CAAD,CAjBrB,uBAiBTG,CAjBS,MAiBCI,CAjBD,MA2BhB,MACE,qBAAC,SAAD,kBACMF,CADN,EAEE,IAAI,CAAC,MAFP,CAGE,iBAAiB,CAAEZ,CAHrB,CAIE,QAAQ,CAAEV,UAAU,CAAC,CAACoB,CAAD,CAAWD,CAAX,CAAD,CAJtB,CAKE,WAAW,CAAEI,CALf,CAME,OAAO,CAAEC,CANX,GASH,CAxCsC,CAAhC"}
@@ -31,12 +31,10 @@ export declare const DatePickerFieldTypeDateTime: React.ForwardRefExoticComponen
31
31
  minDate?: Date;
32
32
  maxDate?: Date;
33
33
  focused?: boolean;
34
- multiplicitySeconds?: number;
35
- multiplicityMinutes?: number;
36
- multiplicityHours?: number;
34
+ timeOptions?: import("../../DateTime").TimeOptions;
37
35
  label?: string;
38
36
  labelIcon?: import("@consta/icons/Icon").IconComponent;
39
37
  caption?: string;
40
38
  labelPosition?: "top" | "left";
41
39
  withClearButton?: boolean;
42
- } & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "autoFocus" | "className" | "id" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "onError" | "size" | "view" | "form" | "separator" | "status" | "caption" | "label" | "name" | "disabled" | "value" | "placeholder" | "readOnly" | "required" | "inputRef" | "focused" | "ariaLabel" | "labelIcon" | "labelPosition" | "leftSide" | "rightSide" | "withClearButton" | "iconSize" | "minDate" | "maxDate" | "multiplicitySeconds" | "multiplicityMinutes" | "multiplicityHours" | "format"> & React.RefAttributes<HTMLDivElement>>;
40
+ } & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "autoFocus" | "className" | "id" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "onError" | "size" | "view" | "form" | "separator" | "status" | "caption" | "label" | "name" | "disabled" | "value" | "placeholder" | "readOnly" | "required" | "inputRef" | "focused" | "ariaLabel" | "labelIcon" | "labelPosition" | "leftSide" | "rightSide" | "withClearButton" | "iconSize" | "minDate" | "maxDate" | "timeOptions" | "format"> & React.RefAttributes<HTMLDivElement>>;
@@ -1,2 +1,2 @@
1
- import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["format","separator","placeholder","onChange","onError","minDate","maxDate","value","inputRef","multiplicityHours","multiplicitySeconds","multiplicityMinutes","defaultValue"];import React from"react";import{TextField}from"../../TextField";import{useForkRef}from"../../../hooks/useForkRef";import{maxDateDefault,minDateDefault}from"../../../utils/date";import{datePickerPropFormatTypeDateTime,datePickerPropPlaceholderTypeDateTime,datePickerPropSeparatorDefault}from"../helpers";import{usePicker}from"./helpers";export var DatePickerFieldTypeDateTime=React.forwardRef(function(a,b){var c=a.format,d=void 0===c?datePickerPropFormatTypeDateTime:c,e=a.separator,f=void 0===e?datePickerPropSeparatorDefault:e,g=a.placeholder,h=void 0===g?datePickerPropPlaceholderTypeDateTime:g,i=a.onChange,j=a.onError,k=a.minDate,l=void 0===k?minDateDefault:k,m=a.maxDate,n=void 0===m?maxDateDefault:m,o=a.value,p=a.inputRef,q=a.multiplicityHours,r=a.multiplicitySeconds,s=a.multiplicityMinutes,t=a.defaultValue,u=_objectWithoutProperties(a,_excluded),v=usePicker({onChange:i,value:o,onError:j,maxDate:n,minDate:l,multiplicityHours:q,multiplicityMinutes:s,multiplicitySeconds:r,separator:f,format:d}),w=_slicedToArray(v,2),x=w[0],y=w[1];return React.createElement(TextField,Object.assign({},u,{type:"text",inputContainerRef:b,inputRef:useForkRef([x,p]),placeholder:h,onClear:y}))});
1
+ import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["format","separator","placeholder","onChange","onError","minDate","maxDate","value","inputRef","timeOptions","defaultValue"];import React from"react";import{TextField}from"../../TextField";import{useForkRef}from"../../../hooks/useForkRef";import{maxDateDefault,minDateDefault}from"../../../utils/date";import{adaptFormat,datePickerPropFormatTypeDateTime,datePickerPropSeparatorDefault,placeholderByFormat}from"../helpers";import{usePicker}from"./helpers";export var DatePickerFieldTypeDateTime=React.forwardRef(function(a,b){var c=a.format,d=void 0===c?datePickerPropFormatTypeDateTime:c,e=a.separator,f=void 0===e?datePickerPropSeparatorDefault:e,g=a.placeholder,h=a.onChange,i=a.onError,j=a.minDate,k=void 0===j?minDateDefault:j,l=a.maxDate,m=void 0===l?maxDateDefault:l,n=a.value,o=a.inputRef,p=a.timeOptions,q=a.defaultValue,r=_objectWithoutProperties(a,_excluded),s=adaptFormat(d,p),t=null!==g&&void 0!==g?g:placeholderByFormat(s),u=usePicker({onChange:h,value:n,onError:i,maxDate:m,minDate:k,timeOptions:p,separator:f,format:s}),v=_slicedToArray(u,2),w=v[0],x=v[1];return React.createElement(TextField,Object.assign({},r,{type:"text",inputContainerRef:b,inputRef:useForkRef([w,o]),placeholder:t,onClear:x}))});
2
2
  //# sourceMappingURL=DatePickerFieldTypeDateTime.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DatePickerFieldTypeDateTime.js","names":["React","TextField","useForkRef","maxDateDefault","minDateDefault","datePickerPropFormatTypeDateTime","datePickerPropPlaceholderTypeDateTime","datePickerPropSeparatorDefault","usePicker","DatePickerFieldTypeDateTime","forwardRef","props","ref","format","separator","placeholder","onChange","onError","minDate","maxDate","value","inputRefProp","inputRef","multiplicityHours","multiplicitySeconds","multiplicityMinutes","defaultValue","otherProps","onClear"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeDateTime/DatePickerFieldTypeDateTime.tsx"],"sourcesContent":["import React from 'react';\n\nimport { TextField } from '##/components/TextField';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { maxDateDefault, minDateDefault } from '##/utils/date';\n\nimport {\n datePickerPropFormatTypeDateTime,\n datePickerPropPlaceholderTypeDateTime,\n datePickerPropSeparatorDefault,\n} from '../helpers';\nimport { DatePickerFieldTypeDateTimeProps, usePicker } from './helpers';\n\nexport const DatePickerFieldTypeDateTime = React.forwardRef<\n HTMLDivElement,\n DatePickerFieldTypeDateTimeProps\n>((props, ref) => {\n const {\n format = datePickerPropFormatTypeDateTime,\n separator = datePickerPropSeparatorDefault,\n placeholder = datePickerPropPlaceholderTypeDateTime,\n onChange,\n onError,\n minDate = minDateDefault,\n maxDate = maxDateDefault,\n value,\n inputRef: inputRefProp,\n multiplicityHours,\n multiplicitySeconds,\n multiplicityMinutes,\n defaultValue,\n ...otherProps\n } = props;\n\n const [inputRef, onClear] = usePicker({\n onChange,\n value,\n onError,\n maxDate,\n minDate,\n multiplicityHours,\n multiplicityMinutes,\n multiplicitySeconds,\n separator,\n format,\n });\n\n return (\n <TextField\n {...otherProps}\n type=\"text\"\n inputContainerRef={ref}\n inputRef={useForkRef([inputRef, inputRefProp])}\n placeholder={placeholder}\n onClear={onClear}\n />\n );\n});\n"],"mappings":"oVAAA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,SAAT,uBACA,OAASC,UAAT,iCACA,OAASC,cAAT,CAAyBC,cAAzB,2BAEA,OACEC,gCADF,CAEEC,qCAFF,CAGEC,8BAHF,kBAKA,OAA2CC,SAA3C,iBAEA,MAAO,IAAMC,4BAA2B,CAAGT,KAAK,CAACU,UAAN,CAGzC,SAACC,CAAD,CAAQC,CAAR,CAAgB,OAgBZD,CAhBY,CAEdE,MAFc,CAEdA,CAFc,YAELR,gCAFK,KAgBZM,CAhBY,CAGdG,SAHc,CAGdA,CAHc,YAGFP,8BAHE,KAgBZI,CAhBY,CAIdI,WAJc,CAIdA,CAJc,YAIAT,qCAJA,GAKdU,CALc,CAgBZL,CAhBY,CAKdK,QALc,CAMdC,CANc,CAgBZN,CAhBY,CAMdM,OANc,GAgBZN,CAhBY,CAOdO,OAPc,CAOdA,CAPc,YAOJd,cAPI,KAgBZO,CAhBY,CAQdQ,OARc,CAQdA,CARc,YAQJhB,cARI,GASdiB,CATc,CAgBZT,CAhBY,CASdS,KATc,CAUJC,CAVI,CAgBZV,CAhBY,CAUdW,QAVc,CAWdC,CAXc,CAgBZZ,CAhBY,CAWdY,iBAXc,CAYdC,CAZc,CAgBZb,CAhBY,CAYda,mBAZc,CAadC,CAbc,CAgBZd,CAhBY,CAadc,mBAbc,CAcdC,CAdc,CAgBZf,CAhBY,CAcde,YAdc,CAeXC,CAfW,0BAgBZhB,CAhBY,cAkBYH,SAAS,CAAC,CACpCQ,QAAQ,CAARA,CADoC,CAEpCI,KAAK,CAALA,CAFoC,CAGpCH,OAAO,CAAPA,CAHoC,CAIpCE,OAAO,CAAPA,CAJoC,CAKpCD,OAAO,CAAPA,CALoC,CAMpCK,iBAAiB,CAAjBA,CANoC,CAOpCE,mBAAmB,CAAnBA,CAPoC,CAQpCD,mBAAmB,CAAnBA,CARoC,CASpCV,SAAS,CAATA,CAToC,CAUpCD,MAAM,CAANA,CAVoC,CAAD,CAlBrB,uBAkBTS,CAlBS,MAkBCM,CAlBD,MA+BhB,MACE,qBAAC,SAAD,kBACMD,CADN,EAEE,IAAI,CAAC,MAFP,CAGE,iBAAiB,CAAEf,CAHrB,CAIE,QAAQ,CAAEV,UAAU,CAAC,CAACoB,CAAD,CAAWD,CAAX,CAAD,CAJtB,CAKE,WAAW,CAAEN,CALf,CAME,OAAO,CAAEa,CANX,GASH,CA5C0C,CAApC"}
1
+ {"version":3,"file":"DatePickerFieldTypeDateTime.js","names":["React","TextField","useForkRef","maxDateDefault","minDateDefault","adaptFormat","datePickerPropFormatTypeDateTime","datePickerPropSeparatorDefault","placeholderByFormat","usePicker","DatePickerFieldTypeDateTime","forwardRef","props","ref","format","separator","placeholder","onChange","onError","minDate","maxDate","value","inputRefProp","inputRef","timeOptions","defaultValue","otherProps","adaptedFormat","adaptedPlaceholder","onClear"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeDateTime/DatePickerFieldTypeDateTime.tsx"],"sourcesContent":["import React from 'react';\n\nimport { TextField } from '##/components/TextField';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { maxDateDefault, minDateDefault } from '##/utils/date';\n\nimport {\n adaptFormat,\n datePickerPropFormatTypeDateTime,\n datePickerPropSeparatorDefault,\n placeholderByFormat,\n} from '../helpers';\nimport { DatePickerFieldTypeDateTimeProps, usePicker } from './helpers';\n\nexport const DatePickerFieldTypeDateTime = React.forwardRef<\n HTMLDivElement,\n DatePickerFieldTypeDateTimeProps\n>((props, ref) => {\n const {\n format = datePickerPropFormatTypeDateTime,\n separator = datePickerPropSeparatorDefault,\n placeholder,\n onChange,\n onError,\n minDate = minDateDefault,\n maxDate = maxDateDefault,\n value,\n inputRef: inputRefProp,\n timeOptions,\n defaultValue,\n ...otherProps\n } = props;\n\n const adaptedFormat = adaptFormat(format, timeOptions);\n\n const adaptedPlaceholder = placeholder ?? placeholderByFormat(adaptedFormat);\n\n const [inputRef, onClear] = usePicker({\n onChange,\n value,\n onError,\n maxDate,\n minDate,\n timeOptions,\n separator,\n format: adaptedFormat,\n });\n\n return (\n <TextField\n {...otherProps}\n type=\"text\"\n inputContainerRef={ref}\n inputRef={useForkRef([inputRef, inputRefProp])}\n placeholder={adaptedPlaceholder}\n onClear={onClear}\n />\n );\n});\n"],"mappings":"kSAAA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,SAAT,uBACA,OAASC,UAAT,iCACA,OAASC,cAAT,CAAyBC,cAAzB,2BAEA,OACEC,WADF,CAEEC,gCAFF,CAGEC,8BAHF,CAIEC,mBAJF,kBAMA,OAA2CC,SAA3C,iBAEA,MAAO,IAAMC,4BAA2B,CAAGV,KAAK,CAACW,UAAN,CAGzC,SAACC,CAAD,CAAQC,CAAR,CAAgB,OAcZD,CAdY,CAEdE,MAFc,CAEdA,CAFc,YAELR,gCAFK,KAcZM,CAdY,CAGdG,SAHc,CAGdA,CAHc,YAGFR,8BAHE,GAIdS,CAJc,CAcZJ,CAdY,CAIdI,WAJc,CAKdC,CALc,CAcZL,CAdY,CAKdK,QALc,CAMdC,CANc,CAcZN,CAdY,CAMdM,OANc,GAcZN,CAdY,CAOdO,OAPc,CAOdA,CAPc,YAOJf,cAPI,KAcZQ,CAdY,CAQdQ,OARc,CAQdA,CARc,YAQJjB,cARI,GASdkB,CATc,CAcZT,CAdY,CASdS,KATc,CAUJC,CAVI,CAcZV,CAdY,CAUdW,QAVc,CAWdC,CAXc,CAcZZ,CAdY,CAWdY,WAXc,CAYdC,CAZc,CAcZb,CAdY,CAYda,YAZc,CAaXC,CAbW,0BAcZd,CAdY,YAgBVe,CAAa,CAAGtB,WAAW,CAACS,CAAD,CAASU,CAAT,CAhBjB,CAkBVI,CAAkB,QAAGZ,CAAH,WAAGA,CAAH,CAAGA,CAAH,CAAkBR,mBAAmB,CAACmB,CAAD,CAlB7C,GAoBYlB,SAAS,CAAC,CACpCQ,QAAQ,CAARA,CADoC,CAEpCI,KAAK,CAALA,CAFoC,CAGpCH,OAAO,CAAPA,CAHoC,CAIpCE,OAAO,CAAPA,CAJoC,CAKpCD,OAAO,CAAPA,CALoC,CAMpCK,WAAW,CAAXA,CANoC,CAOpCT,SAAS,CAATA,CAPoC,CAQpCD,MAAM,CAAEa,CAR4B,CAAD,CApBrB,uBAoBTJ,CApBS,MAoBCM,CApBD,MA+BhB,MACE,qBAAC,SAAD,kBACMH,CADN,EAEE,IAAI,CAAC,MAFP,CAGE,iBAAiB,CAAEb,CAHrB,CAIE,QAAQ,CAAEX,UAAU,CAAC,CAACqB,CAAD,CAAWD,CAAX,CAAD,CAJtB,CAKE,WAAW,CAAEM,CALf,CAME,OAAO,CAAEC,CANX,GASH,CA5C0C,CAApC"}
@@ -1,5 +1,6 @@
1
1
  import { IconComponent, IconPropSize } from '@consta/icons/Icon';
2
2
  import React from 'react';
3
+ import { TimeOptions } from '../../DateTime/helpers';
3
4
  import { TextFieldPropForm, TextFieldPropSize, TextFieldPropStatus, TextFieldPropView } from '../../TextField/TextField';
4
5
  import { PropsWithHTMLAttributes } from '../../../utils/types/PropsWithHTMLAttributes';
5
6
  import { DatePickerPropOnError } from '../types';
@@ -36,9 +37,7 @@ export type DatePickerFieldTypeDateTimeProps = PropsWithHTMLAttributes<{
36
37
  minDate?: Date;
37
38
  maxDate?: Date;
38
39
  focused?: boolean;
39
- multiplicitySeconds?: number;
40
- multiplicityMinutes?: number;
41
- multiplicityHours?: number;
40
+ timeOptions?: TimeOptions;
42
41
  label?: string;
43
42
  labelIcon?: IconComponent;
44
43
  caption?: string;
@@ -53,9 +52,7 @@ type UsePickerProps = {
53
52
  separator: string;
54
53
  minDate: Date;
55
54
  maxDate: Date;
56
- multiplicityHours: number | undefined;
57
- multiplicitySeconds: number | undefined;
58
- multiplicityMinutes: number | undefined;
55
+ timeOptions?: TimeOptions;
59
56
  };
60
57
  export declare const usePicker: (props: UsePickerProps) => readonly [React.MutableRefObject<HTMLInputElement | null>, React.MouseEventHandler<HTMLButtonElement>];
61
58
  export {};
@@ -1,2 +1,2 @@
1
- import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{addHours,addMinutes,addSeconds,format as _format,isValid,isWithinInterval,parse as _parse,startOfDay,startOfHour,startOfMinute}from"date-fns";import{useCallback}from"react";import{IMask,useIMask}from"react-imask";import{getLabelHours,getLabelMinutes,getLabelSeconds}from"../../DateTime/helpers";import{useMutableRef}from"../../../hooks/useMutableRef/useMutableRef";import{datePickerPropSeparatorDefault,getPartDate,getParts,getPartsDate,getTimeEnum,useStringValue}from"../helpers";import{datePickerErrorTypes}from"../types";export var usePicker=function(a){var b=a.value,c=a.onChange,d=a.onError,f=a.format,g=a.separator,h=a.maxDate,i=a.minDate,j=a.multiplicityHours,k=a.multiplicityMinutes,l=a.multiplicitySeconds,m=useMutableRef(c),n=useMutableRef(b),o=useMutableRef(d),p=useCallback(function(a,b,c){var d=m.current,e=n.current;if(!(e&&isValid(e)&&_format(e,f)===a)){if((null===a||void 0===a?void 0:a.length)!==f.length&&e&&c&&d)return void d(null,{e:c});if(d&&c){if(!a)return void(e&&d(null,{e:c}));var j=getParts(f,g,!1),k=getParts(a,g,!1),l=j.map(function(a){return getPartDate(j,k,a)}).filter(function(a){return!!a});if(j.length===l.length){var y=_parse(k.join(datePickerPropSeparatorDefault),j.join(datePickerPropSeparatorDefault),new Date);if(!isWithinInterval(y,{start:i,end:h})){var p,q=getPartsDate(a,f,g,!0,["dd","MM","yyyy","HH","mm","ss"]),r=_slicedToArray(q,6),s=r[0],t=r[1],u=r[2],v=r[3],w=r[4],x=r[5];return null===(p=o.current)||void 0===p?void 0:p.call(o,{type:datePickerErrorTypes[0],stringValue:a,dd:s,MM:t,yyyy:u,date:y,HH:v,mm:w,ss:x}),void(e&&d(null,{e:c}))}d(y,{e:c})}else e&&d(null,{e:c})}}},[null===i||void 0===i?void 0:i.getTime(),null===h||void 0===h?void 0:h.getTime(),f,g]),q=useIMask({mask:Date,pattern:f,blocks:{yyyy:{mask:IMask.MaskedRange,from:1,to:9999},MM:{mask:IMask.MaskedRange,from:1,to:12},dd:{mask:IMask.MaskedRange,from:1,to:31},HH:j&&1<j?{mask:IMask.MaskedEnum,enum:getTimeEnum(24,j,startOfDay,addHours,getLabelHours)}:{mask:IMask.MaskedRange,from:0,to:23},mm:k&&1<k?{mask:IMask.MaskedEnum,enum:getTimeEnum(60,k,startOfHour,addMinutes,getLabelMinutes)}:{mask:IMask.MaskedRange,from:0,to:59},ss:l&&1<l?{mask:IMask.MaskedEnum,enum:getTimeEnum(60,l,startOfMinute,addSeconds,getLabelSeconds)}:{mask:IMask.MaskedRange,from:0,to:59}},lazy:!0,autofix:!0,format:function format(a){return _format(a,f)},parse:function parse(a){return _parse(a,f,new Date)},validate:function validate(a){var b=getParts(f,g,!1),c=getParts(a,g,!1),d=b.map(function(a){return getPartDate(b,c,a)}).filter(function(a){return!!a});if(b.length===d.length&&!isValid(_parse(c.join(datePickerPropSeparatorDefault),b.join(datePickerPropSeparatorDefault),new Date))){var e,h=getPartsDate(a,f,g,!0,["dd","MM","yyyy","HH","mm","ss"]),i=_slicedToArray(h,6),j=i[0],k=i[1],l=i[2],m=i[3],n=i[4],p=i[5];return null===(e=o.current)||void 0===e?void 0:e.call(o,{type:datePickerErrorTypes[1],stringValue:a,dd:j,MM:k,yyyy:l,HH:m,mm:n,ss:p}),!1}return!0}},{onAccept:p}),r=useStringValue(b,f,g,m,q);return[q.ref,r]};
1
+ import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{format as _format,isValid,isWithinInterval,parse as _parse}from"date-fns";import{useCallback,useMemo}from"react";import{useIMask}from"react-imask";import{getTimeOptionsKey}from"../../DateTime/helpers/getTimeOptionsKey";import{useMutableRef}from"../../../hooks/useMutableRef/useMutableRef";import{datePickerPropSeparatorDefault,getMaskBlocks,getPartDate,getParts,getPartsDate,isValidTimeByTimeOptions,useStringValue}from"../helpers";import{datePickerErrorTypes}from"../types";export var usePicker=function(a){var b=a.value,c=a.onChange,d=a.onError,f=a.format,g=a.separator,h=a.maxDate,i=a.minDate,j=a.timeOptions,k=useMutableRef(c),l=useMutableRef(b),m=useMutableRef(d),n=useCallback(function(a,b,c){var d=k.current,e=l.current;if(!(e&&isValid(e)&&_format(e,f)===a)){if((null===a||void 0===a?void 0:a.length)!==f.length&&e&&c&&d)return void d(null,{e:c});if(d&&c){if(!a)return void(e&&d(null,{e:c}));var n=getParts(f,g,!1),o=getParts(a,g,!1),p=n.map(function(a){return getPartDate(n,o,a)}).filter(function(a){return!!a});if(n.length===p.length){var F=_parse(o.join(datePickerPropSeparatorDefault),n.join(datePickerPropSeparatorDefault),new Date);if(!isWithinInterval(F,{start:i,end:h})){var q,r=getPartsDate(a,f,g,!0,["dd","MM","yyyy","HH","mm","ss"]),s=_slicedToArray(r,6),t=s[0],u=s[1],v=s[2],w=s[3],x=s[4],y=s[5];return null===(q=m.current)||void 0===q?void 0:q.call(m,{type:datePickerErrorTypes[0],stringValue:a,dd:t,MM:u,yyyy:v,date:F,HH:w,mm:x,ss:y}),void(e&&d(null,{e:c}))}if(!isValidTimeByTimeOptions(F,j)){var z,A=getPartsDate(a,f,":",!1,["HH","mm","ss"]),B=_slicedToArray(A,3),C=B[0],D=B[1],E=B[2];return null===(z=m.current)||void 0===z?void 0:z.call(m,{type:datePickerErrorTypes[3],stringValue:a,date:F,HH:C,mm:D,ss:E}),void(e&&d(null,{e:c}))}d(F,{e:c})}else e&&d(null,{e:c})}}},[null===i||void 0===i?void 0:i.getTime(),null===h||void 0===h?void 0:h.getTime(),f,g,getTimeOptionsKey(j)]),o=useMemo(function(){return getMaskBlocks()},[]),p=useIMask({mask:Date,pattern:f,blocks:{yyyy:o.yyyy,MM:o.MM,dd:o.dd,HH:o.HH,mm:o.mm,ss:o.ss},lazy:!0,autofix:!0,format:function format(a){return _format(a,f)},parse:function parse(a){return _parse(a,f,new Date)},validate:function validate(a){var b=getParts(f,g,!1),c=getParts(a,g,!1),d=b.map(function(a){return getPartDate(b,c,a)}).filter(function(a){return!!a});if(b.length===d.length&&!isValid(_parse(c.join(datePickerPropSeparatorDefault),b.join(datePickerPropSeparatorDefault),new Date))){var e,h=getPartsDate(a,f,g,!0,["dd","MM","yyyy","HH","mm","ss"]),i=_slicedToArray(h,6),j=i[0],k=i[1],l=i[2],n=i[3],o=i[4],p=i[5];return null===(e=m.current)||void 0===e?void 0:e.call(m,{type:datePickerErrorTypes[1],stringValue:a,dd:j,MM:k,yyyy:l,HH:n,mm:o,ss:p}),!1}return!0}},{onAccept:n}),q=useStringValue(b,f,g,k,p);return[p.ref,q]};
2
2
  //# sourceMappingURL=helpers.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"helpers.js","names":["addHours","addMinutes","addSeconds","format","isValid","isWithinInterval","parse","startOfDay","startOfHour","startOfMinute","useCallback","IMask","useIMask","getLabelHours","getLabelMinutes","getLabelSeconds","useMutableRef","datePickerPropSeparatorDefault","getPartDate","getParts","getPartsDate","getTimeEnum","useStringValue","datePickerErrorTypes","usePicker","props","value","onChange","onError","formatProp","separator","maxDate","minDate","multiplicityHours","multiplicityMinutes","multiplicitySeconds","onChangeRef","valueRef","onErrorRef","onAccept","stringValue","maskRef","e","current","length","formatArray","valueArray","validArray","map","marker","filter","item","date","join","Date","start","end","dd","MM","yyyy","HH","mm","ss","type","getTime","imaskProps","mask","pattern","blocks","MaskedRange","from","to","MaskedEnum","lazy","autofix","string","validate","handleClear","ref"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeDateTime/helpers.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport {\n addHours,\n addMinutes,\n addSeconds,\n format,\n isValid,\n isWithinInterval,\n parse,\n startOfDay,\n startOfHour,\n startOfMinute,\n} from 'date-fns';\nimport { MaskedDate } from 'imask';\nimport React, { useCallback } from 'react';\nimport { IMask, ReactMaskOpts, useIMask } from 'react-imask';\n\nimport {\n getLabelHours,\n getLabelMinutes,\n getLabelSeconds,\n} from '##/components/DateTime/helpers';\nimport {\n TextFieldPropForm,\n TextFieldPropSize,\n TextFieldPropStatus,\n TextFieldPropView,\n} from '##/components/TextField/TextField';\nimport { useMutableRef } from '##/hooks/useMutableRef/useMutableRef';\nimport { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport {\n datePickerPropSeparatorDefault,\n getPartDate,\n getParts,\n getPartsDate,\n getTimeEnum,\n useStringValue,\n} from '../helpers';\nimport { datePickerErrorTypes, DatePickerPropOnError } from '../types';\n\ntype DatePickerFieldTypeDateTimePropOnChange = (\n value: Date | null,\n props: {\n e: Event;\n },\n) => void;\n\nexport type DatePickerFieldTypeDateTimeProps = PropsWithHTMLAttributes<\n {\n className?: string;\n value?: Date | null;\n onChange?: DatePickerFieldTypeDateTimePropOnChange;\n onError?: DatePickerPropOnError;\n id?: string;\n name?: string;\n disabled?: boolean;\n size?: TextFieldPropSize;\n view?: TextFieldPropView;\n form?: TextFieldPropForm;\n status?: TextFieldPropStatus;\n onFocus?: React.FocusEventHandler<HTMLElement>;\n onBlur?: React.FocusEventHandler<HTMLElement>;\n autoFocus?: boolean;\n placeholder?: string;\n leftSide?: string | IconComponent;\n rightSide?: string | IconComponent;\n readOnly?: boolean;\n required?: boolean;\n tabIndex?: number;\n inputRef?: React.Ref<HTMLTextAreaElement | HTMLInputElement>;\n ariaLabel?: string;\n iconSize?: IconPropSize;\n children?: never;\n format?: string;\n separator?: string;\n minDate?: Date;\n maxDate?: Date;\n focused?: boolean;\n multiplicitySeconds?: number;\n multiplicityMinutes?: number;\n multiplicityHours?: number;\n label?: string;\n labelIcon?: IconComponent;\n caption?: string;\n labelPosition?: 'top' | 'left';\n withClearButton?: boolean;\n },\n HTMLDivElement\n>;\n\ntype UsePickerProps = {\n value?: Date | null;\n onChange?: DatePickerFieldTypeDateTimePropOnChange;\n onError?: DatePickerPropOnError;\n format: string;\n separator: string;\n minDate: Date;\n maxDate: Date;\n multiplicityHours: number | undefined;\n multiplicitySeconds: number | undefined;\n multiplicityMinutes: number | undefined;\n};\n\nexport const usePicker = (props: UsePickerProps) => {\n const {\n value,\n onChange,\n onError,\n format: formatProp,\n separator,\n maxDate,\n minDate,\n multiplicityHours,\n multiplicityMinutes,\n multiplicitySeconds,\n } = props;\n const onChangeRef = useMutableRef(onChange);\n const valueRef = useMutableRef(value);\n const onErrorRef = useMutableRef(onError);\n\n const onAccept = useCallback(\n (stringValue: string, maskRef: unknown, e: InputEvent | undefined) => {\n const onChange = onChangeRef.current;\n const value = valueRef.current;\n\n if (\n value &&\n isValid(value) &&\n format(value, formatProp) === stringValue\n ) {\n return;\n }\n\n if (stringValue?.length !== formatProp.length && value && e && onChange) {\n onChange(null, { e });\n return;\n }\n\n if (onChange && e) {\n if (!stringValue) {\n if (value) {\n onChange(null, { e });\n }\n return;\n }\n\n const formatArray = getParts(formatProp, separator, false);\n const valueArray = getParts(stringValue, separator, false);\n const validArray = formatArray\n .map((marker) => getPartDate(formatArray, valueArray, marker))\n .filter((item) => Boolean(item));\n\n if (formatArray.length === validArray.length) {\n const date = parse(\n valueArray.join(datePickerPropSeparatorDefault),\n formatArray.join(datePickerPropSeparatorDefault),\n new Date(),\n );\n\n if (!isWithinInterval(date, { start: minDate, end: maxDate })) {\n const [dd, MM, yyyy, HH, mm, ss] = getPartsDate(\n stringValue,\n formatProp,\n separator,\n true,\n ['dd', 'MM', 'yyyy', 'HH', 'mm', 'ss'],\n );\n\n onErrorRef.current?.({\n type: datePickerErrorTypes[0],\n stringValue,\n dd,\n MM,\n yyyy,\n date,\n HH,\n mm,\n ss,\n });\n\n if (value) {\n onChange(null, { e });\n }\n return;\n }\n onChange(date, { e });\n } else if (value) {\n onChange(null, { e });\n }\n }\n },\n [minDate?.getTime(), maxDate?.getTime(), formatProp, separator],\n );\n\n const imaskProps = useIMask<HTMLInputElement, ReactMaskOpts>(\n {\n mask: Date as unknown as MaskedDate,\n pattern: formatProp,\n blocks: {\n yyyy: {\n mask: IMask.MaskedRange,\n from: 1,\n to: 9999,\n },\n\n MM: {\n mask: IMask.MaskedRange,\n from: 1,\n to: 12,\n },\n\n dd: {\n mask: IMask.MaskedRange,\n from: 1,\n to: 31,\n },\n HH:\n multiplicityHours && multiplicityHours > 1\n ? {\n mask: IMask.MaskedEnum,\n enum: getTimeEnum(\n 24,\n multiplicityHours,\n startOfDay,\n addHours,\n getLabelHours,\n ),\n }\n : {\n mask: IMask.MaskedRange,\n from: 0,\n to: 23,\n },\n mm:\n multiplicityMinutes && multiplicityMinutes > 1\n ? {\n mask: IMask.MaskedEnum,\n enum: getTimeEnum(\n 60,\n multiplicityMinutes,\n startOfHour,\n addMinutes,\n getLabelMinutes,\n ),\n }\n : {\n mask: IMask.MaskedRange,\n from: 0,\n to: 59,\n },\n ss:\n multiplicitySeconds && multiplicitySeconds > 1\n ? {\n mask: IMask.MaskedEnum,\n enum: getTimeEnum(\n 60,\n multiplicitySeconds,\n startOfMinute,\n addSeconds,\n getLabelSeconds,\n ),\n }\n : {\n mask: IMask.MaskedRange,\n from: 0,\n to: 59,\n },\n },\n lazy: true,\n autofix: true,\n format: (date: Date) => format(date, formatProp),\n parse: (string: string) => parse(string, formatProp, new Date()),\n validate: (string: string) => {\n const formatArray = getParts(formatProp, separator, false);\n const valueArray = getParts(string, separator, false);\n const validArray = formatArray\n .map((marker) => getPartDate(formatArray, valueArray, marker))\n .filter((item) => Boolean(item));\n\n if (\n formatArray.length === validArray.length &&\n !isValid(\n parse(\n valueArray.join(datePickerPropSeparatorDefault),\n formatArray.join(datePickerPropSeparatorDefault),\n new Date(),\n ),\n )\n ) {\n const [dd, MM, yyyy, HH, mm, ss] = getPartsDate(\n string,\n formatProp,\n separator,\n true,\n ['dd', 'MM', 'yyyy', 'HH', 'mm', 'ss'],\n );\n\n onErrorRef.current?.({\n type: datePickerErrorTypes[1],\n stringValue: string,\n dd,\n MM,\n yyyy,\n HH,\n mm,\n ss,\n });\n return false;\n }\n\n return true;\n },\n },\n { onAccept },\n );\n\n const handleClear = useStringValue(\n value,\n formatProp,\n separator,\n onChangeRef,\n imaskProps,\n );\n\n return [imaskProps.ref, handleClear] as const;\n};\n"],"mappings":"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"}
1
+ {"version":3,"file":"helpers.js","names":["format","isValid","isWithinInterval","parse","useCallback","useMemo","useIMask","getTimeOptionsKey","useMutableRef","datePickerPropSeparatorDefault","getMaskBlocks","getPartDate","getParts","getPartsDate","isValidTimeByTimeOptions","useStringValue","datePickerErrorTypes","usePicker","props","value","onChange","onError","formatProp","separator","maxDate","minDate","timeOptions","onChangeRef","valueRef","onErrorRef","onAccept","stringValue","maskRef","e","current","length","formatArray","valueArray","validArray","map","marker","filter","item","date","join","Date","start","end","dd","MM","yyyy","HH","mm","ss","type","getTime","maskBlocks","imaskProps","mask","pattern","blocks","lazy","autofix","string","validate","handleClear","ref"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeDateTime/helpers.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport { format, isValid, isWithinInterval, parse } from 'date-fns';\nimport { MaskedDate } from 'imask';\nimport React, { useCallback, useMemo } from 'react';\nimport { ReactMaskOpts, useIMask } from 'react-imask';\n\nimport { TimeOptions } from '##/components/DateTime/helpers';\nimport { getTimeOptionsKey } from '##/components/DateTime/helpers/getTimeOptionsKey';\nimport {\n TextFieldPropForm,\n TextFieldPropSize,\n TextFieldPropStatus,\n TextFieldPropView,\n} from '##/components/TextField/TextField';\nimport { useMutableRef } from '##/hooks/useMutableRef/useMutableRef';\nimport { PropsWithHTMLAttributes } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport {\n datePickerPropSeparatorDefault,\n getMaskBlocks,\n getPartDate,\n getParts,\n getPartsDate,\n isValidTimeByTimeOptions,\n useStringValue,\n} from '../helpers';\nimport { datePickerErrorTypes, DatePickerPropOnError } from '../types';\n\ntype DatePickerFieldTypeDateTimePropOnChange = (\n value: Date | null,\n props: {\n e: Event;\n },\n) => void;\n\nexport type DatePickerFieldTypeDateTimeProps = PropsWithHTMLAttributes<\n {\n className?: string;\n value?: Date | null;\n onChange?: DatePickerFieldTypeDateTimePropOnChange;\n onError?: DatePickerPropOnError;\n id?: string;\n name?: string;\n disabled?: boolean;\n size?: TextFieldPropSize;\n view?: TextFieldPropView;\n form?: TextFieldPropForm;\n status?: TextFieldPropStatus;\n onFocus?: React.FocusEventHandler<HTMLElement>;\n onBlur?: React.FocusEventHandler<HTMLElement>;\n autoFocus?: boolean;\n placeholder?: string;\n leftSide?: string | IconComponent;\n rightSide?: string | IconComponent;\n readOnly?: boolean;\n required?: boolean;\n tabIndex?: number;\n inputRef?: React.Ref<HTMLTextAreaElement | HTMLInputElement>;\n ariaLabel?: string;\n iconSize?: IconPropSize;\n children?: never;\n format?: string;\n separator?: string;\n minDate?: Date;\n maxDate?: Date;\n focused?: boolean;\n timeOptions?: TimeOptions;\n label?: string;\n labelIcon?: IconComponent;\n caption?: string;\n labelPosition?: 'top' | 'left';\n withClearButton?: boolean;\n },\n HTMLDivElement\n>;\n\ntype UsePickerProps = {\n value?: Date | null;\n onChange?: DatePickerFieldTypeDateTimePropOnChange;\n onError?: DatePickerPropOnError;\n format: string;\n separator: string;\n minDate: Date;\n maxDate: Date;\n timeOptions?: TimeOptions;\n};\n\nexport const usePicker = (props: UsePickerProps) => {\n const {\n value,\n onChange,\n onError,\n format: formatProp,\n separator,\n maxDate,\n minDate,\n timeOptions,\n } = props;\n const onChangeRef = useMutableRef(onChange);\n const valueRef = useMutableRef(value);\n const onErrorRef = useMutableRef(onError);\n\n const onAccept = useCallback(\n (stringValue: string, maskRef: unknown, e: InputEvent | undefined) => {\n const onChange = onChangeRef.current;\n const value = valueRef.current;\n\n if (\n value &&\n isValid(value) &&\n format(value, formatProp) === stringValue\n ) {\n return;\n }\n\n if (stringValue?.length !== formatProp.length && value && e && onChange) {\n onChange(null, { e });\n return;\n }\n\n if (onChange && e) {\n if (!stringValue) {\n if (value) {\n onChange(null, { e });\n }\n return;\n }\n\n const formatArray = getParts(formatProp, separator, false);\n const valueArray = getParts(stringValue, separator, false);\n const validArray = formatArray\n .map((marker) => getPartDate(formatArray, valueArray, marker))\n .filter((item) => Boolean(item));\n\n if (formatArray.length === validArray.length) {\n const date = parse(\n valueArray.join(datePickerPropSeparatorDefault),\n formatArray.join(datePickerPropSeparatorDefault),\n new Date(),\n );\n\n if (!isWithinInterval(date, { start: minDate, end: maxDate })) {\n const [dd, MM, yyyy, HH, mm, ss] = getPartsDate(\n stringValue,\n formatProp,\n separator,\n true,\n ['dd', 'MM', 'yyyy', 'HH', 'mm', 'ss'],\n );\n\n onErrorRef.current?.({\n type: datePickerErrorTypes[0],\n stringValue,\n dd,\n MM,\n yyyy,\n date,\n HH,\n mm,\n ss,\n });\n\n if (value) {\n onChange(null, { e });\n }\n return;\n }\n\n if (!isValidTimeByTimeOptions(date, timeOptions)) {\n const [HH, mm, ss] = getPartsDate(\n stringValue,\n formatProp,\n ':',\n false,\n ['HH', 'mm', 'ss'],\n );\n\n onErrorRef.current?.({\n type: datePickerErrorTypes[3],\n stringValue,\n date,\n HH,\n mm,\n ss,\n });\n\n if (value) {\n onChange(null, { e });\n }\n return;\n }\n onChange(date, { e });\n } else if (value) {\n onChange(null, { e });\n }\n }\n },\n [\n minDate?.getTime(),\n maxDate?.getTime(),\n formatProp,\n separator,\n getTimeOptionsKey(timeOptions),\n ],\n );\n\n const maskBlocks = useMemo(() => getMaskBlocks(), []);\n\n const imaskProps = useIMask<HTMLInputElement, ReactMaskOpts>(\n {\n mask: Date as unknown as MaskedDate,\n pattern: formatProp,\n blocks: {\n yyyy: maskBlocks.yyyy,\n MM: maskBlocks.MM,\n dd: maskBlocks.dd,\n HH: maskBlocks.HH,\n mm: maskBlocks.mm,\n ss: maskBlocks.ss,\n },\n lazy: true,\n autofix: true,\n format: (date: Date) => format(date, formatProp),\n parse: (string: string) => parse(string, formatProp, new Date()),\n validate: (string: string) => {\n const formatArray = getParts(formatProp, separator, false);\n const valueArray = getParts(string, separator, false);\n const validArray = formatArray\n .map((marker) => getPartDate(formatArray, valueArray, marker))\n .filter((item) => Boolean(item));\n\n if (\n formatArray.length === validArray.length &&\n !isValid(\n parse(\n valueArray.join(datePickerPropSeparatorDefault),\n formatArray.join(datePickerPropSeparatorDefault),\n new Date(),\n ),\n )\n ) {\n const [dd, MM, yyyy, HH, mm, ss] = getPartsDate(\n string,\n formatProp,\n separator,\n true,\n ['dd', 'MM', 'yyyy', 'HH', 'mm', 'ss'],\n );\n\n onErrorRef.current?.({\n type: datePickerErrorTypes[1],\n stringValue: string,\n dd,\n MM,\n yyyy,\n HH,\n mm,\n ss,\n });\n return false;\n }\n\n return true;\n },\n },\n { onAccept },\n );\n\n const handleClear = useStringValue(\n value,\n formatProp,\n separator,\n onChangeRef,\n imaskProps,\n );\n\n return [imaskProps.ref, handleClear] as const;\n};\n"],"mappings":"iEACA,OAASA,MAAM,GAANA,QAAT,CAAiBC,OAAjB,CAA0BC,gBAA1B,CAA4CC,KAAK,GAALA,OAA5C,KAAyD,UAAzD,CAEA,OAAgBC,WAAhB,CAA6BC,OAA7B,KAA4C,OAA5C,CACA,OAAwBC,QAAxB,KAAwC,aAAxC,CAGA,OAASC,iBAAT,gDAOA,OAASC,aAAT,kDAGA,OACEC,8BADF,CAEEC,aAFF,CAGEC,WAHF,CAIEC,QAJF,CAKEC,YALF,CAMEC,wBANF,CAOEC,cAPF,kBASA,OAASC,oBAAT,gBA6DA,MAAO,IAAMC,UAAS,CAAG,SAACC,CAAD,CAA2B,IAEhDC,EAFgD,CAU9CD,CAV8C,CAEhDC,KAFgD,CAGhDC,CAHgD,CAU9CF,CAV8C,CAGhDE,QAHgD,CAIhDC,CAJgD,CAU9CH,CAV8C,CAIhDG,OAJgD,CAKxCC,CALwC,CAU9CJ,CAV8C,CAKhDlB,MALgD,CAMhDuB,CANgD,CAU9CL,CAV8C,CAMhDK,SANgD,CAOhDC,CAPgD,CAU9CN,CAV8C,CAOhDM,OAPgD,CAQhDC,CARgD,CAU9CP,CAV8C,CAQhDO,OARgD,CAShDC,CATgD,CAU9CR,CAV8C,CAShDQ,WATgD,CAW5CC,CAAW,CAAGnB,aAAa,CAACY,CAAD,CAXiB,CAY5CQ,CAAQ,CAAGpB,aAAa,CAACW,CAAD,CAZoB,CAa5CU,CAAU,CAAGrB,aAAa,CAACa,CAAD,CAbkB,CAe5CS,CAAQ,CAAG1B,WAAW,CAC1B,SAAC2B,CAAD,CAAsBC,CAAtB,CAAwCC,CAAxC,CAAsE,IAC9Db,EAAQ,CAAGO,CAAW,CAACO,OADuC,CAE9Df,CAAK,CAAGS,CAAQ,CAACM,OAF6C,CAIpE,KACEf,CAAK,EACLlB,OAAO,CAACkB,CAAD,CADP,EAEAnB,OAAM,CAACmB,CAAD,CAAQG,CAAR,CAAN,GAA8BS,CAHhC,GAQA,GAAI,QAAAA,CAAW,WAAXA,CAAA,QAAAA,CAAW,CAAEI,MAAb,IAAwBb,CAAU,CAACa,MAAnC,EAA6ChB,CAA7C,EAAsDc,CAAtD,EAA2Db,CAA/D,CAEE,WADAA,EAAQ,CAAC,IAAD,CAAO,CAAEa,CAAC,CAADA,CAAF,CAAP,CACR,CAGF,GAAIb,CAAQ,EAAIa,CAAhB,CAAmB,CACjB,GAAI,CAACF,CAAL,CAIE,YAHIZ,CAGJ,EAFEC,CAAQ,CAAC,IAAD,CAAO,CAAEa,CAAC,CAADA,CAAF,CAAP,CAEV,EALe,GAQXG,EAAW,CAAGxB,QAAQ,CAACU,CAAD,CAAaC,CAAb,IARX,CASXc,CAAU,CAAGzB,QAAQ,CAACmB,CAAD,CAAcR,CAAd,IATV,CAUXe,CAAU,CAAGF,CAAW,CAC3BG,GADgB,CACZ,SAACC,CAAD,QAAY7B,YAAW,CAACyB,CAAD,CAAcC,CAAd,CAA0BG,CAA1B,CAAvB,CADY,EAEhBC,MAFgB,CAET,SAACC,CAAD,UAAkBA,CAAlB,CAFS,CAVF,CAcjB,GAAIN,CAAW,CAACD,MAAZ,GAAuBG,CAAU,CAACH,MAAtC,CAA8C,CAC5C,GAAMQ,EAAI,CAAGxC,MAAK,CAChBkC,CAAU,CAACO,IAAX,CAAgBnC,8BAAhB,CADgB,CAEhB2B,CAAW,CAACQ,IAAZ,CAAiBnC,8BAAjB,CAFgB,CAGhB,GAAIoC,KAHY,CAAlB,CAMA,GAAI,CAAC3C,gBAAgB,CAACyC,CAAD,CAAO,CAAEG,KAAK,CAAErB,CAAT,CAAkBsB,GAAG,CAAEvB,CAAvB,CAAP,CAArB,CAA+D,SAC1BX,YAAY,CAC7CkB,CAD6C,CAE7CT,CAF6C,CAG7CC,CAH6C,IAK7C,CAAC,IAAD,CAAO,IAAP,CAAa,MAAb,CAAqB,IAArB,CAA2B,IAA3B,CAAiC,IAAjC,CAL6C,CADc,uBACtDyB,CADsD,MAClDC,CADkD,MAC9CC,CAD8C,MACxCC,CADwC,MACpCC,CADoC,MAChCC,CADgC,MAwB7D,iBAfAxB,CAAU,CAACK,OAeX,qBAfA,OAAAL,CAAU,CAAW,CACnByB,IAAI,CAAEtC,oBAAoB,CAAC,CAAD,CADP,CAEnBe,WAAW,CAAXA,CAFmB,CAGnBiB,EAAE,CAAFA,CAHmB,CAInBC,EAAE,CAAFA,CAJmB,CAKnBC,IAAI,CAAJA,CALmB,CAMnBP,IAAI,CAAJA,CANmB,CAOnBQ,EAAE,CAAFA,CAPmB,CAQnBC,EAAE,CAAFA,CARmB,CASnBC,EAAE,CAAFA,CATmB,CAAX,CAeV,MAHIlC,CAGJ,EAFEC,CAAQ,CAAC,IAAD,CAAO,CAAEa,CAAC,CAADA,CAAF,CAAP,CAEV,CACD,CAED,GAAI,CAACnB,wBAAwB,CAAC6B,CAAD,CAAOjB,CAAP,CAA7B,CAAkD,SAC3Bb,YAAY,CAC/BkB,CAD+B,CAE/BT,CAF+B,CAG/B,GAH+B,IAK/B,CAAC,IAAD,CAAO,IAAP,CAAa,IAAb,CAL+B,CADe,uBACzC6B,CADyC,MACrCC,CADqC,MACjCC,CADiC,MAqBhD,iBAZAxB,CAAU,CAACK,OAYX,qBAZA,OAAAL,CAAU,CAAW,CACnByB,IAAI,CAAEtC,oBAAoB,CAAC,CAAD,CADP,CAEnBe,WAAW,CAAXA,CAFmB,CAGnBY,IAAI,CAAJA,CAHmB,CAInBQ,EAAE,CAAFA,CAJmB,CAKnBC,EAAE,CAAFA,CALmB,CAMnBC,EAAE,CAAFA,CANmB,CAAX,CAYV,MAHIlC,CAGJ,EAFEC,CAAQ,CAAC,IAAD,CAAO,CAAEa,CAAC,CAADA,CAAF,CAAP,CAEV,CACD,CACDb,CAAQ,CAACuB,CAAD,CAAO,CAAEV,CAAC,CAADA,CAAF,CAAP,CACT,CA1DD,IA0DWd,EA1DX,EA2DEC,CAAQ,CAAC,IAAD,CAAO,CAAEa,CAAC,CAADA,CAAF,CAAP,CAEX,CAxFD,CAyFD,CA9FyB,CA+F1B,QACER,CADF,WACEA,CADF,QACEA,CAAO,CAAE8B,OAAT,EADF,QAEE/B,CAFF,WAEEA,CAFF,QAEEA,CAAO,CAAE+B,OAAT,EAFF,CAGEjC,CAHF,CAIEC,CAJF,CAKEhB,iBAAiB,CAACmB,CAAD,CALnB,CA/F0B,CAfsB,CAuH5C8B,CAAU,CAAGnD,OAAO,CAAC,iBAAMK,cAAa,EAAnB,CAAD,CAAwB,EAAxB,CAvHwB,CAyH5C+C,CAAU,CAAGnD,QAAQ,CACzB,CACEoD,IAAI,CAAEb,IADR,CAEEc,OAAO,CAAErC,CAFX,CAGEsC,MAAM,CAAE,CACNV,IAAI,CAAEM,CAAU,CAACN,IADX,CAEND,EAAE,CAAEO,CAAU,CAACP,EAFT,CAGND,EAAE,CAAEQ,CAAU,CAACR,EAHT,CAING,EAAE,CAAEK,CAAU,CAACL,EAJT,CAKNC,EAAE,CAAEI,CAAU,CAACJ,EALT,CAMNC,EAAE,CAAEG,CAAU,CAACH,EANT,CAHV,CAWEQ,IAAI,GAXN,CAYEC,OAAO,GAZT,CAaE9D,MAAM,CAAE,gBAAC2C,CAAD,QAAgB3C,QAAM,CAAC2C,CAAD,CAAOrB,CAAP,CAAtB,CAbV,CAcEnB,KAAK,CAAE,eAAC4D,CAAD,QAAoB5D,OAAK,CAAC4D,CAAD,CAASzC,CAAT,CAAqB,GAAIuB,KAAzB,CAAzB,CAdT,CAeEmB,QAAQ,CAAE,kBAACD,CAAD,CAAoB,IACtB3B,EAAW,CAAGxB,QAAQ,CAACU,CAAD,CAAaC,CAAb,IADA,CAEtBc,CAAU,CAAGzB,QAAQ,CAACmD,CAAD,CAASxC,CAAT,IAFC,CAGtBe,CAAU,CAAGF,CAAW,CAC3BG,GADgB,CACZ,SAACC,CAAD,QAAY7B,YAAW,CAACyB,CAAD,CAAcC,CAAd,CAA0BG,CAA1B,CAAvB,CADY,EAEhBC,MAFgB,CAET,SAACC,CAAD,UAAkBA,CAAlB,CAFS,CAHS,CAO5B,GACEN,CAAW,CAACD,MAAZ,GAAuBG,CAAU,CAACH,MAAlC,EACA,CAAClC,OAAO,CACNE,MAAK,CACHkC,CAAU,CAACO,IAAX,CAAgBnC,8BAAhB,CADG,CAEH2B,CAAW,CAACQ,IAAZ,CAAiBnC,8BAAjB,CAFG,CAGH,GAAIoC,KAHD,CADC,CAFV,CASE,SACmChC,YAAY,CAC7CkD,CAD6C,CAE7CzC,CAF6C,CAG7CC,CAH6C,IAK7C,CAAC,IAAD,CAAO,IAAP,CAAa,MAAb,CAAqB,IAArB,CAA2B,IAA3B,CAAiC,IAAjC,CAL6C,CAD/C,uBACOyB,CADP,MACWC,CADX,MACeC,CADf,MACqBC,CADrB,MACyBC,CADzB,MAC6BC,CAD7B,MAmBA,iBAVAxB,CAAU,CAACK,OAUX,qBAVA,OAAAL,CAAU,CAAW,CACnByB,IAAI,CAAEtC,oBAAoB,CAAC,CAAD,CADP,CAEnBe,WAAW,CAAEgC,CAFM,CAGnBf,EAAE,CAAFA,CAHmB,CAInBC,EAAE,CAAFA,CAJmB,CAKnBC,IAAI,CAAJA,CALmB,CAMnBC,EAAE,CAAFA,CANmB,CAOnBC,EAAE,CAAFA,CAPmB,CAQnBC,EAAE,CAAFA,CARmB,CAAX,CAUV,GACD,CAED,QACD,CAtDH,CADyB,CAyDzB,CAAEvB,QAAQ,CAARA,CAAF,CAzDyB,CAzHuB,CAqL5CmC,CAAW,CAAGlD,cAAc,CAChCI,CADgC,CAEhCG,CAFgC,CAGhCC,CAHgC,CAIhCI,CAJgC,CAKhC8B,CALgC,CArLgB,CA6LlD,MAAO,CAACA,CAAU,CAACS,GAAZ,CAAiBD,CAAjB,CACR,CA9LM"}
@@ -27,4 +27,5 @@ export declare const DatePickerFieldTypeDateTimeRange: React.ForwardRefExoticCom
27
27
  endFieldName?: string;
28
28
  startFieldPlaceholder?: string;
29
29
  endFieldPlaceholder?: string;
30
+ timeOptions?: import("../../DateTime").TimeOptions;
30
31
  } & React.RefAttributes<HTMLDivElement>>;
@@ -1,2 +1,2 @@
1
- import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","form","startFieldInputRef","startFieldLeftSide","startFieldRightSide","endFieldInputRef","endFieldLeftSide","endFieldRightSide","value","onChange","onError","disabled","size","view","status","autoFocus","startFieldPlaceholder","endFieldPlaceholder","readOnly","required","tabIndex","ariaLabel","id","iconSize","format","separator","minDate","maxDate","startFieldOnClick","startFieldOnBlur","startFieldOnFocus","endFieldOnClick","endFieldOnBlur","endFieldOnFocus","startFieldRef","endFieldRef","startFocused","endFocused","label","labelIcon","labelPosition","caption","startFieldName","endFieldName","withClearButton"];import React,{forwardRef}from"react";import{FieldCaption}from"../../FieldCaption";import{FieldLabel}from"../../FieldLabel";import{DatePickerFieldTypeDateTime}from"../DatePickerFieldTypeDateTime/DatePickerFieldTypeDateTime";import{cnDatePickerMixRangeField}from"../DatePickerMixRangeField/DatePickerMixRangeField";import{getChangeFnRange}from"../getChangeFnRange";import{getFormForEnd,getFormForStart}from"../helpers";export var DatePickerFieldTypeDateTimeRange=forwardRef(function(a,b){var c=a.className,d=a.form,e=void 0===d?"default":d,f=a.startFieldInputRef,g=a.startFieldLeftSide,h=a.startFieldRightSide,i=a.endFieldInputRef,j=a.endFieldLeftSide,k=a.endFieldRightSide,l=a.value,m=void 0===l?[]:l,n=a.onChange,o=a.onError,p=a.disabled,q=a.size,r=a.view,s=a.status,t=a.autoFocus,u=a.startFieldPlaceholder,v=a.endFieldPlaceholder,w=a.readOnly,x=a.required,y=a.tabIndex,z=a.ariaLabel,A=a.id,B=a.iconSize,C=a.format,D=a.separator,E=a.minDate,F=a.maxDate,G=a.startFieldOnClick,H=a.startFieldOnBlur,I=a.startFieldOnFocus,J=a.endFieldOnClick,K=a.endFieldOnBlur,L=a.endFieldOnFocus,M=a.startFieldRef,N=a.endFieldRef,O=a.startFocused,P=a.endFocused,Q=a.label,R=a.labelIcon,S=a.labelPosition,T=a.caption,U=a.startFieldName,V=a.endFieldName,W=a.withClearButton,X=_objectWithoutProperties(a,_excluded),Y={className:cnDatePickerMixRangeField("Field"),disabled:p,onError:o,size:q,view:r,status:s,readOnly:w,required:x,tabIndex:y,ariaLabel:z,iconSize:B,format:C,separator:D,minDate:E,maxDate:F,withClearButton:W},Z=getChangeFnRange(n,o,m),$=_slicedToArray(Z,2),_=$[0],aa=$[1];return React.createElement("div",Object.assign({},X,{className:cnDatePickerMixRangeField({view:r,labelPosition:S,size:q},[c]),ref:b}),Q&&React.createElement(FieldLabel,{icon:R,as:"label",required:x,className:cnDatePickerMixRangeField("Label",{labelPosition:S}),size:q,htmlFor:A},Q),React.createElement("div",{className:cnDatePickerMixRangeField("Body")},React.createElement("div",{className:cnDatePickerMixRangeField("Fields")},React.createElement(DatePickerFieldTypeDateTime,Object.assign({},Y,{inputRef:f,ref:M,leftSide:g,rightSide:h,id:A,form:getFormForStart(e),value:null===m||void 0===m?void 0:m[0],onClick:G,onChange:_,onFocus:I,onBlur:H,focused:O,autoFocus:t,name:U,placeholder:u})),React.createElement(DatePickerFieldTypeDateTime,Object.assign({},Y,{inputRef:i,ref:N,leftSide:j,rightSide:k,form:getFormForEnd(e),value:null===m||void 0===m?void 0:m[1],onClick:J,onChange:aa,onFocus:L,onBlur:K,focused:P,name:V,placeholder:v}))),T&&React.createElement(FieldCaption,{className:cnDatePickerMixRangeField("Caption"),status:s},T)))});
1
+ import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","form","startFieldInputRef","startFieldLeftSide","startFieldRightSide","endFieldInputRef","endFieldLeftSide","endFieldRightSide","value","onChange","onError","disabled","size","view","status","autoFocus","startFieldPlaceholder","endFieldPlaceholder","readOnly","required","tabIndex","ariaLabel","id","iconSize","format","separator","minDate","maxDate","startFieldOnClick","startFieldOnBlur","startFieldOnFocus","endFieldOnClick","endFieldOnBlur","endFieldOnFocus","startFieldRef","endFieldRef","startFocused","endFocused","label","labelIcon","labelPosition","caption","startFieldName","endFieldName","withClearButton","timeOptions"];import React,{forwardRef}from"react";import{FieldCaption}from"../../FieldCaption";import{FieldLabel}from"../../FieldLabel";import{DatePickerFieldTypeDateTime}from"../DatePickerFieldTypeDateTime/DatePickerFieldTypeDateTime";import{cnDatePickerMixRangeField}from"../DatePickerMixRangeField/DatePickerMixRangeField";import{getChangeFnRange}from"../getChangeFnRange";import{getFormForEnd,getFormForStart}from"../helpers";export var DatePickerFieldTypeDateTimeRange=forwardRef(function(a,b){var c=a.className,d=a.form,e=void 0===d?"default":d,f=a.startFieldInputRef,g=a.startFieldLeftSide,h=a.startFieldRightSide,i=a.endFieldInputRef,j=a.endFieldLeftSide,k=a.endFieldRightSide,l=a.value,m=void 0===l?[]:l,n=a.onChange,o=a.onError,p=a.disabled,q=a.size,r=a.view,s=a.status,t=a.autoFocus,u=a.startFieldPlaceholder,v=a.endFieldPlaceholder,w=a.readOnly,x=a.required,y=a.tabIndex,z=a.ariaLabel,A=a.id,B=a.iconSize,C=a.format,D=a.separator,E=a.minDate,F=a.maxDate,G=a.startFieldOnClick,H=a.startFieldOnBlur,I=a.startFieldOnFocus,J=a.endFieldOnClick,K=a.endFieldOnBlur,L=a.endFieldOnFocus,M=a.startFieldRef,N=a.endFieldRef,O=a.startFocused,P=a.endFocused,Q=a.label,R=a.labelIcon,S=a.labelPosition,T=a.caption,U=a.startFieldName,V=a.endFieldName,W=a.withClearButton,X=a.timeOptions,Y=_objectWithoutProperties(a,_excluded),Z={className:cnDatePickerMixRangeField("Field"),disabled:p,onError:o,size:q,view:r,status:s,readOnly:w,required:x,tabIndex:y,ariaLabel:z,iconSize:B,format:C,separator:D,minDate:E,maxDate:F,withClearButton:W,timeOptions:X},$=getChangeFnRange(n,o,m),_=_slicedToArray($,2),aa=_[0],ba=_[1];return React.createElement("div",Object.assign({},Y,{className:cnDatePickerMixRangeField({view:r,labelPosition:S,size:q},[c]),ref:b}),Q&&React.createElement(FieldLabel,{icon:R,as:"label",required:x,className:cnDatePickerMixRangeField("Label",{labelPosition:S}),size:q,htmlFor:A},Q),React.createElement("div",{className:cnDatePickerMixRangeField("Body")},React.createElement("div",{className:cnDatePickerMixRangeField("Fields")},React.createElement(DatePickerFieldTypeDateTime,Object.assign({},Z,{inputRef:f,ref:M,leftSide:g,rightSide:h,id:A,form:getFormForStart(e),value:null===m||void 0===m?void 0:m[0],onClick:G,onChange:aa,onFocus:I,onBlur:H,focused:O,autoFocus:t,name:U,placeholder:u})),React.createElement(DatePickerFieldTypeDateTime,Object.assign({},Z,{inputRef:i,ref:N,leftSide:j,rightSide:k,form:getFormForEnd(e),value:null===m||void 0===m?void 0:m[1],onClick:J,onChange:ba,onFocus:L,onBlur:K,focused:P,name:V,placeholder:v}))),T&&React.createElement(FieldCaption,{className:cnDatePickerMixRangeField("Caption"),status:s},T)))});
2
2
  //# sourceMappingURL=DatePickerFieldTypeDateTimeRange.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DatePickerFieldTypeDateTimeRange.js","names":["React","forwardRef","FieldCaption","FieldLabel","DatePickerFieldTypeDateTime","cnDatePickerMixRangeField","getChangeFnRange","getFormForEnd","getFormForStart","DatePickerFieldTypeDateTimeRange","props","ref","className","form","startFieldInputRef","startFieldLeftSide","startFieldRightSide","endFieldInputRef","endFieldLeftSide","endFieldRightSide","value","onChange","onError","disabled","size","view","status","autoFocus","startFieldPlaceholder","endFieldPlaceholder","readOnly","required","tabIndex","ariaLabel","id","iconSize","format","separator","minDate","maxDate","startFieldOnClick","startFieldOnBlur","startFieldOnFocus","endFieldOnClick","endFieldOnBlur","endFieldOnFocus","startFieldRef","endFieldRef","startFocused","endFocused","label","labelIcon","labelPosition","caption","startFieldName","endFieldName","withClearButton","otherProps","commonProps","handleStartDateChange","handleEndDateChange"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeDateTimeRange/DatePickerFieldTypeDateTimeRange.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { FieldCaption } from '##/components/FieldCaption';\nimport { FieldLabel } from '##/components/FieldLabel';\n\nimport { DatePickerFieldTypeDateTime } from '../DatePickerFieldTypeDateTime/DatePickerFieldTypeDateTime';\nimport { cnDatePickerMixRangeField } from '../DatePickerMixRangeField/DatePickerMixRangeField';\nimport { getChangeFnRange } from '../getChangeFnRange';\nimport { getFormForEnd, getFormForStart } from '../helpers';\nimport { DatePickerFieldTypeDateTimeRangeProps } from './helpers';\n\nexport const DatePickerFieldTypeDateTimeRange = forwardRef<\n HTMLDivElement,\n DatePickerFieldTypeDateTimeRangeProps\n>((props, ref) => {\n const {\n className,\n form = 'default',\n startFieldInputRef,\n startFieldLeftSide,\n startFieldRightSide,\n endFieldInputRef,\n endFieldLeftSide,\n endFieldRightSide,\n value = [],\n onChange,\n onError,\n disabled,\n size,\n view,\n status,\n autoFocus,\n startFieldPlaceholder,\n endFieldPlaceholder,\n readOnly,\n required,\n tabIndex,\n ariaLabel,\n id,\n iconSize,\n format,\n separator,\n minDate,\n maxDate,\n startFieldOnClick,\n startFieldOnBlur,\n startFieldOnFocus,\n endFieldOnClick,\n endFieldOnBlur,\n endFieldOnFocus,\n startFieldRef,\n endFieldRef,\n startFocused,\n endFocused,\n label,\n labelIcon,\n labelPosition,\n caption,\n startFieldName,\n endFieldName,\n withClearButton,\n ...otherProps\n } = props;\n\n const commonProps = {\n className: cnDatePickerMixRangeField('Field'),\n disabled,\n onError,\n size,\n view,\n status,\n readOnly,\n required,\n tabIndex,\n ariaLabel,\n iconSize,\n format,\n separator,\n minDate,\n maxDate,\n withClearButton,\n };\n\n const [handleStartDateChange, handleEndDateChange] = getChangeFnRange(\n onChange,\n onError,\n value,\n );\n\n return (\n <div\n {...otherProps}\n className={cnDatePickerMixRangeField({ view, labelPosition, size }, [\n className,\n ])}\n ref={ref}\n >\n {label && (\n <FieldLabel\n icon={labelIcon}\n as=\"label\"\n required={required}\n className={cnDatePickerMixRangeField('Label', { labelPosition })}\n size={size}\n htmlFor={id}\n >\n {label}\n </FieldLabel>\n )}\n <div className={cnDatePickerMixRangeField('Body')}>\n <div className={cnDatePickerMixRangeField('Fields')}>\n <DatePickerFieldTypeDateTime\n {...commonProps}\n inputRef={startFieldInputRef}\n ref={startFieldRef}\n leftSide={startFieldLeftSide}\n rightSide={startFieldRightSide}\n id={id}\n form={getFormForStart(form)}\n value={value?.[0]}\n onClick={startFieldOnClick}\n onChange={handleStartDateChange}\n onFocus={startFieldOnFocus}\n onBlur={startFieldOnBlur}\n focused={startFocused}\n autoFocus={autoFocus}\n name={startFieldName}\n placeholder={startFieldPlaceholder}\n />\n <DatePickerFieldTypeDateTime\n {...commonProps}\n inputRef={endFieldInputRef}\n ref={endFieldRef}\n leftSide={endFieldLeftSide}\n rightSide={endFieldRightSide}\n form={getFormForEnd(form)}\n value={value?.[1]}\n onClick={endFieldOnClick}\n onChange={handleEndDateChange}\n onFocus={endFieldOnFocus}\n onBlur={endFieldOnBlur}\n focused={endFocused}\n name={endFieldName}\n placeholder={endFieldPlaceholder}\n />\n </div>\n {caption && (\n <FieldCaption\n className={cnDatePickerMixRangeField('Caption')}\n status={status}\n >\n {caption}\n </FieldCaption>\n )}\n </div>\n </div>\n );\n});\n"],"mappings":"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"}
1
+ {"version":3,"file":"DatePickerFieldTypeDateTimeRange.js","names":["React","forwardRef","FieldCaption","FieldLabel","DatePickerFieldTypeDateTime","cnDatePickerMixRangeField","getChangeFnRange","getFormForEnd","getFormForStart","DatePickerFieldTypeDateTimeRange","props","ref","className","form","startFieldInputRef","startFieldLeftSide","startFieldRightSide","endFieldInputRef","endFieldLeftSide","endFieldRightSide","value","onChange","onError","disabled","size","view","status","autoFocus","startFieldPlaceholder","endFieldPlaceholder","readOnly","required","tabIndex","ariaLabel","id","iconSize","format","separator","minDate","maxDate","startFieldOnClick","startFieldOnBlur","startFieldOnFocus","endFieldOnClick","endFieldOnBlur","endFieldOnFocus","startFieldRef","endFieldRef","startFocused","endFocused","label","labelIcon","labelPosition","caption","startFieldName","endFieldName","withClearButton","timeOptions","otherProps","commonProps","handleStartDateChange","handleEndDateChange"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeDateTimeRange/DatePickerFieldTypeDateTimeRange.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { FieldCaption } from '##/components/FieldCaption';\nimport { FieldLabel } from '##/components/FieldLabel';\n\nimport { DatePickerFieldTypeDateTime } from '../DatePickerFieldTypeDateTime/DatePickerFieldTypeDateTime';\nimport { cnDatePickerMixRangeField } from '../DatePickerMixRangeField/DatePickerMixRangeField';\nimport { getChangeFnRange } from '../getChangeFnRange';\nimport { getFormForEnd, getFormForStart } from '../helpers';\nimport { DatePickerFieldTypeDateTimeRangeProps } from './helpers';\n\nexport const DatePickerFieldTypeDateTimeRange = forwardRef<\n HTMLDivElement,\n DatePickerFieldTypeDateTimeRangeProps\n>((props, ref) => {\n const {\n className,\n form = 'default',\n startFieldInputRef,\n startFieldLeftSide,\n startFieldRightSide,\n endFieldInputRef,\n endFieldLeftSide,\n endFieldRightSide,\n value = [],\n onChange,\n onError,\n disabled,\n size,\n view,\n status,\n autoFocus,\n startFieldPlaceholder,\n endFieldPlaceholder,\n readOnly,\n required,\n tabIndex,\n ariaLabel,\n id,\n iconSize,\n format,\n separator,\n minDate,\n maxDate,\n startFieldOnClick,\n startFieldOnBlur,\n startFieldOnFocus,\n endFieldOnClick,\n endFieldOnBlur,\n endFieldOnFocus,\n startFieldRef,\n endFieldRef,\n startFocused,\n endFocused,\n label,\n labelIcon,\n labelPosition,\n caption,\n startFieldName,\n endFieldName,\n withClearButton,\n timeOptions,\n ...otherProps\n } = props;\n\n const commonProps = {\n className: cnDatePickerMixRangeField('Field'),\n disabled,\n onError,\n size,\n view,\n status,\n readOnly,\n required,\n tabIndex,\n ariaLabel,\n iconSize,\n format,\n separator,\n minDate,\n maxDate,\n withClearButton,\n timeOptions,\n };\n\n const [handleStartDateChange, handleEndDateChange] = getChangeFnRange(\n onChange,\n onError,\n value,\n );\n\n return (\n <div\n {...otherProps}\n className={cnDatePickerMixRangeField({ view, labelPosition, size }, [\n className,\n ])}\n ref={ref}\n >\n {label && (\n <FieldLabel\n icon={labelIcon}\n as=\"label\"\n required={required}\n className={cnDatePickerMixRangeField('Label', { labelPosition })}\n size={size}\n htmlFor={id}\n >\n {label}\n </FieldLabel>\n )}\n <div className={cnDatePickerMixRangeField('Body')}>\n <div className={cnDatePickerMixRangeField('Fields')}>\n <DatePickerFieldTypeDateTime\n {...commonProps}\n inputRef={startFieldInputRef}\n ref={startFieldRef}\n leftSide={startFieldLeftSide}\n rightSide={startFieldRightSide}\n id={id}\n form={getFormForStart(form)}\n value={value?.[0]}\n onClick={startFieldOnClick}\n onChange={handleStartDateChange}\n onFocus={startFieldOnFocus}\n onBlur={startFieldOnBlur}\n focused={startFocused}\n autoFocus={autoFocus}\n name={startFieldName}\n placeholder={startFieldPlaceholder}\n />\n <DatePickerFieldTypeDateTime\n {...commonProps}\n inputRef={endFieldInputRef}\n ref={endFieldRef}\n leftSide={endFieldLeftSide}\n rightSide={endFieldRightSide}\n form={getFormForEnd(form)}\n value={value?.[1]}\n onClick={endFieldOnClick}\n onChange={handleEndDateChange}\n onFocus={endFieldOnFocus}\n onBlur={endFieldOnBlur}\n focused={endFocused}\n name={endFieldName}\n placeholder={endFieldPlaceholder}\n />\n </div>\n {caption && (\n <FieldCaption\n className={cnDatePickerMixRangeField('Caption')}\n status={status}\n >\n {caption}\n </FieldCaption>\n )}\n </div>\n </div>\n );\n});\n"],"mappings":"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"}
@@ -1,4 +1,5 @@
1
1
  import { IconComponent } from '@consta/icons/Icon';
2
+ import { TimeOptions } from '../../DateTime';
2
3
  import { DateRange } from '../../../utils/types/Date';
3
4
  import { DatePickerFieldTypeDateTimeProps } from '../DatePickerFieldTypeDateTime/helpers';
4
5
  type DatePickerFieldTypeDateTimeRangePropOnChange = (value: DateRange | null, props: {
@@ -30,5 +31,6 @@ export type DatePickerFieldTypeDateTimeRangeProps = Omit<DatePickerFieldTypeDate
30
31
  endFieldName?: string;
31
32
  startFieldPlaceholder?: string;
32
33
  endFieldPlaceholder?: string;
34
+ timeOptions?: TimeOptions;
33
35
  };
34
36
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"helpers.js","names":[],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeDateTimeRange/helpers.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport { DateRange } from '../../../utils/types/Date';\nimport { DatePickerFieldTypeDateTimeProps } from '../DatePickerFieldTypeDateTime/helpers';\n\ntype DatePickerFieldTypeDateTimeRangePropOnChange = (\n value: DateRange | null,\n props: {\n e: Event;\n },\n) => void;\n\nexport type DatePickerFieldTypeDateTimeRangeProps = Omit<\n DatePickerFieldTypeDateTimeProps,\n | 'onChange'\n | 'value'\n | 'inputRef'\n | 'leftSide'\n | 'rightSide'\n | 'id'\n | 'onFocus'\n | 'onBlur'\n | 'name'\n | 'placeholder'\n> & {\n onChange?: DatePickerFieldTypeDateTimeRangePropOnChange;\n value?: DateRange | null;\n startFieldInputRef?: React.Ref<HTMLInputElement>;\n endFieldInputRef?: React.Ref<HTMLInputElement>;\n startFieldLeftSide?: string | IconComponent;\n startFieldRightSide?: string | IconComponent;\n endFieldLeftSide?: string | IconComponent;\n endFieldRightSide?: string | IconComponent;\n startFieldRef?: React.Ref<HTMLDivElement>;\n endFieldRef?: React.Ref<HTMLDivElement>;\n startFieldOnFocus?: React.FocusEventHandler<HTMLElement>;\n endFieldOnFocus?: React.FocusEventHandler<HTMLElement>;\n startFieldOnClick?: React.MouseEventHandler<HTMLElement>;\n endFieldOnClick?: React.MouseEventHandler<HTMLElement>;\n startFieldOnBlur?: React.FocusEventHandler<HTMLElement>;\n endFieldOnBlur?: React.FocusEventHandler<HTMLElement>;\n startFocused?: boolean;\n endFocused?: boolean;\n id?: string;\n onChangeCurrentVisibleDate?: (date: Date) => void;\n currentVisibleDate?: Date;\n startFieldName?: string;\n endFieldName?: string;\n startFieldPlaceholder?: string;\n endFieldPlaceholder?: string;\n};\n"],"mappings":""}
1
+ {"version":3,"file":"helpers.js","names":[],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeDateTimeRange/helpers.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport { TimeOptions } from '##/components/DateTime';\n\nimport { DateRange } from '../../../utils/types/Date';\nimport { DatePickerFieldTypeDateTimeProps } from '../DatePickerFieldTypeDateTime/helpers';\n\ntype DatePickerFieldTypeDateTimeRangePropOnChange = (\n value: DateRange | null,\n props: {\n e: Event;\n },\n) => void;\n\nexport type DatePickerFieldTypeDateTimeRangeProps = Omit<\n DatePickerFieldTypeDateTimeProps,\n | 'onChange'\n | 'value'\n | 'inputRef'\n | 'leftSide'\n | 'rightSide'\n | 'id'\n | 'onFocus'\n | 'onBlur'\n | 'name'\n | 'placeholder'\n> & {\n onChange?: DatePickerFieldTypeDateTimeRangePropOnChange;\n value?: DateRange | null;\n startFieldInputRef?: React.Ref<HTMLInputElement>;\n endFieldInputRef?: React.Ref<HTMLInputElement>;\n startFieldLeftSide?: string | IconComponent;\n startFieldRightSide?: string | IconComponent;\n endFieldLeftSide?: string | IconComponent;\n endFieldRightSide?: string | IconComponent;\n startFieldRef?: React.Ref<HTMLDivElement>;\n endFieldRef?: React.Ref<HTMLDivElement>;\n startFieldOnFocus?: React.FocusEventHandler<HTMLElement>;\n endFieldOnFocus?: React.FocusEventHandler<HTMLElement>;\n startFieldOnClick?: React.MouseEventHandler<HTMLElement>;\n endFieldOnClick?: React.MouseEventHandler<HTMLElement>;\n startFieldOnBlur?: React.FocusEventHandler<HTMLElement>;\n endFieldOnBlur?: React.FocusEventHandler<HTMLElement>;\n startFocused?: boolean;\n endFocused?: boolean;\n id?: string;\n onChangeCurrentVisibleDate?: (date: Date) => void;\n currentVisibleDate?: Date;\n startFieldName?: string;\n endFieldName?: string;\n startFieldPlaceholder?: string;\n endFieldPlaceholder?: string;\n timeOptions?: TimeOptions;\n};\n"],"mappings":""}
@@ -1,2 +1,2 @@
1
- import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["format","separator","placeholder","onChange","onError","minDate","maxDate","value","inputRef","defaultValue"];import React from"react";import{TextField}from"../../TextField";import{useForkRef}from"../../../hooks/useForkRef/useForkRef";import{maxDateDefault,minDateDefault}from"../../../utils/date";import{datePickerPropFormatTypeMonth,datePickerPropPlaceholderTypeMonth,datePickerPropSeparatorDefault}from"../helpers";import{usePicker}from"./helpers";export var DatePickerFieldTypeMonth=React.forwardRef(function(a,b){var c=a.format,d=void 0===c?datePickerPropFormatTypeMonth:c,e=a.separator,f=void 0===e?datePickerPropSeparatorDefault:e,g=a.placeholder,h=void 0===g?datePickerPropPlaceholderTypeMonth:g,i=a.onChange,j=a.onError,k=a.minDate,l=void 0===k?minDateDefault:k,m=a.maxDate,n=void 0===m?maxDateDefault:m,o=a.value,p=a.inputRef,q=a.defaultValue,r=_objectWithoutProperties(a,_excluded),s=usePicker({value:o,format:d,separator:f,minDate:l,maxDate:n,onChange:i,onError:j}),t=_slicedToArray(s,2),u=t[0],v=t[1];return React.createElement(TextField,Object.assign({},r,{type:"text",inputContainerRef:b,inputRef:useForkRef([u,p]),placeholder:h,onClear:v}))});
1
+ import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["format","separator","placeholder","onChange","onError","minDate","maxDate","value","inputRef","defaultValue"];import React from"react";import{TextField}from"../../TextField";import{useForkRef}from"../../../hooks/useForkRef/useForkRef";import{maxDateDefault,minDateDefault}from"../../../utils/date";import{datePickerPropFormatTypeMonth,datePickerPropSeparatorDefault,placeholderByFormat}from"../helpers";import{usePicker}from"./helpers";export var DatePickerFieldTypeMonth=React.forwardRef(function(a,b){var c=a.format,d=void 0===c?datePickerPropFormatTypeMonth:c,e=a.separator,f=void 0===e?datePickerPropSeparatorDefault:e,g=a.placeholder,h=a.onChange,i=a.onError,j=a.minDate,k=void 0===j?minDateDefault:j,l=a.maxDate,m=void 0===l?maxDateDefault:l,n=a.value,o=a.inputRef,p=a.defaultValue,q=_objectWithoutProperties(a,_excluded),r=null!==g&&void 0!==g?g:placeholderByFormat(d),s=usePicker({value:n,format:d,separator:f,minDate:k,maxDate:m,onChange:h,onError:i}),t=_slicedToArray(s,2),u=t[0],v=t[1];return React.createElement(TextField,Object.assign({},q,{type:"text",inputContainerRef:b,inputRef:useForkRef([u,o]),placeholder:r,onClear:v}))});
2
2
  //# sourceMappingURL=DatePickerFieldTypeMonth.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DatePickerFieldTypeMonth.js","names":["React","TextField","useForkRef","maxDateDefault","minDateDefault","datePickerPropFormatTypeMonth","datePickerPropPlaceholderTypeMonth","datePickerPropSeparatorDefault","usePicker","DatePickerFieldTypeMonth","forwardRef","props","ref","format","separator","placeholder","onChange","onError","minDate","maxDate","value","inputRefProp","inputRef","defaultValue","otherProps","onClear"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeMonth/DatePickerFieldTypeMonth.tsx"],"sourcesContent":["import React from 'react';\n\nimport { TextField } from '##/components/TextField';\nimport { useForkRef } from '##/hooks/useForkRef/useForkRef';\nimport { maxDateDefault, minDateDefault } from '##/utils/date';\n\nimport {\n datePickerPropFormatTypeMonth,\n datePickerPropPlaceholderTypeMonth,\n datePickerPropSeparatorDefault,\n} from '../helpers';\nimport { DatePickerFieldTypeMonthProps, usePicker } from './helpers';\n\nexport const DatePickerFieldTypeMonth = React.forwardRef<\n HTMLDivElement,\n DatePickerFieldTypeMonthProps\n>((props, ref) => {\n const {\n format = datePickerPropFormatTypeMonth,\n separator = datePickerPropSeparatorDefault,\n placeholder = datePickerPropPlaceholderTypeMonth,\n onChange,\n onError,\n minDate = minDateDefault,\n maxDate = maxDateDefault,\n value,\n inputRef: inputRefProp,\n defaultValue,\n ...otherProps\n } = props;\n\n const [inputRef, onClear] = usePicker({\n value,\n format,\n separator,\n minDate,\n maxDate,\n onChange,\n onError,\n });\n\n return (\n <TextField\n {...otherProps}\n type=\"text\"\n inputContainerRef={ref}\n inputRef={useForkRef([inputRef, inputRefProp])}\n placeholder={placeholder}\n onClear={onClear}\n />\n );\n});\n"],"mappings":"oRAAA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,SAAT,uBACA,OAASC,UAAT,4CACA,OAASC,cAAT,CAAyBC,cAAzB,2BAEA,OACEC,6BADF,CAEEC,kCAFF,CAGEC,8BAHF,kBAKA,OAAwCC,SAAxC,iBAEA,MAAO,IAAMC,yBAAwB,CAAGT,KAAK,CAACU,UAAN,CAGtC,SAACC,CAAD,CAAQC,CAAR,CAAgB,OAaZD,CAbY,CAEdE,MAFc,CAEdA,CAFc,YAELR,6BAFK,KAaZM,CAbY,CAGdG,SAHc,CAGdA,CAHc,YAGFP,8BAHE,KAaZI,CAbY,CAIdI,WAJc,CAIdA,CAJc,YAIAT,kCAJA,GAKdU,CALc,CAaZL,CAbY,CAKdK,QALc,CAMdC,CANc,CAaZN,CAbY,CAMdM,OANc,GAaZN,CAbY,CAOdO,OAPc,CAOdA,CAPc,YAOJd,cAPI,KAaZO,CAbY,CAQdQ,OARc,CAQdA,CARc,YAQJhB,cARI,GASdiB,CATc,CAaZT,CAbY,CASdS,KATc,CAUJC,CAVI,CAaZV,CAbY,CAUdW,QAVc,CAWdC,CAXc,CAaZZ,CAbY,CAWdY,YAXc,CAYXC,CAZW,0BAaZb,CAbY,cAeYH,SAAS,CAAC,CACpCY,KAAK,CAALA,CADoC,CAEpCP,MAAM,CAANA,CAFoC,CAGpCC,SAAS,CAATA,CAHoC,CAIpCI,OAAO,CAAPA,CAJoC,CAKpCC,OAAO,CAAPA,CALoC,CAMpCH,QAAQ,CAARA,CANoC,CAOpCC,OAAO,CAAPA,CAPoC,CAAD,CAfrB,uBAeTK,CAfS,MAeCG,CAfD,MAyBhB,MACE,qBAAC,SAAD,kBACMD,CADN,EAEE,IAAI,CAAC,MAFP,CAGE,iBAAiB,CAAEZ,CAHrB,CAIE,QAAQ,CAAEV,UAAU,CAAC,CAACoB,CAAD,CAAWD,CAAX,CAAD,CAJtB,CAKE,WAAW,CAAEN,CALf,CAME,OAAO,CAAEU,CANX,GASH,CAtCuC,CAAjC"}
1
+ {"version":3,"file":"DatePickerFieldTypeMonth.js","names":["React","TextField","useForkRef","maxDateDefault","minDateDefault","datePickerPropFormatTypeMonth","datePickerPropSeparatorDefault","placeholderByFormat","usePicker","DatePickerFieldTypeMonth","forwardRef","props","ref","format","separator","placeholder","onChange","onError","minDate","maxDate","value","inputRefProp","inputRef","defaultValue","otherProps","adaptedPlaceholder","onClear"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeMonth/DatePickerFieldTypeMonth.tsx"],"sourcesContent":["import React from 'react';\n\nimport { TextField } from '##/components/TextField';\nimport { useForkRef } from '##/hooks/useForkRef/useForkRef';\nimport { maxDateDefault, minDateDefault } from '##/utils/date';\n\nimport {\n datePickerPropFormatTypeMonth,\n datePickerPropSeparatorDefault,\n placeholderByFormat,\n} from '../helpers';\nimport { DatePickerFieldTypeMonthProps, usePicker } from './helpers';\n\nexport const DatePickerFieldTypeMonth = React.forwardRef<\n HTMLDivElement,\n DatePickerFieldTypeMonthProps\n>((props, ref) => {\n const {\n format = datePickerPropFormatTypeMonth,\n separator = datePickerPropSeparatorDefault,\n placeholder,\n onChange,\n onError,\n minDate = minDateDefault,\n maxDate = maxDateDefault,\n value,\n inputRef: inputRefProp,\n defaultValue,\n ...otherProps\n } = props;\n\n const adaptedPlaceholder = placeholder ?? placeholderByFormat(format);\n\n const [inputRef, onClear] = usePicker({\n value,\n format,\n separator,\n minDate,\n maxDate,\n onChange,\n onError,\n });\n\n return (\n <TextField\n {...otherProps}\n type=\"text\"\n inputContainerRef={ref}\n inputRef={useForkRef([inputRef, inputRefProp])}\n placeholder={adaptedPlaceholder}\n onClear={onClear}\n />\n );\n});\n"],"mappings":"oRAAA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,SAAT,uBACA,OAASC,UAAT,4CACA,OAASC,cAAT,CAAyBC,cAAzB,2BAEA,OACEC,6BADF,CAEEC,8BAFF,CAGEC,mBAHF,kBAKA,OAAwCC,SAAxC,iBAEA,MAAO,IAAMC,yBAAwB,CAAGT,KAAK,CAACU,UAAN,CAGtC,SAACC,CAAD,CAAQC,CAAR,CAAgB,OAaZD,CAbY,CAEdE,MAFc,CAEdA,CAFc,YAELR,6BAFK,KAaZM,CAbY,CAGdG,SAHc,CAGdA,CAHc,YAGFR,8BAHE,GAIdS,CAJc,CAaZJ,CAbY,CAIdI,WAJc,CAKdC,CALc,CAaZL,CAbY,CAKdK,QALc,CAMdC,CANc,CAaZN,CAbY,CAMdM,OANc,GAaZN,CAbY,CAOdO,OAPc,CAOdA,CAPc,YAOJd,cAPI,KAaZO,CAbY,CAQdQ,OARc,CAQdA,CARc,YAQJhB,cARI,GASdiB,CATc,CAaZT,CAbY,CASdS,KATc,CAUJC,CAVI,CAaZV,CAbY,CAUdW,QAVc,CAWdC,CAXc,CAaZZ,CAbY,CAWdY,YAXc,CAYXC,CAZW,0BAaZb,CAbY,YAeVc,CAAkB,QAAGV,CAAH,WAAGA,CAAH,CAAGA,CAAH,CAAkBR,mBAAmB,CAACM,CAAD,CAf7C,GAiBYL,SAAS,CAAC,CACpCY,KAAK,CAALA,CADoC,CAEpCP,MAAM,CAANA,CAFoC,CAGpCC,SAAS,CAATA,CAHoC,CAIpCI,OAAO,CAAPA,CAJoC,CAKpCC,OAAO,CAAPA,CALoC,CAMpCH,QAAQ,CAARA,CANoC,CAOpCC,OAAO,CAAPA,CAPoC,CAAD,CAjBrB,uBAiBTK,CAjBS,MAiBCI,CAjBD,MA2BhB,MACE,qBAAC,SAAD,kBACMF,CADN,EAEE,IAAI,CAAC,MAFP,CAGE,iBAAiB,CAAEZ,CAHrB,CAIE,QAAQ,CAAEV,UAAU,CAAC,CAACoB,CAAD,CAAWD,CAAX,CAAD,CAJtB,CAKE,WAAW,CAAEI,CALf,CAME,OAAO,CAAEC,CANX,GASH,CAxCuC,CAAjC"}
@@ -31,12 +31,10 @@ export declare const DatePickerFieldTypeTime: React.ForwardRefExoticComponent<{
31
31
  minDate?: Date;
32
32
  maxDate?: Date;
33
33
  focused?: boolean;
34
- multiplicitySeconds?: number;
35
- multiplicityMinutes?: number;
36
- multiplicityHours?: number;
34
+ timeOptions?: import("../../DateTime").TimeOptions;
37
35
  label?: string;
38
36
  labelIcon?: import("@consta/icons/Icon").IconComponent;
39
37
  caption?: string;
40
38
  labelPosition?: "top" | "left";
41
39
  withClearButton?: boolean;
42
- } & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "autoFocus" | "className" | "id" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "onError" | "size" | "view" | "form" | "separator" | "status" | "caption" | "label" | "name" | "disabled" | "value" | "placeholder" | "readOnly" | "required" | "inputRef" | "focused" | "ariaLabel" | "labelIcon" | "labelPosition" | "leftSide" | "rightSide" | "withClearButton" | "iconSize" | "minDate" | "maxDate" | "multiplicitySeconds" | "multiplicityMinutes" | "multiplicityHours" | "format"> & React.RefAttributes<HTMLDivElement>>;
40
+ } & Omit<React.HTMLAttributes<HTMLDivElement>, "css" | "autoFocus" | "className" | "id" | "tabIndex" | "children" | "onFocus" | "onBlur" | "onChange" | "onError" | "size" | "view" | "form" | "separator" | "status" | "caption" | "label" | "name" | "disabled" | "value" | "placeholder" | "readOnly" | "required" | "inputRef" | "focused" | "ariaLabel" | "labelIcon" | "labelPosition" | "leftSide" | "rightSide" | "withClearButton" | "iconSize" | "minDate" | "maxDate" | "timeOptions" | "format"> & React.RefAttributes<HTMLDivElement>>;
@@ -1,2 +1,2 @@
1
- import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["format","separator","placeholder","onChange","onError","minDate","maxDate","value","inputRef","multiplicityHours","multiplicitySeconds","multiplicityMinutes","defaultValue"];import React from"react";import{TextField}from"../../TextField";import{useForkRef}from"../../../hooks/useForkRef";import{maxDateDefault,minDateDefault}from"../../../utils/date";import{datePickerPropFormatTypeTime,datePickerPropPlaceholderTypeTime,datePickerPropSeparatorDefault}from"../helpers";import{usePicker}from"./helpers";export var DatePickerFieldTypeTime=React.forwardRef(function(a,b){var c=a.format,d=void 0===c?datePickerPropFormatTypeTime:c,e=a.separator,f=void 0===e?datePickerPropSeparatorDefault:e,g=a.placeholder,h=void 0===g?datePickerPropPlaceholderTypeTime:g,i=a.onChange,j=a.onError,k=a.minDate,l=void 0===k?minDateDefault:k,m=a.maxDate,n=void 0===m?maxDateDefault:m,o=a.value,p=a.inputRef,q=a.multiplicityHours,r=a.multiplicitySeconds,s=a.multiplicityMinutes,t=a.defaultValue,u=_objectWithoutProperties(a,_excluded),v=usePicker({value:o,onChange:i,onError:j,separator:f,format:d,minDate:l,maxDate:n,multiplicityHours:q,multiplicityMinutes:s,multiplicitySeconds:r}),w=_slicedToArray(v,2),x=w[0],y=w[1];return React.createElement(TextField,Object.assign({},u,{type:"text",inputContainerRef:b,inputRef:useForkRef([x,p]),placeholder:h,onClear:y}))});
1
+ import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["format","separator","placeholder","onChange","onError","minDate","maxDate","value","inputRef","timeOptions","defaultValue"];import React from"react";import{TextField}from"../../TextField";import{useForkRef}from"../../../hooks/useForkRef";import{maxDateDefault,minDateDefault}from"../../../utils/date";import{adaptFormat,datePickerPropFormatTypeTime,datePickerPropSeparatorDefault,placeholderByFormat}from"../helpers";import{usePicker}from"./helpers";export var DatePickerFieldTypeTime=React.forwardRef(function(a,b){var c=a.format,d=void 0===c?datePickerPropFormatTypeTime:c,e=a.separator,f=void 0===e?datePickerPropSeparatorDefault:e,g=a.placeholder,h=a.onChange,i=a.onError,j=a.minDate,k=void 0===j?minDateDefault:j,l=a.maxDate,m=void 0===l?maxDateDefault:l,n=a.value,o=a.inputRef,p=a.timeOptions,q=a.defaultValue,r=_objectWithoutProperties(a,_excluded),s=adaptFormat(d,p),t=null!==g&&void 0!==g?g:placeholderByFormat(s),u=usePicker({value:n,onChange:h,onError:i,separator:f,format:s,minDate:k,maxDate:m,timeOptions:p}),v=_slicedToArray(u,2),w=v[0],x=v[1];return React.createElement(TextField,Object.assign({},r,{type:"text",inputContainerRef:b,inputRef:useForkRef([w,o]),placeholder:t,onClear:x}))});
2
2
  //# sourceMappingURL=DatePickerFieldTypeTime.js.map