@semcore/side-panel 16.1.6 → 16.1.7-prerelease.1
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 +16 -16
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/es6/SidePanel.js +16 -16
- package/lib/es6/index.d.js.map +1 -1
- package/lib/esm/SidePanel.mjs +17 -17
- package/lib/types/index.d.ts +1 -0
- package/package.json +10 -10
package/CHANGELOG.md
CHANGED
package/lib/cjs/SidePanel.js
CHANGED
|
@@ -37,24 +37,24 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
37
37
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
38
38
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
39
39
|
/*!__reshadow-styles__:"./style/side-panel.shadow.css"*/
|
|
40
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
40
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SOverlay_npck7_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_npck7_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_npck7_gg_._placement_right_npck7_gg_,.___SPanel_npck7_gg_._placement_top_npck7_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));top:0}.___SPanel_npck7_gg_._placement_top_npck7_gg_{width:100%;margin-bottom:auto;left:0}.___SPanel_npck7_gg_._placement_right_npck7_gg_{height:100vh;margin-left:auto;right:0}.___SPanel_npck7_gg_._placement_bottom_npck7_gg_,.___SPanel_npck7_gg_._placement_left_npck7_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));left:0}.___SPanel_npck7_gg_._placement_bottom_npck7_gg_{width:100%;margin-top:auto;bottom:0}.___SPanel_npck7_gg_._placement_left_npck7_gg_{height:100vh;margin-right:auto;top:0}.___SClose_npck7_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_npck7_gg_ .___SAddon_npck7_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_npck7_gg_{max-width:100%}.___SBack_npck7_gg_ .___SInner_npck7_gg_{display:flex}.___SBack_npck7_gg_ .___SBackText_npck7_gg_,.___STitle_npck7_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_npck7_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_npck7_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_npck7_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_npck7_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__*/"npck7_gg_"),
|
|
41
41
|
/*__reshadow_css_end__*/
|
|
42
42
|
{
|
|
43
|
-
"__SOverlay": "
|
|
44
|
-
"__SPanel": "
|
|
45
|
-
"_placement_top": "
|
|
46
|
-
"_placement_right": "
|
|
47
|
-
"_placement_bottom": "
|
|
48
|
-
"_placement_left": "
|
|
49
|
-
"__STitle": "
|
|
50
|
-
"__SHeader": "
|
|
51
|
-
"__SFooter": "
|
|
52
|
-
"__SBody": "
|
|
53
|
-
"__SClose": "
|
|
54
|
-
"__SAddon": "
|
|
55
|
-
"__SBack": "
|
|
56
|
-
"__SInner": "
|
|
57
|
-
"__SBackText": "
|
|
43
|
+
"__SOverlay": "___SOverlay_npck7_gg_",
|
|
44
|
+
"__SPanel": "___SPanel_npck7_gg_",
|
|
45
|
+
"_placement_top": "_placement_top_npck7_gg_",
|
|
46
|
+
"_placement_right": "_placement_right_npck7_gg_",
|
|
47
|
+
"_placement_bottom": "_placement_bottom_npck7_gg_",
|
|
48
|
+
"_placement_left": "_placement_left_npck7_gg_",
|
|
49
|
+
"__STitle": "___STitle_npck7_gg_",
|
|
50
|
+
"__SHeader": "___SHeader_npck7_gg_",
|
|
51
|
+
"__SFooter": "___SFooter_npck7_gg_",
|
|
52
|
+
"__SBody": "___SBody_npck7_gg_",
|
|
53
|
+
"__SClose": "___SClose_npck7_gg_",
|
|
54
|
+
"__SAddon": "___SAddon_npck7_gg_",
|
|
55
|
+
"__SBack": "___SBack_npck7_gg_",
|
|
56
|
+
"__SInner": "___SInner_npck7_gg_",
|
|
57
|
+
"__SBackText": "___SBackText_npck7_gg_"
|
|
58
58
|
});
|
|
59
59
|
var RootSidePanel = /*#__PURE__*/function (_Component) {
|
|
60
60
|
function RootSidePanel() {
|
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 type { FadeInOutProps, SlideProps } from '@semcore/animation';\nimport type Button from '@semcore/button';\nimport type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { Box, BoxProps, Flex } from '@semcore/flex-box';\nimport type { PortalProps } from '@semcore/portal';\nimport type { Text } from '@semcore/typography';\nimport type React from 'react';\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":"","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { FadeInOutProps, SlideProps } from '@semcore/animation';\nimport type Button from '@semcore/button';\nimport type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { Box, BoxProps, Flex } from '@semcore/flex-box';\nimport type { PortalProps } from '@semcore/portal';\nimport type { Text } from '@semcore/typography';\nimport type React from 'react';\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 /** Callback that is triggered when click outside is occured */\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":"","ignoreList":[]}
|
package/lib/es6/SidePanel.js
CHANGED
|
@@ -38,24 +38,24 @@ import Portal, { PortalProvider } from '@semcore/portal';
|
|
|
38
38
|
import { Text } from '@semcore/typography';
|
|
39
39
|
import React from 'react';
|
|
40
40
|
/*!__reshadow-styles__:"./style/side-panel.shadow.css"*/
|
|
41
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
41
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SOverlay_npck7_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_npck7_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_npck7_gg_._placement_right_npck7_gg_,.___SPanel_npck7_gg_._placement_top_npck7_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));top:0}.___SPanel_npck7_gg_._placement_top_npck7_gg_{width:100%;margin-bottom:auto;left:0}.___SPanel_npck7_gg_._placement_right_npck7_gg_{height:100vh;margin-left:auto;right:0}.___SPanel_npck7_gg_._placement_bottom_npck7_gg_,.___SPanel_npck7_gg_._placement_left_npck7_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));left:0}.___SPanel_npck7_gg_._placement_bottom_npck7_gg_{width:100%;margin-top:auto;bottom:0}.___SPanel_npck7_gg_._placement_left_npck7_gg_{height:100vh;margin-right:auto;top:0}.___SClose_npck7_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_npck7_gg_ .___SAddon_npck7_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_npck7_gg_{max-width:100%}.___SBack_npck7_gg_ .___SInner_npck7_gg_{display:flex}.___SBack_npck7_gg_ .___SBackText_npck7_gg_,.___STitle_npck7_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_npck7_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_npck7_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_npck7_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_npck7_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__*/"npck7_gg_"),
|
|
42
42
|
/*__reshadow_css_end__*/
|
|
43
43
|
{
|
|
44
|
-
"__SOverlay": "
|
|
45
|
-
"__SPanel": "
|
|
46
|
-
"_placement_top": "
|
|
47
|
-
"_placement_right": "
|
|
48
|
-
"_placement_bottom": "
|
|
49
|
-
"_placement_left": "
|
|
50
|
-
"__STitle": "
|
|
51
|
-
"__SHeader": "
|
|
52
|
-
"__SFooter": "
|
|
53
|
-
"__SBody": "
|
|
54
|
-
"__SClose": "
|
|
55
|
-
"__SAddon": "
|
|
56
|
-
"__SBack": "
|
|
57
|
-
"__SInner": "
|
|
58
|
-
"__SBackText": "
|
|
44
|
+
"__SOverlay": "___SOverlay_npck7_gg_",
|
|
45
|
+
"__SPanel": "___SPanel_npck7_gg_",
|
|
46
|
+
"_placement_top": "_placement_top_npck7_gg_",
|
|
47
|
+
"_placement_right": "_placement_right_npck7_gg_",
|
|
48
|
+
"_placement_bottom": "_placement_bottom_npck7_gg_",
|
|
49
|
+
"_placement_left": "_placement_left_npck7_gg_",
|
|
50
|
+
"__STitle": "___STitle_npck7_gg_",
|
|
51
|
+
"__SHeader": "___SHeader_npck7_gg_",
|
|
52
|
+
"__SFooter": "___SFooter_npck7_gg_",
|
|
53
|
+
"__SBody": "___SBody_npck7_gg_",
|
|
54
|
+
"__SClose": "___SClose_npck7_gg_",
|
|
55
|
+
"__SAddon": "___SAddon_npck7_gg_",
|
|
56
|
+
"__SBack": "___SBack_npck7_gg_",
|
|
57
|
+
"__SInner": "___SInner_npck7_gg_",
|
|
58
|
+
"__SBackText": "___SBackText_npck7_gg_"
|
|
59
59
|
});
|
|
60
60
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
61
61
|
var RootSidePanel = /*#__PURE__*/function (_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 type { FadeInOutProps, SlideProps } from '@semcore/animation';\nimport type Button from '@semcore/button';\nimport type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { Box, BoxProps, Flex } from '@semcore/flex-box';\nimport type { PortalProps } from '@semcore/portal';\nimport type { Text } from '@semcore/typography';\nimport type React from 'react';\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":"","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { FadeInOutProps, SlideProps } from '@semcore/animation';\nimport type Button from '@semcore/button';\nimport type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { Box, BoxProps, Flex } from '@semcore/flex-box';\nimport type { PortalProps } from '@semcore/portal';\nimport type { Text } from '@semcore/typography';\nimport type React from 'react';\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 /** Callback that is triggered when click outside is occured */\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":"","ignoreList":[]}
|
package/lib/esm/SidePanel.mjs
CHANGED
|
@@ -35,26 +35,26 @@ var style = (
|
|
|
35
35
|
/*__reshadow_css_start__*/
|
|
36
36
|
(sstyled.insert(
|
|
37
37
|
/*__inner_css_start__*/
|
|
38
|
-
".
|
|
38
|
+
".___SOverlay_npck7_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_npck7_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_npck7_gg_._placement_right_npck7_gg_,.___SPanel_npck7_gg_._placement_top_npck7_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));top:0}.___SPanel_npck7_gg_._placement_top_npck7_gg_{width:100%;margin-bottom:auto;left:0}.___SPanel_npck7_gg_._placement_right_npck7_gg_{height:100vh;margin-left:auto;right:0}.___SPanel_npck7_gg_._placement_bottom_npck7_gg_,.___SPanel_npck7_gg_._placement_left_npck7_gg_{box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));left:0}.___SPanel_npck7_gg_._placement_bottom_npck7_gg_{width:100%;margin-top:auto;bottom:0}.___SPanel_npck7_gg_._placement_left_npck7_gg_{height:100vh;margin-right:auto;top:0}.___SClose_npck7_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_npck7_gg_ .___SAddon_npck7_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SBack_npck7_gg_{max-width:100%}.___SBack_npck7_gg_ .___SInner_npck7_gg_{display:flex}.___SBack_npck7_gg_ .___SBackText_npck7_gg_,.___STitle_npck7_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_npck7_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_npck7_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_npck7_gg_{min-height:44px;box-shadow:inset 0 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_npck7_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)}",
|
|
39
39
|
/*__inner_css_end__*/
|
|
40
|
-
"
|
|
40
|
+
"npck7_gg_"
|
|
41
41
|
), /*__reshadow_css_end__*/
|
|
42
42
|
{
|
|
43
|
-
"__SOverlay": "
|
|
44
|
-
"__SPanel": "
|
|
45
|
-
"_placement_top": "
|
|
46
|
-
"_placement_right": "
|
|
47
|
-
"_placement_bottom": "
|
|
48
|
-
"_placement_left": "
|
|
49
|
-
"__STitle": "
|
|
50
|
-
"__SHeader": "
|
|
51
|
-
"__SFooter": "
|
|
52
|
-
"__SBody": "
|
|
53
|
-
"__SClose": "
|
|
54
|
-
"__SAddon": "
|
|
55
|
-
"__SBack": "
|
|
56
|
-
"__SInner": "
|
|
57
|
-
"__SBackText": "
|
|
43
|
+
"__SOverlay": "___SOverlay_npck7_gg_",
|
|
44
|
+
"__SPanel": "___SPanel_npck7_gg_",
|
|
45
|
+
"_placement_top": "_placement_top_npck7_gg_",
|
|
46
|
+
"_placement_right": "_placement_right_npck7_gg_",
|
|
47
|
+
"_placement_bottom": "_placement_bottom_npck7_gg_",
|
|
48
|
+
"_placement_left": "_placement_left_npck7_gg_",
|
|
49
|
+
"__STitle": "___STitle_npck7_gg_",
|
|
50
|
+
"__SHeader": "___SHeader_npck7_gg_",
|
|
51
|
+
"__SFooter": "___SFooter_npck7_gg_",
|
|
52
|
+
"__SBody": "___SBody_npck7_gg_",
|
|
53
|
+
"__SClose": "___SClose_npck7_gg_",
|
|
54
|
+
"__SAddon": "___SAddon_npck7_gg_",
|
|
55
|
+
"__SBack": "___SBack_npck7_gg_",
|
|
56
|
+
"__SInner": "___SInner_npck7_gg_",
|
|
57
|
+
"__SBackText": "___SBackText_npck7_gg_"
|
|
58
58
|
})
|
|
59
59
|
);
|
|
60
60
|
var RootSidePanel = /* @__PURE__ */ function(_Component) {
|
package/lib/types/index.d.ts
CHANGED
|
@@ -55,6 +55,7 @@ export type SidePanelOverlayProps = FadeInOutProps & BoxProps & {};
|
|
|
55
55
|
export interface ISidePanelPanelProps extends SidePanelPanelProps, UnknownProperties {}
|
|
56
56
|
export type SidePanelPanelProps = SlideProps &
|
|
57
57
|
BoxProps & {
|
|
58
|
+
/** Callback that is triggered when click outside is occured */
|
|
58
59
|
onOutsideClick?: (e?: React.SyntheticEvent) => void;
|
|
59
60
|
};
|
|
60
61
|
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/side-panel",
|
|
3
3
|
"description": "Semrush SidePanel Component",
|
|
4
|
-
"version": "16.1.
|
|
4
|
+
"version": "16.1.7-prerelease.1",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,16 +14,16 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/animation": "16.0.
|
|
18
|
-
"@semcore/button": "16.0.
|
|
19
|
-
"@semcore/flex-box": "16.0.
|
|
20
|
-
"@semcore/portal": "16.0.
|
|
21
|
-
"@semcore/outside-click": "16.0.
|
|
22
|
-
"@semcore/typography": "16.2.
|
|
23
|
-
"@semcore/icon": "16.5.
|
|
17
|
+
"@semcore/animation": "16.0.5-prerelease.1",
|
|
18
|
+
"@semcore/button": "16.0.7-prerelease.1",
|
|
19
|
+
"@semcore/flex-box": "16.0.7-prerelease.1",
|
|
20
|
+
"@semcore/portal": "16.0.7-prerelease.1",
|
|
21
|
+
"@semcore/outside-click": "16.0.7-prerelease.1",
|
|
22
|
+
"@semcore/typography": "16.2.1-prerelease.1",
|
|
23
|
+
"@semcore/icon": "16.5.1-prerelease.1"
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
26
|
-
"@semcore/base-components": "^16.
|
|
26
|
+
"@semcore/base-components": "^16.2.1-prerelease.1"
|
|
27
27
|
},
|
|
28
28
|
"repository": {
|
|
29
29
|
"type": "git",
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
"directory": "semcore/side-panel"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
|
-
"@semcore/core": "16.0.
|
|
34
|
+
"@semcore/core": "16.1.0-prerelease.1",
|
|
35
35
|
"@semcore/testing-utils": "1.0.0"
|
|
36
36
|
},
|
|
37
37
|
"scripts": {
|