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

package/CHANGELOG.md

@@ -3,6 +3,15 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.10.8 (2024-12-25)
+
+### Only dependencies have been changed
+* [@snack-uikit/truncate-string@0.6.3](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/truncate-string/CHANGELOG.md)
+
+
+
+
+
 ## 0.10.7 (2024-12-17)
 
 ### Only dependencies have been changed

package/README.md

@@ -10,43 +10,20 @@
 [//]: 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"` | regular | Режим отображения |
-| position | enum Position: `"right"`, `"left"` | right | Расположение открытого Drawer |
+| mode | enum Mode: `"regular"`, `"soft"` | - | Режим отображения |
+| position | enum Position: `"right"`, `"left"` | - | Расположение открытого Drawer |
 | className | `string` | - | CSS-класс для элемента с контентом |
 | rootClassName | `string` | - | CSS-класс для корневого элемента |
-| size | `string \| number` | s | Размер |
+| size | `string \| number` | - | Размер |
 | 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
@@ -61,8 +38,8 @@
 | className | `string` | - | CSS-класс для элемента с контентом |
 | rootClassName | `string` | - | CSS-класс для корневого элемента |
 | container | `string \| HTMLElement` | - | Контейнер в котором будет рендерится Drawer. По-умолчанию - body |
-| image | `{ src: string; alt: string; }` | - | Изображение |
 | titleTooltip | `ReactNode` | - | Тултип для заголовка |
+| image | `{ src: string; alt: string; }` | - | Изображение |
 | subtitle | `string` | - | Подзаголовок |
 | size | enum Size: `"s"`, `"m"`, `"l"` | - | Размер |
 | approveButton | `Omit<ButtonFilledProps, "size"> & { tooltip?: TooltipProps; }` | - | Основная кнопка |

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

@@ -26,14 +26,16 @@ export type DrawerCustomProps = WithSupportProps<PropsWithChildren<{
     /** Вложенный Drawer */
     nestedDrawer?: ReactElement<DrawerCustomProps>;
 }>>;
-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;
-}
+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 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 = DrawerCustom;
+exports.DrawerCustom = void 0;
 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 DrawerCustom(_a) {
+function DrawerCustomComponent(_a) {
   var {
       open,
       mode = constants_1.MODE.Regular,
@@ -70,6 +70,8 @@ function DrawerCustom(_a) {
     }), children, nestedDrawer]
   }));
 }
-DrawerCustom.Header = helperComponents_1.DrawerHeader;
-DrawerCustom.Body = helperComponents_1.DrawerBody;
-DrawerCustom.Footer = helperComponents_1.DrawerFooter;
+/** Компонент-конструктор */
+exports.DrawerCustom = DrawerCustomComponent;
+exports.DrawerCustom.Header = helperComponents_1.DrawerHeader;
+exports.DrawerCustom.Body = helperComponents_1.DrawerBody;
+exports.DrawerCustom.Footer = helperComponents_1.DrawerFooter;

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

@@ -26,14 +26,16 @@ export type DrawerCustomProps = WithSupportProps<PropsWithChildren<{
     /** Вложенный Drawer */
     nestedDrawer?: ReactElement<DrawerCustomProps>;
 }>>;
-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;
-}
+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 namespace DrawerCustom {
     type HeaderProps = DrawerHeaderProps;
     type BodyProps = DrawerBodyProps;
     type FooterProps = DrawerFooterProps;
 }
+export {};

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

@@ -18,12 +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';
-export function DrawerCustom(_a) {
+function DrawerCustomComponent(_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.8-preview-95f36d41.0",
+  "version": "0.10.8",
   "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.3-preview-95f36d41.0",
-    "@snack-uikit/truncate-string": "0.6.3-preview-95f36d41.0",
+    "@snack-uikit/tooltip": "0.15.2",
+    "@snack-uikit/truncate-string": "0.6.3",
     "@snack-uikit/typography": "0.8.3",
     "@snack-uikit/utils": "3.6.0",
     "classnames": "2.5.1",
     "rc-drawer": "6.4.1"
   },
-  "gitHead": "e866724aaa8b037109a05efa3e188a2c17989aa6"
+  "gitHead": "5f981cd3d7c5169db2bff1d58db36b6c83da6861"
 }

package/src/components/DrawerCustom/DrawerCustom.tsx

@@ -45,7 +45,7 @@ export type DrawerCustomProps = WithSupportProps<
   }>
 >;
 
-export function DrawerCustom({
+function DrawerCustomComponent({
   open,
   mode = MODE.Regular,
   position = POSITION.Right,
@@ -94,6 +94,13 @@ export function DrawerCustom({
   );
 }
 
+/** Компонент-конструктор */
+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;