@salutejs/sdds-dfa 0.174.0-canary.1562.11851866538.0 → 0.174.0-canary.1562.11857238836.0

package/api/sdds-dfa.api.md

@@ -88,7 +88,8 @@ import { DrawerContentProps } from '@salutejs/plasma-new-hope/styled-components'
 import { DrawerFooterProps } from '@salutejs/plasma-new-hope/styled-components';
 import { DrawerHeaderProps } from '@salutejs/plasma-new-hope/styled-components';
 import { DrawerProps } from '@salutejs/plasma-new-hope/styled-components';
-import { DropdownItemOption } from '@salutejs/plasma-new-hope/styled-components';
+import type { DropdownItemOption } from '@salutejs/plasma-new-hope';
+import type { DropdownNewProps } from '@salutejs/plasma-new-hope';
 import { DropdownNodeSelect } from '@salutejs/plasma-new-hope/styled-components';
 import { DropdownPlacement } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
 import { DropdownTrigger } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
@@ -1190,7 +1191,7 @@ export { DrawerHeaderProps }
 export { DrawerProps }
 
 // @public (undocumented)
-export const Dropdown: FunctionComponent<PropsType<    {
+export const Dropdown: <T extends DropdownItemOption>(props: Omit<DropdownNewProps<T>, "view" | "size"> & Pick<PropsType<    {
 size: {
 l: PolymorphicClassName;
 m: PolymorphicClassName;
@@ -1201,30 +1202,30 @@ view: {
 default: PolymorphicClassName;
 };
 }> & {
-items: DropdownItemOption[];
-alwaysOpened?: boolean | undefined;
-children?: ReactNode;
-itemRole?: string | undefined;
-onHover?: ((index: number) => void) | undefined;
-onItemSelect?: ((item: DropdownItemOption, event: SyntheticEvent<Element, Event>) => void) | undefined;
-trigger?: DropdownTrigger | undefined;
-placement?: DropdownPlacement | undefined;
-offset?: [number, number] | undefined;
-listWidth?: Property.Width<string | number> | undefined;
-hasArrow?: boolean | undefined;
-closeOnSelect?: boolean | undefined;
-closeOnOverlayClick?: boolean | undefined;
-onToggle?: ((isOpen: boolean, event: Event | SyntheticEvent<Element, Event>) => void) | undefined;
-size?: string | undefined;
-view?: string | undefined;
-variant?: "normal" | "tight" | undefined;
-portal?: string | RefObject<HTMLElement> | undefined;
-renderItem?: ((item: DropdownItemOption) => ReactNode) | undefined;
-onItemClick?: ((item: DropdownItemOption, event: SyntheticEvent<Element, Event>) => void) | undefined;
-listOverflow?: Property.Overflow | undefined;
-listHeight?: Property.Height<string | number> | undefined;
-hoverIndex?: number | undefined;
-} & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
+    items: DropdownItemOption[];
+    alwaysOpened?: boolean | undefined;
+    children?: React_2.ReactNode;
+    itemRole?: string | undefined;
+    onHover?: ((index: number) => void) | undefined;
+    onItemSelect?: ((item: DropdownItemOption, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
+    trigger?: DropdownTrigger | undefined;
+    placement?: DropdownPlacement | undefined;
+    offset?: [number, number] | undefined;
+    listWidth?: Property.Width<string | number> | undefined;
+    hasArrow?: boolean | undefined;
+    closeOnSelect?: boolean | undefined;
+    closeOnOverlayClick?: boolean | undefined;
+    onToggle?: ((isOpen: boolean, event: Event | React_2.SyntheticEvent<Element, Event>) => void) | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    portal?: string | React_2.RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: DropdownItemOption) => React_2.ReactNode) | undefined;
+    onItemClick?: ((item: DropdownItemOption, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
+    listOverflow?: Property.Overflow | undefined;
+    listHeight?: Property.Height<string | number> | undefined;
+    hoverIndex?: number | undefined;
+} & React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>, "view" | "size"> & React_2.RefAttributes<HTMLButtonElement>) => React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | null;
 
 // @public (undocumented)
 export const DsplL: FunctionComponent<PropsType<    {

package/components/Dropdown/Dropdown.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-declare const Dropdown: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
+import type { DropdownItemOption, DropdownNewProps } from '@salutejs/plasma-new-hope';
+import React from 'react';
+declare const Dropdown: <T extends DropdownItemOption>(props: Omit<DropdownNewProps<T>, "view" | "size"> & Pick<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
     size: {
         l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -10,12 +11,12 @@ declare const Dropdown: import("react").FunctionComponent<import("@salutejs/plas
         default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & {
-    items: import("@salutejs/plasma-new-hope/styled-components").DropdownItemOption[];
+    items: DropdownItemOption[];
     alwaysOpened?: boolean | undefined;
-    children?: import("react").ReactNode;
+    children?: React.ReactNode;
     itemRole?: string | undefined;
     onHover?: ((index: number) => void) | undefined;
-    onItemSelect?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownItemOption, event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onItemSelect?: ((item: DropdownItemOption, event: React.SyntheticEvent<Element, Event>) => void) | undefined;
     trigger?: import("@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types").DropdownTrigger | undefined;
     placement?: import("@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types").DropdownPlacement | undefined;
     offset?: [number, number] | undefined;
@@ -23,15 +24,15 @@ declare const Dropdown: import("react").FunctionComponent<import("@salutejs/plas
     hasArrow?: boolean | undefined;
     closeOnSelect?: boolean | undefined;
     closeOnOverlayClick?: boolean | undefined;
-    onToggle?: ((isOpen: boolean, event: Event | import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    onToggle?: ((isOpen: boolean, event: Event | React.SyntheticEvent<Element, Event>) => void) | undefined;
     size?: string | undefined;
     view?: string | undefined;
     variant?: "normal" | "tight" | undefined;
-    portal?: string | import("react").RefObject<HTMLElement> | undefined;
-    renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownItemOption) => import("react").ReactNode) | undefined;
-    onItemClick?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownItemOption, event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    portal?: string | React.RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: DropdownItemOption) => React.ReactNode) | undefined;
+    onItemClick?: ((item: DropdownItemOption, event: React.SyntheticEvent<Element, Event>) => void) | undefined;
     listOverflow?: import("csstype").Property.Overflow | undefined;
     listHeight?: import("csstype").Property.Height<string | number> | undefined;
     hoverIndex?: number | undefined;
-} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>, "view" | "size"> & React.RefAttributes<HTMLButtonElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
 export { Dropdown };

package/components/Dropdown/Dropdown.js

@@ -5,6 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Dropdown = void 0;
 var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
 var _Dropdown = /*#__PURE__*/require("./Dropdown.config");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.dropdownConfig, _Dropdown.config);
-var Dropdown = exports.Dropdown = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
+var DropdownNewHope = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
+var DropdownComponent = function DropdownComponent(props, ref) {
+  return /*#__PURE__*/_react["default"].createElement(DropdownNewHope, _extends({
+    ref: ref
+  }, props));
+};
+var Dropdown = exports.Dropdown = /*#__PURE__*/(0, _styledComponents.fixedForwardRef)(DropdownComponent);

package/es/components/Dropdown/Dropdown.js

@@ -1,5 +1,13 @@
-import { dropdownConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import { dropdownConfig, component, mergeConfig, fixedForwardRef } from '@salutejs/plasma-new-hope/styled-components';
+import React from 'react';
 import { config } from './Dropdown.config';
 var mergedConfig = /*#__PURE__*/mergeConfig(dropdownConfig, config);
-var Dropdown = /*#__PURE__*/component(mergedConfig);
+var DropdownNewHope = /*#__PURE__*/component(mergedConfig);
+var DropdownComponent = function DropdownComponent(props, ref) {
+  return /*#__PURE__*/React.createElement(DropdownNewHope, _extends({
+    ref: ref
+  }, props));
+};
+var Dropdown = /*#__PURE__*/fixedForwardRef(DropdownComponent);
 export { Dropdown };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-dfa",
-  "version": "0.174.0-canary.1562.11851866538.0",
+  "version": "0.174.0-canary.1562.11857238836.0",
   "description": "Salute Design System / React UI kit for SDDS DFA web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -19,7 +19,7 @@
     "directory": "packages/sdds-dfa"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.194.0-canary.1562.11851866538.0",
+    "@salutejs/plasma-new-hope": "0.194.0-canary.1562.11857238836.0",
     "@salutejs/sdds-themes": "0.27.0"
   },
   "peerDependencies": {
@@ -95,5 +95,5 @@
     "Anton Vinogradov"
   ],
   "sideEffects": false,
-  "gitHead": "31a26f7b2e4fdc07bee9b216f1d201b67be3a85b"
+  "gitHead": "ab766838da1cd0dac89f2b4ee0601a7f1cf7a210"
 }

package/temp/sdds-dfa.api.md

@@ -88,7 +88,8 @@ import { DrawerContentProps } from '@salutejs/plasma-new-hope/styled-components'
 import { DrawerFooterProps } from '@salutejs/plasma-new-hope/styled-components';
 import { DrawerHeaderProps } from '@salutejs/plasma-new-hope/styled-components';
 import { DrawerProps } from '@salutejs/plasma-new-hope/styled-components';
-import { DropdownItemOption } from '@salutejs/plasma-new-hope/styled-components';
+import type { DropdownItemOption } from '@salutejs/plasma-new-hope';
+import type { DropdownNewProps } from '@salutejs/plasma-new-hope';
 import { DropdownNodeSelect } from '@salutejs/plasma-new-hope/styled-components';
 import { DropdownPlacement } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
 import { DropdownTrigger } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
@@ -1190,7 +1191,7 @@ export { DrawerHeaderProps }
 export { DrawerProps }
 
 // @public (undocumented)
-export const Dropdown: FunctionComponent<PropsType<    {
+export const Dropdown: <T extends DropdownItemOption>(props: Omit<DropdownNewProps<T>, "view" | "size"> & Pick<PropsType<    {
 size: {
 l: PolymorphicClassName;
 m: PolymorphicClassName;
@@ -1201,30 +1202,30 @@ view: {
 default: PolymorphicClassName;
 };
 }> & {
-items: DropdownItemOption[];
-alwaysOpened?: boolean | undefined;
-children?: ReactNode;
-itemRole?: string | undefined;
-onHover?: ((index: number) => void) | undefined;
-onItemSelect?: ((item: DropdownItemOption, event: SyntheticEvent<Element, Event>) => void) | undefined;
-trigger?: DropdownTrigger | undefined;
-placement?: DropdownPlacement | undefined;
-offset?: [number, number] | undefined;
-listWidth?: Property.Width<string | number> | undefined;
-hasArrow?: boolean | undefined;
-closeOnSelect?: boolean | undefined;
-closeOnOverlayClick?: boolean | undefined;
-onToggle?: ((isOpen: boolean, event: Event | SyntheticEvent<Element, Event>) => void) | undefined;
-size?: string | undefined;
-view?: string | undefined;
-variant?: "normal" | "tight" | undefined;
-portal?: string | RefObject<HTMLElement> | undefined;
-renderItem?: ((item: DropdownItemOption) => ReactNode) | undefined;
-onItemClick?: ((item: DropdownItemOption, event: SyntheticEvent<Element, Event>) => void) | undefined;
-listOverflow?: Property.Overflow | undefined;
-listHeight?: Property.Height<string | number> | undefined;
-hoverIndex?: number | undefined;
-} & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
+    items: DropdownItemOption[];
+    alwaysOpened?: boolean | undefined;
+    children?: React_2.ReactNode;
+    itemRole?: string | undefined;
+    onHover?: ((index: number) => void) | undefined;
+    onItemSelect?: ((item: DropdownItemOption, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
+    trigger?: DropdownTrigger | undefined;
+    placement?: DropdownPlacement | undefined;
+    offset?: [number, number] | undefined;
+    listWidth?: Property.Width<string | number> | undefined;
+    hasArrow?: boolean | undefined;
+    closeOnSelect?: boolean | undefined;
+    closeOnOverlayClick?: boolean | undefined;
+    onToggle?: ((isOpen: boolean, event: Event | React_2.SyntheticEvent<Element, Event>) => void) | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    portal?: string | React_2.RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: DropdownItemOption) => React_2.ReactNode) | undefined;
+    onItemClick?: ((item: DropdownItemOption, event: React_2.SyntheticEvent<Element, Event>) => void) | undefined;
+    listOverflow?: Property.Overflow | undefined;
+    listHeight?: Property.Height<string | number> | undefined;
+    hoverIndex?: number | undefined;
+} & React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>, "view" | "size"> & React_2.RefAttributes<HTMLButtonElement>) => React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | null;
 
 // @public (undocumented)
 export const DsplL: FunctionComponent<PropsType<    {