@jobber/components 3.5.10 → 4.0.1-pre.4

package/dist/{Tooltip-041feb00.js → Tooltip-1090a43d.js}

@@ -1,13 +1,12 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-5b50eb8e.js');
 var React = require('react');
 var classnames = require('classnames');
 var ReactDOM = require('react-dom');
 var framerMotion = require('framer-motion');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
 var reactPopper = require('react-popper');
-var Text = require('./Text-e012fb46.js');
+var Text = require('./Text-7ce00adb.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -21,10 +20,10 @@ styleInject_es.styleInject(css);
 
 function useTooltipPositioning() {
     var _a, _b;
-    var shadowRef = React.useRef(null);
-    var _c = tslib_es6.__read(React.useState(), 2), positionElement = _c[0], setTooltipRef = _c[1];
-    var _d = tslib_es6.__read(React.useState(), 2), arrowElement = _d[0], setArrowRef = _d[1];
-    var popper = reactPopper.usePopper((_a = shadowRef.current) === null || _a === void 0 ? void 0 : _a.nextElementSibling, positionElement, {
+    const shadowRef = React.useRef(null);
+    const [positionElement, setTooltipRef] = React.useState();
+    const [arrowElement, setArrowRef] = React.useState();
+    const popper = reactPopper.usePopper((_a = shadowRef.current) === null || _a === void 0 ? void 0 : _a.nextElementSibling, positionElement, {
         placement: "top",
         modifiers: [
             { name: "flip", options: { fallbackPlacements: ["bottom"] } },
@@ -34,25 +33,24 @@ function useTooltipPositioning() {
             },
         ],
     });
-    return tslib_es6.__assign(tslib_es6.__assign({}, popper), { placement: (_b = popper.state) === null || _b === void 0 ? void 0 : _b.placement, shadowRef: shadowRef,
-        setArrowRef: setArrowRef,
-        setTooltipRef: setTooltipRef });
+    return Object.assign(Object.assign({}, popper), { placement: (_b = popper.state) === null || _b === void 0 ? void 0 : _b.placement, shadowRef,
+        setArrowRef,
+        setTooltipRef });
 }
 
-var variation = {
+const variation = {
     startOrStop: { scale: 0.6, opacity: 0 },
     done: { scale: 1, opacity: 1 },
 };
-function Tooltip(_a) {
-    var message = _a.message, children = _a.children;
-    var _b = tslib_es6.__read(React.useState(false), 2), show = _b[0], setShow = _b[1];
-    var _c = useTooltipPositioning(), attributes = _c.attributes, placement = _c.placement, shadowRef = _c.shadowRef, popperStyles = _c.styles, setArrowRef = _c.setArrowRef, setTooltipRef = _c.setTooltipRef;
+function Tooltip({ message, children }) {
+    const [show, setShow] = React.useState(false);
+    const { attributes, placement, shadowRef, styles: popperStyles, setArrowRef, setTooltipRef, } = useTooltipPositioning();
     initializeListeners();
-    var toolTipClassNames = classnames__default["default"](styles.tooltipWrapper, placement === "bottom" && styles.below, placement === "top" && styles.above);
+    const toolTipClassNames = classnames__default["default"](styles.tooltipWrapper, placement === "bottom" && styles.below, placement === "top" && styles.above);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement("span", { className: styles.shadowActivator, ref: shadowRef }),
         children,
-        React__default["default"].createElement(TooltipPortal, null, show && (React__default["default"].createElement("div", tslib_es6.__assign({ className: toolTipClassNames, style: popperStyles.popper, ref: setTooltipRef, role: "tooltip" }, attributes.popper),
+        React__default["default"].createElement(TooltipPortal, null, show && (React__default["default"].createElement("div", Object.assign({ className: toolTipClassNames, style: popperStyles.popper, ref: setTooltipRef, role: "tooltip" }, attributes.popper),
             React__default["default"].createElement(framerMotion.motion.div, { className: styles.tooltip, variants: variation, initial: "startOrStop", animate: "done", exit: "startOrStop", transition: {
                     type: "spring",
                     damping: 20,
@@ -61,16 +59,16 @@ function Tooltip(_a) {
                 React__default["default"].createElement(Text.Text, null, message),
                 React__default["default"].createElement("div", { ref: setArrowRef, style: popperStyles.arrow, className: styles.arrow })))))));
     function initializeListeners() {
-        var showTooltip = function () {
+        const showTooltip = () => {
             setShow(true);
         };
-        var hideTooltip = function () {
+        const hideTooltip = () => {
             setShow(false);
         };
-        var injectAttributes = function () {
+        const injectAttributes = () => {
             var _a;
             if ((_a = shadowRef === null || shadowRef === void 0 ? void 0 : shadowRef.current) === null || _a === void 0 ? void 0 : _a.nextElementSibling) {
-                var activator = shadowRef.current.nextElementSibling;
+                const activator = shadowRef.current.nextElementSibling;
                 // Manually inject "aria-description" and "tabindex" to let the screen
                 // readers read the tooltip message.
                 // This is to avoid having to add those attribute as a prop on every
@@ -79,37 +77,36 @@ function Tooltip(_a) {
                 activator.setAttribute("tabindex", "0"); // enable focus
             }
         };
-        var addListeners = function () {
+        const addListeners = () => {
             var _a;
             if ((_a = shadowRef === null || shadowRef === void 0 ? void 0 : shadowRef.current) === null || _a === void 0 ? void 0 : _a.nextElementSibling) {
-                var activator = shadowRef.current.nextElementSibling;
+                const activator = shadowRef.current.nextElementSibling;
                 activator.addEventListener("mouseenter", showTooltip);
                 activator.addEventListener("mouseleave", hideTooltip);
                 activator.addEventListener("focus", showTooltip);
                 activator.addEventListener("blur", hideTooltip);
             }
         };
-        var removeListeners = function () {
+        const removeListeners = () => {
             var _a;
             if ((_a = shadowRef === null || shadowRef === void 0 ? void 0 : shadowRef.current) === null || _a === void 0 ? void 0 : _a.nextElementSibling) {
-                var activator = shadowRef.current.nextElementSibling;
+                const activator = shadowRef.current.nextElementSibling;
                 activator.removeEventListener("mouseenter", showTooltip);
                 activator.removeEventListener("mouseleave", hideTooltip);
                 activator.removeEventListener("focus", showTooltip);
                 activator.removeEventListener("blur", hideTooltip);
             }
         };
-        React.useLayoutEffect(function () {
+        React.useLayoutEffect(() => {
             injectAttributes();
             addListeners();
-            return function () {
+            return () => {
                 removeListeners();
             };
         }, []);
     }
 }
-function TooltipPortal(_a) {
-    var children = _a.children;
+function TooltipPortal({ children }) {
     return ReactDOM__default["default"].createPortal(children, document.body);
 }
 

package/dist/Typography/Typography.d.ts

@@ -33,6 +33,6 @@ interface TypographyProps {
     readonly children: ReactNode;
     numberOfLines?: number;
 }
-export declare type TypographyOptions = Omit<TypographyProps, "children">;
+export type TypographyOptions = Omit<TypographyProps, "children">;
 export declare function Typography({ id, children, element: Tag, size, align, fontWeight, textCase, textColor, emphasisType, numberOfLines, fontFamily, }: TypographyProps): JSX.Element;
 export {};

package/dist/Typography/index.js

@@ -2,8 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Typography = require('../Typography-fbe0ed6e.js');
-require('../tslib.es6-5b50eb8e.js');
+var Typography = require('../Typography-9262511f.js');
 require('react');
 require('classnames');
 require('../style-inject.es-dcee06b6.js');

package/dist/{Typography-fbe0ed6e.js → Typography-9262511f.js}

@@ -1,6 +1,5 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-5b50eb8e.js');
 var React = require('react');
 var classnames = require('classnames');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
@@ -46,12 +45,11 @@ var css = ".IO8ujZ7qHogIbFAEazAGH {\n  font-family: var(--typography--fontFamily
 var fontFamilies = {"base":"IO8ujZ7qHogIbFAEazAGH","display":"_2VhNxoLIw82qbVgNH2yiv7"};
 styleInject_es.styleInject(css);
 
-function Typography(_a) {
-    var _b;
-    var id = _a.id, children = _a.children, _c = _a.element, Tag = _c === void 0 ? "p" : _c, size = _a.size, align = _a.align, _d = _a.fontWeight, fontWeight = _d === void 0 ? "regular" : _d, textCase = _a.textCase, textColor = _a.textColor, emphasisType = _a.emphasisType, numberOfLines = _a.numberOfLines, fontFamily = _a.fontFamily;
-    var shouldTruncateText = numberOfLines && numberOfLines > 0;
-    var className = classnames__default["default"](styles.base, fontWeights[fontWeight], size && fontSizes[size], textCase && textCases[textCase], textColor && textColors[textColor], emphasisType && emphasis[emphasisType], fontFamily && fontFamilies[fontFamily], shouldTruncateText && truncate.textTruncate, tslib_es6.__assign({}, (align && (_b = {}, _b[alignment[align]] = align !== "start", _b))));
-    var truncateLines;
+/* eslint-disable import/no-internal-modules */
+function Typography({ id, children, element: Tag = "p", size, align, fontWeight = "regular", textCase, textColor, emphasisType, numberOfLines, fontFamily, }) {
+    const shouldTruncateText = numberOfLines && numberOfLines > 0;
+    const className = classnames__default["default"](styles.base, fontWeights[fontWeight], size && fontSizes[size], textCase && textCases[textCase], textColor && textColors[textColor], emphasisType && emphasis[emphasisType], fontFamily && fontFamilies[fontFamily], shouldTruncateText && truncate.textTruncate, Object.assign({}, (align && { [alignment[align]]: align !== `start` })));
+    let truncateLines;
     if (shouldTruncateText) {
         truncateLines = {
             WebkitLineClamp: numberOfLines,

package/dist/tslib.es6-efe27175.js

@@ -0,0 +1,38 @@
+'use strict';
+
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation. All rights reserved.
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+this file except in compliance with the License. You may obtain a copy of the
+License at http://www.apache.org/licenses/LICENSE-2.0
+
+THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+MERCHANTABLITY OR NON-INFRINGEMENT.
+
+See the Apache Version 2.0 License for specific language governing permissions
+and limitations under the License.
+***************************************************************************** */
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
+            t[p[i]] = s[p[i]];
+    return t;
+}
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+exports.__awaiter = __awaiter;
+exports.__rest = __rest;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "3.5.10",
+  "version": "4.0.1-pre.4+4571dcdb",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -19,7 +19,7 @@
   "dependencies": {
     "@jobber/design": "^0.29.5",
     "@jobber/formatters": "^0.2.2",
-    "@jobber/hooks": "^1.13.3",
+    "@jobber/hooks": "^2.0.0",
     "@popperjs/core": "^2.0.6",
     "@std-proposal/temporal": "0.0.1",
     "@tanstack/react-table": "8.5.13",
@@ -27,7 +27,7 @@
     "@types/lodash": "^4.14.136",
     "@types/react-datepicker": "^4.8.0",
     "@types/react-router": "5.1.7",
-    "@types/react-router-dom": "5.1.5",
+    "@types/react-router-dom": "^5.3.3",
     "@types/uuid": "^8.3.3",
     "@use-it/event-listener": "^0.1.3",
     "axios": "^0.21.2",
@@ -42,7 +42,7 @@
     "react-hook-form": "^6.15.8",
     "react-markdown": "^8.0.3",
     "react-popper": "^2.2.5",
-    "react-router-dom": "~5.2.0",
+    "react-router-dom": "^5.3.4",
     "time-input-polyfill": "^1.0.7",
     "ts-xor": "^1.0.8",
     "uuid": "^8.3.2"
@@ -70,17 +70,17 @@
     "rollup-plugin-postcss": "^2.0.3",
     "ts-node": "^8.1.0",
     "typed-css-modules": "^0.7.0",
-    "typescript": "^3.8.3",
+    "typescript": "^4.9.5",
     "uuid": "^8.3.2"
   },
   "peerDependencies": {
-    "react": ">=16.8",
-    "react-dom": ">=16.8"
+    "react": "^18",
+    "react-dom": "^18"
   },
   "browserslist": [
     "last 1 version",
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "0c4d74a35a788f7b0aada1010c03ea1c251be447"
+  "gitHead": "4571dcdba147e4546152abbbdd85f6b107b717fe"
 }

package/dist/tslib.es6-5b50eb8e.js

@@ -1,103 +0,0 @@
-'use strict';
-
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation. All rights reserved.
-Licensed under the Apache License, Version 2.0 (the "License"); you may not use
-this file except in compliance with the License. You may obtain a copy of the
-License at http://www.apache.org/licenses/LICENSE-2.0
-
-THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
-WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
-MERCHANTABLITY OR NON-INFRINGEMENT.
-
-See the Apache Version 2.0 License for specific language governing permissions
-and limitations under the License.
-***************************************************************************** */
-
-exports.__assign = function() {
-    exports.__assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return exports.__assign.apply(this, arguments);
-};
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
-    return t;
-}
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-function __generator(thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-}
-
-function __read(o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-}
-
-function __spread() {
-    for (var ar = [], i = 0; i < arguments.length; i++)
-        ar = ar.concat(__read(arguments[i]));
-    return ar;
-}
-
-exports.__awaiter = __awaiter;
-exports.__generator = __generator;
-exports.__read = __read;
-exports.__rest = __rest;
-exports.__spread = __spread;