@stenajs-webui/modal 14.2.0 → 15.0.0-alpha.3

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 (5) hide show
  1. package/dist/index.es.js +33 -33
  2. package/dist/index.es.js.map +1 -1
  3. package/dist/index.js +52 -33
  4. package/dist/index.js.map +1 -1
  5. package/package.json +5 -6
package/dist/index.es.js CHANGED
@@ -1,4 +1,4 @@
1
- import { createElement, Fragment } from 'react';
1
+ import * as React from 'react';
2
2
  import ReactModal from 'react-modal';
3
3
  import Draggable from 'react-draggable';
4
4
  import cx from 'classnames';
@@ -71,19 +71,19 @@ function styleInject(css, ref) {
71
71
  }
72
72
  }
73
73
 
74
- var css_248z = ".Modal-module_overlay__1c4LV {\n --swui-modal-animation-time: var(--swui-animation-time-fast);\n --swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);\n --swui-modal-padding: var(--swui-metrics-space);\n --swui-modal-content-bg-color: var(--swui-white);\n --swui-modal-width: 960px;\n --swui-modal-header-border-color: var(--lhds-color-ui-300);\n --swui-modal-shadow: var(--swui-shadow-modal);\n\n position: fixed;\n z-index: 10;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: var(--swui-modal-overlay-bg-color);\n overflow: auto;\n display: -webkit-flex;\n display: flex;\n -webkit-flex-direction: column;\n flex-direction: column;\n -webkit-justify-content: flex-start;\n justify-content: flex-start;\n -webkit-align-items: center;\n align-items: center;\n padding: var(--swui-modal-padding);\n\n -webkit-animation: Modal-module_fadeIn__2XO70 var(--swui-modal-animation-time)\n cubic-bezier(0.645, 0.045, 0.355, 1) both;\n\n animation: Modal-module_fadeIn__2XO70 var(--swui-modal-animation-time)\n cubic-bezier(0.645, 0.045, 0.355, 1) both;\n}\n\n @media print {.Modal-module_overlay__1c4LV {\n background-color: rgba(255, 255, 255, 1)\n}\n }\n\n .Modal-module_overlay__1c4LV .Modal-module_modal__1XMQr {\n max-width: 100%;\n outline: none;\n pointer-events: none;\n }\n\n .Modal-module_overlay__1c4LV .Modal-module_content__10pSm {\n position: relative;\n display: block;\n\n background: var(--swui-modal-content-bg-color);\n box-shadow: var(--swui-modal-shadow);\n pointer-events: all;\n\n width: var(--swui-modal-width);\n max-width: 100%;\n\n -webkit-animation: Modal-module_appear__36n8p var(--swui-animation-time-fast)\n cubic-bezier(0.645, 0.045, 0.355, 1) both;\n\n animation: Modal-module_appear__36n8p var(--swui-animation-time-fast)\n cubic-bezier(0.645, 0.045, 0.355, 1) both;\n }\n\n @media print {\n\n .Modal-module_overlay__1c4LV .Modal-module_content__10pSm {\n box-shadow: none;\n top: 0\n }\n }\n\n .Modal-module_overlay__1c4LV .Modal-module_content__10pSm :focus {\n outline: 0;\n }\n\n .Modal-module_overlay__1c4LV .Modal-module_content__10pSm.Modal-module_isDraggable__3l3pM .draggable-modal-handle {\n cursor: move;\n }\n\n .Modal-module_overlay__1c4LV .Modal-module_content__10pSm.Modal-module_isDraggable__3l3pM .draggable-modal-handle .draggable-modal-cancel,\n .Modal-module_overlay__1c4LV .Modal-module_content__10pSm.Modal-module_isDraggable__3l3pM .draggable-modal-handle [role=\"tooltip\"] {\n cursor: initial;\n }\n\n@-webkit-keyframes Modal-module_fadeIn__2XO70 {\n 0% {\n background-color: var(--swui-hidden);\n }\n 100% {\n background-color: var(--swui-modal-overlay-bg-color);\n }\n}\n\n@keyframes Modal-module_fadeIn__2XO70 {\n 0% {\n background-color: var(--swui-hidden);\n }\n 100% {\n background-color: var(--swui-modal-overlay-bg-color);\n }\n}\n\n@-webkit-keyframes Modal-module_appear__36n8p {\n 0% {\n top: calc(0 - var(--swui-metrics-space));\n opacity: 0;\n }\n 100% {\n top: var(--swui-metrics-space);\n opacity: 1;\n }\n}\n\n@keyframes Modal-module_appear__36n8p {\n 0% {\n top: calc(0 - var(--swui-metrics-space));\n opacity: 0;\n }\n 100% {\n top: var(--swui-metrics-space);\n opacity: 1;\n }\n}\n";
75
- var styles = {"overlay":"Modal-module_overlay__1c4LV","fadeIn":"Modal-module_fadeIn__2XO70","appear":"Modal-module_appear__36n8p","modal":"Modal-module_modal__1XMQr","content":"Modal-module_content__10pSm","isDraggable":"Modal-module_isDraggable__3l3pM"};
76
- styleInject(css_248z);
74
+ var css_248z$2 = ".Modal-module_overlay__1c4LV {\n --swui-modal-animation-time: var(--swui-animation-time-fast);\n --swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);\n --swui-modal-padding: var(--swui-metrics-space);\n --swui-modal-content-bg-color: var(--swui-white);\n --swui-modal-width: 960px;\n --swui-modal-header-border-color: var(--lhds-color-ui-300);\n --swui-modal-shadow: var(--swui-shadow-modal);\n\n position: fixed;\n z-index: 10;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: var(--swui-modal-overlay-bg-color);\n overflow: auto;\n display: -webkit-flex;\n display: flex;\n -webkit-flex-direction: column;\n flex-direction: column;\n -webkit-justify-content: flex-start;\n justify-content: flex-start;\n -webkit-align-items: center;\n align-items: center;\n padding: var(--swui-modal-padding);\n\n -webkit-animation: Modal-module_fadeIn__2XO70 var(--swui-modal-animation-time)\n cubic-bezier(0.645, 0.045, 0.355, 1) both;\n\n animation: Modal-module_fadeIn__2XO70 var(--swui-modal-animation-time)\n cubic-bezier(0.645, 0.045, 0.355, 1) both;\n}\n\n @media print {.Modal-module_overlay__1c4LV {\n background-color: rgba(255, 255, 255, 1)\n}\n }\n\n .Modal-module_overlay__1c4LV .Modal-module_modal__1XMQr {\n max-width: 100%;\n outline: none;\n pointer-events: none;\n }\n\n .Modal-module_overlay__1c4LV .Modal-module_content__10pSm {\n position: relative;\n display: block;\n\n background: var(--swui-modal-content-bg-color);\n box-shadow: var(--swui-modal-shadow);\n pointer-events: all;\n\n width: var(--swui-modal-width);\n max-width: 100%;\n\n -webkit-animation: Modal-module_appear__36n8p var(--swui-animation-time-fast)\n cubic-bezier(0.645, 0.045, 0.355, 1) both;\n\n animation: Modal-module_appear__36n8p var(--swui-animation-time-fast)\n cubic-bezier(0.645, 0.045, 0.355, 1) both;\n }\n\n @media print {\n\n .Modal-module_overlay__1c4LV .Modal-module_content__10pSm {\n box-shadow: none;\n top: 0\n }\n }\n\n .Modal-module_overlay__1c4LV .Modal-module_content__10pSm :focus {\n outline: 0;\n }\n\n .Modal-module_overlay__1c4LV .Modal-module_content__10pSm.Modal-module_isDraggable__3l3pM .draggable-modal-handle {\n cursor: move;\n }\n\n .Modal-module_overlay__1c4LV .Modal-module_content__10pSm.Modal-module_isDraggable__3l3pM .draggable-modal-handle .draggable-modal-cancel,\n .Modal-module_overlay__1c4LV .Modal-module_content__10pSm.Modal-module_isDraggable__3l3pM .draggable-modal-handle [role=\"tooltip\"] {\n cursor: initial;\n }\n\n@-webkit-keyframes Modal-module_fadeIn__2XO70 {\n 0% {\n background-color: var(--swui-hidden);\n }\n 100% {\n background-color: var(--swui-modal-overlay-bg-color);\n }\n}\n\n@keyframes Modal-module_fadeIn__2XO70 {\n 0% {\n background-color: var(--swui-hidden);\n }\n 100% {\n background-color: var(--swui-modal-overlay-bg-color);\n }\n}\n\n@-webkit-keyframes Modal-module_appear__36n8p {\n 0% {\n top: calc(0 - var(--swui-metrics-space));\n opacity: 0;\n }\n 100% {\n top: var(--swui-metrics-space);\n opacity: 1;\n }\n}\n\n@keyframes Modal-module_appear__36n8p {\n 0% {\n top: calc(0 - var(--swui-metrics-space));\n opacity: 0;\n }\n 100% {\n top: var(--swui-metrics-space);\n opacity: 1;\n }\n}\n";
75
+ var styles$2 = {"overlay":"Modal-module_overlay__1c4LV","fadeIn":"Modal-module_fadeIn__2XO70","modal":"Modal-module_modal__1XMQr","content":"Modal-module_content__10pSm","appear":"Modal-module_appear__36n8p","isDraggable":"Modal-module_isDraggable__3l3pM"};
76
+ styleInject(css_248z$2);
77
77
 
78
78
  var DRAGGABLE_HANDLE_CLASSNAME = "draggable-modal-handle";
79
79
  var DRAGGABLE_CANCEL_CLASSNAME = "draggable-modal-cancel";
80
80
  var BaseModal = function (_a) {
81
81
  var _b, _c;
82
82
  var width = _a.width, _d = _a.draggable, draggable = _d === void 0 ? false : _d, children = _a.children, reactModalProps = __rest(_a, ["width", "draggable", "children"]);
83
- return (createElement(ReactModal, __assign({ overlayClassName: styles.overlay, className: styles.modal }, reactModalProps),
84
- createElement(Draggable, { handle: "." + DRAGGABLE_HANDLE_CLASSNAME, cancel: "." + DRAGGABLE_CANCEL_CLASSNAME + ", button, [role=\"tooltip\"]", bounds: ".ReactModal__Overlay", disabled: !draggable },
85
- createElement("div", { style: (_b = {}, _b["--swui-modal-width"] = width, _b), className: cx(styles.content, (_c = {},
86
- _c[styles.isDraggable] = draggable,
83
+ return (React.createElement(ReactModal, __assign({ overlayClassName: styles$2.overlay, className: styles$2.modal }, reactModalProps),
84
+ React.createElement(Draggable, { handle: "." + DRAGGABLE_HANDLE_CLASSNAME, cancel: "." + DRAGGABLE_CANCEL_CLASSNAME + ", button, [role=\"tooltip\"]", bounds: ".ReactModal__Overlay", disabled: !draggable },
85
+ React.createElement("div", { style: (_b = {}, _b["--swui-modal-width"] = width, _b), className: cx(styles$2.content, (_c = {},
86
+ _c[styles$2.isDraggable] = draggable,
87
87
  _c)) }, children))));
88
88
  };
89
89
 
@@ -93,7 +93,7 @@ styleInject(css_248z$1);
93
93
 
94
94
  var Drawer = function (_a) {
95
95
  var _b = _a.width, width = _b === void 0 ? "370px" : _b, background = _a.background, zIndex = _a.zIndex, children = _a.children, _c = _a.slideFrom, slideFrom = _c === void 0 ? "left" : _c, portalTarget = _a.portalTarget, reactModalProps = __rest(_a, ["width", "background", "zIndex", "children", "slideFrom", "portalTarget"]);
96
- return (createElement(ReactModal, __assign({ closeTimeoutMS: 250, portalClassName: styles$1.portal, overlayClassName: {
96
+ return (React.createElement(ReactModal, __assign({ closeTimeoutMS: 250, portalClassName: styles$1.portal, overlayClassName: {
97
97
  base: styles$1.overlay,
98
98
  afterOpen: styles$1.afterOpen,
99
99
  beforeClose: styles$1.beforeClose,
@@ -108,46 +108,46 @@ var style = { overlay: { justifyContent: "center" } };
108
108
  var CenterModal = function (_a) {
109
109
  var _b;
110
110
  var children = _a.children, reactModalProps = __rest(_a, ["children"]);
111
- return (createElement(ReactModal, __assign({ overlayClassName: styles.overlay, className: styles.modal, style: style }, reactModalProps),
112
- createElement("div", { className: styles.content, style: (_b = {}, _b["--swui-modal-width"] = "fit-content", _b) }, children)));
111
+ return (React.createElement(ReactModal, __assign({ overlayClassName: styles$2.overlay, className: styles$2.modal, style: style }, reactModalProps),
112
+ React.createElement("div", { className: styles$2.content, style: (_b = {}, _b["--swui-modal-width"] = "fit-content", _b) }, children)));
113
113
  };
114
114
 
115
- var css_248z$2 = ".LoadingModal-module_modal__1gDTX {\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: center;\n justify-content: center;\n -webkit-align-items: center;\n align-items: center;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: transparent;\n}\n\n.LoadingModal-module_overlay__2YRgt {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: var(--swui-overlay-bg-color);\n}\n";
116
- var styles$2 = {"modal":"LoadingModal-module_modal__1gDTX","overlay":"LoadingModal-module_overlay__2YRgt"};
117
- styleInject(css_248z$2);
115
+ var css_248z = ".LoadingModal-module_modal__1gDTX {\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: center;\n justify-content: center;\n -webkit-align-items: center;\n align-items: center;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: transparent;\n}\n\n.LoadingModal-module_overlay__2YRgt {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: var(--swui-overlay-bg-color);\n}\n";
116
+ var styles = {"modal":"LoadingModal-module_modal__1gDTX","overlay":"LoadingModal-module_overlay__2YRgt"};
117
+ styleInject(css_248z);
118
118
 
119
119
  var LoadingModal = function (_a) {
120
120
  var headerIconLeft = _a.headerIconLeft, headerText = _a.headerText, modalProps = __rest(_a, ["headerIconLeft", "headerText"]);
121
- return (createElement(ReactModal, __assign({}, modalProps, { isOpen: true, className: styles$2.modal, overlayClassName: styles$2.overlay }),
122
- createElement(Column, { spacing: 2, alignItems: "center" },
123
- createElement(Box, { alignItems: "center", justifyContent: "center", width: "64px", height: "64px", borderRadius: "50%", background: "white", shadow: "modal" },
124
- createElement(Spinner, { size: "small" })),
125
- (headerIconLeft || headerText) && (createElement(Fragment, null,
126
- createElement(Spacing, null),
127
- createElement(Row, { indent: 2 },
128
- headerIconLeft && (createElement(Fragment, null,
129
- createElement(Icon, { size: 14, icon: headerIconLeft, color: "white" }),
130
- createElement(Indent, null))),
131
- headerText && (createElement(Heading, { variant: "h4", color: "white" }, headerText))))))));
121
+ return (React.createElement(ReactModal, __assign({}, modalProps, { isOpen: true, className: styles.modal, overlayClassName: styles.overlay }),
122
+ React.createElement(Column, { spacing: 2, alignItems: "center" },
123
+ React.createElement(Box, { alignItems: "center", justifyContent: "center", width: "64px", height: "64px", borderRadius: "50%", background: "white", shadow: "modal" },
124
+ React.createElement(Spinner, { size: "small" })),
125
+ (headerIconLeft || headerText) && (React.createElement(React.Fragment, null,
126
+ React.createElement(Spacing, null),
127
+ React.createElement(Row, { indent: 2 },
128
+ headerIconLeft && (React.createElement(React.Fragment, null,
129
+ React.createElement(Icon, { size: 14, icon: headerIconLeft, color: "white" }),
130
+ React.createElement(Indent, null))),
131
+ headerText && (React.createElement(Heading, { variant: "h4", color: "white" }, headerText))))))));
132
132
  };
133
133
 
134
134
  var ModalHeader = function (_a) {
135
135
  var onRequestClose = _a.onRequestClose, header = _a.header, headerText = _a.headerText, closeButtonClassName = _a.closeButtonClassName;
136
- return (createElement(Row, { spacing: 2, indent: 2, borderBottom: "1px solid var(--swui-modal-header-border-color)", className: DRAGGABLE_HANDLE_CLASSNAME },
137
- createElement(Row, { flex: 1, indent: true, alignItems: "center" },
138
- headerText && (createElement(Txt, { className: DRAGGABLE_CANCEL_CLASSNAME, size: "large" }, headerText)),
136
+ return (React.createElement(Row, { spacing: 2, indent: 2, borderBottom: "1px solid var(--swui-modal-header-border-color)", className: DRAGGABLE_HANDLE_CLASSNAME },
137
+ React.createElement(Row, { flex: 1, indent: true, alignItems: "center" },
138
+ headerText && (React.createElement(Txt, { className: DRAGGABLE_CANCEL_CLASSNAME, size: "large" }, headerText)),
139
139
  header),
140
- createElement(Box, { alignSelf: "flex-start" },
141
- createElement(FlatButton, { className: closeButtonClassName, onClick: onRequestClose, "aria-label": "Close", leftIcon: faTimes }))));
140
+ React.createElement(Box, { alignSelf: "flex-start" },
141
+ React.createElement(FlatButton, { className: closeButtonClassName, onClick: onRequestClose, "aria-label": "Close", leftIcon: faTimes }))));
142
142
  };
143
143
 
144
144
  var Modal = function (_a) {
145
145
  var header = _a.header, headerText = _a.headerText, children = _a.children, spacing = _a.spacing, indent = _a.indent, _b = _a.draggable, draggable = _b === void 0 ? false : _b, onRequestClose = _a.onRequestClose, closeButtonClassName = _a.closeButtonClassName, props = __rest(_a, ["header", "headerText", "children", "spacing", "indent", "draggable", "onRequestClose", "closeButtonClassName"]);
146
146
  var activeSpacing = typeof spacing === "number" ? spacing : 1;
147
147
  var activeIndent = typeof indent === "number" ? indent : 1;
148
- return (createElement(BaseModal, __assign({}, props, { onRequestClose: onRequestClose, draggable: draggable }),
149
- createElement(ModalHeader, { onRequestClose: onRequestClose, header: header, headerText: headerText, closeButtonClassName: closeButtonClassName }),
150
- createElement(Box, { spacing: activeSpacing, indent: activeIndent }, children)));
148
+ return (React.createElement(BaseModal, __assign({}, props, { onRequestClose: onRequestClose, draggable: draggable }),
149
+ React.createElement(ModalHeader, { onRequestClose: onRequestClose, header: header, headerText: headerText, closeButtonClassName: closeButtonClassName }),
150
+ React.createElement(Box, { spacing: activeSpacing, indent: activeIndent }, children)));
151
151
  };
152
152
 
153
153
  export { BaseModal, CenterModal, DRAGGABLE_CANCEL_CLASSNAME, DRAGGABLE_HANDLE_CLASSNAME, Drawer, LoadingModal, Modal, ModalHeader };
package/dist/index.es.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.es.js","sources":["../../../node_modules/style-inject/dist/style-inject.es.js","../src/components/modal/BaseModal.tsx","../src/components/drawer/Drawer.tsx","../src/components/center-modal/CenterModal.tsx","../src/components/loading-modal/LoadingModal.tsx","../src/components/modal/ModalHeader.tsx","../src/components/modal/Modal.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","import * as React from \"react\";\nimport ReactModal from \"react-modal\";\nimport Draggable from \"react-draggable\";\nimport cx from \"classnames\";\n\nimport styles from \"./Modal.module.css\";\n\nexport interface BaseModalProps extends ReactModal.Props {\n width?: string;\n onRequestClose?: () => void;\n draggable?: boolean;\n}\n\nexport const DRAGGABLE_HANDLE_CLASSNAME = \"draggable-modal-handle\";\nexport const DRAGGABLE_CANCEL_CLASSNAME = \"draggable-modal-cancel\";\n\nexport const BaseModal: React.FC<BaseModalProps> = ({\n width,\n draggable = false,\n children,\n ...reactModalProps\n}) => {\n return (\n <ReactModal\n overlayClassName={styles.overlay}\n className={styles.modal}\n {...reactModalProps}\n >\n <Draggable\n handle={`.${DRAGGABLE_HANDLE_CLASSNAME}`}\n cancel={`.${DRAGGABLE_CANCEL_CLASSNAME}, button, [role=\"tooltip\"]`}\n bounds=\".ReactModal__Overlay\"\n disabled={!draggable}\n >\n <div\n style={{ [\"--swui-modal-width\" as string]: width }}\n className={cx(styles.content, {\n [styles.isDraggable]: draggable,\n })}\n >\n {children}\n </div>\n </Draggable>\n </ReactModal>\n );\n};\n","import * as React from \"react\";\nimport ReactModal from \"react-modal\";\nimport cx from \"classnames\";\n\nimport styles from \"./Drawer.module.css\";\n\nexport type SlideFrom = \"left\" | \"right\";\n\nexport interface DrawerProps\n extends Omit<\n ReactModal.Props,\n | \"closeTimeoutMS\"\n | \"portalClassName\"\n | \"overlayClassName\"\n | \"className\"\n | \"style\"\n | \"parentSelector\"\n > {\n width?: string;\n background?: string;\n zIndex?: number;\n onRequestClose?: () => void;\n /**\n * Which direction the drawer will appear from.\n * @default left\n * @param {String('left'|'right')}\n */\n slideFrom?: SlideFrom;\n /**\n * Portal target, HTML element. If not set, portal is not used.\n */\n portalTarget?: HTMLElement | null;\n}\n\nexport const Drawer: React.FC<DrawerProps> = ({\n width = \"370px\",\n background,\n zIndex,\n children,\n slideFrom = \"left\",\n portalTarget,\n ...reactModalProps\n}) => {\n return (\n <ReactModal\n closeTimeoutMS={250}\n portalClassName={styles.portal}\n overlayClassName={{\n base: styles.overlay,\n afterOpen: styles.afterOpen,\n beforeClose: styles.beforeClose,\n }}\n className={{\n base: cx(\n styles.content,\n slideFrom === \"left\" ? styles.slideFromLeft : styles.slideFromRight\n ),\n afterOpen: styles.afterOpen,\n beforeClose: styles.beforeClose,\n }}\n style={{ content: { width, background }, overlay: { zIndex } }}\n parentSelector={portalTarget ? () => portalTarget : undefined}\n {...reactModalProps}\n >\n {children}\n </ReactModal>\n );\n};\n","import * as React from \"react\";\nimport ReactModal from \"react-modal\";\n\nimport styles from \"../modal/Modal.module.css\";\n\nexport interface CenterModalProps extends ReactModal.Props {\n onRequestClose?: () => void;\n}\n\nconst style = { overlay: { justifyContent: \"center\" } };\n\nexport const CenterModal: React.FC<CenterModalProps> = ({\n children,\n ...reactModalProps\n}) => {\n return (\n <ReactModal\n overlayClassName={styles.overlay}\n className={styles.modal}\n style={style}\n {...reactModalProps}\n >\n <div\n className={styles.content}\n style={{ [\"--swui-modal-width\" as string]: \"fit-content\" }}\n >\n {children}\n </div>\n </ReactModal>\n );\n};\n","import { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport {\n Box,\n Column,\n Heading,\n Indent,\n Row,\n Spacing,\n} from \"@stenajs-webui/core\";\nimport { Icon, Spinner } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport ReactModal from \"react-modal\";\nimport styles from \"./LoadingModal.module.css\";\n\nexport interface LoadingModalProps extends Omit<ReactModal.Props, \"isOpen\"> {\n headerText?: string;\n headerIconLeft?: IconDefinition;\n}\n\nexport const LoadingModal: React.FC<LoadingModalProps> = ({\n headerIconLeft,\n headerText,\n ...modalProps\n}) => {\n return (\n <ReactModal\n {...modalProps}\n isOpen\n className={styles.modal}\n overlayClassName={styles.overlay}\n >\n <Column spacing={2} alignItems={\"center\"}>\n <Box\n alignItems={\"center\"}\n justifyContent={\"center\"}\n width={\"64px\"}\n height={\"64px\"}\n borderRadius={\"50%\"}\n background={\"white\"}\n shadow={\"modal\"}\n >\n <Spinner size={\"small\"} />\n </Box>\n {(headerIconLeft || headerText) && (\n <>\n <Spacing />\n <Row indent={2}>\n {headerIconLeft && (\n <>\n <Icon size={14} icon={headerIconLeft} color={\"white\"} />\n <Indent />\n </>\n )}\n {headerText && (\n <Heading variant={\"h4\"} color={\"white\"}>\n {headerText}\n </Heading>\n )}\n </Row>\n </>\n )}\n </Column>\n </ReactModal>\n );\n};\n","import { faTimes } from \"@fortawesome/free-solid-svg-icons/faTimes\";\nimport { FlatButton } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport {\n DRAGGABLE_CANCEL_CLASSNAME,\n DRAGGABLE_HANDLE_CLASSNAME,\n} from \"./BaseModal\";\nimport { Box, Row, Txt } from \"@stenajs-webui/core\";\n\nexport interface ModalHeaderProps {\n onRequestClose?: () => void;\n header?: ReactNode;\n headerText?: string;\n closeButtonClassName?: string;\n}\n\nexport const ModalHeader: React.FC<ModalHeaderProps> = ({\n onRequestClose,\n header,\n headerText,\n closeButtonClassName,\n}) => {\n return (\n <Row\n spacing={2}\n indent={2}\n borderBottom={\"1px solid var(--swui-modal-header-border-color)\"}\n className={DRAGGABLE_HANDLE_CLASSNAME}\n >\n <Row flex={1} indent alignItems={\"center\"}>\n {headerText && (\n <Txt className={DRAGGABLE_CANCEL_CLASSNAME} size={\"large\"}>\n {headerText}\n </Txt>\n )}\n {header}\n </Row>\n <Box alignSelf={\"flex-start\"}>\n <FlatButton\n className={closeButtonClassName}\n onClick={onRequestClose}\n aria-label={\"Close\"}\n leftIcon={faTimes}\n />\n </Box>\n </Row>\n );\n};\n","import { Box } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { BaseModal, BaseModalProps } from \"./BaseModal\";\nimport { ModalHeader, ModalHeaderProps } from \"./ModalHeader\";\n\nexport interface ModalProps extends BaseModalProps, ModalHeaderProps {\n spacing?: number;\n indent?: number;\n draggable?: boolean;\n}\n\nexport const Modal: React.FC<ModalProps> = ({\n header,\n headerText,\n children,\n spacing,\n indent,\n draggable = false,\n onRequestClose,\n closeButtonClassName,\n ...props\n}) => {\n const activeSpacing = typeof spacing === \"number\" ? spacing : 1;\n const activeIndent = typeof indent === \"number\" ? indent : 1;\n\n return (\n <BaseModal {...props} onRequestClose={onRequestClose} draggable={draggable}>\n <ModalHeader\n onRequestClose={onRequestClose}\n header={header}\n headerText={headerText}\n closeButtonClassName={closeButtonClassName}\n />\n <Box spacing={activeSpacing} indent={activeIndent}>\n {children}\n </Box>\n </BaseModal>\n );\n};\n"],"names":["React.createElement","styles"],"mappings":"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"}
1
+ {"version":3,"file":"index.es.js","sources":["../../../node_modules/style-inject/dist/style-inject.es.js","../src/components/modal/BaseModal.tsx","../src/components/drawer/Drawer.tsx","../src/components/center-modal/CenterModal.tsx","../src/components/loading-modal/LoadingModal.tsx","../src/components/modal/ModalHeader.tsx","../src/components/modal/Modal.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","import * as React from \"react\";\nimport ReactModal from \"react-modal\";\nimport Draggable from \"react-draggable\";\nimport cx from \"classnames\";\n\nimport styles from \"./Modal.module.css\";\n\nexport interface BaseModalProps extends ReactModal.Props {\n width?: string;\n onRequestClose?: () => void;\n draggable?: boolean;\n}\n\nexport const DRAGGABLE_HANDLE_CLASSNAME = \"draggable-modal-handle\";\nexport const DRAGGABLE_CANCEL_CLASSNAME = \"draggable-modal-cancel\";\n\nexport const BaseModal: React.FC<BaseModalProps> = ({\n width,\n draggable = false,\n children,\n ...reactModalProps\n}) => {\n return (\n <ReactModal\n overlayClassName={styles.overlay}\n className={styles.modal}\n {...reactModalProps}\n >\n <Draggable\n handle={`.${DRAGGABLE_HANDLE_CLASSNAME}`}\n cancel={`.${DRAGGABLE_CANCEL_CLASSNAME}, button, [role=\"tooltip\"]`}\n bounds=\".ReactModal__Overlay\"\n disabled={!draggable}\n >\n <div\n style={{ [\"--swui-modal-width\" as string]: width }}\n className={cx(styles.content, {\n [styles.isDraggable]: draggable,\n })}\n >\n {children}\n </div>\n </Draggable>\n </ReactModal>\n );\n};\n","import * as React from \"react\";\nimport ReactModal from \"react-modal\";\nimport cx from \"classnames\";\n\nimport styles from \"./Drawer.module.css\";\n\nexport type SlideFrom = \"left\" | \"right\";\n\nexport interface DrawerProps\n extends Omit<\n ReactModal.Props,\n | \"closeTimeoutMS\"\n | \"portalClassName\"\n | \"overlayClassName\"\n | \"className\"\n | \"style\"\n | \"parentSelector\"\n > {\n width?: string;\n background?: string;\n zIndex?: number;\n onRequestClose?: () => void;\n /**\n * Which direction the drawer will appear from.\n * @default left\n * @param {String('left'|'right')}\n */\n slideFrom?: SlideFrom;\n /**\n * Portal target, HTML element. If not set, portal is not used.\n */\n portalTarget?: HTMLElement | null;\n}\n\nexport const Drawer: React.FC<DrawerProps> = ({\n width = \"370px\",\n background,\n zIndex,\n children,\n slideFrom = \"left\",\n portalTarget,\n ...reactModalProps\n}) => {\n return (\n <ReactModal\n closeTimeoutMS={250}\n portalClassName={styles.portal}\n overlayClassName={{\n base: styles.overlay,\n afterOpen: styles.afterOpen,\n beforeClose: styles.beforeClose,\n }}\n className={{\n base: cx(\n styles.content,\n slideFrom === \"left\" ? styles.slideFromLeft : styles.slideFromRight\n ),\n afterOpen: styles.afterOpen,\n beforeClose: styles.beforeClose,\n }}\n style={{ content: { width, background }, overlay: { zIndex } }}\n parentSelector={portalTarget ? () => portalTarget : undefined}\n {...reactModalProps}\n >\n {children}\n </ReactModal>\n );\n};\n","import * as React from \"react\";\nimport ReactModal from \"react-modal\";\n\nimport styles from \"../modal/Modal.module.css\";\n\nexport interface CenterModalProps extends ReactModal.Props {\n onRequestClose?: () => void;\n}\n\nconst style = { overlay: { justifyContent: \"center\" } };\n\nexport const CenterModal: React.FC<CenterModalProps> = ({\n children,\n ...reactModalProps\n}) => {\n return (\n <ReactModal\n overlayClassName={styles.overlay}\n className={styles.modal}\n style={style}\n {...reactModalProps}\n >\n <div\n className={styles.content}\n style={{ [\"--swui-modal-width\" as string]: \"fit-content\" }}\n >\n {children}\n </div>\n </ReactModal>\n );\n};\n","import { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport {\n Box,\n Column,\n Heading,\n Indent,\n Row,\n Spacing,\n} from \"@stenajs-webui/core\";\nimport { Icon, Spinner } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport ReactModal from \"react-modal\";\nimport styles from \"./LoadingModal.module.css\";\n\nexport interface LoadingModalProps extends Omit<ReactModal.Props, \"isOpen\"> {\n headerText?: string;\n headerIconLeft?: IconDefinition;\n}\n\nexport const LoadingModal: React.FC<LoadingModalProps> = ({\n headerIconLeft,\n headerText,\n ...modalProps\n}) => {\n return (\n <ReactModal\n {...modalProps}\n isOpen\n className={styles.modal}\n overlayClassName={styles.overlay}\n >\n <Column spacing={2} alignItems={\"center\"}>\n <Box\n alignItems={\"center\"}\n justifyContent={\"center\"}\n width={\"64px\"}\n height={\"64px\"}\n borderRadius={\"50%\"}\n background={\"white\"}\n shadow={\"modal\"}\n >\n <Spinner size={\"small\"} />\n </Box>\n {(headerIconLeft || headerText) && (\n <>\n <Spacing />\n <Row indent={2}>\n {headerIconLeft && (\n <>\n <Icon size={14} icon={headerIconLeft} color={\"white\"} />\n <Indent />\n </>\n )}\n {headerText && (\n <Heading variant={\"h4\"} color={\"white\"}>\n {headerText}\n </Heading>\n )}\n </Row>\n </>\n )}\n </Column>\n </ReactModal>\n );\n};\n","import { faTimes } from \"@fortawesome/free-solid-svg-icons/faTimes\";\nimport { FlatButton } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport {\n DRAGGABLE_CANCEL_CLASSNAME,\n DRAGGABLE_HANDLE_CLASSNAME,\n} from \"./BaseModal\";\nimport { Box, Row, Txt } from \"@stenajs-webui/core\";\n\nexport interface ModalHeaderProps {\n onRequestClose?: () => void;\n header?: ReactNode;\n headerText?: string;\n closeButtonClassName?: string;\n}\n\nexport const ModalHeader: React.FC<ModalHeaderProps> = ({\n onRequestClose,\n header,\n headerText,\n closeButtonClassName,\n}) => {\n return (\n <Row\n spacing={2}\n indent={2}\n borderBottom={\"1px solid var(--swui-modal-header-border-color)\"}\n className={DRAGGABLE_HANDLE_CLASSNAME}\n >\n <Row flex={1} indent alignItems={\"center\"}>\n {headerText && (\n <Txt className={DRAGGABLE_CANCEL_CLASSNAME} size={\"large\"}>\n {headerText}\n </Txt>\n )}\n {header}\n </Row>\n <Box alignSelf={\"flex-start\"}>\n <FlatButton\n className={closeButtonClassName}\n onClick={onRequestClose}\n aria-label={\"Close\"}\n leftIcon={faTimes}\n />\n </Box>\n </Row>\n );\n};\n","import { Box } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { BaseModal, BaseModalProps } from \"./BaseModal\";\nimport { ModalHeader, ModalHeaderProps } from \"./ModalHeader\";\n\nexport interface ModalProps extends BaseModalProps, ModalHeaderProps {\n spacing?: number;\n indent?: number;\n draggable?: boolean;\n}\n\nexport const Modal: React.FC<ModalProps> = ({\n header,\n headerText,\n children,\n spacing,\n indent,\n draggable = false,\n onRequestClose,\n closeButtonClassName,\n ...props\n}) => {\n const activeSpacing = typeof spacing === \"number\" ? spacing : 1;\n const activeIndent = typeof indent === \"number\" ? indent : 1;\n\n return (\n <BaseModal {...props} onRequestClose={onRequestClose} draggable={draggable}>\n <ModalHeader\n onRequestClose={onRequestClose}\n header={header}\n headerText={headerText}\n closeButtonClassName={closeButtonClassName}\n />\n <Box spacing={activeSpacing} indent={activeIndent}>\n {children}\n </Box>\n </BaseModal>\n );\n};\n"],"names":["styles"],"mappings":"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"}
package/dist/index.js CHANGED
@@ -12,6 +12,25 @@ var faTimes = require('@fortawesome/free-solid-svg-icons/faTimes');
12
12
 
13
13
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
14
14
 
15
+ function _interopNamespace(e) {
16
+ if (e && e.__esModule) return e;
17
+ var n = Object.create(null);
18
+ if (e) {
19
+ Object.keys(e).forEach(function (k) {
20
+ if (k !== 'default') {
21
+ var d = Object.getOwnPropertyDescriptor(e, k);
22
+ Object.defineProperty(n, k, d.get ? d : {
23
+ enumerable: true,
24
+ get: function () { return e[k]; }
25
+ });
26
+ }
27
+ });
28
+ }
29
+ n["default"] = e;
30
+ return Object.freeze(n);
31
+ }
32
+
33
+ var React__namespace = /*#__PURE__*/_interopNamespace(React);
15
34
  var ReactModal__default = /*#__PURE__*/_interopDefaultLegacy(ReactModal);
16
35
  var Draggable__default = /*#__PURE__*/_interopDefaultLegacy(Draggable);
17
36
  var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
@@ -81,19 +100,19 @@ function styleInject(css, ref) {
81
100
  }
82
101
  }
83
102
 
84
- var css_248z = ".Modal-module_overlay__1c4LV {\n --swui-modal-animation-time: var(--swui-animation-time-fast);\n --swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);\n --swui-modal-padding: var(--swui-metrics-space);\n --swui-modal-content-bg-color: var(--swui-white);\n --swui-modal-width: 960px;\n --swui-modal-header-border-color: var(--lhds-color-ui-300);\n --swui-modal-shadow: var(--swui-shadow-modal);\n\n position: fixed;\n z-index: 10;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: var(--swui-modal-overlay-bg-color);\n overflow: auto;\n display: -webkit-flex;\n display: flex;\n -webkit-flex-direction: column;\n flex-direction: column;\n -webkit-justify-content: flex-start;\n justify-content: flex-start;\n -webkit-align-items: center;\n align-items: center;\n padding: var(--swui-modal-padding);\n\n -webkit-animation: Modal-module_fadeIn__2XO70 var(--swui-modal-animation-time)\n cubic-bezier(0.645, 0.045, 0.355, 1) both;\n\n animation: Modal-module_fadeIn__2XO70 var(--swui-modal-animation-time)\n cubic-bezier(0.645, 0.045, 0.355, 1) both;\n}\n\n @media print {.Modal-module_overlay__1c4LV {\n background-color: rgba(255, 255, 255, 1)\n}\n }\n\n .Modal-module_overlay__1c4LV .Modal-module_modal__1XMQr {\n max-width: 100%;\n outline: none;\n pointer-events: none;\n }\n\n .Modal-module_overlay__1c4LV .Modal-module_content__10pSm {\n position: relative;\n display: block;\n\n background: var(--swui-modal-content-bg-color);\n box-shadow: var(--swui-modal-shadow);\n pointer-events: all;\n\n width: var(--swui-modal-width);\n max-width: 100%;\n\n -webkit-animation: Modal-module_appear__36n8p var(--swui-animation-time-fast)\n cubic-bezier(0.645, 0.045, 0.355, 1) both;\n\n animation: Modal-module_appear__36n8p var(--swui-animation-time-fast)\n cubic-bezier(0.645, 0.045, 0.355, 1) both;\n }\n\n @media print {\n\n .Modal-module_overlay__1c4LV .Modal-module_content__10pSm {\n box-shadow: none;\n top: 0\n }\n }\n\n .Modal-module_overlay__1c4LV .Modal-module_content__10pSm :focus {\n outline: 0;\n }\n\n .Modal-module_overlay__1c4LV .Modal-module_content__10pSm.Modal-module_isDraggable__3l3pM .draggable-modal-handle {\n cursor: move;\n }\n\n .Modal-module_overlay__1c4LV .Modal-module_content__10pSm.Modal-module_isDraggable__3l3pM .draggable-modal-handle .draggable-modal-cancel,\n .Modal-module_overlay__1c4LV .Modal-module_content__10pSm.Modal-module_isDraggable__3l3pM .draggable-modal-handle [role=\"tooltip\"] {\n cursor: initial;\n }\n\n@-webkit-keyframes Modal-module_fadeIn__2XO70 {\n 0% {\n background-color: var(--swui-hidden);\n }\n 100% {\n background-color: var(--swui-modal-overlay-bg-color);\n }\n}\n\n@keyframes Modal-module_fadeIn__2XO70 {\n 0% {\n background-color: var(--swui-hidden);\n }\n 100% {\n background-color: var(--swui-modal-overlay-bg-color);\n }\n}\n\n@-webkit-keyframes Modal-module_appear__36n8p {\n 0% {\n top: calc(0 - var(--swui-metrics-space));\n opacity: 0;\n }\n 100% {\n top: var(--swui-metrics-space);\n opacity: 1;\n }\n}\n\n@keyframes Modal-module_appear__36n8p {\n 0% {\n top: calc(0 - var(--swui-metrics-space));\n opacity: 0;\n }\n 100% {\n top: var(--swui-metrics-space);\n opacity: 1;\n }\n}\n";
85
- var styles = {"overlay":"Modal-module_overlay__1c4LV","fadeIn":"Modal-module_fadeIn__2XO70","appear":"Modal-module_appear__36n8p","modal":"Modal-module_modal__1XMQr","content":"Modal-module_content__10pSm","isDraggable":"Modal-module_isDraggable__3l3pM"};
86
- styleInject(css_248z);
103
+ var css_248z$2 = ".Modal-module_overlay__1c4LV {\n --swui-modal-animation-time: var(--swui-animation-time-fast);\n --swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);\n --swui-modal-padding: var(--swui-metrics-space);\n --swui-modal-content-bg-color: var(--swui-white);\n --swui-modal-width: 960px;\n --swui-modal-header-border-color: var(--lhds-color-ui-300);\n --swui-modal-shadow: var(--swui-shadow-modal);\n\n position: fixed;\n z-index: 10;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: var(--swui-modal-overlay-bg-color);\n overflow: auto;\n display: -webkit-flex;\n display: flex;\n -webkit-flex-direction: column;\n flex-direction: column;\n -webkit-justify-content: flex-start;\n justify-content: flex-start;\n -webkit-align-items: center;\n align-items: center;\n padding: var(--swui-modal-padding);\n\n -webkit-animation: Modal-module_fadeIn__2XO70 var(--swui-modal-animation-time)\n cubic-bezier(0.645, 0.045, 0.355, 1) both;\n\n animation: Modal-module_fadeIn__2XO70 var(--swui-modal-animation-time)\n cubic-bezier(0.645, 0.045, 0.355, 1) both;\n}\n\n @media print {.Modal-module_overlay__1c4LV {\n background-color: rgba(255, 255, 255, 1)\n}\n }\n\n .Modal-module_overlay__1c4LV .Modal-module_modal__1XMQr {\n max-width: 100%;\n outline: none;\n pointer-events: none;\n }\n\n .Modal-module_overlay__1c4LV .Modal-module_content__10pSm {\n position: relative;\n display: block;\n\n background: var(--swui-modal-content-bg-color);\n box-shadow: var(--swui-modal-shadow);\n pointer-events: all;\n\n width: var(--swui-modal-width);\n max-width: 100%;\n\n -webkit-animation: Modal-module_appear__36n8p var(--swui-animation-time-fast)\n cubic-bezier(0.645, 0.045, 0.355, 1) both;\n\n animation: Modal-module_appear__36n8p var(--swui-animation-time-fast)\n cubic-bezier(0.645, 0.045, 0.355, 1) both;\n }\n\n @media print {\n\n .Modal-module_overlay__1c4LV .Modal-module_content__10pSm {\n box-shadow: none;\n top: 0\n }\n }\n\n .Modal-module_overlay__1c4LV .Modal-module_content__10pSm :focus {\n outline: 0;\n }\n\n .Modal-module_overlay__1c4LV .Modal-module_content__10pSm.Modal-module_isDraggable__3l3pM .draggable-modal-handle {\n cursor: move;\n }\n\n .Modal-module_overlay__1c4LV .Modal-module_content__10pSm.Modal-module_isDraggable__3l3pM .draggable-modal-handle .draggable-modal-cancel,\n .Modal-module_overlay__1c4LV .Modal-module_content__10pSm.Modal-module_isDraggable__3l3pM .draggable-modal-handle [role=\"tooltip\"] {\n cursor: initial;\n }\n\n@-webkit-keyframes Modal-module_fadeIn__2XO70 {\n 0% {\n background-color: var(--swui-hidden);\n }\n 100% {\n background-color: var(--swui-modal-overlay-bg-color);\n }\n}\n\n@keyframes Modal-module_fadeIn__2XO70 {\n 0% {\n background-color: var(--swui-hidden);\n }\n 100% {\n background-color: var(--swui-modal-overlay-bg-color);\n }\n}\n\n@-webkit-keyframes Modal-module_appear__36n8p {\n 0% {\n top: calc(0 - var(--swui-metrics-space));\n opacity: 0;\n }\n 100% {\n top: var(--swui-metrics-space);\n opacity: 1;\n }\n}\n\n@keyframes Modal-module_appear__36n8p {\n 0% {\n top: calc(0 - var(--swui-metrics-space));\n opacity: 0;\n }\n 100% {\n top: var(--swui-metrics-space);\n opacity: 1;\n }\n}\n";
104
+ var styles$2 = {"overlay":"Modal-module_overlay__1c4LV","fadeIn":"Modal-module_fadeIn__2XO70","modal":"Modal-module_modal__1XMQr","content":"Modal-module_content__10pSm","appear":"Modal-module_appear__36n8p","isDraggable":"Modal-module_isDraggable__3l3pM"};
105
+ styleInject(css_248z$2);
87
106
 
88
107
  var DRAGGABLE_HANDLE_CLASSNAME = "draggable-modal-handle";
89
108
  var DRAGGABLE_CANCEL_CLASSNAME = "draggable-modal-cancel";
90
109
  var BaseModal = function (_a) {
91
110
  var _b, _c;
92
111
  var width = _a.width, _d = _a.draggable, draggable = _d === void 0 ? false : _d, children = _a.children, reactModalProps = __rest(_a, ["width", "draggable", "children"]);
93
- return (React.createElement(ReactModal__default['default'], __assign({ overlayClassName: styles.overlay, className: styles.modal }, reactModalProps),
94
- React.createElement(Draggable__default['default'], { handle: "." + DRAGGABLE_HANDLE_CLASSNAME, cancel: "." + DRAGGABLE_CANCEL_CLASSNAME + ", button, [role=\"tooltip\"]", bounds: ".ReactModal__Overlay", disabled: !draggable },
95
- React.createElement("div", { style: (_b = {}, _b["--swui-modal-width"] = width, _b), className: cx__default['default'](styles.content, (_c = {},
96
- _c[styles.isDraggable] = draggable,
112
+ return (React__namespace.createElement(ReactModal__default["default"], __assign({ overlayClassName: styles$2.overlay, className: styles$2.modal }, reactModalProps),
113
+ React__namespace.createElement(Draggable__default["default"], { handle: "." + DRAGGABLE_HANDLE_CLASSNAME, cancel: "." + DRAGGABLE_CANCEL_CLASSNAME + ", button, [role=\"tooltip\"]", bounds: ".ReactModal__Overlay", disabled: !draggable },
114
+ React__namespace.createElement("div", { style: (_b = {}, _b["--swui-modal-width"] = width, _b), className: cx__default["default"](styles$2.content, (_c = {},
115
+ _c[styles$2.isDraggable] = draggable,
97
116
  _c)) }, children))));
98
117
  };
99
118
 
@@ -103,12 +122,12 @@ styleInject(css_248z$1);
103
122
 
104
123
  var Drawer = function (_a) {
105
124
  var _b = _a.width, width = _b === void 0 ? "370px" : _b, background = _a.background, zIndex = _a.zIndex, children = _a.children, _c = _a.slideFrom, slideFrom = _c === void 0 ? "left" : _c, portalTarget = _a.portalTarget, reactModalProps = __rest(_a, ["width", "background", "zIndex", "children", "slideFrom", "portalTarget"]);
106
- return (React.createElement(ReactModal__default['default'], __assign({ closeTimeoutMS: 250, portalClassName: styles$1.portal, overlayClassName: {
125
+ return (React__namespace.createElement(ReactModal__default["default"], __assign({ closeTimeoutMS: 250, portalClassName: styles$1.portal, overlayClassName: {
107
126
  base: styles$1.overlay,
108
127
  afterOpen: styles$1.afterOpen,
109
128
  beforeClose: styles$1.beforeClose,
110
129
  }, className: {
111
- base: cx__default['default'](styles$1.content, slideFrom === "left" ? styles$1.slideFromLeft : styles$1.slideFromRight),
130
+ base: cx__default["default"](styles$1.content, slideFrom === "left" ? styles$1.slideFromLeft : styles$1.slideFromRight),
112
131
  afterOpen: styles$1.afterOpen,
113
132
  beforeClose: styles$1.beforeClose,
114
133
  }, style: { content: { width: width, background: background }, overlay: { zIndex: zIndex } }, parentSelector: portalTarget ? function () { return portalTarget; } : undefined }, reactModalProps), children));
@@ -118,46 +137,46 @@ var style = { overlay: { justifyContent: "center" } };
118
137
  var CenterModal = function (_a) {
119
138
  var _b;
120
139
  var children = _a.children, reactModalProps = __rest(_a, ["children"]);
121
- return (React.createElement(ReactModal__default['default'], __assign({ overlayClassName: styles.overlay, className: styles.modal, style: style }, reactModalProps),
122
- React.createElement("div", { className: styles.content, style: (_b = {}, _b["--swui-modal-width"] = "fit-content", _b) }, children)));
140
+ return (React__namespace.createElement(ReactModal__default["default"], __assign({ overlayClassName: styles$2.overlay, className: styles$2.modal, style: style }, reactModalProps),
141
+ React__namespace.createElement("div", { className: styles$2.content, style: (_b = {}, _b["--swui-modal-width"] = "fit-content", _b) }, children)));
123
142
  };
124
143
 
125
- var css_248z$2 = ".LoadingModal-module_modal__1gDTX {\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: center;\n justify-content: center;\n -webkit-align-items: center;\n align-items: center;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: transparent;\n}\n\n.LoadingModal-module_overlay__2YRgt {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: var(--swui-overlay-bg-color);\n}\n";
126
- var styles$2 = {"modal":"LoadingModal-module_modal__1gDTX","overlay":"LoadingModal-module_overlay__2YRgt"};
127
- styleInject(css_248z$2);
144
+ var css_248z = ".LoadingModal-module_modal__1gDTX {\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: center;\n justify-content: center;\n -webkit-align-items: center;\n align-items: center;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: transparent;\n}\n\n.LoadingModal-module_overlay__2YRgt {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: var(--swui-overlay-bg-color);\n}\n";
145
+ var styles = {"modal":"LoadingModal-module_modal__1gDTX","overlay":"LoadingModal-module_overlay__2YRgt"};
146
+ styleInject(css_248z);
128
147
 
129
148
  var LoadingModal = function (_a) {
130
149
  var headerIconLeft = _a.headerIconLeft, headerText = _a.headerText, modalProps = __rest(_a, ["headerIconLeft", "headerText"]);
131
- return (React.createElement(ReactModal__default['default'], __assign({}, modalProps, { isOpen: true, className: styles$2.modal, overlayClassName: styles$2.overlay }),
132
- React.createElement(core.Column, { spacing: 2, alignItems: "center" },
133
- React.createElement(core.Box, { alignItems: "center", justifyContent: "center", width: "64px", height: "64px", borderRadius: "50%", background: "white", shadow: "modal" },
134
- React.createElement(elements.Spinner, { size: "small" })),
135
- (headerIconLeft || headerText) && (React.createElement(React.Fragment, null,
136
- React.createElement(core.Spacing, null),
137
- React.createElement(core.Row, { indent: 2 },
138
- headerIconLeft && (React.createElement(React.Fragment, null,
139
- React.createElement(elements.Icon, { size: 14, icon: headerIconLeft, color: "white" }),
140
- React.createElement(core.Indent, null))),
141
- headerText && (React.createElement(core.Heading, { variant: "h4", color: "white" }, headerText))))))));
150
+ return (React__namespace.createElement(ReactModal__default["default"], __assign({}, modalProps, { isOpen: true, className: styles.modal, overlayClassName: styles.overlay }),
151
+ React__namespace.createElement(core.Column, { spacing: 2, alignItems: "center" },
152
+ React__namespace.createElement(core.Box, { alignItems: "center", justifyContent: "center", width: "64px", height: "64px", borderRadius: "50%", background: "white", shadow: "modal" },
153
+ React__namespace.createElement(elements.Spinner, { size: "small" })),
154
+ (headerIconLeft || headerText) && (React__namespace.createElement(React__namespace.Fragment, null,
155
+ React__namespace.createElement(core.Spacing, null),
156
+ React__namespace.createElement(core.Row, { indent: 2 },
157
+ headerIconLeft && (React__namespace.createElement(React__namespace.Fragment, null,
158
+ React__namespace.createElement(elements.Icon, { size: 14, icon: headerIconLeft, color: "white" }),
159
+ React__namespace.createElement(core.Indent, null))),
160
+ headerText && (React__namespace.createElement(core.Heading, { variant: "h4", color: "white" }, headerText))))))));
142
161
  };
143
162
 
144
163
  var ModalHeader = function (_a) {
145
164
  var onRequestClose = _a.onRequestClose, header = _a.header, headerText = _a.headerText, closeButtonClassName = _a.closeButtonClassName;
146
- return (React.createElement(core.Row, { spacing: 2, indent: 2, borderBottom: "1px solid var(--swui-modal-header-border-color)", className: DRAGGABLE_HANDLE_CLASSNAME },
147
- React.createElement(core.Row, { flex: 1, indent: true, alignItems: "center" },
148
- headerText && (React.createElement(core.Txt, { className: DRAGGABLE_CANCEL_CLASSNAME, size: "large" }, headerText)),
165
+ return (React__namespace.createElement(core.Row, { spacing: 2, indent: 2, borderBottom: "1px solid var(--swui-modal-header-border-color)", className: DRAGGABLE_HANDLE_CLASSNAME },
166
+ React__namespace.createElement(core.Row, { flex: 1, indent: true, alignItems: "center" },
167
+ headerText && (React__namespace.createElement(core.Txt, { className: DRAGGABLE_CANCEL_CLASSNAME, size: "large" }, headerText)),
149
168
  header),
150
- React.createElement(core.Box, { alignSelf: "flex-start" },
151
- React.createElement(elements.FlatButton, { className: closeButtonClassName, onClick: onRequestClose, "aria-label": "Close", leftIcon: faTimes.faTimes }))));
169
+ React__namespace.createElement(core.Box, { alignSelf: "flex-start" },
170
+ React__namespace.createElement(elements.FlatButton, { className: closeButtonClassName, onClick: onRequestClose, "aria-label": "Close", leftIcon: faTimes.faTimes }))));
152
171
  };
153
172
 
154
173
  var Modal = function (_a) {
155
174
  var header = _a.header, headerText = _a.headerText, children = _a.children, spacing = _a.spacing, indent = _a.indent, _b = _a.draggable, draggable = _b === void 0 ? false : _b, onRequestClose = _a.onRequestClose, closeButtonClassName = _a.closeButtonClassName, props = __rest(_a, ["header", "headerText", "children", "spacing", "indent", "draggable", "onRequestClose", "closeButtonClassName"]);
156
175
  var activeSpacing = typeof spacing === "number" ? spacing : 1;
157
176
  var activeIndent = typeof indent === "number" ? indent : 1;
158
- return (React.createElement(BaseModal, __assign({}, props, { onRequestClose: onRequestClose, draggable: draggable }),
159
- React.createElement(ModalHeader, { onRequestClose: onRequestClose, header: header, headerText: headerText, closeButtonClassName: closeButtonClassName }),
160
- React.createElement(core.Box, { spacing: activeSpacing, indent: activeIndent }, children)));
177
+ return (React__namespace.createElement(BaseModal, __assign({}, props, { onRequestClose: onRequestClose, draggable: draggable }),
178
+ React__namespace.createElement(ModalHeader, { onRequestClose: onRequestClose, header: header, headerText: headerText, closeButtonClassName: closeButtonClassName }),
179
+ React__namespace.createElement(core.Box, { spacing: activeSpacing, indent: activeIndent }, children)));
161
180
  };
162
181
 
163
182
  exports.BaseModal = BaseModal;
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../node_modules/style-inject/dist/style-inject.es.js","../src/components/modal/BaseModal.tsx","../src/components/drawer/Drawer.tsx","../src/components/center-modal/CenterModal.tsx","../src/components/loading-modal/LoadingModal.tsx","../src/components/modal/ModalHeader.tsx","../src/components/modal/Modal.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","import * as React from \"react\";\nimport ReactModal from \"react-modal\";\nimport Draggable from \"react-draggable\";\nimport cx from \"classnames\";\n\nimport styles from \"./Modal.module.css\";\n\nexport interface BaseModalProps extends ReactModal.Props {\n width?: string;\n onRequestClose?: () => void;\n draggable?: boolean;\n}\n\nexport const DRAGGABLE_HANDLE_CLASSNAME = \"draggable-modal-handle\";\nexport const DRAGGABLE_CANCEL_CLASSNAME = \"draggable-modal-cancel\";\n\nexport const BaseModal: React.FC<BaseModalProps> = ({\n width,\n draggable = false,\n children,\n ...reactModalProps\n}) => {\n return (\n <ReactModal\n overlayClassName={styles.overlay}\n className={styles.modal}\n {...reactModalProps}\n >\n <Draggable\n handle={`.${DRAGGABLE_HANDLE_CLASSNAME}`}\n cancel={`.${DRAGGABLE_CANCEL_CLASSNAME}, button, [role=\"tooltip\"]`}\n bounds=\".ReactModal__Overlay\"\n disabled={!draggable}\n >\n <div\n style={{ [\"--swui-modal-width\" as string]: width }}\n className={cx(styles.content, {\n [styles.isDraggable]: draggable,\n })}\n >\n {children}\n </div>\n </Draggable>\n </ReactModal>\n );\n};\n","import * as React from \"react\";\nimport ReactModal from \"react-modal\";\nimport cx from \"classnames\";\n\nimport styles from \"./Drawer.module.css\";\n\nexport type SlideFrom = \"left\" | \"right\";\n\nexport interface DrawerProps\n extends Omit<\n ReactModal.Props,\n | \"closeTimeoutMS\"\n | \"portalClassName\"\n | \"overlayClassName\"\n | \"className\"\n | \"style\"\n | \"parentSelector\"\n > {\n width?: string;\n background?: string;\n zIndex?: number;\n onRequestClose?: () => void;\n /**\n * Which direction the drawer will appear from.\n * @default left\n * @param {String('left'|'right')}\n */\n slideFrom?: SlideFrom;\n /**\n * Portal target, HTML element. If not set, portal is not used.\n */\n portalTarget?: HTMLElement | null;\n}\n\nexport const Drawer: React.FC<DrawerProps> = ({\n width = \"370px\",\n background,\n zIndex,\n children,\n slideFrom = \"left\",\n portalTarget,\n ...reactModalProps\n}) => {\n return (\n <ReactModal\n closeTimeoutMS={250}\n portalClassName={styles.portal}\n overlayClassName={{\n base: styles.overlay,\n afterOpen: styles.afterOpen,\n beforeClose: styles.beforeClose,\n }}\n className={{\n base: cx(\n styles.content,\n slideFrom === \"left\" ? styles.slideFromLeft : styles.slideFromRight\n ),\n afterOpen: styles.afterOpen,\n beforeClose: styles.beforeClose,\n }}\n style={{ content: { width, background }, overlay: { zIndex } }}\n parentSelector={portalTarget ? () => portalTarget : undefined}\n {...reactModalProps}\n >\n {children}\n </ReactModal>\n );\n};\n","import * as React from \"react\";\nimport ReactModal from \"react-modal\";\n\nimport styles from \"../modal/Modal.module.css\";\n\nexport interface CenterModalProps extends ReactModal.Props {\n onRequestClose?: () => void;\n}\n\nconst style = { overlay: { justifyContent: \"center\" } };\n\nexport const CenterModal: React.FC<CenterModalProps> = ({\n children,\n ...reactModalProps\n}) => {\n return (\n <ReactModal\n overlayClassName={styles.overlay}\n className={styles.modal}\n style={style}\n {...reactModalProps}\n >\n <div\n className={styles.content}\n style={{ [\"--swui-modal-width\" as string]: \"fit-content\" }}\n >\n {children}\n </div>\n </ReactModal>\n );\n};\n","import { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport {\n Box,\n Column,\n Heading,\n Indent,\n Row,\n Spacing,\n} from \"@stenajs-webui/core\";\nimport { Icon, Spinner } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport ReactModal from \"react-modal\";\nimport styles from \"./LoadingModal.module.css\";\n\nexport interface LoadingModalProps extends Omit<ReactModal.Props, \"isOpen\"> {\n headerText?: string;\n headerIconLeft?: IconDefinition;\n}\n\nexport const LoadingModal: React.FC<LoadingModalProps> = ({\n headerIconLeft,\n headerText,\n ...modalProps\n}) => {\n return (\n <ReactModal\n {...modalProps}\n isOpen\n className={styles.modal}\n overlayClassName={styles.overlay}\n >\n <Column spacing={2} alignItems={\"center\"}>\n <Box\n alignItems={\"center\"}\n justifyContent={\"center\"}\n width={\"64px\"}\n height={\"64px\"}\n borderRadius={\"50%\"}\n background={\"white\"}\n shadow={\"modal\"}\n >\n <Spinner size={\"small\"} />\n </Box>\n {(headerIconLeft || headerText) && (\n <>\n <Spacing />\n <Row indent={2}>\n {headerIconLeft && (\n <>\n <Icon size={14} icon={headerIconLeft} color={\"white\"} />\n <Indent />\n </>\n )}\n {headerText && (\n <Heading variant={\"h4\"} color={\"white\"}>\n {headerText}\n </Heading>\n )}\n </Row>\n </>\n )}\n </Column>\n </ReactModal>\n );\n};\n","import { faTimes } from \"@fortawesome/free-solid-svg-icons/faTimes\";\nimport { FlatButton } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport {\n DRAGGABLE_CANCEL_CLASSNAME,\n DRAGGABLE_HANDLE_CLASSNAME,\n} from \"./BaseModal\";\nimport { Box, Row, Txt } from \"@stenajs-webui/core\";\n\nexport interface ModalHeaderProps {\n onRequestClose?: () => void;\n header?: ReactNode;\n headerText?: string;\n closeButtonClassName?: string;\n}\n\nexport const ModalHeader: React.FC<ModalHeaderProps> = ({\n onRequestClose,\n header,\n headerText,\n closeButtonClassName,\n}) => {\n return (\n <Row\n spacing={2}\n indent={2}\n borderBottom={\"1px solid var(--swui-modal-header-border-color)\"}\n className={DRAGGABLE_HANDLE_CLASSNAME}\n >\n <Row flex={1} indent alignItems={\"center\"}>\n {headerText && (\n <Txt className={DRAGGABLE_CANCEL_CLASSNAME} size={\"large\"}>\n {headerText}\n </Txt>\n )}\n {header}\n </Row>\n <Box alignSelf={\"flex-start\"}>\n <FlatButton\n className={closeButtonClassName}\n onClick={onRequestClose}\n aria-label={\"Close\"}\n leftIcon={faTimes}\n />\n </Box>\n </Row>\n );\n};\n","import { Box } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { BaseModal, BaseModalProps } from \"./BaseModal\";\nimport { ModalHeader, ModalHeaderProps } from \"./ModalHeader\";\n\nexport interface ModalProps extends BaseModalProps, ModalHeaderProps {\n spacing?: number;\n indent?: number;\n draggable?: boolean;\n}\n\nexport const Modal: React.FC<ModalProps> = ({\n header,\n headerText,\n children,\n spacing,\n indent,\n draggable = false,\n onRequestClose,\n closeButtonClassName,\n ...props\n}) => {\n const activeSpacing = typeof spacing === \"number\" ? spacing : 1;\n const activeIndent = typeof indent === \"number\" ? indent : 1;\n\n return (\n <BaseModal {...props} onRequestClose={onRequestClose} draggable={draggable}>\n <ModalHeader\n onRequestClose={onRequestClose}\n header={header}\n headerText={headerText}\n closeButtonClassName={closeButtonClassName}\n />\n <Box spacing={activeSpacing} indent={activeIndent}>\n {children}\n </Box>\n </BaseModal>\n );\n};\n"],"names":["React.createElement","ReactModal","Draggable","cx","styles","Column","Box","Spinner","Spacing","Row","Icon","Indent","Heading","Txt","FlatButton","faTimes"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../../../node_modules/style-inject/dist/style-inject.es.js","../src/components/modal/BaseModal.tsx","../src/components/drawer/Drawer.tsx","../src/components/center-modal/CenterModal.tsx","../src/components/loading-modal/LoadingModal.tsx","../src/components/modal/ModalHeader.tsx","../src/components/modal/Modal.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","import * as React from \"react\";\nimport ReactModal from \"react-modal\";\nimport Draggable from \"react-draggable\";\nimport cx from \"classnames\";\n\nimport styles from \"./Modal.module.css\";\n\nexport interface BaseModalProps extends ReactModal.Props {\n width?: string;\n onRequestClose?: () => void;\n draggable?: boolean;\n}\n\nexport const DRAGGABLE_HANDLE_CLASSNAME = \"draggable-modal-handle\";\nexport const DRAGGABLE_CANCEL_CLASSNAME = \"draggable-modal-cancel\";\n\nexport const BaseModal: React.FC<BaseModalProps> = ({\n width,\n draggable = false,\n children,\n ...reactModalProps\n}) => {\n return (\n <ReactModal\n overlayClassName={styles.overlay}\n className={styles.modal}\n {...reactModalProps}\n >\n <Draggable\n handle={`.${DRAGGABLE_HANDLE_CLASSNAME}`}\n cancel={`.${DRAGGABLE_CANCEL_CLASSNAME}, button, [role=\"tooltip\"]`}\n bounds=\".ReactModal__Overlay\"\n disabled={!draggable}\n >\n <div\n style={{ [\"--swui-modal-width\" as string]: width }}\n className={cx(styles.content, {\n [styles.isDraggable]: draggable,\n })}\n >\n {children}\n </div>\n </Draggable>\n </ReactModal>\n );\n};\n","import * as React from \"react\";\nimport ReactModal from \"react-modal\";\nimport cx from \"classnames\";\n\nimport styles from \"./Drawer.module.css\";\n\nexport type SlideFrom = \"left\" | \"right\";\n\nexport interface DrawerProps\n extends Omit<\n ReactModal.Props,\n | \"closeTimeoutMS\"\n | \"portalClassName\"\n | \"overlayClassName\"\n | \"className\"\n | \"style\"\n | \"parentSelector\"\n > {\n width?: string;\n background?: string;\n zIndex?: number;\n onRequestClose?: () => void;\n /**\n * Which direction the drawer will appear from.\n * @default left\n * @param {String('left'|'right')}\n */\n slideFrom?: SlideFrom;\n /**\n * Portal target, HTML element. If not set, portal is not used.\n */\n portalTarget?: HTMLElement | null;\n}\n\nexport const Drawer: React.FC<DrawerProps> = ({\n width = \"370px\",\n background,\n zIndex,\n children,\n slideFrom = \"left\",\n portalTarget,\n ...reactModalProps\n}) => {\n return (\n <ReactModal\n closeTimeoutMS={250}\n portalClassName={styles.portal}\n overlayClassName={{\n base: styles.overlay,\n afterOpen: styles.afterOpen,\n beforeClose: styles.beforeClose,\n }}\n className={{\n base: cx(\n styles.content,\n slideFrom === \"left\" ? styles.slideFromLeft : styles.slideFromRight\n ),\n afterOpen: styles.afterOpen,\n beforeClose: styles.beforeClose,\n }}\n style={{ content: { width, background }, overlay: { zIndex } }}\n parentSelector={portalTarget ? () => portalTarget : undefined}\n {...reactModalProps}\n >\n {children}\n </ReactModal>\n );\n};\n","import * as React from \"react\";\nimport ReactModal from \"react-modal\";\n\nimport styles from \"../modal/Modal.module.css\";\n\nexport interface CenterModalProps extends ReactModal.Props {\n onRequestClose?: () => void;\n}\n\nconst style = { overlay: { justifyContent: \"center\" } };\n\nexport const CenterModal: React.FC<CenterModalProps> = ({\n children,\n ...reactModalProps\n}) => {\n return (\n <ReactModal\n overlayClassName={styles.overlay}\n className={styles.modal}\n style={style}\n {...reactModalProps}\n >\n <div\n className={styles.content}\n style={{ [\"--swui-modal-width\" as string]: \"fit-content\" }}\n >\n {children}\n </div>\n </ReactModal>\n );\n};\n","import { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\nimport {\n Box,\n Column,\n Heading,\n Indent,\n Row,\n Spacing,\n} from \"@stenajs-webui/core\";\nimport { Icon, Spinner } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport ReactModal from \"react-modal\";\nimport styles from \"./LoadingModal.module.css\";\n\nexport interface LoadingModalProps extends Omit<ReactModal.Props, \"isOpen\"> {\n headerText?: string;\n headerIconLeft?: IconDefinition;\n}\n\nexport const LoadingModal: React.FC<LoadingModalProps> = ({\n headerIconLeft,\n headerText,\n ...modalProps\n}) => {\n return (\n <ReactModal\n {...modalProps}\n isOpen\n className={styles.modal}\n overlayClassName={styles.overlay}\n >\n <Column spacing={2} alignItems={\"center\"}>\n <Box\n alignItems={\"center\"}\n justifyContent={\"center\"}\n width={\"64px\"}\n height={\"64px\"}\n borderRadius={\"50%\"}\n background={\"white\"}\n shadow={\"modal\"}\n >\n <Spinner size={\"small\"} />\n </Box>\n {(headerIconLeft || headerText) && (\n <>\n <Spacing />\n <Row indent={2}>\n {headerIconLeft && (\n <>\n <Icon size={14} icon={headerIconLeft} color={\"white\"} />\n <Indent />\n </>\n )}\n {headerText && (\n <Heading variant={\"h4\"} color={\"white\"}>\n {headerText}\n </Heading>\n )}\n </Row>\n </>\n )}\n </Column>\n </ReactModal>\n );\n};\n","import { faTimes } from \"@fortawesome/free-solid-svg-icons/faTimes\";\nimport { FlatButton } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport {\n DRAGGABLE_CANCEL_CLASSNAME,\n DRAGGABLE_HANDLE_CLASSNAME,\n} from \"./BaseModal\";\nimport { Box, Row, Txt } from \"@stenajs-webui/core\";\n\nexport interface ModalHeaderProps {\n onRequestClose?: () => void;\n header?: ReactNode;\n headerText?: string;\n closeButtonClassName?: string;\n}\n\nexport const ModalHeader: React.FC<ModalHeaderProps> = ({\n onRequestClose,\n header,\n headerText,\n closeButtonClassName,\n}) => {\n return (\n <Row\n spacing={2}\n indent={2}\n borderBottom={\"1px solid var(--swui-modal-header-border-color)\"}\n className={DRAGGABLE_HANDLE_CLASSNAME}\n >\n <Row flex={1} indent alignItems={\"center\"}>\n {headerText && (\n <Txt className={DRAGGABLE_CANCEL_CLASSNAME} size={\"large\"}>\n {headerText}\n </Txt>\n )}\n {header}\n </Row>\n <Box alignSelf={\"flex-start\"}>\n <FlatButton\n className={closeButtonClassName}\n onClick={onRequestClose}\n aria-label={\"Close\"}\n leftIcon={faTimes}\n />\n </Box>\n </Row>\n );\n};\n","import { Box } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { BaseModal, BaseModalProps } from \"./BaseModal\";\nimport { ModalHeader, ModalHeaderProps } from \"./ModalHeader\";\n\nexport interface ModalProps extends BaseModalProps, ModalHeaderProps {\n spacing?: number;\n indent?: number;\n draggable?: boolean;\n}\n\nexport const Modal: React.FC<ModalProps> = ({\n header,\n headerText,\n children,\n spacing,\n indent,\n draggable = false,\n onRequestClose,\n closeButtonClassName,\n ...props\n}) => {\n const activeSpacing = typeof spacing === \"number\" ? spacing : 1;\n const activeIndent = typeof indent === \"number\" ? indent : 1;\n\n return (\n <BaseModal {...props} onRequestClose={onRequestClose} draggable={draggable}>\n <ModalHeader\n onRequestClose={onRequestClose}\n header={header}\n headerText={headerText}\n closeButtonClassName={closeButtonClassName}\n />\n <Box spacing={activeSpacing} indent={activeIndent}>\n {children}\n </Box>\n </BaseModal>\n );\n};\n"],"names":["React","ReactModal","styles","Draggable","cx","Column","Box","Spinner","Spacing","Row","Icon","Indent","Heading","Txt","FlatButton","faTimes"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stenajs-webui/modal",
3
- "version": "14.2.0",
3
+ "version": "15.0.0-alpha.3",
4
4
  "description": "",
5
5
  "author": "mattias800",
6
6
  "license": "MIT",
@@ -19,7 +19,6 @@
19
19
  },
20
20
  "scripts": {
21
21
  "test": "cross-env CI=1 react-scripts-ts test --env=jsdom",
22
- "test:watch": "react-scripts-ts test --env=jsdom",
23
22
  "build": "rollup -c",
24
23
  "start": "rollup -c -w",
25
24
  "clean": "rm -rf dist",
@@ -28,9 +27,9 @@
28
27
  "deploy": "gh-pages -d example/build"
29
28
  },
30
29
  "dependencies": {
31
- "@stenajs-webui/core": "14.2.0",
32
- "@stenajs-webui/elements": "14.2.0",
33
- "@stenajs-webui/theme": "14.2.0",
30
+ "@stenajs-webui/core": "15.0.0-alpha.3",
31
+ "@stenajs-webui/elements": "15.0.0-alpha.3",
32
+ "@stenajs-webui/theme": "15.0.0-alpha.3",
34
33
  "@types/react-modal": "^3.13.1",
35
34
  "classnames": "^2.3.1",
36
35
  "react-draggable": "^4.4.2",
@@ -60,5 +59,5 @@
60
59
  "files": [
61
60
  "dist"
62
61
  ],
63
- "gitHead": "040deec84399fe2b75a12fe6a6ede5dd9a9018bd"
62
+ "gitHead": "2227ddfa28e11eb8b41680250cc2659a5b5afbdc"
64
63
  }