@snack-uikit/drawer 0.10.8 → 0.10.10-preview-a2f98ef7.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.10.9 (2024-12-26)
+
+
+### Bug Fixes
+
+* **FF-5734:** eslint fixes ([5ce6f1f](https://github.com/cloud-ru-tech/snack-uikit/commit/5ce6f1f22d3ac3dd367cbdd184e5873e67837c8b))
+
+
+
+
+
 ## 0.10.8 (2024-12-25)
 
 ### Only dependencies have been changed

package/README.md

@@ -10,20 +10,40 @@
 [//]: DOCUMENTATION_SECTION_START
 [//]: THIS_SECTION_IS_AUTOGENERATED_PLEASE_DONT_EDIT_IT
 ## DrawerCustom
-Компонент-конструктор
 ### Props
 | name | type | default value | description |
 |------|------|---------------|-------------|
 | onClose* | `() => void` | - | Колбэк закрытия |
 | open* | `boolean` | - | Управление состоянием показан/не показан. |
-| mode | enum Mode: `"regular"`, `"soft"` | - | Режим отображения |
-| position | enum Position: `"right"`, `"left"` | - | Расположение открытого Drawer |
+| mode | enum Mode: `"regular"`, `"soft"` | regular | Режим отображения |
+| position | enum Position: `"right"`, `"left"` | right | Расположение открытого Drawer |
 | className | `string` | - | CSS-класс для элемента с контентом |
 | rootClassName | `string` | - | CSS-класс для корневого элемента |
-| size | `string \| number` | - | Размер |
+| size | `string \| number` | s | Размер |
 | push | `boolean \| PushConfig` | - | Смещение при открытии "вложенного" компонента |
 | container | `string \| HTMLElement` | - | Контейнер в котором будет рендерится Drawer. По-умолчанию - body |
 | nestedDrawer | `ReactElement<DrawerCustomProps, string \| JSXElementConstructor<any>>` | - | Вложенный Drawer |
+## DrawerCustom.Header
+### Props
+| name | type | default value | description |
+|------|------|---------------|-------------|
+| title* | `ReactNode` | - | Заголовок |
+| image | `{ src: string; alt: string; }` | - | Изображение |
+| titleTooltip | `ReactNode` | - | Тултип для заголовка |
+| subtitle | `ReactNode` | - | Подзаголовок |
+| className | `string` | - | CSS-класс |
+## DrawerCustom.Body
+### Props
+| name | type | default value | description |
+|------|------|---------------|-------------|
+| content* | `ReactNode` | - | Контент |
+| className | `string` | - | CSS-класс |
+## DrawerCustom.Footer
+### Props
+| name | type | default value | description |
+|------|------|---------------|-------------|
+| actions* | `ReactNode` | - | Слот для добавления кнопок-действий |
+| className | `string` | - | CSS-класс |
 ## Drawer
 Готовый компонент Drawer
 ### Props
@@ -38,8 +58,8 @@
 | className | `string` | - | CSS-класс для элемента с контентом |
 | rootClassName | `string` | - | CSS-класс для корневого элемента |
 | container | `string \| HTMLElement` | - | Контейнер в котором будет рендерится Drawer. По-умолчанию - body |
-| titleTooltip | `ReactNode` | - | Тултип для заголовка |
 | image | `{ src: string; alt: string; }` | - | Изображение |
+| titleTooltip | `ReactNode` | - | Тултип для заголовка |
 | subtitle | `string` | - | Подзаголовок |
 | size | enum Size: `"s"`, `"m"`, `"l"` | - | Размер |
 | approveButton | `Omit<ButtonFilledProps, "size"> & { tooltip?: TooltipProps; }` | - | Основная кнопка |

package/dist/cjs/components/DrawerCustom/DrawerCustom.d.ts

@@ -26,16 +26,12 @@ export type DrawerCustomProps = WithSupportProps<PropsWithChildren<{
     /** Вложенный Drawer */
     nestedDrawer?: ReactElement<DrawerCustomProps>;
 }>>;
-declare function DrawerCustomComponent({ open, mode, position, onClose, rootClassName, className, size, push, container, children, nestedDrawer, ...rest }: DrawerCustomProps): import("react/jsx-runtime").JSX.Element;
-/** Компонент-конструктор */
-export declare const DrawerCustom: typeof DrawerCustomComponent & {
-    Header: typeof DrawerHeader;
-    Body: typeof DrawerBody;
-    Footer: typeof DrawerFooter;
-};
+export declare function DrawerCustom({ open, mode, position, onClose, rootClassName, className, size, push, container, children, nestedDrawer, ...rest }: DrawerCustomProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace DrawerCustom {
     type HeaderProps = DrawerHeaderProps;
     type BodyProps = DrawerBodyProps;
     type FooterProps = DrawerFooterProps;
+    const Header: typeof DrawerHeader;
+    const Body: typeof DrawerBody;
+    const Footer: typeof DrawerFooter;
 }
-export {};

package/dist/cjs/components/DrawerCustom/DrawerCustom.js

@@ -16,7 +16,7 @@ var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DrawerCustom = void 0;
+exports.DrawerCustom = DrawerCustom;
 const jsx_runtime_1 = require("react/jsx-runtime");
 require("rc-drawer/assets/index.css");
 const classnames_1 = __importDefault(require("classnames"));
@@ -26,7 +26,7 @@ const constants_1 = require("../../constants");
 const helperComponents_1 = require("../../helperComponents");
 const constants_2 = require("./constants");
 const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
-function DrawerCustomComponent(_a) {
+function DrawerCustom(_a) {
   var {
       open,
       mode = constants_1.MODE.Regular,
@@ -70,8 +70,8 @@ function DrawerCustomComponent(_a) {
     }), children, nestedDrawer]
   }));
 }
-/** Компонент-конструктор */
-exports.DrawerCustom = DrawerCustomComponent;
-exports.DrawerCustom.Header = helperComponents_1.DrawerHeader;
-exports.DrawerCustom.Body = helperComponents_1.DrawerBody;
-exports.DrawerCustom.Footer = helperComponents_1.DrawerFooter;
+(function (DrawerCustom) {
+  DrawerCustom.Header = helperComponents_1.DrawerHeader;
+  DrawerCustom.Body = helperComponents_1.DrawerBody;
+  DrawerCustom.Footer = helperComponents_1.DrawerFooter;
+})(DrawerCustom || (exports.DrawerCustom = DrawerCustom = {}));

package/dist/esm/components/DrawerCustom/DrawerCustom.d.ts

@@ -26,16 +26,12 @@ export type DrawerCustomProps = WithSupportProps<PropsWithChildren<{
     /** Вложенный Drawer */
     nestedDrawer?: ReactElement<DrawerCustomProps>;
 }>>;
-declare function DrawerCustomComponent({ open, mode, position, onClose, rootClassName, className, size, push, container, children, nestedDrawer, ...rest }: DrawerCustomProps): import("react/jsx-runtime").JSX.Element;
-/** Компонент-конструктор */
-export declare const DrawerCustom: typeof DrawerCustomComponent & {
-    Header: typeof DrawerHeader;
-    Body: typeof DrawerBody;
-    Footer: typeof DrawerFooter;
-};
+export declare function DrawerCustom({ open, mode, position, onClose, rootClassName, className, size, push, container, children, nestedDrawer, ...rest }: DrawerCustomProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace DrawerCustom {
     type HeaderProps = DrawerHeaderProps;
     type BodyProps = DrawerBodyProps;
     type FooterProps = DrawerFooterProps;
+    const Header: typeof DrawerHeader;
+    const Body: typeof DrawerBody;
+    const Footer: typeof DrawerFooter;
 }
-export {};

package/dist/esm/components/DrawerCustom/DrawerCustom.js

@@ -18,14 +18,14 @@ import { MODE, POSITION, SIZE, SIZE_AS_VALUES } from '../../constants';
 import { ButtonClose, DrawerBody, DrawerFooter, DrawerHeader, } from '../../helperComponents';
 import { motionProps } from './constants';
 import styles from './styles.module.css';
-function DrawerCustomComponent(_a) {
+export function DrawerCustom(_a) {
     var { open, mode = MODE.Regular, position = POSITION.Right, onClose, rootClassName, className, size = SIZE.S, push, container, children, nestedDrawer } = _a, rest = __rest(_a, ["open", "mode", "position", "onClose", "rootClassName", "className", "size", "push", "container", "children", "nestedDrawer"]);
     const isRegular = mode === MODE.Regular;
     const isPredefinedSize = typeof size === 'string' && SIZE_AS_VALUES.includes(size);
     return (_jsxs(RcDrawer, Object.assign({ mask: isRegular, maskClosable: isRegular, maskClassName: styles.mask, keyboard: isRegular, width: isPredefinedSize ? 'null' : size, open: open, placement: position, destroyOnClose: true, push: push, onClose: onClose, getContainer: container, className: cn(styles.drawer, className), rootClassName: cn(styles.drawerRoot, rootClassName) }, extractSupportProps(rest), { "data-content-wrapper": true, "data-size": isPredefinedSize ? size : undefined, "data-mode": mode }, motionProps, { children: [_jsx("div", { className: styles.headerElements, children: _jsx(ButtonClose, { onClick: onClose }) }), children, nestedDrawer] })));
 }
-/** Компонент-конструктор */
-export const DrawerCustom = DrawerCustomComponent;
-DrawerCustom.Header = DrawerHeader;
-DrawerCustom.Body = DrawerBody;
-DrawerCustom.Footer = DrawerFooter;
+(function (DrawerCustom) {
+    DrawerCustom.Header = DrawerHeader;
+    DrawerCustom.Body = DrawerBody;
+    DrawerCustom.Footer = DrawerFooter;
+})(DrawerCustom || (DrawerCustom = {}));

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Drawer",
-  "version": "0.10.8",
+  "version": "0.10.10-preview-a2f98ef7.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -36,15 +36,15 @@
   "license": "Apache-2.0",
   "scripts": {},
   "dependencies": {
-    "@snack-uikit/button": "0.19.5",
+    "@snack-uikit/button": "0.19.6-preview-a2f98ef7.0",
     "@snack-uikit/icons": "0.24.1",
     "@snack-uikit/scroll": "0.9.2",
-    "@snack-uikit/tooltip": "0.15.2",
-    "@snack-uikit/truncate-string": "0.6.3",
+    "@snack-uikit/tooltip": "0.15.3",
+    "@snack-uikit/truncate-string": "0.6.4",
     "@snack-uikit/typography": "0.8.3",
     "@snack-uikit/utils": "3.6.0",
     "classnames": "2.5.1",
     "rc-drawer": "6.4.1"
   },
-  "gitHead": "5f981cd3d7c5169db2bff1d58db36b6c83da6861"
+  "gitHead": "16999df080b0b870c1a90ba74aa6c296cd4d480b"
 }

package/src/components/DrawerCustom/DrawerCustom.tsx

@@ -45,7 +45,7 @@ export type DrawerCustomProps = WithSupportProps<
   }>
 >;
 
-function DrawerCustomComponent({
+export function DrawerCustom({
   open,
   mode = MODE.Regular,
   position = POSITION.Right,
@@ -94,19 +94,11 @@ function DrawerCustomComponent({
   );
 }
 
-/** Компонент-конструктор */
-export const DrawerCustom = DrawerCustomComponent as typeof DrawerCustomComponent & {
-  Header: typeof DrawerHeader;
-  Body: typeof DrawerBody;
-  Footer: typeof DrawerFooter;
-};
-
-DrawerCustom.Header = DrawerHeader;
-DrawerCustom.Body = DrawerBody;
-DrawerCustom.Footer = DrawerFooter;
-
 export namespace DrawerCustom {
   export type HeaderProps = DrawerHeaderProps;
   export type BodyProps = DrawerBodyProps;
   export type FooterProps = DrawerFooterProps;
+  export const Header = DrawerHeader;
+  export const Body = DrawerBody;
+  export const Footer = DrawerFooter;
 }