@proprioo/salatim 26.0.0 → 26.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/lib/forms/src/offerSignatoryForm/OfferSignatoryForm.js +3 -3
  3. package/lib/forms/src/offerSignatoryForm/OfferSignatoryForm.js.map +1 -1
  4. package/lib/index.js +353 -354
  5. package/lib/index.js.map +1 -1
  6. package/lib/ui/src/modal/Modal.d.ts +10 -7
  7. package/lib/ui/src/modal/Modal.js +61 -42
  8. package/lib/ui/src/modal/Modal.js.map +1 -1
  9. package/lib/ui/src/modal/Modal.stories.js +41 -79
  10. package/lib/ui/src/modal/Modal.stories.js.map +1 -1
  11. package/lib/ui/src/modal/Modal.styles.d.ts +6 -3
  12. package/lib/ui/src/modal/Modal.styles.js +96 -70
  13. package/lib/ui/src/modal/Modal.styles.js.map +1 -1
  14. package/lib/ui/src/modal/Modal.test.js +43 -36
  15. package/lib/ui/src/modal/Modal.test.js.map +1 -1
  16. package/package.json +1 -1
  17. package/lib/ui/src/background/Background.styles.d.ts +0 -4
  18. package/lib/ui/src/background/Background.styles.js +0 -71
  19. package/lib/ui/src/background/Background.styles.js.map +0 -1
  20. package/lib/ui/src/modal/Modal.reducer.d.ts +0 -31
  21. package/lib/ui/src/modal/Modal.reducer.js +0 -57
  22. package/lib/ui/src/modal/Modal.reducer.js.map +0 -1
package/lib/ui/src/modal/Modal.d.ts CHANGED
@@ -1,9 +1,12 @@
1
1
  import { ReactElement, ReactNode } from 'react';
2
- import { ModalFade } from './Modal.reducer';
2
+ export declare enum FadeEnum {
3
+ IN = "in",
4
+ OUT = "out"
5
+ }
3
6
  export interface ActionsProps {
4
- onOpen?(): void;
5
7
  onAbort?(): void;
6
8
  onClose?(): void;
9
+ onOpen?(): void;
7
10
  }
8
11
  interface BaseModalProps {
9
12
  icon?: ReactElement;
@@ -14,18 +17,18 @@ interface BaseModalProps {
14
17
  title?: string;
15
18
  }
16
19
  export interface ModalProps extends BaseModalProps {
20
+ fade: FadeEnum;
17
21
  isLoading: boolean;
18
- fade?: ModalFade;
19
22
  closeModal(): void;
23
+ setFadeOut(): void;
20
24
  }
21
25
  export interface RenderModalProps extends BaseModalProps {
22
26
  children: ReactNode;
23
27
  }
24
- declare const useModal: (actions?: ActionsProps) => {
28
+ declare const useModal: ({ onAbort, onOpen, onClose }?: ActionsProps) => {
29
+ closeModal: () => void;
30
+ createModal: ({ children, icon, isAlternative, isFullScreen, noPadding, text, title }: RenderModalProps) => JSX.Element;
25
31
  openModal: () => void;
26
- abortModal: () => void;
27
- closeModal: (isAborting?: boolean) => void;
28
32
  toggleLoader: () => void;
29
- createModal: ({ title, text, icon, isAlternative, isFullScreen, noPadding, children }: RenderModalProps) => JSX.Element;
30
33
  };
31
34
  export default useModal;
package/lib/ui/src/modal/Modal.js CHANGED
@@ -26,25 +26,27 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
26
26
  return (mod && mod.__esModule) ? mod : { "default": mod };
27
27
  };
28
28
  Object.defineProperty(exports, "__esModule", { value: true });
29
+ exports.FadeEnum = void 0;
29
30
  const react_1 = __importStar(require("react"));
30
31
  const react_dom_1 = require("react-dom");
31
32
  const useOnClickOutside_1 = __importDefault(require("../../../hooks/useOnClickOutside/useOnClickOutside"));
32
- const Background_styles_1 = require("../background/Background.styles");
33
33
  const Close_1 = __importDefault(require("../icons/Close"));
34
34
  const Loader_1 = __importDefault(require("../loader/Loader"));
35
- const Modal_reducer_1 = require("./Modal.reducer");
36
35
  const Modal_styles_1 = require("./Modal.styles");
37
- const Modal = ({ closeModal, children, title, text, icon, isAlternative = false, isFullScreen, noPadding, fade, isLoading }) => {
36
+ var FadeEnum;
37
+ (function (FadeEnum) {
38
+ FadeEnum["IN"] = "in";
39
+ FadeEnum["OUT"] = "out";
40
+ })(FadeEnum = exports.FadeEnum || (exports.FadeEnum = {}));
41
+ const Modal = ({ children, fade, icon, isAlternative = false, isFullScreen, isLoading, noPadding, text, title, closeModal, setFadeOut }) => {
38
42
  const layoutRef = (0, react_1.useRef)(null);
39
43
  const [loaderHeight, setLoaderHeight] = (0, react_1.useState)(0);
40
- const onKeydown = (event) => {
41
- if (event.key === 'Escape') {
42
- closeModal();
44
+ const onKeydown = ({ key }) => {
45
+ if (key === 'Escape') {
46
+ setFadeOut();
43
47
  }
44
48
  };
45
- (0, useOnClickOutside_1.default)(layoutRef, _ => {
46
- closeModal();
47
- });
49
+ (0, useOnClickOutside_1.default)(layoutRef, setFadeOut);
48
50
  (0, react_1.useLayoutEffect)(() => {
49
51
  const originalStyle = window.getComputedStyle(document.body).overflow;
50
52
  document.body.style.overflow = 'hidden';
@@ -55,8 +57,7 @@ const Modal = ({ closeModal, children, title, text, icon, isAlternative = false,
55
57
  (0, react_1.useLayoutEffect)(() => {
56
58
  const currentModal = document.getElementById('modal');
57
59
  if (currentModal) {
58
- const modalHeight = currentModal.scrollHeight;
59
- setLoaderHeight(modalHeight);
60
+ setLoaderHeight(currentModal.scrollHeight);
60
61
  }
61
62
  return () => setLoaderHeight(0);
62
63
  }, [isLoading]);
@@ -64,63 +65,81 @@ const Modal = ({ closeModal, children, title, text, icon, isAlternative = false,
64
65
  document.addEventListener('keydown', onKeydown);
65
66
  return () => document.removeEventListener('keydown', onKeydown);
66
67
  }, []);
67
- return (0, react_dom_1.createPortal)(react_1.default.createElement(Background_styles_1.BackgroundLayout, { fade: fade },
68
- react_1.default.createElement(Modal_styles_1.Layout, { id: "modal", ref: layoutRef, fade: fade, isFullScreen: isFullScreen, noPadding: noPadding },
68
+ return (0, react_dom_1.createPortal)(react_1.default.createElement(Modal_styles_1.BackgroundLayout, Object.assign({}, { fade }, { onAnimationEnd: () => {
69
+ if (fade === FadeEnum.OUT) {
70
+ closeModal();
71
+ }
72
+ } }),
73
+ react_1.default.createElement(Modal_styles_1.Layout, Object.assign({}, { isFullScreen, noPadding }, { id: "modal", ref: layoutRef }),
69
74
  isLoading && react_1.default.createElement(Loader_1.default, { loaderHeight: `${loaderHeight.toString()}px` }),
70
- react_1.default.createElement(Modal_styles_1.CloseLayout, { "data-test": "close-modal-icon", hasTitle: !!title, onClick: closeModal },
75
+ react_1.default.createElement(Modal_styles_1.CloseLayout, { "data-test": "close-modal-icon", hasTitle: !!title, onClick: setFadeOut },
71
76
  react_1.default.createElement(Close_1.default, null)),
72
77
  title && react_1.default.createElement(Modal_styles_1.MobileTitle, null, title),
73
78
  (icon || title || text) && (react_1.default.createElement(Modal_styles_1.Header, null,
74
79
  icon && (react_1.default.createElement(Modal_styles_1.IconContainer, { "data-test": "modal-icon" }, icon)),
75
- title && (react_1.default.createElement(Modal_styles_1.Title, { isAlternative: isAlternative, "data-test": "modal-title", dangerouslySetInnerHTML: { __html: title } })),
80
+ title && (react_1.default.createElement(Modal_styles_1.Title, Object.assign({}, { isAlternative }, { "data-test": "modal-title", dangerouslySetInnerHTML: { __html: title } }))),
76
81
  text && (react_1.default.createElement(Modal_styles_1.Text, { "data-test": "modal-text", dangerouslySetInnerHTML: { __html: text } })))),
77
82
  react_1.default.createElement("div", null, children))), (document === null || document === void 0 ? void 0 : document.body) || null);
78
83
  };
79
- const useModal = (actions = {}) => {
80
- const { onAbort, onOpen, onClose } = actions;
81
- const [state, dispatch] = (0, react_1.useReducer)(Modal_reducer_1.reducerModal, {
84
+ const useModal = ({ onAbort, onOpen, onClose } = {}) => {
85
+ const [state, setState] = (0, react_1.useState)({
86
+ fade: FadeEnum.IN,
87
+ isAborting: true,
82
88
  isOpen: false,
83
89
  isLoading: false
84
90
  });
85
- const { isOpen, isLoading, fade } = state;
91
+ const { fade, isAborting, isOpen, isLoading } = state;
92
+ const setFadeOut = () => {
93
+ if (!isLoading) {
94
+ setState(Object.assign(Object.assign({}, state), { fade: FadeEnum.OUT }));
95
+ }
96
+ };
86
97
  const toggleLoader = () => {
87
98
  if (isOpen) {
88
- dispatch(Modal_reducer_1.ModalActions.toggleLoad());
99
+ setState(Object.assign(Object.assign({}, state), { isLoading: !isLoading }));
89
100
  }
90
101
  };
91
102
  const openModal = () => {
92
103
  if (onOpen) {
93
104
  onOpen();
94
105
  }
95
- dispatch(Modal_reducer_1.ModalActions.open());
96
- setTimeout(() => {
97
- dispatch(Modal_reducer_1.ModalActions.show());
98
- }, 300);
106
+ setState(Object.assign(Object.assign({}, state), { isOpen: true }));
99
107
  };
100
- const closeModal = (isAborting = false) => {
108
+ const closeModal = () => {
101
109
  if (!isLoading) {
102
- dispatch(Modal_reducer_1.ModalActions.hide());
103
- setTimeout(() => {
104
- if (onAbort && isAborting) {
105
- onAbort();
106
- }
107
- if (onClose) {
108
- onClose();
109
- }
110
- dispatch(Modal_reducer_1.ModalActions.close());
111
- }, 300);
110
+ setState(Object.assign(Object.assign({}, state), { fade: FadeEnum.OUT, isAborting: false }));
112
111
  }
113
112
  };
114
- const abortModal = () => {
115
- closeModal(true);
113
+ const handleCloseModal = () => {
114
+ if (isAborting && onAbort) {
115
+ onAbort();
116
+ }
117
+ if (onClose) {
118
+ onClose();
119
+ }
120
+ setState({
121
+ fade: FadeEnum.IN,
122
+ isAborting: true,
123
+ isOpen: false,
124
+ isLoading: false
125
+ });
116
126
  };
117
- const createModal = ({ title, text, icon, isAlternative = false, isFullScreen, noPadding, children }) => isOpen ? (react_1.default.createElement(Modal, { closeModal: abortModal, title: title, text: text, icon: icon, isAlternative: isAlternative, isFullScreen: isFullScreen, noPadding: noPadding, fade: fade, isLoading: isLoading }, children)) : (react_1.default.createElement(react_1.Fragment, null));
127
+ const createModal = ({ children, icon, isAlternative = false, isFullScreen, noPadding, text, title }) => isOpen ? (react_1.default.createElement(Modal, Object.assign({}, {
128
+ fade,
129
+ icon,
130
+ isAlternative,
131
+ isFullScreen,
132
+ isLoading,
133
+ noPadding,
134
+ setFadeOut,
135
+ text,
136
+ title
137
+ }, { closeModal: handleCloseModal }), children)) : (react_1.default.createElement(react_1.Fragment, null));
118
138
  return {
119
- openModal,
120
- abortModal,
121
139
  closeModal,
122
- toggleLoader,
123
- createModal
140
+ createModal,
141
+ openModal,
142
+ toggleLoader
124
143
  };
125
144
  };
126
145
  exports.default = useModal;
package/lib/ui/src/modal/Modal.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../packages/ui/src/modal/Modal.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../packages/ui/src/modal/Modal.tsx"],"names":[],"mappings":"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"}
package/lib/ui/src/modal/Modal.stories.js CHANGED
@@ -27,113 +27,75 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
27
27
  };
28
28
  Object.defineProperty(exports, "__esModule", { value: true });
29
29
  const react_1 = __importStar(require("react"));
30
- const styled_components_1 = __importDefault(require("styled-components"));
31
30
  const react_2 = require("@storybook/react");
32
31
  const Modal_1 = __importDefault(require("./Modal"));
33
- const Button = styled_components_1.default.button `
34
- position: relative;
35
- z-index: 2000;
36
- `;
32
+ const BaseChildren = (react_1.default.createElement("p", null,
33
+ "Se ferme en appuyant sur ",
34
+ react_1.default.createElement("kbd", null, "esc")));
35
+ const Icon = (react_1.default.createElement("svg", { viewBox: "0 0 72 72", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
36
+ react_1.default.createElement("path", { d: "M36 24.12V16.2L25.875 26.1L36 36V28.08C39.2224 28.08 42.3128 29.3316 44.5914 31.5595C46.87 33.7875 48.1501 36.8092 48.1501 39.96C48.1501 43.1107 46.87 46.1325 44.5914 48.3604C42.3128 50.5883 39.2224 51.84 36 51.84C32.7777 51.84 29.6873 50.5883 27.4087 48.3604C25.1301 46.1325 23.85 43.1107 23.85 39.96H19.8C19.8 44.161 21.5068 48.1899 24.5449 51.1605C27.583 54.1311 31.7035 55.8 36 55.8C40.2966 55.8 44.4171 54.1311 47.4552 51.1605C50.4933 48.1899 52.2001 44.161 52.2001 39.96C52.2001 35.7589 50.4933 31.73 47.4552 28.7594C44.4171 25.7888 40.2966 24.12 36 24.12Z", fill: "#2FBEEE" })));
37
37
  (0, react_2.storiesOf)('Modal', module)
38
38
  .addDecorator(story => {
39
39
  document.body.style.position = 'relative';
40
40
  return story();
41
41
  })
42
42
  .add('Modal', () => {
43
- const { openModal, abortModal, closeModal, toggleLoader, createModal } = (0, Modal_1.default)({
43
+ const { closeModal, createModal, openModal, toggleLoader } = (0, Modal_1.default)({
44
44
  onAbort: () => console.log('abort'),
45
45
  onClose: () => console.log('close')
46
46
  });
47
- const { openModal: openModal2, abortModal: abortModal2, createModal: createModal2 } = (0, Modal_1.default)();
47
+ const { createModal: createModal2, openModal: openModal2 } = (0, Modal_1.default)();
48
48
  return (react_1.default.createElement(react_1.Fragment, null,
49
- react_1.default.createElement("div", null,
50
- react_1.default.createElement("button", { onClick: openModal }, "Open"),
51
- react_1.default.createElement("button", { onClick: openModal2 }, "Open 2"),
52
- react_1.default.createElement("p", { style: { height: '400px' } }),
53
- react_1.default.createElement("button", { onClick: openModal }, "Open"),
54
- react_1.default.createElement("p", { style: { height: '400px' } }),
55
- react_1.default.createElement("button", { onClick: openModal }, "Open"),
56
- react_1.default.createElement("p", { style: { height: '400px' } }),
57
- react_1.default.createElement("button", { onClick: openModal }, "Open"),
58
- react_1.default.createElement(react_1.Fragment, null, createModal({
59
- title: 'Titre de la modale',
60
- text: 'Texte de la modale',
61
- icon: (react_1.default.createElement("svg", { width: "72", height: "72", viewBox: "0 0 72 72", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
62
- react_1.default.createElement("path", { d: "M36 24.12V16.2L25.875 26.1L36 36V28.08C39.2224 28.08 42.3128 29.3316 44.5914 31.5595C46.87 33.7875 48.1501 36.8092 48.1501 39.96C48.1501 43.1107 46.87 46.1325 44.5914 48.3604C42.3128 50.5883 39.2224 51.84 36 51.84C32.7777 51.84 29.6873 50.5883 27.4087 48.3604C25.1301 46.1325 23.85 43.1107 23.85 39.96H19.8C19.8 44.161 21.5068 48.1899 24.5449 51.1605C27.583 54.1311 31.7035 55.8 36 55.8C40.2966 55.8 44.4171 54.1311 47.4552 51.1605C50.4933 48.1899 52.2001 44.161 52.2001 39.96C52.2001 35.7589 50.4933 31.73 47.4552 28.7594C44.4171 25.7888 40.2966 24.12 36 24.12Z", fill: "#2FBEEE" }))),
63
- children: (react_1.default.createElement("div", null,
64
- react_1.default.createElement("p", null,
65
- "Se ferme en appuyant sur ",
66
- react_1.default.createElement("kbd", null, "esc")),
67
- react_1.default.createElement(Button, { onClick: toggleLoader }, "Toggle loader"),
68
- react_1.default.createElement(Button, { onClick: abortModal }, "Abort"),
69
- react_1.default.createElement(Button, { onClick: () => closeModal() }, "Close")))
70
- })),
71
- react_1.default.createElement(react_1.Fragment, null, createModal2({
72
- title: 'Titre de la modale 2',
73
- text: 'Texte de la modale 2',
74
- icon: (react_1.default.createElement("svg", { width: "72", height: "72", viewBox: "0 0 72 72", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
75
- react_1.default.createElement("path", { d: "M36 24.12V16.2L25.875 26.1L36 36V28.08C39.2224 28.08 42.3128 29.3316 44.5914 31.5595C46.87 33.7875 48.1501 36.8092 48.1501 39.96C48.1501 43.1107 46.87 46.1325 44.5914 48.3604C42.3128 50.5883 39.2224 51.84 36 51.84C32.7777 51.84 29.6873 50.5883 27.4087 48.3604C25.1301 46.1325 23.85 43.1107 23.85 39.96H19.8C19.8 44.161 21.5068 48.1899 24.5449 51.1605C27.583 54.1311 31.7035 55.8 36 55.8C40.2966 55.8 44.4171 54.1311 47.4552 51.1605C50.4933 48.1899 52.2001 44.161 52.2001 39.96C52.2001 35.7589 50.4933 31.73 47.4552 28.7594C44.4171 25.7888 40.2966 24.12 36 24.12Z", fill: "#2FBEEE" }))),
76
- children: (react_1.default.createElement("div", null,
77
- react_1.default.createElement("p", null,
78
- "Se ferme en appuyant sur ",
79
- react_1.default.createElement("kbd", null, "esc")),
80
- react_1.default.createElement("button", { onClick: abortModal2 }, "Abort")))
81
- })))));
49
+ react_1.default.createElement("button", { onClick: openModal }, "Open"),
50
+ react_1.default.createElement("button", { onClick: openModal2 }, "Open 2"),
51
+ react_1.default.createElement(react_1.Fragment, null, createModal({
52
+ icon: Icon,
53
+ text: 'Texte de la modale',
54
+ title: 'Titre de la modale',
55
+ children: (react_1.default.createElement("div", null,
56
+ BaseChildren,
57
+ react_1.default.createElement("button", { style: { position: 'relative', zIndex: 100 }, onClick: toggleLoader }, "Toggle loader"),
58
+ react_1.default.createElement("button", { style: { position: 'relative', zIndex: 100 }, onClick: closeModal }, "Close modal")))
59
+ })),
60
+ react_1.default.createElement(react_1.Fragment, null, createModal2({
61
+ icon: Icon,
62
+ text: 'Texte de la modale 2',
63
+ title: 'Titre de la modale 2',
64
+ children: BaseChildren
65
+ }))));
82
66
  })
83
67
  .add('in full screen', () => {
84
- const { openModal, abortModal, createModal } = (0, Modal_1.default)();
68
+ const { openModal, createModal } = (0, Modal_1.default)();
85
69
  return (react_1.default.createElement(react_1.Fragment, null,
70
+ react_1.default.createElement("button", { onClick: openModal }, "Open"),
86
71
  createModal({
87
- title: 'Titre de la modale',
88
- text: 'Texte de la modale',
89
- icon: (react_1.default.createElement("svg", { width: "72", height: "72", viewBox: "0 0 72 72", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
90
- react_1.default.createElement("path", { d: "M36 24.12V16.2L25.875 26.1L36 36V28.08C39.2224 28.08 42.3128 29.3316 44.5914 31.5595C46.87 33.7875 48.1501 36.8092 48.1501 39.96C48.1501 43.1107 46.87 46.1325 44.5914 48.3604C42.3128 50.5883 39.2224 51.84 36 51.84C32.7777 51.84 29.6873 50.5883 27.4087 48.3604C25.1301 46.1325 23.85 43.1107 23.85 39.96H19.8C19.8 44.161 21.5068 48.1899 24.5449 51.1605C27.583 54.1311 31.7035 55.8 36 55.8C40.2966 55.8 44.4171 54.1311 47.4552 51.1605C50.4933 48.1899 52.2001 44.161 52.2001 39.96C52.2001 35.7589 50.4933 31.73 47.4552 28.7594C44.4171 25.7888 40.2966 24.12 36 24.12Z", fill: "#2FBEEE" }))),
72
+ icon: Icon,
91
73
  isFullScreen: true,
92
- children: (react_1.default.createElement("div", null,
93
- react_1.default.createElement("p", null,
94
- "Se ferme en appuyant sur ",
95
- react_1.default.createElement("kbd", null, "esc")),
96
- react_1.default.createElement("button", { onClick: abortModal }, "Abort")))
97
- }),
98
- react_1.default.createElement("button", { onClick: openModal }, "Open")));
74
+ text: 'Texte de la modale',
75
+ title: 'Titre de la modale',
76
+ children: BaseChildren
77
+ })));
99
78
  })
100
79
  .add('without optional props', () => {
101
- const { openModal, abortModal, createModal } = (0, Modal_1.default)();
80
+ const { openModal, createModal } = (0, Modal_1.default)();
102
81
  return (react_1.default.createElement(react_1.Fragment, null,
103
- createModal({
104
- children: (react_1.default.createElement("div", null,
105
- react_1.default.createElement("p", null,
106
- "Se ferme en appuyant sur ",
107
- react_1.default.createElement("kbd", null, "esc")),
108
- react_1.default.createElement("button", { onClick: abortModal }, "Abort")))
109
- }),
110
- react_1.default.createElement("button", { onClick: openModal }, "Open")));
82
+ react_1.default.createElement("button", { onClick: openModal }, "Open"),
83
+ createModal({ children: BaseChildren })));
111
84
  })
112
85
  .add('without padding', () => {
113
- const { openModal, abortModal, createModal } = (0, Modal_1.default)();
86
+ const { openModal, createModal } = (0, Modal_1.default)();
114
87
  return (react_1.default.createElement(react_1.Fragment, null,
115
- createModal({
116
- noPadding: true,
117
- children: (react_1.default.createElement("div", null,
118
- react_1.default.createElement("p", null,
119
- "Se ferme en appuyant sur ",
120
- react_1.default.createElement("kbd", null, "esc")),
121
- react_1.default.createElement("button", { onClick: abortModal }, "Abort")))
122
- }),
123
- react_1.default.createElement("button", { onClick: openModal }, "Open")));
88
+ react_1.default.createElement("button", { onClick: openModal }, "Open modal"),
89
+ createModal({ noPadding: true, children: BaseChildren })));
124
90
  })
125
91
  .add('is Alternative', () => {
126
- const { openModal, abortModal, createModal } = (0, Modal_1.default)();
92
+ const { openModal, createModal } = (0, Modal_1.default)();
127
93
  return (react_1.default.createElement(react_1.Fragment, null,
94
+ react_1.default.createElement("button", { onClick: openModal }, "Open modal"),
128
95
  createModal({
129
96
  isAlternative: true,
130
97
  title: 'is Alternative',
131
- children: (react_1.default.createElement("div", null,
132
- react_1.default.createElement("p", null,
133
- "Se ferme en appuyant sur ",
134
- react_1.default.createElement("kbd", null, "esc")),
135
- react_1.default.createElement("button", { onClick: abortModal }, "Abort")))
136
- }),
137
- react_1.default.createElement("button", { onClick: openModal }, "Open")));
98
+ children: BaseChildren
99
+ })));
138
100
  });
139
101
  //# sourceMappingURL=Modal.stories.js.map
package/lib/ui/src/modal/Modal.stories.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/modal/Modal.stories.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Modal.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/modal/Modal.stories.tsx"],"names":[],"mappings":"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"}
package/lib/ui/src/modal/Modal.styles.d.ts CHANGED
@@ -1,6 +1,6 @@
1
- import { ModalProps } from './Modal';
2
- declare type LayoutProps = Pick<ModalProps, 'fade' | 'isFullScreen' | 'noPadding'>;
3
- export declare const CloseLayout: import("styled-components").StyledComponent<"div", any, {
1
+ import { FadeEnum, ModalProps } from './Modal';
2
+ declare type LayoutProps = Pick<ModalProps, 'isFullScreen' | 'noPadding'>;
3
+ export declare const CloseLayout: import("styled-components").StyledComponent<"button", any, {
4
4
  hasTitle: boolean;
5
5
  }, never>;
6
6
  export declare const Layout: import("styled-components").StyledComponent<"div", any, LayoutProps, never>;
@@ -11,4 +11,7 @@ export declare const Title: import("styled-components").StyledComponent<"p", any
11
11
  isAlternative: boolean;
12
12
  }, never>;
13
13
  export declare const Text: import("styled-components").StyledComponent<"p", any, {}, never>;
14
+ export declare const BackgroundLayout: import("styled-components").StyledComponent<"div", any, {
15
+ fade: FadeEnum;
16
+ }, never>;
14
17
  export {};