@zendeskgarden/react-modals 8.52.0 → 8.53.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/dist/index.cjs.js +30 -30
- package/dist/index.esm.js +30 -30
- package/dist/typings/utils/useModalContext.d.ts +1 -1
- package/package.json +4 -4
package/dist/index.cjs.js
CHANGED
|
@@ -301,7 +301,7 @@ var COMPONENT_ID$j = 'modals.backdrop';
|
|
|
301
301
|
var animationName$1 = styled.keyframes(["0%{opacity:0;}100%{opacity:1;}"]);
|
|
302
302
|
var StyledBackdrop = styled__default["default"].div.attrs({
|
|
303
303
|
'data-garden-id': COMPONENT_ID$j,
|
|
304
|
-
'data-garden-version': '8.
|
|
304
|
+
'data-garden-version': '8.53.0'
|
|
305
305
|
}).withConfig({
|
|
306
306
|
displayName: "StyledBackdrop",
|
|
307
307
|
componentId: "sc-mzdjpo-0"
|
|
@@ -331,7 +331,7 @@ StyledBackdrop.propTypes = {
|
|
|
331
331
|
var COMPONENT_ID$i = 'modals.body';
|
|
332
332
|
var StyledBody = styled__default["default"].div.attrs({
|
|
333
333
|
'data-garden-id': COMPONENT_ID$i,
|
|
334
|
-
'data-garden-version': '8.
|
|
334
|
+
'data-garden-version': '8.53.0'
|
|
335
335
|
}).withConfig({
|
|
336
336
|
displayName: "StyledBody",
|
|
337
337
|
componentId: "sc-14rzecg-0"
|
|
@@ -363,7 +363,7 @@ var BASE_MULTIPLIERS$1 = {
|
|
|
363
363
|
};
|
|
364
364
|
var StyledClose = styled__default["default"].button.attrs({
|
|
365
365
|
'data-garden-id': COMPONENT_ID$h,
|
|
366
|
-
'data-garden-version': '8.
|
|
366
|
+
'data-garden-version': '8.53.0'
|
|
367
367
|
}).withConfig({
|
|
368
368
|
displayName: "StyledClose",
|
|
369
369
|
componentId: "sc-iseudj-0"
|
|
@@ -389,7 +389,7 @@ StyledClose.defaultProps = {
|
|
|
389
389
|
var COMPONENT_ID$g = 'modals.footer';
|
|
390
390
|
var StyledFooter = styled__default["default"].div.attrs({
|
|
391
391
|
'data-garden-id': COMPONENT_ID$g,
|
|
392
|
-
'data-garden-version': '8.
|
|
392
|
+
'data-garden-version': '8.53.0'
|
|
393
393
|
}).withConfig({
|
|
394
394
|
displayName: "StyledFooter",
|
|
395
395
|
componentId: "sc-d8pfdu-0"
|
|
@@ -407,7 +407,7 @@ StyledFooter.defaultProps = {
|
|
|
407
407
|
var COMPONENT_ID$f = 'modals.footer_item';
|
|
408
408
|
var StyledFooterItem = styled__default["default"].span.attrs({
|
|
409
409
|
'data-garden-id': COMPONENT_ID$f,
|
|
410
|
-
'data-garden-version': '8.
|
|
410
|
+
'data-garden-version': '8.53.0'
|
|
411
411
|
}).withConfig({
|
|
412
412
|
displayName: "StyledFooterItem",
|
|
413
413
|
componentId: "sc-1mb76hl-0"
|
|
@@ -427,7 +427,7 @@ StyledFooterItem.defaultProps = {
|
|
|
427
427
|
var COMPONENT_ID$e = 'modals.header';
|
|
428
428
|
var StyledHeader = styled__default["default"].div.attrs({
|
|
429
429
|
'data-garden-id': COMPONENT_ID$e,
|
|
430
|
-
'data-garden-version': '8.
|
|
430
|
+
'data-garden-version': '8.53.0'
|
|
431
431
|
}).withConfig({
|
|
432
432
|
displayName: "StyledHeader",
|
|
433
433
|
componentId: "sc-1787r9v-0"
|
|
@@ -514,7 +514,7 @@ var sizeStyles$1 = function sizeStyles(props) {
|
|
|
514
514
|
};
|
|
515
515
|
var StyledModal = styled__default["default"].div.attrs({
|
|
516
516
|
'data-garden-id': COMPONENT_ID$d,
|
|
517
|
-
'data-garden-version': '8.
|
|
517
|
+
'data-garden-version': '8.53.0'
|
|
518
518
|
}).withConfig({
|
|
519
519
|
displayName: "StyledModal",
|
|
520
520
|
componentId: "sc-1pe1axu-0"
|
|
@@ -554,7 +554,7 @@ StyledModal.defaultProps = {
|
|
|
554
554
|
var COMPONENT_ID$c = 'modals.tooltip_modal.backdrop';
|
|
555
555
|
var StyledTooltipModalBackdrop = styled__default["default"].div.attrs({
|
|
556
556
|
'data-garden-id': COMPONENT_ID$c,
|
|
557
|
-
'data-garden-version': '8.
|
|
557
|
+
'data-garden-version': '8.53.0'
|
|
558
558
|
}).withConfig({
|
|
559
559
|
displayName: "StyledTooltipModalBackdrop",
|
|
560
560
|
componentId: "sc-1yaomgq-0"
|
|
@@ -648,7 +648,7 @@ var COMPONENT_ID$b = 'modals.tooltip_modal';
|
|
|
648
648
|
var StyledTooltipModal = styled__default["default"].div.attrs(function (props) {
|
|
649
649
|
return {
|
|
650
650
|
'data-garden-id': COMPONENT_ID$b,
|
|
651
|
-
'data-garden-version': '8.
|
|
651
|
+
'data-garden-version': '8.53.0',
|
|
652
652
|
className: props.isAnimated && 'is-animated'
|
|
653
653
|
};
|
|
654
654
|
}).withConfig({
|
|
@@ -679,7 +679,7 @@ var sizeStyles = function sizeStyles(props) {
|
|
|
679
679
|
};
|
|
680
680
|
var StyledTooltipModalTitle = styled__default["default"].div.attrs({
|
|
681
681
|
'data-garden-id': COMPONENT_ID$a,
|
|
682
|
-
'data-garden-version': '8.
|
|
682
|
+
'data-garden-version': '8.53.0'
|
|
683
683
|
}).withConfig({
|
|
684
684
|
displayName: "StyledTooltipModalTitle",
|
|
685
685
|
componentId: "sc-11xjgjs-0"
|
|
@@ -699,7 +699,7 @@ StyledTooltipModalTitle.defaultProps = {
|
|
|
699
699
|
var COMPONENT_ID$9 = 'modals.tooltip_modal.body';
|
|
700
700
|
var StyledTooltipModalBody = styled__default["default"].div.attrs({
|
|
701
701
|
'data-garden-id': COMPONENT_ID$9,
|
|
702
|
-
'data-garden-version': '8.
|
|
702
|
+
'data-garden-version': '8.53.0'
|
|
703
703
|
}).withConfig({
|
|
704
704
|
displayName: "StyledTooltipModalBody",
|
|
705
705
|
componentId: "sc-195dkzj-0"
|
|
@@ -721,7 +721,7 @@ StyledTooltipModalBody.defaultProps = {
|
|
|
721
721
|
var COMPONENT_ID$8 = 'modals.tooltip_modal.footer';
|
|
722
722
|
var StyledTooltipModalFooter = styled__default["default"].div.attrs({
|
|
723
723
|
'data-garden-id': COMPONENT_ID$8,
|
|
724
|
-
'data-garden-version': '8.
|
|
724
|
+
'data-garden-version': '8.53.0'
|
|
725
725
|
}).withConfig({
|
|
726
726
|
displayName: "StyledTooltipModalFooter",
|
|
727
727
|
componentId: "sc-fm36a9-0"
|
|
@@ -737,7 +737,7 @@ StyledTooltipModalFooter.defaultProps = {
|
|
|
737
737
|
var COMPONENT_ID$7 = 'modals.tooltip_modal.footer_item';
|
|
738
738
|
var StyledTooltipModalFooterItem = styled__default["default"](StyledFooterItem).attrs({
|
|
739
739
|
'data-garden-id': COMPONENT_ID$7,
|
|
740
|
-
'data-garden-version': '8.
|
|
740
|
+
'data-garden-version': '8.53.0'
|
|
741
741
|
}).withConfig({
|
|
742
742
|
displayName: "StyledTooltipModalFooterItem",
|
|
743
743
|
componentId: "sc-1nahj6p-0"
|
|
@@ -751,7 +751,7 @@ StyledTooltipModalFooterItem.defaultProps = {
|
|
|
751
751
|
var COMPONENT_ID$6 = 'modals.tooltip_modal.close';
|
|
752
752
|
var StyledTooltipModalClose = styled__default["default"](StyledClose).attrs({
|
|
753
753
|
'data-garden-id': COMPONENT_ID$6,
|
|
754
|
-
'data-garden-version': '8.
|
|
754
|
+
'data-garden-version': '8.53.0'
|
|
755
755
|
}).withConfig({
|
|
756
756
|
displayName: "StyledTooltipModalClose",
|
|
757
757
|
componentId: "sc-1h2ke3q-0"
|
|
@@ -785,7 +785,7 @@ var boxShadow = function boxShadow(props) {
|
|
|
785
785
|
};
|
|
786
786
|
var StyledDrawerModal = styled__default["default"].div.attrs({
|
|
787
787
|
'data-garden-id': COMPONENT_ID$5,
|
|
788
|
-
'data-garden-version': '8.
|
|
788
|
+
'data-garden-version': '8.53.0'
|
|
789
789
|
}).withConfig({
|
|
790
790
|
displayName: "StyledDrawerModal",
|
|
791
791
|
componentId: "sc-i1sake-0"
|
|
@@ -816,7 +816,7 @@ var BASE_MULTIPLIERS = {
|
|
|
816
816
|
};
|
|
817
817
|
var StyledDrawerModalClose = styled__default["default"](StyledClose).attrs({
|
|
818
818
|
'data-garden-id': COMPONENT_ID$4,
|
|
819
|
-
'data-garden-version': '8.
|
|
819
|
+
'data-garden-version': '8.53.0'
|
|
820
820
|
}).withConfig({
|
|
821
821
|
displayName: "StyledDrawerModalClose",
|
|
822
822
|
componentId: "sc-hrnaom-0"
|
|
@@ -834,7 +834,7 @@ StyledDrawerModalClose.defaultProps = {
|
|
|
834
834
|
var COMPONENT_ID$3 = 'modals.drawer_modal.header';
|
|
835
835
|
var StyledDrawerModalHeader = styled__default["default"](StyledHeader).attrs({
|
|
836
836
|
'data-garden-id': COMPONENT_ID$3,
|
|
837
|
-
'data-garden-version': '8.
|
|
837
|
+
'data-garden-version': '8.53.0'
|
|
838
838
|
}).withConfig({
|
|
839
839
|
displayName: "StyledDrawerModalHeader",
|
|
840
840
|
componentId: "sc-1u04rqw-0"
|
|
@@ -852,7 +852,7 @@ StyledDrawerModalHeader.defaultProps = {
|
|
|
852
852
|
var COMPONENT_ID$2 = 'modals.drawer_modal.body';
|
|
853
853
|
var StyledDrawerModalBody = styled__default["default"](StyledBody).attrs({
|
|
854
854
|
'data-garden-id': COMPONENT_ID$2,
|
|
855
|
-
'data-garden-version': '8.
|
|
855
|
+
'data-garden-version': '8.53.0'
|
|
856
856
|
}).withConfig({
|
|
857
857
|
displayName: "StyledDrawerModalBody",
|
|
858
858
|
componentId: "sc-yafe2y-0"
|
|
@@ -868,7 +868,7 @@ StyledDrawerModalBody.defaultProps = {
|
|
|
868
868
|
var COMPONENT_ID$1 = 'modals.drawer_modal.footer';
|
|
869
869
|
var StyledDrawerModalFooter = styled__default["default"].div.attrs({
|
|
870
870
|
'data-garden-id': COMPONENT_ID$1,
|
|
871
|
-
'data-garden-version': '8.
|
|
871
|
+
'data-garden-version': '8.53.0'
|
|
872
872
|
}).withConfig({
|
|
873
873
|
displayName: "StyledDrawerModalFooter",
|
|
874
874
|
componentId: "sc-17if4ka-0"
|
|
@@ -886,7 +886,7 @@ StyledDrawerModalFooter.defaultProps = {
|
|
|
886
886
|
var COMPONENT_ID = 'modals.drawer_modal.footer_item';
|
|
887
887
|
var StyledDrawerModalFooterItem = styled__default["default"](StyledFooterItem).attrs({
|
|
888
888
|
'data-garden-id': COMPONENT_ID,
|
|
889
|
-
'data-garden-version': '8.
|
|
889
|
+
'data-garden-version': '8.53.0'
|
|
890
890
|
}).withConfig({
|
|
891
891
|
displayName: "StyledDrawerModalFooterItem",
|
|
892
892
|
componentId: "sc-1vbl885-0"
|
|
@@ -937,7 +937,7 @@ var Modal = React.forwardRef(function (_ref, ref) {
|
|
|
937
937
|
var _useState = React.useState(false),
|
|
938
938
|
_useState2 = _slicedToArray(_useState, 2),
|
|
939
939
|
isCloseButtonPresent = _useState2[0],
|
|
940
|
-
|
|
940
|
+
setIsCloseButtonPresent = _useState2[1];
|
|
941
941
|
var _useModal = containerModal.useModal({
|
|
942
942
|
id: id,
|
|
943
943
|
onClose: onClose,
|
|
@@ -998,7 +998,7 @@ var Modal = React.forwardRef(function (_ref, ref) {
|
|
|
998
998
|
getTitleProps: getTitleProps,
|
|
999
999
|
getContentProps: getContentProps,
|
|
1000
1000
|
getCloseProps: getCloseProps,
|
|
1001
|
-
|
|
1001
|
+
setIsCloseButtonPresent: setIsCloseButtonPresent
|
|
1002
1002
|
};
|
|
1003
1003
|
}, [isLarge, isCloseButtonPresent, getTitleProps, getContentProps, getCloseProps]);
|
|
1004
1004
|
if (!rootNode) {
|
|
@@ -1063,11 +1063,11 @@ var SvgXStroke = function SvgXStroke(props) {
|
|
|
1063
1063
|
var Close$2 = React__default["default"].forwardRef(function (props, ref) {
|
|
1064
1064
|
var _useModalContext = useModalContext(),
|
|
1065
1065
|
getCloseProps = _useModalContext.getCloseProps,
|
|
1066
|
-
|
|
1066
|
+
setIsCloseButtonPresent = _useModalContext.setIsCloseButtonPresent;
|
|
1067
1067
|
React.useEffect(function () {
|
|
1068
|
-
|
|
1068
|
+
setIsCloseButtonPresent(true);
|
|
1069
1069
|
return function () {
|
|
1070
|
-
return
|
|
1070
|
+
return setIsCloseButtonPresent(false);
|
|
1071
1071
|
};
|
|
1072
1072
|
});
|
|
1073
1073
|
var ariaLabel = reactTheming.useText(Close$2, props, 'aria-label', 'Close modal');
|
|
@@ -1309,11 +1309,11 @@ var Body = BodyComponent;
|
|
|
1309
1309
|
var CloseComponent = React.forwardRef(function (props, ref) {
|
|
1310
1310
|
var _useModalContext = useModalContext(),
|
|
1311
1311
|
getCloseProps = _useModalContext.getCloseProps,
|
|
1312
|
-
|
|
1312
|
+
setIsCloseButtonPresent = _useModalContext.setIsCloseButtonPresent;
|
|
1313
1313
|
React.useEffect(function () {
|
|
1314
|
-
|
|
1314
|
+
setIsCloseButtonPresent(true);
|
|
1315
1315
|
return function () {
|
|
1316
|
-
return
|
|
1316
|
+
return setIsCloseButtonPresent(false);
|
|
1317
1317
|
};
|
|
1318
1318
|
});
|
|
1319
1319
|
var ariaLabel = reactTheming.useText(CloseComponent, props, 'aria-label', 'Close drawer');
|
|
@@ -1359,7 +1359,7 @@ var DrawerModalComponent = React.forwardRef(function (_ref, ref) {
|
|
|
1359
1359
|
var _useState = React.useState(false),
|
|
1360
1360
|
_useState2 = _slicedToArray(_useState, 2),
|
|
1361
1361
|
isCloseButtonPresent = _useState2[0],
|
|
1362
|
-
|
|
1362
|
+
setIsCloseButtonPresent = _useState2[1];
|
|
1363
1363
|
containerFocusvisible.useFocusVisible({
|
|
1364
1364
|
scope: modalRef,
|
|
1365
1365
|
relativeDocument: modalRef.current
|
|
@@ -1408,7 +1408,7 @@ var DrawerModalComponent = React.forwardRef(function (_ref, ref) {
|
|
|
1408
1408
|
getTitleProps: getTitleProps,
|
|
1409
1409
|
getContentProps: getContentProps,
|
|
1410
1410
|
getCloseProps: getCloseProps,
|
|
1411
|
-
|
|
1411
|
+
setIsCloseButtonPresent: setIsCloseButtonPresent
|
|
1412
1412
|
};
|
|
1413
1413
|
}, [isCloseButtonPresent, getTitleProps, getContentProps, getCloseProps]);
|
|
1414
1414
|
if (!rootNode) {
|
package/dist/index.esm.js
CHANGED
|
@@ -271,7 +271,7 @@ var COMPONENT_ID$j = 'modals.backdrop';
|
|
|
271
271
|
var animationName$1 = keyframes(["0%{opacity:0;}100%{opacity:1;}"]);
|
|
272
272
|
var StyledBackdrop = styled.div.attrs({
|
|
273
273
|
'data-garden-id': COMPONENT_ID$j,
|
|
274
|
-
'data-garden-version': '8.
|
|
274
|
+
'data-garden-version': '8.53.0'
|
|
275
275
|
}).withConfig({
|
|
276
276
|
displayName: "StyledBackdrop",
|
|
277
277
|
componentId: "sc-mzdjpo-0"
|
|
@@ -301,7 +301,7 @@ StyledBackdrop.propTypes = {
|
|
|
301
301
|
var COMPONENT_ID$i = 'modals.body';
|
|
302
302
|
var StyledBody = styled.div.attrs({
|
|
303
303
|
'data-garden-id': COMPONENT_ID$i,
|
|
304
|
-
'data-garden-version': '8.
|
|
304
|
+
'data-garden-version': '8.53.0'
|
|
305
305
|
}).withConfig({
|
|
306
306
|
displayName: "StyledBody",
|
|
307
307
|
componentId: "sc-14rzecg-0"
|
|
@@ -333,7 +333,7 @@ var BASE_MULTIPLIERS$1 = {
|
|
|
333
333
|
};
|
|
334
334
|
var StyledClose = styled.button.attrs({
|
|
335
335
|
'data-garden-id': COMPONENT_ID$h,
|
|
336
|
-
'data-garden-version': '8.
|
|
336
|
+
'data-garden-version': '8.53.0'
|
|
337
337
|
}).withConfig({
|
|
338
338
|
displayName: "StyledClose",
|
|
339
339
|
componentId: "sc-iseudj-0"
|
|
@@ -359,7 +359,7 @@ StyledClose.defaultProps = {
|
|
|
359
359
|
var COMPONENT_ID$g = 'modals.footer';
|
|
360
360
|
var StyledFooter = styled.div.attrs({
|
|
361
361
|
'data-garden-id': COMPONENT_ID$g,
|
|
362
|
-
'data-garden-version': '8.
|
|
362
|
+
'data-garden-version': '8.53.0'
|
|
363
363
|
}).withConfig({
|
|
364
364
|
displayName: "StyledFooter",
|
|
365
365
|
componentId: "sc-d8pfdu-0"
|
|
@@ -377,7 +377,7 @@ StyledFooter.defaultProps = {
|
|
|
377
377
|
var COMPONENT_ID$f = 'modals.footer_item';
|
|
378
378
|
var StyledFooterItem = styled.span.attrs({
|
|
379
379
|
'data-garden-id': COMPONENT_ID$f,
|
|
380
|
-
'data-garden-version': '8.
|
|
380
|
+
'data-garden-version': '8.53.0'
|
|
381
381
|
}).withConfig({
|
|
382
382
|
displayName: "StyledFooterItem",
|
|
383
383
|
componentId: "sc-1mb76hl-0"
|
|
@@ -397,7 +397,7 @@ StyledFooterItem.defaultProps = {
|
|
|
397
397
|
var COMPONENT_ID$e = 'modals.header';
|
|
398
398
|
var StyledHeader = styled.div.attrs({
|
|
399
399
|
'data-garden-id': COMPONENT_ID$e,
|
|
400
|
-
'data-garden-version': '8.
|
|
400
|
+
'data-garden-version': '8.53.0'
|
|
401
401
|
}).withConfig({
|
|
402
402
|
displayName: "StyledHeader",
|
|
403
403
|
componentId: "sc-1787r9v-0"
|
|
@@ -484,7 +484,7 @@ var sizeStyles$1 = function sizeStyles(props) {
|
|
|
484
484
|
};
|
|
485
485
|
var StyledModal = styled.div.attrs({
|
|
486
486
|
'data-garden-id': COMPONENT_ID$d,
|
|
487
|
-
'data-garden-version': '8.
|
|
487
|
+
'data-garden-version': '8.53.0'
|
|
488
488
|
}).withConfig({
|
|
489
489
|
displayName: "StyledModal",
|
|
490
490
|
componentId: "sc-1pe1axu-0"
|
|
@@ -524,7 +524,7 @@ StyledModal.defaultProps = {
|
|
|
524
524
|
var COMPONENT_ID$c = 'modals.tooltip_modal.backdrop';
|
|
525
525
|
var StyledTooltipModalBackdrop = styled.div.attrs({
|
|
526
526
|
'data-garden-id': COMPONENT_ID$c,
|
|
527
|
-
'data-garden-version': '8.
|
|
527
|
+
'data-garden-version': '8.53.0'
|
|
528
528
|
}).withConfig({
|
|
529
529
|
displayName: "StyledTooltipModalBackdrop",
|
|
530
530
|
componentId: "sc-1yaomgq-0"
|
|
@@ -618,7 +618,7 @@ var COMPONENT_ID$b = 'modals.tooltip_modal';
|
|
|
618
618
|
var StyledTooltipModal = styled.div.attrs(function (props) {
|
|
619
619
|
return {
|
|
620
620
|
'data-garden-id': COMPONENT_ID$b,
|
|
621
|
-
'data-garden-version': '8.
|
|
621
|
+
'data-garden-version': '8.53.0',
|
|
622
622
|
className: props.isAnimated && 'is-animated'
|
|
623
623
|
};
|
|
624
624
|
}).withConfig({
|
|
@@ -649,7 +649,7 @@ var sizeStyles = function sizeStyles(props) {
|
|
|
649
649
|
};
|
|
650
650
|
var StyledTooltipModalTitle = styled.div.attrs({
|
|
651
651
|
'data-garden-id': COMPONENT_ID$a,
|
|
652
|
-
'data-garden-version': '8.
|
|
652
|
+
'data-garden-version': '8.53.0'
|
|
653
653
|
}).withConfig({
|
|
654
654
|
displayName: "StyledTooltipModalTitle",
|
|
655
655
|
componentId: "sc-11xjgjs-0"
|
|
@@ -669,7 +669,7 @@ StyledTooltipModalTitle.defaultProps = {
|
|
|
669
669
|
var COMPONENT_ID$9 = 'modals.tooltip_modal.body';
|
|
670
670
|
var StyledTooltipModalBody = styled.div.attrs({
|
|
671
671
|
'data-garden-id': COMPONENT_ID$9,
|
|
672
|
-
'data-garden-version': '8.
|
|
672
|
+
'data-garden-version': '8.53.0'
|
|
673
673
|
}).withConfig({
|
|
674
674
|
displayName: "StyledTooltipModalBody",
|
|
675
675
|
componentId: "sc-195dkzj-0"
|
|
@@ -691,7 +691,7 @@ StyledTooltipModalBody.defaultProps = {
|
|
|
691
691
|
var COMPONENT_ID$8 = 'modals.tooltip_modal.footer';
|
|
692
692
|
var StyledTooltipModalFooter = styled.div.attrs({
|
|
693
693
|
'data-garden-id': COMPONENT_ID$8,
|
|
694
|
-
'data-garden-version': '8.
|
|
694
|
+
'data-garden-version': '8.53.0'
|
|
695
695
|
}).withConfig({
|
|
696
696
|
displayName: "StyledTooltipModalFooter",
|
|
697
697
|
componentId: "sc-fm36a9-0"
|
|
@@ -707,7 +707,7 @@ StyledTooltipModalFooter.defaultProps = {
|
|
|
707
707
|
var COMPONENT_ID$7 = 'modals.tooltip_modal.footer_item';
|
|
708
708
|
var StyledTooltipModalFooterItem = styled(StyledFooterItem).attrs({
|
|
709
709
|
'data-garden-id': COMPONENT_ID$7,
|
|
710
|
-
'data-garden-version': '8.
|
|
710
|
+
'data-garden-version': '8.53.0'
|
|
711
711
|
}).withConfig({
|
|
712
712
|
displayName: "StyledTooltipModalFooterItem",
|
|
713
713
|
componentId: "sc-1nahj6p-0"
|
|
@@ -721,7 +721,7 @@ StyledTooltipModalFooterItem.defaultProps = {
|
|
|
721
721
|
var COMPONENT_ID$6 = 'modals.tooltip_modal.close';
|
|
722
722
|
var StyledTooltipModalClose = styled(StyledClose).attrs({
|
|
723
723
|
'data-garden-id': COMPONENT_ID$6,
|
|
724
|
-
'data-garden-version': '8.
|
|
724
|
+
'data-garden-version': '8.53.0'
|
|
725
725
|
}).withConfig({
|
|
726
726
|
displayName: "StyledTooltipModalClose",
|
|
727
727
|
componentId: "sc-1h2ke3q-0"
|
|
@@ -755,7 +755,7 @@ var boxShadow = function boxShadow(props) {
|
|
|
755
755
|
};
|
|
756
756
|
var StyledDrawerModal = styled.div.attrs({
|
|
757
757
|
'data-garden-id': COMPONENT_ID$5,
|
|
758
|
-
'data-garden-version': '8.
|
|
758
|
+
'data-garden-version': '8.53.0'
|
|
759
759
|
}).withConfig({
|
|
760
760
|
displayName: "StyledDrawerModal",
|
|
761
761
|
componentId: "sc-i1sake-0"
|
|
@@ -786,7 +786,7 @@ var BASE_MULTIPLIERS = {
|
|
|
786
786
|
};
|
|
787
787
|
var StyledDrawerModalClose = styled(StyledClose).attrs({
|
|
788
788
|
'data-garden-id': COMPONENT_ID$4,
|
|
789
|
-
'data-garden-version': '8.
|
|
789
|
+
'data-garden-version': '8.53.0'
|
|
790
790
|
}).withConfig({
|
|
791
791
|
displayName: "StyledDrawerModalClose",
|
|
792
792
|
componentId: "sc-hrnaom-0"
|
|
@@ -804,7 +804,7 @@ StyledDrawerModalClose.defaultProps = {
|
|
|
804
804
|
var COMPONENT_ID$3 = 'modals.drawer_modal.header';
|
|
805
805
|
var StyledDrawerModalHeader = styled(StyledHeader).attrs({
|
|
806
806
|
'data-garden-id': COMPONENT_ID$3,
|
|
807
|
-
'data-garden-version': '8.
|
|
807
|
+
'data-garden-version': '8.53.0'
|
|
808
808
|
}).withConfig({
|
|
809
809
|
displayName: "StyledDrawerModalHeader",
|
|
810
810
|
componentId: "sc-1u04rqw-0"
|
|
@@ -822,7 +822,7 @@ StyledDrawerModalHeader.defaultProps = {
|
|
|
822
822
|
var COMPONENT_ID$2 = 'modals.drawer_modal.body';
|
|
823
823
|
var StyledDrawerModalBody = styled(StyledBody).attrs({
|
|
824
824
|
'data-garden-id': COMPONENT_ID$2,
|
|
825
|
-
'data-garden-version': '8.
|
|
825
|
+
'data-garden-version': '8.53.0'
|
|
826
826
|
}).withConfig({
|
|
827
827
|
displayName: "StyledDrawerModalBody",
|
|
828
828
|
componentId: "sc-yafe2y-0"
|
|
@@ -838,7 +838,7 @@ StyledDrawerModalBody.defaultProps = {
|
|
|
838
838
|
var COMPONENT_ID$1 = 'modals.drawer_modal.footer';
|
|
839
839
|
var StyledDrawerModalFooter = styled.div.attrs({
|
|
840
840
|
'data-garden-id': COMPONENT_ID$1,
|
|
841
|
-
'data-garden-version': '8.
|
|
841
|
+
'data-garden-version': '8.53.0'
|
|
842
842
|
}).withConfig({
|
|
843
843
|
displayName: "StyledDrawerModalFooter",
|
|
844
844
|
componentId: "sc-17if4ka-0"
|
|
@@ -856,7 +856,7 @@ StyledDrawerModalFooter.defaultProps = {
|
|
|
856
856
|
var COMPONENT_ID = 'modals.drawer_modal.footer_item';
|
|
857
857
|
var StyledDrawerModalFooterItem = styled(StyledFooterItem).attrs({
|
|
858
858
|
'data-garden-id': COMPONENT_ID,
|
|
859
|
-
'data-garden-version': '8.
|
|
859
|
+
'data-garden-version': '8.53.0'
|
|
860
860
|
}).withConfig({
|
|
861
861
|
displayName: "StyledDrawerModalFooterItem",
|
|
862
862
|
componentId: "sc-1vbl885-0"
|
|
@@ -907,7 +907,7 @@ var Modal = forwardRef(function (_ref, ref) {
|
|
|
907
907
|
var _useState = useState(false),
|
|
908
908
|
_useState2 = _slicedToArray(_useState, 2),
|
|
909
909
|
isCloseButtonPresent = _useState2[0],
|
|
910
|
-
|
|
910
|
+
setIsCloseButtonPresent = _useState2[1];
|
|
911
911
|
var _useModal = useModal({
|
|
912
912
|
id: id,
|
|
913
913
|
onClose: onClose,
|
|
@@ -968,7 +968,7 @@ var Modal = forwardRef(function (_ref, ref) {
|
|
|
968
968
|
getTitleProps: getTitleProps,
|
|
969
969
|
getContentProps: getContentProps,
|
|
970
970
|
getCloseProps: getCloseProps,
|
|
971
|
-
|
|
971
|
+
setIsCloseButtonPresent: setIsCloseButtonPresent
|
|
972
972
|
};
|
|
973
973
|
}, [isLarge, isCloseButtonPresent, getTitleProps, getContentProps, getCloseProps]);
|
|
974
974
|
if (!rootNode) {
|
|
@@ -1033,11 +1033,11 @@ var SvgXStroke = function SvgXStroke(props) {
|
|
|
1033
1033
|
var Close$2 = React__default.forwardRef(function (props, ref) {
|
|
1034
1034
|
var _useModalContext = useModalContext(),
|
|
1035
1035
|
getCloseProps = _useModalContext.getCloseProps,
|
|
1036
|
-
|
|
1036
|
+
setIsCloseButtonPresent = _useModalContext.setIsCloseButtonPresent;
|
|
1037
1037
|
useEffect(function () {
|
|
1038
|
-
|
|
1038
|
+
setIsCloseButtonPresent(true);
|
|
1039
1039
|
return function () {
|
|
1040
|
-
return
|
|
1040
|
+
return setIsCloseButtonPresent(false);
|
|
1041
1041
|
};
|
|
1042
1042
|
});
|
|
1043
1043
|
var ariaLabel = useText(Close$2, props, 'aria-label', 'Close modal');
|
|
@@ -1279,11 +1279,11 @@ var Body = BodyComponent;
|
|
|
1279
1279
|
var CloseComponent = forwardRef(function (props, ref) {
|
|
1280
1280
|
var _useModalContext = useModalContext(),
|
|
1281
1281
|
getCloseProps = _useModalContext.getCloseProps,
|
|
1282
|
-
|
|
1282
|
+
setIsCloseButtonPresent = _useModalContext.setIsCloseButtonPresent;
|
|
1283
1283
|
useEffect(function () {
|
|
1284
|
-
|
|
1284
|
+
setIsCloseButtonPresent(true);
|
|
1285
1285
|
return function () {
|
|
1286
|
-
return
|
|
1286
|
+
return setIsCloseButtonPresent(false);
|
|
1287
1287
|
};
|
|
1288
1288
|
});
|
|
1289
1289
|
var ariaLabel = useText(CloseComponent, props, 'aria-label', 'Close drawer');
|
|
@@ -1329,7 +1329,7 @@ var DrawerModalComponent = forwardRef(function (_ref, ref) {
|
|
|
1329
1329
|
var _useState = useState(false),
|
|
1330
1330
|
_useState2 = _slicedToArray(_useState, 2),
|
|
1331
1331
|
isCloseButtonPresent = _useState2[0],
|
|
1332
|
-
|
|
1332
|
+
setIsCloseButtonPresent = _useState2[1];
|
|
1333
1333
|
useFocusVisible({
|
|
1334
1334
|
scope: modalRef,
|
|
1335
1335
|
relativeDocument: modalRef.current
|
|
@@ -1378,7 +1378,7 @@ var DrawerModalComponent = forwardRef(function (_ref, ref) {
|
|
|
1378
1378
|
getTitleProps: getTitleProps,
|
|
1379
1379
|
getContentProps: getContentProps,
|
|
1380
1380
|
getCloseProps: getCloseProps,
|
|
1381
|
-
|
|
1381
|
+
setIsCloseButtonPresent: setIsCloseButtonPresent
|
|
1382
1382
|
};
|
|
1383
1383
|
}, [isCloseButtonPresent, getTitleProps, getContentProps, getCloseProps]);
|
|
1384
1384
|
if (!rootNode) {
|
|
@@ -11,7 +11,7 @@ export interface IModalContext {
|
|
|
11
11
|
getTitleProps: <T>(options?: T) => T & HTMLAttributes<HTMLDivElement>;
|
|
12
12
|
getContentProps: <T>(options?: T) => T & HTMLAttributes<HTMLDivElement>;
|
|
13
13
|
getCloseProps: <T>(options?: T) => T & HTMLAttributes<HTMLButtonElement>;
|
|
14
|
-
|
|
14
|
+
setIsCloseButtonPresent: (isPresent: boolean) => void;
|
|
15
15
|
}
|
|
16
16
|
export declare const ModalsContext: import("react").Context<IModalContext | undefined>;
|
|
17
17
|
export declare const useModalContext: () => IModalContext;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-modals",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.53.0",
|
|
4
4
|
"description": "Components relating to modals in the Garden Design System",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Zendesk Garden <garden@zendesk.com>",
|
|
@@ -39,8 +39,8 @@
|
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
41
|
"@types/react-transition-group": "4.4.4",
|
|
42
|
-
"@zendeskgarden/react-theming": "^8.
|
|
43
|
-
"@zendeskgarden/svg-icons": "6.
|
|
42
|
+
"@zendeskgarden/react-theming": "^8.53.0",
|
|
43
|
+
"@zendeskgarden/svg-icons": "6.32.0"
|
|
44
44
|
},
|
|
45
45
|
"keywords": [
|
|
46
46
|
"components",
|
|
@@ -52,5 +52,5 @@
|
|
|
52
52
|
"access": "public"
|
|
53
53
|
},
|
|
54
54
|
"zendeskgarden:src": "src/index.ts",
|
|
55
|
-
"gitHead": "
|
|
55
|
+
"gitHead": "0fb51e654b241d34d9f933593f8525846112ae15"
|
|
56
56
|
}
|