@jobber/components 4.67.2-rm-investi.12 → 4.67.2
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/Autocomplete/index.js +4 -4
- package/dist/Card/index.js +3 -3
- package/dist/{Card-77f411da.js → Card-3178033c.js} +1 -1
- package/dist/Chip/index.js +2 -4
- package/dist/{Chip-f0a38fb2.js → Chip-168acf3e.js} +1 -1
- package/dist/Chips/index.js +1 -3
- package/dist/Combobox/index.js +3 -5
- package/dist/{Combobox-37194fe2.js → Combobox-8e18b6e5.js} +36 -4
- package/dist/ConfirmationModal/index.js +4 -6
- package/dist/{ConfirmationModal-c7105cf2.js → ConfirmationModal-0f85d96c.js} +2 -2
- package/dist/DataDump/index.js +3 -3
- package/dist/DataList/components/DataListHeader/DataListHeaderCheckbox.d.ts +2 -1
- package/dist/DataList/index.js +5 -7
- package/dist/DataTable/index.js +3 -2
- package/dist/FeatureSwitch/index.js +2 -3
- package/dist/Flex/index.js +1 -3
- package/dist/FormField/index.js +2 -1
- package/dist/{FormField-4fbb40e0.js → FormField-dfc061ca.js} +11 -14
- package/dist/FormatFile/index.js +6 -7
- package/dist/{FormatFile-e91b5454.js → FormatFile-3b650d02.js} +1 -1
- package/dist/Gallery/index.js +7 -8
- package/dist/InputDate/index.js +2 -1
- package/dist/InputEmail/index.js +2 -1
- package/dist/InputNumber/index.js +3 -2
- package/dist/{InputNumber-667f1330.js → InputNumber-d9ebabaa.js} +1 -1
- package/dist/InputPassword/index.js +2 -1
- package/dist/InputPhoneNumber/index.js +2 -1
- package/dist/InputText/index.js +3 -3
- package/dist/{InputText-d8f8fa30.js → InputText-f7c45ee5.js} +2 -3
- package/dist/InputTime/index.js +4 -4
- package/dist/LightBox/LightBox.d.ts +2 -2
- package/dist/LightBox/index.js +1 -2
- package/dist/{LightBox-5ffee235.js → LightBox-3f4dbc33.js} +1 -3
- package/dist/List/index.js +2 -3
- package/dist/Markdown/Markdown.d.ts +1 -1
- package/dist/Markdown/index.js +2 -3
- package/dist/Markdown-96070121.js +62 -0
- package/dist/Menu/Menu.d.ts +4 -4
- package/dist/Menu/index.js +2 -2
- package/dist/{Menu-f1ec7cdf.js → Menu-d7ea093c.js} +4 -4
- package/dist/Modal/Modal.d.ts +2 -2
- package/dist/Modal/index.js +1 -2
- package/dist/{Modal-dd931b54.js → Modal-70daa0e2.js} +1 -3
- package/dist/{Option-8d140127.js → Option-469029b5.js} +1 -1
- package/dist/Page/index.js +4 -5
- package/dist/RecurringSelect/index.js +3 -3
- package/dist/Select/index.js +3 -2
- package/dist/Tooltip/index.js +1 -3
- package/dist/{Tooltip-1fea5901.js → Tooltip-6b12f1c2.js} +9 -14
- package/package.json +4 -4
- package/rollup.config.js +1 -1
- package/dist/ClientOnly-ed1c24c0.js +0 -23
- package/dist/InputText/useSafeLayoutEffect.d.ts +0 -2
- package/dist/LightBox/ClientOnly.d.ts +0 -6
- package/dist/Markdown-9a140a08.js +0 -90
- package/dist/useSafeLayoutEffect-acf48897.js +0 -16
package/dist/InputTime/index.js
CHANGED
|
@@ -6,8 +6,8 @@ var tslib_es6 = require('../tslib.es6-5b8768b7.js');
|
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var debounce = require('lodash/debounce');
|
|
8
8
|
var temporal = require('@std-proposal/temporal');
|
|
9
|
-
var FormField = require('../FormField-
|
|
10
|
-
|
|
9
|
+
var FormField = require('../FormField-dfc061ca.js');
|
|
10
|
+
require('uuid');
|
|
11
11
|
require('react-hook-form');
|
|
12
12
|
require('../style-inject.es-9d2f5f4e.js');
|
|
13
13
|
require('classnames');
|
|
@@ -742,7 +742,7 @@ function InputTimeSafari(_a) {
|
|
|
742
742
|
const debouncedHandleChange = debounce__default["default"](handleChange, 1000);
|
|
743
743
|
const changeHandler = generateEventHandler(debouncedHandleChange);
|
|
744
744
|
const blurHandler = generateEventHandler(handleChange);
|
|
745
|
-
|
|
745
|
+
React.useLayoutEffect(() => {
|
|
746
746
|
const input = inputTime.current;
|
|
747
747
|
new index_cjs(input);
|
|
748
748
|
if (value) {
|
|
@@ -760,7 +760,7 @@ function InputTimeSafari(_a) {
|
|
|
760
760
|
window.removeEventListener("blur", blurHandler);
|
|
761
761
|
};
|
|
762
762
|
}, []);
|
|
763
|
-
|
|
763
|
+
React.useLayoutEffect(() => {
|
|
764
764
|
const input = inputTime.current;
|
|
765
765
|
if (value) {
|
|
766
766
|
input.value = civilTimeToHTMLTime(value);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import React from "react";
|
|
2
2
|
interface PresentedImage {
|
|
3
3
|
title?: string;
|
|
4
4
|
caption?: string;
|
|
@@ -33,5 +33,5 @@ interface LightBoxProps {
|
|
|
33
33
|
*/
|
|
34
34
|
onRequestClose(options: RequestCloseOptions): void;
|
|
35
35
|
}
|
|
36
|
-
export declare function LightBox({ open, images, imageIndex, onRequestClose, }: LightBoxProps):
|
|
36
|
+
export declare function LightBox({ open, images, imageIndex, onRequestClose, }: LightBoxProps): React.ReactPortal;
|
|
37
37
|
export {};
|
package/dist/LightBox/index.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var LightBox = require('../LightBox-
|
|
5
|
+
var LightBox = require('../LightBox-3f4dbc33.js');
|
|
6
6
|
require('react');
|
|
7
7
|
require('framer-motion');
|
|
8
8
|
require('react-dom');
|
|
@@ -11,7 +11,6 @@ require('@jobber/hooks/useRefocusOnActivator');
|
|
|
11
11
|
require('@jobber/hooks/useOnKeyDown');
|
|
12
12
|
require('@jobber/hooks/useFocusTrap');
|
|
13
13
|
require('../style-inject.es-9d2f5f4e.js');
|
|
14
|
-
require('../ClientOnly-ed1c24c0.js');
|
|
15
14
|
require('../ButtonDismiss-2b98d075.js');
|
|
16
15
|
require('../Button-163a0641.js');
|
|
17
16
|
require('classnames');
|
|
@@ -8,7 +8,6 @@ var useRefocusOnActivator = require('@jobber/hooks/useRefocusOnActivator');
|
|
|
8
8
|
var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
|
|
9
9
|
var useFocusTrap = require('@jobber/hooks/useFocusTrap');
|
|
10
10
|
var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
|
|
11
|
-
var ClientOnly = require('./ClientOnly-ed1c24c0.js');
|
|
12
11
|
var ButtonDismiss = require('./ButtonDismiss-2b98d075.js');
|
|
13
12
|
var Button = require('./Button-163a0641.js');
|
|
14
13
|
|
|
@@ -84,8 +83,7 @@ function LightBox({ open, images, imageIndex = 0, onRequestClose, }) {
|
|
|
84
83
|
React__default["default"].createElement(NextButton, { onClick: debouncedHandleNext }))),
|
|
85
84
|
React__default["default"].createElement("div", { className: styles.toolbar }, images[currentImageIndex].caption),
|
|
86
85
|
React__default["default"].createElement("div", { className: styles.overlay, onClick: handleRequestClose })))));
|
|
87
|
-
return
|
|
88
|
-
ReactDOM__default["default"].createPortal(template, document.body)));
|
|
86
|
+
return ReactDOM__default["default"].createPortal(template, document.body);
|
|
89
87
|
function handleMovePrevious() {
|
|
90
88
|
setDirection(-1);
|
|
91
89
|
setCurrentImageIndex((currentImageIndex + images.length - 1) % images.length);
|
package/dist/List/index.js
CHANGED
|
@@ -11,11 +11,10 @@ var Icon = require('../Icon-405a216c.js');
|
|
|
11
11
|
var Text = require('../Text-4a2bc89f.js');
|
|
12
12
|
var Heading = require('../Heading-0f4ecb0c.js');
|
|
13
13
|
var Typography = require('../Typography-973b122e.js');
|
|
14
|
-
var Markdown = require('../Markdown-
|
|
14
|
+
var Markdown = require('../Markdown-96070121.js');
|
|
15
15
|
var Emphasis = require('../Emphasis-b2d1b3aa.js');
|
|
16
16
|
require('@jobber/design');
|
|
17
|
-
require('
|
|
18
|
-
require('markdown-to-jsx');
|
|
17
|
+
require('react-markdown');
|
|
19
18
|
require('../Content-2ca1ffe1.js');
|
|
20
19
|
|
|
21
20
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -14,5 +14,5 @@ interface MarkdownProps {
|
|
|
14
14
|
*/
|
|
15
15
|
readonly basicUsage?: boolean;
|
|
16
16
|
}
|
|
17
|
-
export declare function Markdown({ content, externalLink, basicUsage
|
|
17
|
+
export declare function Markdown({ content, externalLink, basicUsage }: MarkdownProps): JSX.Element;
|
|
18
18
|
export {};
|
package/dist/Markdown/index.js
CHANGED
|
@@ -2,10 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var Markdown = require('../Markdown-
|
|
6
|
-
require('../tslib.es6-5b8768b7.js');
|
|
5
|
+
var Markdown = require('../Markdown-96070121.js');
|
|
7
6
|
require('react');
|
|
8
|
-
require('markdown
|
|
7
|
+
require('react-markdown');
|
|
9
8
|
require('../Text-4a2bc89f.js');
|
|
10
9
|
require('../Typography-973b122e.js');
|
|
11
10
|
require('classnames');
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
var ReactMarkdown = require('react-markdown');
|
|
5
|
+
var Text = require('./Text-4a2bc89f.js');
|
|
6
|
+
var Emphasis = require('./Emphasis-b2d1b3aa.js');
|
|
7
|
+
var Heading = require('./Heading-0f4ecb0c.js');
|
|
8
|
+
var Content = require('./Content-2ca1ffe1.js');
|
|
9
|
+
|
|
10
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
|
+
|
|
12
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
|
+
var ReactMarkdown__default = /*#__PURE__*/_interopDefaultLegacy(ReactMarkdown);
|
|
14
|
+
|
|
15
|
+
function Markdown({ content, externalLink, basicUsage }) {
|
|
16
|
+
const props = Object.assign({}, (basicUsage && {
|
|
17
|
+
disallowedElements: [
|
|
18
|
+
"p",
|
|
19
|
+
"h1",
|
|
20
|
+
"h2",
|
|
21
|
+
"h3",
|
|
22
|
+
"h4",
|
|
23
|
+
"h5",
|
|
24
|
+
"h6",
|
|
25
|
+
"table",
|
|
26
|
+
"ul",
|
|
27
|
+
"li",
|
|
28
|
+
"code",
|
|
29
|
+
"image",
|
|
30
|
+
],
|
|
31
|
+
unwrapDisallowed: true,
|
|
32
|
+
}));
|
|
33
|
+
const Tag = basicUsage ? React__default["default"].Fragment : Content.Content;
|
|
34
|
+
return (React__default["default"].createElement(Tag, null,
|
|
35
|
+
React__default["default"].createElement(ReactMarkdown__default["default"], Object.assign({}, props, { linkTarget: externalLink ? "_blank" : undefined, components: {
|
|
36
|
+
p: renderParagraph,
|
|
37
|
+
strong: renderStrong,
|
|
38
|
+
em: renderEmphasis,
|
|
39
|
+
h1: renderHeading(1),
|
|
40
|
+
h2: renderHeading(2),
|
|
41
|
+
h3: renderHeading(3),
|
|
42
|
+
h4: renderHeading(4),
|
|
43
|
+
h5: renderHeading(5),
|
|
44
|
+
} }), content)));
|
|
45
|
+
}
|
|
46
|
+
function renderParagraph({ children }) {
|
|
47
|
+
return React__default["default"].createElement(Text.Text, null, children);
|
|
48
|
+
}
|
|
49
|
+
function renderStrong({ children }) {
|
|
50
|
+
return React__default["default"].createElement(Emphasis.Emphasis, { variation: "bold" }, children);
|
|
51
|
+
}
|
|
52
|
+
function renderEmphasis({ children }) {
|
|
53
|
+
return React__default["default"].createElement(Emphasis.Emphasis, { variation: "italic" }, children);
|
|
54
|
+
}
|
|
55
|
+
function renderHeading(level) {
|
|
56
|
+
function buildHeading({ children }) {
|
|
57
|
+
return React__default["default"].createElement(Heading.Heading, { level: level }, children);
|
|
58
|
+
}
|
|
59
|
+
return buildHeading;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
exports.Markdown = Markdown;
|
package/dist/Menu/Menu.d.ts
CHANGED
|
@@ -25,15 +25,15 @@ export interface ActionProps {
|
|
|
25
25
|
/**
|
|
26
26
|
* Action label
|
|
27
27
|
*/
|
|
28
|
-
|
|
28
|
+
label: string;
|
|
29
29
|
/**
|
|
30
30
|
* Parent Section Label
|
|
31
31
|
*/
|
|
32
|
-
|
|
32
|
+
sectionLabel?: string;
|
|
33
33
|
/**
|
|
34
34
|
* Visual cue for the action label
|
|
35
35
|
*/
|
|
36
|
-
|
|
36
|
+
icon?: IconNames;
|
|
37
37
|
/**
|
|
38
38
|
* Callback when an action gets clicked
|
|
39
39
|
*/
|
|
@@ -41,5 +41,5 @@ export interface ActionProps {
|
|
|
41
41
|
/**
|
|
42
42
|
* Focus on the action when rendered
|
|
43
43
|
*/
|
|
44
|
-
|
|
44
|
+
shouldFocus?: boolean;
|
|
45
45
|
}
|
package/dist/Menu/index.js
CHANGED
|
@@ -2,8 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var Menu = require('../Menu-
|
|
5
|
+
var Menu = require('../Menu-d7ea093c.js');
|
|
6
6
|
require('react');
|
|
7
|
+
require('uuid');
|
|
7
8
|
require('classnames');
|
|
8
9
|
require('framer-motion');
|
|
9
10
|
require('@jobber/hooks/useOnKeyDown');
|
|
@@ -14,7 +15,6 @@ require('react-router-dom');
|
|
|
14
15
|
require('../Icon-405a216c.js');
|
|
15
16
|
require('@jobber/design');
|
|
16
17
|
require('../Typography-973b122e.js');
|
|
17
|
-
require('../useSafeLayoutEffect-acf48897.js');
|
|
18
18
|
|
|
19
19
|
|
|
20
20
|
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
|
+
var uuid = require('uuid');
|
|
4
5
|
var classnames = require('classnames');
|
|
5
6
|
var framerMotion = require('framer-motion');
|
|
6
7
|
var useOnKeyDown = require('@jobber/hooks/useOnKeyDown');
|
|
@@ -9,7 +10,6 @@ var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
|
|
|
9
10
|
var Button = require('./Button-163a0641.js');
|
|
10
11
|
var Typography = require('./Typography-973b122e.js');
|
|
11
12
|
var Icon = require('./Icon-405a216c.js');
|
|
12
|
-
var useSafeLayoutEffect = require('./useSafeLayoutEffect-acf48897.js');
|
|
13
13
|
|
|
14
14
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
15
15
|
|
|
@@ -42,10 +42,10 @@ function Menu({ activator, items }) {
|
|
|
42
42
|
horizontal: "right",
|
|
43
43
|
});
|
|
44
44
|
const wrapperRef = React.createRef();
|
|
45
|
-
const buttonID =
|
|
46
|
-
const menuID =
|
|
45
|
+
const buttonID = uuid.v1();
|
|
46
|
+
const menuID = uuid.v1();
|
|
47
47
|
useOnKeyDown.useOnKeyDown(handleKeyboardShortcut, ["Escape"]);
|
|
48
|
-
|
|
48
|
+
React.useLayoutEffect(() => {
|
|
49
49
|
if (wrapperRef.current) {
|
|
50
50
|
const bounds = wrapperRef.current.getBoundingClientRect();
|
|
51
51
|
const newPosition = Object.assign({}, position);
|
package/dist/Modal/Modal.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ReactNode } from "react";
|
|
1
|
+
import React, { ReactNode } from "react";
|
|
2
2
|
import sizes from "./Sizes.css";
|
|
3
3
|
import { ButtonProps } from "../Button";
|
|
4
4
|
export interface ModalProps {
|
|
@@ -18,4 +18,4 @@ export interface ModalProps {
|
|
|
18
18
|
readonly tertiaryAction?: ButtonProps;
|
|
19
19
|
onRequestClose?(): void;
|
|
20
20
|
}
|
|
21
|
-
export declare function Modal({ open, title, size, dismissible, children, primaryAction, secondaryAction, tertiaryAction, onRequestClose, }: ModalProps):
|
|
21
|
+
export declare function Modal({ open, title, size, dismissible, children, primaryAction, secondaryAction, tertiaryAction, onRequestClose, }: ModalProps): React.ReactPortal;
|
package/dist/Modal/index.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var Modal = require('../Modal-
|
|
5
|
+
var Modal = require('../Modal-70daa0e2.js');
|
|
6
6
|
require('react');
|
|
7
7
|
require('react-dom');
|
|
8
8
|
require('classnames');
|
|
@@ -18,7 +18,6 @@ require('react-router-dom');
|
|
|
18
18
|
require('../Icon-405a216c.js');
|
|
19
19
|
require('@jobber/design');
|
|
20
20
|
require('../ButtonDismiss-2b98d075.js');
|
|
21
|
-
require('../ClientOnly-ed1c24c0.js');
|
|
22
21
|
|
|
23
22
|
|
|
24
23
|
|
|
@@ -11,7 +11,6 @@ var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
|
|
|
11
11
|
var Heading = require('./Heading-0f4ecb0c.js');
|
|
12
12
|
var Button = require('./Button-163a0641.js');
|
|
13
13
|
var ButtonDismiss = require('./ButtonDismiss-2b98d075.js');
|
|
14
|
-
var ClientOnly = require('./ClientOnly-ed1c24c0.js');
|
|
15
14
|
|
|
16
15
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
17
16
|
|
|
@@ -41,8 +40,7 @@ function Modal({ open = false, title, size, dismissible = true, children, primar
|
|
|
41
40
|
title != undefined && (React__default["default"].createElement(Header, { title: title, dismissible: dismissible, onRequestClose: onRequestClose })),
|
|
42
41
|
children,
|
|
43
42
|
React__default["default"].createElement(Actions, { primary: primaryAction, secondary: secondaryAction, tertiary: tertiaryAction }))))));
|
|
44
|
-
return
|
|
45
|
-
ReactDOM__default["default"].createPortal(template, document.body)));
|
|
43
|
+
return ReactDOM__default["default"].createPortal(template, document.body);
|
|
46
44
|
function handleRequestClose() {
|
|
47
45
|
if (open && onRequestClose) {
|
|
48
46
|
onRequestClose();
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
|
-
var FormField = require('./FormField-
|
|
4
|
+
var FormField = require('./FormField-dfc061ca.js');
|
|
5
5
|
|
|
6
6
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
7
7
|
|
package/dist/Page/index.js
CHANGED
|
@@ -9,20 +9,19 @@ var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
|
|
|
9
9
|
var Heading = require('../Heading-0f4ecb0c.js');
|
|
10
10
|
var Text = require('../Text-4a2bc89f.js');
|
|
11
11
|
var Content = require('../Content-2ca1ffe1.js');
|
|
12
|
-
var Markdown = require('../Markdown-
|
|
12
|
+
var Markdown = require('../Markdown-96070121.js');
|
|
13
13
|
var Button = require('../Button-163a0641.js');
|
|
14
|
-
var Menu = require('../Menu-
|
|
14
|
+
var Menu = require('../Menu-d7ea093c.js');
|
|
15
15
|
var Emphasis = require('../Emphasis-b2d1b3aa.js');
|
|
16
16
|
require('../Typography-973b122e.js');
|
|
17
|
-
require('
|
|
18
|
-
require('markdown-to-jsx');
|
|
17
|
+
require('react-markdown');
|
|
19
18
|
require('react-router-dom');
|
|
20
19
|
require('../Icon-405a216c.js');
|
|
21
20
|
require('@jobber/design');
|
|
21
|
+
require('uuid');
|
|
22
22
|
require('framer-motion');
|
|
23
23
|
require('@jobber/hooks/useOnKeyDown');
|
|
24
24
|
require('@jobber/hooks/useRefocusOnActivator');
|
|
25
|
-
require('../useSafeLayoutEffect-acf48897.js');
|
|
26
25
|
|
|
27
26
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
28
27
|
|
|
@@ -9,11 +9,11 @@ var RadioGroup = require('../RadioGroup-ebaa4f87.js');
|
|
|
9
9
|
var Text = require('../Text-4a2bc89f.js');
|
|
10
10
|
require('classnames');
|
|
11
11
|
require('../Typography-973b122e.js');
|
|
12
|
-
var Option = require('../Option-
|
|
13
|
-
var InputNumber = require('../InputNumber-
|
|
12
|
+
var Option = require('../Option-469029b5.js');
|
|
13
|
+
var InputNumber = require('../InputNumber-d9ebabaa.js');
|
|
14
14
|
var InputGroup = require('../InputGroup-8d4fd4eb.js');
|
|
15
15
|
var Content = require('../Content-2ca1ffe1.js');
|
|
16
|
-
require('../FormField-
|
|
16
|
+
require('../FormField-dfc061ca.js');
|
|
17
17
|
require('../tslib.es6-5b8768b7.js');
|
|
18
18
|
require('react-hook-form');
|
|
19
19
|
require('../Button-163a0641.js');
|
package/dist/Select/index.js
CHANGED
|
@@ -2,10 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var Option = require('../Option-
|
|
5
|
+
var Option = require('../Option-469029b5.js');
|
|
6
6
|
require('react');
|
|
7
|
-
require('../FormField-
|
|
7
|
+
require('../FormField-dfc061ca.js');
|
|
8
8
|
require('../tslib.es6-5b8768b7.js');
|
|
9
|
+
require('uuid');
|
|
9
10
|
require('react-hook-form');
|
|
10
11
|
require('../style-inject.es-9d2f5f4e.js');
|
|
11
12
|
require('classnames');
|
package/dist/Tooltip/index.js
CHANGED
|
@@ -2,15 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var Tooltip = require('../Tooltip-
|
|
5
|
+
var Tooltip = require('../Tooltip-6b12f1c2.js');
|
|
6
6
|
require('react');
|
|
7
7
|
require('classnames');
|
|
8
8
|
require('react-dom');
|
|
9
9
|
require('framer-motion');
|
|
10
10
|
require('../style-inject.es-9d2f5f4e.js');
|
|
11
11
|
require('react-popper');
|
|
12
|
-
require('../ClientOnly-ed1c24c0.js');
|
|
13
|
-
require('../useSafeLayoutEffect-acf48897.js');
|
|
14
12
|
|
|
15
13
|
|
|
16
14
|
|
|
@@ -6,8 +6,6 @@ var ReactDOM = require('react-dom');
|
|
|
6
6
|
var framerMotion = require('framer-motion');
|
|
7
7
|
var styleInject_es = require('./style-inject.es-9d2f5f4e.js');
|
|
8
8
|
var reactPopper = require('react-popper');
|
|
9
|
-
var ClientOnly = require('./ClientOnly-ed1c24c0.js');
|
|
10
|
-
var useSafeLayoutEffect = require('./useSafeLayoutEffect-acf48897.js');
|
|
11
9
|
|
|
12
10
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
13
11
|
|
|
@@ -51,14 +49,13 @@ function Tooltip({ message, children }) {
|
|
|
51
49
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
52
50
|
React__default["default"].createElement("span", { className: styles.shadowActivator, ref: shadowRef }),
|
|
53
51
|
children,
|
|
54
|
-
React__default["default"].createElement(
|
|
55
|
-
React__default["default"].createElement(
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
React__default["default"].createElement("div", { ref: setArrowRef, style: popperStyles.arrow, className: styles.arrow }))))))));
|
|
52
|
+
React__default["default"].createElement(TooltipPortal, null, show && Boolean(message) && (React__default["default"].createElement("div", Object.assign({ className: toolTipClassNames, style: popperStyles.popper, ref: setTooltipRef, role: "tooltip" }, attributes.popper),
|
|
53
|
+
React__default["default"].createElement(framerMotion.motion.div, { className: styles.tooltip, variants: variation, initial: "startOrStop", animate: "done", exit: "startOrStop", transition: {
|
|
54
|
+
damping: 50,
|
|
55
|
+
stiffness: 500,
|
|
56
|
+
} },
|
|
57
|
+
React__default["default"].createElement("p", { className: styles.tooltipMessage }, message),
|
|
58
|
+
React__default["default"].createElement("div", { ref: setArrowRef, style: popperStyles.arrow, className: styles.arrow })))))));
|
|
62
59
|
function initializeListeners() {
|
|
63
60
|
const showTooltip = () => {
|
|
64
61
|
setShow(true);
|
|
@@ -98,7 +95,7 @@ function Tooltip({ message, children }) {
|
|
|
98
95
|
activator.removeEventListener("blur", hideTooltip);
|
|
99
96
|
}
|
|
100
97
|
};
|
|
101
|
-
|
|
98
|
+
React.useLayoutEffect(() => {
|
|
102
99
|
injectAttributes();
|
|
103
100
|
addListeners();
|
|
104
101
|
return () => {
|
|
@@ -108,9 +105,7 @@ function Tooltip({ message, children }) {
|
|
|
108
105
|
}
|
|
109
106
|
}
|
|
110
107
|
function TooltipPortal({ children }) {
|
|
111
|
-
return
|
|
112
|
-
// eslint-disable-next-line react/jsx-no-useless-fragment
|
|
113
|
-
React__default["default"].createElement(React__default["default"].Fragment, null));
|
|
108
|
+
return ReactDOM__default["default"].createPortal(children, document.body);
|
|
114
109
|
}
|
|
115
110
|
|
|
116
111
|
exports.Tooltip = Tooltip;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jobber/components",
|
|
3
|
-
"version": "4.67.2
|
|
3
|
+
"version": "4.67.2",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
],
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@jobber/design": "^0.51.0",
|
|
23
|
-
"@jobber/formatters": "
|
|
23
|
+
"@jobber/formatters": "*",
|
|
24
24
|
"@jobber/hooks": "^2.8.0",
|
|
25
25
|
"@popperjs/core": "^2.0.6",
|
|
26
26
|
"@std-proposal/temporal": "0.0.1",
|
|
@@ -37,11 +37,11 @@
|
|
|
37
37
|
"filesize": "^6.1.0",
|
|
38
38
|
"framer-motion": "6.3.16",
|
|
39
39
|
"lodash": "^4.17.21",
|
|
40
|
-
"markdown-to-jsx": "^7.3.2",
|
|
41
40
|
"react-countdown": "^2.3.2",
|
|
42
41
|
"react-datepicker": "~4.10.0",
|
|
43
42
|
"react-dropzone": "^11.0.2",
|
|
44
43
|
"react-hook-form": "^7.43.7",
|
|
44
|
+
"react-markdown": "^8.0.3",
|
|
45
45
|
"react-popper": "^2.2.5",
|
|
46
46
|
"react-router-dom": "^5.3.4",
|
|
47
47
|
"time-input-polyfill": "^1.0.7",
|
|
@@ -83,5 +83,5 @@
|
|
|
83
83
|
"> 1%",
|
|
84
84
|
"IE 10"
|
|
85
85
|
],
|
|
86
|
-
"gitHead": "
|
|
86
|
+
"gitHead": "d0abb1c783e77704ae9c670b2941d86812dbe318"
|
|
87
87
|
}
|
package/rollup.config.js
CHANGED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var React = require('react');
|
|
4
|
-
|
|
5
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
6
|
-
|
|
7
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
8
|
-
|
|
9
|
-
let hydrating = true;
|
|
10
|
-
function useHydrated() {
|
|
11
|
-
const [hydrated, setHydrated] = React.useState(() => !hydrating);
|
|
12
|
-
React.useEffect(() => {
|
|
13
|
-
hydrating = false;
|
|
14
|
-
setHydrated(true);
|
|
15
|
-
}, []);
|
|
16
|
-
return hydrated;
|
|
17
|
-
}
|
|
18
|
-
function ClientOnly({ children, fallback = null, }) {
|
|
19
|
-
const hydrated = useHydrated();
|
|
20
|
-
return hydrated ? React__default["default"].createElement(React__default["default"].Fragment, null, children) : React__default["default"].createElement(React__default["default"].Fragment, null, fallback);
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
exports.ClientOnly = ClientOnly;
|
|
@@ -1,90 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var tslib_es6 = require('./tslib.es6-5b8768b7.js');
|
|
4
|
-
var React = require('react');
|
|
5
|
-
var ReactMarkdown = require('markdown-to-jsx');
|
|
6
|
-
var Text = require('./Text-4a2bc89f.js');
|
|
7
|
-
var Emphasis = require('./Emphasis-b2d1b3aa.js');
|
|
8
|
-
var Heading = require('./Heading-0f4ecb0c.js');
|
|
9
|
-
var Content = require('./Content-2ca1ffe1.js');
|
|
10
|
-
|
|
11
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
|
-
|
|
13
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
14
|
-
var ReactMarkdown__default = /*#__PURE__*/_interopDefaultLegacy(ReactMarkdown);
|
|
15
|
-
|
|
16
|
-
const NoSpan = {
|
|
17
|
-
component: ({ children }) => React__default["default"].createElement(React__default["default"].Fragment, null, children),
|
|
18
|
-
props: {},
|
|
19
|
-
};
|
|
20
|
-
function Markdown(_a) {
|
|
21
|
-
var { content, externalLink, basicUsage } = _a, props = tslib_es6.__rest(_a, ["content", "externalLink", "basicUsage"]);
|
|
22
|
-
const Tag = basicUsage ? React__default["default"].Fragment : Content.Content;
|
|
23
|
-
const basicOverrides = {
|
|
24
|
-
p: NoSpan,
|
|
25
|
-
h1: NoSpan,
|
|
26
|
-
div: NoSpan,
|
|
27
|
-
h2: NoSpan,
|
|
28
|
-
h3: NoSpan,
|
|
29
|
-
h4: NoSpan,
|
|
30
|
-
h5: NoSpan,
|
|
31
|
-
h6: NoSpan,
|
|
32
|
-
table: NoSpan,
|
|
33
|
-
ul: NoSpan,
|
|
34
|
-
li: NoSpan,
|
|
35
|
-
code: (children, ...args) => React__default["default"].createElement("code", Object.assign({}, args), children),
|
|
36
|
-
strong: renderStrong,
|
|
37
|
-
em: renderEmphasis,
|
|
38
|
-
image: NoSpan,
|
|
39
|
-
a: {
|
|
40
|
-
component: (_a) => {
|
|
41
|
-
var { children } = _a, rest = tslib_es6.__rest(_a, ["children"]);
|
|
42
|
-
return (React__default["default"].createElement("a", Object.assign({}, rest), children));
|
|
43
|
-
},
|
|
44
|
-
props: { target: externalLink ? "_blank" : undefined },
|
|
45
|
-
},
|
|
46
|
-
};
|
|
47
|
-
const defaultOverrides = {
|
|
48
|
-
code: (children, ...args) => React__default["default"].createElement("code", Object.assign({}, args), children),
|
|
49
|
-
p: renderParagraph,
|
|
50
|
-
strong: renderStrong,
|
|
51
|
-
span: NoSpan,
|
|
52
|
-
div: NoSpan,
|
|
53
|
-
em: renderEmphasis,
|
|
54
|
-
h1: renderHeading(1),
|
|
55
|
-
h2: renderHeading(2),
|
|
56
|
-
h3: renderHeading(3),
|
|
57
|
-
h4: renderHeading(4),
|
|
58
|
-
h5: renderHeading(5),
|
|
59
|
-
h6: renderHeading(6),
|
|
60
|
-
a: {
|
|
61
|
-
component: (_a) => {
|
|
62
|
-
var { children } = _a, rest = tslib_es6.__rest(_a, ["children"]);
|
|
63
|
-
return (React__default["default"].createElement("a", Object.assign({}, rest), children));
|
|
64
|
-
},
|
|
65
|
-
props: { target: externalLink ? "_blank" : undefined },
|
|
66
|
-
},
|
|
67
|
-
};
|
|
68
|
-
return (React__default["default"].createElement(Tag, null,
|
|
69
|
-
React__default["default"].createElement(ReactMarkdown__default["default"], Object.assign({}, props, { options: {
|
|
70
|
-
overrides: basicUsage ? basicOverrides : defaultOverrides,
|
|
71
|
-
forceBlock: true,
|
|
72
|
-
} }), content)));
|
|
73
|
-
}
|
|
74
|
-
function renderParagraph({ children }) {
|
|
75
|
-
return React__default["default"].createElement(Text.Text, null, children);
|
|
76
|
-
}
|
|
77
|
-
function renderStrong({ children }) {
|
|
78
|
-
return React__default["default"].createElement(Emphasis.Emphasis, { variation: "bold" }, children);
|
|
79
|
-
}
|
|
80
|
-
function renderEmphasis({ children }) {
|
|
81
|
-
return React__default["default"].createElement(Emphasis.Emphasis, { variation: "italic" }, children);
|
|
82
|
-
}
|
|
83
|
-
function renderHeading(level) {
|
|
84
|
-
function buildHeading({ children }) {
|
|
85
|
-
return React__default["default"].createElement(Heading.Heading, { level: level }, children);
|
|
86
|
-
}
|
|
87
|
-
return buildHeading;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
exports.Markdown = Markdown;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var React = require('react');
|
|
4
|
-
|
|
5
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
6
|
-
|
|
7
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
8
|
-
|
|
9
|
-
const canUseDom = !!(typeof window !== "undefined" &&
|
|
10
|
-
window.document &&
|
|
11
|
-
window.document.createElement);
|
|
12
|
-
// safe to disable eslint here because we want a function that does nothing
|
|
13
|
-
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
14
|
-
const useSafeLayoutEffect = canUseDom ? React__default["default"].useLayoutEffect : () => { };
|
|
15
|
-
|
|
16
|
-
exports.useSafeLayoutEffect = useSafeLayoutEffect;
|