@jobber/components 2.89.4 → 2.90.1-pre.2

package/CHANGELOG.md

@@ -8,6 +8,100 @@ menu: Changelog
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.93.2](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.93.1...@jobber/components@2.93.2) (2023-01-19)
+
+**Note:** Version bump only for package @jobber/components
+
+
+
+
+
+## [2.93.1](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.93.0...@jobber/components@2.93.1) (2023-01-19)
+
+**Note:** Version bump only for package @jobber/components
+
+
+
+
+
+# [2.93.0](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.92.3...@jobber/components@2.93.0) (2023-01-17)
+
+
+### Features
+
+* **components:** Add empty state behavior to DataTable component in Atlantis [JOB-58935] ([#973](https://github.com/GetJobber/atlantis/issues/973)) ([5d2882e](https://github.com/GetJobber/atlantis/commit/5d2882ecdf0f66435d44ed53c9c5b70fc89ef972))
+* **components:** Implement the new sorting behavior / alignment to DataTable component in Atlantis [JOB-58028] ([#972](https://github.com/GetJobber/atlantis/issues/972)) ([259b11a](https://github.com/GetJobber/atlantis/commit/259b11a82ef7f36c15f854a49aa52e8a9c72a295))
+
+
+
+
+
+## [2.92.3](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.92.2...@jobber/components@2.92.3) (2023-01-12)
+
+**Note:** Version bump only for package @jobber/components
+
+
+
+
+
+## [2.92.2](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.92.1...@jobber/components@2.92.2) (2023-01-11)
+
+**Note:** Version bump only for package @jobber/components
+
+
+
+
+
+## [2.92.1](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.92.0...@jobber/components@2.92.1) (2023-01-10)
+
+**Note:** Version bump only for package @jobber/components
+
+
+
+
+
+# [2.92.0](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.91.0...@jobber/components@2.92.0) (2023-01-09)
+
+
+### Features
+
+* **components:** Add DataTable test helpers ([#954](https://github.com/GetJobber/atlantis/issues/954)) ([aa58d84](https://github.com/GetJobber/atlantis/commit/aa58d84df2e1c656f748187d6c0d216647a03e64))
+
+
+
+
+
+# [2.91.0](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.90.1...@jobber/components@2.91.0) (2023-01-06)
+
+
+### Features
+
+* **components:** new highlighter for Emphasis ([#890](https://github.com/GetJobber/atlantis/issues/890)) ([df6d29c](https://github.com/GetJobber/atlantis/commit/df6d29c7b351cf1756ee286b2580ac2961456cbf))
+* **design:** add syncAlert and apps icons  ([#953](https://github.com/GetJobber/atlantis/issues/953)) ([87e1cb7](https://github.com/GetJobber/atlantis/commit/87e1cb732cd73e412fa4b896392a78505294bc82))
+
+
+
+
+
+## [2.90.1](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.90.0...@jobber/components@2.90.1) (2022-12-20)
+
+**Note:** Version bump only for package @jobber/components
+
+
+
+
+
+# [2.90.0](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.89.4...@jobber/components@2.90.0) (2022-12-19)
+
+
+### Features
+
+* **components:** Add configurable column width to DataTable ([#951](https://github.com/GetJobber/atlantis/issues/951)) ([01fad3e](https://github.com/GetJobber/atlantis/commit/01fad3e9e047dbdb7b69198efbdfd986c4c1d039))
+
+
+
+
+
 ## [2.89.4](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.89.3...@jobber/components@2.89.4) (2022-12-15)
 
 **Note:** Version bump only for package @jobber/components

package/dist/Autocomplete/index.js

@@ -8,18 +8,18 @@ var debounce = require('lodash/debounce');
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
 var classnames = require('classnames');
 var useEventListener = require('@use-it/event-listener');
-var Text = require('../Text-9bc093e9.js');
+var Text = require('../Text-c317e805.js');
 var Icon = require('../Icon-d5ad1a6d.js');
-var Heading = require('../Heading-56750113.js');
-var InputText = require('../InputText-cb3be15c.js');
-require('../Typography-7e542a72.js');
+var Heading = require('../Heading-36fd27db.js');
+var InputText = require('../InputText-8951021c.js');
+require('../Typography-c8df6609.js');
 require('@jobber/design');
-require('../FormField-a92c7bac.js');
+require('../FormField-4ef1dd6b.js');
 require('uuid');
 require('react-hook-form');
-require('../Button-5b2f1636.js');
+require('../Button-d0f7848a.js');
 require('react-router-dom');
-require('../InputValidation-24d3621a.js');
+require('../InputValidation-c9309e0a.js');
 require('framer-motion');
 require('../Spinner-18d3dee6.js');
 

package/dist/Banner/index.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var React = require('react');
 var classnames = require('classnames');
-var hooks = require('@jobber/hooks');
+var jobberHooks = require('@jobber/hooks');
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
 var Icon = require('../Icon-d5ad1a6d.js');
-var Text = require('../Text-9bc093e9.js');
-var Button = require('../Button-5b2f1636.js');
+var Text = require('../Text-c317e805.js');
+var Button = require('../Button-d0f7848a.js');
 require('@jobber/design');
-require('../Typography-7e542a72.js');
+require('../Typography-c8df6609.js');
 require('react-router-dom');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -35,7 +35,7 @@ function Banner(_a) {
         small: 320,
         medium: 480,
     };
-    var _f = tslib_es6.__read(hooks.useResizeObserver({
+    var _f = tslib_es6.__read(jobberHooks.useResizeObserver({
         widths: bannerWidths,
     }), 2), bannerRef = _f[0], _g = _f[1].width, bannerWidth = _g === void 0 ? bannerWidths.small : _g;
     var iconColors = {

package/dist/Button/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Button = require('../Button-5b2f1636.js');
+var Button = require('../Button-d0f7848a.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
 require('classnames');
@@ -10,7 +10,7 @@ require('react-router-dom');
 require('../style-inject.es-dcee06b6.js');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
-require('../Typography-7e542a72.js');
+require('../Typography-c8df6609.js');
 
 
 

package/dist/{Button-5b2f1636.js → Button-d0f7848a.js}

@@ -6,7 +6,7 @@ var classnames = require('classnames');
 var reactRouterDom = require('react-router-dom');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
 var Icon = require('./Icon-d5ad1a6d.js');
-var Typography = require('./Typography-7e542a72.js');
+var Typography = require('./Typography-c8df6609.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/ButtonDismiss/index.js

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ButtonDismiss = require('../ButtonDismiss-4cde8f7c.js');
+var ButtonDismiss = require('../ButtonDismiss-6d3608f5.js');
 require('react');
-require('../Button-5b2f1636.js');
+require('../Button-d0f7848a.js');
 require('../tslib.es6-5b50eb8e.js');
 require('classnames');
 require('react-router-dom');
 require('../style-inject.es-dcee06b6.js');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
-require('../Typography-7e542a72.js');
+require('../Typography-c8df6609.js');
 
 
 

package/dist/{ButtonDismiss-4cde8f7c.js → ButtonDismiss-6d3608f5.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var Button = require('./Button-5b2f1636.js');
+var Button = require('./Button-d0f7848a.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/Card/index.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Card = require('../Card-368e01a3.js');
+var Card = require('../Card-0e6fde03.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
 require('classnames');
 require('../style-inject.es-dcee06b6.js');
-require('../Typography-7e542a72.js');
+require('../Typography-c8df6609.js');
 
 
 

package/dist/{Card-368e01a3.js → Card-0e6fde03.js}

@@ -4,7 +4,7 @@ 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');
-var Typography = require('./Typography-7e542a72.js');
+var Typography = require('./Typography-c8df6609.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/Checkbox/index.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Checkbox = require('../Checkbox-785a79a5.js');
+var Checkbox = require('../Checkbox-4624199c.js');
 require('react');
 require('classnames');
 require('../style-inject.es-dcee06b6.js');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
-require('../Text-9bc093e9.js');
-require('../Typography-7e542a72.js');
+require('../Text-c317e805.js');
+require('../Typography-c8df6609.js');
 require('../tslib.es6-5b50eb8e.js');
 
 

package/dist/{Checkbox-785a79a5.js → Checkbox-4624199c.js}

@@ -4,7 +4,7 @@ var React = require('react');
 var classnames = require('classnames');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
 var Icon = require('./Icon-d5ad1a6d.js');
-var Text = require('./Text-9bc093e9.js');
+var Text = require('./Text-c317e805.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/Chips/index.js

@@ -6,16 +6,16 @@ var React = require('react');
 var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var classnames = require('classnames');
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
-var hooks = require('@jobber/hooks');
+var jobberHooks = require('@jobber/hooks');
 var Icon = require('../Icon-d5ad1a6d.js');
 var Avatar = require('../Avatar-cfd04e86.js');
-var Typography = require('../Typography-7e542a72.js');
-var Tooltip = require('../Tooltip-4396164d.js');
+var Typography = require('../Typography-c8df6609.js');
+var Tooltip = require('../Tooltip-443889d8.js');
 var uuid = require('uuid');
 var lodash = require('lodash');
 var reactPopper = require('react-popper');
-var Text = require('../Text-9bc093e9.js');
-var Button = require('../Button-5b2f1636.js');
+var Text = require('../Text-c317e805.js');
+var Button = require('../Button-d0f7848a.js');
 var Spinner = require('../Spinner-18d3dee6.js');
 require('@jobber/design');
 require('color');
@@ -93,7 +93,7 @@ function InternalChipAffix(_a) {
         var isAvatar = (affix === null || affix === void 0 ? void 0 : affix.type) === Avatar.Avatar || false;
         var isIcon = (affix === null || affix === void 0 ? void 0 : affix.type) === Icon.Icon || false;
         var isChipButton = (affix === null || affix === void 0 ? void 0 : affix.type) === InternalChipButton || false;
-        hooks.useAssert(!!affix && !(isAvatar || isIcon || isChipButton), "Prefix prop only accepts \"<Avatar />\" or \"<Icon />\" component. You have \"" + (affix === null || affix === void 0 ? void 0 : affix.type) + "\".");
+        jobberHooks.useAssert(!!affix && !(isAvatar || isIcon || isChipButton), "Prefix prop only accepts \"<Avatar />\" or \"<Icon />\" component. You have \"" + (affix === null || affix === void 0 ? void 0 : affix.type) + "\".");
     }
 }
 
@@ -223,7 +223,7 @@ function useInternalChipDismissible(_a) {
         return selected.indexOf(chip.value);
     });
     var availableChipOptions = chipOptions.filter(function (chip) { return !selected.includes(chip.value); });
-    var liveAnnounce = hooks.useLiveAnnounce().liveAnnounce;
+    var liveAnnounce = jobberHooks.useLiveAnnounce().liveAnnounce;
     var actions = {
         handleChipRemove: function (value) {
             return function () {
@@ -290,7 +290,7 @@ function useInternalChipDismissibleInput(_a) {
     var _h = tslib_es6.__read(React.useState(false), 2), shouldCancelEnter = _h[0], setShouldCancelEnter = _h[1];
     var canAddCustomOption = onCustomOptionSelect !== undefined && !isLoadingMore;
     var maxOptionIndex = allOptions.length - 1;
-    var liveAnnounce = hooks.useLiveAnnounce().liveAnnounce;
+    var liveAnnounce = jobberHooks.useLiveAnnounce().liveAnnounce;
     React.useEffect(function () {
         setAllOptions(generateOptions(options, searchValue, canAddCustomOption));
     }, [options]);
@@ -528,7 +528,7 @@ function Chips(props) {
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 function Chip(props) {
     // Throw error when <Chip /> gets used outside of the <Chips />
-    hooks.useAssert(true, "`<Chip>` component can only be used inside `<Chips>`");
+    jobberHooks.useAssert(true, "`<Chip>` component can only be used inside `<Chips>`");
     return React__default["default"].createElement(React__default["default"].Fragment, null);
 }
 

package/dist/ConfirmationModal/index.js

@@ -2,27 +2,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ConfirmationModal = require('../ConfirmationModal-b7ef110f.js');
+var ConfirmationModal = require('../ConfirmationModal-474b3dbb.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
 require('@jobber/hooks');
-require('../Modal-aaaaf2df.js');
+require('../Modal-1f7e7433.js');
 require('react-dom');
 require('classnames');
 require('framer-motion');
 require('../style-inject.es-dcee06b6.js');
-require('../Typography-7e542a72.js');
-require('../Button-5b2f1636.js');
+require('../Typography-c8df6609.js');
+require('../Button-d0f7848a.js');
 require('react-router-dom');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
-require('../ButtonDismiss-4cde8f7c.js');
+require('../ButtonDismiss-6d3608f5.js');
 require('../Content-18de5fbb.js');
-require('../Markdown-69986c49.js');
+require('../Markdown-edd7468b.js');
 require('react-markdown');
-require('../Text-9bc093e9.js');
-require('../Emphasis-fd845639.js');
-require('../Heading-56750113.js');
+require('../Text-c317e805.js');
+require('../Emphasis-391519b1.js');
+require('../Heading-36fd27db.js');
 
 
 

package/dist/{ConfirmationModal-b7ef110f.js → ConfirmationModal-474b3dbb.js}

@@ -2,10 +2,10 @@
 
 var tslib_es6 = require('./tslib.es6-5b50eb8e.js');
 var React = require('react');
-var hooks = require('@jobber/hooks');
-var Modal = require('./Modal-aaaaf2df.js');
+var jobberHooks = require('@jobber/hooks');
+var Modal = require('./Modal-1f7e7433.js');
 var Content = require('./Content-18de5fbb.js');
-var Markdown = require('./Markdown-69986c49.js');
+var Markdown = require('./Markdown-edd7468b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -62,7 +62,7 @@ var ConfirmationModal = React.forwardRef(function ConfirmationModalInternal(_a,
                 onCancel: onCancel }),
         });
     }, [title, message, confirmLabel, cancelLabel, onConfirm, onCancel]);
-    hooks.useOnKeyDown(handleKeyboardShortcut, ["Escape", "Enter"]);
+    jobberHooks.useOnKeyDown(handleKeyboardShortcut, ["Escape", "Enter"]);
     return (React__default["default"].createElement(Modal.Modal, { title: state.title, open: open || state.open, size: "small", dismissible: false, primaryAction: {
             label: state.confirmLabel,
             onClick: handleAction("confirm"),

package/dist/DataDump/index.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var Card = require('../Card-368e01a3.js');
+var Card = require('../Card-0e6fde03.js');
 var Content = require('../Content-18de5fbb.js');
-var Emphasis = require('../Emphasis-fd845639.js');
+var Emphasis = require('../Emphasis-391519b1.js');
 require('../tslib.es6-5b50eb8e.js');
 require('classnames');
 require('../style-inject.es-dcee06b6.js');
-require('../Typography-7e542a72.js');
+require('../Typography-c8df6609.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/DataTable/Body.d.ts

@@ -1,7 +1,10 @@
 import { Row, Table } from "@tanstack/react-table";
+import { ReactNode } from "react";
 interface BodyProps<T> {
     table: Table<T>;
     onRowClick?: (row: Row<T>) => void;
+    height?: number;
+    emptyState?: ReactNode | ReactNode[];
 }
-export declare function Body<T extends object>({ table, onRowClick }: BodyProps<T>): JSX.Element;
+export declare function Body<T extends object>({ table, onRowClick, emptyState, }: BodyProps<T>): JSX.Element;
 export {};

package/dist/DataTable/DataTable.d.ts

@@ -1,4 +1,5 @@
 import { ColumnDef, Row } from "@tanstack/react-table";
+import { ReactNode } from "react";
 import { PaginationType, SortingType } from "./types";
 export interface DataTableProps<T> {
     /**
@@ -44,5 +45,9 @@ export interface DataTableProps<T> {
      * Enables row click action. The provided callback will be executed when the row is clicked.
      */
     onRowClick?: (row: Row<T>) => void;
+    /**
+     * The elements to display when the data table is empty
+     */
+    emptyState?: ReactNode | ReactNode[];
 }
-export declare function DataTable<T extends object>({ data, columns, pagination, sorting, height, stickyHeader, pinFirstColumn, onRowClick, }: DataTableProps<T>): JSX.Element;
+export declare function DataTable<T extends object>({ data, columns, pagination, sorting, height, stickyHeader, pinFirstColumn, onRowClick, emptyState, }: DataTableProps<T>): JSX.Element;

package/dist/DataTable/SortIcon.d.ts

@@ -0,0 +1,10 @@
+export declare enum SortDirection {
+    ascending = 0,
+    descending = 1,
+    equilibrium = 2
+}
+interface SortIconProps {
+    direction: SortDirection;
+}
+export declare function SortIcon({ direction }: SortIconProps): JSX.Element;
+export {};

package/dist/DataTable/index.d.ts

@@ -1,3 +1,4 @@
 export { DataTable } from "./DataTable";
 export * from "./types";
+export * from "./test-utilities/helpers";
 export { Row, ColumnDef, createColumnHelper, PaginationState, SortingState, } from "@tanstack/react-table";