@newskit-render/shared-components 4.37.0-alpha.0 → 4.37.1-alpha.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.
Files changed (7) hide show
  1. package/dist/cjs/Modal/Modal.js +8 -2
  2. package/dist/cjs/Modal/Modal.js.map +1 -1
  3. package/dist/cjs/Modal/types.d.ts +3 -0
  4. package/dist/esm/Modal/Modal.js +8 -2
  5. package/dist/esm/Modal/Modal.js.map +1 -1
  6. package/dist/esm/Modal/types.d.ts +3 -0
  7. package/package.json +1 -1
package/dist/cjs/Modal/Modal.js CHANGED
@@ -50,6 +50,13 @@ var react_1 = __importStar(require("react"));
50
50
  var newskit_1 = require("newskit");
51
51
  var ModalContent_1 = require("./ModalContent");
52
52
  var StyledFixedModalWrapper_styled_1 = require("./StyledFixedModalWrapper.styled");
53
+ var ModalWrapper = function (_a) {
54
+ var useFixedWrapper = _a.useFixedWrapper, fixedWrapperLeft = _a.fixedWrapperLeft, fixedWrapperTop = _a.fixedWrapperTop, children = _a.children;
55
+ if (useFixedWrapper) {
56
+ return (react_1.default.createElement(StyledFixedModalWrapper_styled_1.StyledFixedModalWrapper, { left: fixedWrapperLeft || '', top: fixedWrapperTop || '', "data-testid": "modal-wrapper", className: "fixed-modal-wrapper" }, children));
57
+ }
58
+ return react_1.default.createElement(react_1.Fragment, null, children);
59
+ };
53
60
  var Modal = function (_a) {
54
61
  var open = _a.open, onDismiss = _a.onDismiss, onOpen = _a.onOpen, header = _a.header, restoreFocusTo = _a.restoreFocusTo, disableFocusTrap = _a.disableFocusTrap, inline = _a.inline, overrides = _a.overrides, _b = _a.closePosition, closePosition = _b === void 0 ? 'right' : _b, useFixedWrapper = _a.useFixedWrapper, fixedWrapperLeft = _a.fixedWrapperLeft, fixedWrapperTop = _a.fixedWrapperTop, props = __rest(_a, ["open", "onDismiss", "onOpen", "header", "restoreFocusTo", "disableFocusTrap", "inline", "overrides", "closePosition", "useFixedWrapper", "fixedWrapperLeft", "fixedWrapperTop"]);
55
62
  (0, react_1.useEffect)(function () {
@@ -57,8 +64,7 @@ var Modal = function (_a) {
57
64
  onOpen();
58
65
  }
59
66
  }, []);
60
- var ModalWrapper = useFixedWrapper ? StyledFixedModalWrapper_styled_1.StyledFixedModalWrapper : react_1.Fragment;
61
- return (react_1.default.createElement(ModalWrapper, { left: fixedWrapperLeft || '', top: fixedWrapperTop || '', "data-testid": "modal-wrapper" },
67
+ return (react_1.default.createElement(ModalWrapper, { fixedWrapperLeft: fixedWrapperLeft, fixedWrapperTop: fixedWrapperTop, useFixedWrapper: useFixedWrapper },
62
68
  react_1.default.createElement(newskit_1.Modal, { "data-testid": "modal", closePosition: closePosition, open: open, onDismiss: onDismiss, header: header, restoreFocusTo: restoreFocusTo, disableFocusTrap: disableFocusTrap, inline: inline, overrides: overrides },
63
69
  react_1.default.createElement(ModalContent_1.ModalContent, __assign({}, props)))));
64
70
  };
package/dist/cjs/Modal/Modal.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/Modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAkD;AAClD,mCAA0C;AAE1C,+CAA6C;AAC7C,mFAA0E;AAEnE,IAAM,KAAK,GAAyB,UAAC,EAc3C;IAbC,IAAA,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,MAAM,YAAA,EACN,MAAM,YAAA,EACN,cAAc,oBAAA,EACd,gBAAgB,sBAAA,EAChB,MAAM,YAAA,EACN,SAAS,eAAA,EACT,qBAAuB,EAAvB,aAAa,mBAAG,OAAO,KAAA,EACvB,eAAe,qBAAA,EACf,gBAAgB,sBAAA,EAChB,eAAe,qBAAA,EACZ,KAAK,cAbkC,iLAc3C,CADS;IAER,IAAA,iBAAS,EAAC;QACR,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,EAAE,CAAA;QACV,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,YAAY,GAAG,eAAe,CAAC,CAAC,CAAC,wDAAuB,CAAC,CAAC,CAAC,gBAAQ,CAAA;IAEzE,OAAO,CACL,8BAAC,YAAY,IACX,IAAI,EAAE,gBAAgB,IAAI,EAAE,EAC5B,GAAG,EAAE,eAAe,IAAI,EAAE,iBACd,eAAe;QAE3B,8BAAC,eAAO,mBACM,OAAO,EACnB,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS;YAEpB,8BAAC,2BAAY,eAAK,KAAK,EAAI,CACnB,CACG,CAChB,CAAA;AACH,CAAC,CAAA;AA5CY,QAAA,KAAK,SA4CjB"}
1
+ {"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/Modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAkD;AAClD,mCAA0C;AAE1C,+CAA6C;AAC7C,mFAA0E;AAE1E,IAAM,YAAY,GAAgC,UAAC,EAKlD;QAJC,eAAe,qBAAA,EACf,gBAAgB,sBAAA,EAChB,eAAe,qBAAA,EACf,QAAQ,cAAA;IAER,IAAI,eAAe,EAAE,CAAC;QACpB,OAAO,CACL,8BAAC,wDAAuB,IACtB,IAAI,EAAE,gBAAgB,IAAI,EAAE,EAC5B,GAAG,EAAE,eAAe,IAAI,EAAE,iBACd,eAAe,EAC3B,SAAS,EAAC,qBAAqB,IAE9B,QAAQ,CACe,CAC3B,CAAA;IACH,CAAC;IAED,OAAO,8BAAC,gBAAQ,QAAE,QAAQ,CAAY,CAAA;AACxC,CAAC,CAAA;AAEM,IAAM,KAAK,GAAyB,UAAC,EAc3C;IAbC,IAAA,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,MAAM,YAAA,EACN,MAAM,YAAA,EACN,cAAc,oBAAA,EACd,gBAAgB,sBAAA,EAChB,MAAM,YAAA,EACN,SAAS,eAAA,EACT,qBAAuB,EAAvB,aAAa,mBAAG,OAAO,KAAA,EACvB,eAAe,qBAAA,EACf,gBAAgB,sBAAA,EAChB,eAAe,qBAAA,EACZ,KAAK,cAbkC,iLAc3C,CADS;IAER,IAAA,iBAAS,EAAC;QACR,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,EAAE,CAAA;QACV,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,8BAAC,YAAY,IACX,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe;QAEhC,8BAAC,eAAO,mBACM,OAAO,EACnB,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS;YAEpB,8BAAC,2BAAY,eAAK,KAAK,EAAI,CACnB,CACG,CAChB,CAAA;AACH,CAAC,CAAA;AA1CY,QAAA,KAAK,SA0CjB"}
package/dist/cjs/Modal/types.d.ts CHANGED
@@ -75,4 +75,7 @@ export interface ModalProps extends Omit<MKModalProps, 'children'>, ModalContent
75
75
  fixedWrapperLeft?: string;
76
76
  fixedWrapperTop?: MQ<string>;
77
77
  }
78
+ export interface ModalWrapperProps extends Pick<ModalProps, 'useFixedWrapper' | 'fixedWrapperLeft' | 'fixedWrapperTop'> {
79
+ children: ReactElement;
80
+ }
78
81
  export {};
package/dist/esm/Modal/Modal.js CHANGED
@@ -24,6 +24,13 @@ import React, { useEffect, Fragment } from 'react';
24
24
  import { Modal as NKModal } from 'newskit';
25
25
  import { ModalContent } from './ModalContent';
26
26
  import { StyledFixedModalWrapper } from './StyledFixedModalWrapper.styled';
27
+ var ModalWrapper = function (_a) {
28
+ var useFixedWrapper = _a.useFixedWrapper, fixedWrapperLeft = _a.fixedWrapperLeft, fixedWrapperTop = _a.fixedWrapperTop, children = _a.children;
29
+ if (useFixedWrapper) {
30
+ return (React.createElement(StyledFixedModalWrapper, { left: fixedWrapperLeft || '', top: fixedWrapperTop || '', "data-testid": "modal-wrapper", className: "fixed-modal-wrapper" }, children));
31
+ }
32
+ return React.createElement(Fragment, null, children);
33
+ };
27
34
  export var Modal = function (_a) {
28
35
  var open = _a.open, onDismiss = _a.onDismiss, onOpen = _a.onOpen, header = _a.header, restoreFocusTo = _a.restoreFocusTo, disableFocusTrap = _a.disableFocusTrap, inline = _a.inline, overrides = _a.overrides, _b = _a.closePosition, closePosition = _b === void 0 ? 'right' : _b, useFixedWrapper = _a.useFixedWrapper, fixedWrapperLeft = _a.fixedWrapperLeft, fixedWrapperTop = _a.fixedWrapperTop, props = __rest(_a, ["open", "onDismiss", "onOpen", "header", "restoreFocusTo", "disableFocusTrap", "inline", "overrides", "closePosition", "useFixedWrapper", "fixedWrapperLeft", "fixedWrapperTop"]);
29
36
  useEffect(function () {
@@ -31,8 +38,7 @@ export var Modal = function (_a) {
31
38
  onOpen();
32
39
  }
33
40
  }, []);
34
- var ModalWrapper = useFixedWrapper ? StyledFixedModalWrapper : Fragment;
35
- return (React.createElement(ModalWrapper, { left: fixedWrapperLeft || '', top: fixedWrapperTop || '', "data-testid": "modal-wrapper" },
41
+ return (React.createElement(ModalWrapper, { fixedWrapperLeft: fixedWrapperLeft, fixedWrapperTop: fixedWrapperTop, useFixedWrapper: useFixedWrapper },
36
42
  React.createElement(NKModal, { "data-testid": "modal", closePosition: closePosition, open: open, onDismiss: onDismiss, header: header, restoreFocusTo: restoreFocusTo, disableFocusTrap: disableFocusTrap, inline: inline, overrides: overrides },
37
43
  React.createElement(ModalContent, __assign({}, props)))));
38
44
  };
package/dist/esm/Modal/Modal.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/Modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,SAAS,CAAA;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAA;AAE1E,MAAM,CAAC,IAAM,KAAK,GAAyB,UAAC,EAc3C;IAbC,IAAA,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,MAAM,YAAA,EACN,MAAM,YAAA,EACN,cAAc,oBAAA,EACd,gBAAgB,sBAAA,EAChB,MAAM,YAAA,EACN,SAAS,eAAA,EACT,qBAAuB,EAAvB,aAAa,mBAAG,OAAO,KAAA,EACvB,eAAe,qBAAA,EACf,gBAAgB,sBAAA,EAChB,eAAe,qBAAA,EACZ,KAAK,cAbkC,iLAc3C,CADS;IAER,SAAS,CAAC;QACR,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,EAAE,CAAA;QACV,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,YAAY,GAAG,eAAe,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,QAAQ,CAAA;IAEzE,OAAO,CACL,oBAAC,YAAY,IACX,IAAI,EAAE,gBAAgB,IAAI,EAAE,EAC5B,GAAG,EAAE,eAAe,IAAI,EAAE,iBACd,eAAe;QAE3B,oBAAC,OAAO,mBACM,OAAO,EACnB,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS;YAEpB,oBAAC,YAAY,eAAK,KAAK,EAAI,CACnB,CACG,CAChB,CAAA;AACH,CAAC,CAAA"}
1
+ {"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/Modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,SAAS,CAAA;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAA;AAE1E,IAAM,YAAY,GAAgC,UAAC,EAKlD;QAJC,eAAe,qBAAA,EACf,gBAAgB,sBAAA,EAChB,eAAe,qBAAA,EACf,QAAQ,cAAA;IAER,IAAI,eAAe,EAAE,CAAC;QACpB,OAAO,CACL,oBAAC,uBAAuB,IACtB,IAAI,EAAE,gBAAgB,IAAI,EAAE,EAC5B,GAAG,EAAE,eAAe,IAAI,EAAE,iBACd,eAAe,EAC3B,SAAS,EAAC,qBAAqB,IAE9B,QAAQ,CACe,CAC3B,CAAA;IACH,CAAC;IAED,OAAO,oBAAC,QAAQ,QAAE,QAAQ,CAAY,CAAA;AACxC,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,KAAK,GAAyB,UAAC,EAc3C;IAbC,IAAA,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,MAAM,YAAA,EACN,MAAM,YAAA,EACN,cAAc,oBAAA,EACd,gBAAgB,sBAAA,EAChB,MAAM,YAAA,EACN,SAAS,eAAA,EACT,qBAAuB,EAAvB,aAAa,mBAAG,OAAO,KAAA,EACvB,eAAe,qBAAA,EACf,gBAAgB,sBAAA,EAChB,eAAe,qBAAA,EACZ,KAAK,cAbkC,iLAc3C,CADS;IAER,SAAS,CAAC;QACR,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,EAAE,CAAA;QACV,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,oBAAC,YAAY,IACX,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe;QAEhC,oBAAC,OAAO,mBACM,OAAO,EACnB,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS;YAEpB,oBAAC,YAAY,eAAK,KAAK,EAAI,CACnB,CACG,CAChB,CAAA;AACH,CAAC,CAAA"}
package/dist/esm/Modal/types.d.ts CHANGED
@@ -75,4 +75,7 @@ export interface ModalProps extends Omit<MKModalProps, 'children'>, ModalContent
75
75
  fixedWrapperLeft?: string;
76
76
  fixedWrapperTop?: MQ<string>;
77
77
  }
78
+ export interface ModalWrapperProps extends Pick<ModalProps, 'useFixedWrapper' | 'fixedWrapperLeft' | 'fixedWrapperTop'> {
79
+ children: ReactElement;
80
+ }
78
81
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@newskit-render/shared-components",
3
- "version": "4.37.0-alpha.0",
3
+ "version": "4.37.1-alpha.0",
4
4
  "description": "Newskit Render Shared Components",
5
5
  "author": "",
6
6
  "license": "UNLICENSED",