@consta/uikit 4.26.0 → 4.27.0

package/BookmarkTabsCanary/index.d.ts

@@ -0,0 +1 @@
+export * from "../__internal__/src/components/BookmarkTabsCanary";

package/BookmarkTabsCanary/index.js

@@ -0,0 +1 @@
+export * from "../__internal__/src/components/BookmarkTabsCanary";

package/LoaderCanary/index.d.ts

@@ -0,0 +1 @@
+export * from "../__internal__/src/components/LoaderCanary";

package/LoaderCanary/index.js

@@ -0,0 +1 @@
+export * from "../__internal__/src/components/LoaderCanary";

package/__internal__/src/components/Badge/Badge.css

@@ -1 +1 @@
-.Badge{align-items:center;box-sizing:border-box;display:inline-flex;flex-wrap:nowrap;font-size:var(--badge-text-size);font-weight:var(--font-weight-text-semibold);gap:var(--space-2xs);height:var(--badge-size);letter-spacing:.05em;line-height:var(--badge-size);position:relative;text-decoration:none;text-transform:uppercase;white-space:nowrap}.Badge_size_xs{--badge-size:var(--control-box-size-m);--badge-text-size:calc(var(--size-text-m)/2);padding:0 var(--space-2xs)}.Badge_size_s{--badge-size:var(--control-box-size-l);--badge-text-size:var(--size-text-2xs);padding:0 var(--space-2xs)}.Badge_size_m{--badge-size:var(--control-height-xs);--badge-text-size:var(--size-text-xs);padding:0 var(--space-xs)}.Badge_size_l{--badge-size:var(--control-height-s);--badge-text-size:var(--size-text-s);padding:0 var(--space-xs)}.Badge_form_default{border-radius:var(--control-radius)}.Badge_form_round{border-radius:99em}.Badge_form_round.Badge_size_s,.Badge_form_round.Badge_size_xs{padding:0 var(--space-xs)}.Badge_form_round.Badge_size_m{padding:0 var(--space-s)}.Badge_form_round.Badge_size_l{padding:0 var(--space-m)}.Badge_status_success{--badge-bg-color:var(--color-bg-success);--badge-text-color:var(--color-typo-success);--badge-border-color:var(--color-bg-success)}.Badge_status_error{--badge-bg-color:var(--color-bg-alert);--badge-text-color:var(--color-typo-alert);--badge-border-color:var(--color-bg-alert)}.Badge_status_warning{--badge-bg-color:var(--color-bg-warning);--badge-text-color:var(--color-typo-warning);--badge-border-color:var(--color-bg-warning)}.Badge_status_normal{--badge-bg-color:var(--color-bg-normal);--badge-text-color:var(--color-typo-normal);--badge-border-color:var(--color-bg-normal)}.Badge_status_system{--badge-bg-color:var(--color-bg-system);--badge-border-color:var(--color-bg-system)}.Badge_view_filled{background:var(--badge-bg-color);color:var(--color-typo-primary)}.Badge_view_filled.Badge_status_system{color:var(--color-typo-secondary)}.Badge_view_stroked{box-shadow:inset 0 0 0 1px var(--badge-border-color);color:var(--badge-text-color)}.Badge_view_stroked.Badge_status_system{--badge-text-color:var(--color-typo-system)}.Badge_minified{--badge-text-size:0;background:transparent;border-radius:50%}.Badge_minified.Badge_size_xs{border:2px solid transparent;height:10px;width:10px}.Badge_minified.Badge_size_s,.Badge_minified.Badge_size_xs{box-shadow:inset 0 0 0 10px var(--badge-bg-color);padding:0}.Badge_minified.Badge_size_s{border:3px solid transparent;height:16px;width:16px}.Badge_minified.Badge_size_m{border:4px solid transparent;box-shadow:inset 0 0 0 12px var(--badge-bg-color);height:24px;padding:0;width:24px}.Badge_minified.Badge_size_l{border:5px solid transparent;box-shadow:inset 0 0 0 14px var(--badge-bg-color);height:32px;padding:0;width:32px}.Badge-Icon{flex-shrink:0;font-size:0;line-height:1em}
+.Badge{align-items:center;box-sizing:border-box;display:inline-flex;flex-wrap:nowrap;font-size:var(--badge-text-size);font-weight:var(--font-weight-text-semibold);gap:var(--space-2xs);height:var(--badge-size);letter-spacing:.05em;line-height:var(--badge-size);position:relative;text-decoration:none;text-transform:uppercase;white-space:nowrap}.Badge_size_xs:not(.Badge_counter.Badge_minified).Badge_form_round{padding:0 var(--space-2xs)}.Badge_size_xs:not(.Badge_counter.Badge_minified).Badge_form_default{padding:0 var(--space-xs)}.Badge_size_xs:not(.Badge_minified){--badge-size:var(--control-box-size-m);--badge-text-size:calc(var(--size-text-m)/2)}.Badge_size_xs.Badge_minified{--badge-size:10px;--badge-border-size:2px}.Badge_size_s:not(.Badge_counter.Badge_minified).Badge_form_round{padding:0 var(--space-2xs)}.Badge_size_s:not(.Badge_counter.Badge_minified).Badge_form_default{padding:0 var(--space-xs)}.Badge_size_s:not(.Badge_minified){--badge-size:var(--control-box-size-l);--badge-text-size:var(--size-text-2xs)}.Badge_size_s.Badge_minified{--badge-size:16px;--badge-border-size:3px}.Badge_size_m:not(.Badge_counter.Badge_minified).Badge_form_round{padding:0 var(--space-s)}.Badge_size_m:not(.Badge_counter.Badge_minified).Badge_form_default{padding:0 var(--space-xs)}.Badge_size_m:not(.Badge_minified){--badge-size:var(--control-height-xs);--badge-text-size:var(--size-text-xs)}.Badge_size_m.Badge_minified{--badge-size:24px;--badge-border-size:4px}.Badge_size_l:not(.Badge_counter.Badge_minified).Badge_form_round{padding:0 var(--space-m)}.Badge_size_l:not(.Badge_counter.Badge_minified).Badge_form_default{padding:0 var(--space-xs)}.Badge_size_l:not(.Badge_minified){--badge-size:var(--control-height-s);--badge-text-size:var(--size-text-s)}.Badge_size_l.Badge_minified{--badge-size:32px;--badge-border-size:5px}.Badge_form_default{border-radius:var(--control-radius)}.Badge_form_round{border-radius:99em}.Badge_status_success{--badge-bg-color:var(--color-bg-success);--badge-text-color:var(--color-typo-success);--badge-border-color:var(--color-bg-success)}.Badge_status_error{--badge-bg-color:var(--color-bg-alert);--badge-text-color:var(--color-typo-alert);--badge-border-color:var(--color-bg-alert)}.Badge_status_warning{--badge-bg-color:var(--color-bg-warning);--badge-text-color:var(--color-typo-warning);--badge-border-color:var(--color-bg-warning)}.Badge_status_normal{--badge-bg-color:var(--color-bg-normal);--badge-text-color:var(--color-typo-normal);--badge-border-color:var(--color-bg-normal)}.Badge_status_system{--badge-bg-color:var(--color-bg-system);--badge-border-color:var(--color-bg-system)}.Badge_view_filled{background:var(--badge-bg-color);color:var(--color-typo-primary)}.Badge_view_filled.Badge_status_system{color:var(--color-typo-secondary)}.Badge_view_stroked{box-shadow:inset 0 0 0 1px var(--badge-border-color);color:var(--badge-text-color)}.Badge_view_stroked.Badge_status_system{--badge-text-color:var(--color-typo-system)}.Badge_minified{background:transparent;border:var(--badge-border-size) solid transparent;border-radius:50%;box-shadow:inset 0 0 0 var(--badge-size) var(--badge-bg-color);height:var(--badge-size)}.Badge_counter,.Badge_minified{padding:0;width:var(--badge-size)}.Badge_counter{justify-content:center;text-align:center}.Badge-Icon{flex-shrink:0;font-size:0;line-height:1em}

package/__internal__/src/components/Badge/Badge.d.ts

@@ -1,6 +1,6 @@
 import './Badge.css';
 import { IconComponent } from '@consta/icons/Icon';
-export declare const badgePropSize: readonly ["m", "xs", "s", "l"];
+export declare const badgePropSize: readonly ["xs", "s", "m", "l"];
 export declare type BadgePropSize = typeof badgePropSize[number];
 export declare const badgePropSizeDefault: BadgePropSize;
 export declare const badgePropView: readonly ["filled", "stroked"];

package/__internal__/src/components/Badge/Badge.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","view","status","form","icon","iconLeft","iconRight","minified","label","as"];import"./Badge.css";import{classnames}from"@bem-react/classnames";import React from"react";import{cn}from"../../utils/bem";import{forwardRefWithAs}from"../../utils/types/PropsWithAsAttributes";import{useTheme}from"../Theme/Theme";export var badgePropSize=["m","xs","s","l"];export var badgePropSizeDefault=badgePropSize[0];export var badgePropView=["filled","stroked"];export var badgePropViewDefault=badgePropView[0];export var badgePropStatus=["normal","success","error","warning","system"];export var badgePropStatusDefault=badgePropStatus[0];export var badgePropForm=["default","round"];export var badgePropFormDefault=badgePropForm[0];export var cnBadge=cn("Badge");export var Badge=forwardRefWithAs(function(a,b){var c=a.size,d=void 0===c?badgePropSizeDefault:c,e=a.view,f=void 0===e?badgePropViewDefault:e,g=a.status,h=void 0===g?badgePropStatusDefault:g,i=a.form,j=void 0===i?badgePropFormDefault:i,k=a.icon,l=a.iconLeft,m=a.iconRight,n=a.minified,o=a.label,p=a.as,q=void 0===p?"div":p,r=_objectWithoutProperties(a,_excluded),s=q,t=useTheme(),u=t.themeClassNames,v="system"!==h&&"filled"===f?classnames(a.className,u.color.accent):a.className,w=null!==l&&void 0!==l?l:k,x=m;return n?React.createElement(s,Object.assign({},r,{className:cnBadge({size:d,status:h,minified:n},[v]),title:o,ref:b})):React.createElement(s,Object.assign({},r,{className:cnBadge({size:d,view:f,status:h,form:j,withIcon:!!k},[v]),ref:b}),w&&React.createElement(w,{size:"xs",className:cnBadge("Icon")}),o,x&&React.createElement(x,{size:"xs",className:cnBadge("Icon")}))});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["size","view","status","form","icon","iconLeft","iconRight","minified","label","as"];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"./Badge.css";import{classnames}from"@bem-react/classnames";import React from"react";import{cn}from"../../utils/bem";import{forwardRefWithAs}from"../../utils/types/PropsWithAsAttributes";import{useTheme}from"../Theme/Theme";export var badgePropSize=["xs","s","m","l"];export var badgePropSizeDefault="m";export var badgePropView=["filled","stroked"];export var badgePropViewDefault=badgePropView[0];export var badgePropStatus=["normal","success","error","warning","system"];export var badgePropStatusDefault=badgePropStatus[0];export var badgePropForm=["default","round"];export var badgePropFormDefault=badgePropForm[0];export var cnBadge=cn("Badge");var renderIcon=function(a){if(a)return React.createElement(a,{size:"xs",className:cnBadge("Icon")})};export var Badge=forwardRefWithAs(function(a,b){var c=a.size,d=void 0===c?badgePropSizeDefault:c,e=a.view,f=void 0===e?badgePropViewDefault:e,g=a.status,h=void 0===g?badgePropStatusDefault:g,i=a.form,j=void 0===i?badgePropFormDefault:i,k=a.icon,l=a.iconLeft,m=a.iconRight,n=a.minified,o=a.label,p=a.as,q=void 0===p?"div":p,r=_objectWithoutProperties(a,_excluded),s=useTheme(),t=s.themeClassNames,u="system"!==h&&"filled"===f?classnames(a.className,t.color.accent):a.className,v=null!==l&&void 0!==l?l:k,w=1===[k,l,m,o].filter(function(a){return!!a}).length&&1>=((null===o||void 0===o?void 0:o.length)||0);return React.createElement(q,Object.assign({},r,{className:cnBadge(_objectSpread({size:d,status:h,minified:n},!n&&{view:f,form:j,counter:w}),[u]),ref:b,title:n&&o}),!n&&React.createElement(React.Fragment,null,renderIcon(v),o,renderIcon(m)))});
 //# sourceMappingURL=Badge.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","names":["classnames","React","cn","forwardRefWithAs","useTheme","badgePropSize","badgePropSizeDefault","badgePropView","badgePropViewDefault","badgePropStatus","badgePropStatusDefault","badgePropForm","badgePropFormDefault","cnBadge","Badge","props","ref","size","view","status","form","icon","iconLeft","iconRight","minified","label","as","otherProps","Tag","themeClassNames","className","color","accent","IconLeft","IconRight","withIcon"],"sources":["../../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import './Badge.css';\n\nimport { classnames } from '@bem-react/classnames';\nimport { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { cn } from '../../utils/bem';\nimport { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';\nimport { useTheme } from '../Theme/Theme';\n\nexport const badgePropSize = ['m', 'xs', 's', 'l'] as const;\nexport type BadgePropSize = typeof badgePropSize[number];\nexport const badgePropSizeDefault: BadgePropSize = badgePropSize[0];\n\nexport const badgePropView = ['filled', 'stroked'] as const;\nexport type BadgePropView = typeof badgePropView[number];\nexport const badgePropViewDefault: BadgePropView = badgePropView[0];\n\nexport const badgePropStatus = [\n  'normal',\n  'success',\n  'error',\n  'warning',\n  'system',\n] as const;\nexport type BadgePropStatus = typeof badgePropStatus[number];\nexport const badgePropStatusDefault: BadgePropStatus = badgePropStatus[0];\n\nexport const badgePropForm = ['default', 'round'] as const;\nexport type BadgePropForm = typeof badgePropForm[number];\nexport const badgePropFormDefault: BadgePropForm = badgePropForm[0];\n\ntype Props = {\n  size?: BadgePropSize;\n  view?: BadgePropView;\n  status?: BadgePropStatus;\n  form?: BadgePropForm;\n  minified?: boolean;\n  /**\n   * @deprecated since version 4.17.2 iconLeft\n   */\n  icon?: IconComponent;\n  iconLeft?: IconComponent;\n  iconRight?: IconComponent;\n  label?: string;\n  children?: never;\n};\n\nexport const cnBadge = cn('Badge');\n\nexport const Badge = forwardRefWithAs<Props>((props, ref) => {\n  const {\n    size = badgePropSizeDefault,\n    view = badgePropViewDefault,\n    status = badgePropStatusDefault,\n    form = badgePropFormDefault,\n    icon,\n    iconLeft,\n    iconRight,\n    minified,\n    label,\n    as = 'div',\n    ...otherProps\n  } = props;\n\n  const Tag = as as string;\n  const { themeClassNames } = useTheme();\n\n  const className =\n    status !== 'system' && view === 'filled'\n      ? classnames(props.className, themeClassNames.color.accent)\n      : props.className;\n  const IconLeft = iconLeft ?? icon;\n  const IconRight = iconRight;\n  const withIcon = !!icon;\n\n  if (minified) {\n    return (\n      <Tag\n        {...otherProps}\n        className={cnBadge({ size, status, minified }, [className])}\n        title={label}\n        ref={ref}\n      />\n    );\n  }\n\n  return (\n    <Tag\n      {...otherProps}\n      className={cnBadge({ size, view, status, form, withIcon }, [className])}\n      ref={ref}\n    >\n      {IconLeft && <IconLeft size=\"xs\" className={cnBadge('Icon')} />}\n      {label}\n      {IconRight && <IconRight size=\"xs\" className={cnBadge('Icon')} />}\n    </Tag>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"Badge.js","names":["classnames","React","cn","forwardRefWithAs","useTheme","badgePropSize","badgePropSizeDefault","badgePropView","badgePropViewDefault","badgePropStatus","badgePropStatusDefault","badgePropForm","badgePropFormDefault","cnBadge","renderIcon","Icon","Badge","props","ref","size","view","status","form","icon","iconLeft","IconRight","iconRight","minified","label","as","otherProps","themeClassNames","className","color","accent","IconLeft","counter","filter","item","length"],"sources":["../../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import './Badge.css';\n\nimport { classnames } from '@bem-react/classnames';\nimport { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { cn } from '../../utils/bem';\nimport { forwardRefWithAs } from '../../utils/types/PropsWithAsAttributes';\nimport { useTheme } from '../Theme/Theme';\n\nexport const badgePropSize = ['xs', 's', 'm', 'l'] as const;\nexport type BadgePropSize = typeof badgePropSize[number];\nexport const badgePropSizeDefault: BadgePropSize = 'm';\n\nexport const badgePropView = ['filled', 'stroked'] as const;\nexport type BadgePropView = typeof badgePropView[number];\nexport const badgePropViewDefault: BadgePropView = badgePropView[0];\n\nexport const badgePropStatus = [\n  'normal',\n  'success',\n  'error',\n  'warning',\n  'system',\n] as const;\nexport type BadgePropStatus = typeof badgePropStatus[number];\nexport const badgePropStatusDefault: BadgePropStatus = badgePropStatus[0];\n\nexport const badgePropForm = ['default', 'round'] as const;\nexport type BadgePropForm = typeof badgePropForm[number];\nexport const badgePropFormDefault: BadgePropForm = badgePropForm[0];\n\ntype Props = {\n  size?: BadgePropSize;\n  view?: BadgePropView;\n  status?: BadgePropStatus;\n  form?: BadgePropForm;\n  minified?: boolean;\n  /**\n   * @deprecated since version 4.17.2 iconLeft\n   */\n  icon?: IconComponent;\n  iconLeft?: IconComponent;\n  iconRight?: IconComponent;\n  label?: string;\n  children?: never;\n};\n\nexport const cnBadge = cn('Badge');\n\nconst renderIcon = (Icon: IconComponent | undefined) => {\n  if (Icon) {\n    return <Icon size=\"xs\" className={cnBadge('Icon')} />;\n  }\n};\n\nexport const Badge = forwardRefWithAs<Props>((props, ref) => {\n  const {\n    size = badgePropSizeDefault,\n    view = badgePropViewDefault,\n    status = badgePropStatusDefault,\n    form = badgePropFormDefault,\n    icon,\n    iconLeft,\n    iconRight: IconRight,\n    minified,\n    label,\n    as = 'div',\n    ...otherProps\n  } = props;\n\n  const Tag = as as string;\n  const { themeClassNames } = useTheme();\n\n  const className =\n    status !== 'system' && view === 'filled'\n      ? classnames(props.className, themeClassNames.color.accent)\n      : props.className;\n  const IconLeft = iconLeft ?? icon;\n  const counter =\n    [icon, iconLeft, IconRight, label].filter((item) => Boolean(item))\n      .length === 1 && (label?.length || 0) <= 1;\n\n  return (\n    <Tag\n      {...otherProps}\n      className={cnBadge(\n        {\n          size,\n          status,\n          minified,\n          ...(!minified && {\n            view,\n            form,\n            counter,\n          }),\n        },\n        [className],\n      )}\n      ref={ref}\n      title={minified && label}\n    >\n      {!minified && (\n        <>\n          {renderIcon(IconLeft)}\n          {label}\n          {renderIcon(IconRight)}\n        </>\n      )}\n    </Tag>\n  );\n});\n"],"mappings":"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"}

package/__internal__/src/components/BookmarkTabsCanary/BookmarkTabs.css

@@ -1 +1 @@
-.BookmarkTabs{display:flex;flex-wrap:nowrap;height:var(--bookmark-tabs-tab-size);max-width:100%;white-space:nowrap;width:100%}.BookmarkTabs-Wrapper{display:inline-flex;max-width:100%;overflow-x:auto;width:-moz-max-content;width:max-content}.BookmarkTabs-Wrapper::-webkit-scrollbar:horizontal{display:none;height:0;width:0}.BookmarkTabs-Wrapper::-webkit-scrollbar-thumb:horizontal{display:none}.BookmarkTabs-List{display:inline-flex;height:var(--bookmark-tabs-tab-size);max-width:var(--bookmarks-list-width);width:-moz-max-content;width:max-content}.BookmarkTabs-List>.BookmarkTabsTab{flex:1}.BookmarkTabs-List>.BookmarkTabsTab:not(.BookmarkTabsTab_form_round.BookmarkTabsTab_active):not(.BookmarkTabsTab_form_round:has(+.BookmarkTabsTab_active)):after{background:var(--color-bg-border);content:"";height:var(--bookmark-divider-height);position:absolute;right:0;top:var(--bookmark-divider-top);width:1px}.BookmarkTabs-List:has(+.BookmarkTabs-List>.BookmarkTabsTab:first-child.BookmarkTabsTab_active)>.BookmarkTabsTab_form_round:last-child:after{display:none}.BookmarkTabs-List:last-child>.BookmarkTabsTab:last-child:after{display:none}.BookmarkTabs_form_brick{--bookmark-divider-height:100%;--bookmark-divider-top:0}.BookmarkTabs_form_round{--bookmark-divider-top:calc(var(--space-l)/2);--bookmark-divider-height:calc(100% - var(--space-l))}.BookmarkTabs_size_s{--bookmark-tabs-tab-size:var(--space-2xl)}.BookmarkTabs_size_m{--bookmark-tabs-tab-size:var(--space-3xl)}.BookmarkTabs_view_ghost{background:var(--color-bg-secondary)}.BookmarkTabs-Empty{flex:auto}.BookmarkTabs-Button,.BookmarkTabs-Empty{border-bottom:1px solid var(--color-bg-border)}.BookmarkTabs-Button{align-items:center;display:inline-flex;justify-content:center;min-height:var(--bookmark-tabs-tab-size);min-width:var(--bookmark-tabs-tab-size);position:relative}.BookmarkTabs-Button_type_add:before{background:var(--color-bg-border);content:"";height:var(--bookmark-divider-height);left:0;position:absolute;top:var(--bookmark-divider-top);width:1px}.BookmarkTabs-Block{max-width:100%;width:-moz-max-content;width:max-content}.BookmarkTabs-ScrollControls{align-items:center;display:inline-flex;justify-content:center}.BookmarkTabs-ScrollControls>*{border-right:1px solid var(--color-bg-border)}
+.canary--BookmarkTabs{display:flex;flex-wrap:nowrap;height:var(--bookmark-tabs-tab-size);max-width:100%;white-space:nowrap;width:100%}.canary--BookmarkTabs-Wrapper{display:inline-flex;max-width:100%;overflow-x:auto;width:-moz-max-content;width:max-content}.canary--BookmarkTabs-Wrapper::-webkit-scrollbar:horizontal{display:none;height:0;width:0}.canary--BookmarkTabs-Wrapper::-webkit-scrollbar-thumb:horizontal{display:none}.canary--BookmarkTabs-List{display:inline-flex;height:var(--bookmark-tabs-tab-size);max-width:var(--bookmarks-list-width);width:-moz-max-content;width:max-content}.canary--BookmarkTabs-List>.canary--BookmarkTabsTab{flex:1}.canary--BookmarkTabs-List>.canary--BookmarkTabsTab:not(.canary--BookmarkTabsTab_form_round.canary--BookmarkTabsTab_active):not(.canary--BookmarkTabsTab_form_round:has(+.canary--BookmarkTabsTab_active)):after{background:var(--color-bg-border);content:"";height:var(--bookmark-divider-height);position:absolute;right:0;top:var(--bookmark-divider-top);width:1px}.canary--BookmarkTabs-List:has(+.canary--BookmarkTabs-List>.canary--BookmarkTabsTab:first-child.canary--BookmarkTabsTab_active)>.canary--BookmarkTabsTab_form_round:last-child:after{display:none}.canary--BookmarkTabs-List:last-child>.canary--BookmarkTabsTab:last-child:after{display:none}.canary--BookmarkTabs_form_brick{--bookmark-divider-height:100%;--bookmark-divider-top:0}.canary--BookmarkTabs_form_round{--bookmark-divider-top:calc(var(--space-l)/2);--bookmark-divider-height:calc(100% - var(--space-l))}.canary--BookmarkTabs_size_s{--bookmark-tabs-tab-size:var(--space-2xl)}.canary--BookmarkTabs_size_m{--bookmark-tabs-tab-size:var(--space-3xl)}.canary--BookmarkTabs_view_ghost{background:var(--color-bg-secondary)}.canary--BookmarkTabs-Empty{border-bottom:1px solid var(--color-bg-border);flex:auto}.canary--BookmarkTabs-Button{align-items:center;border-bottom:1px solid var(--color-bg-border);display:inline-flex;justify-content:center;min-height:var(--bookmark-tabs-tab-size);min-width:var(--bookmark-tabs-tab-size);position:relative}.canary--BookmarkTabs-Button_type_add:before{background:var(--color-bg-border);content:"";height:var(--bookmark-divider-height);left:0;position:absolute;top:var(--bookmark-divider-top);width:1px}.canary--BookmarkTabs-Block{max-width:100%;width:-moz-max-content;width:max-content}.canary--BookmarkTabs-ScrollControls{align-items:center;display:inline-flex;justify-content:center}.canary--BookmarkTabs-ScrollControls>*{border-right:1px solid var(--color-bg-border)}

package/__internal__/src/components/BookmarkTabsCanary/BookmarkTabsCanary.js

@@ -0,0 +1,2 @@
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["item","attributes"],_excluded2=["items","value","onCreate","getItemKey","getItemLabel","getItemLeftIcon","getItemRightIcon","getItemAs","getItemRef","getItemAttributes","getItemFixed","onChange","onRemove","renderItem","size","form","view","withNavigationButtons","className","id"];import"./BookmarkTabs.css";import{IconAdd}from"@consta/icons/IconAdd";import{IconArrowLeft}from"@consta/icons/IconArrowLeft";import{IconArrowRight}from"@consta/icons/IconArrowRight";import React,{forwardRef}from"react";import{useComponentSize}from"../../hooks/useComponentSize";import{useForkRef}from"../../hooks/useForkRef";import{cnCanary as cn}from"../../utils/bem";import{Button}from"../Button";import{BookmarkTabsTab}from"./BookmarkTabsTab";import{withDefaultGetters}from"./helper";import{bookmarkTabsPropFormDefault,bookmarkTabsPropSizeDefault,bookmarkTabsPropViewDefault}from"./types";import{useBookmarkTabs}from"./useBookmarkTabs";export var cnBookmarkTabs=cn("BookmarkTabs");var renderItemDefault=function(a){var b=a.item,c=a.attributes,d=void 0===c?{}:c,e=_objectWithoutProperties(a,_excluded);return React.createElement(BookmarkTabsTab,Object.assign({},d,e))},BookmarkTabsRender=function(a,b){var c=withDefaultGetters(a),d=c.items,e=void 0===d?[]:d,f=c.value,g=c.onCreate,h=c.getItemKey,i=c.getItemLabel,j=c.getItemLeftIcon,k=c.getItemRightIcon,l=c.getItemAs,m=c.getItemRef,n=c.getItemAttributes,o=c.getItemFixed,p=c.onChange,q=c.onRemove,r=c.renderItem,s=void 0===r?renderItemDefault:r,t=c.size,u=void 0===t?bookmarkTabsPropSizeDefault:t,v=c.form,w=void 0===v?bookmarkTabsPropFormDefault:v,x=c.view,y=void 0===x?bookmarkTabsPropViewDefault:x,z=c.withNavigationButtons,A=c.className,B=c.id,C=_objectWithoutProperties(c,_excluded2),D=function(a){return!!f&&h(a)===h(f)},E=useBookmarkTabs({items:e,getItemFixed:o,size:u,withNavigationButtons:z,withAddButton:!!g}),F=E.refs,G=E.fixedTabs,H=E.fixedTabsRef,I=E.otherTabs,J=E.otherTabsRef,K=E.showControls,L=E.wrapperRef,M=E.containerRef,N=E.controlsRef,O=E.addButtonRef,P=E.navigate,Q=E.sizes,R=useComponentSize(H),S=R.width,T=function(a,b,c,d){var e;return s({item:a,onClick:function onClick(b){return null===p||void 0===p?void 0:p(a,{e:b})},active:D(a),label:i(a),leftIcon:j(a),rightIcon:k(a),as:null!==(e=l(a))&&void 0!==e?e:"button",attributes:n(a),tabRef:m(a),controlRef:c,fixed:b,onClose:q?function(b){return q(a,{e:b})}:void 0,size:u,view:y,form:w,tabWidth:d})};return React.createElement("div",Object.assign({className:cnBookmarkTabs({size:u,view:y,form:w},[A]),ref:useForkRef([b,M]),id:B},C),K&&React.createElement("div",{ref:N,className:cnBookmarkTabs("ScrollControls")},React.createElement("div",{className:cnBookmarkTabs("Button")},React.createElement(Button,{view:"clear",size:"xs",type:"button",onClick:function onClick(){return P("prev")},iconLeft:IconArrowLeft,onlyIcon:!0})),React.createElement("div",{className:cnBookmarkTabs("Button")},React.createElement(Button,{view:"clear",size:"xs",onClick:function onClick(){return P("next")},iconLeft:IconArrowRight,onlyIcon:!0}))),React.createElement("div",{ref:L,className:cnBookmarkTabs("Wrapper")},React.createElement("div",{style:_defineProperty({},"--bookmarks-list-width","max-content"),ref:H,className:cnBookmarkTabs("List")},G.map(function(a,b){return React.createElement(React.Fragment,{key:h(a)},T(a,!0,F[b]))})),React.createElement("div",{style:_defineProperty({},"--bookmarks-list-width","calc(100% - ".concat(S,"px)")),className:cnBookmarkTabs("List"),ref:J},I.map(function(a,b){return React.createElement(React.Fragment,{key:h(a)},T(a,!1,F[G.length+b],Q[b]))}))),g&&React.createElement("div",{ref:O,className:cnBookmarkTabs("Button",{type:"add"})},React.createElement(Button,{view:"clear",size:"xs",onClick:g,iconLeft:IconAdd,onlyIcon:!0})),React.createElement("div",{className:cnBookmarkTabs("Empty")}))};export var BookmarkTabs=forwardRef(BookmarkTabsRender);
+//# sourceMappingURL=BookmarkTabsCanary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BookmarkTabsCanary.js","names":["IconAdd","IconArrowLeft","IconArrowRight","React","forwardRef","useComponentSize","useForkRef","cnCanary","cn","Button","BookmarkTabsTab","withDefaultGetters","bookmarkTabsPropFormDefault","bookmarkTabsPropSizeDefault","bookmarkTabsPropViewDefault","useBookmarkTabs","cnBookmarkTabs","renderItemDefault","props","_item","item","attributes","otherProps","BookmarkTabsRender","ref","items","value","onCreate","getItemKey","getItemLabel","getItemLeftIcon","getItemRightIcon","getItemAs","getItemRef","getItemAttributes","getItemFixed","onChange","onRemove","renderItem","renderItemProp","size","form","view","withNavigationButtons","className","id","getItemActive","withAddButton","refs","fixedTabs","fixedTabsRef","otherTabs","otherTabsRef","showControls","wrapperRef","containerRef","controlsRef","addButtonRef","navigate","sizes","fixedWidth","width","fixed","controlRef","tabWidth","onClick","e","active","label","leftIcon","rightIcon","as","tabRef","onClose","map","index","length","type","BookmarkTabs"],"sources":["../../../../../src/components/BookmarkTabsCanary/BookmarkTabsCanary.tsx"],"sourcesContent":["import './BookmarkTabs.css';\n\nimport { IconAdd } from '@consta/icons/IconAdd';\nimport { IconArrowLeft } from '@consta/icons/IconArrowLeft';\nimport { IconArrowRight } from '@consta/icons/IconArrowRight';\nimport React, { forwardRef } from 'react';\n\nimport { useComponentSize } from '##/hooks/useComponentSize';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { cnCanary as cn } from '##/utils/bem';\n\nimport { Button } from '../Button';\nimport { BookmarkTabsTab } from './BookmarkTabsTab';\nimport { withDefaultGetters } from './helper';\nimport {\n  BookmarkTabsComponent,\n  bookmarkTabsPropFormDefault,\n  BookmarkTabsProps,\n  bookmarkTabsPropSizeDefault,\n  bookmarkTabsPropViewDefault,\n  BookmarkTabsRenderItemProps,\n} from './types';\nimport { useBookmarkTabs } from './useBookmarkTabs';\n\nexport const cnBookmarkTabs = cn('BookmarkTabs');\n\nconst renderItemDefault = <ITEM,>(\n  props: BookmarkTabsRenderItemProps<ITEM>,\n): React.ReactElement => {\n  const { item: _item, attributes = {}, ...otherProps } = props;\n  return <BookmarkTabsTab {...attributes} {...otherProps} />;\n};\n\nconst BookmarkTabsRender = (\n  props: BookmarkTabsProps,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    items = [],\n    value,\n    onCreate,\n    getItemKey,\n    getItemLabel,\n    getItemLeftIcon,\n    getItemRightIcon,\n    getItemAs,\n    getItemRef,\n    getItemAttributes,\n    getItemFixed,\n    onChange,\n    onRemove,\n    renderItem: renderItemProp = renderItemDefault,\n    size = bookmarkTabsPropSizeDefault,\n    form = bookmarkTabsPropFormDefault,\n    view = bookmarkTabsPropViewDefault,\n    withNavigationButtons,\n    className,\n    id,\n    ...otherProps\n  } = withDefaultGetters(props);\n\n  type Item = typeof items[number];\n\n  const getItemActive = (item: Item) => {\n    return value ? getItemKey(item) === getItemKey(value) : false;\n  };\n\n  const {\n    refs,\n    fixedTabs,\n    fixedTabsRef,\n    otherTabs,\n    otherTabsRef,\n    showControls,\n    wrapperRef,\n    containerRef,\n    controlsRef,\n    addButtonRef,\n    navigate,\n    sizes,\n  } = useBookmarkTabs({\n    items,\n    getItemFixed,\n    size,\n    withNavigationButtons,\n    withAddButton: !!onCreate,\n  });\n\n  const { width: fixedWidth } = useComponentSize(fixedTabsRef);\n\n  const renderItem = (\n    item: Item,\n    fixed: boolean,\n    controlRef: React.RefObject<HTMLElement>,\n    tabWidth?: string,\n  ) =>\n    renderItemProp({\n      item,\n      onClick: (e) => onChange?.(item, { e }),\n      active: getItemActive(item),\n      label: getItemLabel(item),\n      leftIcon: getItemLeftIcon(item),\n      rightIcon: getItemRightIcon(item),\n      as: getItemAs(item) ?? 'button',\n      attributes: getItemAttributes(item),\n      tabRef: getItemRef(item),\n      controlRef,\n      fixed,\n      onClose: onRemove ? (e) => onRemove(item, { e }) : undefined,\n      size,\n      view,\n      form,\n      tabWidth,\n    });\n\n  return (\n    <div\n      className={cnBookmarkTabs({ size, view, form }, [className])}\n      ref={useForkRef([ref, containerRef])}\n      id={id}\n      {...otherProps}\n    >\n      {showControls && (\n        <div ref={controlsRef} className={cnBookmarkTabs('ScrollControls')}>\n          <div className={cnBookmarkTabs('Button')}>\n            <Button\n              view=\"clear\"\n              size=\"xs\"\n              type=\"button\"\n              onClick={() => navigate('prev')}\n              iconLeft={IconArrowLeft}\n              onlyIcon\n            />\n          </div>\n          <div className={cnBookmarkTabs('Button')}>\n            <Button\n              view=\"clear\"\n              size=\"xs\"\n              onClick={() => navigate('next')}\n              iconLeft={IconArrowRight}\n              onlyIcon\n            />\n          </div>\n        </div>\n      )}\n      <div ref={wrapperRef} className={cnBookmarkTabs('Wrapper')}>\n        <div\n          style={{\n            ['--bookmarks-list-width' as string]: `max-content`,\n          }}\n          ref={fixedTabsRef}\n          className={cnBookmarkTabs('List')}\n        >\n          {fixedTabs.map((item, index) => (\n            <React.Fragment key={getItemKey(item)}>\n              {renderItem(item, true, refs[index])}\n            </React.Fragment>\n          ))}\n        </div>\n        <div\n          style={{\n            ['--bookmarks-list-width' as string]: `calc(100% - ${fixedWidth}px)`,\n          }}\n          className={cnBookmarkTabs('List')}\n          ref={otherTabsRef}\n        >\n          {otherTabs.map((item, index) => (\n            <React.Fragment key={getItemKey(item)}>\n              {renderItem(\n                item,\n                false,\n                refs[fixedTabs.length + index],\n                sizes[index],\n              )}\n            </React.Fragment>\n          ))}\n        </div>\n      </div>\n      {onCreate && (\n        <div\n          ref={addButtonRef}\n          className={cnBookmarkTabs('Button', { type: 'add' })}\n        >\n          <Button\n            view=\"clear\"\n            size=\"xs\"\n            onClick={onCreate}\n            iconLeft={IconAdd}\n            onlyIcon\n          />\n        </div>\n      )}\n      <div className={cnBookmarkTabs('Empty')} />\n    </div>\n  );\n};\n\nexport const BookmarkTabs = forwardRef(\n  BookmarkTabsRender,\n) as BookmarkTabsComponent;\n"],"mappings":"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"}

package/__internal__/src/components/BookmarkTabsCanary/BookmarkTabsTab/BookmarkTabsTab.css

@@ -1 +1 @@
-.BookmarkTabsTab{--bookmark-tabs-tab-close-size:0px;--bookmark-tabs-tab-right-icon-size:0px;align-items:center;background:none;border:none;box-sizing:border-box;cursor:pointer;display:inline-flex;height:var(--bookmark-tabs-tab-size);max-height:100%;max-width:200px;min-width:calc(var(--bookmark-tabs-tab-close-size) + var(--bookmark-tabs-tab-right-icon-size) + var(--bookmark-tabs-tab-left-icon-size) + var(--space-3xl) + var(--space-m));overflow:hidden;padding:var(--bookmark-tabs-tab-padding-top) var(--space-xs);position:relative;transition:background-color .3s,box-shadow .3s;width:var(--bookmarks-tab-width)}.BookmarkTabsTab:hover,.BookmarkTabsTab:not(.BookmarkTabsTab_active):focus{--bookmark-tabs-tab-color:var(--color-control-typo-ghost-hover);background-color:var(--color-control-bg-ghost-hover)}.BookmarkTabsTab:not(.BookmarkTabsTab_active){border-bottom:1px solid var(--color-bg-border)}.BookmarkTabsTab:not(.BookmarkTabsTab_withLeftIcon){--bookmark-tabs-tab-left-icon-size:0px}.BookmarkTabsTab_withCloseButton{--bookmark-tabs-tab-close-size:var(--space-2xl)}.BookmarkTabsTab_withRightIcon{--bookmark-tabs-tab-right-icon-size:var(--space-l)}.BookmarkTabsTab_view_ghost{--bookmark-tabs-tab-color:var(--color-typo-primary);background:var(--color-bg-secondary)}.BookmarkTabsTab_view_clear{--bookmark-tabs-tab-color:var(--color-typo-secondary)}.BookmarkTabsTab_size_s{--bookmark-tabs-tab-size:var(--space-2xl);--bookmark-tabs-tab-padding-top:var(--space-2xs);--bookmark-tabs-tab-left-icon-size:var(--space-l)}.BookmarkTabsTab_size_m{--bookmark-tabs-tab-size:var(--space-3xl);--bookmark-tabs-tab-padding-top:var(--space-xs);--bookmark-tabs-tab-left-icon-size:var(--space-2xl)}.BookmarkTabsTab_form_round{border-radius:var(--space-xs) var(--space-xs) 0 0}.BookmarkTabsTab_form_round.BookmarkTabsTab_active{border-left:1px solid var(--color-bg-border);border-right:1px solid var(--color-bg-border);border-top:1px solid var(--color-bg-border);padding-top:calc(var(--bookmark-tabs-tab-padding-top) - 1px)}.BookmarkTabsTab_fixed{--bookmark-tabs-tab-padding-top:var(--space-xs);min-width:var(--bookmark-tabs-tab-size);width:var(--bookmark-tabs-tab-size)}.BookmarkTabsTab_active{--bookmark-tabs-tab-color:var(--color-typo-primary);background:var(--color-bg-default)}.BookmarkTabsTab-Icon_side_left,.BookmarkTabsTab-Label.Text{color:var(--bookmark-tabs-tab-color);transition:color .3s}.BookmarkTabsTab-Icon{display:block;min-width:var(--icon-size)}.BookmarkTabsTab-Label{flex:auto;min-width:var(--space-3xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.canary--BookmarkTabsTab{--bookmark-tabs-tab-close-size:0px;--bookmark-tabs-tab-right-icon-size:0px;align-items:center;background:none;border:none;box-sizing:border-box;cursor:pointer;display:inline-flex;height:var(--bookmark-tabs-tab-size);max-height:100%;max-width:200px;min-width:calc(var(--bookmark-tabs-tab-close-size) + var(--bookmark-tabs-tab-right-icon-size) + var(--bookmark-tabs-tab-left-icon-size) + var(--space-3xl) + var(--space-m));overflow:hidden;padding:var(--bookmark-tabs-tab-padding-top) var(--space-xs);position:relative;transition:background-color .3s,box-shadow .3s;width:var(--bookmarks-tab-width)}.canary--BookmarkTabsTab:hover,.canary--BookmarkTabsTab:not(.canary--BookmarkTabsTab_active):focus{--bookmark-tabs-tab-color:var(--color-control-typo-ghost-hover);background-color:var(--color-control-bg-ghost-hover)}.canary--BookmarkTabsTab:not(.canary--BookmarkTabsTab_active){border-bottom:1px solid var(--color-bg-border)}.canary--BookmarkTabsTab:not(.canary--BookmarkTabsTab_withLeftIcon){--bookmark-tabs-tab-left-icon-size:0px}.canary--BookmarkTabsTab_withCloseButton{--bookmark-tabs-tab-close-size:var(--space-2xl)}.canary--BookmarkTabsTab_withRightIcon{--bookmark-tabs-tab-right-icon-size:var(--space-l)}.canary--BookmarkTabsTab_view_ghost{--bookmark-tabs-tab-color:var(--color-typo-primary);background:var(--color-bg-secondary)}.canary--BookmarkTabsTab_view_clear{--bookmark-tabs-tab-color:var(--color-typo-secondary)}.canary--BookmarkTabsTab_size_s{--bookmark-tabs-tab-size:var(--space-2xl);--bookmark-tabs-tab-padding-top:var(--space-2xs);--bookmark-tabs-tab-left-icon-size:var(--space-l)}.canary--BookmarkTabsTab_size_m{--bookmark-tabs-tab-size:var(--space-3xl);--bookmark-tabs-tab-padding-top:var(--space-xs);--bookmark-tabs-tab-left-icon-size:var(--space-2xl)}.canary--BookmarkTabsTab_form_round{border-radius:var(--space-xs) var(--space-xs) 0 0}.canary--BookmarkTabsTab_form_round.canary--BookmarkTabsTab_active{border-left:1px solid var(--color-bg-border);border-right:1px solid var(--color-bg-border);border-top:1px solid var(--color-bg-border);padding-top:calc(var(--bookmark-tabs-tab-padding-top) - 1px)}.canary--BookmarkTabsTab_fixed{--bookmark-tabs-tab-padding-top:var(--space-xs);min-width:var(--bookmark-tabs-tab-size);width:var(--bookmark-tabs-tab-size)}.canary--BookmarkTabsTab_active{--bookmark-tabs-tab-color:var(--color-typo-primary);background:var(--color-bg-default)}.canary--BookmarkTabsTab-Icon_side_left,.canary--BookmarkTabsTab-Label.Text{color:var(--bookmark-tabs-tab-color);transition:color .3s}.canary--BookmarkTabsTab-Icon{display:block;min-width:var(--icon-size)}.canary--BookmarkTabsTab-Label{flex:auto;min-width:var(--space-3xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

package/__internal__/src/components/BookmarkTabsCanary/BookmarkTabsTab/BookmarkTabsTab.js

@@ -1,2 +1,2 @@
-import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["label","leftIcon","rightIcon","as","onClick","size","form","active","fixed","tabRef","controlRef","onClose","view","className","tabWidth","style"];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"./BookmarkTabsTab.css";import{IconClose}from"@consta/icons/IconClose";import React,{forwardRef}from"react";import{Button}from"../../Button";import{Text}from"../../Text";import{useForkRef}from"../../../hooks/useForkRef";import{cnMixSpace}from"../../../mixs/MixSpace";import{cn}from"../../../utils/bem";export var cnBookmarkTabsTab=cn("BookmarkTabsTab");var BookmarkTabsTabRender=function(a,b){var c=a.label,d=a.leftIcon,e=a.rightIcon,f=a.as,g=void 0===f?"button":f,h=a.onClick,i=a.size,j=a.form,k=a.active,l=a.fixed,m=a.tabRef,n=a.controlRef,o=a.onClose,p=a.view,q=a.className,r=a.tabWidth,s=void 0===r?"100%":r,t=a.style,u=_objectWithoutProperties(a,_excluded);return React.createElement(g,Object.assign({className:cnBookmarkTabsTab({size:i,form:j,view:p,active:k,fixed:l,withCloseButton:!!o,withLeftIcon:!!d,withRightIcon:!!e},[q]),role:"tab",type:"button",onClick:h,ref:useForkRef([b,m,n]),style:_objectSpread(_defineProperty({},"--bookmarks-tab-width",s),t)},u),d&&React.createElement(d,{className:cnBookmarkTabsTab("Icon",{side:"left"},[l?void 0:cnMixSpace({mR:"s"===i?"2xs":"xs"})]),size:i}),!l&&React.createElement(React.Fragment,null,React.createElement(Text,{align:"left",className:cnBookmarkTabsTab("Label"),size:i},c),e&&React.createElement(e,{className:cnBookmarkTabsTab("Icon",{side:"right"},[cnMixSpace({mL:"xs"})]),size:"xs",view:"secondary"}),o&&React.createElement(Button,{size:"xs",onlyIcon:!0,as:"div",view:"clear",className:cnBookmarkTabsTab("Button",[cnMixSpace({mL:"xs"})]),onClick:o,iconLeft:IconClose})))};export var BookmarkTabsTab=forwardRef(BookmarkTabsTabRender);
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["label","leftIcon","rightIcon","as","onClick","size","form","active","fixed","tabRef","controlRef","onClose","view","className","tabWidth","style"];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"./BookmarkTabsTab.css";import{IconClose}from"@consta/icons/IconClose";import React,{forwardRef}from"react";import{Button}from"../../Button";import{Text}from"../../Text";import{useForkRef}from"../../../hooks/useForkRef";import{cnMixSpace}from"../../../mixs/MixSpace";import{cnCanary as cn}from"../../../utils/bem";export var cnBookmarkTabsTab=cn("BookmarkTabsTab");var BookmarkTabsTabRender=function(a,b){var c=a.label,d=a.leftIcon,e=a.rightIcon,f=a.as,g=void 0===f?"button":f,h=a.onClick,i=a.size,j=a.form,k=a.active,l=a.fixed,m=a.tabRef,n=a.controlRef,o=a.onClose,p=a.view,q=a.className,r=a.tabWidth,s=void 0===r?"100%":r,t=a.style,u=_objectWithoutProperties(a,_excluded);return React.createElement(g,Object.assign({className:cnBookmarkTabsTab({size:i,form:j,view:p,active:k,fixed:l,withCloseButton:!!o,withLeftIcon:!!d,withRightIcon:!!e},[q]),role:"tab",type:"button",onClick:h,ref:useForkRef([b,m,n]),style:_objectSpread(_defineProperty({},"--bookmarks-tab-width",s),t)},u),d&&React.createElement(d,{className:cnBookmarkTabsTab("Icon",{side:"left"},[l?void 0:cnMixSpace({mR:"s"===i?"2xs":"xs"})]),size:i}),!l&&React.createElement(React.Fragment,null,React.createElement(Text,{align:"left",className:cnBookmarkTabsTab("Label"),size:i},c),e&&React.createElement(e,{className:cnBookmarkTabsTab("Icon",{side:"right"},[cnMixSpace({mL:"xs"})]),size:"xs",view:"secondary"}),o&&React.createElement(Button,{size:"xs",onlyIcon:!0,as:"div",view:"clear",className:cnBookmarkTabsTab("Button",[cnMixSpace({mL:"xs"})]),onClick:o,iconLeft:IconClose})))};export var BookmarkTabsTab=forwardRef(BookmarkTabsTabRender);
 //# sourceMappingURL=BookmarkTabsTab.js.map

package/__internal__/src/components/BookmarkTabsCanary/BookmarkTabsTab/BookmarkTabsTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"BookmarkTabsTab.js","names":["IconClose","React","forwardRef","Button","Text","useForkRef","cnMixSpace","cn","cnBookmarkTabsTab","BookmarkTabsTabRender","props","ref","label","LeftIcon","leftIcon","RightIcon","rightIcon","as","Tag","onClick","size","form","active","fixed","tabRef","controlRef","onClose","view","className","tabWidth","style","otherProps","withCloseButton","withLeftIcon","withRightIcon","side","mR","mL","BookmarkTabsTab"],"sources":["../../../../../../src/components/BookmarkTabsCanary/BookmarkTabsTab/BookmarkTabsTab.tsx"],"sourcesContent":["import './BookmarkTabsTab.css';\n\nimport { IconClose } from '@consta/icons/IconClose';\nimport React, { forwardRef } from 'react';\n\nimport { Button } from '##/components/Button';\nimport { Text } from '##/components/Text';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cn } from '##/utils/bem';\n\nimport { BookmarkTabsTabComponent, BookmarkTabsTabProps } from '../types';\n\nexport const cnBookmarkTabsTab = cn('BookmarkTabsTab');\n\nconst BookmarkTabsTabRender = (\n  props: BookmarkTabsTabProps,\n  ref: React.Ref<HTMLButtonElement>,\n) => {\n  const {\n    label,\n    leftIcon: LeftIcon,\n    rightIcon: RightIcon,\n    as: Tag = 'button',\n    onClick,\n    size,\n    form,\n    active,\n    fixed,\n    tabRef,\n    controlRef,\n    onClose,\n    view,\n    className,\n    tabWidth = '100%',\n    style,\n    ...otherProps\n  } = props;\n\n  return (\n    <Tag\n      className={cnBookmarkTabsTab(\n        {\n          size,\n          form,\n          view,\n          active,\n          fixed,\n          withCloseButton: !!onClose,\n          withLeftIcon: !!LeftIcon,\n          withRightIcon: !!RightIcon,\n        },\n        [className],\n      )}\n      role=\"tab\"\n      type=\"button\"\n      onClick={onClick}\n      ref={useForkRef([ref, tabRef, controlRef])}\n      style={{\n        ['--bookmarks-tab-width' as string]: tabWidth,\n        ...style,\n      }}\n      {...otherProps}\n    >\n      {LeftIcon && (\n        <LeftIcon\n          className={cnBookmarkTabsTab('Icon', { side: 'left' }, [\n            fixed ? undefined : cnMixSpace({ mR: size === 's' ? '2xs' : 'xs' }),\n          ])}\n          size={size}\n        />\n      )}\n      {!fixed && (\n        <>\n          <Text align=\"left\" className={cnBookmarkTabsTab('Label')} size={size}>\n            {label}\n          </Text>\n          {RightIcon && (\n            <RightIcon\n              className={cnBookmarkTabsTab('Icon', { side: 'right' }, [\n                cnMixSpace({ mL: 'xs' }),\n              ])}\n              size=\"xs\"\n              view=\"secondary\"\n            />\n          )}\n          {onClose && (\n            <Button\n              size=\"xs\"\n              onlyIcon\n              as=\"div\"\n              view=\"clear\"\n              className={cnBookmarkTabsTab('Button', [\n                cnMixSpace({ mL: 'xs' }),\n              ])}\n              onClick={onClose}\n              iconLeft={IconClose}\n            />\n          )}\n        </>\n      )}\n    </Tag>\n  );\n};\n\nexport const BookmarkTabsTab = forwardRef(\n  BookmarkTabsTabRender,\n) as BookmarkTabsTabComponent;\n"],"mappings":"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"}
+{"version":3,"file":"BookmarkTabsTab.js","names":["IconClose","React","forwardRef","Button","Text","useForkRef","cnMixSpace","cnCanary","cn","cnBookmarkTabsTab","BookmarkTabsTabRender","props","ref","label","LeftIcon","leftIcon","RightIcon","rightIcon","as","Tag","onClick","size","form","active","fixed","tabRef","controlRef","onClose","view","className","tabWidth","style","otherProps","withCloseButton","withLeftIcon","withRightIcon","side","mR","mL","BookmarkTabsTab"],"sources":["../../../../../../src/components/BookmarkTabsCanary/BookmarkTabsTab/BookmarkTabsTab.tsx"],"sourcesContent":["import './BookmarkTabsTab.css';\n\nimport { IconClose } from '@consta/icons/IconClose';\nimport React, { forwardRef } from 'react';\n\nimport { Button } from '##/components/Button';\nimport { Text } from '##/components/Text';\nimport { useForkRef } from '##/hooks/useForkRef';\nimport { cnMixSpace } from '##/mixs/MixSpace';\nimport { cnCanary as cn } from '##/utils/bem';\n\nimport { BookmarkTabsTabComponent, BookmarkTabsTabProps } from '../types';\n\nexport const cnBookmarkTabsTab = cn('BookmarkTabsTab');\n\nconst BookmarkTabsTabRender = (\n  props: BookmarkTabsTabProps,\n  ref: React.Ref<HTMLButtonElement>,\n) => {\n  const {\n    label,\n    leftIcon: LeftIcon,\n    rightIcon: RightIcon,\n    as: Tag = 'button',\n    onClick,\n    size,\n    form,\n    active,\n    fixed,\n    tabRef,\n    controlRef,\n    onClose,\n    view,\n    className,\n    tabWidth = '100%',\n    style,\n    ...otherProps\n  } = props;\n\n  return (\n    <Tag\n      className={cnBookmarkTabsTab(\n        {\n          size,\n          form,\n          view,\n          active,\n          fixed,\n          withCloseButton: !!onClose,\n          withLeftIcon: !!LeftIcon,\n          withRightIcon: !!RightIcon,\n        },\n        [className],\n      )}\n      role=\"tab\"\n      type=\"button\"\n      onClick={onClick}\n      ref={useForkRef([ref, tabRef, controlRef])}\n      style={{\n        ['--bookmarks-tab-width' as string]: tabWidth,\n        ...style,\n      }}\n      {...otherProps}\n    >\n      {LeftIcon && (\n        <LeftIcon\n          className={cnBookmarkTabsTab('Icon', { side: 'left' }, [\n            fixed ? undefined : cnMixSpace({ mR: size === 's' ? '2xs' : 'xs' }),\n          ])}\n          size={size}\n        />\n      )}\n      {!fixed && (\n        <>\n          <Text align=\"left\" className={cnBookmarkTabsTab('Label')} size={size}>\n            {label}\n          </Text>\n          {RightIcon && (\n            <RightIcon\n              className={cnBookmarkTabsTab('Icon', { side: 'right' }, [\n                cnMixSpace({ mL: 'xs' }),\n              ])}\n              size=\"xs\"\n              view=\"secondary\"\n            />\n          )}\n          {onClose && (\n            <Button\n              size=\"xs\"\n              onlyIcon\n              as=\"div\"\n              view=\"clear\"\n              className={cnBookmarkTabsTab('Button', [\n                cnMixSpace({ mL: 'xs' }),\n              ])}\n              onClick={onClose}\n              iconLeft={IconClose}\n            />\n          )}\n        </>\n      )}\n    </Tag>\n  );\n};\n\nexport const BookmarkTabsTab = forwardRef(\n  BookmarkTabsTabRender,\n) as BookmarkTabsTabComponent;\n"],"mappings":"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"}

package/__internal__/src/components/BookmarkTabsCanary/index.d.ts

@@ -1,2 +1,3 @@
-export * from './BookmarkTabs';
+export * from './BookmarkTabsCanary';
 export * from './BookmarkTabsTab';
+export * from './types';

package/__internal__/src/components/BookmarkTabsCanary/index.js

@@ -1,2 +1,2 @@
-export*from"./BookmarkTabs";export*from"./BookmarkTabsTab";
+export*from"./BookmarkTabsCanary";export*from"./BookmarkTabsTab";export*from"./types";
 //# sourceMappingURL=index.js.map

package/__internal__/src/components/BookmarkTabsCanary/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/BookmarkTabsCanary/index.ts"],"sourcesContent":["export * from './BookmarkTabs';\nexport * from './BookmarkTabsTab';\n"],"mappings":"AAAA,4BACA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/BookmarkTabsCanary/index.ts"],"sourcesContent":["export * from './BookmarkTabsCanary';\nexport * from './BookmarkTabsTab';\nexport * from './types';\n"],"mappings":"AAAA,kCACA,+BACA"}

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

@@ -15,6 +15,8 @@ export declare const DatePickerFieldTypeDateRange: React.ForwardRefExoticCompone
     endFieldRef?: React.Ref<HTMLDivElement> | undefined;
     startFieldOnFocus?: React.FocusEventHandler<HTMLElement> | undefined;
     endFieldOnFocus?: React.FocusEventHandler<HTMLElement> | undefined;
+    startFieldOnClick?: React.MouseEventHandler<HTMLElement> | undefined;
+    endFieldOnClick?: React.MouseEventHandler<HTMLElement> | undefined;
     startFieldOnBlur?: React.FocusEventHandler<HTMLElement> | undefined;
     endFieldOnBlur?: React.FocusEventHandler<HTMLElement> | undefined;
     startFocused?: boolean | undefined;

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

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","form","startFieldInputRef","startFieldLeftSide","startFieldRightSide","endFieldInputRef","endFieldLeftSide","endFieldRightSide","value","onChange","onError","startFieldName","endFieldName","disabled","size","view","status","autoFocus","placeholder","readOnly","required","tabIndex","ariaLabel","id","iconSize","format","separator","minDate","maxDate","startFieldOnBlur","startFieldOnFocus","endFieldOnBlur","endFieldOnFocus","startFieldRef","endFieldRef","startFocused","endFocused","label","labelIcon","labelPosition","caption","width","withClearButton"];import React,{forwardRef}from"react";import{FieldCaption}from"../../FieldCaption/FieldCaption";import{FieldLabel}from"../../FieldLabel/FieldLabel";import{DatePickerFieldTypeDate}from"../DatePickerFieldTypeDate/DatePickerFieldTypeDate";import{cnDatePickerMixRangeField}from"../DatePickerMixRangeField/DatePickerMixRangeField";import{getChangeFnRange}from"../getChangeFnRange";import{getFormForEnd,getFormForStart}from"../helpers";export var DatePickerFieldTypeDateRange=forwardRef(function(a,b){var c=a.className,d=a.form,e=void 0===d?"default":d,f=a.startFieldInputRef,g=a.startFieldLeftSide,h=a.startFieldRightSide,i=a.endFieldInputRef,j=a.endFieldLeftSide,k=a.endFieldRightSide,l=a.value,m=void 0===l?[]:l,n=a.onChange,o=a.onError,p=a.startFieldName,q=a.endFieldName,r=a.disabled,s=a.size,t=a.view,u=a.status,v=a.autoFocus,w=a.placeholder,x=a.readOnly,y=a.required,z=a.tabIndex,A=a.ariaLabel,B=a.id,C=a.iconSize,D=a.format,E=a.separator,F=a.minDate,G=a.maxDate,H=a.startFieldOnBlur,I=a.startFieldOnFocus,J=a.endFieldOnBlur,K=a.endFieldOnFocus,L=a.startFieldRef,M=a.endFieldRef,N=a.startFocused,O=a.endFocused,P=a.label,Q=a.labelIcon,R=a.labelPosition,S=a.caption,T=a.width,U=a.withClearButton,V=_objectWithoutProperties(a,_excluded),W={className:cnDatePickerMixRangeField("Field"),disabled:r,onError:o,size:s,view:t,status:u,autoFocus:v,placeholder:w,readOnly:x,required:y,tabIndex:z,ariaLabel:A,iconSize:C,format:D,separator:E,minDate:F,maxDate:G,withClearButton:U},X=getChangeFnRange(n,o,m),Y=_slicedToArray(X,2),Z=Y[0],$=Y[1];return React.createElement("div",Object.assign({},V,{className:cnDatePickerMixRangeField({view:t,labelPosition:R,width:T,size:s},[c]),ref:b}),P&&React.createElement(FieldLabel,{required:y,as:"label",className:cnDatePickerMixRangeField("Label",{labelPosition:R}),size:s,htmlFor:B,icon:Q},P),React.createElement("div",{className:cnDatePickerMixRangeField("Body")},React.createElement("div",{className:cnDatePickerMixRangeField("Fields")},React.createElement(DatePickerFieldTypeDate,Object.assign({},W,{inputRef:f,ref:L,leftSide:g,rightSide:h,form:getFormForStart(e),value:null===m||void 0===m?void 0:m[0],id:B,onChange:Z,onFocus:I,onBlur:H,focused:N,name:p})),React.createElement(DatePickerFieldTypeDate,Object.assign({},W,{name:q,inputRef:i,ref:M,leftSide:j,rightSide:k,form:getFormForEnd(e),value:null===m||void 0===m?void 0:m[1],onChange:$,onFocus:K,onBlur:J,focused:O}))),S&&React.createElement(FieldCaption,{className:cnDatePickerMixRangeField("Caption"),status:u},S)))});
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","form","startFieldInputRef","startFieldLeftSide","startFieldRightSide","endFieldInputRef","endFieldLeftSide","endFieldRightSide","value","onChange","onError","startFieldName","endFieldName","disabled","size","view","status","autoFocus","placeholder","readOnly","required","tabIndex","ariaLabel","id","iconSize","format","separator","minDate","maxDate","startFieldOnClick","startFieldOnBlur","startFieldOnFocus","endFieldOnBlur","endFieldOnClick","endFieldOnFocus","startFieldRef","endFieldRef","startFocused","endFocused","label","labelIcon","labelPosition","caption","width","withClearButton"];import React,{forwardRef}from"react";import{FieldCaption}from"../../FieldCaption/FieldCaption";import{FieldLabel}from"../../FieldLabel/FieldLabel";import{DatePickerFieldTypeDate}from"../DatePickerFieldTypeDate/DatePickerFieldTypeDate";import{cnDatePickerMixRangeField}from"../DatePickerMixRangeField/DatePickerMixRangeField";import{getChangeFnRange}from"../getChangeFnRange";import{getFormForEnd,getFormForStart}from"../helpers";export var DatePickerFieldTypeDateRange=forwardRef(function(a,b){var c=a.className,d=a.form,e=void 0===d?"default":d,f=a.startFieldInputRef,g=a.startFieldLeftSide,h=a.startFieldRightSide,i=a.endFieldInputRef,j=a.endFieldLeftSide,k=a.endFieldRightSide,l=a.value,m=void 0===l?[]:l,n=a.onChange,o=a.onError,p=a.startFieldName,q=a.endFieldName,r=a.disabled,s=a.size,t=a.view,u=a.status,v=a.autoFocus,w=a.placeholder,x=a.readOnly,y=a.required,z=a.tabIndex,A=a.ariaLabel,B=a.id,C=a.iconSize,D=a.format,E=a.separator,F=a.minDate,G=a.maxDate,H=a.startFieldOnClick,I=a.startFieldOnBlur,J=a.startFieldOnFocus,K=a.endFieldOnBlur,L=a.endFieldOnClick,M=a.endFieldOnFocus,N=a.startFieldRef,O=a.endFieldRef,P=a.startFocused,Q=a.endFocused,R=a.label,S=a.labelIcon,T=a.labelPosition,U=a.caption,V=a.width,W=a.withClearButton,X=_objectWithoutProperties(a,_excluded),Y={className:cnDatePickerMixRangeField("Field"),disabled:r,onError:o,size:s,view:t,status:u,autoFocus:v,placeholder:w,readOnly:x,required:y,tabIndex:z,ariaLabel:A,iconSize:C,format:D,separator:E,minDate:F,maxDate:G,withClearButton:W},Z=getChangeFnRange(n,o,m),$=_slicedToArray(Z,2),_=$[0],aa=$[1];return React.createElement("div",Object.assign({},X,{className:cnDatePickerMixRangeField({view:t,labelPosition:T,width:V,size:s},[c]),ref:b}),R&&React.createElement(FieldLabel,{required:y,as:"label",className:cnDatePickerMixRangeField("Label",{labelPosition:T}),size:s,htmlFor:B,icon:S},R),React.createElement("div",{className:cnDatePickerMixRangeField("Body")},React.createElement("div",{className:cnDatePickerMixRangeField("Fields")},React.createElement(DatePickerFieldTypeDate,Object.assign({},Y,{inputRef:f,ref:N,leftSide:g,rightSide:h,form:getFormForStart(e),value:null===m||void 0===m?void 0:m[0],id:B,onClick:H,onChange:_,onFocus:J,onBlur:I,focused:P,name:p})),React.createElement(DatePickerFieldTypeDate,Object.assign({},Y,{name:q,inputRef:i,ref:O,leftSide:j,rightSide:k,form:getFormForEnd(e),value:null===m||void 0===m?void 0:m[1],onClick:L,onChange:aa,onFocus:M,onBlur:K,focused:Q}))),U&&React.createElement(FieldCaption,{className:cnDatePickerMixRangeField("Caption"),status:u},U)))});
 //# sourceMappingURL=DatePickerFieldTypeDateRange.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DatePickerFieldTypeDateRange.js","names":["React","forwardRef","FieldCaption","FieldLabel","DatePickerFieldTypeDate","cnDatePickerMixRangeField","getChangeFnRange","getFormForEnd","getFormForStart","DatePickerFieldTypeDateRange","props","ref","className","form","startFieldInputRef","startFieldLeftSide","startFieldRightSide","endFieldInputRef","endFieldLeftSide","endFieldRightSide","value","onChange","onError","startFieldName","endFieldName","disabled","size","view","status","autoFocus","placeholder","readOnly","required","tabIndex","ariaLabel","id","iconSize","format","separator","minDate","maxDate","startFieldOnBlur","startFieldOnFocus","endFieldOnBlur","endFieldOnFocus","startFieldRef","endFieldRef","startFocused","endFocused","label","labelIcon","labelPosition","caption","width","withClearButton","otherProps","commonProps","handleStartDateChange","handleEndDateChange"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeDateRange/DatePickerFieldTypeDateRange.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { FieldCaption } from '../../FieldCaption/FieldCaption';\nimport { FieldLabel } from '../../FieldLabel/FieldLabel';\nimport { DatePickerFieldTypeDate } from '../DatePickerFieldTypeDate/DatePickerFieldTypeDate';\nimport { cnDatePickerMixRangeField } from '../DatePickerMixRangeField/DatePickerMixRangeField';\nimport { getChangeFnRange } from '../getChangeFnRange';\nimport { getFormForEnd, getFormForStart } from '../helpers';\nimport { DatePickerFieldTypeDateRangeProps } from './helpers';\n\nexport const DatePickerFieldTypeDateRange = forwardRef<\n  HTMLDivElement,\n  DatePickerFieldTypeDateRangeProps\n>((props, ref) => {\n  const {\n    className,\n    form = 'default',\n    startFieldInputRef,\n    startFieldLeftSide,\n    startFieldRightSide,\n    endFieldInputRef,\n    endFieldLeftSide,\n    endFieldRightSide,\n    value = [],\n    onChange,\n    onError,\n    startFieldName,\n    endFieldName,\n    disabled,\n    size,\n    view,\n    status,\n    autoFocus,\n    placeholder,\n    readOnly,\n    required,\n    tabIndex,\n    ariaLabel,\n    id,\n    iconSize,\n    format,\n    separator,\n    minDate,\n    maxDate,\n    startFieldOnBlur,\n    startFieldOnFocus,\n    endFieldOnBlur,\n    endFieldOnFocus,\n    startFieldRef,\n    endFieldRef,\n    startFocused,\n    endFocused,\n    label,\n    labelIcon,\n    labelPosition,\n    caption,\n    width,\n    withClearButton,\n    ...otherProps\n  } = props;\n\n  const commonProps = {\n    className: cnDatePickerMixRangeField('Field'),\n    disabled,\n    onError,\n    size,\n    view,\n    status,\n    autoFocus,\n    placeholder,\n    readOnly,\n    required,\n    tabIndex,\n    ariaLabel,\n    iconSize,\n    format,\n    separator,\n    minDate,\n    maxDate,\n    withClearButton,\n  };\n\n  const [handleStartDateChange, handleEndDateChange] = getChangeFnRange(\n    onChange,\n    onError,\n    value,\n  );\n\n  return (\n    <div\n      {...otherProps}\n      className={cnDatePickerMixRangeField(\n        { view, labelPosition, width, size },\n        [className],\n      )}\n      ref={ref}\n    >\n      {label && (\n        <FieldLabel\n          required={required}\n          as=\"label\"\n          className={cnDatePickerMixRangeField('Label', { labelPosition })}\n          size={size}\n          htmlFor={id}\n          icon={labelIcon}\n        >\n          {label}\n        </FieldLabel>\n      )}\n      <div className={cnDatePickerMixRangeField('Body')}>\n        <div className={cnDatePickerMixRangeField('Fields')}>\n          <DatePickerFieldTypeDate\n            {...commonProps}\n            inputRef={startFieldInputRef}\n            ref={startFieldRef}\n            leftSide={startFieldLeftSide}\n            rightSide={startFieldRightSide}\n            form={getFormForStart(form)}\n            value={value?.[0]}\n            id={id}\n            onChange={handleStartDateChange}\n            onFocus={startFieldOnFocus}\n            onBlur={startFieldOnBlur}\n            focused={startFocused}\n            name={startFieldName}\n          />\n          <DatePickerFieldTypeDate\n            {...commonProps}\n            name={endFieldName}\n            inputRef={endFieldInputRef}\n            ref={endFieldRef}\n            leftSide={endFieldLeftSide}\n            rightSide={endFieldRightSide}\n            form={getFormForEnd(form)}\n            value={value?.[1]}\n            onChange={handleEndDateChange}\n            onFocus={endFieldOnFocus}\n            onBlur={endFieldOnBlur}\n            focused={endFocused}\n          />\n        </div>\n        {caption && (\n          <FieldCaption\n            className={cnDatePickerMixRangeField('Caption')}\n            status={status}\n          >\n            {caption}\n          </FieldCaption>\n        )}\n      </div>\n    </div>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"DatePickerFieldTypeDateRange.js","names":["React","forwardRef","FieldCaption","FieldLabel","DatePickerFieldTypeDate","cnDatePickerMixRangeField","getChangeFnRange","getFormForEnd","getFormForStart","DatePickerFieldTypeDateRange","props","ref","className","form","startFieldInputRef","startFieldLeftSide","startFieldRightSide","endFieldInputRef","endFieldLeftSide","endFieldRightSide","value","onChange","onError","startFieldName","endFieldName","disabled","size","view","status","autoFocus","placeholder","readOnly","required","tabIndex","ariaLabel","id","iconSize","format","separator","minDate","maxDate","startFieldOnClick","startFieldOnBlur","startFieldOnFocus","endFieldOnBlur","endFieldOnClick","endFieldOnFocus","startFieldRef","endFieldRef","startFocused","endFocused","label","labelIcon","labelPosition","caption","width","withClearButton","otherProps","commonProps","handleStartDateChange","handleEndDateChange"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeDateRange/DatePickerFieldTypeDateRange.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { FieldCaption } from '../../FieldCaption/FieldCaption';\nimport { FieldLabel } from '../../FieldLabel/FieldLabel';\nimport { DatePickerFieldTypeDate } from '../DatePickerFieldTypeDate/DatePickerFieldTypeDate';\nimport { cnDatePickerMixRangeField } from '../DatePickerMixRangeField/DatePickerMixRangeField';\nimport { getChangeFnRange } from '../getChangeFnRange';\nimport { getFormForEnd, getFormForStart } from '../helpers';\nimport { DatePickerFieldTypeDateRangeProps } from './helpers';\n\nexport const DatePickerFieldTypeDateRange = forwardRef<\n  HTMLDivElement,\n  DatePickerFieldTypeDateRangeProps\n>((props, ref) => {\n  const {\n    className,\n    form = 'default',\n    startFieldInputRef,\n    startFieldLeftSide,\n    startFieldRightSide,\n    endFieldInputRef,\n    endFieldLeftSide,\n    endFieldRightSide,\n    value = [],\n    onChange,\n    onError,\n    startFieldName,\n    endFieldName,\n    disabled,\n    size,\n    view,\n    status,\n    autoFocus,\n    placeholder,\n    readOnly,\n    required,\n    tabIndex,\n    ariaLabel,\n    id,\n    iconSize,\n    format,\n    separator,\n    minDate,\n    maxDate,\n    startFieldOnClick,\n    startFieldOnBlur,\n    startFieldOnFocus,\n    endFieldOnBlur,\n    endFieldOnClick,\n    endFieldOnFocus,\n    startFieldRef,\n    endFieldRef,\n    startFocused,\n    endFocused,\n    label,\n    labelIcon,\n    labelPosition,\n    caption,\n    width,\n    withClearButton,\n    ...otherProps\n  } = props;\n\n  const commonProps = {\n    className: cnDatePickerMixRangeField('Field'),\n    disabled,\n    onError,\n    size,\n    view,\n    status,\n    autoFocus,\n    placeholder,\n    readOnly,\n    required,\n    tabIndex,\n    ariaLabel,\n    iconSize,\n    format,\n    separator,\n    minDate,\n    maxDate,\n    withClearButton,\n  };\n\n  const [handleStartDateChange, handleEndDateChange] = getChangeFnRange(\n    onChange,\n    onError,\n    value,\n  );\n\n  return (\n    <div\n      {...otherProps}\n      className={cnDatePickerMixRangeField(\n        { view, labelPosition, width, size },\n        [className],\n      )}\n      ref={ref}\n    >\n      {label && (\n        <FieldLabel\n          required={required}\n          as=\"label\"\n          className={cnDatePickerMixRangeField('Label', { labelPosition })}\n          size={size}\n          htmlFor={id}\n          icon={labelIcon}\n        >\n          {label}\n        </FieldLabel>\n      )}\n      <div className={cnDatePickerMixRangeField('Body')}>\n        <div className={cnDatePickerMixRangeField('Fields')}>\n          <DatePickerFieldTypeDate\n            {...commonProps}\n            inputRef={startFieldInputRef}\n            ref={startFieldRef}\n            leftSide={startFieldLeftSide}\n            rightSide={startFieldRightSide}\n            form={getFormForStart(form)}\n            value={value?.[0]}\n            id={id}\n            onClick={startFieldOnClick}\n            onChange={handleStartDateChange}\n            onFocus={startFieldOnFocus}\n            onBlur={startFieldOnBlur}\n            focused={startFocused}\n            name={startFieldName}\n          />\n          <DatePickerFieldTypeDate\n            {...commonProps}\n            name={endFieldName}\n            inputRef={endFieldInputRef}\n            ref={endFieldRef}\n            leftSide={endFieldLeftSide}\n            rightSide={endFieldRightSide}\n            form={getFormForEnd(form)}\n            value={value?.[1]}\n            onClick={endFieldOnClick}\n            onChange={handleEndDateChange}\n            onFocus={endFieldOnFocus}\n            onBlur={endFieldOnBlur}\n            focused={endFocused}\n          />\n        </div>\n        {caption && (\n          <FieldCaption\n            className={cnDatePickerMixRangeField('Caption')}\n            status={status}\n          >\n            {caption}\n          </FieldCaption>\n        )}\n      </div>\n    </div>\n  );\n});\n"],"mappings":"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"}

package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateRange/helpers.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { IconComponent } from '@consta/icons/Icon';
+import React from 'react';
 import { DateRange } from '../../../utils/types/Date';
 import { DatePickerFieldTypeDateProps } from '../DatePickerFieldTypeDate/helpers';
 declare type DatePickerFieldTypeDateRangePropOnChange = (props: {
@@ -19,6 +19,8 @@ export declare type DatePickerFieldTypeDateRangeProps = Omit<DatePickerFieldType
     endFieldRef?: React.Ref<HTMLDivElement>;
     startFieldOnFocus?: React.FocusEventHandler<HTMLElement>;
     endFieldOnFocus?: React.FocusEventHandler<HTMLElement>;
+    startFieldOnClick?: React.MouseEventHandler<HTMLElement>;
+    endFieldOnClick?: React.MouseEventHandler<HTMLElement>;
     startFieldOnBlur?: React.FocusEventHandler<HTMLElement>;
     endFieldOnBlur?: React.FocusEventHandler<HTMLElement>;
     startFocused?: boolean;

package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateRange/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":[],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeDateRange/helpers.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport { DateRange } from '../../../utils/types/Date';\nimport { DatePickerFieldTypeDateProps } from '../DatePickerFieldTypeDate/helpers';\n\ntype DatePickerFieldTypeDateRangePropOnChange = (props: {\n  e: Event;\n  value: DateRange | null;\n}) => void;\n\nexport type DatePickerFieldTypeDateRangeProps = Omit<\n  DatePickerFieldTypeDateProps,\n  | 'onChange'\n  | 'value'\n  | 'inputRef'\n  | 'leftSide'\n  | 'rightSide'\n  | 'id'\n  | 'onFocus'\n  | 'onBlur'\n  | 'name'\n> & {\n  onChange?: DatePickerFieldTypeDateRangePropOnChange;\n  value?: DateRange | null;\n  startFieldInputRef?: React.Ref<HTMLInputElement>;\n  endFieldInputRef?: React.Ref<HTMLInputElement>;\n  startFieldLeftSide?: string | IconComponent;\n  startFieldRightSide?: string | IconComponent;\n  endFieldLeftSide?: string | IconComponent;\n  endFieldRightSide?: string | IconComponent;\n  startFieldRef?: React.Ref<HTMLDivElement>;\n  endFieldRef?: React.Ref<HTMLDivElement>;\n  startFieldOnFocus?: React.FocusEventHandler<HTMLElement>;\n  endFieldOnFocus?: React.FocusEventHandler<HTMLElement>;\n  startFieldOnBlur?: React.FocusEventHandler<HTMLElement>;\n  endFieldOnBlur?: React.FocusEventHandler<HTMLElement>;\n  startFocused?: boolean;\n  endFocused?: boolean;\n  id?: string;\n  onChangeCurrentVisibleDate?: (date: Date) => void;\n  currentVisibleDate?: Date;\n  startFieldName?: string;\n  endFieldName?: string;\n};\n"],"mappings":""}
+{"version":3,"file":"helpers.js","names":[],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeDateRange/helpers.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\nimport React from 'react';\n\nimport { DateRange } from '../../../utils/types/Date';\nimport { DatePickerFieldTypeDateProps } from '../DatePickerFieldTypeDate/helpers';\n\ntype DatePickerFieldTypeDateRangePropOnChange = (props: {\n  e: Event;\n  value: DateRange | null;\n}) => void;\n\nexport type DatePickerFieldTypeDateRangeProps = Omit<\n  DatePickerFieldTypeDateProps,\n  | 'onChange'\n  | 'value'\n  | 'inputRef'\n  | 'leftSide'\n  | 'rightSide'\n  | 'id'\n  | 'onFocus'\n  | 'onBlur'\n  | 'name'\n> & {\n  onChange?: DatePickerFieldTypeDateRangePropOnChange;\n  value?: DateRange | null;\n  startFieldInputRef?: React.Ref<HTMLInputElement>;\n  endFieldInputRef?: React.Ref<HTMLInputElement>;\n  startFieldLeftSide?: string | IconComponent;\n  startFieldRightSide?: string | IconComponent;\n  endFieldLeftSide?: string | IconComponent;\n  endFieldRightSide?: string | IconComponent;\n  startFieldRef?: React.Ref<HTMLDivElement>;\n  endFieldRef?: React.Ref<HTMLDivElement>;\n  startFieldOnFocus?: React.FocusEventHandler<HTMLElement>;\n  endFieldOnFocus?: React.FocusEventHandler<HTMLElement>;\n  startFieldOnClick?: React.MouseEventHandler<HTMLElement>;\n  endFieldOnClick?: React.MouseEventHandler<HTMLElement>;\n  startFieldOnBlur?: React.FocusEventHandler<HTMLElement>;\n  endFieldOnBlur?: React.FocusEventHandler<HTMLElement>;\n  startFocused?: boolean;\n  endFocused?: boolean;\n  id?: string;\n  onChangeCurrentVisibleDate?: (date: Date) => void;\n  currentVisibleDate?: Date;\n  startFieldName?: string;\n  endFieldName?: string;\n};\n"],"mappings":""}

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

@@ -15,6 +15,8 @@ export declare const DatePickerFieldTypeDateTimeRange: React.ForwardRefExoticCom
     endFieldRef?: React.Ref<HTMLDivElement> | undefined;
     startFieldOnFocus?: React.FocusEventHandler<HTMLElement> | undefined;
     endFieldOnFocus?: React.FocusEventHandler<HTMLElement> | undefined;
+    startFieldOnClick?: React.MouseEventHandler<HTMLElement> | undefined;
+    endFieldOnClick?: React.MouseEventHandler<HTMLElement> | undefined;
     startFieldOnBlur?: React.FocusEventHandler<HTMLElement> | undefined;
     endFieldOnBlur?: React.FocusEventHandler<HTMLElement> | undefined;
     startFocused?: boolean | undefined;

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

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","form","startFieldInputRef","startFieldLeftSide","startFieldRightSide","endFieldInputRef","endFieldLeftSide","endFieldRightSide","value","onChange","onError","disabled","size","view","status","autoFocus","placeholder","readOnly","required","tabIndex","ariaLabel","id","iconSize","format","separator","minDate","maxDate","startFieldOnBlur","startFieldOnFocus","endFieldOnBlur","endFieldOnFocus","startFieldRef","endFieldRef","startFocused","endFocused","label","labelIcon","labelPosition","caption","width","startFieldName","endFieldName","withClearButton"];import React,{forwardRef}from"react";import{FieldCaption}from"../../FieldCaption/FieldCaption";import{FieldLabel}from"../../FieldLabel/FieldLabel";import{DatePickerFieldTypeDateTime}from"../DatePickerFieldTypeDateTime/DatePickerFieldTypeDateTime";import{cnDatePickerMixRangeField}from"../DatePickerMixRangeField/DatePickerMixRangeField";import{getChangeFnRange}from"../getChangeFnRange";import{getFormForEnd,getFormForStart}from"../helpers";export var DatePickerFieldTypeDateTimeRange=forwardRef(function(a,b){var c=a.className,d=a.form,e=void 0===d?"default":d,f=a.startFieldInputRef,g=a.startFieldLeftSide,h=a.startFieldRightSide,i=a.endFieldInputRef,j=a.endFieldLeftSide,k=a.endFieldRightSide,l=a.value,m=void 0===l?[]:l,n=a.onChange,o=a.onError,p=a.disabled,q=a.size,r=a.view,s=a.status,t=a.autoFocus,u=a.placeholder,v=a.readOnly,w=a.required,x=a.tabIndex,y=a.ariaLabel,z=a.id,A=a.iconSize,B=a.format,C=a.separator,D=a.minDate,E=a.maxDate,F=a.startFieldOnBlur,G=a.startFieldOnFocus,H=a.endFieldOnBlur,I=a.endFieldOnFocus,J=a.startFieldRef,K=a.endFieldRef,L=a.startFocused,M=a.endFocused,N=a.label,O=a.labelIcon,P=a.labelPosition,Q=a.caption,R=a.width,S=a.startFieldName,T=a.endFieldName,U=a.withClearButton,V=_objectWithoutProperties(a,_excluded),W={className:cnDatePickerMixRangeField("Field"),disabled:p,onError:o,size:q,view:r,status:s,placeholder:u,readOnly:v,required:w,tabIndex:x,ariaLabel:y,iconSize:A,format:B,separator:C,minDate:D,maxDate:E,withClearButton:U},X=getChangeFnRange(n,o,m),Y=_slicedToArray(X,2),Z=Y[0],$=Y[1];return React.createElement("div",Object.assign({},V,{className:cnDatePickerMixRangeField({view:r,labelPosition:P,width:R,size:q},[c]),ref:b}),N&&React.createElement(FieldLabel,{icon:O,as:"label",required:w,className:cnDatePickerMixRangeField("Label",{labelPosition:P}),size:q,htmlFor:z},N),React.createElement("div",{className:cnDatePickerMixRangeField("Body")},React.createElement("div",{className:cnDatePickerMixRangeField("Fields")},React.createElement(DatePickerFieldTypeDateTime,Object.assign({},W,{inputRef:f,ref:J,leftSide:g,rightSide:h,id:z,form:getFormForStart(e),value:null===m||void 0===m?void 0:m[0],onChange:Z,onFocus:G,onBlur:F,focused:L,autoFocus:t,name:S})),React.createElement(DatePickerFieldTypeDateTime,Object.assign({},W,{inputRef:i,ref:K,leftSide:j,rightSide:k,form:getFormForEnd(e),value:null===m||void 0===m?void 0:m[1],onChange:$,onFocus:I,onBlur:H,focused:M,name:T}))),Q&&React.createElement(FieldCaption,{className:cnDatePickerMixRangeField("Caption"),status:s},Q)))});
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","form","startFieldInputRef","startFieldLeftSide","startFieldRightSide","endFieldInputRef","endFieldLeftSide","endFieldRightSide","value","onChange","onError","disabled","size","view","status","autoFocus","placeholder","readOnly","required","tabIndex","ariaLabel","id","iconSize","format","separator","minDate","maxDate","startFieldOnClick","startFieldOnBlur","startFieldOnFocus","endFieldOnClick","endFieldOnBlur","endFieldOnFocus","startFieldRef","endFieldRef","startFocused","endFocused","label","labelIcon","labelPosition","caption","width","startFieldName","endFieldName","withClearButton"];import React,{forwardRef}from"react";import{FieldCaption}from"../../FieldCaption/FieldCaption";import{FieldLabel}from"../../FieldLabel/FieldLabel";import{DatePickerFieldTypeDateTime}from"../DatePickerFieldTypeDateTime/DatePickerFieldTypeDateTime";import{cnDatePickerMixRangeField}from"../DatePickerMixRangeField/DatePickerMixRangeField";import{getChangeFnRange}from"../getChangeFnRange";import{getFormForEnd,getFormForStart}from"../helpers";export var DatePickerFieldTypeDateTimeRange=forwardRef(function(a,b){var c=a.className,d=a.form,e=void 0===d?"default":d,f=a.startFieldInputRef,g=a.startFieldLeftSide,h=a.startFieldRightSide,i=a.endFieldInputRef,j=a.endFieldLeftSide,k=a.endFieldRightSide,l=a.value,m=void 0===l?[]:l,n=a.onChange,o=a.onError,p=a.disabled,q=a.size,r=a.view,s=a.status,t=a.autoFocus,u=a.placeholder,v=a.readOnly,w=a.required,x=a.tabIndex,y=a.ariaLabel,z=a.id,A=a.iconSize,B=a.format,C=a.separator,D=a.minDate,E=a.maxDate,F=a.startFieldOnClick,G=a.startFieldOnBlur,H=a.startFieldOnFocus,I=a.endFieldOnClick,J=a.endFieldOnBlur,K=a.endFieldOnFocus,L=a.startFieldRef,M=a.endFieldRef,N=a.startFocused,O=a.endFocused,P=a.label,Q=a.labelIcon,R=a.labelPosition,S=a.caption,T=a.width,U=a.startFieldName,V=a.endFieldName,W=a.withClearButton,X=_objectWithoutProperties(a,_excluded),Y={className:cnDatePickerMixRangeField("Field"),disabled:p,onError:o,size:q,view:r,status:s,placeholder:u,readOnly:v,required:w,tabIndex:x,ariaLabel:y,iconSize:A,format:B,separator:C,minDate:D,maxDate:E,withClearButton:W},Z=getChangeFnRange(n,o,m),$=_slicedToArray(Z,2),_=$[0],aa=$[1];return React.createElement("div",Object.assign({},X,{className:cnDatePickerMixRangeField({view:r,labelPosition:R,width:T,size:q},[c]),ref:b}),P&&React.createElement(FieldLabel,{icon:Q,as:"label",required:w,className:cnDatePickerMixRangeField("Label",{labelPosition:R}),size:q,htmlFor:z},P),React.createElement("div",{className:cnDatePickerMixRangeField("Body")},React.createElement("div",{className:cnDatePickerMixRangeField("Fields")},React.createElement(DatePickerFieldTypeDateTime,Object.assign({},Y,{inputRef:f,ref:L,leftSide:g,rightSide:h,id:z,form:getFormForStart(e),value:null===m||void 0===m?void 0:m[0],onClick:F,onChange:_,onFocus:H,onBlur:G,focused:N,autoFocus:t,name:U})),React.createElement(DatePickerFieldTypeDateTime,Object.assign({},Y,{inputRef:i,ref:M,leftSide:j,rightSide:k,form:getFormForEnd(e),value:null===m||void 0===m?void 0:m[1],onClick:I,onChange:aa,onFocus:K,onBlur:J,focused:O,name:V}))),S&&React.createElement(FieldCaption,{className:cnDatePickerMixRangeField("Caption"),status:s},S)))});
 //# sourceMappingURL=DatePickerFieldTypeDateTimeRange.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DatePickerFieldTypeDateTimeRange.js","names":["React","forwardRef","FieldCaption","FieldLabel","DatePickerFieldTypeDateTime","cnDatePickerMixRangeField","getChangeFnRange","getFormForEnd","getFormForStart","DatePickerFieldTypeDateTimeRange","props","ref","className","form","startFieldInputRef","startFieldLeftSide","startFieldRightSide","endFieldInputRef","endFieldLeftSide","endFieldRightSide","value","onChange","onError","disabled","size","view","status","autoFocus","placeholder","readOnly","required","tabIndex","ariaLabel","id","iconSize","format","separator","minDate","maxDate","startFieldOnBlur","startFieldOnFocus","endFieldOnBlur","endFieldOnFocus","startFieldRef","endFieldRef","startFocused","endFocused","label","labelIcon","labelPosition","caption","width","startFieldName","endFieldName","withClearButton","otherProps","commonProps","handleStartDateChange","handleEndDateChange"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeDateTimeRange/DatePickerFieldTypeDateTimeRange.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { FieldCaption } from '../../FieldCaption/FieldCaption';\nimport { FieldLabel } from '../../FieldLabel/FieldLabel';\nimport { DatePickerFieldTypeDateTime } from '../DatePickerFieldTypeDateTime/DatePickerFieldTypeDateTime';\nimport { cnDatePickerMixRangeField } from '../DatePickerMixRangeField/DatePickerMixRangeField';\nimport { getChangeFnRange } from '../getChangeFnRange';\nimport { getFormForEnd, getFormForStart } from '../helpers';\nimport { DatePickerFieldTypeDateTimeRangeProps } from './helpers';\n\nexport const DatePickerFieldTypeDateTimeRange = forwardRef<\n  HTMLDivElement,\n  DatePickerFieldTypeDateTimeRangeProps\n>((props, ref) => {\n  const {\n    className,\n    form = 'default',\n    startFieldInputRef,\n    startFieldLeftSide,\n    startFieldRightSide,\n    endFieldInputRef,\n    endFieldLeftSide,\n    endFieldRightSide,\n    value = [],\n    onChange,\n    onError,\n    disabled,\n    size,\n    view,\n    status,\n    autoFocus,\n    placeholder,\n    readOnly,\n    required,\n    tabIndex,\n    ariaLabel,\n    id,\n    iconSize,\n    format,\n    separator,\n    minDate,\n    maxDate,\n    startFieldOnBlur,\n    startFieldOnFocus,\n    endFieldOnBlur,\n    endFieldOnFocus,\n    startFieldRef,\n    endFieldRef,\n    startFocused,\n    endFocused,\n    label,\n    labelIcon,\n    labelPosition,\n    caption,\n    width,\n    startFieldName,\n    endFieldName,\n    withClearButton,\n    ...otherProps\n  } = props;\n\n  const commonProps = {\n    className: cnDatePickerMixRangeField('Field'),\n    disabled,\n    onError,\n    size,\n    view,\n    status,\n    placeholder,\n    readOnly,\n    required,\n    tabIndex,\n    ariaLabel,\n    iconSize,\n    format,\n    separator,\n    minDate,\n    maxDate,\n    withClearButton,\n  };\n\n  const [handleStartDateChange, handleEndDateChange] = getChangeFnRange(\n    onChange,\n    onError,\n    value,\n  );\n\n  return (\n    <div\n      {...otherProps}\n      className={cnDatePickerMixRangeField(\n        { view, labelPosition, width, size },\n        [className],\n      )}\n      ref={ref}\n    >\n      {label && (\n        <FieldLabel\n          icon={labelIcon}\n          as=\"label\"\n          required={required}\n          className={cnDatePickerMixRangeField('Label', { labelPosition })}\n          size={size}\n          htmlFor={id}\n        >\n          {label}\n        </FieldLabel>\n      )}\n      <div className={cnDatePickerMixRangeField('Body')}>\n        <div className={cnDatePickerMixRangeField('Fields')}>\n          <DatePickerFieldTypeDateTime\n            {...commonProps}\n            inputRef={startFieldInputRef}\n            ref={startFieldRef}\n            leftSide={startFieldLeftSide}\n            rightSide={startFieldRightSide}\n            id={id}\n            form={getFormForStart(form)}\n            value={value?.[0]}\n            onChange={handleStartDateChange}\n            onFocus={startFieldOnFocus}\n            onBlur={startFieldOnBlur}\n            focused={startFocused}\n            autoFocus={autoFocus}\n            name={startFieldName}\n          />\n          <DatePickerFieldTypeDateTime\n            {...commonProps}\n            inputRef={endFieldInputRef}\n            ref={endFieldRef}\n            leftSide={endFieldLeftSide}\n            rightSide={endFieldRightSide}\n            form={getFormForEnd(form)}\n            value={value?.[1]}\n            onChange={handleEndDateChange}\n            onFocus={endFieldOnFocus}\n            onBlur={endFieldOnBlur}\n            focused={endFocused}\n            name={endFieldName}\n          />\n        </div>\n        {caption && (\n          <FieldCaption\n            className={cnDatePickerMixRangeField('Caption')}\n            status={status}\n          >\n            {caption}\n          </FieldCaption>\n        )}\n      </div>\n    </div>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"DatePickerFieldTypeDateTimeRange.js","names":["React","forwardRef","FieldCaption","FieldLabel","DatePickerFieldTypeDateTime","cnDatePickerMixRangeField","getChangeFnRange","getFormForEnd","getFormForStart","DatePickerFieldTypeDateTimeRange","props","ref","className","form","startFieldInputRef","startFieldLeftSide","startFieldRightSide","endFieldInputRef","endFieldLeftSide","endFieldRightSide","value","onChange","onError","disabled","size","view","status","autoFocus","placeholder","readOnly","required","tabIndex","ariaLabel","id","iconSize","format","separator","minDate","maxDate","startFieldOnClick","startFieldOnBlur","startFieldOnFocus","endFieldOnClick","endFieldOnBlur","endFieldOnFocus","startFieldRef","endFieldRef","startFocused","endFocused","label","labelIcon","labelPosition","caption","width","startFieldName","endFieldName","withClearButton","otherProps","commonProps","handleStartDateChange","handleEndDateChange"],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeDateTimeRange/DatePickerFieldTypeDateTimeRange.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { FieldCaption } from '../../FieldCaption/FieldCaption';\nimport { FieldLabel } from '../../FieldLabel/FieldLabel';\nimport { DatePickerFieldTypeDateTime } from '../DatePickerFieldTypeDateTime/DatePickerFieldTypeDateTime';\nimport { cnDatePickerMixRangeField } from '../DatePickerMixRangeField/DatePickerMixRangeField';\nimport { getChangeFnRange } from '../getChangeFnRange';\nimport { getFormForEnd, getFormForStart } from '../helpers';\nimport { DatePickerFieldTypeDateTimeRangeProps } from './helpers';\n\nexport const DatePickerFieldTypeDateTimeRange = forwardRef<\n  HTMLDivElement,\n  DatePickerFieldTypeDateTimeRangeProps\n>((props, ref) => {\n  const {\n    className,\n    form = 'default',\n    startFieldInputRef,\n    startFieldLeftSide,\n    startFieldRightSide,\n    endFieldInputRef,\n    endFieldLeftSide,\n    endFieldRightSide,\n    value = [],\n    onChange,\n    onError,\n    disabled,\n    size,\n    view,\n    status,\n    autoFocus,\n    placeholder,\n    readOnly,\n    required,\n    tabIndex,\n    ariaLabel,\n    id,\n    iconSize,\n    format,\n    separator,\n    minDate,\n    maxDate,\n    startFieldOnClick,\n    startFieldOnBlur,\n    startFieldOnFocus,\n    endFieldOnClick,\n    endFieldOnBlur,\n    endFieldOnFocus,\n    startFieldRef,\n    endFieldRef,\n    startFocused,\n    endFocused,\n    label,\n    labelIcon,\n    labelPosition,\n    caption,\n    width,\n    startFieldName,\n    endFieldName,\n    withClearButton,\n    ...otherProps\n  } = props;\n\n  const commonProps = {\n    className: cnDatePickerMixRangeField('Field'),\n    disabled,\n    onError,\n    size,\n    view,\n    status,\n    placeholder,\n    readOnly,\n    required,\n    tabIndex,\n    ariaLabel,\n    iconSize,\n    format,\n    separator,\n    minDate,\n    maxDate,\n    withClearButton,\n  };\n\n  const [handleStartDateChange, handleEndDateChange] = getChangeFnRange(\n    onChange,\n    onError,\n    value,\n  );\n\n  return (\n    <div\n      {...otherProps}\n      className={cnDatePickerMixRangeField(\n        { view, labelPosition, width, size },\n        [className],\n      )}\n      ref={ref}\n    >\n      {label && (\n        <FieldLabel\n          icon={labelIcon}\n          as=\"label\"\n          required={required}\n          className={cnDatePickerMixRangeField('Label', { labelPosition })}\n          size={size}\n          htmlFor={id}\n        >\n          {label}\n        </FieldLabel>\n      )}\n      <div className={cnDatePickerMixRangeField('Body')}>\n        <div className={cnDatePickerMixRangeField('Fields')}>\n          <DatePickerFieldTypeDateTime\n            {...commonProps}\n            inputRef={startFieldInputRef}\n            ref={startFieldRef}\n            leftSide={startFieldLeftSide}\n            rightSide={startFieldRightSide}\n            id={id}\n            form={getFormForStart(form)}\n            value={value?.[0]}\n            onClick={startFieldOnClick}\n            onChange={handleStartDateChange}\n            onFocus={startFieldOnFocus}\n            onBlur={startFieldOnBlur}\n            focused={startFocused}\n            autoFocus={autoFocus}\n            name={startFieldName}\n          />\n          <DatePickerFieldTypeDateTime\n            {...commonProps}\n            inputRef={endFieldInputRef}\n            ref={endFieldRef}\n            leftSide={endFieldLeftSide}\n            rightSide={endFieldRightSide}\n            form={getFormForEnd(form)}\n            value={value?.[1]}\n            onClick={endFieldOnClick}\n            onChange={handleEndDateChange}\n            onFocus={endFieldOnFocus}\n            onBlur={endFieldOnBlur}\n            focused={endFocused}\n            name={endFieldName}\n          />\n        </div>\n        {caption && (\n          <FieldCaption\n            className={cnDatePickerMixRangeField('Caption')}\n            status={status}\n          >\n            {caption}\n          </FieldCaption>\n        )}\n      </div>\n    </div>\n  );\n});\n"],"mappings":"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"}

package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateTimeRange/helpers.d.ts

@@ -19,6 +19,8 @@ export declare type DatePickerFieldTypeDateTimeRangeProps = Omit<DatePickerField
     endFieldRef?: React.Ref<HTMLDivElement>;
     startFieldOnFocus?: React.FocusEventHandler<HTMLElement>;
     endFieldOnFocus?: React.FocusEventHandler<HTMLElement>;
+    startFieldOnClick?: React.MouseEventHandler<HTMLElement>;
+    endFieldOnClick?: React.MouseEventHandler<HTMLElement>;
     startFieldOnBlur?: React.FocusEventHandler<HTMLElement>;
     endFieldOnBlur?: React.FocusEventHandler<HTMLElement>;
     startFocused?: boolean;

package/__internal__/src/components/DatePicker/DatePickerFieldTypeDateTimeRange/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","names":[],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeDateTimeRange/helpers.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport { DateRange } from '../../../utils/types/Date';\nimport { DatePickerFieldTypeDateTimeProps } from '../DatePickerFieldTypeDateTime/helpers';\n\ntype DatePickerFieldTypeDateTimeRangePropOnChange = (props: {\n  e: Event;\n  value: DateRange | null;\n}) => void;\n\nexport type DatePickerFieldTypeDateTimeRangeProps = Omit<\n  DatePickerFieldTypeDateTimeProps,\n  | 'onChange'\n  | 'value'\n  | 'inputRef'\n  | 'leftSide'\n  | 'rightSide'\n  | 'id'\n  | 'onFocus'\n  | 'onBlur'\n  | 'name'\n> & {\n  onChange?: DatePickerFieldTypeDateTimeRangePropOnChange;\n  value?: DateRange | null;\n  startFieldInputRef?: React.Ref<HTMLInputElement>;\n  endFieldInputRef?: React.Ref<HTMLInputElement>;\n  startFieldLeftSide?: string | IconComponent;\n  startFieldRightSide?: string | IconComponent;\n  endFieldLeftSide?: string | IconComponent;\n  endFieldRightSide?: string | IconComponent;\n  startFieldRef?: React.Ref<HTMLDivElement>;\n  endFieldRef?: React.Ref<HTMLDivElement>;\n  startFieldOnFocus?: React.FocusEventHandler<HTMLElement>;\n  endFieldOnFocus?: React.FocusEventHandler<HTMLElement>;\n  startFieldOnBlur?: React.FocusEventHandler<HTMLElement>;\n  endFieldOnBlur?: React.FocusEventHandler<HTMLElement>;\n  startFocused?: boolean;\n  endFocused?: boolean;\n  id?: string;\n  onChangeCurrentVisibleDate?: (date: Date) => void;\n  currentVisibleDate?: Date;\n  startFieldName?: string;\n  endFieldName?: string;\n};\n"],"mappings":""}
+{"version":3,"file":"helpers.js","names":[],"sources":["../../../../../../src/components/DatePicker/DatePickerFieldTypeDateTimeRange/helpers.ts"],"sourcesContent":["import { IconComponent } from '@consta/icons/Icon';\n\nimport { DateRange } from '../../../utils/types/Date';\nimport { DatePickerFieldTypeDateTimeProps } from '../DatePickerFieldTypeDateTime/helpers';\n\ntype DatePickerFieldTypeDateTimeRangePropOnChange = (props: {\n  e: Event;\n  value: DateRange | null;\n}) => void;\n\nexport type DatePickerFieldTypeDateTimeRangeProps = Omit<\n  DatePickerFieldTypeDateTimeProps,\n  | 'onChange'\n  | 'value'\n  | 'inputRef'\n  | 'leftSide'\n  | 'rightSide'\n  | 'id'\n  | 'onFocus'\n  | 'onBlur'\n  | 'name'\n> & {\n  onChange?: DatePickerFieldTypeDateTimeRangePropOnChange;\n  value?: DateRange | null;\n  startFieldInputRef?: React.Ref<HTMLInputElement>;\n  endFieldInputRef?: React.Ref<HTMLInputElement>;\n  startFieldLeftSide?: string | IconComponent;\n  startFieldRightSide?: string | IconComponent;\n  endFieldLeftSide?: string | IconComponent;\n  endFieldRightSide?: string | IconComponent;\n  startFieldRef?: React.Ref<HTMLDivElement>;\n  endFieldRef?: React.Ref<HTMLDivElement>;\n  startFieldOnFocus?: React.FocusEventHandler<HTMLElement>;\n  endFieldOnFocus?: React.FocusEventHandler<HTMLElement>;\n  startFieldOnClick?: React.MouseEventHandler<HTMLElement>;\n  endFieldOnClick?: React.MouseEventHandler<HTMLElement>;\n  startFieldOnBlur?: React.FocusEventHandler<HTMLElement>;\n  endFieldOnBlur?: React.FocusEventHandler<HTMLElement>;\n  startFocused?: boolean;\n  endFocused?: boolean;\n  id?: string;\n  onChangeCurrentVisibleDate?: (date: Date) => void;\n  currentVisibleDate?: Date;\n  startFieldName?: string;\n  endFieldName?: string;\n};\n"],"mappings":""}

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

@@ -15,6 +15,8 @@ export declare const DatePickerFieldTypeMonthRange: React.ForwardRefExoticCompon
     endFieldRef?: React.Ref<HTMLDivElement> | undefined;
     startFieldOnFocus?: React.FocusEventHandler<HTMLElement> | undefined;
     endFieldOnFocus?: React.FocusEventHandler<HTMLElement> | undefined;
+    startFieldOnClick?: React.MouseEventHandler<HTMLElement> | undefined;
+    endFieldOnClick?: React.MouseEventHandler<HTMLElement> | undefined;
     startFieldOnBlur?: React.FocusEventHandler<HTMLElement> | undefined;
     endFieldOnBlur?: React.FocusEventHandler<HTMLElement> | undefined;
     startFocused?: boolean | undefined;

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

@@ -1,2 +1,2 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","form","startFieldInputRef","startFieldLeftSide","startFieldRightSide","endFieldInputRef","endFieldLeftSide","endFieldRightSide","value","onChange","onError","startFieldName","endFieldName","disabled","size","view","status","autoFocus","placeholder","readOnly","required","tabIndex","ariaLabel","id","iconSize","format","separator","minDate","maxDate","startFieldOnBlur","startFieldOnFocus","endFieldOnBlur","endFieldOnFocus","startFieldRef","endFieldRef","startFocused","endFocused","label","labelIcon","labelPosition","caption","width","withClearButton"];import React,{forwardRef}from"react";import{FieldCaption}from"../../FieldCaption/FieldCaption";import{FieldLabel}from"../../FieldLabel/FieldLabel";import{DatePickerFieldTypeMonth}from"../DatePickerFieldTypeMonth/DatePickerFieldTypeMonth";import{cnDatePickerMixRangeField}from"../DatePickerMixRangeField/DatePickerMixRangeField";import{getChangeFnRange}from"../getChangeFnRange";import{getFormForEnd,getFormForStart}from"../helpers";export var DatePickerFieldTypeMonthRange=forwardRef(function(a,b){var c=a.className,d=a.form,e=void 0===d?"default":d,f=a.startFieldInputRef,g=a.startFieldLeftSide,h=a.startFieldRightSide,i=a.endFieldInputRef,j=a.endFieldLeftSide,k=a.endFieldRightSide,l=a.value,m=void 0===l?[]:l,n=a.onChange,o=a.onError,p=a.startFieldName,q=a.endFieldName,r=a.disabled,s=a.size,t=a.view,u=a.status,v=a.autoFocus,w=a.placeholder,x=a.readOnly,y=a.required,z=a.tabIndex,A=a.ariaLabel,B=a.id,C=a.iconSize,D=a.format,E=a.separator,F=a.minDate,G=a.maxDate,H=a.startFieldOnBlur,I=a.startFieldOnFocus,J=a.endFieldOnBlur,K=a.endFieldOnFocus,L=a.startFieldRef,M=a.endFieldRef,N=a.startFocused,O=a.endFocused,P=a.label,Q=a.labelIcon,R=a.labelPosition,S=a.caption,T=a.width,U=a.withClearButton,V=_objectWithoutProperties(a,_excluded),W={className:cnDatePickerMixRangeField("Field"),disabled:r,onError:o,size:s,view:t,status:u,autoFocus:v,placeholder:w,readOnly:x,required:y,tabIndex:z,ariaLabel:A,iconSize:C,format:D,separator:E,minDate:F,maxDate:G,withClearButton:U},X=getChangeFnRange(n,o,m),Y=_slicedToArray(X,2),Z=Y[0],$=Y[1];return React.createElement("div",Object.assign({},V,{className:cnDatePickerMixRangeField({view:t,labelPosition:R,width:T,size:s},[c]),ref:b}),P&&React.createElement(FieldLabel,{icon:Q,as:"label",htmlFor:B,required:y,className:cnDatePickerMixRangeField("Label",{labelPosition:R}),size:s},P),React.createElement("div",{className:cnDatePickerMixRangeField("Body")},React.createElement("div",{className:cnDatePickerMixRangeField("Fields")},React.createElement(DatePickerFieldTypeMonth,Object.assign({},W,{inputRef:f,ref:L,leftSide:g,rightSide:h,form:getFormForStart(e),value:null===m||void 0===m?void 0:m[0],onChange:Z,id:B,onFocus:I,onBlur:H,focused:N,name:p})),React.createElement(DatePickerFieldTypeMonth,Object.assign({},W,{name:q,inputRef:i,ref:M,leftSide:j,rightSide:k,form:getFormForEnd(e),value:null===m||void 0===m?void 0:m[1],onChange:$,onFocus:K,onBlur:J,focused:O}))),S&&React.createElement(FieldCaption,{className:cnDatePickerMixRangeField("Caption"),status:u},S)))});
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","form","startFieldInputRef","startFieldLeftSide","startFieldRightSide","endFieldInputRef","endFieldLeftSide","endFieldRightSide","value","onChange","onError","startFieldName","endFieldName","disabled","size","view","status","autoFocus","placeholder","readOnly","required","tabIndex","ariaLabel","id","iconSize","format","separator","minDate","maxDate","startFieldOnClick","startFieldOnBlur","startFieldOnFocus","endFieldOnClick","endFieldOnBlur","endFieldOnFocus","startFieldRef","endFieldRef","startFocused","endFocused","label","labelIcon","labelPosition","caption","width","withClearButton"];import React,{forwardRef}from"react";import{FieldCaption}from"../../FieldCaption/FieldCaption";import{FieldLabel}from"../../FieldLabel/FieldLabel";import{DatePickerFieldTypeMonth}from"../DatePickerFieldTypeMonth/DatePickerFieldTypeMonth";import{cnDatePickerMixRangeField}from"../DatePickerMixRangeField/DatePickerMixRangeField";import{getChangeFnRange}from"../getChangeFnRange";import{getFormForEnd,getFormForStart}from"../helpers";export var DatePickerFieldTypeMonthRange=forwardRef(function(a,b){var c=a.className,d=a.form,e=void 0===d?"default":d,f=a.startFieldInputRef,g=a.startFieldLeftSide,h=a.startFieldRightSide,i=a.endFieldInputRef,j=a.endFieldLeftSide,k=a.endFieldRightSide,l=a.value,m=void 0===l?[]:l,n=a.onChange,o=a.onError,p=a.startFieldName,q=a.endFieldName,r=a.disabled,s=a.size,t=a.view,u=a.status,v=a.autoFocus,w=a.placeholder,x=a.readOnly,y=a.required,z=a.tabIndex,A=a.ariaLabel,B=a.id,C=a.iconSize,D=a.format,E=a.separator,F=a.minDate,G=a.maxDate,H=a.startFieldOnClick,I=a.startFieldOnBlur,J=a.startFieldOnFocus,K=a.endFieldOnClick,L=a.endFieldOnBlur,M=a.endFieldOnFocus,N=a.startFieldRef,O=a.endFieldRef,P=a.startFocused,Q=a.endFocused,R=a.label,S=a.labelIcon,T=a.labelPosition,U=a.caption,V=a.width,W=a.withClearButton,X=_objectWithoutProperties(a,_excluded),Y={className:cnDatePickerMixRangeField("Field"),disabled:r,onError:o,size:s,view:t,status:u,autoFocus:v,placeholder:w,readOnly:x,required:y,tabIndex:z,ariaLabel:A,iconSize:C,format:D,separator:E,minDate:F,maxDate:G,withClearButton:W},Z=getChangeFnRange(n,o,m),$=_slicedToArray(Z,2),_=$[0],aa=$[1];return React.createElement("div",Object.assign({},X,{className:cnDatePickerMixRangeField({view:t,labelPosition:T,width:V,size:s},[c]),ref:b}),R&&React.createElement(FieldLabel,{icon:S,as:"label",htmlFor:B,required:y,className:cnDatePickerMixRangeField("Label",{labelPosition:T}),size:s},R),React.createElement("div",{className:cnDatePickerMixRangeField("Body")},React.createElement("div",{className:cnDatePickerMixRangeField("Fields")},React.createElement(DatePickerFieldTypeMonth,Object.assign({},Y,{inputRef:f,ref:N,leftSide:g,rightSide:h,form:getFormForStart(e),value:null===m||void 0===m?void 0:m[0],onChange:_,id:B,onClick:H,onFocus:J,onBlur:I,focused:P,name:p})),React.createElement(DatePickerFieldTypeMonth,Object.assign({},Y,{name:q,inputRef:i,ref:O,leftSide:j,rightSide:k,form:getFormForEnd(e),value:null===m||void 0===m?void 0:m[1],onClick:K,onChange:aa,onFocus:M,onBlur:L,focused:Q}))),U&&React.createElement(FieldCaption,{className:cnDatePickerMixRangeField("Caption"),status:u},U)))});
 //# sourceMappingURL=DatePickerFieldTypeMonthRange.js.map