@activecollab/components 2.0.240 → 2.0.241
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/cjs/components/Dialog/Dialog.js +6 -2
- package/dist/cjs/components/Dialog/Dialog.js.map +1 -1
- package/dist/cjs/components/Dialog/Styles.js +6 -3
- package/dist/cjs/components/Dialog/Styles.js.map +1 -1
- package/dist/esm/components/Dialog/Dialog.d.ts +1 -0
- package/dist/esm/components/Dialog/Dialog.d.ts.map +1 -1
- package/dist/esm/components/Dialog/Dialog.js +4 -1
- package/dist/esm/components/Dialog/Dialog.js.map +1 -1
- package/dist/esm/components/Dialog/Styles.d.ts +3 -1
- package/dist/esm/components/Dialog/Styles.d.ts.map +1 -1
- package/dist/esm/components/Dialog/Styles.js +2 -2
- package/dist/esm/components/Dialog/Styles.js.map +1 -1
- package/dist/index.js +9 -3
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
|
@@ -14,7 +14,7 @@ var _Styles = require("./Styles");
|
|
|
14
14
|
var _Modal = require("../Modal");
|
|
15
15
|
var _Transitions = require("../Transitions");
|
|
16
16
|
var _SlideFromTop = require("../Transitions/SlideFromTop");
|
|
17
|
-
var _excluded = ["children", "open", "onClose", "className", "enableBackgroundClick", "disableCloseOnEsc", "animate", "onClickOutside"]; // import { DialogContext } from "./DialogContext";
|
|
17
|
+
var _excluded = ["children", "open", "onClose", "className", "enableBackgroundClick", "disableCloseOnEsc", "animate", "onClickOutside", "fullWidth"]; // import { DialogContext } from "./DialogContext";
|
|
18
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
19
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
20
20
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
@@ -34,6 +34,8 @@ var _Dialog = exports._Dialog = /*#__PURE__*/(0, _react.forwardRef)(function (_r
|
|
|
34
34
|
_ref$animate = _ref.animate,
|
|
35
35
|
animate = _ref$animate === void 0 ? "slide" : _ref$animate,
|
|
36
36
|
onClickOutside = _ref.onClickOutside,
|
|
37
|
+
_ref$fullWidth = _ref.fullWidth,
|
|
38
|
+
fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
|
|
37
39
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
38
40
|
var animateDialog = function animateDialog() {
|
|
39
41
|
switch (animate) {
|
|
@@ -41,13 +43,15 @@ var _Dialog = exports._Dialog = /*#__PURE__*/(0, _react.forwardRef)(function (_r
|
|
|
41
43
|
return /*#__PURE__*/_react.default.createElement(_Transitions.Fade, {
|
|
42
44
|
in: open
|
|
43
45
|
}, /*#__PURE__*/_react.default.createElement(_Styles.StyledDialog, {
|
|
46
|
+
$fullWidth: fullWidth,
|
|
44
47
|
className: (0, _classnames.default)("c-dialog", className)
|
|
45
48
|
}, children));
|
|
46
49
|
default:
|
|
47
50
|
return /*#__PURE__*/_react.default.createElement(_SlideFromTop.SlideFromTop, {
|
|
48
51
|
in: open
|
|
49
52
|
}, /*#__PURE__*/_react.default.createElement(_Styles.StyledDialog, {
|
|
50
|
-
className: (0, _classnames.default)("c-dialog", className)
|
|
53
|
+
className: (0, _classnames.default)("c-dialog", className),
|
|
54
|
+
$fullWidth: fullWidth
|
|
51
55
|
}, children));
|
|
52
56
|
}
|
|
53
57
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_DialogActions","_DialogContent","_DialogContentDivider","_DialogTitle","_Styles","_Modal","_Transitions","_SlideFromTop","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_Dialog","exports","forwardRef","_ref","ref","children","_ref$open","open","onClose","className","_ref$enableBackground","enableBackgroundClick","_ref$disableCloseOnEs","disableCloseOnEsc","_ref$animate","animate","onClickOutside","rest","animateDialog","createElement","Fade","in","StyledDialog","classnames","SlideFromTop","Modal","disableBackgroundClick","displayName","Dialog","Title","DialogTitle","Content","DialogContent","ContentDivider","DialogContentDivider","Actions","DialogActions"],"sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, PropsWithChildren } from \"react\";\n\nimport classnames from \"classnames\";\n\n// import { DialogContext } from \"./DialogContext\";\n\nimport { DialogActions } from \"./DialogActions\";\nimport { DialogContent } from \"./DialogContent\";\nimport { DialogContentDivider } from \"./DialogContentDivider\";\nimport { DialogTitle } from \"./DialogTitle\";\nimport { StyledDialog } from \"./Styles\";\nimport { Modal } from \"../Modal\";\nimport { Fade } from \"../Transitions\";\nimport { SlideFromTop } from \"../Transitions/SlideFromTop\";\n\nexport interface DialogProps extends HTMLAttributes<HTMLDivElement> {\n open?: boolean;\n onClose?: () => void;\n className?: string;\n enableBackgroundClick?: boolean;\n disableCloseOnEsc?: boolean;\n animate?: \"fade\" | \"slide\";\n onClickOutside?: (event) => void;\n}\n\nexport const _Dialog = forwardRef<\n HTMLDivElement,\n PropsWithChildren<DialogProps>\n>(\n (\n {\n children,\n open = false,\n onClose,\n className,\n enableBackgroundClick = false,\n disableCloseOnEsc = false,\n animate = \"slide\",\n onClickOutside,\n ...rest\n },\n ref\n ) => {\n const animateDialog = () => {\n switch (animate) {\n case \"fade\":\n return (\n <Fade in={open}>\n <StyledDialog
|
|
1
|
+
{"version":3,"file":"Dialog.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_DialogActions","_DialogContent","_DialogContentDivider","_DialogTitle","_Styles","_Modal","_Transitions","_SlideFromTop","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_Dialog","exports","forwardRef","_ref","ref","children","_ref$open","open","onClose","className","_ref$enableBackground","enableBackgroundClick","_ref$disableCloseOnEs","disableCloseOnEsc","_ref$animate","animate","onClickOutside","_ref$fullWidth","fullWidth","rest","animateDialog","createElement","Fade","in","StyledDialog","$fullWidth","classnames","SlideFromTop","Modal","disableBackgroundClick","displayName","Dialog","Title","DialogTitle","Content","DialogContent","ContentDivider","DialogContentDivider","Actions","DialogActions"],"sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, PropsWithChildren } from \"react\";\n\nimport classnames from \"classnames\";\n\n// import { DialogContext } from \"./DialogContext\";\n\nimport { DialogActions } from \"./DialogActions\";\nimport { DialogContent } from \"./DialogContent\";\nimport { DialogContentDivider } from \"./DialogContentDivider\";\nimport { DialogTitle } from \"./DialogTitle\";\nimport { StyledDialog } from \"./Styles\";\nimport { Modal } from \"../Modal\";\nimport { Fade } from \"../Transitions\";\nimport { SlideFromTop } from \"../Transitions/SlideFromTop\";\n\nexport interface DialogProps extends HTMLAttributes<HTMLDivElement> {\n open?: boolean;\n onClose?: () => void;\n className?: string;\n enableBackgroundClick?: boolean;\n disableCloseOnEsc?: boolean;\n animate?: \"fade\" | \"slide\";\n onClickOutside?: (event) => void;\n fullWidth?: boolean;\n}\n\nexport const _Dialog = forwardRef<\n HTMLDivElement,\n PropsWithChildren<DialogProps>\n>(\n (\n {\n children,\n open = false,\n onClose,\n className,\n enableBackgroundClick = false,\n disableCloseOnEsc = false,\n animate = \"slide\",\n onClickOutside,\n fullWidth = false,\n ...rest\n },\n ref\n ) => {\n const animateDialog = () => {\n switch (animate) {\n case \"fade\":\n return (\n <Fade in={open}>\n <StyledDialog\n $fullWidth={fullWidth}\n className={classnames(\"c-dialog\", className)}\n >\n {children}\n </StyledDialog>\n </Fade>\n );\n default:\n return (\n <SlideFromTop in={open}>\n <StyledDialog\n className={classnames(\"c-dialog\", className)}\n $fullWidth={fullWidth}\n >\n {children}\n </StyledDialog>\n </SlideFromTop>\n );\n }\n };\n\n return (\n // <DialogContext.Provider value={{}}>\n\n <Modal\n ref={ref}\n open={open}\n onClose={onClose}\n disableBackgroundClick={!enableBackgroundClick}\n disableCloseOnEsc={disableCloseOnEsc}\n onClickOutside={onClickOutside}\n {...rest}\n >\n {animateDialog()}\n </Modal>\n // </DialogContext.Provider>\n );\n }\n);\n\n_Dialog.displayName = \"Dialog\";\n\n// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757\nexport const Dialog = Object.assign({}, _Dialog, {\n Title: DialogTitle,\n Content: DialogContent,\n ContentDivider: DialogContentDivider,\n Actions: DialogActions,\n});\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAIA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,qBAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,YAAA,GAAAT,OAAA;AACA,IAAAU,aAAA,GAAAV,OAAA;AAA2D,IAAAW,SAAA,yIAT3D;AAAA,SAAAT,uBAAAU,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAjB,wBAAAiB,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAH,UAAA,SAAAG,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAF,OAAA,EAAAE,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAJ,CAAA,UAAAG,CAAA,CAAAE,GAAA,CAAAL,CAAA,OAAAM,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAZ,CAAA,oBAAAY,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAY,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,CAAA,EAAAY,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAZ,CAAA,CAAAY,CAAA,YAAAN,CAAA,CAAAR,OAAA,GAAAE,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAc,GAAA,CAAAjB,CAAA,EAAAM,CAAA,GAAAA,CAAA;AAAA,SAAAY,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAL,CAAA,MAAAA,CAAA,GAAAM,SAAA,CAAAC,MAAA,EAAAP,CAAA,UAAAQ,MAAA,GAAAF,SAAA,CAAAN,CAAA,YAAAS,GAAA,IAAAD,MAAA,QAAAf,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAS,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAJ,SAAA;AAAA,SAAAK,yBAAAH,MAAA,EAAAI,QAAA,QAAAJ,MAAA,yBAAAH,MAAA,GAAAQ,6BAAA,CAAAL,MAAA,EAAAI,QAAA,OAAAH,GAAA,EAAAT,CAAA,MAAAP,MAAA,CAAAqB,qBAAA,QAAAC,gBAAA,GAAAtB,MAAA,CAAAqB,qBAAA,CAAAN,MAAA,QAAAR,CAAA,MAAAA,CAAA,GAAAe,gBAAA,CAAAR,MAAA,EAAAP,CAAA,MAAAS,GAAA,GAAAM,gBAAA,CAAAf,CAAA,OAAAY,QAAA,CAAAI,OAAA,CAAAP,GAAA,uBAAAhB,MAAA,CAAAI,SAAA,CAAAoB,oBAAA,CAAAlB,IAAA,CAAAS,MAAA,EAAAC,GAAA,aAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAJ,MAAA;AAAA,SAAAQ,8BAAAL,MAAA,EAAAI,QAAA,QAAAJ,MAAA,yBAAAH,MAAA,WAAAa,UAAA,GAAAzB,MAAA,CAAA0B,IAAA,CAAAX,MAAA,OAAAC,GAAA,EAAAT,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAkB,UAAA,CAAAX,MAAA,EAAAP,CAAA,MAAAS,GAAA,GAAAS,UAAA,CAAAlB,CAAA,OAAAY,QAAA,CAAAI,OAAA,CAAAP,GAAA,kBAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAJ,MAAA;AAsBO,IAAMe,OAAO,GAAAC,OAAA,CAAAD,OAAA,gBAAG,IAAAE,iBAAU,EAI/B,UAAAC,IAAA,EAaEC,GAAG,EACA;EAAA,IAZDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,SAAA,GAAAH,IAAA,CACRI,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,KAAK,GAAAA,SAAA;IACZE,OAAO,GAAAL,IAAA,CAAPK,OAAO;IACPC,SAAS,GAAAN,IAAA,CAATM,SAAS;IAAAC,qBAAA,GAAAP,IAAA,CACTQ,qBAAqB;IAArBA,qBAAqB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAAE,qBAAA,GAAAT,IAAA,CAC7BU,iBAAiB;IAAjBA,iBAAiB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAAE,YAAA,GAAAX,IAAA,CACzBY,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,OAAO,GAAAA,YAAA;IACjBE,cAAc,GAAAb,IAAA,CAAda,cAAc;IAAAC,cAAA,GAAAd,IAAA,CACde,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,KAAK,GAAAA,cAAA;IACdE,IAAI,GAAA5B,wBAAA,CAAAY,IAAA,EAAA5C,SAAA;EAIT,IAAM6D,aAAa,GAAG,SAAhBA,aAAaA,CAAA,EAAS;IAC1B,QAAQL,OAAO;MACb,KAAK,MAAM;QACT,oBACErE,MAAA,CAAAgB,OAAA,CAAA2D,aAAA,CAAChE,YAAA,CAAAiE,IAAI;UAACC,EAAE,EAAEhB;QAAK,gBACb7D,MAAA,CAAAgB,OAAA,CAAA2D,aAAA,CAAClE,OAAA,CAAAqE,YAAY;UACXC,UAAU,EAAEP,SAAU;UACtBT,SAAS,EAAE,IAAAiB,mBAAU,EAAC,UAAU,EAAEjB,SAAS;QAAE,GAE5CJ,QACW,CACV,CAAC;MAEX;QACE,oBACE3D,MAAA,CAAAgB,OAAA,CAAA2D,aAAA,CAAC/D,aAAA,CAAAqE,YAAY;UAACJ,EAAE,EAAEhB;QAAK,gBACrB7D,MAAA,CAAAgB,OAAA,CAAA2D,aAAA,CAAClE,OAAA,CAAAqE,YAAY;UACXf,SAAS,EAAE,IAAAiB,mBAAU,EAAC,UAAU,EAAEjB,SAAS,CAAE;UAC7CgB,UAAU,EAAEP;QAAU,GAErBb,QACW,CACF,CAAC;IAErB;EACF,CAAC;EAED;IAAA;IACE;IAEA3D,MAAA,CAAAgB,OAAA,CAAA2D,aAAA,CAACjE,MAAA,CAAAwE,KAAK,EAAA9C,QAAA;MACJsB,GAAG,EAAEA,GAAI;MACTG,IAAI,EAAEA,IAAK;MACXC,OAAO,EAAEA,OAAQ;MACjBqB,sBAAsB,EAAE,CAAClB,qBAAsB;MAC/CE,iBAAiB,EAAEA,iBAAkB;MACrCG,cAAc,EAAEA;IAAe,GAC3BG,IAAI,GAEPC,aAAa,CAAC,CACV;IACP;EAAA;AAEJ,CACF,CAAC;AAEDpB,OAAO,CAAC8B,WAAW,GAAG,QAAQ;;AAE9B;AACO,IAAMC,MAAM,GAAA9B,OAAA,CAAA8B,MAAA,GAAG1D,MAAM,CAACU,MAAM,CAAC,CAAC,CAAC,EAAEiB,OAAO,EAAE;EAC/CgC,KAAK,EAAEC,wBAAW;EAClBC,OAAO,EAAEC,4BAAa;EACtBC,cAAc,EAAEC,0CAAoB;EACpCC,OAAO,EAAEC;AACX,CAAC,CAAC"}
|
|
@@ -4,15 +4,18 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.StyledDialogTitle = exports.StyledDialogContentDivider = exports.StyledDialogContent = exports.StyledDialogActions = exports.StyledDialog = void 0;
|
|
7
|
-
var _styledComponents =
|
|
7
|
+
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
8
8
|
var _BoxSizingStyle = require("../BoxSizingStyle");
|
|
9
9
|
var _BreakPoints = require("../BreakPoints");
|
|
10
10
|
var _FontStyle = require("../FontStyle");
|
|
11
|
-
function
|
|
11
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
12
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
12
13
|
var StyledDialog = exports.StyledDialog = _styledComponents.default.div.withConfig({
|
|
13
14
|
displayName: "Styles__StyledDialog",
|
|
14
15
|
componentId: "sc-jwpvgm-0"
|
|
15
|
-
})(["display:flex;flex-direction:column;flex:1 1 auto;max-height:calc(100vh - 156px);background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);border-radius:8px;width:310px;margin:60px auto 30px auto;position:relative;", " ", " ", "{width:540px;margin:126px auto 30px auto;}"],
|
|
16
|
+
})(["display:flex;flex-direction:column;flex:1 1 auto;max-height:calc(100vh - 156px);background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);border-radius:8px;width:310px;margin:60px auto 30px auto;position:relative;", " ", " ", " ", "{width:540px;margin:126px auto 30px auto;}"], function (props) {
|
|
17
|
+
return props.$fullWidth && (0, _styledComponents.css)(["width:calc(100% - 32px);max-width:640px;margin-left:16px;margin-right:16px;"]);
|
|
18
|
+
}, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, _BreakPoints.screen.sm);
|
|
16
19
|
StyledDialog.displayName = "StyledDialog";
|
|
17
20
|
var StyledDialogTitle = exports.StyledDialogTitle = _styledComponents.default.div.withConfig({
|
|
18
21
|
displayName: "Styles__StyledDialogTitle",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.js","names":["_styledComponents","
|
|
1
|
+
{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_BreakPoints","_FontStyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledDialog","exports","styled","div","withConfig","displayName","componentId","props","$fullWidth","css","FontStyle","BoxSizingStyle","screen","sm","StyledDialogTitle","StyledDialogContent","StyledDialogContentDivider","StyledDialogActions"],"sources":["../../../../src/components/Dialog/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { screen } from \"../BreakPoints\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledDialog = styled.div<{ $fullWidth?: boolean }>`\n display: flex;\n flex-direction: column;\n flex: 1 1 auto;\n max-height: calc(100vh - 156px);\n background-color: var(--page-paper-main);\n color: var(--color-theme-900);\n box-shadow: var(--shadow-primary);\n border-radius: 8px;\n width: 310px;\n margin: 60px auto 30px auto;\n position: relative;\n\n ${(props) =>\n props.$fullWidth &&\n css`\n width: calc(100% - 32px);\n max-width: 640px;\n margin-left: 16px;\n margin-right: 16px;\n `}\n\n ${FontStyle}\n ${BoxSizingStyle}\n\n ${screen.sm} {\n width: 540px;\n margin: 126px auto 30px auto;\n }\n`;\n\nStyledDialog.displayName = \"StyledDialog\";\n\nexport const StyledDialogTitle = styled.div`\n padding: 20px 30px;\n\n ${FontStyle}\n ${BoxSizingStyle}\n`;\nStyledDialogTitle.displayName = \"StyledDialogTitle\";\n\nexport const StyledDialogContent = styled.div`\n padding: 20px 30px;\n max-height: 580px;\n overflow-y: auto;\n flex: 1 1 auto;\n\n ${FontStyle}\n ${BoxSizingStyle}\n`;\nStyledDialogContent.displayName = \"StyledDialogContent\";\n\nexport const StyledDialogContentDivider = styled.div`\n border-top: 1px solid var(--border-primary);\n height: 1px;\n`;\nStyledDialogContentDivider.displayName = \"StyledDialogContentDivider\";\n\nexport const StyledDialogActions = styled.div`\n padding: 20px 30px;\n\n ${FontStyle}\n ${BoxSizingStyle}\n`;\nStyledDialogActions.displayName = \"StyledDialogActions\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAAyC,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAElC,IAAMY,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uUAalC,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,UAAU,QAChBC,qBAAG,kFAKF;AAAA,GAEDC,oBAAS,EACTC,8BAAc,EAEdC,mBAAM,CAACC,EAAE,CAIZ;AAEDb,YAAY,CAACK,WAAW,GAAG,cAAc;AAElC,IAAMS,iBAAiB,GAAAb,OAAA,CAAAa,iBAAA,GAAGZ,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oCAGvCI,oBAAS,EACTC,8BAAc,CACjB;AACDG,iBAAiB,CAACT,WAAW,GAAG,mBAAmB;AAE5C,IAAMU,mBAAmB,GAAAd,OAAA,CAAAc,mBAAA,GAAGb,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mFAMzCI,oBAAS,EACTC,8BAAc,CACjB;AACDI,mBAAmB,CAACV,WAAW,GAAG,qBAAqB;AAEhD,IAAMW,0BAA0B,GAAAf,OAAA,CAAAe,0BAAA,GAAGd,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8DAGnD;AACDU,0BAA0B,CAACX,WAAW,GAAG,4BAA4B;AAE9D,IAAMY,mBAAmB,GAAAhB,OAAA,CAAAgB,mBAAA,GAAGf,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oCAGzCI,oBAAS,EACTC,8BAAc,CACjB;AACDM,mBAAmB,CAACZ,WAAW,GAAG,qBAAqB"}
|
|
@@ -7,6 +7,7 @@ export interface DialogProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
7
7
|
disableCloseOnEsc?: boolean;
|
|
8
8
|
animate?: "fade" | "slide";
|
|
9
9
|
onClickOutside?: (event: any) => void;
|
|
10
|
+
fullWidth?: boolean;
|
|
10
11
|
}
|
|
11
12
|
export declare const _Dialog: React.ForwardRefExoticComponent<DialogProps & {
|
|
12
13
|
children?: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,cAAc,EAAqB,MAAM,OAAO,CAAC;AAe7E,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,cAAc,EAAqB,MAAM,OAAO,CAAC;AAe7E,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,OAAO;;wCA+DnB,CAAC;AAKF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;CAKjB,CAAC"}
|
|
@@ -22,6 +22,7 @@ export const _Dialog = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
22
22
|
disableCloseOnEsc = false,
|
|
23
23
|
animate = "slide",
|
|
24
24
|
onClickOutside,
|
|
25
|
+
fullWidth = false,
|
|
25
26
|
...rest
|
|
26
27
|
} = _ref;
|
|
27
28
|
const animateDialog = () => {
|
|
@@ -30,13 +31,15 @@ export const _Dialog = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
30
31
|
return /*#__PURE__*/React.createElement(Fade, {
|
|
31
32
|
in: open
|
|
32
33
|
}, /*#__PURE__*/React.createElement(StyledDialog, {
|
|
34
|
+
$fullWidth: fullWidth,
|
|
33
35
|
className: classnames("c-dialog", className)
|
|
34
36
|
}, children));
|
|
35
37
|
default:
|
|
36
38
|
return /*#__PURE__*/React.createElement(SlideFromTop, {
|
|
37
39
|
in: open
|
|
38
40
|
}, /*#__PURE__*/React.createElement(StyledDialog, {
|
|
39
|
-
className: classnames("c-dialog", className)
|
|
41
|
+
className: classnames("c-dialog", className),
|
|
42
|
+
$fullWidth: fullWidth
|
|
40
43
|
}, children));
|
|
41
44
|
}
|
|
42
45
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","names":["React","forwardRef","classnames","DialogActions","DialogContent","DialogContentDivider","DialogTitle","StyledDialog","Modal","Fade","SlideFromTop","_Dialog","_ref","ref","children","open","onClose","className","enableBackgroundClick","disableCloseOnEsc","animate","onClickOutside","rest","animateDialog","createElement","in","_extends","disableBackgroundClick","displayName","Dialog","Object","assign","Title","Content","ContentDivider","Actions"],"sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, PropsWithChildren } from \"react\";\n\nimport classnames from \"classnames\";\n\n// import { DialogContext } from \"./DialogContext\";\n\nimport { DialogActions } from \"./DialogActions\";\nimport { DialogContent } from \"./DialogContent\";\nimport { DialogContentDivider } from \"./DialogContentDivider\";\nimport { DialogTitle } from \"./DialogTitle\";\nimport { StyledDialog } from \"./Styles\";\nimport { Modal } from \"../Modal\";\nimport { Fade } from \"../Transitions\";\nimport { SlideFromTop } from \"../Transitions/SlideFromTop\";\n\nexport interface DialogProps extends HTMLAttributes<HTMLDivElement> {\n open?: boolean;\n onClose?: () => void;\n className?: string;\n enableBackgroundClick?: boolean;\n disableCloseOnEsc?: boolean;\n animate?: \"fade\" | \"slide\";\n onClickOutside?: (event) => void;\n}\n\nexport const _Dialog = forwardRef<\n HTMLDivElement,\n PropsWithChildren<DialogProps>\n>(\n (\n {\n children,\n open = false,\n onClose,\n className,\n enableBackgroundClick = false,\n disableCloseOnEsc = false,\n animate = \"slide\",\n onClickOutside,\n ...rest\n },\n ref\n ) => {\n const animateDialog = () => {\n switch (animate) {\n case \"fade\":\n return (\n <Fade in={open}>\n <StyledDialog
|
|
1
|
+
{"version":3,"file":"Dialog.js","names":["React","forwardRef","classnames","DialogActions","DialogContent","DialogContentDivider","DialogTitle","StyledDialog","Modal","Fade","SlideFromTop","_Dialog","_ref","ref","children","open","onClose","className","enableBackgroundClick","disableCloseOnEsc","animate","onClickOutside","fullWidth","rest","animateDialog","createElement","in","$fullWidth","_extends","disableBackgroundClick","displayName","Dialog","Object","assign","Title","Content","ContentDivider","Actions"],"sources":["../../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, PropsWithChildren } from \"react\";\n\nimport classnames from \"classnames\";\n\n// import { DialogContext } from \"./DialogContext\";\n\nimport { DialogActions } from \"./DialogActions\";\nimport { DialogContent } from \"./DialogContent\";\nimport { DialogContentDivider } from \"./DialogContentDivider\";\nimport { DialogTitle } from \"./DialogTitle\";\nimport { StyledDialog } from \"./Styles\";\nimport { Modal } from \"../Modal\";\nimport { Fade } from \"../Transitions\";\nimport { SlideFromTop } from \"../Transitions/SlideFromTop\";\n\nexport interface DialogProps extends HTMLAttributes<HTMLDivElement> {\n open?: boolean;\n onClose?: () => void;\n className?: string;\n enableBackgroundClick?: boolean;\n disableCloseOnEsc?: boolean;\n animate?: \"fade\" | \"slide\";\n onClickOutside?: (event) => void;\n fullWidth?: boolean;\n}\n\nexport const _Dialog = forwardRef<\n HTMLDivElement,\n PropsWithChildren<DialogProps>\n>(\n (\n {\n children,\n open = false,\n onClose,\n className,\n enableBackgroundClick = false,\n disableCloseOnEsc = false,\n animate = \"slide\",\n onClickOutside,\n fullWidth = false,\n ...rest\n },\n ref\n ) => {\n const animateDialog = () => {\n switch (animate) {\n case \"fade\":\n return (\n <Fade in={open}>\n <StyledDialog\n $fullWidth={fullWidth}\n className={classnames(\"c-dialog\", className)}\n >\n {children}\n </StyledDialog>\n </Fade>\n );\n default:\n return (\n <SlideFromTop in={open}>\n <StyledDialog\n className={classnames(\"c-dialog\", className)}\n $fullWidth={fullWidth}\n >\n {children}\n </StyledDialog>\n </SlideFromTop>\n );\n }\n };\n\n return (\n // <DialogContext.Provider value={{}}>\n\n <Modal\n ref={ref}\n open={open}\n onClose={onClose}\n disableBackgroundClick={!enableBackgroundClick}\n disableCloseOnEsc={disableCloseOnEsc}\n onClickOutside={onClickOutside}\n {...rest}\n >\n {animateDialog()}\n </Modal>\n // </DialogContext.Provider>\n );\n }\n);\n\n_Dialog.displayName = \"Dialog\";\n\n// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757\nexport const Dialog = Object.assign({}, _Dialog, {\n Title: DialogTitle,\n Content: DialogContent,\n ContentDivider: DialogContentDivider,\n Actions: DialogActions,\n});\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAA2C,OAAO;AAE5E,OAAOC,UAAU,MAAM,YAAY;;AAEnC;;AAEA,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,YAAY,QAAQ,UAAU;AACvC,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,IAAI,QAAQ,gBAAgB;AACrC,SAASC,YAAY,QAAQ,6BAA6B;AAa1D,OAAO,MAAMC,OAAO,gBAAGV,UAAU,CAI/B,CAAAW,IAAA,EAaEC,GAAG,KACA;EAAA,IAbH;IACEC,QAAQ;IACRC,IAAI,GAAG,KAAK;IACZC,OAAO;IACPC,SAAS;IACTC,qBAAqB,GAAG,KAAK;IAC7BC,iBAAiB,GAAG,KAAK;IACzBC,OAAO,GAAG,OAAO;IACjBC,cAAc;IACdC,SAAS,GAAG,KAAK;IACjB,GAAGC;EACL,CAAC,GAAAX,IAAA;EAGD,MAAMY,aAAa,GAAGA,CAAA,KAAM;IAC1B,QAAQJ,OAAO;MACb,KAAK,MAAM;QACT,oBACEpB,KAAA,CAAAyB,aAAA,CAAChB,IAAI;UAACiB,EAAE,EAAEX;QAAK,gBACbf,KAAA,CAAAyB,aAAA,CAAClB,YAAY;UACXoB,UAAU,EAAEL,SAAU;UACtBL,SAAS,EAAEf,UAAU,CAAC,UAAU,EAAEe,SAAS;QAAE,GAE5CH,QACW,CACV,CAAC;MAEX;QACE,oBACEd,KAAA,CAAAyB,aAAA,CAACf,YAAY;UAACgB,EAAE,EAAEX;QAAK,gBACrBf,KAAA,CAAAyB,aAAA,CAAClB,YAAY;UACXU,SAAS,EAAEf,UAAU,CAAC,UAAU,EAAEe,SAAS,CAAE;UAC7CU,UAAU,EAAEL;QAAU,GAErBR,QACW,CACF,CAAC;IAErB;EACF,CAAC;EAED;IAAA;IACE;IAEAd,KAAA,CAAAyB,aAAA,CAACjB,KAAK,EAAAoB,QAAA;MACJf,GAAG,EAAEA,GAAI;MACTE,IAAI,EAAEA,IAAK;MACXC,OAAO,EAAEA,OAAQ;MACjBa,sBAAsB,EAAE,CAACX,qBAAsB;MAC/CC,iBAAiB,EAAEA,iBAAkB;MACrCE,cAAc,EAAEA;IAAe,GAC3BE,IAAI,GAEPC,aAAa,CAAC,CACV;IACP;EAAA;AAEJ,CACF,CAAC;AAEDb,OAAO,CAACmB,WAAW,GAAG,QAAQ;;AAE9B;AACA,OAAO,MAAMC,MAAM,GAAGC,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAEtB,OAAO,EAAE;EAC/CuB,KAAK,EAAE5B,WAAW;EAClB6B,OAAO,EAAE/B,aAAa;EACtBgC,cAAc,EAAE/B,oBAAoB;EACpCgC,OAAO,EAAElC;AACX,CAAC,CAAC"}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
export declare const StyledDialog: import("styled-components").StyledComponent<"div", any, {
|
|
1
|
+
export declare const StyledDialog: import("styled-components").StyledComponent<"div", any, {
|
|
2
|
+
$fullWidth?: boolean | undefined;
|
|
3
|
+
}, never>;
|
|
2
4
|
export declare const StyledDialogTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
3
5
|
export declare const StyledDialogContent: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
4
6
|
export declare const StyledDialogContentDivider: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/Styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/Styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY;;SA6BxB,CAAC;AAIF,eAAO,MAAM,iBAAiB,oEAK7B,CAAC;AAGF,eAAO,MAAM,mBAAmB,oEAQ/B,CAAC;AAGF,eAAO,MAAM,0BAA0B,oEAGtC,CAAC;AAGF,eAAO,MAAM,mBAAmB,oEAK/B,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import styled from "styled-components";
|
|
1
|
+
import styled, { css } from "styled-components";
|
|
2
2
|
import { BoxSizingStyle } from "../BoxSizingStyle";
|
|
3
3
|
import { screen } from "../BreakPoints";
|
|
4
4
|
import { FontStyle } from "../FontStyle";
|
|
5
5
|
export const StyledDialog = styled.div.withConfig({
|
|
6
6
|
displayName: "Styles__StyledDialog",
|
|
7
7
|
componentId: "sc-jwpvgm-0"
|
|
8
|
-
})(["display:flex;flex-direction:column;flex:1 1 auto;max-height:calc(100vh - 156px);background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);border-radius:8px;width:310px;margin:60px auto 30px auto;position:relative;", " ", " ", "{width:540px;margin:126px auto 30px auto;}"], FontStyle, BoxSizingStyle, screen.sm);
|
|
8
|
+
})(["display:flex;flex-direction:column;flex:1 1 auto;max-height:calc(100vh - 156px);background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);border-radius:8px;width:310px;margin:60px auto 30px auto;position:relative;", " ", " ", " ", "{width:540px;margin:126px auto 30px auto;}"], props => props.$fullWidth && css(["width:calc(100% - 32px);max-width:640px;margin-left:16px;margin-right:16px;"]), FontStyle, BoxSizingStyle, screen.sm);
|
|
9
9
|
StyledDialog.displayName = "StyledDialog";
|
|
10
10
|
export const StyledDialogTitle = styled.div.withConfig({
|
|
11
11
|
displayName: "Styles__StyledDialogTitle",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.js","names":["styled","BoxSizingStyle","screen","FontStyle","StyledDialog","div","withConfig","displayName","componentId","sm","StyledDialogTitle","StyledDialogContent","StyledDialogContentDivider","StyledDialogActions"],"sources":["../../../../src/components/Dialog/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { screen } from \"../BreakPoints\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledDialog = styled.div
|
|
1
|
+
{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","screen","FontStyle","StyledDialog","div","withConfig","displayName","componentId","props","$fullWidth","sm","StyledDialogTitle","StyledDialogContent","StyledDialogContentDivider","StyledDialogActions"],"sources":["../../../../src/components/Dialog/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { screen } from \"../BreakPoints\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledDialog = styled.div<{ $fullWidth?: boolean }>`\n display: flex;\n flex-direction: column;\n flex: 1 1 auto;\n max-height: calc(100vh - 156px);\n background-color: var(--page-paper-main);\n color: var(--color-theme-900);\n box-shadow: var(--shadow-primary);\n border-radius: 8px;\n width: 310px;\n margin: 60px auto 30px auto;\n position: relative;\n\n ${(props) =>\n props.$fullWidth &&\n css`\n width: calc(100% - 32px);\n max-width: 640px;\n margin-left: 16px;\n margin-right: 16px;\n `}\n\n ${FontStyle}\n ${BoxSizingStyle}\n\n ${screen.sm} {\n width: 540px;\n margin: 126px auto 30px auto;\n }\n`;\n\nStyledDialog.displayName = \"StyledDialog\";\n\nexport const StyledDialogTitle = styled.div`\n padding: 20px 30px;\n\n ${FontStyle}\n ${BoxSizingStyle}\n`;\nStyledDialogTitle.displayName = \"StyledDialogTitle\";\n\nexport const StyledDialogContent = styled.div`\n padding: 20px 30px;\n max-height: 580px;\n overflow-y: auto;\n flex: 1 1 auto;\n\n ${FontStyle}\n ${BoxSizingStyle}\n`;\nStyledDialogContent.displayName = \"StyledDialogContent\";\n\nexport const StyledDialogContentDivider = styled.div`\n border-top: 1px solid var(--border-primary);\n height: 1px;\n`;\nStyledDialogContentDivider.displayName = \"StyledDialogContentDivider\";\n\nexport const StyledDialogActions = styled.div`\n padding: 20px 30px;\n\n ${FontStyle}\n ${BoxSizingStyle}\n`;\nStyledDialogActions.displayName = \"StyledDialogActions\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,MAAMC,YAAY,GAAGL,MAAM,CAACM,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uUAajCC,KAAK,IACNA,KAAK,CAACC,UAAU,IAChBV,GAAG,iFAKF,EAEDG,SAAS,EACTF,cAAc,EAEdC,MAAM,CAACS,EAAE,CAIZ;AAEDP,YAAY,CAACG,WAAW,GAAG,cAAc;AAEzC,OAAO,MAAMK,iBAAiB,GAAGb,MAAM,CAACM,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oCAGvCL,SAAS,EACTF,cAAc,CACjB;AACDW,iBAAiB,CAACL,WAAW,GAAG,mBAAmB;AAEnD,OAAO,MAAMM,mBAAmB,GAAGd,MAAM,CAACM,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mFAMzCL,SAAS,EACTF,cAAc,CACjB;AACDY,mBAAmB,CAACN,WAAW,GAAG,qBAAqB;AAEvD,OAAO,MAAMO,0BAA0B,GAAGf,MAAM,CAACM,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8DAGnD;AACDM,0BAA0B,CAACP,WAAW,GAAG,4BAA4B;AAErE,OAAO,MAAMQ,mBAAmB,GAAGhB,MAAM,CAACM,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oCAGzCL,SAAS,EACTF,cAAc,CACjB;AACDc,mBAAmB,CAACR,WAAW,GAAG,qBAAqB"}
|
package/dist/index.js
CHANGED
|
@@ -12559,7 +12559,9 @@
|
|
|
12559
12559
|
var StyledDialog = styled__default["default"].div.withConfig({
|
|
12560
12560
|
displayName: "Styles__StyledDialog",
|
|
12561
12561
|
componentId: "sc-jwpvgm-0"
|
|
12562
|
-
})(["display:flex;flex-direction:column;flex:1 1 auto;max-height:calc(100vh - 156px);background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);border-radius:8px;width:310px;margin:60px auto 30px auto;position:relative;", " ", " ", "{width:540px;margin:126px auto 30px auto;}"],
|
|
12562
|
+
})(["display:flex;flex-direction:column;flex:1 1 auto;max-height:calc(100vh - 156px);background-color:var(--page-paper-main);color:var(--color-theme-900);box-shadow:var(--shadow-primary);border-radius:8px;width:310px;margin:60px auto 30px auto;position:relative;", " ", " ", " ", "{width:540px;margin:126px auto 30px auto;}"], function (props) {
|
|
12563
|
+
return props.$fullWidth && styled.css(["width:calc(100% - 32px);max-width:640px;margin-left:16px;margin-right:16px;"]);
|
|
12564
|
+
}, FontStyle, BoxSizingStyle, screen.sm);
|
|
12563
12565
|
StyledDialog.displayName = "StyledDialog";
|
|
12564
12566
|
var StyledDialogTitle = styled__default["default"].div.withConfig({
|
|
12565
12567
|
displayName: "Styles__StyledDialogTitle",
|
|
@@ -13052,7 +13054,7 @@
|
|
|
13052
13054
|
};
|
|
13053
13055
|
Scale.displayName = "Scale";
|
|
13054
13056
|
|
|
13055
|
-
var _excluded$1a = ["children", "open", "onClose", "className", "enableBackgroundClick", "disableCloseOnEsc", "animate", "onClickOutside"];
|
|
13057
|
+
var _excluded$1a = ["children", "open", "onClose", "className", "enableBackgroundClick", "disableCloseOnEsc", "animate", "onClickOutside", "fullWidth"];
|
|
13056
13058
|
var _Dialog = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
13057
13059
|
var children = _ref.children,
|
|
13058
13060
|
_ref$open = _ref.open,
|
|
@@ -13066,6 +13068,8 @@
|
|
|
13066
13068
|
_ref$animate = _ref.animate,
|
|
13067
13069
|
animate = _ref$animate === void 0 ? "slide" : _ref$animate,
|
|
13068
13070
|
onClickOutside = _ref.onClickOutside,
|
|
13071
|
+
_ref$fullWidth = _ref.fullWidth,
|
|
13072
|
+
fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
|
|
13069
13073
|
rest = _objectWithoutProperties(_ref, _excluded$1a);
|
|
13070
13074
|
var animateDialog = function animateDialog() {
|
|
13071
13075
|
switch (animate) {
|
|
@@ -13073,13 +13077,15 @@
|
|
|
13073
13077
|
return /*#__PURE__*/React__default["default"].createElement(Fade, {
|
|
13074
13078
|
in: open
|
|
13075
13079
|
}, /*#__PURE__*/React__default["default"].createElement(StyledDialog, {
|
|
13080
|
+
$fullWidth: fullWidth,
|
|
13076
13081
|
className: classNames__default["default"]("c-dialog", className)
|
|
13077
13082
|
}, children));
|
|
13078
13083
|
default:
|
|
13079
13084
|
return /*#__PURE__*/React__default["default"].createElement(SlideFromTop, {
|
|
13080
13085
|
in: open
|
|
13081
13086
|
}, /*#__PURE__*/React__default["default"].createElement(StyledDialog, {
|
|
13082
|
-
className: classNames__default["default"]("c-dialog", className)
|
|
13087
|
+
className: classNames__default["default"]("c-dialog", className),
|
|
13088
|
+
$fullWidth: fullWidth
|
|
13083
13089
|
}, children));
|
|
13084
13090
|
}
|
|
13085
13091
|
};
|