@salutejs/sdds-finportal 0.168.1-canary.1569.11908076676.0 → 0.168.2-canary.1524.11926491838.0

package/api/sdds-finportal.api.md

@@ -92,8 +92,11 @@ 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 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 { DropdownProps } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
+import { DropdownPlacement } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
+import { DropdownTrigger } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
 import { dsplL } from '@salutejs/sdds-themes/tokens';
 import { dsplLBold } from '@salutejs/sdds-themes/tokens';
 import { dsplM } from '@salutejs/sdds-themes/tokens';
@@ -1239,7 +1242,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;
@@ -1249,7 +1252,31 @@ xs: PolymorphicClassName;
 view: {
 default: PolymorphicClassName;
 };
-}> & DropdownProps & 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;
@@ -9,5 +10,29 @@ declare const Dropdown: import("react").FunctionComponent<import("@salutejs/plas
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
-}> & import("@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types").DropdownProps & import("react").RefAttributes<HTMLDivElement>>;
+}> & {
+    items: DropdownItemOption[];
+    alwaysOpened?: boolean | undefined;
+    children?: React.ReactNode;
+    itemRole?: string | undefined;
+    onHover?: ((index: number) => 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;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    hasArrow?: boolean | undefined;
+    closeOnSelect?: boolean | undefined;
+    closeOnOverlayClick?: boolean | undefined;
+    onToggle?: ((isOpen: boolean, event: Event | React.SyntheticEvent<Element, Event>) => void) | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    variant?: "normal" | "tight" | 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;
+} & 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/components/Switch/Switch.config.js

@@ -26,7 +26,7 @@ var config = exports.config = {
       s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2rem;\n                ", ": 1.25rem;\n                ", ": calc(var(", ") / 2);\n                ", ": 1rem;\n                ", ": calc(var(", ") / 2);\n                ", ": 0.125rem;\n                ", ": 1.25;\n            "])), _styledComponents.switchTokens.trackWidth, _styledComponents.switchTokens.trackHeight, _styledComponents.switchTokens.trackBorderRadius, _styledComponents.switchTokens.trackHeight, _styledComponents.switchTokens.thumbSize, _styledComponents.switchTokens.thumbBorderRadius, _styledComponents.switchTokens.thumbSize, _styledComponents.switchTokens.thumbOffset, _styledComponents.switchTokens.thumbPressScale)
     },
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-accent-hover);\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--surface-transparent-tertiary-hover);\n                ", ": 0;\n                ", ": 0;\n                ", ": var(--on-dark-surface-solid-default);\n                ", ": var(--on-dark-surface-solid-default);\n                ", ": 0 1px 1px rgba(0, 0, 0, 0.11);\n            "])), _styledComponents.switchTokens.labelColor, _styledComponents.switchTokens.descriptionColor, _styledComponents.switchTokens.trackBackgroundColorOn, _styledComponents.switchTokens.trackBackgroundColorOnHover, _styledComponents.switchTokens.trackBackgroundColorOff, _styledComponents.switchTokens.trackBackgroundColorOffHover, _styledComponents.switchTokens.trackBorderWidthOn, _styledComponents.switchTokens.trackBorderWidthOff, _styledComponents.switchTokens.thumbBackgroundColorOff, _styledComponents.switchTokens.thumbBackgroundColorOn, _styledComponents.switchTokens.thumbBoxShadow)
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-accent-hover);\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--surface-transparent-tertiary-hover);\n                ", ": 0rem;\n                ", ": var(--on-dark-surface-solid-default);\n                ", ": var(--on-dark-surface-solid-default);\n                ", ": 0 1px 1px rgba(0, 0, 0, 0.11);\n            "])), _styledComponents.switchTokens.labelColor, _styledComponents.switchTokens.descriptionColor, _styledComponents.switchTokens.trackBackgroundColorOn, _styledComponents.switchTokens.trackBackgroundColorOnHover, _styledComponents.switchTokens.trackBackgroundColorOff, _styledComponents.switchTokens.trackBackgroundColorOffHover, _styledComponents.switchTokens.trackBorderWidth, _styledComponents.switchTokens.thumbBackgroundColorOff, _styledComponents.switchTokens.thumbBackgroundColorOn, _styledComponents.switchTokens.thumbBoxShadow)
     },
     disabled: {
       "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), _styledComponents.switchTokens.disabledOpacity)

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/es/components/Switch/Switch.config.js

@@ -20,7 +20,7 @@ export var config = {
       s: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2rem;\n                ", ": 1.25rem;\n                ", ": calc(var(", ") / 2);\n                ", ": 1rem;\n                ", ": calc(var(", ") / 2);\n                ", ": 0.125rem;\n                ", ": 1.25;\n            "])), switchTokens.trackWidth, switchTokens.trackHeight, switchTokens.trackBorderRadius, switchTokens.trackHeight, switchTokens.thumbSize, switchTokens.thumbBorderRadius, switchTokens.thumbSize, switchTokens.thumbOffset, switchTokens.thumbPressScale)
     },
     view: {
-      "default": /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-accent-hover);\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--surface-transparent-tertiary-hover);\n                ", ": 0;\n                ", ": 0;\n                ", ": var(--on-dark-surface-solid-default);\n                ", ": var(--on-dark-surface-solid-default);\n                ", ": 0 1px 1px rgba(0, 0, 0, 0.11);\n            "])), switchTokens.labelColor, switchTokens.descriptionColor, switchTokens.trackBackgroundColorOn, switchTokens.trackBackgroundColorOnHover, switchTokens.trackBackgroundColorOff, switchTokens.trackBackgroundColorOffHover, switchTokens.trackBorderWidthOn, switchTokens.trackBorderWidthOff, switchTokens.thumbBackgroundColorOff, switchTokens.thumbBackgroundColorOn, switchTokens.thumbBoxShadow)
+      "default": /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-accent-hover);\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--surface-transparent-tertiary-hover);\n                ", ": 0rem;\n                ", ": var(--on-dark-surface-solid-default);\n                ", ": var(--on-dark-surface-solid-default);\n                ", ": 0 1px 1px rgba(0, 0, 0, 0.11);\n            "])), switchTokens.labelColor, switchTokens.descriptionColor, switchTokens.trackBackgroundColorOn, switchTokens.trackBackgroundColorOnHover, switchTokens.trackBackgroundColorOff, switchTokens.trackBackgroundColorOffHover, switchTokens.trackBorderWidth, switchTokens.thumbBackgroundColorOff, switchTokens.thumbBackgroundColorOn, switchTokens.thumbBoxShadow)
     },
     disabled: {
       "true": /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), switchTokens.disabledOpacity)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-finportal",
-  "version": "0.168.1-canary.1569.11908076676.0",
+  "version": "0.168.2-canary.1524.11926491838.0",
   "description": "Salute Design System / React UI kit for SDDS FinPortal web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -19,7 +19,7 @@
     "directory": "packages/sdds-finportal"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.194.1-canary.1569.11908076676.0",
+    "@salutejs/plasma-new-hope": "0.194.1-dev.0",
     "@salutejs/sdds-themes": "0.27.0"
   },
   "peerDependencies": {
@@ -78,6 +78,8 @@
     "build:esm": "BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx",
     "generate:typings": "tsc --outDir . --emitDeclarationOnly",
     "storybook": "storybook dev -p ${PORT:-7007} -c .storybook",
+    "storybook:draft": "IS_DRAFT=true storybook dev -p ${PORT:-7007} -c .storybook",
+    "storybook:build:draft": "IS_DRAFT=true storybook build -c .storybook -o build-sb-draft",
     "storybook:build": "storybook build -c .storybook -o build-sb",
     "typescript-coverage": "npx typescript-coverage-report > /dev/null",
     "lint": "../../node_modules/.bin/eslint ./src --ext .js,.ts,.tsx --quiet"
@@ -94,5 +96,5 @@
     "Vasiliy Loginevskiy"
   ],
   "sideEffects": false,
-  "gitHead": "c410afdbf526a38220b90aefd5e992025d260ec7"
+  "gitHead": "6451b24fb529d7c5638da23e7c8d7d8c14d2fc18"
 }

package/temp/sdds-finportal.api.md

@@ -92,8 +92,11 @@ 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 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 { DropdownProps } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
+import { DropdownPlacement } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
+import { DropdownTrigger } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
 import { dsplL } from '@salutejs/sdds-themes/tokens';
 import { dsplLBold } from '@salutejs/sdds-themes/tokens';
 import { dsplM } from '@salutejs/sdds-themes/tokens';
@@ -1239,7 +1242,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;
@@ -1249,7 +1252,31 @@ xs: PolymorphicClassName;
 view: {
 default: PolymorphicClassName;
 };
-}> & DropdownProps & 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<    {