@salutejs/plasma-web 1.369.0-canary.1369.10450142781.0 → 1.369.1-canary.1325.10455597321.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -99,6 +99,8 @@ import { CounterProps } from '@salutejs/plasma-new-hope/styled-components';
99
99
  import { counterTokens } from '@salutejs/plasma-new-hope/styled-components';
100
100
  import { CustomComboboxProps } from '@salutejs/plasma-new-hope/types/components/Combobox/Combobox.types';
101
101
  import { CustomPopoverProps } from '@salutejs/plasma-new-hope/types/components/Popover/Popover.types';
102
+ import { CustomTabItemProps } from '@salutejs/plasma-new-hope/types/components/Tabs/ui/TabItem/TabItem.types';
103
+ import { CustomTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/ui/Tabs/Tabs.types';
102
104
  import { CustomToastProps } from '@salutejs/plasma-new-hope/types/components/Toast/Toast.types';
103
105
  import { DateInfo } from '@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types';
104
106
  import { DatePickerCalendarProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types';
@@ -2230,42 +2232,18 @@ export type SwitchProps = ComponentProps<typeof SwitchComponent>;
2230
2232
  export { syntheticFocus }
2231
2233
 
2232
2234
  // @public
2233
- export const TabItem: ForwardRefExoticComponent<AsProps<any> & ButtonHTMLAttributes<HTMLButtonElement> & {
2234
- isActive?: boolean | undefined;
2235
- selected?: boolean | undefined;
2236
- disabled?: boolean | undefined;
2237
- pilled?: boolean | undefined;
2238
- animated?: boolean | undefined;
2239
- contentLeft?: ReactNode;
2240
- contentRight?: ReactNode;
2241
- onIndexChange?: ((index: number) => void) | undefined;
2242
- itemIndex?: number | undefined;
2243
- size?: string | undefined;
2244
- view?: string | undefined;
2245
- } & RefAttributes<HTMLDivElement>>;
2235
+ export const TabItem: ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & AsProps_2<any> & CustomTabItemProps & RefAttributes<HTMLDivElement>>;
2246
2236
 
2247
2237
  export { TabItemProps }
2248
2238
 
2249
2239
  export { TabItemRefs }
2250
2240
 
2251
2241
  // @public
2252
- export const Tabs: ForwardRefExoticComponent<AsProps_2<any> & HTMLAttributes<HTMLDivElement> & {
2253
- clip?: "scroll" | "showAll" | undefined;
2254
- disabled?: boolean | undefined;
2255
- stretch?: boolean | undefined;
2256
- pilled?: boolean | undefined;
2257
- size?: string | undefined;
2258
- view?: string | undefined;
2259
- index?: number | undefined;
2260
- outsideScroll?: boolean | {
2261
- left?: string | undefined;
2262
- right?: string | undefined;
2263
- } | undefined;
2264
- } & RefAttributes<HTMLDivElement>>;
2242
+ export const Tabs: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & AsProps_2<any> & CustomTabsProps & RefAttributes<HTMLDivElement>>;
2265
2243
 
2266
2244
  export { TabsContext }
2267
2245
 
2268
- // @public @deprecated (undocumented)
2246
+ // @public
2269
2247
  export const TabsController: ForwardRefExoticComponent<TabsControllerProps & RefAttributes<HTMLDivElement>>;
2270
2248
 
2271
2249
  export { TabsControllerProps }
@@ -30,7 +30,7 @@ var DropdownPopup = exports.DropdownPopup = /*#__PURE__*/(0, _react.forwardRef)(
30
30
  ref: ref,
31
31
  onToggle: onToggle,
32
32
  target: disclosure,
33
- isOpen: isOpen,
33
+ opened: isOpen,
34
34
  trigger: trigger,
35
35
  placement: placement,
36
36
  offset: [offsetAtTop, 0]
@@ -2,16 +2,4 @@ import { ForwardRefExoticComponent, RefAttributes } from 'react';
2
2
  /**
3
3
  * Элемент списка, недопустимо использовать вне компонента Tabs.
4
4
  */
5
- export declare const TabItem: ForwardRefExoticComponent<import("@salutejs/plasma-core").AsProps<any> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
6
- isActive?: boolean | undefined;
7
- selected?: boolean | undefined;
8
- disabled?: boolean | undefined;
9
- pilled?: boolean | undefined;
10
- animated?: boolean | undefined;
11
- contentLeft?: import("react").ReactNode;
12
- contentRight?: import("react").ReactNode;
13
- onIndexChange?: ((index: number) => void) | undefined;
14
- itemIndex?: number | undefined;
15
- size?: string | undefined;
16
- view?: string | undefined;
17
- } & RefAttributes<HTMLDivElement>>;
5
+ export declare const TabItem: ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("@salutejs/plasma-new-hope/types/types").AsProps<any> & import("@salutejs/plasma-new-hope/types/components/Tabs/ui/TabItem/TabItem.types").CustomTabItemProps & RefAttributes<HTMLDivElement>>;
@@ -2,16 +2,4 @@ import { ForwardRefExoticComponent, RefAttributes } from 'react';
2
2
  /**
3
3
  * Контейнер вкладок, основной компонент для пользовательской сборки вкладок.
4
4
  */
5
- export declare const Tabs: ForwardRefExoticComponent<import("@salutejs/plasma-new-hope/types/types").AsProps<any> & import("react").HTMLAttributes<HTMLDivElement> & {
6
- clip?: "scroll" | "showAll" | undefined;
7
- disabled?: boolean | undefined;
8
- stretch?: boolean | undefined;
9
- pilled?: boolean | undefined;
10
- size?: string | undefined;
11
- view?: string | undefined;
12
- index?: number | undefined;
13
- outsideScroll?: boolean | {
14
- left?: string | undefined;
15
- right?: string | undefined;
16
- } | undefined;
17
- } & RefAttributes<HTMLDivElement>>;
5
+ export declare const Tabs: ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("@salutejs/plasma-new-hope/types/types").AsProps<any> & import("@salutejs/plasma-new-hope/types/components/Tabs/ui/Tabs/Tabs.types").CustomTabsProps & RefAttributes<HTMLDivElement>>;
@@ -1,8 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  /**
3
- * @deprecated
4
- * Используйте Tabs, TabItem, указав параметры index, itemIndex, onIndexChange
5
- *
6
3
  * Контроллер вкладок.
7
4
  * Позволяет использовать клавиши ArrowLeft, ArrowRight, Home, End для навигации по вкладкам.
8
5
  */
@@ -8,9 +8,6 @@ var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-c
8
8
  var _Tabs = /*#__PURE__*/require("./Tabs");
9
9
  var _TabItem = /*#__PURE__*/require("./TabItem");
10
10
  /**
11
- * @deprecated
12
- * Используйте Tabs, TabItem, указав параметры index, itemIndex, onIndexChange
13
- *
14
11
  * Контроллер вкладок.
15
12
  * Позволяет использовать клавиши ArrowLeft, ArrowRight, Home, End для навигации по вкладкам.
16
13
  */
@@ -22,12 +22,12 @@ var All = exports.All = function All() {
22
22
  contentLeft: /*#__PURE__*/_react["default"].createElement(_plasmaIcons.IconDownload, null)
23
23
  }),
24
24
  placement: "left",
25
- isOpen: true,
25
+ opened: true,
26
26
  hasArrow: true,
27
27
  text: "Left"
28
28
  }),
29
29
  placement: "top-start",
30
- isOpen: true,
30
+ opened: true,
31
31
  hasArrow: true,
32
32
  text: "Top start"
33
33
  }), /*#__PURE__*/_react["default"].createElement(_.Tooltip, {
@@ -35,7 +35,7 @@ var All = exports.All = function All() {
35
35
  contentLeft: /*#__PURE__*/_react["default"].createElement(_plasmaIcons.IconDownload, null)
36
36
  }),
37
37
  placement: "top",
38
- isOpen: true,
38
+ opened: true,
39
39
  hasArrow: true,
40
40
  text: "Top"
41
41
  }), /*#__PURE__*/_react["default"].createElement(_.Tooltip, {
@@ -44,12 +44,12 @@ var All = exports.All = function All() {
44
44
  contentLeft: /*#__PURE__*/_react["default"].createElement(_plasmaIcons.IconDownload, null)
45
45
  }),
46
46
  placement: "right",
47
- isOpen: true,
47
+ opened: true,
48
48
  hasArrow: true,
49
49
  text: "Right"
50
50
  }),
51
51
  placement: "top-end",
52
- isOpen: true,
52
+ opened: true,
53
53
  hasArrow: true,
54
54
  text: "Top end"
55
55
  }), /*#__PURE__*/_react["default"].createElement(_.Tooltip, {
@@ -57,7 +57,7 @@ var All = exports.All = function All() {
57
57
  contentLeft: /*#__PURE__*/_react["default"].createElement(_plasmaIcons.IconDownload, null)
58
58
  }),
59
59
  placement: "bottom-start",
60
- isOpen: true,
60
+ opened: true,
61
61
  hasArrow: true,
62
62
  text: "Bottom start"
63
63
  }), /*#__PURE__*/_react["default"].createElement(_.Tooltip, {
@@ -65,7 +65,7 @@ var All = exports.All = function All() {
65
65
  contentLeft: /*#__PURE__*/_react["default"].createElement(_plasmaIcons.IconDownload, null)
66
66
  }),
67
67
  placement: "bottom",
68
- isOpen: true,
68
+ opened: true,
69
69
  hasArrow: true,
70
70
  text: "Bottom"
71
71
  }), /*#__PURE__*/_react["default"].createElement(_.Tooltip, {
@@ -73,7 +73,7 @@ var All = exports.All = function All() {
73
73
  contentLeft: /*#__PURE__*/_react["default"].createElement(_plasmaIcons.IconDownload, null)
74
74
  }),
75
75
  placement: "bottom-end",
76
- isOpen: true,
76
+ opened: true,
77
77
  hasArrow: true,
78
78
  text: "Bottom end"
79
79
  })));
@@ -24,7 +24,7 @@ var DropdownPopup = /*#__PURE__*/React.forwardRef(function (props, ref) {
24
24
  ref: ref,
25
25
  onToggle: onToggle,
26
26
  target: disclosure,
27
- isOpen: isOpen,
27
+ opened: isOpen,
28
28
  trigger: trigger,
29
29
  placement: placement,
30
30
  offset: [offsetAtTop, 0]
@@ -1 +1 @@
1
- {"version":3,"file":"DropdownPopup.js","sources":["../../../../../src-css/components/Dropdown/components/DropdownPopup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DropdownPopupProps } from '@salutejs/plasma-hope';\nimport { component, dropdownOldConfig, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './DropdownOld.config';\n\nconst mergedConfig = mergeConfig(dropdownOldConfig, config);\nconst DropdownNewHope = component(mergedConfig);\n\nexport const DropdownPopup = forwardRef<HTMLDivElement, DropdownPopupProps>((props, ref) => {\n const { trigger, children, isOpen, disclosure, onToggle, placement, offsetTop, ...rest } = props;\n\n const offsetAtTop = typeof offsetTop === 'number' ? offsetTop : 0;\n\n return (\n <DropdownNewHope\n {...rest}\n ref={ref}\n onToggle={onToggle}\n target={disclosure}\n isOpen={isOpen}\n trigger={trigger}\n placement={placement}\n offset={[offsetAtTop, 0]}\n >\n {children}\n </DropdownNewHope>\n );\n});\n"],"names":["mergedConfig","mergeConfig","dropdownOldConfig","config","DropdownNewHope","component","DropdownPopup","forwardRef","props","ref","trigger","children","isOpen","disclosure","onToggle","placement","offsetTop","rest","_objectWithoutProperties","_excluded","offsetAtTop","React","createElement","_extends","target","offset"],"mappings":";;;;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,+BAAiB,EAAEC,yBAAM,CAAC,CAAA;AAC3D,IAAMC,eAAe,gBAAGC,uBAAS,CAACL,YAAY,CAAC,CAAA;AAExC,IAAMM,aAAa,gBAAGC,gBAAU,CAAqC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACxF,EAAA,IAAQC,OAAO,GAA4EF,KAAK,CAAxFE,OAAO;IAAEC,QAAQ,GAAkEH,KAAK,CAA/EG,QAAQ;IAAEC,MAAM,GAA0DJ,KAAK,CAArEI,MAAM;IAAEC,UAAU,GAA8CL,KAAK,CAA7DK,UAAU;IAAEC,QAAQ,GAAoCN,KAAK,CAAjDM,QAAQ;IAAEC,SAAS,GAAyBP,KAAK,CAAvCO,SAAS;IAAEC,SAAS,GAAcR,KAAK,CAA5BQ,SAAS;AAAKC,IAAAA,IAAI,GAAAC,iDAAA,CAAKV,KAAK,EAAAW,SAAA,CAAA,CAAA;EAEhG,IAAMC,WAAW,GAAG,OAAOJ,SAAS,KAAK,QAAQ,GAAGA,SAAS,GAAG,CAAC,CAAA;EAEjE,oBACIK,KAAA,CAAAC,aAAA,CAAClB,eAAe,EAAAmB,iCAAA,KACRN,IAAI,EAAA;AACRR,IAAAA,GAAG,EAAEA,GAAI;AACTK,IAAAA,QAAQ,EAAEA,QAAS;AACnBU,IAAAA,MAAM,EAAEX,UAAW;AACnBD,IAAAA,MAAM,EAAEA,MAAO;AACfF,IAAAA,OAAO,EAAEA,OAAQ;AACjBK,IAAAA,SAAS,EAAEA,SAAU;AACrBU,IAAAA,MAAM,EAAE,CAACL,WAAW,EAAE,CAAC,CAAA;AAAE,GAAA,CAAA,EAExBT,QACY,CAAC,CAAA;AAE1B,CAAC;;;;"}
1
+ {"version":3,"file":"DropdownPopup.js","sources":["../../../../../src-css/components/Dropdown/components/DropdownPopup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DropdownPopupProps } from '@salutejs/plasma-hope';\nimport { component, dropdownOldConfig, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './DropdownOld.config';\n\nconst mergedConfig = mergeConfig(dropdownOldConfig, config);\nconst DropdownNewHope = component(mergedConfig);\n\nexport const DropdownPopup = forwardRef<HTMLDivElement, DropdownPopupProps>((props, ref) => {\n const { trigger, children, isOpen, disclosure, onToggle, placement, offsetTop, ...rest } = props;\n\n const offsetAtTop = typeof offsetTop === 'number' ? offsetTop : 0;\n\n return (\n <DropdownNewHope\n {...rest}\n ref={ref}\n onToggle={onToggle}\n target={disclosure}\n opened={isOpen}\n trigger={trigger}\n placement={placement}\n offset={[offsetAtTop, 0]}\n >\n {children}\n </DropdownNewHope>\n );\n});\n"],"names":["mergedConfig","mergeConfig","dropdownOldConfig","config","DropdownNewHope","component","DropdownPopup","forwardRef","props","ref","trigger","children","isOpen","disclosure","onToggle","placement","offsetTop","rest","_objectWithoutProperties","_excluded","offsetAtTop","React","createElement","_extends","target","opened","offset"],"mappings":";;;;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,+BAAiB,EAAEC,yBAAM,CAAC,CAAA;AAC3D,IAAMC,eAAe,gBAAGC,uBAAS,CAACL,YAAY,CAAC,CAAA;AAExC,IAAMM,aAAa,gBAAGC,gBAAU,CAAqC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACxF,EAAA,IAAQC,OAAO,GAA4EF,KAAK,CAAxFE,OAAO;IAAEC,QAAQ,GAAkEH,KAAK,CAA/EG,QAAQ;IAAEC,MAAM,GAA0DJ,KAAK,CAArEI,MAAM;IAAEC,UAAU,GAA8CL,KAAK,CAA7DK,UAAU;IAAEC,QAAQ,GAAoCN,KAAK,CAAjDM,QAAQ;IAAEC,SAAS,GAAyBP,KAAK,CAAvCO,SAAS;IAAEC,SAAS,GAAcR,KAAK,CAA5BQ,SAAS;AAAKC,IAAAA,IAAI,GAAAC,iDAAA,CAAKV,KAAK,EAAAW,SAAA,CAAA,CAAA;EAEhG,IAAMC,WAAW,GAAG,OAAOJ,SAAS,KAAK,QAAQ,GAAGA,SAAS,GAAG,CAAC,CAAA;EAEjE,oBACIK,KAAA,CAAAC,aAAA,CAAClB,eAAe,EAAAmB,iCAAA,KACRN,IAAI,EAAA;AACRR,IAAAA,GAAG,EAAEA,GAAI;AACTK,IAAAA,QAAQ,EAAEA,QAAS;AACnBU,IAAAA,MAAM,EAAEX,UAAW;AACnBY,IAAAA,MAAM,EAAEb,MAAO;AACfF,IAAAA,OAAO,EAAEA,OAAQ;AACjBK,IAAAA,SAAS,EAAEA,SAAU;AACrBW,IAAAA,MAAM,EAAE,CAACN,WAAW,EAAE,CAAC,CAAA;AAAE,GAAA,CAAA,EAExBT,QACY,CAAC,CAAA;AAE1B,CAAC;;;;"}
@@ -7,9 +7,6 @@ var Tabs = require('./Tabs.js');
7
7
  var TabItem = require('./TabItem.js');
8
8
 
9
9
  /**
10
- * @deprecated
11
- * Используйте Tabs, TabItem, указав параметры index, itemIndex, onIndexChange
12
- *
13
10
  * Контроллер вкладок.
14
11
  * Позволяет использовать клавиши ArrowLeft, ArrowRight, Home, End для навигации по вкладкам.
15
12
  */
@@ -1 +1 @@
1
- {"version":3,"file":"TabsController.js","sources":["../../../../src-css/components/Tabs/TabsController.tsx"],"sourcesContent":["import { createTabsController } from '@salutejs/plasma-new-hope';\n\nimport { Tabs } from './Tabs';\nimport { TabItem } from './TabItem';\n\n/**\n * @deprecated\n * Используйте Tabs, TabItem, указав параметры index, itemIndex, onIndexChange\n *\n * Контроллер вкладок.\n * Позволяет использовать клавиши ArrowLeft, ArrowRight, Home, End для навигации по вкладкам.\n */\nexport const TabsController = createTabsController(Tabs, TabItem);\n"],"names":["TabsController","createTabsController","Tabs","TabItem"],"mappings":";;;;;;;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,cAAc,gBAAGC,kCAAoB,CAACC,SAAI,EAAEC,eAAO;;;;"}
1
+ {"version":3,"file":"TabsController.js","sources":["../../../../src-css/components/Tabs/TabsController.tsx"],"sourcesContent":["import { createTabsController } from '@salutejs/plasma-new-hope';\n\nimport { Tabs } from './Tabs';\nimport { TabItem } from './TabItem';\n\n/**\n * Контроллер вкладок.\n * Позволяет использовать клавиши ArrowLeft, ArrowRight, Home, End для навигации по вкладкам.\n */\nexport const TabsController = createTabsController(Tabs, TabItem);\n"],"names":["TabsController","createTabsController","Tabs","TabItem"],"mappings":";;;;;;;;AAKA;AACA;AACA;AACA;AACO,IAAMA,cAAc,gBAAGC,kCAAoB,CAACC,SAAI,EAAEC,eAAO;;;;"}
@@ -20,7 +20,7 @@ var DropdownPopup = /*#__PURE__*/forwardRef(function (props, ref) {
20
20
  ref: ref,
21
21
  onToggle: onToggle,
22
22
  target: disclosure,
23
- isOpen: isOpen,
23
+ opened: isOpen,
24
24
  trigger: trigger,
25
25
  placement: placement,
26
26
  offset: [offsetAtTop, 0]
@@ -1 +1 @@
1
- {"version":3,"file":"DropdownPopup.js","sources":["../../../../../src-css/components/Dropdown/components/DropdownPopup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DropdownPopupProps } from '@salutejs/plasma-hope';\nimport { component, dropdownOldConfig, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './DropdownOld.config';\n\nconst mergedConfig = mergeConfig(dropdownOldConfig, config);\nconst DropdownNewHope = component(mergedConfig);\n\nexport const DropdownPopup = forwardRef<HTMLDivElement, DropdownPopupProps>((props, ref) => {\n const { trigger, children, isOpen, disclosure, onToggle, placement, offsetTop, ...rest } = props;\n\n const offsetAtTop = typeof offsetTop === 'number' ? offsetTop : 0;\n\n return (\n <DropdownNewHope\n {...rest}\n ref={ref}\n onToggle={onToggle}\n target={disclosure}\n isOpen={isOpen}\n trigger={trigger}\n placement={placement}\n offset={[offsetAtTop, 0]}\n >\n {children}\n </DropdownNewHope>\n );\n});\n"],"names":["mergedConfig","mergeConfig","dropdownOldConfig","config","DropdownNewHope","component","DropdownPopup","forwardRef","props","ref","trigger","children","isOpen","disclosure","onToggle","placement","offsetTop","rest","_objectWithoutProperties","_excluded","offsetAtTop","React","createElement","_extends","target","offset"],"mappings":";;;;;;AAMA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,iBAAiB,EAAEC,MAAM,CAAC,CAAA;AAC3D,IAAMC,eAAe,gBAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;AAExC,IAAMM,aAAa,gBAAGC,UAAU,CAAqC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACxF,EAAA,IAAQC,OAAO,GAA4EF,KAAK,CAAxFE,OAAO;IAAEC,QAAQ,GAAkEH,KAAK,CAA/EG,QAAQ;IAAEC,MAAM,GAA0DJ,KAAK,CAArEI,MAAM;IAAEC,UAAU,GAA8CL,KAAK,CAA7DK,UAAU;IAAEC,QAAQ,GAAoCN,KAAK,CAAjDM,QAAQ;IAAEC,SAAS,GAAyBP,KAAK,CAAvCO,SAAS;IAAEC,SAAS,GAAcR,KAAK,CAA5BQ,SAAS;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAKV,KAAK,EAAAW,SAAA,CAAA,CAAA;EAEhG,IAAMC,WAAW,GAAG,OAAOJ,SAAS,KAAK,QAAQ,GAAGA,SAAS,GAAG,CAAC,CAAA;EAEjE,oBACIK,KAAA,CAAAC,aAAA,CAAClB,eAAe,EAAAmB,QAAA,KACRN,IAAI,EAAA;AACRR,IAAAA,GAAG,EAAEA,GAAI;AACTK,IAAAA,QAAQ,EAAEA,QAAS;AACnBU,IAAAA,MAAM,EAAEX,UAAW;AACnBD,IAAAA,MAAM,EAAEA,MAAO;AACfF,IAAAA,OAAO,EAAEA,OAAQ;AACjBK,IAAAA,SAAS,EAAEA,SAAU;AACrBU,IAAAA,MAAM,EAAE,CAACL,WAAW,EAAE,CAAC,CAAA;AAAE,GAAA,CAAA,EAExBT,QACY,CAAC,CAAA;AAE1B,CAAC;;;;"}
1
+ {"version":3,"file":"DropdownPopup.js","sources":["../../../../../src-css/components/Dropdown/components/DropdownPopup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { DropdownPopupProps } from '@salutejs/plasma-hope';\nimport { component, dropdownOldConfig, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './DropdownOld.config';\n\nconst mergedConfig = mergeConfig(dropdownOldConfig, config);\nconst DropdownNewHope = component(mergedConfig);\n\nexport const DropdownPopup = forwardRef<HTMLDivElement, DropdownPopupProps>((props, ref) => {\n const { trigger, children, isOpen, disclosure, onToggle, placement, offsetTop, ...rest } = props;\n\n const offsetAtTop = typeof offsetTop === 'number' ? offsetTop : 0;\n\n return (\n <DropdownNewHope\n {...rest}\n ref={ref}\n onToggle={onToggle}\n target={disclosure}\n opened={isOpen}\n trigger={trigger}\n placement={placement}\n offset={[offsetAtTop, 0]}\n >\n {children}\n </DropdownNewHope>\n );\n});\n"],"names":["mergedConfig","mergeConfig","dropdownOldConfig","config","DropdownNewHope","component","DropdownPopup","forwardRef","props","ref","trigger","children","isOpen","disclosure","onToggle","placement","offsetTop","rest","_objectWithoutProperties","_excluded","offsetAtTop","React","createElement","_extends","target","opened","offset"],"mappings":";;;;;;AAMA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,iBAAiB,EAAEC,MAAM,CAAC,CAAA;AAC3D,IAAMC,eAAe,gBAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;AAExC,IAAMM,aAAa,gBAAGC,UAAU,CAAqC,UAACC,KAAK,EAAEC,GAAG,EAAK;AACxF,EAAA,IAAQC,OAAO,GAA4EF,KAAK,CAAxFE,OAAO;IAAEC,QAAQ,GAAkEH,KAAK,CAA/EG,QAAQ;IAAEC,MAAM,GAA0DJ,KAAK,CAArEI,MAAM;IAAEC,UAAU,GAA8CL,KAAK,CAA7DK,UAAU;IAAEC,QAAQ,GAAoCN,KAAK,CAAjDM,QAAQ;IAAEC,SAAS,GAAyBP,KAAK,CAAvCO,SAAS;IAAEC,SAAS,GAAcR,KAAK,CAA5BQ,SAAS;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAKV,KAAK,EAAAW,SAAA,CAAA,CAAA;EAEhG,IAAMC,WAAW,GAAG,OAAOJ,SAAS,KAAK,QAAQ,GAAGA,SAAS,GAAG,CAAC,CAAA;EAEjE,oBACIK,KAAA,CAAAC,aAAA,CAAClB,eAAe,EAAAmB,QAAA,KACRN,IAAI,EAAA;AACRR,IAAAA,GAAG,EAAEA,GAAI;AACTK,IAAAA,QAAQ,EAAEA,QAAS;AACnBU,IAAAA,MAAM,EAAEX,UAAW;AACnBY,IAAAA,MAAM,EAAEb,MAAO;AACfF,IAAAA,OAAO,EAAEA,OAAQ;AACjBK,IAAAA,SAAS,EAAEA,SAAU;AACrBW,IAAAA,MAAM,EAAE,CAACN,WAAW,EAAE,CAAC,CAAA;AAAE,GAAA,CAAA,EAExBT,QACY,CAAC,CAAA;AAE1B,CAAC;;;;"}
@@ -3,9 +3,6 @@ import { Tabs } from './Tabs.js';
3
3
  import { TabItem } from './TabItem.js';
4
4
 
5
5
  /**
6
- * @deprecated
7
- * Используйте Tabs, TabItem, указав параметры index, itemIndex, onIndexChange
8
- *
9
6
  * Контроллер вкладок.
10
7
  * Позволяет использовать клавиши ArrowLeft, ArrowRight, Home, End для навигации по вкладкам.
11
8
  */
@@ -1 +1 @@
1
- {"version":3,"file":"TabsController.js","sources":["../../../../src-css/components/Tabs/TabsController.tsx"],"sourcesContent":["import { createTabsController } from '@salutejs/plasma-new-hope';\n\nimport { Tabs } from './Tabs';\nimport { TabItem } from './TabItem';\n\n/**\n * @deprecated\n * Используйте Tabs, TabItem, указав параметры index, itemIndex, onIndexChange\n *\n * Контроллер вкладок.\n * Позволяет использовать клавиши ArrowLeft, ArrowRight, Home, End для навигации по вкладкам.\n */\nexport const TabsController = createTabsController(Tabs, TabItem);\n"],"names":["TabsController","createTabsController","Tabs","TabItem"],"mappings":";;;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,cAAc,gBAAGC,oBAAoB,CAACC,IAAI,EAAEC,OAAO;;;;"}
1
+ {"version":3,"file":"TabsController.js","sources":["../../../../src-css/components/Tabs/TabsController.tsx"],"sourcesContent":["import { createTabsController } from '@salutejs/plasma-new-hope';\n\nimport { Tabs } from './Tabs';\nimport { TabItem } from './TabItem';\n\n/**\n * Контроллер вкладок.\n * Позволяет использовать клавиши ArrowLeft, ArrowRight, Home, End для навигации по вкладкам.\n */\nexport const TabsController = createTabsController(Tabs, TabItem);\n"],"names":["TabsController","createTabsController","Tabs","TabItem"],"mappings":";;;;AAKA;AACA;AACA;AACA;AACO,IAAMA,cAAc,gBAAGC,oBAAoB,CAACC,IAAI,EAAEC,OAAO;;;;"}
@@ -21,7 +21,7 @@ export var DropdownPopup = /*#__PURE__*/forwardRef(function (props, ref) {
21
21
  ref: ref,
22
22
  onToggle: onToggle,
23
23
  target: disclosure,
24
- isOpen: isOpen,
24
+ opened: isOpen,
25
25
  trigger: trigger,
26
26
  placement: placement,
27
27
  offset: [offsetAtTop, 0]
@@ -3,9 +3,6 @@ import { Tabs } from './Tabs';
3
3
  import { TabItem } from './TabItem';
4
4
 
5
5
  /**
6
- * @deprecated
7
- * Используйте Tabs, TabItem, указав параметры index, itemIndex, onIndexChange
8
- *
9
6
  * Контроллер вкладок.
10
7
  * Позволяет использовать клавиши ArrowLeft, ArrowRight, Home, End для навигации по вкладкам.
11
8
  */
@@ -15,12 +15,12 @@ export var All = function All() {
15
15
  contentLeft: /*#__PURE__*/React.createElement(IconDownload, null)
16
16
  }),
17
17
  placement: "left",
18
- isOpen: true,
18
+ opened: true,
19
19
  hasArrow: true,
20
20
  text: "Left"
21
21
  }),
22
22
  placement: "top-start",
23
- isOpen: true,
23
+ opened: true,
24
24
  hasArrow: true,
25
25
  text: "Top start"
26
26
  }), /*#__PURE__*/React.createElement(Tooltip, {
@@ -28,7 +28,7 @@ export var All = function All() {
28
28
  contentLeft: /*#__PURE__*/React.createElement(IconDownload, null)
29
29
  }),
30
30
  placement: "top",
31
- isOpen: true,
31
+ opened: true,
32
32
  hasArrow: true,
33
33
  text: "Top"
34
34
  }), /*#__PURE__*/React.createElement(Tooltip, {
@@ -37,12 +37,12 @@ export var All = function All() {
37
37
  contentLeft: /*#__PURE__*/React.createElement(IconDownload, null)
38
38
  }),
39
39
  placement: "right",
40
- isOpen: true,
40
+ opened: true,
41
41
  hasArrow: true,
42
42
  text: "Right"
43
43
  }),
44
44
  placement: "top-end",
45
- isOpen: true,
45
+ opened: true,
46
46
  hasArrow: true,
47
47
  text: "Top end"
48
48
  }), /*#__PURE__*/React.createElement(Tooltip, {
@@ -50,7 +50,7 @@ export var All = function All() {
50
50
  contentLeft: /*#__PURE__*/React.createElement(IconDownload, null)
51
51
  }),
52
52
  placement: "bottom-start",
53
- isOpen: true,
53
+ opened: true,
54
54
  hasArrow: true,
55
55
  text: "Bottom start"
56
56
  }), /*#__PURE__*/React.createElement(Tooltip, {
@@ -58,7 +58,7 @@ export var All = function All() {
58
58
  contentLeft: /*#__PURE__*/React.createElement(IconDownload, null)
59
59
  }),
60
60
  placement: "bottom",
61
- isOpen: true,
61
+ opened: true,
62
62
  hasArrow: true,
63
63
  text: "Bottom"
64
64
  }), /*#__PURE__*/React.createElement(Tooltip, {
@@ -66,7 +66,7 @@ export var All = function All() {
66
66
  contentLeft: /*#__PURE__*/React.createElement(IconDownload, null)
67
67
  }),
68
68
  placement: "bottom-end",
69
- isOpen: true,
69
+ opened: true,
70
70
  hasArrow: true,
71
71
  text: "Bottom end"
72
72
  })));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-web",
3
- "version": "1.369.0-canary.1369.10450142781.0",
3
+ "version": "1.369.1-canary.1325.10455597321.0",
4
4
  "description": "Salute Design System / React UI kit for web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -19,9 +19,9 @@
19
19
  "directory": "packages/plasma-web"
20
20
  },
21
21
  "dependencies": {
22
- "@salutejs/plasma-core": "1.168.0-canary.1369.10450142781.0",
23
- "@salutejs/plasma-hope": "1.294.0-canary.1369.10450142781.0",
24
- "@salutejs/plasma-new-hope": "0.123.0-canary.1369.10450142781.0",
22
+ "@salutejs/plasma-core": "1.168.0-dev.0",
23
+ "@salutejs/plasma-hope": "1.294.0-dev.0",
24
+ "@salutejs/plasma-new-hope": "0.123.1-canary.1325.10455597321.0",
25
25
  "@salutejs/plasma-themes": "0.14.0-dev.0",
26
26
  "@salutejs/plasma-tokens-b2b": "1.41.0",
27
27
  "@salutejs/plasma-tokens-b2c": "0.51.0",
@@ -49,9 +49,9 @@
49
49
  "@rollup/plugin-commonjs": "25.0.7",
50
50
  "@rollup/plugin-node-resolve": "15.2.3",
51
51
  "@salutejs/plasma-colors": "0.13.0",
52
- "@salutejs/plasma-cy-utils": "0.100.0-canary.1369.10450142781.0",
52
+ "@salutejs/plasma-cy-utils": "0.99.0-dev.0",
53
53
  "@salutejs/plasma-icons": "1.199.0",
54
- "@salutejs/plasma-sb-utils": "0.166.0-canary.1369.10450142781.0",
54
+ "@salutejs/plasma-sb-utils": "0.166.0-dev.0",
55
55
  "@storybook/addon-docs": "7.6.17",
56
56
  "@storybook/addon-essentials": "7.6.17",
57
57
  "@storybook/addons": "7.6.17",
@@ -111,5 +111,5 @@
111
111
  "Fanil Zubairov"
112
112
  ],
113
113
  "sideEffects": false,
114
- "gitHead": "f00a75c672d244d44f5e4fe72ee489cb56fb0725"
114
+ "gitHead": "bfdc47fb64c1264c513c5eebcdb9c5e403ce1d7c"
115
115
  }
@@ -99,6 +99,8 @@ import { CounterProps } from '@salutejs/plasma-new-hope/styled-components';
99
99
  import { counterTokens } from '@salutejs/plasma-new-hope/styled-components';
100
100
  import { CustomComboboxProps } from '@salutejs/plasma-new-hope/types/components/Combobox/Combobox.types';
101
101
  import { CustomPopoverProps } from '@salutejs/plasma-new-hope/types/components/Popover/Popover.types';
102
+ import { CustomTabItemProps } from '@salutejs/plasma-new-hope/types/components/Tabs/ui/TabItem/TabItem.types';
103
+ import { CustomTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/ui/Tabs/Tabs.types';
102
104
  import { CustomToastProps } from '@salutejs/plasma-new-hope/types/components/Toast/Toast.types';
103
105
  import { DateInfo } from '@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types';
104
106
  import { DatePickerCalendarProps } from '@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types';
@@ -2230,42 +2232,18 @@ export type SwitchProps = ComponentProps<typeof SwitchComponent>;
2230
2232
  export { syntheticFocus }
2231
2233
 
2232
2234
  // @public
2233
- export const TabItem: ForwardRefExoticComponent<AsProps<any> & ButtonHTMLAttributes<HTMLButtonElement> & {
2234
- isActive?: boolean | undefined;
2235
- selected?: boolean | undefined;
2236
- disabled?: boolean | undefined;
2237
- pilled?: boolean | undefined;
2238
- animated?: boolean | undefined;
2239
- contentLeft?: ReactNode;
2240
- contentRight?: ReactNode;
2241
- onIndexChange?: ((index: number) => void) | undefined;
2242
- itemIndex?: number | undefined;
2243
- size?: string | undefined;
2244
- view?: string | undefined;
2245
- } & RefAttributes<HTMLDivElement>>;
2235
+ export const TabItem: ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & AsProps_2<any> & CustomTabItemProps & RefAttributes<HTMLDivElement>>;
2246
2236
 
2247
2237
  export { TabItemProps }
2248
2238
 
2249
2239
  export { TabItemRefs }
2250
2240
 
2251
2241
  // @public
2252
- export const Tabs: ForwardRefExoticComponent<AsProps_2<any> & HTMLAttributes<HTMLDivElement> & {
2253
- clip?: "scroll" | "showAll" | undefined;
2254
- disabled?: boolean | undefined;
2255
- stretch?: boolean | undefined;
2256
- pilled?: boolean | undefined;
2257
- size?: string | undefined;
2258
- view?: string | undefined;
2259
- index?: number | undefined;
2260
- outsideScroll?: boolean | {
2261
- left?: string | undefined;
2262
- right?: string | undefined;
2263
- } | undefined;
2264
- } & RefAttributes<HTMLDivElement>>;
2242
+ export const Tabs: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & AsProps_2<any> & CustomTabsProps & RefAttributes<HTMLDivElement>>;
2265
2243
 
2266
2244
  export { TabsContext }
2267
2245
 
2268
- // @public @deprecated (undocumented)
2246
+ // @public
2269
2247
  export const TabsController: ForwardRefExoticComponent<TabsControllerProps & RefAttributes<HTMLDivElement>>;
2270
2248
 
2271
2249
  export { TabsControllerProps }