@snack-uikit/drawer 0.10.7 → 0.10.8-preview-95f36d41.0

package/README.md

@@ -10,20 +10,43 @@
 [//]: 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
+Вспомогательный компонент для добавления "шапки" в DrawerCustom
+### Props
+| name | type | default value | description |
+|------|------|---------------|-------------|
+| title* | `ReactNode` | - | Заголовок |
+| image | `{ src: string; alt: string; }` | - | Изображение |
+| titleTooltip | `ReactNode` | - | Тултип для заголовка |
+| subtitle | `ReactNode` | - | Подзаголовок |
+| className | `string` | - | CSS-класс |
+## DrawerCustom.Body
+Вспомогательный компонент для добавления "тела" в DrawerCustom
+### Props
+| name | type | default value | description |
+|------|------|---------------|-------------|
+| content* | `ReactNode` | - | Контент |
+| className | `string` | - | CSS-класс |
+## DrawerCustom.Footer
+Вспомогательный компонент для добавления "футера" в DrawerCustom
+### Props
+| name | type | default value | description |
+|------|------|---------------|-------------|
+| actions* | `ReactNode` | - | Слот для добавления кнопок-действий |
+| className | `string` | - | CSS-класс |
 ## Drawer
 Готовый компонент Drawer
 ### Props
@@ -38,8 +61,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,14 @@ 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 {
+    var Header: typeof DrawerHeader;
+    var Body: typeof DrawerBody;
+    var Footer: typeof DrawerFooter;
+}
 export declare namespace DrawerCustom {
     type HeaderProps = DrawerHeaderProps;
     type BodyProps = DrawerBodyProps;
     type FooterProps = DrawerFooterProps;
 }
-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,6 @@ 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;
+DrawerCustom.Header = helperComponents_1.DrawerHeader;
+DrawerCustom.Body = helperComponents_1.DrawerBody;
+DrawerCustom.Footer = helperComponents_1.DrawerFooter;

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

@@ -26,16 +26,14 @@ 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 {
+    var Header: typeof DrawerHeader;
+    var Body: typeof DrawerBody;
+    var Footer: typeof DrawerFooter;
+}
 export declare namespace DrawerCustom {
     type HeaderProps = DrawerHeaderProps;
     type BodyProps = DrawerBodyProps;
     type FooterProps = DrawerFooterProps;
 }
-export {};

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

@@ -18,14 +18,12 @@ 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;

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Drawer",
-  "version": "0.10.7",
+  "version": "0.10.8-preview-95f36d41.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -39,12 +39,12 @@
     "@snack-uikit/button": "0.19.5",
     "@snack-uikit/icons": "0.24.1",
     "@snack-uikit/scroll": "0.9.2",
-    "@snack-uikit/tooltip": "0.15.2",
-    "@snack-uikit/truncate-string": "0.6.2",
+    "@snack-uikit/tooltip": "0.15.3-preview-95f36d41.0",
+    "@snack-uikit/truncate-string": "0.6.3-preview-95f36d41.0",
     "@snack-uikit/typography": "0.8.3",
     "@snack-uikit/utils": "3.6.0",
     "classnames": "2.5.1",
     "rc-drawer": "6.4.1"
   },
-  "gitHead": "33a6d8bc270bd11dec3e4834f2ba8e97c57d5c15"
+  "gitHead": "e866724aaa8b037109a05efa3e188a2c17989aa6"
 }

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,13 +94,6 @@ 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;