pixel-react-drawer-changes 1.0.0 → 2.0.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.
|
@@ -9,9 +9,7 @@ import useEscapeKey from '../../hooks/keyboardevents/useEscKeyEvent.js';
|
|
|
9
9
|
import { ThemeContext } from '../ThemeProvider/ThemeProvider.js';
|
|
10
10
|
import Tooltip from '../Tooltip/Tooltip.js';
|
|
11
11
|
import useClickOutside from '../../hooks/useClickOutside.js';
|
|
12
|
-
const Drawer = ({ isOpen = true, children = 'Drawer content area', onClose = () => { }, onBackButtonClick = () => { }, title = 'drawer', primaryButtonProps = {}, secondaryButtonProps = {}, leftPrimaryButtonProps = {}, leftSecondaryButtonProps = {}, showEditButton = false, showTransition = true, onEdit = () => { }, onCollapse = () => { }, overlay = false, isFooterRequired = true, footerContent = null, size = 'medium', _isExpanded = false, isBackButtonVisible = false, _isCloseModalButtonVisible = true, showHeader = true, isScrollBar = true, backButtonIcon, onCloseIconClick, customHeader, customFooter, leftTertiaryButtonProps = {}, rightTertiaryButtonProps = {}, zIndex, top = '89px', height, width, right = '5px', overflow, isClickOutside, ignoreRefs, noHeaderBorder = false, direction = 'right',
|
|
13
|
-
// left,
|
|
14
|
-
}) => {
|
|
12
|
+
const Drawer = ({ isOpen = true, children = 'Drawer content area', onClose = () => { }, onBackButtonClick = () => { }, title = 'drawer', primaryButtonProps = {}, secondaryButtonProps = {}, leftPrimaryButtonProps = {}, leftSecondaryButtonProps = {}, showEditButton = false, showTransition = true, onEdit = () => { }, onCollapse = () => { }, overlay = false, isFooterRequired = true, footerContent = null, size = 'medium', _isExpanded = false, isBackButtonVisible = false, _isCloseModalButtonVisible = true, showHeader = true, isScrollBar = true, backButtonIcon, onCloseIconClick, customHeader, customFooter, leftTertiaryButtonProps = {}, rightTertiaryButtonProps = {}, zIndex, top = '89px', height, width, right = '5px', overflow, isClickOutside, ignoreRefs, noHeaderBorder = false, direction = 'right', }) => {
|
|
15
13
|
const containerRef = useRef(null);
|
|
16
14
|
useClickOutside(containerRef, () => {
|
|
17
15
|
const openDrawers = document.querySelectorAll('.ff-drawer');
|
|
@@ -92,7 +90,7 @@ const Drawer = ({ isOpen = true, children = 'Drawer content area', onClose = ()
|
|
|
92
90
|
};
|
|
93
91
|
return zIndexMap[size] ?? 1050;
|
|
94
92
|
};
|
|
95
|
-
console.log('rendering drawer Lib');
|
|
93
|
+
console.log('rendering drawer Lib 2.9 Version');
|
|
96
94
|
const computedZIndex = zIndex ?? getDefaultZIndex(size);
|
|
97
95
|
return createPortal(_jsxs("div", { className: classNames('ff-drawer-container', currentTheme), children: [overlay && (_jsx("div", { className: 'ff-overlay', style: { zIndex: computedZIndex } })), _jsxs("div", { ref: containerRef, className: classNames('ff-drawer', `ff-drawer--${drawerSize}`, {
|
|
98
96
|
'ff-drawer--open': delayedOpen,
|
|
@@ -102,7 +100,9 @@ const Drawer = ({ isOpen = true, children = 'Drawer content area', onClose = ()
|
|
|
102
100
|
top: top,
|
|
103
101
|
height,
|
|
104
102
|
width,
|
|
105
|
-
|
|
103
|
+
...(direction === 'left'
|
|
104
|
+
? { left: '5px', right: 'auto' }
|
|
105
|
+
: { right: right ?? '5px' }),
|
|
106
106
|
overflow,
|
|
107
107
|
transition: `all ${transitionDuration} ease-in-out`,
|
|
108
108
|
}, children: [showHeader && (_jsx("div", { className: classNames('ff-drawer-header', {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,eAAe,CAAC;AACvB,OAAO,EAAM,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,YAAY,MAAM,8CAA8C,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AACjE,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAC5C,OAAO,eAAe,MAAM,gCAAgC,CAAC;AAC7D,MAAM,MAAM,GAAoB,CAAC,EAC/B,MAAM,GAAG,IAAI,EACb,QAAQ,GAAG,qBAAqB,EAChC,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,iBAAiB,GAAG,GAAG,EAAE,GAAE,CAAC,EAC5B,KAAK,GAAG,QAAQ,EAChB,kBAAkB,GAAG,EAAE,EACvB,oBAAoB,GAAG,EAAE,EACzB,sBAAsB,GAAG,EAAE,EAC3B,wBAAwB,GAAG,EAAE,EAC7B,cAAc,GAAG,KAAK,EACtB,cAAc,GAAG,IAAI,EACrB,MAAM,GAAG,GAAG,EAAE,GAAE,CAAC,EACjB,UAAU,GAAG,GAAG,EAAE,GAAE,CAAC,EACrB,OAAO,GAAG,KAAK,EACf,gBAAgB,GAAG,IAAI,EACvB,aAAa,GAAG,IAAI,EACpB,IAAI,GAAG,QAAQ,EACf,WAAW,GAAG,KAAK,EACnB,mBAAmB,GAAG,KAAK,EAC3B,0BAA0B,GAAG,IAAI,EACjC,UAAU,GAAG,IAAI,EACjB,WAAW,GAAG,IAAI,EAClB,cAAc,EACd,gBAAgB,EAChB,YAAY,EACZ,YAAY,EACZ,uBAAuB,GAAG,EAAE,EAC5B,wBAAwB,GAAG,EAAE,EAC7B,MAAM,EACN,GAAG,GAAG,MAAM,EACZ,MAAM,EACN,KAAK,EACL,KAAK,GAAG,KAAK,EACb,QAAQ,EACR,cAAc,EACd,UAAU,EACV,cAAc,GAAG,KAAK,EACtB,SAAS,GAAG,OAAO
|
|
1
|
+
{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"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"}
|