@semcore/side-panel 3.41.0-prerelease.0 → 3.42.0-prerelease.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/lib/cjs/SidePanel.js +19 -19
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/es6/SidePanel.js +19 -19
- package/lib/es6/index.d.js.map +1 -1
- package/lib/types/index.d.ts +2 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [3.42.0] - 2024-08-23
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version minor update due to children dependencies update (`@semcore/icon` [4.43.2 ~> 4.44.0]).
|
|
10
|
+
|
|
5
11
|
## [3.41.0] - 2024-07-29
|
|
6
12
|
|
|
7
13
|
### Changed
|
package/lib/cjs/SidePanel.js
CHANGED
|
@@ -36,25 +36,25 @@ var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i
|
|
|
36
36
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
37
37
|
var _zIndexStacking = require("@semcore/utils/lib/zIndexStacking");
|
|
38
38
|
/*__reshadow-styles__:"./style/side-panel.shadow.css"*/
|
|
39
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
40
|
-
"__SOverlay": "
|
|
41
|
-
"__SPanel": "
|
|
42
|
-
"_placement_top": "
|
|
43
|
-
"_placement_right": "
|
|
44
|
-
"_placement_bottom": "
|
|
45
|
-
"_placement_left": "
|
|
46
|
-
"__SBack": "
|
|
47
|
-
"_size_m": "
|
|
48
|
-
"__SInner": "
|
|
49
|
-
"__SText": "
|
|
50
|
-
"_size": "
|
|
51
|
-
"__SBackText": "
|
|
52
|
-
"__STitle": "
|
|
53
|
-
"__SHeader": "
|
|
54
|
-
"__SFooter": "
|
|
55
|
-
"__SBody": "
|
|
56
|
-
"__SClose": "
|
|
57
|
-
"__SAddon": "
|
|
39
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SOverlay_1ur53_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;overflow:hidden;background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));-webkit-overflow-scrolling:touch;color:var(--intergalactic-text-primary, #191b23)}.___SPanel_1ur53_gg_{display:flex;flex-direction:column;width:260px;outline:0;font-family:inherit;position:fixed;box-sizing:border-box;will-change:transform;background:var(--intergalactic-bg-primary-neutral, #ffffff);z-index:1}.___SPanel_1ur53_gg_._placement_right_1ur53_gg_,.___SPanel_1ur53_gg_._placement_top_1ur53_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));top:0}.___SPanel_1ur53_gg_._placement_top_1ur53_gg_{width:100%;margin-bottom:auto;left:0}.___SPanel_1ur53_gg_._placement_right_1ur53_gg_{height:100vh;margin-left:auto;right:0}.___SPanel_1ur53_gg_._placement_bottom_1ur53_gg_,.___SPanel_1ur53_gg_._placement_left_1ur53_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));left:0}.___SPanel_1ur53_gg_._placement_bottom_1ur53_gg_{width:100%;margin-top:auto;bottom:0}.___SPanel_1ur53_gg_._placement_left_1ur53_gg_{height:100vh;margin-right:auto;top:0}.___SClose_1ur53_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_1ur53_gg_ .___SAddon_1ur53_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_1ur53_gg_._size_m_1ur53_gg_{display:flex;align-items:center;color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);height:auto;min-width:auto;max-width:100%;margin-left:calc(var(--intergalactic-spacing-2x, 8px)*-1 + 1px);margin-bottom:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SBack_1ur53_gg_._size_m_1ur53_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SBack_1ur53_gg_._size_m_1ur53_gg_ .___SInner_1ur53_gg_{justify-content:flex-start}.___SBack_1ur53_gg_ .___SText_1ur53_gg_{display:block}.___SBack_1ur53_gg_.__size_1ur53_gg_ .___SText_1ur53_gg_{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SBackText_1ur53_gg_,.___STitle_1ur53_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SBackText_1ur53_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-200, 142%)}.___STitle_1ur53_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, #191b23)}.___SHeader_1ur53_gg_{padding-left:var(--intergalactic-spacing-6x, 24px);margin-bottom:var(--intergalactic-spacing-1x, 4px);padding-right:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-4x, 16px));margin-top:var(--intergalactic-spacing-1x, 4px);min-height:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-3x, 12px));box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SFooter_1ur53_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_1ur53_gg_{height:100%;overflow:auto;padding-left:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-6x, 24px);padding-top:var(--intergalactic-spacing-4x, 16px)}" /*__inner_css_end__*/, "1ur53_gg_") /*__reshadow_css_end__*/, {
|
|
40
|
+
"__SOverlay": "___SOverlay_1ur53_gg_",
|
|
41
|
+
"__SPanel": "___SPanel_1ur53_gg_",
|
|
42
|
+
"_placement_top": "_placement_top_1ur53_gg_",
|
|
43
|
+
"_placement_right": "_placement_right_1ur53_gg_",
|
|
44
|
+
"_placement_bottom": "_placement_bottom_1ur53_gg_",
|
|
45
|
+
"_placement_left": "_placement_left_1ur53_gg_",
|
|
46
|
+
"__SBack": "___SBack_1ur53_gg_",
|
|
47
|
+
"_size_m": "_size_m_1ur53_gg_",
|
|
48
|
+
"__SInner": "___SInner_1ur53_gg_",
|
|
49
|
+
"__SText": "___SText_1ur53_gg_",
|
|
50
|
+
"_size": "__size_1ur53_gg_",
|
|
51
|
+
"__SBackText": "___SBackText_1ur53_gg_",
|
|
52
|
+
"__STitle": "___STitle_1ur53_gg_",
|
|
53
|
+
"__SHeader": "___SHeader_1ur53_gg_",
|
|
54
|
+
"__SFooter": "___SFooter_1ur53_gg_",
|
|
55
|
+
"__SBody": "___SBody_1ur53_gg_",
|
|
56
|
+
"__SClose": "___SClose_1ur53_gg_",
|
|
57
|
+
"__SAddon": "___SAddon_1ur53_gg_"
|
|
58
58
|
});
|
|
59
59
|
var RootSidePanel = /*#__PURE__*/function (_Component) {
|
|
60
60
|
(0, _inherits2["default"])(RootSidePanel, _Component);
|
package/lib/cjs/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PortalProps } from '@semcore/portal';\nimport { FadeInOutProps, SlideProps } from '@semcore/animation';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps, Flex } from '@semcore/flex-box';\nimport { Text } from '@semcore/typography';\n\nexport type OnCloseTriggerType = 'onOutsideClick' | 'onEscape' | 'onCloseClick';\nexport type OnCloseType = (\n trigger: OnCloseTriggerType,\n e?: React.MouseEvent | React.KeyboardEvent,\n) => void;\n\nexport type SidePanelPlacement = 'top' | 'left' | 'right' | 'bottom';\n\n/** @deprecated */\nexport interface ISidePanelProps extends SidePanelProps, UnknownProperties {}\nexport type SidePanelProps = PortalProps &\n BoxProps & {\n /** Animation display duration in ms\n * @default 350\n */\n duration?: number;\n /**\n * The property responsible for the visibility of the component\n */\n visible?: boolean;\n /**\n * Callback for the component closure\n */\n onClose?: OnCloseType;\n /**\n * Property for displaying the close button\n * @default true\n */\n closable?: boolean;\n /**\n * Position of a dropdown window\n * @default right\n */\n placement?: SidePanelPlacement;\n /**\n * Setting `true` disables mechanism that hides document body scrollbar when SidePanel is visible\n * @default false\n */\n disablePreventScroll?: boolean;\n };\n\n/** @deprecated */\nexport interface ISidePanelOverlayProps extends SidePanelOverlayProps, UnknownProperties {}\nexport type SidePanelOverlayProps = FadeInOutProps & BoxProps & {};\n\n/** @deprecated */\nexport interface ISidePanelPanelProps extends SidePanelPanelProps, UnknownProperties {}\nexport type SidePanelPanelProps = SlideProps &\n BoxProps & {\n onOutsideClick?: (e?: React.SyntheticEvent) => void;\n };\n\n/** @deprecated */\nexport interface ISidePanelContext extends SidePanelContext, UnknownProperties {}\nexport type SidePanelContext = {\n getOverlayProps?: PropGetterFn;\n getPanelProps?: PropGetterFn;\n getCloseProps?: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ISidePanelHeaderProps extends SidePanelHeaderProps, UnknownProperties {}\nexport type SidePanelHeaderProps = BoxProps & {\n title?: React.ReactNode;\n};\n\ndeclare const SidePanel: Intergalactic.Component<'div', SidePanelProps, SidePanelContext> & {\n Header: Intergalactic.Component<'div', SidePanelHeaderProps>;\n Back: typeof Box;\n Body: typeof Box;\n Footer: typeof Flex;\n Title: typeof Text;\n Overlay: Intergalactic.Component<'div', SidePanelOverlayProps>;\n Panel: Intergalactic.Component<'div', SidePanelPanelProps>;\n Close: typeof
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PortalProps } from '@semcore/portal';\nimport { FadeInOutProps, SlideProps } from '@semcore/animation';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps, Flex } from '@semcore/flex-box';\nimport { Text } from '@semcore/typography';\nimport Button from '@semcore/button';\n\nexport type OnCloseTriggerType = 'onOutsideClick' | 'onEscape' | 'onCloseClick';\nexport type OnCloseType = (\n trigger: OnCloseTriggerType,\n e?: React.MouseEvent | React.KeyboardEvent,\n) => void;\n\nexport type SidePanelPlacement = 'top' | 'left' | 'right' | 'bottom';\n\n/** @deprecated */\nexport interface ISidePanelProps extends SidePanelProps, UnknownProperties {}\nexport type SidePanelProps = PortalProps &\n BoxProps & {\n /** Animation display duration in ms\n * @default 350\n */\n duration?: number;\n /**\n * The property responsible for the visibility of the component\n */\n visible?: boolean;\n /**\n * Callback for the component closure\n */\n onClose?: OnCloseType;\n /**\n * Property for displaying the close button\n * @default true\n */\n closable?: boolean;\n /**\n * Position of a dropdown window\n * @default right\n */\n placement?: SidePanelPlacement;\n /**\n * Setting `true` disables mechanism that hides document body scrollbar when SidePanel is visible\n * @default false\n */\n disablePreventScroll?: boolean;\n };\n\n/** @deprecated */\nexport interface ISidePanelOverlayProps extends SidePanelOverlayProps, UnknownProperties {}\nexport type SidePanelOverlayProps = FadeInOutProps & BoxProps & {};\n\n/** @deprecated */\nexport interface ISidePanelPanelProps extends SidePanelPanelProps, UnknownProperties {}\nexport type SidePanelPanelProps = SlideProps &\n BoxProps & {\n onOutsideClick?: (e?: React.SyntheticEvent) => void;\n };\n\n/** @deprecated */\nexport interface ISidePanelContext extends SidePanelContext, UnknownProperties {}\nexport type SidePanelContext = {\n getOverlayProps?: PropGetterFn;\n getPanelProps?: PropGetterFn;\n getCloseProps?: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ISidePanelHeaderProps extends SidePanelHeaderProps, UnknownProperties {}\nexport type SidePanelHeaderProps = BoxProps & {\n title?: React.ReactNode;\n};\n\ndeclare const SidePanel: Intergalactic.Component<'div', SidePanelProps, SidePanelContext> & {\n Header: Intergalactic.Component<'div', SidePanelHeaderProps>;\n Back: typeof Box;\n Body: typeof Box;\n Footer: typeof Flex;\n Title: typeof Text;\n Overlay: Intergalactic.Component<'div', SidePanelOverlayProps>;\n Panel: Intergalactic.Component<'div', SidePanelPanelProps>;\n Close: typeof Button;\n};\n\nexport default SidePanel;\n"],"mappings":""}
|
package/lib/es6/SidePanel.js
CHANGED
|
@@ -37,25 +37,25 @@ import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
|
|
|
37
37
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
38
38
|
import { ZIndexStackingContextProvider, useZIndexStacking } from '@semcore/utils/lib/zIndexStacking';
|
|
39
39
|
/*__reshadow-styles__:"./style/side-panel.shadow.css"*/
|
|
40
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
41
|
-
"__SOverlay": "
|
|
42
|
-
"__SPanel": "
|
|
43
|
-
"_placement_top": "
|
|
44
|
-
"_placement_right": "
|
|
45
|
-
"_placement_bottom": "
|
|
46
|
-
"_placement_left": "
|
|
47
|
-
"__SBack": "
|
|
48
|
-
"_size_m": "
|
|
49
|
-
"__SInner": "
|
|
50
|
-
"__SText": "
|
|
51
|
-
"_size": "
|
|
52
|
-
"__SBackText": "
|
|
53
|
-
"__STitle": "
|
|
54
|
-
"__SHeader": "
|
|
55
|
-
"__SFooter": "
|
|
56
|
-
"__SBody": "
|
|
57
|
-
"__SClose": "
|
|
58
|
-
"__SAddon": "
|
|
40
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SOverlay_1ur53_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;overflow:hidden;background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));-webkit-overflow-scrolling:touch;color:var(--intergalactic-text-primary, #191b23)}.___SPanel_1ur53_gg_{display:flex;flex-direction:column;width:260px;outline:0;font-family:inherit;position:fixed;box-sizing:border-box;will-change:transform;background:var(--intergalactic-bg-primary-neutral, #ffffff);z-index:1}.___SPanel_1ur53_gg_._placement_right_1ur53_gg_,.___SPanel_1ur53_gg_._placement_top_1ur53_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));top:0}.___SPanel_1ur53_gg_._placement_top_1ur53_gg_{width:100%;margin-bottom:auto;left:0}.___SPanel_1ur53_gg_._placement_right_1ur53_gg_{height:100vh;margin-left:auto;right:0}.___SPanel_1ur53_gg_._placement_bottom_1ur53_gg_,.___SPanel_1ur53_gg_._placement_left_1ur53_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));left:0}.___SPanel_1ur53_gg_._placement_bottom_1ur53_gg_{width:100%;margin-top:auto;bottom:0}.___SPanel_1ur53_gg_._placement_left_1ur53_gg_{height:100vh;margin-right:auto;top:0}.___SClose_1ur53_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_1ur53_gg_ .___SAddon_1ur53_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_1ur53_gg_._size_m_1ur53_gg_{display:flex;align-items:center;color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);height:auto;min-width:auto;max-width:100%;margin-left:calc(var(--intergalactic-spacing-2x, 8px)*-1 + 1px);margin-bottom:var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SBack_1ur53_gg_._size_m_1ur53_gg_:hover{color:var(--intergalactic-text-hint-hover-active, #484a54)}}.___SBack_1ur53_gg_._size_m_1ur53_gg_ .___SInner_1ur53_gg_{justify-content:flex-start}.___SBack_1ur53_gg_ .___SText_1ur53_gg_{display:block}.___SBack_1ur53_gg_.__size_1ur53_gg_ .___SText_1ur53_gg_{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SBackText_1ur53_gg_,.___STitle_1ur53_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SBackText_1ur53_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-200, 142%)}.___STitle_1ur53_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, #191b23)}.___SHeader_1ur53_gg_{padding-left:var(--intergalactic-spacing-6x, 24px);margin-bottom:var(--intergalactic-spacing-1x, 4px);padding-right:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-4x, 16px));margin-top:var(--intergalactic-spacing-1x, 4px);min-height:calc(var(--intergalactic-spacing-10x, 40px) + var(--intergalactic-spacing-3x, 12px));box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SFooter_1ur53_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_1ur53_gg_{height:100%;overflow:auto;padding-left:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-6x, 24px);padding-top:var(--intergalactic-spacing-4x, 16px)}" /*__inner_css_end__*/, "1ur53_gg_") /*__reshadow_css_end__*/, {
|
|
41
|
+
"__SOverlay": "___SOverlay_1ur53_gg_",
|
|
42
|
+
"__SPanel": "___SPanel_1ur53_gg_",
|
|
43
|
+
"_placement_top": "_placement_top_1ur53_gg_",
|
|
44
|
+
"_placement_right": "_placement_right_1ur53_gg_",
|
|
45
|
+
"_placement_bottom": "_placement_bottom_1ur53_gg_",
|
|
46
|
+
"_placement_left": "_placement_left_1ur53_gg_",
|
|
47
|
+
"__SBack": "___SBack_1ur53_gg_",
|
|
48
|
+
"_size_m": "_size_m_1ur53_gg_",
|
|
49
|
+
"__SInner": "___SInner_1ur53_gg_",
|
|
50
|
+
"__SText": "___SText_1ur53_gg_",
|
|
51
|
+
"_size": "__size_1ur53_gg_",
|
|
52
|
+
"__SBackText": "___SBackText_1ur53_gg_",
|
|
53
|
+
"__STitle": "___STitle_1ur53_gg_",
|
|
54
|
+
"__SHeader": "___SHeader_1ur53_gg_",
|
|
55
|
+
"__SFooter": "___SFooter_1ur53_gg_",
|
|
56
|
+
"__SBody": "___SBody_1ur53_gg_",
|
|
57
|
+
"__SClose": "___SClose_1ur53_gg_",
|
|
58
|
+
"__SAddon": "___SAddon_1ur53_gg_"
|
|
59
59
|
});
|
|
60
60
|
var RootSidePanel = /*#__PURE__*/function (_Component) {
|
|
61
61
|
_inherits(RootSidePanel, _Component);
|
package/lib/es6/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PortalProps } from '@semcore/portal';\nimport { FadeInOutProps, SlideProps } from '@semcore/animation';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps, Flex } from '@semcore/flex-box';\nimport { Text } from '@semcore/typography';\n\nexport type OnCloseTriggerType = 'onOutsideClick' | 'onEscape' | 'onCloseClick';\nexport type OnCloseType = (\n trigger: OnCloseTriggerType,\n e?: React.MouseEvent | React.KeyboardEvent,\n) => void;\n\nexport type SidePanelPlacement = 'top' | 'left' | 'right' | 'bottom';\n\n/** @deprecated */\nexport interface ISidePanelProps extends SidePanelProps, UnknownProperties {}\nexport type SidePanelProps = PortalProps &\n BoxProps & {\n /** Animation display duration in ms\n * @default 350\n */\n duration?: number;\n /**\n * The property responsible for the visibility of the component\n */\n visible?: boolean;\n /**\n * Callback for the component closure\n */\n onClose?: OnCloseType;\n /**\n * Property for displaying the close button\n * @default true\n */\n closable?: boolean;\n /**\n * Position of a dropdown window\n * @default right\n */\n placement?: SidePanelPlacement;\n /**\n * Setting `true` disables mechanism that hides document body scrollbar when SidePanel is visible\n * @default false\n */\n disablePreventScroll?: boolean;\n };\n\n/** @deprecated */\nexport interface ISidePanelOverlayProps extends SidePanelOverlayProps, UnknownProperties {}\nexport type SidePanelOverlayProps = FadeInOutProps & BoxProps & {};\n\n/** @deprecated */\nexport interface ISidePanelPanelProps extends SidePanelPanelProps, UnknownProperties {}\nexport type SidePanelPanelProps = SlideProps &\n BoxProps & {\n onOutsideClick?: (e?: React.SyntheticEvent) => void;\n };\n\n/** @deprecated */\nexport interface ISidePanelContext extends SidePanelContext, UnknownProperties {}\nexport type SidePanelContext = {\n getOverlayProps?: PropGetterFn;\n getPanelProps?: PropGetterFn;\n getCloseProps?: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ISidePanelHeaderProps extends SidePanelHeaderProps, UnknownProperties {}\nexport type SidePanelHeaderProps = BoxProps & {\n title?: React.ReactNode;\n};\n\ndeclare const SidePanel: Intergalactic.Component<'div', SidePanelProps, SidePanelContext> & {\n Header: Intergalactic.Component<'div', SidePanelHeaderProps>;\n Back: typeof Box;\n Body: typeof Box;\n Footer: typeof Flex;\n Title: typeof Text;\n Overlay: Intergalactic.Component<'div', SidePanelOverlayProps>;\n Panel: Intergalactic.Component<'div', SidePanelPanelProps>;\n Close: typeof
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PortalProps } from '@semcore/portal';\nimport { FadeInOutProps, SlideProps } from '@semcore/animation';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps, Flex } from '@semcore/flex-box';\nimport { Text } from '@semcore/typography';\nimport Button from '@semcore/button';\n\nexport type OnCloseTriggerType = 'onOutsideClick' | 'onEscape' | 'onCloseClick';\nexport type OnCloseType = (\n trigger: OnCloseTriggerType,\n e?: React.MouseEvent | React.KeyboardEvent,\n) => void;\n\nexport type SidePanelPlacement = 'top' | 'left' | 'right' | 'bottom';\n\n/** @deprecated */\nexport interface ISidePanelProps extends SidePanelProps, UnknownProperties {}\nexport type SidePanelProps = PortalProps &\n BoxProps & {\n /** Animation display duration in ms\n * @default 350\n */\n duration?: number;\n /**\n * The property responsible for the visibility of the component\n */\n visible?: boolean;\n /**\n * Callback for the component closure\n */\n onClose?: OnCloseType;\n /**\n * Property for displaying the close button\n * @default true\n */\n closable?: boolean;\n /**\n * Position of a dropdown window\n * @default right\n */\n placement?: SidePanelPlacement;\n /**\n * Setting `true` disables mechanism that hides document body scrollbar when SidePanel is visible\n * @default false\n */\n disablePreventScroll?: boolean;\n };\n\n/** @deprecated */\nexport interface ISidePanelOverlayProps extends SidePanelOverlayProps, UnknownProperties {}\nexport type SidePanelOverlayProps = FadeInOutProps & BoxProps & {};\n\n/** @deprecated */\nexport interface ISidePanelPanelProps extends SidePanelPanelProps, UnknownProperties {}\nexport type SidePanelPanelProps = SlideProps &\n BoxProps & {\n onOutsideClick?: (e?: React.SyntheticEvent) => void;\n };\n\n/** @deprecated */\nexport interface ISidePanelContext extends SidePanelContext, UnknownProperties {}\nexport type SidePanelContext = {\n getOverlayProps?: PropGetterFn;\n getPanelProps?: PropGetterFn;\n getCloseProps?: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ISidePanelHeaderProps extends SidePanelHeaderProps, UnknownProperties {}\nexport type SidePanelHeaderProps = BoxProps & {\n title?: React.ReactNode;\n};\n\ndeclare const SidePanel: Intergalactic.Component<'div', SidePanelProps, SidePanelContext> & {\n Header: Intergalactic.Component<'div', SidePanelHeaderProps>;\n Back: typeof Box;\n Body: typeof Box;\n Footer: typeof Flex;\n Title: typeof Text;\n Overlay: Intergalactic.Component<'div', SidePanelOverlayProps>;\n Panel: Intergalactic.Component<'div', SidePanelPanelProps>;\n Close: typeof Button;\n};\n\nexport default SidePanel;\n"],"mappings":""}
|
package/lib/types/index.d.ts
CHANGED
|
@@ -4,6 +4,7 @@ import { FadeInOutProps, SlideProps } from '@semcore/animation';
|
|
|
4
4
|
import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
|
|
5
5
|
import { Box, BoxProps, Flex } from '@semcore/flex-box';
|
|
6
6
|
import { Text } from '@semcore/typography';
|
|
7
|
+
import Button from '@semcore/button';
|
|
7
8
|
|
|
8
9
|
export type OnCloseTriggerType = 'onOutsideClick' | 'onEscape' | 'onCloseClick';
|
|
9
10
|
export type OnCloseType = (
|
|
@@ -79,7 +80,7 @@ declare const SidePanel: Intergalactic.Component<'div', SidePanelProps, SidePane
|
|
|
79
80
|
Title: typeof Text;
|
|
80
81
|
Overlay: Intergalactic.Component<'div', SidePanelOverlayProps>;
|
|
81
82
|
Panel: Intergalactic.Component<'div', SidePanelPanelProps>;
|
|
82
|
-
Close: typeof
|
|
83
|
+
Close: typeof Button;
|
|
83
84
|
};
|
|
84
85
|
|
|
85
86
|
export default SidePanel;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/side-panel",
|
|
3
3
|
"description": "Semrush SidePanel Component",
|
|
4
|
-
"version": "3.
|
|
4
|
+
"version": "3.42.0-prerelease.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -13,9 +13,9 @@
|
|
|
13
13
|
"@semcore/animation": "2.31.2",
|
|
14
14
|
"@semcore/flex-box": "5.31.2",
|
|
15
15
|
"@semcore/portal": "3.31.2",
|
|
16
|
-
"@semcore/typography": "5.
|
|
16
|
+
"@semcore/typography": "5.41.0-prerelease.0",
|
|
17
17
|
"@semcore/outside-click": "3.29.2",
|
|
18
|
-
"@semcore/icon": "4.
|
|
18
|
+
"@semcore/icon": "4.44.0-prerelease.0"
|
|
19
19
|
},
|
|
20
20
|
"peerDependencies": {
|
|
21
21
|
"@semcore/core": "^2.17.5",
|