@consta/uikit 5.10.0 → 5.12.0

package/__internal__/src/components/DatePicker/DatePickerTypeYear/DatePickerTypeYear.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerTypeYear.js","names":["addYears","startOfDecade","React","forwardRef","useEffect","useRef","useClickOutside","useForkRef","setRef","DatePickerDropdown","DatePickerFieldTypeYear","getDropdownZIndex","datePickerPropDateTimeViewDefault","useCalendarVisible","useCurrentVisibleDate","DatePickerTypeYear","props","ref","events","dateTimeView","locale","dropdownForm","dropdownClassName","dropdownRef","currentVisibleDateProp","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","onDropdownOpen","dropdownOpen","disabled","ignoreOutsideClicksRefs","inputRefProp","inputRef","otherProps","fieldRef","calendarRef","startRef","calendarVisible","setCalendarVisible","maxDate","minDate","value","startOfUnit","setCurrentVisibleDate","current","newVisibleDate","getTime","isActive","ignoreClicksInsideRefs","handler","off","on","args","onChange","style"],"sources":["../../../../../../src/components/DatePicker/DatePickerTypeYear/DatePickerTypeYear.tsx"],"sourcesContent":["import { addYears, startOfDecade } from 'date-fns';\nimport React, { forwardRef, useEffect, useRef } from 'react';\n\nimport { useClickOutside } from '##/hooks/useClickOutside/useClickOutside';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { setRef } from '##/utils/setRef';\n\nimport { DatePickerDropdown } from '../DatePickerDropdown/DatePickerDropdown';\nimport { DatePickerFieldTypeYear } from '../DatePickerFieldTypeYear/DatePickerFieldTypeYear';\nimport { getDropdownZIndex } from '../helpers';\nimport {\n  datePickerPropDateTimeViewDefault,\n  DatePickerTypeComponent,\n} from '../types';\nimport { useCalendarVisible } from '../useCalendarVisible';\nimport { useCurrentVisibleDate } from '../useCurrentVisibleDate';\n\nexport const DatePickerTypeYear: DatePickerTypeComponent<'year'> = forwardRef(\n  (props, ref) => {\n    const {\n      events,\n      dateTimeView = datePickerPropDateTimeViewDefault,\n      locale,\n      dropdownForm,\n      dropdownClassName,\n      dropdownRef,\n      currentVisibleDate: currentVisibleDateProp,\n      onChangeCurrentVisibleDate,\n      renderAdditionalControls,\n      onDropdownOpen,\n      dropdownOpen,\n      disabled,\n      ignoreOutsideClicksRefs,\n      inputRef: inputRefProp,\n      ...otherProps\n    } = props;\n\n    const fieldRef = useRef<HTMLDivElement>(null);\n    const calendarRef = useRef<HTMLDivElement>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const [calendarVisible, setCalendarVisible] = useCalendarVisible({\n      dropdownOpen,\n      onDropdownOpen,\n      disabled,\n      startRef: inputRef,\n    });\n\n    const [currentVisibleDate, setCurrentVisibleDate] = useCurrentVisibleDate({\n      currentVisibleDate: currentVisibleDateProp,\n      maxDate: props.maxDate,\n      minDate: props.minDate,\n      value: props.value,\n      startOfUnit: startOfDecade,\n      onChangeCurrentVisibleDate,\n      calendarVisible,\n    });\n\n    useEffect(() => {\n      if (ref) {\n        setRef(ref, fieldRef.current);\n      }\n    }, [ref, fieldRef]);\n\n    useEffect(() => {\n      if (props.value && dateTimeView === 'classic' && currentVisibleDate) {\n        const newVisibleDate = startOfDecade(props.value);\n        if (newVisibleDate.getTime() !== currentVisibleDate.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n        return;\n      }\n      if (props.value && dateTimeView !== 'classic' && currentVisibleDate) {\n        const newVisibleDate = startOfDecade(props.value);\n        if (\n          newVisibleDate.getTime() !== currentVisibleDate.getTime() &&\n          newVisibleDate.getTime() !==\n            addYears(currentVisibleDate, 10).getTime()\n        ) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n      }\n    }, [props.value]);\n\n    useClickOutside({\n      isActive: calendarVisible,\n      ignoreClicksInsideRefs: [\n        fieldRef,\n        calendarRef,\n        ...(ignoreOutsideClicksRefs ?? []),\n      ],\n      handler: setCalendarVisible.off,\n    });\n\n    return (\n      <>\n        <DatePickerFieldTypeYear\n          {...otherProps}\n          ref={fieldRef}\n          inputRef={useForkRef([inputRef, inputRefProp])}\n          disabled={disabled}\n          onClick={setCalendarVisible.on}\n        />\n        <DatePickerDropdown\n          ref={useForkRef([dropdownRef, calendarRef])}\n          anchorRef={fieldRef}\n          className={dropdownClassName}\n          isOpen={calendarVisible}\n          value={props.value || undefined}\n          type=\"year\"\n          view={dateTimeView}\n          events={events}\n          locale={locale}\n          minDate={props.minDate}\n          maxDate={props.maxDate}\n          currentVisibleDate={currentVisibleDate}\n          form={dropdownForm}\n          onChange={(...args) => {\n            props.onChange?.(...args);\n            setCalendarVisible.off();\n          }}\n          renderAdditionalControls={renderAdditionalControls}\n          zIndex={getDropdownZIndex(props.style)}\n          onChangeCurrentVisibleDate={setCurrentVisibleDate}\n        />\n      </>\n    );\n  },\n);\n"],"mappings":"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"}
+{"version":3,"file":"DatePickerTypeYear.js","names":["addYears","startOfDecade","React","forwardRef","useEffect","useRef","useClickOutside","useForkRef","setRef","DatePickerDropdown","DatePickerFieldTypeYear","getDropdownZIndex","datePickerPropDateTimeViewDefault","useCalendarVisible","useCurrentVisibleDate","DatePickerTypeYear","props","ref","events","dateTimeView","locale","dropdownForm","dropdownClassName","dropdownRef","currentVisibleDateProp","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","onDropdownOpen","dropdownOpen","disabled","ignoreOutsideClicksRefs","inputRefProp","inputRef","disableDates","otherProps","fieldRef","calendarRef","startRef","calendarVisible","setCalendarVisible","maxDate","minDate","value","startOfUnit","setCurrentVisibleDate","current","newVisibleDate","getTime","isActive","ignoreClicksInsideRefs","handler","off","on","args","onChange","style"],"sources":["../../../../../../src/components/DatePicker/DatePickerTypeYear/DatePickerTypeYear.tsx"],"sourcesContent":["import { addYears, startOfDecade } from 'date-fns';\nimport React, { forwardRef, useEffect, useRef } from 'react';\n\nimport { useClickOutside } from '##/hooks/useClickOutside/useClickOutside';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { setRef } from '##/utils/setRef';\n\nimport { DatePickerDropdown } from '../DatePickerDropdown/DatePickerDropdown';\nimport { DatePickerFieldTypeYear } from '../DatePickerFieldTypeYear/DatePickerFieldTypeYear';\nimport { getDropdownZIndex } from '../helpers';\nimport {\n  datePickerPropDateTimeViewDefault,\n  DatePickerTypeComponent,\n} from '../types';\nimport { useCalendarVisible } from '../useCalendarVisible';\nimport { useCurrentVisibleDate } from '../useCurrentVisibleDate';\n\nexport const DatePickerTypeYear: DatePickerTypeComponent<'year'> = forwardRef(\n  (props, ref) => {\n    const {\n      events,\n      dateTimeView = datePickerPropDateTimeViewDefault,\n      locale,\n      dropdownForm,\n      dropdownClassName,\n      dropdownRef,\n      currentVisibleDate: currentVisibleDateProp,\n      onChangeCurrentVisibleDate,\n      renderAdditionalControls,\n      onDropdownOpen,\n      dropdownOpen,\n      disabled,\n      ignoreOutsideClicksRefs,\n      inputRef: inputRefProp,\n      disableDates,\n      ...otherProps\n    } = props;\n\n    const fieldRef = useRef<HTMLDivElement>(null);\n    const calendarRef = useRef<HTMLDivElement>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const [calendarVisible, setCalendarVisible] = useCalendarVisible({\n      dropdownOpen,\n      onDropdownOpen,\n      disabled,\n      startRef: inputRef,\n    });\n\n    const [currentVisibleDate, setCurrentVisibleDate] = useCurrentVisibleDate({\n      currentVisibleDate: currentVisibleDateProp,\n      maxDate: props.maxDate,\n      minDate: props.minDate,\n      value: props.value,\n      startOfUnit: startOfDecade,\n      onChangeCurrentVisibleDate,\n      calendarVisible,\n    });\n\n    useEffect(() => {\n      if (ref) {\n        setRef(ref, fieldRef.current);\n      }\n    }, [ref, fieldRef]);\n\n    useEffect(() => {\n      if (props.value && dateTimeView === 'classic' && currentVisibleDate) {\n        const newVisibleDate = startOfDecade(props.value);\n        if (newVisibleDate.getTime() !== currentVisibleDate.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n        return;\n      }\n      if (props.value && dateTimeView !== 'classic' && currentVisibleDate) {\n        const newVisibleDate = startOfDecade(props.value);\n        if (\n          newVisibleDate.getTime() !== currentVisibleDate.getTime() &&\n          newVisibleDate.getTime() !==\n            addYears(currentVisibleDate, 10).getTime()\n        ) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n      }\n    }, [props.value]);\n\n    useClickOutside({\n      isActive: calendarVisible,\n      ignoreClicksInsideRefs: [\n        fieldRef,\n        calendarRef,\n        ...(ignoreOutsideClicksRefs ?? []),\n      ],\n      handler: setCalendarVisible.off,\n    });\n\n    return (\n      <>\n        <DatePickerFieldTypeYear\n          {...otherProps}\n          ref={fieldRef}\n          inputRef={useForkRef([inputRef, inputRefProp])}\n          disabled={disabled}\n          onClick={setCalendarVisible.on}\n        />\n        <DatePickerDropdown\n          ref={useForkRef([dropdownRef, calendarRef])}\n          anchorRef={fieldRef}\n          className={dropdownClassName}\n          isOpen={calendarVisible}\n          value={props.value || undefined}\n          type=\"year\"\n          view={dateTimeView}\n          events={events}\n          locale={locale}\n          minDate={props.minDate}\n          maxDate={props.maxDate}\n          currentVisibleDate={currentVisibleDate}\n          form={dropdownForm}\n          onChange={(...args) => {\n            props.onChange?.(...args);\n            setCalendarVisible.off();\n          }}\n          renderAdditionalControls={renderAdditionalControls}\n          zIndex={getDropdownZIndex(props.style)}\n          onChangeCurrentVisibleDate={setCurrentVisibleDate}\n          disableDates={disableDates}\n        />\n      </>\n    );\n  },\n);\n"],"mappings":"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"}

package/__internal__/src/components/DatePicker/DatePickerTypeYearRange/DatePickerTypeYearRange.js

@@ -1,2 +1,2 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["events","dateTimeView","locale","dropdownForm","onFocus","onBlur","dropdownClassName","dropdownRef","leftSide","rightSide","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","inputRef","name","placeholder","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled"];import{addYears,startOfDecade}from"date-fns";import React,{forwardRef,useEffect,useRef,useState}from"react";import{useClickOutside}from"../../../hooks/useClickOutside";import{useForkRef}from"../../../hooks/useForkRef";import{DatePickerDropdown}from"../DatePickerDropdown/DatePickerDropdown";import{DatePickerFieldTypeYearRange}from"../DatePickerFieldTypeYearRange/DatePickerFieldTypeYearRange";import{getDropdownZIndex,normalizeRangeValue}from"../helpers";import{datePickerPropDateTimeViewDefault}from"../types";import{useCalendarVisible}from"../useCalendarVisible";import{useCurrentVisibleDate}from"../useCurrentVisibleDate";export var DatePickerTypeYearRange=forwardRef(function(a,b){var c,d,e,f,g=a.events,h=a.dateTimeView,i=void 0===h?datePickerPropDateTimeViewDefault:h,j=a.locale,k=a.dropdownForm,l=a.onFocus,m=a.onBlur,n=a.dropdownClassName,o=a.dropdownRef,p=a.leftSide,q=a.rightSide,r=a.currentVisibleDate,s=a.onChangeCurrentVisibleDate,t=a.renderAdditionalControls,u=a.inputRef,v=a.name,w=a.placeholder,x=a.onDropdownOpen,y=a.dropdownOpen,z=a.ignoreOutsideClicksRefs,A=a.disabled,B=_objectWithoutProperties(a,_excluded),C=useRef(null),D=useRef(null),E=useRef(null),F=useRef(null),G=useRef(null),H=useState(!1),I=_slicedToArray(H,2),J=I[0],K=I[1],L="start"===J,M="end"===J,N=useCalendarVisible({dropdownOpen:y,onDropdownOpen:x,disabled:A,startRef:E,endRef:F}),O=_slicedToArray(N,2),P=O[0],Q=O[1],R=useCurrentVisibleDate({currentVisibleDate:r,maxDate:a.maxDate,minDate:a.minDate,value:a.value,startOfUnit:startOfDecade,onChangeCurrentVisibleDate:s,calendarVisible:P}),S=_slicedToArray(R,2),T=S[0],U=S[1];return useEffect(function(){var b,c;if(null!==(b=a.value)&&void 0!==b&&b[0]&&"classic"===i&&L){var d=startOfDecade(a.value[0]);return void(d.getTime()!==(null===T||void 0===T?void 0:T.getTime())&&U(d))}if(null!==(c=a.value)&&void 0!==c&&c[0]&&"classic"!==i&&L){var e=startOfDecade(a.value[0]);e.getTime()!==(null===T||void 0===T?void 0:T.getTime())&&e.getTime()!==(T&&addYears(T,10).getTime())&&U(e)}},[null===(c=a.value)||void 0===c||null===(d=c[0])||void 0===d?void 0:d.getTime(),P,L]),useEffect(function(){var b,c;if(null!==(b=a.value)&&void 0!==b&&b[1]&&"classic"===i&&M){var d=startOfDecade(a.value[1]);return void(d.getTime()!==(null===T||void 0===T?void 0:T.getTime())&&U(d))}if(null!==(c=a.value)&&void 0!==c&&c[1]&&"classic"!==i&&M){var e=startOfDecade(a.value[1]);e.getTime()!==(null===T||void 0===T?void 0:T.getTime())&&e.getTime()!==(T&&addYears(T,10).getTime())&&U(addYears(e,-10))}},[null===(e=a.value)||void 0===e||null===(f=e[1])||void 0===f?void 0:f.getTime(),P,M]),useClickOutside({isActive:P,ignoreClicksInsideRefs:[C,D,G].concat(_toConsumableArray(null!==z&&void 0!==z?z:[])),handler:function handler(){K(!1),Q.off()}}),React.createElement(React.Fragment,null,React.createElement(DatePickerFieldTypeYearRange,Object.assign({},B,{ref:b,startFieldRef:C,endFieldRef:D,startFieldInputRef:useForkRef([E,null===u||void 0===u?void 0:u[0]]),endFieldInputRef:useForkRef([F,null===u||void 0===u?void 0:u[1]]),startFieldOnFocus:function startFieldOnFocusHandler(a){var b;K("start"),Array.isArray(l)?null===(b=l[0])||void 0===b?void 0:b.call(l,a):null===l||void 0===l?void 0:l(a)},endFieldOnFocus:function endFieldOnFocusHandler(a){var b;K("end"),Array.isArray(l)?null===(b=l[1])||void 0===b?void 0:b.call(l,a):null===l||void 0===l?void 0:l(a)},startFieldLeftSide:Array.isArray(p)?null===p||void 0===p?void 0:p[0]:p,startFieldRightSide:Array.isArray(q)?null===q||void 0===q?void 0:q[0]:void 0,endFieldLeftSide:Array.isArray(p)?null===p||void 0===p?void 0:p[1]:void 0,endFieldRightSide:Array.isArray(q)?null===q||void 0===q?void 0:q[1]:q,startFieldOnBlur:function startFieldOnBlurHandler(a){var b;return Array.isArray(m)?null===(b=m[0])||void 0===b?void 0:b.call(m,a):null===m||void 0===m?void 0:m(a)},endFieldOnBlur:function endFieldOnBlurHandler(a){var b;return Array.isArray(m)?null===(b=m[1])||void 0===b?void 0:b.call(m,a):null===m||void 0===m?void 0:m(a)},startFocused:L,endFocused:M,startFieldOnClick:Q.on,endFieldOnClick:Q.on,startFieldName:Array.isArray(v)?v[0]:"".concat(v,"_start"),endFieldName:Array.isArray(v)?v[1]:"".concat(v,"_end"),disabled:A,startFieldPlaceholder:Array.isArray(w)?null===w||void 0===w?void 0:w[0]:w,endFieldPlaceholder:Array.isArray(w)?null===w||void 0===w?void 0:w[1]:w})),React.createElement(DatePickerDropdown,{type:"year",ref:useForkRef([o,G]),anchorRef:C,isOpen:P,onChangeCurrentVisibleDate:U,currentVisibleDate:T,value:a.value||void 0,view:i,events:g,locale:j,className:n,minDate:a.minDate,maxDate:a.maxDate,form:k,onChange:function hadleChange(b,c){var d=c.e;if(L){var e,f,g=normalizeRangeValue([b,null===a||void 0===a||null===(e=a.value)||void 0===e?void 0:e[1]]);null===(f=a.onChange)||void 0===f?void 0:f.call(a,g,{e:d})}if(M){var h,i,j=normalizeRangeValue([null===a||void 0===a||null===(h=a.value)||void 0===h?void 0:h[0],b]);null===(i=a.onChange)||void 0===i?void 0:i.call(a,j,{e:d})}},renderAdditionalControls:t,zIndex:getDropdownZIndex(a.style)}))});
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["events","dateTimeView","locale","dropdownForm","onFocus","onBlur","dropdownClassName","dropdownRef","leftSide","rightSide","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","inputRef","name","placeholder","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","disableDates"];import{addYears,startOfDecade}from"date-fns";import React,{forwardRef,useEffect,useRef,useState}from"react";import{useClickOutside}from"../../../hooks/useClickOutside";import{useForkRef}from"../../../hooks/useForkRef";import{DatePickerDropdown}from"../DatePickerDropdown/DatePickerDropdown";import{DatePickerFieldTypeYearRange}from"../DatePickerFieldTypeYearRange/DatePickerFieldTypeYearRange";import{getDropdownZIndex,normalizeRangeValue}from"../helpers";import{datePickerPropDateTimeViewDefault}from"../types";import{useCalendarVisible}from"../useCalendarVisible";import{useCurrentVisibleDate}from"../useCurrentVisibleDate";export var DatePickerTypeYearRange=forwardRef(function(a,b){var c,d,e,f,g=a.events,h=a.dateTimeView,i=void 0===h?datePickerPropDateTimeViewDefault:h,j=a.locale,k=a.dropdownForm,l=a.onFocus,m=a.onBlur,n=a.dropdownClassName,o=a.dropdownRef,p=a.leftSide,q=a.rightSide,r=a.currentVisibleDate,s=a.onChangeCurrentVisibleDate,t=a.renderAdditionalControls,u=a.inputRef,v=a.name,w=a.placeholder,x=a.onDropdownOpen,y=a.dropdownOpen,z=a.ignoreOutsideClicksRefs,A=a.disabled,B=a.disableDates,C=_objectWithoutProperties(a,_excluded),D=useRef(null),E=useRef(null),F=useRef(null),G=useRef(null),H=useRef(null),I=useState(!1),J=_slicedToArray(I,2),K=J[0],L=J[1],M="start"===K,N="end"===K,O=useCalendarVisible({dropdownOpen:y,onDropdownOpen:x,disabled:A,startRef:F,endRef:G}),P=_slicedToArray(O,2),Q=P[0],R=P[1],S=useCurrentVisibleDate({currentVisibleDate:r,maxDate:a.maxDate,minDate:a.minDate,value:a.value,startOfUnit:startOfDecade,onChangeCurrentVisibleDate:s,calendarVisible:Q}),T=_slicedToArray(S,2),U=T[0],V=T[1];return useEffect(function(){var b,c;if(null!==(b=a.value)&&void 0!==b&&b[0]&&"classic"===i&&M){var d=startOfDecade(a.value[0]);return void(d.getTime()!==(null===U||void 0===U?void 0:U.getTime())&&V(d))}if(null!==(c=a.value)&&void 0!==c&&c[0]&&"classic"!==i&&M){var e=startOfDecade(a.value[0]);e.getTime()!==(null===U||void 0===U?void 0:U.getTime())&&e.getTime()!==(U&&addYears(U,10).getTime())&&V(e)}},[null===(c=a.value)||void 0===c||null===(d=c[0])||void 0===d?void 0:d.getTime(),Q,M]),useEffect(function(){var b,c;if(null!==(b=a.value)&&void 0!==b&&b[1]&&"classic"===i&&N){var d=startOfDecade(a.value[1]);return void(d.getTime()!==(null===U||void 0===U?void 0:U.getTime())&&V(d))}if(null!==(c=a.value)&&void 0!==c&&c[1]&&"classic"!==i&&N){var e=startOfDecade(a.value[1]);e.getTime()!==(null===U||void 0===U?void 0:U.getTime())&&e.getTime()!==(U&&addYears(U,10).getTime())&&V(addYears(e,-10))}},[null===(e=a.value)||void 0===e||null===(f=e[1])||void 0===f?void 0:f.getTime(),Q,N]),useClickOutside({isActive:Q,ignoreClicksInsideRefs:[D,E,H].concat(_toConsumableArray(null!==z&&void 0!==z?z:[])),handler:function handler(){L(!1),R.off()}}),React.createElement(React.Fragment,null,React.createElement(DatePickerFieldTypeYearRange,Object.assign({},C,{ref:b,startFieldRef:D,endFieldRef:E,startFieldInputRef:useForkRef([F,null===u||void 0===u?void 0:u[0]]),endFieldInputRef:useForkRef([G,null===u||void 0===u?void 0:u[1]]),startFieldOnFocus:function startFieldOnFocusHandler(a){var b;L("start"),Array.isArray(l)?null===(b=l[0])||void 0===b?void 0:b.call(l,a):null===l||void 0===l?void 0:l(a)},endFieldOnFocus:function endFieldOnFocusHandler(a){var b;L("end"),Array.isArray(l)?null===(b=l[1])||void 0===b?void 0:b.call(l,a):null===l||void 0===l?void 0:l(a)},startFieldLeftSide:Array.isArray(p)?null===p||void 0===p?void 0:p[0]:p,startFieldRightSide:Array.isArray(q)?null===q||void 0===q?void 0:q[0]:void 0,endFieldLeftSide:Array.isArray(p)?null===p||void 0===p?void 0:p[1]:void 0,endFieldRightSide:Array.isArray(q)?null===q||void 0===q?void 0:q[1]:q,startFieldOnBlur:function startFieldOnBlurHandler(a){var b;return Array.isArray(m)?null===(b=m[0])||void 0===b?void 0:b.call(m,a):null===m||void 0===m?void 0:m(a)},endFieldOnBlur:function endFieldOnBlurHandler(a){var b;return Array.isArray(m)?null===(b=m[1])||void 0===b?void 0:b.call(m,a):null===m||void 0===m?void 0:m(a)},startFocused:M,endFocused:N,startFieldOnClick:R.on,endFieldOnClick:R.on,startFieldName:Array.isArray(v)?v[0]:"".concat(v,"_start"),endFieldName:Array.isArray(v)?v[1]:"".concat(v,"_end"),disabled:A,startFieldPlaceholder:Array.isArray(w)?null===w||void 0===w?void 0:w[0]:w,endFieldPlaceholder:Array.isArray(w)?null===w||void 0===w?void 0:w[1]:w})),React.createElement(DatePickerDropdown,{type:"year",ref:useForkRef([o,H]),anchorRef:D,isOpen:Q,onChangeCurrentVisibleDate:V,currentVisibleDate:U,value:a.value||void 0,view:i,events:g,locale:j,className:n,minDate:a.minDate,maxDate:a.maxDate,form:k,onChange:function hadleChange(b,c){var d=c.e;if(M){var e,f,g=normalizeRangeValue([b,null===a||void 0===a||null===(e=a.value)||void 0===e?void 0:e[1]]);null===(f=a.onChange)||void 0===f?void 0:f.call(a,g,{e:d})}if(N){var h,i,j=normalizeRangeValue([null===a||void 0===a||null===(h=a.value)||void 0===h?void 0:h[0],b]);null===(i=a.onChange)||void 0===i?void 0:i.call(a,j,{e:d})}},renderAdditionalControls:t,zIndex:getDropdownZIndex(a.style),disableDates:B}))});
 //# sourceMappingURL=DatePickerTypeYearRange.js.map

package/__internal__/src/components/DatePicker/DatePickerTypeYearRange/DatePickerTypeYearRange.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerTypeYearRange.js","names":["addYears","startOfDecade","React","forwardRef","useEffect","useRef","useState","useClickOutside","useForkRef","DatePickerDropdown","DatePickerFieldTypeYearRange","getDropdownZIndex","normalizeRangeValue","datePickerPropDateTimeViewDefault","useCalendarVisible","useCurrentVisibleDate","DatePickerTypeYearRange","props","ref","events","dateTimeView","locale","dropdownForm","onFocus","onBlur","dropdownClassName","dropdownRef","leftSide","rightSide","currentVisibleDateProp","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","inputRef","name","placeholder","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","fieldProps","startFieldRef","endFieldRef","startFieldInputRef","endFieldInputRef","calendarRef","fieldFocused","setFieldFocused","startFocused","endFocused","startRef","endRef","calendarVisible","setCalendarVisible","maxDate","minDate","value","startOfUnit","setCurrentVisibleDate","newVisibleDate","getTime","isActive","ignoreClicksInsideRefs","handler","off","startFieldOnFocusHandler","e","Array","isArray","endFieldOnFocusHandler","startFieldOnBlurHandler","endFieldOnBlurHandler","on","hadleChange","newValue","onChange","style"],"sources":["../../../../../../src/components/DatePicker/DatePickerTypeYearRange/DatePickerTypeYearRange.tsx"],"sourcesContent":["import { addYears, startOfDecade } from 'date-fns';\nimport React, { forwardRef, useEffect, useRef, useState } from 'react';\n\nimport { useClickOutside } from '##/hooks/useClickOutside';\nimport { useForkRef } from '##/hooks/useForkRef';\n\nimport {\n  DatePickerDropdown,\n  DatePickerDropdownPropOnChange,\n} from '../DatePickerDropdown/DatePickerDropdown';\nimport { DatePickerFieldTypeYearRange } from '../DatePickerFieldTypeYearRange/DatePickerFieldTypeYearRange';\nimport { getDropdownZIndex, normalizeRangeValue } from '../helpers';\nimport {\n  datePickerPropDateTimeViewDefault,\n  DatePickerTypeComponent,\n} from '../types';\nimport { useCalendarVisible } from '../useCalendarVisible';\nimport { useCurrentVisibleDate } from '../useCurrentVisibleDate';\n\nexport const DatePickerTypeYearRange: DatePickerTypeComponent<'date-range'> =\n  forwardRef((props, ref) => {\n    const {\n      events,\n      dateTimeView = datePickerPropDateTimeViewDefault,\n      locale,\n      dropdownForm,\n      onFocus,\n      onBlur,\n      dropdownClassName,\n      dropdownRef,\n      leftSide,\n      rightSide,\n      currentVisibleDate: currentVisibleDateProp,\n      onChangeCurrentVisibleDate,\n      renderAdditionalControls,\n      inputRef,\n      name,\n      placeholder,\n      onDropdownOpen,\n      dropdownOpen,\n      ignoreOutsideClicksRefs,\n      disabled,\n      ...fieldProps\n    } = props;\n\n    const startFieldRef = useRef<HTMLDivElement>(null);\n    const endFieldRef = useRef<HTMLDivElement>(null);\n    const startFieldInputRef = useRef<HTMLInputElement>(null);\n    const endFieldInputRef = useRef<HTMLInputElement>(null);\n    const calendarRef = useRef<HTMLDivElement>(null);\n\n    const [fieldFocused, setFieldFocused] = useState<'start' | 'end' | false>(\n      false,\n    );\n\n    const startFocused = fieldFocused === 'start';\n    const endFocused = fieldFocused === 'end';\n\n    const hadleChange: DatePickerDropdownPropOnChange = (value, { e }) => {\n      if (startFocused) {\n        const newValue = normalizeRangeValue([value, props?.value?.[1]]);\n        props.onChange?.(newValue, {\n          e,\n        });\n      }\n      if (endFocused) {\n        const newValue = normalizeRangeValue([props?.value?.[0], value]);\n        props.onChange?.(newValue, {\n          e,\n        });\n      }\n    };\n\n    const [calendarVisible, setCalendarVisible] = useCalendarVisible({\n      dropdownOpen,\n      onDropdownOpen,\n      disabled,\n      startRef: startFieldInputRef,\n      endRef: endFieldInputRef,\n    });\n\n    const [currentVisibleDate, setCurrentVisibleDate] = useCurrentVisibleDate({\n      currentVisibleDate: currentVisibleDateProp,\n      maxDate: props.maxDate,\n      minDate: props.minDate,\n      value: props.value,\n      startOfUnit: startOfDecade,\n      onChangeCurrentVisibleDate,\n      calendarVisible,\n    });\n\n    const startFieldOnBlurHandler = (e: React.FocusEvent<HTMLElement>) =>\n      Array.isArray(onBlur) ? onBlur[0]?.(e) : onBlur?.(e);\n\n    const endFieldOnBlurHandler = (e: React.FocusEvent<HTMLElement>) =>\n      Array.isArray(onBlur) ? onBlur[1]?.(e) : onBlur?.(e);\n\n    const startFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused('start');\n      Array.isArray(onFocus) ? onFocus[0]?.(e) : onFocus?.(e);\n    };\n\n    const endFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused('end');\n      Array.isArray(onFocus) ? onFocus[1]?.(e) : onFocus?.(e);\n    };\n\n    // эффект для того чтобы календарь переключался при вводе с клавиатуры\n    useEffect(() => {\n      if (props.value?.[0] && dateTimeView === 'classic' && startFocused) {\n        const newVisibleDate = startOfDecade(props.value[0]);\n        if (newVisibleDate.getTime() !== currentVisibleDate?.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n        return;\n      }\n      if (props.value?.[0] && dateTimeView !== 'classic' && startFocused) {\n        const newVisibleDate = startOfDecade(props.value[0]);\n        if (\n          newVisibleDate.getTime() !== currentVisibleDate?.getTime() &&\n          newVisibleDate.getTime() !==\n            (currentVisibleDate && addYears(currentVisibleDate, 10).getTime())\n        ) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n      }\n    }, [props.value?.[0]?.getTime(), calendarVisible, startFocused]);\n\n    useEffect(() => {\n      if (props.value?.[1] && dateTimeView === 'classic' && endFocused) {\n        const newVisibleDate = startOfDecade(props.value[1]);\n        if (newVisibleDate.getTime() !== currentVisibleDate?.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n        return;\n      }\n      if (props.value?.[1] && dateTimeView !== 'classic' && endFocused) {\n        const newVisibleDate = startOfDecade(props.value[1]);\n        if (\n          newVisibleDate.getTime() !== currentVisibleDate?.getTime() &&\n          newVisibleDate.getTime() !==\n            (currentVisibleDate && addYears(currentVisibleDate, 10).getTime())\n        ) {\n          setCurrentVisibleDate(addYears(newVisibleDate, -10));\n        }\n      }\n    }, [props.value?.[1]?.getTime(), calendarVisible, endFocused]);\n\n    useClickOutside({\n      isActive: calendarVisible,\n      ignoreClicksInsideRefs: [\n        startFieldRef,\n        endFieldRef,\n        calendarRef,\n        ...(ignoreOutsideClicksRefs ?? []),\n      ],\n      handler: () => {\n        setFieldFocused(false);\n        setCalendarVisible.off();\n      },\n    });\n\n    return (\n      <>\n        <DatePickerFieldTypeYearRange\n          {...fieldProps}\n          ref={ref}\n          startFieldRef={startFieldRef}\n          endFieldRef={endFieldRef}\n          startFieldInputRef={useForkRef([startFieldInputRef, inputRef?.[0]])}\n          endFieldInputRef={useForkRef([endFieldInputRef, inputRef?.[1]])}\n          startFieldOnFocus={startFieldOnFocusHandler}\n          endFieldOnFocus={endFieldOnFocusHandler}\n          startFieldLeftSide={\n            Array.isArray(leftSide) ? leftSide?.[0] : leftSide\n          }\n          startFieldRightSide={\n            Array.isArray(rightSide) ? rightSide?.[0] : undefined\n          }\n          endFieldLeftSide={Array.isArray(leftSide) ? leftSide?.[1] : undefined}\n          endFieldRightSide={\n            Array.isArray(rightSide) ? rightSide?.[1] : rightSide\n          }\n          startFieldOnBlur={startFieldOnBlurHandler}\n          endFieldOnBlur={endFieldOnBlurHandler}\n          startFocused={startFocused}\n          endFocused={endFocused}\n          startFieldOnClick={setCalendarVisible.on}\n          endFieldOnClick={setCalendarVisible.on}\n          startFieldName={Array.isArray(name) ? name[0] : `${name}_start`}\n          endFieldName={Array.isArray(name) ? name[1] : `${name}_end`}\n          disabled={disabled}\n          startFieldPlaceholder={\n            Array.isArray(placeholder) ? placeholder?.[0] : placeholder\n          }\n          endFieldPlaceholder={\n            Array.isArray(placeholder) ? placeholder?.[1] : placeholder\n          }\n        />\n        <DatePickerDropdown\n          type=\"year\"\n          ref={useForkRef([dropdownRef, calendarRef])}\n          anchorRef={startFieldRef}\n          isOpen={calendarVisible}\n          onChangeCurrentVisibleDate={setCurrentVisibleDate}\n          currentVisibleDate={currentVisibleDate}\n          value={props.value || undefined}\n          view={dateTimeView}\n          events={events}\n          locale={locale}\n          className={dropdownClassName}\n          minDate={props.minDate}\n          maxDate={props.maxDate}\n          form={dropdownForm}\n          onChange={hadleChange}\n          renderAdditionalControls={renderAdditionalControls}\n          zIndex={getDropdownZIndex(props.style)}\n        />\n      </>\n    );\n  });\n"],"mappings":"6hBAAA,OAASA,QAAT,CAAmBC,aAAnB,KAAwC,UAAxC,CACA,MAAOC,MAAP,EAAgBC,UAAhB,CAA4BC,SAA5B,CAAuCC,MAAvC,CAA+CC,QAA/C,KAA+D,OAA/D,CAEA,OAASC,eAAT,sCACA,OAASC,UAAT,iCAEA,OACEC,kBADF,gDAIA,OAASC,4BAAT,oEACA,OAASC,iBAAT,CAA4BC,mBAA5B,kBACA,OACEC,iCADF,gBAIA,OAASC,kBAAT,6BACA,OAASC,qBAAT,gCAEA,MAAO,IAAMC,wBAA8D,CACzEb,UAAU,CAAC,SAACc,CAAD,CAAQC,CAAR,CAAgB,aAEvBC,CAFuB,CAuBrBF,CAvBqB,CAEvBE,MAFuB,GAuBrBF,CAvBqB,CAGvBG,YAHuB,CAGvBA,CAHuB,YAGRP,iCAHQ,GAIvBQ,CAJuB,CAuBrBJ,CAvBqB,CAIvBI,MAJuB,CAKvBC,CALuB,CAuBrBL,CAvBqB,CAKvBK,YALuB,CAMvBC,CANuB,CAuBrBN,CAvBqB,CAMvBM,OANuB,CAOvBC,CAPuB,CAuBrBP,CAvBqB,CAOvBO,MAPuB,CAQvBC,CARuB,CAuBrBR,CAvBqB,CAQvBQ,iBARuB,CASvBC,CATuB,CAuBrBT,CAvBqB,CASvBS,WATuB,CAUvBC,CAVuB,CAuBrBV,CAvBqB,CAUvBU,QAVuB,CAWvBC,CAXuB,CAuBrBX,CAvBqB,CAWvBW,SAXuB,CAYHC,CAZG,CAuBrBZ,CAvBqB,CAYvBa,kBAZuB,CAavBC,CAbuB,CAuBrBd,CAvBqB,CAavBc,0BAbuB,CAcvBC,CAduB,CAuBrBf,CAvBqB,CAcvBe,wBAduB,CAevBC,CAfuB,CAuBrBhB,CAvBqB,CAevBgB,QAfuB,CAgBvBC,CAhBuB,CAuBrBjB,CAvBqB,CAgBvBiB,IAhBuB,CAiBvBC,CAjBuB,CAuBrBlB,CAvBqB,CAiBvBkB,WAjBuB,CAkBvBC,CAlBuB,CAuBrBnB,CAvBqB,CAkBvBmB,cAlBuB,CAmBvBC,CAnBuB,CAuBrBpB,CAvBqB,CAmBvBoB,YAnBuB,CAoBvBC,CApBuB,CAuBrBrB,CAvBqB,CAoBvBqB,uBApBuB,CAqBvBC,CArBuB,CAuBrBtB,CAvBqB,CAqBvBsB,QArBuB,CAsBpBC,CAtBoB,0BAuBrBvB,CAvBqB,YAyBnBwB,CAAa,CAAGpC,MAAM,CAAiB,IAAjB,CAzBH,CA0BnBqC,CAAW,CAAGrC,MAAM,CAAiB,IAAjB,CA1BD,CA2BnBsC,CAAkB,CAAGtC,MAAM,CAAmB,IAAnB,CA3BR,CA4BnBuC,CAAgB,CAAGvC,MAAM,CAAmB,IAAnB,CA5BN,CA6BnBwC,CAAW,CAAGxC,MAAM,CAAiB,IAAjB,CA7BD,GA+BeC,QAAQ,IA/BvB,uBA+BlBwC,CA/BkB,MA+BJC,CA/BI,MAmCnBC,CAAY,CAAoB,OAAjB,GAAAF,CAnCI,CAoCnBG,CAAU,CAAoB,KAAjB,GAAAH,CApCM,GAqDqBhC,kBAAkB,CAAC,CAC/DuB,YAAY,CAAZA,CAD+D,CAE/DD,cAAc,CAAdA,CAF+D,CAG/DG,QAAQ,CAARA,CAH+D,CAI/DW,QAAQ,CAAEP,CAJqD,CAK/DQ,MAAM,CAAEP,CALuD,CAAD,CArDvC,uBAqDlBQ,CArDkB,MAqDDC,CArDC,QA6D2BtC,qBAAqB,CAAC,CACxEe,kBAAkB,CAAED,CADoD,CAExEyB,OAAO,CAAErC,CAAK,CAACqC,OAFyD,CAGxEC,OAAO,CAAEtC,CAAK,CAACsC,OAHyD,CAIxEC,KAAK,CAAEvC,CAAK,CAACuC,KAJ2D,CAKxEC,WAAW,CAAExD,aAL2D,CAMxE8B,0BAA0B,CAA1BA,CANwE,CAOxEqB,eAAe,CAAfA,CAPwE,CAAD,CA7DhD,uBA6DlBtB,CA7DkB,MA6DE4B,CA7DF,MA8IzB,MAtDAtD,UAAS,CAAC,UAAM,SACd,GAAI,UAAAa,CAAK,CAACuC,KAAN,iBAAc,CAAd,GAAqC,SAAjB,GAAApC,CAApB,EAAkD4B,CAAtD,CAAoE,CAClE,GAAMW,EAAc,CAAG1D,aAAa,CAACgB,CAAK,CAACuC,KAAN,CAAY,CAAZ,CAAD,CAApC,CAIA,YAHIG,CAAc,CAACC,OAAf,aAA6B9B,CAA7B,WAA6BA,CAA7B,QAA6BA,CAAkB,CAAE8B,OAApB,EAA7B,CAGJ,EAFEF,CAAqB,CAACC,CAAD,CAEvB,CACD,CACD,GAAI,UAAA1C,CAAK,CAACuC,KAAN,iBAAc,CAAd,GAAqC,SAAjB,GAAApC,CAApB,EAAkD4B,CAAtD,CAAoE,CAClE,GAAMW,EAAc,CAAG1D,aAAa,CAACgB,CAAK,CAACuC,KAAN,CAAY,CAAZ,CAAD,CAApC,CAEEG,CAAc,CAACC,OAAf,aAA6B9B,CAA7B,WAA6BA,CAA7B,QAA6BA,CAAkB,CAAE8B,OAApB,EAA7B,GACAD,CAAc,CAACC,OAAf,MACG9B,CAAkB,EAAI9B,QAAQ,CAAC8B,CAAD,CAAqB,EAArB,CAAR,CAAiC8B,OAAjC,EADzB,CAJgE,EAOhEF,CAAqB,CAACC,CAAD,CAExB,CACF,CAlBQ,CAkBN,WAAC1C,CAAK,CAACuC,KAAP,yBAAC,EAAc,CAAd,CAAD,qBAAC,EAAkBI,OAAlB,EAAD,CAA8BR,CAA9B,CAA+CJ,CAA/C,CAlBM,CAsDT,CAlCA5C,SAAS,CAAC,UAAM,SACd,GAAI,UAAAa,CAAK,CAACuC,KAAN,iBAAc,CAAd,GAAqC,SAAjB,GAAApC,CAApB,EAAkD6B,CAAtD,CAAkE,CAChE,GAAMU,EAAc,CAAG1D,aAAa,CAACgB,CAAK,CAACuC,KAAN,CAAY,CAAZ,CAAD,CAApC,CAIA,YAHIG,CAAc,CAACC,OAAf,aAA6B9B,CAA7B,WAA6BA,CAA7B,QAA6BA,CAAkB,CAAE8B,OAApB,EAA7B,CAGJ,EAFEF,CAAqB,CAACC,CAAD,CAEvB,CACD,CACD,GAAI,UAAA1C,CAAK,CAACuC,KAAN,iBAAc,CAAd,GAAqC,SAAjB,GAAApC,CAApB,EAAkD6B,CAAtD,CAAkE,CAChE,GAAMU,EAAc,CAAG1D,aAAa,CAACgB,CAAK,CAACuC,KAAN,CAAY,CAAZ,CAAD,CAApC,CAEEG,CAAc,CAACC,OAAf,aAA6B9B,CAA7B,WAA6BA,CAA7B,QAA6BA,CAAkB,CAAE8B,OAApB,EAA7B,GACAD,CAAc,CAACC,OAAf,MACG9B,CAAkB,EAAI9B,QAAQ,CAAC8B,CAAD,CAAqB,EAArB,CAAR,CAAiC8B,OAAjC,EADzB,CAJ8D,EAO9DF,CAAqB,CAAC1D,QAAQ,CAAC2D,CAAD,CAAiB,CAAC,EAAlB,CAAT,CAExB,CACF,CAlBQ,CAkBN,WAAC1C,CAAK,CAACuC,KAAP,yBAAC,EAAc,CAAd,CAAD,qBAAC,EAAkBI,OAAlB,EAAD,CAA8BR,CAA9B,CAA+CH,CAA/C,CAlBM,CAkCT,CAdA1C,eAAe,CAAC,CACdsD,QAAQ,CAAET,CADI,CAEdU,sBAAsB,EACpBrB,CADoB,CAEpBC,CAFoB,CAGpBG,CAHoB,mCAIhBP,CAJgB,WAIhBA,CAJgB,CAIhBA,CAJgB,CAIW,EAJX,EAFR,CAQdyB,OAAO,CAAE,kBAAM,CACbhB,CAAe,IADF,CAEbM,CAAkB,CAACW,GAAnB,EACD,CAXa,CAAD,CAcf,CACE,wCACE,oBAAC,4BAAD,kBACMxB,CADN,EAEE,GAAG,CAAEtB,CAFP,CAGE,aAAa,CAAEuB,CAHjB,CAIE,WAAW,CAAEC,CAJf,CAKE,kBAAkB,CAAElC,UAAU,CAAC,CAACmC,CAAD,QAAqBV,CAArB,WAAqBA,CAArB,QAAqBA,CAAQ,CAAG,CAAH,CAA7B,CAAD,CALhC,CAME,gBAAgB,CAAEzB,UAAU,CAAC,CAACoC,CAAD,QAAmBX,CAAnB,WAAmBA,CAAnB,QAAmBA,CAAQ,CAAG,CAAH,CAA3B,CAAD,CAN9B,CAOE,iBAAiB,CA1EU,QAA3BgC,yBAA2B,CAACC,CAAD,CAAsC,OACrEnB,CAAe,CAAC,OAAD,CADsD,CAErEoB,KAAK,CAACC,OAAN,CAAc7C,CAAd,YAAyBA,CAAO,CAAC,CAAD,CAAhC,qBAAyB,OAAAA,CAAO,CAAM2C,CAAN,CAAhC,QAA2C3C,CAA3C,WAA2CA,CAA3C,QAA2CA,CAAO,CAAG2C,CAAH,CACnD,CAgEG,CAQE,eAAe,CAtEU,QAAzBG,uBAAyB,CAACH,CAAD,CAAsC,OACnEnB,CAAe,CAAC,KAAD,CADoD,CAEnEoB,KAAK,CAACC,OAAN,CAAc7C,CAAd,YAAyBA,CAAO,CAAC,CAAD,CAAhC,qBAAyB,OAAAA,CAAO,CAAM2C,CAAN,CAAhC,QAA2C3C,CAA3C,WAA2CA,CAA3C,QAA2CA,CAAO,CAAG2C,CAAH,CACnD,CA2DG,CASE,kBAAkB,CAChBC,KAAK,CAACC,OAAN,CAAczC,CAAd,SAA0BA,CAA1B,WAA0BA,CAA1B,QAA0BA,CAAQ,CAAG,CAAH,CAAlC,CAA0CA,CAV9C,CAYE,mBAAmB,CACjBwC,KAAK,CAACC,OAAN,CAAcxC,CAAd,SAA2BA,CAA3B,WAA2BA,CAA3B,QAA2BA,CAAS,CAAG,CAAH,CAApC,OAbJ,CAeE,gBAAgB,CAAEuC,KAAK,CAACC,OAAN,CAAczC,CAAd,SAA0BA,CAA1B,WAA0BA,CAA1B,QAA0BA,CAAQ,CAAG,CAAH,CAAlC,OAfpB,CAgBE,iBAAiB,CACfwC,KAAK,CAACC,OAAN,CAAcxC,CAAd,SAA2BA,CAA3B,WAA2BA,CAA3B,QAA2BA,CAAS,CAAG,CAAH,CAApC,CAA4CA,CAjBhD,CAmBE,gBAAgB,CA5FU,QAA1B0C,wBAA0B,CAACJ,CAAD,cAC9BC,MAAK,CAACC,OAAN,CAAc5C,CAAd,YAAwBA,CAAM,CAAC,CAAD,CAA9B,qBAAwB,OAAAA,CAAM,CAAM0C,CAAN,CAA9B,QAAyC1C,CAAzC,WAAyCA,CAAzC,QAAyCA,CAAM,CAAG0C,CAAH,CADjB,CAyE5B,CAoBE,cAAc,CA1FU,QAAxBK,sBAAwB,CAACL,CAAD,cAC5BC,MAAK,CAACC,OAAN,CAAc5C,CAAd,YAAwBA,CAAM,CAAC,CAAD,CAA9B,qBAAwB,OAAAA,CAAM,CAAM0C,CAAN,CAA9B,QAAyC1C,CAAzC,WAAyCA,CAAzC,QAAyCA,CAAM,CAAG0C,CAAH,CADnB,CAsE1B,CAqBE,YAAY,CAAElB,CArBhB,CAsBE,UAAU,CAAEC,CAtBd,CAuBE,iBAAiB,CAAEI,CAAkB,CAACmB,EAvBxC,CAwBE,eAAe,CAAEnB,CAAkB,CAACmB,EAxBtC,CAyBE,cAAc,CAAEL,KAAK,CAACC,OAAN,CAAclC,CAAd,EAAsBA,CAAI,CAAC,CAAD,CAA1B,WAAmCA,CAAnC,UAzBlB,CA0BE,YAAY,CAAEiC,KAAK,CAACC,OAAN,CAAclC,CAAd,EAAsBA,CAAI,CAAC,CAAD,CAA1B,WAAmCA,CAAnC,QA1BhB,CA2BE,QAAQ,CAAEK,CA3BZ,CA4BE,qBAAqB,CACnB4B,KAAK,CAACC,OAAN,CAAcjC,CAAd,SAA6BA,CAA7B,WAA6BA,CAA7B,QAA6BA,CAAW,CAAG,CAAH,CAAxC,CAAgDA,CA7BpD,CA+BE,mBAAmB,CACjBgC,KAAK,CAACC,OAAN,CAAcjC,CAAd,SAA6BA,CAA7B,WAA6BA,CAA7B,QAA6BA,CAAW,CAAG,CAAH,CAAxC,CAAgDA,CAhCpD,GADF,CAoCE,oBAAC,kBAAD,EACE,IAAI,CAAC,MADP,CAEE,GAAG,CAAE3B,UAAU,CAAC,CAACkB,CAAD,CAAcmB,CAAd,CAAD,CAFjB,CAGE,SAAS,CAAEJ,CAHb,CAIE,MAAM,CAAEW,CAJV,CAKE,0BAA0B,CAAEM,CAL9B,CAME,kBAAkB,CAAE5B,CANtB,CAOE,KAAK,CAAEb,CAAK,CAACuC,KAAN,QAPT,CAQE,IAAI,CAAEpC,CARR,CASE,MAAM,CAAED,CATV,CAUE,MAAM,CAAEE,CAVV,CAWE,SAAS,CAAEI,CAXb,CAYE,OAAO,CAAER,CAAK,CAACsC,OAZjB,CAaE,OAAO,CAAEtC,CAAK,CAACqC,OAbjB,CAcE,IAAI,CAAEhC,CAdR,CAeE,QAAQ,CA5JsC,QAA9CmD,YAA8C,CAACjB,CAAD,GAAkB,IAARU,EAAQ,GAARA,CAAQ,CACpE,GAAIlB,CAAJ,CAAkB,SACV0B,CAAQ,CAAG9D,mBAAmB,CAAC,CAAC4C,CAAD,QAAQvC,CAAR,WAAQA,CAAR,YAAQA,CAAK,CAAEuC,KAAf,qBAAQ,EAAe,CAAf,CAAR,CAAD,CADpB,WAEhBvC,CAAK,CAAC0D,QAFU,qBAEhB,OAAA1D,CAAK,CAAYyD,CAAZ,CAAsB,CACzBR,CAAC,CAADA,CADyB,CAAtB,CAGN,CACD,GAAIjB,CAAJ,CAAgB,SACRyB,CAAQ,CAAG9D,mBAAmB,CAAC,QAACK,CAAD,WAACA,CAAD,YAACA,CAAK,CAAEuC,KAAR,qBAAC,EAAe,CAAf,CAAD,CAAoBA,CAApB,CAAD,CADtB,WAEdvC,CAAK,CAAC0D,QAFQ,qBAEd,OAAA1D,CAAK,CAAYyD,CAAZ,CAAsB,CACzBR,CAAC,CAADA,CADyB,CAAtB,CAGN,CACF,CAgIG,CAgBE,wBAAwB,CAAElC,CAhB5B,CAiBE,MAAM,CAAErB,iBAAiB,CAACM,CAAK,CAAC2D,KAAP,CAjB3B,EApCF,CAyDH,CAxMS,CADL"}
+{"version":3,"file":"DatePickerTypeYearRange.js","names":["addYears","startOfDecade","React","forwardRef","useEffect","useRef","useState","useClickOutside","useForkRef","DatePickerDropdown","DatePickerFieldTypeYearRange","getDropdownZIndex","normalizeRangeValue","datePickerPropDateTimeViewDefault","useCalendarVisible","useCurrentVisibleDate","DatePickerTypeYearRange","props","ref","events","dateTimeView","locale","dropdownForm","onFocus","onBlur","dropdownClassName","dropdownRef","leftSide","rightSide","currentVisibleDateProp","currentVisibleDate","onChangeCurrentVisibleDate","renderAdditionalControls","inputRef","name","placeholder","onDropdownOpen","dropdownOpen","ignoreOutsideClicksRefs","disabled","disableDates","fieldProps","startFieldRef","endFieldRef","startFieldInputRef","endFieldInputRef","calendarRef","fieldFocused","setFieldFocused","startFocused","endFocused","startRef","endRef","calendarVisible","setCalendarVisible","maxDate","minDate","value","startOfUnit","setCurrentVisibleDate","newVisibleDate","getTime","isActive","ignoreClicksInsideRefs","handler","off","startFieldOnFocusHandler","e","Array","isArray","endFieldOnFocusHandler","startFieldOnBlurHandler","endFieldOnBlurHandler","on","hadleChange","newValue","onChange","style"],"sources":["../../../../../../src/components/DatePicker/DatePickerTypeYearRange/DatePickerTypeYearRange.tsx"],"sourcesContent":["import { addYears, startOfDecade } from 'date-fns';\nimport React, { forwardRef, useEffect, useRef, useState } from 'react';\n\nimport { useClickOutside } from '##/hooks/useClickOutside';\nimport { useForkRef } from '##/hooks/useForkRef';\n\nimport {\n  DatePickerDropdown,\n  DatePickerDropdownPropOnChange,\n} from '../DatePickerDropdown/DatePickerDropdown';\nimport { DatePickerFieldTypeYearRange } from '../DatePickerFieldTypeYearRange/DatePickerFieldTypeYearRange';\nimport { getDropdownZIndex, normalizeRangeValue } from '../helpers';\nimport {\n  datePickerPropDateTimeViewDefault,\n  DatePickerTypeComponent,\n} from '../types';\nimport { useCalendarVisible } from '../useCalendarVisible';\nimport { useCurrentVisibleDate } from '../useCurrentVisibleDate';\n\nexport const DatePickerTypeYearRange: DatePickerTypeComponent<'date-range'> =\n  forwardRef((props, ref) => {\n    const {\n      events,\n      dateTimeView = datePickerPropDateTimeViewDefault,\n      locale,\n      dropdownForm,\n      onFocus,\n      onBlur,\n      dropdownClassName,\n      dropdownRef,\n      leftSide,\n      rightSide,\n      currentVisibleDate: currentVisibleDateProp,\n      onChangeCurrentVisibleDate,\n      renderAdditionalControls,\n      inputRef,\n      name,\n      placeholder,\n      onDropdownOpen,\n      dropdownOpen,\n      ignoreOutsideClicksRefs,\n      disabled,\n      disableDates,\n      ...fieldProps\n    } = props;\n\n    const startFieldRef = useRef<HTMLDivElement>(null);\n    const endFieldRef = useRef<HTMLDivElement>(null);\n    const startFieldInputRef = useRef<HTMLInputElement>(null);\n    const endFieldInputRef = useRef<HTMLInputElement>(null);\n    const calendarRef = useRef<HTMLDivElement>(null);\n\n    const [fieldFocused, setFieldFocused] = useState<'start' | 'end' | false>(\n      false,\n    );\n\n    const startFocused = fieldFocused === 'start';\n    const endFocused = fieldFocused === 'end';\n\n    const hadleChange: DatePickerDropdownPropOnChange = (value, { e }) => {\n      if (startFocused) {\n        const newValue = normalizeRangeValue([value, props?.value?.[1]]);\n        props.onChange?.(newValue, {\n          e,\n        });\n      }\n      if (endFocused) {\n        const newValue = normalizeRangeValue([props?.value?.[0], value]);\n        props.onChange?.(newValue, {\n          e,\n        });\n      }\n    };\n\n    const [calendarVisible, setCalendarVisible] = useCalendarVisible({\n      dropdownOpen,\n      onDropdownOpen,\n      disabled,\n      startRef: startFieldInputRef,\n      endRef: endFieldInputRef,\n    });\n\n    const [currentVisibleDate, setCurrentVisibleDate] = useCurrentVisibleDate({\n      currentVisibleDate: currentVisibleDateProp,\n      maxDate: props.maxDate,\n      minDate: props.minDate,\n      value: props.value,\n      startOfUnit: startOfDecade,\n      onChangeCurrentVisibleDate,\n      calendarVisible,\n    });\n\n    const startFieldOnBlurHandler = (e: React.FocusEvent<HTMLElement>) =>\n      Array.isArray(onBlur) ? onBlur[0]?.(e) : onBlur?.(e);\n\n    const endFieldOnBlurHandler = (e: React.FocusEvent<HTMLElement>) =>\n      Array.isArray(onBlur) ? onBlur[1]?.(e) : onBlur?.(e);\n\n    const startFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused('start');\n      Array.isArray(onFocus) ? onFocus[0]?.(e) : onFocus?.(e);\n    };\n\n    const endFieldOnFocusHandler = (e: React.FocusEvent<HTMLElement>) => {\n      setFieldFocused('end');\n      Array.isArray(onFocus) ? onFocus[1]?.(e) : onFocus?.(e);\n    };\n\n    // эффект для того чтобы календарь переключался при вводе с клавиатуры\n    useEffect(() => {\n      if (props.value?.[0] && dateTimeView === 'classic' && startFocused) {\n        const newVisibleDate = startOfDecade(props.value[0]);\n        if (newVisibleDate.getTime() !== currentVisibleDate?.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n        return;\n      }\n      if (props.value?.[0] && dateTimeView !== 'classic' && startFocused) {\n        const newVisibleDate = startOfDecade(props.value[0]);\n        if (\n          newVisibleDate.getTime() !== currentVisibleDate?.getTime() &&\n          newVisibleDate.getTime() !==\n            (currentVisibleDate && addYears(currentVisibleDate, 10).getTime())\n        ) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n      }\n    }, [props.value?.[0]?.getTime(), calendarVisible, startFocused]);\n\n    useEffect(() => {\n      if (props.value?.[1] && dateTimeView === 'classic' && endFocused) {\n        const newVisibleDate = startOfDecade(props.value[1]);\n        if (newVisibleDate.getTime() !== currentVisibleDate?.getTime()) {\n          setCurrentVisibleDate(newVisibleDate);\n        }\n        return;\n      }\n      if (props.value?.[1] && dateTimeView !== 'classic' && endFocused) {\n        const newVisibleDate = startOfDecade(props.value[1]);\n        if (\n          newVisibleDate.getTime() !== currentVisibleDate?.getTime() &&\n          newVisibleDate.getTime() !==\n            (currentVisibleDate && addYears(currentVisibleDate, 10).getTime())\n        ) {\n          setCurrentVisibleDate(addYears(newVisibleDate, -10));\n        }\n      }\n    }, [props.value?.[1]?.getTime(), calendarVisible, endFocused]);\n\n    useClickOutside({\n      isActive: calendarVisible,\n      ignoreClicksInsideRefs: [\n        startFieldRef,\n        endFieldRef,\n        calendarRef,\n        ...(ignoreOutsideClicksRefs ?? []),\n      ],\n      handler: () => {\n        setFieldFocused(false);\n        setCalendarVisible.off();\n      },\n    });\n\n    return (\n      <>\n        <DatePickerFieldTypeYearRange\n          {...fieldProps}\n          ref={ref}\n          startFieldRef={startFieldRef}\n          endFieldRef={endFieldRef}\n          startFieldInputRef={useForkRef([startFieldInputRef, inputRef?.[0]])}\n          endFieldInputRef={useForkRef([endFieldInputRef, inputRef?.[1]])}\n          startFieldOnFocus={startFieldOnFocusHandler}\n          endFieldOnFocus={endFieldOnFocusHandler}\n          startFieldLeftSide={\n            Array.isArray(leftSide) ? leftSide?.[0] : leftSide\n          }\n          startFieldRightSide={\n            Array.isArray(rightSide) ? rightSide?.[0] : undefined\n          }\n          endFieldLeftSide={Array.isArray(leftSide) ? leftSide?.[1] : undefined}\n          endFieldRightSide={\n            Array.isArray(rightSide) ? rightSide?.[1] : rightSide\n          }\n          startFieldOnBlur={startFieldOnBlurHandler}\n          endFieldOnBlur={endFieldOnBlurHandler}\n          startFocused={startFocused}\n          endFocused={endFocused}\n          startFieldOnClick={setCalendarVisible.on}\n          endFieldOnClick={setCalendarVisible.on}\n          startFieldName={Array.isArray(name) ? name[0] : `${name}_start`}\n          endFieldName={Array.isArray(name) ? name[1] : `${name}_end`}\n          disabled={disabled}\n          startFieldPlaceholder={\n            Array.isArray(placeholder) ? placeholder?.[0] : placeholder\n          }\n          endFieldPlaceholder={\n            Array.isArray(placeholder) ? placeholder?.[1] : placeholder\n          }\n        />\n        <DatePickerDropdown\n          type=\"year\"\n          ref={useForkRef([dropdownRef, calendarRef])}\n          anchorRef={startFieldRef}\n          isOpen={calendarVisible}\n          onChangeCurrentVisibleDate={setCurrentVisibleDate}\n          currentVisibleDate={currentVisibleDate}\n          value={props.value || undefined}\n          view={dateTimeView}\n          events={events}\n          locale={locale}\n          className={dropdownClassName}\n          minDate={props.minDate}\n          maxDate={props.maxDate}\n          form={dropdownForm}\n          onChange={hadleChange}\n          renderAdditionalControls={renderAdditionalControls}\n          zIndex={getDropdownZIndex(props.style)}\n          disableDates={disableDates}\n        />\n      </>\n    );\n  });\n"],"mappings":"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"}

package/__internal__/src/components/DatePicker/types.d.ts

@@ -3,7 +3,7 @@ import { IconComponent, IconPropSize } from '@consta/icons/Icon';
 import { Locale } from 'date-fns';
 import { DateRange } from '../../utils/types/Date';
 import { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';
-import { DateTimePropView } from '../DateTime/helpers';
+import { DateTimePropDisableDates, DateTimePropView } from '../DateTime/helpers';
 import { TextFieldPropForm, TextFieldPropSize, TextFieldPropStatus, TextFieldPropView } from '../TextField/TextField';
 export declare const datePickerPropType: readonly ["date", "date-range", "date-time", "date-time-range", "time", "year", "year-range", "month", "month-range"];
 export declare type DatePickerPropType = typeof datePickerPropType[number];
@@ -46,6 +46,7 @@ export declare type DatePickerProps<TYPE extends DatePickerPropType = 'date'> =
     id?: string;
     name?: DatePickerPropName<TYPE>;
     disabled?: boolean;
+    disableDates?: DateTimePropDisableDates;
     dropdownClassName?: string;
     dropdownRef?: React.Ref<HTMLDivElement>;
     size?: TextFieldPropSize;

package/__internal__/src/components/DatePicker/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["dateTimePropViewDefault","datePickerPropType","datePickerPropTypeDefault","datePickerPropDateTimeViewDefault","datePickerErrorTypes","datePickerPropDropdownForm","datePickerPropDropdownFormDefault"],"sources":["../../../../../src/components/DatePicker/types.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport { Locale } from 'date-fns';\n\nimport { DateRange } from '../../utils/types/Date';\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport { DateTimePropView, dateTimePropViewDefault } from '../DateTime/helpers';\nimport {\n  TextFieldPropForm,\n  TextFieldPropSize,\n  TextFieldPropStatus,\n  TextFieldPropView,\n} from '../TextField/TextField';\n\nexport const datePickerPropType = [\n  'date',\n  'date-range',\n  'date-time',\n  'date-time-range',\n  'time',\n  'year',\n  'year-range',\n  'month',\n  'month-range',\n] as const;\n\nexport type DatePickerPropType = typeof datePickerPropType[number];\nexport const datePickerPropTypeDefault = datePickerPropType[0];\n\nexport type DatePickerPropDateTimeView = DateTimePropView;\nexport const datePickerPropDateTimeViewDefault = dateTimePropViewDefault;\n\ntype Range = 'date-range' | 'date-time-range' | 'year-range' | 'month-range';\n\nexport const datePickerErrorTypes = [\n  'outOfRange',\n  'invalidInputAttempt',\n  'startDateIsGreaterThanEndDate',\n] as const;\n\nexport type DatePickerPropValue<TYPE extends DatePickerPropType> =\n  | (TYPE extends Range ? DateRange : Date)\n  | null;\n\nexport type DatePickerPropPlaceholder<TYPE> = TYPE extends Range\n  ? [string?, string?] | string\n  : string;\n\nexport type DatePickerPropOnChange<TYPE extends DatePickerPropType> = (\n  value: DatePickerPropValue<TYPE>,\n  props: {\n    e: React.MouseEvent<HTMLButtonElement, MouseEvent> | Event;\n  },\n) => void;\n\nexport const datePickerPropDropdownForm = [\n  'default',\n  'brick',\n  'round',\n] as const;\nexport type DatePickerPropDropdownForm =\n  typeof datePickerPropDropdownForm[number];\nexport const datePickerPropDropdownFormDefault = datePickerPropDropdownForm[0];\n\ntype DatePickerPropInputRef<TYPE> = TYPE extends Range\n  ? [React.Ref<HTMLInputElement>?, React.Ref<HTMLInputElement>?]\n  : React.Ref<HTMLInputElement>;\n\ntype DatePickerPropSide<TYPE> = TYPE extends Range\n  ?\n      | [(string | IconComponent)?, (string | IconComponent)?]\n      | string\n      | IconComponent\n  : string | IconComponent;\n\ntype DatePickerPropOnFocus<TYPE> = TYPE extends Range\n  ?\n      | [\n          React.FocusEventHandler<HTMLElement>?,\n          React.FocusEventHandler<HTMLElement>?,\n        ]\n      | React.FocusEventHandler<HTMLElement>\n  : React.FocusEventHandler<HTMLElement>;\n\ntype DatePickerPropName<TYPE> = TYPE extends Range\n  ? [string?, string?] | string\n  : string;\n\nexport type DatePickerAdditionalControlRenderFn = (props: {\n  currentVisibleDate?: Date;\n}) => React.ReactNode | React.ReactNode[];\n\nexport type DatePickerAdditionalControlRenderProp =\n  | React.ReactNode\n  | DatePickerAdditionalControlRenderFn;\n\nexport type DatePickerProps<TYPE extends DatePickerPropType = 'date'> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      type?: TYPE;\n      value?: DatePickerPropValue<TYPE>;\n      onChange?: DatePickerPropOnChange<TYPE>;\n      minDate?: Date;\n      maxDate?: Date;\n      renderAdditionalControls?: DatePickerAdditionalControlRenderProp;\n      events?: Date[];\n      dateTimeView?: DatePickerPropDateTimeView;\n      locale?: Locale;\n      children?: never;\n      onError?: DatePickerPropOnError;\n      id?: string;\n      name?: DatePickerPropName<TYPE>;\n      disabled?: boolean;\n      dropdownClassName?: string;\n      dropdownRef?: React.Ref<HTMLDivElement>;\n      size?: TextFieldPropSize;\n      view?: TextFieldPropView;\n      form?: TextFieldPropForm;\n      status?: TextFieldPropStatus;\n      onFocus?: DatePickerPropOnFocus<TYPE>;\n      onBlur?: DatePickerPropOnFocus<TYPE>;\n      autoFocus?: boolean;\n      placeholder?: DatePickerPropPlaceholder<TYPE>;\n      readOnly?: boolean;\n      required?: boolean;\n      tabIndex?: number;\n      inputRef?: DatePickerPropInputRef<TYPE>;\n      ariaLabel?: string;\n      iconSize?: IconPropSize;\n      format?: string;\n      separator?: string;\n      dropdownForm?: DatePickerPropDropdownForm;\n      leftSide?: DatePickerPropSide<TYPE>;\n      rightSide?: DatePickerPropSide<TYPE>;\n      label?: string;\n      labelIcon?: IconComponent;\n      caption?: string;\n      labelPosition?: 'top' | 'left';\n      onChangeCurrentVisibleDate?: (date: Date) => void;\n      currentVisibleDate?: Date;\n      multiplicitySeconds?: number;\n      multiplicityMinutes?: number;\n      multiplicityHours?: number;\n      isMobile?: number;\n      withClearButton?: boolean;\n      onDropdownOpen?: (isOpen: boolean) => void;\n      dropdownOpen?: boolean;\n      ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;\n    },\n    HTMLDivElement\n  >;\n\nexport type DatePickerComponent = <TYPE extends DatePickerPropType = 'date'>(\n  props: DatePickerProps<TYPE>,\n) => React.ReactElement | null;\n\nexport type DatePickerTypeComponent<TYPE extends DatePickerPropType> = (\n  props: Omit<DatePickerProps<TYPE>, 'type'>,\n) => React.ReactElement | null;\n\nexport type DatePickerPropOnError = (\n  props:\n    | {\n        type: typeof datePickerErrorTypes[0];\n        stringValue: string;\n        dd?: string;\n        MM?: string;\n        yyyy?: string;\n        ss?: string;\n        mm?: string;\n        HH?: string;\n        date: Date;\n      }\n    | {\n        type: typeof datePickerErrorTypes[1];\n        stringValue: string;\n        dd?: string;\n        MM?: string;\n        yyyy?: string;\n        ss?: string;\n        mm?: string;\n        HH?: string;\n      }\n    | {\n        type: typeof datePickerErrorTypes[2];\n        date: [Date, Date];\n      },\n) => void;\n"],"mappings":"AAKA,OAA2BA,uBAA3B,2BAQA,MAAO,IAAMC,mBAAkB,CAAG,CAChC,MADgC,CAEhC,YAFgC,CAGhC,WAHgC,CAIhC,iBAJgC,CAKhC,MALgC,CAMhC,MANgC,CAOhC,YAPgC,CAQhC,OARgC,CAShC,aATgC,CAA3B,CAaP,MAAO,IAAMC,0BAAyB,CAAGD,kBAAkB,CAAC,CAAD,CAApD,CAGP,MAAO,IAAME,kCAAiC,CAAGH,uBAA1C,CAIP,MAAO,IAAMI,qBAAoB,CAAG,CAClC,YADkC,CAElC,qBAFkC,CAGlC,+BAHkC,CAA7B,CAqBP,MAAO,IAAMC,2BAA0B,CAAG,CACxC,SADwC,CAExC,OAFwC,CAGxC,OAHwC,CAAnC,CAOP,MAAO,IAAMC,kCAAiC,CAAGD,0BAA0B,CAAC,CAAD,CAApE"}
+{"version":3,"file":"types.js","names":["dateTimePropViewDefault","datePickerPropType","datePickerPropTypeDefault","datePickerPropDateTimeViewDefault","datePickerErrorTypes","datePickerPropDropdownForm","datePickerPropDropdownFormDefault"],"sources":["../../../../../src/components/DatePicker/types.ts"],"sourcesContent":["import { IconComponent, IconPropSize } from '@consta/icons/Icon';\nimport { Locale } from 'date-fns';\n\nimport { DateRange } from '../../utils/types/Date';\nimport { PropsWithHTMLAttributesAndRef } from '../../utils/types/PropsWithHTMLAttributes';\nimport {\n  DateTimePropDisableDates,\n  DateTimePropView,\n  dateTimePropViewDefault,\n} from '../DateTime/helpers';\nimport {\n  TextFieldPropForm,\n  TextFieldPropSize,\n  TextFieldPropStatus,\n  TextFieldPropView,\n} from '../TextField/TextField';\n\nexport const datePickerPropType = [\n  'date',\n  'date-range',\n  'date-time',\n  'date-time-range',\n  'time',\n  'year',\n  'year-range',\n  'month',\n  'month-range',\n] as const;\n\nexport type DatePickerPropType = typeof datePickerPropType[number];\nexport const datePickerPropTypeDefault = datePickerPropType[0];\n\nexport type DatePickerPropDateTimeView = DateTimePropView;\nexport const datePickerPropDateTimeViewDefault = dateTimePropViewDefault;\n\ntype Range = 'date-range' | 'date-time-range' | 'year-range' | 'month-range';\n\nexport const datePickerErrorTypes = [\n  'outOfRange',\n  'invalidInputAttempt',\n  'startDateIsGreaterThanEndDate',\n] as const;\n\nexport type DatePickerPropValue<TYPE extends DatePickerPropType> =\n  | (TYPE extends Range ? DateRange : Date)\n  | null;\n\nexport type DatePickerPropPlaceholder<TYPE> = TYPE extends Range\n  ? [string?, string?] | string\n  : string;\n\nexport type DatePickerPropOnChange<TYPE extends DatePickerPropType> = (\n  value: DatePickerPropValue<TYPE>,\n  props: {\n    e: React.MouseEvent<HTMLButtonElement, MouseEvent> | Event;\n  },\n) => void;\n\nexport const datePickerPropDropdownForm = [\n  'default',\n  'brick',\n  'round',\n] as const;\nexport type DatePickerPropDropdownForm =\n  typeof datePickerPropDropdownForm[number];\nexport const datePickerPropDropdownFormDefault = datePickerPropDropdownForm[0];\n\ntype DatePickerPropInputRef<TYPE> = TYPE extends Range\n  ? [React.Ref<HTMLInputElement>?, React.Ref<HTMLInputElement>?]\n  : React.Ref<HTMLInputElement>;\n\ntype DatePickerPropSide<TYPE> = TYPE extends Range\n  ?\n      | [(string | IconComponent)?, (string | IconComponent)?]\n      | string\n      | IconComponent\n  : string | IconComponent;\n\ntype DatePickerPropOnFocus<TYPE> = TYPE extends Range\n  ?\n      | [\n          React.FocusEventHandler<HTMLElement>?,\n          React.FocusEventHandler<HTMLElement>?,\n        ]\n      | React.FocusEventHandler<HTMLElement>\n  : React.FocusEventHandler<HTMLElement>;\n\ntype DatePickerPropName<TYPE> = TYPE extends Range\n  ? [string?, string?] | string\n  : string;\n\nexport type DatePickerAdditionalControlRenderFn = (props: {\n  currentVisibleDate?: Date;\n}) => React.ReactNode | React.ReactNode[];\n\nexport type DatePickerAdditionalControlRenderProp =\n  | React.ReactNode\n  | DatePickerAdditionalControlRenderFn;\n\nexport type DatePickerProps<TYPE extends DatePickerPropType = 'date'> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      type?: TYPE;\n      value?: DatePickerPropValue<TYPE>;\n      onChange?: DatePickerPropOnChange<TYPE>;\n      minDate?: Date;\n      maxDate?: Date;\n      renderAdditionalControls?: DatePickerAdditionalControlRenderProp;\n      events?: Date[];\n      dateTimeView?: DatePickerPropDateTimeView;\n      locale?: Locale;\n      children?: never;\n      onError?: DatePickerPropOnError;\n      id?: string;\n      name?: DatePickerPropName<TYPE>;\n      disabled?: boolean;\n      disableDates?: DateTimePropDisableDates;\n      dropdownClassName?: string;\n      dropdownRef?: React.Ref<HTMLDivElement>;\n      size?: TextFieldPropSize;\n      view?: TextFieldPropView;\n      form?: TextFieldPropForm;\n      status?: TextFieldPropStatus;\n      onFocus?: DatePickerPropOnFocus<TYPE>;\n      onBlur?: DatePickerPropOnFocus<TYPE>;\n      autoFocus?: boolean;\n      placeholder?: DatePickerPropPlaceholder<TYPE>;\n      readOnly?: boolean;\n      required?: boolean;\n      tabIndex?: number;\n      inputRef?: DatePickerPropInputRef<TYPE>;\n      ariaLabel?: string;\n      iconSize?: IconPropSize;\n      format?: string;\n      separator?: string;\n      dropdownForm?: DatePickerPropDropdownForm;\n      leftSide?: DatePickerPropSide<TYPE>;\n      rightSide?: DatePickerPropSide<TYPE>;\n      label?: string;\n      labelIcon?: IconComponent;\n      caption?: string;\n      labelPosition?: 'top' | 'left';\n      onChangeCurrentVisibleDate?: (date: Date) => void;\n      currentVisibleDate?: Date;\n      multiplicitySeconds?: number;\n      multiplicityMinutes?: number;\n      multiplicityHours?: number;\n      isMobile?: number;\n      withClearButton?: boolean;\n      onDropdownOpen?: (isOpen: boolean) => void;\n      dropdownOpen?: boolean;\n      ignoreOutsideClicksRefs?: ReadonlyArray<React.RefObject<HTMLElement>>;\n    },\n    HTMLDivElement\n  >;\n\nexport type DatePickerComponent = <TYPE extends DatePickerPropType = 'date'>(\n  props: DatePickerProps<TYPE>,\n) => React.ReactElement | null;\n\nexport type DatePickerTypeComponent<TYPE extends DatePickerPropType> = (\n  props: Omit<DatePickerProps<TYPE>, 'type'>,\n) => React.ReactElement | null;\n\nexport type DatePickerPropOnError = (\n  props:\n    | {\n        type: typeof datePickerErrorTypes[0];\n        stringValue: string;\n        dd?: string;\n        MM?: string;\n        yyyy?: string;\n        ss?: string;\n        mm?: string;\n        HH?: string;\n        date: Date;\n      }\n    | {\n        type: typeof datePickerErrorTypes[1];\n        stringValue: string;\n        dd?: string;\n        MM?: string;\n        yyyy?: string;\n        ss?: string;\n        mm?: string;\n        HH?: string;\n      }\n    | {\n        type: typeof datePickerErrorTypes[2];\n        date: [Date, Date];\n      },\n) => void;\n"],"mappings":"AAKA,OAGEA,uBAHF,2BAYA,MAAO,IAAMC,mBAAkB,CAAG,CAChC,MADgC,CAEhC,YAFgC,CAGhC,WAHgC,CAIhC,iBAJgC,CAKhC,MALgC,CAMhC,MANgC,CAOhC,YAPgC,CAQhC,OARgC,CAShC,aATgC,CAA3B,CAaP,MAAO,IAAMC,0BAAyB,CAAGD,kBAAkB,CAAC,CAAD,CAApD,CAGP,MAAO,IAAME,kCAAiC,CAAGH,uBAA1C,CAIP,MAAO,IAAMI,qBAAoB,CAAG,CAClC,YADkC,CAElC,qBAFkC,CAGlC,+BAHkC,CAA7B,CAqBP,MAAO,IAAMC,2BAA0B,CAAG,CACxC,SADwC,CAExC,OAFwC,CAGxC,OAHwC,CAAnC,CAOP,MAAO,IAAMC,kCAAiC,CAAGD,0BAA0B,CAAC,CAAD,CAApE"}

package/__internal__/src/components/FieldComponents/FieldArrayValueInlineControl/FieldArrayValueInlineControl.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","inputRef","inputMaxLength","value","renderValue","onInputFocus","onInputBlur","inputAutoFocus","inputTabIndex","inputAriaLabel","onInputKeyDown","onInputKeyDownCapture","onInputChange","onInputKeyUp","onInputKeyUpCapture","disabled","style","size","placeholder","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import React,{forwardRef,useCallback,useEffect,useRef,useState}from"react";import{useComponentSize}from"../../../hooks/useComponentSize";import{useForkRef}from"../../../hooks/useForkRef";import{useMutableRef}from"../../../hooks/useMutableRef";import{cnFieldArrayValueInlineControl}from"./cnFieldArrayValueInlineControl";var gapMap={l:"calc(var(--space-3xs) + var(--space-2xs))",m:"var(--space-2xs)",s:"var(--space-3xs)",xs:"var(--space-3xs)"},verticalPaddingMap={l:"var(--space-xs)",m:"calc(var(--space-xs) - var(--space-3xs))",s:"var(--space-2xs)",xs:"var(--space-3xs)"},inputHeightMap={l:"var(--space-2xl)",m:"calc(var(--space-2xl) - var(--space-2xs))",s:"var(--space-xl)",xs:"var(--space-l)"},FieldArrayValueInlineControlRender=function(a,b){var c,d,e=a.className,f=a.inputRef,g=a.inputMaxLength,h=a.value,i=void 0===h?[]:h,j=a.renderValue,k=a.onInputFocus,l=a.onInputBlur,m=a.inputAutoFocus,n=a.inputTabIndex,o=a.inputAriaLabel,p=a.onInputKeyDown,q=a.onInputKeyDownCapture,r=a.onInputChange,s=a.onInputKeyUp,t=a.onInputKeyUpCapture,u=a.disabled,v=a.style,w=a.size,x=void 0===w?"m":w,y=a.placeholder,z=a.onCopy,A=a.onCopyCapture,B=a.onCut,C=a.onCutCapture,D=a.onPaste,E=a.onPasteCapture,F=_objectWithoutProperties(a,_excluded),G=useState(""),H=_slicedToArray(G,2),I=H[0],J=H[1],K=useMutableRef(r),L=useRef(null),M=useRef(null),N=useCallback(function(a){var b;J(a.target.value),null===(b=K.current)||void 0===b?void 0:b.call(K,a)},[]),O=useComponentSize(L),P=O.width;return useEffect(function(){var a;J((null===(a=M.current)||void 0===a?void 0:a.value)||"")},[null===(c=M.current)||void 0===c?void 0:c.value]),React.createElement("div",Object.assign({},F,{className:cnFieldArrayValueInlineControl(null,[e]),ref:b,style:_objectSpread(_objectSpread({},v),{},(d={},_defineProperty(d,"--field-array-value-inline-control-items-gap",gapMap[x]),_defineProperty(d,"--field-array-value-inline-control-input-min-width","".concat(P,"px")),_defineProperty(d,"--field-array-value-inline-control-vertical-padding","".concat(verticalPaddingMap[x])),_defineProperty(d,"--field-array-value-inline-control-input-height","".concat(inputHeightMap[x])),d))}),i.map(j),React.createElement("input",{className:cnFieldArrayValueInlineControl("Input"),onChange:N,ref:useForkRef([M,f]),maxLength:g,onFocus:k,onBlur:l,autoFocus:m,tabIndex:n,"aria-label":o,onKeyDown:p,onKeyDownCapture:q,onKeyUp:s,onKeyUpCapture:t,disabled:u,type:"text",placeholder:i.length?void 0:y,onCopy:z,onCopyCapture:A,onCut:B,onCutCapture:C,onPaste:D,onPasteCapture:E}),React.createElement("div",{ref:L,className:cnFieldArrayValueInlineControl("HelperInputFakeElement")},I))};export var FieldArrayValueInlineControl=forwardRef(FieldArrayValueInlineControlRender);
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","inputRef","inputMaxLength","value","renderValue","onFocus","onBlur","autoFocus","inputTabIndex","inputAriaLabel","disabled","style","size","placeholder","onKeyDown","onKeyDownCapture","onChange","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import React,{forwardRef,useCallback,useEffect,useRef,useState}from"react";import{useComponentSize}from"../../../hooks/useComponentSize";import{useForkRef}from"../../../hooks/useForkRef";import{useMutableRef}from"../../../hooks/useMutableRef";import{cnFieldArrayValueInlineControl}from"./cnFieldArrayValueInlineControl";var gapMap={l:"calc(var(--space-3xs) + var(--space-2xs))",m:"var(--space-2xs)",s:"var(--space-3xs)",xs:"var(--space-3xs)"},verticalPaddingMap={l:"var(--space-xs)",m:"calc(var(--space-xs) - var(--space-3xs))",s:"var(--space-2xs)",xs:"var(--space-3xs)"},inputHeightMap={l:"var(--space-2xl)",m:"calc(var(--space-2xl) - var(--space-2xs))",s:"var(--space-xl)",xs:"var(--space-l)"},FieldArrayValueInlineControlRender=function(a,b){var c,d,e=a.className,f=a.inputRef,g=a.inputMaxLength,h=a.value,i=void 0===h?[]:h,j=a.renderValue,k=a.onFocus,l=a.onBlur,m=a.autoFocus,n=a.inputTabIndex,o=a.inputAriaLabel,p=a.disabled,q=a.style,r=a.size,s=void 0===r?"m":r,t=a.placeholder,u=a.onKeyDown,v=a.onKeyDownCapture,w=a.onChange,x=a.onKeyUp,y=a.onKeyUpCapture,z=a.onCopy,A=a.onCopyCapture,B=a.onCut,C=a.onCutCapture,D=a.onPaste,E=a.onPasteCapture,F=_objectWithoutProperties(a,_excluded),G=useState(""),H=_slicedToArray(G,2),I=H[0],J=H[1],K=useMutableRef(w),L=useRef(null),M=useRef(null),N=useCallback(function(a){var b;J(a.target.value),null===(b=K.current)||void 0===b?void 0:b.call(K,a)},[]),O=useComponentSize(L),P=O.width;return useEffect(function(){var a;J((null===(a=M.current)||void 0===a?void 0:a.value)||"")},[null===(c=M.current)||void 0===c?void 0:c.value]),React.createElement("div",Object.assign({},F,{className:cnFieldArrayValueInlineControl(null,[e]),ref:b,style:_objectSpread(_objectSpread({},q),{},(d={},_defineProperty(d,"--field-array-value-inline-control-items-gap",gapMap[s]),_defineProperty(d,"--field-array-value-inline-control-input-min-width","".concat(P,"px")),_defineProperty(d,"--field-array-value-inline-control-vertical-padding","".concat(verticalPaddingMap[s])),_defineProperty(d,"--field-array-value-inline-control-input-height","".concat(inputHeightMap[s])),d))}),i.map(j),React.createElement("input",{className:cnFieldArrayValueInlineControl("Input"),onChange:N,ref:useForkRef([M,f]),maxLength:g,onFocus:k,onBlur:l,autoFocus:m,tabIndex:n,"aria-label":o,onKeyDown:u,onKeyDownCapture:v,onKeyUp:x,onKeyUpCapture:y,disabled:p,type:"text",placeholder:i.length?void 0:t,onCopy:z,onCopyCapture:A,onCut:B,onCutCapture:C,onPaste:D,onPasteCapture:E}),React.createElement("div",{ref:L,className:cnFieldArrayValueInlineControl("HelperInputFakeElement")},I))};export var FieldArrayValueInlineControl=forwardRef(FieldArrayValueInlineControlRender);
 //# sourceMappingURL=FieldArrayValueInlineControl.js.map

package/__internal__/src/components/FieldComponents/FieldArrayValueInlineControl/FieldArrayValueInlineControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldArrayValueInlineControl.js","names":["React","forwardRef","useCallback","useEffect","useRef","useState","useComponentSize","useForkRef","useMutableRef","cnFieldArrayValueInlineControl","gapMap","l","m","s","xs","verticalPaddingMap","inputHeightMap","FieldArrayValueInlineControlRender","props","ref","className","inputRefProp","inputRef","inputMaxLength","value","renderValue","onInputFocus","onInputBlur","inputAutoFocus","inputTabIndex","inputAriaLabel","onInputKeyDown","onInputKeyDownCapture","onInputChange","onInputKeyUp","onInputKeyUpCapture","disabled","style","size","placeholder","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","otherProps","inputValue","setInputValue","onInputChangeRef","fakeInputRef","handleChange","e","target","current","inputMinWidth","width","map","length","FieldArrayValueInlineControl"],"sources":["../../../../../../src/components/FieldComponents/FieldArrayValueInlineControl/FieldArrayValueInlineControl.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { useComponentSize } from '##/hooks/useComponentSize';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useMutableRef } from '##/hooks/useMutableRef';\n\nimport { FieldPropSize } from '../types';\nimport { cnFieldArrayValueInlineControl } from './cnFieldArrayValueInlineControl';\nimport {\n  FieldArrayValueInlineControlComponent,\n  FieldArrayValueInlineControlProps,\n} from './types';\n\nconst gapMap: Record<FieldPropSize, string> = {\n  l: 'calc(var(--space-3xs) + var(--space-2xs))',\n  m: 'var(--space-2xs)',\n  s: 'var(--space-3xs)',\n  xs: 'var(--space-3xs)',\n};\n\nconst verticalPaddingMap: Record<FieldPropSize, string> = {\n  l: 'var(--space-xs)',\n  m: 'calc(var(--space-xs) - var(--space-3xs))',\n  s: 'var(--space-2xs)',\n  xs: 'var(--space-3xs)',\n};\n\nconst inputHeightMap: Record<FieldPropSize, string> = {\n  l: 'var(--space-2xl)',\n  m: 'calc(var(--space-2xl) - var(--space-2xs))',\n  s: 'var(--space-xl)',\n  xs: 'var(--space-l)',\n};\n\nconst FieldArrayValueInlineControlRender = (\n  props: FieldArrayValueInlineControlProps<unknown>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    className,\n    inputRef: inputRefProp,\n    inputMaxLength,\n    value = [],\n    renderValue,\n    onInputFocus,\n    onInputBlur,\n    inputAutoFocus,\n    inputTabIndex,\n    inputAriaLabel,\n    onInputKeyDown,\n    onInputKeyDownCapture,\n    onInputChange,\n    onInputKeyUp,\n    onInputKeyUpCapture,\n    disabled,\n    style,\n    size = 'm',\n    placeholder,\n    onCopy,\n    onCopyCapture,\n    onCut,\n    onCutCapture,\n    onPaste,\n    onPasteCapture,\n    ...otherProps\n  } = props;\n\n  const [inputValue, setInputValue] = useState('');\n  const onInputChangeRef = useMutableRef(onInputChange);\n  const fakeInputRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const handleChange: React.ChangeEventHandler<HTMLInputElement> = useCallback(\n    (e) => {\n      setInputValue(e.target.value);\n      onInputChangeRef.current?.(e);\n    },\n    [],\n  );\n  const { width: inputMinWidth } = useComponentSize(fakeInputRef);\n\n  useEffect(() => {\n    setInputValue(inputRef.current?.value || '');\n  }, [inputRef.current?.value]);\n\n  return (\n    <div\n      {...otherProps}\n      className={cnFieldArrayValueInlineControl(null, [className])}\n      ref={ref}\n      style={{\n        ...style,\n        ['--field-array-value-inline-control-items-gap' as string]:\n          gapMap[size],\n        ['--field-array-value-inline-control-input-min-width' as string]: `${inputMinWidth}px`,\n        ['--field-array-value-inline-control-vertical-padding' as string]: `${verticalPaddingMap[size]}`,\n        ['--field-array-value-inline-control-input-height' as string]: `${inputHeightMap[size]}`,\n      }}\n    >\n      {value.map(renderValue)}\n      <input\n        className={cnFieldArrayValueInlineControl('Input')}\n        onChange={handleChange}\n        ref={useForkRef([inputRef, inputRefProp])}\n        maxLength={inputMaxLength}\n        onFocus={onInputFocus}\n        onBlur={onInputBlur}\n        // eslint-disable-next-line jsx-a11y/no-autofocus\n        autoFocus={inputAutoFocus}\n        tabIndex={inputTabIndex}\n        aria-label={inputAriaLabel}\n        onKeyDown={onInputKeyDown}\n        onKeyDownCapture={onInputKeyDownCapture}\n        onKeyUp={onInputKeyUp}\n        onKeyUpCapture={onInputKeyUpCapture}\n        disabled={disabled}\n        type=\"text\"\n        placeholder={value.length ? undefined : placeholder}\n        onCopy={onCopy}\n        onCopyCapture={onCopyCapture}\n        onCut={onCut}\n        onCutCapture={onCutCapture}\n        onPaste={onPaste}\n        onPasteCapture={onPasteCapture}\n      />\n      <div\n        ref={fakeInputRef}\n        className={cnFieldArrayValueInlineControl('HelperInputFakeElement')}\n      >\n        {inputValue}\n      </div>\n    </div>\n  );\n};\n\nexport const FieldArrayValueInlineControl = forwardRef(\n  FieldArrayValueInlineControlRender,\n) as FieldArrayValueInlineControlComponent;\n"],"mappings":"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"}
+{"version":3,"file":"FieldArrayValueInlineControl.js","names":["React","forwardRef","useCallback","useEffect","useRef","useState","useComponentSize","useForkRef","useMutableRef","cnFieldArrayValueInlineControl","gapMap","l","m","s","xs","verticalPaddingMap","inputHeightMap","FieldArrayValueInlineControlRender","props","ref","className","inputRefProp","inputRef","inputMaxLength","value","renderValue","onFocus","onBlur","autoFocus","inputTabIndex","inputAriaLabel","disabled","style","size","placeholder","onKeyDown","onKeyDownCapture","onChange","onKeyUp","onKeyUpCapture","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","otherProps","inputValue","setInputValue","onInputChangeRef","fakeInputRef","handleChange","e","target","current","inputMinWidth","width","map","length","FieldArrayValueInlineControl"],"sources":["../../../../../../src/components/FieldComponents/FieldArrayValueInlineControl/FieldArrayValueInlineControl.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { useComponentSize } from '##/hooks/useComponentSize';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { useMutableRef } from '##/hooks/useMutableRef';\n\nimport { FieldPropSize } from '../types';\nimport { cnFieldArrayValueInlineControl } from './cnFieldArrayValueInlineControl';\nimport {\n  FieldArrayValueInlineControlComponent,\n  FieldArrayValueInlineControlProps,\n} from './types';\n\nconst gapMap: Record<FieldPropSize, string> = {\n  l: 'calc(var(--space-3xs) + var(--space-2xs))',\n  m: 'var(--space-2xs)',\n  s: 'var(--space-3xs)',\n  xs: 'var(--space-3xs)',\n};\n\nconst verticalPaddingMap: Record<FieldPropSize, string> = {\n  l: 'var(--space-xs)',\n  m: 'calc(var(--space-xs) - var(--space-3xs))',\n  s: 'var(--space-2xs)',\n  xs: 'var(--space-3xs)',\n};\n\nconst inputHeightMap: Record<FieldPropSize, string> = {\n  l: 'var(--space-2xl)',\n  m: 'calc(var(--space-2xl) - var(--space-2xs))',\n  s: 'var(--space-xl)',\n  xs: 'var(--space-l)',\n};\n\nconst FieldArrayValueInlineControlRender = (\n  props: FieldArrayValueInlineControlProps<unknown>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    className,\n    inputRef: inputRefProp,\n    inputMaxLength,\n    value = [],\n    renderValue,\n    onFocus,\n    onBlur,\n    autoFocus,\n    inputTabIndex,\n    inputAriaLabel,\n    disabled,\n    style,\n    size = 'm',\n    placeholder,\n    onKeyDown,\n    onKeyDownCapture,\n    onChange,\n    onKeyUp,\n    onKeyUpCapture,\n    onCopy,\n    onCopyCapture,\n    onCut,\n    onCutCapture,\n    onPaste,\n    onPasteCapture,\n    ...otherProps\n  } = props;\n\n  const [inputValue, setInputValue] = useState('');\n  const onInputChangeRef = useMutableRef(onChange);\n  const fakeInputRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const handleChange: React.ChangeEventHandler<HTMLInputElement> = useCallback(\n    (e) => {\n      setInputValue(e.target.value);\n      onInputChangeRef.current?.(e);\n    },\n    [],\n  );\n  const { width: inputMinWidth } = useComponentSize(fakeInputRef);\n\n  useEffect(() => {\n    setInputValue(inputRef.current?.value || '');\n  }, [inputRef.current?.value]);\n\n  return (\n    <div\n      {...otherProps}\n      className={cnFieldArrayValueInlineControl(null, [className])}\n      ref={ref}\n      style={{\n        ...style,\n        ['--field-array-value-inline-control-items-gap' as string]:\n          gapMap[size],\n        ['--field-array-value-inline-control-input-min-width' as string]: `${inputMinWidth}px`,\n        ['--field-array-value-inline-control-vertical-padding' as string]: `${verticalPaddingMap[size]}`,\n        ['--field-array-value-inline-control-input-height' as string]: `${inputHeightMap[size]}`,\n      }}\n    >\n      {value.map(renderValue)}\n      <input\n        className={cnFieldArrayValueInlineControl('Input')}\n        onChange={handleChange}\n        ref={useForkRef([inputRef, inputRefProp])}\n        maxLength={inputMaxLength}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        // eslint-disable-next-line jsx-a11y/no-autofocus\n        autoFocus={autoFocus}\n        tabIndex={inputTabIndex}\n        aria-label={inputAriaLabel}\n        onKeyDown={onKeyDown}\n        onKeyDownCapture={onKeyDownCapture}\n        onKeyUp={onKeyUp}\n        onKeyUpCapture={onKeyUpCapture}\n        disabled={disabled}\n        type=\"text\"\n        placeholder={value.length ? undefined : placeholder}\n        onCopy={onCopy}\n        onCopyCapture={onCopyCapture}\n        onCut={onCut}\n        onCutCapture={onCutCapture}\n        onPaste={onPaste}\n        onPasteCapture={onPasteCapture}\n      />\n      <div\n        ref={fakeInputRef}\n        className={cnFieldArrayValueInlineControl('HelperInputFakeElement')}\n      >\n        {inputValue}\n      </div>\n    </div>\n  );\n};\n\nexport const FieldArrayValueInlineControl = forwardRef(\n  FieldArrayValueInlineControlRender,\n) as FieldArrayValueInlineControlComponent;\n"],"mappings":"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"}

package/__internal__/src/components/FieldComponents/FieldArrayValueInlineControl/types.d.ts

@@ -10,15 +10,15 @@ export declare type FieldArrayValueInlineControlProps<ITEM> = PropsWithHTMLAttri
     inputDafeultValue?: string;
     inputRef?: React.Ref<HTMLInputElement>;
     onInputFocus?: React.FocusEventHandler<HTMLInputElement>;
-    onInputBlur?: React.FocusEventHandler<HTMLInputElement>;
-    onInputChange?: React.ChangeEventHandler<HTMLInputElement>;
-    inputAutoFocus?: boolean;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    autoFocus?: boolean;
     inputTabIndex?: number;
     inputAriaLabel?: string;
-    onInputKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
-    onInputKeyDownCapture?: React.KeyboardEventHandler<HTMLInputElement>;
-    onInputKeyUp?: React.KeyboardEventHandler<HTMLInputElement>;
-    onInputKeyUpCapture?: React.KeyboardEventHandler<HTMLInputElement>;
+    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
+    onKeyDownCapture?: React.KeyboardEventHandler<HTMLInputElement>;
+    onKeyUp?: React.KeyboardEventHandler<HTMLInputElement>;
+    onKeyUpCapture?: React.KeyboardEventHandler<HTMLInputElement>;
     disabled?: boolean;
     placeholder?: string;
     size?: FieldPropSize;

package/__internal__/src/components/FieldComponents/FieldArrayValueInlineControl/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/FieldComponents/FieldArrayValueInlineControl/types.ts"],"sourcesContent":["import React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { FieldPropSize } from '../types';\n\nexport type FieldArrayValueInlineControlProps<ITEM> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      children?: never;\n      value?: ITEM[];\n      renderValue: (item: ITEM, index: number) => React.ReactNode;\n      inputMaxLength?: number;\n      inputValue?: string;\n      inputDafeultValue?: string;\n      inputRef?: React.Ref<HTMLInputElement>;\n      onInputFocus?: React.FocusEventHandler<HTMLInputElement>;\n      onInputBlur?: React.FocusEventHandler<HTMLInputElement>;\n      onInputChange?: React.ChangeEventHandler<HTMLInputElement>;\n      inputAutoFocus?: boolean;\n      inputTabIndex?: number;\n      inputAriaLabel?: string;\n      onInputKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;\n      onInputKeyDownCapture?: React.KeyboardEventHandler<HTMLInputElement>;\n      onInputKeyUp?: React.KeyboardEventHandler<HTMLInputElement>;\n      onInputKeyUpCapture?: React.KeyboardEventHandler<HTMLInputElement>;\n      disabled?: boolean;\n      placeholder?: string;\n      size?: FieldPropSize;\n    },\n    HTMLDivElement\n  >;\n\nexport type FieldArrayValueInlineControlComponent = <ITEM>(\n  props: FieldArrayValueInlineControlProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/components/FieldComponents/FieldArrayValueInlineControl/types.ts"],"sourcesContent":["import React from 'react';\n\nimport { PropsWithHTMLAttributesAndRef } from '##/utils/types/PropsWithHTMLAttributes';\n\nimport { FieldPropSize } from '../types';\n\nexport type FieldArrayValueInlineControlProps<ITEM> =\n  PropsWithHTMLAttributesAndRef<\n    {\n      children?: never;\n      value?: ITEM[];\n      renderValue: (item: ITEM, index: number) => React.ReactNode;\n      inputMaxLength?: number;\n      inputValue?: string;\n      inputDafeultValue?: string;\n      inputRef?: React.Ref<HTMLInputElement>;\n      onInputFocus?: React.FocusEventHandler<HTMLInputElement>;\n      onBlur?: React.FocusEventHandler<HTMLInputElement>;\n      onChange?: React.ChangeEventHandler<HTMLInputElement>;\n      autoFocus?: boolean;\n      inputTabIndex?: number;\n      inputAriaLabel?: string;\n      onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;\n      onKeyDownCapture?: React.KeyboardEventHandler<HTMLInputElement>;\n      onKeyUp?: React.KeyboardEventHandler<HTMLInputElement>;\n      onKeyUpCapture?: React.KeyboardEventHandler<HTMLInputElement>;\n      disabled?: boolean;\n      placeholder?: string;\n      size?: FieldPropSize;\n    },\n    HTMLDivElement\n  >;\n\nexport type FieldArrayValueInlineControlComponent = <ITEM>(\n  props: FieldArrayValueInlineControlProps<ITEM>,\n) => React.ReactElement | null;\n"],"mappings":""}

package/__internal__/src/components/Picture/Picture.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["alt","src","getImageSettings","subscribeToRef"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import React,{forwardRef,useMemo}from"react";import{getLastPoint,useBreakpoints}from"../../hooks/useBreakpoints";import{useTheme}from"../Theme";import{defaultGetImageSettings,getConvertedImages,getSrcHash}from"./helper";export var Picture=forwardRef(function(a,b){var c,d=a.alt,e=void 0===d?"":d,f=a.src,g=a.getImageSettings,h=void 0===g?defaultGetImageSettings:g,i=a.subscribeToRef,j=_objectWithoutProperties(a,_excluded),k=useTheme(),l=k.theme,m=useMemo(function(){var a=getConvertedImages(f,h);return[a,a.reduce(function(b,a){var c=a.size,d=void 0===c?0:c;return _objectSpread(_objectSpread({},b),{},_defineProperty({},d,d))},{})]},[getSrcHash(f)]),n=_slicedToArray(m,2),o=n[0],p=n[1];console.log(o,p);var q=+(null!==(c=getLastPoint(useBreakpoints({map:p,isActive:!0,ref:i})))&&void 0!==c?c:-1),r=useMemo(function(){return o.filter(function(a){var b=a.size,c=a.theme;return(!c||l.color.primary===c)&&("number"!=typeof b||q===b)}).sort(function(c,a){return c.descriptor&&a.descriptor?+c.descriptor.replace(/[^0-9.]+/g,"")<+a.descriptor.replace(/[^0-9.]+/g,"")?-1:1:0})},[q,l,o]),s=useMemo(function(){var a;if(0===r.length)return[];if(1<r.length){var b;return[encodeURI(null===(b=r[0])||void 0===b?void 0:b.src),r.map(function(a){var b=a.src,c=a.descriptor;return"".concat(encodeURI(b)," ").concat(c)}).join(",")]}return[null===(a=r[0])||void 0===a?void 0:a.src]},[r]),t=_slicedToArray(s,2),u=t[0],v=t[1];return u?React.createElement("img",Object.assign({},j,{ref:b,alt:e,src:u,srcSet:v})):null});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["alt","src","getImageSettings","subscribeToRef"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import React,{forwardRef,useMemo}from"react";import{getLastPoint,useBreakpoints}from"../../hooks/useBreakpoints";import{useTheme}from"../Theme";import{defaultGetImageSettings,getConvertedImages,getSrcHash}from"./helper";export var Picture=forwardRef(function(a,b){var c,d=a.alt,e=void 0===d?"":d,f=a.src,g=a.getImageSettings,h=void 0===g?defaultGetImageSettings:g,i=a.subscribeToRef,j=_objectWithoutProperties(a,_excluded),k=useTheme(),l=k.theme,m=useMemo(function(){var a=getConvertedImages(f,h);return[a,a.reduce(function(b,a){var c=a.size,d=void 0===c?0:c;return _objectSpread(_objectSpread({},b),{},_defineProperty({},d,d))},{})]},[getSrcHash(f)]),n=_slicedToArray(m,2),o=n[0],p=n[1],q=+(null!==(c=getLastPoint(useBreakpoints({map:p,isActive:!0,ref:i})))&&void 0!==c?c:-1),r=useMemo(function(){return o.filter(function(a){var b=a.size,c=a.theme;return(!c||l.color.primary===c)&&("number"!=typeof b||q===b)}).sort(function(c,a){return c.descriptor&&a.descriptor?+c.descriptor.replace(/[^0-9.]+/g,"")<+a.descriptor.replace(/[^0-9.]+/g,"")?-1:1:0})},[q,l,o]),s=useMemo(function(){var a;if(0===r.length)return[];if(1<r.length){var b;return[encodeURI(null===(b=r[0])||void 0===b?void 0:b.src),r.map(function(a){var b=a.src,c=a.descriptor;return"".concat(encodeURI(b)," ").concat(c)}).join(",")]}return[null===(a=r[0])||void 0===a?void 0:a.src]},[r]),t=_slicedToArray(s,2),u=t[0],v=t[1];return u?React.createElement("img",Object.assign({},j,{ref:b,alt:e,src:u,srcSet:v})):null});
 //# sourceMappingURL=Picture.js.map

package/__internal__/src/components/Picture/Picture.js.map

@@ -1 +1 @@
-{"version":3,"file":"Picture.js","names":["React","forwardRef","useMemo","getLastPoint","useBreakpoints","useTheme","defaultGetImageSettings","getConvertedImages","getSrcHash","Picture","props","ref","alt","srcProp","src","getImageSettings","subscribeToRef","otherProps","theme","images","reduce","a","size","convertedImages","sizes","console","log","activeImageSize","map","isActive","suitableImages","filter","targetTheme","color","primary","sort","b","descriptor","replace","length","encodeURI","join","srcSet"],"sources":["../../../../../src/components/Picture/Picture.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\n\nimport { getLastPoint, useBreakpoints } from '##/hooks/useBreakpoints';\n\nimport { useTheme } from '../Theme';\nimport {\n  defaultGetImageSettings,\n  getConvertedImages,\n  getSrcHash,\n} from './helper';\nimport { PictureProps } from './types';\n\nexport const Picture = forwardRef<HTMLImageElement, PictureProps>(\n  (props, ref) => {\n    const {\n      alt = '',\n      src: srcProp,\n      getImageSettings = defaultGetImageSettings,\n      subscribeToRef,\n      ...otherProps\n    } = props;\n\n    const { theme } = useTheme();\n\n    const [convertedImages, sizes]: [\n      Array<{\n        theme?: string;\n        descriptor?: string;\n        src: string;\n        key: string;\n        size?: number;\n      }>,\n      Record<string, number>,\n    ] = useMemo(() => {\n      const images = getConvertedImages(srcProp, getImageSettings);\n      return [\n        images,\n        images.reduce((a, { size = 0 }) => ({ ...a, [size]: size }), {}),\n      ];\n    }, [getSrcHash(srcProp)]);\n\n    console.log(convertedImages, sizes);\n\n    const activeImageSize = Number(\n      getLastPoint(\n        useBreakpoints({\n          map: sizes,\n          isActive: true,\n          ref: subscribeToRef,\n        }),\n      ) ?? -1,\n    );\n\n    const suitableImages = useMemo(() => {\n      return convertedImages\n        .filter(\n          ({ size, theme: targetTheme }) =>\n            (!targetTheme || theme.color.primary === targetTheme) &&\n            (typeof size !== 'number' || activeImageSize === size),\n        )\n        .sort((a, b) => {\n          if (a.descriptor && b.descriptor) {\n            return Number(a.descriptor.replace(/[^0-9.]+/g, '')) <\n              Number(b.descriptor.replace(/[^0-9.]+/g, ''))\n              ? -1\n              : 1;\n          }\n          return 0;\n        });\n    }, [activeImageSize, theme, convertedImages]);\n\n    const [src, srcSet] = useMemo(() => {\n      if (suitableImages.length === 0) {\n        return [];\n      }\n      if (suitableImages.length > 1) {\n        return [\n          encodeURI(suitableImages[0]?.src),\n          suitableImages\n            .map(({ src, descriptor }) => `${encodeURI(src)} ${descriptor}`)\n            .join(','),\n        ];\n      }\n      return [suitableImages[0]?.src];\n    }, [suitableImages]);\n\n    return src ? (\n      <img {...otherProps} ref={ref} alt={alt} src={src} srcSet={srcSet} />\n    ) : null;\n  },\n);\n"],"mappings":"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"}
+{"version":3,"file":"Picture.js","names":["React","forwardRef","useMemo","getLastPoint","useBreakpoints","useTheme","defaultGetImageSettings","getConvertedImages","getSrcHash","Picture","props","ref","alt","srcProp","src","getImageSettings","subscribeToRef","otherProps","theme","images","reduce","a","size","convertedImages","sizes","activeImageSize","map","isActive","suitableImages","filter","targetTheme","color","primary","sort","b","descriptor","replace","length","encodeURI","join","srcSet"],"sources":["../../../../../src/components/Picture/Picture.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\n\nimport { getLastPoint, useBreakpoints } from '##/hooks/useBreakpoints';\n\nimport { useTheme } from '../Theme';\nimport {\n  defaultGetImageSettings,\n  getConvertedImages,\n  getSrcHash,\n} from './helper';\nimport { PictureProps } from './types';\n\nexport const Picture = forwardRef<HTMLImageElement, PictureProps>(\n  (props, ref) => {\n    const {\n      alt = '',\n      src: srcProp,\n      getImageSettings = defaultGetImageSettings,\n      subscribeToRef,\n      ...otherProps\n    } = props;\n\n    const { theme } = useTheme();\n\n    const [convertedImages, sizes]: [\n      Array<{\n        theme?: string;\n        descriptor?: string;\n        src: string;\n        key: string;\n        size?: number;\n      }>,\n      Record<string, number>,\n    ] = useMemo(() => {\n      const images = getConvertedImages(srcProp, getImageSettings);\n      return [\n        images,\n        images.reduce((a, { size = 0 }) => ({ ...a, [size]: size }), {}),\n      ];\n    }, [getSrcHash(srcProp)]);\n\n    const activeImageSize = Number(\n      getLastPoint(\n        useBreakpoints({\n          map: sizes,\n          isActive: true,\n          ref: subscribeToRef,\n        }),\n      ) ?? -1,\n    );\n\n    const suitableImages = useMemo(() => {\n      return convertedImages\n        .filter(\n          ({ size, theme: targetTheme }) =>\n            (!targetTheme || theme.color.primary === targetTheme) &&\n            (typeof size !== 'number' || activeImageSize === size),\n        )\n        .sort((a, b) => {\n          if (a.descriptor && b.descriptor) {\n            return Number(a.descriptor.replace(/[^0-9.]+/g, '')) <\n              Number(b.descriptor.replace(/[^0-9.]+/g, ''))\n              ? -1\n              : 1;\n          }\n          return 0;\n        });\n    }, [activeImageSize, theme, convertedImages]);\n\n    const [src, srcSet] = useMemo(() => {\n      if (suitableImages.length === 0) {\n        return [];\n      }\n      if (suitableImages.length > 1) {\n        return [\n          encodeURI(suitableImages[0]?.src),\n          suitableImages\n            .map(({ src, descriptor }) => `${encodeURI(src)} ${descriptor}`)\n            .join(','),\n        ];\n      }\n      return [suitableImages[0]?.src];\n    }, [suitableImages]);\n\n    return src ? (\n      <img {...otherProps} ref={ref} alt={alt} src={src} srcSet={srcSet} />\n    ) : null;\n  },\n);\n"],"mappings":"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"}

package/__internal__/src/components/ProgressStepBar/ProgressStepBar.js

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["steps","direction","size","className","activeStepIndex","onItemClick","getItemContent","getItemLabel","getItemPoint","getItemProgress","getItemStatus","getItemTooltipContent","getItemLineStatus","getItemOnClick","style"];import"./ProgressStepBar.css";import{IconArrowLeft}from"@consta/icons/IconArrowLeft";import{IconArrowRight}from"@consta/icons/IconArrowRight";import React,{createRef,forwardRef,useEffect,useLayoutEffect,useMemo,useRef,useState}from"react";import{cnMixScrollBar}from"../../mixs/MixScrollBar";import{useComponentSize}from"../../hooks/useComponentSize/useComponentSize";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{useOverflow}from"../../hooks/useOverflow/useOverflow";import{useScrollElements}from"../../hooks/useScrollElements/useScrollElements";import{Button}from"../Button/Button";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{calculateLines,cnProgressStepBar,getItemPosition,progressStepBarPropDirectionDefault,progressStepBarPropSizeDefault,withDefaultGetters}from"./helpers";import{ProgressStepBarItem}from"./ProgressStepBarItem/ProgressStepBarItem";import{ProgressStepBarLine}from"./ProgressStepBarLine/ProgressStepBarLine";export var COMPONENT_NAME="ProgressStepBar";function ProgressStepBarRender(a,b){var c=useRef(null),d=usePropsHandler(COMPONENT_NAME,withDefaultGetters(a),c),e=d.steps,f=void 0===e?[]:e,g=d.direction,h=void 0===g?progressStepBarPropDirectionDefault:g,i=d.size,j=void 0===i?progressStepBarPropSizeDefault:i,k=d.className,l=d.activeStepIndex,m=d.onItemClick,n=d.getItemContent,o=d.getItemLabel,p=d.getItemPoint,q=d.getItemProgress,r=d.getItemStatus,s=d.getItemTooltipContent,t=d.getItemLineStatus,u=d.getItemOnClick,v=d.style,w=_objectWithoutProperties(d,_excluded),x=useState(l||0),y=_slicedToArray(x,2),z=y[0],A=y[1],B=useState([]),C=_slicedToArray(B,2),D=C[0],E=C[1],F=useRef(null),G=useComponentSize(c),H=G.width,I=G.height,J=useScrollElements(f),K=J.refs,L=J.scrollTo,M=useMemo(function(){return Array(f.length).fill(null).map(function(){return createRef()})},[f.length]),N=useOverflow({currentRef:F});useLayoutEffect(function(){var a=[],b=calculateLines(K,h);f.forEach(function(c,d){var e;d!==f.length-1&&a.push({status:t(c)||"normal",size:null!==(e=b[d])&&void 0!==e?e:0})}),E(a)},[l,f,h,j,H,I,N]),useEffect(function(){A(l||0)},[l]),useEffect(function(){L(z)},[z]);var O=function(a){a&&0!==z&&A(z-1),a||z===f.length-1||A(z+1)},P=function(a,b){var c=u(a),d=m?function(d){m(a,{e:d,index:b}),null===c||void 0===c?void 0:c(d)}:void 0;return{content:n(a),label:o(a),point:p(a),progress:q(a),status:"number"==typeof l&&l>=b?r(a)||"normal":"system",tooltipContent:s(a),size:j,position:getItemPosition(b,f.length),pointRef:M[b],direction:h,className:cnProgressStepBar("Item"),onClick:c||d,key:cnProgressStepBar({index:b}),tooltipZIndex:"number"==typeof(null===v||void 0===v?void 0:v.zIndex)?v.zIndex+1:void 0}};return React.createElement("div",Object.assign({},w,{style:v,className:cnProgressStepBar({isOverflow:N},[k,cnMixScrollBar()]),ref:useForkRef([b,c])}),N&&"vertical"!==h&&React.createElement(Button,{iconLeft:function iconLeft(){return React.createElement(IconArrowLeft,{size:"xs"})},view:"clear",onlyIcon:!0,type:"button",size:"xs",className:cnProgressStepBar("Button",{side:"left"}),onClick:function onClick(){return O(!0)}}),React.createElement("div",{ref:F,className:cnProgressStepBar("List",{direction:h,overflow:N})},React.createElement(ProgressStepBarLine,{lines:D,size:j,direction:h,activeStepIndex:l}),f.map(function(a,b){return React.createElement(ProgressStepBarItem,Object.assign({ref:K[b]},P(a,b)))})),N&&"vertical"!==h&&React.createElement(Button,{iconLeft:function iconLeft(){return React.createElement(IconArrowRight,{size:"xs"})},view:"clear",onlyIcon:!0,size:"xs",type:"button",className:cnProgressStepBar("Button",{side:"right"}),onClick:function onClick(){return O(!1)}}))}export var ProgressStepBar=forwardRef(ProgressStepBarRender);
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["steps","direction","size","className","activeStepIndex","onItemClick","getItemContent","getItemLabel","getItemPoint","getItemProgress","getItemStatus","getItemTooltipContent","getItemLineStatus","getItemOnClick","style"];import"./ProgressStepBar.css";import{IconArrowLeft}from"@consta/icons/IconArrowLeft";import{IconArrowRight}from"@consta/icons/IconArrowRight";import React,{createRef,forwardRef,useEffect,useLayoutEffect,useMemo,useRef,useState}from"react";import{cnMixScrollBar}from"../../mixs/MixScrollBar";import{useComponentSize}from"../../hooks/useComponentSize/useComponentSize";import{useForkRef}from"../../hooks/useForkRef/useForkRef";import{useOverflow}from"../../hooks/useOverflow/useOverflow";import{useScrollElements}from"../../hooks/useScrollElements/useScrollElements";import{Button}from"../Button/Button";import{usePropsHandler}from"../EventInterceptor/usePropsHandler";import{calculateLines,cnProgressStepBar,getItemPosition,progressStepBarPropDirectionDefault,progressStepBarPropSizeDefault,validateVisibleIndex,withDefaultGetters}from"./helpers";import{ProgressStepBarItem}from"./ProgressStepBarItem/ProgressStepBarItem";import{ProgressStepBarLine}from"./ProgressStepBarLine/ProgressStepBarLine";export var COMPONENT_NAME="ProgressStepBar";function ProgressStepBarRender(a,b){var c=useRef(null),d=usePropsHandler(COMPONENT_NAME,withDefaultGetters(a),c),e=d.steps,f=void 0===e?[]:e,g=d.direction,h=void 0===g?progressStepBarPropDirectionDefault:g,i=d.size,j=void 0===i?progressStepBarPropSizeDefault:i,k=d.className,l=d.activeStepIndex,m=d.onItemClick,n=d.getItemContent,o=d.getItemLabel,p=d.getItemPoint,q=d.getItemProgress,r=d.getItemStatus,s=d.getItemTooltipContent,t=d.getItemLineStatus,u=d.getItemOnClick,v=d.style,w=_objectWithoutProperties(d,_excluded),x=validateVisibleIndex(f.length,l),y=useState(x||0),z=_slicedToArray(y,2),A=z[0],B=z[1],C=useState([]),D=_slicedToArray(C,2),E=D[0],F=D[1],G=useRef(null),H=useComponentSize(c),I=H.width,J=H.height,K=useScrollElements(f),L=K.refs,M=K.scrollTo,N=useMemo(function(){return Array(f.length).fill(null).map(function(){return createRef()})},[f.length]),O=useOverflow({currentRef:G});useLayoutEffect(function(){var a=[],b=calculateLines(L,h);f.forEach(function(c,d){var e;d!==f.length-1&&a.push({status:t(c)||"normal",size:null!==(e=b[d])&&void 0!==e?e:0})}),F(a)},[x,f,h,j,I,J,O]),useEffect(function(){B(x||0)},[x]),useEffect(function(){M(A)},[A]);var P=function(a){a&&0!==A&&B(A-1),a||A===f.length-1||B(A+1)},Q=function(a,b){var c=u(a),d=m?function(d){m(a,{e:d,index:b}),null===c||void 0===c?void 0:c(d)}:void 0;return{content:n(a),label:o(a),point:p(a),progress:q(a),status:"number"==typeof x&&x>=b?r(a)||"normal":"system",tooltipContent:s(a),size:j,position:getItemPosition(b,f.length),pointRef:N[b],direction:h,className:cnProgressStepBar("Item"),onClick:c||d,key:cnProgressStepBar({index:b}),tooltipZIndex:"number"==typeof(null===v||void 0===v?void 0:v.zIndex)?v.zIndex+1:void 0}};return React.createElement("div",Object.assign({},w,{style:v,className:cnProgressStepBar({isOverflow:O},[k,cnMixScrollBar()]),ref:useForkRef([b,c])}),O&&"vertical"!==h&&React.createElement(Button,{iconLeft:function iconLeft(){return React.createElement(IconArrowLeft,{size:"xs"})},view:"clear",onlyIcon:!0,type:"button",size:"xs",className:cnProgressStepBar("Button",{side:"left"}),onClick:function onClick(){return P(!0)}}),React.createElement("div",{ref:G,className:cnProgressStepBar("List",{direction:h,overflow:O})},React.createElement(ProgressStepBarLine,{lines:E,size:j,direction:h,activeStepIndex:x}),f.map(function(a,b){return React.createElement(ProgressStepBarItem,Object.assign({ref:L[b]},Q(a,b)))})),O&&"vertical"!==h&&React.createElement(Button,{iconLeft:function iconLeft(){return React.createElement(IconArrowRight,{size:"xs"})},view:"clear",onlyIcon:!0,size:"xs",type:"button",className:cnProgressStepBar("Button",{side:"right"}),onClick:function onClick(){return P(!1)}}))}export var ProgressStepBar=forwardRef(ProgressStepBarRender);
 //# sourceMappingURL=ProgressStepBar.js.map

package/__internal__/src/components/ProgressStepBar/ProgressStepBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressStepBar.js","names":["IconArrowLeft","IconArrowRight","React","createRef","forwardRef","useEffect","useLayoutEffect","useMemo","useRef","useState","cnMixScrollBar","useComponentSize","useForkRef","useOverflow","useScrollElements","Button","usePropsHandler","calculateLines","cnProgressStepBar","getItemPosition","progressStepBarPropDirectionDefault","progressStepBarPropSizeDefault","withDefaultGetters","ProgressStepBarItem","ProgressStepBarLine","COMPONENT_NAME","ProgressStepBarRender","props","ref","containerRef","steps","direction","size","className","activeStepIndex","onItemClick","getItemContent","getItemLabel","getItemPoint","getItemProgress","getItemStatus","getItemTooltipContent","getItemLineStatus","getItemOnClick","style","otherProps","visibleIndex","setVisibleIndex","lines","setLines","listRef","width","height","refs","scrollTo","stepsRef","Array","length","fill","map","isOverflow","currentRef","linesArray","sizes","forEach","step","index","push","status","changePosition","prev","getStepItem","item","onClick","onItemClickHandler","e","content","label","point","progress","tooltipContent","position","pointRef","key","tooltipZIndex","zIndex","side","overflow","ProgressStepBar"],"sources":["../../../../../src/components/ProgressStepBar/ProgressStepBar.tsx"],"sourcesContent":["import './ProgressStepBar.css';\n\nimport { IconArrowLeft } from '@consta/icons/IconArrowLeft';\nimport { IconArrowRight } from '@consta/icons/IconArrowRight';\nimport React, {\n  createRef,\n  forwardRef,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\n\nimport { useComponentSize } from '../../hooks/useComponentSize/useComponentSize';\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { useOverflow } from '../../hooks/useOverflow/useOverflow';\nimport { useScrollElements } from '../../hooks/useScrollElements/useScrollElements';\nimport { Button } from '../Button/Button';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport {\n  calculateLines,\n  cnProgressStepBar,\n  getItemPosition,\n  Line,\n  ProgressStepBarComponent,\n  ProgressStepBarItemDefault,\n  ProgressStepBarItemProps,\n  progressStepBarPropDirectionDefault,\n  ProgressStepBarProps,\n  progressStepBarPropSizeDefault,\n  withDefaultGetters,\n} from './helpers';\nimport { ProgressStepBarItem } from './ProgressStepBarItem/ProgressStepBarItem';\nimport { ProgressStepBarLine } from './ProgressStepBarLine/ProgressStepBarLine';\n\nexport const COMPONENT_NAME = 'ProgressStepBar' as const;\n\nfunction ProgressStepBarRender<ITEM = ProgressStepBarItemDefault>(\n  props: ProgressStepBarProps<ITEM>,\n  ref: React.Ref<HTMLDivElement>,\n) {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const {\n    steps = [],\n    direction = progressStepBarPropDirectionDefault,\n    size = progressStepBarPropSizeDefault,\n    className,\n    activeStepIndex,\n    onItemClick,\n    getItemContent,\n    getItemLabel,\n    getItemPoint,\n    getItemProgress,\n    getItemStatus,\n    getItemTooltipContent,\n    getItemLineStatus,\n    getItemOnClick,\n    style,\n    ...otherProps\n  } = usePropsHandler(COMPONENT_NAME, withDefaultGetters(props), containerRef);\n\n  const [visibleIndex, setVisibleIndex] = useState<number>(\n    activeStepIndex || 0,\n  );\n  const [lines, setLines] = useState<Line[]>([]);\n\n  const listRef = useRef<HTMLDivElement>(null);\n\n  const { width, height } = useComponentSize(containerRef);\n\n  const { refs, scrollTo } = useScrollElements(steps);\n\n  const stepsRef = useMemo(\n    () =>\n      new Array(steps.length)\n        .fill(null)\n        .map(() => createRef<HTMLButtonElement>()),\n    [steps.length],\n  );\n  const isOverflow = useOverflow({ currentRef: listRef });\n\n  useLayoutEffect(() => {\n    const linesArray: Line[] = [];\n    const sizes = calculateLines(refs, direction);\n\n    steps.forEach((step, index) => {\n      if (index !== steps.length - 1)\n        linesArray.push({\n          status: getItemLineStatus(step) || 'normal',\n          size: sizes[index] ?? 0,\n        });\n    });\n    setLines(linesArray);\n  }, [activeStepIndex, steps, direction, size, width, height, isOverflow]);\n\n  useEffect(() => {\n    setVisibleIndex(activeStepIndex || 0);\n  }, [activeStepIndex]);\n\n  useEffect(() => {\n    scrollTo(visibleIndex);\n  }, [visibleIndex]);\n\n  const changePosition = (prev: boolean) => {\n    if (prev && visibleIndex !== 0) {\n      setVisibleIndex(visibleIndex - 1);\n    }\n    if (!prev && visibleIndex !== steps.length - 1) {\n      setVisibleIndex(visibleIndex + 1);\n    }\n  };\n\n  const getStepItem: (item: ITEM, index: number) => ProgressStepBarItemProps = (\n    item,\n    index,\n  ) => {\n    const onClick = getItemOnClick(item);\n\n    const onItemClickHandler = onItemClick\n      ? (e: React.MouseEvent<Element, MouseEvent>) => {\n          onItemClick(item, { e, index });\n          onClick?.(e);\n        }\n      : undefined;\n\n    return {\n      content: getItemContent(item),\n      label: getItemLabel(item),\n      point: getItemPoint(item),\n      progress: getItemProgress(item),\n      status:\n        typeof activeStepIndex === 'number' && activeStepIndex >= index\n          ? getItemStatus(item) || 'normal'\n          : 'system',\n      tooltipContent: getItemTooltipContent(item),\n      size,\n      position: getItemPosition(index, steps.length),\n      pointRef: stepsRef[index] as React.RefObject<HTMLButtonElement>,\n      direction,\n      className: cnProgressStepBar('Item'),\n      onClick: onClick || onItemClickHandler,\n      key: cnProgressStepBar({ index }),\n      tooltipZIndex:\n        typeof style?.zIndex === 'number' ? style.zIndex + 1 : undefined,\n    };\n  };\n\n  return (\n    <div\n      {...otherProps}\n      style={style}\n      className={cnProgressStepBar({ isOverflow }, [\n        className,\n        cnMixScrollBar(),\n      ])}\n      ref={useForkRef([ref, containerRef])}\n    >\n      {isOverflow && direction !== 'vertical' && (\n        <Button\n          iconLeft={() => <IconArrowLeft size=\"xs\" />}\n          view=\"clear\"\n          onlyIcon\n          type=\"button\"\n          size=\"xs\"\n          className={cnProgressStepBar('Button', { side: 'left' })}\n          onClick={() => changePosition(true)}\n        />\n      )}\n      <div\n        ref={listRef}\n        className={cnProgressStepBar('List', {\n          direction,\n          overflow: isOverflow,\n        })}\n      >\n        <ProgressStepBarLine\n          lines={lines}\n          size={size}\n          direction={direction}\n          activeStepIndex={activeStepIndex}\n        />\n        {steps.map((step, index) => (\n          <ProgressStepBarItem\n            ref={refs[index] as React.RefObject<HTMLDivElement>}\n            {...getStepItem(step, index)}\n          />\n        ))}\n      </div>\n      {isOverflow && direction !== 'vertical' && (\n        <Button\n          iconLeft={() => <IconArrowRight size=\"xs\" />}\n          view=\"clear\"\n          onlyIcon\n          size=\"xs\"\n          type=\"button\"\n          className={cnProgressStepBar('Button', { side: 'right' })}\n          onClick={() => changePosition(false)}\n        />\n      )}\n    </div>\n  );\n}\n\nexport const ProgressStepBar = forwardRef(\n  ProgressStepBarRender,\n) as ProgressStepBarComponent;\n"],"mappings":"mYAAA,8BAEA,OAASA,aAAT,KAA8B,6BAA9B,CACA,OAASC,cAAT,KAA+B,8BAA/B,CACA,MAAOC,MAAP,EACEC,SADF,CAEEC,UAFF,CAGEC,SAHF,CAIEC,eAJF,CAKEC,OALF,CAMEC,MANF,CAOEC,QAPF,KAQO,OARP,CAUA,OAASC,cAAT,+BAEA,OAASC,gBAAT,qDACA,OAASC,UAAT,yCACA,OAASC,WAAT,2CACA,OAASC,iBAAT,uDACA,OAASC,MAAT,wBACA,OAASC,eAAT,2CACA,OACEC,cADF,CAEEC,iBAFF,CAGEC,eAHF,CAQEC,mCARF,CAUEC,8BAVF,CAWEC,kBAXF,iBAaA,OAASC,mBAAT,iDACA,OAASC,mBAAT,iDAEA,MAAO,IAAMC,eAAc,CAAG,iBAAvB,CAEP,QAASC,sBAAT,CACEC,CADF,CAEEC,CAFF,CAGE,IACMC,EAAY,CAAGrB,MAAM,CAAiB,IAAjB,CAD3B,GAoBIQ,eAAe,CAACS,cAAD,CAAiBH,kBAAkB,CAACK,CAAD,CAAnC,CAA4CE,CAA5C,CApBnB,KAIEC,KAJF,CAIEA,CAJF,YAIU,EAJV,OAKEC,SALF,CAKEA,CALF,YAKcX,mCALd,OAMEY,IANF,CAMEA,CANF,YAMSX,8BANT,GAOEY,CAPF,GAOEA,SAPF,CAQEC,CARF,GAQEA,eARF,CASEC,CATF,GASEA,WATF,CAUEC,CAVF,GAUEA,cAVF,CAWEC,CAXF,GAWEA,YAXF,CAYEC,CAZF,GAYEA,YAZF,CAaEC,CAbF,GAaEA,eAbF,CAcEC,CAdF,GAcEA,aAdF,CAeEC,CAfF,GAeEA,qBAfF,CAgBEC,CAhBF,GAgBEA,iBAhBF,CAiBEC,CAjBF,GAiBEA,cAjBF,CAkBEC,CAlBF,GAkBEA,KAlBF,CAmBKC,CAnBL,yCAsBwCpC,QAAQ,CAC9CyB,CAAe,EAAI,CAD2B,CAtBhD,uBAsBOY,CAtBP,MAsBqBC,CAtBrB,QAyB0BtC,QAAQ,CAAS,EAAT,CAzBlC,uBAyBOuC,CAzBP,MAyBcC,CAzBd,MA2BMC,CAAO,CAAG1C,MAAM,CAAiB,IAAjB,CA3BtB,GA6B0BG,gBAAgB,CAACkB,CAAD,CA7B1C,CA6BQsB,CA7BR,GA6BQA,KA7BR,CA6BeC,CA7Bf,GA6BeA,MA7Bf,GA+B2BtC,iBAAiB,CAACgB,CAAD,CA/B5C,CA+BQuB,CA/BR,GA+BQA,IA/BR,CA+BcC,CA/Bd,GA+BcA,QA/Bd,CAiCMC,CAAQ,CAAGhD,OAAO,CACtB,iBACMiD,MAAJ,CAAU1B,CAAK,CAAC2B,MAAhB,EACGC,IADH,CACQ,IADR,EAEGC,GAFH,CAEO,iBAAMxD,UAAS,EAAf,CAFP,CADF,CADsB,CAKtB,CAAC2B,CAAK,CAAC2B,MAAP,CALsB,CAjCxB,CAwCMG,CAAU,CAAG/C,WAAW,CAAC,CAAEgD,UAAU,CAAEX,CAAd,CAAD,CAxC9B,CA0CA5C,eAAe,CAAC,UAAM,IACdwD,EAAkB,CAAG,EADP,CAEdC,CAAK,CAAG9C,cAAc,CAACoC,CAAD,CAAOtB,CAAP,CAFR,CAIpBD,CAAK,CAACkC,OAAN,CAAc,SAACC,CAAD,CAAOC,CAAP,CAAiB,OACzBA,CAAK,GAAKpC,CAAK,CAAC2B,MAAN,CAAe,CADA,EAE3BK,CAAU,CAACK,IAAX,CAAgB,CACdC,MAAM,CAAE1B,CAAiB,CAACuB,CAAD,CAAjB,EAA2B,QADrB,CAEdjC,IAAI,WAAE+B,CAAK,CAACG,CAAD,CAAP,gBAAkB,CAFR,CAAhB,CAIH,CAND,CAJoB,CAWpBjB,CAAQ,CAACa,CAAD,CACT,CAZc,CAYZ,CAAC5B,CAAD,CAAkBJ,CAAlB,CAAyBC,CAAzB,CAAoCC,CAApC,CAA0CmB,CAA1C,CAAiDC,CAAjD,CAAyDQ,CAAzD,CAZY,CA1Cf,CAwDAvD,SAAS,CAAC,UAAM,CACd0C,CAAe,CAACb,CAAe,EAAI,CAApB,CAChB,CAFQ,CAEN,CAACA,CAAD,CAFM,CAxDT,CA4DA7B,SAAS,CAAC,UAAM,CACdiD,CAAQ,CAACR,CAAD,CACT,CAFQ,CAEN,CAACA,CAAD,CAFM,CA5DT,IAgEMuB,EAAc,CAAG,SAACC,CAAD,CAAmB,CACpCA,CAAI,EAAqB,CAAjB,GAAAxB,CAD4B,EAEtCC,CAAe,CAACD,CAAY,CAAG,CAAhB,CAFuB,CAInCwB,CAAD,EAASxB,CAAY,GAAKhB,CAAK,CAAC2B,MAAN,CAAe,CAJL,EAKtCV,CAAe,CAACD,CAAY,CAAG,CAAhB,CAElB,CAvED,CAyEMyB,CAAoE,CAAG,SAC3EC,CAD2E,CAE3EN,CAF2E,CAGxE,IACGO,EAAO,CAAG9B,CAAc,CAAC6B,CAAD,CAD3B,CAGGE,CAAkB,CAAGvC,CAAW,CAClC,SAACwC,CAAD,CAA8C,CAC5CxC,CAAW,CAACqC,CAAD,CAAO,CAAEG,CAAC,CAADA,CAAF,CAAKT,KAAK,CAALA,CAAL,CAAP,CADiC,QAE5CO,CAF4C,WAE5CA,CAF4C,QAE5CA,CAAO,CAAGE,CAAH,CACR,CAJiC,OAHnC,CAUH,MAAO,CACLC,OAAO,CAAExC,CAAc,CAACoC,CAAD,CADlB,CAELK,KAAK,CAAExC,CAAY,CAACmC,CAAD,CAFd,CAGLM,KAAK,CAAExC,CAAY,CAACkC,CAAD,CAHd,CAILO,QAAQ,CAAExC,CAAe,CAACiC,CAAD,CAJpB,CAKLJ,MAAM,CACuB,QAA3B,QAAOlC,EAAP,EAAuCA,CAAe,EAAIgC,CAA1D,CACI1B,CAAa,CAACgC,CAAD,CAAb,EAAuB,QAD3B,CAEI,QARD,CASLQ,cAAc,CAAEvC,CAAqB,CAAC+B,CAAD,CAThC,CAULxC,IAAI,CAAJA,CAVK,CAWLiD,QAAQ,CAAE9D,eAAe,CAAC+C,CAAD,CAAQpC,CAAK,CAAC2B,MAAd,CAXpB,CAYLyB,QAAQ,CAAE3B,CAAQ,CAACW,CAAD,CAZb,CAaLnC,SAAS,CAATA,CAbK,CAcLE,SAAS,CAAEf,iBAAiB,CAAC,MAAD,CAdvB,CAeLuD,OAAO,CAAEA,CAAO,EAAIC,CAff,CAgBLS,GAAG,CAAEjE,iBAAiB,CAAC,CAAEgD,KAAK,CAALA,CAAF,CAAD,CAhBjB,CAiBLkB,aAAa,CACc,QAAzB,gBAAOxC,CAAP,WAAOA,CAAP,QAAOA,CAAK,CAAEyC,MAAd,EAAoCzC,CAAK,CAACyC,MAAN,CAAe,CAAnD,OAlBG,CAoBR,CA1GD,CA4GA,MACE,4CACMxC,CADN,EAEE,KAAK,CAAED,CAFT,CAGE,SAAS,CAAE1B,iBAAiB,CAAC,CAAE0C,UAAU,CAAVA,CAAF,CAAD,CAAiB,CAC3C3B,CAD2C,CAE3CvB,cAAc,EAF6B,CAAjB,CAH9B,CAOE,GAAG,CAAEE,UAAU,CAAC,CAACgB,CAAD,CAAMC,CAAN,CAAD,CAPjB,GASG+B,CAAU,EAAkB,UAAd,GAAA7B,CAAd,EACC,oBAAC,MAAD,EACE,QAAQ,CAAE,0BAAM,qBAAC,aAAD,EAAe,IAAI,CAAC,IAApB,EAAN,CADZ,CAEE,IAAI,CAAC,OAFP,CAGE,QAAQ,GAHV,CAIE,IAAI,CAAC,QAJP,CAKE,IAAI,CAAC,IALP,CAME,SAAS,CAAEb,iBAAiB,CAAC,QAAD,CAAW,CAAEoE,IAAI,CAAE,MAAR,CAAX,CAN9B,CAOE,OAAO,CAAE,yBAAMjB,EAAc,IAApB,CAPX,EAVJ,CAoBE,2BACE,GAAG,CAAEnB,CADP,CAEE,SAAS,CAAEhC,iBAAiB,CAAC,MAAD,CAAS,CACnCa,SAAS,CAATA,CADmC,CAEnCwD,QAAQ,CAAE3B,CAFyB,CAAT,CAF9B,EAOE,oBAAC,mBAAD,EACE,KAAK,CAAEZ,CADT,CAEE,IAAI,CAAEhB,CAFR,CAGE,SAAS,CAAED,CAHb,CAIE,eAAe,CAAEG,CAJnB,EAPF,CAaGJ,CAAK,CAAC6B,GAAN,CAAU,SAACM,CAAD,CAAOC,CAAP,QACT,qBAAC,mBAAD,gBACE,GAAG,CAAEb,CAAI,CAACa,CAAD,CADX,EAEMK,CAAW,CAACN,CAAD,CAAOC,CAAP,CAFjB,EADS,CAAV,CAbH,CApBF,CAwCGN,CAAU,EAAkB,UAAd,GAAA7B,CAAd,EACC,oBAAC,MAAD,EACE,QAAQ,CAAE,0BAAM,qBAAC,cAAD,EAAgB,IAAI,CAAC,IAArB,EAAN,CADZ,CAEE,IAAI,CAAC,OAFP,CAGE,QAAQ,GAHV,CAIE,IAAI,CAAC,IAJP,CAKE,IAAI,CAAC,QALP,CAME,SAAS,CAAEb,iBAAiB,CAAC,QAAD,CAAW,CAAEoE,IAAI,CAAE,OAAR,CAAX,CAN9B,CAOE,OAAO,CAAE,yBAAMjB,EAAc,IAApB,CAPX,EAzCJ,CAqDH,CAED,MAAO,IAAMmB,gBAAe,CAAGpF,UAAU,CACvCsB,qBADuC,CAAlC"}
+{"version":3,"file":"ProgressStepBar.js","names":["IconArrowLeft","IconArrowRight","React","createRef","forwardRef","useEffect","useLayoutEffect","useMemo","useRef","useState","cnMixScrollBar","useComponentSize","useForkRef","useOverflow","useScrollElements","Button","usePropsHandler","calculateLines","cnProgressStepBar","getItemPosition","progressStepBarPropDirectionDefault","progressStepBarPropSizeDefault","validateVisibleIndex","withDefaultGetters","ProgressStepBarItem","ProgressStepBarLine","COMPONENT_NAME","ProgressStepBarRender","props","ref","containerRef","steps","direction","size","className","activeStepIndexProp","activeStepIndex","onItemClick","getItemContent","getItemLabel","getItemPoint","getItemProgress","getItemStatus","getItemTooltipContent","getItemLineStatus","getItemOnClick","style","otherProps","length","visibleIndex","setVisibleIndex","lines","setLines","listRef","width","height","refs","scrollTo","stepsRef","Array","fill","map","isOverflow","currentRef","linesArray","sizes","forEach","step","index","push","status","changePosition","prev","getStepItem","item","onClick","onItemClickHandler","e","content","label","point","progress","tooltipContent","position","pointRef","key","tooltipZIndex","zIndex","side","overflow","ProgressStepBar"],"sources":["../../../../../src/components/ProgressStepBar/ProgressStepBar.tsx"],"sourcesContent":["import './ProgressStepBar.css';\n\nimport { IconArrowLeft } from '@consta/icons/IconArrowLeft';\nimport { IconArrowRight } from '@consta/icons/IconArrowRight';\nimport React, {\n  createRef,\n  forwardRef,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { cnMixScrollBar } from '##/mixs/MixScrollBar';\n\nimport { useComponentSize } from '../../hooks/useComponentSize/useComponentSize';\nimport { useForkRef } from '../../hooks/useForkRef/useForkRef';\nimport { useOverflow } from '../../hooks/useOverflow/useOverflow';\nimport { useScrollElements } from '../../hooks/useScrollElements/useScrollElements';\nimport { Button } from '../Button/Button';\nimport { usePropsHandler } from '../EventInterceptor/usePropsHandler';\nimport {\n  calculateLines,\n  cnProgressStepBar,\n  getItemPosition,\n  Line,\n  ProgressStepBarComponent,\n  ProgressStepBarItemDefault,\n  ProgressStepBarItemProps,\n  progressStepBarPropDirectionDefault,\n  ProgressStepBarProps,\n  progressStepBarPropSizeDefault,\n  validateVisibleIndex,\n  withDefaultGetters,\n} from './helpers';\nimport { ProgressStepBarItem } from './ProgressStepBarItem/ProgressStepBarItem';\nimport { ProgressStepBarLine } from './ProgressStepBarLine/ProgressStepBarLine';\n\nexport const COMPONENT_NAME = 'ProgressStepBar' as const;\n\nfunction ProgressStepBarRender<ITEM = ProgressStepBarItemDefault>(\n  props: ProgressStepBarProps<ITEM>,\n  ref: React.Ref<HTMLDivElement>,\n) {\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const {\n    steps = [],\n    direction = progressStepBarPropDirectionDefault,\n    size = progressStepBarPropSizeDefault,\n    className,\n    activeStepIndex: activeStepIndexProp,\n    onItemClick,\n    getItemContent,\n    getItemLabel,\n    getItemPoint,\n    getItemProgress,\n    getItemStatus,\n    getItemTooltipContent,\n    getItemLineStatus,\n    getItemOnClick,\n    style,\n    ...otherProps\n  } = usePropsHandler(COMPONENT_NAME, withDefaultGetters(props), containerRef);\n\n  const activeStepIndex = validateVisibleIndex(\n    steps.length,\n    activeStepIndexProp,\n  );\n\n  const [visibleIndex, setVisibleIndex] = useState<number>(\n    activeStepIndex || 0,\n  );\n  const [lines, setLines] = useState<Line[]>([]);\n\n  const listRef = useRef<HTMLDivElement>(null);\n\n  const { width, height } = useComponentSize(containerRef);\n\n  const { refs, scrollTo } = useScrollElements(steps);\n\n  const stepsRef = useMemo(\n    () =>\n      new Array(steps.length)\n        .fill(null)\n        .map(() => createRef<HTMLButtonElement>()),\n    [steps.length],\n  );\n  const isOverflow = useOverflow({ currentRef: listRef });\n\n  useLayoutEffect(() => {\n    const linesArray: Line[] = [];\n    const sizes = calculateLines(refs, direction);\n\n    steps.forEach((step, index) => {\n      if (index !== steps.length - 1)\n        linesArray.push({\n          status: getItemLineStatus(step) || 'normal',\n          size: sizes[index] ?? 0,\n        });\n    });\n    setLines(linesArray);\n  }, [activeStepIndex, steps, direction, size, width, height, isOverflow]);\n\n  useEffect(() => {\n    setVisibleIndex(activeStepIndex || 0);\n  }, [activeStepIndex]);\n\n  useEffect(() => {\n    scrollTo(visibleIndex);\n  }, [visibleIndex]);\n\n  const changePosition = (prev: boolean) => {\n    if (prev && visibleIndex !== 0) {\n      setVisibleIndex(visibleIndex - 1);\n    }\n    if (!prev && visibleIndex !== steps.length - 1) {\n      setVisibleIndex(visibleIndex + 1);\n    }\n  };\n\n  const getStepItem: (item: ITEM, index: number) => ProgressStepBarItemProps = (\n    item,\n    index,\n  ) => {\n    const onClick = getItemOnClick(item);\n\n    const onItemClickHandler = onItemClick\n      ? (e: React.MouseEvent<Element, MouseEvent>) => {\n          onItemClick(item, { e, index });\n          onClick?.(e);\n        }\n      : undefined;\n\n    return {\n      content: getItemContent(item),\n      label: getItemLabel(item),\n      point: getItemPoint(item),\n      progress: getItemProgress(item),\n      status:\n        typeof activeStepIndex === 'number' && activeStepIndex >= index\n          ? getItemStatus(item) || 'normal'\n          : 'system',\n      tooltipContent: getItemTooltipContent(item),\n      size,\n      position: getItemPosition(index, steps.length),\n      pointRef: stepsRef[index] as React.RefObject<HTMLButtonElement>,\n      direction,\n      className: cnProgressStepBar('Item'),\n      onClick: onClick || onItemClickHandler,\n      key: cnProgressStepBar({ index }),\n      tooltipZIndex:\n        typeof style?.zIndex === 'number' ? style.zIndex + 1 : undefined,\n    };\n  };\n\n  return (\n    <div\n      {...otherProps}\n      style={style}\n      className={cnProgressStepBar({ isOverflow }, [\n        className,\n        cnMixScrollBar(),\n      ])}\n      ref={useForkRef([ref, containerRef])}\n    >\n      {isOverflow && direction !== 'vertical' && (\n        <Button\n          iconLeft={() => <IconArrowLeft size=\"xs\" />}\n          view=\"clear\"\n          onlyIcon\n          type=\"button\"\n          size=\"xs\"\n          className={cnProgressStepBar('Button', { side: 'left' })}\n          onClick={() => changePosition(true)}\n        />\n      )}\n      <div\n        ref={listRef}\n        className={cnProgressStepBar('List', {\n          direction,\n          overflow: isOverflow,\n        })}\n      >\n        <ProgressStepBarLine\n          lines={lines}\n          size={size}\n          direction={direction}\n          activeStepIndex={activeStepIndex}\n        />\n        {steps.map((step, index) => (\n          <ProgressStepBarItem\n            ref={refs[index] as React.RefObject<HTMLDivElement>}\n            {...getStepItem(step, index)}\n          />\n        ))}\n      </div>\n      {isOverflow && direction !== 'vertical' && (\n        <Button\n          iconLeft={() => <IconArrowRight size=\"xs\" />}\n          view=\"clear\"\n          onlyIcon\n          size=\"xs\"\n          type=\"button\"\n          className={cnProgressStepBar('Button', { side: 'right' })}\n          onClick={() => changePosition(false)}\n        />\n      )}\n    </div>\n  );\n}\n\nexport const ProgressStepBar = forwardRef(\n  ProgressStepBarRender,\n) as ProgressStepBarComponent;\n"],"mappings":"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"}

package/__internal__/src/components/ProgressStepBar/helpers.d.ts

@@ -118,3 +118,4 @@ export declare function withDefaultGetters<ITEM>(props: ProgressStepBarProps<ITE
 export declare const getItemPosition: (index: number, lendth: number) => "start" | "center" | "end";
 export declare const getLineSize: (container: React.RefObject<HTMLElement>, activeElement: React.RefObject<HTMLElement>, direction: ProgressStepBarPropDirection) => number;
 export declare const calculateLines: (refs: React.RefObject<HTMLElement>[], direction: ProgressStepBarPropDirection) => number[];
+export declare const validateVisibleIndex: (lenght: number, index: number | undefined) => number | undefined;

package/__internal__/src/components/ProgressStepBar/helpers.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{cn}from"../../utils/bem";export var progressStepBarPropSize=["s","xs","m"];export var progressStepBarPropSizeDefault=progressStepBarPropSize[0];export var progressStepBarPropDirection=["horizontal","vertical"];export var progressStepBarPropDirectionDefault=progressStepBarPropDirection[0];export var progressStepBarPropStatus=["normal","success","warning","alert"];export var progressStepBarPropStatusDefault=progressStepBarPropStatus[0];export var progressStepBarPointNumbersMap=[0,1,2,3,4,5,6,7,8,9];export var progressStepBarPropPosition=["center","start","end"];export var progressStepBarPropPositionDefault=progressStepBarPropPosition[0];export var cnProgressStepBar=cn("ProgressStepBar");export var defaultGetItemLabel=function(a){return a.label};export var defaultGetItemTooltipContent=function(a){return a.tooltipContent};export var defaultGetItemPoint=function(a){return a.point};export var defaultGetItemLineStatus=function(a){return a.lineStatus};export var defaultGetItemProgress=function(a){return a.progress};export var defaultGetItemContent=function(a){return a.content};export var defaultGetItemStatus=function(a){return a.status};export var defaultGetItemOnClick=function(a){return a.onClick};export function withDefaultGetters(a){return _objectSpread(_objectSpread({},a),{},{getItemLabel:a.getItemLabel||defaultGetItemLabel,getItemTooltipContent:a.getItemTooltipContent||defaultGetItemTooltipContent,getItemPoint:a.getItemPoint||defaultGetItemPoint,getItemProgress:a.getItemProgress||defaultGetItemProgress,getItemContent:a.getItemContent||defaultGetItemContent,getItemStatus:a.getItemStatus||defaultGetItemStatus,getItemLineStatus:a.getItemLineStatus||defaultGetItemLineStatus,getItemOnClick:a.getItemOnClick||defaultGetItemOnClick})}export var getItemPosition=function(a,b){var c="center";return a===b-1&&(c="end"),0===a&&(c="start"),c};export var getLineSize=function(a,b,c){var d=0;if(a&&a.current&&b&&b.current){var e=a.current.getBoundingClientRect(),f=b.current.getBoundingClientRect();d="vertical"===c?f.y-e.y+f.height:f.x-e.x}return d};var getRefSize=function(a){if(a.current){var b=a.current.getBoundingClientRect(),c=b.width,d=b.height;return[c,d]}return[0,0]};export var calculateLines=function(a,b){for(var c=[],d=0;d<a.length-1;d++){var e=a[d],f=getRefSize(e),g=getRefSize(a[d+1]),h=0;h=0==d?"horizontal"===b?f[0]+g[0]/2:f[1]:d===a.length-2?"horizontal"===b?f[0]/2+g[0]:f[1]+2:"horizontal"===b?f[0]/2+g[0]/2:f[1],c.push(h)}return c};
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{cn}from"../../utils/bem";export var progressStepBarPropSize=["s","xs","m"];export var progressStepBarPropSizeDefault=progressStepBarPropSize[0];export var progressStepBarPropDirection=["horizontal","vertical"];export var progressStepBarPropDirectionDefault=progressStepBarPropDirection[0];export var progressStepBarPropStatus=["normal","success","warning","alert"];export var progressStepBarPropStatusDefault=progressStepBarPropStatus[0];export var progressStepBarPointNumbersMap=[0,1,2,3,4,5,6,7,8,9];export var progressStepBarPropPosition=["center","start","end"];export var progressStepBarPropPositionDefault=progressStepBarPropPosition[0];export var cnProgressStepBar=cn("ProgressStepBar");export var defaultGetItemLabel=function(a){return a.label};export var defaultGetItemTooltipContent=function(a){return a.tooltipContent};export var defaultGetItemPoint=function(a){return a.point};export var defaultGetItemLineStatus=function(a){return a.lineStatus};export var defaultGetItemProgress=function(a){return a.progress};export var defaultGetItemContent=function(a){return a.content};export var defaultGetItemStatus=function(a){return a.status};export var defaultGetItemOnClick=function(a){return a.onClick};export function withDefaultGetters(a){return _objectSpread(_objectSpread({},a),{},{getItemLabel:a.getItemLabel||defaultGetItemLabel,getItemTooltipContent:a.getItemTooltipContent||defaultGetItemTooltipContent,getItemPoint:a.getItemPoint||defaultGetItemPoint,getItemProgress:a.getItemProgress||defaultGetItemProgress,getItemContent:a.getItemContent||defaultGetItemContent,getItemStatus:a.getItemStatus||defaultGetItemStatus,getItemLineStatus:a.getItemLineStatus||defaultGetItemLineStatus,getItemOnClick:a.getItemOnClick||defaultGetItemOnClick})}export var getItemPosition=function(a,b){var c="center";return a===b-1&&(c="end"),0===a&&(c="start"),c};export var getLineSize=function(a,b,c){var d=0;if(a&&a.current&&b&&b.current){var e=a.current.getBoundingClientRect(),f=b.current.getBoundingClientRect();d="vertical"===c?f.y-e.y+f.height:f.x-e.x}return d};var getRefSize=function(a){if(a.current){var b=a.current.getBoundingClientRect(),c=b.width,d=b.height;return[c,d]}return[0,0]};export var calculateLines=function(a,b){for(var c=[],d=0;d<a.length-1;d++){var e=a[d],f=getRefSize(e),g=getRefSize(a[d+1]),h=0;h=0==d?"horizontal"===b?f[0]+g[0]/2:f[1]:d===a.length-2?"horizontal"===b?f[0]/2+g[0]:f[1]+2:"horizontal"===b?f[0]/2+g[0]/2:f[1],c.push(h)}return c};export var validateVisibleIndex=function(a,b){return b?0>b?void 0:Math.min(b,a-1):b};
 //# sourceMappingURL=helpers.js.map