takeat-design-system-ui-kit 0.2.12 → 0.2.14
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/Modal/Modal.stories.js +1 -1
- package/dist/cjs/components/Modal/Modal.stories.js.map +1 -1
- package/dist/cjs/components/Modal/index.d.ts +2 -1
- package/dist/cjs/components/Modal/index.js +5 -1
- package/dist/cjs/components/Modal/index.js.map +1 -1
- package/dist/cjs/components/Modal/styles.d.ts +554 -6
- package/dist/cjs/components/Modal/styles.js +3 -5
- package/dist/cjs/components/Modal/styles.js.map +1 -1
- package/dist/esm/components/Modal/Modal.stories.js +1 -1
- package/dist/esm/components/Modal/Modal.stories.js.map +1 -1
- package/dist/esm/components/Modal/index.d.ts +2 -1
- package/dist/esm/components/Modal/index.js +5 -1
- package/dist/esm/components/Modal/index.js.map +1 -1
- package/dist/esm/components/Modal/styles.d.ts +554 -6
- package/dist/esm/components/Modal/styles.js +3 -5
- package/dist/esm/components/Modal/styles.js.map +1 -1
- package/package.json +1 -1
|
@@ -40,7 +40,7 @@ exports.default = meta;
|
|
|
40
40
|
exports.Example = {
|
|
41
41
|
render: function () {
|
|
42
42
|
var _a = (0, react_1.useState)(false), modalOpen = _a[0], setModalOpen = _a[1];
|
|
43
|
-
return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: function () { return setModalOpen(!modalOpen); }, children: "Open Modal" }), (0, jsx_runtime_1.jsxs)(_1.default, { open: modalOpen, toggle: function () { return setModalOpen(!modalOpen); },
|
|
43
|
+
return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: function () { return setModalOpen(!modalOpen); }, children: "Open Modal" }), (0, jsx_runtime_1.jsxs)(_1.default, { open: modalOpen, toggle: function () { return setModalOpen(!modalOpen); }, style: { height: "fit-content" }, children: [(0, jsx_runtime_1.jsxs)(_1.default.Header, { children: [(0, jsx_runtime_1.jsx)("h1", { children: "Modal de teste" }), (0, jsx_runtime_1.jsx)("h2", { children: "Subtitulo do modal de teste" })] }), (0, jsx_runtime_1.jsxs)(_1.default.Body, { children: ["Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae dignissimos tempore repellendus expedita quia voluptatibus asperiores inventore vero. Sed neque sit quisquam consequatur blanditiis perferendis dolorum asperiores nisi omnis non!", " ", (0, jsx_runtime_1.jsx)(icons_1.IconTakeatFilled, {})] }), (0, jsx_runtime_1.jsxs)(_1.default.Footer, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: function () { return setModalOpen(!modalOpen); }, children: "Fechar" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { customColor: consts_1.DEFAULT_THEME.colors.green.default, onClick: function () { return setModalOpen(!modalOpen); }, children: "Salvar" })] })] })] }));
|
|
44
44
|
},
|
|
45
45
|
};
|
|
46
46
|
//# sourceMappingURL=Modal.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.stories.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.stories.tsx"],"names":[],"mappings":";;;;;AACA,oCAAmC;AACnC,+BAAiC;AACjC,+CAAsB;AACtB,6CAAmD;AACnD,kCAA4C;AAC5C,sDAAuD;AAEvD,IAAM,IAAI,GAAuB;IAC/B,SAAS,EAAE,UAAK;IAChB,KAAK,EAAE,qBAAqB;IAC5B,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,uBAAC,iBAAQ,+MAIE,CACZ;KACF;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,WAAW,EAAE,oDAAoD;YACjE,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;QACD,MAAM,EAAE;YACN,WAAW,EAAE,wCAAwC;YACrD,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;SACF;QACD,aAAa,EAAE;YACb,WAAW,EACT,2FAA2F;YAC7F,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;SACF;KACF;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,MAAM,EAAE;QACA,IAAA,KAA4B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAC;QAElD,OAAO,CACL,4CACE,uBAAC,eAAM,IAAC,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,CAAC,SAAS,CAAC,EAAxB,CAAwB,2BAAqB,EAEpE,wBAAC,UAAK,IACJ,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,cAAM,OAAA,YAAY,CAAC,CAAC,SAAS,CAAC,EAAxB,CAAwB,EACtC,
|
|
1
|
+
{"version":3,"file":"Modal.stories.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.stories.tsx"],"names":[],"mappings":";;;;;AACA,oCAAmC;AACnC,+BAAiC;AACjC,+CAAsB;AACtB,6CAAmD;AACnD,kCAA4C;AAC5C,sDAAuD;AAEvD,IAAM,IAAI,GAAuB;IAC/B,SAAS,EAAE,UAAK;IAChB,KAAK,EAAE,qBAAqB;IAC5B,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,uBAAC,iBAAQ,+MAIE,CACZ;KACF;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,WAAW,EAAE,oDAAoD;YACjE,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;QACD,MAAM,EAAE;YACN,WAAW,EAAE,wCAAwC;YACrD,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;SACF;QACD,aAAa,EAAE;YACb,WAAW,EACT,2FAA2F;YAC7F,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;SACF;KACF;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,MAAM,EAAE;QACA,IAAA,KAA4B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAC;QAElD,OAAO,CACL,4CACE,uBAAC,eAAM,IAAC,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,CAAC,SAAS,CAAC,EAAxB,CAAwB,2BAAqB,EAEpE,wBAAC,UAAK,IACJ,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,cAAM,OAAA,YAAY,CAAC,CAAC,SAAS,CAAC,EAAxB,CAAwB,EACtC,KAAK,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,aAEhC,wBAAC,UAAK,CAAC,MAAM,eACX,4DAAuB,EACvB,yEAAoC,IACvB,EACf,wBAAC,UAAK,CAAC,IAAI,yQAIiD,GAAG,EAC7D,uBAAC,wBAAgB,KAAG,IACT,EACb,wBAAC,UAAK,CAAC,MAAM,eACX,uBAAC,eAAM,IAAC,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,CAAC,SAAS,CAAC,EAAxB,CAAwB,uBAAiB,EAChE,uBAAC,eAAM,IACL,WAAW,EAAE,sBAAa,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,EAC/C,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,CAAC,SAAS,CAAC,EAAxB,CAAwB,uBAGhC,IACI,IACT,IACJ,CACP,CAAC;IACJ,CAAC;CACF,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
|
|
2
|
+
import { MotionProps } from "framer-motion";
|
|
3
|
+
interface ModalProps extends MotionProps {
|
|
3
4
|
open?: boolean;
|
|
4
5
|
toggle?: () => void;
|
|
5
6
|
overlayStyles?: React.CSSProperties;
|
|
@@ -8,6 +8,7 @@ var Divider_1 = require("../Divider");
|
|
|
8
8
|
var icons_1 = require("../icons");
|
|
9
9
|
var styled_components_1 = require("styled-components");
|
|
10
10
|
var react_dom_1 = require("react-dom");
|
|
11
|
+
var framer_motion_1 = require("framer-motion");
|
|
11
12
|
var Modal = (0, react_1.forwardRef)(function Modal(_a, ref) {
|
|
12
13
|
var open = _a.open, toggle = _a.toggle, overlayStyles = _a.overlayStyles, children = _a.children, props = tslib_1.__rest(_a, ["open", "toggle", "overlayStyles", "children"]);
|
|
13
14
|
var modifiedChildren = react_1.default.Children.map(children, function (child) {
|
|
@@ -17,7 +18,10 @@ var Modal = (0, react_1.forwardRef)(function Modal(_a, ref) {
|
|
|
17
18
|
}
|
|
18
19
|
return child;
|
|
19
20
|
});
|
|
20
|
-
return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(
|
|
21
|
+
return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { children: open && ((0, jsx_runtime_1.jsx)(styles_1.ModalOverlay, { initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, ref: ref, style: overlayStyles, onClick: function (e) {
|
|
22
|
+
e.stopPropagation();
|
|
23
|
+
toggle === null || toggle === void 0 ? void 0 : toggle();
|
|
24
|
+
}, children: (0, jsx_runtime_1.jsx)(styles_1.ModalContent, tslib_1.__assign({ onClick: function (e) { return e.stopPropagation(); } }, props, { children: modifiedChildren })) })) }), document.body);
|
|
21
25
|
});
|
|
22
26
|
var Header = function (_a) {
|
|
23
27
|
var children = _a.children, hasClose = _a.hasClose, toggle = _a.toggle, props = tslib_1.__rest(_a, ["children", "hasClose", "toggle"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Modal/index.tsx"],"names":[],"mappings":";;;;AAAA,qDAA0C;AAC1C,mCAOkB;AAClB,sCAAqC;AACrC,kCAAqC;AACrC,uDAA6C;AAC7C,uCAAyC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Modal/index.tsx"],"names":[],"mappings":"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"}
|